@charset "utf-8";
/************************************************
Cloud9Inc Publishing Group
Author : Cloud9Inc. (2014.05)
commnet : common
*************************************************/

.spr, #leftGnb h1, #leftGnb .menuMore .text, #leftGnb .menuClose .text, #leftGnb .menuMore, #leftGnb .menuClose, #btnContents li, .contWrap.main section a.btnCls,.portfolioListWrap .imgWrap span, .contWrap.portfolio .pager span,
.tabsWrap li>a>span, .boxSearchWrap .icoBtnSearch, .boardListWrap li>a>span, .about .history .scrollBar, .historyWrap .icoCircle, .portfolioImgWrap .btnCls, #leftGnb dl.social a, #leftGnb address, .requestCompleteWrap>span
{display:inline-block;font-size:0;overflow:hidden;line-height:0}
#overwrap {visibility:hidden;width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:1000;opacity:.0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0);
transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;-webkit-transition:opacity .4s}
body.gnbOn.gnbVisible #overwrap {visibility:visible;opacity:.5;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));filter: alpha(opacity=50)}
body.sub #overwrap {display:none}
.ir {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1}
.teeDeco {position:relative;display:block}
.guideTxt {color:#a6a6a6;margin-top:5px}
.divider{display:inline-block;color:#dbdbdb;padding:0 6px 0 5px}
.dash {display:inline-block;color:#9a9ca0}
/* jsCube */
.jsCube {perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;-webkit-perspective:1200px;position:relative}
.jsCube span {display:block;width:100%;height:100%;position:absolute;left:0;top:0;
	transition:transform .25s ease-out, opacity .25s linear;
	-moz-transition:-moz-transform .25s ease-out, opacity .25s linear;
	-ms-transition:-ms-transform .25s ease-out, opacity .25s linear;
	-o-transition:-o-transform .25s ease-out, opacity .25s linear;
	-webkit-transition:-webkit-transform .25s ease-out, opacity .25s linear}
.jsCube .normal {transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;-moz-transform-origin:0 50%;-webkit-transform-origin:0 50%;opacity:1}
.jsCube .focus {transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;-moz-trapansform-origin:100% 50%;-webkit-transform-origin:100% 50%;
	transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);-webkit-transform:translateX(-100%) rotateY(-90deg);
	opacity:0;background:#3485d1;
}
.jsCube.on .normal {transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);-webkit-transform:translateX(100%) rotateY(90deg);opacity:.6}
.jsCube.on .focus {transform:translateX(0) rotateY(0);-moz-transform:translateX(0) rotateY(0);-ms-transform:translateX(0) rotateY(0);-o-transform:translateX(0) rotateY(0);-webkit-transform:translateX(0) rotateY(0);opacity:1}
/* jsCube */

/* jsFill */
.jsFill .fill {z-index:5;background:#66cccc;display:block;width:0;height:100%;position:absolute;left:0;top:0;
	transition:width .25s ease-out;
	-moz-transition:width .25s ease-out;
	-ms-transition:width .25s ease-out;
	-o-transition:width .25s ease-out;
	-webkit-transition:width .25s ease-out}
.jsFill .text {z-index:10;position:relative}
.jsFill.on .fill {width:100%}
/* jsFill */

/* background */
/*
#background, #background .content {position:fixed;top:0;left:0;right:0;bottom:0;height:100%}
#background .content {opacity:0}
#background .bg01 {background:url(../img/bg/01.jpg)}
#background .bg02 {background:url(../img/bg/02.jpg)}
#background .bg03 {background:url(../img/bg/03.jpg)}
#background .bg04 {background:url(../img/bg/04.jpg)}
#bgBlur {background:url(../img/bg/01_blur.jpg);display:block;width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0)}
*/

#background, #backgroundBlur {position:absolute;width:100%;min-height:100%;min-width:1240px;height:auto;left:0;top:0;display:block}
#backgroundBlur {opacity:.0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0);
	transition:opacity .5s;
	-moz-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-o-transition:opacity .5s;
	-webkit-transition:opacity .5s}
body.bgBlur #backgroundBlur {opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100)}
/* background */


/* left Gnb */
#leftGnb {width:220px;position:absolute;left:-220px;top:0;bottom:0;height:100%;box-shadow:2px 0 6px rgba(100,100,100,.2);
	transition:left .3s ease-out;-webkit-transition:left .3s ease-out;-moz-transition:left .3s ease-out;-ms-transition:left .3s ease-out;-o-transition:left .3s ease-out;z-index:2000}
#leftGnb .background {height:100%;width:100%}
#leftGnb h1 {position:absolute;top:40px;left:70px;width:87px;height:83px;visibility:hidden}
#leftGnb h1 a {display:block;width:100%;height:100%}
#leftGnb dl {visibility: hidden}
#leftGnb dt {line-height:0;height:0;width:0;overflow:hidden}
#leftGnb dl.language {position:absolute;text-align:center;width:155px;left:50%;top:146px;margin-left:-78px;background:url(../img/left/bg_language_bar.png) 0 47px no-repeat;height:48px}
#leftGnb dl.language dd {font-family:'Microsoft YaHei';width:21px;height:22px;display:inline-block;position:relative;background:url(../img/left/bg_language.png)}
#leftGnb dl.language dd.disable {opacity:.5;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));filter: alpha(opacity=50)}
#leftGnb dl.language dd a {display:block;width:100%;height:100%}
#leftGnb dl.language dd span {display:block;height:100%;font-size:9px;color:#fff;line-height:24px;text-align:center}
#leftGnb dl.language dd .normal {}

#leftGnb dl.menu {position:absolute;width:100%;top:234px;overflow:hidden}
#leftGnb dl.menu dd {font-size:16px;color:#fff;height:39px;width:100%;position:relative;z-index:2}
#leftGnb dl.menu dd a {font-family:'Titillium Web';font-weight:700;color:#fff;display:block;text-align:center;width:100%;height:100%;line-height:41px}
#leftGnb dl.menu dd.deco {z-index:1;font-size:0;line-height:0;text-indent:-2000px;background:url(../img/left/bg_menu.png) repeat;position:absolute;top:0;transition:top .25s ease-out;-webkit-transition:top .25s ease-out;-moz-transition:top .25s ease-out;-ms-transition:top .25s ease-out;-o-transition:top .25s ease-out}

