.sub-container {position:relative; clear:both; }

.visual-area {position:relative;width:100%; min-width:1200px; line-height:1.4; box-sizing:border-box;overflow:hidden;}
.visual-area .visual-area-in{ position:relative;display:table;width:100%; height:auto;  }
.visual-area .visual-area-txt { display:table-cell;width:100%;text-align:center;vertical-align:middle;box-sizing:border-box;color:#fff; padding:0; }
.visual-area .visual-area-txt h2 { font-weight: 300; font-size: 17px; color:#2ce1cc; line-height:1.0em; margin-top: 10px;  }
.visual-area .visual-area-txt h3 { font-weight: 600; font-size: 35px; color:#fff; line-height:1.0em; margin-top: 70px; letter-spacing:-0.05em; }

.visual-area.s_visual  { background:url("/img/sub/sub1.jpg") no-repeat top center; margin-top:100px;}  
.visual-area.s_visual2  { background:url("/img/sub/sub2.jpg") no-repeat top center; margin-top:100px;}  
.visual-area.s_visual3  { background:url("/img/sub/sub3.jpg") no-repeat top center; margin-top:100px;}  


/* sidemenu2Depth+3Depth */
#sidemenu {position:relative;float:left; width:100%; min-width:1200px; margin-top:30px; z-index:2}
#sidemenu ul {position:relative;clear:both; width:auto; margin:0 auto; text-align:center; font-size:0;}
#sidemenu ul li {width:147px; display:inline-block; }
#sidemenu ul li a {display:block; line-height:116px; font-size:14px; color:#000; letter-spacing:-0.03em; background:url("/img/sub/off.png") no-repeat center top;}
#sidemenu ul li a.on,
#sidemenu ul li a:hover {color:#fff; line-height:116px; margin-top:0px; background:url("/img/sub/on.png") no-repeat center top;}

#s_container {width:100%; min-width:1200px; margin-top:0px; position:relative; overflow:hidden;}
#contents_s {position: relative; width:1200px; margin:0 auto; padding:20px 0 0px 0; }

#sub_title {text-align:center; padding-top:30px; padding-bottom:30px;}
#sub_title h2 {font-size:27px; font-weight:600; padding-bottom:20px; letter-spacing:-0.05em; color:#191919;}

#sub_intro {width:1200px; margin:0 auto; text-align:center; min-height:200px;} 
#sub_intro ul {margin-bottom:30px; } 
#sub_intro ul li {letter-spacing:0.5px; font-size:16px; font-weight:300; color:#5d5d5d; padding-bottom:0px; white-space: pre;}


#sub_center {width:1200px; margin:0 auto; text-align:center; min-height:200px;} 
#sub_center ul {margin-bottom:30px; } 
#sub_center ul li {letter-spacing:-0.06em; font-size:16px; font-weight:300; color:#5d5d5d; padding-bottom:0px;}


#sub_certificate {width:1200px; margin:0 auto; text-align:left; min-height:200px;} 
#sub_certificate ul {margin-bottom:30px; } 
#sub_certificate ul li {width:calc(24% - 5px); display:inline-block; *display:inline; *zoom:1;border:1px solid #ddd; text-align:center; margin-right:10px; margin-bottom:10px;}
#sub_certificate ul li:nth-child(4) {margin-right:0px;}
#sub_certificate ul li span {font-size:13px; font-weight:400; height:30px; display:block;}
#sub_certificate ul li img {width:100%;}

#contents_his {width:1200px; margin:0 auto; background:url("/img/sub/history_bg.gif") center top no-repeat;}

/* �고쁺 */
.history_con.m_history{ display:none; }
.history01{background:url("/img/history01_bg01.jpg") center top no-repeat;}
.history01:after{content:""; display:block; clear:both;}
.history01 > div{float:left; width:50%;}
.history01 > div.left > .inner{float:right; width:100%; min-height:100px;}
.history01 > div.right > .inner {float:left; width:100%; margin-top:-40px; border-left:1px solid #222; box-sizing:border-box;}
.history01 > div.right > .inner .tit{padding:50px 0 20px 60px;}
.history01 > div.right > .inner .tit > span{font-size:12px; line-height:32px; letter-spacing:0.5em; color:#3c9da1; font-weight:300; display:block;}
.history01 > div.right > .inner .tit p{font-size:32px; line-height:1; letter-spacing:-0.025em; font-weight:900; color:#3c9da1; position:relative;}
.history01 > div.right > .inner .tit p .pos_icon{position:absolute; top:0; left:-75px; width:59px;}
.history01 > div.right > .inner .txt{font-size:0; padding-left:60px ; box-sizing:border-box;}
.history01 > div.right > .inner .txt.mt40{margin-top:40px;}
.history01 > div.right > .inner .txt > span{margin-right:40px; font-size:32px; line-height:1; letter-spacing:-0.025em; font-weight:200; color:#222; display:inline-block; position:relative; vertical-align:top; font-style:italic;}
.history01 > div.right > .inner .txt > span .txt_bar{ width:26px; height:1px; top:50%; left:-74px; position:absolute;}
.history01 > div.right > .inner .txt > ul{font-size:0; display:inline-block; margin:0; vertical-align:top;}
.history01 > div.right > .inner .txt > ul li{font-size:17px; line-height:28px; margin-bottom:20px; letter-spacing:-0.025em; font-weight:300; color:#222; overflow:hidden; }
.history01 > div.right > .inner .txt > ul li b{margin-right:3px; float:left; display:inline-block; vertical-align:top;}
.history01 > div.right > .inner .txt > ul li span{float:left; display:inline-block; vertical-align:top;}

.history02{background:url("/img/history01_bg02.jpg") center top no-repeat;}
.history02:after{content:""; display:block; clear:both;}
.history02 > div{float:left; width:50%;}
.history02 > div.left > .inner{float:right; width:100%; text-align:right;}
.history02 > div.left > .inner .tit{padding:0 60px 20px 0;}
.history02 > div.left > .inner .tit > span{font-size:12px; line-height:32px; letter-spacing:0.5em; color:#3c9da1; font-weight:300; display:block;}
.history02 > div.left > .inner .tit p{font-size:32px; line-height:1; letter-spacing:-0.025em; font-weight:900; color:#3c9da1; position:relative;}
.history02 > div.left > .inner .tit p .pos_icon{position:absolute; top:0; right:-75px; width:59px;}
.history02 > div.left > .inner .txt{font-size:0; padding-right:60px ; box-sizing:border-box;}
.history02 > div.left > .inner .txt.mt30{margin-top:30px;}
.history02 > div.left > .inner .txt > span{margin-left:40px; font-size:32px; line-height:1; letter-spacing:-0.025em; font-weight:200; color:#222; display:inline-block; position:relative; vertical-align:top; font-style:italic;}
.history02 > div.left > .inner .txt > span .txt_bar{ width:26px; height:1px; top:50%; right:-74px; position:absolute;}
.history02 > div.left > .inner .txt > ul{font-size:0; display:inline-block; margin:0; vertical-align:top; }
.history02 > div.left > .inner .txt > ul li{font-size:17px; line-height:24px; margin-bottom:20px; letter-spacing:-0.025em; font-weight:300; color:#222; overflow:hidden; text-align:right;}
.history02 > div.left > .inner .txt > ul li b{ margin-left:3px; float:right; display:inline-block; vertical-align:top;}
.history02 > div.left > .inner .txt > ul li span{float:right; display:inline-block; vertical-align:top;}

.history02 > div.right > .inner{padding:0px 0 100px 145px; float:left; width:100%;  border-left:1px solid #222; box-sizing:border-box;}



.map_wrap {width:100%;}
.map_wrap .map {position:relative; z-index:1; width:100%; height:400px;}
.map_wrap .map #daumRoughmapContainer1538118363007 {width:100%; height:100%;}
.map_wrap .map .root_daum_roughmap .wrap_map {height:100%;}
.map_wrap .map_txt {position:relative; z-index:2; margin-top:-50px; padding:0 20px;} 
.map_wrap .map_txt .txt_box {background:#2c323e; overflow:hidden; padding:35px 30px 30px;} 
.map_wrap .map_txt .txt_box ul {overflow:hidden;} 
.map_wrap .map_txt .txt_box ul li {float:left; width:50%;}
.map_wrap .map_txt .txt_box ul li.ad {padding-top:17px; font-size:24px; color:#fff; font-weight:300; letter-spacing:-0.075em;}
.map_wrap .map_txt .txt_box ul li .ti {position:relative; margin-bottom:30px; font-size:20px; color:#fff; font-weight:300; line-height:1; padding-bottom:20px;}
.map_wrap .map_txt .txt_box ul li .ti i {display:block; position:absolute; width:30px; height:1px; background:#fff; bottom:0; left:0;}
.map_wrap .map_txt .txt_box ul li .num a {font-size:30px; font-weight:700; color:#25bdbc; font-style:italic; line-height:1;} 



.solution01 .txt{text-align:center;}
.solution01 .txt > span{font-size:12px; line-height:50px; letter-spacing:0.6em; font-weight:700; color:#00c2ab; display:block;}
.solution01 .txt > p{padding-bottom:10px; font-size:20px; line-height:30px; letter-spacing:-0.025em; color:#222; font-weight:200;}
.solution01 .txt > p b{font-size:30px; font-weight:900; display:block; word-break:keep-all; padding-bottom:30px;}


#sub_pimg ul li {width:calc(33.3% - 5px); display:inline-block; *display:inline; *zoom:1; margin-top:0px;}
#sub_pimg ul li img {width:100%;}

#sub_pimg2 ul li {width:calc(50% - 5px); display:inline-block; *display:inline; *zoom:1; margin-bottom:3px; margin-top:0px;}
#sub_pimg2 ul li img {width:100%;}

#sub_pimg3 ul li {width:calc(100% - 5px); display:inline-block; *display:inline; *zoom:1; margin-bottom:3px; margin-top:0px;}
#sub_pimg3 ul li img {width:100%;}

#sub_pimg4 ul li {width:calc(25.2% - 5px); display:inline-block; *display:inline; *zoom:1; margin-top:0px;}
#sub_pimg4 ul li img {width:100%;}


.reference01_cont{width:1200px; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.reference01_cont > div{float:left; width:49%; margin:0 2% 0% 0;}
.reference01_cont > div:nth-of-type(2n){margin-right:0;}
.reference01_cont > div:nth-of-type(3){margin-bottom:0;}
.reference01_cont > div:nth-of-type(4){margin-bottom:0;}
.reference01_cont > div img{width:100%;}
.reference01_cont > div .txt{margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont > div .txt .left{float:left; width:30%;}
.reference01_cont > div .txt .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont > div .txt .left p{font-size:25px; line-height:40px; letter-spacing:-0.025em; font-weight:700; color:#00c2ab;}
.reference01_cont > div .txt .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont > div .txt .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}


.reference01_cont > div .txt2{height:360px; margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont > div .txt2 .left{float:left; width:30%;}
.reference01_cont > div .txt2 .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont > div .txt2 .left p{font-size:25px; line-height:40px; letter-spacing:-0.025em; font-weight:700; color:#00c2ab;}
.reference01_cont > div .txt2 .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont > div .txt2 .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}


.reference01_cont > div .txt3{height:190px; margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont > div .txt3 .left{float:left; width:30%;}
.reference01_cont > div .txt3 .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont > div .txt3 .left p{font-size:25px; line-height:40px; letter-spacing:-0.025em; font-weight:700; color:#00c2ab;}
.reference01_cont > div .txt3 .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont > div .txt3 .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}

.reference01_cont > div .txt4{height:160px; margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont > div .txt4 .left{float:left; width:30%;}
.reference01_cont > div .txt4 .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont > div .txt4 .left p{font-size:21px; line-height:25px; letter-spacing:-1px; font-weight:700; color:#00c2ab;}
.reference01_cont > div .txt4 .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont > div .txt4 .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}


.reference01_cont > div .txt5{height:350px; margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont > div .txt5 .left{float:left; width:30%;}
.reference01_cont > div .txt5 .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont > div .txt5 .left p{font-size:21px; line-height:25px; letter-spacing:-1px; font-weight:700; color:#00c2ab;}
.reference01_cont > div .txt5 .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont > div .txt5 .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}

.reference01_cont > div .txt6{height:250px; margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont > div .txt6 .left{float:left; width:30%;}
.reference01_cont > div .txt6 .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont > div .txt6 .left p{font-size:21px; line-height:25px; letter-spacing:-1px; font-weight:700; color:#00c2ab;}
.reference01_cont > div .txt6 .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont > div .txt6 .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}

.reference01_cont2{width:1200px; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.reference01_cont2 > div{}
.reference01_cont2 > div img{width:100%;}
.reference01_cont2 > div .txt{margin-top:20px; padding:25px 0; box-sizing:border-box; border-top:1px solid #00c2ab; border-bottom:1px solid #00c2ab; overflow:hidden;}
.reference01_cont2 > div .txt .left{float:left; width:30%;}
.reference01_cont2 > div .txt .left span{font-size:12px; letter-spacing:0.05em; font-weight:200; color:#192082;}
.reference01_cont2 > div .txt .left p{font-size:25px; line-height:40px; letter-spacing:-0.025em; font-weight:700; color:#00c2ab;}
.reference01_cont2 > div .txt .right{float:left; width:70%; border-left:1px solid #a7a7a7; box-sizing:border-box;}
.reference01_cont2 > div .txt .right p{white-space: pre;padding:18px 0 18px 40px; font-size:15px; line-height:26px; letter-spacing:-0.025em; font-weight:300; color:#222; box-sizing:border-box;}


#down_bt { text-align:center; margin:20px 0;}
#down_bt a {background:#00c2ab; padding:15px 30px; border-radius:10px; font-size:13px;color:#fff;font-weight:600; }
#down_bt a:hover {background:#00c2ab;color:#ffd800;}