@charset "utf-8";
/* CSS Document */

body{ font-size:16px;}
.box0{ width:94%; margin:0 auto;}
.box1{ width:94%; max-width:1200px; margin:0 auto;}
.box2{ width:100%; max-width:1920px; margin:0 auto;}
.pc_hide{ display:none}

/*header*/
#header{ position:fixed; z-index:999; top:0; left:0; width:100%; /*border-bottom:1px solid rgba(255,255,255,.2);*/}
#header.on{ background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.2);}
#header.hide{ display:none;}
#header .gnb_wrap{ position:relative; text-align:center; *zoom:1;}
#header .gnb_wrap:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .vm_wrap{ height:70px;}
#header .gnb_wrap .logo{ position:absolute; top:0; left:60px;}
#header .gnb_wrap .logo > a{ position:relative;}
#header .gnb_wrap .logo img{ height:50px;}
#header .gnb_wrap .logo .w{ position:relative;}
#header .gnb_wrap .logo .c{ position:absolute; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=0); opacity:0;}
#header.on .gnb_wrap .logo .w{ filter:alpha(opacity=0); opacity:0;}
#header.on .gnb_wrap .logo .c{ filter:alpha(opacity=100); opacity:1;}

#header .gnb_wrap .etc_wrap{ position:absolute; top:0; right:0;}
#header .gnb_wrap .etc_wrap .lang{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#header .gnb_wrap .etc_wrap .menu{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#header .gnb_wrap .etc_wrap .lang{ position:relative; margin-right:.8em; text-transform:uppercase;}
#header .gnb_wrap .etc_wrap .lang .tit .tt{ padding:.3em 2em; border:1px solid rgba(255,255,255,.6); font-size:.875em; color:#fff; cursor:pointer;}
#header .gnb_wrap .etc_wrap .lang .list{ display:none; position:absolute; top:80%; left:0; right:0; padding:5px 5px; background:#fff; border:1px solid #ddd;}
#header .gnb_wrap .etc_wrap .lang .list > li > a{ display:block; margin-top:1px; padding:.3em .3em; font-size:.750em; color:#000; transition:.2s;}
#header .gnb_wrap .etc_wrap .lang .list > li:first-child > a{ margin-top:0;}
#header .gnb_wrap .etc_wrap .lang .list > li:hover > a,
#header .gnb_wrap .etc_wrap .lang .list > li.on > a   { color:#fff;}
#header .gnb_wrap .etc_wrap .lang .list > li:hover > a{ background:#0c61b5;}
#header .gnb_wrap .etc_wrap .lang .list > li.on > a   { background:#0c61b5;}
#header .gnb_wrap .etc_wrap .menu > li{ width:80px; border-right:1px solid rgba(255,255,255,.2);}
#header .gnb_wrap .etc_wrap .menu > li:first-child{ border-left:1px solid rgba(255,255,255,.2);}
#header .gnb_wrap .etc_wrap .menu .tt{ color:#fff;}
#header .gnb_wrap .etc_wrap .menu .tt .xi{ font-size:1.500em;}
#header .gnb_wrap .etc_wrap .menu .tt .ham{ position:relative; display:block; margin:0 auto;}
#header .gnb_wrap .etc_wrap .menu .tt .ham,
#header .gnb_wrap .etc_wrap .menu .tt .ham:before,
#header .gnb_wrap .etc_wrap .menu .tt .ham:after { width:25px; height:3px; background:#fff; transition:.2s;}
#header .gnb_wrap .etc_wrap .menu .tt .ham:before,
#header .gnb_wrap .etc_wrap .menu .tt .ham:after { content:""; position:absolute; left:0;}
#header .gnb_wrap .etc_wrap .menu .tt .ham:before{ top:-8px;}
#header .gnb_wrap .etc_wrap .menu .tt .ham:after { bottom:-8px;}
#header #sitemapBtn:hover .ham:before,
#header #sitemapBtn:hover .ham:after{ left:5px;}

#header.on .gnb_wrap .etc_wrap .lang .tit .tt{ border-color:rgba(0,0,0,.6); color:#111;}
#header.on .gnb_wrap .etc_wrap .lang:hover .tit .tt{ background:#333; border-color:#333; color:#fff;}
#header.on .gnb_wrap .etc_wrap .menu > li{ background:#0c61b5; border-right-color:rgba(255,255,255,1); border-left-color:rgba(255,255,255,1);}
#header.on .gnb_wrap .etc_wrap .menu > li:hover{ background:#333; transition:.2s;}

#header .gnb_wrap .gnb{ display:inline-block; *display:inline; zoom:1; padding-left:200px; padding-right:250px;}
#header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li{ float:left; position:relative;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 1.5em; font-size:1.250em; color:#fff; letter-spacing:-1px;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; bottom:-1px; left:50%; width:0; height:5px; background:#0c61b5; transition:.2s;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:80%; margin-left:-40%;}
#header .gnb_wrap .gnb .dp2{ position:absolute; top:100%; left:50%; margin-left:-90px; width:180px; padding:10px 0; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.2); height:200px;}
#header .gnb_wrap .gnb .dp2 .vm_wrap{ height:auto;}
#header .gnb_wrap .gnb .dp2 > li{ padding:0 10px;}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:.55em .5em; font-size:.938em;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ background:#f2f2f2; color:#000;}
#header .gnb_wrap .gnb .m_guide,
#header .gnb_wrap .gnb .dp2,
#header .gnb_wrap .gnb .dp3{ display:none;}

#header.on .gnb_wrap .gnb > li .dp1{ color:#000;}
#header .gnb_wrap .gnb > li:hover .dp1{ color:#0c4da2;}

#header .siteMap_wrap{ position:fixed; z-index:1000000001; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.95); overflow-y:auto; display:none;}
#header .siteMap_wrap .inner{ position:relative; padding:2em 0 3em 0;}
#header .siteMap_wrap .close{ padding:0 3% 3em 0; text-align:right;}
#header .siteMap_wrap .close .xi{ width:2em; height:2em; line-height:2em; background:#0c61b5; border-radius:100%; text-align:center; font-size:2.250em; color:#fff; cursor:pointer; transition:.2s;}
#header .siteMap_wrap .close .xi:hover{ background:#fff; color:#0c61b5;}
#header .siteMap_wrap .gnb{ padding:3em 3em 4em 3em; border:1px solid rgba(255,255,255,.6); text-align:center;}
#header .siteMap_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:16%;}
#header .siteMap_wrap .gnb a{ display:block; text-align:left;}
#header .siteMap_wrap .gnb > li .dp1{ height:50px; font-size:1.125em; color:#fff; text-transform:uppercase;}
#header .siteMap_wrap .gnb > li .dp2{ margin-top:10px;}
#header .siteMap_wrap .gnb > li .dp2 > li > a{ padding:.4em 0; font-size:.875em; color:#999;}
#header .siteMap_wrap .gnb > li .dp2 a:hover,
#header .siteMap_wrap .gnb > li .dp2 a:hover > span{ color:#fff; text-decoration:underline;}
#header .siteMap_wrap .gnb .m_guide{ display:none;}
#header .siteMap_wrap .gnb > li .dp3 {display:none;}