#leftGnb dl.util {position:absolute;width:165px;left:41px;bottom:129px}
#leftGnb dl.util dd {height:12px;display:inline-block;margin-top:6px;width:70px}
#leftGnb dl.util dd a {font-family:'Microsoft YaHei';background:url(../img/left/bu_util.png) no-repeat 0 1px;display:block;padding-left:14px;height:100%;font-size:11px;color:#eee;opacity:.8;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));filter: alpha(opacity=80);line-height:15px}
#leftGnb dl.util dd a.util_home {background-image:url(../img/left/bu_home.png);}
#leftGnb dl.util dd a.util_location {background-image:url(../img/left/bu_location.png);}
#leftGnb dl.util dd a.util_request {background-image:url(../img/left/bu_request.png);}
#leftGnb dl.util dd a.util_recruit {background-image:url(../img/left/bu_recruit.png);}
#leftGnb dl.util dd a:hover {opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100)}

#leftGnb dl.social {position:absolute;text-align:center;width:140px;left:50%;margin-left:-70px;height:25px;bottom:94px}
#leftGnb dl.social dd {float:left;width:67px;height:25px;display:inline-block;position:relative;margin-right:6px}
#leftGnb dl.social dd.last-child {margin-right:0}
#leftGnb dl.social a {font-size:0;line-height:0;display:block;width:67px;height:25px}
#leftGnb dl.social a.facebook {background-position:left -345px}
#leftGnb dl.social a.pdf {background-position:-73px -345px}
#leftGnb dl.social .normal {}
#leftGnb address {display:block;width:161px;height:42px;position:absolute;bottom:32px;left:30px;right:29px;background-position:left -375px;font-size:0}

#leftGnb .menuMore, #leftGnb .menuClose {width:80px;height:80px;position:absolute;left:140px;top:0;transition:left .3s ease-out;-webkit-transition:left .3s ease-out;-moz-transition:left .3s ease-out;-ms-transition:left .3s ease-out;-o-transition:left .3s ease-out;background-position:left -89px}
#leftGnb.init .menuMore, #leftGnb.init .menuClose {left:220px}
#leftGnb .menuClose {width:79px;background-position:left -174px}
#leftGnb .menuMore .text {position:absolute;top:27px;left:28px;width:26px;height:26px;background-position:-89px 0}
#leftGnb .menuClose .text {position:absolute;top:31px;left:29px;width:23px;height:24px;background-position:-120px 0}
#leftGnb .menuClose {visibility: hidden}

