@charset "utf-8";
/* Reset */

html,body{width:100%;height:100%; padding:0px; margin:0px;}
html{ overflow-y:scroll; }
body { font-size:12px; font-family:'Noto Sans KR','돋움',Dotum,'굴림',Gulim,'Nanum Gothic','맑은 고딕',Helvetica,sans-serif; font-weight:400; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none; }
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a {color:inherit;}
a:hover { text-decoration:none; }
a, a:link {color:#525252; text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table{ font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
table{border-collapse:collapse}
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
textarea { resize:none; }
label { cursor:pointer; }

h4,h5,h6{font-size:100%}
input,select,.btn{vertical-align:middle}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSans-Regular'), local('NotoSans-Regular'), local('NotoSans-Regular');
    src: url(../font/NotoSans-Regular.eot);
    src: url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSans-Regular.woff) format('woff'),
    url(../font/NotoSans-Regular.otf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSans-Bold'), local('NotoSans-Bold'), local('NotoSans-Bold');
    src: url(../font/NotoSans-Bold.eot);
    src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSans-Bold.woff) format('woff'),
    url(../font/NotoSans-Bold.otf) format('truetype');
}


/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}

/* float */
.f_left{float:left!important}
.f_right{float:right!important}
.clear{clear:both!important}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th{text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block; }

input[type="text"] { border-radius:0px; }
button { cursor:pointer; }
/* Reset */