/*footer*/
#footer{}
#footer .siteMap_wrap{ background:#2d2d2d;}
#footer .siteMap_wrap .left{ float:left; width:83%;}
#footer .siteMap_wrap .right{ float:left; width:17%;}
#footer .siteMap_wrap .gnb > li,
#footer .siteMap_wrap .etc_wrap{ padding:30px 0 50px 0; position:relative;}
#footer .siteMap_wrap .gnb > li:before,
#footer .siteMap_wrap .gnb > li:after,
#footer .siteMap_wrap .etc_wrap:after{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.1);}
#footer .siteMap_wrap .gnb > li:before{ display:none;}
#footer .siteMap_wrap .gnb > li:first-child:before{ display:block; left:0; right:auto;}
#footer .siteMap_wrap .gnb{ overflow:hidden;}
#footer .siteMap_wrap .gnb > li{ float:left; width:16.66%; transition:.2s;}
#footer .siteMap_wrap .gnb > li *{ text-align:left;}
#footer .siteMap_wrap .gnb .dp1,
#footer .siteMap_wrap .gnb .dp2{ margin-left:20px; margin-right:20px;}
#footer .siteMap_wrap .gnb .dp1{ margin-bottom:15px; color:#fff;}
#footer .siteMap_wrap .gnb .dp2 > li > a{ padding:.5em 0; font-size:.813em; color:#c0c0c0;}
#footer .siteMap_wrap .gnb .dp2 > li > a:hover{ color:#fff;}
#footer .siteMap_wrap .gnb > li:hover{ background:#262626;}
#footer .siteMap_wrap .gnb .m_guide{ display:none;}
#footer .siteMap_wrap .gnb .dp3 {display:none;}

#footer .siteMap_wrap .etc_wrap{ padding-left:15px; padding-right:15px;}
#footer .siteMap_wrap .etc_wrap .family{ position:relative;}
#footer .siteMap_wrap .etc_wrap .family .tit{ position:relative; padding:0 1em; line-height:40px; border:1px solid rgba(255,255,255,.2); font-size:.813em; color:#fff; text-transform:uppercase; cursor:pointer;}
#footer .siteMap_wrap .etc_wrap .family .tit:after{ content:"\e941"; font-family:xeicon; position:absolute; top:0; right:1em;}
#footer .siteMap_wrap .etc_wrap .family .list{ display:none; position:absolute; top:100%; left:0; right:0; padding:.5em 1em; max-height:10em; border:1px solid rgba(255,255,255,.2); border-top:none; background:#262626;}
#footer .siteMap_wrap .etc_wrap .family .list .in > li > a{ display:block; padding:.5em 0; font-family:notokrR,sans-serif; font-size:.813em; color:#fff;}
#footer .siteMap_wrap .etc_wrap .family .list .in > li > a:hover{ text-decoration:underline;}
#footer .siteMap_wrap .etc_wrap .family:hover .tit{ background:#262626;}

#footer .siteMap_wrap .etc_wrap .menu{ /*margin-top:20px;*/ text-align:right;}
#footer .siteMap_wrap .etc_wrap .menu .link > a{ display:block; padding:.5em 0; font-size:.813em; color:#c0c0c0;}
#footer .siteMap_wrap .etc_wrap .menu .link > a:hover{ color:#fff; text-decoration:underline;}
#footer .siteMap_wrap .etc_wrap .menu .top{ margin-top:15px;}
#footer .siteMap_wrap .etc_wrap .menu .top > a .xi{ width:2em; line-height:2em; border:1px solid rgba(255,255,255,.2); border-radius:100%; color:#fff; text-align:center;}
#footer .siteMap_wrap .etc_wrap .menu .top > a:hover .xi{ background:#0c61b5;}

#footer .info_wrap{ background:#222; padding:50px 0 60px 0}
#footer .info_wrap .logo{ float:left;}
#footer .info_wrap .logo img{ width:150px;}
#footer .info_wrap .info{ float:left; margin:5px 0 0 5%;}
#footer .info_wrap .info > li,
#footer .info_wrap .info > li a{ color:#fff;}
#footer .info_wrap .info > li{display:inline-block; *display:inline; zoom:1; padding:.2em 1.5em .2em 0; font-family:notokrR,sans-serif; font-size:.875em; letter-spacing:0; opacity:.7;}
#footer .info_wrap .info > li.copy{ display:block; padding-top:1.6em; font-size:.750em; text-transform:uppercase; opacity:.3;}
#footer .info_wrap .info > li a:hover{ text-decoration:underline;}

#footer .info_wrap .mark{ position:absolute; top:0; right:0; text-align:right;}
#footer .info_wrap .mark > li{ margin:15px 0 0 10px;}

/*contents*/
#contents{ position:relative; z-index:99;}
#contents .subTop_wrap{ position:relative; height:400px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#contents .subVisual_1{ background-image:url(../images/sub/sub_visual_1.jpg)}
#contents .subVisual_2{ background-image:url(../images/sub/sub_visual_2.jpg)}
#contents .subVisual_3{ background-image:url(../images/sub/sub_visual_3.jpg)}
#contents .subVisual_4{ background-image:url(../images/sub/sub_visual_4.jpg)}
#contents .subVisual_5{ background-image:url(../images/sub/sub_visual_5.jpg)}
#contents .subVisual_6{ background-image:url(../images/sub/sub_visual_6.jpg)}
#contents .subVisual_guide{ background-image:url(../images/sub/sub_visual_1.jpg)}

#contents .subTitle{ position:relative; height:100%;}
#contents .subTitle .tit .tt{ display:block; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
#contents .subTitle .tit .t1{ font-size:1.125em; font-family:notokrB,sans-serif; text-transform:uppercase; letter-spacing:2px; filter:alpha(opacity=85); opacity:.85;}
#contents .subTitle .tit .t2{ font-size:2.500em;}
#contents .subTitle .tit .t2:before{ content:""; display:block; margin:15px auto 10px auto; width:40px; height:3px; background:#fff;}

#contents .subNav_wrap{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.7); border-top:1px solid #000; border-bottom:1px solid #000;}
#contents .subNav_wrap .tt{ display:block; height:50px; color:#fff; transition:.2s;}
#contents .subNav_wrap .nav{ display:inline-block; *display:inline; zoom:1; border-left:1px solid rgba(255,255,255,.25); border-right:1px solid #000;}
#contents .subNav_wrap .nav > li{ float:left; border-left:1px solid #000; border-right:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav > li:first-child{}
#contents .subNav_wrap .nav .home .tt{ width:55px; text-align:center;}
#contents .subNav_wrap .nav .home .tt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav .home:hover{ border-right-color:#0c61b5; border-left-color:#0c61b5;}
#contents .subNav_wrap .nav .home:hover .tt{ background:#0c61b5;}
#contents .subNav_wrap .nav li[class^="depth"]{ position:relative;}
#contents .subNav_wrap .nav li[class^="depth"] .tt{ min-width:130px; padding:0 60px 0 25px; text-align:left; cursor:pointer;}
#contents .subNav_wrap .nav li[class^="depth"] .tt:after{ content:"\e942"; font-family:xeicon !important; font-style:normal; font-size:1.438em; color:#fff; position:absolute; right:20px; top:50%; margin-top:-15px;}
#contents .subNav_wrap .nav li[class^="depth"]:hover .tt,
#contents .subNav_wrap .nav li[class^="depth"].on .tt{ background:#fff; color:#0c4da2;}
#contents .subNav_wrap .nav li[class^="depth"]:hover .tt:after,
#contents .subNav_wrap .nav li[class^="depth"].on .tt:after{ color:#0c4da2;}

#contents .subNav_wrap .gnb{ display:none;}
#contents .subNav_wrap .gnb{ position:absolute; top:100%; left:-1px; right:-1px; background:#fff; border:1px solid #21252a; z-index:100001;}
#contents .subNav_wrap .gnb li > a{ display:block; text-align:left; padding:10px 15px 10px 25px; border-top:1px solid #ddd; font-size:.875em; color:#000; transition:.2s;}
#contents .subNav_wrap .gnb li:first-child > a{ border-top:none;}
#contents .subNav_wrap .gnb li:hover > a,
#contents .subNav_wrap .gnb li.on > a{ background-color:#0c61b5; color:#fff;}
#contents .subNav_wrap .nav .depth_1 .gnb .dp2,
#contents .subNav_wrap .nav .depth_1 .gnb .dp3{ display:none;}
#contents .subNav_wrap .nav .depth_2 .gnb > li,
#contents .subNav_wrap .nav .depth_2 .gnb .dp1,
#contents .subNav_wrap .nav .depth_2 .gnb .dp3{ display:none;}
#contents .subNav_wrap .nav .depth_3 .gnb > li,
#contents .subNav_wrap .nav .depth_3 .gnb .dp1,
#contents .subNav_wrap .nav .depth_3 .gnb .dp2 > li,
#contents .subNav_wrap .nav .depth_3 .gnb .dp2 > li > a{ display:none;}
#contents .subNav_wrap .nav .gnb li.on{ display:block !important;}

