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

body{font-size:16px;}

.box1{ width:80%; max-width:1200px; margin:0 auto; position:relative; }
.box2{ width:97%;  margin:0 auto; position:relative; max-width:none;}
.box3{ width:100%;  margin:0 auto; position:relative; max-width:none;}
.box4{ width:1000px;  margin:0 auto; position:relative; max-width:none;}

#header{position:fixed; top:0; left:0; width:100%; z-index:2; background:rgba(0,0,0,0.3);
}

#header .box2{ padding-left:80px; margin-left:1.5%; margin-right:1.5%; width:auto;}
#header.scroll{background:rgba(0,0,0,0.3);}
#header:hover{background:rgba(0,0,0,0.3)}

#logoAni{ position:absolute; left:280px; top:23px; text-align:center;}
#logoAni > li{ display:inline-block; *display:inline; zoom:1; width:15px; height:15px; background:#f3f3f3; margin:0 3px; border-radius:50%; transition:.3s; vertical-align:middle; }
#logoAni > li.on{ width:30px; height:30px; vertical-align:middle;}

#header .gnb_area .right_menu{position:absolute; right:60px; top:22px;}
#header .gnb_area .right_menu .menu_p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
#header .gnb_area .right_menu .menu_p1 a{ font-size:0.938em; color:#fff; /*text-shadow:1px 1px 2px rgba(0,0,0,0.5);*/ border-bottom:1px solid #333; padding-bottom:5px;}
#header .gnb_area .right_menu .menu_p1 a:hover{color:#ffcc00;}
#header .gnb_area .right_menu .menu_p1 a .xi-globus{ font-size:1.25em; margin-right:5px;}
#header .gnb_area .right_menu .menu_p1 a .xi-angle-down-min{ margin-left:20px;}
#header .gnb_area .right_menu .menu_p1.pd_l{padding-left:15px; position:relative;}
#header .gnb_area .right_menu .menu_p1.pd_l a{ font-size:1.563em; border:none;}

#header .gnb_area .right_menu .lang_w {position:relative; display:inline-block; vertical-align:middle;}
#header .gnb_area .right_menu .lang_w .lang {cursor:pointer; border-bottom:1px solid #fff; padding-bottom:5px;}
#header .gnb_area .right_menu .lang_w .lang .tt {padding:0 5px; color:#fff;}
#header .gnb_area .right_menu .lang_w:hover .lang_list {display:block; color:#fff;}
#header .gnb_area .right_menu .lang_w .lang_list {position:absolute; top:100%; left:0; padding:5px 10px; background:#333; display:none;}
#header .gnb_area .right_menu .lang_w .lang_list > li > a {display:block; padding:6px 10px; text-align:center; font-size:0.875em; color:#fff; }
#header .gnb_area .right_menu .lang_w .lang .xi {color:#fff;}

#header .gnb_area .ham_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:15px;}
#header .gnb_area .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:27px; height:27px; margin-top:7px; overflow:hidden;}
#header .gnb_area .all_btn *{ transition:0.3s ease;}
#header .gnb_area .all_btn .all_dot{ float:left; width:26px; height:4px; background:#fff; margin-left:0px; margin-bottom:4px; /*box-shadow:1px 1px 2px rgba(0,0,0,0.5);*/}

/*#header .gnb_area{background:rgba(0,0,0,0.3);}
*/#header .gnb_area .logo{display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
/*#header .gnb_area .logo a{width:408px; height:70px; background:url(../images/inc/t_logo.png) no-repeat 0 center; display:block;} 흰색로고*/
#header .gnb_area .logo a{width:408px; height:70px; background:url(../images/inc/t_logo_color.png) no-repeat 0 center; display:block;}
#header .gnb_area .logo img{margin-top:-2px;}


#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:7%;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer; font-size:1.063em;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 20px; height:80px; line-height:80px; font-family:'notokrM'; font-size:1.063em; color:#fff; letter-spacing:-1px;}
 /*text-shadow:1px 1px 2px rgba(0,0,0,0.5);}*/
#header .gnb_area .gnb > li > a{ text-decoration:none; }

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-90px; width:180px; padding:10px 0; background:rgba(0,0,0,0.3); text-align:center; border-top:0;}
#header .gnb_area .gnb .dp2 > li{text-align:center;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; color:#fff; font-size:0.92em; padding:10px 0; }
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}


#header .gnb_area .gnb > li:hover .dp1{color:#29caff}
#header .gnb_area .gnb > li .dp1.on {color:#bb9a37}

#header .gnb_area .gnb > li:hover .dp2{}
#header .gnb_area .gnb > li.on .dp2{}

#header .gnb_area .gnb > li.on .dp2 a{color:#ffcc00}
#header .gnb_area .gnb > li .dp2 a:hover{color:#ffcc00;}

#header .gnb_area .all_btn:hover .all_dot{background:#29caff}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_guide,
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_search{ display:none;}

.mobile_menu{display:none;}

#header .ham_menu{position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); opacity:0; visibility:hidden}
#header .ham_menu.on{ height:100%; visibility:visible; opacity:1}
#header .ham_menu .close{position:fixed; top:15px; right:2%; font-size:35px; color:#fff; cursor:pointer;}
#header .ham_menu .close:hover{color:#29caff;}
#header .ham_menu .ham_gnb{padding:70px 2% 0;}
#header .ham_menu .ham_gnb .gnb{ overflow:hidden;margin-left:-1%;}
#header .ham_menu .ham_gnb .gnb > li{ float:left; margin-left:1%; margin-bottom:60px; width:19%; /*width:24%;*/}
#header .ham_menu .ham_gnb .gnb > li.m_member,
#header .ham_menu .ham_gnb .gnb > li.m_mypage,
#header .ham_menu .ham_gnb .gnb > li.m_guide{ display:none}
#header .ham_menu .ham_gnb .gnb > li .dp1{ display:block; border-top:3px solid #fff; border-bottom:1px solid #fff; text-align:center; font-size:1.3em; font-weight:600; color:#fff; padding:20px 0;}
#header .ham_menu .ham_gnb .gnb > li:hover .dp1{ background:#fff; color:#333}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#999; padding:10px 0; text-align:center; font-size:1em;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#ffcc00;}
#header .ham_menu .ham_gnb .gnb > li.m_1,
#header .ham_menu .ham_gnb .gnb > li.m_2,
#header .ham_menu .ham_gnb .gnb > li.m_3,
#header .ham_menu .ham_gnb .gnb > li.m_4,
#header .ham_menu .ham_gnb .gnb > li.m_5{}
#header .ham_menu .logo{text-align:center; margin-top:10px; margin-left:2%; cursor:pointer}

#header .language_w {display:inline-block; margin:0 10px 0 30px;}
#header .language_w .lang_btn {color:#fff; font-size:1.063em;}
#header .language_w .lang_btn .xi {vertical-align:middle; font-size:.938em; padding-right:.2em;}
#header .language_w .eng_btn {padding-right:.6em; }
#header .language_w .jp_btn {}

#header .language_w .lang_btn:hover {color:#bb9a37; transition:.3s;}

/**/
#header.st1{}
#header.st1:before{ content:""; position:absolute; left:0; top:-1px; width:100%; height:0; background:#fff; transition:.7s; border-bottom:1px solid #ddd}
#header.st1 .box2{ margin-right:0}
#header.st1 *{ transition:.3s}
#header.st1 .logo{ float:left}
#header.st1 .logo > a{ width:300px; height:90px}
#header.st1 .right{ float:right; position:relative; padding-right:185px; /*padding-right:120px*/}

#header.st1 .gnb_area .gnb{ float:left; margin-left:0; display:block /*margin-right:20px;*/}
#header.st1 .gnb_area .gnb > li{ margin:0 0 0 1px}
#header.st1 .gnb_area .gnb > li .dp1{ height:80px; line-height:80px; margin:10px 0; padding:0 10px; min-width:100px; text-align:center}
#header.st1 .gnb_area .gnb > li.on .dp1{ color:#bb9a37 }
#header.st1 .gnb_area .gnb > li:hover .dp1{background:#1f4e79; color:#fff !important}
#header.st1 .gnb_area .gnb .dp2{ transition:0; left:0; top:80px; margin-left:0; width:100%; background:#1f4e79; border-top:1px solid rgba(255,255,255,.2)}
#header.st1 .gnb_area .gnb .dp2 > li > a{ font-size:.875em; position:relative}
#header.st1 .gnb_area .gnb .dp2 > li:hover > a{ background:rgba(0,0,0,.2)}

#header.st1 #logoAni{ top:32px}
#header.st1 .gnb_area .right_menu{ position:static; padding-top:32px; float:left}
#header.st1 .gnb_area .right_menu .lang_w{ background:#1f4e79; border-bottom:none; padding:0 7px; line-height:30px; border-radius:3px}
#header.st1 .gnb_area .right_menu .lang_w .lang{ border-bottom:none; padding-bottom:0}
#header.st1 .gnb_area .right_menu .lang_w .lang .tt{ font-size:.813em; letter-spacing:-1px; font-family:notokrB, sans-serif; text-transform: uppercase}
#header.st1 .gnb_area .right_menu .lang_w .lang_list{ width:100%; background:#1f4e79; padding:0; border-radius:3px}
#header.st1 .gnb_area .right_menu .lang_w .lang_list > li > a{ padding:0; border-top:1px dotted rgba(255,255,255,.3)}

#header.st1 .cs_wrap{ position:absolute; top:0; background:#1f4e79; line-height:100px; padding:0 40px 0 40px; border-radius:80px 0 0 80px; cursor: pointer}
#header.st1 .cs_wrap:before{ content:"\e93c"; font-family:xeicon!important; position:absolute; left:15px; top:0; color:#fff; font-size:1.25em; transition:.7s}
#header.st1 .cs_wrap .icon{ font-size:2.25em; color:#ccc; width:50px; text-align:center}
#header.st1 .cs_wrap .tt{ color:#fff; font-family: notokrB, sans-serif; font-weight:bold; font-size:1.25em; padding-left:20px; margin-left:20px; line-height:1.2; display:inline-block; /*position:relative*/}
/*#header.st1 .cs_wrap .tt:before{ content:""; position:absolute; left:0; top:45%; height:40%; width:1px; background:#fff; opacity:.5}
*/
#header.st1 .cs_wrap{ right:-200px}
#header.st1 .cs_wrap.on{ right:0}

#header.st1 .cs_wrap.on:before{ transform:rotate(180deg)}

#header.st1 .gnb_area .gnb > li .dp1{ }

.scroll #header.st1:before{ height:100%}
.scroll #header.st1 .logo > a{ height:60px; background-image:url(../images/inc/logo_c.png)}
.scroll #header.st1 .gnb_area .gnb > li .dp1{ height:60px; line-height:60px; margin:0}
.scroll #header.st1 .gnb_area .gnb > li .dp1.on {color:#bb9a37!important;}
.scroll #header.st1 .gnb_area .gnb > li .dp2{ top:auto}
.scroll #header.st1 .gnb_area .gnb > li:hover .dp1{ color:#4c9fdb}
.scroll #header.st1 .gnb_area .right_menu{ padding-top:13px}
.scroll #header.st1 #logoAni{ top:13px}

.scroll #header.st1 .gnb_area .gnb > li .dp1,
.scroll #header.st1 .gnb_area .right_menu .menu_p1 a{ color:#666}
.scroll #header.st1 .gnb_area .all_btn .all_dot{ background-color:#666}
.scroll #header.st1 #logoAni > li{ background:#1f4e79; opacity:.4}
.scroll #header.st1 .language_w .lang_btn,
.scroll #header.st1 .language_w .lang_btn .xi  {color:#666;}

/*----------------lnb-----------------------*/

