@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box1{ width:1180px; margin:0 auto; max-width:100%}
.PC{ display:block !important}
.PHONE{ display:none !important}

#header{ position:absolute; left:0; top:0; width:100%; z-index:1000; transition:.3s}
.scroll #header{ top:-20px;}
#header .home_wrap .va_wrap{ height:46px}
#header .home_wrap .menu{ float:right}
#header .home_wrap .menu > li > a{ font-family:notokrR, sans-serif; font-size:0.875em; color:#fff; opacity:.6; padding:0 1em}
#header .home_wrap .menu > li .site_xi {color:#fff; font-size:1.750em; vertical-align:bottom; }
#header .home_wrap .menu > li .siteMapbtn{ position:relative; z-index:10000001; opacity:1; transition:.3s;}
#header .home_wrap .menu > li .siteMapbtn.on{ right:-45px;}
#header .home_wrap .menu > li .siteMapbtn.on .site_xi{ color:#333;}

#header .home_wrap .menu > li:hover > a{ opacity:1}

#header .ham_btn{position:absolute; top:7px; right:65px;}
#header .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:25px; height:25px; margin-top:24px; overflow:hidden;}
#header .all_btn *{ transition:0.3s ease;}
#header .all_btn .all_dot{width:100%; height:3px; background:#222; margin-bottom:5px; display:block; border-radius:3px;}


#header .top_wrap .va_wrap{ height:90px}
#header .top_wrap .logo{ float:left; width:16.16%; background:rgba(255,255,255,0.5);}
#header .top_wrap .gnb_wrap{ float:left; width:83.84%}
#header .top_wrap .gnb_wrap .gnb * { transition:.4s ease-out}
#header .top_wrap .gnb_wrap .gnb{ white-space:nowrap}
#header .top_wrap .gnb_wrap .gnb > li{ margin-left:1%; width:17.5%; position:relative; background:#122f6b; text-align:left}
#header .top_wrap .gnb_wrap .gnb > li.on{ width:62%; background:rgba(255,255,255,0.5);}
#header .top_wrap .gnb_wrap .gnb > li.m_1,
#header .top_wrap .gnb_wrap .gnb > li.m_5{ display:none}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ color:#fff; font-size:1.313em; font-family:notokrB, sans-serif}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ padding-left:10px; position:relative; top:-3px; white-space:nowrap}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ content:"\ea3f"; font-family:xeicon!important; font-size:1.25em; opacity:.3; margin:0 0 0 8px; position:relative; top:3px}
#header .top_wrap .gnb_wrap .gnb > li .dp2{ position:absolute; left:27.5%; width:60%; margin-left:2.5%; height:100%; top:0; visibility:hidden; opacity:0}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ color:#111; padding:0 15px; font-family:notokrB, sans-serif}
#header .top_wrap .gnb_wrap .gnb > li.on:after{ content:""; display:block; clear:both}
#header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:#111; width:23%}
#header .top_wrap .gnb_wrap .gnb > li.on .dp2{ visibility:visible; opacity:1}
#header .top_wrap .gnb_wrap .gnb > li.on .dp2 > li  { position:relative;}
#header .top_wrap .gnb_wrap .gnb > li.on .dp2 > li:hover > a,
#header .top_wrap .gnb_wrap .gnb > li.on .dp2 > li.on > a{ color:#122f6b}
#header .top_wrap .gnb_wrap .gnb > li.on .dp3 > li > a{ height:auto;}