.leftLnb {width:220px;position:absolute;left:-221px;top:0;bottom:0;height:100%;border-right:1px solid #ebebeb;background-color:#fff;/*background:#fff url(../img/left/bglnb.jpg) no-repeat;*/transition:left .3s ease-out;-webkit-transition:left .3s ease-out;-moz-transition:left .3s ease-out;-ms-transition:left .3s ease-out;-o-transition:left .3s ease-out;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.leftLnb dl {overflow:hidden;position:absolute;top:75px;left:-100%;right:220px;transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.leftLnb dl.on {left:0;right:0}
.leftLnb dt {height:141px;padding:18px 30px 0;font-family:'Microsoft YaHei';font-size:38px;line-height:40px;background:url(../img/left/bg_lnb_dt_line.gif) no-repeat 30px top;color:#3b3b3b;position:relative;z-index:5}
.leftLnb dt span {display:block;font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum;font-size:12px;color:#595959;line-height:1;margin:12px 0 35px}
.leftLnb dd {padding:0 30px;height:39px;line-height:39px;position:relative;z-index:5}
.leftLnb dd a {display:block;height:100%;line-height:41px;font-family:'Titillium Web';font-weight:700;color:#4d4d4d;font-size:16px}
.leftLnb dd.on {background:#4387c8 /*url(../img/left/bg_lnb_dd_on.gif) no-repeat*/}
.leftLnb dd.on a {color:#fff}
.leftLnb dd.deco {z-index:1;font-size:0;line-height:0;text-indent:-2000px;background:url(../img/left/bg_lnb_dd_on.gif) repeat;position:absolute;top:0;transition:top .25s ease-out;-webkit-transition:top .25s ease-out;-moz-transition:top .25s ease-out;-ms-transition:top .25s ease-out;-o-transition:top .25s ease-out}

body.gnbVisible #leftGnb h1, body.gnbVisible #leftGnb dl {visibility:visible}
body.gnbOn #leftGnb, html.wide body.sub #leftGnb {left:0}
body.gnbOn.sub .leftLnb, html.wide body.sub .leftLnb {left:220px}
body.gnbOn .leftLnb {left:-1px}
body.gnbOn #leftGnb .menuMore {visibility:hidden}
body.gnbOn #leftGnb .menuClose {visibility:visible;z-index:20;background-color:#4387c7}
html.wide body.gnbOn.sub #leftGnb .menuClose {visibility:hidden}
body.gnbOn.sub #leftGnb .menuClose {left:440px}
body.gnbOn.sub.agencyDetail .leftLnb {left:-1px}
/* left Gnb */

/*scrollbar*/
.scrollWrap {overflow:hidden;position:relative;height:100%}
.scrollArea {width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding-right:20px}
.scrollBar {width:7px;height:100px;position:absolute;top:0;right:21px;display:block;background:rgba(184,184,184,0.4);border-radius:8px;opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0)}
.scrollBar.hidden {display:none}
.scrollWrap:hover .scrollBar, .scrollWrap.on .scrollBar {opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100)}
.scrollCont {/*padding:72px 0 30px 0*/}

/* btn */
.btnWrap{text-align:left}
.btn{display:inline-block;margin:0;background-color:#4387c7;height:40px;line-height:40px;color:#fff;padding:0 35px;vertical-align:middle;cursor:pointer;font-family:'Microsoft YaHei';text-align:center;letter-spacing:1px}
a.btn{color:#fff}
button.btn {height:40px}
.tblWrap .btnWrap { }
.tblWrap .btnWrap .btn {width:110px;background-color:#999;margin-right:6px}
.tblWrap .btnWrap .btn.em {background-color:#3282d0}
.tblWrap .dash {display:inline-block;height:40px;line-height:40px;vertical-align:middle;margin-top:10px;padding:0 3px 0 2px}
.additionalInfoWrap { }
.additionalInfoWrap li {padding-top:17px}
.additionalInfoWrap li:first-child {padding-top:0}
/*tabsWrap*/
.tabsWrap {margin-bottom:40px}
.tabsWrap:after {display:block;content:'';clear:both}
.tabsWrap li {float:left;margin-right:10px}
.tabsWrap li>a{position:relative;display:block;width:90px;padding:0 16px 0 14px;height:30px;line-height:30px;border:1px solid #dfdfdf}
.tabsWrap li.on>a{color:#fff;border-color:#3282d0;background-color:#3282d0}
.tabsWrap li>a>span{position:absolute;top:12px;right:16px;width:4px;height:5px;background-position:-125px -31px}
.tabsWrap li.on>a>span{background-position:-132px -31px}
/*table*/
.tblCont,.tblCont th,.tblCont td{border:0}
.tblCont{width:652px;table-layout:fixed}
.tblCont caption{display:none}
.tblCont th{padding:17px 0 16px 0;font-size:16px;color:#252525;text-align:left;vertical-align:top;font-weight:normal;letter-spacing:-1px}
.tblCont td{padding:17px 0 16px 0;line-height:16px;vertical-align:top}
.tblCont.view th, .tblCont.view td {padding:17px 0 15px;border-top:1px solid #f2f2f2}
.tblCont.view td {font-size:15px}
.tblCont td input[type=text], .tblCont td textarea {margin-top:10px}
.tblCont td input[type=text]:first-child {margin-top:0}
.tblCont th>span{display:block;font-size:11px;font-family:'돋움';color:#767777;font-weight:normal;margin-top:3px}
.tblCont label {display:inline-block;width:85px}

/*#contents*/
#contents {z-index:9;position:absolute;min-width:760px;height:100%;left:80px;right:0;bottom:0;top:0;transition:left .3s ease-out;-webkit-transition:left .3s ease-out;-moz-transition:left .3s ease-out;-ms-transition:left .3s ease-out;-o-transition:left .3s ease-out;overflow:hidden}
body.gnbOn #contents {left:300px}
body.gnbOn.sub #contents {left:441px;transition-delay:.3s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s}
#contents .container {height:100%;width:100%;overflow:hidden;left:0;position:absolute;top:0;z-index:0;opacity:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0);
	transition:opacity .4s;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s}
body.sub #contents .container {left:0;z-index:10;opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100)}
.contWrap {position:relative;margin:0;overflow:hidden}
.absolute {position:absolute}
body.gnbOn.sub.agencyDetail #contents {left:220px;transition-delay:0;-webkit-transition-delay:0;-moz-transition-delay:0;-ms-transition-delay:0;-o-transition-delay:0}

/*main*/
.contWrap.main {height:100%;overflow-y:hidden;perspective:1200px;-webkit-perspective:1200px;z-index:10}
.contWrap.main .scrollCont {padding:0;width:450px}
.contWrap.main .blurShadow {z-index:-1;position:fixed;top:0;right:0;left:0;bottom:0;background:url(../img/bg/01.jpg);background-attachment:fixed;opacity:1;-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px)}
.contWrap.main section {border-right:solid 1px #e0e0de;z-index:10;left:-452px;position:absolute;top:0;width:450px;height:100%;overflow:hidden;padding:0;
	transition:left .6s .1s ease-out, transform .2s ease-in, width .6s .1s ease-out;-webkit-transition:left .6s .1s ease-out, -webkit-transform .2s ease-in, width .6s .1s ease-out;-moz-transition:left .6s .1s ease-out, -moz-transform .2s ease-in, width .6s .1s ease-out;-ms-transition:left .6s .1s ease-out, -ms-transform .2s ease-in, width .6s .1s ease-out;-o-transition:left .6s .1s ease-out, -o-transform .2s ease-in, width .6s .1s ease-out}
body.sub .contWrap.main section {transition:left .6s .4s ease-out, transform .2s ease-in, width .6s .1s ease-out;-webkit-transition:left .6s .4s ease-out, -webkit-transform .2s ease-in, width .6s .1s ease-out;-moz-transition:left .6s .4s ease-out, -moz-transform .2s ease-in, width .6s .1s ease-out;-ms-transition:left .6s .4s ease-out, -ms-transform .2s ease-in, width .6s .1s ease-out;-o-transition:left .6s .4s ease-out, -o-transform .2s ease-in, width .6s .1s ease-out}
/*.contWrap.main section .scrollWrap {width:450px}*/
.contWrap.main section .absolute {top:105px;right:-17px;left:0;bottom:5px}
.contWrap.main section.dropShadow {box-shadow:2px 0 6px rgba(100,100,100,.2)}
.contWrap.main section h1, .contWrap.main section h2 {font-family:'NeoSansBold';font-weight:normal;margin:0 40px;text-transform:uppercase;color:#404040;margin-top:45px;margin-bottom:9px;font-size:26px}
.contWrap.main section h1 em {color:#3485d1}
.contWrap.main section .bar {display:block;height:5px;background-color:transparent}
.contWrap.main section ul {margin:0 40px}
.contWrap.main section li {float:none;width:100%;padding-right:0}
.contWrap.main section dl {position:relative;width:100%;padding-top:225px;margin-bottom:46px}
.contWrap.main #bannerNotice li dl dt, .contWrap.main #bannerNotice li dl dd {cursor:pointer}
.contWrap.main #bannerNotice li:hover dl dt, .contWrap.main #bannerNotice li:hover dl dd {color:#3a8bd9}
.contWrap.main section .news dl {padding-top:0}
.contWrap.main section dt {font-weight:bold;color:#4c4c4c;font-size:18px;text-transform:uppercase;line-height:20px;padding-bottom:10px;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.contWrap.main section dd span {font-size:16px}
.contWrap.main section .news dt {font-size:18px}
.contWrap.main section dd.itemWrap span {display:inline-block;text-transform:uppercase}
.contWrap.main section .img {position:absolute;top:0;left:0;right:0;border:none;}
.contWrap.main section dd.brandDate {padding-bottom:4px}
.contWrap.main section dd.brandDate span {display:inline-block;text-transform:uppercase;font-size:16px;font-weight:bold}
.contWrap.main section dd.brandDate .date {background:url(../img/com/bg_branddate.gif) no-repeat left center;padding-left:15px;margin-left:12px;font-weight:normal}
.contWrap.main section a.btnCls{display:none;position:absolute;top:-5px;right:0;width:60px;height:60px;background-position:-148px top}
.contWrap.main section .background {background:#fff;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;
	opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));filter: alpha(opacity=60);
	transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;
}
.contWrap.main section .mask {z-index: 10;display:block;width:100%;height:100%;left:0;top:0;position:absolute;background:#000;opacity:.4;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));filter: alpha(opacity=70)}
.contWrap.main section .detailView {width:670px;position:absolute;left:450px;top:5px;bottom:5px;border-left:solid 1px #f1f1f1;padding-bottom:100px;overflow:hidden}
.contWrap.main section .detailView .scrollWrap {width:100%}

.contWrap.main section.current {z-index:20;/*box-shadow:2px 0 4px rgba(0,0,0,0.1);border-right:none*/}
.contWrap.main section.current .background {opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100)}
.contWrap.main section.current .bar {background-color:#4387c7}
.contWrap.main section.current .mask {display:none}
.contWrap.main.detail section.current {width:1120px}
.contWrap.main.detail section.current .detailView {visibility:visible}
.contWrap.main.detail section.current a.btnCls {display:block}

.contWrap.main section.back {z-index:5;transform:rotateY(3deg) translate3d(-55px,0,-100px);-moz-transform:rotateY(3deg) translate3d(-55px,0,-100px);-ms-transform:rotateY(3deg) translate3d(-55px,0,-100px);-o-transform:rotateY(3deg) translate3d(-55px,0,-100px);-webkit-transform:rotateY(3deg) translate3d(-55px,0,-100px);opacity:.4}
.contWrap.main section.pos-1 {left:0}
.contWrap.main section.pos-2 {left:450px}
.contWrap.main section.pos-3 {left:901px}
.contWrap.main.detail section.pos-2 {left:1120px}
.contWrap.main.detail section.pos-3 {left:1571px}

.contWrap.main .detailView dl {margin:0 40px;width:auto;padding-top:409px}
.contWrap.main .detailView dt {height:78px;font-size:22px;font-weight:bold;line-height:31px}
.contWrap.main .detailView dt strong {display:inline-block;font-size:38px;overflow:hidden;width:590px;height:40px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.contWrap.main .detailView dd.img>img {height:388px}
.contWrap.main .detailView dd.brandDate {padding-bottom:12px}
.contWrap.main .detailView dd.bt {padding-top:35px}
/*common*/
.contWrap section {position:absolute;top:0;left:0;bottom:0;width:729px;padding:65px 0 0 0;border-left:1px solid #e0e0de}
.container .contWrap {perspective:1200px;-webkit-perspective:1200px}
.container .contWrap section {z-index:10;background:none;border-left:none;
	transition:left .6s .1s ease-out, transform .2s ease-in, width .6s .1s ease-out;-webkit-transition:left .6s .1s ease-out, -webkit-transform .2s ease-in, width .6s .1s ease-out;-moz-transition:left .6s .1s ease-out, -moz-transform .2s ease-in, width .6s .1s ease-out;
	-ms-transition:left .6s .1s ease-out, -ms-transform .2s ease-in, width .6s .1s ease-out;-o-transition:left .6s .1s ease-out, -o-transform .2s ease-in, width .6s .1s ease-out;
}
.container .contWrap section.n1 {background-color:#fff;overflow-x:hidden}
.container .contWrap section.n1 .detailView {position:absolute;top:0;right:-730px;bottom:5px;width:629px;padding:65px 50px 0;border-left:1px solid #ebebeb;background:#fff;
	transition:right .6s .1s ease-out;-webkit-transition:right .6s .1s ease-out;-moz-transition:right .6s .1s ease-out;-ms-transition:right .6s .1s ease-out;-o-transition:right .6s .1s ease-out}
.container .contWrap section.n1 .detailView .absolute {width:679px}
.container.small .contWrap section.n1 .detailView {visibility: hidden}
.container .contWrap section.n1 .detailView .absolute {right:0}
.container .contWrap section.n1 .detailView .scrollBar {right:4px}

.container .contWrap section .background {background:#fff;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.container .contWrap section a.mask {z-index:20;display:block;width:100%;height:100%;left:0;top:0;position:absolute;background:#fff;opacity:.1;}
.container .contWrap section.current {z-index:20;/* box-shadow:2px 0 4px rgba(0,0,0,0.1);border-color:#fff;border-right:none; */}
.container .contWrap section.current .background {}
.container .contWrap section.current a.mask {display:none}
.container .contWrap section.back {z-index:5;transform:rotateY(3deg) translate3d(-40px,0,-100px);-moz-transform:rotateY(3deg) translate3d(-40px,0,-100px);-ms-transform:rotateY(3deg) translate3d(-40px,0,-100px);-o-transform:rotateY(3deg) translate3d(-40px,0,-100px);-webkit-transform:rotateY(3deg) translate3d(-40px,0,-100px);opacity:.4}
.container .contWrap section.n1 {left:-985px;overflow-x:hidden;background:none}
.container .contWrap section.n1.pos-1 {left:0}
.container .contWrap section.n1.pos-2 {left:729px}
.container .contWrap section.n1.pos-3 {left:1459px}
.container .contWrap.detail section.current {width:1460px;max-width:100%}
.container .contWrap.detail section.current .detailView {right:0}
.container.small .contWrap.detail section.current .detailView {box-shadow:-2px 0 4px rgba(0,0,0,0.1);visibility:visible}
/* .container .contWrap.detail section .detailView {box-shadow:-2px 0 4px rgba(0,0,0,0.1)} */
.container .contWrap.detail section.n1.pos-2 {left:1460px}
.container .contWrap.detail section.n1.pos-3 {left:2190px}

section.n2 {left:730px}
section.n1 .absolute {top:0;left:50px;right:-17px;bottom:5px;width:696px;opacity:.3;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));filter: alpha(opacity=30)}
section.current .absolute {opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100)}
section.n2 .absolute {top:0;left:50px;right:10px;bottom:5px}
.contWrap section .titleWrap {margin-bottom:80px;padding-top:72px;width:629px}
.contWrap section .titleWrap.type {margin-bottom:54px}
.contWrap section .titleWrap h1 {color:#333;font-size:35px;line-height:30px;font-weight:normal;text-transform:uppercase}
.contWrap section .titleWrap.view {margin-top:0}
.contWrap section .titleWrap.view h1 {color:#333;font-size:30px;line-height:36px;margin-bottom:15px}
.contWrap section .titleWrap h1>span{display:block;font-size:12px;color:#737373;line-height:1;margin-bottom:11px}
.contWrap section .titleWrap h1>strong{font-family:'NeoSans';font-weight:normal;display:block;margin-bottom:19px}
.contWrap section .titleWrap h1>span.lineMapHeader{text-transform:uppercase}
.contWrap section .titleWrap h1>span.slogan{text-transform:none;margin-bottom:0;color:#737373}
.contWrap section .titleWrap h2 {font-family:'Microsoft YaHei';font-weight:normal;display:block;font-size:44px;line-height:44px;color:#333;text-transform:uppercase;letter-spacing:-1px;margin-top:80px}
.contWrap section .titleWrap .titleDescription {display:inline-block;color:#999;line-height:20px;letter-spacing:-1px}
.contWrap section .titleWrap .titleDescription strong {display:block;font-size:44px;line-height:39px;color:#333;text-transform:uppercase;font-family:'Microsoft YaHei';font-weight:normal;margin-top:80px;margin-bottom:29px;letter-spacing:1px}
.contWrap section .titleWrap .titleDescription strong em, .contWrap section .titleWrap .titleDescription em {color:#3a8bd9}
.contWrap section .titleWrap.view .viewInfo {display:block}
.contWrap section .titleWrap.view .viewInfo .divider {color:#737373}
.contWrap section .teeDeco {width:60px;height:3px;background-color:#4d4d4d}
/*request*/
.contWrap.request {background-color:#fff;height:100%;overflow:hidden;margin-left:0;transition:margin-left .3s ease-out;-webkit-transition:margin-left .3s ease-out;-moz-transition:margin-left .3s ease-out;-ms-transition:margin-left .3s ease-out;-o-transition:margin-left .3s ease-out}
.request .n1 .absolute {}
.contWrap.request .detailView {position:absolute;top:0;bottom:5px;width:629px;padding:65px 50px 0;border-left:1px solid #ebebeb}
.request .tblWrap .btnWrap {text-align:left;padding-left:220px;margin-top:37px}
.request .titleWrap {margin-bottom:36px !important}
.boxSearchWrap input[type=text] {float:left;margin-right:10px}
.boxSearchWrap button.btn {width:150px;background-color:#999}
.boxSearchWrap .icoBtnSearch{float:left;width:40px;height:40px;border:1px solid #dfdfdf;border-left:none;background-color:#fff;background-position:-89px -47px;margin:0 !important}
.requestCompleteWrap {position:relative;overflow:hidden;padding-bottom:30px}
.requestCompleteWrap>span{position:absolute;top:10px;left:50%;width:231px;height:272px;margin-left:-115px;background-position:-602px 0}
.requestCompleteWrap dl {margin:320px auto 0;overflow:hidden;text-align:center}
.requestCompleteWrap dt {font-size:20px;color:#333;padding-bottom:18px;}
.requestCompleteWrap dd {font-size:15px;color:#737373;line-height:16px;}
.requestCompleteWrap dd strong, .requestCompleteWrap dd em {color:#4387c8;font-weight:bold;}
.requestCompleteWrap dd .btn {margin-top:30px}
/*recruit*/
.contWrap.recruit {background-color:#fff;height:100%;overflow:hidden;margin-left:0;transition:margin-left .3s ease-out;-webkit-transition:margin-left .3s ease-out;-moz-transition:margin-left .3s ease-out;-ms-transition:margin-left .3s ease-out;-o-transition:margin-left .3s ease-out}
.contWrap.recruit .detailView {position:absolute;top:0;left:730px;bottom:5px;width:629px;padding:65px 50px 0;border-left:1px solid #ebebeb}
.recuritResultWrap {text-align:center}
.recuritResultWrap dt {font-size:20px;}
.recuritResultWrap dd {font-size:15px;}
.recuritResultWrap dd strong, .recuritResultWrap dd em {color:#4387c8;font-weight:bold;}
.recuritResultWrap dd .btn {margin-top:50px}
.recruitProgressWrap { }
/*about*/
.contWrap.about {height:100%;overflow:hidden;margin-left:0;transition:margin-left .3s ease-out;-webkit-transition:margin-left .3s ease-out;-moz-transition:margin-left .3s ease-out;-ms-transition:margin-left .3s ease-out;-o-transition:margin-left .3s ease-out}
.about .background {background-color:#fff}
.about .overview .scrollCont {background:transparent url(../img/bg/bg_about_overview.png) no-repeat right top !important}
.about .history .scrollArea {background:transparent url(../img/bg/bg_history.gif) repeat-y 313px top !important}
.about .history .scrollWrap {cursor:ns-resize}
.about .history .titleWrap {padding-top:0;margin-left:50px;opacity:.3;}
.about .history.current .titleWrap {opacity:1;}
.about .history .shadowW {position:absolute;top:0;left:0;width:679px;height:50px;/*background:transparent url(../img/com/shadow_cw.png) repeat-x left top !important;*/z-index:10;opacity:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0)}
.current .shadowW {opacity:1 !important;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100);transition:opacity 2s ease-out;-webkit-transition:opacity 2s ease-out;-moz-transition:opacity 2s ease-out;-ms-transition:opacity 2s ease-out;-o-transition:opacity 2s ease-out}
.about .history .scrollBar {right:373px;opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100);width:19px;height:41px !important;background-position:-334px 0}
.about .news .boardListWrap {width:629px}
.about .history .absolute {top:230px}
.about .news .teeDeco {}
.about .overview .teeDeco {margin-bottom:31px}
.about .contactus .teeDeco {}
.about .overview .titleWrap .titleDescription {font-size:14px}
.about .overview .scrollCont{font-size:13px;line-height:24px}
.about .overview strong.tit {display:block;font-size:22px;line-height:30px;margin-bottom:30px;font-weight:normal;letter-spacing:-1px}
.addressWrap {width:630px;overflow:hidden;font-size:14px;color:#333;text-transform:uppercase;margin-top:31px}
.addressWrap strong {font-size:18px}
.addressWrap span {display:inline-block;font-size:12px;color:#4c4c4c;text-transform:none;margin-right:50px;transition:color .4s;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s}
.addressWrap .map {margin-top:25px;padding-bottom:30px}
.historyWrap {width:629px;overflow:hidden;text-transform:uppercase;padding-top:100px}
.historyWrap li {position:relative;float:left;text-align:right;padding-right:38px;width:276px;border-right:1px solid transparent}
.historyWrap li:nth-child(2n) {float:right;text-align:left;padding-left:38px;padding-right:0;border-left:1px solid transparent;border-right:none}
.historyWrap dt {position:relative;height:56px;font-size:45px;line-height:30px;color:#4c4c4c;transition:color .4s;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s}
.historyWrap li.on dt {color:#3a8bd9}
.historyWrap li.on span, .historyWrap li.on strong {color:#3a8bd9}
.historyWrap dt span.teeDeco{position:absolute;display:block;width:39px;height:2px;background-color:#666;bottom:0;transition:background-color .4s;-webkit-transition:background-color .4s;-moz-transition:background-color .4s;-ms-transition:background-color .4s;-o-transition:background-color .4s}
.historyWrap li.on dt span.teeDeco{background-color:#3a8bd9}
.historyWrap .icoCircle{position:absolute;display:block;width:12px;height:12px;background-position:-319px 0;top:14px;right:-45px}
.historyWrap li:nth-child(2n) .icoCircle {left:-45px;right:auto}
.historyWrap li dt>span {right:0}
.historyWrap li:nth-child(2n) dt>span {left:0;right:auto}
.historyWrap dd strong {display:block;font-size:25px;line-height:26px;color:#333;font-weight:normal;margin:10px 0;transition:color .4s;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s}
.historyWrap dd strong span {display:block}
.historyWrap dd span {display:block;font-size:12px;line-height:14px;margin:10px 0;transition:color .4s;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s}
.newsNoticeResultWrap {text-align:left;margin-right:33px}
.newsNoticeResultWrap dt { }
.newsNoticeResultWrap dd.bt {margin-top:50px;text-align:center}
/*solution*/
.contWrap.solution {height:100%;overflow:hidden;margin-left:0;transition:margin-left .3s ease-out;-webkit-transition:margin-left .3s ease-out;-moz-transition:margin-left .3s ease-out;-ms-transition:margin-left .3s ease-out;-o-transition:margin-left .3s ease-out}
.solution .titleWrap {margin-bottom:29px !important}
.solution .mcp9 .titleWrap {margin-bottom:24px !important}
.solution .overview .titleWrap {margin-bottom:21px !important}
.contWrap.solution .titleWrap .titleDescription strong {margin-top:73px}
.contWrap.solution .mcp9 .titleWrap .titleDescription strong {margin-top:80px}
.solution .background {background-color:#fff}
.solution .overview .scrollCont {background:transparent url(../img/bg/bg_solution_overview.png) no-repeat right top !important;height:100%}
.solution .commerce9 .scrollCont {background:transparent url(../img/bg/bg_solution_commerce9.png) no-repeat right top !important}
.solution .mcp9 .scrollCont {background:transparent url(../img/bg/bg_solution_mcp9.png) no-repeat right top !important}
.solution .sw9 .scrollCont {background:transparent url(../img/bg/bg_solution_sw9.png) no-repeat right top !important}
.solution .solutionSummary {display:block;font-size:14px;line-height:22px;letter-spacing:-1px;color:#595959;margin-top:25px}
.solution .solutionSummary .sfont {font-size:12px;color:#737373}
.solution .titleWrap .titleDescription {letter-spacing:-3px !important}
.solution .overview .titleDescription strong>span,
.solution .commerce9 .titleDescription strong>span, .solution .commerce9 .titleDescription strong>em,
.solution .sw9 .titleDescription strong>span, .solution .sw9 .titleDescription strong>em
 {font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum;font-weight:bold;font-size:42px;letter-spacing:-2px}
.solution .commerce9 .titleDescription strong > em, .solution .sw9 .titleDescription strong > em, .solution .overview .titleDescription strong>span, .solution .overview .titleDescription strong>em {display:inline-block;position:relative;top:-3px}
.solutionDetail {margin:10px 0 0;letter-spacing:-1px;overflow:hidden}
.solutionDetail>dt {margin:29px 0 15px;font-weight:bold;font-size:20px;line-height:26px;color:#4c4c4c}
.solutionDetail.tMcp9>dt {font-size:22px;text-transform:uppercase}
.solutionDetail.tMcp9>dt.en {font-family:'Microsoft YaHei';font-weight:normal}
.solutionDetail.tMcp9 img {display:block;margin-left:30px}
.solution .bannerWrap {overflow:hidden;margin-top:58px}
.solution .bannerWrap li {float:left;margin-left:6px}
.solution .bannerWrap li:first-child {margin-left:0}
.ulBothSide {overflow:hidden}
.ulBothSide:after {clear:both;content:'';display:block}
.ulBothSide>li {float:left;width:50%}
.ulDot {overflow:hidden}
.ulDot>li {position:relative;padding-left:10px;padding-bottom:10px}
.ulDot>li:before {position:absolute;top:9px;left:0;width:2px;height:2px;background-color:#737373;content:''}
.dlDot {text-transform:uppercase;margin-top:23px;border-bottom:1px solid #f2f2f2;padding-bottom:26px}
.dlDot.f {border-bottom:none}
.dlDot>dt {font-size:15px;color:#4c4c4c;font-weight:bold;padding-bottom:10px}
.dlDot>dd {position:relative;padding-left:10px;padding-bottom:10px}
.dlDot>dd:before {position:absolute;top:9px;left:0;width:2px;height:2px;background-color:#737373;content:''}
.dlFloat { }
.dlFloat dt {float:left;width:90px}
.dlFloat dd {display:table-cell;padding-left:10px}
/*portfolio*/
.contWrap.portfolio {position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background:#fff}
.contWrap.portfolio.detail {position:absolute;top:0;left:0;right:0;bottom:0;transition:left .6s ease-out;-webkit-transition:left .6s ease-out;-moz-transition:left .6s ease-out;-ms-transition:left .6s ease-out;-o-transition:left .6s ease-out}
.contWrap.portfolio .pager {display:none;float:left;height:94px;border-bottom:1px solid #f2f2f2}
.contWrap.portfolio .pager:after {display:block;content:'';clear:both}
.contWrap.portfolio .pager li {float:left;width:73px;height:100%;border-right:1px solid #f2f2f2}
.contWrap.portfolio .pager li.last-child {width:72px}
.contWrap.portfolio .pager li a {display:block;position:relative;height:100%}
.contWrap.portfolio .pager li a span {position:absolute;top:41px;left:50%}
.contWrap.portfolio .pager li a.btnPre span{width:7px;height:13px;background-position:-89px -31px;margin-left:-3.5px}
.contWrap.portfolio .pager li a.btnClose span{width:13px;height:13px;background-position:-99px -31px;margin-left:-6.5px}
.contWrap.portfolio .pager li a.btnNext span{width:7px;height:13px;background-position:-115px -31px;margin-left:-3.5px}
.contWrap.portfolio .portfolioList {position:absolute;top:0;left:30px;bottom:0;right:0;overflow:hidden;background:url(../img/bg_portfolio.jpg) -31px 0;}
.contWrap.portfolio .portfolioList .scrollCont {padding:0}
.contWrap.portfolio .portfolioList .scrollBar {right:5px}
.contWrap.portfolio.detail .pager {display:block}
/*.portfolioListWrap*/
.portfolioListWrap {position:relative;overflow:hidden}
.portfolioListWrap ul {overflow:hidden}
.portfolioListWrap li {float:left;position:absolute;width:245px;padding-right:59px;padding-bottom:47px;
	transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;
}
.portfolioListWrap li.on dt, .portfolioListWrap li.on dd {color:#4b90d1}
.portfolioListWrap li.hidden {display:none;}
.portfolioListWrap dl {width:245px;position:relative}
.portfolioListWrap dt {font-weight:bold;color:#4c4c4c;font-size:15px;text-transform:uppercase;line-height:20px;padding-bottom:11px}
.portfolioListWrap dd {line-height:18px}
.portfolioListWrap dd.brandDate {padding-bottom:1px}
.portfolioListWrap dd.brandDate span {display:inline-block;text-transform:uppercase}
.portfolioListWrap dd.brandDate .date {background:url(../img/com/bg_branddate.gif) no-repeat left center;padding-left:11px;margin-left:6px}
.portfolioListWrap .imgWrap {position:relative;display:block;width:243px;margin-bottom:26px}
.portfolioListWrap .imgWrap>img {display:block;width:243px}
.portfolioListWrap .imgWrap>span{display:none;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:url(../img/com/bg_portfolio_select.png) repeat}
.portfolioListWrap .imgWrap>span>span{position:absolute;width:58px;height:58px;background-position:-218px 0;top:50%;left:50%;margin:-29px 0 0 -29px}
.portfolioListWrap li.on .imgWrap>span{display:block}
.portfolioListWrap li>a{display:block}
.portfolioListWrap li>a:hover .imgWrap>span{display:block}
.portfolioListWrap li>a:hover dt, .portfolioListWrap li>a:hover dd{color:#4b90d1}
.contWrap.portfolio.detail .portfolioListWrap {width:221px}
.contWrap.portfolio.detail .portfolioListWrap li {float:none;width:220px;height:171px;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:0;overflow:hidden}
.contWrap.portfolio.detail .portfolioListWrap li .imgWrap {width:220px;border:none}
.contWrap.portfolio.detail .portfolioListWrap li .imgWrap>img{display:block;margin:10px auto;width:180px}
.contWrap.portfolio.detail .portfolioListWrap li.on {background-color:#4387c7;border-bottom:1px solid #4387c7;border-right:1px solid #4387c7}
.contWrap.portfolio.detail .portfolioListWrap li.on .imgWrap {display:none !important}
.contWrap.portfolio.detail .portfolioListWrap dl {display:none}
.contWrap.portfolio.detail .portfolioListWrap li.on dl {display:block;width:220px;text-align:center;margin-top:45px}
.contWrap.portfolio.detail .portfolioListWrap li > a:hover .imgWrap > span {display:none}
.contWrap.portfolio.detail .portfolioListWrap li.on dd {display:none}
.contWrap.portfolio.detail .portfolioListWrap li.on dt {color:#fff;font-size:22px;font-weight:normal;line-height:24px}
.contWrap.portfolio.detail .portfolioListWrap li.on dd.brandDate {display:block;color:#b2c9e4}
.contWrap.portfolio.detail .portfolioListWrap li.on dd.brandDate .date {background:url(../img/com/bg_branddate_.gif) no-repeat left center}
.contWrap.portfolio.detail .portfolioList {position:absolute;top:95px;left:0;bottom:5px;width:221px;clear:both;float:left}

.portfolioDetailView {display:none;position:relative;margin-left:221px}
.contWrap.portfolio.detail .portfolioDetailView {display:block;width:984px}
.portfolioDetailView .portfolioCont {margin-top:95px}
.portfolioImgWrap {position:absolute;top:95px;left:257px;right:0;bottom:5px}
.portfolioImgWrap .btnCls {position:absolute;top:-66px;left:787px;width:29px;height:29px;background-position:-358px 0}
.portfolioImgWrap .scrollCont {padding:0}
.portfolioImgWrap .scrollBar {right:4px}
.portfolioInfoWrap {position:absolute;top:0;left:0;bottom:0;width:156px;padding:0 50px;border-right:1px solid #f2f2f2;background:url(../img/bg/bg_portfolioinfo.gif) no-repeat center top}
.portfolioInfoWrap h1 {font-size:32px;color:#333;line-height:32px;text-transform:uppercase;margin-top:88px;margin-bottom:53px}
.portfolioInfoWrap dl {margin-top:26px}
.portfolioInfoWrap dt {font-size:16px;color:#4c4c4c;text-transform:uppercase;font-weight:bold;margin-bottom:8px}
.portfolioInfoWrap dd {color:#666}
.portfolioInfoWrap dd em {display:inline-block;width:73px;color:#666}
.portfolioInfoWrap .btn {margin-top:36px}
.portfolioInfoWrap .teeDeco {/*top:267px;left:50px;*/width:46px !important;height:3px !important;background-color:#282828 !important;margin-bottom:32px}
.portfolioViewWrap {position:relative;width:767px;margin:0 30px;padding-top:663px;text-align:center}
.portfolioViewWrap dt {font-size:32px;text-transform:uppercase;color:#333;font-weight:bold;margin-bottom:12px}
.portfolioViewWrap dd .ctrl {width:314px;margin:0 auto 35px;border:1px solid #ebebeb}
.portfolioViewWrap dd .ctrl:after {clear:both;content:'';display:block}
.portfolioViewWrap dd .ctrl li {float:left;height:26px;line-height:26px;padding:0 35px;border-left:1px solid #ebebeb}
.portfolioViewWrap dd.imgViewer {position:absolute;top:0;left:0;right:0;height:396px;background:url(../img/bg/bg_portfolioviewer.png) no-repeat;padding:32px 31px 158px}
.portfolioViewWrap dd.imgViewer img {width:705px;height:396px;display:block}
/*boardListWrap*/
.boardListWrap {overflow:hidden;margin-top:42px}
.boardListWrap dt {font-size:15px;color:#333;border-bottom:1px solid #f2f2f2;padding-bottom:10px;margin-bottom:30px}
.boardListWrap li {margin-top:30px;height:91px;position:relative;overflow:hidden}
.boardListWrap li:first-child {margin-top:0}
.boardListWrap li>span.numDate{float:left;display:inline-block;color:#a6a6a6;font-size:12px;text-align:center;padding-right:25px;margin-right:23px;height:60px;background:url(../img/bg/bg_boardlist_span.gif) no-repeat right top}
.boardListWrap li>span>span, .boardListWrap li strong{display:block;float:none}
.boardListWrap li>span>span{line-height:1}
.boardListWrap li .divider {display:inline-block}
.boardListWrap li>span>strong{font-family:'NeoSansLight';font-weight:normal;font-size:55px;line-height:52px;font-weight:normal;letter-spacing:-1px}
.boardListWrap li>a{position:absolute;top:-4px;font-size:25px;color:#a6a6a6;line-height:30px;display:inline-block;width:490px;height:60px;vertical-align:middle;padding-right:60px}
.boardListWrap li>a>span{position:absolute;top:9px;right:40px;width:16px;height:31px;background-position:-281px 0}
.boardListWrap li .info {display:block;margin-top:40px;font-size:16px;color:#a6a6a6;margin-left:110px}
.boardListWrap .noitem {text-align:center;position:relative;font-size:15px;padding-top:200px;}
.boardListWrap .noitem span {width:205px;height:152px;display:block;position:absolute;left:50%;margin-left:-95px;top:30px;}

.contWrap.detail .boardListWrap li.on>span>strong, .contWrap.detail .boardListWrap li.on>span>span{color:#595959}
.contWrap.detail .boardListWrap li.on>a{color:#333}
.contWrap.detail .boardListWrap li.on>a>span{background-position:-300px 0}
.tabContent .boardListWrap li>a{top:0;overflow:hidden;height:40px;white-space:nowrap;text-overflow:ellipsis;}

.tabCon {display:none;}
.tabCon.on {display:block;}


.loadingWrap {overflow:hidden;background:#fff;z-index:2000;width:100%;height:100%;position:absolute;right:0;top:0;opacity:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0);
	transition:width .8s ease-in, opacity .4s;-webkit-transition:width .8s ease-in, opacity .4s;-moz-transition:width .8s ease-in, opacity .4s;-ms-transition:width .8s ease-in, opacity .4s;-o-transition:width .8s ease-in, opacity .4s;

}
/*
.loadingWrap .loading {width:100px;height:50px;position:absolute;left:50%;top:50%;margin:-25px 0 0 -50px;background:red;opacity:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0);
	transition:opacity .2s;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s
}
.loadingWrap .loading:after {content:'Loading ...';color:#fff;font-weight:bold;text-align:center;width:100%;display:block;line-height:50px}
*/
.loadingWrap .loading {width:180px;height:180px;position:absolute;top:50%;left:50%;margin-left:-90px;margin-top:-90px;background:url(../img/loading.gif) no-repeat;}
.loadingWrap.show {opacity:1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));filter: alpha(opacity=100);}
.loadingWrap.show .loading {opacity:1}
.loadingWrap.close {width:0}
.loadingWrap.close .loading {opacity:0;transition-delay:.6s;-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s}

#mainBannerContainer .loadingWrap {transition:width .6s ease-in, opacity .4s;-webkit-transition:width .6s ease-in, opacity .4s;-moz-transition:width .6s ease-in, opacity .4s;-ms-transition:width .6s ease-in, opacity .4s;-o-transition:width .6s ease-in, opacity .4s}
#mainBannerContainer .loadingWrap.close .loading {transition-delay:.4s;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s}


#imageCache {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;}

.fileinput-button {position:relative;overflow:hidden;margin-bottom:4px;border:solid 1px #dfdfdf;background:url(../img/com/bg_file.gif) repeat-x;line-height:38px;display:inline-block;padding:0 15px 0 25px;font-weight:bold;}
.fileinput-button .icon {width:6px;height:9px;position:absolute;left:11px;top:14px;}
.fileinput-button input {position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter: alpha(opacity=0);font-size:200px;cursor:pointer;}