.top_btn{position:fixed; right:0px; bottom:0px; z-index:1000; width:60px; height:60px; background:#222e78; text-align:center; display:none; transition:0.3s; cursor:pointer;}
.top_btn:hover{background:#29caff}
.top_btn .xi{font-size:20px; color:#fff; padding-top:10px;}
.top_btn p{font-size:14px; color:#fff; margin-top:-4px;}

/*quick_left*/
#contents{}
/*.quick_wrap{ top:0;}*/
.quick_wrap{ position:fixed; z-index:3; top:90px; left:0; width:80px; height:100%; background:rgba(54, 67, 82, 1);/* border-right:1px solid #000;*/}
.quick_wrap,
.quick_wrap *{ transition:.3s; }
.quick_wrap{ top:0;}
/*.quick_wrap .quick{ border-bottom:1px solid rgba(255,255,255,.1);}*/
.quick_wrap .quick a{ display:block; text-align:center; /*border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(0,0,0,.5);*/ color:#fff;}
.quick_wrap .quick > dt > a{ border-top:none;}
.quick_wrap .quick > dt img{ width:40px;}
.quick_wrap .quick > dt > a > *,
.quick_wrap .quick > dd > a > *{ filter:alpha(opacity=70); opacity:.7;}
.quick_wrap .quick > dd > a{ height:98px;}
.quick_wrap .quick > dd span{ display:block;}
.quick_wrap .quick > dd .icon{ padding:15px 0 6px 0; font-size:1.938em;}
.quick_wrap .quick > dd .icon.st {padding:15px 0 1px 0;}
.quick_wrap .quick > dd .tt{ font-size:.813em;}
.quick_wrap .quick > dd .tt.st {font-size:.750em;}
.quick_wrap .quick > dd .more{ padding-top:5px; font-size:.750em; display:none;}
.quick_wrap .quick > dd .more:after{ content:"\e907"; font-family:xeicon; font-style:normal; padding-left:5px;}
.quick_wrap .quick > dd:hover > a{ background:#ddb041;}
.quick_wrap .quick > dd .list{ display:none; }
.quick_wrap .quick > dd .list > span {font-size:.875em; margin:3px 0; cursor:pointer}
.quick_wrap .quick > dd .list > span:first-child {margin-top:10px;}
.quick_wrap .quick > dd .list > span:hover { color:#333}
.quick_wrap .quick > dd.first{ margin-top:80px;}
/*.quick_wrap.open{ width:120px; background:rgba(54, 67, 82, 1)} */
.quick_wrap.open .quick > dt img{ width:50px;}
/*.quick_wrap.open .quick > dd .icon{ padding:8px 0 4px 0;}*/
.quick_wrap.open .quick > dd .tt{ font-size:.875em; }
.quick_wrap.open .quick > dd > a > *:not(.more){ filter:alpha(opacity=100); opacity:1;}
.quick_wrap.open .quick > dd .more{ display:block;}
.quick_wrap.open .quick > dd .list{ display:block;}
.quick_wrap.open .quick > dd .tt_d_none  { display:none; }
.quick_wrap .quick > .tel_mobile {display:none;}

.quick_wrap .quick .tit{ height:100px; background:#1f4e79; color:#fff; cursor:pointer; position:relative}
.quick_wrap .quick .tit:before{ content:""; position:absolute; left:50%; top:50%; width:0; height:0; background:#000; opacity:.5; transition:.5s}
.quick_wrap .quick .tit:hover:before{ left:0; top:0; width:100%; height:100%;}
.quick_wrap .quick .tit .va_tt{ font-size:.938em; line-height:1.5; position:relative}

/*sub contents*/
.sub #contents .lnb_area{ width:100%; margin-top:-58px;}
.sub #contents .lnb_area .gnb {}
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{height:78px; }
.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block;  line-height:78px; font-size:20px; font-weight:600; color:#fff; padding-left:24px; }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{font-size:0; background:#bcc9d2;border-radius:5px; text-align:center;}
.sub #contents .lnb_area .gnb .dp2.bg_none {background:none;}
.sub #contents .lnb_area .gnb .dp2.bg_none li {background:#bcc9d2;}
.sub #contents .lnb_area .gnb .dp2 > li{border-radius:5px;position:relative; display:inline-block; *display:inline; zoom:1; width:20%; height:50px; text-align:center; transition:0.3s;}

.sub #contents .lnb_area .gnb li.m_1 .dp2 > li{width:20%;}
.sub #contents .lnb_area .gnb li.m_2 .dp2 > li{width:12.5%;}
.sub #contents .lnb_area .gnb li.m_3 .dp2 > li{width:20%;}
.sub #contents .lnb_area .gnb li.m_4 .dp2 > li{width:14.28%;}
.sub #contents .lnb_area .gnb li.m_5 .dp2 > li{width:33.33%;}
.sub #contents .lnb_area .gnb li.m_6 .dp2 > li{width:25%;}
.sub #contents .lnb_area .gnb li.m_7 .dp2 > li{width:20%;}
.sub #contents .lnb_area .gnb li.m_guide .dp2 > li{width:33.33%;}

.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb .dp2 > li:last-child::before{background:none;}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#fff; font-size:1.07rem; display:block; padding:15px 0; text-decoration:none;}
.sub #contents .lnb_area .gnb .dp2 > li:hover{background:#3d5265;}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#e1e5e4; }
.sub #contents .lnb_area .gnb .dp2.bg_none > li.on{background:#bcc9d2; }
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#343b41!important; font-weight:600; }


/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding:50px 0 180px; overflow:hidden; }
.sub .doc.product{ padding:0px 0 180px; }
.sub .svisu_area{ width:100%; position:relative; }
.sub .svisu_area .svisual{ height:246px;}
.sub .svisu_area .visu_sgarea{ text-align:center; position:relative; padding-top:60px;}
.sub .svisu_area .visu_sgarea .copy1{font-size:1.92em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.sub .svisu_area .visu_sgarea .copy1 .st1{font-size:1em; color:#ffd000; font-weight:600;}
.sub .svisu_area .visu_sgarea .copy2 {color:#fff; font-size:1.23em; position:relative; margin-top:5px; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}

.sub .lnb_this_bg{background:#e1e5e4;}

.sub .navi {position:absolute; right:0; top:33px;}
.sub .navi > li{ display:inline-block; *display:inline; zoom:1; font-size:14px; color:#666; font-family:ng, sans-serif;}
.sub .navi i{color:#999;}
.sub .navi .home{color:#666; font-size:17px;}
.sub .navi .this{color:#3d5265;}

.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}
.sub .sub_con .this_page{ font-size:2em; padding:25px 0; font-weight:600; text-align:center;color:#343b41;}


/**/
#quickBN img{ max-width:none;}
#quickBN *{ transition:.3s;}
#quickBN .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#df7900; border-top-left-radius:15px; border-bottom-left-radius:15px;}
#quickBN{ position:fixed; z-index:100000001; right:0;}
#quickBN .inner{ position:relative; width:150px; height:150px; box-shadow:2px 2px 15px rgba(0,0,0,.3); border-top-left-radius:15px; border-bottom-left-radius:15px;}
#quickBN .bn_btn{ position:absolute; top:0; left:0; /*width:100%; height:100%;*/ display:block;}
#quickBN .bn_btn.off{ filter:alpha(opacity=100); opacity:1;}
#quickBN .bn_btn.on { filter:alpha(opacity=0); opacity:0; width:0; overflow:hidden;}
#quickBN:hover .inner{ width:230px;}
#quickBN:hover .bg{ background:#23987b;}
#quickBN:hover .bn_btn.off{ filter:alpha(opacity=0); opacity:0;}
#quickBN:hover .bn_btn.on { filter:alpha(opacity=100); opacity:1; width:100%;}
#quickBN .inner .bn_btn.off { padding:25px;}
#quickBN .inner .bn_btn.off span {display:block;}
#quickBN .inner .bn_btn.off .txt {margin:10px 0 0px 0; line-height:1.3; color:#fff;}
#quickBN .inner .bn_btn.off .xi {font-size:1.5em; color:#fff;}
#quickBN .inner .bn_btn.on { padding:25px; height:100%; background:url(../images/inc/l_tab_bg.png)no-repeat right bottom;}
#quickBN .inner .bn_btn.on span {display:block;}
#quickBN .inner .bn_btn.on .txt {margin:10px 0 0px 0; line-height:1.3; color:#fff;}
#quickBN .inner .bn_btn.on .xi {font-size:1.5em; color:#fff;}

/*inc*/
.s_tit{margin-bottom:10px;}
.s_tit p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.3em; color:#222; font-weight:600; margin-left:3px;}
.s_tit .xi{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;font-size:26px; width:40px; line-height:40px; border:1px solid #999; border-radius:50%; text-align:center; color:#333;}

/*footer*/
#footer { background:#1f1f1f; }
#footer .goTop{ position:fixed; z-index:1; width:70px; height:70px; border-radius:100%; background:#5b6269; opacity:.7; transition:.3s; color:#fff; right:30px; bottom:30px; text-align:center}
#footer .goTop .xi{ display:block; font-size:1.5em}
#footer .goTop .tt{ font-size:.688em}
#footer .goTop:hover{ opacity:1}

#footer .f_sitemap { background:#161616; border-top:1px solid #111; }
#footer .f_sitemap .gnb { width:100%; overflow:hidden; float:left; border-left:1px solid #292929; box-sizing:border-box; }
#footer .f_sitemap .gnb > li { float:left; width:16.66%; position:relative; border-right: 1px solid #292929; box-sizing:border-box; transition:.3s; }
#footer .f_sitemap .gnb > li:hover { background:#000; }
#footer .f_sitemap .gnb a{ display:block; }
#footer .f_sitemap .gnb .dp1{ padding:15px 20px 10px; color:#d4d4d4; font-weight:500; font-size:1.063em; }
#footer .f_sitemap .gnb .dp2{ padding:5px 20px 20px;}
#footer .f_sitemap .gnb .dp2 li { padding:5px 0;}
#footer .f_sitemap .gnb .dp2 > li > a{ font-size:.875em; color:#999; font-family: "notokrR",sans-serif; transition:.3s; }
#footer .f_sitemap .gnb .dp2 > li > a:hover { color:#ddd; }
#footer .f_sitemap .gnb .m_7,
#footer .f_sitemap .gnb .m_member,
#footer .f_sitemap .gnb .m_mypage,
#footer .f_sitemap .gnb .m_guide { display:none; }
#footer .f_sitemap .etc { width:5%; float:right; border-right:1px solid #292929; box-sizing:border-box; position:relative; }
#footer .f_sitemap .etc li { width:100%; }
#footer .f_sitemap .etc li a { display:block; text-align:center; border-top:1px solid #292929; color:#e8e8e8; padding:15px 0; transition:.3s; }
#footer .f_sitemap .etc li.gotop { bottom:0; border-bottom:1px solid #292929; }
#footer .f_sitemap .etc li a:hover { background:#000; }

#footer .f_list { border-top:1px solid #393939; border-bottom:1px solid #393939 }
#footer .f_list .left { overflow:hidden; }
#footer .f_list .left li { float:left; }
#footer .f_list .left li a { display:block; margin-right:30px; font-size:0.875em; color:#fff; letter-spacing:normal; line-height:50px; }
#footer .f_list .left li a .xi { font-size:1.313rem; }
#footer .f_list .left li a.system{ color:#2be0ff;}

#footer .f_info { padding:30px 0 60px; }
#footer .f_info .logo { float:left; margin-top:20px; }
#footer .f_info ul { float:left; overflow:hiddne; margin:0 0 0 50px; }
#footer .f_info ul li { float:left; margin:4px 0 0 30px; font-size:0.813em; color:rgba(255,255,255,0.6); font-family:"notokrR", sans-serif; }
#footer .f_info ul li a { color:rgba(255,255,255,0.8); }
#footer .f_info ul li.copy { color:rgba(255,255,255,0.3); margin-top:15px; font-size:0.813em; letter-spacing:normal; }

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-1%;}
.sitemap .gnb > li{ float:left; width:24%; margin-left:1%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #02298e; border-bottom:1px solid #02298e; text-align:center; font-size:1.125em; color:#02298e; padding:15px 0;}
.sitemap .gnb > li:hover .dp1{ background:#02298e; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; color:#666; padding:10px 0; text-align:center; font-size:0.938em;}
.sitemap .gnb > li .dp2 > li > a:hover{ color:#02298e;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:450px;}

/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #02298e; 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.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; line-height:1.6; font-size:1em; color:#333;}
.sub .agree_area.st .agree_box .agree_in p.strong{ margin-top:50px; color:#333; margin-bottom:5px; background:url(../images/inc/lnb_arrow_on.png) no-repeat left center; padding-left:10px;}
.sub .agree_area.st .agree_box .agree_in p.txt_mail{color:#666; font-size:0.875em; line-height:1.6; padding-left:15px; text-indent:-15px; margin-left:10px; }
.sub .agree_area .agree_box .agree_in .agree_box2{ line-height:1.6; font-size:0.875em; color:#666;}

.sub .agree_area.page{ border-top:2px solid #ccc; border-bottom:1px solid #666; position:relative; height:200px; overflow-y:scroll;}
.sub .agree_area.page .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.page .agree_box .agree_in{ padding:30px;}
.sub .agree_area.page .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center; line-height:1.6; font-size:1em; color:#333;}
.sub .agree_area.page .agree_box .agree_in p.strong{ margin-top:50px; color:#333; margin-bottom:5px; background:url(../images/inc/lnb_arrow_on.png) no-repeat left center; padding-left:10px;}
.sub .agree_area.page .agree_box .agree_in p.txt_mail{color:#666; font-size:0.875em; line-height:1.6; padding-left:15px; text-indent:-15px; margin-left:10px; }

.acheck_area{margin-top:10px; text-align:right; font-size:0.875em;}
.acheck_area .agree_1 {padding:0 10px; line-height:30px; background:#fff; border-radius:7px; letter-spacing:-1px; transition:.3s;}

/********************************************************************************공통********************************************************************************/
.main_con{ padding:80px 0 100px 0; background:#fffefe;}
.main_con.main_08_1 { padding-bottom:0;}

.sub_tt1{ font-size:1.25em; color:#333; background:url(../images/inc/tit_bg.png) no-repeat left center; padding-left:20px; margin-bottom:10px; font-family:notokrM;}
.sub_tit2{ font-size:1.25em; color:#333; background:url(../images/inc/tit_bg.png) no-repeat left center; padding-left:20px; margin-top:50px; margin-bottom:10px; font-family:notokrM;}

.tit_box {text-align:center; padding-bottom:50px; overflow:hidden;}
.tit_box.st2 {text-align:left; padding-bottom:35px;}
.tit_box .ti {font-size:1.875em; font-family:notokrR; /*padding-bottom:25px;*/ vertical-align:middle;}
.tit_box .ti.st2 {font-size:2.500em; }
.tit_box .ti2 {font-size:1.125em; color:#555; font-family:notokrR; padding-top:25px;}
.tit_box .ti2.ti4 {color:#fff; font-family:notokrB;}
.tit_box .ti span {font-family:notokrB;}
.tit_box .ti .in_ti {font-family:notokrB; color:#fff;}
.tit_box .ti.more {font-size:0.438em; color:#888;  vertical-align:middle; float:right; margin-top:15px;}

.main_ti_w { background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-size:cover; padding:70px 0 90px 0;}
.main_ti_w.bg1 {background-image:url(../images/main/main_tit_bg1.jpg);}
.main_ti_w.bg2 {background-image:url(../images/main/main_tit_bg4.jpg);}
.main_ti_w.bg3 {background-image:url(../images/main/main_tit_bg5.jpg);}
.main_ti_w.bg4 {background-image:url(../images/main/main_tit_bg2.jpg); margin-top:80px;}
.main_ti_w.bg5 {background-image:url(../images/main/main_tit_bg3.jpg);}


.main_ti_w .in_ti {font-size:2.188em; color:#fff; font-family:notokrB; text-align:center;}
.main_ti_w .in_ti > i {display:block;}

.top_title{margin:0 0 10px 40px;padding:5px 0;font-size:1.6em;color:#6b7f98;padding-left:45px;background:url(../images/sub3/text_front.png) no-repeat left center;}

.sub_img {padding-top:40px;}
/****************************************************************************main***********************************************************************************************/


/*****************************************************************************************************************************************************/
/*************************************************************************sub*************************************************************************/
/*1_1*/
.col_wrap.fl_St{ *zoom:1;}
/*.col_wrap.fl_St li .xi {vertical-align:middle; font-size:0.875e,; border:1px solid #ccc; border-radius:50%; padding:2px 2px; margin:0 5px 0 5px;}*/
.col_wrap.fl_St li .xi {vertical-align:middle; font-size:1.500em; color:#b4bcc4;}

.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.fl_St:after{ content:""; display:block; clear:both;}
.col_wrap.sec8 > * { width:12.5%;}
.col_wrap.fl_St .list {margin-left:-10px;}
.col_wrap.fl_St li {float:left; background:linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); }
.col_wrap.fl_St li .li_in {margin-left:10px;}
*/

/*list*/
.prod_search_wrap{ background:#f2f5f8; padding:30px 0;}
.prod_search_wrap .inner{ position:relative; padding-left:350px; background:#fff;width:70%;margin:0 auto;}
.prod_search_wrap .prod_search_tit{ position:absolute; left:178px; top:0; width:170px; height:100%; background:#333a40; color:#fff; text-align:center; font-size:1.25em}
.prod_search_wrap .prod_search_tit.st1{ left:0; cursor:pointer; background:#091926; opacity:.8; transition:.3s}
.prod_search_wrap .prod_search_tit .more{ display:block; font-size:.688em; height:0; overflow:hidden; transition:.3s}
.prod_search_wrap .prod_search_tit.st1:hover{ opacity:1}
.prod_search_wrap .prod_search_tit:hover .more{ padding-top:10px; height:20px}

.prod_search_wrap .prod_search_tit .xi{ display:block; font-size:1.5em; padding-bottom:5px}
.prod_search_wrap .prod_search_con{}
.prod_search_wrap .prod_search_con > li{ position:relative; padding-left:170px; margin:5px 0 0 5px;}
.prod_search_wrap .prod_search_con > li .con_tit{ position:absolute; left:0; top:0; bottom:0; width:170px; background:#b4bcc4; /*border:1px solid #999;*/ border-left:0; color:#fff}
.prod_search_wrap .prod_search_con > li .con_tit i{ vertical-align:middle;}
.prod_search_wrap .prod_search_con > li .con_tit .xi{ font-size:1.5em; padding-right:3px;}
.prod_search_wrap .prod_search_con > li .inp_wrap{ padding:10px; /*border:1px solid #ccc;*/ margin-bottom:-1px}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp_con  { position:relative; width:100%;}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con{ padding-top:10px; font-size:.938em;}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con .label_st{ margin-left:15px;}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con .label_st:first-child{ margin-left:0;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp{ box-sizing: border-box; padding-top:5px; padding-bottom:5px; height:45px;}
.prod_search_wrap .prod_search_con > li .inp_wrap select.inp,
.prod_search_wrap .prod_search_con > li .inp_wrap input.inp { border:3px solid #ddd; border-radius:0 0 15px 0; min-width:245px; max-width:100%; color:#666}
.prod_search_wrap .prod_search_con > li .inp_wrap select.inp{ width:40%;}
.prod_search_wrap .prod_search_con > li .inp_wrap input.inp { width:100%;  padding-left:10px; padding-right:50px}
.prod_search_wrap .prod_search_con > li .inp_wrap .btn{ position:absolute; top:0; right:15px; border:none; background-color:transparent;}
.prod_search_wrap .prod_search_con > li .inp_wrap .btn .xi{ font-size:1.563em; color:rgba(34, 46, 120, 1); transition:.3s;}
.prod_search_wrap .prod_search_con > li .inp_wrap .letter{}
.prod_search_wrap .prod_search_con > li .inp_wrap .letter > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.prod_search_wrap .prod_search_con > li .inp_wrap .letter > li > a{ display:block; text-align:center; margin:0 1px; width:30px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,e5e5e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.prod_search_wrap .prod_search_con > li .inp_wrap .letter > li:hover > a{ background:#d12d33; border-color:#d12d33; color:#fff; transition:.3s;}


.prod_cate_wrap{ margin:20px 0 50px 0;}
.prod_cate_wrap .list > li{}
.prod_cate_wrap .list > li *{ transition:.3s}
.prod_cate_wrap .list > li > a{ display:block; /*margin:0 -1px -1px 0;*/ text-align:left; height:50px; color:#333; font-size:.813em; position:relative; background:#f5f5f5;
border:2px solid #fff; background-repeat:no-repeat; background-position:left 5px center;}
/*.prod_cate_wrap .list > li:hover > a{background:#f5f5f5;}*/

.prod_cate_wrap .list > li:hover > a{ color:#fff; background-color:#949da5;}
.prod_cate_wrap .list > li:hover > a i{ color:#fff}
.prod_cate_wrap .list > li.on > a{ color:#fff; background-color:#333a40;}
.prod_cate_wrap .list > li.on > a i{ color:#949da5}

/*.prod_cate_wrap .list > li .ti {padding-left:35px;}*/
/*.prod_cate_wrap .list > li.st_1 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_2 > a{ background-image:url(../images/sub1/tab_icon04.png);}
.prod_cate_wrap .list > li.st_3 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_4 > a{ background-image:url(../images/sub1/tab_icon02.png);}
.prod_cate_wrap .list > li.st_5 > a{ background-image:url(../images/sub1/tab_icon02.png);}
.prod_cate_wrap .list > li.st_6 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_7 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_8 > a{ background-image:url(../images/sub1/tab_icon05.png);}
.prod_cate_wrap .list > li.st_9 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_10 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_11 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_12 > a{ background-image:url(../images/sub1/tab_icon04.png);}
.prod_cate_wrap .list > li.st_13 > a{ background-image:url(../images/sub1/tab_icon05.png);}
.prod_cate_wrap .list > li.st_14 > a{ background-image:url(../images/sub1/tab_icon01.png);}
.prod_cate_wrap .list > li.st_15 > a{ background-image:url(../images/sub1/tab_icon03.png);}*/


/*제품리스트*/
.sub_prod_wrap{ overflow:hidden; margin:-15px 0 0 -15px}
.sub_prod_wrap > li{ width:20%; float:left;}
.sub_prod_wrap > li .sub_prod{/* border:1px solid #eee;*/ padding:5px; cursor:pointer; margin:15px 0 0 15px; /*height:260px;*/}
.sub_prod_wrap > li .sub_prod .img{ border:1px solid #eee; position:relative; z-index:inherit; overflow:hidden}
.sub_prod_wrap > li .sub_prod .img img{ width:100%; height:100%;}
.sub_prod_wrap > li .sub_prod .img .layer{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; /*background:url(../images/temp/prod_layer.png) no-repeat left top;*/ background-size:100% 100%}
.sub_prod_wrap > li .sub_prod .tit{ padding:10px 5px 5px 5px; font-family:notokrM, sans-serif; font-size:.875em; color:#666}
.sub_prod_wrap > li .sub_prod:hover{ border-color:#999}
.sub_prod_wrap > li .sub_prod:hover .img img{ transform:scale(1.3,1.3)}
.sub_prod_wrap > li .sub_prod:hover .tit{ color:#111}
.sub_prod_wrap > li .sub_prod:hover *{ transition:0.3s;}


/*제품 뷰페이지*/
.sub_view_tit{ border-bottom:1px solid #ddd; font-family:notokrM, sans-serif; font-size:1.5em; padding-bottom:15px; color:#2e55a7; margin-bottom:20px}
.sub_view_top{ position:relative; z-index:inherit}
.sub_view_img{ float:left; width:57%;}
.sub_view_img .img_big{ float:left; width:74%}
.sub_view_img .img_big .img{ /*border:3px solid #999; padding:20px*/ position:relative;}
.sub_view_img .img_big .img .img_up_t {position:absolute; right:20px; bottom:5px; color:#fff; font-size:.875em;}
.sub_view_img .img_list{ float:right; width:23%} 
.sub_view_img .img_list > li{ margin-top:8%}
.sub_view_img .img_list > li:first-child{ margin-top:0}
.sub_view_img .img_list > li .img{ display:block; border:1px solid #ddd; cursor:pointer; overflow:hidden}
.sub_view_img .img_list > li .img img{ transition:.3s}
.sub_view_img .img_list > li:hover .img img{ transform:scale(1.3,1.3)}
/*.sub_view_img .img_list > li .img:hover,
.sub_view_img .img_list > li .img.on{ border:1px solid #999}*/
.sub_view_info{ float:right; width:40%; padding-bottom:80px }
.sub_view_btn{ position:absolute; z-index:inherit; right:0; bottom:0}

.sub_view_con{ margin-top:40px}
.sub_view_con .view_con{ padding:30px 0; text-align:center; }
.sub_view_con .view_con.con2 {text-align:left;}
.sub_view_con .view_con.st2 {padding:0 0 30px 0;}

/*영어*/
.lang_img_w  {overflow-x:scroll; height:1200px;}
.lang_img_w > p {position:relative;}
.lang_img_w > p .tt {position:absolute; left:5px; top:5px; font-size:.750em; color:#fff;}


.tab_st{ font-size:0; border-bottom:1px solid #ddd; border-top:1px solid #333}
.tab_st > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:25%}
.tab_st > li > a{ display:block; height:50px; background:url(../images/sub/mall_view_info_sec.gif) no-repeat right center; text-align:center; position:relative; z-index:inherit}
.tab_st > li > a .va_tt{ font-size:15px; font-size:.938rem; color:#333; font-family:notokrM, sans-serif}
.tab_st > li > a .line{ position:absolute; z-index:inherit; left:0; top:-1px; width:100%; height:3px; background:#cd0f18; display:none}
.tab_st > li.on > a .va_tt{ color:#2e55a7}
.tab_st > li.on > a .line{ background:#2e55a7; display:block}

/*2_1*/
.fl_50 {width:49%; float:left;}
.fr_50	{width:49%; float:right;}
.int_tbl1 tbody th { background:#f4f4f4; color:#444444;  border:1px solid #dddddd; line-height:18px; padding:15px 20px; vertical-align:middle; font-weight:normal;}
.int_tbl1 tbody td {word-break:keep-all; color:#555555; border:1px solid #dddddd; line-height:20px; padding:20px; vertical-align:middle; text-align:left;}
.int_tbl1 tbody td img { text-align:center; width:100%;}
.int_tbl1 tbody .bd_bw {border-bottom:3px double #ddd;}
.int_tbl_wrap { overflow:hidden; margin-bottom:25px; }
.int_tbl1 thead tr { background:#f4f4f4; border:1px solid #ddd; }
.int_tbl1 thead th { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 color:#555;  border-top:2px solid #ccc; line-height:18px; padding:12px 10px; vertical-align:middle; font-size:14px; font-weight:550;  }
.int_tbl1 { font-size:0.875em; width:100%;}

/*2_2인사말*/
.left_ceo{float:left;width:50%;padding-left:40px;}
.right_ceo{float:left;width:45%;}
.ceo_top_img{margin-bottom:40px;}
.blue{color:#6b7f98;font-family:notokrM;}
.big{font-size:2.1em;}
.left_ceo p{color:#606060;font-size:1em;font-family:notokrR;}
.left_ceo .ti::before{position:absolute;content:url(../images/sub2/left_ti.png); left:-40px;top:0;}
.left_ceo .ti::after{position:absolute;content:url(../images/sub2/right_ti.png); left:35%;bottom:0;}
.left_ceo .ti{position:relative;line-height:38px;margin-bottom:40px;}
.left_ceo .tx{line-height:26px;margin-bottom:20px;}
.right_ceo p{margin-top:-10px;}


/*2_3 연혁*/
.history_top {background:url(../images/sub/his_bg.jpg) no-repeat center center; height:200px; padding-right:70px; text-align:right;}
.history_top .t1 {font-size:2.5em; color:#fff; padding-top:60px; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.history_top .t2 {font-size:1.5em; color:#fff; margin-top:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.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; margin-top:50px; width:50%;}
.sub_history_wrap .sub_history > li:first-child{ margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px}
/*.sub_history_wrap .sub_history > li.odd .history { float:right;}
.sub_history_wrap .sub_history > li.even .history{ float:left;}
.sub_history_wrap .sub_history > li .img_wrap{ width:50%;}
.sub_history_wrap .sub_history > li.odd .img_wrap { float:right;}
.sub_history_wrap .sub_history > li.even .img_wrap{ float:left;}
.sub_history_wrap .sub_history > li.odd .img_wrap .img { padding-left:20px;}
.sub_history_wrap .sub_history > li.even .img_wrap .img{ padding-right:20px;}*/

.sub_history_wrap .sub_history > li .history .year{ font-family:notokrB,sans-serif; font-size:2.250em; color:#343b41; position:relative; z-index:inherit; letter-spacing:-1px}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; width:10px; height:10px; top:50%; margin-top:-5px; background:#333; border-radius:100%;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.063em; color:#3d5265; 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:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.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:80px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {position:absolute; content:''; top:10px; right:70px; width:5px; height:1px; background:#333}
.sub_history_wrap .sub_history > li.even .history .list .tt { padding-left:80px;}
.sub_history_wrap .sub_history > li.even .history .list .tt:before {position:absolute; content:''; top:10px; left:70px; width:5px; height:1px; background:#333}

.fo_bold {color:#111; font-family:notokrB;}


/*2_7주요거래사*/
.site_list .site_w{overflow:hidden; margin-left:-20px; margin-top:10px;}
.site_list .site_w li{float:left; width:16.66%; margin-bottom:50px;}
.site_list .site_w li a{display:block; margin-left:20px; text-align:center;}
.site_list .site_w li a img{ height:auto}
.site_list .site_w li .border_dv{border:1px solid #ccc; overflow:hidden; transition:0.3s;}
.site_list .site_w li .site_name{font-size:0.92em; color:#666; padding:10px 0; border-bottom:1px dashed #ddd; transition:0.3s;}
.site_list .site_w li:hover .border_dv{border-color:#666;}
.site_list .site_w li:hover .site_name{border-color:#666; color:#222;}

/*2_8찾아오시는길*/
.map>p:nth-of-type(1){font-size:1.125em; color:#111;margin-bottom:13px;background:url(../images/sub2/sub2_8.png) no-repeat left center;padding:8px 45px;}
.map{margin-bottom:70px;}
.map iframe{width:100%;margin-bottom:13px;}
.map iframe{width:100%;margin-bottom:13px;}
.map table{border-top:2px solid #3d5265;}
.map table .ti{background:#e1e5e4;color:#333;font-family:notokrM;font-size:0.87em;font-weight:666;}
.map table td{border:1px solid #ccc;padding:15px 15px;}

/*3_1*/
/*.wrap_idx2 .head_section{ text-align:center;}
.wrap_idx2 .tab_idx { overflow:hidden; margin:-0.5% 0 0 -0.5%;}
.wrap_idx2 .tab_idx li { float:left; cursor:pointer; margin:0.5% 0 0 0.5%; text-align:center;}
.wrap_idx2 .tab_idx li > a{ position:relative; display:block; overflow:hidden; padding:10px 0 7px; background:#fff; border:1px solid #ccc;  border-bottom:3px solid #ec9d34;font-size:.875em; color:#555; transition:.4s;}
.wrap_idx2 .tab_idx li > a .xi{ filter:alpha(opacity=50); opacity:0.5; font-size:1.25em; vertical-align:top; margin-left:5px;}
.wrap_idx2 .tab_idx li > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#3ba5ff; filter:alpha(opacity=20); opacity:0.2;}
.wrap_idx2 .tab_idx li:hover > a:before{ height:100%; transition:.3s;}
.wrap_idx2 .tab_idx.ea_5 li { width:19.5%; box-sizing:border-box;}
.wrap_idx2 .tab_idx.ea_10 li { width:19.5%; box-sizing:border-box;}
.wrap_idx2 .tab_idx li:hover > a{ border-color:#007fc1; color:#007fc1;}
.wrap_idx2 .tab_idx li.on > a{ background:#007fc1; border-color:#007fc1; color:#fff;}
.wrap_idx2 .tab_idx li.on > a .xi{ filter:alpha(opacity=100); opacity:1;}
.wrap_idx2 .tab_idx li.on:hover > a:before{ height:0;}
.wrap_idx2 .sub_in_cont{ border:1px solid #ccc; margin-top:30px; padding:30px;}
.sub_tit3{ text-align:center; font-size:1.750em; color:#333; font-family:notokrM;}
.line_3{ width:50px; height:3px; background:#2be0ff; margin:20px auto;}
.img_box1{ border:1px solid #ccc; padding:30px; background:#f2f2f2;}
*/
.box2 .top_title{margin:0 0 10px 0; padding:5px 0; font-size:1.6em; color:#6b7f98; padding-left:45px; background:url(../images/sub3/text_front.png) no-repeat left center;}
.board_wrap{position:relative; overflow:hidden;margin-left:30px;}
/*.board_wrap li{padding:42px 10px 0px 25px; height:340px; float:left; width:21%; vertical-align:top; border:1px solid #d9d9d9; box-sizing:box-sizing:border-box; border-top:none; border-bottom:none; margin-bottom:20px;}
.board_wrap li{float:left;}
.board_wrap .li_st2 {width:50%;}
.board_wrap .li_st {width:48%;}
.board_wrap ul {margin-right:-20px;}
.board_wrap li .li_in {margin-right:20px;}

.right_arr{position:absolute;margin-left:225px;top:210px;}
.left_arr{position:absolute;margin-left:225px;top:592px;}
.right_arr_2{position:absolute;margin-left:225px;top:974px;}
.down_arr_1{position:absolute;top:420px;right:13%;}
.down_arr_2{position:absolute;top:822px;left:10%;}

.board_wrap li .sub3_1_li_in .ti{font-family:notokrM;font-size:1.188em;}
.board_wrap li .tx{font-family:notokrR;padding: 25px 0;line-height: 1.5;opacity:0.9;font-size:1em;}


.board_wrap li:nth-child(3) .produ_img{margin-top:22px;}
.board_wrap li:nth-child(10) .produ_img{margin-top:-18px;}*/


.sub3_1 ul {overflow:hidden; margin-left:-20px;}
.sub3_1 ul li {float:left; width:20%;}
.sub3_1 ul li .sub3_1_li_in {margin-left:20px;}
.sub3_1 ul li .sub3_1_li_in > dl {}
.sub3_1 ul li .sub3_1_li_in > dl .num {display:inline-block; background:#dde4ea; color:#1f4e79; border-radius:50%; width:28px; height:28px; line-height:28px; text-align:center; font-size:0.875em;}
.sub3_1 ul li .sub3_1_li_in > dl .ti {color:#1f4e79; font-family:notokrM; display:inline-block; font-size:1.125em; vertical-align:middle;}
.sub3_1 ul li .sub3_1_li_in > dl .img {padding:15px; background:#f3f3f3; text-align:center; margin:15px 0;}
.sub3_1 ul li .sub3_1_li_in > dl .tx {font-size:0.938em; color:#333; padding-left:10px;}
.sub3_1 .ul_mg {margin-top:50px;}
.sub3_1 .ul_mg2 {margin-top:30px;}

.sub3_1_t_w {padding-top:30px;}
.sub3_1_t_w ul li {margin:20px 0;}
.sub3_1_t_w ul li .ti {color:#1f4e79; font-family:notokrM; font-size:1.125em;} 
.sub3_1_t_w ul li .tx {padding:15px; font-size:0.938em; color:#555; border:1px solid #ddd; padding:15px; margin-top:10px; background:#f3f3f3;}

/*3_3*/
.testing{margin-bottom:90px;}
.machine{display:inline-block;padding:40px 0 36px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing:border-box;}
.left_text{float:left;width:60%;margin-right:5%;line-height:24px;padding-top:28px;}
.right_img{float:right;width:30%;}
.left_text .ti{font-size:1.7em;color:#32393f;font-family:notokrM;padding:25px 0;}
.left_text .tX{font-size:1em;opacity:0.6;font-family:notokrR;margin:20px 0;}
.machine:nth-of-type(1) .left_text{background:url(../images/sub3/bg_top_1.png) no-repeat top left;}
.machine:nth-of-type(2) .left_text{background:url(../images/sub3/bg_top_2.png) no-repeat top left;}
.machine:nth-of-type(3) .left_text{background:url(../images/sub3/bg_top_3.png) no-repeat top left;}
.machine .right_img{padding-top:60px;}

/*3_5*/
.sub_table .tab_ti {margin:50px 0 15px;}
.sub_table .tab_ti.mg_none {margin-top:0;}
.sub_table .tab_ti .xi {font-size:1.313em; color:#46799e; font-family:notokrM;}
.sub_table .tab_ti .ti {font-size:1.125em; color:#111; padding-left:5px; font-family:notokrM;}

.sub_table thead td {text-align:center; padding:12px 7px; border-top:2px solid #46799e; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f9f9f9; text-align:center; font-size:0.938em; color:#46799e; }
.sub_table tbody td {text-align:center; padding:10px 10px; font-size:0.813em; color:#444; border:1px solid #ccc;}
.sub_table tbody td.td_st1 {text-align:center;}
.sub_table tbody .ti {color:#333; font-family:notokrM; background:#eee; font-size:0.875em;}
.sub_table tbody .tx {font-family:notokrR; color:#666; font-size:0.938em;}
.sub_table .tx {text-align:right; padding-top:10px; color:#46799e; font-family:notokrM; font-size:1.063em;}

.notice_wrap{ margin:20px 0 40px 0;}
.notice_wrap .list > li{}
.notice_wrap .list > li > a{font-family:notokrR; display:block; border:1px solid #ddd; background:#f9f9f9; margin:0 -1px -1px 0; text-align:center; height:50px; color:#333; font-size:0.938em; position:relative; }
.notice_wrap .list > li:hover > a{color:#6b7f98;}
.notice_wrap .list > li.on > a{ color:#fff; z-index:1; background:#46799e; border:1px solid #46799e; transition:.3s; font-family:notokrM; }

.tab_wrap.fl_St{ *zoom:1; border-bottom:1px solid #ccc;}
.tab_wrap.fl_St:after{ content:""; display:block; clear:both;}
.tab_wrap.fl_St > *{ float:left;}
.tab_wrap.sec2 > * { width:20%;}


/*아래 fixed로 바꿔줘야 마우스가 페이지마다 나옴!absolute는 부모기준으로 나오는건데 fixed는 무조건 화면기준!*/
#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:30px; opacity:1; z-index:100; text-decoration: none; text-shadow:0 0 3px #333}
.scroll #scrollAni{ position: fixed; bottom:20px}
#scrollAni.top{ bottom:100px}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3.438em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2.188em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:0.813em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}

#main_Visual{ position:relative;}
#main_Visual,
#main_Visual .slides,
#main_Visual .slides .img{ height:790px}
#main_Visual .slides .img{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#main_Visual .main_slogan{ position:absolute; width:100%; left:0; text-align:center;}
#main_Visual .slick-dots{ position:absolute; width:100%; left:0; bottom:130px; text-align:center; z-index:2}
#main_Visual .control_pauseplay{ position:absolute; width:100%; right:3%; text-align:center; z-index:1}
#main_Visual .control_arrow > li{ position:absolute; top:50%; width:50px; height:50px; text-align:center; cursor:pointer; z-index:1}
#main_Visual .control_arrow > li .xi{ font-size:2.188em; color:#fff;}
#main_Visual .control_arrow .prev{ left:1.5%; margin-left:80px;}
#main_Visual .control_arrow .next{ right:1.5%;}
#main_Visual .control_pauseplay{ top:520px; left:-458px;}
#main_Visual .control_pauseplay > ul > li{ color:#fff; cursor:pointer; font-size:2.063em; padding-right:120px;}
#main_Visual .control_pauseplay .hide{ display:none;}
#main_Visual .slick-dots{ }
#main_Visual .slick-dots > ul{}
#main_Visual .slick-dots > ul > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 3px; margin-top:6px;}
#main_Visual .slick-dots > ul > li button{ width:23px; height:23px; background:#fff; border:3px solid #fff; border-radius:100%; font-size:0; cursor:pointer; margin-top:3px;}
#main_Visual .slick-dots > ul > li:first-child{}
#main_Visual .slick-dots li.slick-active button{ background:#485769;}

#main_Visual .main_slogan{ top:180px; color:#fff;}
#main_Visual .main_slogan .t1{ position:relative;}
/*#main_Visual .main_slogan .t1:before{ content:""; position:absolute; left:5px; bottom:0; width:30px; height:3px; background:#fff;}
*/#main_Visual .main_slogan .t2{ font-family:'notokrM'; font-size:1.438em; letter-spacing:-1px; line-height:1.5; padding:50px 0 0 3px;}

#main_Visual .slides .img{ transform:scale(1.5,1.5)}
#main_Visual .slides .img.on{ transform:scale(1,1); transition:4s}

#main_Visual .main_slogan2{ transition:.3s}
#main_Visual .main_slogan2{ position:absolute; left:0; top:180px; width:100%; height:100%; opacity:0}
#main_Visual .main_slogan2 .box1{ position:relative}
#main_Visual .main_slogan2 .line{ position:absolute; width:250px; height:250px}
#main_Visual .main_slogan2 .line > li{ background:#1f4e79; position: absolute; width:18px; height:18px}
#main_Visual .main_slogan2 .line > li.e1{ bottom:75%; height:0; right:0}
#main_Visual .main_slogan2 .line > li.e2{ top:0; right:0; width:0}
#main_Visual .main_slogan2 .line > li.e3{ top:0; height:0; left:0}
#main_Visual .main_slogan2 .line > li.e4{ bottom:0; left:0; width:0}
#main_Visual .main_slogan2 .tbox{ padding:90px 0 0 90px; overflow:hidden}
#main_Visual .main_slogan2 .tbox > li.logo,
#main_Visual .main_slogan2 .tbox > li.tt > i{ opacity:0; left:-10%; position:relative}
#main_Visual .main_slogan2 .tbox > li.logo .logo1{ width:240px; vertical-align:middle}
#main_Visual .main_slogan2 .tbox > li.logo .logo2{ width:180px; vertical-align:middle; margin-left:20px}
#main_Visual .main_slogan2 .tbox > li.tt{ display:inline-block; *display:inline; zoom:1; margin-top:10px; padding-top:10px; position:relative}
#main_Visual .main_slogan2 .tbox > li.tt:before{ content:""; position:absolute; left:0; top:0; width:0; height:2px; background:#fff; opacity:.5}
#main_Visual .main_slogan2 .tbox > li.tt > i{ display:block; letter-spacing:-1px; line-height:1.4; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.3); padding:5px 15px}
#main_Visual .main_slogan2 .tbox > li.tt > i.t1{ font-family:'notokrR'; font-size:1.5em;}
#main_Visual .main_slogan2 .tbox > li.tt > i.t2{ font-family:'notokrB'; font-size:1.875em; background:rgba(0,0,0,.5); border-radius:50px}
#main_Visual .main_slogan2.on{ opacity:1; transition-delay:.5s}
#main_Visual .main_slogan2.on .line > li{ transition:.5s}
#main_Visual .main_slogan2.on .line > li.e1{ height:25%; transition-delay:.5s}
#main_Visual .main_slogan2.on .line > li.e2{ width:100%; transition-delay:1s}
#main_Visual .main_slogan2.on .line > li.e3{ height:100%; transition-delay:1.5s}
#main_Visual .main_slogan2.on .line > li.e4{ width:25%; transition-delay:2s}
#main_Visual .main_slogan2.on .tbox > li.logo,
#main_Visual .main_slogan2.on .tbox > li.tt > i{ opacity:1; left:0; transition:1.5s}
#main_Visual .main_slogan2.on .tbox > li.logo{ transition-delay:2.5s}
#main_Visual .main_slogan2.on .tbox > li.tt > i.t1{ transition-delay:2.7s}
#main_Visual .main_slogan2.on .tbox > li.tt > i.t2{ transition-delay:3s}
#main_Visual .main_slogan2.on .tbox > li.tt:before{ width:100%; transition:1s; transition-delay:3s}

.cp{ cursor:pointer}

.doc_main [class *= 'effect-']{}
.doc_main [class *= 'effect-'] .obj { position:relative; opacity:0; transform:translate(0,60px);
 transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
 }
.doc_main [class *= 'effect-'].on .obj { transform:translate(0,0); opacity:1; }
.doc_main {position:relative;}

.main_bg {height:60px; background:#1f4e79; position:absolute; left:0; width:100%;}


/*main_02*/
.main_02 {background:#46799e; padding:0 0 62px 0; position:relative; }
.main_02 .SEARCH_W {position:absolute; left:50%; top:-40px; margin-left:-500px;}
/*.main_02 .SEARCH_W .search_w {padding:0 1px 0 0;}*/
.main_02 .SEARCH_W .search_w li {width:25%;  background:#fff;}
.main_02 .SEARCH_W .search_w li .in_search { padding:15px 20px; border-left:1px solid #ccc; position:relative;}
.main_02 .SEARCH_W .search_w li .in_search.bg{background:#35414f; border-left:none;}
.main_02 .SEARCH_W .search_w li .in_search .t_w {text-align:left;}
.main_02 .SEARCH_W .search_w li .in_search .t_w .tit {color:#fff; font-size:1.250em; font-family:notokrB; margin-left:80px;}
.main_02 .SEARCH_W .search_w li .in_search .t_w .xi_01 {font-size:2.000em; color:#28303a; width:40px; line-height:40px; background:#fff; text-align:center; border-radius:100%; margin-right:10px;}
.main_02 .SEARCH_W .search_w li .in_search .t_w .ti {color:#666; font-size:1.000em; font-family:notokrM; vertical-align:middle;}
.main_02 .SEARCH_W .search_w li .in_search .t_w .xi{color:#3a3a3a; font-size:1.875em; position:absolute; right:20px; top:7px; vertical-align:middle;}
.main_02 .SEARCH_W .search_w li .in_search .t_w .xi.xi_position {left:50px;}

.main_02 .SEARCH_W .search_w li .in_search .inp_con  { position:relative; width:100%;}
.main_02 .SEARCH_W .search_w li .in_search .check_con{ padding-top:10px; font-size:.938em;}
.main_02 .SEARCH_W .search_w li .in_search .check_con .label_st{ margin-left:15px;}
.main_02 .SEARCH_W .search_w li .in_search .check_con .label_st:first-child{ margin-left:0;}

.main_02 .SEARCH_W .search_w li .in_search .inp {border:none; color:#666; font-size:1.000em; font-family:notokrM; outline: none;}
.main_02 .SEARCH_W .search_w li .in_search select.inp{  border-radius:0 0 15px 0; min-width:220px; max-width:100%; color:#666}
.main_02 .SEARCH_W .search_w li .in_search input.inp {  border-radius:0 0 15px 0; min-width:220px; max-width:100%; color:#666}
.main_02 .SEARCH_W .search_w li .in_search select.inp{ width:40%;}
.main_02 .SEARCH_W .search_w li .in_search input.inp { width:100%}


/*.main_02 .SEARCH_W .search_w li .in_search .inp:hover {border:3px solid #ddd; border-radius:0 0 15px 0; box-sizing:border-box;}*/
.main_02 .SEARCH_W .search_w li .in_search .btn{ position:absolute; top:0; right:15px; border:none; background-color:transparent;}
.main_02 .SEARCH_W .search_w li .in_search .btn .xi{ color:#3a3a3a; font-size:1.875em}

.main_02 .SEARCH_W .search_w_2 li .in_search { padding:15px 30px; border-left:1px solid #ccc; position:relative;}
.main_02 .SEARCH_W .search_w_2 li .in_search .in_ul li {margin-right:10px;}
.main_02 .SEARCH_W .search_w_2 .ri_li {width:25%; background:#e5e5e5;}
.main_02 .SEARCH_W .search_w_2 .ri_li .in_search {text-align:center; border-left:none;}
.main_02 .SEARCH_W .search_w_2 .ri_li .in_search .t_w .tit {color:#111; font-size:0.938em; text-align:center; font-family:notokrM;}
.main_02 .SEARCH_W .search_w_2 .le_li {width:75%;  background:#e5e5e5;}
.main_02 .SEARCH_W .search_w_2 .le_li .in_search .t_w2 .tit {color:#777; font-size:0.875em; background:#fff; padding:8px 20px; border-radius:25px;}

/*main_03*/
.main_03 .PRODUCT_W .ul_in {overflow:hidden; margin-left:-10px;}
.main_03 .PRODUCT_W .ul_in .li_in {float:left; width:12.5%; cursor:pointer; padding-bottom:10px;}
.main_03 .PRODUCT_W .ul_in .li_in.pd_none {padding-bottom:0;}
.main_03 .PRODUCT_W .ul_in .li_in .li_w {margin-left:10px; position:relative; /*border:1px solid #eee;*/}
.main_03 .PRODUCT_W .ul_in .li_in .li_w .img_w{ position:relative; overflow:hidden;}
.main_03 .PRODUCT_W .ul_in .li_in .li_w .img_w:hover img {transform:scale(1.2,1.2); transition:.4s;}
.main_03 .PRODUCT_W .ul_in .li_in .li_w .pro_bg { position:absolute; top:0; left:0; width:100%; height:100%; /*background:url(../images/temp/prod_layer.png) no-repeat center top;*/ background-size:100% 100%;}
.main_03 .PRODUCT_W .ul_in .li_in .li_w .tit_w { background:#fff; border-top:1px solid #ccc; text-align:center; height:40px;}
.main_03 .PRODUCT_W .ul_in .li_in .li_w .tit_w .tx {color:#111; font-size:0.875em; font-family:notokrM;}
.main_03 .PRODUCT_W .ul_in .li_in .li_w .tit_w .in { color:#666; display:block; font-family:notokrR;}

.main_03 .PRODUCT_W.st1 .ul_in{ margin:0 -20px -20px 0}
.main_03 .PRODUCT_W.st1 .ul_in .li_in{ width:20%; padding-bottom:0}
.main_03 .PRODUCT_W.st1 .ul_in .li_in .li_w { margin:0 20px 20px 0}

/*main_04*/
.main_04 .QUALITY_W .ul_in {overflow:hidden; margin-left:-20px;}
.main_04 .QUALITY_W .ul_in .li_in {float:left; width:14.28%;}
.main_04 .QUALITY_W .ul_in .li_in .li_w {margin-left:20px; border-right:1px solid #ddd;}
.main_04 .QUALITY_W .ul_in .li_in .li_w .quality_img {padding-bottom:15px;}
.main_04 .QUALITY_W .ul_in .li_in .li_w .tx {font-size:1.188em; color:#333; font-family:notokrB;}
.main_04 .QUALITY_W .ul_in .li_in .li_w .tx:hover {color:#df7900;}

.QUALITY_W2{ margin:0 -50px -10px 0; text-align:center; font-size:0; padding:0 100px}
.QUALITY_W2 > li{ display:inline-block; *display:inline; zoom:1; font-size:1rem; vertical-align:middle; width:25%}
.QUALITY_W2 > li * { transition:.3s}
.QUALITY_W2 > li .in{ margin:0 50px 10px 0; cursor:pointer; border:2px dashed #ddd; overflow:hidden; border-radius:100%}
.QUALITY_W2 > li .in .in_box{ height:0; padding-bottom:100%; position:relative}
.QUALITY_W2 > li .in .in_box .va_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; color:#111}
.QUALITY_W2 > li .in .in_box .icon{ display:block; font-size:4em; padding-top:50px}
.QUALITY_W2 > li .in .in_box .tit{ display:block; font-size:1.125em; letter-spacing:-1px; padding:5px 0 15px 0}
.QUALITY_W2 > li .in .in_box .plus{ display:block; font-family:xeicon!important; font-size:2em; opacity:0; overflow:hidden}
.QUALITY_W2 > li .in .in_box .plus:before{content:"\e916"}
.QUALITY_W2 > li:hover .in{ border-color:transparent; background:#1f4e79}
.QUALITY_W2 > li:hover .in .in_box .va_wrap{ color:#fff}
.QUALITY_W2 > li:hover .in .in_box .icon{ padding-top:0; transform:rotateY(180deg)}
.QUALITY_W2 > li:hover .in .in_box .plus{ opacity:1; transform:rotate(360deg)}

/*main_05*/
.main_05 .INDUSTRY_W .ul_in{ overflow:hidden; margin-left:-10px; }
.main_05 .INDUSTRY_W .ul_in .li_in {float:left; width:16.66%; cursor:pointer; }
.main_05 .INDUSTRY_W .ul_in .li_in .li_w { border:1px solid #eee; margin-left:10px; display:inline-block; margin:0 0 10px 12px;}
.main_05 .INDUSTRY_W .ul_in .li_in .li_w .ti { display:block; padding:10px; font-size:0.875em; color:#111; text-align:center; font-family:notokrM; }
.main_05 .INDUSTRY_W .ul_in .li_in .li_w .ti .in { color:#666; display:block; font-family:notokrR;}
.main_05 .INDUSTRY_W .ul_in .li_in .li_w .img {display:block;  margin:4px; overflow:hidden; }
.main_05 .INDUSTRY_W .ul_in .li_in .li_w:hover img {transform:scale(1.2,1.2); transition:.4s;}

.main_05_new .box1{ position:relative }
.main_05_new .tit_box{ position:absolute; left:0; top:0; width:60%; text-align:left}
.main_05_new .tit_box .ti{ font-size:2.625em; font-family: notokrB, sans-serif; letter-spacing:-2px; line-height:1; padding-top:25px; text-transform:uppercase}
.main_05_new .tit_box .ti2{ padding-top:70px; line-height:1.5}
.main_05_new .INDUSTRY_W{}
.main_05_new .INDUSTRY_W .ul_in{ margin:0 -15px -15px 0}
.main_05_new .INDUSTRY_W .ul_in .li_in{ width:16.66%}
.main_05_new .INDUSTRY_W .ul_in .li_in *{ transition:.3s}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w{ margin:0 15px 15px 0; position:relative; display:block}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .img{ margin:0; height:0; padding-bottom:90%; overflow:hidden}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .img img{ width:100%}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .tbox{ position:absolute; left:0; top:0; width:100%; height:100%}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .tbox:before{ content:""; position:absolute; left:5%; top:5%; width:90%; height:90%; background:#000; opacity:.3}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .tbox i{ display:block; position:relative; color:#fff}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .tbox i.t1{ font-size:1.063em; font-family:notokrB, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w .tbox i.t2{ font-size:.813em; opacity:.5; padding-top:5px}
.main_05_new .INDUSTRY_W .ul_in .li_in:nth-child(1){ margin-left:66.64%}
.main_05_new .INDUSTRY_W .ul_in .li_in:nth-child(3){ margin-left:33.32%}
.main_05_new .INDUSTRY_W .ul_in .li_in .li_w:hover .tbox:before{ left:0; top:0; width:100%; height:100%}

/*.main_05 .INDUSTRY_W .prod li:first-child, .prod_ani li:nth-of-type(7) {margin-left:0;}
.main_05 .INDUSTRY_W .prod li{float:left; position:relative; z-index:inherit; top:20px; filter:alpha(opacity=0);opacity:0; border:1px solid #eee; display:inline-block;	margin:0 0 10px 12px;}
.main_05 .INDUSTRY_W .prod li img { margin:4px;}
.main_05 .INDUSTRY_W .prod li a {border-top:1px solid #eee; display:block; padding:10px; font-size:14px; color:#111;}
*/

/*main_06*/
.main_06 .SERVICE_W .ul_in {overflow:hidden; margin-left:-20px;}
.main_06 .SERVICE_W .ul_in .li_in {float:left; width:20%; /*cursor:pointer;*/}
.main_06 .SERVICE_W .ul_in .li_in .li_w {margin-left:20px; position:relative; padding:150px 50px;}
.main_06 .SERVICE_W .ul_in .li_in .li_w.bg {background:url(../images/main/service_01.jpg) no-repeat center center;}
.main_06 .SERVICE_W .ul_in .li_in .li_w.bg1 {background:url(../images/main/service_02.jpg) no-repeat center center;}
.main_06 .SERVICE_W .ul_in .li_in .li_w.bg2 {background:url(../images/main/service_03.jpg) no-repeat center center;}
.main_06 .SERVICE_W .ul_in .li_in .li_w.bg3 {background:url(../images/main/service_04.jpg) no-repeat center center;}
.main_06 .SERVICE_W .ul_in .li_in .li_w.bg4 {background:url(../images/main/service_05.jpg) no-repeat center center;}
.main_06 .SERVICE_W .ul_in .li_in .li_w .t_box {position:absolute; left:0; bottom:-20%; width:100%; background:rgba(41,41,42,0.9); color:#fff; padding:15px 0; text-align:center; height:100px;}
.main_06 .SERVICE_W .ul_in .li_in .li_w .t_box {position:absolute; left:0; bottom:-8%; width:100%; background:rgba(41,41,42,0.9); color:#fff; padding:15px 0; text-align:center; /*height:50px;*/}
.main_06 .SERVICE_W .ul_in .li_in .li_w .t_box .ti {color:#ccc; font-size:0.938em; font-style:italic; }
.main_06 .SERVICE_W .ul_in .li_in .li_w .t_box .tx {color:#fff; font-size:1.125em; padding:3px 0 10px 0;}
.main_06 .SERVICE_W .ul_in .li_in .li_w .t_box .plus {color:#fff; font-size:1.500em; }
.main_06 .SERVICE_W .ul_in .li_in .li_w:hover .t_box {bottom:0;}

.SERVICE_W2{margin-left:-10px; font-size:0; text-align:center}
.SERVICE_W2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:20%; font-size:1rem}
.SERVICE_W2 > li *{ transition:.3s}
.SERVICE_W2 > li .in{ margin-left:10px; position:relative; overflow:hidden; border-radius:100%; border:10px solid transparent; cursor:pointer}
.SERVICE_W2 > li .in .bg{ display:block; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover}
.SERVICE_W2 > li .in .tbox{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5)}
.SERVICE_W2 > li .in .tbox .t1{ display:block; color:#fff; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; padding-top:55px}
.SERVICE_W2 > li .in .tbox .plus{ display:block; color:#fff; font-size:1.5em; padding:10px 0}
.SERVICE_W2 > li .in .tbox .plus:before{ content:"\e9c5"; font-family:xeicon!important}
.SERVICE_W2 > li .in .tbox .t2{ display:block; color:#fff; font-size:1.25em; letter-spacing:-1px; opacity:0; overflow:hidden}
.SERVICE_W2 > li .in .tbox .t3{ display:block; font-family:notokrB, sans-serif; padding-top:30px; color:#fff; font-size:1.5em}
.SERVICE_W2 > li.e1 .in .bg{ background-image:url(../images/main/service_01.jpg)}
.SERVICE_W2 > li.e2 .in .bg{ background-image:url(../images/main/service_02.jpg)}
.SERVICE_W2 > li.e3 .in .bg{ background-image:url(../images/main/service_03.jpg)}
.SERVICE_W2 > li.e4 .in .bg{ background-image:url(../images/main/service_04.jpg)}
.SERVICE_W2 > li.e5 .in .bg{ background-image:url(../images/main/service_05.jpg)}
.SERVICE_W2 > li:hover .in{ border-color:#1f4e79}
.SERVICE_W2 > li:hover .in .bg{ transform:scale(1.2,1.2)}
.SERVICE_W2 > li:hover .in .tbox .t1{ font-size:.938em; padding-top:0; letter-spacing:1px}
.SERVICE_W2 > li:hover .in .tbox .t2{ opacity:1}

.SERVICE_W2.st1{ margin:0 -50px -20px 0}
.SERVICE_W2.st1 > li{ width:25%}
.SERVICE_W2.st1 > li .in{ margin:0 50px 20px 0}
.SERVICE_W2.st1 > li:hover .in{ border-color:#ccc}
.SERVICE_W2.st1 > li:hover .in .tbox{ opacity:0}

.SERVICE_W2.st1.sec05 {margin:0 -10px -20px 0;}
.SERVICE_W2.st1.sec05 > li {width:20%;}
.SERVICE_W2.st1.sec05 > li .in {margin:0 10px 20px 0;}

/*main_07*/
.main_07 .NOTICE_W .ul_in {overflow:hidden;}
.main_07 .NOTICE_W .ul_in .li_in {float:left; width:25%;}
.main_07 .NOTICE_W .ul_in .li_in .li_w {border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;   background:#fff; padding:25px 30px 20px;}
.main_07 .NOTICE_W .ul_in .li_in:first-child .li_w{border-left:1px solid #ccc;}
.main_07 .NOTICE_W .ul_in .li_in .li_w .t_w {}
.main_07 .NOTICE_W .ul_in .li_in .li_w .t_w .icon {color:#999; font-size:1.250em; font-family:notokrB;}
.main_07 .NOTICE_W .ul_in .li_in .li_w .t_w .ti {font-size:1.063em; color:#111; font-family:notokrB; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:10px 0 20px 0;}
.main_07 .NOTICE_W .ul_in .li_in .li_w .t_w .date {font-size:0.813em; color:#999; font-family:notokrM;}
.main_07 .NOTICE_W .ul_in .li_in .li_w .tx {line-height:20px; height:100px; box-sizing:120px; overflow:hidden; /*padding:30px 0;*/ color:#555; font-size:0.875em; font-family:notokrM;}
/*위에서line-height없으면맨밑글씨가잘려보임최대5줄이나오면5x20=100(높이)*/
.main_07 .NOTICE_W .ul_in .li_in .li_w .more {text-align:right;}
.main_07 .NOTICE_W .ul_in .li_in .li_w .more > span {border:1px solid #ccc; padding:5px 6px;}
.main_07 .NOTICE_W .ul_in .li_in .li_w .more .xi {font-size:1.188em; font-family:notokrM; color:#777;}
.main_07 .NOTICE_BOTTOM_W .ul_in {overflow:hidden; margin-left:-30px; margin-top:30px;}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in {float:left; width:50%;}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w {margin-left:30px; padding:30px 0; color:#fff; font-family:notokrM;  background-repeat:no-repeat; background-position:center center;}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w.bg1 {background:url(../images/main/main_Q&A_bg.jpg);}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w.bg2 {background:url(../images/main/main_Inquiry_bg.jpg);}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w > span {display:block;}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w .xi {font-size:1.750em; }
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w .tx {font-size:1.438em;}
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w .xi:hover,
.main_07 .NOTICE_BOTTOM_W .ul_in .li_in .li_w .tx:hover {color:#df7900;}

/*main_08*/
.main_08 .DATA_W .ul_in {overflow:hidden; margin-left:-80px;}
.main_08 .DATA_W .ul_in .li_in {float:left; width:50%;}
.main_08 .DATA_W .ul_in .li_in .li_w {margin-left:80px;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W .in_ul .in_li {border-bottom:1px solid #ccc; line-height:3.6;  position:relative;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W .in_ul .in_li:first-child{border-top:1px solid #ccc;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W .in_ul .in_li .in_w .tit {background:#35414f; /*padding:4px 10px;*/ color:#fff; font-size:0.875em; vertical-align:middle; position:absolute;
left:0; top:0; width:78px; line-height:30px; margin-top:10px; text-align:center; }
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W .in_ul .in_li .in_w .ti {font-size:0.875em; color:#777; vertical-align:middle; padding-left:100px; width:60%; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W .in_ul .in_li .in_w .date {font-size:0.750em; color:#999; vertical-align:middle; position:absolute; right:0; top:5px;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .top_ul {overflow:hidden; margin-left:-10px; }
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .top_ul .top_li {float:left; width:50%;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .top_ul .top_li .top_in {margin-left:10px; border:1px solid #ccc; background:#f5f5f5; padding:30px 0;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .top_ul .top_li .top_in > span {display:block;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .top_ul .top_li .top_in .tx {font-size:1.250em; color:#222; font-family:notokrM;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .top_ul .top_li .top_in .xi {font-size:2.500em; color:#777;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .bottom_ul .bottom_li .bottom_in > span {display:block;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .bottom_ul .bottom_li .bottom_in {color:#fff; padding:30px; background:url(../images/main/main_skil_bg.jpg) no-repeat center center;}
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .bottom_ul .bottom_li .bottom_in .tx {font-size:1.250em; }
.main_08 .DATA_W .ul_in .li_in .li_w .SKILL_W2 .in_ul .in_li .in_w .bottom_ul .bottom_li .bottom_in .xi {font-size:2.500em; }
.main_08 .DATA_W .photo_in {margin-right:-30px;}
.main_08 .DATA_W .photo_in .di_li{ width:33.33%;}
.main_08 .DATA_W .photo_in .di_li .di_in {margin-right:20px;}
.main_08 .DATA_W .photo_in .di_li .di_in .ti {color:#666; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:15px; }

/*main_09*/
.main_09 {background:url(../images/main/online_bg.jpg) no-repeat center center; background-attachment:fixed;}
.main_09 .ONLINE_W .ul_in {overflow:hidden; margin-left:-10px; }
.main_09 .ONLINE_W .ul_in li .in_li {margin-left:10px;}
.main_09 .ONLINE_W .ul_in .li_in_ti {font-size:1.5000em; color:#666; /*padding-bottom:20px*/; font-family:notokrM; display:inline-block; padding-left:15px;}
.main_09 .ONLINE_W .ul_in li.right_li {float:right; width:50%;}
.main_09 .ONLINE_W .ul_in li.left_li {float:left; width:33%;}
/*.main_09 .ONLINE_W .ul_in li .in_li.bg1 {background:#fff;}*/
/*.main_09 .ONLINE_W .ul_in li .in_li.bg2 {background:rgba(0,0,0,0.5);}*/
.main_09 .ONLINE_W .ul_in li .in_li .ti {font-size:1.375em; color:#444; font-family:notokrB; margin-bottom:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.main_09 .ONLINE_W .ul_in li .in_li .ti.color {color:#fff;}
/*.main_09 .ONLINE_W .ul_in li .in_li {padding:50px 40px;}*/
.main_09 .ONLINE_W .ul_in li .in_li .info .inp_1 {vertical-align:middle; border:1px solid #ddd; border-radius:3px; padding:10px 10px; color:#999; margin-bottom:5px; background:#fff; }
.main_09 .ONLINE_W .ul_in li .in_li .info .inp_1 .xi {margin-right:10px; color:#777777; font-size:1.375em; vertical-align:middle;}
.main_09 .ONLINE_W .ul_in li .in_li .info .inp_1 .input_st2 {border:none; vertical-align:middle;}
.main_09 .ONLINE_W .ul_in li .in_li .info .inp_2 {display:inline-block; width:100%; border-radius:5px; padding:15px 0; text-align:center; background:#35414f; color:#fff; border
none; margin-top:10px;}
.main_09 .ONLINE_W .ul_in li .in_li .info .inp_2 .xi {margin-left:10px;}
/*.main_09 .ONLINE_W .ul_in li.right_li .in_li .info.pd_st {padding:30px; background:rgba(255,255,255,0.5); border:1px solid #ddd; width:50%;}
*/.main_09 .ONLINE_W .ul_in li.left_li .in_li .info.pd_st {padding:30px; background:rgba(255,255,255,0.5); border:1px solid #ddd;}

.main_09 .ONLINE_W .ul_in li .in_li .txt_w {margin-top:30px;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx { position:relative; padding-left:60px; margin-top:10px; min-height:50px; color:#555; font-size:0.875em;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .xi { position:absolute; top:0; left:0; border-radius:50%; background:#777777; color:#fff; display:inline-block; width:50px; line-height:50px; text-align:center; font-size:1.375em; vertical-align:middle;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .xi.color {background:#35414f;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx{ display:block; padding-top:8px; font-family:notokrB;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx1 { color:#35414f; font-size:1.625em;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx2 { color:#242324; font-size:1.250em;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx2.st222 {}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .st333 { display:block; margin-top:10px; color:#242324; font-size:1.250em;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .st333 .bank_ti {font-size:1.000em;  color:#35414f; font-family:notokrM;}


/*.main_09 .ONLINE_W .ul_in li .in_li .txt_w {margin-top:30px;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx {margin-top:10px; color:#555; font-size:0.875em; }

.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx {vertical-align:middle; color:#35414f; font-size:1.625em; margin-left:5px; font-family:notokrB;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx2 {vertical-align:middle; color:#242324; font-size:1.250em; margin-left:5px; font-family:notokrB;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .in_tx2.st222 {}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .st333 {}

.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .xi {border-radius:50%; background:#777777; color:#fff; display:inline-block; width:50px; line-height:50px; text-align:center; font-size:1.375em; margin-right:15px; vertical-align:middle;}
.main_09 .ONLINE_W .ul_in li .in_li .txt_w .tx .xi.color {background:#35414f;}*/

/*main_10*/
.main_10 {background:url(../images/main/partener_bg.jpg) no-repeat center center; background-attachment:fixed;}
.main_10 .PARTNER_W .ul_in {overflow:hidden; margin:5px 0 0 -5px;}
.main_10 .PARTNER_W .ul_in .li_in {float:left; width:16.66%; margin-bottom:5px;}
.main_10 .PARTNER_W .ul_in .li_in a {display:block; margin-left:5px; text-align:center; background:#fff;}
.main_10 .PARTNER_W .ul_in .li_in a img{ height:auto}
.main_10 .PARTNER_W .ul_in .li_in .in_li {border:1px solid #ccc;  transition:0.3s; font-size:0;}

/**/
.btn_st1 > li{ position:absolute; cursor:pointer; top:50%; margin-top:20px; width:40px; height:80px; text-align:center; opacity:.7}
.btn_st1 > li .xi{ color:#fff; font-size:3.5em; line-height:80px;}
.btn_st1 > li.btn_prev{ left:0}
.btn_st1 > li.btn_next{ right:30px}
.btn_st1 > li:hover{ opacity:1}

.btn_st2 > li{ position:absolute; left:50%; cursor:pointer; top:50%; margin-top:70px; width:40px; height:50px; text-align:center; opacity:.7; background:#222; border:1px solid #111}
.btn_st2 > li .xi{ color:#fff; font-size:2.5em; line-height:50px;}
.btn_st2 > li.btn_prev{ margin-left:-650px}
.btn_st2 > li.btn_next{ margin-left:610px}
.btn_st2 > li:hover{ opacity:1}


/*회원가입*/
.step_inc_wrap{ overflow:hidden;}
.step_inc_wrap .step_inc_tit{ float:left;}
.step_inc_wrap .step_inc_tit .tit{ font-family: 'notokrM', sans-serif; font-size:2.375em; color:#555; letter-spacing:-1px;}
.step_inc_wrap .step_inc{ float:right;}
.step_inc_wrap .step_inc > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.step_inc_wrap .step_inc > li .in{ padding:10px 20px; border:1px dashed #ddd; background:#f2f2f2; border-radius:4px; color:#999;}
.step_inc_wrap .step_inc > li .in .tt{ font-family: 'notokrM', sans-serif; letter-spacing:-1px; vertical-align:middle;}
.step_inc_wrap .step_inc > li .in .xi{ font-size:1.625em; padding-right:10px; vertical-align:middle;}
.step_inc_wrap .step_inc > li.on .in{ background:#fff; border-color:#444; color:#000;}
#contents .page_tit{ margin-bottom:10px; font-family: 'notokrM', sans-serif; font-size:1.063em; color:#111; letter-spacing:-2px;}
#contents .page_tit.tx_ri {text-align:right; font-size:0.938em; color:#333; margin-left:5px;}
#contents .law_box{ border:1px solid #ddd; padding:20px 30px; font-size:.813em; line-height:1.8;}
#contents .page_mg {margin-top:40px;}
#contents .law_box2{height:100px;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;background:#f4f4f4;overflow-y:scroll; padding:20px 30px; border-top:1px solid #333; border-bottom:1px solid #bbb; font-size:.813em; line-height:1.8;}
#contents .text_st2{ text-align:right; padding:10px 20px; background:#f9f9f9; border-bottom:1px solid #bbb; font-size:.813em;}
#contents .btn_area {margin-top:50px; text-align:center;}

/*회원감사*/
.done_box .done_inner{ padding:50px 40px; border-top:1px dashed #111; border-bottom:1px dashed #777;}
.done_box .done_inner .txt{ text-align:center;}
.done_box .done_inner .txt .tt{ font-family: 'notokrM', sans-serif; letter-spacing:-1px;}
.done_box .done_inner .txt dt{ margin-bottom:20px; font-size:1.625em; color:#6b7f98;}
.done_box .done_inner .txt dt .xi{ vertical-align:baseline; margin-right:10px;}
.done_box .done_inner .txt dd{ color:#555; line-height:1.6;}
.done_box .done_inner .txt .num{ margin-bottom:20px;}
.done_box .done_inner .txt .num .in{ display:inline-block; *display:inline; zoom:1; padding:10px 30px; border:1px solid #ddd; border-radius:8px; color:#111; font-weight:600; line-height:26px;}
.done_box .done_inner .txt .num .in .p{ font-family: 'notokrM', sans-serif; font-size:1.375em; color:#000; letter-spacing:-1px;}

.ess{ display:inline-block; width:10px; text-align:right; vertical-align:middle;}
.ess:before{content:"*"; color:#df7900;}
.ess.off:before{content:""}

.from_btn {background:#f2f2f2; font-family:'notokrR',sans-serif; font-size:0.938em;  line-height:35px; height:35px;}
.form_ti {font-size:1.053em; }

/*로그인*/
.mem_box{ }
.mem_box .con{}
.mem_box .con .inner{ }
.mem_box .con .inner .tit{ margin-bottom:20px;}
.mem_box .con .inner .tit .t1{ font-family: 'notokrM',sans-serif; font-size:0.938em; color:#555; letter-spacing:-1px; text-align:center; display:block;}
.mem_box .con .inner .tit .t1.st2 {text-align:left;}
.mem_box .con .inp_wrap{ position:relative; margin-top:-1px;}
.mem_box .con .inp_wrap .inp,
.mem_box .con .inp_wrap .xi,
.mem_box .con .inp_wrap .tt{ display:block; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
.mem_box .con .inp_wrap .inp{ width:100%; font-size:.813em; color:#999; font-weight:600;}
.mem_box .con .inp_wrap .xi,
.mem_box .con .inp_wrap .tt{ position:absolute; top:0; left:0; color:#444; text-align:center;}
.mem_box .con .btn_wrap .btn{ display:block; border:0; font-family: 'notokrM',sans-serif; letter-spacing:-1px;}
.mem_box .con .mem {width:35%; margin:0 auto;}
.mem_box .con .mem .inp_wrap .inp,
.mem_box .con .mem .inp_wrap .xi{ height:55px; line-height:55px;}
.mem_box .con .mem .inp_wrap .inp{ padding:0 10px 0 75px;}
.mem_box .con .mem .inp_wrap .xi{ width:60px; font-size:1.750em;}
.mem_box .con .mem .btn_wrap{ margin-top:10px;}
.mem_box .con .mem .btn_wrap .btn{ width:100%; height:60px; background:#333; color:#fff;}
.mem_box .con .nonMem{ padding-left:40px; border-left:1px dashed #aaa;}
.mem_box .con .nonMem .inp_wrap .inp,
.mem_box .con .nonMem .inp_wrap .tt{ height:35px; line-height:35px;}
.mem_box .con .nonMem .inp_wrap .inp{ padding:0 10px 0 90px;}
.mem_box .con .nonMem .inp_wrap .tt{ width:80px; font-size:.813em; font-weight:600;}
.mem_box .con .nonMem .btn_wrap{ margin-top:5px;}
.mem_box .con .nonMem .btn_wrap .btn{ width:100%; height:45px; font-size:.938em;}
.mem_box .con .nonMem .btn_wrap .btn.c1{ background:#777; color:#fff;}
.mem_box .con .nonMem .btn_wrap .btn.c2{ background:#fff; border:1px solid #333; color:#222;}
.mem_box .con .nonMem .btn_wrap .btn .xi{ padding-right:10px; font-size:1.250em; vertical-align:bottom}
.mem_box .con .findMem{ position:relative;}
.mem_box .con .findMem .btn_wrap{ position:absolute; bottom:0; left:0; width:100%;}
.mem_link{ margin-top:50px; padding:20px 0; border-top:1px solid #999; text-align:center; width:35%; margin:30px auto;}
.mem_link > p{ display:inline-block; *display:inline; zoom:1; padding:0 20px;}
.mem_link > p a{ font-size:.938em; font-weight:600;}
.mem_link > p a .xi{ padding-right:10px; font-size:1.250em;}
.mem_link > p a:hover{ text-decoration:underline;}

/*아디,비번찾기*/
.find_box{ margin-left:-50px; overflow:hidden;}
.find_box .con{ float:left; width:50%;}
.find_box .con .inner{ margin-left:50px;}
.find_box .con .inner .tit{ margin-bottom:20px;}
.find_box .con .inner .tit .t1,
.find_box .con .inner .tit .t2{ display:block;}
.find_box .con .inner .tit .t1{ font-family: 'notokrM',sans-serif; font-size:1.250em; color:#555; letter-spacing:-1px;}
.find_box .con .inner .tit .t2{ padding-top:15px; font-size:.813em; color:#777;}
.find_box .con .inp_wrap{ position:relative; margin-top:-1px;}
.find_box .con .inp_wrap .inp,
.find_box .con .inp_wrap .xi,
.find_box .con .inp_wrap .tt{ display:block; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
.find_box .con .inp_wrap .inp{ width:100%; font-size:.813em; color:#999; font-weight:600;}
.find_box .con .inp_wrap .xi,
.find_box .con .inp_wrap .tt{ position:absolute; top:0; left:0; color:#444; text-align:center;}
.find_box .con .btn_wrap .btn{ display:block; border:0; font-family: 'notokrM',sans-serif; letter-spacing:-1px;}
.find_box .con .find .inp_wrap .inp,
.find_box .con .find .inp_wrap .xi{ height:55px; line-height:55px;}
.find_box .con .find .inp_wrap .inp{ padding:0 10px 0 75px;}
.find_box .con .find .inp_wrap .xi{ width:60px; font-size:1.750em;}
.find_box .con .find .btn_wrap{ margin-top:10px;}
.find_box .con .find .btn_wrap .btn{ width:100%; height:60px; background:#333; color:#fff;}
.find_link {margin-bottom:30px;}
.find_link .ti {font-size:2.250em; color:#bbb; }

.find_box .con .findMem{ position:relative;}
.find_box .con .findMem .btn_wrap{ position:absolute; bottom:0; left:0; width:100%;}

.find_box .con .txt_wrap{ padding:20px 20px; border:1px solid #ccc;}
.find_box .con .txt_wrap .txt{ font-size:.813em; color:#444; line-height:1.8;}
.find_box .con .txt_wrap .p{ font-size:1.250em; color:#000; font-weight:600; vertical-align:bottom;}
.find_box .con .txt_wrap .link{ display:block; margin-top:20px; padding-top:20px; border-top:1px dashed #aaa; font-size:.938em; font-weight:600;}
.find_box .con .txt_wrap .link .xi{ padding-right:10px; font-size:1.250em;}
.find_box .con .txt_wrap .link:hover{ text-decoration:underline;}

#id_result {display:none;}

.iframe_pdf_wrap{ width:80%; margin:0 auto}
.iframe_pdf_wrap .box{ height:0; padding-bottom:75%;position:relative}
.iframe_pdf_wrap .box > iframe{ width:100%; height:100%; position:absolute; left:0; top:0}

/*************************************************************************************************************************************************************************
*************************************************************************코 딩 끝*****************************************************************************************
*************************************************************************************************************************************************************************/




@media all and (max-width:1200px){
.sub #header.ani .gnb_area .logo a,
#header .gnb_area .logo a{background-size:100%; width:243px;}

#header .gnb_area .gnb{margin-left:1%;}
#header .gnb_area .ham_btn{margin-left:7px;}
}

@media all and (max-width:1023px){
body{font-size:13px;}

#header .gnb_area .gnb{display:none;}

.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:0.87rem;}

#footer .copy ul li{font-size:12px;}
}


@media all and (max-width:768px){
body{font-size:10px;}

.quick_wrap .quick > .tel_mobile {display:block;}
.quick_wrap .quick > .tel_pc {display:none;}

#header .gnb_area .logo{top:10px;}
.sub #header.ani .gnb_area .logo a, #header .gnb_area .logo a{width:193px;}
#header .gnb_area .right_menu{right:80px; text-align:right; top:21px;}
#header .gnb_area .ham_btn{display:none;}
#header .gnb_area .right_menu .menu_p1{display:block; margin-bottom:8px;}
#header .gnb_area .right_menu .menu_p1.pd_l{padding-left:0;}
#header .gnb_area .right_menu .menu_p1.pd_l::before{background:none;}

.mobile_menu{display:block;}

.sub #contents .lnb_area{margin-top:0;}
.sub #contents .lnb_area .gnb .dp2 > li{border-bottom:1px solid rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb li.m_1 .dp2 > li{width:33.33%;}


.sub .svisu_area .svisual{height:96px; background-size:1060px!important;}
.sub .svisu_area .visu_sgarea{padding-top:24px;}

#footer .copy{right:30px;}
#footer .copy ul::before{right:-32px;}
#footer .footer_ment{font-size:22px; transform:rotate(-90deg); position:absolute; left:-71px; top:111px; padding-top:0;}

}