#header .top_wrap .gnb_wrap .gnb > li {position:relative;}
#header .top_wrap .gnb_wrap .gnb > li .dp3 {display:none; position:absolute; left:50%; margin-left:-120px; width:240px;}/*넓이의 반만큼 가야 가운데에 딱옴!maring-left:-120px;*/
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li {display:block;}
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a {display:block;  border-top:1px dashed #ccc; font-size:0.938em; color:#555;  background:#fff; padding:10px; text-align:center;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover .dp3  {display:block;}
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li:hover > a {background:#f5f5f5; color:#122f6b;}


#header .siteMap_wrap{ position:absolute; z-index:1000001; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; visibility:hidden; 
-webkit-transition:opacity.35s,visibility.35s,height.35s; 
		transition:opacity.35s,visibility.35s,height.35s;}
#header .siteMap_wrap.on{ filter:alpha(opacity=100); opacity:1; visibility:visible; height:auto; border-top:1px solid #ccc;}
#header .siteMap_wrap .gnb{ padding-left:1px; overflow:hidden;}
#header .siteMap_wrap .gnb .va_wrap{ height:auto;}
#header .siteMap_wrap .gnb > li{ transition:.3s;}
#header .siteMap_wrap .gnb > li{ float:left; width:20%; position:relative;}
#header .siteMap_wrap .gnb > li:before{ content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
#header .siteMap_wrap .gnb > li:first-child:before{ display:none;}
#header .siteMap_wrap .gnb .dp1,
#header .siteMap_wrap .gnb .dp2{ margin:0 30px;}
#header .siteMap_wrap .gnb .dp1{  *display:inline; zoom:1; min-width:30%; margin-top:20px; padding:10px 10px; background:#122f6b;  text-align:center; color:#fff;}
#header .siteMap_wrap .gnb .dp2{ padding:15px 10px 25px 10px;}
#header .siteMap_wrap .gnb .dp2 > li{ border-top:1px dashed #ccc; padding:0 10px; display:block;}
#header .siteMap_wrap .gnb .dp2 > li:first-child{ border-top:none;}
#header .siteMap_wrap .gnb .dp2 > li > a{ display:block; padding:6px 0; color:#222; text-align:left;}
#header .siteMap_wrap .gnb > li:hover{ background:#f2f2f2;}
#header .siteMap_wrap .gnb .dp1:hover{ background:#444; transition:.3s;}
#header .siteMap_wrap .gnb .dp2 a:hover{ color:#b3161c;}

#header .siteMap_wrap .gnb > li .dp3 {display:none;}



#header .siteMap_bg{ position:fixed; z-index:91; left:0; top:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=0); opacity:0; display:none;}
#header .siteMap_bg.on{ display:block;}


#footer *{ transition:.3s}
#footer .menu_wrap{ background:#2d2d2d}
#footer .menu_wrap .in{ position:relative; padding-right:60px}
#footer .menu_wrap .in:before,
#footer .menu_wrap .in:after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .in:after{ left:auto; right:0}

#footer .menu_wrap .in .etc{ position:absolute; right:0; bottom:0; width:60px}
#footer .menu_wrap .in .etc > li > a{ display:block; line-height:60px; text-align:center; color:#fff; border-top:1px solid rgba(255,255,255,.1)}
#footer .menu_wrap .in .etc > li:hover > a{ background:rgba(0,0,0,.2)}

#footer .menu_wrap .gnb > li{ width:20%; position:relative; padding-bottom:30px}
#footer .menu_wrap .gnb > li:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb > li .dp1{ text-align:left; padding:30px 30px 20px 30px; color:#fff}
#footer .menu_wrap .gnb > li .dp2{ padding:0 30px; color:#fff; text-align:left}
#footer .menu_wrap .gnb > li .dp2 > li{ display:block; position:relative}
#footer .menu_wrap .gnb > li .dp2 > li > a{ color:#fff; text-align:left; font-size:.813em; opacity:.6; padding:5px 0}
#footer .menu_wrap .gnb > li .dp2 > li:hover > a{ opacity:1}
#footer .menu_wrap .gnb > li .dp2 > li .dp3 > li {display:none;}



#footer .link_wrap{ background:#222; border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none; line-height:50px}
#footer .link_wrap .menu > li > a{ color:#fff; font-size:.875em; padding:0 12px}
#footer .link_wrap .menu > li.home > a{ padding-left:0}
#footer .link_wrap .menu > li:hover > a{ color:#66CCFF}

#footer .info_wrap{ background:#222; padding:30px 0 40px 0}
#footer .info_wrap .logo,
#footer .info_wrap .info{ display:block; *display:inline; zoom:1; vertical-align:top}
#footer .info_wrap .logo{ opacity:.5; padding-right:70px; padding-bottom:10px;}
#footer .info_wrap .info > li{display:inline-block; *display:inline; zoom:1; color:#fff; opacity:.5; font-size:.813em; padding-right:20px; letter-spacing:0; line-height:1.4;}
#footer .info_wrap .info > li.tit{ display:block; opacity:1; font-family:notokrB, sans-serif; padding-bottom:10px; font-size:.938em}
#footer .info_wrap .info > li.copyright{ display:block; opacity:.2; padding-top:5px}

#contents{}
#contents .sub_visual{ height:400px; background:#f9f9f9; background-repeat:no-repeat; background-attachment:fixed; background-position:center top; position:relative}
#contents .sub_visual .sub_tt{ font-size:.938em; color:#fff; letter-spacing:6px; padding-top:80px;}
#contents .sub_visual .sub_tit{ font-size:1.313em; color:#fff;  font-family:notokrB, sans-serif; margin-top:10px; margin-bottom:10px}
#contents .sub_visual .sub_tit .xi{ vertical-align:middle; font-size:.75em; padding:0 10px}

#contents .sub_visual .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%; background:rgba(187,187,187,.95)}
#contents .sub_visual .sub_gnb_wrap *{ transition:.3s}
#contents .sub_visual .sub_gnb_wrap .gnb {}
#contents .sub_visual .sub_gnb_wrap .gnb .va_wrap{ height:50px}
#contents .sub_visual .sub_gnb_wrap .gnb > li,
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp1,
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2{ display:none}
#contents .sub_visual .sub_gnb_wrap .gnb > li.on{ display:block}
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp3{ overflow:hidden;}
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2 li{ vertical-align:bottom; width:auto !important;}
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2 li > a{ display:block; position:relative; border-right:1px solid #c0c0c0; font-size:0.938em; font-family:notokrB, sans-serif; color:#333; padding:0 30px;}
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2 li:first-child > a{ border-left:1px solid #c0c0c0}
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2 li:hover > a,
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2 li.on > a{ background:#fff; color:#122f6b}
#contents .sub_visual .sub_gnb_wrap .gnb > li .dp2 li.on > a{ font-size:0.938em;}

#contents .subCon .doc{ margin:50px 25px 100px 25px;}
#contents .subCon .doc.st2{ margin:10px 25px 100px 25px;}


/**********************************************************************************main*******************************************************************************************/
/*********************************************************************************************************************************************************************************/

.main_t_w {text-align:center; padding:50px 0 0 0;}
.main_t_w .ti {color:#2c2c2c; font-size:1.875em; font-family:notokrL; padding-bottom:30px;}
.main_t_w .ti > span {font-family:notokrB; vertical-align:bottom;}

.main_t_w.st2 .ti {color:#fff; font-size:1.875em; font-family:notokrL; padding-bottom:25px;}
.main_t_w .ti > span {font-family:notokrB; vertical-align:bottom;}

.main_t_w.st2 .tx {color:#fff; font-family:notokrL; width:60%; margin:0 auto; line-height:1.4; font-size:1.063em; letter-spacing:0.6px; }
.main_t_w.st2 .online_more {color:#fff; padding:10px 20px; border:1px solid #ccc; font-family:notokrR; cursor:pointer; font-size:1.125em; display:inline-block; margin-top:20px;} 
.main_t_w.st2 .online_more:hover {color:#fff; background:#0f4281; border:1px solid #0f4281;}

.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}

.slider_main_visual{ position:relative}
.slider_main_visual .slides{ overflow:hidden}
.slider_main_visual .slide_img{ background-position:center top; background-repeat:no-repeat; background-size: cover; height:700px;}

.slider_main_visual .paging{ position:absolute; top:470px; left:0; width:100%; text-align:center; z-index:100}
.slider_main_visual .paging span{ display:inline-block; vertical-align:bottom; width:13px; height:13px; background:#fff; font-size:0; border-radius:50%; border:4px solid #fff; opacity:1;}
.slider_main_visual .paging span.swiper-pagination-bullet-active{  background:#0f4281;}

.slider_main_visual .slogan_w {position:absolute;}
.slider_main_visual .slogan_w {position:absolute; left:260px; top:270px; z-index:1000001; text-align:center;}
.slider_main_visual .slogan_w .slogan_t {padding-bottom:10px;} 
.slider_main_visual .slogan_w .ti {color:#fff; font-size:1.500em; font-family:notokrL;}
.slider_main_visual .slogan_w .tx {font-size:1.875em; color:#fff; letter-spacing:1.3px; }

.slider_main_visual .btn li{ position:absolute; z-index:100; top:50%; width:110px; height:30px; margin-top:-15px; background-image:url(../images/temp/main/visual_btn.png); background-repeat:no-repeat; opacity:.7; cursor:pointer}
.slider_main_visual .btn li.btn_prev{ left:1.5em}
.slider_main_visual .btn li.btn_next{ right:1.5em;  background-position:-110px 0}
.slider_main_visual .btn li:hover{ opacity:1}





.con1 .con1_dv01 .quick_dv{position:relative; max-width:1200px; margin:0 auto; z-index:10; margin-top:-70px;} 
.con1 .con1_dv01 .quick_dv .quick_tit{position:absolute; left:0; top:0; height:100%; width:290px; text-align:left; background:url(../images/main/main_icon_quick.jpg);}
.con1 .con1_dv01 .quick_dv .quick_tit .xi_dv{padding:10px 30px;}
.con1 .con1_dv01 .quick_dv .quick_tit .xi_dv .p1{font-size:1.500em; font-family:notokrB; color:#fff;}
.con1 .con1_dv01 .quick_dv .quick_tit .xi_dv .p2{font-size:0.938em; font-family:notokrL; color:#fff; width:90%; position:relative; padding:10px 0 0 20px;}
.con1 .con1_dv01 .quick_dv .quick_tit .xi_dv .p2:before {width:5px; height:35px; background:#fff; position:absolute; content:""; left:5px; top:10px;}


.con1 .con1_dv01 .quick_dv .quick_menu{margin-left:230px;}
.con1 .con1_dv01 .quick_dv .quick_menu ul{overflow:hidden; background-color:#696969; padding:0 60px;}
.con1 .con1_dv01 .quick_dv .quick_menu ul li{ float:left; width:25%; text-align:center; height:115px;}
.con1 .con1_dv01 .quick_dv .quick_menu ul li:first-child::before{background:none;}

.con1 .con1_dv01 .quick_dv .quick_menu ul li.bg1 {background:url(../images/main/main_icon01.jpg) no-repeat center right 80px; }
.con1 .con1_dv01 .quick_dv .quick_menu ul li.bg2 {background:url(../images/main/main_icon02.jpg) no-repeat center right 80px; }
.con1 .con1_dv01 .quick_dv .quick_menu ul li.bg3 {background:url(../images/main/main_icon03.jpg) no-repeat center right 80px; }
.con1 .con1_dv01 .quick_dv .quick_menu ul li.bg4 {background:url(../images/main/main_icon04.jpg) no-repeat center right 80px; }



.con1 .con1_dv01 .quick_dv .quick_menu ul li .p1{font-size:1.25em;  color:#fff; padding-left:70px; font-family:notokrM;}

.con1 .con1_dv01 .quick_dv .quick_menu ul li a:hover .p1{color:#0067be;}


.main_01 .BUSINESS_W {}
.main_01 .BUSINESS_W .bis_ul {overflow:hidden; margin-left:-20px;}
.main_01 .BUSINESS_W .bis_ul li {float:left; width:33.33%;}
.main_01 .BUSINESS_W .bis_ul li .bis_in {margin-left:20px; cursor:pointer;}
.main_01 .BUSINESS_W .bis_ul li .bis_in .bis_img {}
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl {}
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .ti {color:#2c2c2c; font-size:1.375em; font-family:notokrB; padding-top:20px;}
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .line {width:28px; height:1px; background:#7f7f7f; margin:15px 0;}
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .tx {/*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ font-size:1.000em; color:#555; font-family:notokrR; padding-bottom:20px;}
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .more {display:inline-block; padding:5px 30px; background:#fff; border:1px solid #888; }
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .more > a {color:#2c2c2c;  font-family:notokrL; font-size:1.250em;}

.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .ti:hover  {color:#0f4281;}
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .more:hover {background:#0e4281; }
.main_01 .BUSINESS_W .bis_ul li .bis_in > dl .more:hover  > a {color:#fff; display:inline-block;}



.main_02 {background:url(../images/main/inquiry_bg.jpg) no-repeat center center; height:250px;  margin-top:50px; }

.main_02_more {text-align:center;}
.main_02_more > a {border:1px solid #888; padding:5px 30px; font-size:1.250em; font-family:notokrL; color:#2c2c2c; }
.main_02_more:hover > a {background:#0e4281; color:#fff; }

.product_slide_wrap{ position:relative;}
.product_slide_wrap .product_slide{ padding:40px 0 50px 0;}
.product_slide_wrap .product_slide .item{ transition:.2s; text-align:center;}
.product_slide_wrap .product_slide .item .ti { margin-top:10px; color:#111; font-size:1.125em;}
.product_slide_wrap .product_slide .item .inner { margin:0 15px; padding:15px 15px 20px 15px; border-top:4px solid #0e4281; background-color:#fff;}
.product_slide_wrap .product_slide .item .inner .t_in .tit {font-size:1.000em; color:#111; text-align:left;  padding-bottom:15px;}
.product_slide_wrap .product_slide .item .inner .t_in .prod {text-align:left; font-size:0.813em; color:#555; font-family:notorkR; padding-bottom:5px;}
.product_slide_wrap .product_slide .item .inner .t_in .prod.date {padding-bottom:0;}
.product_slide_wrap .product_slide .item .pro_img{ position:relative; margin:15px 0; }
.product_slide_wrap .product_slide .item .inner .t_in .more {display:inline-block; border-radius:50%; border:1px solid #ddd; width:40px; height:40px; line-height:40px; color:#898989; font-size:1.250em;}
.product_slide_wrap .product_slide .item .inner .t_in .more:hover {background:#0e4281; color:#fff;}
.product_slide_wrap .product_slide .item .pro_img .bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.product_slide_wrap .product_slide .item:focus{ outline: none;}

.product_slide_wrap .product_slide .slick-current{}
.product_slide_wrap .product_slide .slick-current .inner{ }
.product_slide_wrap .product_slide .slick-current .ti {}
.product_slide_wrap .product_slide .slick-current .pro_img .bg{}


.product_slide_wrap .control_box {position:absolute; top:50%; left:6%; right:6%;}
.product_slide_wrap .control_arrow{}
.product_slide_wrap .control_arrow > li{position:absolute; top:-25px;}
.product_slide_wrap .control_arrow > li .xi{border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; background-color:rgba(0,0,0,.5); font-size:1.563em; color:#fff; cursor:pointer;}
.product_slide_wrap .control_arrow .prev{ left:330px;}
.product_slide_wrap .control_arrow .next{ right:330px;}

.product_slide_wrap .slick-dots{ position:absolute; bottom:0; left:0; right:0; text-align:center; font-size:0;}
.product_slide_wrap .slick-dots > ul > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:2px; margin:0 2px; border:1px solid transparent; border-radius:50%;}
.product_slide_wrap .slick-dots > ul > li button{ font-size:0; width:10px; height:10px; cursor:pointer; border:none; border-radius:50%; margin:5px; background:#fff;}
.product_slide_wrap .slick-dots .slick-active{ border-color:#fff;}


.main_03 {background:url(../images/main/main_online.jpg) no-repeat center center; height:250px;}





/**/
.tt_st1{ color:#333; font-size:.875em; font-family:notokrR, sans-serif; line-height:1.3}
.tt_st2{ color:#333; font-size:1.125em; line-height:1.5}

/*1_1*/
.sub1_1wrap{/*background:#f9f9f9;*/}
.sub1_1wrap .sub1_tit{padding: 10px 0 30px 0; border-bottom: 1px solid #eee;}
.sub1_1wrap .sub1_tit p{font-family:notokrL, sans-serif; font-size:34px; text-align:center;}
.sub1_1wrap .sub1_tit span{font-family:notokrR, sans-serif; padding-right:4px;}
.sub1_1wrap .tit_line{width:56px; height: 4px; background: #122f6b; position:absolute; left:48%; margin-top:28px; }
.sub1_1wrap .tit_txt{margin:80px 0; text-align:center; font-family:notokrR, sans-serif;}
.sub1_1wrap .tit_txt .t1{font-size:2em; padding-bottom: 14px;}
.sub1_1wrap .tit_txt .t2{font-size:1.125em; }
.sub1_1wrap .txtbox_area{width:50%; height:420px; background-color:#122f6b; color:#fff; float:left;}
.sub1_1wrap .txtbox_area dl{padding: 40px 0 0 40px; font-family:notokrL, serif-sans; }
.sub1_1wrap .txtbox_area dt{font-size: 2em;}
.sub1_1wrap .txtbox_area span{display:block; width:56px; height:4px; background:#fff; margin: 48px 0;}
.sub1_1wrap .txtbox_area dd{font-size:1.250em; line-height:30px;}
.sub1_1wrap .imgbox_area{width:50%; height: 420px; background:url(../images/sub/info.png) no-repeat; float:left;}
.sub1_1wrap .txtbox2_area{clear:both; font-family:notokrR, sans-serif; padding-top:40px;}
.sub1_1wrap .txtbox2_area p{padding: 14px 0; word-spacing: 1.2px; line-height: 24px; }
.sub1_1wrap .txtbox2_area .from{font-weight:800; padding-top: 40px;}


/*1_2*/
.history_top {background: url(../images/sub/3_2bg1.png) no-repeat center; padding:40px 0;}
.history_top .history_top_bg {width: 100%;  background:url(../images/sub/patt.png) repeat; padding:25px 0; }
.history_top .history_top_bg p{ color:#ccc; text-align:center; line-height:1.6; font-weight: 800;}
.history_top .history_top_bg .title{font-size: 34px; margin-bottom: 20px;}
.history_top .history_top_bg .text1{font-size: 16px; width:65%; margin:0 auto}
.history_top .history_top_bg .text2{font-size: 16px; margin-top:13px;}

.sub_history_wrap{ position:relative; z-index:inherit; padding-bottom:150px; }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:100%; margin-left:-1px; top:-49px}

.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:50%; margin-top:40px}
.sub_history_wrap .sub_history > li:first-child{ margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 40px}
.sub_history_wrap .sub_history > li .history .year{ margin: 0 0 40px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; font-weight:600; color:#888; position:relative; z-index:inherit; letter-spacing:-1p;}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; background:url(../images/sub/listdot.png) no-repeat left center; width:8px; height:8px; top:50%; margin-top:-5px;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top: 20px;}
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:90px; font-size:1.063em; color:#0072c6; font-family:notokrM, sans-serif;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#444; margin:3px 0; position:relative; }
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right}
.sub_history_wrap .sub_history > li.even{ left:50%}

.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-44px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-44px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:0px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:0px}

.sub_history_wrap .sub_history > li.odd .history .list .tt { padding-right:34px;}
.sub_history_wrap .sub_history > li.even .history .list .tt { padding-left:34px;}


/*1_5 시공실적*/
.sub_history{ width:100%; margin:auto;}
.sub_history .tit{ border-bottom:1px solid #e3e3e3; border-top:1px solid #ddd; padding:10px 20px; cursor:pointer; background-image:url(../images/sub/plus.png); background-repeat:no-repeat; background-position:center right 20px; }
.sub_history:first-child .tit{ border-color:#ddd}
.sub_history .tit .t1{ vertical-align:bottom; font-size:1.6em; color:#333; letter-spacing:-2px; font-weight:600; }
.sub_history .tit .t2{ vertical-align:bottom; font-size:1.2em; color:#676767; padding-left:5px}
.sub_history .tit.on{ background-image:url(../images/sub/plus.png); }
.sub_history .tit.on .t1, 
.sub_history .tit.on .t2{color:#111} 
.sub_history .con{border-bottom:1px solid #645d5d; /*padding:0 20px;*/ /*display:none;*/}
.sub_history .con .history,
.sub_history .con .his_title { border-top:1px dashed #e3e3e3; padding:10px 10px; }
.sub_history .con .history:first-child,
.his_title:first-child { border-top:none; background-color:#f9f9f9;}
.sub_history .con .history > li, .his_title > li{margin-top:10px}
.sub_history .con .history > li:first-child, 
.his_title > li{margin-top:0}

.sub_history .con .his_title > li{ overflow:hidden;}
.sub_history .con .his_title > li > span{ float:left;} 
.sub_history .con .his_title > li > span.year{ width:14%; text-align:center; font-family:notokrM; color:#115dc0; line-height:23px; font-size:1rem;}
.sub_history .con .his_title > li > span.month{ width:30%; text-align:center; font-family:notokrM; color:#555; line-height:23px; font-size:1rem;} 
.sub_history .con .his_title > li > span.tt{ width:16%; text-align: center; color:#676767; line-height:23px; font-size:1rem;}
.sub_history .con .his_title > li > span.td{ width:22%; text-align:center; color: #676767; line-height: 23px;  font-size:1rem;}
.sub_history .con .his_title > li > span.tc{ width:18%; text-align:center; color: #333; line-height: 23px; font-size:1rem;}

.sub_history .con .history > li{ overflow:hidden;}
.sub_history .con .history > li > span{ float:left;} 
.sub_history .con .history > li > span.year{ width:14%; text-align:center; font-family:notokrR; color:#115dc0; line-height:23px; font-size:0.875em;}
.sub_history .con .history > li > span.month{ width:30%; text-align:left; font-family:notokrR; color:#555; line-height:23px; font-size:0.875em;} 
.sub_history .con .history > li > span.tt{ width:16%; text-align:center; font-family:notokrR; color:#555; line-height:23px; font-size:0.875em;}
.sub_history .con .history > li > span.td{ width:22%; text-align:center; font-family:notokrR; color: #555; line-height: 23px;  font-size:0.875em;}
.sub_history .con .history > li > span.tc{ width:18%; text-align:center; font-family:notokrR; color: #555; line-height: 23px; font-size:0.875em;}

.doc_history {background:url(../images/sub/history_bg.png)no-repeat right 62px; }
.history_t_box .his_tit {font-family:notokrR, sans-serif; font-size:1.8em; text-align:center; color:#777; margin-bottom:34px}

/*1_6*/
.map_wrap{ width: 100%; overflow: hidden;}
.map_wrap .left > iframe{width: 50%; float: left;}
.map_wrap .right > iframe{width: 50%; float: left;}
.map_info{width: 100%; margin: 0 auto;}




.map_right {width:100%;}   
.tbl_st2 { border:1px solid #ddd; padding:0px; margin-bottom:10px; border-top:2px solid #014da1; font-size:.875em; }
.tbl_st2 thead th {border-left:1px solid #ddd; background:#f1f1f1 !important; color:#333 !important;}
.tbl_st2 thead th,
.tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:500; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-size:1em; padding:10px 20px;  }
.tbl_st2 tbody td { text-align:left; color:#666; font-weight:300; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td > a { color:#666 !important; font-weight:300 !important;}
.tbl_st2 tbody td p{ line-height:1.8; background:url(../images/sub/table_tit.jpg) no-repeat left 11px; padding-left:10px;}
.tbl_st2 tbody td p.noimg{ background:none; padding-left:0;}
.tbl_st2 tbody td p span.bus{ font-weight:600;} 
.tbl_st2 tbody td p span.rail{ background:#0041aa; color:#fff; display:inline-block; padding:0px 10px;}
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }
.map_right .busi_tit {border-bottom:1px solid #ddd; position:relative; padding-bottom:10px; margin-bottom:20px;}
.map_right .busi_tit:after {position:absolute; content:''; width:10%; height:1px; background:#009a51; left:0; bottom:-1px;}
{display:inline-block; width:23px; height:23px; background:url(../images/sub/sub_ico.png)no-repeat center center;background-size:100% auto; vertical-align:middle; margin-right:5px;}



/*사업*/`
.img_w {border:1px solid #ccc; margin:10px 0;}

.img_t {background:#f5f5f5; padding:15px;}
.img_t > p {color:#222; font-size:0.938em; font-family:notokrR; vertical-align:middle;}
.img_t > p > i {vertical-align:middle;}
.img_t > p > .xi {color:#122f6b;}

.sub_ti {font-size:1.375em; background:url(../images/sub/tit_bg.jpg) no-repeat left bottom 16px; padding:60px 0 10px 25px; }
.sub_ti.pd_none {padding:0 0 10px 25px;}

.sub_ti2 {font-size:1.125em; color:#122f6b; padding:30px 0 10px 0; }
.sub_ti2 .xi {font-size:0.938em; margin-right:5px;}

.t_w {padding:20px; border:1px solid #ccc; margin:10px 0; }
.t_w .sub_tx {color:#333; font-size:1.000em;  padding-left:10px; position:relative; line-height:1.7;  }
.t_w .sub_tx::before {position:absolute; content:""; width:3px; height:3px; background:#f16623;left:0; top:50%; border-radius:50%;}
.t_w .sub_tx .xi {color:#122f6b;}

.prod_tw {border:1px solid #ccc; padding:20px;}
.prod_tw .tx {position:relative; font-size:0.938em; color:#333; line-height:1.7; padding-left:10px;}
.prod_tw .tx::before {position:absolute; content:""; width:4px; height:1px; background:#122f6b;left:0; top:12px;}
.prod_tw .tx .xi {color:#122f6b;}
.prod_tw .ul_in .li_in {font-size:0.875em; line-height:1.7; color:#666; padding-left:17px;}


/*버튼*/
.notice_btn {text-align:right; padding-top:30px; }
.notice_btn .not_bt {display:inline-block;  border:1px solid #ccc; padding:10px 30px; text-align:center; background:#122f6b; font-size:0.938em; color:#fff; vertical-align:middle; border-radius:25px;}
.notice_btn .not_bt .ti { font-family:notokrM; padding-right:5px; vertical-align:middle;}
.notice_btn .not_bt .xi {vertical-align:middle; font-size:0.938em;}

.notice_btn .not_bt:hover .xi {padding-right:10px; transition:.3;}

/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #069; border-bottom:1px solid #666; position:relative; height:500px; overflow-y:scroll;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ margin-left:180px; background-color:#f9f9f9; padding:20px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:15px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:12px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .agree_area.st .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.st .agree_box .agree_in{ padding:30px;}

.sub .st.agree_area .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.sub .agree_area.st .agree_box .agree_in p{color:#666;  line-height:21px; padding-left:5px;}
.sub .agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}

/*tab*/
.ir_news {margin:0 0 40px 0;}
.ir_news .ir_tab {border-bottom:1px solid #ccc;}
.ir_news .ir_tab .tab_wrap{ padding:10px;}
.ir_news .ir_tab .tab{ text-align:center; /*display:inline-block;*/ }
/*.ir_news .ir_tab .tab > li{ width:33.33%}*/
.ir_news .ir_tab .tab > li > a{  z-index:101; display:block; padding:5px 20px; margin-left:-1px; box-sizing:border-box; font-size:0.938em;}
.ir_news .ir_tab .tab > li > a .tt{ display:block; font-size:1em; color:#666; font-weight:700}
.ir_news .ir_tab .tab > li:hover > a{ transition:.4s; color:#122f6b;}
.ir_news .ir_tab .tab > li.on > a{ z-index:1001; color:#122f6b;  position:relative;}
.ir_news .ir_tab .tab > li.on > a{ opacity:1;}
.ir_news .ir_tab .tab > li > a:after {position:absolute; content:""; left:50%; bottom:-3px; width:30px; height:5px; background:#C00; margin-left:-15px; opacity:0;}

/**/


/*wh*/
.nav_wh { text-align: center; margin-bottom: 25px; margin-top: 25px; }
.nav_wh > li { width: 25%; height: 80px; font-size: 1.125rem; color: #666; cursor: pointer; }
.nav_wh > li .xi {  margin-bottom: 2px; }
.nav_wh > li .icon1 { display: none!important; }

.nav_wh > li.on { color: #173d8a; font-family: notokrB; }
.nav_wh > li.on .icon1 { display: block!important; transition: .2s; }
.nav_wh > li.on .icon2 { display: none!important; transition: .2s; }

.img_resize .va { width: auto; height: 100%; }

/*  table */