#contents .conTit_wrap{ padding:20px 0; background:#e8e8e8;}
#contents .conTit_wrap .left{ float:left;}
#contents .conTit_wrap .right{ float:right;}
#contents .conTit_wrap .tit{ font-size:2.000em; display:none;}
#contents .conTit_wrap .nav{ /*margin-top:8px;*/ margin-right:20px;}
#contents .conTit_wrap .nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.750em; color:#666;}
#contents .conTit_wrap .nav > li:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; color:#666; padding:0 0.2em 0 0;}
#contents .conTit_wrap .nav > li:first-child:before{ display:none;}
#contents .conTit_wrap .nav .home{ font-size:.563em;}
#contents .conTit_wrap .nav .home .xi{ width:20px; height:20px; line-height:19px; background:#444; border-radius:100%; text-align:center; color:#fff; letter-spacing:0;}
#contents .conTit_wrap .nav .on{ color:#0c4da2; text-transform:uppercase;}

#contents .subCon_wrap{ padding:60px 0 180px 0;}
#contents .doc{}
#contents .doc .sub_con {width:94%; max-width:1160px; margin:0 auto;}
#contents .doc_main{}
#contents .doc_prod{ padding-bottom:180px; padding-top:10px;}



#left_quick{position:fixed; left:0; top:0; width:80px; height:100%; background:#3d444c; border-right:1px solid #222; z-index:20;}
#left_quick .top {padding-top:3.9em;}
#left_quick .top li{border-bottom:1px solid #222; border-top:1px solid #787c82; text-align:center; min-height:100px; cursor:pointer; transition:0.3s;}
#left_quick .top li.simbol{ height:100px; border-top:0;}
#left_quick .top li .xi{font-size:1.87em; color:#c1c3c4; padding:14px 0 10px;}
#left_quick .top li p{ color:#fff; font-size:0.87em; font-family:notokrL; padding-bottom:10px;}


#left_quick .bot {}
#left_quick .bot .info_ti {border-top:1px solid #787c82; padding-top:1.2em;}
#left_quick .bot .info_ti p {text-align:center; color:#c1c3c4; font-size:.875em;}
#left_quick .bot .info_tx {text-align:center; }
#left_quick .bot .info_tx.st {padding:1.5em 0;}
#left_quick .bot .info_tx .tit {color:#c1c3c4; font-size:.813em; padding:.5em 0 .3em 0; font-family:notokrR; margin:.1em 0 .1em 0;}
#left_quick .bot .info_tx .icon_xi {color:#fff; background:#0c61b5; border-radius:100%; width:23px; height:23px; line-height:23px; text-align:center; font-size:14px;}
#left_quick .bot .info_tx .tx_tel {color:#c1c3c4; display:block; padding-left:.5em; text-align:left;}


#left_quick ul li:last-child{border-bottom:0; height:1px; min-height:100px;}
#left_quick ul li:first-child{background:#3d444c!important;}
#left_quick ul li:hover{background:#f9f9f9;}
#left_quick ul li:hover > p {color:#0c61b5; font-family:notokrM;}
#left_quick ul li:hover > .xi {color:#0c61b5;}
#left_quick .bot .info_tx:hover{background:none;}

/*SUB PAGE*******************************/
/*inc*/
.page_sec { margin-top:60px !important;}
.page_sec1{ margin-top:20px !important;}
.page_sec2{ margin-top:40px !important;}
.page_sec3{ margin-top:80px !important;}

.ti_icon {background:url(../images/inc/t_icon.png) no-repeat left center; padding-left:30px;}

