@charset "utf-8";
/* * {word-break:keep-all;} */
.f_menu {display:none;border-top:1px solid #ddd;}
.f_menu ul li {float:left;width:33.33%;text-align:center;}
.f_menu ul li a {display:block;position:relative;}
.f_menu ul li a:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#ddd;}
.f_menu ul li:last-child a:after {display:none;}
.f_menu ul li img {width:100%;}
/* breadCrumb */
.breadCrumb {position: absolute; right:0; top:55px;font-size: 14px;color: #999;}
.breadCrumb li {display: inline-block;}
.breadCrumb li:last-child {color:#666}

/* #contents * {transition:0.2s all ease-out;} */


/* subVisual */
#subVisual {width:100%;height:250px;margin-top:100px;background:no-repeat center;background-size:cover;border-bottom: 1px solid #ddd;padding-bottom:0px;position:fixed;top:0;left:0;width:100%;}
#subVisual.subVisual01 {background-image: url("../images/contents/subVisual.jpg");}
#subVisual.subVisual02 {background-image: url("../images/contents/subVisual.jpg");}
#subVisual.subVisual03 {background-image: url("../images/contents/subVisual.jpg");}
#subVisual.subVisual04 {background-image: url("../images/contents/subVisual.jpg");}
#subVisual.subVisual05 {background-image: url("../images/contents/subVisual.jpg");}
#subVisual.subVisual06 {background-image: url("../images/contents/subVisual.jpg");}
#subVisual .auto {display:table;height:100%;}
#subVisual .inner {display:table-cell;vertical-align: middle;text-align: center;color:#fff;}
#subVisual .inner span {display:block;}
#subVisual .inner span.main {font-size:35px;font-weight:700;text-transform:uppercase;position:relative;}
#subVisual .inner span.main:after {content:"";position:absolute;bottom:-10px;left:50%;margin-left:-15px;width:30px;height:1px;background:#fff;}

#subVisual .inner h2 {font-size:38px; font-weight: 500; margin-bottom: 8px; padding-left: 20px; color: #4e412c; letter-spacing: -1px;}
#subVisual .inner p.subTxt {font-size:18px; font-weight: 300; padding-left: 20px; color: #666;}
#subVisual .inner span.main {color: #fff;font-weight:400;}

/* subContents */
#subContents {background: #fff;padding:50px 0;position:relative;margin-top:350px;}
#subContents .lnbWrap {max-width:1180px !important;}
#subContents .lnbWrap .subTitle {display: table;width: 100%;background:url("../images/contents/lnbTitleBg.jpg") no-repeat;text-align: center;}
#subContents .lnbWrap .subTitle .inner {height: 110px;display: table-cell;vertical-align: middle;}
#subContents .lnbWrap .subTitle .inner .main {font-size: 30px;color: #fff;font-weight: 700;display: block;}
#subContents .lnbWrap .subTitle .inner .eng {font-size: 12px;color: #fff;opacity: 0.5;text-transform: uppercase;display: block;}

h3.contentsTitle {font-size:40px;color:#222;font-weight:700;text-align:center;text-transform:uppercase;padding-bottom:50px;}

#lnb {text-align:center;border-bottom:0px solid #d9d9d9;margin-bottom:40px;}
#lnb ul li {display:inline-block; margin-left:-4px;}
#lnb ul li a {display:block;padding:0 30px;width:228px; height:50px; border:1px solid #d7d7d7; background-color:#f7f7f7; text-align: center;font-size:18px;color:#666;line-height:50px;text-transform:uppercase;}
#lnb ul li a span {display:inline-block;position:relative;height:100%;}
#lnb ul li.on a span:after {content:"";position:absolute;bottom:-2px;left:0;width:100%;height:0px;background:#045b9f;}
#lnb ul li.on a {background-color:#045b9f;color:#fff;font-weigh t:500;border:1px solid #045b9f;}

#mobileLnb {position:absolute;top:-50px;width:100%;z-index:9;display:none;}
#mobileLnb .mainLnbWrap {float:left;width:50%;position:relative;}
#mobileLnb .subLnbWrap {float:left;width:50%;position:relative;}
#mobileLnb .mainBtn {display:block;padding:0 20px;line-height:50px;font-size:16px;color:#fff;background-image:url("../images/contents/lnbArrow_open.png");background-repeat:no-repeat;background-position:90% 50%;background-size:13px;}
#mobileLnb .mainBtn.on {background-image:url("../images/contents/lnbArrow_close.png");}
#mobileLnb .mainLnbWrap .mainBtn {background-color:rgba(210,35,42,0.9);}
#mobileLnb .subLnbWrap .mainBtn {background-color:rgba(0,0,0,0.7);}
#mobileLnb  ul {position:absolute;top:50px;left:0;width:100%;background:#fff;border:1px solid #d9d9d9;display:none;padding:10px 0;}
#mobileLnb  ul li a {display:block;padding:0 20px;line-height:30px;font-size:14px;color:#666;}

.categoryTab {position:absolute;top:-90px;right:0;width:50%;z-index:9;display:none;}
.categoryTab .mainBtn {display:block;padding:0 20px;line-height:50px;font-size:16px;color:#fff;background-image:url("../images/contents/lnbArrow_open.png");background-repeat:no-repeat;background-position:90% 50%;background-size:13px;}
.categoryTab ul {position:absolute;top:50px;left:0;width:100%;background:#fff;border:1px solid #d9d9d9;display:none;padding:10px 0;}
.categoryTab ul li a {display:block;padding:0 20px;line-height:30px;font-size:14px;color:#666;}
.categoryTab .mainBtn {background-color:rgba(0,0,0,0.7);}

/* common */
.txtCon p {color: #666;margin-top: 20px;word-wrap:break-word;word-break:keep-all;}
.tab {text-align:center;border-bottom:1px solid #d9d9d9;margin-bottom:40px;}
.tab ul li {display:inline-block;}
.tab ul li a {display:block;padding:0 50px;text-align: center;font-size:18px;color:#666;line-height:53px;}
.tab ul li a span {display:inline-block;position:relative;height:100%;}
.tab ul li.on a span:after {content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:#045b9f;}
.tab ul li.on a {color:#045b9f;font-weight:500;}

h3.title {font-size:25px;color:#333;font-weight: 500;margin-top:70px;padding-top:10px; margin-bottom:20px;position:relative;line-height:1;}
h3.title.first {ma rgin-top:40px;margin-top: 0;}
h3.title:after {content:"";position:absolute;top:0;left:0;width:30px;height:2px;background:#045b9f;}
h4.title {font-size: 22px;color:#333;font-weight:500;margin-top:40px;padding-left: 15px;position: relative; margin-bottom: 10px;}
h4.title.first {margin-top:0;}
h4.title span {font-size: 17px;color:#828282;}
h4.title:before {    content: ""; position: absolute;top: 14px;left: 0; width: 5px; height: 5px;background: #f99f00;}
h5.title {font-size: 16px;color:#f99f00;margin-top:10px;}
p.txt {font-size:16px;color:#666;font-weight:300;margin-top:8px;line-height: 1.7;letter-spacing: -0.03rem; word-break: keep-all;}
p.txt.first {margin-top:0;}

/* li.title {font-size: 18px;color:#4c4c4c;font-weight: 300;background:url("../images/contents/title_LiBg.jpg") no-repeat 0 11px;padding-left:10px; margin-top: 10px; margin-bottom: 10px; line-height: 1.4; letter-spacing: -0.05rem;} */


/* contents */
.conBox {}
.conBox .titleBox {text-align:center;margin-bottom:50px;margin-top:50px;}
.conBox .titleBox * {word-b reak:keep-all;}
.conBox .titleBox .title {font-size:40px;color:#222;font-weight:700;}
.conBox .titleBox .sub {font-size:22px;color:#333;font-weight:700;}
.conBox .titleBox .sub span {color:#045b9f;}
.conBox .titleBox .txt {font-size:19px;color:#4d4d4d;font-weight:400;wo rd-break:keep-all;font-weight:300;}

/* overview */
#lnb.lnb02 {width:1400px;margin:0 auto 40px auto;}
.overview .conList {max-width:1700px;margin:0 auto;}
.overview .conBox ul li {position:relative;overflow:hidden;z-index:1;word-break:keep-all;}
.overview .conBox ul li .img {float:left;width:50%;}
.overview .conBox ul li .txtBox {position:absolute;right:0;width:50%;top:0; }
.overview .conBox ul li .txtBox .inner {padding:55px;}
.overview .conBox ul li .txtBox .mtitle {font-size: 20px; font-weight: 500; color: #f2797e;}
.overview .conBox ul li .txtBox .inner .num {display:inline-block;position:relative;font-size:50px;color:#045b9f;font-weight:700;font-style:italic;line-height:1;padding-bottom:30px;margin-bottom:25px;}
.overview .conBox ul li .txtBox .inner .num:after {content:"";position:absolute;bottom:0;right:0;width:245px;height:2px;background:#045b9f;}
.overview .conBox ul li .txtBox .inner dl dt {font-size:28px;color:#333;font-weight:700;text-transform:uppercase; letter-spacing: -0.02em;}
.overview .conBox ul li .txtBox .inner dl dd {font-size:18px;color:#666;margin-top:10px;font-weight:300;line-height:1.65em;}
.overview .conBox ul li.img_r {padding:140px 0;margin:-70px 0;background:#f3f3f3;z-index:0;}
.overview .conBox ul li.img_r .img {float:right;}
.overview .conBox ul li.img_r .txtBox {left:0;right:auto;text-align:right;}
.overview .conBox ul li.img_r .txtBox .inner .num:after {right:auto;left:0;}
.overview .conBox ul li:nth-child(3) .txtBox .inner {padding:100px 55px 55px 55px;}


/* philosophy */
.philosophy .conBox01 {padding:0 90px;}
.philosophy .conBox02 {margin-top:85px;}
.philosophy .conBox02 .inner {padding:75px 90px;background:#f8f8f8;}
.philosophy .conBox02 .inner ul {margin:-60px 0;}
.philosophy .conBox02 .inner ul li {padding:60px 0;border-bottom:1px solid #e4e4e4;}
.philosophy .conBox02 .inner ul li:last-child {border-bottom:none;}
.philosophy .conBox02 .inner .icon {float:left;width:145px;}
.philosophy .conBox02 .inner .txtBox {padding-left:145px;font-size:25px;}
.philosophy .conBox02 .inner .txtBox p {color:#aaa;}
.philosophy .conBox02 .inner .txtBox dt {color:#333;font-weight:700;}
.philosophy .conBox02 .inner .txtBox dd {color:#4c4c4c;font-weight:300;margin-top:5px;}
.philosophy .conBox02 .inner .txtBox dd strong {font-weight:500;}

/* organization */
.organization .auto2 {background:#f8f8f8;padding:70px 0;}
.organization .conBox01 ul {margin:-10px;}
.organization .conBox01 ul li {float:left;width:50%;padding:10px;}
.organization .conBox01 ul li .inner {background:#fff;padding:50px;border:1px solid #d9d9d9;position:relative;}
.organization .conBox01 ul li .inner .hover {position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #045b9f;opacity:0;transition:0.3s all ease-out;}
.organization .conBox01 ul li .inner .icon {display:block;float:left;width:140px;}
.organization .conBox01 ul li .inner .txtBox {padding-left:140px;}
.organization .conBox01 ul li .inner .txtBox dl {padding-left:30px;}
.organization .conBox01 ul li .inner .txtBox dl dt {font-size:25px;color:#333;font-weight:700;text-transform:uppercase;line-height:1;}
.organization .conBox01 ul li .inner .txtBox dl dd {font-size:18px;color:#666;margin-top:15px;height:108px;line-height:1.65em;font-weight:300;}
.organization .conBox02 {padding-top:70px;text-align:center;}

/* bi */
.bi .conBox01 .img {float:left;width:670px;}
.bi .conBox01 .img img {width:100%;}
.bi .conBox01 .txtBox {padding-left:670px;}
.bi .conBox01 .txtBox .inner {padding:40px 0 0 40px;overflow:hidden;}
.bi .conBox01 .txtBox .inner dl dt {font-size:30px;color:#333;font-weight:700;line-height:1;}
.bi .conBox01 .txtBox .inner dl dd {font-size:18px;color:#666;margin-top:20px;font-weight:300;line-height:1.65em;}
.bi .conBox02 {margin-top:60px;}
.bi .conBox02 .auto {background:#f3f3f3;}
.bi .conBox02 .auto .inner {padding:60px 0;}
.bi .conBox02 .auto .auto {padding:0;}
.bi .conBox02 .titleBox .sub {font-weight:700;}
.bi .conBox02 ul {margin:-10px;}
.bi .conBox02 ul li {float:left;width:50%;padding:10px;}
.bi .conBox02 ul li p {font-size:20px;color:#666;text-align:center;margin-top:10px;}
.bi .conBox03 {padding:60px 0;}
.bi .conBox03 .titleBox .sub {font-weight:700;}
.bi .conBox03 ul {margin:-5px;}
.bi .conBox03 ul li {float:left;width:33.33%;padding:5px;text-align:center;}
.bi .conBox03 ul li .colorBox {padding:50px 0;}
.bi .conBox03 ul li:nth-child(1) .colorBox {background:#808284;}
.bi .conBox03 ul li:nth-child(2) .colorBox {background:#231f20;}
.bi .conBox03 ul li:nth-child(3) .colorBox {background:#d12229;}
.bi .conBox03 ul li .txt1 {display:block;font-size:26px;color:#fff;font-weight:500;}
.bi .conBox03 ul li .txt2 {display:block;font-size:20px;color:#fff;font-weight:300;}
.bi .conBox03 ul li p {font-size:20px;color:#666;margin-top:10px;}

/* clients */
.clients .conBox .auto2 {background:#f8f8f8;padding:70px 0;}
.clientsList {}
.clientsList ul {border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;}
.clientsList ul li {float:left;width:20%;text-align:center;}
.clientsList ul li span {display:block;position:relative; background: #fff;}
.clientsList ul li span img {width:85%;}
.clientsList ul li span:after {content:"";position:absolute;width:1px;height:100%;top:0;right:0;background:#d9d9d9;}
.clientsList ul li span:before {content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background:#d9d9d9;}

/* PEOPLE */
/* .peopleList ul li {float:left;width:33.33%;cursor:pointer;}
.peopleList ul li .img {background:url("../images/contents/people_bg.jpg") repeat-x;background-position:0 bottom;text-align:center;padding-top:73.5%;position:relative;}
.peopleList ul li .img span {position:absolute;bottom:0;left:0;width:100%;z-index:1;transition:0.3s all ease-out;}
.peopleList ul li .img span.side {opacity:0;z-index:-1;}
.peopleList ul li .txtBox {text-align:center;padding:20px;}
.peopleList ul li .txtBox .position {font-size:20px;color:#045b9f;font-family:"Noto Serif";}
.peopleList ul li .txtBox .name {font-size:28px;color:#333;font-family:"Noto Serif";}
.peopleList ul li .txtBox .comment {font-size:18px;color:#737373;margin-top:10px;height:150px;}

1안

 */
.peopleList {width:1100px;margin:auto;}
.peopleList > ul {margin:-15px;}
.peopleList > ul > li {float:left;width:33.33%;padding:15px;}
.peopleList .img {position:relative;}
.peopleList .img img {width:100%;}
.peopleList .img span.on {position:absolute;top:0;left:0;width:100%;opacity:0;transition:1s all ease-out;}
.peopleList .txtBox {margin-top:25px;margin-bottom:40px;}
.peopleList .txtBox .name .en {font-size:25px;color:#333;font-weight:500;margin-right:10px;}
.peopleList .txtBox .name .kr {font-size:23px;}
.peopleList .txtBox ul {margin-top:15px;}
.peopleList .txtBox dt {float:left;width:60px;font-size:20px;color:#045b9f;font-weight:500;line-height:1.65em;}
.peopleList .txtBox dd {padding-left:60px;font-size:20px;color:#737373;font-weight:400;line-height:1.65em;}

/* CONTACT US */
.mapWrap {position:relative;padding:55px;overflow:hidden;}
.mapWrap iframe {position:absolute;top:0;left:-50%;width:150%;height:100%;}
.mapWrap .txtBox {position:relative;z-index:1;float:right;}
.mapWrap .txtBox .inner > div {position:relative;opac ity:0;}
.mapWrap .txtBox .inner {padding:50px;background:#fff;}
.mapWrap .txtBox .inner .title {font-size:20px;color:#045b9f;font-weight:700;border-bottom:1px solid #045b9f;margin-bottom:20px;}
.mapWrap .txtBox .inner ul {padding-bottom:55px;}
.mapWrap .txtBox .inner ul li {margin-top:10px;}
.mapWrap .txtBox .inner ul li dl dt {float:left;width:70px;font-size:17px;color:#4c4c4c;font-weight:500;}
.mapWrap .txtBox .inner ul li dl dd {padding-left:70px;font-size:17px;color:#666;}
.mapWrap .txtBox .inner a {display:block;border:1px solid #4c4c4c;text-align:center;line-height:48px;font-size:16px;color:#4c4c4c;font-weight:500;}
.contactus .conBox02 {padding:0 70px;background:#f8f8f8;margin-top:70px;}
.contactus .conBox02 > ul > li {padding:90px 0;}
.contactus .conBox02 > ul > li:first-child {border-bottom:1px dashed #d9d9d9;}
.contactus .conBox02 > ul > li .icon {float:left;width:140px;}
.contactus .conBox02 > ul > li .txtBox {padding-left:140px;}
.contactus .conBox02 > ul > li .txtBox .inner {padding-left:30px;height:140px;}
.contactus .conBox02 > ul > li .txtBox .inner .title {font-size:25px;color:#333;font-weight:700;}
.contactus .conBox02 > ul > li .txtBox .inner dl dt {font-size:20px;color:#333;font-weight:500;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd {font-size:18px;color:#666;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul {}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li {display:inline-block;margin-top:10px;margin-right:40px;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:before {color:#fff;border-radius:3px;padding:1px 5px;margin-right:5px;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(1):before {content:"마을";background:#4ea031;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(2):before {content:"지선";background:#50a232;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(3):before {content:"간선";background:#395cb3;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(4):before {content:"광역";background:#c91017;}

/* BUSINESS */
.business .conBox01 .auto2 {overflow:hidden;}
.business .conBox01 .auto2 .auto {padding:0;}
.business .conBox01 ul li {float:left;width:25%;text-align:center;position:relative;}
.business .conBox01 ul li:after {content:"";position:absolute;top:400px;left:50%;width:1px;height:150px;background:#d9d9d9;z-index:1;}
.business .conBox01 ul li .conTop dl {height:211px;}
.business .conBox01 ul li .conTop dl dt {font-size:26px;color:#333;font-weight:500;margin:10px 0;}
.business .conBox01 ul li .conTop dl dd {font-size:18px;color:#666;}
.business .conBox01 ul li .conBottom {padding:110px 0;margin-top:110px;position:relative;}
.business .conBox01 ul li .conBottom:before {content:"";position:absolute;top:0;left:0;width:1700px;height:100%;background:#f3f3f3;margin-left:-850px;z-index:0;}
.business .conBox01 ul li .conBottom p {font-size:18px;color:#666;padding:0 10px;position:relative;z-index:1;}


/* model */
.model .conBox .auto2 {background:#f8f8f8;padding:100px 0;}
.modelList {}
.modelList ul li {float:left;text-align:center;}
.modelList ul li span {display:block;position:relative;}
.modelList ul li span img {width:100%;}

/* WORKS */
.works-list ul {margin:-15px;}
.works-list ul li {padding:15px;width:20%;tran sition:0s !important;}
.works-list ul li a {display:block;position:relative;text-align:center;overflow:hidden;}
.works-list ul li a > img {width:100%;}
.works-list ul li a .hover {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:rgba(128, 130, 133, 0.9);text-align:center;opacity:0;transition:0.3s all ease-out;}
.works-list ul li a .hover p:first-child {position:relative;}
.works-list ul li a .hover .line {display:inline-block;margin-right:-4px;width:2px;height:30px;background:#fff;margin-bottom:20px;}
.works-list ul li a .hover span {}
.works-list ul li a .hover span {display:block;margin-top:20px;}
.works-list ul li a .hover span img {display:inline;}
.works-list ul li a .title {display:none;}
.works_tab {text-align:center;border-bottom:1px solid #d9d9d9;margin-bottom:40px;}
.works_tab button {display:inline-block;padding:0 50px;text-align: center;font-size:18px;color:#666;line-height:53px;}
.works_tab button span {display:inline-block;position:relative;height:100%;}
.works_tab button.active-work span:after {content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:#045b9f;}
.works_tab button.active-work {color:#045b9f;font-weight:500;}

.works-list .worksBox {padding:10px;overflow:hidden;}
.works-list .worksBox a {display:block;position:relative;text-align:center;}
.works-list .worksBox a > img {width:100%;}
.works-list .worksBox a .hover {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:rgba(128, 130, 133, 0.9);text-align:center;opacity:0;transition:0.3s all ease-out;}
.works-list .worksBox a .hover span {}
.works-list .worksBox a .hover span {display:block;margin-top:20px;}
.works-list .worksBox a .hover span img {display:inline;}


/* REQUEST */
.agreeBox {height:260px;overflow-y:scroll;background:#f8f8f8;padding:30px 40px;}
.agreeBox p.title {font-size:15px;color:#666;font-weight:500;margin-bottom:10px;}
.agreeBox p {font-size:15px;color:#666;font-weight:400;margin-bottom:10px;}
.agreeBox ul li {font-size:15px;color:#666;font-weight:300;position:relative;margin-top:5px;}
.agreeBox ul li.title {font-size:15px;color:#666;font-weight:400;position:relative;margin-top:18px; word-break: keep-all;}
.agreeBox ul li:before {position:absolute;top:0;left:0;}
.agreeBox ul li:first-child {margin-top:0;}
.terms {}
.terms p, .terms li {margin-top:10px;}
.terms h2 {margin-top:20px;}
.terms h3 {display:block !Important; float:none !Important; background:none !Important; width:100% !Important; padding-top:10px;}
/* .agreeBox ul li:nth-child(1):before {content:"1.";} 
.agreeBox ul li:nth-child(2):before {content:"2.";} 
.agreeBox ul li:nth-child(3):before {content:"3.";} 
.agreeBox ul li:nth-child(4):before {content:"4.";} 
.agreeBox ul li:nth-child(5):before {content:"5.";}  */
.agree_check {margin:15px 0;font-size:15px;color:#666;font-weight:300;}
.request .conBox {background:#f8f8f8;padding:25px;}
.request .conBox * {line-height:42px;}
.request .conBox input[type="text"],
.request .conBox select {height:42px;line-height:42px;color:#666;padding:0 10px;width:100%;border:non e;}
.request .conBox ul {margin-bottom:-5px;}
.request .conBox ul li {float:left;width:50%;padding-right:70px;margin-bottom:10px;}
.request .conBox ul li dl dt {float:left;width:100px;font-size:15px;color:#333;}
.request .conBox ul li dl dd {padding-left:100px;font-size:15px;color:#666;}
.request .conBox ul li dl dd > label {margin-right:21px;}
.request .conBox .emailForm .flex {width:75%;float:left;margin:0 -15px;}
.request .conBox .emailForm .flex span {display:block;float:left;width:50%;padding:0 15px;position:relative;}
.request .conBox .emailForm .flex span:first-child:after {content:"@";position:absolute;top:0;right:-8px;}
.request .conBox .emailForm > span {display:block;float:right;width:30%;}
.request hr {height:1px;border:none;}
.request textarea {height:200px;resize:none;overflow-y:scroll;}

/* gallery */
#galleryPop {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:11111;text-align:center;display:none;padding:20px;}
#galleryPop .mask {height:100%;overflow:hidden;}
#galleryPop .mask ul {height:100%;}
#galleryPop .mask ul .slick-list {height:100%;}
#galleryPop .mask ul .slick-list .slick-track {height:100%;}
#galleryPop .mask li {margin-right:10px;}
#galleryPop .inner {display:inline-block;position:relative;}
#galleryPop .inner .img img {min-width:640px;}
#galleryPop .inner .btnClose {position:absolute;top:-28px;right:0;transition:0.3s all ease-out;opacity:0.5;}
.fancybox-skin {padding:0 !important;}

/* benefit */
.benefit .mask {overflow:hidden;margin-bottom:60px;position:relative;}
.benefit .mask1 {padding-top:28%;}
.benefit .mask1 ul li {position:absolute;top:0;left:0;width:100%;opacity:0;z-index:0;transition:0.3s all ease-out;}
.benefit .mask1 ul li.on {opacity:1;z-index:1;}
.benefit .mask1 .iconBox {display:none;}
.benefit .mask1 .btns {position:absolute;right:0;bottom:0;z-index:2;}
.benefit .mask1 .btns a {float:left;width:70px;height:70px;line-height:70px;text-align:center;background:#fff;vertical-align:middle;}
.benefit .mask2 ul {margin:-5px;}
.benefit .mask2 ul li {float:left;width:33.33%;padding:5px;}
.benefit .iconBox {padding:10px;}
.benefit .iconBox .inner {display:block;border:1px solid #d9d9d9;background:#fff;overflow:hidden;padding:30px;position:relative;}
.benefit .iconBox .icon {float:left;width:140px;}
.benefit .iconBox .txtBox {padding-left:140px;}
.benefit .iconBox .txtBox dl {padding-left:20px;padding-top:20px;}
.benefit .iconBox .txtBox dl dt {font-size:23px;color:#333;font-weight:700;}
.benefit .iconBox .txtBox dl dd {font-size:18px;color:#666;font-weight:300;margin-top:5px;}
.benefit .iconBox .bd {position:absolute;top:0;right:0;left:0;bottom:0;border:2px solid #045b9f;transition:0.3s all ease-out;opacity:0;}
.benefit .iconBox.on .bd {opacity:1;}
.benefit .slideWrap {display:none;}
.benefit .conBox01 .auto {overflow:hidden;z-index:1;}
.benefit .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f8f8;z-index:0;margin-top:200px;}



/* regist */
.regist .conBox01 ul {margin:-20px -5px;}
.regist .conBox01 ul li {float:left;width:25%;text-align:center;padding:20px 5px;}
.regist .conBox01 ul li dl {margin-top:10px;}
.regist .conBox01 ul li dl dt {font-size:25px;color:#333;font-weight:700;}
.regist .conBox01 ul li dl dd {font-size:18px;color:#666;margin-top:5px;font-weight:300;}
.regist .txtBox {padding:20px 30px;background:#f8f8f8;}
.regist table {width:100%;}
.regist table td {}
.regist table dl {float:left;width:50%;padding:10px 0;}
.regist table dt {font-size:17px;color:#333;font-weight:700;float:left;width:145px;}
.regist table dd {padding-left:150px;font-size:17px;color:#666;font-weight:300;}
.regist .conBox03 table tr:first-child dl {width:100%;}
.regist .conBox04 ul {margin:-5px;}
.regist .conBox04 ul li {float:left;width:25%;padding:5px;text-align:center;}
.regist .conBox04 ul li .inner {background:#f8f8f8;height:150px;}
.regist .conBox04 ul li .inner p {font-size:16px;color:#666;}
.regist .conBox04 ul li .inner p.step {color:#045b9f;font-weight:700;}
.regist .conBox04 ul li .inner p strong {font-size:25px;color:#333;font-weight:700;}

/* 강사소개 */
.professorList ul li {overflow:hidden;padding:50px 80px;border:5px solid #efefef;margin-bottom:30px;}
.professorList ul li:last-child {margin-bottom:0;}
.professorList ul li .img {float:left; width:325px;}
.professorList ul li .img img {width:100%; height:100%;}
.professorList ul li .txtBox {padding-left:460px;position:relative;}
.professorList ul li .txtBox .nameBox .name {display:inline-block;font-size:32px;color:#404040;font-weight:700;}
.professorList ul li .txtBox .nameBox .title {display:inline-block;font-size:24px;color:#666;font-weight:300;position:relative;margin-left:5px;padding-left:10px;}
.professorList ul li .txtBox .nameBox .en:before {content:"";position:absolute;top:5px;left:0;width:1px;height:20px;background:#e5e5e5;}
.professorList ul li .txtBox dl {overflow:hidden;margin-top:15px;}
.professorList ul li .txtBox dl dt {float:left;width:90px;font-size:15px;color:#666;font-weight:500;padding-left:10px;position:relative;letter-spacing:4px;}
.professorList ul li .txtBox dl:nth-child(3) dt {letter-spacing:0;}
.professorList ul li .txtBox dl dt:before {content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#e94e43;}
.professorList ul li .txtBox dl dd {padding-left:110px;font-size:15px;color:#666;margin-top:5px;font-weight:300;}
.professorList ul li .txtBox dl dd:nth-child(2) {margin-top:0;}
.professorList ul li .txtBox .detail {position:absolute;top:0;right:0;width:180px;line-height:40px;text-align:center;font-size:15px;color:#fff;background:#e94e43;border-radius:5px;}

/* who-we-want */
.who-we-want .conBox01 {margin-bottom: 50px;}
.who-we-want .conBox01 ul li {float:left;width:25%;text-align:center;position:relative;}
/* .who-we-want .conBox01 ul li:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#e4e4e4;}*/
.who-we-want .conBox01 ul li:last-child:after {display:none;}
.who-we-want .conBox01 ul li dl {margin-top:30px;}
.who-we-want .conBox01 ul li dl dt .en {display:block;font-size:18px;color:#045b9f;}
.who-we-want .conBox01 ul li dl dt .kr {display:block;font-size:25px;color:#333;font-weight:600;line-height:1.2;margin-top:10px;}
.who-we-want .conBox01 ul li dl dd {font-size:18px;color:#666;position:relative;margin-top:20px;font-weight:300;}
/* .who-we-want .conBox01 ul li dl dd:before {content:"";position:absolute;top:0;left:50%;margin-left:-10px;width:20px;height:2px;background:#045b9f;}*/

@me dia all and (max-width:1400px){
	#lnb.lnb02 {width:100%;}
	#lnb.lnb02 li {float:left;width:33.33%;}

	/* PHILOSOPHY */
	.philosophy .contentsWrap.auto {padding:0;}
	.philosophy .conBox {padding:0 20px;}
	/* OVERVIEW */
	.overview .conBox ul li .txtBox .inner {padding:20px 30px;}
	.overview .conBox ul li .txtBox .inner .num {font-size:40px;padding-bottom:20px;margin-bottom:15px;}
	.overview .conBox ul li .txtBox .inner dl dd br {content:"";}

	/* regist */
	.regist .conBox01 ul li dl dd br {content:"";}

	/* request */
	.request .conBox01 ul li dl dd br {content:"";}
	/* benefit */
	.benefit .bg {margin-top:14%;}

	/* works_view */
	#works_view .inner {width:100%;}
}

/* HOVER */
@me dia all and (min-width:1200px) {
	.works-list ul li a:hover .hover {opacity:1;}
	#works_view .bottom_btn:hover span {background-image:url("../images/contents/icon_link_on.png");}
	
	

	/* ORGANIZATION */
	.organization .conBox01 ul li:hover .inner .hover {opacity:1;}

	/* PEOPLE */
	/* .peopleList ul li:hover .img span.front {opacity:0;}
	.peopleList ul li:hover .img span.side {opacity:1;z-index:2;} 1안 */
	.peopleList > ul > li:hover .img span.on {opacity:1;}
	
	/* gallery */
	#galleryPop .inner .btnClose:hover {opacity:1;}

	.benefit .mask1 .btns a:hover {color:#045b9f}
}

@me dia all and (max-width:1280px){
	.benefit .iconBox .txtBox dl dt {font-size:20px;}
	.benefit .iconBox .txtBox dl dd {font-size:16px;}
}
@me dia screen and (max-width:1200px){
	/* ORGANIZATION */
	.organization .conBox01 ul li .inner .icon {width:100px;}
	.organization .conBox01 ul li .inner {padding:30px;}
	.organization .conBox01 ul li .inner .txtBox {padding-left:100px;}
	.organization .conBox01 ul li .inner .txtBox dl dd {height:88px;font-size:15px;}
	/* OVERVIEW */
	.overview .conBox .titleBox .title {font-size:34px;}
	.overview .conBox .titleBox .sub {font-size:20px;}
	.overview .conBox .titleBox .txt {font-size:14px; word-break:keep-all;}
	/* BI */
	.bi .conBox01 .img {width:50%;}
	.bi .conBox01 .txtBox {padding-left:50%;}

	/* PEOPLE */
	.peopleList {width:100%;}
	.peopleList ul li:hover .img span.side {display:none;}
	.peopleList .txtBox .name span {di splay:block;}
	.peopleList .txtBox .name .en {font-size:20px;}
	.peopleList .txtBox .name .kr {font-size:18px;}
	.peopleList .txtBox dt {font-size:16px;width:50px;line-height:1.80em;}
	.peopleList .txtBox dd {font-size:16px;padding-left:50px;line-height:1.80em;}
	/* WORKS */
	#works_view .conWrap .conBox01 {margin-bottom:65%;}
	#works_view .conWrap .conBox01 .monitor .thumb {padding:3.6%;}

	/* gallery */
	.works-list ul li a .hover {display:none;}

	/* benefit */
	.benefit .mask2 ul li {width:50%;}

	#works_view .conWrap .conBox01 .inner .titleBox {padding:0 20px;}

	/* who-we-want */
	.who-we-want .conBox01 ul li dl dt .kr {font-size:20px;}
	.who-we-want .conBox01 ul li dl dd {font-size:15px;}

}
@me dia screen and (max-width:1024px){
	#lnb {display:none;}
	#mobileLnb {display:block;}
	.categoryTab {display:block;}
	.works .tab {display:none;}

	/* philosophy */
	.philosophy .conBox01 {padding:0 40px;}
	.philosophy .conBox02 .inner {padding:75px 40px;}

	/* ORGANIZATION */
	.organization .conBox01 ul li {float:none;width:100%;}
	.organization .conBox01 ul li .inner .txtBox dl dd {height:auto;}
	/* resuqest */
	.request .conBox ul li:nth-child(6) {width:100%;}
	.request .conBox ul li {padding-right:20px;}
	.request .conBox .emailForm .flex {display:flex;justify-content:space-between;margin:0;}
	.request .conBox .emailForm .flex span {margin:0;width:46%;padding:0;}
	.request .conBox .emailForm .flex span:first-child:after {right:-13%;}
	.request .conBox .emailForm > span {width:24%;}
	.request .conBox02 ul li {width:100%;}

	/* PEOPLE */
	/* .peopleList ul li {width:50%;} 1안 */
	/* OVERVIEW */
	.overview .conBox ul li.img_r {padding:80% 0 30% 0;margin:-85% 0 -35% 0;}
	.overview .conBox ul li .img {float:none;width:100%;}
	.overview .conBox ul li.img_r .img {float:none;}
	.overview .conBox ul li .img img {width:100%;}
	.overview .conBox ul li .txtBox {position:relative;width:100%;top:-50px;}
	.overview .conBox ul li:nth-child(3) .txtBox .inner {padding:20px 30px;}
	.overview .conBox ul li .txtBox .inner .num {padding-bottom:0;margin-bottom:10px;font-size:50px;}
	.overview .conBox ul li .txtBox .inner .num:after {display:none;}
	/* BI */
	.bi .conBox01 .txtBox .inner {padding:0 0 0 20px;}
	.bi .conBox01 .txtBox .inner dl dt {font-size:25px;}
	.bi .conBox01 .txtBox .inner dl dd {font-size:16px;margin-top:10px;}
		
	.works-list ul {margin:-10px;}	
	.works-list ul li {width:50%;}
	.works-list ul li a .title {display:block;font-size:20px;color:#333;font-weight:600;padding:20px 0 30px 0;}
	/* WORKS VIEW */
	#works_view .works_view_visual {height:600px;background-attachment:inherit;}

	/* regist */
	.regist .conBox01 ul li {width:50%;}
	.regist .conBox04 ul li {width:50%;}

		/* request */
	.request .conBox01 ul li {width:50%;}
	.request .conBox04 ul li {width:50%;}

	/* who-we-want */
	.who-we-want .conBox01 ul li {float:none;width:100%;margin-top:50px;}
	.who-we-want .conBox01 ul li:after {display:none;}
	.who-we-want .conBox01 ul li .icon {float:left;width:110px;}
	.who-we-want .conBox01 ul li dl {padding-left:120px;text-align:left;margin-top:0;}
	.who-we-want .conBox01 ul li dl dt .kr {margin-top:0;}
	.who-we-want .conBox01 ul li dl dd br {content:"";}
	.who-we-want .conBox01 ul li dl dd:before {left:0;margin-left:0;}
	
}
@me dia screen and (max-width:800px) {
	.tab ul li {display:block;float:left;}
	.tab ul li a {padding:0;}
	.tab.tab05 ul li {width:20%;}

	/* PEOPLE */
	/* .peopleList ul li .img {background-size:5%;}
	.peopleList ul li .img img {width:80%;}  1안 */
	.peopleList > ul > li {width:50%;}
	/* WORKS */
	.works_tab {overflow:hidden;}
	.works_tab button {width:20%;display:block;float:left;padding:0;}
	.works_tab button.active-work span:after {bottom:0;}
	
	/* BI */
	.bi .conBox01 .img {float:none;width:100%;}
	.bi .conBox01 .txtBox {padding-left:0;}
	.bi .conBox01 .txtBox .inner {padding:20px 0;}
}

@me dia screen and (max-width:768px) {
	/* WORKS */
	.works2 #contents {margin:-10px;}	
	/* WORKS VIEW*/
	#works_view .conWrap .conBox02 ul {margin:-10px;}
	#works_view .conWrap .conBox02 ul li {width:50%;padding:10px;}

	/* clients */
	.clientsList ul li {width:33.33%;}

	/* contactus */
	.mapWrap {padding:0;}
	.mapWrap iframe {position:static;width:100%;height:400px;}
	.mapWrap .txtBox {float:none;margin-top:30px;}
	.mapWrap .txtBox .inner {padding:0;}
	.contactus .conBox02 {padding:0 20px;margin-top:50px;}
	.contactus .conBox02 > ul > li {padding:50px 0;}
	.contactus .conBox02 > ul > li .txtBox .inner .title {font-size:20px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dt {font-size:20px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dd {font-size:15px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li {float:left;width:50%;margin-right:0;}
	
	/* BUSINESS */
	.business .conBox01 ul {margin-top:-50px;}
	.business .conBox01 ul li {width:50%;margin-top:50px;}
	
	/* benefit */
	.benefit .iconBox .icon {width:100px;}
	.benefit .iconBox .txtBox {padding-left:100px;}
	.benefit .iconBox .txtBox dl dt {font-size:16px;}
	.benefit .iconBox .txtBox dl dd {font-size:13px;}

	/* hiringProcee */
	.regist table dl {width:100%;float:none;}

		/* hiringProcee */
	.request table dl {width:100%;float:none;}

	/* people */
	.peopleList .txtBox {margin-bottom:30px;}
	
}

@me dia screen and (max-width:719px) {	

	/* OVERVIEW */

	/* WORKS */
	.works-list ul {margin:-10px;}
	.works-list ul li {padding:10px}

	/* benefit */
	.benefit .mask2 {display:none;}
	.benefit .mask1 {padding-top:61%;}
	.benefit .mask1 .btns {bottom:45.9%;}
	.benefit .mask1 .iconBox {display:block;padding:0;}
	.benefit .iconBox .inner {border:none;}
}

@me dia screen and (max-width:640px) {
	
	h3.title {font-size:23px;margin-top:40px;}
	#subContents {padding:30px 0;margin-top:255px;}
	#subContents .contentsWrap .contentsTitle {font-size:26px;}
	#subVisual {margin-top:55px;height:200px;}
	#subVisual.subVisual01 {background-image: url("../images/contents/subVisual_m01.jpg");}
	#subVisual.subVisual02 {background-image: url("../images/contents/subVisual_m02.jpg");}
	#subVisual.subVisual03 {background-image: url("../images/contents/subVisual_m03.jpg");}
	#subVisual.subVisual04 {background-image: url("../images/contents/subVisual_m04.jpg");}
	#subVisual.subVisual05 {background-image: url("../images/contents/subVisual_m05.jpg");}
	#subVisual.subVisual06 {background-image: url("../images/contents/subVisual_m06.jpg");}
	#subVisual .inner span.main {font-size:2rem;}
	.categoryTab {top:-70px;}
	.tab ul li a {font-size:14px;}

	.bottom_btn {font-size:14px;width:150px;line-height:40px;}

	/* PHILOSOPHY */
	.philosophy .conBox02 {margin-top:50px;}
	.philosophy .conBox02 .inner {padding:25px 20px;}
	.philosophy .conBox02 .inner ul {margin:-20px 0;}
	.philosophy .conBox02 .inner ul li {padding:20px 0;position:relative;}
	.philosophy .conBox02 .inner .icon {width:55px;position:absolute;top:50%;transform:translateY(-50%);}
	.philosophy .conBox02 .inner .txtBox {font-size:13px;padding-left:65px;}

	/* ORGANIZATION */
	.organization .auto2 {padding:50px 0;}
	.organization .conBox01 ul li .inner {padding:30px 20px;position:relative;background:#f8f8f8;}
	.organization .conBox01 ul li .inner .icon {width:70px;position:absolute;top:50%;transform:translateY(-50%);}
	.organization .conBox01 ul li .inner .txtBox {padding-left:70px;}
	.organization .conBox01 ul li .inner .txtBox dl {padding-left:20px;}
	.organization .conBox01 ul li .inner .txtBox dl dt {font-size:20px;}
	.organization .conBox01 ul li .inner .txtBox dl dd {font-size:12px;margin-top:10px;}
	.organization .conBox02 {padding-top:50px;}
	/* PEOPLE */
	/* .peopleList ul li .txtBox {padding:20px 5px;}
	.peopleList ul li .txtBox .position {font-size:12px;}
	.peopleList ul li .txtBox .name {font-size:20px;}
	.peopleList ul li .txtBox .comment {font-size:12px;height:80px;}
	.peopleList ul li .txtBox .comment br {content:"";} 1안 */
	.peopleList > ul > li {width:100%;}
	/* OVERVIEW */
	.conBox .titleBox .title {font-size:26px;}
	.conBox .titleBox .sub {font-size:17px;}
	.conBox .titleBox .txt {font-size:14px; word-break:keep-all;}
	.overview .conBox ul li .txtBox {top:-30px;}
	.overview .conBox ul li .txtBox .inner {padding:10px;}
	.overview .conBox ul li:nth-child(3) .txtBox .inner {padding:10px;}
	.overview .conBox ul li .txtBox .inner .num {font-size:40px;}
	.overview .conBox ul li .txtBox .inner dl dt {font-size:24px;}
	.overview .conBox ul li .txtBox .inner dl dd {font-size:14px;}

	/* BI */
	.bi .conBox01 .txtBox {text-align:center;}
	.bi .conBox01 .txtBox .inner dl dt {font-size:20px;}
	.bi .conBox01 .txtBox .inner dl dd {font-size:12px;}
	.bi .conBox02 ul li {float:none;width:100%;}
	.bi .conBox02 ul li p {display:none;}
	.bi .conBox03 ul li {float:none;width:100%;margin-top:20px;}
	.bi .conBox03 ul li .colorBox {padding:20px 0;}
	.bi .conBox03 ul li .txt1 {font-size:20px;}
	.bi .conBox03 ul li .txt2 {font-size:14px;}
	.bi .conBox03 ul li p {font-size:15px;}

	/* CONTACT US */
	.mapWrap iframe {height:270px;}
	.mapWrap .txtBox .inner ul {padding-bottom:20px;}
	.mapWrap .txtBox .inner ul li dl dt {width:60px;font-size:15px;}
	.mapWrap .txtBox .inner ul li dl dd {padding-left:60px;font-size:15px;}
	.contactus .conBox02 > ul > li {padding:30px 0;}
	.contactus .conBox02 > ul > li .icon {width:100px;}
	.contactus .conBox02 > ul > li:nth-child(2) .icon {margin-top:15px;}
	.contactus .conBox02 > ul > li .txtBox {padding-left:100px;}
	.contactus .conBox02 > ul > li .txtBox .inner {height:100px;padding-left:20px;}
	.contactus .conBox02 > ul > li .txtBox .inner .title {font-size:13px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dt {font-size:13px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dd {font-size:11px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li {float:none;width:100%;}
	/* BUSINESS */
	.business .conBox01 ul li:after {top:300px;height:70px;}
	.business .conBox01 ul li:nth-child(3):after,
	.business .conBox01 ul li:nth-child(4):after {top:280px;}
	.business .conBox01 ul li .conBottom {padding:50px 0;margin-top:50px;}
	.business .conBox01 ul li .icon {padding:0 20px;}
	.business .conBox01 ul li:nth-child(3) .conTop dl,
	.business .conBox01 ul li:nth-child(4) .conTop dl {height:127px;}
	.business .conBox01 ul li .conTop dl dt {font-size:18px;}
	.business .conBox01 ul li .conTop dl dd {font-size:12px;}
	.business .conBox01 ul li .conBottom p {font-size:12px;}
	.business .conBox01 ul li .conTop dl {height:147px;}

	/* WORKS */	
	.works-list ul {margin:-10px;}
	.works-list ul li {width:100%;padding:5px;}
	.works_tab {margin-bottom:-10px;}
	.works .tab ul li {display:inline-block;float:none;width:auto;margin:0 10px;}
	.works .tab ul li a {line-height:33px;}
	.works_tab button {float:none;display:inline-block;font-size:14px;line-height:33px;padding:0;margin:0 10px;width:auto;}

	/* WORKS VIEW*/
	#works_view {padding:10px;}
	#works_view .btnClose {width:40px;}

	#works_view .works_view_visual {height:400px;}
	#works_view .works_view_visual .title {font-size:35px;}
	#works_view .conWrap {padding:40px 0;}
	#works_view .conWrap .conBox01 {margin-bottom:65%;}
	#works_view .conWrap .conBox01 .inner {padding:40px 0;height:400px;}
	#works_view .conWrap .conBox01 .titleBox .type {font-size:16px;}
	#works_view .conWrap .conBox01 .titleBox .title {font-size:22px;}
	#works_view .conWrap .conBox01 .titleBox .title span.pc {display:none;}
	#works_view .conWrap .conBox01 .titleBox .title span.m {display:block;}
	#works_view .conWrap .conBox01 .titleBox div span {font-size:12px;}
	#works_view .conWrap .conBox01 .titleBox div span:first-child:after {height:6px;top:7px;}
	#works_view .conWrap .conBox01 .inner .btnWrap {margin-top:20px;}
	#works_view .conWrap .conBox01 .monitor {margin:50px 10px 10px 10px;}
	#works_view .conWrap .conBox02 ul {margin:-5px;}
	#works_view .conWrap .conBox02 ul li {padding:5px;}
	#works_view .conWrap .conBox01 .btnWrap a img {margin-top:12px;}
	#works_view .conWrap .conBox03 {margin-top:40px;}
	#works_view .conWrap .conBox03 .inner {padding:40px 0;}
	#works_view .conWrap .conBox02 .titleBox dt {font-size:22px;}
	#works_view .conWrap .conBox02 .titleBox dd {font-size:12px;}
	.works_view.btns {right:20px;bottom:50px;}
	.works_view.btns a {width:40px;height:40px;}
	.works_view.btns a.btnBack {background-size:100%;}
	.works_view.btns a.btnTop {background-size:100%;}
	/* clients */
	.clientsList ul li {width:50%;}

	/* REQUEST */
	.agreeBox {padding:20px;}
	.request .conBox * {line-height:30px;}
	.request .conBox {padding:15px;}
	.request .conBox ul {margin-top:-10px;}
	.request .conBox ul li {width:100%;padding-right:0;margin-top:10px;}
	.request .conBox ul li dl dt {width:70px;font-size:15px;float:none;width:auto;line-height:1;margin-bottom:5px;}
	.request .conBox ul li dl dd {padding-left:0;font-size:13px;}
	.request .conBox input[type="text"], .request .conBox select {height:30px;line-height:30px;}
	.request .conBox .emailForm .flex {width:100%;float:none;}
	.request .conBox .emailForm > span {float:none;margin-top:5px;width:46%;}
	.request .conBox01 ul li dl dd > label {display:block;float:left;width:33.33%;margin-right:0;}

	.conBox .titleBox {text-align:left;margin-bottom:30px;}
	.conBox .titleBox br {content:"";}

	#galleryPop .inner .img img {min-width:100%;}

	/* benefit */
	.benefit .mask {display:none;}
	.benefit .slideWrap {display:block;}
	.benefit .slideWrap .txtBox {display:table;height:100%;padding-left:0;height:100px;}	
	.benefit .slideWrap .txtBox dl {display:table-cell;vertical-align:middle;padding-top:0;}
	.benefit .iconBox .inner {padding:20px 20px;}
	.benefit .slideWrap {position:relative;overflow:hidden;marg in:0 -40px -30px -40px;padding:50px 30px;}
	.benefit .slideWrap .slider li {margin:0 5px;}
	.benefit .slideWrap .btns {position:absolute;bottom:189px;right:35px;}
	.benefit .slideWrap .btns a {display:block;width:40px;height:40px;line-height:40px;background:#fff;float:left;text-align:center;}
	.benefit .slideWrap .btns a i {line-height:1;font-size:19px;}
	.benefit .iconBox {padding:0;}
	.benefit .bg {margin-top:0;}
	.benefit .conBox01 .auto {padding:0;}

	/* hiringProcee */
	.regist .conBox01 ul li dl dt {font-size:18px;}
	.regist .conBox01 ul li dl dd {font-size:12px;height:90px;word-break:keep-all;}
	.regist .txtBox {padding:10px 20px;}
	.regist table dt {width:85px;font-size:14px;word-break:keep-all;}
	.regist table dd {padding-left:95px;font-size:14px; word-break: keep-all;}
	.regist .conBox04 ul li .inner p strong {font-size:18px;}
	.regist .conBox04 ul li .inner p {font-size:13px;}


	/* hiringProcee */
	.request .conBox01 ul li dl dt {font-size:18px;}
	.request .conBox01 ul li dl dd {font-size:12px;}
	.request .txtBox {padding:10px 20px;}
	.request table dt {width:85px;font-size:14px;}
	.request table dd {padding-left:95px;font-size:14px;word-break:break-all;}
	.request .conBox04 ul li .inner p strong {font-size:18px;}
	.request .conBox04 ul li .inner p {font-size:13px;}

	/* who-we-want */
	
	.who-we-want .conBox01 ul li .icon {float:left;width:110px;}
	.who-we-want .conBox01 ul li dl {padding-left:120px;text-align:left;margin-top:0;}
	.who-we-want .conBox01 ul li dl dt .en {font-size:13px;}
	.who-we-want .conBox01 ul li dl dt .kr {font-size:18px;margin-top:0;}
	.who-we-want .conBox01 ul li dl dd {font-size:12px; word-break: keep-all;}
	
	/* people */
	.peopleList .txtBox {margin-bottom:20px; margin-top:20px;}
	.peopleList .txtBox ul {margin-top:10px;}
}

@me dia screen and (max-width:480px) {	
	#mainVisual p.sub:before {width:40px;margin-left:-20px;}

	#works_view .conWrap .conBox01 .inner {height:350px;}
}