@charset 'utf-8';
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* RESET ----------- */
header,footer,section,article,aside,nav,menu,figure,figcaption{display:block;}
html{overflow-y:scroll;}
html,body{width:100%;}
html,body,ul,ol,li,form,fieldset,legend,dt,dd{margin:0;padding:0;}
p,h1,h2,h3,h4,h5,h6,dl{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:16px;}
body,input,textarea,select,button,table,option{font-family:'Noto Sans KR',sans-serif;font-size:12px;line-height:1.3;word-break:keep-all;color:#666;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
fieldset,img{border:0;}
legend{color:#666;}
button,a{cursor:pointer;text-decoration:none;color:#666;}
a:hover,a:focus{color:#0081db;}
li{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
blockquote,q{quotes:' ';}
abbr,acronym{cursor:help;border-bottom:1px dotted;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
hr{display:none;}
i{font-style:normal;}
img{max-width:100%;}

/* COMMON ----------- */
.skip{position:fixed;z-index:9999;top:0;left:0;width:100%;}
.skip a{display:block;position:fixed;top:-30px;left:0;width:100%;height:30px;line-height:30px;text-align:center;opacity:.8;color:#000;background-color:#fff;}
.skip a:hover,.skip a:active,.skip a:focus{top:0;}
.blind{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
select{height:34PX;padding-left:5px;font-size:13px;vertical-align:middle;border:1px solid #d8d8d8;}
.i_txt{height:32PX;padding:0 15px;font-size:13px;line-height:32px;vertical-align:middle;border:1px solid #d8d8d8;border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0);}
.i_txt:focus{border-color:#0081db;}
.i_chk{width:14px;height:14px;vertical-align:middle;border:1px solid #ccc;border-radius:0;}

/* DESKTOP */
@media all and (min-width:767px){
	body,input,textarea,select,button,table,option{font-size:16px;}
}

/* PRINT ----------- */
@media print{
	.header,#snb,#aside{display:none;}
}

/* ---------------------------------
	PLUGIN
---------------------------------*/

/* BX SLIDER ----------- */
.bxslider{position:relative;z-index:0;*zoom:1;}
.bxslider:after{content:'';display:block;clear:both;}
.bx-wrapper,.bx-viewport{margin:0;border:0;background:none;-webkit-box-shadow:0 0 0 #fff;-moz-box-shadow:0 0 0 #fff;box-shadow:0 0 0 #fff;}
.bx-viewport{left:0;border:0;background:none;}
.bx-viewport img{vertical-align:top;}

/* ---------------------------------
	COMMON
--------------------------------- */
.skip{position:fixed;z-index:9999;top:0;left:0;width:100%;}
.skip a{display:block;position:fixed;top:-30px;left:0;width:100%;height:30px;line-height:30px;text-align:center;opacity:.8;color:#000;background-color:#fff;}
.skip a:hover,.skip a:active,.skip a:focus{top:0;}
.blind{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clearfix:after{content:'';display:block;clear:both;}

/* SCROLLBAR ----------- */

/* IMAGE REPLACEMENT ----------- */

/* IR */
.ir{position:relative;overflow:hidden;margin:10px -10px;}
.ir .image img{width:100%;vertical-align:top;}
.ir .replacement{position:absolute;top:-9999em;left:-9999em;}

/* IB */
.ib{position:relative;overflow:hidden;margin:10px 0;}
.ib .image img{vertical-align:top;}
.ib .replacement{position:absolute;top:0;left:0;}

/* APPEAR ----------- */
.m_appear{display:block!important;}
.d_appear{display:none!important;}

/* TEXT */
.m_appear_txt{display:inline!important;}
.d_appear_txt{display:none!important;}

/* DESKTOP */
@media all and (min-width:767px){
	.m_appear{display:none!important;}
	.d_appear{display:block!important;}

	/* TEXT */
	.m_appear_txt{display:none!important;}
	.d_appear_txt{display:inline!important;}
}

/* BUTTON ----------- */
.butt{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:46px;margin:10px 0;padding:0;font-size:16px;line-height:42px;text-align:center;vertical-align:middle;white-space:nowrap;color:#0081db;border:2px solid #0081db;border-radius:3px;background-color:#fff;}
.butt.blue{color:#fff;background-color:#0081db;}
.butt.btn_back:before,.butt.btn_more:after,.butt.btn_dnld:after,.butt.btn_bottom:after{content:'';display:inline-block;width:10px;height:19px;margin:-2px 8px 0 0;vertical-align:middle;background:url('/images/common/ico.png') -80px -30px no-repeat;}
.butt.btn_more:after{margin:-2px 0 0 12px;background-position:-100px -30px;}
.butt.btn_back,.butt.btn_more,.butt.btn_bottom{display:inline-block;}
.butt.btn_dnld:after{width:17px;height:16px;margin:13px 0 0 8px;vertical-align:top;background-position:0 -30px;}
.butt.btn_bottom:after{width:20px;height:14px;margin:-2px 0 0 12px;background-position:-120px -100px;}



/* DESKTOP */
@media all and (min-width:767px){
	.butt{display:inline-block;width:auto;margin:0 3px;padding:3px 10px;}
}
.butt2{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:25px;padding:0;padding:0 3px;font-size:14px;text-align:center;vertical-align:middle;white-space:nowrap;color:#fff;border:0;background-color:#4e4e4e;}

/* DESKTOP */
@media all and (min-width:767px){
	.butt2{display:inline-block;width:auto;margin:0 3px;padding:0 10px;}
}

/* ICON ----------- 
i.ico{display:inline-block;*overflow:hidden;background-position:0 0;background-size:contain;background-repeat:no-repeat;*font-size:0;*line-height:0;text-indent:-9999em;*text-indent:0;vertical-align:middle}*/
i.icon{display:inline-block;vertical-align:top;text-indent:-9999em;*overflow:hidden;*font-size:0;*line-height:0;*text-indent:0;}
i.icon-chk{width:21px;height:16px;background:url('/images/common/ico.png') no-repeat -120px 0;}
i.icon-chk.on{background-position:-120px -20px;}
i.icon-gt{width:6px;height:11px;margin:-2px 8px 0;vertical-align:middle;background:url('/images/common/layout.png') no-repeat -170px -80px;}
.icon-flag{display:inline-block;width:43px;height:29px;margin-right:5px;padding:7px 0;font-size:11px;text-align:center;vertical-align:top;color:#fefefe;background-color:#0081db;}
.icon-flag.semi{line-height:15px;background-color:#9888c7;}
.icon-flag.press{background-color:#0081db;}
.icon-flag.news{background-color:#013c73;}
.icon-flag.pr{background-color:#e72410;}
.icon-flag.num{font-size:30px;line-height:29px;}
.icon-state{display:inline-block;width:60px;height:21px;font-size:12px;line-height:21px;text-align:center;vertical-align:middle;color:#fff;background-color:#999;}
.icon-state.ing{background-color:#0081db;}

.icon-flag_eng{display:inline-block;width:58px;height:30px;margin-right:5px;padding:7px 0;font-size:11px;text-align:center;vertical-align:top;color:#fefefe;background-color:#0081db;}
.icon-flag_eng.semi{line-height:15px;background-color:#9888c7;}
.icon-flag_eng.press{background-color:#0081db;}
.icon-flag_eng.news{background-color:#013c73;}
.icon-flag_eng.pr{background-color:#e72410;}
.icon-flag_eng.num{font-size:30px;line-height:29px;}


/* TEXT ----------- */

/* MW ----------- */

/* TABLE ----------- */
.scrl_tbl{overflow:auto;margin-bottom:80px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
.top_tbl{overflow:hidden;margin:0 0 15px;font-size:15px;font-weight:500;}
.top_tbl .date{float:left;}
.top_tbl .degree{float:right;}
.tbl_basic{width:100%;min-width:1000px;table-layout:fixed;border:1px double transparent;border-bottom:2px solid #ccc;}
.tbl_basic th,.tbl_basic td{height:32px;padding:5px;font-size:13px;text-align:center;border:1px solid #ccc;border-width:0 1px;}
.tbl_basic thead th{height:23px;padding:10px 5px;font-size:15px;font-weight:600;color:#fff;border:1px solid #fff;background-color:#0081db;}
.tbl_basic tbody tr:nth-child(odd) th,.tbl_basic tbody tr:nth-child(odd) td{background-color:#f3f3f3;}
.tbl_basic td strong{color:#333;}
.tbl_basic tr.div th,.tbl_basic tr.div td{border-top:1px solid #ccc;}
.tbl_basic tr.total th,.tbl_basic tr.total td{font-weight:700;border-bottom:1px solid #dfdfdf;}
.tbl_basic td.al_r{text-align:right;}
.tbl_basic tr.dep1 th{padding-left:40px;}
.tbl_basic tr.dep1 th,.tbl_basic tr.dep1 td{border-top:0;border-bottom:0;}
.tbl_basic .rowgroup{background-color:#f3f3f3;}
.tbl_basic_v1 tbody th{background-color:#f3f3f3;}
.tbl_basic_v2 tbody th,.tbl_basic_v2 tbody td{border:1px solid #dfdfdf;}
.container .tbl_basic{min-width:715px;}

/* TABLE (철강) */
.tbl_steel tbody tr:nth-child(odd) th,.tbl_steel tbody tr:nth-child(odd) td{background-color:white;}
.tbl_steel th,.tbl_steel td{border-width:1px;}

/* TABLE(철강-연료가스) */
.tbl_carbon thead tr:last-child th{font-size:12px;font-weight:400;}

/* TABLE(소재사업) */
.tbl_material caption{margin-bottom:10px;font-size:14px;text-align:right;}
.tbl_material tbody tr:nth-child(odd) th,.tbl_material tbody tr:nth-child(odd) td{background-color:white;}
.tbl_material tbody th{border:1px solid #ccc;background-color:white;}
.tbl_material .boder{border:1px solid #ccc;}

/* TABLE (고객문의) */
.tbl_inquiry tbody tr td:nth-child(2){padding:5px 15px;line-height:25px;text-align:left;}
.tbl_inquiry tbody tr td p{float:left;padding-right:20px;}

/* 구조물 */
.tbl_stru th,.tbl_stru td{height:51px;}
.tbl_stru thead th{height:23px;}

/* 주식구성 */
.tbl_stock th,.tbl_stock td{height:16px;padding:12px 20px;font-size:15px;color:#333;}
.tbl_stock thead th{height:23px;}
.tbl_stock tbody th{font-weight:400;text-align:left;}

/* 공시정보 */
.tbl_fin th,.tbl_fin td{font-size:15px;font-weight:400;color:#333;}
.tbl_fin_v1 th,.tbl_fin_v1 td{font-weight:500;}

/* 배당정보 */
.tbl_distr th,.tbl_distr td{height:16px;padding:12px 20px;font-size:15px;font-weight:400;color:#333;}

/* BOARD : LIST ----------- */
.brd_list table{width:100%;font-size:13px;text-align:center;border-bottom:2px solid #dfdfdf;}
.brd_list th,.brd_list td{height:23px;padding:10px 15px;}
.brd_list thead th{font-size:15px;font-weight:400;color:#fff;background-color:#0081db;}
.brd_list tbody tr:nth-child(odd) td{background-color:#f3f3f3;}
.brd_list td.subject{text-align:left;}
.brd_list .period{max-width:180px;}
.brd_list .state{max-width:110px;}
.brd_list .num,.brd_list .period,.brd_list .sort{display:none;}
.brd_list_v1 table{border-left:1px double transparent;}
.brd_list_v1 th,.brd_list_v1 td{border-left:1px solid #dfdfdf;}
.brd_list_v1 thead th{border-left-color:#fff;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_list table{table-layout:fixed;}
	.brd_list th,.brd_list td{padding:10px;}
	.brd_list col.num,.brd_list col.period,.brd_list col.sort{display:table-column;}
	.brd_list .num,.brd_list .period,.brd_list .sort{display:table-cell;}
	.brd_list_v1 td.subject{padding-left:25px;}
}

/* 자료센터 */
.brd_list.cen tbody tr td:nth-child(2){text-align: left;}


/* BOARD : THUMBNAIL (border X) ----------- */
.brd_thumb{margin-bottom:15px;text-align:left;}
.brd_thumb .list:after{content:'';display:block;clear:both;}
.brd_thumb li{overflow:hidden;margin-bottom:30px;}
.brd_thumb a,.brd_thumb a:hover p,.brd_thumb a:focus p{-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.brd_thumb a{display:block;font-size:12px;background-color:#f5f5f5;}
.brd_thumb .details{padding:20px;}
.brd_thumb .thumb{border:1px solid #e6e6e6;border-bottom:none;}
.brd_thumb .thumb img{width:100%;vertical-align:top;}
.brd_thumb .subject{margin-bottom:7px;font-size:16px;color:#000;}
.brd_thumb .subject strong{font-weight:500;}
/* 171019 양끝정렬 수정 */
.brd_thumb .dsc{line-height:1.58;text-align:justify;}
.brd_thumb .cate{margin-top:15px;font-size:13px;color:#666;}
.brd_thumb a:hover,.brd_thumb a:focus{color:#fff;background-color:#0081db;}
.brd_thumb a:hover p,.brd_thumb a:focus p{color:#fff;}


/* VER 1 */
.brd_thumb_v1 .subject{font-size:17px;line-height:1.4;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_thumb{margin:0 -15px;}
	.brd_thumb li{float:left;width:33.33%;}
	.brd_thumb a{height:360px;margin:0 15px;}
	.brd_thumb.brd_thumb_v1 .details{padding-top:15px;}
	.brd_thumb.brd_thumb_v1 .subject{overflow:hidden;height:54px;line-height:1.64;}
}

/* BOARD : THUMBNAIL 2 (details border O) ----------- */
.brd_thumb2{margin-bottom:15px;text-align:left;}
.brd_thumb2 .list{margin-top:-20px;}
.brd_thumb2 .list:after{content:'';display:block;clear:both;}
.brd_thumb2 li{overflow:hidden;margin-top:20px;}
.brd_thumb2 a{display:block;font-size:12px;}
.brd_thumb2 .thumb:before,.brd_thumb2 .details{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.brd_thumb2 .thumb{position:relative;overflow:hidden;margin:0;border:1px solid #ccc;border-bottom:none;}
.brd_thumb2 .thumb:before{content:'';display:block;position:absolute;top:23px;right:30px;bottom:23px;left:30px;font-size:16px;text-align:center;opacity:0;color:#fff;background:rgba(0,129,219,.8) url('/images/common/ico_more.png') 50% 50% no-repeat;}
.brd_thumb2 .thumb img{width:100%;vertical-align:top;}
.brd_thumb2 .details{position:relative;padding:30px 20px 20px;border:1px solid #e6e6e6;}
.brd_thumb2 .subject{overflow:hidden;height:51px;margin-bottom:33px;font-size:17px;line-height:1.58;color:#000;}
.brd_thumb2 .subject strong{font-weight:500;}
/*171018 양끝정렬 수정*/
/*.brd_thumb2 .details p{text-align:justify;}*/
.brd_thumb2 .icon-flag{position:absolute;top:-23px;left:20px;}
.brd_thumb2 .icon-flag_eng{position:absolute;top:-23px;left:20px;}
.brd_thumb2 .date{font-size:13px;color:#999;}
.brd_thumb2 a:hover .details,.brd_thumb2 a:focus .details{border-color:#0081db;background-color:#0081db;}
.brd_thumb2 a:hover .details *,.brd_thumb2 a:focus .details *{color:#fff;}
.brd_thumb2 a:hover .thumb:before,.brd_thumb2 a:focus .thumb:before{opacity:1;}
.brd_thumb2_v1 .list{margin-top:-30px;}
.brd_thumb2_v1 li{margin-bottom:30px;}
.brd_thumb2_v1 .details{padding:13px 20px 20px;}
.brd_thumb2_v1 .subject{height:auto;margin-bottom:3px;font-size:16px;}
.brd_thumb2_v1 p{line-height:1.53;}
.brd_thumb2.approval .subject{margin-bottom:0;font-size:15px;}
.brd_thumb2.approval .details{height:auto;padding:30px 20px;}
.brd_thumb2.approval .subject strong{font-size:17px;}

.brd_thumb2.part4_eng .subject{height:auto;font-size: 12px;}


/* 영문 마우스오버 */
.brd_thumb2.eng .thumb:before{background:rgba(0,129,219,.8) url('/images/common/ico_more_eng.png') 50% 50% no-repeat;}


/* SPOT */
.brd_thumb2 li.spot{float:none;width:100%;}
.brd_thumb2 li.spot .icon-flag{top:25px;left:40px;}
.brd_thumb2 li.spot .details{height:80px;padding-left:112px;}
.brd_thumb2 li.spot .subject{overflow:hidden;height:auto;height:66px;margin:-10px 0 5px;font-size:24px;line-height:1.4;}
.brd_thumb2 li.spot .thumb:before{top:33px;right:72px;bottom:33px;left:72px;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_thumb2{margin:0 -15px;}
	.brd_thumb2 li{float:left;width:33.33%;}
	.brd_thumb2 a{margin:0 15px;}
	.brd_thumb2 .details{height:107px;}
	.brd_thumb2 li.spot .thumb{height:458px;}
	.brd_thumb2_v1 .details{height:80px;}
	.brd_thumb2_v1.eng .details{height:80px;}
}

/* BOARD : THUMBNAIL 3 ----------- */
.brd_thumb3{margin-bottom:15px;text-align:left;}
.brd_thumb3 .list:after{content:'';display:block;clear:both;}
.brd_thumb3 li{overflow:hidden;margin-top:50px;}
.brd_thumb3 li:first-child{margin-top:0;}
.brd_thumb3 a{display:block;font-size:12px;}
.brd_thumb3 .thumb:before,.brd_thumb3 .details{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.brd_thumb3 .thumb{position:relative;overflow:hidden;margin:0;border:1px solid #acacac;border-width:1px 1px 0;}
.brd_thumb3 .thumb:before{content:'';display:block;position:absolute;top:23px;right:30px;bottom:23px;left:30px;font-size:16px;text-align:center;opacity:0;color:#fff;background:rgba(0,129,219,.8) url('/images/common/ico_more.png') 50% 50% no-repeat;}
.brd_thumb3 .thumb img{width:100%;vertical-align:top;}
.brd_thumb3 .details{position:relative;padding:28px 25px 25px;border:1px solid #e6e6e6;}
.brd_thumb3 .subject{/*overflow:hidden;*/margin-bottom:4px;font-size:15px;color:#333;}
.brd_thumb3 .subject strong{font-weight:600;}
.brd_thumb3 .cmt{font-size:13px;color:#999;}
/* 171018 양끝정렬 수정 */
.brd_thumb3 .dsc{margin-top:15px;line-height:1.75;text-align:justify}
.brd_thumb3 .more{display:none;position:absolute;top:-40px;right:25px;padding-right:20px;font-size:13px;font-weight:600;color:#fff;}
.brd_thumb3 .more:after{content:'';position:absolute;top:4px;right:0;width:10px;height:9px;background:url('/images/common/ico.png') -40px -30px no-repeat;}
.brd_thumb3 a:hover .details,.brd_thumb3 a:focus .details{border-color:#0081db;background-color:#0081db;}
.brd_thumb3 a:hover .details *,.brd_thumb3 a:focus .details *{color:#fff;}
.brd_thumb3 a:hover .thumb:before,.brd_thumb3 a:focus .thumb:before{opacity:1;}
/* 영문 마우스오버 */
.brd_thumb3.eng .thumb:before{background:rgba(0,129,219,.8) url('/images/common/ico_more_eng.png') 50% 50% no-repeat;}


/* BOARD : THUMBNAIL 4 ----------- */
.brd_thumb4{overflow:hidden;text-align:left;}
.brd_thumb4 img{width:100%;}
.brd_thumb4 .list{margin-top:-30px;}
.brd_thumb4 .list:after{content:'';display:block;clear:both;}
.brd_thumb4 li{overflow:hidden;margin-top:30px;}
.brd_thumb4 a{display:block;font-size:12px;}
.brd_thumb4 .thumb:before,.brd_thumb4 .details{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.brd_thumb4 .thumb{position:relative;border:1px solid #ccc;}
.brd_thumb4 .thumb:before{content:'';display:block;position:absolute;top:23px;right:30px;bottom:23px;left:30px;font-size:16px;text-align:center;opacity:0;color:#fff;background:rgba(0,129,219,.8) url('/images/common/ico_more.png') 50% 50% no-repeat;}
.brd_thumb4 .details{position:relative;padding:20px;border:1px solid #ccc;border-width:0 1px 1px;}
.brd_thumb4 .subject{overflow:hidden;overflow:hidden;height:25px;margin-bottom:8px;font-size:15px;line-height:1;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.brd_thumb4 .subject strong{font-weight:400;}
.brd_thumb4 .textContent{display:none;}
.brd_thumb4 .more{display:inline-block;position:relative;padding-right:20px;font-size:13px;color:#0081db;}
.brd_thumb4 .more:after{content:'';position:absolute;top:4px;right:0;width:10px;height:9px;background:url('/images/common/ico.png') -40px -40px no-repeat;}
.brd_thumb4 a:hover .details,.brd_thumb4 a:focus .details{border-color:#0081db;background-color:#0081db;}
.brd_thumb4 a:hover .details *,.brd_thumb4 a:focus .details *{color:#fff;}
.brd_thumb4 a:hover .thumb:before,.brd_thumb4 a:focus .thumb:before{opacity:1;}
.brd_thumb4 a:hover .more:after,.brd_thumb4 a:focus .more:after{background-position:-40px -30px;}
/* 영문 마우스오버 */
.brd_thumb4.eng .thumb:before{background:rgba(0,129,219,.8) url('/images/common/ico_more_eng.png') 50% 50% no-repeat;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_thumb4{margin:60px -15px 35px;}
	.brd_thumb4 li{float:left;width:33.33%;}
	.brd_thumb4 a{margin:0 15px;}
}

/* BOARD : THUMBNAIL 5 ----------- */
.brd_thumb5{overflow:hidden;text-align:left;}
.brd_thumb5 img{width:100%;}
.brd_thumb5 .list{margin-top:-30px;}
.brd_thumb5 .list:after{content:'';display:block;clear:both;}
.brd_thumb5 li{overflow:hidden;margin-top:30px;}
.brd_thumb5 a{display:block;font-size:11px;}
.brd_thumb5 .thumb:before,.brd_thumb5 .details{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.brd_thumb5 .thumb{position:relative;}
.brd_thumb5 .thumb:before{content:'';display:block;position:absolute;top:23px;right:30px;bottom:23px;left:30px;font-size:16px;text-align:center;opacity:0;color:#fff;background:rgba(0,129,219,.8) url('/images/common/ico_more.png') 50% 50% no-repeat;}
.brd_thumb5 .details{position:relative;padding:20px;border:1px solid #ccc;}
.brd_thumb5 dl{margin:-4px 0 16px;}
.brd_thumb5 dt{font-size:16px;font-weight:500;color:#333;}
.brd_thumb5 dd{position:relative;margin-top:20px;padding-left:25px;}
.brd_thumb5 dd:before{content:'';position:absolute;z-index:1;top:-1px;left:0;width:10px;height:14px;border-radius:14px;background:url('/images/common/ico.png') -120px -40px no-repeat;}
.brd_thumb5 dd:after{content:'';position:absolute;z-index:0;top:-4px;left:-3px;width:20px;height:20px;opacity:.95;border-radius:20px;background-color:rgba(255,255,255,.95);}
.brd_thumb5 dd.map {left:2px; height : 60px;}
.brd_thumb5 dd.tel:before{width:14px;background-position:-120px -60px;}
.brd_thumb5 dd.fax:before{width:14px;height:13px;background-position:-120px -80px;}
.brd_thumb5 .more{display:inline-block;position:relative;padding-right:20px;font-size:13px;color:#0081db;}
.brd_thumb5 .more:after{content:'';position:absolute;top:4px;right:0;width:10px;height:9px;background:url('/images/common/ico.png') -40px -40px no-repeat;}
.brd_thumb5 a:hover .details,.brd_thumb5 a:focus .details{border-color:#0081db;background-color:#0081db;}
.brd_thumb5 a:hover .details *,.brd_thumb5 a:focus .details *{color:#fff;}
.brd_thumb5 a:hover .thumb:before,.brd_thumb5 a:focus .thumb:before{opacity:1;}
.brd_thumb5 a:hover .more:after,.brd_thumb5 a:focus .more:after{background-position:-40px -30px;}
/* 영문 마우스오버 */
.brd_thumb5.eng .thumb:before{background:rgba(0,129,219,.8) url('/images/common/ico_more_eng.png') 50% 50% no-repeat;}

/* 171201 수정 */
.brd_thumb5 .list_head{width:100%;/* color:#0081db; */color:#000;font-size:18px;font-weight:600;clear:both;}

/* local */
.local dd.tel{margin-top:10px;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_thumb5{margin:60px -15px 0;}
	.brd_thumb5 li{float:left;width:33.33%;}
	.brd_thumb5 a{margin:0 15px;}
}

/* BOARD : VIEW ----------- */
.brd_view{margin-bottom:70px;}
.brd_view .tit{position:relative;margin-bottom:40px;padding:20px 15px;background-color:#eee;}
.brd_view .tit .subject{padding-left:60px;font-size:20px;font-weight:500;color:#333;}
.brd_view .tit .icon-flag{position:absolute;top:20px;left:15px;vertical-align:top;}
.brd_view .viewer{overflow:hidden;min-height:240px;font-size:14px;line-height:2;color:#272727;}
.brd_view .viewer p{margin:20px 0;}
.brd_view .viewer p:first-child{margin-top:0;}
.brd_view .viewer img{max-width:100%;vertical-align:top;}
.brd_view .btns{text-align:center;}
.brd_view .btns a{width:203px;}
.brd_view .share{margin:40px 0 20px;text-align:right;color:#777;}
.brd_view .share button{display:inline-block;width:29px;height:29px;margin-left:8px;vertical-align:top;text-indent:-9999em;border:0;background:url('/images/common/ico.png') no-repeat;*overflow:hidden;*font-size:0;*line-height:0;*text-indent:0;}
.brd_view .share .btn_blog{background-position:0 0;}
.brd_view .share .btn_fb{background-position:-30px 0;}
.brd_view .share .btn_youtube{background-position:-60px 0;}
.brd_view .share .btn_Instagram{background-position:-90px 0;}
.brd_view .article{color:#999;border-bottom:1px solid #272727;}
.brd_view .article dl{position:relative;padding:23px 10px 23px 80px;border-top:1px solid #272727;}
.brd_view .article dt{position:absolute;top:23px;left:0;width:40px;padding:0 10px 0 30px;color:#999;}
.brd_view .article dt:before{content:'';position:absolute;top:0;left:10px;width:7px;height:13px;background:url('/images/common/ico.png') -20px -30px no-repeat;}
.brd_view .article dd.date,.brd_view .article dd.period{display:none;position:absolute;top:23px;right:0;width:100px;text-align:center;color:#999;}
.brd_view .article dd.period{width:200px;}
.brd_view .article dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_view .tit{margin-bottom:75px;padding:35px 30px;}
	.brd_view .tit .subject{font-size:26px;}
	.brd_view .tit .icon-flag{top:30px;left:30px;}
	.brd_view .share{margin-top:80px;}
	.brd_view .article dl{padding:23px 110px;}
	.brd_view .article dt{width:60px;}
	.brd_view .article dt:before{top:4px;}
	.brd_view .article dd.date,.brd_view .article dd.period{display:block;}
	.brd_view .article_v1 dl{padding-right:210px;}
}

/* BOARD : BTNS ----------- */
.brd_srch{position:relative;max-width:330px;margin:15px auto 0;padding:0 85px 0 88px;text-align:center;}
.brd_srch select,.brd_srch .i_txt,.brd_srch .btn_srch{vertical-align:top;}
.brd_srch select{position:absolute;top:0;left:0;width:80px;}
.brd_srch .i_txt{width:100%;}
.brd_srch .btn_srch{position:absolute;top:0;right:0;width:64px;height:34px;margin:0;padding:0;font-size:13px;color:#fff;border:0;background-color:#666;}

/* DESKTOP */
@media all and (min-width:767px){
	.brd_srch{margin-top:30px;padding-left:108px;}
	.brd_srch select{width:100px;}
}

/* BOARD : BTNS ----------- */
.brd_btm_btns{margin-top:30px;text-align:center;}
.brd_btm_btns .butt{min-width:155px;padding:0 18px;}

/* BOARD : BTNS ----------- */
.paginate{margin:35px 0;text-align:center;}
.paginate .paging a{display:inline-block;width:45px;height:45px;margin:0 1px;line-height:45px;text-align:center;vertical-align:top;border-radius:4px;background-color:#f2f2f5;}
.paginate .paging a.on{color:#fff;background-color:#0081db;}
.paginate .paging a:hover,.paginate .paging a:focus{color:#0081db;}
.paginate .paging .btn_prev,.paginate .paging .btn_next{width:125px;font-size:15px;}
.paginate .paging .btn_prev:before,.paginate .paging .btn_next:after{content:'';display:inline-block;width:8px;height:7px;margin:-2px 6px 0 0;vertical-align:middle;background:url('/images/common/ico.png') -60px -30px no-repeat;}
.paginate .paging .btn_next:after{margin:-2px 0 0 6px;background-position:-70px -30px;}
.paginate .paging .btn_prev{margin-right:10px;}
.paginate .paging .btn_next{margin-left:10px;}

/* DESKTOP */
@media all and (min-width:767px){
	.paginate{margin-bottom:70px;}
	.paginate .paging a{margin:0 5px;}
	.paginate .paging .btn_prev,.paginate .paging .btn_next{width:145px;}
	.paginate .paging .btn_prev{margin-right:20px;}
	.paginate .paging .btn_next{margin-left:20px;}
}

/* LIST : PHOTO ----------- */
.list_photo{font-size:16px;}
.list_photo .item{margin-top:30px;}
.list_photo .item:first-child{margin-top:0;}
.list_photo img{width:100%;vertical-align:top;}
.list_photo a{display:block;color:#666;}
.list_photo .h{position:relative;margin:10px 0 20px;padding-bottom:25px;font-size:26px;font-weight:bold;line-height:1;color:#000;}
.list_photo .h:before{content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:5px;background-color:#0081db;}
/* 171018 양끝정렬 수정 */
.list_photo p{line-height:1.5;text-align:justify;}
.list_photo .thumbs{display:none;}
.list_photo .more{display:inline-block;position:relative;margin-top:4px;padding:5px 20px 5px 0;font-size:13px;letter-spacing:-.05em;color:#0081db;}
.list_photo .more:before{content:'';display:block;position:absolute;top:9px;right:0;width:10px;height:9px;background:url('/images/common/ico.png') no-repeat -40px -40px;}
.list_photo .btn_dnld{position:relative;margin-top:10px;padding-left:15px;font-size:13px;text-align:left;}
.list_photo .btn_dnld:after{position:absolute;top:0;right:15px;}
.list_photo .greet{font-size:13px;}
.list_photo .greet p{line-height:1.85;}
.list_photo .greet .h{margin:10px 0 30px;}
.list_photo .greet .name{margin-bottom:6px;font-size:20px;color:#333;}
.list_photo .greet .name strong{font-weight:700;}
.list_photo .list li{margin:8px 0;}
.list_photo_v1 p{line-height:1.75;}
.list_photo_wide{margin-bottom:50px;}
.list_photo_wide .item{margin-top:60px;}
.list_photo_wide .item:first-child{margin-top:0;}
.list_photo_wide .item:first-child .h{margin-top:0;}
.list_photo_wide .photo{margin:20px 0 0;}
.list_photo .sign{width:145px;height:63px;padding-left:58%;}
.list_photo .sign img{width:100%;}
.list.catalog{margin-bottom:20px;}
.alum .list_photo h3{margin-bottom:25px;}
.alum .list_photo span{margin-top:20px;}
.list_photo.eng .h{font-size:20px;}


/* DESKTOP */
@media all and (min-width:767px){
	.list_photo .item{margin-top:50px;}
	.list_photo .item .inner{position:relative;overflow:hidden;min-height:370px;padding-left:515px;}
	.list_photo .inner .photo_wrap,.list_photo .inner .photo{position:absolute;top:0;left:0;width:485px;}
	.list_photo .inner .photo_wrap .photo{position:static;}
	.list_photo .thumbs{display:block;overflow:hidden;margin-top:10px;}
	.list_photo .thumbs li{float:left;margin-left:11px;}
	.list_photo .thumbs li:first-child{margin-left:0;}
	.list_photo .item.even .inner{padding-right:545px;padding-left:0;}
	.list_photo .item.even .photo{right:0;left:auto;}
	.list_photo img{max-width:100%;}
	.list_photo .h{position:relative;margin:15px 0 50px;padding-bottom:25px;font-size:35px;}
	.list_photo .h:before{content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:5px;background-color:#0081db;}
	.list_photo .more{margin:37px 0 0;}
	.list_photo .btn_dnld{margin-top:20px;padding-left:54px;font-size:16px;}
	.list_photo .btn_dnld:after{right:50px;}
	.list_photo .greet .inner{min-height:458px;}
	.list_photo .greet .h{/*margin-top:0;*/}
	.list_photo_v1 .h{margin-top:42px;}
	.list_photo_v1 .h.m0{margin-top:7px;}
	.list_photo .item.item_v1 .h{margin-top:15px;margin-bottom:35px;}
	.list_photo_wide{margin-bottom:80px;}
	.list_photo_wide .item{margin-top:100px;}
	.list_photo_wide .item:first-child{margin-top:0;}
	.list_photo_wide .h{margin-bottom:25px;}
	.list.catalog{margin-bottom:40px;}
	.list_photo.eng .h{font-size:28px;}
	.list_photo .sign{;padding-left:70%;}
}

/* 고객문의----------- */
.section.inq_tel .wrapper{}
.section.inq_tel h4{text-align: center;color: #000;padding-bottom:60px;font-weight:normal;}
.section .inq .inqp{font-size:20px;color:#000;font-weight: bold; margin-bottom: 5px; float:left; width:100%;height: 30px;}
.section .inq_ko{padding: 0;}
.section .inq div{padding-bottom:30px;text-indent:7px;}
.section .inq li{font-size:13px;color:#000;margin-bottom:3px;}
.section .inq li:first-child{width:100%;font-weight: 500;padding-right:0px; float: left; position: relative; text-indent:8px;}
.section .inq li:first-child:before{content: '';display: block; position: absolute;top: 9px; left: 0px; width: 4px; height: 4px;margin-top: -2px; border-radius: 2px; background-color: #0081db;}
.section .inq li:last-child{margin-bottom:10px;;} 
.section .inq li span{padding-left:10px;}
.section.inq_chek .wrapper{padding:0 15px;}
.box_scrl.inq{margin-bottom: 10px;height: 80px; padding-top: 18px;}
.chk_wrap.inq{margin-bottom: 60px;}
.btns_form_bot.inq{text-align: center;margin-bottom: 60px;}


/* DESKTOP */
@media all and (min-width:767px){
	.section .inq .inqp{width:140px;margin-bottom: 15px;}
	.section .inq .inqp.ma{height:120px;}
	.section .inq .inqp.st{height:90px;}
	.section .inq .inqp.mo{height:30px;}
	.section .inq li{font-size:16px;}
	.section .inq li:first-child{width:100px; text-indent:15px;padding-right:0;}
	.section .inq li:first-child:before{top: 10px; left: 8px;}
	.section .inq_ko{padding: 0 85px;}

	.section .inq_eng{padding: 0 5px 0 20px;}
	.section .inq_eng .inqp.ma{height:75px;}
	.section .inq_eng .inqp.st{height:30px;}
	.section .inq_eng .inqp.mo{height:45px;}
	.section .inq_eng li:first-child{width:150px;}
} 

/* DESKTOP */
@media all and (min-width:767px){
	/* .list_photo2{margin-top:-20px;font-size:15px;color:#000;} */
	.list_photo2 p{margin:0 0 10px;font-size:23px;font-weight: bold;margin-bottom: 15px;}
	/* .list_photo2 .item:first-child{margin-top:0;} */
	.list_photo2 .contact{padding-left: 20px;}
	.list_photo2 .item{position:relative;overflow:hidden;padding-left:10px;}
	.list_photo2 .item:first-child{min-height:230px; }
	.list_photo2 .item:nth-child(2){min-height:180px;}
	.list_photo2 .item:last-child{min-height:80px;}
	.list_photo2 .inner .photo_wrap,.list_photo2 .inner .photo{position:absolute;top:0;left:0;width:358px;}
	.list_photo2 .inner .photo_wrap .photo{position:static;}
	.list_photo2 .thumbs{display:block;overflow:hidden;margin-top:10px;}
	.list_photo2 .thumbs li{float:left;margin-left:11px;}
	.list_photo2 .thumbs li:first-child{margin-left:0;}
	/* .list_photo2 .item.even .inner{padding-left:100px;} */
	.list_photo2 .item.even .photo{right:0;left:auto;}
}

/* 철강 */
.list_photo3 .h{margin:10px 0 35px 0;}
.list_photo3 .more{margin:35px 0;}
.list_photo3 h4{font-size:18px; margin-bottom:20px;}
.list_photo3 .steel{font-size:14px;position:relative;color:#000;}
.list_photo3 .steel .s:before{content:'';display:block;position:absolute;top:23%;left:1px;width:2px;height:160px;background-color:#0081db;}
.list_photo3 .steel li{margin-bottom:10px;}
.list_photo3 .steel li:first-child{width: 100%;float:left;font-weight: 500;padding-left:13px;}
.list_photo3 .steel li:last-child{padding-left:12px;}
.list_photo3 .steel li span{padding-left:10px;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_photo3 .steel .s:before{top:38%;height:78px;}
	.list_photo3 .steel li:first-child{width: 60px;}
}


/* BOARD : THUMBNAIL 4 ----------- */
.list_thumb{overflow:hidden;text-align:left;}
.list_thumb img{width:100%;}
.list_thumb .list{margin-top:-30px;}
.list_thumb .list:after{content:'';display:block;clear:both;}
.list_thumb .thumb_wrap{position:relative;}
.list_thumb .thumb_wrap button{content:'';display:block;position:absolute;z-index:1;top:50%;left:0;width:32px;height:32px;margin-top:-16px;text-indent:-9999em;border:0;background:none;background:url('/images/common/ico.png') 0 -50px no-repeat;}
.list_thumb .thumb_wrap button:hover,.list_thumb .thumb_wrap button:focus{background-position:0 -90px;}
.list_thumb .thumb_wrap button.btn_next{right:0;left:auto;background-position:-40px -50px;}
.list_thumb .thumb_wrap button.btn_next:hover,.list_thumb .thumb_wrap button.btn_next:focus{background-position:-40px -90px;}
.list_thumb li{overflow:hidden;margin-top:30px;}
.list_thumb .item{display:block;font-size:16px;}
.list_thumb .details{position:relative;padding:20px;border:1px solid #ccc;}
.list_thumb .subject{overflow:hidden;overflow:hidden;height:24px;margin:11px 50px 6px 0;color:#333;}
.list_thumb .subject strong{font-weight:400;}
.list_thumb .icon-flag{position:absolute;top:-23px;left:20px;}
.list_thumb .btn_more{display:block;position:absolute;top:27px;right:20px;width:33px;height:32px;text-indent:-9999em;border:0;background:none;background:url('/images/common/ico.png') -80px -50px no-repeat;}
.list_thumb .btn_more:hover,.list_thumb .btn_more:focus{background-position:-80px -90px;}
.list_thumb a:hover .subject,.list_thumb a:focus .subject{color:#0081db;}
.list_thumb a:hover .details,.list_thumb a:focus .details{border-color:#0081db;}
/* 171018 양끝정렬 수정 */
.list_thumb.scaffold .item .details p:last-child{font-size:14px;text-align:justify; height:100px;}
.list_thumb.box .thumb_wrap p{border:1px solid #ccc; border-bottom:0;}

/* 영문 (시공순서) */
.list_thumb.eng_seq .item .details{padding: 30px 20px 20px;}
.list_thumb.eng_seq .item .subject{margin:0; height: auto;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_thumb{margin:60px -15px;}
	.list_thumb li{float:left;width:33.33%;}
	.list_thumb .item{margin:0 15px;}
}

/* FORM ----------- */
.form_table{font-size:13px;}
.form_table fieldset{overflow:hidden;margin-bottom:47px;}
.form_table legend{margin:0 0 22px;font-size:23px;font-weight:bold;color:#333;}
.form_table .cmt{position:relative;margin-bottom:22px;padding-left:10px;font-size:13px;color:#666;}
.form_table .cmt:before{content:'';display:block;position:absolute;top:7px;left:2px;width:4px;height:4px;border-radius:4px;background-color:#b0b0b0;}
.form_table .base_area{position:relative;overflow:hidden;margin-bottom:-2px;padding-left:215px;border-top:2px solid #0081dc;border-bottom:1px solid #e6e6e6;background-color:#fff;}
.form_table .base_area .photo_wrap{position:absolute;top:0;left:0;width:215px;height:100%;text-align:center;background-color:#ebf5fc;}
.form_table .base_area .photo{display:inline-block;margin-top:27px;padding:7px;border:1px solid #ccc;background-color:#fff;}
.form_table .base_area .photo img{width:140px;height:170px;vertical-align:top;}
.form_table .base_area .tbl{border:0;border-bottom:2px solid transparent;border-left:1px solid #dfe9ef;}
.form_table .base_area .file{position:relative;overflow:hidden;width:77px;height:24px;margin:10px auto;}
.form_table .base_area .file .btn_file{width:77px;height:24px;margin:0;font-size:14px;color:#fff;border:0;background-color:#4e4e4e;}
.form_table .base_area .file .i_file{position:absolute;top:0;right:0;cursor:pointer;opacity:.0;}
.form_table .tbl{width:100%;table-layout:fixed;border-top:2px solid #0081dc;}
.form_table .tbl caption{display:none;}
.form_table .tbl th,.form_table .tbl td{padding:10px;font-size:15px;vertical-align:top;color:#000;border-bottom:1px solid #e6e6e6;}
.form_table .tbl tbody th{padding-top:15px;font-size:15px;font-weight:400;text-align:left;vertical-align:middle;border-bottom:1px solid #e6e6e6;}
.form_table .tbl tbody td{border-bottom:1px solid #e6e6e6;}
.form_table .item{position:relative;margin:0;}
.form_table .item>p{margin-top:5px;}
.form_table .item>p:first-child{margin-top:0;}
.form_table .item>p .i_text{margin:0;}
.form_table .item .i_check,.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle;}
.form_table .item .i_text{position:relative;width:128px;height:19px;padding:2px 5px;font-size:11px;vertical-align:middle;border:1px solid #b3b3b3;background:transparent;}
.form_table .item select{width:140px;height:25px;margin:0;border:1px solid #b3b3b3;}
.form_table .item label{margin:0 10px 0 0;cursor:pointer;}
.form_table .lab_wrap{position:relative;margin-top:5px;padding-left:60px;}
.form_table .lab_wrap:first-child{margin-top:0;}
.form_table .lab_wrap label{display:inline-block;position:absolute;top:0;left:0;width:50px;margin:0;font-size:13px;line-height:23px;text-align:right;vertical-align:top;color:#0081dc;}
.form_table .lab_wrap .i_text{margin:0;}
.form_table .lab_wrap select{margin:0;}
.form_table .txt_deg{font-size:13px;color:#0081dc;}
.form_table .btn_area{margin:15px 0 0;text-align:right;}
.form_table .btn_area button{width:78px;height:30px;margin-left:6px;font-size:13px;color:#0081dc;border:1px solid #0081dc;border-radius:3px;background-color:#fff;}
.form_table .btn_area .btn_add{color:#fff;background-color:#0081dc;}
.form_table .textarea{padding:10px;border:2px solid #0081dc;}
.form_table .textarea.board{border:1px solid #b3b3b3;}
.form_table .textarea textarea{width:100%;font-size:13px;color:#000;border:0;outline:none;}
.form_table .attach_area{padding:11px 10px;font-size:13px;border:2px solid #0081dc;border-width:2px 0 1px;border-bottom-color:#e6e6e6;}
.form_table .btns_form_bot{margin:10px 0;text-align:center;}
.form_table .btns_form_bot .butt{min-width:80px;}
.form_table .btns_form_bot.last{margin-top:60px;}

/* 너비 사이즈 */
.form_table .item .w800{width:800px;}
.form_table .item .w600{width:600px;}
.form_table .item .w500{width:500px;}
.form_table .item .w412{width:412px;}
.form_table .item .w220{width:220px;}
.form_table .item .w270{width:270px;}
.form_table .item .w90{width:90px;}



/* 성적 */
.form_table .grade .item{font-size:13px;color:#000;}
.form_table .grade .item label{margin:0 3px;font-size:13px;color:#0081dc;}
.form_table .grade .item label:first-child{margin-left:0;}
.form_table .grade .item .i_text{width:52px;margin-right:3px;}

/* 시력 */
.form_table .eye .item{font-size:13px;color:#000;}
.form_table .eye .item label{margin:0 3px 0 13px;font-size:13px;color:#0081dc;}
.form_table .eye .item label:first-child{margin-left:0;}
.form_table .eye .item .i_text{width:28px;margin-right:3px;}

/* ---------------------------------
LAYOUT
--------------------------------- */

/* HEADER ----------- */

.header{height:25px;padding:14px 0;border-top:4px solid #0081db;}
.header a,.footer a{-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;}
.header .logo{position:absolute;z-index:1;top:18px;left:15px;width:126px;}
.header .logo img{width:100%;vertical-align:top;}
.header .btn_hamb{position:absolute;top:10px;right:5px;padding:10px;border:0;background:none;}
.header .btn_hamb:before{content:'';display:block;width:18px;height:15px;background:url('/images/common/layout.png') 0 0 no-repeat;background-size:135px auto;}
.menu_wrap{display:none;position:fixed;z-index:50;top:0;right:0;overflow-y:scroll;width:272px;height:100%;min-height:100%;background-color:#fff;}
.header .gnb{text-align:center;border-bottom:1px solid #ededed;}
.header .gnb:after{content:'';display:block;clear:both;}
.header .gnb li{position:relative;float:left;float:left;width:33.33%;}
.header .gnb li a{display:block;overflow:hidden;height:57px;font-size:11px;font-weight:400;border-left:1px solid #ededed;background-color:#fff;}
.header .gnb li > a:before{content:'';display:block;width:22px;height:22px;margin:11px auto 2px;background:url('/images/common/layout.png') 0 -20px no-repeat;background-size:135px auto;}
.header .gnb li.innet a:before{background-position:0 -20px;}
.header .gnb li.innet a:hover:before,.header .gnb li.innet a:focus:before{background-position:0 -45px;}
.header .gnb li.smap a:hover:before,.header .gnb li.smap a:focus:before{background-position:-25px -45px;}
.header .gnb li.lang a:hover:before,.header .gnb li.lang a:focus:before{background-position:-50px -45px;}
.header .gnb li.smap a:before{background-position:-25px -20px;}
.header .gnb li.lang a:before{background-position:-50px -20px;}
/*171018 select box 화살표 수정*/
.header .gnb li.lang select{margin-top:-10px;font-size:13px;font-size:13px;vertical-align:bottom;border:0;background:url('/images/main/icon_select.png') right center no-repeat;-webkit-appearance:listbox;}
.header .lnb .nav{overflow:hidden;margin-bottom:100px;}
.header .lnb .nav a{display:block;position:relative;padding:12px 18px 13px;font-size:14px;font-weight:500;color:#666;border-bottom:1px solid #ededed;}
.header .lnb .nav a:hover,.header .lnb .nav a:focus{color:#0081db;}
.header .lnb .nav a:before{content:'';position:absolute;top:50%;right:18px;width:7px;height:13px;margin-top:-6px;background:url('/images/common/layout.png') -105px 0 no-repeat;background-size:135px auto;}
.header .lnb .nav li.on .sub{display:block;}
.header .lnb .nav li.on a:before{width:13px;height:7px;margin-top:-3px;background-position:-115px 0;}
.header .lnb .sub{display:none;background-color:#fafafa;}
.header .lnb .sub a{height:20px;padding:13px 15px;font-size:15px;}
.header .lnb .sub a:before{display:none;}
.header .lnb .sub a:hover,.header .lnb .sub a:focus{color:#fff;background-color:#0081db;}
.header .lnb li.on .sub{display:block;}

/* google translate 코드 */
#google_translate_element{display:block;}
.header .gnb li.google a{padding-left:0px;}
.header .gnb li.google a:hover:before,.header .gnb li.google a:focus:before{background-position:2000px 100px; padding-left:0px;}
.header .gnb li.google a:before{background-position:200px 100px; padding-left:0px;}


.goog-te-gadget-icon {display:none;}
.goog-te-gadget-simple {border-style:none !important;}

.goog-te-menu-value > span:nth-of-type(1) {font-weight:bold;}
.goog-te-menu-value > span:nth-of-type(2) {display:none;}
.goog-te-menu-value > span:nth-of-type(3) {display:none;}
.goog-te-menu-value > img {display:none;}

/* DESKTOP */
@media all and (min-width:767px){
	.header{position:relative;z-index:25;height:146px;padding:0;border-bottom:1px solid #ebebeb;}
	.header .logo{top:80px;left:0;width:auto;}
	.header .btn_hamb{display:none;}
	.header .gnb,.header .lnb{display:block;}
	.header .menu_wrap{display:block;position:static;top:auto;right:auto;overflow:visible;width:auto;height:auto;min-height:auto;}
	.header .gnb{height:21px;padding:16px 0 12px;font-size:13px;text-align:right;}
	.header .gnb ul{float:right;margin-right:-6px;}
	.header .gnb li{float:left;width:auto;line-height:11px;padding:0 20px;}
	.header .gnb li:last-child{padding-right:0;}
	.header .gnb li:first-child:before{display:none;}
	.header .gnb li:before{content:'';display:block;position:absolute;top:3px;left:0;width:1px;height:10px;background-color:#c1c1c1;}
	.header .gnb li a{display:inline;position:relative;height:auto;padding-left:25px;font-size:13px;border-left:0;}
	.header .gnb li a:before{content:'';display:block;position:absolute;top:2px;left:0;width:16px;height:16px;margin:0;background:url('/images/common/layout.png') 0 -20px no-repeat;background-size:270px auto;}
	.header .gnb li.innet a:before{background-position:-150px -100px;}
	.header .gnb li.innet a:hover:before,.header .gnb li.innet a:focus:before{background-position:-150px -120px;}
	.header .gnb li.smap a:before{background-position:-170px -100px;}
	.header .gnb li.smap a:hover:before,.header .gnb li.smap a:focus:before{background-position:-170px -120px;}
	.header .lnb{padding-top:20px;}
	.header .lnb .nav{display:block;float:right;overflow:visible;margin:0 -20px 0 0;font-size:16px;}
	.header .lnb .nav li{position:relative;float:left;margin:0 2px;}
	.header .lnb .nav a{padding:18px 18px 26px;font-size:16px;font-weight:bold;color:#333;border-bottom:0;}
	.header .lnb .nav a:before{display:none;top:auto;right:18px;bottom:8px;left:18px;width:auto;height:3px;margin-top:0;background:#0081db;}
	.header .lnb .nav li.on a:before{display:block;width:auto;height:3px;margin-top:0;}
	.header .lnb .sub{display:none;position:absolute;z-index:999;top:64px;left:0;min-width:190px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.2);}
	.header .lnb .sub li{float:none;}
	.header .lnb .sub a{height:20px;padding:13px 15px;font-size:15px;font-weight:300;}
	.header .lnb li.on .sub a:before{display:none;}
	.header .lnb .sub a:hover,.header .lnb .sub a:focus{color:#0081db;background-color:#f6f6f6;}
}

/* FOOTER ----------- */
.footer{font-size:13px;color:#999;background:url('/images/common/bg_footer.png') 50% 0 repeat;}
.footer .foot_top{margin:0 auto;padding:30px 15px 37px;}
.footer .logo{display:none;}
.footer .smap{display:none;float:left;font-size:12px;color:#999;}
.footer .smap li{position:relative;float:left;width:115px;margin-right:5px;}
.footer .smap li.invest{width:105px;}
.footer .smap li.recru{width:100px;}
.footer .smap li.mark{width:125px;}
.footer .smap li.conus{width:85px;}
.footer .smap a{position:relative;top:0;left:0;padding-left:20px;color:#999;}
.footer .smap dt a{padding-left:0;}
.footer .smap dd a:before{content:'';display:block;position:absolute;top:6px;left:0;width:10px;height:9px;background:url('/images/common/layout.png') -190px 0 no-repeat;background-size:auto;}
.footer .smap a:hover:before,.footer .nav a:focus:before{background-position:-190px -10px;}
.footer .smap a:hover,.footer .smap a:focus{color:#0081db;}
.footer .smap dt{margin:0 0 25px;font-size:16px;font-weight:500;}
.footer .smap dd{margin:25px 0;}
.footer .h{position:relative;margin-bottom:40px;padding-bottom:20px;font-size:22px;font-weight:bold;color:#fff;}
.footer .h:before{content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:#0081db;}
.footer .contact{margin-bottom:35px;}
.footer .contact address{font-style:normal;}
.footer .contact a{color:#999;}
.footer .contact a:hover,.footer .contact a:focus{color:#0081db;}
.footer .contact li{position:relative;margin:18px 0;padding-left:37px;}
.footer .contact li:before{position:absolute;top:1px;left:0;width:16px;height:16px;background:url('/images/common/layout.png') no-repeat;background-size:135px auto;}
.footer .contact .tel:before{content:'';background-position:-20px 0;}
.footer .contact .addr:before{content:'';left:2px;width:12px;background-position:-40px 0;}
.footer .contact .mail:before{content:'';top:4px;width:16px;background-position:-55px 0;}
.footer .btns_dnld a{display:block;position:relative;height:46px;margin-top:10px;padding:0;padding:0 15px;font-size:16px;line-height:46px;text-align:left;vertical-align:top;white-space:nowrap;color:#fff;border-radius:3px;background-color:#0081db;}
.footer .btns_dnld a:before{content:'';display:block;position:absolute;top:15px;right:20px;width:17px;height:16px;background:url('/images/common/layout.png') -75px 0 no-repeat;background-size:135px auto;}
.footer .btns_dnld .btn_top{display:none;}
.footer .foot_bott{position:relative;overflow:hidden;padding:20px 15px 0;background-color:#081c33;}
.footer .links li{border-bottom:1px solid #28394d;}
.footer .links a{display:block;padding:15px 0;color:#999;}
.footer .links a:hover,.footer .foot_bott .links a:focus{color:#0081db;}
.footer .share{display:none;margin:28px 0 35px;}
.footer .share button{overflow:hidden;width:40px;height:40px;margin-right:7px;padding:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-ms-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out;vertical-align:top;text-indent:-9999em;border:0;border-radius:3px;background:#3d3d3d url('/images/common/layout.png') no-repeat;background-size:135px auto;}
.footer .share .btn_fb{background-position:0 -70px;}
.footer .share .btn_utb{background-position:-45px -70px;}
.footer .share .btn_blog{background-position:-90px -70px;}
.footer .share .btn_insta{background:url('/images/common/btn_insta.png') no-repeat;-webkit-transition:background-image .3s ease-out;-moz-transition:background-image .3s ease-out;-ms-transition:background-image .3s ease-out;-o-transition:background-image .3s ease-out;transition:background-image .3s ease-out;}
.footer .share .btn_fb:hover,.footer .share .btn_fb:focus{background-color:#0081db;}
.footer .share .btn_utb:hover,.footer .share .btn_utb:focus{background-color:#ec2829;}
.footer .share .btn_blog:hover,.footer .share .btn_blog:focus{background-color:#21c405;}
.footer .share .btn_insta:hover,.footer .share .btn_insta:focus{background:url('/images/common/btn_insta_over.png') no-repeat;}
.footer .contact .share{float:none;text-align:left;}
.footer .foot_bott .copyright{float:left;height:28px;margin-top:30px;margin-bottom:35px;}
.footer .foot_bott .share{display:block;float:right;margin-top:18px;text-align:right;}
.footer .foot_bott .share button{margin:0 0 0 7px;}
.footer .foot_bott .share .btn_fb{background-color:#0081db;}
.footer .foot_bott .share .btn_utb{background-color:#ec2829;}
.footer .foot_bott .share .btn_blog{background-color:#21c405;}
.mobile_only{display:block !important;}
.descktop_only{display:none !important;}

/* DESKTOP */
@media all and (min-width:767px){
	.footer{margin-top:0;}
	.footer .logo,.footer .nav{display:block;}
	.footer .logo{height:81px;margin:0 0 55px;padding:53px 0 0;border-bottom:1px solid #595b5f;}
	.footer .smap{display:block;}
	.footer .h{margin-bottom:30px;padding-bottom:23px;font-size:22px;font-weight:normal;}
	.footer .foot_top{position:relative;overflow:hidden;width:1000px;min-height:670px;padding:0;}
	.footer .btns_dnld{position:absolute;top:52px;left:642px;}
	.footer .btns_dnld a{display:block;position:relative;float:left;height:30px;margin:0 10px;margin:0 10px 0 0;padding:0 10px;padding:0 42px;line-height:30px;text-align:left;color:#fff;color:#fff;border:0;background:none;}
	.footer .btns_dnld a:hover,.footer .btns_dnld a:focus{color:#0081db;}
	.footer .btns_dnld a:before{top:0;right:auto;left:0;width:28px;height:30px;background-position:-150px -40px;background-size:auto;}
	.footer .btns_dnld a.btn_clog:before{width:27px;background-position:-180px -40px;}
	.footer .btns_dnld a.btn_top{display:block;}
	.footer .btns_dnld a.btn_top:before{width:24px;background-position:-210px -40px;}
	.footer .contact{float:right;width:243px;}
	.footer .contact .share{display:block;}
	.footer .foot_bott{height:70px;}
	.footer .foot_bott{padding:0;}
	.footer .foot_bott .links{float:right;margin-top:20px;}
	.footer .foot_bott .links li{float:left;margin:0 10px;border-bottom:0;}
	.footer .foot_bott .links a{display:block;padding:10px 5px;}
	.footer .foot_bott .copyright{height:auto;margin-bottom:0;}
	.footer .foot_bott .copyright .txt_skip{display:inline;}
	.footer .foot_bott .share{display:none;}
	.mobile_only{display:none !important;}
	.descktop_only{display:block !important;}
}

/* WRAP,CONTAINER,CONTENT ----------- */ 
.wrap{position:relative;overflow:hidden;min-width:320px;} 
.container{overflow:hidden;margin:0 auto;} .content{margin:0 auto;} .section 
.wrapper{padding:35px 15px;}

/* SNB_LAYOUT */ .container .wrapper .content{padding-top:45px;} .container 
.wrapper .content>.h_sub{margin-top:0;}

/* MAIN */
.wrap.main .content{padding:0;}

/* SNB ----------- */
.snb{display:none;margin:15px;}
.snb dt a{height:20px;padding-bottom:10px;font-size:18px;font-weight:bold;line-height:1;color:#010101;border-bottom:4px solid #0081dc;}
.snb a{display:block;position:relative;height:49px;padding-left:9px;font-size:14px;line-height:49px;border-bottom:1px solid #ececec;}
.snb dd.on a{color:#0081dc;}
.snb dd a:before{content:'';position:absolute;top:50%;left:0;width:4px;height:7px;margin-top:-4px;background:url('/images/common/layout.png') -260px 0 no-repeat;}
.snb dd a:hover:before,.snb dd a:focus:before,.snb dd.on a:before{background-position:-260px -10px;}

/* DESKTOP */
@media all and (min-width:767px){
	.wrap{min-width:1000px;}
	.wrapper{position:relative;width:1000px;margin:0 auto;}
	.wrapper:after{content:'';display:block;clear:both;}
	.content{margin:0 auto;padding:0;}
	.section .wrapper{padding:90px 0;}
	.container{width:1000px;}
	.container .snb{float:left;width:230px;margin:90px 0 0;}
	.container .content{float:right;width:715px;margin-top:90px;}
	.container .section .wrapper{width:auto;padding-top:0;}
	.wrap.main .container{width:auto;}
	.wrap.main .container .snb{display:none;}
	.wrap.main .container .content{float:none;width:auto;margin-top:0;}
	.wrap.main .container .section .wrapper{width:auto;padding-top:0;}
	.snb{display:block;}
}

/* NAV : SUB (철강) ----------- */
.nav_sub{display:none;height:80px;color:#000;border-bottom:1px solid #e8e8e8;}
.nav_sub .wrapper{overflow:hidden;}
.nav_sub .h{float:left;width:90px;margin:24px 0;font-size:24px;}
.nav_sub ul{float:right;}
.nav_sub li{position:relative;float:left;}
.nav_sub li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:18px;margin-top:-9px;background-color:#ebebeb;}
.nav_sub li:first-child:before{display:none;}
.nav_sub a{display:block;padding:30px 12px;font-size:16px;color:#000;}
.nav_sub a:hover,.nav_sub a:active{color:#0081db;}
.nav_sub li.on a{color:#0081db;}
.nav_sub_wrap.fixed{padding-top:80px;}
.nav_sub_wrap.fixed .nav_sub{position:fixed;z-index:50;top:0;left:0;width:100%;background-color:#fff;}

/* DESKTOP */
@media all and (min-width:767px){
	.nav_sub{display:block;}
}

/* ---------------------------------
CONTENT
--------------------------------- */
.dimmed{display:none;display:none;position:absolute;z-index:49;top:0;left:0;width:100%;height:100%;cursor:pointer;background:rgba(0,0,0,.75);}
.thumb img{vertical-align:top;}

/* PLUGIN : BX_SLIDER ----------- */
.bx-wrapper .bx-controls-direction a{z-index:0;width:40px;height:40px;margin-top:-20px;background:url('/images/common/bxslider@2x.png') no-repeat 0 0;background-size:90px auto;}
.bx-wrapper .bx-controls-direction .bx-prev{left:5px;background-position:0 0;}
.bx-wrapper .bx-controls-direction .bx-next{right:5px;background-position:-45px 0;}

/* SUB_TOP : VISUAL ----------- */
.sub_visual{display:none;}

/* DESKTOP */
@media all and (min-width:767px){
	.sub_visual{display:block;min-width:1000px;height:330px;border-bottom:1px solid #e8e8e8;background-repeat:no-repeat;background-position:50% 0;}
	.sub_visual.comp{background-image:url('/images/common/bg_sub_comp.jpg');}
	.sub_visual.busin{background-image:url('/images/common/bg_sub_busin.jpg');}
	.sub_visual.invest{background-image:url('/images/common/bg_sub_invest.jpg');}
	.sub_visual.recru{background-image:url('/images/common/bg_sub_recru.jpg');}
	.sub_visual.mark{background-image:url('/images/common/bg_sub_mark.jpg');}
	.sub_visual.sup{background-image:url('/images/common/bg_sub_sup.jpg');}
	/* 영문 */
	.sub_visual.comp.c_eng{background-image:url('/images/common/bg_sub_comp_eng.jpg');}
	.sub_visual.busin.b_eng{background-image:url('/images/common/bg_sub_busin_eng.jpg');}
	.sub_visual.invest.i_eng{background-image:url('/images/common/bg_sub_invest_eng.jpg');}
	.sub_visual.recru.r_eng{background-image:url('/images/common/bg_sub_recru_eng.jpg');}
	.sub_visual.mark.m_eng{background-image:url('/images/common/bg_sub_mark_eng.jpg');}
	.sub_visual.sup.s_eng{background-image:url('/images/common/bg_sub_sup_eng.jpg');}
}

/* SUB_TOP : SPOT ----------- */
.sub_spot{overflow:hidden;padding:29px 15px;color:#333;background:url('/images/common/bg_spot.jpg') 50% 0 no-repeat;background-size:100% 100%;}
.sub_spot.steelpipe{background-image:url('/images/common/bg_spot_steelpipe.jpg');}
.sub_spot.scaffold{background-image:url('/images/common/bg_spot_scaffold.jpg');}
/* 이미지수정요망 */
.sub_spot.shipyard{background-image:url('/images/common/bg_spot_shipyard.jpg');}
.sub_spot.modular{background-image:url('/images/common/bg_spot_modular.jpg');}
.sub_spot.material{background-image:url('/images/common/bg_spot_material.jpg');}
.sub_spot.aluminum{background-image:url('/images/common/bg_spot_aluminum.png');}
.sub_spot.kdeck{background-image:url('/images/common/bg_spot_kdeck.png');}
.sub_spot.gang{background-image:url('/images/common/bg_spot_gang.png');}
.sub_spot.euro{background-image:url('/images/common/bg_spot_euro.png');}
.sub_spot.ksc100{background-image:url('/images/common/bg_spot_ksc100.png');}
.sub_spot.ksc50{background-image:url('/images/common/bg_spot_ksc50.png');}
.sub_spot.kgbh{background-image:url('/images/common/bg_spot_kgbh.png');}
.sub_spot.ksbh{background-image:url('/images/common/bg_spot_ksbh.png');}
.sub_spot.ksbp{background-image:url('/images/common/bg_spot_ksbp.png');}
.sub_spot.kgbc{background-image:url('/images/common/bg_spot_kgbc.png');}
.sub_spot.ksbc{background-image:url('/images/common/bg_spot_ksbc.png');}
.sub_spot.kcage{background-image:url('/images/common/bg_spot_kcage.png');}
.sub_spot.kwood{background-image:url('/images/common/bg_spot_kwood.png');}
.sub_spot.ksteel{background-image:url('/images/common/bg_spot_ksteel.png');}
.sub_spot.kp240{background-image:url('/images/common/bg_spot_kp240.png');}
.sub_spot.kd150{background-image:url('/images/common/bg_spot_kd150.png');}
.sub_spot.pierform{background-image:url('/images/common/bg_spot_pierform.png');}
.sub_spot.coping{background-image:url('/images/common/bg_spot_coping.png');}
.sub_spot.pylon{background-image:url('/images/common/bg_spot_pylon.png');}
.sub_spot.piertable{background-image:url('/images/common/bg_spot_piertable.png');}
.sub_spot.fcm{background-image:url('/images/common/bg_spot_fcm.png');}
.sub_spot.fsm{background-image:url('/images/common/bg_spot_fsm.png');}
.sub_spot.fslm{background-image:url('/images/common/bg_spot_fslm.png');}
.sub_spot.psm{background-image:url('/images/common/bg_spot_psm.png');}
.sub_spot.box{background-image:url('/images/common/bg_spot_box.png');}
.sub_spot.immersed{background-image:url('/images/common/bg_spot_immersed.png');}
.sub_spot.ksbeam{background-image:url('/images/common/bg_spot_ksbeam.png');}
.sub_spot.nuclear{background-image:url('/images/common/bg_spot_nuclear.png');}
.sub_spot .panel{position:relative;max-height:508px;padding:36px 20px;border-top:3px solid #148add;}
.sub_spot .panel>*{position:relative;z-index:1;}
.sub_spot .panel:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9;background-color:#fff;}
.sub_spot .panel h2{margin:12px 0 10px;font-size:32px;font-weight:400;line-height:1;color:#0081db;}
/*171018 양끝정렬 수정*/
.sub_spot .panel .dsc{line-height:1.58;text-align:justify;}
.sub_spot .panel .butt{width:201px;margin:0;}
.sub_spot .panel .btns{margin-top:15px;}
.sub_spot .panel .btns a{display:inline-block;position:relative;height:38px;margin:10px 40px 0 0;padding-left:48px;font-size:13px;line-height:38px;color:#0081db;}
.sub_spot .panel .btns a:first-child{margin-top:0;}
.sub_spot .panel .btns a:before{content:'';position:absolute;top:0;left:0;width:38px;height:38px;background:url('/images/common/ico_pipe@2x.png') 0 0 no-repeat;background-size:120px auto;}
.sub_spot .panel .btns a.btn_more:before{background-position:0 0;}
.sub_spot .panel .btns a.btn_plumb:before{background-position:-40px 0;}
.sub_spot .panel .btns a.btn_struc:before{background-position:-80px 0;}

/* DESKTOP */
@media all and (min-width:767px){
	.sub_spot{height:755px;padding:0;background-size:1920px 100%;}
	.sub_spot .panel{width:583px;margin:19% 0;padding:46px 40px;}
	.sub_spot .panel:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9;background-color:#fff;}
	.sub_spot .panel h2{margin:25px 0 30px;font-size:61px;color:#0081db;}
	/*171018 양끝정렬 수정*/
	.sub_spot .panel .dsc{font-size:15px;line-height:1.53;text-align:justify;}
	.sub_spot .panel .butt{width:200px;margin:0;}
	.sub_spot .panel .btns{margin-top:38px;}
	.sub_spot .panel .btns a{padding-left:60px;font-weight:600;}
	.sub_spot_dsc .panel{width:510px;}
	.sub_spot_dsc .panel h2{margin-top:0;}
}

/* PATH ----------- */
.path{height:20px;padding:10px 15px 5px;font-size:11px;border:1px solid #e8e8e8;border-width:1px 0;}
.path .home{position:relative;padding-left:18px;}
.path .home a{color:#999;}
.path .home a:hover,.path .home a:focus{color:#0081db;}
.path i.icon-gt{width:4px;height:7px;margin:-2px 3px 0;background-position:-172px -82px;}
.path .home:before{content:'';display:block;position:absolute;top:2px;left:0;width:16px;height:14px;background:url('/images/common/layout.png') -150px -80px no-repeat;}
.path strong{font-weight:normal;color:#333;}

/* DESKTOP */
@media all and (min-width:767px){
	.path{padding:15px;font-size:15px;border-top:0;}
	.path .home{padding-left:22px;}
	.path .home a{color:#999;}
	.path .home a:hover,.path .home a:focus{color:#0081db;}
	.path i.icon-gt{width:6px;height:11px;margin:-2px 8px 0;background-position:-170px -80px;}
	.path .home:before{top:4px;}
	.path strong{font-weight:normal;color:#333;}
}

/* TITLE ----------- */
.h_sub{position:relative;margin:0 0 40px;padding-bottom:25px;font-size:26px;font-weight:600;line-height:1;text-align:center;color:#000;}
.h_sub:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#0081db;}

/* TITLE : ETC */
.p_sub_cmt{margin:-25px 0 55px;line-height:1.5;text-align:center;}
.p_sub_cmt.recru{color:#000;}

/* DESKTOP */
@media all and (min-width:767px){
	.h_sub{margin-bottom:60px;font-size:28px;}
	.h_sub.large{font-size:33px;}
	.h_sub_v1{margin-bottom:10px;}
	.p_sub_cmt.recru{margin:65px 0 45px;font-size:18px;}
}

/* TAB ----------- */
.nav_tabs{margin-bottom:30px;text-align:center;}
.nav_tabs li{display:inline-block;min-width:125px;margin:2px 0;*display:inline;*zoom:1;}
.nav_tabs a{display:block;height:60px;line-height:60px;color:#000;border-radius:3px;background-color:#e6e6e6;padding-top:4px;}
.nav_tabs a:hover,.nav_tabs a:focus{color:#0081db;}
.nav_tabs li.on a{color:#fff;background-color:#0081db;}
.nav_tabs.wide li{min-width:48%;}
.nav_down{margin-bottom:50px;text-align:center;}

/* DESKTOP */
@media all and (min-width:767px){
	.nav_tabs{margin-bottom:60px;}
	.nav_tabs li{min-width:195px;}
	.nav_tabs a{font-size:18px;}
	.nav_tabs.wide li{min-width:192px;}
}

/* TAB ----------- */
.nav_tabs2{overflow:hidden;margin-bottom:30px;text-align:center;}
.nav_tabs2 li{float:left;width:33.33%;min-width:60px;}
.nav_tabs2 a{display:block;height:60px;margin:1px;font-size:14px;line-height:60px;color:#000;background-color:#e6e6e6;}
.nav_tabs2 a:hover,.nav_tabs2 a:focus{color:#0081dc;}
.nav_tabs2 li.on a{color:#fff;background-color:#0081dc;}

/* DESKTOP */
@media all and (min-width:767px){
	.nav_tabs2 li{width:16.66%;}
	.nav_tabs2 a{margin:0;}
}

/* BANNER : MAIN ----------- */
.mainbnnr{overflow:hidden;}
.mainbnnr .bx-viewport{position:static!important;min-height:275px;border:0;background:none;-webkit-box-shadow:0 0 0 #fff;-moz-box-shadow:0 0 0 #fff;box-shadow:0 0 0 #fff;}
.mainbnnr img{width:100%;}
.mainbnnr .btns{position:absolute;top:70.909%;left:0;width:100%;text-align:center;}
.mainbnnr .btn_view{display:inline-block;width:128px;height:28px;font-size:10px;font-weight:400;line-height:28px;text-align:center;vertical-align:top;color:#fff;border:1px solid #fff;}
.mainbnnr .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:12px;background:none;}
.mainbnnr .bx-wrapper .bx-pager.bx-default-pager a:hover,.mainbnnr .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;}
.mainbnnr .bx-wrapper .bx-pager{bottom:30px;}

.main_btn_view{display:block;text-align:center;margin-top:15px;width:130px;height:40px;font-size:14px;line-height:36px;border:0;border-radius:4px;color:#fff;background-color:#0081db;}
.main_btn_view:hover{display:block;text-align:center;margin-top:15px;width:130px;height:40px;font-size:14px;line-height:36px;border:0;border-radius:4px;color:#fff;background-color:#0081db;}

/* DESKTOP */
@media all and (min-width:767px){
	.mainbnnr{height:600px;}
	.mainbnnr .bx-viewport li{position:relative;overflow:hidden;height:600px;text-align:center;}
	.mainbnnr .bx-viewport img{position:absolute;top:0;left:50%;width:1920px;max-width:1920px;height:600px;margin-left:-960px;}
	.mainbnnr .btns{top:411px;}
	.mainbnnr .btn_view{width:170px;height:46px;font-size:16px;line-height:46px;border:0;border-radius:4px;background-color:#0081db;}

	.main_btn_view{display:block;text-align:center;margin-top:20px;width:170px;height:46px;font-size:16px;line-height:46px;border:0;border-radius:4px;color:#fff;background-color:#0081db;}
	.main_btn_view:hover{display:block;text-align:center;margin-top:20px;width:170px;height:46px;font-size:16px;line-height:46px;border:0;border-radius:4px;color:#fff;background-color:#0081db;}
	.main_btns_right{float:right;}
}

/* ---------------------------------
00.메인
--------------------------------- */

/* COMMON */

.divmain{padding:37px 15px 60px;text-align:center;}
.divmain .h_main{position:relative;margin:30px 0 35px;padding-bottom:20px;font-size:26px;font-weight:bold;color:#000;}
.divmain .h_main:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#0081db;}

/* MOVIE */
.divm_mov{position:relative;padding-bottom:30px;color:#fff;background-color:#0081db;}
.divm_mov .details{margin-top:30px;}
.divm_mov .subject{position:relative;margin:0 0 30px;padding-bottom:20px;font-size:26px;font-weight:bold;line-height:1.3;color:#fff;}
.divm_mov .subject:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#fff;}
.divm_mov .mov iframe{width:100%;}
.divm_mov p{margin-top:20px;line-height:1.625;}
.divm_mov .btns{display:none;margin:42px 0 40px;text-align:center;}
.divm_mov .btns ul{margin:0 -10px;}
.divm_mov .btns:after{content:'';display:block;clear:both;}
.divm_mov .btns li{float:left;width:33.33%;}
.divm_mov .btns a{display:block;position:relative;height:46px;margin:0 10px;padding-left:66px;line-height:46px;text-align:left;color:#fff;border-radius:2px;background-color:#013c73;}
.divm_mov .btns a:before{content:'';display:block;position:absolute;top:10px;left:18px;width:17px;height:26px;background:url('/images/main/ico_main.png') no-repeat 0 0;}
.divm_mov .btns a.btn_prod:before{width:26px;background-position:-20px 0;}
.divm_mov .btns a.btn_map:before{width:20px;background-position:-50px 0;}
.divm_mov .ctrl button{display:block;position:absolute;top:10%;left:-65px;overflow:hidden;width:40px;height:40px;margin-top:37px;padding:0;text-indent:-9999em;border:0;background:none;background:url('/images/main/ico_main_mov.png') -50px 0 no-repeat;}
.divm_mov .ctrl button.btn_next{right:-65px;left:auto;background-position:0 0;}

/* NETWORK 모바일 */
.divm_netw { position: relative; overflow: hidden; padding: 0; background-color: #fff; }
.divm_netw .map img { width: 100%; border: none; }

.divm_netw .details{padding:37px 15px 70px;color:#c9e1fe;}
.divm_netw .h_main { position: relative; display: inline-block; margin: 0 auto; color: #000; text-align: center; margin-bottom: 30px;}
.div_netw .h_main:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#0081db;}
.divm_netw p{line-height:1.625;}
.divm_netw .btns{margin-top:35px;padding-bottom: 40px;}
.divm_netw .btns:after{content:'';display:block;clear:both;}
.divm_netw .btns .butt{float:left;width:47%;margin:0 0 0 1.5%;padding:0;}
.divm_netw .btns .butt:first-child{margin: 0 1.5%;}
.divm_netw .mapwrap{position:relative;}
.divm_netw .btn_icon{display:block;position:absolute;z-index:5;width:16%;height:9.56%;}
.divm_netw .mapwrap .america{top:25.61%;left:8.4%;}
.divm_netw .mapwrap .india{top:39%;left:58.3%;width:11.71%;}
.divm_netw .mapwrap .africa{top:51.1%;left:46.875%;width:12.65%;}
.divm_netw .mapwrap .kumkang{top:25.3%;left:60.15%;width:24.21%;}
.divm_netw .mapwrap .vietnam{top:40.7%;left:76.6%;width:15.93%;}
.divm_netw .mapwrap .malaysia{top:47.5%;left:62.5%;width:16.25%;}
.divm_netw .mapwrap .indonesia{top:52.3%;left:80.9%;width:18.75%;}
.divm_netw .btn_center { text-align: center; margin-bottom: 50px;}
.divm_netw .desc {text-align: justify; padding: 0 20px; max-width: 800px; margin: 0 auto; color: #555; }

/* DESKTOP */
@media all and (min-width:767px){

	/* COMMON */
	.divmain{padding:42px 0 90px;text-align:center;}
	.divmain .h_main{margin:40px 0 60px;padding-bottom:20px;font-size:33px;}
	.divmain .btns{margin:20px 0 0;}

	/* MOVIE */
	.divm_mov{position:relative;text-align:left;}
	.divm_mov li{width:1000px;}
	.divm_mov .subject{margin-bottom:25px;padding-bottom:25px;font-size:26px;}
	.divm_mov .subject strong{font-weight:normal;}
	.divm_mov .subject:before{left:0;height:3px;margin:0;}
	.divm_mov .mov{position:absolute;z-index:1;top:8px;left:0;overflow:hidden;width:445px;height:250px;}
	.divm_mov .mov iframe{width:445px;height:250px;}
	.divm_mov .details{position:relative;width:500px;min-height:258px;padding-left:480px;}
	.divm_mov .ctrl button{top:75px;}
	.divm_mov .btns{display:block;}

	/* PRODUCTS */
	.divm_prod .btns a{min-width:175px;}

	/* NETWORK 데스트탑 */
	.divm_netw { position: relative; padding: 60px 0 70px; background-color: #fff; text-align: center; color: #000; }
	.divm_netw .wrapper { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
	.divm_netw .mapwrap { position: relative; width: 100vw; background-color: #fafcfe; display: flex; justify-content: center; align-items: center; }
	.divm_netw .map { display: block; max-width: 1200px; width: 100%; }
	.divm_netw .map img { display: block; width: 100%; height: auto;}

	.divm_netw .btn_icon { display: block; position: absolute; z-index: 5; }
	.divm_netw .mapwrap .america { top: 170px; left: 385px; width: 146px; height: 50px; }
	.divm_netw .mapwrap .india { top: 250px; left: 920px; width: 160px; height: 50px; }
	.divm_netw .mapwrap .africa { top: 316px; left: 930px; width: 180px; height: 50px; }
	.divm_netw .mapwrap .kumkang { top: 162px; left: 1210px; width: 123px; height: 50px; }
	.divm_netw .mapwrap .vietnam { top: 263px; left: 1170px; width: 179px; height: 30px; }
	.divm_netw .mapwrap .malaysia { top: 297px; left: 1150px; width: 160px; height: 25px; }
	.divm_netw .mapwrap .indonesia { top: 324px; left: 1210px; width: 180px; height: 30px; }
	.divm_netw .h_main { position: relative; width: 100%; color: #19191A; text-align: center; font-weight: bold; }
	.div_netw .h_main:before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 50px; height: 5px; margin-left: -25px; background-color: #0081db; }
	.divm_netw .details { padding: 20px 95px 70px; color: #c9e1fe; }
	.divm_netw .details p { line-height: 1.75; }
	.divm_netw .btns { margin-top: 20px; }
	.divm_netw .btns .butt { width: 120px; }
	.divm_netw .desc { color: #555; padding: 0 20px; max-width: 1000px; margin: 0 auto; text-align: justify; }

	/* ISSUE */
	.divm_issue .btns .butt{min-width:180px;}
}

/* ---------------------------------
01.회사소개
--------------------------------- */

/* 채용안내 ----------- */

/* 관계회사 */
.sec_ptner{background-color:#f5f6f7;}
.list_ptner{overflow:hidden;margin:0 -5px;}
.list_ptner li{float:left;width:50%;}
.list_ptner li a{display:block;margin:5px;border:1px solid #e6e6e6;}
.list_ptner li img{width:100%;}
.list_ptner li:first-child{margin-left:0;}
.list_ptner img{vertical-align:top;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_ptner{margin:-15px 0 0;text-align:center;}
	.list_ptner li{display:inline-block;float:none;width:174px;vertical-align:top;}
	.list_ptner li a{margin:15px 15px;}
}

/* 기업이념 ----------- */
.sec_idedsc{padding:35px 0;line-height:1.75;}
.sec_idedsc .dsc{overflow:hidden;margin-top:35px;padding:50px 15px;text-align:center;color:#fff;background:url('/images/company/bg_idedsc.jpg') no-repeat 50% 0;}
.sec_idedsc .h{position:relative;margin:0 0 32px;padding-bottom:24px;font-size:18px;line-height:1;}
.sec_idedsc .h:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#fff;}
.sec_idedsc .infogrp{margin:35px auto 0;padding:0 15px;text-align:center;color:#333;}
.sec_idedsc .infogrp .grp{margin-bottom:35px;}

/* DESKTOP */
@media all and (min-width:767px){
	.sec_idedsc{padding:90px 0;}
	.sec_idedsc .dsc{height:370px;margin-top:70px;padding:0;}
	.sec_idedsc .h{margin-top:100px;font-size:33px;}
	.sec_idedsc .infogrp{width:1000px;margin:70px auto 0;padding:0;}
	.sec_idedsc .infogrp .grp{margin-bottom:70px;}
}

/* 연혁 ----------- */
.div_hist .item{margin-top:25px;padding-bottom:28px;border-bottom:1px solid #ccc;}
.div_hist .item:first-child{margin-top:0;}
.div_hist .h_year{font-size:29px;font-weight:600;color:#999;}
.div_hist .photos{overflow:hidden;margin:12px 0;font-size:13px;}
.div_hist .photos .list{margin:0 -5px;}
.div_hist .photos li{float:left;width:33.33%;margin-bottom: 20px;}
.div_hist .photos li:first-child{width:33.33%;}
.div_hist .photos p,.div_hist .photos dl{margin:0 5px;}
.div_hist .photos .photo{margin-bottom:10px;}
.div_hist .photos img{width:100%;}
.list_hist{margin-top:27px;font-size:14px;color:#000;}
.list_hist li{position:relative;margin:12px 0;padding-left:73px;}
.list_hist .date{position:absolute;top:0;left:0;overflow:hidden;width:75px;}

























/* 윤리경영 ------------*/

.topMenu { height: auto; width: 70%; margin:auto; margin-bottom:10%; margin-top:10%}
.topMenu ul li { list-style: none; color: black; /*background-color: #2d2d2d;*/ float: left; vertical-align: middle; text-align: center;width:50%; height:50px; line-height:50px; border-bottom: 1px solid white;} 
.topMenu .menuLink { text-decoration:none; color: black; display: block; width: 100%; font-size: 20px; font-weight: bold; font-family: "Trebuchet MS", Dotum, Arial; } 
.topMenu .menuLink:hover { color: white; background-color: #00A2C9;}

.sub_visual.management {background-image:url('/images/common/management.png');
                            margin-bottom:10px; margin-top:-70px;
                            max-width:100%;                        
    }
.sub_visual.managementflow {
    background-image: url('/images/common/managementflow.png');
    margin-top: 10px;
    width: 100%;
    height: 670px;
    border-bottom: 1px solid white;
}
.current_border {
    border-bottom: 5px solid #00D8FF;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    color: #fff;
}

    .tabcontent.current {
        display: block;
    }




.management_img_thum {
    background-image: url('/images/common/ico_more.png');
    width: 100%;
}

area :hover {
    background:rgba(0,129,219,.8) url('/images/common/ico_more_eng.png') 50% 50% no-repeat;
}



.slideshow-container1 {
  width:70%;
  position: relative;
  margin-top:-100px;
  margin-left:auto;
  margin-right:auto;


}


.slideshow-container2 {
  width:70%;
  position: relative;
  margin-top:-20px;
  margin-left:auto;
  margin-right:auto;


}

.mySlides {display: none;
                margin-left:auto;
                margin-right:auto;
                vertical-align: middle;  
}


.dotslide {
  cursor: pointer;
  height: 15px;
  width: 15px;
  /*margin: 0 2px;*/
  /*margin-top:-15px;*/
  margin-left:5px;
  margin-right:5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  float:right;
 
 
}
.dotslide:hover {
  background-color: #00D8FF;
}
.dotslide_bgcolor{background-color: #00D8FF;}



.icon-singo1{display:inline-block;width:43px;height:29px;margin-right:5px;padding:7px 0;font-size:11px;text-align:center;vertical-align:top;color:#fefefe;background-color:#0081db;}
.icon-singo1.news{background-color:#F15F5F;}
.brd_thumb2 .icon-singo1{position:absolute;top:-23px;left:20px;}
.icon-singo2{display:inline-block;width:43px;height:29px;margin-right:5px;padding:7px 0;font-size:11px;text-align:center;vertical-align:top;color:#fefefe;background-color:#0081db;}
.icon-singo2.news{background-color:#5CD1E5;}
.brd_thumb2 .icon-singo2{position:absolute;top:-23px;left:20px;}
.icon-singo3{display:inline-block;width:43px;height:29px;margin-right:5px;padding:7px 0;font-size:11px;text-align:center;vertical-align:top;color:#fefefe;background-color:#0081db;}
.icon-singo3.news{background-color:#E5D85C;}
.brd_thumb2 .icon-singo3{position:absolute;top:-23px;left:20px;}




.subject .ptxt{font-weight:700;top:-33px;font-size:25px; float:left}






/* 윤리경영 끝라인 -----------------------------------------------------------------------------------*/


















/* DESKTOP */
@media all and (min-width:767px){
	.div_hist{margin-bottom:50px;}
	.div_hist .item{margin-top:50px;padding-bottom:56px;}
	.div_hist .item:first-child{margin-top:0;}
	.div_hist .h_year{font-size:58px;}
	.div_hist .photos .list{margin:0 -15px;}
	.div_hist .photos p,.div_hist .photos dl{margin:0 15px;}
	.div_hist .photos{overflow:hidden;}
	.div_hist .photos dt,.div_hist .photos dd{float:left;}
	.div_hist .photos dt{margin-right:5px;}
	.list_hist{margin-top:54px;}
}

/* 금강네트워크 ----------- */
.sec_netw_view .tit{padding:35px 15px;text-align:center;color:#fff;background-color:#0081db;}
.sec_netw_view .tit p{line-height:2.125;}
.sec_netw_view .h{position:relative;margin:0 0 30px;padding-bottom:25px;font-size:26px;font-weight:600;line-height:1;text-align:center;color:#fff;}
.sec_netw_view .h:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#fff;}
.sec_netw_view .spot_img img{width:100%;vertical-align:top;}
.sec_netw_view .box_info{padding:30px 25px;color:#000;background-color:#f3f3f3;}
.sec_netw_view .box_info ul{margin-top:20px;}
.sec_netw_view .box_info ul:first-child{margin-top:0;}
.sec_netw_view .box_info li{margin-top:20px;}
.sec_netw_view .box_info li:first-child{margin-top:0;}
.sec_netw_view .box_info dt{margin-bottom:2px;font-weight:600;}
.sec_netw_view .map{border:1px solid #ccc;}
.sec_netw_view .map iframe{width:100%!important;height:398px;vertical-align:top;}

/* DESKTOP */
@media all and (min-width:767px){
	.sec_netw_view{padding-bottom:90px;}
	.sec_netw_view .tit{padding:85px 0 213px;}
	.sec_netw_view .spot_img{width:1000px;margin:-160px auto 0;}
	.sec_netw_view .box_info{margin:50px 0;padding:48px 50px;font-size:12px;font-size:12px;}
	.sec_netw_view .box_info{overflow:hidden;}
	.sec_netw_view .box_info ul{float:left;width:50%;margin:0;}
	.sec_netw_view .box_info li{overflow:hidden;margin-top:10px;}
	.sec_netw_view .box_info li:first-child{margin-top:0;}
	.sec_netw_view .box_info dt,.sec_netw_view .box_info dd{float:left;}
	.sec_netw_view .box_info dt{margin-right:5px;}
	.sec_netw_view .box_info dt:after{content:' :';}
}

/* ---------------------------------
02.사업분야
--------------------------------- */

/* 홍보영상 ----------- */
.sec_prmov{background-color:#f5f6f7;}
.sec_prmov .mov{margin:35px auto 0;}
.sec_prmov .mov iframe{width:100%;}

/* DESKTOP */
@media all and (min-width:767px){
	.sec_prmov .mov{width:710px;height:455px;margin-top:65px;}
}

/* 리스트 : 제품 특성 ----------- */
.list_prop{font-size:12px;text-align:center;}
.list_prop ul{overflow:hidden;}
.list_prop li{position:relative;margin-top:34px;}
.list_prop dl{margin-top:13px;}
.list_prop dt{margin-bottom:10px;font-size:19px;font-weight:600;color:#000;}
.list_prop dd{line-height:1.58;}
.list_prop .icon{height:40px;}
.list_prop .icon img{height:100%;}

/* 모듈러 제품특성 그래프 */
.list_prop .graph img{width:80%;}
.list_prop .graph_area{width:308px;margin:30px auto 60px;line-height:1.2;}
.list_prop .graph_area dd{position:relative;margin-top:13px;}
.list_prop .graph_area .tit{margin-bottom:18px;padding-bottom:10px;font-size:13px;border-bottom:1px solid #ccc;}
.list_prop .graph_area .item{position:relative;overflow:hidden;margin:5px 0 0;}
.list_prop .graph_area .item dt,.list_prop .graph_area .item dd{float:left;}
.list_prop .graph_area .item dt{width:88px;height:20px;margin:2px 0 0;font-size:13px;font-weight:normal;text-align:left;color:#666;}
.list_prop .graph_area .item dd{width:155px;margin:0;padding:6px 0 4px;font-size:11px;color:#666;border-bottom:1px solid #e6e6e6;}
.list_prop .graph_area .graph{position:relative;width:100px;height:10px;}
.list_prop .graph_area .graph .bar{position:absolute;top:0;left:0;height:10px;background-color:#b3b3b3;}
.list_prop .graph_area .graph .data{position:absolute;top:-5px;right:-55px;width:55px;font-weight:300;}
.list_prop .graph_area .result{position:absolute;top:3px;right:0;font-size:19px;font-weight:normal;line-height:1;color:#999;}
.list_prop .graph_area .result strong{font-weight:500;}
.list_prop .graph_area .best .graph .data{color:#0081db;}
.list_prop .graph_area .best .graph .bar{background:#07c1e8;background:-moz-linear-gradient(left,rgb(7,193,232) 0%,rgb(0,130,220) 100%);background:-webkit-linear-gradient(left,rgb(7,193,232) 0%,rgb(0,130,220) 100%);background:linear-gradient(to right,rgb(7,193,232) 0%,rgb(0,130,220) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07c1e8',endColorstr='#0082dc',GradientType=1)}
.list_prop .graph_area .best .result{top:-3px;font-size:26px;color:#0081db;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_prop{overflow:hidden;margin:-20px auto 0;}
	.list_prop ul{margin:-40px -19px 0;}
	.list_prop:after{content:'';display:block;clear:both;}
	/*171019 수정*/
	.list_prop li{float:left;width:33.3%;/* min-height:183px; */min-height:190px;margin-top:55px;}
	.list_prop li:first-child{width:33.4%;}
	.list_prop dl{margin:13px 19px 0;}
	.list_prop dt{margin-bottom:15px;}
	.list_prop dd{min-height:84px;line-height:1.83;}
	.list_prop .photo,.list_prop .icon{margin-bottom:20px;}
	.list_prop.column2{width:666px;}
	.list_prop.column2 li{width:352px;}
	.list_prop .graph_area{margin:0 auto;}
	.list_prop .graph_area dt{margin:0;}
	.list_prop .graph_area dd{position:relative;min-height:0;}
}

/* LIST : FLOAT ----------- */
.list_field img{width:100%;max-width:100%;}
.list_field .subject{display:none;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_field{overflow:hidden;margin:0 -5px 90px;}
	/* .list_field li{float:left;width:25%;} */
	.list_field li{position:static !important;display:block !important;float:left !important;width:25% !important;}
	.list_field .subject,.list_field .subject:before{-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;opacity:0;}
	.list_field a{display:block;position:relative;margin:0 5px;}
	.list_field .subject{display:block;position:absolute;top:20%;right:10.5%;bottom:20%;left:10.5%;font-size:18px;text-align:center;color:#fff;}
	.list_field .subject:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;background-color:rgba(0,129,219,.9);}
	.list_field .subject strong{position:absolute;z-index:1;top:50%;right:10px;left:10px;overflow:hidden;margin-top:-12px;white-space:nowrap;text-overflow:ellipsis;}
	.list_field a:hover .subject,.list_field a:focus .subject,.list_field a:hover .subject:before,.list_field a:focus .subject:before{opacity:1;}
}

/* 현장 스케치 ----------- */
.sec_fieldsk .wrapper{overflow:hidden;width:auto;max-width:1920px;padding:35px 0 0;}

/* DESKTOP */
@media all and (min-width:767px){
	.sec_fieldsk .wrapper{/*padding-top:0;*/}
	.sec_fieldsk+.section{margin-top:-90px;}
}

/* 주요 소개 ----------- */
.sec_summary{background-color:#0c2849;}
.sec_summary .inner{position:relative;overflow:hidden;margin:0 auto;}
.sec_summary .photo_wrap{position:relative;}
.sec_summary .photo_wrap button{overflow:hidden;vertical-align:top;}
.sec_summary .photo img{width:100%;vertical-align:top;}
.sec_summary .btn_prev,.sec_summary .btn_next{position:absolute;top:50%;left:0;width:40px;height:40px;margin:0;margin-top:-20px;padding:0;text-indent:-9999em;border:0;background:none;background:url('/images/common/btn_summ.png') 0 0 no-repeat;}
.sec_summary .btn_next{right:0;left:auto;background-position:-50px 0;}
.sec_summary .details{padding:37px 15px 70px;color:#c9e1fe;}
.sec_summary .h_sub{margin-top:0;color:#fff;}
.sec_summary .h_sub:before{background-color:#0081db;}
.sec_summary p{line-height:1.75;}

/* DESKTOP */
@media all and (min-width:767px){
	.sec_summary{position:relative;min-width:1000px;padding:0;text-align:left;}
	.sec_summary .inner{height:650px;}
	.sec_summary .photo_wrap{overflow:hidden;width:67%;}
	.sec_summary .photo img{float:right;width:auto;height:100%;vertical-align:top;}
	.sec_summary .h_sub{margin:200px 0 52px;padding-bottom:20px;font-weight:normal;text-align:left;color:#fff;}
	.sec_summary .h_sub:before{left:3px;margin:0;background-color:#0081db;}
	.sec_summary .details{position:absolute;top:0;right:0;width:27%;height:100%;padding:0 3%;background-color:#0c2849;}
}

/* 모듈러 생산 및 프로세스 ----------- */
.sec_modular{padding-bottom:35px;}
.sec_modular .h_sub{color:#fff;}
.sec_modular .h_sub:before{background-color:#fff;}
.sec_modular .process{height:392px;padding:44px 0;background:url(/images/business/bg_modular_01.jpg) no-repeat 50% 0;}
.sec_modular dl{width:259px;height:105px;margin:25px auto;padding:35px 0 0;text-align:center;background-color:rgba(255,255,255,.8);}
.sec_modular dt{margin-bottom:3px;font-size:14px;font-weight:bold;color:#000;}
.sec_modular dd{font-size:31px;font-weight:500;line-height:1;color:#0081db;}
.sec_modular dd strong{font-size:50px;font-weight:500;}
.sec_modular .infogrp{margin:35px auto 0;padding:0 15px;text-align:center;color:#333;}
.sec_modular .infogrp .grp{margin-bottom:35px;}

/* DESKTOP */
@media all and (min-width:767px){
	.sec_modular{padding-bottom:90px;}
	.sec_modular .process{padding:88px 0 0;}
	.sec_modular dl{float:left;width:415px;height:114px;margin:0 35px;padding:55px 0;}
	.sec_modular dl.first{margin-left:50px;}
	.sec_modular dt{font-size:22px;}
	.sec_modular dd{font-size:50px;}
	.sec_modular dd strong{font-size:80px;}
	.sec_modular .infogrp{width:1000px;margin:70px auto 0;padding:0;}
	.sec_modular .infogrp .grp{margin-bottom:70px;}
}

/* ---------------------------------
03.투자정보
--------------------------------- */

/* ---------------------------------
04.채용정보
--------------------------------- */

/* 금강인재상 ----------- */
.list_items{overflow:hidden;margin-top:45px;}
.list_items ul{overflow:hidden;margin-top:-35px;}
.list_items li{position:relative;overflow:hidden;min-height:115px;margin-top:35px;padding-left:110px;}
.list_items li:before{content:'';display:block;position:absolute;top:0;left:0;width:90px;height:90px;background:url('/images/recruit/ico.png') 0 0 no-repeat;}
.list_items li.team:before{background-position:-100px 0;}
.list_items li.global:before{background-position:-200px 0;}
.list_items li.edu:before{background-position:0 -100px;}
.list_items li.affa:before{background-position:-100px -100px;}
.list_items li.holi:before{background-position:-200px -100px;}
.list_items li.tradi:before{background-position:-300px -100px;}
.list_items li.car:before{background-position:-400px -100px;}
.list_items li.dorm:before{background-position:-500px -100px;}
.list_items li.foot:before{background-position:-600px -100px;}
.list_items li.bus:before{background-position:-700px -100px;}
/*.list_items li.flow:before{background-position:-800px -100px;}*/
.list_items li.work:before{background-position:-800px -100px;}
.list_items li.insur:before{background-position:-900px -100px;}
.list_items li.club:before{background-position:-1000px -100px;}
/*.list_items li.health:before{background-position:-1100px -100px;}*/
.list_items li.ann:before{background-position:-1100px -100px;}
.list_items li.vaca:before{background-position:-400px 0px;}
.list_items dl{margin-top:0;}
.list_items dt{margin-bottom:10px;font-size:16px;color:#000;}
.list_items dd{font-weight:500;}
.list_items.welfare{margin-top:25px;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_items{margin-top:90px;}
	.list_items li{margin-top:70px;}
	.list_items li:before{top:50%;margin-top:-45px;}
	.list_items dl{margin-top:14px;}
	.list_items dt{font-size:22px;}
	.list_items .columns{margin-left:-28px;}
	.list_items .columns li{float:left;width:220px;margin:70px 13px 0 28px;}
	.list_items .columns dl{margin-top:4px;}
	.list_items.welfare li.edu dl,.list_items.welfare li.affa dl,.list_items.welfare li.health dl{margin-top:0;}
	.list_items.welfare li.holi dl{margin-top:14px;}
}

/* 교육제도 ----------- */
.list_system{margin-top:85px;font-size:16px;}
.list_system .item{margin-top:30px;}
.list_system .item:first-child{margin-top:0;}
.list_system .photo{display:none;}
.list_system .h{position:relative;margin:10px 0 20px;padding-bottom:25px;font-size:26px;font-weight:bold;line-height:1;color:#000;}
.list_system .h:before{content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:5px;background-color:#0081db;}
.list_system .list li{position:relative;margin:20px 0;padding-left:10px;line-height:1.625;}
.list_system .list li:fisrt-child{margin-top:0;}
.list_system .list li:before{content:'';display:block;position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:3px;background-color:#0081db;}

/* DESKTOP */
@media all and (min-width:767px){
	.list_system .item{position:relative;overflow:hidden;min-height:370px;margin-top:50px;padding-left:307px;}
	.list_system .photo{display:block;position:absolute;top:0;left:0;width:278px;}
	.list_system .item.even .item{padding-right:307px;padding-left:0;}
	.list_system .item.even .photo{right:0;left:auto;}
	.list_system .h{position:relative;margin:15px 0 35px;padding-bottom:25px;font-size:35px;}
	.list_system .h:before{content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:5px;background-color:#0081db;}
}

/* 채용공고 ----------- */
.box_dnld{overflow:hidden;margin-bottom:20px;padding:19px 15px;border:1px solid #ccc;border-width:1px 0;background-color:#f6f6f6;}
.box_dnld dt{margin-bottom:10px;font-size:14px;font-weight:600;color:#333;}
.box_dnld dt:before{content:'';display:inline-block;width:3px;height:3px;margin:-1px 9px 0 0;vertical-align:middle;border-radius:3px;background-color:#0081db;}
.box_dnld dd a{display:inline-block;width:172px;height:40px;margin-bottom:5px;padding-left:55px;line-height:40px;vertical-align:top;color:#fff;border-radius:3px;background:#1b9ce8 url('/images/recruit/ico_hwp.png') 0 0 no-repeat;}
.box_dnld dd a:after{content:'';display:inline-block;width:17px;height:16px;margin-left:8px;background:url('/images/recruit/ico.png') -300px 0 no-repeat;}
.box_dnld dd a.btn_xls{margin:0;text-align:left;background-color:#49a25f;background-image:url('/images/recruit/ico_xls.png');}

/* DESKTOP */
@media all and (min-width:767px){
	.box_dnld dt,.box_dnld dd{float:left;}
	.box_dnld dt{width:210px;margin:10px 0 0;}
	.box_dnld dd{text-align:right;}
	.box_dnld dd a.btn_hwp{width:186px;padding-left:41px;text-align:center;}
	.box_dnld dd a.btn_xls{margin-left:12px;}
}

/* 입사지원 ----------- */

/* 약관체크 */
.chk_wrap{position:relative;padding:20px 20px 20px 50px;font-size:13px;border:1px solid #ccc;}
.chk_wrap .i_chk{position:absolute;top:20px;left:20px;}

/* 약관 컨텐츠 */
.box_scrl{overflow:hidden;overflow-y:scroll;height:187px;margin:30px 0 0;padding:28px 15px 28px 28px;font-size:13px;line-height:1.5;color:#777;border:1px solid #ccc;background-color:#f7f7f7;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
.box_scrl .h{margin:18px 0 3px -13px;}
.box_scrl .h strong{font-weight:400;}
.box_scrl .h:first-child{margin-top:0;}
.box_scrl ol li{margin:3px 0;margin-left:23px;text-indent:-23px;}
.box_scrl ol ol li{margin-left:16px;text-indent:-16px;}
.box_scrl .p_ind{margin-left:23px;}

/* 입사지원 방법 안내 */
.list_apply{margin:-20px 0 -10px;font-size:13px;text-align:center;}
.list_apply li{margin:7px 0;}

/* 지원서 등록 */
.form_apply{overflow:hidden;margin-top:-20px;margin-bottom:25px;padding-bottom:10px;font-size:13px;border-bottom:2px solid #999;}
.form_apply li{margin-top:15px;}
.form_apply label{display:block;margin-bottom:5px;}
.form_apply .item{padding-right:32px;}
.form_apply .i_txt{width:100%;}
.form_apply .dsc{margin:15px 0 0;font-size:12px;text-align:center;}
.form_apply .dsc strong{font-weight:400;color:#f00;}

/* DESKTOP */
@media all and (min-width:767px){
	.form_apply{margin-top:-40px;margin-bottom:50px;padding-bottom:18px;}
	.form_apply ul{overflow:hidden;margin:17px 0 17px -30px;}
	.form_apply li{float:left;width:50%;}
	.form_apply label{display:block;margin-bottom:13px;}
	.form_apply .item{margin:0 0 0 30px;padding-right:32px;}
	.form_apply .i_txt{height:48px;line-height:48px;}
	.form_apply .info li{width:33.3%;}
	.form_apply .info li:first-child{width:33.4%;}
}

/* 채용안내 ----------- */
.dsc_proc{margin-top:-20px;}
.dsc_proc .guide{margin:30px 0 0;text-align:center;}
.dsc_proc .guide dt{margin-bottom:8px;font-size:22px;font-weight:bold;color:#0081db;}
.dsc_proc .guide dd{line-height:1.875;color:#333;}
.annou{display:none;margin:-20px 0 0 -15px;}
.annou iframe{width:100%;min-width:750px;height:800px;margin:0;padding:0;border:0;}
.p_empty{margin:50px 0;font-size:16px;line-height:1.5;text-align:center;}

/* DESKTOP */
@media all and (min-width:767px){
	.annou{display:block;}
}

/* 입사지원 ----------- */
.txt_apply{font-size:16px;text-align:center;}

/* 홍보센터----------- */
.section.macenter .wrapper{padding-bottom:30px;}
.section.macenter .brd_srch{margin-bottom: 60px;}

/*고객문의----------- */
/* 533 */


/* ETC 사이트맵 ----------- */
.sitemap .h{margin:70px 0 6px;padding-bottom:12px;font-size:22px;color:#000;border-bottom:2px solid #0081db;}
.sitemap a{display:block;padding:11px 0;color:#000;}
.sitemap a:hover,.sitemap a:focus{color:#0081db;}
.sitemap .item{overflow:hidden;border-bottom:1px solid #d9d9d9;}
.sitemap .item>a{float:left;width:147px;font-size:16px;font-weight:500;}
.sitemap .item .nav{overflow:hidden;font-size:13px;}
.sitemap .item .nav>li{overflow:hidden;border-top:1px solid #d9d9d9;}
.sitemap .item .nav>li:first-child{border-top:0;}
.sitemap .item .nav>li>a{margin:10px 0;padding:3px 0;font-weight:500;}
.sitemap .item .sub{overflow:hidden;margin:10px 0;}
.sitemap .item .sub>li{font-weight:300;}
.sitemap .item .sub>li a{padding:5px 0;}

/* DESKTOP */
@media all and (min-width:767px){
	.sitemap a{display:inline-block;vertical-align:top;}
	.sitemap .item .nav>li>a{float:left;width:290px;}
	.sitemap .item .sub{float:left;width:557px;}
	.sitemap .item .sub>li{float:left;width:50%;}
	.sitemap .item .sub>li a{padding:3px 10px 3px 0;}
}


/* 이미지 뷰어 ----------- */
.pswp,.pswp .pswp__container,.pswp .pswp__zoom-wrap,.pswp__details{touch-action:auto!important;}
.pswp--zoom-allowed .pswp__img{cursor:default!important;}
.pswp__top-bar{position:relative;z-index:2;left:50%;left:0;width:100%;height:44px;margin:0 auto;opacity:1!important;background:none!important;}
.pswp__ui--idle .pswp__top-bar{opacity:1;}
.pswp__counter,.pswp__button--close{opacity:1;color:#fff;}
.pswp__caption{z-index:1;top:0;bottom:auto;}
.pswp__caption__center{max-width:900px;height:auto;min-height:40px;padding:10px 50px;text-align:center;background:none;}
.pswp__thumbnails{display:none;position:absolute;bottom:0;left:0;width:100%;height:100px;padding:5px 0 5px 42px;background-color:#000;}
.pswp__thumbnails .pswp__thumbs{position:relative;left:0;margin:0 auto;text-align:center;}
.pswp__thumbnails .pswp__thumbs li{display:inline-block;position:relative;overflow:hidden;width:136px;height:85px;cursor:pointer;vertical-align:top;opacity:.4;background-color:#000;}
.pswp__thumbnails .pswp__thumbs li.pswp__on{opacity:1;}
.pswp__thumbnails .pswp__thumbs img{width:136px;height:85px;vertical-align:top;}
.pswp__thumbnails .pswp__thumbs a{display:block;}
.pswp__thumbnails .btn_prev,.pswp__thumbnails .btn_next{display:block;position:absolute;top:0;left:0;overflow:hidden;width:35px;height:100px;text-indent:-9999em;border:0;background:red;background:url('/images/common/ico_viewer.png') 0 -40px no-repeat;}
.pswp__thumbnails .btn_next{right:0;left:auto;background-position:-40px -40px;}
.pswp__thumbnails .btn_prev:hover,.pswp__thumbnails .btn_prev:focus{background-position:0 -150px;}
.pswp__thumbnails .btn_next:hover,.pswp__thumbnails .btn_next:focus{background-position:-40px -150px;}
.pswp__article{position:relative;background-color:#222;}
.pswp__article .photo{width:100%;margin-top:44px;}
.pswp__article .photo img{width:100%;max-width:767px;vertical-align:top;}
.pswp__article .pswp__details{overflow:hidden;overflow-y:scroll;padding:30px;font-size:13px;text-align:left;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
.pswp__article .pswp__details .subject{margin:0 0 12px;font-size:18px;color:#fff;}
.pswp__article .pswp__details .subject strong{font-weight:500;}
.pswp__article .pswp__details .no{margin-bottom:4px;}
.pswp__article .pswp__details .list_opts{line-height:2.15;}
.pswp__article .pswp__details .list_opts li{margin-bottom:1px;}
.pswp__button--arrow--left,.pswp__button--arrow--right{width:40px;height:58px;margin-top:-58px;}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{top:10px;left:10px;width:20px;height:39px;background:url('/images/common/ico_viewer.png') 0 0 no-repeat;
/* background-color:rgba(0,0,0,.5); */}
.pswp__button--arrow--right:before{background-position:-30px 0;}



/* DESKTOP */
@media all and (min-width:767px){
	.pswp__thumbnails{display:block;}
	.pswp__article .pswp__details{height:250px;}
	.pswp__article{max-width:1000px;padding-right:320px;}
	.pswp__article .photo{width:auto;height:100%;margin-top:0;}
	.pswp__article .photo img{width:auto;height:100%;max-height:667px;}
	.pswp__article .pswp__details{position:absolute;top:0;right:0;width:320px;height:100%;}
	/* 부품리스트 */
	.component .pswp__article .photo{padding:94px 0;text-align:center;background-color:#f1f1f2;}
	.component .pswp__article .photo img{width:626px;height:480px;}
}


/* ---------------------------------
08.POPUP
--------------------------------- */
.pop_wrap{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;}
.pop_wrap:before{content:'';display:block;position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;opacity:.5;background-color:#000;}
.pop_wrap .fg{position:relative;position:fixed;z-index:1;top:50%;left:50%;width:80%;max-width:300px;-webkit-transform:translate(-50%,-50%);-ms-transform:translateY(-50%,-50%);transform:translateY(-50%,-50%);border:2px solid #0081dc;}
.pop_wrap .fg a{display:block;}
.pop_wrap img{width:100%;vertical-align:top;}
.pop_wrap .bott_area{position:relative;height:20px;padding:10px 15px;font-size:12px;background-color:#f0f0f0;}
.pop_wrap .bott_area .i_chk{border-color:#999;}
.pop_wrap .bott_area label{color:#333;}
.pop_wrap .btn_close{position:absolute;top:8px;right:13px;margin:0;padding:0;padding:5px 25px 5px 5px;font-size:12px;color:#333;border:0;background:none;}
.pop_wrap .btn_close:before{content:'';display:block;position:absolute;top:5px;right:5px;width:15px;height:15px;background:url('/images/common/ico_close_pop.png');}

/* 171025 채용공고 비밀번호 찾기 팝업 */
.bg_dim{display:none;position:fixed;top:0;left:0;padding:100%;background:rgba(0,0,0,0.7);z-index:99;}
.pw_pop_wrap{display:none;position:fixed;top:20%;left:50%;width:100%;max-width:318px;margin-left:-160px;background:#fff;border:1px solid #0081dc;z-index:100;}
.pw_pop_wrap dl .pop_head{position:relative;padding:15px 20px;background:#0081dc;color:#fff;font-size:22px;}
.pw_pop_wrap dl .pop_head .btn_pop_close{position:absolute;top:10px;right:20px;}
.pw_pop_wrap dl .pop_desc{padding:15px;}
.pw_pop_wrap dl .pop_desc .info_wrap li{margin-top:10px;font-size:12px;text-align:center;}
.pw_pop_wrap dl .pop_desc .info_wrap li.first{margin:0;padding:10px;background:#f0f0f0;text-align:center;}
.pw_pop_wrap dl .pop_desc .info_wrap li label{position:absolute;top:-9999px;left:-9999px;width:0;height:0;line-height:0;font-size:0;text-indent:-9999px;}
.pw_pop_wrap dl .pop_desc .info_wrap li input{width:95%;height:28px;padding:5px;border:1px solid #b3b3b3;font-size:12px;}
.pw_pop_wrap dl .pop_desc .info_wrap li.last .info_submit{width:98%;height:40px;background:#0081dc;border:0 none;color:#fff;cursor:pointer;}



/* DESKTOP */
@media all and (min-width:767px){
	.pop_wrap{position:absolute;top:auto;right:auto;bottom:auto;left:auto;}
	.pop_wrap:before{display:none;}
	.pop_wrap .fg{position:static;top:auto;left:auto;width:auto;max-width:100%;margin:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}

	/* 171025 채용공고 비밀번호 찾기 팝업 */
	.bg_dim{display:none;position:fixed;top:0;left:0;padding:100%;background:rgba(0,0,0,0.7);z-index:99;}
	.pw_pop_wrap{display:none;position:fixed;top:20%;left:50%;width:395px;margin-left:-197.5px;background:#fff;border:1px solid #0081dc;z-index:100;}
	.pw_pop_wrap dl .pop_head{position:relative;padding:15px 20px;background:#0081dc;color:#fff;font-size:22px;}
	.pw_pop_wrap dl .pop_head .btn_pop_close{position:absolute;top:10px;right:20px;}
	.pw_pop_wrap dl .pop_desc{padding:15px;}
	.pw_pop_wrap dl .pop_desc .info_wrap li{margin-top:10px;font-size:12px;text-align:center;}
	.pw_pop_wrap dl .pop_desc .info_wrap li.first{margin:0;padding:10px;background:#f0f0f0;text-align:center;}
	.pw_pop_wrap dl .pop_desc .info_wrap li label{position:absolute;top:-9999px;left:-9999px;width:0;height:0;line-height:0;font-size:0;text-indent:-9999px;}
	.pw_pop_wrap dl .pop_desc .info_wrap li input{width:95%;height:28px;padding:5px;border:1px solid #b3b3b3;font-size:12px;}
	.pw_pop_wrap dl .pop_desc .info_wrap li.last .info_submit{width:98%;height:40px;background:#0081dc;border:0 none;color:#fff;cursor:pointer;}
}


/* 메인비주얼 */
.bnnr_visual_main{position:relative;width:100%;overflow:hidden;Z-index:0;}
.bnnr_visual_main img{vertical-align:top;}
.bnnr_visual_main .img_wrap{position:relative;width:100%;overflow:hidden;text-align:center;}
.bnnr_visual_main .img_wrap li.img_item{position:relative;overflow:hidden;}
.bnnr_visual_main .img_wrap li.img_item img{position:relative;width:100%;-webkit-transition:transform 3700ms  ease-in-out;-moz-transition:transform 3700ms ease-in-out;-ms-transition:transform 3700ms ease-in-out;-o-transition:transform 3700ms ease-in-out;transition:transform 3700ms ease-in-out;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.bnnr_visual_main .txt_wrap{position:absolute;z-index:99;top:50px;right:15px;left:0;}
/*.bnnr_visual_main .txt_wrap .slick-dots{display:none;position:absolute;bottom:0;left:70px;}*/
/*.bnnr_visual_main .txt_wrap .slick-dots li{display:inline-block;width:10px;height:10px;margin-right:10px;font-size:0;cursor:pointer;vertical-align:middle;text-indent:-9999px;border:3px solid #fff;border:3px solid rgba(255,255,255,.53);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#000;-o-border-radius:100%;}*/
/*.bnnr_visual_main .txt_wrap .slick-dots li.slick-active{border-color:#fff;}*/
.bnnr_visual_main .txt_wrap .slick-dots{display:none;position:absolute;bottom:-59px;left:33%;}
.bnnr_visual_main .txt_wrap .slick-dots li{display:inline-block;width:12px;height:12px;margin-right:10px;font-size:0;cursor:pointer;vertical-align:middle;text-indent:-9999px;border:2px solid #fff;background:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-o-border-radius:100%;}
.bnnr_visual_main .txt_wrap .slick-dots li.slick-active{background:#fff;}
.bnnr_visual_main .txt_wrap dl{border:0;outline:0;}
.bnnr_visual_main .txt_wrap dl dt,.bnnr_visual_main .txt_wrap dl dd > p{position:relative;z-index:1;left:0;margin-right:15px;font-size:18px;font-weight:500;line-height:1.32;-webkit-transition:left .8s,right .8s,opacity 1s;-moz-transition:left .8s,right .8s,opacity 1s;-ms-transition:left .8s,right .8s,opacity 1s;-o-transition:left .8s,right .8s,opacity 1s;transition:left .8s,right .8s,opacity 1s;letter-spacing:-.08em;opacity:0;color:#082160;filter:Alpha(opacity=0);}
.bnnr_visual_main .txt_wrap dl.white dt,.bnnr_visual_main .txt_wrap dl.white dd p.white{color:#fff;}
.bnnr_visual_main .txt_wrap dl dt{margin-bottom:35px;font-size:28px;line-height:1.37;line-height:1.37;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;}
.bnnr_visual_main .txt_wrap dl dd > p{-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;}

/* Active */
.bnnr_visual_main .img_wrap li.img_item.active img{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
.bnnr_visual_main .txt_wrap dl.active dt,.bnnr_visual_main .txt_wrap dl.active dd > p{left:16px;opacity:1;filter:Alpha(opacity=100);}

/* DESKTOP */
@media all and (min-width:767px){
	.bnnr_visual_main{height:600px;position:relative;Z-index:0;}
	.bnnr_visual_main .img_wrap li.img_item img{right:0;left:50%;width:1920px;max-width:1920px;height:600px;margin-left:-960px;}
	.bnnr_visual_main .txt_wrap{position:absolute;z-index:9998;top:98px;left:50%;width:1060px;margin-left:-530px;}
	.bnnr_visual_main .txt_wrap dl dt{margin-bottom:15px;font-size:48px;font-weight:700;line-height:1.37;letter-spacing:-.08em;}
	.bnnr_visual_main .txt_wrap dl dd > p{font-size:17px;line-height:1.93;letter-spacing:-.08em;color:#000;}
	.bnnr_visual_main .txt_wrap dl.active dt{left:30px;}
	.bnnr_visual_main .txt_wrap dl.active dd > p{left:35px;}
	.bnnr_visual_main .txt_wrap .rgt_type{text-align:right;}
	.bnnr_visual_main .txt_wrap dl.rgt_type dt,.bnnr_visual_main .txt_wrap dl.rgt_type dd > p{right:0;left:auto;}
	.bnnr_visual_main .txt_wrap dl.rgt_type.active dt,.bnnr_visual_main .txt_wrap dl.rgt_type.actiical .mapwrap {
    position: static !important;
  }

  .network_vertical .details {
    position: static !important;
  }
}