.buttonWrap a {display:inline-block;padding:0 20px;border:solid 1px #e3e3e3;color:#878787;font-size:14px;line-height:40px;}
.buttonWrap a:hover {color:#356cde;border:solid 1px #356cde;}

#wrap {position:relative;height:100%;min-width:1200px;}
#header {position:fixed;top:0;left:0;width:200px;height:100%;min-height:700px;z-index:100;background-color:#2f3132;}
#header h1 {height:140px;}
#header h1 img {margin:42px 0 0 45px;}
#header .gnb {padding-left:20px;}
#header .gnb li {height:60px;border-bottom:solid 1px #4e5051;}
#header .gnb li a {display:block;line-height:60px;font-size:18px;color:#fff;letter-spacing:-1px;}
#header .gnb li:hover a,
#header .gnb li.on a {color:#356cde;}
#header .copyright {position:absolute;bottom:0;left:0;width:160px;background-color:#1c1d1e;padding:30px 20px;}
#header .copyright dt {margin-bottom:10px;font-size:14px;color:#8c8c8c;}
#header .copyright dd {margin-bottom:10px;font-size:11px;color:#8c8c8c;}
#header .copyright dd a {color:#8c8c8c;}
#mainContent {position:absolute;top:0;left:200px;width:calc(100% - 200px);}
#mainContent .bt_goNas {position:absolute;top:30px;right:25px;height:32px;padding:0 20px;border:solid 1px #fff;font-size:13px;color:#fff;line-height:32px;z-index:10;}
#mainContent .flick_container {position:relative;}
#mainContent .flick_container .area_mvg {position:relative;height:900px;text-align:center;}
#mainContent .flick_container .area_mvg.bg_m01 .cover {width:auto;height:900px;background-color:rgba(0,0,0,0.2);}
#mainContent .flick_container .area_mvg.bg_m01 {background:url("../images/main/bg_m01.jpg") no-repeat 100% 100%;background-size:cover;}
#mainContent .flick_container .area_mvg.bg_m01 .msg_text {position:absolute;top:155px;left:185px;font-size:30px;color:#fff;letter-spacing:-2px;text-align:left;line-height:32px;}
#mainContent .flick_container .area_mvg.bg_m01 .msg_text strong {display:block;margin-bottom:20px;font-size:48px;font-weight:700;color:#ccffff;text-shadow: 2px 1px 10px rgba(0,0,0,0.7);}
#mainContent .flick_container .area_mvg .project_name {position:absolute;bottom:20px;right:20px;padding:0 20px;background-color:rgba(0,0,0,0.5);font-size:14px;color:#fff;line-height:35px;letter-spacing:-1px;}
#mainContent .flick_container .area_mvg .bt_move {position:absolute;display:block;left:50%;width:60px;height:60px;margin-left:-30px;background:url("../images/main/btn_move.png") 0 0 no-repeat;z-index:10;}
#mainContent .flick_container .area_mvg .bt_move.up {top:20px;background-position:0 0;}
#mainContent .flick_container .area_mvg .bt_move.down {bottom:20px;background-position:0 -60px;}
#mainContent .flick_container .area_mvg .cont_box {position:absolute;top:150px;left:50%;margin-left:-350px;width:700px;text-align:center;}
#mainContent .flick_container .area_mvg .cont_box dl dd {margin-bottom:15px;font-size:16px;color:#fff;line-height:24px;letter-spacing:-1px;}
#mainContent .flick_container .area_mvg .cont_box dl dt {font-size:30px;color:#fff;letter-spacing:-1px;}
#mainContent .flick_container .area_mvg .cont_box dl dt strong {font-weight:700;}
#mainContent .flick_container .area_mvg.bg_m02 {background-color:#8caae0;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box {top:50%;height:490px;margin-top:-245px;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info {margin-top:100px;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li {float:left;width:210px;padding-top:140px;margin-right:35px;cursor:pointer;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li .title {padding-bottom:30px;border-bottom:solid 1px #b6c9eb;font-size:16px;letter-spacing:0;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li .cont {padding-top:30px;font-size:16px;line-height:24px;text-align:center;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li:last-child {margin-right:0;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li.struc {background:url("../images/main/area_image_01.png") 0 0 no-repeat;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li.bim {background:url("../images/main/area_image_02.png") 0 0 no-repeat;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li.bim .title {line-height:48px;}
#mainContent .flick_container .area_mvg.bg_m02 .cont_box .area_info li.safety {background:url("../images/main/area_image_03.png") 0 0 no-repeat;}
#mainContent .flick_container .area_mvg.bg_m03 {background-color:#44b973;}
#mainContent .flick_container .area_mvg.bg_m03 .cont_box {top:50%;height:540px;margin-top:-270px;}
#mainContent .flick_container .area_mvg.bg_m03 .cont_box .project_list {margin-top:25px;}
#mainContent .flick_container .area_mvg.bg_m03 .cont_box .project_list li {position:relative;float:left;width:200px;height:200px;margin:15px;border:solid 1px #fff;}
#mainContent .flick_container .area_mvg.bg_m03 .cont_box .project_list li div.cover {display:none;position:absolute;top:0;left:0;width:200px;height:200px;background-color:rgba(0,0,0,0.6);}
#mainContent .flick_container .area_mvg.bg_m03 .cont_box .project_list li:hover div.cover {display:block;}
#mainContent .flick_container .area_mvg.bg_m03 .cont_box .project_list li div.cover span {position:absolute;left:15px;bottom:20px;font-size:15px;color:#fff;letter-spacing:-1px;}
#mainContent .flick_container .area_mvg.bg_m04 {background-color:#e0e0e0;}
#mainContent .flick_container .area_mvg.bg_m04 .cont_box {top:50%;height:530px;margin-top:-265px;}
#mainContent .flick_container .area_mvg.bg_m04 .cont_box dl dd,
#mainContent .flick_container .area_mvg.bg_m04 .cont_box dl dt {color:#000;}
#mainContent .flick_container .area_mvg.bg_m04 .bt_move.up {top:auto;bottom:20px;}
#mainContent .flick_container .area_mvg.bg_m04 .news_list {margin-top:30px;}
#mainContent .flick_container .area_mvg.bg_m04 .news_list .title {padding:20px 0 10px 10px;text-align:left;font-size:22px;}
#mainContent .flick_container .area_mvg.bg_m04 .news_list .title a {color:#101010;font-weight:bold;}
#mainContent .flick_container .area_mvg.bg_m04 .news_list .detail_text {margin-bottom:10px;padding-left:10px;text-align:left;font-size:13px;line-height:18px;color:#434343;}
#mainContent .flick_container .area_mvg.bg_m04 .moviePlay {position:relative;}
#mainContent .flick_container .area_mvg.bg_m04 .moviePlay #bt_play {position:absolute;top:50%;left:50%;margin:-18px 0 0 -14px;cursor:pointer;}

.lnbLink {position:fixed;top:0;left:0px;width:160px;height:100%;background:rgba(242,242,242,0.7) url("../images/common/bg_lnb.png") 0 bottom no-repeat;z-index:99;}
.lnbLink h2 {margin:160px 0 0 18px;width:120px;font-size:22px;font-weight:700;color:#202020;letter-spacing:-1px;line-height:38px;border-bottom:solid 3px #202020;}
.lnbLink ul {margin-left:18px;width:120px;}
.lnbLink ul li {font-size:14px;line-height:48px;letter-spacing:-1px;border-bottom:solid 1px rgba(0,0,0,0.2);}
.lnbLink ul li a {color:#000;}
.lnbLink ul li:hover a,
.lnbLink ul li.on a {color:#356cde;}
.lnbLink ul.eng li {letter-spacing:0;}

#subContent {padding:0 30px 0 240px;}
.location {position:relative;height:140px;padding-top:35px;border-bottom:solid 1px #e5e5e5;text-align:center;}
.location h2 {font-size:16px;color:#878787;letter-spacing:-1px;}
.location h3 {height:40px;font-size:14px;font-weight:700;color:#555;line-height:37px;letter-spacing:2px;background:url("../images/common/sub_location_bar.png") center bottom no-repeat;}
.location h4 {font-size:30px;color:#000;letter-spacing:-2px;}
.location .comment {position:absolute;bottom:10px;right:30px;}
.location.business {height:165px;}
.location.business p {padding-top:5px;font-size:14px;}
.location.business h4 span {display:inline-block;width:130px;text-align:center;font-size:25px;}
.location.business h4 span a {font-size:25px;color:#999;}
.location.business h4 span a:hover, .location.business h4 span.on a {color:#356cde;border-bottom:solid 2px #356cde;}

.content {padding-top:50px;}

.ceoLayout {width:1080px;box-sizing:border-box;margin:0 auto;}
.ceoLayout dt {float:left;width:280px;margin-right:50px;}
.ceoLayout dd {float:left;width:660px;font-size:14px;color:#545454;line-height:22px;}
.ceoLayout dd .sign {margin-top:30px;text-align:right;font-size:18px;color:#000;letter-spacing:-1px;}
.ceoLayout dd .sign span {display:inline-block;margin-left:15px;line-height:30px;}
.ceoLayout dd .sign span.second {display:block;}
.ceoLayout dd .sign em {display:inline-block;margin-left:20px;font-size:16px;color:#878787;font-style:normal;line-height:30px;letter-spacing:0;}

.org_chartLayout {text-align:center;}

.newsLayout {margin:0 40px;}
.newsLayout ul li {position:relative;padding:30px 0;min-height:113px;border-bottom:solid 1px #e3e3e3;}
.newsLayout ul li.noData {min-height:50px;}
.newsLayout ul li dl {margin:0 220px 0 80px;}
.newsLayout ul li dl dt {font-size:18px;line-height:90%;margin-bottom:10px;}
.newsLayout ul li dl dt a {color:#000;}
.newsLayout ul li dl dd {font-size:14px;color:#666;}
.newsLayout ul li span {position:absolute;top:30px;left:0;width:80px;text-align:center;}
.newsLayout ul li span strong {display:block;font-size:22px;color:#000;}
.newsLayout ul li .visual {position:absolute;top:30px;right:0;width:200px;height:113px;}
.newsLayout ul li .visual #bt_play {position:absolute;top:50%;left:50%;margin:-16px 0 0 -10px;width:20px;height:26px;cursor:pointer;background:url("../images/common/btn_play.png") 0 0 no-repeat;background-size:20px 26px;}
.newsDetailLayout {padding:0 30px 30px;}
.newsDetailLayout dl dt {margin-bottom:15px;font-size:22px;letter-spacing:-1px;}
.newsDetailLayout dl dd.date {padding-bottom:15px;text-align:right;font-size:14px;color:#555;border-bottom:solid 1px #e3e3e3;}
.newsDetailLayout dl dd.cont {min-height:200px;padding:20px 0;font-size:14px;line-height:24px;color:#666;}
.newsDetailLayout dl dd.cont p {padding-bottom:20px;}
.newsDetailLayout dl dd.cont .moviePlayer {position:relative;text-align:center;}
.newsDetailLayout dl dd.cont .moviePlayer #bt_play {position:absolute;top:50%;left:50%;margin:-18px 0 0 -14px;cursor:pointer;}
.newsDetailLayout .buttonWrap {padding-top:15px;border-top:solid 1px #e3e3e3;text-align:right;}

.mapLayout dl {margin-top:30px;}
.mapLayout dl dt {float:left;min-height:200px;width:50%;padding-right:30px;border-right:solid 1px #cccccc;box-sizing:border-box;}
.mapLayout dl dt h4 {font-size:18px;color:#000;}
.mapLayout dl dt p {margin-top:20px;font-size:14px;color:#878787;line-height:30px;}
.mapLayout dl dt .buttonWrap {margin-top:20px;text-align:right;}
.mapLayout dl dd {float:left;width:50%;padding-left:30px;box-sizing:border-box;}
.mapLayout dl dd ul {margin-top:45px;}
.mapLayout dl dd ul li {padding-left:50px;min-height:45px;font-size:40px;line-height:30px;font-size:14px;color:#878787;letter-spacing:-1px;}
.mapLayout dl dd ul li.walk {background:url("../images/company/map_icon_01.png") 0 0 no-repeat;}
.mapLayout dl dd ul li.bus {background:url("../images/company/map_icon_02.png") 0 0 no-repeat;}

.businessLayout {position:relative;margin:0;}
.businessLayout .comment {position:absolute;top:0;right:30px;}
.businessLayout .tabUI {margin:0 auto;text-align:center;}
.businessLayout .tabUI li {display:inline-block;width:120px;height:50px;margin:0 3px;background:url("../images/business/bg_tab.png") 0 0 no-repeat;line-height:48px;font-size:18px;font-weight:700;color:#bbb;cursor:pointer;}
.businessLayout .tabUI li.on {background-position:0 -50px;color:#356cde;}

.businessLayout .project_list {margin-top:10px;}
.businessLayout .project_list li {position:relative;float:left;width:200px;height:200px;margin:15px;border:solid 1px #babbbc;}
.businessLayout .project_list li div.cover {display:none;position:absolute;top:0;left:0;width:200px;height:200px;background-color:rgba(0,0,0,0.6);}
.businessLayout .project_list li:hover div.cover {display:block;}
.businessLayout .project_list li div.cover span {position:absolute;left:15px;bottom:20px;font-size:15px;color:#fff;letter-spacing:-1px;}

.patentLayout {position:relative;min-height:566px;padding:0 50px;}
.patentLayout .tableUI {padding:0;width:calc(100% - 550px);}
.patentLayout .tableUI thead th {height:49px;border-style:solid;border-color:#666;border-width:2px 0 1px 0;font-size:14px;color:#434343;}
.patentLayout .tableUI tbody td {padding:15px 10px;font-size:14px;color:#878787;vertical-align:top;border-bottom:solid 1px #ccc;text-align:center;}
.patentLayout .tableUI tbody td.nm {text-align:left;}
.patentLayout .tableUI tbody tr {cursor:pointer;}
.patentLayout .tableUI tbody tr.on {background-color:#f8f8f8;}
.patentLayout .contentWrap {position:absolute;top:0;right:50px;width:520px;border:solid 1px #b1b2b3;}
.patentLayout .contentWrap img {width:520px;}

.clientLayout {}
.clientLayout ul li {float:left;width:268px;height:80px;margin:10px;border:solid 1px #e3e3e3;}
.clientLayout ul li img {padding:10px 0;}

.popupWrap {position:fixed;top:0;left:0;width:100%;height:100%;margin-left:-7.5px;}
.popupWrap .visual_box {width:100%;height:100%;overflow:hidden;}
.popupWrap .visual_box ul {}
.popupWrap .visual_box ul li {position:relative;float:left;overflow:hidden;background-color:#000;}
.popupWrap .visual_box ul li.active {}
.popupWrap .visual_box ul li div {overflow:hidden;}
.popupWrap .visual_box ul li img {width:auto;}
.popupWrap .detail_box {position:absolute;top:0;right:0;width:320px;height:100%;padding:0 20px;background-color:#000;}
.popupWrap .detail_box h1 {padding:50px 0 15px 0;width:300px;margin-right:20px;font-size:24px;line-height:28px;color:#fff;letter-spacing:0;border-bottom:solid 1px #fff;}
.popupWrap .detail_box dl {margin-top:35px;}
.popupWrap .detail_box dl dt {float:left;width:53px;padding-right:10px;font-size:14px;color:#fff;letter-spacing:0;text-align:justify;text-align-last:justify;}
.popupWrap .detail_box dl dt.text01 {word-spacing:3.5px;letter-spacing:-1px;}
.popupWrap .detail_box dl dt.text02 {word-spacing:21px;}
.popupWrap .detail_box dl dd {position:relative;float:left;width:230px;padding:0 0 5px 20px;font-size:14px;color:#fff;}
.popupWrap .detail_box dl dd:before {content:":";position:absolute;left:0;}
.popupWrap .detail_box a {position:absolute;bottom:30px;display:block;width:35px;height:35px;}
.popupWrap .detail_box .bt_close {right:30px;background:url("../images/business/pop_close.png") 0 0 no-repeat;}
.popupWrap .detail_box .btMove {display:none;width:20px;height:20px;background:url("../images/business/pop_move_01.png") 0 0 no-repeat;}
.popupWrap .detail_box .btMove.left {left:30px;background-position:0 -20px;}
.popupWrap .detail_box .btMove.right {left:60px;}
.popupWrap .detail_box .btMove.disabled {opacity:0.3;cursor:default;}
.popupWrap .detail_box .btMove.active {background-position:0 -20px;}
.popupWrap .detail_box .pages {position:absolute;bottom:35px;}
.popupWrap .detail_box .pages li {float:left;width:20px;height:20px;margin-right:10px;background:url("../images/business/pop_move_01.png") 0 0 no-repeat;text-indent:-9999px;overflow:hidden;cursor:pointer;}
.popupWrap .detail_box .pages li.active {background-position:0 -20px;}
.popupWrap .detail_box.type01 h2 {margin-top:25px;color:#fff;font-size:16px;}
.popupWrap .detail_box.type01 dl {margin-top:10px;}

/*
@media only screen and (min-width:1600px) {
    #mainContent {width:1400px;}
    #mainContent .flick_container .area_mvg .cover {width:1400px;}
}
*/

.mapWrap > div {float:left;width:50%;box-sizing:border-box;}
.mapWrap > div.home {padding-right:1.5%;border-right:solid 1px #ccc;}
.mapWrap > div.anyang {padding-left:1.5%;}
.mapWrap dl {margin:30px 0 0 20px;}
.mapWrap dl dt {box-sizing:border-box;}
.mapWrap dl dt h4 {font-size:18px;color:#000;}
.mapWrap dl dt p {margin-top:20px;font-size:14px;color:#878787;line-height:30px;}
.mapWrap dl dt .buttonWrap {margin-top:20px;text-align:right;}
.mapWrap dl dd {box-sizing:border-box;}
.mapWrap dl dd ul {margin-top:30px;}
.mapWrap dl dd ul li {padding-left:50px;min-height:45px;font-size:40px;line-height:30px;font-size:14px;color:#878787;letter-spacing:-1px;}
.mapWrap dl dd ul li.walk {background:url("../images/company/map_icon_01.png") 0 0 no-repeat;}
.mapWrap dl dd ul li.bus {background:url("../images/company/map_icon_02.png") 0 0 no-repeat;}