/* project content */
#projectConf {display:none; position:relative; z-indeX:9998;}
#projectConf:after {content:""; display:block; clear:both;}
#informConf {display:none; position:relative; z-indeX:9999;}
#informConf:after {content:""; display:block; clear:both;}
#map {width:100%; height:500px;}

/* project content */
.project {position:relative; max-width:1700px; margin:0 auto; overflow:hidden;}
.project .closed {position:absolute; right:0; top:0; z-index:55;}
.project .closed ul:after {content:""; display:block; clear:both;}
.project .closed ul li {position:relative; text-align:right; font-size:0; line-height:0;}
.project .closed ul li.slidebtn {margin:1px 0;}
.project .closed ul li .listProject {display:none; height:100%; background:#000;}
.project .closed ul li .listProject .imgArea {position:absolute; left:0; top:0;}
.project .closed ul li .listProject .imgArea img {width:76px;}
.project .closed ul li .listProject .txtArea {display:table-cell; width:76px; height:76px; font-family:'NanumSquareR'; font-size:13px; color:#585858; font-weight:600; line-height:1.2; letter-spacing:1.4; text-align:left; padding:0 14px 0 90px; vertical-align:middle; word-break:keep-all;}

.project .fixImg {position:relative; width:100%; height:960px; overflow:hidden; z-index:1;}
.project .fixImg .imgArea {position:fixed; left:50%; top:0; margin:0 0 0 -850px; z-index:1;}
.project .fixImg .txtArea {position:absolute; left:0; top:50%; width:100%; text-align:center; z-index:4; word-break:keep-all;}
.project .fixImg .txtArea .tit {font-family:'Monda','NanumSquareR'; font-size:60px; color:#fff; font-weight:600; line-height:1.2; padding:0 10px;}
.project .fixImg .txtArea .hash {font-size:30px; color:#fff; font-weight:300; line-height:1.2; margin:27px 0 0 0; padding:32px 10px 0; background:url('../images/bg/bg_project_hash.gif') center top no-repeat;}
.project .fixImg .txtArea.about .tit {letter-spacing:5px; font-weight:600;}
.project .fixImg .backbg {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#ee6b23; z-index:3; -khtml-opacity:0; -moz-opacity:0; opacity:0;}
.project .fixImg .imgbg {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_img_bg.png') left top repeat; z-index:2;}

.project .overview {position:relative; width:100%; background:#fff; padding:55px 0 0 0; overflow:hidden; z-index:3;}
.project .overview .stit {position:absolute; left:80px; top:60px; font-family:'Monda'; font-size:26px; color:#222; font-weight:600;}
.project .overview .explan {min-height:300px; margin:0 585px 0 272px;}
.project .overview .explan:after {content:""; display:block; clear:both;}
.project .overview .explan p {font-size:15px; color:#666; font-weight:300; line-height:2; word-break:keep-all;}
.project .overview .explan strong {font-size:15px;}
.project .overview .explan .sns {width:100%; padding:25px 0; overflow:hidden;}
.project .overview .explan .sns ul {font-size:0; line-height:0;}
.project .overview .explan .sns ul:after {content:""; display:block; clear:both;}
.project .overview .explan .sns ul li {float:left; padding:0 20px 0 0;}
.project .overview .explan .sns ul li.txt {font-family:'NanumSquareR'; font-size:18px; color:#222; font-weight:600; line-height:27px;}
.project .overview .explan .sns ul li img {padding:2px 0 0 0;}
.project .overview .explan .sns ul li .linkIcon {padding:2px 0 0 0;}

.project .overview .infomation {position:absolute; right:100px; top:40px; border-left:1px #e5e5e5 solid; padding:17px 0 0 60px;}
.project .overview .infomation .info {width:100%; overflow:hidden;}
.project .overview .infomation .info ul:after {content:""; display:block; clear:both;}
.project .overview .infomation .info ul li {position:relative; font-size:14px; color:#666; font-weight:300; line-height:1.3; padding:0 0 10px 90px;}
.project .overview .infomation .info ul li span {position:absolute; left:0; top:2px; font-family:'Monda'; font-size:14px; color:#302e2a; font-weight:600;}
.project .overview .infomation .info ul li a {font-family:'Monda'; font-size:14px; color:#666; font-weight:400;}
.project .overview .infomation .info ul li a:hover {font-weight:600; text-decoration:underline;}
.project .overview .infomation .phone {margin:5px 0 20px 0;}
.project .overview .infomation .phone:after {content:""; display:block; clear:both;}
.project .overview .infomation .phone a {display:inline-block; padding:0 0 0 58px; font-family:'Monda'; font-size:24px; color:#222; font-weight:600; line-height:40px; background:url('../images/ico/ico_project_phone.png') left top no-repeat;}
.project .overview .infomation .addBox {padding:0 0 10px 0;}
.project .overview .infomation .addBox:after {content:""; display:block; clear:both;}
.project .overview .infomation .addBox ul:after {content:""; display:block; clear:both;}
.project .overview .infomation .addBox ul li {position:relative; float:left;}
.project .overview .infomation .addBox ul li .favorites {padding:0 6px 0 0;}
.project .overview .infomation .addBox ul li .requestProject {display:block; width:303px; background:#ee6b23; text-align:center; transition:all ease 0.3s;}
.project .overview .infomation .addBox ul li .requestProject span {font-family:'NanumSquareR'; font-size:18px; color:#fff; font-weight:600; line-height:56px; padding:0 42px 0 0; background:url('../images/bg/bg_request_project_span_hover.png') right 50% no-repeat; transition:all ease 0.3s;}
.project .overview .infomation .addBox ul li .requestProject:hover {background:#000;}
.project .overview .infomation .addBox ul li .requestProject:hover span {color:#fff;}
.drop-shadow {-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.drop-shadow:before,
.drop-shadow:after {content:""; position:absolute;  z-index:-2;}
.curved:before {top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 12px rgba(0,0,0,0.6); -moz-box-shadow:0 0 12px rgba(0,0,0,0.6); box-shadow:0 0 12px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px;}
.curved-vt-2:before {right:0;}
.curved-hz-2:before {top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px;}

.project .overview .category {width:100%; margin:50px 0 0 0; border-top:1px #e8e7e5 solid; border-bottom:1px #e8e7e5 solid; background:#f8f8f8; overflow:hidden;}
.project .overview .category ul {margin:0 0 0 -1px; text-align:center;}
.project .overview .category ul:after {content:""; display:block; clear:both;}
.project .overview .category ul li {float:left; width:25%; border-left:1px #e8e7e5 solid; box-sizing:border-box;-moz-box-sizing:border-box;}
.project .overview .category ul li a {display:inline-block; width:100%; padding:40px 0 40px;}
.project .overview .category ul li a span {display:inline-block; font-family:'Monda'; font-size:20px; color:#babab9; font-weight:600;}
.project .overview .category ul li a.on span {color:#35312c;}

.project .overview .category.six {width:100%; margin:50px 0 0 0; border-top:1px #e8e7e5 solid; border-bottom:1px #e8e7e5 solid; background:#f8f8f8; overflow:hidden;}
.project .overview .category.six ul {margin:0 0 0 -1px; text-align:center;}
.project .overview .category.six ul:after {content:""; display:block; clear:both;}
.project .overview .category.six ul li {float:left; width:16.6666%; border-left:1px #e8e7e5 solid; box-sizing:border-box;-moz-box-sizing:border-box;}
.project .overview .category.six ul li a {display:inline-block; width:100%; padding:40px 0 40px;}
.project .overview .category.six ul li a span {display:inline-block; font-family:'Monda'; font-size:20px; color:#babab9; font-weight:600;}
.project .overview .category.six ul li a.on span {color:#35312c;}


/*** 포트폴리오 관리 ***/
.project .overview .projectInbox {position:relative; width:100%; overflow:hidden;}
.project .overview .projectInbox .subTit {position:absolute; left:0; top:62px; width:100%; text-align:center; font-family:'Monda'; font-size:40px; color:#302e2a; font-weight:600;}
.project .overview .projectInbox .subTit span {display:block; font-family:'Monda'; font-size:20px; color:#403c36; font-weight:400; padding:10px 0 0 0;}
.project .overview .projectInbox .subTit.ty01 {color:#302e2a;}
.project .overview .projectInbox .subTit.ty01 span {color:#403c36;}
.project .overview .projectInbox .subTit.ty02 {color:#fff;}
.project .overview .projectInbox .subTit.ty02 span {color:#fff;}
.project .overview .projectInbox .img {width:100%; overflow:hidden;}
.project .overview .projectInbox .img img {width:100%;}

.project .overview .subTxt {width:1300px; margin:0 auto; word-break:keep-all; overflow:hidden;}
.project .overview .subTxt p {font-family:'NanumSquareR'; font-size:18px; line-height:1.8; padding:50px 0;}

.project .overview .noti {width:1220px; margin:0 auto; padding:0 0 120px 0; word-break:keep-all; text-align:center;  overflow:hidden;}
.project .overview .noti .htit {font-size:68px; color:#000; line-height:1; font-weight:200; padding:0 0 40px 0;}
.project .overview .noti p {font-size:16px; line-height:1.8; font-weight:300;}

.project .overview .box_subTit {width:100%; text-align:center; font-family:'Monda'; font-size:40px; color:#fff; font-weight:600; padding:74px 0 80px;}
.project .overview .box_subTit span {display:block; font-family:'Monda','NanumSquareR'; font-size:20px; color:#fff; font-weight:400; padding:10px 0 0 0;}
.project .overview .box_subTit.ty01 {color:#302e2a;}
.project .overview .box_subTit.ty01 span {color:#403c36;}
.project .overview .box_subTit.ty02 {color:#302e2a;}
.project .overview .box_subTit.ty02 span {color:#403c36;}
.project .overview .box_subTxt {width:1200px; margin:0 auto; word-break:keep-all; overflow:hidden; text-align:center;}
.project .overview .box_subTxt p {font-size:18px; color:#cfd9e9; line-height:1.8; padding:75px 0; font-weight:300;}


/* 건설알림이 */
.project .overview .cis {width:1200px; margin:0 auto; padding:100px 0; word-break:keep-all; text-align:center;  overflow:hidden;}
.project .overview .cis .htit {font-size:54px; color:#2d70c6; line-height:1.2; font-weight:200; padding:0 0 20px 0;}
.project .overview .cis p {font-size:18px; line-height:1.8; color:#888; font-weight:300;}
.project .overview .cis_subTxt {width:1240px; margin:0 auto; word-break:keep-all; overflow:hidden; text-align:center;}
.project .overview .cis_subTxt p {font-size:18px; color:#cfd9e9; line-height:1.8; padding:75px 0; font-weight:300;}
.project .overview .cis_subTxt p strong {font-size:18px; font-weight:500;}
.project .overview .cis_subTxt p.ty01 {padding:56px 0 44px; line-height:1.6;}
.project .overview .cis_div {width:100%; overflow:hidden;}
.project .overview .cis_div ul:after {content:""; display:block; clear:both;}
.project .overview .cis_div ul li {float:left; width:50%;}
.project .overview .cis_div ul li img {width:100%;}

/* 모텍스 */
.project .overview .motex1 {width:1200px; margin:0 auto; padding:100px 0; word-break:keep-all; text-align:center;  overflow:hidden;}
.project .overview .motex1 .htit {font-size:68px; color:#b7b7b7; line-height:1.2; font-weight:200; padding:0 0 20px 0;}
.project .overview .motex1 p {font-size:16px; line-height:1.8; color:#888; font-weight:300;}

/* 아벤느 */
.project .overview .avene {width:1200px; margin:0 auto; padding:43px 0; word-break:keep-all; text-align:center;  overflow:hidden;}
.project .overview .avene .num {font-family:'NanumSquareR'; font-size:120px; line-height:1.2; font-weight:600; padding:0 0 0 0;}
.project .overview .avene .htit {font-family:'NanumSquareR'; font-size:24px; line-height:1.2; padding:0 0 6px 0;}
.project .overview .avene p {font-family:'NanumSquareR'; font-size:18px; line-height:1.7; color:#888; font-weight:normal;}

/* 메르앙 */
.project .overview .meren_subTxt {width:970px; margin:0 auto; word-break:keep-all; text-align:center; overflow:hidden;}
.project .overview .meren_subTxt p {font-family:'NanumSquareR'; font-size:14px; line-height:1.8; padding:50px 0;}

/* 퍼스트가든 */
.project .overview .first_garden_subTxt {width:1200px; margin:0 auto; word-break:keep-all; text-align:center; overflow:hidden;}
.project .overview .first_garden_subTxt p {font-family:'NanumSquareR'; font-size:14px; line-height:1.8; padding:40px 0;}

/* 센토리 */
.project .overview .scentory_subTxt {width:100%; word-break:keep-all; text-align:center; overflow:hidden;}
.project .overview .scentory_subTxt p {width:1300px; margin:0 auto; font-family:'NanumSquareR'; font-size:18px; color:#fff; line-height:1.8; padding:60px 0;}

/* 피알원 */
.project .overview .prone_subTxt01 {width:100%; word-break:keep-all; text-align:center; background:#e9e9e9; overflow:hidden;}
.project .overview .prone_subTxt01 p {width:1100px; margin:0 auto; font-family:'NanumSquareR'; font-size:14px; color:#897c75; line-height:1.8; padding:0 0 80px 0;}
.project .overview .prone_subTxt02 {width:100%; word-break:keep-all; text-align:center; background:#a8a8a8; overflow:hidden;}
.project .overview .prone_subTxt02 p {width:1100px; margin:0 auto; font-family:'NanumSquareR'; font-size:14px; color:#fff; line-height:1.8; padding:50px 0;}
.project .overview .prone_subTxt03 {width:100%; word-break:keep-all; text-align:center; background:#c6bfbb; overflow:hidden;}
.project .overview .prone_subTxt03 p {width:940px; margin:0 auto; font-family:'NanumSquareR'; font-size:14px; color:#897c75; line-height:1.8; padding:60px 0;}

/* 스튜디오 */
.project .overview .studio {width:100%; text-align:center; font-family:'NanumSquareR'; font-size:33px; color:#fff; font-weight:600; line-height:1.1; padding:60px 0; overflow:hidden;}


/* 비프루브 */
.project .overview .vproveTit {width:100%; text-align:center; font-size:42px; color:#666; font-weight:300; line-height:1.1; padding:120px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .vproveTxt {width:100%; text-align:center; font-size:18px; color:#555; font-weight:200; line-height:1.6; padding:17px 0 50px 0; overflow:hidden; word-break:keep-all;}

.project .overview .vproveTit02 {width:100%; text-align:center; font-size:42px; color:#fff; font-weight:300; line-height:1.3; padding:100px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .vproveTxt02 {width:1300px; margin:0 auto; text-align:center; font-size:18px; color:#aeacab; font-weight:200; line-height:1.6; padding:17px 0 80px 0; overflow:hidden; word-break:keep-all;}

.project .overview .vproveDiv {float:left; width:50%; }
.project .overview .vproveDiv img {width:100%;}
.project .overview .vproveDiv.wmode {display:block;}
.project .overview .vproveDiv.mmode {display:none;}

.project .overview .vproveTit03 {width:100%; text-align:center; font-size:54px; color:#333; line-height:1.2; overflow:hidden; word-break:keep-all;}
.project .overview .vproveTit03 strong {display:block; font-family:'Monda'; font-size:86px; color:#333; font-weight:600; letter-spacing:-6px; padding:74px 0 20px 0;}
.project .overview .vproveTit03 span {color:#df1e1e; font-size:54px;}
.project .overview .vproveTxt03 {font-size:15px; color:#666; line-height:1.6; padding:35px 0 70px; text-align:center; word-break:keep-all;}

.project .overview .vproveMovie {width:1440px; margin:0 auto; overflow:hidden; word-break:keep-all;}
.project .overview .movietitle {width:100%; font-size:25px; color:#fff; padding:15px 0; margin:0 0 35px 0; text-align:center; background:#0f090a; word-break:keep-all;}


/* 아디다스 */
.project .overview .adidas {width:1300px; margin:0 auto; padding:90px 0 80px; word-break:keep-all; text-align:center;  overflow:hidden;}
.project .overview .adidas .htit {font-family:'NanumSquareR'; font-size:40px; line-height:1.2; padding:0 0 30px 0;}
.project .overview .adidas p {font-family:'NanumSquareR'; font-size:18px; line-height:1.7; color:#888; font-weight:normal;}


/* sc엔지니어링 */
.project .overview .scTit01 {width:100%; text-align:center; font-size:54px; color:#d5d5d5; font-weight:200; line-height:1.4; padding:50px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .scTxt01 {width:905px; text-align:center; font-size:18px; color:#a7a7a7; font-weight:normal; line-height:1.6; margin:0 auto; padding:27px 0 60px 0; overflow:hidden; word-break:keep-all;}

.project .overview .scTit02 {width:100%; text-align:center; font-size:54px; color:#fff; font-weight:200; line-height:1.4; padding:100px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .scTit02 span {font-size:54px;}
.project .overview .scTxt02 {width:1200px; text-align:center; font-size:18px; color:#fae4e4; font-weight:normal; line-height:1.6; margin:0 auto; padding:24px 0 35px 0; overflow:hidden; word-break:keep-all;}
.project .overview .scTxt02_1 {width:1200px; text-align:center; font-size:18px; color:#fae4e4; font-weight:normal; line-height:1.6; margin:0 auto; padding:0 0 120px 0; overflow:hidden; word-break:keep-all;}

.project .overview .scTit03 {width:100%; text-align:center; font-size:54px; color:#d5d5d5; font-weight:200; line-height:1.4; padding:100px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .scTit03_1 {width:100%; text-align:center; font-size:40px; color:#d5d5d5; font-weight:200; line-height:1.4; padding:0 0 50px 0; overflow:hidden; word-break:keep-all;}
.project .overview .scTit03_1 span {font-size:40px;}
.project .overview .scTxt03 {width:1370px; text-align:center; font-size:18px; color:#bcbcbc; font-weight:normal; line-height:1.6; margin:0 auto; padding:0 0 35px 0; overflow:hidden; word-break:keep-all;}
.project .overview .scTxt03_1 {width:1370px; text-align:center; font-size:18px; color:#bcbcbc; font-weight:normal; line-height:1.6; margin:0 auto; padding:0 0 120px 0; overflow:hidden; word-break:keep-all;}


/* Jardin */
.project .overview .jdTit01 {width:100%; text-align:center; font-size:54px; color:#34312a; font-weight:200; line-height:1.1; padding:30px 0 0 0; overflow:hidden; word-break:keep-all; letter-spacing:-1px;}
.project .overview .jdTxt01 {width:1160px; text-align:center; font-size:18px; color:#323232; font-weight:200; line-height:1.6; margin:0 auto; padding:15px 0 100px 0; overflow:hidden; word-break:keep-all;}
.project .overview .jdTxt02 {width:1260px; text-align:center; font-size:18px; color:#d0d0d0; font-weight:200; line-height:1.6; margin:0 auto; padding:60px 0; overflow:hidden; word-break:keep-all;}
.project .overview .jdTit03 {width:100%; text-align:center; font-size:54px; color:#eb6101; font-weight:200; line-height:1.1; padding:90px 0 0 0; overflow:hidden; word-break:keep-all; letter-spacing:-1px;}
.project .overview .jdTxt03 {width:1160px; text-align:center; font-size:18px; color:#323232; font-weight:200; line-height:1.6; margin:0 auto; padding:18px 0 100px 0; overflow:hidden; word-break:keep-all;}
.project .overview .jdTxt04 {width:1200px; text-align:center; font-size:18px; color:#323232; font-weight:200; line-height:1.6; margin:0 auto; padding:70px 0; overflow:hidden; word-break:keep-all;}
.project .overview .jdTxt05 {width:1020px; text-align:center; font-size:18px; color:#fff; font-weight:200; line-height:1.6; margin:0 auto; padding:100px 0; overflow:hidden; word-break:keep-all;}

/* hansol */
.project .overview .hansolTxt01 {width:100%; text-align:center; background:#15a892; overflow:hidden; word-break:keep-all;}
.project .overview .hansolTxt01 p {width:1300px; font-size:18px; color:#fff; font-weight:normal; line-height:1.6; margin:0 auto; padding:50px 0;}


/* all that beauty */
.project .overview .allthatbeautyTxt01 {width:100%; text-align:center; background:#008c99; overflow:hidden; word-break:keep-all;}
.project .overview .allthatbeautyTxt01 p {width:1200px; font-size:18px; color:#fff; font-weight:normal; line-height:1.6; margin:0 auto; padding:50px 0;}

/* 미노즈 */
.project .overview .minozTxt {width:1240px; margin:0 auto; text-align:center; font-size:18px; color:#636362; line-height:1.6; padding:90px 0; overflow:hidden; word-break:keep-all;}

/* 삼호뮤직 */
.project .overview .shTxt01 {width:100%; text-align:center; background:#53aca6; overflow:hidden; word-break:keep-all;}
.project .overview .shTxt01 p {width:1240px; font-size:14px; color:#fff; font-weight:normal; line-height:1.8; margin:0 auto; padding:65px 0;}
.project .overview .shTxt01 p span {display:block; font-size:24px; padding:0 0 20px 0;}

/* 웰스 */
.project .overview .wellsTit01 {width:100%; text-align:center; padding:140px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .wellsTit01 span {display:block; font-size:42px; color:#333; font-weight:400; line-height:1.2;}
.project .overview .wellsTxt01 {width:100%; text-align:center; padding:30px 0 50px 0; overflow:hidden; word-break:keep-all;}
.project .overview .wellsTxt01 span {display:block; font-size:18px; color:#333; font-weight:400; line-height:1.4;}
.project .overview .wellsTxt01 strong {font-size:18px; color:#333; font-weight:600;}

.project .overview .wellsTit02 {width:100%; text-align:center; padding:130px 0 0 0; overflow:hidden; word-break:keep-all;}
.project .overview .wellsTit02 span {display:block; font-size:42px; color:#333; font-weight:400; line-height:1.2;}
.project .overview .wellsTxt02 {width:100%; text-align:center; padding:30px 0 100px 0; overflow:hidden; word-break:keep-all;}
.project .overview .wellsTxt02 span {display:block; font-size:18px; color:#333; font-weight:400; line-height:1.4;}

.project .overview .wellsMovie {width:1440px; margin:114px auto 200px; overflow:hidden; word-break:keep-all;}
.project .overview .movietitle {width:100%; font-size:25px; color:#fff; padding:15px 0; margin:0 0 35px 0; text-align:center; background:#0f090a; word-break:keep-all;}

/* 알바천국 */
.project .overview .albaTxt {width:1040px; margin:0 auto; text-align:center; font-size:18px; color:#777; line-height:1.6; padding:35px 0 75px; overflow:hidden; word-break:keep-all;}


/* vprove marketing */
.project .overview .vprovemDiv {width:100%; text-align:center; overflow:hidden; word-break:keep-all;}
.project .overview .vprovemDiv .vinbox {width:1200px; margin:0 auto; overflow:hidden;}
.project .overview .vprovemDiv .vinbox02 {width:1050px; margin:0 auto; overflow:hidden;}
.project .overview .vprovemNum {font-family:'NanumSquareR'; font-size:120px; color:#705c1a; font-weight:600; padding:0 0 10px 0; line-height:1.1;}
.project .overview .vprovemTit {display:inline-block; font-family:'NanumSquareR'; font-size:38px; color:#705c1a; font-weight:500; line-height:1.3; margin:0 0 18px 0;}
.project .overview .vprovemTxt {font-size:15px; color:#705c1a; line-height:1.7; padding:0 0 45px 0; letter-spacing:-0.5px; font-weight:300;}
.project .overview .vprovemTxt span {font-size:15px; color:#705c1a; font-weight:300;}

.project .overview .vtesterTit01 {display:inline-block; font-family:'NanumSquareR'; font-size:38px; color:#705c1a; font-weight:500; line-height:1.3; margin:0 0 18px 0;}
.project .overview .vtesterTxt01 {font-size:15px; color:#705c1a; line-height:1.7; padding:0 0 65px 0; font-weight:300; letter-spacing:-0.5px;}
.project .overview .vtesterTxt01 span {display:block; font-size:15px; color:#705c1a; font-weight:300; line-height:1.3; padding:0 0 4px 0;}
.project .overview .vtesterTxt02 {font-size:15px; color:#705c1a; line-height:1.7; padding:58px 0; font-weight:300; letter-spacing:-0.5px;}

.project .overview .vblogmNum {font-family:'NanumSquareR'; font-size:100px; color:#a39688; font-weight:600; padding:80px 0 2px 0; line-height:1.1;}
.project .overview .vblogTit01 {display:inline-block; font-family:'NanumSquareR'; font-size:38px; color:#705c1a; font-weight:500; line-height:1.3; margin:50px 0 18px 0;}
.project .overview .vblogTxt01 {font-size:15px; color:#705c1a; line-height:1.7; padding:0 0 65px 0; font-weight:300; letter-spacing:-0.5px;}
.project .overview .vblogTit02 {display:inline-block; font-family:'NanumSquareR'; font-size:38px; color:#705c1a; font-weight:500; line-height:1.3; margin:0 0 18px 0;}

.project .overview .vhotdealTit01 {display:inline-block; font-family:'NanumSquareR'; font-size:38px; color:#836c1f; font-weight:500; line-height:1.3; margin:50px 0 18px 0;}
.project .overview .vhotdealTxt01 {font-size:15px; color:#836c1f; line-height:1.7; padding:0 0 80px 0; font-weight:300; letter-spacing:-0.5px;}
.project .overview .vhotdealTxt02 {font-size:15px; color:#ffd6c4; line-height:1.7; padding:80px 0; font-weight:300; letter-spacing:-0.5px;}

.project .overview .vfacebookTit01 {font-family:'NanumSquareR'; font-size:38px; color:#3b5998; font-weight:500; line-height:1.3; padding:0 0 18px 0; text-align:center;}
.project .overview .vfacebookTit01 img {padding-bottom:40px;display:block;margin: auto;}
.project .overview .vfacebookTxt01 {font-size:15px; color:#2f2f2f; line-height:1.7; padding:0 0 65px 0; font-weight:300; letter-spacing:-0.5px;}
.project .overview .vfacebookTxt02 {font-size:15px; color:#705c1a; line-height:1.7; padding:58px 0; font-weight:300; letter-spacing:-0.5px;}

.project .overview .vInstaTit01 {font-family:'NanumSquareR'; font-size:38px; color:#3b5998; font-weight:500; line-height:1.3; padding:0 0 18px 0; text-align:center;}
.project .overview .vInstaTit01 img {padding-bottom:40px;display:block;margin: auto;}
.project .overview .vInstaTxt01 {font-size:15px; color:#2f2f2f; line-height:1.7; padding:0 0 65px 0; font-weight:300; letter-spacing:-0.5px;}

/* 토다이 코리아 */
.project .overview .todaiWtxt1 {background:#f8f8f8; text-align:center;overflow:hidden;}
.project .overview .todaiWtxt1 .tit {font-size:42px; color:#333; font-weight:300; line-height:1.4; word-break:keep-all; padding-bottom:22px;}
.project .overview .todaiWtxt1 .txt {width:1370px;margin:0 auto;font-size:18px; color:#888; font-weight:300; line-height:1.6;word-break:keep-all; letter-spacing:-0.5px;}
.project .overview .todaiWtxt2 {padding:100px 0 90px; background:#0161ad; text-align:center; overflow:hidden;}
.project .overview .todaiWtxt2 .tit {font-size:42px;color:#fff;font-weight:300;line-height:1.4;word-break:keep-all; padding-bottom:38px;}
.project .overview .todaiWtxt2 .txt {width:1370px;margin:0 auto;font-size:18px; color:#badaf3; font-weight:300; line-height:1.6;word-break:keep-all;  letter-spacing:-0.5px;}
.project .overview .todaiWtxt3 {width:100%; background:#005192; text-align:center;overflow:hidden;}
.project .overview .todaiWtxt3 .tit {font-size:33px; color:#fff; font-weight:500; line-height:1; padding:58px 0;}


/* 닉스앤녹스 */
.project .overview .nixWtxt1 {background:#1f89ca; text-align:center;overflow:hidden;}
.project .overview .nixWtxt1 .txt {padding:56px 0;font-size:18px;color:#fff;font-weight:300;line-height:1.8;width:1010px;margin: auto;word-break:keep-all;  letter-spacing:-0.5px;}
.project .overview .ty01Nix {padding-top:87px;}


/* 캐논 */
.project .overview .cannonWrap {width:1320px; margin:0 auto; padding:100px 0; overflow:hidden; word-break:keep-all;}
.project .overview .cannonWrap .box {position:relative; padding:0 0 0 358px;}
.project .overview .cannonWrap .box:after {content:""; display:block; clear:both;}
.project .overview .cannonWrap .box .tit {position:absolute; left:0; top:0; font-size:36px; color:#666; line-height:1.1; font-weight:400;}
.project .overview .cannonWrap .box .tit span {display:block; font-size:36px; color:#666; line-height:1.1; font-weight:400;}
.project .overview .cannonWrap .box .txt span {display:block; font-size:18px; color:#666; line-height:1.6; font-weight:200; letter-spacing:-0.5px;}
.project .overview .cannonMovie {width:1160px; margin:0 auto; padding:100px 0 66px; overflow:hidden; word-break:keep-all;}
.project .overview .cannontitle {width:100%; font-size:25px; color:#fff; padding:15px 0; margin:0 0 38px 0; text-align:center; background:#090808; word-break:keep-all;}


/* 에스테덤 */
.project .overview .esthedermWrap {width:100%; padding:96px 0; overflow:hidden; word-break:keep-all;}
.project .overview .esthedermWrap .box {width:100%; text-align:center; background:#fff; overflow:hidden;}
.project .overview .esthedermWrap .box span {display:block; font-size:18px; color:#666; font-weight:300; line-height:1.6;}


/* 바이오더마 */
.project .overview .biodermaWrap {width:1086px; margin:0 auto; text-align:center; overflow:hidden; word-break:keep-all;}
.project .overview .biodermaWrap02 {width:810px; margin:0 auto; text-align:center; overflow:hidden; word-break:keep-all;}
.project .overview .biodermaTit {font-size:43px; font-weight:300; color:#666; line-height:1.2; padding:70px 0 18px 0;}
.project .overview .biodermaTxt {font-size:16px; font-weight:300; color:#666; line-height:1.8; padding:0 0 65px 0;}
.project .overview .biodermaTxt02 {font-size:16px; font-weight:300; color:#666; line-height:1.8; padding:65px 0;}


/* bucket */
.bucket {width:100%; overflow:hidden;}
.bucket .webArea {display:block;}
.bucket .mobileArea {display:none;}


/* 에스더 포뮬러 */
.project .overview .esthermallWrap {width:1100px; margin:0 auto; text-align:center; overflow:hidden; word-break:keep-all;}
.project .overview .esthermallTit {font-size:43px; font-weight:300; color:#666; line-height:1.2; padding:90px 0 22px 0;}
.project .overview .esthermallTxt {font-size:16px; font-weight:300; color:#666; line-height:1.8; padding:0 0 90px 0;}
.project .overview .esthermallWrap02 {width:1080px; margin:0 auto; text-align:center; overflow:hidden; word-break:keep-all;}
.project .overview .esthermallTit02 {font-size:43px; font-weight:300; color:#fff; line-height:1.2; padding:90px 0 22px 0;}
.project .overview .esthermallTxt02 {font-size:16px; font-weight:300; color:#fff; line-height:1.8; padding:0 0 80px 0;}
.project .overview .esthermallWrap03 {width:1026px; margin:0 auto; text-align:center; overflow:hidden; word-break:keep-all;}
.project .overview .esthermallMovie {padding:100px 170px 50px;}
.project .overview .esthermallMovie:after {content:""; display:block; clear:both;}
.project .overview .esthermallMovie .view_video {margin:0 0 50px 0;}


/* video */
.view_video {position:relative; padding-bottom:56.25%; height:0; }
.view_video iframe,
.view_video object,
.view_video embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.view_video video {width:100%;}



.projectFooter {position:relative; width:100%; background:#2a2928; overflow:hidden;}
.projectFooter .conf {position:relative; float:right; margin:0 130px 0 0; padding:73px 0;}
.projectFooter .conf .phone {margin:0 407px 0 0;}
.projectFooter .conf .phone:after {content:""; display:block; clear:both;}
.projectFooter .conf .phone a {display:block; padding:0 0 0 54px; font-family:'Monda'; font-size:20px; color:#b2b2b2; font-weight:600; line-height:36px; background:url('../images/ico/ico_project_phone.png') left 50% no-repeat; background-size:36px 36px;}
.projectFooter .conf ul {position:absolute; right:0; top:57px;}
.projectFooter .conf ul li {float:left; margin:0 0 0 20px;}
.projectFooter .conf ul li .requestProject {display:inline-block; width:284px; background:#2a2928; border:3px #696968 solid; text-align:center; transition:all ease 0.3s;}
.projectFooter .conf ul li .requestProject span {font-family:'NanumSquareR'; font-size:18px; color:#696968; line-height:60px; padding:0 36px 0 0; background:url('../images/bg/bg_project_request.png') right 50% no-repeat; transition:all ease 0.3s;}
.projectFooter .conf ul li .requestProject:hover {background:#ee6b23; border-color:#ee6b23;}
.projectFooter .conf ul li .requestProject:hover span {color:#fff; background:url('../images/bg/bg_project_request_hover.png') right 50% no-repeat;}
.projectFooter .copyright {position:absolute; left:130px; top:85px; font-family:'Monda'; font-size:14px; color:#696968; font-weight:400; letter-spacing:1px;}





/* news letter */
.newsLetter {width:820px; padding:0 0 20px 0; background:#fff; box-shadow:2px 2px 2px #2c2925; overflow:hidden;}
.newsLetter .mainImg {width:100%; overflow:hidden;}
.newsLetter .mainImg img {max-width:100%;}

/* 20170401 */
.div170401 {width:100%; overflow:hidden;}
.div170401 .inner {padding:0 40px; word-break:keep-all;}
.div170401 .inner:after {content:""; display:block; clear:both;}
.div170401 .inner .mainconf {border-bottom:2px #4d4d4d solid;}
.div170401 .inner .mainconf:after {content:""; display:block; clear:both;}
.div170401 .inner .mainconf .mainTit {font-size:30px; color:#222; font-weight:600; line-height:1.2; padding:38px 0 15px 0;}
.div170401 .inner .mainconf .mainTxt {font-size:14px; color:#666; line-height:1.7;}
.div170401 .inner .mainconf .mainLink {display:inline-block; margin:24px 0 42px 0; padding:0 0 7px 0; border-bottom:1px #f29872 solid;}
.div170401 .inner .mainconf .mainLink a {font-size:14px; color:#ee6b23; line-height:1.1;}

.div170401 .inner .secTor01 {position:relative; margin:25px 0 0 0; border-bottom:1px #a6a6a6 solid;}
.div170401 .inner .secTor01:after {content:""; display:block; clear:both;}
.div170401 .inner .secTor01 .imgDiv {position:absolute; left:0; top:5px;}
.div170401 .inner .secTor01 .imgDiv img {max-width:100%;}
.div170401 .inner .secTor01 .txtDiv {margin:0 0 0 385px;}
.div170401 .inner .secTor01 .txtDiv:after {content:""; display:block; clear:both;}
.div170401 .inner .secTor01 .txtDiv .tit {padding:0 0 10px 0;}
.div170401 .inner .secTor01 .txtDiv .tit span {display:block; font-size:30px; color:#222; font-weight:600; line-height:1.2;}
.div170401 .inner .secTor01 .txtDiv .glink {display:block; font-size:13px; color:#888; line-height:1.5; padding:0 0 24px 0;}
.div170401 .inner .secTor01 .txtDiv .txt {font-size:14px; color:#666; line-height:1.7; padding:0 0 14px 0;}
.div170401 .inner .secTor01 .txtDiv .link {display:inline-block; margin:0 0 50px 0; padding:8px 0 7px 0; border-bottom:1px #f29872 solid;}
.div170401 .inner .secTor01 .txtDiv .link a {font-size:14px; color:#ee6b23; line-height:1.1;}

.div170401 .inner .secTor02 {position:relative; margin:30px 0 0 0;}
.div170401 .inner .secTor02:after {content:""; display:block; clear:both;}
.div170401 .inner .secTor02 ul {margin:0 0 0 -3.9%;}
.div170401 .inner .secTor02 ul:after {content:""; display:block; clear:both;}
.div170401 .inner .secTor02 ul li {float:left; width:46.1%; margin:0 0 0 3.9%;}
.div170401 .inner .secTor02 ul li .box {border:1px #ededed solid; background:#fafafa;}
.div170401 .inner .secTor02 ul li .box .imgArea {width:100%; overflow:hidden;}
.div170401 .inner .secTor02 ul li .box .imgArea img {width:100%;}
.div170401 .inner .secTor02 ul li .box .txtArea {padding:0 20px;}
.div170401 .inner .secTor02 ul li .box .txtArea .tit {padding:27px 0 18px 0;}
.div170401 .inner .secTor02 ul li .box .txtArea .tit span {display:block; font-size:24px; color:#222; font-weight:600; line-height:1.2;}
.div170401 .inner .secTor02 ul li .box .txtArea .txt {font-size:14px; color:#666; line-height:1.7; padding:0 0 24px 0;}
.div170401 .inner .secTor02 ul li .box .txtArea .link {display:inline-block; margin:0 0 40px 0; padding:0 0 7px 0; border-bottom:1px #f29872 solid;}
.div170401 .inner .secTor02 ul li .box .txtArea .link a {font-size:14px; color:#ee6b23; line-height:1.1;}

.div170401 .inner .secTor03 {position:relative; margin:60px 0 30px 0; border-top:2px #4d4d4d solid;}
.div170401 .inner .secTor03:after {content:""; display:block; clear:both;}
.div170401 .inner .secTor03 .tit {font-size:30px; color:#222; font-weight:600; line-height:1.2; padding:35px 0 18px 0;}
.div170401 .inner .secTor03 .img {width:100%; overflow:hidden;}
.div170401 .inner .secTor03 .img img {max-width:100%;}
.div170401 .inner .secTor03 .img p {font-size:14px; color:#666; line-height:1.1; padding:14px 0 0 0; text-align:center;}
.div170401 .inner .secTor03 .img p span {font-size:14px;}
.div170401 .inner .secTor03 .stit {font-size:20px; color:#222; font-weight:600; line-height:1.2; padding:28px 0 15px 0;}
.div170401 .inner .secTor03 .stxt {font-size:14px; color:#666; line-height:1.7; padding:0 0 16px 0;}

.div170401 .secTor04 {position:relative; background:#f5f5f5;}
.div170401 .secTor04:after {content:""; display:block; clear:both;}
.div170401 .secTor04 .gBox {padding:0 31px;}
.div170401 .secTor04 .gBox .tit {font-size:24px; color:#222; font-weight:600; line-height:1.2; padding:40px 0 18px 0; text-align:center;}
.div170401 .secTor04 .gBox .tit span {font-size:24px; color:#648b39;}
.div170401 .secTor04 .gBox ul {margin:0 -2.3% 0 0;}
.div170401 .secTor04 .gBox ul:after {content:""; display:block; clear:both;}
.div170401 .secTor04 .gBox ul li {float:left; width:31%; margin:0 2.3% 0 0;}
.div170401 .secTor04 .gBox ul li .imgArea {width:100%; overflow:hidden;}
.div170401 .secTor04 .gBox ul li .imgArea img {width:100%;}
.div170401 .secTor04 .gBox ul li .txtArea {padding:0 8px; border:1px #ededed solid; border-top:0; background:#fff;}
.div170401 .secTor04 .gBox ul li .txtArea:after {content:""; display:block; clear:both;}
.div170401 .secTor04 .gBox ul li .txtArea p {width:100%; font-size:13px;  line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.div170401 .secTor04 .gBox ul li .txtArea p a {color:#666;}
.div170401 .secTor04 .gBox .more {padding:18px 0 38px 0; text-align:center;}
.div170401 .secTor04 .gBox .more:after {content:""; display:block; clear:both;}
.div170401 .secTor04 .gBox .more a {display:inline-block; font-size:12px; color:#ee6b23; line-height:1.1; padding:0 0 5px 0; border-bottom:1px #f29872 solid;}

.div170401 .secTor05 {position:relative; background:#fff;}
.div170401 .secTor05:after {content:""; display:block; clear:both;}
.div170401 .secTor05 .gBox {padding:0 31px;}
.div170401 .secTor05 .gBox .tit {font-size:24px; color:#222; font-weight:600; line-height:1.2; padding:40px 0 18px 0; text-align:center;}
.div170401 .secTor05 .gBox .tit span {font-size:24px; color:#e84129;}
.div170401 .secTor05 .gBox ul {margin:0 -2.3% 0 0;}
.div170401 .secTor05 .gBox ul:after {content:""; display:block; clear:both;}
.div170401 .secTor05 .gBox ul li {float:left; width:31%; margin:0 2.3% 0 0;}
.div170401 .secTor05 .gBox ul li .imgArea {width:100%; overflow:hidden;}
.div170401 .secTor05 .gBox ul li .imgArea img {width:100%;}
.div170401 .secTor05 .gBox ul li .txtArea {padding:0 8px; border:1px #ededed solid; border-top:0; background:#fff;}
.div170401 .secTor05 .gBox ul li .txtArea:after {content:""; display:block; clear:both;}
.div170401 .secTor05 .gBox ul li .txtArea p {width:100%; font-size:13px; color:#666; padding:12px 0 4px; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.div170401 .secTor05 .gBox ul li .txtArea p a {color:#666;}
.div170401 .secTor05 .gBox ul li .txtArea span {display:block; width:100%; font-size:12px; color:#888; line-height:1.1; padding:0 0 13px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.div170401 .secTor05 .gBox .more {padding:18px 0 38px 0; text-align:center;}
.div170401 .secTor05 .gBox .more:after {content:""; display:block; clear:both;}
.div170401 .secTor05 .gBox .more a {display:inline-block; font-size:12px; color:#ee6b23; line-height:1.1; padding:0 0 5px 0; border-bottom:1px #f29872 solid;}

.div170401 .secTor06 {position:relative; background:#fff; margin:0 40px; padding:0 0 30px 0;}
.div170401 .secTor06:after {content:""; display:block; clear:both;}
.div170401 .secTor06 .banner01 {width:100%; overflow:hidden;}
.div170401 .secTor06 .banner01 img {width:100%;}
.div170401 .secTor06 .banner02 {width:100%; margin:5% 0 0 0; overflow:hidden;}
.div170401 .secTor06 .banner02 ul {margin:0 -4.05% 0 0;}
.div170401 .secTor06 .banner02 ul:after {content:""; display:block; clear:both;}
.div170401 .secTor06 .banner02 ul li {float:left; width:45.95%; margin:0 4.05% 0 0;}
.div170401 .secTor06 .banner02 ul li img {width:100%;}









/* 20170515 */
.div170515 {width:100%; overflow:hidden;}
.div170515 .inner {padding:0 40px; word-break:keep-all;}
.div170515 .inner:after {content:""; display:block; clear:both;}
.div170515 .inner .mainconf {border-bottom:2px #4d4d4d solid;}
.div170515 .inner .mainconf:after {content:""; display:block; clear:both;}
.div170515 .inner .mainconf .mainTit {font-size:30px; color:#222; font-weight:600; line-height:1.2; padding:38px 0 15px 0;}
.div170515 .inner .mainconf .mainTxt {font-size:14px; color:#666; line-height:1.7;}
.div170515 .inner .mainconf .mainLink {display:inline-block; margin:24px 0 42px 0; padding:0 0 7px 0; border-bottom:1px #f29872 solid;}
.div170515 .inner .mainconf .mainLink a {font-size:14px; color:#ee6b23; line-height:1.1;}

.div170515 .inner .secTor01 {position:relative; margin:25px 0 0 0; border-bottom:1px #a6a6a6 solid;}
.div170515 .inner .secTor01:after {content:""; display:block; clear:both;}
.div170515 .inner .secTor01 .imgDiv {position:absolute; left:0; top:5px;}
.div170515 .inner .secTor01 .imgDiv img {max-width:100%;}
.div170515 .inner .secTor01 .txtDiv {margin:0 0 0 385px; padding:0 0 25px 0;}
.div170515 .inner .secTor01 .txtDiv:after {content:""; display:block; clear:both;}
.div170515 .inner .secTor01 .txtDiv .tit {padding:0 0 10px 0;}
.div170515 .inner .secTor01 .txtDiv .tit span {display:block; font-size:30px; color:#222; font-weight:600; line-height:1.2;}
.div170515 .inner .secTor01 .txtDiv .glink {display:block; font-size:13px; color:#888; line-height:1.5; padding:0 0 24px 0;}
.div170515 .inner .secTor01 .txtDiv .txt {font-size:14px; color:#666; line-height:1.7; padding:0 0 28px 0;}
.div170515 .inner .secTor01 .txtDiv .link {display:inline-block; margin:0 0 50px 0; padding:8px 0 7px 0; border-bottom:1px #f29872 solid;}
.div170515 .inner .secTor01 .txtDiv .link a {font-size:14px; color:#ee6b23; line-height:1.1;}

.div170515 .inner .secTor02 {position:relative; margin:30px 0 0 0;}
.div170515 .inner .secTor02:after {content:""; display:block; clear:both;}
.div170515 .inner .secTor02 ul {margin:0 0 0 -3.9%;}
.div170515 .inner .secTor02 ul:after {content:""; display:block; clear:both;}
.div170515 .inner .secTor02 ul li {float:left; width:46.1%; margin:0 0 0 3.9%;}
.div170515 .inner .secTor02 ul li .box {border:1px #ededed solid; background:#fafafa;}
.div170515 .inner .secTor02 ul li .box .imgArea {width:100%; overflow:hidden;}
.div170515 .inner .secTor02 ul li .box .imgArea img {width:100%;}
.div170515 .inner .secTor02 ul li .box .txtArea {padding:0 18px;}
.div170515 .inner .secTor02 ul li .box .txtArea .tit {padding:27px 0 18px 0;}
.div170515 .inner .secTor02 ul li .box .txtArea .tit span {display:block; font-size:24px; color:#222; font-weight:600; line-height:1.3; letter-spacing:-1px;}
.div170515 .inner .secTor02 ul li .box .txtArea .txt {font-size:14px; color:#666; line-height:1.7; padding:0 0 24px 0;}
.div170515 .inner .secTor02 ul li .box .txtArea .link {display:inline-block; margin:0 0 40px 0; padding:0 0 7px 0; border-bottom:1px #f29872 solid;}
.div170515 .inner .secTor02 ul li .box .txtArea .link a {font-size:14px; color:#ee6b23; line-height:1.1;}

.div170515 .inner .secTor03 {position:relative; margin:60px 0 50px 0; border-top:2px #4d4d4d solid;}
.div170515 .inner .secTor03:after {content:""; display:block; clear:both;}
.div170515 .inner .secTor03 .tit {font-size:30px; color:#222; font-weight:600; line-height:1.2; padding:35px 0 18px 0;}
.div170515 .inner .secTor03 .img {width:100%; overflow:hidden;}
.div170515 .inner .secTor03 .img img {max-width:100%;}
.div170515 .inner .secTor03 .img p {font-size:14px; color:#666; line-height:1.1; padding:14px 0 0 0; text-align:center;}
.div170515 .inner .secTor03 .img p span {font-size:14px;}
.div170515 .inner .secTor03 .stit {font-size:20px; color:#222; font-weight:600; line-height:1.2; padding:28px 0 15px 0;}
.div170515 .inner .secTor03 .stxt {font-size:14px; color:#666; line-height:1.7; padding:0 0 16px 0;}

.div170515 .secTor04 {position:relative; background:#f5f5f5;}
.div170515 .secTor04:after {content:""; display:block; clear:both;}
.div170515 .secTor04 .gBox {padding:0 31px;}
.div170515 .secTor04 .gBox .tit {font-size:24px; color:#222; font-weight:600; line-height:1.2; padding:40px 0 18px 0; text-align:center;}
.div170515 .secTor04 .gBox .tit span {font-size:24px; color:#648b39;}
.div170515 .secTor04 .gBox ul {margin:0 -2.3% 0 0;}
.div170515 .secTor04 .gBox ul:after {content:""; display:block; clear:both;}
.div170515 .secTor04 .gBox ul li {float:left; width:31%; margin:0 2.3% 0 0;}
.div170515 .secTor04 .gBox ul li .imgArea {width:100%; overflow:hidden;}
.div170515 .secTor04 .gBox ul li .imgArea img {width:100%;}
.div170515 .secTor04 .gBox ul li .txtArea {padding:0 8px; border:1px #ededed solid; border-top:0; background:#fff;}
.div170515 .secTor04 .gBox ul li .txtArea:after {content:""; display:block; clear:both;}
.div170515 .secTor04 .gBox ul li .txtArea p {width:100%; font-size:13px; line-height:1.4; padding:11px 0; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.div170515 .secTor04 .gBox ul li .txtArea p a {color:#666;}
.div170515 .secTor04 .gBox .more {padding:18px 0 38px 0; text-align:center;}
.div170515 .secTor04 .gBox .more:after {content:""; display:block; clear:both;}
.div170515 .secTor04 .gBox .more a {display:inline-block; font-size:12px; color:#ee6b23; line-height:1.1; padding:0 0 5px 0; border-bottom:1px #f29872 solid;}

.div170515 .secTor05 {position:relative; background:#fff;}
.div170515 .secTor05:after {content:""; display:block; clear:both;}
.div170515 .secTor05 .gBox {padding:0 31px;}
.div170515 .secTor05 .gBox .tit {font-size:24px; color:#222; font-weight:600; line-height:1.2; padding:40px 0 18px 0; text-align:center;}
.div170515 .secTor05 .gBox .tit span {font-size:24px; color:#e84129;}
.div170515 .secTor05 .gBox ul {margin:0 -2.3% 0 0;}
.div170515 .secTor05 .gBox ul:after {content:""; display:block; clear:both;}
.div170515 .secTor05 .gBox ul li {float:left; width:31%; margin:0 2.3% 0 0;}
.div170515 .secTor05 .gBox ul li .imgArea {width:100%; overflow:hidden;}
.div170515 .secTor05 .gBox ul li .imgArea img {width:100%;}
.div170515 .secTor05 .gBox ul li .txtArea {padding:0 8px; border:1px #ededed solid; border-top:0; background:#fff;}
.div170515 .secTor05 .gBox ul li .txtArea:after {content:""; display:block; clear:both;}
.div170515 .secTor05 .gBox ul li .txtArea p {width:100%; font-size:13px; color:#666; padding:12px 0 8px; line-height:1.4; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.div170515 .secTor05 .gBox ul li .txtArea p a {color:#666;}
.div170515 .secTor05 .gBox ul li .txtArea span {display:block; width:100%; font-size:12px; color:#888; line-height:1.1; text-align:center; padding:0 0 15px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.div170515 .secTor05 .gBox .more {padding:18px 0 38px 0; text-align:center;}
.div170515 .secTor05 .gBox .more:after {content:""; display:block; clear:both;}
.div170515 .secTor05 .gBox .more a {display:inline-block; font-size:12px; color:#ee6b23; line-height:1.1; padding:0 0 5px 0; border-bottom:1px #f29872 solid;}





/**** 멘토링 후기 ****/
.mentoringReview {width:100%; overflow:hidden;}
.mentoringReview .tit {font-family: 'NanumSquareR'; font-size:20px; color:#ee6b23; line-height:1.2; padding:55px 0 32px 0;}
.mentoringReview .txt {width:100%; overflow:hidden; word-break:keep-all;}
.mentoringReview .txt p {font-family: 'NanumSquareR';  font-size:15px; color:#6f6f6f; line-height:1.8; padding:0 0 32px 0;}
.mentoringReview .list {width:100%; overflow:hidden;}
.mentoringReview .list ul:after {content:""; display:block; clear:both;}
.mentoringReview .list ul li {width:100%; padding:0 0 15px 0; overflow:hidden;}
.mentoringReview .list ul li img {width:100%;}






/* company */
/* about */
.aboutWrap {position:relative; width:100%; background:#fff; overflow:hidden; z-index:3;}
.aboutWrap .dpopis01 {width:100%; text-align:center; padding:0 20px 75px; overflow:hidden; word-break:keep-all; box-sizing:border-box;}
.aboutWrap .dpopis01 h2 {width:100%; font-family:'NanumSquareR'; font-size:44px; color:#222; font-weight:600; line-height:1.4; padding:40px 0 40px 0; text-align:center; overflow:hidden; background:url('../images/bg/bg_about_h2.gif') center bottom no-repeat;}
.aboutWrap .dpopis01 h2.a {padding:84px 0 0 0; background:url(none);}
.aboutWrap .dpopis01 h2.w {display:block;}
.aboutWrap .dpopis01 h2.m {display:none;}
/*.aboutWrap .dpopis01 h2 span {display:block; font-family:'Monda'; font-size:13px; color:#a6a6a6; font-weight:normal; padding:84px 0 12px 0;}*/
.aboutWrap .dpopis01 h2 u {font-family:'NanumSquareR'; font-size:44px; text-decoration:none; font-weight:600;}
.aboutWrap .dpopis01 h2 span {font-family:'NanumSquareR'; font-size:44px;}
.aboutWrap .dpopis01 h2.en {font-family:'Monda'; letter-spacing:2px;}
.aboutWrap .dpopis01 p {padding:36px 20px 0;}
.aboutWrap .dpopis01 p span {display:block; font-family:'NanumSquareR'; font-size:16px; color:#666; line-height:1.8;}
.aboutWrap .dpopis01 p span.big {font-size:37px; color:#222; line-height:1.4; padding:0 60px; box-sizing:border-box;}
.aboutWrap .dpopis01 p span.big u {font-size:37px; color:#222;  line-height:1.4; display:block; text-decoration:none;}
.aboutWrap .dpopis01 p span.big strong {font-size:37px; color:#222;  line-height:1.4;}
.aboutWrap .dpopis01 p strong {font-family:'NanumSquareR'; font-size:16px; color:#666; font-weight:600; line-height:1.8;}

.aboutWrap .dpopis02 {width:100%; text-align:center; margin:0 0 36px 0; overflow:hidden; word-break:keep-all;}
.aboutWrap .dpopis02 h2 {width:100%; font-family:'NanumSquareR'; font-size:44px; color:#222; font-weight:600; padding:80px 0 40px 0; margin:0 0 34px 0; text-align:center; overflow:hidden; background:url('../images/bg/bg_about_h2.gif') center bottom no-repeat;}
.aboutWrap .dpopis02 h2.en {font-family:'Monda';  letter-spacing:2px;}
/*.aboutWrap .dpopis02 h2 span {display:block; font-family:'Monda'; font-size:13px; color:#a6a6a6; font-weight:normal; padding:80px 0 12px 0;}*/
.aboutWrap .dpopis02 h2 u {font-family:'NanumSquareR'; font-size:44px; text-decoration:none; font-weight:600;}
.aboutWrap .dpopis02 p {font-family:'NanumSquareR'; font-size:16px; color:#666; padding:36px 20px 0;}
.aboutWrap .dpopis02 p.pno {padding-top:0;}
.aboutWrap .dpopis02 p span {display:block; font-family:'NanumSquareR'; font-size:16px; line-height:1.8;}


.aboutWrap .dpopPartners {width:1400px; text-align:center; margin:0 auto 36px; overflow:hidden; word-break:keep-all;}
.aboutWrap .dpopPartners h2 {width:100%; font-family:'NanumSquareR'; font-size:44px; color:#222; font-weight:600; padding:80px 0 40px 0; margin:0 0 34px 0; text-align:center; overflow:hidden; background:url('../images/bg/bg_about_h2.gif') center bottom no-repeat;}
.aboutWrap .dpopPartners h2.en {font-family:'Monda';  letter-spacing:2px;}
.aboutWrap .dpopPartners h2 u {font-family:'NanumSquareR'; font-size:44px; text-decoration:none; font-weight:600;}
.aboutWrap .dpopPartners p {font-family:'NanumSquareR'; font-size:16px; color:#666; padding:0 20px;}
.aboutWrap .dpopPartners p span {display:block; font-family:'NanumSquareR'; font-size:16px; line-height:1.8;}
.aboutWrap .dpopPartners .psector {width:100%; overflow:hidden;}
.aboutWrap .dpopPartners .psector .banner {position:relative; width:100%; height:120px; margin:36px 0 0 0; overflow:hidden;}
.aboutWrap .dpopPartners .psector .banner img {position:absolute; right:0; top:0;}
.aboutWrap .dpopPartners .psector .list {width:100%; overflow:hidden;}
.aboutWrap .dpopPartners .psector .list ul:after {content:""; display:block; clear:both;}
.aboutWrap .dpopPartners .psector .list ul li {float:left; width:16.6666%;}
.aboutWrap .dpopPartners .psector .list ul li img {width:100%;}
.aboutWrap .dpopPartners .psector .list:last-child {border-bottom:1px #eee solid;}



.aboutWrap .dpopis03 {width:100%; text-align:center; margin:0 0 36px 0; overflow:hidden; word-break:keep-all;}
.aboutWrap .dpopis03 h2 {width:100%; font-family:'NanumSquareR'; font-size:44px; color:#222; font-weight:600; line-height:1.3; padding:80px 0 40px 0; margin:0 0 34px 0; text-align:center; overflow:hidden; background:url('../images/bg/bg_about_h2.gif') center bottom no-repeat;}
.aboutWrap .dpopis03 h2.en {font-family:'Monda';  letter-spacing:2px;}
.aboutWrap .dpopis03 h2 u {font-family:'NanumSquareR'; font-size:44px; text-decoration:none; font-weight:600;}
.aboutWrap .dpopis03 p {font-family:'NanumSquareR'; font-size:16px; color:#666; padding:36px 20px 0;}
.aboutWrap .dpopis03 p.pno {padding-top:0;}
.aboutWrap .dpopis03 p span {display:block; font-family:'NanumSquareR'; font-size:16px; line-height:1.8;}


.aboutWrap .lectureBase {position:relative; width:100%; height:642px; overflow:hidden;}
.aboutWrap .lectureBase .imgArea {position:absolute; left:50%; bottom:0; margin:0 0 0 -850px; z-index:-1;}
.aboutWrap .lectureBase .history {position:relative; width:1000px; margin:120px auto 0; overflow:hidden;}
.aboutWrap .lectureBase .history .htabs {position:absolute; left:0; top:0; width:250px; overflow:hidden; z-index:1;}
.aboutWrap .lectureBase .history .htabs ul:after {content:""; display:block; clear:both;}
.aboutWrap .lectureBase .history .htabs ul li {position:relative; width:240px;}
.aboutWrap .lectureBase .history .htabs ul li a {display:block; height:100px; text-align:center; border:1px #4b423d solid; border-bottom:0;}
.aboutWrap .lectureBase .history .htabs ul li a span {display:inline-block; font-size:18px; color:#a9a9a9; line-height:1.2; padding:38px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li:nth-child(3) a span {padding:30px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li:last-child a {border-bottom:1px #4b423d solid;}
.aboutWrap .lectureBase .history .htabs ul li .htabsOn {position:absolute; left:0; top:0; width:251px; height:101px; background:url('../images/bg/bg_htabs_on.png') left top no-repeat;}
.aboutWrap .lectureBase .history .htabs ul li.on a {border:0; height:101px;}
.aboutWrap .lectureBase .history .htabs ul li.on a span {color:#ee6b23; padding:39px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(3) a span {padding:31px 0 0 0;}

.aboutWrap .lectureBase .history .inWbox {margin:0 0 0 290px;}
.aboutWrap .lectureBase .history .inWbox:after {content:""; display:block; clear:both;}
.aboutWrap .lectureBase .history .hconf {width:100%; height:390px; margin:10px 0; overflow-y:auto; word-break:keep-all;}
.aboutWrap .lectureBase .history .hconf .tit {font-size:24px; color:#ee6b23; padding:26px 0 44px 0;}
.aboutWrap .lectureBase .history .hconf .hbox {position:relative; padding:0 0 65px 148px;}
.aboutWrap .lectureBase .history .hconf .hbox .year {position:absolute; left:27px; top:4px; font-family:'Monda'; font-size:38px; color:#ee6b23;}
.aboutWrap .lectureBase .history .hconf .hbox .during {position:absolute; left:0; top:4px; font-family:'Monda'; font-size:38px; color:#ee6b23;}
.aboutWrap .lectureBase .history .hconf .hbox p {font-size:16px; color:#a9a9a9; line-height:1.2; padding:15px 15px 0 0;}
.aboutWrap .lectureBase .history .hconf .dsn {display:none;}
.yearConf01, .yearConf02, .yearConf03, .yearConf04 {position:relative; border-bottom:1px #423934 solid; margin:0 40px 24px 0;}
.yearConf04 {margin:0 0 180px 0; border-bottom:0;}

.aboutWrap .lectureBase .history .hcon {width:100%; height:400px; margin:10px 0; overflow-y:auto; word-break:keep-all;}
.aboutWrap .lectureBase .history .hcon .tt {position:relative; display:inline-block; font-size:36px; color:#ee6b24; font-weight:500; line-height:1.2; letter-spacing:-1px; padding:0 30px 65px;}
.aboutWrap .lectureBase .history .hcon .tt:before {content:''; position:absolute; left:0; top:5px; width:3px; height:40px; background:#ee6b24;}
.aboutWrap .lectureBase .history .hcon .tt:after {content:''; position:absolute; right:0; top:5px; width:3px; height:40px; background:#ee6b24;}
.aboutWrap .lectureBase .history .hcon .tx {width:100%; overflow:hidden;}
.aboutWrap .lectureBase .history .hcon .tx p {font-size:16px; color:#a9a9a9; line-height:1.2; letter-spacing:-1px; padding:0 0 6px 0;}
.aboutWrap .lectureBase .history .hcon .tx p:last-child {padding:0;}
.aboutWrap .lectureBase .history .hcon .tp {width:100%; padding:40px 0 65px 0; overflow:hidden;}
.aboutWrap .lectureBase .history .hcon .tp p {position:relative; font-size:16px; color:#a9a9a9; line-height:1.2; letter-spacing:-1px; padding:0 0 13px 118px;}
.aboutWrap .lectureBase .history .hcon .tp p:last-child {padding:0 0 0 118px;}
.aboutWrap .lectureBase .history .hcon .tp p span {position:absolute; left:0; top:0; font-size:16px; color:#ee6b23; line-height:1.2; letter-spacing:-1px;}
.aboutWrap .lectureBase .history .hcon .tq {font-size:28px; color:#ee6b23; font-weight:500; line-height:1.2; letter-spacing:-1px;}



.aboutWrap .dpopLecture {width:100%; background:url('../images/bg/bg_dpoplecture.jpg') left top #120701 no-repeat; background-size:100% auto; overflow:hidden;}
.aboutWrap .dpopLecture .innerBox {width:1100px; margin:155px auto 120px;}
.aboutWrap .dpopLecture .innerBox .actL {position:relative; margin:0 0 70px 4.5%;}
.aboutWrap .dpopLecture .innerBox .actL:after {content:""; display:block; clear:both;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 {position:absolute; left:41%; top:0;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 {position:absolute; left:60%; top:0; width:120%;}
.aboutWrap .dpopLecture .innerBox .actL .inR2.m01 {top:72px;}
.aboutWrap .dpopLecture .innerBox .tit {font-family:'NanumSquareR'; font-size:24px; color:#ee6b23; font-weight:600; line-height:1.2; padding:0 0 44px 0;}
.aboutWrap .dpopLecture .innerBox .list {width:100%; overflow:hidden;}
.aboutWrap .dpopLecture .innerBox .list ul:after {content:""; display:block; clear:both;}
.aboutWrap .dpopLecture .innerBox .list ul li {display:block; font-family:'NanumSquareR'; font-size:15px; color:#a9a9a9; line-height:1.2; padding:0 0 14px 0; word-break:keep-all;}


.aboutWrap .designBase {position:relative; width:100%; height:722px; overflow:hidden;}
.aboutWrap .designBase .imgArea {position:absolute; left:50%; bottom:0; margin:0 0 0 -850px; z-index:-1;}
.aboutWrap .designBase h2 {width:100%; font-family:'NanumSquareR'; font-size:44px; color:#fff; font-weight:600; line-height:1.3; padding:80px 30px 35px; text-align:center; overflow:hidden; background:url('../images/bg/bg_designbase_h2.gif') center bottom no-repeat; word-break:keep-all; box-sizing:border-box;}
.aboutWrap .designBase .workWrap {position:relative; width:1100px; height:478px; margin:40px auto 0; overflow:hidden; word-break:keep-all;}
.aboutWrap .designBase .workWrap h3 {font-family:'Monda'; font-size:22px; color:#e46722; font-weight:600; line-height:1.2; padding:0 0 2px 0;}
.aboutWrap .designBase .workWrap h3 span {font-family:'Monda'; font-size:22px;}
.aboutWrap .designBase .workWrap ul:after {content:""; display:block; clear:both;}
.aboutWrap .designBase .workWrap ul li {font-family:'NanumSquareR', 'Monda'; font-size:16px; color:#aeacab; line-height:1.2; padding:0 0 0 7px; margin:8px 0 0 0; background:url('../images/bg/bg_designbase_work_li.gif') left 8px no-repeat;}
.aboutWrap .designBase .workWrap ul li span {font-family:'NanumSquareR', 'Monda'; font-size:16px;}
.aboutWrap .designBase .workWrap .work01 {position:absolute; left:42px; top:0;}
.aboutWrap .designBase .workWrap .work02 {position:absolute; left:392px; top:0;}
.aboutWrap .designBase .workWrap .work03 {position:absolute; left:392px; top:185px;}
.aboutWrap .designBase .workWrap .work04 {position:absolute; left:850px; top:0;}
.aboutWrap .designBase .workWrap .work05 {position:absolute; left:850px; top:130px;}
.aboutWrap .designBase .workWrap .work06 {position:absolute; left:850px; top:275px;}


.aboutWrap .contact {width:100%; overflow:hidden; word-break:keep-all;}
.aboutWrap .contact h2 {width:100%; font-family:'NanumSquareR'; font-size:44px; color:#222; font-weight:600; line-height:1.3; padding:80px 30px 40px; margin:0 0 34px 0; text-align:center; overflow:hidden; background:url('../images/bg/bg_about_h2.gif') center bottom no-repeat; box-sizing:border-box;}
/*.aboutWrap .contact h2 span {display:block; font-family:'Monda'; font-size:13px; color:#a6a6a6; font-weight:normal; padding:80px 0 12px 0;}*/
.aboutWrap .contact h2 u {font-family:'NanumSquareR'; font-size:44px; text-decoration:none; font-weight:600;}
.aboutWrap .contact h2.en {font-family:'Monda';}
.aboutWrap .contact p.intxt {font-family:'NanumSquareR'; font-size:16px; color:#666; line-height:1.8; padding:36px 20px 0; text-align:center;}
.aboutWrap .contact p.intxt span {display:block; font-family:'NanumSquareR'; font-size:16px; color:#666; line-height:1.8;}
.aboutWrap .contact p.intxt.pno {padding-top:0;}

.aboutWrap .contact #map {width:100%; margin-top:36px; overflow:hidden;}
.aboutWrap .contact #map .img {width:100%;}

.aboutWrap .contact .ourInfo {position:relative; width:1000px; margin:65px auto 0; word-break:keep-all;}
.aboutWrap .contact .ourInfo:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .info {margin:0;}
.aboutWrap .contact .ourInfo .info:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .info ul:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .info ul li {position:relative; font-family:'Monda','NanumSquareR'; font-size:16px; color:#666; line-height:1.1; margin:0 0 14px 0; padding:0 0 0 104px;}
.aboutWrap .contact .ourInfo .info ul li p {position:absolute; left:0; top:0; font-family:'Monda','NanumSquareR'; font-size:16px; color:#666; line-height:1.1; padding:0 0 0 10px; background:url('../images/bg/bg_ourinfo_p.gif') left 8px no-repeat;}
.aboutWrap .contact .ourInfo .info ul li  strong {font-size:16px; font-family:'Monda','NanumSquareR'; color:#ee6b23; font-weight:600;}
.aboutWrap .contact .ourInfo .info .thePhone {font-size:22px; font-family:'NanumSquareR'; color:#555; font-weight:600; padding:22px 0 100px 10px;}
.aboutWrap .contact .ourInfo .info .thePhone span {font-size:22px; font-family:'Monda'; color:#ee6b23; font-weight:600; padding:0 0 0 11px;}
.aboutWrap .contact .ourInfo .info .thePhone a {display:inline-block; margin:0 0 0 60px; padding:0 0 0 28px; font-size:16px; font-weight:300; font-family:'Monda'; color:#565656; background:url('../images/bg/bg_brief_a.png') left top no-repeat; transform: translateY(-1px);}
.aboutWrap .contact .ourInfo .info .winner {position:absolute; right:-23px; top:146px;}
.aboutWrap .contact .ourInfo .info .winner ul:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .info .winner ul li {float:left; padding:0; margin:0;}

.aboutWrap .contact .ourInfo .sns {position:absolute; right:-20px; top:0;}
.aboutWrap .contact .ourInfo .sns ul {margin:0 0 0 -18px;}
.aboutWrap .contact .ourInfo .sns ul:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .sns ul li {float:left;}
.aboutWrap .contact .ourInfo .sns .tit {font-family:'Monda'; font-size:13px; color:#ee6b23; font-weight:600; padding:0 0 9px 0;}


.aboutWrap .contact .ourInfo .dpWinner {width:100%; padding:0 0 190px 0; overflow:hidden;}
.aboutWrap .contact .ourInfo .dpWinner .tt {font-size:29px; color:#222; font-weight:600; line-height:1.2; letter-spacing:-1px; padding:0 0 35px 0; border-bottom:2px #666 solid;}
.aboutWrap .contact .ourInfo .dpWinner ul {overflow:hidden; transition:all 0.3s ease-in-out;}
.aboutWrap .contact .ourInfo .dpWinner ul:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .dpWinner ul li {position:relative; width:100%; padding:30px 0; border-bottom:1px #ccc solid;}
.aboutWrap .contact .ourInfo .dpWinner ul li:last-child {border-bottom:0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .por {padding:0 0 0 20px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .por:after {content:""; display:block; clear:both;}
.aboutWrap .contact .ourInfo .dpWinner ul li .por img {border:1px #ddd solid; box-sizing:border-box;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tx {position:absolute; left:230px; top:50%; font-size:16px; color:#222; font-weight:500; letter-spacing:-0.6px; margin:-8px 0 0 0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tx span {font-size:16px; padding:0 10px 0 0; font-weight:300; letter-spacing:0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk {position:absolute; right:0; top:30px; width:312px; height:110px; display:table; vertical-align:middle;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p {font-size:16px; color:#666; letter-spacing:-0.6px; padding:6px 0 5px 37px; margin:8px 0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t00 {background:url('../images/bg/bg_dpw_tk00.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t01 {background:url('../images/bg/bg_dpw_tk01.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t02 {background:url('../images/bg/bg_dpw_tk02.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t03 {background:url('../images/bg/bg_dpw_tk03.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t04 {background:url('../images/bg/bg_dpw_tk04.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t05 {background:url('../images/bg/bg_dpw_tk05.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t06 {background:url('../images/bg/bg_dpw_tk06.jpg') left 50% no-repeat;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk > div {width:312px; height:110px; display:table-cell; vertical-align:middle;}


/* more btn */
.moreTBtn {position:relative; width:294px; text-align:center; margin:50px auto 0; z-index:2;} 
.moreTBtn a {display:block;}
.moreTBtn span {position:absolute; left:50%; top:50%; margin:-1px 0 0 -21px; display:inline-block; width:42px; height:2px; background:#ee6b23; transition:all 0.2s ease-in-out;}
.moreTBtn span:nth-child(1) {transform:translateX(0);}
.moreTBtn span:nth-child(2) {left:auto; right:50%; margin:-1px -21px 0 0; transform:translateX(0) rotate(90deg);}
.moreTBtn u {font-family:'Roboto', sans-serif; font-size:18px; color:#ee6b23; font-weight:600; line-height:42px; text-decoration:none; opacity:0; transition:all 0.2s ease-in-out;}
.moreTBtn:hover span:nth-child(1) {left:0; margin:-1px 0 0 0; transform:rotate(-45deg);}
.moreTBtn:hover span:nth-child(2) {right:0; margin:-1px 0 0 0; transform:rotate(-45deg);}
.moreTBtn:hover u {opacity:1;}



@media all and (max-width: 1360px){
.aboutWrap .dpopis01 p span.big { padding:0;}
.aboutWrap .dpopis01 p span.big u {display:inline;}
}

@media all and (max-width: 768px){
.aboutWrap .contact .ourInfo .dpWinner ul li .por {padding:0 0 0 12px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tx {left:210px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk {width:260px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk > div {width:260px;}
}

@media all and (max-width: 640px){
.aboutWrap .contact .ourInfo .dpWinner ul li .tx {position:relative; left:0; top:0; margin:0 0 12px 12px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk {top:58px; width:280px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk > div {width:280px;}
.aboutWrap .contact .ourInfo .info .thePhone a {display:block; margin:20px 0 0 0; padding:0 0 0 28px; transform: translateY(0);}
}

@media all and (max-width: 540px){
.aboutWrap .contact .ourInfo .dpWinner .tt {font-size:20px; padding:0 0 20px 0;}
.aboutWrap .contact .ourInfo .dpWinner {padding:0 0 50px 0;}
.aboutWrap .contact .ourInfo .dpWinner ul li {padding:20px 0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tx {font-size:14px; margin:0 0 12px 0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tx span {font-size:14px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .por {padding:0;}
.aboutWrap .contact .ourInfo .dpWinner ul li .por img {width:130px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk {right:auto; left:140px; top:44px; width:226px; height:86px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk > div {width:226px; height:86px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p {font-size:14px; padding:3px 0 2px 26px;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t00 {background-size:21px auto;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t01 {background-size:21px auto;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t02 {background-size:21px auto;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t03 {background-size:21px auto;}
.aboutWrap .contact .ourInfo .dpWinner ul li .tk p.t06 {background-size:21px auto;}
}

@media all and (max-width: 480px){
.aboutWrap .dpopis01 p span.big {font-size:16px; line-height:1.3;}
.aboutWrap .dpopis01 p span.big u {font-size:16px; line-height:1.4;}
.aboutWrap .dpopis01 p span.big strong {font-size:16px; line-height:1.4;}
.aboutWrap .contact .ourInfo .info .thePhone a {font-size:13px; margin:16px 0 0 0; padding:0 0 0 22px; background-size:12px;}

/* more btn */
.moreTBtn {width:150px; margin:24px auto 0;} 
.moreTBtn span {margin:-1px 0 0 -12px; display:inline-block; width:24px; height:2px;}
.moreTBtn u {font-size:14px; line-height:24px; font-weight:normal;}
.moreTBtn span:nth-child(1) {left:0; margin:-1px 0 0 0; transform:rotate(-45deg);}
.moreTBtn span:nth-child(2) {right:0; margin:-1px 0 0 0; transform:rotate(-45deg);}
.moreTBtn u {opacity:1;}

}




.aboutWrap .consulting {width:100%; overflow:hidden;}
.aboutWrap .consulting ul:after {content:""; display:block; clear:both;}
.aboutWrap .consulting ul li {position:relative; float:left; width:50%; text-align:center; padding:0 0 90px 0; overflow:hidden;}
.aboutWrap .consulting ul li .tit {font-family:'NanumSquareR'; font-size:36px; color:#ee6b23; padding:94px 0 14px 0;}
.aboutWrap .consulting ul li .txt {font-family:'NanumSquareR'; font-size:18px; color:#6b6560; padding:0 0 48px 0;}
.aboutWrap .consulting ul li .txt span {font-size:18px;}
.aboutWrap .consulting ul li .img {position:absolute; left:0; top:0; z-index:-1;}
.aboutWrap .consulting ul li .img img {-webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease;}
.aboutWrap .consulting ul li:hover .img img {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.aboutWrap .consulting ul li a {display:inline-block; width:264px; border:3px #ee6b23 solid; text-align:center; transition:all ease 0.3s;}
.aboutWrap .consulting ul li a span {font-family:'Monda'; font-size:17px; color:#ee6b23; font-weight:600; line-height:46px; padding:0 36px 0 0; background:url('../images/bg/bg_consulting_a_span.png') right 50% no-repeat; transition:all ease 0.3s;}
.aboutWrap .consulting ul li a:hover {background:#ee6b23;}
.aboutWrap .consulting ul li a:hover span {color:#fff; background:url('../images/bg/bg_consulting_a_span_hover.png') right 50% no-repeat;}
.aboutWrap .copyRight {width:100%; background:#2a2927; overflow:hidden;}
.aboutWrap .copyRight p {font-size:14px; color:#6f6e6b; text-align:center; line-height:90px; letter-spacing:1px;}


.aboutTabs {width:100%; overflow:hidden;}
.aboutTabs ul {margin:0 0 0 -1px;}
.aboutTabs ul:after {content:""; display:block; clear:both;}
.aboutTabs ul li {float:left; width:25%; text-align:center; overflow:hidden;}
.aboutTabs ul li a {display:block; border-bottom:1px #e8e7e5 solid; border-left:1px #e8e7e5 solid; box-sizing:border-box;}
.aboutTabs ul li a span {font-size:20px; color:#9a9a9a; line-height:88px;}
.aboutTabs ul li a:hover {border:3px #ee6b23 solid;}
.aboutTabs ul li a:hover span {color:#ee6b23; line-height:83px;}



.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}

.mCSB_inside > .mCSB_container{ margin-right: 0; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	padding:0 2px;
	height: 100%;
	margin: 0 auto;
	border: 1px #6a3824 solid;
	box-sizing:border-box;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(255,255,255,0);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:#6a3824;
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:#ee6b23;
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#ee6b23;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}







/***************** rolling *******************/
.spaceRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}

.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}

.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}


/* re code declaration */
.aboutWrap .spaceRoll {width:1400px; height:810px; margin:0 auto; overflow:hidden; z-index:50;}
.aboutWrap .spaceRoll .swiper-slide {position:relative; width:100%; height:810px; text-align:center; overflow:hidden;}

.slideThumbLeft {position:absolute; left:0; top:50%; margin:-38px 0 0 0; cursor:pointer; z-index:999;}
.slideThumbRight {position:absolute; right:0; top:50%; margin:-38px 0 0 0; cursor:pointer; z-index:999;}


/* thumnail */
.spaceRoll .spaceThum {position:absolute; left:0; bottom:50px; width:100%; text-align:center;}
.spaceRoll .swiper-pagination-switch {position:relative; display:inline-block; width:12px; height:12px; margin:0 10px; cursor:pointer; background:url('../images/bg/bg_paging_off.png') left top no-repeat; overflow:hidden; z-index:56;}
.spaceRoll .swiper-active-switch {position:relative; background:url('../images/bg/bg_paging_on.png') left top no-repeat; z-index:57;}









/* inform */
.informWrap {position:relative; max-width:1700px; min-height:800px; margin:0 auto; padding:100px 0; background:#2c2925; overflow:hidden; word-break:keep-all;}
.informWrap .informClosed {position:absolute; right:0; top:0; z-index:5;}
.informWrap .uptopBtn {position:absolute; right:0; top:0; z-index:5;}

.informWrap .inbox {position:relative; width:840px; padding:0 0 0 37.64%}
.informWrap .inbox .dpopSay {position:absolute; left:7.8% ; top:0;}
.informWrap .inbox .dpopSay p.tit {font-family:'Monda'; font-size:20px; color:#fff; padding:0 0 54px 0;}
.informWrap .inbox .dpopSay p.stit {padding:0 0 24px 0;}
.informWrap .inbox .dpopSay p.stit span {display:block; font-family:'NanumSquareR'; font-size:52px; color:#adadab; line-height:1.2;}
.informWrap .inbox .dpopSay p.txt {}
.informWrap .inbox .dpopSay p.txt span {display:block; font-family:'NanumSquareR'; font-size:18px; color:#666; line-height:1.4;}
.informWrap .inbox .dpopSay p.sns {font-size:16px; color:#8e8e8e; font-weight:600; line-height:20px; margin:20px 0 0 0;}

.informWrap .inbox .conf {width:100%; border-top:1px #514f4b solid; padding:0 0 142px 0; overflow:hidden;}
.informWrap .inbox .conf .field {width:100%; border-bottom:1px #514f4b solid;}
.informWrap .inbox .conf .field:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .openGate {display:block; position:relative; padding:29px 144px 31px 0; transition:all ease 0.3s; cursor:default;}
.informWrap .inbox .conf .field .openGate span {font-family:'Monda','NanumSquareR'; font-size:30px; color:#807c76; font-weight:400; padding:0 0 0 60px; background:url('../images/bg/bg_openGate_ico.png') 30px 50% no-repeat; transition:all ease 0.3s;}

.informWrap .inbox .conf .field .openGate.ty01 {display:block; padding:34px 0; transition:all ease 0.3s; cursor:pointer;}
.informWrap .inbox .conf .field .openGate.ty01 span {font-family:'NanumSquareR'; font-size:30px; color:#807c76; font-weight:400; padding:0 0 0 60px; background:url('../images/bg/bg_openGate_ico.png') 30px 50% no-repeat; transition:all ease 0.3s;}
.informWrap .inbox .conf .field .openGate.ty01:hover span {color:#ee6b23;}
.informWrap .inbox .conf .field .openGate.ty01.on span {color:#ee6b23; background:url('../images/bg/bg_openGate_ico_on.png') 30px 50% no-repeat;}

.informWrap .inbox .conf .field .openGate.ty02 {display:block; position:relative; padding:29px 144px 31px 0; transition:all ease 0.3s; cursor:pointer;}
.informWrap .inbox .conf .field .openGate.ty02 span {font-family:'Monda','NanumSquareR'; font-size:30px; color:#ee6b23; font-weight:400; padding:0 0 0 60px; background:url('../images/bg/bg_openGate_ico_02.png') 30px 50% no-repeat; transition:all ease 0.3s;}
.informWrap .inbox .conf .field .openGate.ty02:hover span {color:#ee6b23;}
.informWrap .inbox .conf .field .openGate.ty02 .appIco {position:absolute; right:25px; top:28px; width:92px; height:30px; line-height:30px; text-align:center; border:2px #ee6b23 solid; border-radius:50px;}
.informWrap .inbox .conf .field .openGate.ty02 .appIco u {font-family:'NanumSquareR'; font-size:14px; color:#ee6b23; padding:0 15px 0 0; text-decoration:none; background:url('../images/bg/bg_appico_u.png') right top no-repeat;}
.informWrap .inbox .conf .field .openGate.ty02.on span {color:#ee6b23; background:url('../images/bg/bg_openGate_ico_on.png') 30px 50% no-repeat;}

.informWrap .inbox .conf .field .openGate.ty04 {display:block; padding:34px 0; transition:all ease 0.3s; cursor:pointer; background:url(none);}
.informWrap .inbox .conf .field .openGate.ty04 span {font-family:'NanumSquareR'; font-size:30px; color:#807c76; font-weight:400; padding:0 0 0 28px; background:url(none) 30px 50% no-repeat; transition:all ease 0.3s;}

.informWrap .inbox .conf .field .entry {padding:0 28px 0 30px;}
.informWrap .inbox .conf .field .entry.impr {display:block !important;}
.informWrap .inbox .conf .field .entry:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry .tit {font-family:'NanumSquareR'; font-size:15px; color:#adadab; padding:40px 0 10px 0; line-height:1.4;}
.informWrap .inbox .conf .field .entry .tit.f {padding:0 0 10px 0;}
.informWrap .inbox .conf .field .entry ul.base:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry ul.base li {float:left; width:50%; margin:0 0 2px 0;}
.informWrap .inbox .conf .field .entry ul.base li .item {position:relative; padding:0 2px 0 50px;}
.informWrap .inbox .conf .field .entry ul.base li .item:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry ul.base li .item .ico {position:absolute; left:0; top:0;}
.informWrap .inbox .conf .field .entry ul.base li .item .baseInput {outline: none; width:100%; height:50px; line-height:50px; font-family:'NanumSquareR'; font-size:15px; color:#6e6e6e; background:#43403c; box-sizing:border-box;-moz-box-sizing:border-box; border:0; padding:0 0 0 10px; margin:0;}
.informWrap .inbox .conf .field .entry ul.base li .item .baseInput:hover {border:2px #ee6b23 solid; padding:0 0 0 8px; line-height:46px;}
.informWrap .inbox .conf .field .entry ul.base li .item .baseInput:focus {border:2px #ee6b23 solid; padding:0 0 0 8px; line-height:46px;}
.informWrap .inbox .conf .field .entry ul.base li .item .baseInput:-webkit-autofill {background:#43403c !important; -webkit-text-fill-color:#6e6e6e !important; -webkit-box-shadow: 0 0 0px 1000px #43403c inset !important;}

.informWrap .inbox .conf .field .entry ul.base li.wide {width:100%;}
.informWrap .inbox .conf .field .entry ul.tp {margin:2px 0 0 0;}

.informWrap .inbox .conf .field .entry ul.selection {padding:0 0 20px 0;}
.informWrap .inbox .conf .field .entry ul.selection:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry ul.selection li {float:left; width:33.33%; margin:0 0 10px 0;}
.informWrap .inbox .conf .field .entry ul.selection li label {font-family:'NanumSquareR'; font-size:15px; color:#6e6c6a; line-height:21px; padding:0 0 0 30px;}
.informWrap .inbox .conf .field .entry ul.selection li label.checked {color:#ee6b23;}

.informWrap .inbox .conf .field .entry .tta {position:relative; margin:0 2px 0 0; padding:0 0 0 50px; background:#3d3a36;}
.informWrap .inbox .conf .field .entry .tta:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry .tta .ico {position:absolute; left:0; top:0;}
.informWrap .inbox .conf .field .entry .tta textarea {outline: none; width:100%; height:100px; line-height:1.4; font-family:'NanumSquareR'; font-size:15px; color:#6e6e6e; background:#43403c; box-sizing:border-box;-moz-box-sizing:border-box; border:0; padding:15px 0 15px 10px; margin:0; overflow-y:auto;}
.informWrap .inbox .conf .field .entry .tta textarea:hover {border:2px #ee6b23 solid; padding:13px 0 13px 8px;}
.informWrap .inbox .conf .field .entry .tta textarea:-webkit-autofill {background:#43403c !important; -webkit-text-fill-color:#6e6e6e !important; -webkit-box-shadow: 0 0 0px 1000px #43403c inset !important;}


.informWrap .inbox .conf .field .entry .division {width:100%;}
.informWrap .inbox .conf .field .entry .division:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry .division .selectBox {position:relative; float:left; width:50%;}
.informWrap .inbox .conf .field .entry .division .selectBox:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry .division .selectBox ul {margin:0 2px 0 0;}
.informWrap .inbox .conf .field .entry .division .selectBox ul:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry .division .selectBox .designSelect {position:relative; height:50px; cursor:pointer;}
.informWrap .inbox .conf .field .entry .division .selectBox .designSelect select {position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

.informWrap .inbox .conf .field .entry .division .selectBox .selectTit {position:relative; background:#43403c; padding:0 66px 0 20px; transition:all ease 0.3s; z-index:110;}
.informWrap .inbox .conf .field .entry .division .selectBox .selectTit:hover {background:#292622;}
.informWrap .inbox .conf .field .entry .division .selectBox .selectTit.on {background:#292622;}
.informWrap .inbox .conf .field .entry .division .selectBox .selectTit:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .field .entry .division .selectBox .selectTit p {font-family:'NanumSquareR'; font-size:16px; color:#6e6e6e; white-space:nowrap; line-height:50px;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox {position:relative; width:100%; margin:-50px 0 0 0; cursor:pointer;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox ul {position:absolute; left:0; top:0; width:100%; height:0; margin:0; z-index:100; background:#43403c; overflow:hidden;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox ul li {display:block; font-family:'NanumSquareR'; font-size:16px; color:#6e6e6e; white-space:nowrap; line-height:50px; padding:0 65px 0 20px; transition:all ease 0.3s;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox ul li:hover {background:#292622; color:#ee6b23; font-weight:600;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox ul li.on {background:#292622; color:#ee6b23; font-weight:600;}
.informWrap .inbox .conf .field .entry .division .selectBox .arrow {position:absolute; right:0; top:0; width:66px; height:50px; background:url('../images/bg/bg_optionbox_arrow.gif') left top no-repeat; z-index:120; transition:all ease 0.3s;}
.informWrap .inbox .conf .field .entry .division .selectBox .arrow.on {background:url('../images/bg/bg_optionbox_arrow_on.gif') left top no-repeat;}




.informWrap .inbox .conf .field .entry .btnArea {width:100%; padding:0 0 30px 0; overflow:hidden;}
.informWrap .inbox .conf .field .entry .btnArea a {display:block; width:100%; border:3px #ee6b23 solid; box-sizing:border-box;-moz-box-sizing:border-box; text-align:center; transition:all ease 0.3s;}
.informWrap .inbox .conf .field .entry .btnArea a span {display:inline-block; font-family:'NanumSquareR'; font-size:18px; color:#ee6b23; padding:12px 55px 12px 0; background:url('../images/bg/bg_entry_btn_span.png') right 50% no-repeat; transition:all ease 0.3s;}
.informWrap .inbox .conf .field .entry .btnArea a:hover {background:#ee6b23;}
.informWrap .inbox .conf .field .entry .btnArea a:hover span {color:#fff; background:url('../images/bg/bg_entry_btn_span_hover.png') right 50% no-repeat;}
.informWrap .inbox .conf .field .photo {width:100%; overflow:hidden;}
.informWrap .inbox .conf .field .photo ul {width:100%; overflow:hidden;}
.informWrap .inbox .conf .field .photo li {margin:0 0 10px 0;}
.informWrap .inbox .conf .field .photo li img {width:100%;}

.informWrap .inbox .conf .field .entry.block {display:block !important;}
.informWrap .inbox .conf .field .entry .entryTxt {width:100%; overflow:hidden;}
.informWrap .inbox .conf .field .entry .entryTxt .hgtit {font-size:25px; color:#ee6b23; line-height:1.2; padding:28px 0 20px 0;}
.informWrap .inbox .conf .field .entry .entryTxt .hgtxt {font-size:18px; color:#666; line-height:1.6; padding:0 0 25px 0;}





/* 뉴스 */
.newsWrap .field .entry .photo {width:100%; overflow:hidden;}
.newsWrap .field .entry .photo ul {width:100%; overflow:hidden;}
.newsWrap .field .entry .photo li {margin:0 0 10px 0;}
.newsWrap .field .entry .photo li img {width:100%;}


/* CEO COLUMN */
.informWrap .inbox .conf .ceoColumn {width:100%; border-bottom:1px #514f4b solid; overflow:hidden;}
.informWrap .inbox .conf .ceoColumn .openGate {position:relative; display:block; padding:34px 0; transition:all ease 0.3s; cursor:pointer;}
.informWrap .inbox .conf .ceoColumn .openGate .tit {padding:0 100px 0 137px; background:url('../images/bg/bg_openGate_arrowoff.png') 95.8% 50% no-repeat; transition:all ease 0.3s;}
.informWrap .inbox .conf .ceoColumn .openGate .tit:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .ceoColumn .openGate .tit p {width:100%; font-family:'NanumSquareR'; font-size:30px; color:#807c76; font-weight:400; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow:hidden;}
.informWrap .inbox .conf .ceoColumn .openGate .num {position:absolute; left:30px; top:20px; font-size:38px; color:#807c76; text-align:center; transition:all ease 0.3s;}
.informWrap .inbox .conf .ceoColumn .openGate .num span {display:block; font-size:12px; padding:4px 0 0 0; transition:all ease 0.3s;}
.informWrap .inbox .conf .ceoColumn .openGate.on .tit {background:url('../images/bg/bg_openGate_arrowon.png') 95.8% 50% no-repeat;}
.informWrap .inbox .conf .ceoColumn .openGate.on .tit p {color:#ee6b23;}
.informWrap .inbox .conf .ceoColumn .openGate.on .num {color:#ee6b23;}
.informWrap .inbox .conf .ceoColumn .openGate.on .num span {color:#ee6b23;}
.informWrap .inbox .conf .ceoColumn .openGate:hover .tit p {color:#ee6b23;}
.informWrap .inbox .conf .ceoColumn .openGate:hover .num {color:#ee6b23;}
.informWrap .inbox .conf .ceoColumn .openGate:hover .num span {color:#ee6b23;}
.informWrap .inbox .conf .ceoColumn .entry {padding:15px 28px 50px 137px;}
.informWrap .inbox .conf .ceoColumn .entry:after {content:""; display:block; clear:both;}
.informWrap .inbox .conf .ceoColumn .entry .column {font-size:18px; color:#666; line-height:1.8;}
.informWrap .inbox .conf .ceoColumn .entry .column img {max-width:100%; width:auto !important; height:auto !important;}
.informWrap .inbox .conf .ceoColumn .entry .hits {position:relative; font-size:16px; color:#666; font-weight:600; padding:25px 0 0 0;} 
.informWrap .inbox .conf .ceoColumn .entry .hits p {position:absolute; right:0; top:25px; font-size:16px; color:#666; font-weight:600; line-height:22px;}
.informWrap .inbox .conf .columnBtn {width:100%; padding:60px 0 0 0; text-align:center; overflow:hidden;}









/* Paparazzi */
.paparazziSay {width:100%; overflow:hidden;}
.paparazziSay p.tit {font-family:'Monda'; font-size:20px; color:#fff; padding:0 0 50px 0; text-align:center;}
.paparazziSay p.stit {padding:0 0 12px 0; text-align:center;}
.paparazziSay p.stit span {display:inline-block; font-family:'NanumSquareR'; font-size:52px; color:#adadab; line-height:1.2;}
.paparazziSay p.stit u {font-size:52px; text-decoration:none;}
.paparazziSay p.txt {text-align:center; padding:0 10px 70px;}
.paparazziSay p.txt span {display:block; font-family:'NanumSquareR'; font-size:18px; color:#666; line-height:1.5;}
.paparazziSay p.txt span u {display:inline-block; font-size:18px; text-decoration:none;}
.paparazziList {width:1320px; margin:0 auto; overflow:hidden;}
.paparazziList ul:after {content:""; display:block; clear:both;}
.paparazziList ul li {position:relative; float:left; border:1px #999997 solid; margin:6px;}
.paparazziList ul li span {position:absolute; right:-4px; top:-1px;}


/* news */
.newsWrap {position:relative; max-width:1700px; min-height:800px; margin:0 auto; padding:100px 0; background:#2c2925; overflow:hidden; word-break:keep-all; z-index:3;}
.newsWrap .newsInfo {position:absolute; left:7.6%; top:0; z-index:5;}
.newsWrap .newsInfo .number {font-family:'Monda'; font-size:60px; color:#adadab; font-weight:800; padding:100px 0 50px 0; letter-spacing:2px;}
.newsWrap .newsInfo .number span {font-size:60px; font-weight:600;}
.newsWrap .newsInfo .stit {font-family:'NanumSquareR'; font-size:18px; color:#adadab; line-height:1.2; padding:0 0 12px 0;}
.newsWrap .newsInfo .subject {padding:0 0 110px 0;}
.newsWrap .newsInfo .subject:after {content:""; display:block; clear:both;}
.newsWrap .newsInfo .subject span {display:block; font-family:'NanumSquareR'; font-size:52px; color:#61605e; line-height:1.2;}
.newsWrap .newsInfo .phone {padding:0 0 18px 4px;}
.newsWrap .newsInfo .phone:after {content:""; display:block; clear:both;}
.newsWrap .newsInfo .phone a {display:inline-block; padding:0 0 0 55px; background:url('../images/bg/bg_news_phone.png') left 50% no-repeat;}
.newsWrap .newsInfo .phone a span {font-family:'Monda','NanumSquareR'; font-size:24px; color:#adadab; font-weight:800; line-height:42px;}
.newsWrap .newsInfo .btn {padding:0 0 0 4px;}
.newsWrap .newsInfo .btn:after {content:""; display:block; clear:both;}
.newsWrap .newsInfo .btn a {display:block; width:314px; border:3px #ee6b23 solid; overflow:hidden; transition:all ease 0.3s; text-align:center;}
.newsWrap .newsInfo .btn a span {display:inline-block; font-family:'NanumSquareR'; font-size:18px; color:#ee6b23; line-height:1.2; padding:14px 38px 14px 0; background:url('../images/bg/bg_newsInfo_btn_span.png') right 50% no-repeat; transition:all ease 0.3s;}
.newsWrap .newsInfo .btn a:hover {background:#ee6b23;}
.newsWrap .newsInfo .btn a:hover span {color:#fff; background:url('../images/bg/bg_newsInfo_btn_span_hover.png') right 50% no-repeat;}

.newsWrap .inbox {position:relative; width:820px; padding:0 0 0 39%}
.newsWrap .inbox .conf:after {content:""; display:block; clear:both;}
.newsWrap .inbox .conf .img {width:100%; overflow:hidden;}
.newsWrap .inbox .conf .img img {width:100%;}
.newsWrap .inbox .conf p {font-family:'NanumSquareR'; font-size:15px; color:#888; line-height:1.8; padding:32px 0 0 0;}
.newsWrap .inbox .conf p span {display:block; font-family:'NanumSquareR'; font-size:15px; line-height:1.8;}
.newsWrap .inbox .conf p.tit {font-family:'NanumSquareR'; font-size:20px; color:#bbb; line-height:1.8; padding:74px 0 0 0;}
.newsWrap .inbox .conf p.tit span {font-family:'NanumSquareR'; font-size:24px;}
.newsWrap .inbox .conf p.tit.ty01 {padding:28px 0 0 0;}
.newsWrap .inbox .conf p.tit02 {font-family:'NanumSquareR'; font-size:18px; color:#bbb; line-height:1.8; padding:74px 0 0 0;}
.newsWrap .inbox .conf p.tit02 span.fintxt {display:inline-block; font-family:'NanumSquareR'; font-size:18px; color:#ff3600; line-height:1.8; font-weight:800; padding:0 0 0 5px;}
.newsWrap .inbox .conf .hr {width:100%; height:1px; border-top:1px #6f6f6f solid; margin:32px 0 0 0; overflow:hidden;}

.newsWrap .inbox .conf p.point {font-family:'NanumSquareR'; font-size:24px; color:#ee6b23; line-height:1.4; padding:85px 0 0 0; text-align:center;}
.newsWrap .inbox .conf p.point span {font-size:26px;}
.newsWrap .inbox .conf p.year01 {font-family:'NanumSquareR'; font-size:20px; color:#ffbd62; font-weight:600; line-height:1.8; padding:30px 0 20px 0; text-align:center;}
.newsWrap .inbox .conf p.year02 {font-family:'NanumSquareR'; font-size:20px; color:#ffbd62; font-weight:600; line-height:1.8; padding:80px 0 20px 0; text-align:center;}
.newsWrap .inbox .conf p.interval01 {padding:80px 0 0 0;}
.newsWrap .inbox .conf p strong {display:block; font-family:'NanumSquareR'; font-size:18px; color:#888; line-height:1.4;}
.newsWrap .inbox .conf p strong.point {font-size:15px; color:#a2a2a2; font-weight:normal; line-height:1.8;}
.newsWrap .inbox .conf p strong.point2 {font-size:15px; color:#888; font-weight:600; line-height:1.8; display:block; padding:5px 0 0 0;}
.newsWrap .inbox .conf p strong.point3 {font-size:15px; color:#ff3600; font-weight:600; line-height:1.8; display:inline-block; padding:5px 0 0 0;}
.newsWrap .inbox .conf p strong.mark {display:inline; font-family:'NanumSquareR'; font-size:18px; color:#a2a2a2; line-height:1.4;}
.newsWrap .inbox .conf p.bint {padding:32px 0 60px 0;}
.newsWrap .inbox .conf p a {font-size:15px; color:#6f6f6f;}
.newsWrap .inbox .conf p a:hover {color:#6f6f6f;}
.newsWrap .inbox .conf p a.going {font-size:15px; color:#ee6b23; font-weight:600; text-decoration:underline;}
.newsWrap .inbox .conf p a.going02 {font-size:15px; color:#c74c08; font-weight:600; text-decoration:underline;}

.newsWrap .inbox .writeInfo {position:relative; width:100%; margin:30px 0 0 0; padding:30px 0 0 0; background:url('../images/bg/bg_write_info_line.png') left top no-repeat; overflow:hidden;}
.newsWrap .inbox .writeInfo .days {width:100%; overflow:hidden;}
.newsWrap .inbox .writeInfo .days span {font-family:'Monda'; font-size:15px; color:#ee6b23; line-height:1.4;}
.newsWrap .inbox .writeInfo .sns {position:absolute; right:0; top:25px;}
.newsWrap .inbox .writeInfo .sns ul {font-size:0; line-height:0;}
.newsWrap .inbox .writeInfo .sns ul:after {content:""; display:block; clear:both;}
.newsWrap .inbox .writeInfo .sns ul li {float:left;}
.newsWrap .inbox .writeInfo .sns ul li.txt {font-family:'NanumSquareR'; font-size:18px; color:#605e5b; font-weight:600; padding:0 10px 0 0; line-height:1.2;}

.newsWrap .inbox .writeInfo .phone {display:none; padding:0 0 18px 4px; margin:30px 0 0 0;}
.newsWrap .inbox .writeInfo .phone:after {content:""; display:block; clear:both;}
.newsWrap .inbox .writeInfo .phone a {display:inline-block; padding:0 0 0 55px; background:url('../images/bg/bg_news_phone.png') left 50% no-repeat;}
.newsWrap .inbox .writeInfo .phone a span {font-family:'Monda'; font-size:24px; color:#adadab; font-weight:800; line-height:42px;}
.newsWrap .inbox .writeInfo .btn {display:none; padding:0 0 0 4px;}
.newsWrap .inbox .writeInfo .btn:after {content:""; display:block; clear:both;}
.newsWrap .inbox .writeInfo .btn a {display:block; width:314px; border:3px #ee6b23 solid; overflow:hidden; transition:all ease 0.3s; text-align:center;}
.newsWrap .inbox .writeInfo .btn a span {display:inline-block; font-family:'NanumSquareR'; font-size:18px; color:#ee6b23; line-height:1.2; padding:14px 38px 14px 0; background:url('../images/bg/bg_newsInfo_btn_span.png') right 50% no-repeat; transition:all ease 0.3s;}
.newsWrap .inbox .writeInfo .btn a:hover {background:#ee6b23;}
.newsWrap .inbox .writeInfo .btn a:hover span {color:#fff; background:url('../images/bg/bg_newsInfo_btn_span_hover.png') right 50% no-repeat;}


/* 강의 */
.newsWrap .newsInfo .subject02 {padding:0 0 22px 0;}
.newsWrap .newsInfo .subject02:after {content:""; display:block; clear:both;}
.newsWrap .newsInfo .subject02 span {display:block; font-family:'Monda','NanumSquareR'; font-size:52px; color:#61605e; line-height:1.2;}
.newsWrap .newsInfo .period {font-family:'NanumSquareR'; font-size:18px; color:#7a7976; font-weight:600; padding:0 0 75px 4px;}

.newsWrap .field {width:100%; margin:55px 0 0 0; border-top:1px #423f3c solid; overflow:hidden;}
.newsWrap .field .entry {padding:0 28px 0 30px;}
.newsWrap .field .entry:after {content:""; display:block; clear:both;}
.newsWrap .field .entry .tit {font-family:'NanumSquareR'; font-size:30px; color:#bbb; padding:32px 0 30px 0;}
.newsWrap .field .entry .tit.f {padding:32px 0 0 0;}

.newsWrap .field .entry .employ {position:relative; width:100%; margin:26px 0 18px 0; overflow:hidden;}
.newsWrap .field .entry .employTit {position:absolute; left:0; top:2px; font-family:'NanumSquareR'; font-size:18px; color:#adadab; line-height:21px;}
.newsWrap .field .entry .employSelect {margin:0 0 0 110px;}
.newsWrap .field .entry .employSelect:after {content:""; display:block; clear:both;}
.newsWrap .field .entry .employSelect ul:after {content:""; display:block; clear:both;}
.newsWrap .field .entry .employSelect ul li {float:left;}
.newsWrap .field .entry .employSelect label {font-family:'NanumSquareR'; font-size:15px; color:#6e6c6a; line-height:21px; padding:0 0 0 30px; margin:0 20px 0 0;}
.newsWrap .field .entry .employSelect label.checked {color:#ee6b23;}

.newsWrap .field .entry ul.base {margin:0 0 30px 0;}
.newsWrap .field .entry ul.base:after {content:""; display:block; clear:both;}
.newsWrap .field .entry ul.base li {float:left; width:50%; margin:0 0 2px 0;}
.newsWrap .field .entry ul.base li .item {position:relative; padding:0 2px 0 50px;}
.newsWrap .field .entry ul.base li .item:after {content:""; display:block; clear:both;}
.newsWrap .field .entry ul.base li .item .ico {position:absolute; left:0; top:0;}
.newsWrap .field .entry ul.base li .item .baseInput {width:100%; height:50px; line-height:50px; font-family:'NanumSquareR'; font-size:15px; color:#6e6e6e; background:#43403c; box-sizing:border-box;-moz-box-sizing:border-box; border:0; padding:0 0 0 10px; margin:0;}
.newsWrap .field .entry ul.base li .item .baseInput:hover {border:2px #ee6b23 solid; padding:0 0 0 8px; line-height:46px;}
.newsWrap .field .entry ul.base li .item .baseInput:focus {border:2px #ee6b23 solid; padding:0 0 0 8px; line-height:46px;}
.newsWrap .field .entry ul.base li.wide {width:100%;}

.newsWrap .field .entry .btnArea {width:100%; padding:0 0 30px 0; overflow:hidden;}
.newsWrap .field .entry .btnArea a {display:block; width:100%; border:3px #ee6b23 solid; box-sizing:border-box;-moz-box-sizing:border-box; text-align:center; transition:all ease 0.3s;}
.newsWrap .field .entry .btnArea a span {display:inline-block; font-family:'NanumSquareR'; font-size:18px; color:#ee6b23; padding:12px 55px 12px 0; background:url('../images/bg/bg_entry_btn_span.png') right 50% no-repeat; transition:all ease 0.3s;}
.newsWrap .field .entry .btnArea a:hover {background:#ee6b23;}
.newsWrap .field .entry .btnArea a:hover span {color:#fff; background:url('../images/bg/bg_entry_btn_span_hover.png') right 50% no-repeat;}

.newsWrap .field .entry .tta {position:relative; padding:0 2px 0 50px; background:#3d3a36;}
.newsWrap .field .entry .tta:after {content:""; display:block; clear:both;}
.newsWrap .field .entry .tta .ico {position:absolute; left:0; top:0;}
.newsWrap .field .entry .tta textarea {width:100%; height:100px; line-height:1.4; font-family:'NanumSquareR'; font-size:15px; color:#6e6e6e; background:#43403c; box-sizing:border-box;-moz-box-sizing:border-box; border:0; padding:15px 0 15px 10px; margin:0; overflow-y:auto;}
.newsWrap .field .entry .tta textarea:hover {border:2px #ee6b23 solid; padding:13px 0 13px 8px;}

.newsWrap .replyField {width:100%; border-top:1px #423f3c solid; overflow:hidden;}
.newsWrap .replyField ul:after {content:""; display:block; clear:both;} 
.newsWrap .replyField ul li {width:100%; padding:25px 0; border-bottom:1px #423f3c solid; overflow:hidden;}
.newsWrap .replyField ul li .entry {padding:0 28px 0 30px;}
.newsWrap .replyField ul li .entry:after {content:""; display:block; clear:both;}
.newsWrap .replyField ul li .entry .info {font-family:'NanumSquareR'; font-size:16px; color:#bbb; font-weight:600; line-height:1.2; padding:0 0 15px 0;}
.newsWrap .replyField ul li .entry p {font-family:'NanumSquareR'; font-size:15px; color:#888; line-height:1.8;}








/* agree */
.agreeWrap {position:relative; width:100%; margin:30px 0; overflow:hidden; text-align:center;}
.agreeWrap label {font-family:'NanumSquareR'; font-size:14px; color:#626262; line-height:21px; padding:0 0 0 30px; text-align:left;}
.agreeWrap label.checked {color:#ee6b23;}
.agreeWrap a {position:absolute; right:0; top:4px; font-family:'NanumSquareR'; font-size:14px; color:#bfbebe; text-decoration:underline; z-index:90;}



/* file */
.fileBox {position:relative; width:100%;}
.fileBox:after {content:""; display:block; clear:both; *zoom:1;}
.fileBox .fileType {width:100%; height:50px; line-height:50px; font-family:'NanumSquareR'; font-size:15px; color:#6e6e6e; background:#43403c; box-sizing:border-box;-moz-box-sizing:border-box; border:0; padding:0 0 0 10px; margin:0;}
.fileHidden {position:absolute; right:0px; top:0px; width:100% !important; height:50px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}






/* -placeholder */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#6e6e6e;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#6e6e6e; opacity:1;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#6e6e6e; opacity:1;}
input::-ms-input-placeholder { /* Internet Explorer 10-11 */color:#6e6e6e;}

textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#6e6e6e;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#6e6e6e; opacity:1;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#6e6e6e; opacity:1;}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#6e6e6e;}




/* checkbox, radio */
/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, .custom-radio input {position:absolute; left:2px; top:3px; margin:0; z-index:0;}
.custom-checkbox label, .custom-radio label {display:block; position:relative; z-index:1; cursor:pointer;}
	
/* states */
.custom-checkbox label {background:url('../images/ico/ico_checkbox.png') no-repeat; }
.custom-radio label {background:url('../images/ico/ico_checkbox.png') no-repeat; }
.custom-checkbox label, .custom-radio label {background-position:0 -40px;}
.custom-checkbox label.checked, .custom-radio label.checked {background-position:0 0;}
.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {background-position:0 0;}



/* select */
span.longSbox {width:100%; height:50px; font-family:'NanumSquareR'; font-size:16px; color:#ee6b23; background:url('../images/bg/bg_inform_select.gif') right center #fff no-repeat; box-sizing:border-box;}
span.longSbox.changed {background-color:#43403c;}
.longSboxInner {font-family:'NanumSquareR'; font-size:16px; color:#6e6e6e; white-space:nowrap; line-height:50px; padding:0 65px 0 20px;}
span.longSbox.changed .longSboxInner {color:#adadab;}




/** fancybox **/
.layerWrap {position:relative; width:100%; background:#33302b; overflow:hidden; z-index:9999;}
.layerHead {position:relative; padding:84px 60px 40px; z-index:110;}
.layerHead:after {content:""; display:block; clear:both;}
.layerHead span {font-family:'NanumSquareR'; font-size:40px; color:#adadab; font-weight:normal;}
.layerHead .closeArea {position:absolute; right:20px; top:20px;}
.layerBody {position:relative; margin:0 60px 60px;}
.layerBody:after {content:""; display:block; clear:both;}

.alertBody {position:relative; padding:65px 0 26px; border:1px #272727 solid; background:#1e1d1a;}
.alertBody:after {content:""; display:block; clear:both;}
.alertBody .closeArea {position:absolute; right:10px; top:6px;}
.alertBody .bg {width:170px; height:135px; margin:0 auto; background:url('../images/bg/bg_alert.gif') left top no-repeat;}
.alertBody p {font-family:'NanumSquareR'; font-size:15px; color:#848382; line-height:1.2; padding:58px 0 0 0; text-align:center;}

.privacy {width:auto; height:363px; padding:20px 20px 0 0; overflow-y:auto; word-break:keep-all;}
.privacy p.tit {font-family:'NanumSquareR'; font-size:16px; color:#666; line-height:1.2; padding:0 0 20px 0;}
.privacy p.txt {font-family:'NanumSquareR'; font-size:16px; color:#666; line-height:1.6; padding:0 0 35px 0;}
.privacy p.txt strong {font-size:16px;}



/* video */
.videoWrap {width:100%; padding:0 0 100px 0; overflow:hidden; background:#343435;}
.videoBox {width:1180px; margin:0 auto; overflow:hidden;}
.view_video {position:relative; padding-bottom:56.25%; height:0; }
.view_video iframe,
.view_video object,
.view_video embed {position:absolute; top:0; left:0; width:100%; height:100%;}


/* movie */
.layerMovierWrap {position:relative;}
.layerMovieWrap:after {content:""; display:block; clear:both;}
.layerMovieHead {position:relative; width:100%;}
.layerMovieHead:after {content:""; display:block; clear:both;}
.layerMovieHead span {display:inline-block; float:left; font-family: 'RixGulim'; font-size:32px; color:#fff; font-weight:600; padding:2px 0 36px 10px;}
.layerMovieHead .btn {position:absolute; right:0; top:0;}












/************** media query start ***************************************/

/************** media query 1440 *************/
@media all and (max-width: 1440px){

.project .overview .vproveMovie {width:auto; margin:0 40px;}
.project .overview .wellsMovie {width:auto; margin:114px 40px 200px;}
.project .overview .vproveTxt {width:auto; margin:0 40px;}

.project .overview .vproveTit02 {font-size:38px;}
.project .overview .vproveTxt02 {font-size:16px;}

.project .overview .vproveTit03 {font-size:44px;}
.project .overview .vproveTit03 strong {font-size:62px;}
.project .overview .vproveTit03 span {font-size:42px;}


/* sc엔지니어링 */
.project .overview .scTxt03 {width:auto; margin:0 20px;}
.project .overview .scTxt03_1 {width:auto; margin:0 20px;}


.aboutWrap .dpopPartners {width:auto; margin:0 20px;}

}





/************** media query 1420 *************/
@media all and (max-width: 1420px){

/* news */
.newsWrap .newsInfo {left:3%;}
.newsWrap .inbox {padding:0 0 0 37%;}

/* company */
.aboutWrap .spaceRoll {width:auto; margin:0 20px;}
.aboutWrap .spaceRoll .swiper-slide img {width:100%;}


/** 포트폴리오 관리 **/
.project .overview .subTxt {width:auto; margin:0 80px;}


}





/************** media query 1400 *************/
@media all and (max-width: 1400px){

/* project content */
.project .overview .stit {position:relative; left:0; top:0; margin:0 0 20px 100px;}
.project .overview .explan {margin:0 585px 0 100px;}
.project .overview .infomation {top:100px;}
.project .overview .projectInbox .subTit {top:50px;}

/* inform */
.informWrap .inbox {padding:0 0 0 32%;}
.informWrap .inbox .dpopSay {left:3%;}

/* 토다이 코리아 */
.project .overview .todaiWtxt1 .txt {width:auto; margin:0 20px;}
.project .overview .todaiWtxt2 .txt {width:auto; margin:0 20px;}

}






/************** media query 1340 *************/
@media all and (max-width: 1340px){

/* Paparazzi */
.paparazziList {width:1100px;}

/* news */
.newsWrap .newsInfo {position:relative; left:0; top:0; margin:0 50px;}
.newsWrap .newsInfo .number {padding:0 0 50px 0;}
.newsWrap .newsInfo .subject {padding:0 0 50px 0;}
.newsWrap .newsInfo .subject span {display:inline;}
.newsWrap .newsInfo .subject02 {padding:0 0 22px 0;}
.newsWrap .newsInfo .subject02 span {display:inline;}
.newsWrap .newsInfo .period {padding:0 0 50px 4px;}
.newsWrap .newsInfo .phone {display:none;}
.newsWrap .newsInfo .btn {display:none;}

.newsWrap .inbox {width:auto; padding:0 50px;}
.newsWrap .inbox .writeInfo .phone {display:block;}
.newsWrap .inbox .writeInfo .btn {display:block;}


/* 비프루브 */
.project .overview .vproveTxt02 {width:auto; margin:0 20px;}


/* 아디다스 */
.project .overview .adidas {width:auto; margin:0 20px;}

/* 센토리 */
.project .overview .scentory_subTxt p {width:auto; margin:0 20px;}

/* hansol */
.project .overview .hansolTxt01 p {width:auto; margin:0 20px;}

/* 캐논 */
.project .overview .cannonWrap {width:1182px;}
.project .overview .cannonWrap .box {padding:0 0 0 220px;}


}


/************** media query 1280 *************/
@media all and (max-width: 1280px){

/* Jardin */
.project .overview .jdTxt02 {width:auto; margin:0 20px;}

/* 미노즈 */
.project .overview .minozTxt {width:auto; margin:0 20px;}

/* 삼호뮤직 */
.project .overview .shTxt01 p {width:auto; margin:0 20px;}

/* 캐논 */
.project .overview .cannonWrap {width:auto; margin:0 40px;}
.project .overview .cannonWrap .box {padding:0;}
.project .overview .cannonWrap .box .tit {position:relative; left:0; top:0; margin:0 0 20px 0; text-align:center;}
.project .overview .cannonWrap .box .tit span {display:inline;}
.project .overview .cannonWrap .box .txt span {text-align:center;}


.aboutWrap .dpopLecture .innerBox .actL {margin:0 0 70px 20px;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 {left:35%;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 {left:54%;}


}







/************** media query 1240 *************/
@media all and (max-width: 1240px){

/* inform */
.informWrap .inbox {width:auto; padding:0 50px;}
.informWrap .inbox .dpopSay {position:relative; left:0; top:0; margin:0 0 40px 0;}
.informWrap .inbox .dpopSay p.stit span {display:inline;}
.informWrap .inbox .dpopSay p.txt span {display:inline;}

.projectFooter .conf {margin:0 40px 0 0;}
.projectFooter .copyright {left:40px;}


/** 포트폴리오 관리 **/
.project .overview .noti {width:auto; padding:0 0 80px 0; margin:0 20px;}
.project .overview .noti .htit {font-size:60px;}
.project .overview .noti p {font-size:15px;}

.project .overview .box_subTxt {width:auto; margin:0 20px;}

/* 건설알림이 */
.project .overview .cis {width:auto; margin:0 20px;}
.project .overview .cis_subTxt {width:auto; margin:0 20px;}

/* 모텍스 */
.project .overview .motex1 {width:auto; margin:0 20px;}

/* 아벤느 */
.project .overview .avene {width:auto; margin:0 20px;}
.project .overview .avene .num {font-size:100px;}
.project .overview .avene .htit {font-size:22px;}

/* 퍼스트가든 */
.project .overview .first_garden_subTxt {width:auto; margin:0 20px;}

/* sc엔지니어링 */
.project .overview .scTit02 {width:auto; margin:0 20px;}
.project .overview .scTxt02 {width:auto; margin:0 20px;}
.project .overview .scTxt02_1 {width:auto; margin:0 20px;}
.project .overview .scTit03 {width:auto; margin:0 20px;}
.project .overview .scTit03_1 {width:auto; margin:0 20px;}

/* Jardin */
.project .overview .jdTxt01 {width:auto; margin:0 20px;}
.project .overview .jdTit03 {width:auto; margin:0 20px;}
.project .overview .jdTxt03 {width:auto; margin:0 20px;}
.project .overview .jdTxt04 {width:auto; margin:0 20px;}
.project .overview .jdTxt05 {width:auto; margin:0 20px;}

/* all that beauty */
.project .overview .allthatbeautyTxt01 p {width:auto; margin:0 20px;}

.videoBox {width:auto; margin:0 40px;}

/* vprove marketing */
.project .overview .vprovemDiv .vinbox {width:auto; margin:0 40px;}

/* 캐논 */
.project .overview .cannonWrap .box .txt {text-align:center;}
.project .overview .cannonWrap .box .txt span {display:inline;}


}




/************** media query 1180 *************/
@media all and (max-width: 1180px){

/* 캐논 */
.project .overview .cannonMovie {width:auto; margin:0 40px;}


/* 에스테덤 */
.project .overview .esthedermWrap {width:auto; margin:0 40px;}
.project .overview .esthedermWrap .box span {display:inline;}


}





/************** media query 1120 *************/
@media all and (max-width: 1120px){

.project .overview .projectInbox .subTit {top:30px;}

/* Paparazzi */
.paparazziSay p.stit span {display:block;}
.paparazziList {width:880px;}

/* company */
.aboutWrap .designBase {height:1030px;}
.aboutWrap .designBase .workWrap {width:800px; height:730px;}
.aboutWrap .designBase .workWrap .work04 {left:42px; top:440px;}
.aboutWrap .designBase .workWrap .work05 {left:42px; top:585px;}
.aboutWrap .designBase .workWrap .work06 {left:392px; top:440px;}
.aboutWrap .designBase .workWrap .work03 {top:190px;}

/* 피알원 */
.project .overview .prone_subTxt01 p {width:auto; margin:0 20px;}
.project .overview .prone_subTxt02 p {width:auto; margin:0 20px;}

/* 알바천국 */
.project .overview .albaTxt {width:auto; margin:0 20px;}

/* vprove marketing */
.project .overview .vprovemDiv .vinbox02 {width:auto; margin:0 40px;}


/* 바이오더마 */
.project .overview .biodermaWrap {width:auto; margin:0 20px;}

/* 에스더 포뮬러 */
.project .overview .esthermallWrap {width:auto; margin:0 20px;}
.project .overview .esthermallWrap02 {width:auto; margin:0 20px;}
.project .overview .esthermallWrap03 {width:auto; margin:0 20px;}


.aboutWrap .dpopLecture .innerBox {width:auto; margin:155px 0 120px;;}
.aboutWrap .dpopLecture .innerBox .actL {margin:0 0 70px 0;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 {width:100%;}
.aboutWrap .dpopLecture .innerBox .tit {padding:0 0 44px 3%;}
.aboutWrap .dpopLecture .innerBox .list {width:47%; margin:0 0 0 3%;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 {left:50%; width:100%;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 .list {width:44%; margin:0 3%;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 {left:50%;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 .list {width:44%; margin:0 3%;}

}





/************** media query 1020 *************/
@media all and (max-width: 1020px){

/* inform */
.informWrap .inbox {width:auto; padding:0 50px;}
.informWrap .inbox .dpopSay {position:relative; left:0; top:0; margin:0 0 40px 0;}
.informWrap .inbox .dpopSay p.stit span.y {display:block;}
.informWrap .inbox .dpopSay p.txt span.y {display:block;}

/* company */
.aboutWrap .contact .ourInfo {width:auto; margin:55px 20px 40px;}

.aboutWrap .lectureBase .history {width:auto; margin:120px 20px 0;}
.aboutWrap .lectureBase .history .inWbox {margin:0 0 0 260px;}

.aboutWrap .dpopPartners .psector .list ul li {width:33.333%;}



/** 포트폴리오 관리 **/
.project .overview .subTxt p {font-size:16px; line-height:1.6; padding:40px 0;}

.project .overview .box_subTit {font-size:36px; padding:74px 0 80px;}
.project .overview .box_subTit span {font-size:18px;}
.project .overview .box_subTxt p {font-size:14px; padding:50px 0;}

.project .overview .noti .htit {font-size:58px;}
.project .overview .noti p {font-size:14px;}

/* 건설알림이 */
.project .overview .cis .htit {font-size:50px;}
.project .overview .cis p {font-size:16px;}
.project .overview .cis_subTxt p {font-size:14px; padding:50px 0;}
.project .overview .cis_subTxt p.ty01 {padding:34px 0 28px;}
.project .overview .cis_subTxt p strong {font-size:14px;}

/* 모텍스 */
.project .overview .motex1 .htit {font-size:54px;}
.project .overview .motex1 p {font-size:15px;}

/* 아벤느 */
.project .overview .avene .num {font-size:90px;}
.project .overview .avene .htit {font-size:20px;}
.project .overview .avene p {font-size:16px;}

/* 스튜디오 */
.project .overview .studio {font-size:30px;}

/* 아디다스 */
.project .overview .adidas {padding:70px 0 60px;}
.project .overview .adidas .htit {font-size:36px;}
.project .overview .adidas p {font-size:16px;}

/* sc엔지니어링 */
.project .overview .scTxt01 {width:auto; margin:0 20px;}

/* Jardin */
.project .overview .jdTit01 {width:auto; margin:0 20px; font-size:48px; padding:20px 0 0 0;}
.project .overview .jdTxt01 {font-size:16px; padding:12px 0 80px 0;}
.project .overview .jdTxt02 {font-size:16px; padding:40px 0;}
.project .overview .jdTit03 {font-size:48px; padding:70px 0 0 0;}
.project .overview .jdTxt03 {font-size:16px; padding:14px 0 80px 0;}
.project .overview .jdTxt04 {font-size:16px; padding:50px 0;}
.project .overview .jdTxt05 {font-size:16px; padding:80px 0;}

/* 센토리 */
.project .overview .scentory_subTxt p {font-size:16px; padding:50px 0;}

/* hansol */
.project .overview .hansolTxt01 p {font-size:16px; padding:50px 0;}

/* all that beauty */
.project .overview .allthatbeautyTxt01 p {font-size:16px; padding:50px 0;}

/* 미노즈 */
.project .overview .minozTxt {font-size:16px; padding:70px 0;}

/* 닉스앤녹스 */
.project .overview .nixWtxt1 .txt {width:auto;margin:0 20px;}


.project .overview .category.six  {border-top:0;}
.project .overview .category.six ul li {width:33.33%; border-top:1px #e8e7e5 solid}
}









/************** media query 1000 *************/
@media all and (max-width: 1000px){

/* project content */
.project .overview .stit {position:relative; left:0; top:0; margin:0 0 20px 50px;}
.project .overview .explan {min-height:100%; margin:0 50px;}
.project .overview .explan .sns {padding:25px 0 0 0;}
.project .overview .infomation {position:relative; left:auto; top:0; right:0; border-top:1px #e5e5e5 solid; border-left:0; margin:30px 50px 0; padding:30px 0 0 0;}
.project .overview .infomation .addBox {position:absolute; right:0; bottom:0;}


/* 메르앙 */
.project .overview .meren_subTxt {width:auto; margin:0 20px;}
.project .overview .meren_subTxt p {padding:40px 0;}


/* about */
.aboutWrap .dpopis01 p span {display:inline;}
.aboutWrap .dpopis02 p span {display:inline;}
.aboutWrap .dpopis03 p span {display:inline;}
.aboutWrap .contact p.intxt span {display:inline;}
.aboutWrap .consulting ul li {padding:0 0 86px 0;}
.aboutWrap .consulting ul li .tit {padding:84px 0 14px;}
.aboutWrap .consulting ul li .txt span {display:block; padding:4px 0 0 0;}


/* 피알원 */
.project .overview .prone_subTxt03 p {width:auto; margin:0 20px;}


}





/************** media query 940 *************/
@media all and (max-width: 940px){

.projectFooter .conf {float:none;}
.projectFooter .conf .phone {margin:0 0 0 40px;}
.projectFooter .copyright {position:relative; left:0; top:0; width:100%; margin:0 0 30px 0; text-align:center;}


/* 웰스 */
.project .overview .wellsTit01 {width:auto; margin:0 20px;}
.project .overview .wellsTit01 span {display:inline;}
.project .overview .wellsTxt01 {width:auto; margin:0 20px;}

.project .overview .wellsTit02 {width:auto; margin:0 20px;}
.project .overview .wellsTit02 span {display:inline;}
.project .overview .wellsTxt02 {width:auto; margin:0 20px;}
.project .overview .wellsTxt02 span {display:inline;}

}





/************** media query 920 *************/
@media all and (max-width: 920px){

/* news letter */
/* 170401 */
.newsLetter {width:auto;}

}






/************** media query 900 *************/
@media all and (max-width: 900px){

/* about */
.aboutWrap .dpopis01 h2 span {}

/* Paparazzi */
.paparazziList {width:660px;}
.paparazziSay p.stit u {display:block;}

/* news letter */
/* 170401 */
.div170401 .inner .secTor02 ul li .box .txtArea .tit span {display:inline;}

/* 170515 */
.div170515 .inner .secTor02 ul li .box .txtArea .tit span {display:inline;}
}





/************** media query 850 *************/
@media all and (max-width: 850px){

.project .overview .cis_div ul li {float:none; width:100%; text-align:center;}
.project .overview .cis_div ul li img {width:75%;}

.project .overview .vproveDiv {float:none; width:100%;}
.project .overview .vproveDiv.wmode {display:none;}
.project .overview .vproveDiv.mmode {display:block;}

}





/************** media query 840 *************/
@media all and (max-width: 840px){

/* project content */
.project .fixImg {height:565px;}
.project .fixImg .imgArea {margin:0 0 0 -500px;}
.project .fixImg .imgArea img {width:1000px;}

.project .overview {padding:40px 0 0 0;}
.project .overview .infomation .addBox {position:relative; left:auto; top:0; right:0;}
.project .overview .category {margin:40px 0 0 0;}
.project .overview .category.six {margin:40px 0 0 0;}
.project .overview .projectInbox .subTit {top:20px; font-size:30px;}
.project .overview .projectInbox .subTit span {padding:4px 0 0 0; font-size:18px;}

/* about */
.aboutWrap .consulting ul li {float:none; width:100%; padding:0 0 90px 0;}
.aboutWrap .consulting ul li .tit {padding:94px 0 14px;}
.aboutWrap .consulting ul li .txt span {display:inline; padding:0;}

.aboutTabs ul li a span {font-size:18px;}


/* 포폴 */
.project .overview .box_subTit {font-size:32px; padding:54px 0 60px;}
.project .overview .box_subTxt p {padding:40px 0;}
.project .overview .noti .htit {font-size:52px;}

/* 건설알림이 */
.project .overview .cis {padding:80px 0;}
.project .overview .cis .htit {font-size:48px;}
.project .overview .cis p {font-size:14px;}
.project .overview .cis_subTxt p {padding:40px 0;}
.project .overview .cis_subTxt p.ty01 {padding:28px 0 22px;}

/* sc엔지니어링 */
.project .overview .scTit01 {font-size:48px; padding:35px 0 0 0;}
.project .overview .scTxt01 {font-size:16px; padding:20px 0 45px;}

.project .overview .scTit02 {font-size:48px; padding:60px 0 0 0;}
.project .overview .scTit02 span {font-size:48px;}
.project .overview .scTxt02 {font-size:16px; padding:18px 0 28px;}
.project .overview .scTxt02_1 {font-size:16px; padding:0 0 80px;}

.project .overview .scTit03 {font-size:48px; padding:60px 0 0 0;}
.project .overview .scTit03_1 {font-size:34px; padding:0 0 30px 0;}
.project .overview .scTit03_1 span {font-size:34px;}
.project .overview .scTxt03 {font-size:16px; padding:0 0 28px;}
.project .overview .scTxt03_1 {font-size:16px; padding:0 0 80px;}


/* Jardin */
.project .overview .jdTit01 {font-size:44px; padding:0;}
.project .overview .jdTxt01 {font-size:16px; padding:12px 0 60px 0;}
.project .overview .jdTxt02 {font-size:16px; padding:40px 0;}
.project .overview .jdTit03 {font-size:44px; padding:50px 0 0 0;}
.project .overview .jdTxt03 {font-size:16px; padding:14px 0 60px 0;}
.project .overview .jdTxt04 {font-size:16px; padding:40px 0;}
.project .overview .jdTxt05 {font-size:16px; padding:60px 0;}

/* 센토리 */
.project .overview .scentory_subTxt p {font-size:16px; padding:40px 0;}

/* 피알원 */
.project .overview .prone_subTxt01 p {padding:0 0 60px 0;}
.project .overview .prone_subTxt02 p {padding:40px 0;}
.project .overview .prone_subTxt03 p {padding:50px 0;}

/* hansol */
.project .overview .hansolTxt01 p {font-size:16px; padding:40px 0;}

/* all that beauty */
.project .overview .allthatbeautyTxt01 p {font-size:16px; padding:40px 0;}

/* 미노즈 */
.project .overview .minozTxt {font-size:16px; padding:50px 0;}

/* 삼호뮤직 */
.project .overview .shTxt01 p {padding:50px 0;}

/* 알바천국 */
.project .overview .albaTxt {font-size:16px; padding:20px 0 50px}

/* vprove marketing */
.project .overview .vprovemNum {font-size:100px; padding:0 0 8px 0;}
.project .overview .vprovemTit {font-size:28px;}
.project .overview .vprovemTxt {padding:0 0 35px 0;}

.project .overview .vtesterTit01 {font-size:28px;}
.project .overview .vtesterTxt01 {padding:0 0 35px 0;}
.project .overview .vtesterTxt02 {padding:40px 0;}

.project .overview .vblogmNum {font-size:100px; padding:60px 0 2px 0;}
.project .overview .vblogTit01 {font-size:28px; margin:40px 0 18px 0;}
.project .overview .vblogTit02 {font-size:28px;}
.project .overview .vblogTxt01 {font-size:15px; padding:0 0 45px 0;}

.project .overview .vhotdealTit01 {font-size:28px; margin:40px 0 18px 0;}
.project .overview .vhotdealTxt01 {font-size:15px; padding:0 0 60px 0;}
.project .overview .vhotdealTxt02 {font-size:15px; padding:60px 0;}

.project .overview .vfacebookTit01 {font-size:28px;}

.project .overview .vInstaTit01 {font-size:28px; }
.project .overview .vInstaTxt01 {padding:0 0 45px 0; }

/* 토다이 코리아 */
.project .overview .todaiWtxt1 .tit {font-size:35px;}
.project .overview .todaiWtxt1 .txt {font-size:16px;}
.project .overview .todaiWtxt2 .tit {font-size:35px;}
.project .overview .todaiWtxt2 .txt {font-size:16px;}
.project .overview .todaiWtxt3 .tit {font-size:28px;}

/* 닉스앤녹스 */
.project .overview .nixWtxt1 .txt {padding:48px 0;font-size:16px;}


/* 바이오더마 */
.project .overview .biodermaWrap02 {width:auto; margin:0 20px;}





/* news letter */
/* 170401 */
.div170401 .inner .secTor01 .imgDiv {position:relative; left:0; top:0; text-align:center;}
.div170401 .inner .secTor01 .txtDiv {margin:40px 0 0 0;}
.div170401 .inner .secTor01 .txtDiv .tit span {display:inline;}

/* 170515 */
.div170515 .inner .secTor01 .imgDiv {position:relative; left:0; top:0; text-align:center;}
.div170515 .inner .secTor01 .txtDiv {margin:40px 0 0 0;}
.div170515 .inner .secTor01 .txtDiv .tit span {display:inline;}

}





/************** media query 800 *************/
@media all and (max-width: 800px){

/* compnay */
.aboutWrap .dpopis01 h2 u {display:block; padding:5px 0 0 0;}
.aboutWrap .dpopis02 h2 u {display:block; padding:5px 0 0 0;}
.aboutWrap .dpopis03 h2 u {display:block; padding:5px 0 0 0;}
.aboutWrap .contact h2 u {display:block; padding:5px 0 0 0;}

.aboutWrap .designBase h2 span {padding:55px 0 9px;}
.aboutWrap .designBase .workWrap {width:540px;}
.aboutWrap .designBase .workWrap .work01 {left:0;}
.aboutWrap .designBase .workWrap .work02 {left:304px;}
.aboutWrap .designBase .workWrap .work03 {left:304px; top:175px;}
.aboutWrap .designBase .workWrap .work04 {left:0;}
.aboutWrap .designBase .workWrap .work05 {left:0;}
.aboutWrap .designBase .workWrap .work06 {left:304px;}
.aboutWrap .designBase .workWrap h3 {font-size:21px;}
.aboutWrap .designBase .workWrap h3 span {font-size:21px;}
.aboutWrap .designBase .workWrap ul li {font-size:15px;}
.aboutWrap .designBase .workWrap ul li span {font-size:15px;}

}




/************** media query 780 *************/
@media all and (max-width: 780px){

/* inform */
.informWrap .inbox .dpopSay p.stit span {display:block;}

.newsWrap .inbox .conf p span {display:inline;}

}





/************** media query 768 *************/
@media all and (max-width: 768px){

/* inform */
.informWrap .inbox .conf .field .entry ul.base li {width:100%;}
.informWrap .inbox .conf .field .entry ul.selection li {width:50%;}
.informWrap .inbox .conf .field .entry .division .selectBox {width:100%;}

/* 강의 */
.newsWrap .field .entry ul.base li {width:100%;}


/** 포트폴리오 관리 **/
.project .overview .noti {padding:0 0 60px 0;}
.project .overview .noti .htit {font-size:50px;}
.project .overview .noti p {font-size:14px;}

/* 건설알림이 */
.project .overview .cis {padding:60px 0;}
.project .overview .cis .htit {font-size:40px;}
.project .overview .cis p {font-size:14px;}

/* 모텍스 */
.project .overview .motex1 {padding:60px 0;}
.project .overview .motex1 .htit {font-size:40px;}
.project .overview .motex1 p {font-size:13px;}

/* 아벤느 */
.project .overview .avene {padding:35px 0;}
.project .overview .avene .num {font-size:80px;}
.project .overview .avene .htit {font-size:17px;}
.project .overview .avene p {font-size:14px;}

/* 메르앙 */
.project .overview .meren_subTxt p {font-size:13px; padding:30px 0;}

/* 퍼스트가든 */
.project .overview .first_garden_subTxt p {font-size:13px; padding:30px 0;}

/* 스튜디오 */
.project .overview .studio {font-size:25px; padding:40px 0;}

/* 아디다스 */
.project .overview .adidas {padding:50px 0 40px;}
.project .overview .adidas .htit {font-size:32px;}
.project .overview .adidas p {font-size:14px;}

/* Jardin */
.project .overview .jdTit01 {font-size:40px; padding:0;}
.project .overview .jdTxt01 {font-size:14px; padding:12px 0 50px 0;}
.project .overview .jdTxt02 {font-size:14px; padding:30px 0;}
.project .overview .jdTit03 {font-size:40px; padding:40px 0 0 0;}
.project .overview .jdTxt03 {font-size:14px; padding:14px 0 50px 0;}
.project .overview .jdTxt04 {font-size:14px; padding:30px 0;}
.project .overview .jdTxt05 {font-size:14px; padding:50px 0;}

/* 피알원 */
.project .overview .prone_subTxt01 p {padding:0 0 50px 0;}
.project .overview .prone_subTxt02 p {padding:30px 0;}
.project .overview .prone_subTxt03 p {padding:40px 0;}

/* 미노즈 */
.project .overview .minozTxt {padding:40px 0;}

/* 알바천국 */
.project .overview .albaTxt {font-size:14px; padding:20px 0 40px}


/* 에스테덤 */
.project .overview .esthedermWrap {padding:50px 0;}
.project .overview .esthedermWrap .box span {font-size:14px;}



/* company */
.aboutWrap .contact .ourInfo .info {margin:0;}
.aboutWrap .contact .ourInfo .info .thePhone {padding:22px 0 34px 10px;}
.aboutWrap .contact .ourInfo .sns {position:relative; left:0; top:0; right:auto; margin:0 0 68px 10px;}

.aboutWrap .contact .ourInfo .info .winner {position:relative; right:auto; left:0; top:0; margin:10px 0 0 0;}
.aboutWrap .contact .ourInfo .info .winner ul li {float:left;}

.aboutTabs ul li {width:50%;}

.aboutWrap .lectureBase {height:562px;}
.aboutWrap .lectureBase .history {margin:0 20px;}
.aboutWrap .lectureBase .history .inWbox {margin:0;}
.aboutWrap .lectureBase .history .htabs {position:relative; left:0; top:0; width:100%; margin:50px 0;}
.aboutWrap .lectureBase .history .htabs ul li {float:left; width:25%;}
.aboutWrap .lectureBase .history .htabs ul li .htabsOn {display:none;}
.aboutWrap .lectureBase .history .htabs ul li a {height:78px; border:1px #4b423d solid; border-left:0;}
.aboutWrap .lectureBase .history .htabs ul li a span {font-size:15px; padding:29px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li:nth-child(1) a {border-left:1px #4b423d solid;}
.aboutWrap .lectureBase .history .htabs ul li:nth-child(3) a span {padding:20px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li:last-child a {border-bottom:1px #4b423d solid;}
.aboutWrap .lectureBase .history .htabs ul li.on a {border:2px #ee6b23 solid; height:76px;}
.aboutWrap .lectureBase .history .htabs ul li.on a span {padding:28px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(3) a span {padding:19px 0 0 0;}
.aboutWrap .lectureBase .history .hconf {height:360px;}


.aboutWrap .dpopLecture {background-size:120% auto;}
.aboutWrap .dpopLecture .innerBox .list {width:95%; margin:0 0 0 5%;}
.aboutWrap .dpopLecture .innerBox .tit {padding:0 0 44px 5%;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 {position:relative; left:0; top:0; margin:70px 0 0 0;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 .list {width:95%; margin:0 0 0 5%;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 .list {width:95%; margin:0 0 0 5%;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 {position:relative; left:0; top:0; margin:70px 0 0 0;}
.aboutWrap .dpopLecture .innerBox .actL .inR2.m01 {top:0; margin:0;}



/* news letter */
/* 170401 */
.div170401 .secTor04 .gBox ul {margin:0 0 0 -3.9%;}
.div170401 .secTor04 .gBox ul li {width:46.1%; margin:0 0 0 3.9%;}
.div170401 .secTor04 .gBox ul li.last {display:none;}
.div170401 .secTor05 .gBox ul {margin:0 0 0 -3.9%;}
.div170401 .secTor05 .gBox ul li {width:46.1%; margin:0 0 0 3.9%;}
.div170401 .secTor05 .gBox ul li.last {display:none;}

/* 170515 */
.div170515 .secTor04 .gBox ul {margin:0 0 0 -3.9%;}
.div170515 .secTor04 .gBox ul li {width:46.1%; margin:0 0 0 3.9%;}
.div170515 .secTor04 .gBox ul li.last {display:none;}
.div170515 .secTor05 .gBox ul {margin:0 0 0 -3.9%;}
.div170515 .secTor05 .gBox ul li {width:46.1%; margin:0 0 0 3.9%;}
.div170515 .secTor05 .gBox ul li.last {display:none;}

}





/************** media query 740 *************/
@media all and (max-width: 740px){

.informWrap .inbox .conf .field .openGate.ty02 {padding:29px 0 31px 0;}
.informWrap .inbox .conf .field .openGate.ty02 .appIco {position:relative; left:0; right:auto; top:0; margin:10px 0 0 62px;}

.aboutWrap .dpopPartners .psector .banner {height:86px;}
.aboutWrap .dpopPartners .psector .banner img {width:1000px;}




}







/************** media query 680 *************/
@media all and (max-width: 680px){

/* Paparazzi */
.paparazziList {width:440px;}

.project .overview .projectInbox .subTit {top:20px; font-size:32px;}
.projectFooter .conf {margin:0; padding:30px 0 0 0;}
.projectFooter .conf .phone {margin:0; text-align:center;}
.projectFooter .conf .phone a {display:inline-block;}
.projectFooter .conf ul {position:relative; right:auto; top:0; left:0; width:100%; margin:20px 0 0 0; text-align:center;}
.projectFooter .conf ul li {float:none; display:inline; margin:0 10px;}
.projectFooter .copyright {margin:30px 0;}

}




/************** media query 640 *************/
@media all and (max-width: 640px){

/* project content */
.project .overview .category {border-top:0;}
.project .overview .category ul li {width:50%; border-top:1px #e8e7e5 solid;}
.project .overview .category.six ul li {width:50%;}

/* agree */
.agreeWrap a {position:relative; left:auto; right:0; top:0; display:inline-block; padding:0 0 10px 0;}

/* Paparazzi */
.paparazziSay p.txt span u {display:inline-block; line-height:1.5;}


/** 포트폴리오 관리 **/
.project .overview .box_subTit {font-size:28px; padding:34px 0 40px;}
.project .overview .box_subTit span {font-size:14px;}
.project .overview .box_subTxt p {font-size:13px; padding:30px 0;}

.project .overview .noti .htit {font-size:45px;}
.project .overview .noti p {font-size:13px;}

/* 건설알림이 */
.project .overview .cis {padding:50px 0;}
.project .overview .cis .htit {font-size:38px; line-height:1.1;}
.project .overview .cis p {font-size:13px;}
.project .overview .cis_subTxt p {font-size:13px; padding:30px 0;}
.project .overview .cis_subTxt p strong {font-size:13px;}
.project .overview .cis_subTxt p.ty01 {padding:22px 0 18px;}
.project .overview .cis_div ul li img {width:85%;}

/* 모텍스 */
.project .overview .motex1 {padding:50px 0;}
.project .overview .motex1 .htit {font-size:38px; line-height:1.1;}
.project .overview .motex1 p {font-size:13px;}

/* 아벤느 */
.project .overview .avene {padding:30px 0;}
.project .overview .avene .num {font-size:70px;}
.project .overview .avene .htit {font-size:15px;}
.project .overview .avene p {font-size:13px;}

.videoWrap {padding:0 0 50px 0;}


/* 비프루브 */
.project .overview .vproveTit {padding:80px 0 0 0; font-size:35px;}
.project .overview .vproveTxt {font-size:15px;}
.project .overview .vproveTit02 {width:auto; font-size:35px; padding:80px 0 0 0; margin:0 20px;}
.project .overview .vproveTxt02 {font-size:15px;}
.project .overview .vproveTit03 {font-size:40px;}
.project .overview .vproveTit03 strong {font-size:62px;}
.project .overview .vproveTit03 span {font-size:40px;}
.project .overview .vproveTxt03 {padding:25px 0 50px; margin:0 20px;}
.project .overview .projectInbox .img.ty img {width:120%; margin:0 0 0 -10%;}

/* vprove marketing */
.project .overview .vprovemNum {font-size:62px;}
.project .overview .vprovemTit {font-size:20px;}
.project .overview .vprovemTxt {font-size:14px; padding:0 0 25px 0; line-height:1.5;}
.project .overview .vprovemTxt span {font-size:14px;}

.project .overview .vtesterTit01 {font-size:26px; padding:10px 0 0 0;}
.project .overview .vtesterTxt01 {font-size:14px; padding:0 0 30px 0;}
.project .overview .vtesterTxt01 span {display:inline; font-size:14px;}
.project .overview .vtesterTxt02 {font-size:14px; padding:30px 0;}

.project .overview .vblogmNum {font-size:62px; padding:40px 0 2px 0;}
.project .overview .vblogTit01 {font-size:20px; margin:30px 0 18px 0;}
.project .overview .vblogTit02 {font-size:20px;}
.project .overview .vblogTxt01 {font-size:14px; padding:0 0 35px 0;}

.project .overview .vhotdealTit01 {font-size:20px; margin:30px 0 18px 0;}
.project .overview .vhotdealTxt01 {font-size:14px; padding:0 0 40px 0;}
.project .overview .vhotdealTxt02 {font-size:14px; padding:40px 0;}

.project .overview .vfacebookTit01 {font-size:20px;}
.project .overview .vfacebookTit01 img {width:100px;padding-bottom:25px;}
.project .overview .vfacebookTxt01 {font-size:14px;}
.project .overview .vfacebookTxt02 {font-size:14px;}

.project .overview .vInstaTit01 {font-size:20px;}
.project .overview .vInstaTit01 img {width:100px;padding-bottom:25px;}
.project .overview .vInstaTxt01 {font-size:14px;padding:0 0 35px 0;}


/* 웰스 */
.project .overview .wellsTit01 {padding:80px 0 0;}
.project .overview .wellsTit01 span {font-size:35px;}
.project .overview .wellsTxt01 {padding:15px 0 25px;}
.project .overview .wellsTxt01 span {font-size:15px;}
.project .overview .wellsTxt01 strong {font-size:15px;}

.project .overview .wellsTit02 {padding:80px 0 0;}
.project .overview .wellsTit02 span {font-size:35px;}
.project .overview .wellsTxt02 {padding:15px 0 40px;}
.project .overview .wellsTxt02 span {font-size:15px;}

.project .overview .wellsMovie {margin:80px 40px 100px;}

/* sc엔지니어링 */
.project .overview .scTit01 {font-size:44px; padding:25px 0 0 0;}
.project .overview .scTxt01 {font-size:14px; padding:10px 0 35px;}

.project .overview .scTit02 {font-size:44px; padding:40px 0 0 0;}
.project .overview .scTit02 span {display:block; font-size:44px; line-height:1.4; margin:-10px 0 10px 0;}
.project .overview .scTxt02 {font-size:14px; padding:8px 0 18px;}
.project .overview .scTxt02_1 {font-size:14px; padding:0 0 50px;}

.project .overview .scTit03 {font-size:44px; padding:40px 0 0 0;}
.project .overview .scTit03_1 {font-size:24px; padding:6px 0 20px 0;}
.project .overview .scTit03_1 span {display:block; font-size:24px; line-height:1.4; margin:-5px 0 10px 0;}
.project .overview .scTxt03 {font-size:14px; padding:0 0 18px;}
.project .overview .scTxt03_1 {font-size:14px; padding:0 0 50px;}


/* Jardin */
.project .overview .jdTit01 {font-size:38px; padding:0;}
.project .overview .jdTxt01 {font-size:14px; padding:12px 0 40px 0;}
.project .overview .jdTxt02 {font-size:14px; padding:30px 0;}
.project .overview .jdTit03 {font-size:38px; padding:30px 0 0 0;}
.project .overview .jdTxt03 {font-size:14px; padding:12px 0 40px 0;}
.project .overview .jdTxt04 {font-size:14px; padding:30px 0;}
.project .overview .jdTxt05 {font-size:14px; padding:40px 0;}

/* 센토리 */
.project .overview .scentory_subTxt p {font-size:14px; padding:40px 0;}

/* hansol */
.project .overview .hansolTxt01 p {font-size:14px; padding:40px 0;}

/* all that beauty */
.project .overview .allthatbeautyTxt01 p {font-size:14px; padding:40px 0;}

/* 미노즈 */
.project .overview .minozTxt {font-size:14px;}

/* 토다이 코리아 */
.project .overview .todaiWtxt1 .tit {font-size:28px;margin:0 20px;}
.project .overview .todaiWtxt1 .txt {font-size:14px;}
.project .overview .todaiWtxt2 {padding:40px 0;}
.project .overview .todaiWtxt2 .tit {font-size:28px;margin:0 20px;padding-bottom:25px;}
.project .overview .todaiWtxt2 .txt {font-size:14px;}
.project .overview .todaiWtxt3 .tit {font-size:22px;padding:45px 0;}

/* 닉스앤녹스 */
.project .overview .nixWtxt1 .txt {padding:35px 0;font-size:14px;}


/* bucket */
.bucket .webArea {display:none;}
.bucket .mobileArea {display:block;}





/* company */
.aboutWrap .lectureBase {height:642px;}
.aboutWrap .lectureBase .history .htabs {margin:50px 0 30px;}
.aboutWrap .lectureBase .history .htabs ul li {width:50%;}
.aboutWrap .lectureBase .history .htabs ul li:nth-child(3) a {border-left:1px #4b423d solid; border-top:0;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(3) a {height:75px; border-left:2px #ee6b23 solid; border-top:2px #ee6b23 solid;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(3) a span {padding:18px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li:nth-child(4) a {border-top:0;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(4) a {height:75px; border-top:2px #ee6b23 solid;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(4) a span {padding:27px 0 0 0;}






/* news letter */
/* 170401 */
.div170401 .inner .secTor01 .imgDiv img {max-width:80%;}
.div170401 .inner .secTor02 ul {margin:0;}
.div170401 .inner .secTor02 ul li {width:100%; margin:-1px 0 0 0;}


/* 170515 */
.div170515 .inner .secTor01 .imgDiv img {max-width:80%;}
.div170515 .inner .secTor02 ul {margin:0;}
.div170515 .inner .secTor02 ul li {width:100%; margin:-1px 0 0 0;}

}







/************** media query 580 *************/
@media all and (max-width: 580px){

/* inform */
.informWrap .inbox {padding:0 20px;}
.informWrap .inbox .dpopSay p.txt span {display:block;}
.informWrap .inbox .conf .field .entry {padding:0 18px 0 20px;}
.informWrap .inbox .conf .field .openGate span {padding:0 0 0 50px; background-position:20px 50%;}
.informWrap .inbox .conf .field .openGate.on span {background-position:20px 50%;}
.informWrap .inbox .conf .field .openGate.ty02 .appIco {margin:10px 0 0 52px;}
.informWrap .inbox .conf .field .openGate.ty04 span {padding:0 0 0 17px;}

/* 강의 */
.newsWrap .field .entry {padding:0 18px 0 20px;}
.newsWrap .replyField ul li .entry {padding:0 18px 0 20px;}

/* news */
.newsWrap .newsInfo {margin:0 20px;}
.newsWrap .inbox {padding:0 20px;}

/* companby */
.aboutWrap .designBase .workWrap {width:460px;}
.aboutWrap .designBase .workWrap .work02 {left:250px;}
.aboutWrap .designBase .workWrap .work03 {left:250px;}
.aboutWrap .designBase .workWrap .work06 {left:250px;}

/** 포트폴리오 관리 **/
.project .overview .subTxt {margin:0 30px;}
.project .overview .subTxt p {font-size:14px;}


.aboutWrap .designBase h2 {font-size:39px;}


}






/************** media query 480 *************/
@media all and (max-width: 480px){

#map {height:300px;}

/* project content */
.project .closed img {width:38px;}
.project .closed ul li .listProject .txtArea {width:70px; height:38px; padding:0 0 0 45px; font-size:9px;}
.project .closed ul li .listProject .imgArea img {width:38px;}

.project .fixImg {height:303px;}
.project .fixImg .txtArea .tit {font-size:28px; padding:0 40px;}
.project .fixImg .txtArea .hash {font-size:15px; padding:16px 10px 0; margin:12px 0 0;}
.project .fixImg .imgArea {margin:0 0 0 -268px;}
.project .fixImg .imgArea img {width:536px;}

.project .overview {padding:30px 0 0 0;}
.project .overview .stit {font-size:16px; margin:0 10px 10px 20px;}
.project .overview .explan {margin:0 20px;}
.project .overview .explan p {font-size:12px; line-height:1.4;}
.project .overview .explan strong {font-size:12px;}
.project .overview .explan .sns {padding:15px 0 0 0;}
.project .overview .explan .sns ul li {padding:0 15px 0 0;}
.project .overview .explan .sns ul li a img {height:20px;}
.project .overview .explan .sns ul li .linkIcon {height:20px;}
.project .overview .explan .sns ul li.txt {font-size:14px; line-height:24px;}
.project .overview .infomation {margin:15px 20px 0; padding:15px 0 0 0;}
.project .overview .infomation .info ul li {padding:0 0 10px 70px;}
.project .overview .infomation .info ul li {font-size:13px;}
.project .overview .infomation .info ul li span {font-size:13px;}
.project .overview .infomation .info ul li a {font-size:13px;}

.project .overview .infomation .phone {text-align:center; margin-top:12px;}
.project .overview .infomation .phone a {font-size:18px; line-height:28px; background-size:26px 26px; background-position:2px 50%; padding:0 0 0 38px;}
.project .overview .infomation .addBox ul {width:240px; margin:0 auto;}
.project .overview .infomation .addBox ul li .favorites img {width:38px;}
.project .overview .infomation .addBox ul li .requestProject {width:190px;}
.project .overview .infomation .addBox ul li .requestProject span {font-size:14px; padding:0 22px 0 0; line-height:38px; background-size:14px 13px;}
.project .overview .category {margin:20px 0 0 0;}
.project .overview .category ul li a {padding:10px 0 8px;}
.project .overview .category ul li a span {font-size:13px; padding:0 0 2px 0;}
.project .overview .category ul li a.on span {background-size:auto 1px;}
.project .overview .category.six{margin:20px 0 0 0;}
.project .overview .category.six ul li a {padding:10px 0 8px;}
.project .overview .category.six ul li a span {font-size:13px; padding:0 0 2px 0;}
.project .overview .category.six ul li a.on span {background-size:auto 1px;}

.project .overview .projectInbox .subTit {top:10px; font-size:18px;}
.project .overview .projectInbox .subTit span {font-size:11px;}


.projectFooter .conf {padding:20px 0 0 0;}
.projectFooter .conf .phone a {font-size:15px; line-height:24px; background-size:24px 24px; background-position:1px 50%; padding:0 0 0 38px;}
.projectFooter .conf ul {margin:18px 0 0 0;}
.projectFooter .conf ul li {margin:0 5px;}
.projectFooter .conf ul li .requestProject {width:160px; border-width:2px;}
.projectFooter .conf ul li .requestProject span {font-size:14px; padding:0 22px 0 0; line-height:35px; background-size:14px 13px;}
.projectFooter .conf ul li .topBtn img {width:39px;}
.projectFooter .copyright {font-size:12px; margin:15px 0;}


/** 포트폴리오 관리 **/
.project .overview .subTxt {margin:0 30px;}
.project .overview .subTxt p {font-size:11px; padding:20px 0;}

.project .overview .box_subTit {font-size:20px; padding:25px 0;}
.project .overview .box_subTit span {font-size:11px; padding:6px 0 0 0;}

.project .overview .box_subTxt p {font-size:11px; padding:20px 0; line-height:1.4;}

.project .overview .noti {padding:0 0 30px 0;}
.project .overview .noti .htit {font-size:26px; padding:0 0 20px 0;}
.project .overview .noti p {font-size:12px; line-height:1.4;}

/* 건설알림이 */
.project .overview .cis {padding:20px 0;}
.project .overview .cis .htit {font-size:24px; padding:0 0 10px 0;}
.project .overview .cis p {font-size:12px; line-height:1.4;}
.project .overview .cis_subTxt p {font-size:11px; padding:20px 0; line-height:1.4;}
.project .overview .cis_subTxt p strong {font-size:11px;}
.project .overview .cis_subTxt p.ty01 {line-height:1.4;}
.project .overview .cis_div ul li img {width:120%; margin:0 0 -10px -10%;}

/* 모텍스 */
.project .overview .motex1 {padding:20px 0;}
.project .overview .motex1 .htit {font-size:24px; padding:0 0 10px 0;}
.project .overview .motex1 p {font-size:11px; line-height:1.4;}

/* 아벤느 */
.project .overview .avene {padding:20px 0;}
.project .overview .avene .num {font-size:50px;}
.project .overview .avene .htit {font-size:14px;}
.project .overview .avene p {font-size:11px; line-height:1.5;}

/* 메르앙 */
.project .overview .meren_subTxt p {font-size:11px; padding:20px 0; line-height:1.5;}

/* 퍼스트가든 */
.project .overview .first_garden_subTxt p {font-size:11px; padding:20px 0; line-height:1.5;}

/* 스튜디오 */
.project .overview .studio {font-size:16px; padding:20px 0 18px;}

/* 비프루브 */
.project .overview .vproveTit {font-size:20px; padding:40px 0 0 0;}
.project .overview .vproveTxt {font-size:12px;}
.project .overview .vproveTit02 {font-size:20px; padding:40px 0 0 0;}
.project .overview .vproveTxt02 {font-size:12px;}
.project .overview .movietitle {font-size:13px;}
.project .overview .vproveTit03 {font-size:26px;}
.project .overview .vproveTit03 strong {font-size:40px; padding:40px 0 16px; letter-spacing:-2px;}
.project .overview .vproveTit03 span {font-size:26px;}
.project .overview .vproveTxt03 {font-size:11px; padding:20px 0 30px;}

/* vprove marketing */
.project .overview .vprovemNum {font-size:40px; padding:0 0 4px 0;}
.project .overview .vprovemTit {font-size:16px; margin:0 0 8px 0;}
.project .overview .vprovemTxt {font-size:12px; padding:0 0 18px 0;}
.project .overview .vprovemTxt span {font-size:12px;}

.project .overview .vtesterTit01 {font-size:16px; padding:10px 0 0 0; margin:0 0 8px 0;}
.project .overview .vtesterTxt01 {font-size:12px; padding:0 0 20px 0;}
.project .overview .vtesterTxt01 span {font-size:12px;}
.project .overview .vtesterTxt02 {font-size:12px; padding:20px 0;}

.project .overview .vblogmNum {font-size:40px; padding:30px 0 4px 0;}
.project .overview .vblogTit01 {font-size:16px; margin:20px 0 8px 0;}
.project .overview .vblogTit02 {font-size:16px; margin:0 0 8px 0;}
.project .overview .vblogTxt01 {font-size:12px; padding:0 0 25px 0;}

.project .overview .vhotdealTit01 {font-size:16px; margin:20px 0 8px 0;}
.project .overview .vhotdealTxt01 {font-size:12px; padding:0 0 25px 0;}
.project .overview .vhotdealTxt02 {font-size:12px; padding:25px 0;}

.project .overview .vfacebookTit01 {font-size:16px;padding-bottom:8px;}
.project .overview .vfacebookTxt01 {font-size:12px;}
.project .overview .vfacebookTit01 img {width:60px;padding-bottom:18px;}
.project .overview .vfacebookTxt02 {font-size:12px;padding-bottom:25px;}

.project .overview .vInstaTit01 {font-size:16px; padding-bottom:8px;}
.project .overview .vInstaTit01 img {width:60px;padding-bottom:15px;}
.project .overview .vInstaTxt01 {font-size:12px;padding:0 0 25px 0;}



/* 웰스 */
.project .overview .wellsTit01 {padding:40px 0 0;}
.project .overview .wellsTit01 span {font-size:20px;}
.project .overview .wellsTxt01 span {display:inline; font-size:12px;}
.project .overview .wellsTxt01 strong {font-size:12px;}
.project .overview .wellsTit02 {padding:40px 0 0;}
.project .overview .wellsTit02 span {font-size:20px;}
.project .overview .wellsTxt02 span {display:inline; font-size:12px;}

.project .overview .wellsMovie {margin:40px;}

/* 아디다스 */
.project .overview .adidas {padding:30px 0 20px;}
.project .overview .adidas .htit {font-size:20px; padding:0 0 15px 0;}
.project .overview .adidas p {font-size:12px;}

/* sc엔지니어링 */
.project .overview .scTit01 {font-size:24px; padding:15px 0 0 0;}
.project .overview .scTxt01 {font-size:11px; padding:5px 0 25px;}

.project .overview .scTit02 {font-size:24px; padding:20px 0 0 0;}
.project .overview .scTit02 span {display:block; font-size:24px; line-height:1.4; margin:-4px 0 10px 0;}
.project .overview .scTxt02 {font-size:11px; padding:8px 0 18px;}
.project .overview .scTxt02_1 {font-size:11px; padding:0 0 25px;}

.project .overview .scTit03 {font-size:24px; padding:20px 0 0 0;}
.project .overview .scTit03_1 {font-size:14px; padding:6px 0 10px 0;}
.project .overview .scTit03_1 span {display:block; font-size:14px; line-height:1.4; margin:0 0 10px 0;}
.project .overview .scTxt03 {font-size:11px; padding:0 0 18px;}
.project .overview .scTxt03_1 {font-size:11px; padding:0 0 25px;}

/* Jardin */
.project .overview .jdTit01 {font-size:24px; padding:0;}
.project .overview .jdTxt01 {font-size:11px; padding:12px 0 30px 0;}
.project .overview .jdTxt02 {font-size:11px; padding:20px 0;}
.project .overview .jdTit03 {font-size:24px; padding:20px 0 0 0;}
.project .overview .jdTxt03 {font-size:11px; padding:12px 0 30px 0;}
.project .overview .jdTxt04 {font-size:11px; padding:20px 0;}
.project .overview .jdTxt05 {font-size:11px; padding:30px 0;}

/* 센토리 */
.project .overview .scentory_subTxt p {font-size:11px; padding:25px 0;}

/* 피알원 */
.project .overview .prone_subTxt01 p {font-size:11px; padding:0 0 40px 0;}
.project .overview .prone_subTxt02 p {font-size:11px; padding:30px 0;}
.project .overview .prone_subTxt03 p {font-size:11px; padding:40px 0;}

/* hansol */
.project .overview .hansolTxt01 p {font-size:11px; padding:25px 0;}

/* all that beauty */
.project .overview .allthatbeautyTxt01 p {font-size:11px; padding:25px 0;}

/* 미노즈 */
.project .overview .minozTxt {font-size:11px; padding:30px 0;}

/* 삼호뮤직 */
.project .overview .shTxt01 p {font-size:11px; padding:30px 0; line-height:1.4;}
.project .overview .shTxt01 p span {font-size:14px; padding:0 0 12px 0;}

/* 알바천국 */
.project .overview .albaTxt {font-size:11px; padding:15px 0 30px}

/* 토다이 코리아 */
.project .overview .todaiWtxt1 .tit {font-size:20px;margin:0 20px;padding-bottom:18px;}
.project .overview .todaiWtxt1 .txt {font-size:11px;}
.project .overview .todaiWtxt2 {padding:25px 0;}
.project .overview .todaiWtxt2 .tit {font-size:20px;margin:0 20px;padding-bottom:15px;}
.project .overview .todaiWtxt2 .txt {font-size:11px;}
.project .overview .todaiWtxt3 .tit {font-size:18px;padding:35px 0;} 

/* 닉스앤녹스 */
.project .overview .nixWtxt1 .txt {padding:20px 0;font-size:11px;}

/* 캐논 */
.project .overview .cannonWrap {padding:30px 0;}
.project .overview .cannonWrap .box .tit {font-size:20px; margin:0 0 10px 0;}
.project .overview .cannonWrap .box .tit span {font-size:20px;}
.project .overview .cannonWrap .box .txt span {font-size:12px;}
.project .overview .cannontitle {font-size:13px; margin:0 0 20px 0;}
.project .overview .cannonMovie {padding:30px 0 20px;}

/* 에스테덤 */
.project .overview .esthedermWrap {padding:30px 0;}
.project .overview .esthedermWrap .box span {font-size:12px;}


/* 바이오더마 */
.project .overview .biodermaTit {font-size:22px; padding:30px 0 10px 0;}
.project .overview .biodermaTxt {font-size:12px; line-height:1.4; padding:0 0 30px 0;}
.project .overview .biodermaTxt02 {font-size:12px;line-height:1.4; padding:30px 0;}

/* 에스더 포뮬러 */
.project .overview .esthermallTit {font-size:20px; padding:30px 0 10px 0;}
.project .overview .esthermallTxt {font-size:12px; line-height:1.4; padding:0 0 30px 0;}
.project .overview .esthermallTit02 {font-size:20px; padding:30px 0 10px 0;}
.project .overview .esthermallTxt02 {font-size:12px; line-height:1.4; padding:0 0 30px 0;}
.project .overview .esthermallMovie {padding:40px 30px 20px;}
.project .overview .esthermallMovie .view_video {margin:0 0 20px 0;}




/**** 멘토링 후기 ****/
.mentoringReview .tit {font-size:16px; padding:40px 0 12px 0;}
.mentoringReview .txt p {font-size:12px; padding:0 0 20px 0;}
.mentoringReview .list ul li {padding:0 0 12px 0;}



/* about */
.aboutWrap .dpopis01 {padding:0 0 35px 0;}
.aboutWrap .dpopis01 h2 {font-size:20px; padding:20px 0 20px 0; background-size:20px 1px;}
.aboutWrap .dpopis01 h2 u {font-size:20px;}
.aboutWrap .dpopis01 h2 span {font-size:12px; padding:30px 0 8px;}
.aboutWrap .dpopis01 h2.a {padding:50px 12px 0; box-sizing:border-box;}
.aboutWrap .dpopis01 h2.w {display:none;}
.aboutWrap .dpopis01 h2.m {display:block;}
.aboutWrap .dpopis01 h2.m span {font-size:20px; display:block; padding:4px 0;}
.aboutWrap .dpopis01 p {padding:20px 20px 0;}
.aboutWrap .dpopis01 p span {font-size:12px; line-height:1.8;}
.aboutWrap .dpopis01 p strong {font-size:12px;}

.aboutWrap .designBase {height:760px;}
.aboutWrap .designBase h2 {font-size:20px; padding:40px 12px 20px; background-size:20px 1px;}
.aboutWrap .designBase h2 span {font-size:12px; padding:30px 0 8px;}
.aboutWrap .designBase .workWrap {width:300px; height:600px; margin:22px auto 0;}
.aboutWrap .designBase .workWrap h3 {font-size:15px; letter-spacing:-0.5px;}
.aboutWrap .designBase .workWrap h3 span {display:block; font-size:15px;}
.aboutWrap .designBase .workWrap ul li {font-size:12px; margin:5px 0 0 0; background-position:left 4px;}
.aboutWrap .designBase .workWrap ul li span {display:block; font-size:12px; padding:1px 0 0 0;}
.aboutWrap .designBase .workWrap .work01 {width:130px;}
.aboutWrap .designBase .workWrap .work02 {left:150px;}
.aboutWrap .designBase .workWrap .work03 {left:150px; top:170px;}
.aboutWrap .designBase .workWrap .work04 {top:374px;}
.aboutWrap .designBase .workWrap .work05 {top:475px;}
.aboutWrap .designBase .workWrap .work06 {left:150px; top:373px;}


.aboutWrap .dpopis02 {margin:0 0 22px 0;}
.aboutWrap .dpopis02 h2 {font-size:20px; padding:30px 0 20px 0; margin:0 0 22px 0; background-size:20px 1px;}
.aboutWrap .dpopis02 h2 span {font-size:12px; padding:30px 0 8px;}
.aboutWrap .dpopis02 h2 u {font-size:20px;}
.aboutWrap .dpopis02 p {padding:20px 20px 0;}
.aboutWrap .dpopis02 p u {font-size:10px; padding:0 0 3px 0;}
.aboutWrap .dpopis02 p strong {font-size:20px; padding:0 0 12px 0;}
.aboutWrap .dpopis02 p span {font-size:12px; line-height:1.4;}

.aboutWrap .dpopPartners h2.en {font-size:20px; padding:30px 0 20px 0; margin:0 0 22px 0; background-size:20px 1px;}
.aboutWrap .dpopPartners p u {font-size:10px; padding:0 0 3px 0;}
.aboutWrap .dpopPartners p strong {font-size:20px; padding:0 0 12px 0;}
.aboutWrap .dpopPartners p span {font-size:12px; line-height:1.4;}

.aboutWrap .dpopPartners .psector .banner {height:69px; margin:20px 0 0 0;}
.aboutWrap .dpopPartners .psector .banner img {width:800px; right:-30px;}
.aboutWrap .dpopPartners .psector .banner.s01 img {width:800px; right:-70px;}

.aboutWrap .dpopLecture .innerBox {margin:40px 0 40px;}
.aboutWrap .dpopLecture .innerBox .tit {font-size:14px; padding:0 0 12px 5%;}
.aboutWrap .dpopLecture .innerBox .list ul li {font-size:12px; padding:0 0 8px 0;}
.aboutWrap .dpopLecture .innerBox .actL {margin:0 0 30px 0;}
.aboutWrap .dpopLecture .innerBox .actL .inR1 {margin:30px 0 0 0;}
.aboutWrap .dpopLecture .innerBox .actL .inR2 {margin:30px 0 0 0;}



.slideThumbLeft {margin:-19px 0 0 0;}
.slideThumbLeft img {width:38px;}
.slideThumbRight {margin:-19px 0 0 0;}
.slideThumbRight img {width:38px;}
.spaceRoll .spaceThum {bottom:15px;}
.spaceRoll .swiper-pagination-switch {width:10px; height:10px; margin:0 4px; background-size:8px 8px;}
.spaceRoll .swiper-active-switch {background-size:8px 8px;}

.aboutWrap .contact h2 {font-size:20px; padding:30px 20px 20px; margin:0 0 22px 0; background-size:20px 1px;}
.aboutWrap .contact h2 span {font-size:12px; padding:30px 0 8px;}
.aboutWrap .contact h2 u {font-size:20px;}
.aboutWrap .contact p.intxt {font-size:12px; line-height:1.4; padding:20px 24px 0;}
.aboutWrap .contact p.intxt span {font-size:12px; line-height:1.4;}
.aboutWrap .contact #map {margin-top:20px;}

.aboutWrap .contact .ourInfo {margin:30px 20px 20px;}
.aboutWrap .contact .ourInfo .info ul li {font-size:13px; margin:0 0 8px 0; padding:0 0 0 70px;}
.aboutWrap .contact .ourInfo .info ul li strong {font-size:13px;}
.aboutWrap .contact .ourInfo .info ul li p {font-size:13px; padding:0 0 0 6px; background-position:left 8px;}
.aboutWrap .contact .ourInfo .info .thePhone {font-size:18px; padding:12px 0 30px 6px;}
.aboutWrap .contact .ourInfo .info .thePhone span {font-size:18px;}

.aboutWrap .contact .ourInfo .sns {margin:0 0 40px 6px;}
.aboutWrap .contact .ourInfo .sns ul {margin:0 0 0 -12px;}
.aboutWrap .contact .ourInfo .sns ul li img {height:20px;}
.aboutWrap .contact .ourInfo .sns .tit {font-size:11px; padding:0 0 8px 0;}

.aboutWrap .consulting ul li {padding:0 0 42px 0;}
.aboutWrap .consulting ul li .tit {font-size:18px; padding:46px 0 7px;}
.aboutWrap .consulting ul li .txt {font-size:13px; padding:0 0 24px 0;}
.aboutWrap .consulting ul li .txt span {display:block; font-size:13px; padding:2px 0 0 0;}
.aboutWrap .consulting ul li .img img {width:480px;}
.aboutWrap .consulting ul li a {width:160px; border-width:1px;}
.aboutWrap .consulting ul li a span {display:inline-block; font-size:12px; line-height:1.2; padding:7px 22px 6px 0; background-size:13px 12px; background-position:right 7px;}
.aboutWrap .consulting ul li:hover a span {background-size:13px 12px;}

.aboutWrap .copyRight p {font-size:12px; line-height:50px;}

.aboutWrap .contact .ourInfo .info .winner {margin:10px 0 0 0;}
.aboutWrap .contact .ourInfo .info .winner ul li img {height:50px;}

.aboutTabs ul li a span {font-size:14px; line-height:43px;}
.aboutTabs ul li a:hover {border:2px #ee6b23 solid;}
.aboutTabs ul li a:hover span {line-height:40px;}

.aboutWrap .dpopis03 {margin:0 0 22px 0;}
.aboutWrap .dpopis03 h2 {font-size:20px; padding:30px 0 20px 0; margin:0 0 22px 0; background-size:20px 1px;}
.aboutWrap .dpopis03 h2 span {font-size:12px; padding:30px 0 8px;}
.aboutWrap .dpopis03 h2 u {font-size:20px;}
.aboutWrap .dpopis03 p {padding:20px 20px 0;}
.aboutWrap .dpopis03 p u {font-size:10px; padding:0 0 3px 0;}
.aboutWrap .dpopis03 p strong {font-size:20px; padding:0 0 12px 0;}
.aboutWrap .dpopis03 p span {font-size:12px; line-height:1.4;}


.aboutWrap .lectureBase {height:auto; padding:30px 0 20px 0;}
.aboutWrap .lectureBase .history .htabs {margin:0 0 10px;}
.aboutWrap .lectureBase .history .htabs ul li a {height:50px;}
.aboutWrap .lectureBase .history .htabs ul li a span {font-size:13px; padding:17px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li.on a {height:48px;}
.aboutWrap .lectureBase .history .htabs ul li.on a span {padding:16px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li:nth-child(3) a span {padding:10px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(3) a {height:47px;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(3) a span {padding:8px 0 0 0;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(4) a {height:47px;}
.aboutWrap .lectureBase .history .htabs ul li.on:nth-child(4) a span {padding:15px 0 0 0;}

.aboutWrap .lectureBase .history .hconf {height:244px;}
.aboutWrap .lectureBase .history .hconf .hbox {padding:10px 0 20px 0;}
.aboutWrap .lectureBase .history .hconf .tit {font-size:16px; padding:14px 0 10px 0;}
.aboutWrap .lectureBase .history .hconf .hbox .year {position:relative; left:0; top:0; display:inline-block; font-size:20px;}
.aboutWrap .lectureBase .history .hconf .hbox .during {position:relative; left:0; top:0; display:inline-block; font-size:20px;}
.aboutWrap .lectureBase .history .hconf .hbox p {font-size:13px; padding:7px 10px 0 0}
.aboutWrap .lectureBase .imgArea {margin:0 0 0 -650px;}
.aboutWrap .lectureBase .imgArea img {width:1300px;}

.yearConf01, .yearConf02, .yearConf03, .yearConf04 {margin:0 20px 6px 0;}


/* inform */
.informWrap {padding:40px 0; min-height:600px;}
.informWrap .informClosed a img {width:38px;}
.informWrap .uptopBtn a img {width:38px;}
.informWrap .inbox .dpopSay {margin:0 0 20px 0;}
.informWrap .inbox .dpopSay p.tit {font-size:13px; padding:0 0 25px 0;}
.informWrap .inbox .dpopSay p.stit {padding:0 0 12px 0;}
.informWrap .inbox .dpopSay p.stit span {display:inline-block; font-size:24px; line-height:1.2;}
.informWrap .inbox .dpopSay p.stit span.y {display:block; line-height:1.2;}
.informWrap .inbox .dpopSay p.txt span {display:inline-block; font-size:12px; line-height:1.4;}
.informWrap .inbox .dpopSay p.txt span.y {display:block; line-height:1.4;}
.informWrap .inbox .dpopSay p.sns {font-size:11px; line-height:16px; margin:10px 0 0 0;}
.informWrap .inbox .dpopSay p.sns img {width:20px;}
.informWrap .inbox .conf .columnBtn {padding:30px 0 0 0;}


.informWrap .inbox .conf .field .openGate {padding:15px 0 13px 0;}
.informWrap .inbox .conf .field .openGate span {font-size:14px; background-size:8px 8px; padding:0 0 0 33px; background-position:15px 46%;}

.informWrap .inbox .conf .field .openGate.ty01 {padding:15px 0 13px 0;}
.informWrap .inbox .conf .field .openGate.ty01 span {font-size:15px; background-size:8px 8px; padding:0 0 0 33px; background-position:15px 46%;}
.informWrap .inbox .conf .field .openGate.ty01.on span {background-size:8px 2px; background-position:15px 46%;}
.informWrap .inbox .conf .field .openGate.ty02 {padding:15px 0 13px 0;}
.informWrap .inbox .conf .field .openGate.ty02 span {font-size:15px; background-size:8px 8px; padding:0 0 0 33px; background-position:15px 46%;}
.informWrap .inbox .conf .field .openGate.ty02.on span {background-size:8px 2px; background-position:15px 46%;}
.informWrap .inbox .conf .field .openGate.ty02 .appIco {position:absolute; left:auto; right:13px; top:9px; margin:0; width:60px; height:22px; line-height:18px; border-width:1px;}
.informWrap .inbox .conf .field .openGate.ty02 .appIco u {font-size:10px; padding:0 10px 0 0; background-size:6px 9px; background-position:right 1px;}

.informWrap .inbox .conf .field .openGate.ty04 {padding:15px 0 13px 0;}
.informWrap .inbox .conf .field .openGate.ty04 span {font-size:15px; background-size:8px 8px; padding:0 0 0 14px; background-position:15px 46%;}

.informWrap .inbox .conf .field .entry {padding:0 13px 0 15px;}
.informWrap .inbox .conf .field .entry .tit {font-size:12px; padding:24px 0 10px;}
.informWrap .inbox .conf .field .entry ul.base li .item {padding:0 2px 0 35px;}
.informWrap .inbox .conf .field .entry ul.base li .item .ico img {width:35px;}
.informWrap .inbox .conf .field .entry ul.base li .item .baseInput {height:35px; line-height:35px; font-size:12px;}
.informWrap .inbox .conf .field .entry ul.base li .item .baseInput:hover {border-width:1px; line-height:33px; padding:0 0 0 9px;}
.informWrap .inbox .conf .field .entry ul.selection {padding:0 0 10px 0;}
.informWrap .inbox .conf .field .entry ul.selection li label {font-size:12px; line-height:16px; padding:1px 0 0 20px;}
.informWrap .inbox .conf .field .entry ul.selection li.s01 {width:60%;}
.informWrap .inbox .conf .field .entry ul.selection li.s02 {width:40%;}
.informWrap .inbox .conf .field .entry ul.selection li.s03 {width:100%;}
.informWrap .inbox .conf .field .entry .tta {padding:0 2px 0 35px;}
.informWrap .inbox .conf .field .entry .tta .ico img {width:34px;}
.informWrap .inbox .conf .field .entry .tta textarea {height:70px; font-size:12px; padding:10px 0 10px 10px;}
.informWrap .inbox .conf .field .entry .tta textarea:hover {border-width:1px; padding:9px 0 9px 9px;}
.informWrap .inbox .conf .field .entry .btnArea a {border-width:1px;}
.informWrap .inbox .conf .field .entry .btnArea a span {font-size:13px; padding:12px 22px 9px 0; background-size:13px 12px;}
.informWrap .inbox .conf .field .entry .btnArea a:hover span {background-size:13px 12px;}

.informWrap .inbox .conf .field .entry .division .selectBox .designSelect {height:35px;}
.informWrap .inbox .conf .field .entry .division .selectBox .selectTit {padding:0 46px 0 10px;}
.informWrap .inbox .conf .field .entry .division .selectBox .selectTit p {font-size:12px; line-height:35px;}
.informWrap .inbox .conf .field .entry .division .selectBox .arrow {width:46px; height:35px; background-size:46px 35px;}
.informWrap .inbox .conf .field .entry .division .selectBox .arrow.on {background-size:46px 35px;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox {margin:-35px 0 0 0;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox ul li {font-size:12px; line-height:35px; padding:0 46px 0 10px;}
.informWrap .inbox .conf .field .entry .division .selectBox .optionBox ul li.on {font-size:12px;}



/* CEO COLUMN */
.informWrap .inbox .conf {padding:0 0 80px 0;}
.informWrap .inbox .conf .ceoColumn .openGate {padding:15px 0 13px 0;}
.informWrap .inbox .conf .ceoColumn .openGate .tit {padding:0 52px 0 70px; background-size:18px 9px;}
.informWrap .inbox .conf .ceoColumn .openGate .tit p {font-size:14px;}
.informWrap .inbox .conf .ceoColumn .openGate .num {position:absolute; left:10px; top:7px; font-size:16px;}
.informWrap .inbox .conf .ceoColumn .openGate .num span {font-size:8px; padding:2px 0 0 0;}
.informWrap .inbox .conf .ceoColumn .openGate.on .tit {background-size:18px 9px;}
.informWrap .inbox .conf .ceoColumn .entry {padding:0 13px 25px 70px;}
.informWrap .inbox .conf .ceoColumn .entry .column {font-size:12px; line-height:1.4;}
.informWrap .inbox .conf .ceoColumn .entry .hits {font-size:13px; padding:12px 0 0 0;} 
.informWrap .inbox .conf .ceoColumn .entry .hits p {top:12px; font-size:13px; line-height:16px;}
.informWrap .inbox .conf .ceoColumn .entry .hits p img {width:20px;}
.informWrap .inbox .conf .columnBtn {padding:30px 0 0 0;}
.informWrap .inbox .conf .columnBtn img {width:36px;}

.informWrap .inbox .conf .field .entry .entryTxt .hgtit {font-size:18px; padding:18px 0 12px 0;}
.informWrap .inbox .conf .field .entry .entryTxt .hgtxt {font-size:13px; line-height:1.3; padding:0 0 12px 0;}



/* Paparazzi */
.paparazziSay p.tit {font-size:13px; padding:0 0 25px 0;}
.paparazziSay p.stit {padding:0 0 12px 0;}
.paparazziSay p.stit span {display:block; font-size:24px; line-height:1.2;}
.paparazziSay p.stit span u {display:block; font-size:24px; line-height:1.0;}
.paparazziSay p.txt {padding:0 10px 30px;}
.paparazziSay p.txt span {font-size:12px;}
.paparazziSay p.txt span u {display:block; font-size:12px;}
.paparazziList {width:auto; margin:0 20px;}
.paparazziList ul li {width:48%; margin:0 1% 2%; box-sizing:border-box;-moz-box-sizing:border-box;}
.paparazziList ul li img {width:100%;}


/* news */
.newsWrap {padding:40px 0;}
.newsWrap .newsInfo .number {font-size:24px; padding:0 0 20px 0;}
.newsWrap .newsInfo .number span {font-size:24px;}
.newsWrap .newsInfo .stit {font-size:14px; padding:0 0 10px 0;}
.newsWrap .newsInfo .subject {padding:0 20px 20px 0;}
.newsWrap .newsInfo .subject span {font-size:24px;}
.newsWrap .newsInfo .subject02 {padding:0 20px 20px 0;}
.newsWrap .newsInfo .subject02 span {font-size:24px;}
.newsWrap .newsInfo .period {font-size:13px; padding:0 0 20px 2px;}

.newsWrap .inbox .conf p {font-size:12px; line-height:1.4; padding:20px 0 0 0;}
.newsWrap .inbox .conf p span {font-size:12px; line-height:1.4;}
.newsWrap .inbox .conf p.tit {font-size:14px; line-height:1.4; padding:30px 0 0 0;}
.newsWrap .inbox .conf p.tit span {display:block; font-size:16px; padding:2px 0 0 0;}
.newsWrap .inbox .conf p.tit.ty01 {padding:20px 0 0 0;}
.newsWrap .inbox .conf p.tit02 {font-size:14px; line-height:1.4; padding:30px 0 0 0;}
.newsWrap .inbox .conf p.tit02 span.fintxt {font-size:15px;}
.newsWrap .inbox .conf p.point {font-size:16px; line-height:1.4; padding:30px 0 0 0;}
.newsWrap .inbox .conf p.point span {display:block; font-size:18px; padding:2px 0 4px;}
.newsWrap .inbox .conf p.year01 {font-size:14px; line-height:1.4; padding:20px 0 10px 0;}
.newsWrap .inbox .conf p.year02 {font-size:14px; line-height:1.4; padding:40px 0 10px 0;}
.newsWrap .inbox .conf p.interval01 {padding:40px 0 0 0;}
.newsWrap .inbox .conf p strong {font-size:14px; line-height:1.4; padding:0 0 2px 0;}
.newsWrap .inbox .conf p strong.point {font-size:12px; line-height:1.4;}
.newsWrap .inbox .conf p strong.point2 {font-size:12px; line-height:1.4;}
.newsWrap .inbox .conf p strong.point3 {font-size:12px; line-height:1.4;}
.newsWrap .inbox .conf p strong.mark {font-size:13px; line-height:1.4;}
.newsWrap .inbox .conf p.bint{padding:20px 0 30px 0;}
.newsWrap .inbox .conf p a {font-size:12px;}
.newsWrap .inbox .conf p a.going {font-size:12px;}
.newsWrap .inbox .conf p a.going02 {font-size:12px;}
.newsWrap .inbox .conf .hr {margin:20px 0 0 0;}

.newsWrap .inbox .writeInfo {margin:15px 0 0 0; padding:15px 0 0 0;}
.newsWrap .inbox .writeInfo .days span {font-size:12px;}
.newsWrap .inbox .writeInfo .sns {top:14px;}
.newsWrap .inbox .writeInfo .sns img {height:18px;}
.newsWrap .inbox .writeInfo .sns .linkIcon {height:18px;}
.newsWrap .inbox .writeInfo .sns ul li.txt {font-size:14px; padding:0 8px 0 0; line-height:1.2;}
.newsWrap .inbox .writeInfo .phone {margin:15px 0 0 0; padding:0 0 12px 4px;}
.newsWrap .inbox .writeInfo .phone a {background-size:30px 30px; padding:0 0 0 40px;}
.newsWrap .inbox .writeInfo .phone a span {font-size:15px;}
.newsWrap .inbox .writeInfo .btn a {width:190px; border-width:1px;}
.newsWrap .inbox .writeInfo .btn a span {font-size:14px; padding:0 22px 0 0; line-height:38px; background-size:14px 13px;}
.newsWrap .inbox .writeInfo .btn a:hover span {background-size:14px 13px;}

/* 강의 */
.newsWrap .field {margin:25px 0 0 0;}
.newsWrap .field .entry {padding:0 13px 0 15px;}
.newsWrap .field .entry .tit {font-size:18px; padding:20px 0 10px;}
.newsWrap .field .entry .tit.f {padding:20px 0 0;}

.newsWrap .field .entry .employ {margin:13px 0 12px 0;}
.newsWrap .field .entry .employTit {top:0; font-size:14px; line-height:16px;}
.newsWrap .field .entry .employSelect {margin:0 0 0 78px;}
.newsWrap .field .entry .employSelect label {font-size:12px; line-height:16px; padding:1px 0 0 20px;}

.newsWrap .field .entry ul.base {margin:0 0 15px 0;}
.newsWrap .field .entry ul.base li .item {padding:0 2px 0 35px;}
.newsWrap .field .entry ul.base li .item .ico img {width:35px;}
.newsWrap .field .entry ul.base li .item .baseInput {height:35px; line-height:35px; font-size:12px;}
.newsWrap .field .entry ul.base li .item .baseInput:hover {border-width:1px; line-height:33px; padding:0 0 0 9px;}
.newsWrap .field .entry .tta {padding:0 2px 0 35px;}
.newsWrap .field .entry .tta .ico img {width:34px;}
.newsWrap .field .entry .tta textarea {height:70px; font-size:12px; padding:10px 0 10px 10px;}
.newsWrap .field .entry .tta textarea:hover {border-width:1px; padding:9px 0 9px 9px;}
.newsWrap .field .entry .btnArea {padding:0 0 20px 0;}
.newsWrap .field .entry .btnArea a {border-width:1px;}
.newsWrap .field .entry .btnArea a span {font-size:13px; padding:12px 22px 9px 0; background-size:13px 12px;}
.newsWrap .field .entry .btnArea a:hover span {background-size:13px 12px;}

.newsWrap .replyField ul li {padding:15px 0;}
.newsWrap .replyField ul li .entry {padding:0 13px 0 15px;}
.newsWrap .replyField ul li .entry .info {font-size:13px; padding:0 0 10px 0;}
.newsWrap .replyField ul li .entry p {font-size:12px; line-height:1.4;}


/* movie */
.layerMovieHead span {font-size:20px; font-weight:600; padding:2px 0 28px 5px;}
.layerMovieHead .btn img {width:25px;}









/* file */
.fileBox .fileType {height:35px; line-height:35px; font-size:12px;}
.fileHidden {height:35px; line-height:35px; font-size:12px;}


/* agree */
.agreeWrap {margin:20px 0;}
.agreeWrap a {font-size:12px;}
.agreeWrap label {font-size:11px; line-height:16px; padding:0 0 0 22px;}

/* select */
span.longSbox {height:35px; font-size:12px; background-size:auto 35px;}
.longSboxInner {font-size:12px; line-height:35px; padding:0 35px 0 10px;}


/* checkbox */
.custom-checkbox input, .custom-radio input {left:0; top:0; visibility:hidden}
.custom-checkbox label {background-size:15px auto;}
.custom-radio label {background-size:15px auto;}

.custom-checkbox label, .custom-radio label {background-position:0 -27px;}



/** fancybox **/
.layerHead {padding:40px 30px 20px;}
.layerHead span {font-size:20px;}
.layerHead .closeArea {right:10px; top:10px;}
.layerHead .closeArea img {width:38px;}
.layerBody {margin:0 30px 30px;}


.privacy {height:200px; padding:10px 10px 0 0;}
.privacy p.tit {font-size:12px; line-height:1.2; padding:0 0 10px 0;}
.privacy p.txt {font-size:12px; line-height:1.4; padding:0 0 15px 0;}
.privacy p.txt strong {font-size:11px;}

.videoWrap {padding:0 0 20px 0;}








/* news letter */
/* 170401 */
.div170401 .inner {padding:0 20px;}
.div170401 .inner .mainconf .mainTit {font-size:16px; padding:18px 0 8px;}
.div170401 .inner .mainconf .mainTxt {font-size:12px; line-height:1.4;}
.div170401 .inner .mainconf .mainLink {margin:12px 0 20px; padding:0 0 4px 0;}
.div170401 .inner .mainconf .mainLink a {font-size:12px;}

.div170401 .inner .secTor01 {margin:14px 0 0 0;}
.div170401 .inner .secTor01 .imgDiv img {max-width:60%;}
.div170401 .inner .secTor01 .txtDiv {margin:20px 0 0 0;}
.div170401 .inner .secTor01 .txtDiv .tit span {font-size:16px;}
.div170401 .inner .secTor01 .txtDiv .glink {font-size:11px; padding:0 0 12px 0;}
.div170401 .inner .secTor01 .txtDiv .txt {font-size:12px; line-height:1.4; padding:0 0 8px 0;}
.div170401 .inner .secTor01 .txtDiv .link {margin:0 0 25px 0; padding:5px 0 4px;}
.div170401 .inner .secTor01 .txtDiv .link a {font-size:12px;}

.div170401 .inner .secTor02 ul li .box .txtArea {padding:0 12px;}
.div170401 .inner .secTor02 ul li .box .txtArea .tit {padding:15px 0 10px;}
.div170401 .inner .secTor02 ul li .box .txtArea .tit span {font-size:14px;}
.div170401 .inner .secTor02 ul li .box .txtArea .txt {font-size:12px; line-height:1.4; padding:0 0 12px 0;}
.div170401 .inner .secTor02 ul li .box .txtArea .link {margin:0 0 20px 0; padding:0 0 4px 0;}
.div170401 .inner .secTor02 ul li .box .txtArea .link a {font-size:12px;}

.div170401 .inner .secTor03 {margin:30px 0 15px;}
.div170401 .inner .secTor03 .tit {font-size:16px; padding:18px 0 10px;}
.div170401 .inner .secTor03 .img p {font-size:11px; padding:8px 0 0 0;}
.div170401 .inner .secTor03 .img p span {display:block; font-size:11px;}
.div170401 .inner .secTor03 .stit {font-size:14px; padding:18px 0 10px;}
.div170401 .inner .secTor03 .stxt {font-size:12px; line-height:1.4; padding:0 0 8px 0;}

.div170401 .secTor04 .gBox {padding:0 15px;}
.div170401 .secTor04 .gBox .tit {font-size:16px; padding:20px 0 14px;}
.div170401 .secTor04 .gBox .tit span {font-size:16px;}
.div170401 .secTor04 .gBox ul {margin:0;}
.div170401 .secTor04 .gBox ul li {width:100%; margin:0 0 10px 0;}
.div170401 .secTor04 .gBox ul li.last {display:block;}
.div170401 .secTor04 .gBox ul li .txtArea p {font-size:12px;}
.div170401 .secTor04 .gBox .more {padding:5px 0 20px;}
.div170401 .secTor04 .gBox .more a {font-size:11px;}

.div170401 .secTor05 .gBox {padding:0 15px;}
.div170401 .secTor05 .gBox .tit {font-size:16px; padding:20px 0 14px;}
.div170401 .secTor05 .gBox .tit span {font-size:16px;}
.div170401 .secTor05 .gBox ul {margin:0;}
.div170401 .secTor05 .gBox ul li {width:100%; margin:0 0 10px 0;}
.div170401 .secTor05 .gBox ul li.last {display:block;}
.div170401 .secTor05 .gBox ul li .txtArea p {font-size:12px;}
.div170401 .secTor05 .gBox ul li .txtArea span {font-size:11px;}
.div170401 .secTor05 .gBox .more {padding:5px 0 20px;}
.div170401 .secTor05 .gBox .more a {font-size:11px;}

.div170401 .secTor06 {margin:0 15px; padding:0 0 15px 0;}







/* 170515 */
.div170515 .inner {padding:0 20px;}
.div170515 .inner .mainconf .mainTit {font-size:16px; padding:18px 0 8px;}
.div170515 .inner .mainconf .mainTxt {font-size:12px; line-height:1.4;}
.div170515 .inner .mainconf .mainLink {margin:12px 0 20px; padding:0 0 4px 0;}
.div170515 .inner .mainconf .mainLink a {font-size:12px;}

.div170515 .inner .secTor01 {margin:14px 0 0 0;}
.div170515 .inner .secTor01 .imgDiv img {max-width:60%;}
.div170515 .inner .secTor01 .txtDiv {margin:20px 0 0 0; padding:0 0 12px 0;}
.div170515 .inner .secTor01 .txtDiv .tit span {font-size:16px;}
.div170515 .inner .secTor01 .txtDiv .glink {font-size:11px; padding:0 0 12px 0;}
.div170515 .inner .secTor01 .txtDiv .txt {font-size:12px; line-height:1.4; padding:0 0 8px 0;}
.div170515 .inner .secTor01 .txtDiv .link {margin:0 0 25px 0; padding:5px 0 4px;}
.div170515 .inner .secTor01 .txtDiv .link a {font-size:12px;}

.div170515 .inner .secTor02 ul li .box .txtArea {padding:0 12px;}
.div170515 .inner .secTor02 ul li .box .txtArea .tit {padding:15px 0 10px;}
.div170515 .inner .secTor02 ul li .box .txtArea .tit span {font-size:14px;}
.div170515 .inner .secTor02 ul li .box .txtArea .txt {font-size:12px; line-height:1.4; padding:0 0 12px 0;}
.div170515 .inner .secTor02 ul li .box .txtArea .link {margin:0 0 20px 0; padding:0 0 4px 0;}
.div170515 .inner .secTor02 ul li .box .txtArea .link a {font-size:12px;}

.div170515 .inner .secTor03 {margin:30px 0 15px;}
.div170515 .inner .secTor03 .tit {font-size:16px; padding:18px 0 10px;}
.div170515 .inner .secTor03 .img p {font-size:11px; padding:8px 0 0 0;}
.div170515 .inner .secTor03 .img p span {display:block; font-size:11px;}
.div170515 .inner .secTor03 .stit {font-size:14px; padding:18px 0 10px;}
.div170515 .inner .secTor03 .stxt {font-size:12px; line-height:1.4; padding:0 0 8px 0;}

.div170515 .secTor04 .gBox {padding:0 15px;}
.div170515 .secTor04 .gBox .tit {font-size:16px; padding:20px 0 14px;}
.div170515 .secTor04 .gBox .tit span {font-size:16px;}
.div170515 .secTor04 .gBox ul {margin:0;}
.div170515 .secTor04 .gBox ul li {width:100%; margin:0 0 10px 0;}
.div170515 .secTor04 .gBox ul li.last {display:block;}
.div170515 .secTor04 .gBox ul li .txtArea p {font-size:12px;}
.div170515 .secTor04 .gBox .more {padding:5px 0 20px;}
.div170515 .secTor04 .gBox .more a {font-size:11px;}

.div170515 .secTor05 .gBox {padding:0 15px;}
.div170515 .secTor05 .gBox .tit {font-size:16px; padding:20px 0 14px;}
.div170515 .secTor05 .gBox .tit span {font-size:16px;}
.div170515 .secTor05 .gBox ul {margin:0;}
.div170515 .secTor05 .gBox ul li {width:100%; margin:0 0 10px 0;}
.div170515 .secTor05 .gBox ul li.last {display:block;}
.div170515 .secTor05 .gBox ul li .txtArea p {font-size:12px;}
.div170515 .secTor05 .gBox ul li .txtArea span {font-size:11px;}
.div170515 .secTor05 .gBox .more {padding:5px 0 20px;}
.div170515 .secTor05 .gBox .more a {font-size:11px;}

.div170515 .secTor06 {margin:0 15px; padding:0 0 15px 0;}

}





/* web 포트폴리오 2020 */
.newPort {width:100%;}
.newPort:after {content:""; display:block; clear:both;}
.newPort img {max-width:100%; 
-webkit-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.2);
box-shadow: 0 4px 20px 5px rgba(0,0,0,0.2);
}
.newPort img.nobg {
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.newPort img.gline {
border:1px #ccc solid;
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
margin:0 0 120px 0;
}


.newPortDetail {width:100%; background:#f2f2f2; padding:0 0 120px 0; overflow:hidden;}
.newPortDetail img {max-width:100%; 
-webkit-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.2);
box-shadow: 0 4px 20px 5px rgba(0,0,0,0.2);
}
.newPortDetail.nobg {background:#fff;}

.innerBoxD {margin:0 150px; word-break:keep-all;}
.innerBoxD:after {content:""; display:block; clear:both;}
.innerBoxD .nTit {padding:70px 0 110px 0; margin:70px 0 0 0;}
.innerBoxD .nTit span {display:block; font-size:72px; color:#242424; font-weight:300; line-height:1.2; letter-spacing:15px;}
.innerBoxD .nTit span strong {font-size:72px; font-weight:800;}
.innerBoxD .sTit {font-size:42px; color:#242424; line-height:1.2; font-weight:800; letter-spacing:15px; padding:60px 0 32px 0; margin:50px 0 0 0;}
.innerBoxD .sTit u {display:block; text-decoration:none; font-size:30px; padding:12px 0 0 0; font-weight:normal;}
.innerBoxD .sTit span {display:inline-block; font-size:54px; font-weight:600; letter-spacing:8px; line-height:1.3; padding:15px 0 20px 0;}
.innerBoxD .sTit i {font-size:42px; color:#242424; line-height:1.2; font-weight:800; letter-spacing:15px; font-style:normal;}

.innerBoxD .sTitx {font-size:62px; color:#4e4e4e; line-height:1.2; font-weight:800; letter-spacing:3px; padding:60px 0 32px 0; margin:50px 0 0 0;}
.innerBoxD .mTitx {font-size:30px; color:#4e4e4e; line-height:1.2; font-weight:600; letter-spacing:2px; padding:60px 0 24px 0;}

.innerBoxD .img {padding:0 0 120px 0;}
.innerBoxD .img.pno {padding:0;}
.innerBoxD .img.pno img.noshadow {-webkit-box-shadow: 1px 4px 10px 5px rgba(0,0,0,0);
-moz-box-shadow: 1px 4px 10px 5px rgba(0,0,0,0);
box-shadow: 1px 4px 10px 5px rgba(0,0,0,0);}
.innerBoxD .img.dep {padding:0 0 200px 0;}
.innerBoxD .imgList {width:100%;}
.innerBoxD .imgList:after {content:""; display:block; clear:both;}
.innerBoxD .imgList ul:after {content:""; display:block; clear:both;}
.innerBoxD .imgList ul li {display:block; padding:0 0 40px 0;}
.innerBoxD .imgList ul li:last-child {padding:0;}
.innerBoxD .imgList.pb {padding:0 0 120px 0;}


/* 스파인더 추가 */
.gbackVd {width:100%; padding:0 0 60px 0; background:#707070; overflow:hidden;}
.gbackVd .gbTitle {display:flex; width:100%; padding:90px 0 78px 0; overflow:hidden;}
.gbackVd .gbTitle .gbT strong {display:inline-block; font-size:56px; color:#fff; font-weight:500; line-height:1.1; transform: translateY(-6px);}
.gbackVd .gbTitle .gbX {margin:0 0 0 78px; padding:0 0 0 78px; border-left:1px #fff solid;}
.gbackVd .gbTitle .gbX span {display:block; font-size:26px; color:#fff; line-height:1.2; padding:0 0 20px 0;}
.gbackVd .gbTitle .gbX span:last-child {padding:0;}
.gbackVd .innerBoxD .imgList ul li {padding:0 0 80px 0;}
.gbackVd .innerBoxD .imgList ul li:last-child {padding:0 0 80px 0;}
.gbackVd .exTxg {width:100%; margin:-10px 0 100px 0; font-size:20px; color:#fff; line-height:1.2; text-align:right; font-weight:300;}




/************** media query 1680 *************/
@media all and (max-width: 1680px){
.innerBoxD {margin:0 80px;}
}


@media all and (max-width: 1280px){
.gbackVd .gbTitle {display:block;}
.gbackVd .gbTitle .gbT {display:inline-block; padding:0 0 30px 0; border-bottom:1px #fff solid;}
.gbackVd .gbTitle .gbX {margin:36px 0 00; padding:0; border:0;}
.gbackVd .gbTitle .gbX span {display:inline; font-size:26px; color:#fff; line-height:1.6; padding:0;}
}

/************** media query 1000 *************/
@media all and (max-width: 1000px){
.innerBoxD {margin:0 50px;}
.innerBoxD .nTit {padding:50px 0 90px 0; margin:50px 0 0 0;}
.innerBoxD .nTit span {font-size:62px;}
.innerBoxD .nTit span strong {font-size:62px;}
.innerBoxD .sTit {font-size:34px; padding:40px 0 20px 0; margin:40px 0 0 0;}
.innerBoxD .sTit u {font-size:30px;}
.innerBoxD .sTit span {font-size:46px;}
.innerBoxD .sTit i {font-size:34px;}
.innerBoxD .img {padding:0 0 100px 0;}
.innerBoxD .img.dep {padding:0 0 150px 0;}

.innerBoxD .sTitx {font-size:52px; padding:50px 0 20px 0; margin:40px 0 0 0;}
.innerBoxD .mTitx {font-size:20px; padding:50px 0 18px 0;}


.gbackVd .gbTitle {padding:60px 0 50px 0;}
.gbackVd .gbTitle .gbT {padding:0 0 25px 0;}
.gbackVd .gbTitle .gbT strong {font-size:38px;}
.gbackVd .gbTitle .gbX {margin:30px 0 00;}
.gbackVd .gbTitle .gbX span {font-size:25px;}
.gbackVd .exTxg {margin:-10px 0 80px 0; font-size:18px;}

}

/************** media query 640 *************/
@media all and (max-width: 640px){
.innerBoxD .nTit {padding:40px 0 70px 0; margin:40px 0 0 0;}
.innerBoxD .nTit span {font-size:50px; letter-spacing:8px;}
.innerBoxD .nTit span strong {font-size:50px;}
.innerBoxD .sTit {font-size:30px; letter-spacing:8px;}
.innerBoxD .sTit u {font-size:25px;}
.innerBoxD .sTit span {font-size:40px;}
.innerBoxD .sTit i {font-size:30px;}

.innerBoxD .sTitx {font-size:36px; padding:30px 0 20px 0; margin:40px 0 0 0;}
.innerBoxD .mTitx {font-size:18px; padding:30px 0 18px 0;}

.gbackVd .gbTitle {padding:60px 0 50px 0;}
.gbackVd .gbTitle .gbT {padding:0 0 25px 0;}
.gbackVd .gbTitle .gbT strong {font-size:34px;}
.gbackVd .gbTitle .gbX {margin:30px 0 00;}
.gbackVd .gbTitle .gbX span {font-size:22px;}
.gbackVd .exTxg {margin:0px 0 60px 0; font-size:15px;}

}

/************** media query 480 *************/
@media all and (max-width: 480px){
.innerBoxD {margin:0 20px;}
.innerBoxD .nTit {padding:30px 0 35px 0; margin:20px 0 0 0;}
.innerBoxD .nTit span {font-size:25px; letter-spacing:5px; line-height:1.3;}
.innerBoxD .nTit span strong {font-size:25px;}
.innerBoxD .sTit {font-size:15px; letter-spacing:5px; padding:20px 0 12px 0; margin:20px 0 0 0;}
.innerBoxD .sTit u {font-size:12px; padding:6px 0 5px 0;}
.innerBoxD .sTit span {font-size:20px; letter-spacing:3px; padding:8px 0 10px 0;}
.innerBoxD .sTit i {display:block; font-size:15px; letter-spacing:5px; padding:2px 0 0 0;}
.innerBoxD .img {padding:0 0 50px 0;}
.innerBoxD .img.dep {padding:0 0 70px 0;}
.innerBoxD .imgList ul li {padding:0 0 20px 0;}
.innerBoxD .imgList.pb {padding:0 0 50px 0;}
.newPortDetail {padding:0 0 50px 0;}

.innerBoxD .sTitx {font-size:25px; padding:20px 0 20px 0; margin:20px 0 0 0;}
.innerBoxD .mTitx {font-size:14px; padding:28px 0 15px 0;}

.newPort img.gline {margin:0 0 50px 0;}

.gbackVd {padding:0 0 34px 0;}
.gbackVd .gbTitle {padding:40px 0 22px 0;}
.gbackVd .gbTitle .gbT {padding:0 0 8px 0;}
.gbackVd .gbTitle .gbT strong {font-size:20px;}
.gbackVd .gbTitle .gbX {margin:16px 0 0 0;}
.gbackVd .gbTitle .gbX span {font-size:13px; font-weight:normal;}
.gbackVd .innerBoxD .imgList ul li {padding:0 0 20px 0;}
.gbackVd .innerBoxD .imgList ul li:last-child {padding:0 0 20px 0;}
.gbackVd .exTxg {margin:0px 0 40px 0; font-size:12px;}

}




/* 20220825 */
.aboutWrap .dpopNCeo {width:100%; margin:26px 0 0 0; height:1190px; background:url('../images/bg/bg_dpop_n_ceo.jpg') center top #000 no-repeat; overflow:hidden;}
.aboutWrap .dpopNCeo .inbx {max-width:1400px; padding:94px 120px 0; margin:90px auto 0; box-sizing:border-box; border-bottom:1px #ababab solid; word-break:keep-all;}
.aboutWrap .dpopNCeo .inbx .s01 {position:relative; padding:0 0 0 542px;}
.aboutWrap .dpopNCeo .inbx .s01 .ceo {position:absolute; left:0; top:-103px;}
.aboutWrap .dpopNCeo .inbx .s01 .tt {font-size:30px; color:#fff; font-weight:300; line-height:1.2; letter-spacing:-1px;}
.aboutWrap .dpopNCeo .inbx .s01 .tx {padding:30px 0;} 
.aboutWrap .dpopNCeo .inbx .s01 .tx:after {content:""; display:block; clear:both;}
.aboutWrap .dpopNCeo .inbx .s01 .tx span {display:block; font-size:16px; color:#fff; line-height:1.2; letter-spacing:-1px; padding:10px 0 0 0;}
.aboutWrap .dpopNCeo .inbx .s01 .list {padding:0 0 126px 0;}
.aboutWrap .dpopNCeo .inbx .s01 .list:after {content:""; display:block; clear:both;}
.aboutWrap .dpopNCeo .inbx .s01 .list ul:after {content:""; display:block; clear:both;}
.aboutWrap .dpopNCeo .inbx .s01 .list ul li {position:relative; display:block; font-size:16px; color:#aeacab; line-height:1.2; letter-spacing:-1px; padding:8px 0 0 10px;}
.aboutWrap .dpopNCeo .inbx .s01 .list ul li:after {content:'・'; position:absolute; left:-4px; top:8px; font-size:11px;}

.aboutWrap .dpopNCeo .inbx2 {max-width:1400px; padding:0 120px; margin:80px auto 0; box-sizing:border-box; word-break:keep-all;}
.aboutWrap .dpopNCeo .inbx2 .s02 {position:relative; padding:0 0 0 542px;}
.aboutWrap .dpopNCeo .inbx2 .s02 .nt {font-size:22px; color:#e46722; font-weight:300; line-height:1.2; letter-spacing:-1px; padding:0 0 38px 0;}
.aboutWrap .dpopNCeo .inbx2 .s02 ul:after {content:""; display:block; clear:both;}
.aboutWrap .dpopNCeo .inbx2 .s02 ul li {position:relative; font-size:16px; color:#aeacab; line-height:1.6; letter-spacing:-1px; padding-left:10px;}
.aboutWrap .dpopNCeo .inbx2 .s02 ul li:after {content:'・'; position:absolute; left:-4px; top:4px; font-size:11px;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n1 {position:absolute; left:0; top:0;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n1 ul li {padding-bottom:2px;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n2 ul li {padding-bottom:15px;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n2 ul li span {display:block; font-size:16px; line-height:1.6;}

@media all and (max-width: 1440px){
.aboutWrap .dpopNCeo .inbx {margin:90px 20px 0; padding:94px 80px 0;}
.aboutWrap .dpopNCeo .inbx2 {margin:80px 20px 0; padding:0 30px 0 80px;}
}

@media all and (max-width: 1300px){
.aboutWrap .dpopNCeo .inbx .s01 .tx {padding:35px 0 30px 0;}
.aboutWrap .dpopNCeo .inbx .s01 .tx span {display:inline; line-height:1.6;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n2 ul li span {display:inline;}
}

@media all and (max-width: 1120px){
.aboutWrap .dpopNCeo .inbx {padding:94px 40px 0;}
.aboutWrap .dpopNCeo .inbx .s01 {padding:0 0 0 510px;}
.aboutWrap .dpopNCeo .inbx2 {padding:0 20px 0 40px;}
.aboutWrap .dpopNCeo .inbx2 .s02 {padding:0 0 0 510px;}
}

@media all and (max-width: 1000px){
.aboutWrap .dpopNCeo .inbx {margin:60px 20px 0;}
}

@media all and (max-width: 960px){
.aboutWrap .dpopNCeo .inbx {padding:70px 40px 0;}
.aboutWrap .dpopNCeo .inbx .s01 .ceo {top:-50px;}
.aboutWrap .dpopNCeo .inbx .s01 .ceo img {width:360px;}
.aboutWrap .dpopNCeo .inbx .s01 {padding:0 0 0 400px;}
.aboutWrap .dpopNCeo .inbx .s01 .list {padding:0 0 85px 0;}
.aboutWrap .dpopNCeo .inbx2 {padding:0 20px 0 40px;}
.aboutWrap .dpopNCeo .inbx2 .s02 {padding:0 0 0 400px;}
}

@media all and (max-width: 800px){
.aboutWrap .dpopNCeo {height:auto; padding:0 0 50px 0;}
.aboutWrap .dpopNCeo .inbx {padding:0 40px;}
.aboutWrap .dpopNCeo .inbx .s01 {padding:0;}
.aboutWrap .dpopNCeo .inbx .s01 .ceo {position:relative; top:0; text-align:center; width:100%;}
.aboutWrap .dpopNCeo .inbx .s01 .tt {padding:50px 0 0 0;}
.aboutWrap .dpopNCeo .inbx .s01 .list {padding:0 0 50px 0;}
.aboutWrap .dpopNCeo .inbx2 {padding:0 40px; margin:0 20px;}
.aboutWrap .dpopNCeo .inbx2 .s02 {padding:0;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n1 {position:relative;}
.aboutWrap .dpopNCeo .inbx2 .s02 .nt {margin:50px 0 0 0;}
}

@media all and (max-width: 480px){
.aboutWrap .dpopNCeo {padding:0 0 20px 0; background-position:center bottom;}
.aboutWrap .dpopNCeo .inbx {padding:0 20px; margin:38px 20px 0;}
.aboutWrap .dpopNCeo .inbx .s01 .ceo img {width:80%;}
.aboutWrap .dpopNCeo .inbx .s01 .tt {font-size:22px; padding:34px 0 0 0; letter-spacing:-0.5px;}
.aboutWrap .dpopNCeo .inbx .s01 .tx {font-size:13px; padding:20px 0 16px; letter-spacing:-0.5px;}
.aboutWrap .dpopNCeo .inbx .s01 .tx span {font-size:12px; letter-spacing:-0.5px;}
.aboutWrap .dpopNCeo .inbx .s01 .list {padding:0 0 40px 0;}
.aboutWrap .dpopNCeo .inbx .s01 .list ul li {font-size:12px; letter-spacing:-0.5px;}

.aboutWrap .dpopNCeo .inbx2 {padding:0 20px; margin:0 20px;}
.aboutWrap .dpopNCeo .inbx2 .s02 .nt {font-size:16px; margin:40px 0 0 0; padding:0 0 15px 0; letter-spacing:-0.5px;}
.aboutWrap .dpopNCeo .inbx2 .s02 ul li {font-size:12px; letter-spacing:-0.5px;}
.aboutWrap .dpopNCeo .inbx2 .s02 ul li:after {top:1px;}
.aboutWrap .dpopNCeo .inbx2 .s02 .n2 ul li span {font-size:12px; letter-spacing:-0.5px;}

}




/* 2023 por ace */
.portAce {width:100%; overflow:hidden;}
.portAce ul:after {content:""; display:block; clear:both;}
.portAce ul li {display:block;}
.portAce ul li img {max-width:100%;}



/* 힘펠몰 */
.himpelMallBx {position:relative; width:100%; overflow:hidden;}
.himpelMallBx .sec1 {position:relative; width:100%; background:#f5f5f5; overflow:hidden;}
.himpelMallBx .sec1 .abImg {position:absolute; left:0; top:0; width:100%; z-index:1;}
.himpelMallBx .sec1 .abImg img {position:absolute; left:0; top:0; max-width:100%; padding:352px 0 0 0; background:#716f70;}
.himpelMallBx .sec1 .innerBoxD {position:relative; z-index:2;}

.himpelMallBx .sec2 {position:relative; width:100%; background:#fff; overflow:hidden;}
.himpelMallBx .sec3 {position:relative; width:100%; background:#f5f5f5; overflow:hidden;}
.himpelMallBx .sec4 {position:relative; width:100%; background:#fff; overflow:hidden;}

.himpelMallBx img {max-width:100%;  -webkit-box-shadow: 8px 16px 19px -7px rgba(0,0,0,0.2); -moz-box-shadow: 8px 16px 19px -7px rgba(0,0,0,0.2); box-shadow: 8px 16px 19px -7px rgba(0,0,0,0.2); }

.himpelMallBx .imgList.mid {margin:0 0 100px 0;}
.himpelMallBx .imgList.last {margin:0 0 160px 0;}
.himpelMallBx .imgList ul li {padding:0 0 80px 0;}
.himpelMallBx .imgList ul li:last-child {padding:0;}

.himpelMallBx .seDx {width:100%; padding:0 0 90px 0;}
.himpelMallBx .seDx .seTit {font-size:60px; color:#444; line-height:1.1; letter-spacing:-1px; font-weight:600; padding:190px 0 0 0;}
.himpelMallBx .seDx .seTxt {padding:60px 0 0 0;}
.himpelMallBx .seDx .seTxt span {display:block; font-size:32px; color:#666; line-height:1.6; letter-spacing:-0.6px;}

.himpelMallBx .w100 {width:100%; }
.himpelMallBx .w100 img {max-width:100%;}

.himpelMallBx img.nobg {-webkit-box-shadow: 1px 4px 10px 5px rgba(0,0,0,0); -moz-box-shadow: 1px 4px 10px 5px rgba(0,0,0,0); box-shadow: 1px 4px 10px 5px rgba(0,0,0,0);}
.himpelMallBx .nTit.pbm {padding-bottom:60px;}

@media all and (max-width: 1000px){

.himpelMallBx .imgList.mid {margin:0 0 80px 0;}
.himpelMallBx .imgList.last {margin:0 0 130px 0;}

.himpelMallBx .seDx {padding:0 0 60px 0;}
.himpelMallBx .seDx .seTit {font-size:50px; padding:140px 0 0 0;}
.himpelMallBx .seDx .seTxt {padding:40px 0 0 0;}
.himpelMallBx .seDx .seTxt span {display:inline; font-size:24px;}

}


@media all and (max-width: 640px){

.himpelMallBx .sec1 .abImg img {padding:330px 0 0 0;}

.himpelMallBx .imgList.mid {margin:0 0 60px 0;}
.himpelMallBx .imgList.last {margin:0 0 100px 0;}
.himpelMallBx .imgList ul li {padding:0 0 50px 0;}

.himpelMallBx .nTit.pbm {padding-bottom:40px;}

.himpelMallBx .seDx {padding:0 0 50px 0;}
.himpelMallBx .seDx .seTit {font-size:38px; padding:100px 0 0 0;}
.himpelMallBx .seDx .seTxt {padding:30px 0 0 0;}
.himpelMallBx .seDx .seTxt span {font-size:20px;}

}


@media all and (max-width: 480px){

.himpelMallBx .sec1 .abImg img {padding:182px 0 0 0;}

.himpelMallBx .imgList.mid {margin:0 0 30px 0;}
.himpelMallBx .imgList.last {margin:0 0 50px 0;}
.himpelMallBx .imgList ul li {padding:0 0 30px 0;}

.himpelMallBx .nTit.pbm {padding-bottom:20px;}

.himpelMallBx .seDx {padding:0 0 25px 0;}
.himpelMallBx .seDx .seTit {font-size:22px; padding:50px 0 0 0;}
.himpelMallBx .seDx .seTxt {padding:16px 0 0 0;}
.himpelMallBx .seDx .seTxt span {font-size:14px;}

}