/*주요고객사*/
.partner ul { overflow:hidden; margin:-40px 0 0 -20px; }
.partner ul li { float:left; width:33.33%; }
.partner ul li div { margin:40px 0 0 20px; text-align:center; cursor:pointer; }
.partner ul li div .img { border:1px solid #ddd; padding:10px; box-sizing:border-box; display:table; width:100%; }
.partner ul li div .img span { display:table-cell; vertical-align:middle; height:70px; }
.partner ul li div .img img { max-height:58%; } 
.partner ul li div .title { padding:10px 0; font-size:0.875em; border-bottom:1px dashed #ddd; }
.partner ul li div:hover .img,
.partner ul li div:hover .title { border-color:#666; }

/*개인정보*/
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: 0.938em; color:#888; font-family:'notokrR', sans-serif; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555;}

/*온라인문의*/
.inqury_tw {margin-bottom:10px;}
.inqury_tw .tt {color:#0c61b5;}
.inqury_tw .tt .star_t {float:right; color:#555 !important;}
.star {color:#F00; padding-left:3px;}

/*연혁*/
.sub_history_img { text-align:center; }
.sub_history_tit{ text-align:right; padding:71px 0 60px 65px; background:url(../images/sub_1/history_top.jpg) no-repeat bottom center; }
.sub_history_tit .t1{ font-size:2.5em; color:#0c61b5; letter-spacing:-1px; padding-right:30px;}
.sub_history_tit .t2{  font-size:.938em; color:#999; margin-top:10px;  padding-right:30px;}
.sub_history_tit .t1 .col {color:#F00;}


.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:7%; height:100%; margin-left:1px; top:-49px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.sub_history_wrap .sub_history > li .history .year{ font-family:ns, sans-serif; font-size:2em; font-weight:600; color:#333; position:relative; z-index:inherit; letter-spacing:-1px}

.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .tt{display:block; font-size:1em; color:#222; line-height:1.4; margin-bottom:15px; font-family: notokrR; vertical-align:middle;}
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;  }
.sub_history_wrap .sub_history > li.odd .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px right; padding-right:10px; }
.sub_history_wrap .sub_history > li.even{ left:50%;  }
.sub_history_wrap .sub_history > li.even .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px left; padding-left:10px; }
.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:5px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:5px}
span.month { font-family: ns, sans-serif;font-size:1.063; vertical-align: bottom; font-weight:600; margin:0 20px 0 10px; color:#0c61b5; opacity:.9;}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-44px; width:10px; height:10px; background:#0c61b5; transform:rotate(45deg);}

/*오시는길*/
.map_bot {margin-top:3em;}
.main_tit_w { margin:20px 0;}
.main_tit_w .tit {font-size:1.375em; color:#0c61b5; font-family:notokrM; }
.main_tit_w .tit > strong {color:#222 !important;}

.main_tit_w .txt2 {font-size:1em; color:#555; margin-left:40px; padding-left:10px; padding-top:10px; position:relative;}
.main_tit_w .txt2:before {position:absolute; content:""; left:0; top:20px; width:6px; height:2px; background:#555;}
.main_tit_w .map_info_ul2.tel_info {padding-top:10px;}
.main_tit_w .map_info_ul2.tel_info > li {font-size:.938rem; font-family:notokrM; margin-left:40px; padding-left:15px;}
.main_tit_w .map_info_ul2.tel_info > li.in .tt {color:#0c61b5; padding-right:5px;}
.main_tit_w .map_info_ul2.tel_info > li.in.line_st {position:relative;}
.main_tit_w .map_info_ul2.tel_info > li.in.line_st:before {position:absolute; content:""; left:0; top:10px; width:6px; height:2px; background:#555;}

.sub1_3_tit_wrap { margin:20px 0;}
.sub1_3_tit_wrap .tit {font-size:1.375em; color:#111; font-family:notokrM;}




/*인사말*/
.sub1_1_w {}
.sub1_1_w .txt_area .t1 {font-family:notokrM; font-size:1.438em; padding-bottom:1.2em;}
.sub1_1_w .txt_area .t2 {color:#111; font-family:notokrR; font-size:1.063em; letter-spacing:.1px; line-height:1.5; width:100%; max-width:1079px; }
.sub1_1_w .txt_area .t2.st {margin-bottom:1.1em;}
.sub1_1_w .txt_area .t1 .col {color:#0c61b5;}
.sub1_1_w .txt_area .t2 .col {color:#F00; display:inline-block;}
.sub1_1_w .txt_area .txt { float:left; width:60%;  position:relative;}
.sub1_1_w .txt_area .txt .in_tx {color:#000; font-size:1em; line-height:1.5; font-family:notokrL; padding:.5em 0; letter-spacing:.1px;}
.sub1_1_w .txt_area .bg_img { float:right; width:36%; padding-right:10px;}
.sub1_1_w .txt_area .bg_img img { max-width:100%; }

.sub1_1_w .sub1_1_tm {}
.sub1_1_w .sub1_1_tm .tt {font-size:1.313em;}
.sub1_1_w .sub1_1_tm .tt.st {display:block;}
.sub1_1_w .sub1_1_tm .tt .col {color:#0c61b5;}
.sub1_1_w .sub1_1_tm .tt.bg1 {position:relative; }
.sub1_1_w .sub1_1_tm .tt.bg2 {position:relative;}
.sub1_1_w .sub1_1_tm .tt.bg1:before {position:absolute; content:url(../images/sub_1/comma_l_col.png); left:-3px; top:-3px; opacity:.6;}
.sub1_1_w .sub1_1_tm .tt.bg2:after {position:absolute; content:url(../images/sub_1/comma_r_col.png); right:-30px; bottom:0; opacity:.6;}

.sub1_1_tm .ul_w {overflow:hidden;}
.sub1_1_tm .ul_w .li_w {float:left;}
.sub1_1_tm .ul_w .li_w.left {width:30%;}
.sub1_1_tm .ul_w .li_w.right {width:70%;}
.sub1_1_tm .ul_w .li_w .in {}
.sub1_1_tm .ul_w .li_w.right .in {margin-left:10%;}
.sub1_1_tm .ul_w .li_w .in > p {color:#F00; margin-top:2em; font-size:1.125em; font-family:notokrB; letter-spacing:.5px; text-align:center;}
.sub1_1_tm .ul_w .li_w .in > p > span {display:block; color:#555; letter-spacing:.5px; font-size:.875em;}
.sub1_1_tm .ul_w .li_w .in .in_ul {}
.sub1_1_tm .ul_w .li_w .in .in_ul .in_li {line-height:1.4; letter-spacing:.3px; position:relative; padding-left:10px;}
.sub1_1_tm .ul_w .li_w .in .in_ul .in_li :before {position:absolute; content:""; width:3px; height:3px; background:#F00; border-radius:100%; left:0; top:13px; opacity:.5;}
.sub1_1_tm .ul_w .li_w .in .in_ul .in_li .col {color:#F00; font-family:notokrB; font-size:1.125em; }
.sub1_1_tm .ul_w .li_w .in .in_ul .in_li .ch {color:#555; font-size:.938em; font-size:.875em;}


.sub1_1_w .ceo_t {position:absolute; right:0; bottom:-60px; font-size:.938em; font-family:notokrM; color:#111;}
.sub1_1_w .ceo_t .in_t {display:block;}

/*float 안한 버전*/
.prod_detail_wrap .inner .slide_wrap.st{float:none; width:100%; position:relative;}
.prod_detail_wrap .inner .info_wrap.st {float:none; width:100%;}
.prod_detail_wrap.st .box1 {width:100% !important;}
.prod_detail_wrap .inner .info_wrap.st .info_in {margin-left:0; margin-top:2.3em;}
.TAB_WRAP.st2 {width:100%;}

/*tab*/
.TAB_WRAP {position:relative; width:94%;}
.TAB_WRAP .his_bg { background:#f6f6f6; height:200px; position:absolute; left:0; top:0; width:100%; background-size:cover;}
.TAB_WRAP .tab_ul {/*overflow:hidden;*/  position:relative; display:inline-block;}
.TAB_WRAP .tab_ul li {float:left; position:relative; line-height:2px; }
.TAB_WRAP .tab_ul li > a {display:block; text-align:center; transition:.3s; margin:0 0 0 -1px; color:#222; border:1px solid #e1e1e1; font-size:.875em; padding:0 2em; height:35px; line-height:35px; font-family:notokrR; background:#f5f5f5;}
.TAB_WRAP .tab_ul li.on > a {color:#fff; background:#0c61b5; position:relative; border-color:transparent; font-family:notokrM;}
.TAB_WRAP .tab_ul li.on:after{ content:"\e935"; font-family:xeicon!important; color:#0c61b5; position:absolute; width:100%; text-align:center; bottom:-4px; left:0; font-size:11px; z-index:3;}
.TAB_WRAP .tab_ul li:hover > a{ color:#0c61b5;}


/*사업분야 3_1_yg2*/
.sub3_1_marign {margin:0 1em;}
.prod_view_top  { border:1px solid #ccc; border-radius:0 0 10px 10px; padding:1em; margin:3em 1em 0 1em;}
.tit_wrap{ background:#f1f1f1; border-top:2px solid #666; color:#111; padding:.8em 1.5em; font-size:1.625em; margin-bottom:1em; position:relative; overflow:hidden;}
.tit_wrap:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:#666}
.img_wrap .small{ width:25%;}
.img_wrap .small > li .in{ display:block; border:2px solid #0c61b5; margin-top:0.5em; padding:1em; filter:alpha(opacity=50);opacity:0.5; transition:.3s}
.img_wrap .small > li:first-child .in{ margin-top:0}
.img_wrap .small > li.on .in{ filter:alpha(opacity=100);opacity:1}
.img_wrap .small.st1{/* margin:-.5em 0 0 -.5em;*/ width:21.5%;}
.img_wrap .small.st1 > li{/* width:50%*/}
.img_wrap .small.st1 > li .in{/*margin:.5em 0 0 .5em; padding:0.3em;*/ padding:0;}

.img_wrap .big{ width:55%; /*padding-right:15%; margin-left:5%;*/  position:relative}
.img_wrap .big .in{/*padding:2em; border:1px solid #222;*/}
.img_wrap .big .btn{ position:absolute; left:0; bottom:0; width:100%; text-align:right}
.img_wrap .big .btn:before{ content:""; width:100%; height:1px; position: absolute; left:0; top:50%; background:#000}
.img_wrap .big .btn .more{ position:relative; display:inline-block; *display:inline; zoom:1; padding:0 3em; background:#000; line-height:4em; color:#ffcc00; margin-right:2em; transition:.3s}
.img_wrap .big .btn .more .xi{ font-size:1.625em}
.img_wrap .big .btn .more .tt{ font-size:1.25em; font-family:notokrR, sans-serif}
.img_wrap .big .btn .more:hover{ margin-right:0}
.img_wrap .big.st1{ width:68%; padding-right:0; }

/**/
.prod_cate_wrap{margin-bottom:2em; margin-left:1em; margin-right:1em; border-bottom:1px solid #ddd; margin-top:1em;}
.prod_cate_wrap .list {text-align:center;}
.prod_cate_wrap .list > li{display:inline-block;}
.prod_cate_wrap .list > li > a{ padding:0 30px; font-size:1.188em; color:#777; position:relative; transition:.3s; display:block; height:50px; line-height:50px;}
.prod_cate_wrap .list > li > a:after{content:"" ;position:absolute; left:50%; bottom:-3px;width:30px;height:5px; background:#0c61b5; margin-left:-15px; opacity:0;}
.prod_cate_wrap .list > li.on > a,
.prod_cate_wrap .list > li:hover > a{ color:#0c61b5}
.prod_cate_wrap .list > li.on > a:after{ opacity:1}

.in_prod_cate_wrap{border:1px solid #ccc; background:#fff; border-radius:0 0 10px 10px; padding:.6em; box-shadow:0 1px 2px rgba(0,0,0,.2); margin:0 1em;}
.in_prod_cate_wrap .list > li{}
.in_prod_cate_wrap .list > li > a{display:block; height:35px; line-height:35px; word-break:break-all; margin:0px 0 -1px -1px; border:1px solid #ddd;  color:#222; transition:.3s; font-size:.875em; font-family:notokrR; background:#f5f5f5;}
.in_prod_cate_wrap .list > li:hover > a{ color:#0c61b5;}
.in_prod_cate_wrap .list > li.on > a{ color:#fff; z-index:1; background:#0c61b5; position:relative; border-color:transparent; font-family:notokrM;}
.in_prod_cate_wrap .list > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#fff; position:absolute; width:100%; text-align:center; top:-15px; left:0; font-size:11px;}

.sub3_1info_wrap {margin:2em 1em 2em 1em;}
.sub3_1info_wrap .info_in {}
.sub3_1info_wrap .info_in > dl {border:1px dashed #ccc; padding:1.5em; border-radius:0 0 10px 10px; background:#f2f5f8;}
.sub3_1info_wrap .info_in > dl .tit {font-size:1.5em; color:#0c61b5; font-family:notokrM; }
.sub3_1info_wrap .info_in > dl .line {width:45px; height:2px; background:#0c61b5; margin:1em 3px 2em 3px;}
.sub3_1info_wrap .info_in > dl .txt_w .t {margin-left:1em;  color:#222; font-family:notokrR; font-size:.938em; line-height:1.4; padding:.3em 0; letter-spacing:.1px;}
.sub3_1info_wrap .info_in > dl .txt_w .t .col {color:#F00;}
.sub3_1info_wrap .info_in > dl .txt_w .t.t_col {color:#F00;}

.sub3_1_tx_wrap {border:1px dashed #ccc; padding:1.8em 1.8em; border-radius:0 0 10px 10px; background:#f2f5f8; margin-top:-1px; position:relative; z-index:1;}
.sub3_1_tx_wrap > .tx_ul {}
.sub3_1_tx_wrap > .tx_ul .ti {margin:.6em 0; padding-left:.8em; font-size:1.063em; font-family:notokrM; position:relative;}
.sub3_1_tx_wrap > .tx_ul .ti:before {position:absolute; content:""; width:5px; height:5px; left:0; top:8px; background:#0c61b5;}
.sub3_1_tx_wrap > .tx_ul .tx {color:#555; font-size:.875em; line-height:1.8; letter-spacing:.1px; position:relative; padding-left:1.3em; font-family:notokrR;}
.sub3_1_tx_wrap > .tx_ul .tx:before {position:absolute; content:"\e929"; left:0; top:2px; font-size:13px; font-family:xeicon; font-style:normal; color:#0c61b5; }

.sub3_1_tx_wrap > .tx_ul.mt_st {margin-top:1.6em;} /*dl 두번째 마진탑*/
.sub3_1_tx_wrap > .tx_ul.pd_st .tx {padding-left:2.3em;} /*tit 추가 부분*/
.sub3_1_tx_wrap > .tx_ul.pd_st .tx:before {left:15px;}

.sub3_1_tx_wrap .img_wrap {}
.sub3_1_tx_wrap .img_wrap.pd_st {margin-top:2em;}
.sub3_1_tx_wrap .img_wrap .img_tit {text-align:center; padding-bottom:1em; font-size:1em;}
.sub3_1_tx_wrap .img_wrap .img_in {text-align:center;}


/**/
.col_wrap.fl_St{ *zoom:1;}
.col_wrap.fl_St:after{ content:""; display:block; clear:both;}
.col_wrap.fl_St > *{ float:left;}
.col_wrap.di_St{ text-align:center; white-space:nowrap; font-size:0;}
.col_wrap.di_St > *{ display:inline-block; *display:inline; zoom:1; white-space:normal; font-size:1rem;}
.col_wrap.sec1 > * { width:100%;}
.col_wrap.sec2 > * { width:50%;}
.col_wrap.sec3 > * { width:33.33%;}
.col_wrap.sec4 > * { width:25%;}
.col_wrap.sec5 > * { width:20%;}
.col_wrap.sec6 > * { width:16.66%;}
.col_wrap.sec7 > * { width:14.285%;}
.col_wrap.sec8 > * { width:12.5%;}
.col_wrap.sec9 > * { width:11.11%;}
.col_wrap.sec10 > *{ width:10%;}
.col_wrap.sec11 > *{ width:9%;}

/**/
.sub4_tab{border:1px solid #ccc; background:#fff; border-radius:0 0 10px 10px; padding:.6em; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.sub4_tab .list > li{}
.sub4_tab .list > li > a{display:block; height:30px; line-height:30px; word-break:break-all; margin:0px 0 -1px -1px; border:1px solid #ddd; background:#f9f9f9; color:#222; transition:.3s; font-size:.875em; font-family:notokrR;}
.sub4_tab .list > li:hover > a{ color:#0c61b5;}
.sub4_tab .list > li.on > a{color:#fff; z-index:1; background:#0c61b5; position:relative; border-color:transparent;}
.sub4_tab .list > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#fff; position:absolute; width:100%; text-align:center; top:-14px; left:0; font-size:11px;}

/*실적리스트*/
.status_list_w {margin-top:2em;}
.status_tit {color:#0c81f5; padding-left:50px; position:relative;}
.status_tit:before{ content:''; position:absolute; top:6px; left:36px; width:7px; height:7px; background:#0c61b5; transform:rotate(45deg);}


/*실적리스트 정보*/
.status_info_w {margin-top:3em; background:#f2f5f8; border:1px dashed #ddd; padding:1em;}
.prod_detail_wrap{}
.prod_detail_wrap .inner{ *zoom:1;}
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:40%; position:relative;}
.prod_detail_wrap .inner .info_wrap { float:right; width:60%;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;  width:100% !important;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1; width:100% !important;}

.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{/*padding:10px;*/ }
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 2px; cursor:pointer; /*padding:10px;*/}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#b3161c;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-80px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{ background:#d12d33; border-color:#d12d33; color:#fff; transition:.3s;}

.prod_detail_wrap .info_wrap .in{padding:30px 0 0 50px;}
.prod_detail_wrap .info_wrap .prod_info{}
.prod_detail_wrap .info_wrap .prod_info .info{ position:relative; padding:15px 0 15px 150px;}
.prod_detail_wrap .info_wrap .prod_info .info .tit{ position:absolute; top:13px; left:0; padding-left:15px; font-family:notokrM; font-size:1.063em; color:#111;}
.prod_detail_wrap .info_wrap .prod_info .info .tit.m_st {width:60px;}
.prod_detail_wrap .info_wrap .prod_info .info:before{ content:''; position:absolute; top:21px; left:0; width:7px; height:7px; background:#0c61b5; transform:rotate(45deg);}
.prod_detail_wrap .info_wrap .prod_info .info .txt{font-family:notokrR; color:#555; font-size:.938em; position:relative; padding-left:12px;}
.prod_detail_wrap .info_wrap .prod_info .info .txt:before {position:absolute; content:""; width:4px; height:1px; background:#555; left:0; top:7px;}

.prod_detail_wrap .info_wrap .prod_btn{ margin-top:40px;}
.prod_detail_wrap .info_wrap .prod_btn > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33%;}
.prod_detail_wrap .info_wrap .prod_btn .btn{ width:100%; height:50px; border:1px solid transparent; border-radius:25px; overflow:hidden;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c1{ background:#d12d33; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c2{ background:#38393F; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c3{ background:#ffffff; border-color:#aaa;}
.prod_detail_wrap .info_wrap .prod_btn .btn i{ vertical-align:middle;}
.prod_detail_wrap .info_wrap .prod_btn .btn .xi{ padding-right:5px;}
/**/

/*회사현황*/
.sub1_3_t_wrap {margin:3em 0 1.5em 0;}
.sub1_3_t_wrap.st {margin:4em 0 1em 0;}
.sub1_3_t_wrap .sub1_3_title_icon {display:inline-block; vertical-align:baseline; width:3px; height:1em; background:#0c61b5; margin-right:5px;}
.sub1_3_t_wrap .sub1_3_title {display:inline-block; color:#333; font-family:notokrM; font-size:1.438em;}

.main_web_point{ margin:50px 1em 0 1em;}
.main_web_point > li{ width:14%}
.main_web_point > li .in{ text-align:center}
.main_web_point > li .in .tt{ display:block; font-size:1em; font-family:notokrM; color:#000; margin-top:30px}

.bis_w {}
.bis_w .top_ul {border:1px solid #ddd; margin-bottom:25px;}
.bis_w .top_ul .top_li { }
.bis_w .top_ul .top_li .in_w{ text-align:left; padding:30px; margin-left:25px; overflow:hidden; position:relative; cursor:pointer; z-index:inherit;}
.bis_w .top_ul .top_li .in_w p { position:relative; word-break:keep-all;}
.bis_w .top_ul .top_li .in_w p.im_w {margin:2em 1.2em 0em 1.2em;}
.bis_w .top_ul .top_li .in_w p.img_w {width:100%; margin-bottom:20px; text-align:center;}
.bis_w .top_ul .top_li .in_w p.tit {font-size:1.375em; color:#0c61b5; margin-bottom:25px; font-family:notokrM; position:relative; padding-left:25px;}
.bis_w .top_ul .top_li .in_w p.tit:before {position:absolute; content:"\e9c7"; left:7px; top:4px; font-family:xeicon; font-style:normal; font-size:16px;}
.bis_w .top_ul .top_li .in_w p.txt {font-size:0.938em; color:#222; padding-left:10px; line-height:20px; margin-top:15px; position:relative; font-family:notokrR;}
.bis_w .top_ul .top_li .in_w p.txt:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0c61b5; left:0; top:8px;}

.bis_w .top_ul .top_li .in_w {margin-left:-10px;}
.bis_w .top_ul .top_li .in_w .in_list_ul {margin-left:-10px;}
.bis_w .top_ul .top_li .in_w .t_box > li {width:25%;}
.bis_w .top_ul .top_li .in_w .in_list {border:1px dashed #ddd; margin-left:10px; background:#f8f8f8; }
.bis_w .top_ul .top_li .in_w .in_list .ti {font-size:1.125em; color:#222; padding-left:38px; line-height:20px; margin-top:15px; position:relative; font-family:notokrM;}
.bis_w .top_ul .top_li .in_w .in_list .ti:before {position:absolute; content:"\e9c7"; left:18px; top:0; font-family:xeicon; font-style:normal; font-size:16px;}
.bis_w .top_ul .top_li .in_w .in_list .line {display:block; margin:1em 1em 0 1.5em; width:50px; height:2px; background:#ccc;}
.bis_w .top_ul .top_li .in_w .in_list .tx_w {margin:1em 1.2em 1em 1.2em;}
.bis_w .top_ul .top_li .in_w .in_list .tx_w .tx {line-height:1.8; color:#555; font-size:.938em; font-family:notokrR; padding-left:15px; position:relative;}
.bis_w .top_ul .top_li .in_w .in_list .tx_w .tx:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0c61b5; left:6px; top:12px;}
.bis_w .top_ul .top_li .in_w .in_list .tx_w .tx .col {color:#F00; font-size:.813em;}

.bis_w .bot_ul { overflow:hidden; margin-left:-25px;}
.bis_w .bot_ul li{ float:left; width:50%; margin-bottom:25px;}
.bis_w .bot_ul li .in_w{ text-align:left; border:1px solid #ddd; padding:30px; margin-left:25px; overflow:hidden; position:relative; cursor:pointer; z-index:inherit;}
.bis_w .bot_ul li .in_w p { position:relative; word-break:keep-all;}
.bis_w .bot_ul li .in_w p.img_w {width:100%; margin-bottom:7px; text-align:center;}
.bis_w .bot_ul li .in_w .t_w {background:#f8f8f8; border:1px dashed #ddd; padding:1em 1.5em; width:82%; margin:0 auto;}
.bis_w .bot_ul li .in_w p.tit {font-size:1.188em; color:#0c61b5; margin-bottom:25px; font-family:notokrM; position:relative; padding-left:25px;}
.bis_w .bot_ul li .in_w p.tit:before {position:absolute; content:"\e9c7"; left:7px; top:4px; font-family:xeicon; font-style:normal; font-size:16px;}
.bis_w .bot_ul li .in_w p.txt {font-size:.938em; color:#555; padding-left:10px; line-height:1.8; position:relative; font-family:notokrR;}
.bis_w .bot_ul li .in_w p.txt.col {color:#F00;}
.bis_w .bot_ul li .in_w p.txt .col {color:#F00; font-size:.813em;}
.bis_w .bot_ul li .in_w p.txt:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0c61b5; left:0; top:12px;}

.sub1_3_t_w {margin:1em 1.6em 0 1.6em;}
.sub1_3_t_w .sub1_3_tt {line-height:1.5; font-size:.938em; color:#666; font-family:notokrR; vertical-align:middle; }
.sub1_3_t_w .sub1_3_tt .col {color:#F00; font-size:.875em;}

.bot_tw {}
.bot_tw > ul { text-align:left; border:1px solid #ddd; padding:30px; position:relative;}
.bot_tw > ul > li {line-height:1.8; color:#555; font-size:.938em; font-family:notokrR; padding-left:15px; position:relative;}
.bot_tw > ul > li:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0c61b5; left:6px; top:12px;}



.page_wrap .page_img_top{ padding-bottom:25px; overflow:hidden; margin-left:5px;}
.page_wrap .page_img_top .img_wrap{ float:left; width:25%;}
.page_wrap .page_img_top .img_wrap .in{ padding:3.2em 0; border:6px solid #f1f1f1; border-radius:8px; text-align:center;}
.page_wrap .page_img_top .img_wrap .in > img{ max-width:100px;}
.page_wrap .page_img_top .txt_wrap{ float:left; width:75%;}
.page_wrap .page_img_top .txt_wrap .in { margin-left:50px; padding:15px 0;}
.page_wrap .page_img_top .txt_wrap .in .tit {font-size:1.563em; position:relative; padding-left:10px; color:#0c61b5; padding-bottom:.6em;}
.page_wrap .page_img_top .txt_wrap .in .tit:before{content:"";position:absolute;left:0;top:-4px;width:8px;height:8px;border:3px solid #0c61b5;border-right:none;border-bottom:none;}
.page_wrap .page_img_top .txt_wrap .in .tit:after{content:"";position:absolute;right:430px;bottom:0;width:8px;height:8px;border:3px solid #0c61b5;border-left:none;border-top:none;}
.page_wrap .page_img_top .txt_wrap .in .ti {margin:1.6em 0;}
.page_wrap .page_img_top .txt_wrap .in .ti.st {margin-top:1.5em;}
.page_wrap .page_img_top .txt_wrap .in .ti .tt {display:block; font-family:notokrM; font-size:1.063em; padding-bottom:.5em; padding-left:1.6em; position:relative; color:#222;}
.page_wrap .page_img_top .txt_wrap .in .ti .tt:before {position:absolute; content:"\e9c7"; left:7px; top:0; font-family:xeicon; font-style:normal; font-size:16px;}
.page_wrap .page_img_top .txt_wrap .in .ti .in_tt {padding-left:2.5em; font-size:1.063em; color:#555; font-family:notokrR; position:relative;}
.page_wrap .page_img_top .txt_wrap .in .ti .in_tt:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0c61b5; left:33px; top:12px;}
.page_wrap .page_img_top .txt_wrap .in .ti .in_tt:after {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0c61b5; right:-8px; top:12px;}

.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w {}
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .titt {font-size:1.063em; padding-bottom:.5em; position:relative; padding-left:1.6em;}
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .titt:before {position:absolute; content:"\e9c7"; left:7px; top:0; font-family:xeicon; font-style:normal; font-size:16px;}
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .titt.st {margin-top:.5em;}
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .tx {font-size:.938em; margin-left:2em; font-family:notokrR; line-height:1.6; color:#555;} 
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .tx .xi {font-size:10px; text-align:center; width:18px; height:18px; line-height:18px; color:#fff; background:#888; border-radius:50%; margin-right:.5em;}

.page_wrap .page_img_con{}
.page_wrap .page_img_con .con_wrap { overflow:hidden; margin-left:-5px;}
.page_wrap .page_img_con .con_wrap > li {float:left; width:14.2%;}
.page_wrap .page_img_con .con_wrap.top  > li{ float:left; width:25%;}
.page_wrap .page_img_con .con_wrap.bot  > li{ float:left; width:25%;}
.page_wrap .page_img_con .con_wrap .con{margin-left:5px; overflow:hidden;}
.page_wrap .page_img_con .con_wrap .con > dt{ background:#999;}
.page_wrap .page_img_con .con_wrap .con > dd{ padding:15px 10px; border:1px solid #ccc; border-top:none; text-align:center; font-size:.938em; color:#222; font-family:notokrM;}
.page_wrap .page_img_con .con_wrap .con > dd .lang {display:block; font-size:.875em;}

.page_wrap .page_img_con .con_wrap .con:hover > dt  {transition:.3s; opacity:.7;}


.page_wrap .page_bg_con{ padding:20px 30px; border:1px dashed #aaa;}
.page_wrap .page_bg_con.page_bg1{ overflow:hidden;}

.page_wrap .page_tit1{ margin-bottom:15px;}
.page_wrap .page_tit1 .tt{ font-family:ns,sans-serif; font-size:1.250em; font-weight:600; padding-left:20px; background:url(../images/sub/sub3_7_icon.png) no-repeat left 4px;}
.page_wrap .page_txt1{ padding-left:20px; font-size:.938em; color:#444; line-height:1.6;}
.page_wrap .page_txt1 .s1{ font-size:.875em; font-weight:600;}



/*MAIN STYLE*******************************/
#mainVisual{ position:relative}
#mainVisual .slide_img{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
#mainVisual .slogan{ position:absolute; z-index:2; top:25%; left:0; width:100%; text-align:center;}
#mainVisual .btn_wrap{ position:absolute; z-index:2; top:60%; left:0; width:100%; text-align:center;}
#mainVisual .btn_wrap > li{ display:inline-block; vertical-align:middle; margin:0 20px;}
#mainVisual .btn_wrap .btn{ font-size:1.250em; color:#fff; cursor:pointer;}
#mainVisual .btn_wrap .main_paging{ position:relative; width:250px;}
#mainVisual .btn_wrap .paging{ top:0; left:0; width:100%; height:3px; background:rgba(255,255,255,.4);}
#mainVisual .btn_wrap .paging > span{ height:5px; margin-top:-1px; background:#fff;}

.mainNav_wrap{ position:fixed; z-index:999; right:0; bottom:50px}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#mainNav > li > a .line{ width:30px; height:5px; background:#fff; margin-left:5px}
#mainNav > li > a .tt{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:.813em; text-transform:uppercase; opacity:0; line-height:20px}
#mainNav > li:hover > a .line,
#mainNav > li.on > a .line{ width:100px}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1}

.main_slogan{ position:absolute; left:50%; top:50%; width:1200px; margin:-180px 0 0 -600px; text-align:center; z-index:10;}
.main_slogan > p {color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.8); width:70%; margin:auto;}
.main_slogan .main_slo_t1 {font-family:notokrB, sans-serif; font-size:3.3em; margin-bottom:40px; letter-spacing:.2px}
.main_slogan .main_slo_t2 {font-family:notokrL, sans-serif; font-size:1.313em; line-height:1.4; letter-spacing:-1px}
.main_slogan .main_slo_t1 .col {color:#F00;}


#scrollAni{ position: fixed; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:3em; opacity:1; z-index:100;}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}

.section{ background-repeat:no-repeat; background-position:center top; position:relative}
#section1 .slide{ background-position:center top; background-repeat:no-repeat}

/**/
.section {position:relative;}
.con_box {position:absolute; top:42%; left:0; width:100%; }
.section .sect_tit {position:absolute; top:18%; left:0; text-align:center; width:100%; z-index:999999999;}
.section .sect_tit > p {color:#fff;}
.section .sect_tit .t1 {font-size:2.813em; font-family:notokrB,sans-serif; }
.section .sect_tit .t2 {font-size:1em; font-family:notokrM,sans-serif; margin-top:20px;}
.section .sect_tit .btn {display:inline-block; margin:35px 0; transition:.3s;}
.section .sect_tit .btn:hover {opacity:.75; filter:alpha(opacity:75);}

#section1 .slide{ background-position:center top; background-repeat:no-repeat;position:relative;}
.con1_box {position:absolute; top:42%; left:0; width:100%; }
.con1_box .con1_box_in {width:100%; background:rgba(0,0,0,.8); overflow:hidden;}
.con1_box .txt_wrap {width:60%; float:left; }
.con1_box .img_wrap {width:40%; float:left; position:relative;}
.con1_box .txt_wrap div {padding:50px 0 50px 70px;}
.con1_box .txt_wrap p , .con1_box .txt_wrap a {color:#fff;}
.con1_box .txt_wrap .top_ti {font-size:1.063em; padding-bottom:10px; font-family:notokrR;}
.con1_box .txt_wrap .tit {font-size:2.375em; font-family:notokrB,sans-serif; line-height:1.1; padding-bottom:1em;}
.con1_box .txt_wrap .txt {font-size:1em; font-family:notokrR,sans-serif; margin:24px 0 60px 0; line-height:1.3;}
.con1_box .txt_wrap .btn {width:95px; height:25px; display:inline-block; font-size:.813em; font-family:notokrR,sans-serif; background:url(../images/main/con1_more_bg.png)no-repeat right bottom; background-size:100% auto; margin-top:60px;} 
.con1_box .txt_wrap .btn .xi {margin-left:5px; font-size:11px;}
.con1_box .img_wrap .con1_img1 {position:absolute; right:50px; bottom:30px;}
.con1_box .img_wrap .con1_img2 { right:35px; bottom:0px;}

.section .con2_box {overflow:hidden; margin-left:-30px;}
.section .con2_box .con_box0 {width:33.33%; float:left;}
.section .con2_box .con2_box_in {padding:50px 40px; margin-left:30px; box-shadow:1px 1px 3px rgba(0,0,0,.5); height:250px; cursor:pointer; transition:.3s;}
.section .con2_box .con2_box_in > p {color:#fff; transition:.3s;}
.section .con2_box .con2_box_in .t1 {font-size:1.125em; font-family:notokrR,sans-serif; letter-spacing:-1px;}
.section .con2_box .con2_box_in .t2 {font-size:1.563em; font-family:notokrM,sans-serif; letter-spacing:-1px; line-height:1.3; margin-top:15px;}

.section .con2_box .con2_box_in.bg001 {background:url(../images/main/con2_bg01.jpg)no-repeat center center; background-size:100% 100%;}
.section .con2_box .con2_box_in.bg002 {background:url(../images/main/con2_bg02.jpg)no-repeat center center; background-size:100% 100%;}
.section .con2_box .con2_box_in.bg003 {background:url(../images/main/con2_bg03.jpg)no-repeat center center; background-size:100% 100%;}

.section .con2_box .con2_box_in:hover {opacity:.9; filter:alpha(opacity:90); }
.section .con2_box .con2_box_in:hover .t1 {color:#888;}
/**/
.section .con3_box .con2_box_in.bg001 {background:url(../images/main/con3_bg_01.jpg)no-repeat center center; background-size:100% 100%;}
.section .con3_box .con2_box_in.bg002 {background:url(../images/main/con3_bg_02.jpg)no-repeat center center; background-size:100% 100%;}
.section .con3_box .con2_box_in.bg003 {background:url(../images/main/con3_bg_03.jpg)no-repeat center center; background-size:100% 100%;}
/**/
#section3 .main_board{ width:100%; overflow:hidden; padding:35px 0; background:rgba(0,0,0,.3); position:relative;}
#section3 .main_board .tit{ width:20%; float:left; font-family:NotokrM, sans-serif; font-size:1.25em;  text-align:Center; color:#fff; cursor:pointer; border-right:1px solid #ddd; box-sizing:border-box; }
#section3 .main_board .tit .xi { font-size:30px; margin-right:8px; vertical-align:middle;}
/*.main_board .tit:hover{filter:alpha(opacity=100);opacity:1;}*/
#section3 .main_board .con{ width:80%; float:left; }
#section3 .main_board_slide { padding:0 50px 0 30px; z-index:inherit}
#section3 .main_board_slide .tt_wrap{ display:block; text-align:left; overflow:hidden}
#section3 .main_board_slide .tt_wrap .tt{ font-size:.938em; color:#fff; float:left; width:88%; line-height:36px; font-family:NotokrR, sans-serif; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#section3 .main_board_slide .tt_wrap .tt:hover{ text-decoration:underline}
#section3 .main_board_slide .tt_wrap .date{line-height:36px; font-size:.938em; color:rgba(255,255,255,.5); float:right; width:12%; font-family:NotokrR, sans-serif; }
#section3 .main_board_slide .flex-direction-nav{ position:absolute; z-index:inherit; right:0px; top:0px}
#section3 .main_board_slide .flex-direction-nav a{ display:block; font-size:0; line-height:0; width:53px; height:53px; background-repeat:no-repeat; background-position: center center;  filter:alpha(opacity=70);opacity:0.7; border-left:1px solid #666}
#section3 .main_board_slide .flex-direction-nav a.flex-prev{ background-image:url(../images/main/main_board_prev.png); border-bottom:1px solid #666}
#section3 .main_board_slide .flex-direction-nav a.flex-next{ background-image:url(../images/main/main_board_next.png);}
#section3 .main_board_slide .flex-direction-nav a:hover{filter:alpha(opacity=100);opacity:1;}

#section3 .con4_box {margin-top:30px; overflow:hidden; margin-left:-15px}
#section3 .con4_box > li {width:33.33%; float:left;}
#section3 .con4_box .con4_box_in {margin-left:15px; height:220px;  background-repeat:no-repeat; background-position: center center; text-align:center; transition:.3s; cursor:pointer}
#section3 .con4_box .con4_box_in .con4_box_tt { height:100%; font-size:1.375em; font-family:notokrM,sans-serif; color:#fff; transition:.3s;}

#section3 .con4_box .con4_box_in:hover {opacity:.9; filter:alpha(opacity:90); }
#section3 .con4_box .con4_box_in:hover .con4_box_tt {color:#888;}

#section3 .con4_box .con4_box_in.bg001 {background-image:url(../images/main/con4_bg_01.jpg);}
#section3 .con4_box .con4_box_in.bg002 {background-image:url(../images/main/con4_bg_02.jpg);}
#section3 .con4_box .con4_box_in.bg003 {background-image:url(../images/main/con4_bg_03.jpg);}
#section3 .con4_box .con4_box_in.bg004 {background-image:url(../images/main/con4_bg_04.jpg);}

.con5_box {overflow:hidden;}
.con5_box > li {width:50%; float:left;}
.con5_box .con5_faq_wrap {margin-right:20px; background:#fff; padding:30px 40px; height:290px}
.con5_box .con5_faq_wrap .tit {font-family:notokrM,sans-serif; font-size:1.563em; margin-bottom:10px;}
.con5_faq_wrap .con5_input {position:relative; border:1px solid #ddd; margin-bottom:5px}
.con5_faq_wrap .con5_input .txt {position:absolute; left:15px; top:11px; font-size:.938em; font-family:notokrR,sans-serif;}
.con5_faq_wrap .con5_input .txt .xi{ font-size:22px; vertical-align:middle; color:#666; margin-right:5px;  }
.con5_faq_wrap .con5_input .txt span {display:inline-block; vertical-align:middle;}
.con5_faq_wrap .input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; box-sizing:border-box; border:none; color:#77 !important}
.con5_faq_wrap textarea.input_st {padding:10px 10px 10px 130px !important; width:100%; height:60px !important;}
/*.con5_faq_wrap input.input_st::-webkit-input-placeholder{ font-size:.938em; color:#888}
.con5_faq_wrap input.input_st::-moz-placeholder{ font-size:.938em; color:#888}
.con5_faq_wrap input.input_st::-moz-placeholder{ font-size:.938em; color:#888}
.con5_faq_wrap input.input_st::-ms-input-placeholder{ font-size:.938em; color:#888}*/
.con5_faq_wrap input[type=text].input_st, input[type=tel].input_st,
.con5_faq_wrap input[type=password].input_st{line-height:50px; height:50px; padding:0 20px 0 130px;}
.con5_faq_wrap input[type=file].input_st{ background:none; border:none}

.con5_faq_wrap .con5_btn {margin-top:10px; display:inline-block; width:100%; height:50px; line-height:50px; background:#003f87; border:1px solid #003f87; color:#fff; font-size:1.063em; font-family:notokrM,sans-serif; transition:.3s; }
.con5_faq_wrap .con5_btn:hover {background:#fff; color:#003f87;}

.con5_add_wrap {overflow:hidden;}
.con5_add_wrap > li { width:50%; float:left; }
.con5_add_wrap .con5_add_in { margin-left:20px; background:#fff; border:1px solid #ddd;}
.con5_add_wrap .con5_add_in .con5_add_t {padding:25px 25px 20px 25px; border-bottom:1px solid #ddd;}
.con5_add_wrap .con5_add_in .con5_add_t dt {font-size:1.25em; font-family:notokrM,sans-serif; margin-bottom:10px;}
.con5_add_wrap .con5_add_in .con5_add_t dd { margin-top:10px; }
.con5_add_wrap .con5_add_in .con5_add_t dd .xi { width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; color:#fff; font-size:20px; background:#878787; vertical-align:middle; margin-right:4px;}
.con5_add_wrap .con5_add_in .con5_add_t dd .tt {font-family:notokrM,sans-serif; letter-spacing:-1px; vertical-align:middle;}
.con5_add_wrap .con5_add_in .con5_add_t .tt_cal .xi {background:#0c4da2;} 
.con5_add_wrap .con5_add_in .con5_add_t .tt_cal .tt {font-size:1.375em; color:#0c4da2;}
.con5_add_wrap .con5_add_in .con5_add_t .tt_fax .tt {font-size:1em; }
/**/
.root_daum_roughmap {width:100% !important; }
.root_daum_roughmap .wrap_controllers {display:none !important;}
/**/
#section4 .con5_faq_wrap {position:relative;}
#section4 .con5_faq_wrap .agree_btn {position:absolute; right:40px; top:35px; display:inline-block; padding:0 10px; line-height:25px; border:1px solid #bbb; background:#bbb; color:#fff; font-family:notokrM,sans-serif; font-size:.813em; border-radius:7px; transition:.3s;}
#section4 .con5_faq_wrap .agree_btn:hover {color:#003f87; border-color:#003f87; background:#fff;}

/* 온라인 문의 개인정보방침 팝업 */
.agree_pop_wrap{padding:50px 25px;}
.agree_pop_wrap .terms_area .terms_box{height:500px; font-size:14px;}
.agree_pop_wrap .cont_check{font-size:15px; }
.agree_pop_wrap .agree_btn{width:250px; height:40px; line-height:40px; border:1px solid #003f87; color:#fff; font-family:'notokrM', sans-serif; transition:3s; display:block; text-align:center; font-size:17px; background:#003f87;
display:block; margin:30px auto; }
.agree_pop_wrap .agree_btn:hover{background:#fff; color:#003f87; cursor:pointer;}

.terms_area{ padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:0.875em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; overflow-y:scroll; height:200px;}
.terms_area .terms_box strong{ color:#111; font-weight:600; font-size:1.153em;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}

.sub4_2tb_mg{margin-top:30px; }
.cont_check{text-align:right; padding-top:8px;}