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

body{ font-size:16px;}
.box{ width:95%; max-width:90%; margin:0 auto}
.box1{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.pc_hide{ display:none}

.open.m_gnb{display:none;}


/**/
#header{ position:fixed; z-index:100; left:0; top:0; width:100%; text-align:center; height:90px;}
#header .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%;/* background:#000;*/} 
#header .sub_line{ position:absolute; width:0; height:1px; bottom:0; left:0; /*background:#fff;*/ filter:alpha(opacity=50);opacity:0.5;}
#header .scroll .sub_line{ }
#header .scroll .bg{ background:#002f7c;}
/*#header .scroll .logo{ top:15px;}
#header .scroll .home_menu{ top:27px;}
#header .scroll .home_menu > li > a{ color:#999;}
#header .scroll .gnb_wrap .gnb > li .dp1{ color:#000; padding:30px 30px;}
#header .scroll .allgnb_wrap .allgnb_btn{ top:21px;}
#header .scroll .allgnb_wrap .allgnb{ top:60px;}
*/
#header .box{ position:relative; z-index:inherit}

#header .home_menu{ position:absolute; top:36px; right:45px;}
#header .home_menu > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .home_menu > li > a{ display:block; color:#fff; font-size:.813rem; padding:0 10px; line-height:21px;}
#header .home_menu > li > a:hover{filter:alpha(opacity=100);opacity:1;}

#header .logo{ position:absolute; top:15px; left:0;}
#header .logo a{ display:block;}
#header .logo .logo_img{}
#header .logo_t {color:#fff; font-family:notokrM; font-size:1.188rem; position:absolute; left:180px; top:41px;}

/*#header .allgnb_wrap{ float:left; width:65%;}*/
#header .allgnb_wrap .allgnb_btn{ display:block; position:absolute; right:10px; top:33px; /*background-repeat:no-repeat; background-position:center; background-image:url(../images/inc/allmenu.png); width:35px; height:35px;*/}
#header .allgnb_wrap .allgnb_btn .xi {color:#fff; font-size:33px;}
#header .allgnb_wrap .allgnb_btn .xi:hover {color:#fad806;}
/*#header .allgnb_wrap .allgnb_btn:hover{ background-image:url(../images/inc/allmenu_on1.png);}
#header .allgnb_wrap .allgnb_btn.close{ background-image:url(../images/inc/allmenu_close1.png);}
*/#header .allgnb_wrap .allgnb{ position:absolute; z-index:1; left:0; top:100px; width:100%; overflow:hidden; display:none; border:1px solid #ddd;border-bottom:2px solid #069; border-top:none}
#header .allgnb_wrap .allgnb .gnb{ background:rgba(255,255,255,0.9); overflow:hidden; padding:30px; margin-left:-20px;}
#header .allgnb_wrap .allgnb .gnb > li{ float:left; width:25%; margin:0 0 30px 0;}
#header .allgnb_wrap .allgnb .gnb > li.m_5{ clear:left;}
#header .allgnb_wrap .allgnb .gnb > li .dp1,
#header .allgnb_wrap .allgnb .gnb > li .dp2{ margin:0 0 0 20px}
#header .allgnb_wrap .allgnb .gnb > li .dp1{ display:block; /*padding-top:70px;*/ text-align:center; position:relative; z-index:inherit; line-height:30px; border-bottom:1px solid #666; font-weight:600; font-size:.938em; color:#333}
#header .allgnb_wrap .allgnb .gnb > li .dp1 .icon{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:70px; background-repeat:no-repeat; background-position:center; background-size:auto 100%}
#header .allgnb_wrap .allgnb .gnb > li .dp1 .icon{ display:none;}
#header .allgnb_wrap .allgnb .gnb > li:hover .dp1{ background:#666; color:#fff; transition:0.3s}
#header .allgnb_wrap .allgnb .gnb > li .dp2 > li > a{ display:block; font-size:.813em; color:#777; padding:7px; border-bottom:1px solid #ddd}
#header .allgnb_wrap .allgnb .gnb > li .dp2 > li > a:hover{ background:#f5f5f5}
#header .allgnb_wrap .allgnb .gnb > li.m_1 .dp1 .icon{ background-image:url(../images/inc/suv_visual_1.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_2 .dp1 .icon{ background-image:url(../images/inc/suv_visual_2.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_3 .dp1 .icon{ background-image:url(../images/inc/suv_visual_3.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_4 .dp1 .icon{ background-image:url(../images/inc/suv_visual_4.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_5 .dp1 .icon{ background-image:url(../images/inc/suv_visual_5.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_6 .dp1 .icon{ background-image:url(../images/inc/suv_visual_6.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_7 .dp1 .icon{ background-image:url(../images/inc/suv_visual_7.jpg)}
#header .allgnb_wrap .allgnb .gnb > li.m_guide .dp1 .icon{ background-image:url(../images/inc/suv_visual_guide.jpg)}

#header .gnb_wrap{position:absolute; left:610px;}
#header .gnb_wrap .gnb{ font-size:0}
#header .gnb_wrap .gnb > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; z-index:inherit; margin-left:1px}
#header .gnb_wrap .gnb > li.m_guide{ display:none}
#header .gnb_wrap .gnb > li .dp1{ display:block; font-size:1em; font-size:1.313rem; color:#fff; padding:40px 30px; font-family:notokrB;}
#header .gnb_wrap .gnb > li:hover .dp1,
/*#header .gnb_wrap .gnb > li.on .dp1{ color:#00307c; }*/

/*#header .gnb_wrap .gnb > li .dp2{ display:none; position:absolute; z-index:inherit; left:50%; bottom:auto; width:210px; margin-left:-105px; background:rgba(255,255,255,0.9); border:1px solid #ddd; border-top:none; border-bottom:2px solid #069; box-sizing:border-box;  }
*/#header .gnb_wrap .gnb > li:hover .dp2{ display:block;}
#header .gnb_wrap .gnb > li .dp2 > li { text-align:center; }
/*#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; font-size:.813rem; color:#777; padding:9px 0; border-bottom:1px solid #ddd}
*/#header .gnb_wrap .gnb > li .dp2 > li:first-child > a .icon{ position:absolute; z-index:inherit; right:20px; bottom:20px; height:155px; width:230px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%}
#header .gnb_wrap .gnb > li.m_1 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_1.jpg)}
#header .gnb_wrap .gnb > li.m_2 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_2.jpg)}
#header .gnb_wrap .gnb > li.m_3 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_3.jpg)}
#header .gnb_wrap .gnb > li.m_4 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_4.jpg)}
#header .gnb_wrap .gnb > li.m_5 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_5.jpg)}
#header .gnb_wrap .gnb > li.m_6 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_6.jpg)}
#header .gnb_wrap .gnb > li.m_7 .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_7.jpg)}
#header .gnb_wrap .gnb > li.m_guide .dp2 > li:first-child > a .icon{ background-image:url(../images/inc/suv_visual_guide.jpg)}
#header .gnb_wrap .gnb > li .dp2 > li > a:hover{ color:#000; background:#fff; }
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a .icon { display:none; }

.sub #header .gnb_wrap .gnb > li .dp1 { color:#fff !important}
.sub #header .gnb_wrap .gnb > li:hover .dp1 { color:#fad806 !important}

#footer{ background:#272727;}
#footer .footer_info_wrap{ padding:30px 0 30px 0}
#footer .footer_info_wrap .footer_info{ float:left; width:40%}
#footer .footer_info_wrap .footer_info dt,
#footer .footer_info_wrap .footer_info dd{ display:inline-block; *display:inline; zoom:1; font-size:0.813em; color:#ccc; margin-right:15px}
#footer .footer_info_wrap .footer_info dd a { color:#ccc; }
#footer .footer_info_wrap .footer_info dt{ font-family:notokrM; font-size:0.938em; margin-bottom:10px; color:#fff;}
#footer .footer_info_wrap .footer_info .copyright{ display:block; margin-top:7px; filter:alpha(opacity=70);opacity:0.7; font-size:.688em; text-transform:uppercase;}

#footer .footer_info_wrap .footer_info2{ float:left; width:15%;}
#footer .footer_info_wrap .footer_info2 dt,
#footer .footer_info_wrap .footer_info2 dd a{ display:inline-block; *display:inline; zoom:1; font-size:0.813em; color:#ccc; line-height:1.3;}
#footer .footer_info_wrap .footer_info2 dd:first-child {padding-top:25px;}
#footer .footer_info_wrap .footer_info2 dd a:hover{ color:#fff;}
#footer .footer_info_wrap .footer_info2 dt{ font-weight:600; font-size:0.938em; margin-bottom:10px; color:#fff;}

#footer .footer_info_wrap .footer_info3{ float:left; width:15%;}
#footer .footer_info_wrap .footer_info3 dt,
#footer .footer_info_wrap .footer_info3 dd a{ display:inline-block; *display:inline; zoom:1; font-size:0.813em; color:#ccc; line-height:1.3;}
#footer .footer_info_wrap .footer_info3 dd a:hover{ color:#fff;}
#footer .footer_info_wrap .footer_info3 dt{ font-weight:600; font-size:0.938em; margin-bottom:10px; color:#fff;}
#footer .footer_info_wrap .footer_info3 dd{ font-weight:600; font-size:0.938em; margin-bottom:10px; color:#fff;}

#footer .footer_info_wrap .footer_sns {position:relative;}
#footer .footer_info_wrap .footer_sns .sns {display:inline-block; position:relative;}
#footer .footer_info_wrap .footer_sns .sns a {color:#fff; font-size:1.5em; }
#footer .footer_info_wrap .footer_sns .sns_in {position:absolute; bottom:-100px; right:30%; margin-right:-215px;}



#footer .footer_info_wrap .footer_etc{ float:right; margin-top:23px;}
#footer .footer_info_wrap .footer_etc .gotop{ float:left; display:block; border:1px solid #333; border-radius:5px; width:55px; height:50px;
background:linear-gradient(top,#545454,#3c3c3c); 
background:-webkit-linear-gradient(top,#545454,#3c3c3c); 
background:-mos-linear-gradient(top,#545454,#3c3c3c); 
background:-ms-linear-gradient(top,#545454,#3c3c3c); 
background:-o-linear-gradient(top,#545454,#3c3c3c); 
background-color:#3c3c3c}
#footer .footer_info_wrap .footer_etc .gotop .tt{ display:block; text-align:center; padding-top:25px; font-size:0.75em; color:#fff;
background-image:url(../images/inc/up.png); background-position:center 12px; background-repeat:no-repeat;}
#footer .footer_info_wrap .footer_etc .gotop:hover{ border-color:#111}

#footer .footer_info_wrap .footer_etc .home{ float:left; margin-left:5px; display:block; border:1px solid #333; border-radius:5px; width:55px; height:50px;
background:linear-gradient(top,#545454,#3c3c3c); 
background:-webkit-linear-gradient(top,#545454,#3c3c3c); 
background:-mos-linear-gradient(top,#545454,#3c3c3c); 
background:-ms-linear-gradient(top,#545454,#3c3c3c); 
background:-o-linear-gradient(top,#545454,#3c3c3c); 
background-color:#3c3c3c}
#footer .footer_info_wrap .footer_etc .home .tt{ display:block; text-align:center; padding-top:36px; font-size:.625em; color:#333;
background-image:url(../images/inc/home.png); background-position:center bottom; background-repeat:no-repeat;}
#footer .footer_info_wrap .footer_etc .home:hover{ border-color:#111}


#contents{ position:relative; z-index:1;}
#contents .doc{ padding:100px 0;}
#contents .doc.st{padding:0 0 100px 0;}
#contents .doc.st2{padding:0; position:relative;}
#contents .sub_visual{ background-position:center top; background-repeat:no-repeat; background:#002f7c;}
#contents .sub_visual .box1{ position:relative; z-index:inherit; height:300px; overflow:hidden}

/*#contents .sub_visual.bg_1{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_2{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_3{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_4{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_5{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_6{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_7{ background-image:url(../images/inc/suv_visual_4.jpg)}
#contents .sub_visual.bg_guide{ background-image:url(../images/inc/suv_visual_guide.jpg)}
*/
#contents .sub_visual .slogan{ padding-top:130px; text-align:center}
#contents .sub_visual .slogan .t1{ font-family:notokrM; font-size:1.438em; color:#fff;  text-shadow:1px 1px 1px rgba(0,0,0,0.5);  filter:alpha(opacity=0);opacity:0;}
#contents .sub_visual .slogan .t2{ font-family:notokrR; font-size:2.375em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5); padding-top:10px; line-height:1.3; filter:alpha(opacity=0);opacity:0;}
#contents .sub_visual .slogan .t3{ padding-top:15px}
#contents .sub_visual .slogan .t3 span{ display:block; font-family:ns, sans-serif; font-size:1.438em; color:#fff; text-align:center; line-height:1.5; text-shadow:1px 1px 1px #666; position:relative; z-index:inherit; top:50px; filter:alpha(opacity=0);opacity:0;}

#contents .sub_visual .sub_gnb .gnb > li,
#contents .sub_visual .sub_gnb .gnb > li .dp1{ display:none}

#contents .sub_visual .sub_gnb{ position:absolute; z-index:inherit; left:0; bottom:0; width:100%}
#contents .sub_visual .sub_gnb .gnb{ font-size:0; position:relative; z-index:inherit; text-align:center;}
#contents .sub_visual .sub_gnb .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; width:16.66%; position:relative; }
#contents .sub_visual .sub_gnb .gnb .dp2 > li > a{ display:block; text-align:center; background:#606060; padding:18px 10px; font-size:1.125rem; line-height:1;  margin-left:1px; transition:0.3s; color:#fff; font-family:notokrM;}
#contents .sub_visual .sub_gnb .gnb .dp2 > li:hover > a,
#contents .sub_visual .sub_gnb .gnb .dp2 > li.on > a{filter:alpha(opacity=100); background:#fff; color:#000;}
#contents .sub_visual .sub_gnb .gnb .m_2 .dp2 {}

#contents .sub_tit_wrap{ overflow:hidden; border-bottom:1px solid #ddd; padding:30px 20px}
#contents .sub_tit_wrap .sub_tit{ float:left; margin-left:20px; font-family:ns, sans-serif; font-size:1.75em; color:#000}
#contents .sub_tit_wrap .sub_nav{ float:right; margin-right:20px; overflow:hidden; margin-top:15px}
#contents .sub_tit_wrap .sub_nav > li{ float:left; font-size:.75em; color:#666; padding-right:4px}


/*tab*/
.prod_cate_wrap{ margin:20px 0 40px 0;}
.prod_cate_wrap .list > li{}
.prod_cate_wrap .list > li > a{ display:block; border:1px solid #bbb; margin:0 -1px -1px 0; text-align:center; height:50px; color:#333; font-size:.938em; position:relative;
/* 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_cate_wrap .list > li:hover > a{ color:#b3161c;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+52 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 40%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 40%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.prod_cate_wrap .list > li.on > a{ border-color:#38393F; color:#fff; z-index:1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e646b+0,38393f+100 */
background: rgb(94,100,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(94,100,107,1) 0%, rgba(56,57,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(94,100,107,1) 0%,rgba(56,57,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(94,100,107,1) 0%,rgba(56,57,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startCowlorstr='#5e646b', endColorstr='#38393f',GradientType=0 ); /* IE6-9 */
}


/*sitemap*/
.sitemap .gnb{ overflow:hidden; margin-left:-3%;}
.sitemap .gnb > li{ float:left; width:22%; margin-left:3%; margin-bottom:60px;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #069; border-bottom:1px solid #069; text-align:center; font-size:1.063em; color:#069; padding:12px 0;}
.sitemap .gnb > li:hover .dp1{ background:#069; 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:.813em;}
.sitemap .gnb > li .dp2 > li > a:hover{ color:#000;}
.sitemap .gnb > li.m_5{ clear:left;}

/*개인정보*/
.sub_agree_wrap { font-size:14px; font-size:1rem; border:1px solid #ddd; border-top:2px solid #666; padding:30px; line-height:1.5; margin-top:50px;}
.sub_agree_wrap .con{ height:150px; overflow-y:scroll; font-size:.750em;}
.sub_agree_wrap .agree{ text-align:right; border-top:1px solid #ddd; padding-top:10px}
.sub_agree_wrap .top_box { width:100%; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; border-radius:10px; }
.sub_agree_wrap .top_box p { text-align:center; line-height:1.5; font-size:0.938em;  color:#333; }
.sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }

.acheck_area{ border:1px solid #ccc; background:#f2f2f2; box-shadow:3px 3px 5px rgba(0,0,0,0.2); margin:20px 0 20px 0; padding:10px 20px; text-align:right;}
.acheck_area span{ color:#666;}
.priv_w {color:#666; line-height:1.5;}
.priv_w .tit1 {text-align:center; margin-bottom:30px; color:#111; }
.priv_w .tit2 {color:#333; margin-top:20px; margin:20px 0 5px 0; font-weight:600;}
.priv_w .txt1 {margin-bottom:5px;}
.priv_w .txt_ol {margin-left:20px;}

/* main */
.main .footer{ position:fixed; bottom:-150px; left:0; width:100%; z-index:10000000001;} 

.visual_wrap{ position:fixed; top:0; left:0; width:100%; z-index:1000001;}
.visual_wrap .img{ position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover;}

.section .slogan{/* padding-top:16%;*/ text-align:center; }
.section .slogan.st {padding-top:0;}
.section .slogan span { color:#fff; font-family:notokrM, sans-serif; display:block;}
.section .slogan span.sm { font-size:1.250em; position:relative; padding-top:20px; line-height:1.3; border-top:1px solid #fff; width:69%; margin:20px auto; }
.section .slogan span.big { font-size:4.375em; font-family:BebasR; line-height:1;}
.section .slogan span.big2 {font-size:5.625em; width:60%; margin:0 auto; font-family:BebasR;}
/*.section .slogan span.sm:before { content:""; background:#0090d6; width:40px; height:4px; position:absolute; left:50%; top:0; margin-left:-20px; }
*/

.section .board { position:absolute; width:100%; left:0; bottom:260px; }
.section .board:after { content:""; clear:both; display:block; height:auto; visibility:hidden; }
.section .board .noti_box { float:left; width:47.5%; max-width:570px; }
.section .board .info_box { float:right; width:47.5%; max-width:570px; }
.section .board .tt { width:17.5%; height:60px; line-height:60px; float:left; color:#fff; border-radius:8px; text-align:center; box-shadow:0 3px 4px rgba(0,0,0,0.3); }
.section .board .noti_box .tt { background:#0090d6; }
.section .board .info_box .tt { background:#6ea615; }
.section .board .list { width:81.5%; float:right; background:#fff; height:60px; border-radius:8px; padding:0 20px; box-sizing:border-box; }
.section .board .list ul li { }
.section .board .list ul li a { color:#444; font-size:0.938em; position:relative; display:block; padding-left:10px; font-weight:600; line-height:60px; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.section .board .list ul li a:before { content:""; width:5px; height:1px; background:#555; position:absolute; left:0; top:50%; }

.section .board .list .slick-arrow { border:none; background:none; width:35px; height:24px; background-color:#aaa; background-repeat:no-repeat; background-position:center; font-size:0; text-indent:-9999px; border-radius:2px; position:absolute; right:-10px; z-index:10; }
.section .board .list .slick-prev { background-image:url(../images/main/slick_prev.png); top:5px; }
.section .board .list .slick-next { background-image:url(../images/main/slick_next.png); bottom:6px; }


.section .mouse{ position:absolute; z-index:inherit; left:50%; bottom:170px; width:1200px; margin-left:-600px; text-align:center;}
.section .mouse a{opacity:.7}
.section .mouse a:hover{ opacity:1}

#fullpage{ z-index:1000000001;}
.section{}
.section .inner{ position:relative; height:100%;}
.section .inner .pd_st{width:100%;}
.section .inner1 .pd_st,
.section .inner2 .pd_st{ padding-top:8%;}
.section .inner3 .pd_st{ padding-top:11%;}
.section .inner4 .pd_st{ padding-top:12%;}
.section .inner1{}

.section .main_tbox { position:relative; }
.section .main_tbox p { color:#fff; text-align:center; font-family:notokrM, sans-serif; letter-spacing:-0.5px; line-height:1.4; }
.section .main_tbox .main_tt { font-size:1.313em; margin-bottom:8px; }
.section .main_tbox .main_txt { font-size:2.375em; margin-bottom:22px; }

.section .inner1 .con{ padding:50px 0; position:relative;}
.section .inner1 .con > .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#101e2c; filter:alpha(opacity=70);opacity:0.7;}
.section .inner1 .con .bn{ /*margin:-15px 0 0 -15px; overflow:hidden;*/}
/*.section .inner1 .con .bn > li{ float:left; width:50%; }*/
.section .inner1 .con .bn > li {width:60%; margin:0 auto;}
.section .inner1 .con .bn > li .inner { /*margin:15px 0 0 15px;*/ cursor:pointer; height:220px; cursor:pointer; position:relative; background-repeat:no-repeat; background-position:center top; transition:.4s; }
.section .inner1 .con .bn > li.st1 .inner { background-image:url(../images/main/cont1_bn1_img.jpg)}
.section .inner1 .con .bn > li.st2 .inner { background-image:url(../images/main/cont1_bn2_img.jpg)}
.section .inner1 .con .bn > li.st3 .inner { background-image:url(../images/main/cont1_bn3_img.jpg)}
.section .inner1 .con .bn > li.st4 .inner { background-image:url(../images/main/cont1_bn4_img.jpg)}
.section .inner1 .con .bn > li.st5 .inner { background-image:url(../images/main/cont1_bn5_img.jpg)}
.section .inner1 .con .bn > li.st6 .inner { background-image:url(../images/main/cont1_bn6_img.jpg)}
.section .inner1 .con .bn > li .bg { position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=20); opacity:0.2; transition:.4s;}
.section .inner1 .con .bn > li .tt { position:absolute; z-index:inherit; top:0; left:0; width:100%; text-align:center; transition:.4s;}
.section .inner1 .con .bn > li .tt1 { filter:alpha(opacity=100); opacity:1; font-size:1.5em; color:#fff; font-family:notokrM, sans-serif; letter-spacing:-0.5px; line-height:220px; }
.section .inner1 .con .bn > li .tt2 { box-sizing:border-box; padding:60px 50px 50px 30px; filter:alpha(opacity=0); opacity:0; top:20px; text-align:left; }
.section .inner1 .con .bn > li .tt2 .title { font-size:1.5em; color:#fff; font-family:notokrM, sans-serif; letter-spacing:-0.5px; display:block; margin-bottom:12px; }
.section .inner1 .con .bn > li .tt2 .txt { font-size:0.875em; color:#fff; line-height:1.4; }
.section .inner1 .con .bn > li .tt2 .arr { display:block; font-size:10px; color:#fff; width:55px; height:13px; background:url(../images/main/more_arr.png) no-repeat bottom; margin-top:30px; }
.section .inner1 .con .bn > li:hover { background-position:right top;}
.section .inner1 .con .bn > li:hover .bg { background:#07539b; filter:alpha(opacity=85); opacity:0.85; }
.section .inner1 .con .bn > li:hover .tt1 { filter:alpha(opacity=0);opacity:0;}
.section .inner1 .con .bn > li:hover .tt2 { filter:alpha(opacity=100);opacity:1; top:-10px;}

.section .con .result_tab { width:75%; margin:25px auto 30px; }
.section .con .result_tab li {  width:50%; height:45px; line-height:45px; text-align:center; background:rgba(255,255,255,0.55); color:#000; font-size:0.938em; font-weight:600; margin-left:-1px; cursor:pointer; margin:0 auto; }
.section .con .result_tab li.on { background:rgba(0,146,249,0.7); color:#fff; }

.section .con .result_box { background:rgba(255,255,255,0.8); padding:10px; position:relative; }
.section .con .result_box .img { width:64%; }
.section .con .result_box .txt { position:absolute; right:40px; top:140px; width:540px; }
.section .con .result_box .tt { color:#0060aa; font-size:1.625em; font-family:notokrM, sans-serif; letter-spacing:-0.5px; text-align:center; position:absolute; top:90px; right:40px; width:540px; }
.section .con .result_box .txt .in_box { background:rgba(7,83,155,0.85); padding:80px 140px 80px 45px; position:relative; box-sizing:border-box; max-height:301px; }
.section .con .result_box .txt .in_box .line { width:85px; height:1px; background:#fff; display:block; position:absolute; top:50px; left:0; }
.section .con .result_box .txt .in_box .title { font-size:1.125em; color:#fff; margin-bottom:30px; }
.section .con .result_box .txt .in_box dl dd { font-size:0.938em; color:#fff; margin-bottom:12px; }
.section .con .result_box .txt .slick-dots { position:absolute; left:160px; bottom:-40px; }
.section .con .result_box .txt .slick-dots li { display:inline-block; margin:0 3px; }
.section .con .result_box .txt .slick-dots li button { font-size:0; border:0; background:#777; width:10px; height:10px; border-radius:10px; }
.section .con .result_box .txt .slick-dots li.slick-active button { background:#1a82cc; }

.section .con .partner { width:100%; padding:80px 0; margin-top:40px; position:relative; background:#013a7b url(../images/main/partner_bg.png) no-repeat right -155px center; }
.section .con .partner .box1 { max-width:1080px; }
.section .con .partner ul { margin:0 -20px 0 0; overflow:inherit; }
.section .con .partner ul:after { content:""; clear:both; display:block; height:auto; visibility:hidden; }
.section .con .partner ul li { float:left; width:25%; }
.section .con .partner ul li .inner { display:block; margin:0 20px 0 0; position:relative; box-shadow:3px 5px 5px rgba(0,0,0,0.3); }
.section .con .partner ul li .inner .img { position:relative; z-index:inherit; height:170px; border:1px solid #ddd; box-sizing:border-box; padding:20px 20px 70px 20px; background:#fff; }
.section .con .partner ul li .inner .img img { max-height:60px; display:inline-block !important; }
.section .con .partner ul li .inner .txt{ position:absolute; z-index:inherit; width:100%; height:50px; left:0; bottom:0; transition:0.2s; }
.section .con .partner ul li .inner .txt .bg{ position:absolute; left:0; z-index:inherit; width:100%; height:100%; background:#2b4871; filter:alpha(opacity=50); opacity:0.5;}
.section .con .partner ul li .inner .txt .name { color:#fff; font-size:0.938em; position:relative; z-index:2; }
.section .con .partner ul li .inner:hover .bg{ background:#1783d2; filter:alpha(opacity=80); opacity:0.8; }
.section .con .partner ul li .inner:hover .txt { height:100%; }
.section .con .partner .slick-arrow { border:none; width:45px; height:45px; background-color:#1783d2; font-size:0; text-indent:-9999px; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-22px; }  
.section .con .partner .slick-prev { background-image:url(../images/main/partner_prev.png); background-position:right center; left:-100px; }
.section .con .partner .slick-next { background-image:url(../images/main/partner_next.png); background-position:left center; right:-80px; }

.section .online_cs { overflow:hidden; }
.section .online_cs .text { float:left; width:33%; text-align:right; }
.section .online_cs .text h2 { display:inline-block; font-size:3.125em; color:#fff; font-family:notokrR, sans-serif; font-weight:normal; letter-spacing:-0.5px; border-top:4px solid #0278d6; padding-top:13px; }
.section .online_cs .text h2:before {  }
.section .online_cs .text h3 { font-size:5.625em; color:#0278d6; font-family:notokrB, sans-serif; font-weight:normal; letter-spacing:-0.5px; }
.section .online_cs .text .sm_t { font-family:notokrM, sans-serif; font-size:1.125em; color:#fff; line-height:1.6; margin-top:15px; }
.section .online_cs .form { float:right; width:63%; overflow:hidden; }
.section .online_cs .form > div { width:49.5%; }
.section .online_cs .form .left { float:left; }
.section .online_cs .form .right { float:right; }
.section .online_cs .form .input_st1 { border:0; background:#fff; width:100%; height:40px; font-size:0.813em; font-family:sans-serif; line-height:40px; padding-left:15px; box-sizing:border-box; margin-bottom:5px; }
.section .online_cs .form .input_textarea { height:200px; }
.section .online_cs .form .right .spam_box { background:#fff; padding:10px 10px 10px 15px; margin-bottom:5px; }
.section .online_cs .form .right .spam_box .hol { font-size:0.813em; font-family:sans-serif; color:#666; display:inline-block; margin-right:5px; }
.section .online_cs .form .right .spam_box .input_st.spam { height:26px; line-height:26px; }
.section .online_cs .form .btn_inc { border:0; background:#0090d6; font-size:0.938em; font-weight:600; height:50px; text-align:center; width:100%; color:#fff; }
.section .online_cs .form .priv_box { width:100%; height:216px; background:#fff; padding:10px 15px; box-sizing:border-box; overflow-y:scroll; font-size:12px; color:#555; line-height:1.4; }


.section .con_bg{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%;}
#section1 .con_bg{ background:#000000; filter:alpha(opacity=15); opacity:0.15;}
#section2 .con_bg{ background:#2b4871; filter:alpha(opacity=50); opacity:0.5;}
/*#section3 .con_bg{ background:#0090d6; filter:alpha(opacity=25); opacity:0.25;}*/
#section3 .con_bg{ background:#000000; filter:alpha(opacity=15); opacity:0.15;}
#section4 .con_bg{ background:#000000; filter:alpha(opacity=15); opacity:0.15;}

#nav{ position:fixed; z-index:1000000001; top:50%; margin-top:-85px; right:15px; width:140px; height:100%;}
#nav > li{ margin-top:10px}
#nav > li:first-child{ margin-top:0}
#nav > li > a{ display:block; height:25px; overflow:hidden;}
#nav > li > a .circle{ background:#ccc; width:20px; height:20px; margin-top:2px; display:block; border-radius:50px; float:right;}
#nav > li > a .tt{ float:left; width:90px; margin-right:10px; padding:0 10px; border-radius:5px; text-align:right; font-size:12px; font-weight:600; line-height:25px; opacity:0; transition:.3s;}
#nav > li > a:hover .tt{display:block; background:#ccc; color:#666; opacity:1}
#nav > li > a.on .tt{display:block;background:#0090d6; color:#fff; opacity:1}
#nav > li > a.on .circle{background:#0090d6; transition:.3s;}





/*상세페이지 디자인*/
.table_box1{ margin:20px 0 0 20px}
.table_box2{ margin:0 0 0 20px}
.tbl_tt{float:right; font-size:0.750em; color:#888; margin-bottom:3px; }
.tbl_st1{width:100%; color:#444; text-align:center; table-layout:fixed;}
.tbl_st1 thead th {background:#f7f7f7; border:1px solid #ddd; border-top:2px solid #069; border-bottom:1px solid #aaa; color:#444; padding:13px 0; font-size:0.875em;}
.tbl_st1 tbody th {background:#fafafa; color:#444; border:1px solid #ddd; padding:12px 0; font-size:0.875em;}
.tbl_st1 thead th.noborder{ border-top:1px solid #ddd;}
.tbl_st1 tbody td{padding:12px 20px; border:1px solid #ddd; text-align:left; word-break:keep-all; font-size:0.875em; }
.tbl_st1 tbody td a { color:#444; }
.tbl_st1 tbody td.bg1{ background:#e5feff}
.tbl_st1 tbody td.bg2{ background:#effeff}
.tbl_bt{float:right; font-size:0.750em; color:#888; margin-top:3px; }

.tbl_st1 tbody td ul li{font-size:0.938em; color:#666; margin-top:5px; position:relative; padding-left:10px; line-height:1.5; background:url(../images/sub/li_icon1.png) no-repeat left 7px;}
.tbl_st1 tbody td ul li.second{ background:none; margin-left:5px; color:#5297ff}

.page_tit1{ font-size:1.375em; font-family:notokrB, sans-serif; color:#222; letter-spacing:-0.5px; padding-left:32px; background:url(../images/inc/tit_st1.png) no-repeat left center; line-height:1.3;}
.page_tit2{ font-size:1.375em; font-family:notokrB, sans-serif; color:#222; letter-spacing:-0.5px; text-align:center;}
.page_tit3{ font-size:1.25em; font-family:notokrB, sans-serif; color:#222; letter-spacing:-0.5px; padding-left:30px; background:url(../images/inc/tit_st3.png) no-repeat left 3px; line-height:1.3;}
.page_mg05{ margin-top:5px;}
.page_mg10{ margin-top:10px;}
.page_mg20{ margin-top:20px;}
.page_mg30{ margin-top:30px;}
.page_mg40{ margin-top:40px;}
.page_mg50{ margin-top:50px;}

.top_tit{font-size:1.5em; line-height:1.5; color:#069; font-family:notokrB, sans-serif; font-weight:normal; position:relative; padding-left:15px; margin-bottom:10px; }
.top_tit:before { content:""; width:3px; height:19px; background:#069; position:absolute; left:0; top:9px; }
.top_tit2{font-size:1.5em; line-height:1.5; color:#069; font-family:notokrB, sans-serif; font-weight:normal; position:relative; padding-left:15px; margin-bottom:10px; margin-top:60px;}
.top_tit2:before { content:""; width:3px; height:20px; background:#069; position:absolute; left:0; top:8px; }

.mid_tit { font-size:1.188em; line-height:1.5; color:#333; font-family:notokrM, sans-serif; font-weight:normal; /*margin-left:15px;*/ padding-left:15px; margin-bottom:10px; background:url(../images/inc/mid_tit1.png) no-repeat left top 8px; }
.mid_tit2 { font-size:1.188em; line-height:1.5; color:#333; font-family:notokrM, sans-serif; font-weight:normal; margin-left:15px; padding-left:15px; margin-bottom:10px; margin-top:40px; background:url(../images/inc/mid_tit1.png) no-repeat left top 8px; }

.bot_tit { font-size:1em; line-height:1.5; color:#555; font-family:notokrM, sans-serif; margin-left:30px; padding-left:15px; margin-bottom:10px; position:relative; }
.bot_tit:before { width:8px; height:2px; background:#777; content:""; position:absolute; left:0; top:10px; }
.bot_tit2 { font-size:1em; line-height:1.5; color:#555; font-family:notokrM, sans-serif; margin-left:30px; padding-left:15px; margin-bottom:10px; position:relative; margin-top:20px; }
.bot_tit2:before { width:8px; height:2px; background:#777; content:""; position:absolute; left:0; top:10px; }

.bot_txt { font-size:0.938em; line-height:1.5; color:#666; margin-left:30px; margin-bottom:7px; font-family:notokrR, sans-serif; }

.ul_box { padding:20px; border:1px solid #ddd; background:#fafafa; margin-bottom:20px;}
/*.ul_box.mid { margin:0 0 30px 15px; }
*/.ul_box.bot { margin-left:30px; }
.sub_ul li { font-size:0.875em; line-height:1.5; margin-bottom:10px; position:relative; padding-left:13px; color:#555; }
.sub_ul li:before { content:""; width:3px; height:3px; background:#555; position:absolute; left:0; top:9px; }
.sub_ul li:last-child { margin-bottom:0; }
.sub_ul.bgn li { padding-left:0; color:#333; }
.sub_ul.bgn li:before { display:none; }
.sub_ul.bgn li p { padding-left:21px; margin-top:5px; color:#666; }  


.img_box { border:1px solid #ddd; background:#fff; padding:20px 30px; margin:10px 0 30px; text-align:center; }
.img_box2 { border:1px solid #ddd; background:#fff; padding:20px 30px; margin:30px 0 30px; text-align:center; }

.txt_box { border:1px solid #ddd; background:#f8f8f8 url(../images/sub/box_icon1.png) no-repeat right bottom; padding:20px 30px; }
.txt_box p { font-size:0.938em; color:#333; line-height:1.5; }

.txt_box.top { background:#fff; }
.txt_box.top p { font-size:1em; font-family:"notokrM", sans-serif; }


/*1_1*/
.greet{ }
.greet:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
.greet .left{ float:left; width:39%; margin-right:80px;}
.greet .right{ float:left; padding-left:3%; width:49%; }
.greet .right .greet_tit{ color:#002273; font-family:notokrL; font-size:1.875em; line-height:1.2; position:relative; }
.greet .right .greet_tit:before { content:""; width:32px; height:27px; position:absolute; left:-40px; top:0; background:url(../images/sub/1_1img2.png) no-repeat left top; }
.greet .right .greet_tit:after { content:""; width:32px; height:27px; position:absolute; right:141px; top:0; background:url(../images/sub/1_1img3.png) no-repeat left top; }
.greet .right .greet_tit span.bol{ font-family:notokrM; display:block;}
.greet .right .greet_txt{ font-size:1.000em; line-height:1.6; color:#555; margin-top:29px;}
.greet .right .greet_txt.pd_none {margin-top:0;}
.greet .right .last{ text-align:right; margin-top:30px; font-size:1em; color:#333; font-family:notokrM; margin-bottom:10px;}
.greet .right .ceo{ text-align:right; font-size:1em; color:#333; font-family:notokrM;}
.greet .right .ceo span.name{ font-size:1.688em; margin-left:5px;}


/*1_2*/
/*.his_tit {font-family:BebasR; font-size:5.000em; text-align:center;}
.history_top_tit { padding-right:70px; text-align:right; height:200px; background:url(../images/sub/his_bg.jpg) no-repeat center center; background-size:cover; }
.history_top_tit .t1 { font-family:notokrR; font-size:2.063em; color:#fff; padding-top:104px; }
.history_top_tit .t2 { font-family:notokrM;  font-size:1.125em; color:#fff;  text-shadow:1px 1px 1px rgba(0,0,0,0.5); }

.his_area { *zoom:1; position:relative; }
.his_area:after { content:""; display:block; clear:both; }
.his_area.bg_st1 { border-top:1px solid #ccc; }
.his_area .his_cont { float:left; width:93%; background:url(../images/sub/his_line.png) repeat-y 7px; margin-left:40px; }
.his_area .his_cont .list { *zoom:1; margin-top:25px; }
.his_area .his_cont .list:after { content:""; display:block; clear:both; }
.his_area .his_cont .list:first-child { margin-top:30px; }
.his_area .his_cont .list dt { float:left; width:11%; padding:10px 10px 0 0; text-align:right; font-size:1.375em; font-family:notokrM; color:#0069b2; position:relative; }
.his_area .his_cont .list dt:before { content:""; width:7px; height:7px; background:#fff; border:3px solid #0069b2; border-radius:20px; position:absolute; left:1px; top:50%; margin-top:-3px; }
.his_area .his_cont .list dd { margin-left:15%; padding:7px 0 5px 70px; line-height:18px; font-size:0.9em; }
.his_area .his_cont .list dd.icon_f { padding-left:10px; color:#666; font-size:0.875em; line-height:27px; word-break:keep-all; background:url(../images/sub/his-li_icon.jpg) no-repeat left 21px; }
.his_area .his_cont .list dd.icon_f span.mon { color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.250em; margin-right:15px; }
*/

/**/
.sub_history_wrap{ position:relative; z-index:inherit;  }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:2px; background:#242942; left:50%; height:100%; margin-left:-1px; top:20px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; margin-top:80px; 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 .history .year{ font-family:notokrB,sans-serif; font-size:2.063em; color:#002f7c; 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:40%; margin-top:-5px; background:#fff; border:5px solid #002f7c; border-radius:100%;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; }
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.063em; color:#2D5A9E; font-family:notokrM, sans-serif;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1.063em; color:#231815; margin:3px 0; position:relative; font-family:notokrM;}
.sub_history_wrap .sub_history > li.even{ left:0; text-align:right;}
.sub_history_wrap .sub_history > li.odd{left:50%;}
.sub_history_wrap .sub_history > li.even .history .year .dot{ right:-30px}
.sub_history_wrap .sub_history > li.odd .history .year .dot{ left:-30px}
.sub_history_wrap .sub_history > li.even .history .list .month{ right:28px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ left:4px}
.sub_history_wrap .sub_history > li.even .history .list .tt {}
.sub_history_wrap .sub_history > li.even .history .list .tt:before {}
.sub_history_wrap .sub_history > li.odd .history .list .tt {}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {}
.fo_bold {color:#111; font-family:notokrB;}

.map_info td{line-height:1.4}


/**/
.sub1_1_bg {background:url(../images/sub/sub1_1bg2.jpg) no-repeat center center;  background-size:cover; padding:100px 0; margin-bottom:100px;}
.sub1_1w {width:65%; margin:0 auto;}
.sub1_1w .tx { display:block;  font-size:1.188em; line-height:1.8; color:#fff; text-align:justify; text-justify:inter-cluster; font-family:notokrM;}
.sub1_1w .tx.st {display:block;}
.sub1_1w .tx.mg_none {margin-top:0;}
.sub1_1_m {overflow:hidden; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px 0; margin:30px 0;}
.sub1_1_m > li {float:left; width:33.33%;}
.sub1_1_m > li .li_in {font-size:1.125em;  color:#fff;}
.sub1_1_m > li .li_in .ti {color:#fad806; font-family:notokrM; padding-right:5px; display:block; padding-bottom:10px;}
.sub1_1w .tx.tx_mg_st {padding:30px 0;}
.sub1_1w .tx.tx_mg_st2 {padding-top:30px;}

.sub1_1_b {}
.sub1_1_b  {text-align:center; padding:0 5%; font-size:0;}
.sub1_1_b > li {display:inline-block; vertical-align:top; width:25%; font-size:1rem;}
.sub1_1_b > li .li_in { margin:0 10px; padding:10px; text-align:center; border:1px solid #fff; border-radius:50%;;  line-height:1.4; font-size:1.188em; color:#fff;}

.vision_img {text-align:center; padding:50px 0 30px 0;}
.vision_area{ width:64%; margin:0 auto; position:relative;}
.vision_area .line{ position:absolute; top:0; height:100%; width:1px; border-left:1px dashed #939598;}
.vision_area .line.line1{ left:0;}
.vision_area .line.line2{ left:33.33%;}
.vision_area .line.line3{ left:66.66%;}
.vision_area .line.line4{ right:0;}
.vision_ul {overflow:hidden;}
.vision_ul li {float:left; width:33.33%;}
.vision_ul li > .li_in {font-size:1.063em; color:#231815;/* border-left:1px dashed #939598;*/ padding:0 20px; font-family:notokrM; margin-left:20px;}
.vision_ul li > .li_in.st {/*border-right:1px dashed #939598;*/}

/**/
.sub4_1_b  { overflow:hidden;  text-align:center; margin-top:50px;}
.sub4_1_b.st {margin-top:10px;}
.sub4_1_b > li {display:inline-block; margin:0 20px;}
.sub4_1_b > li .li_in {width:130px; height:130px; padding:10px; text-align:center;  border-radius:50%;;  line-height:1.4; font-size:1em; font-family:notokrM;  margin:auto; color:#272727;}
.sub4_1_b > li .li_in.in_col {border:3px solid #cdcdcd; background:#fff;}
.sub4_1_b > li .li_in.in_col2 {background:#cdcdcd; }

/**/
.sub_tit_w {text-align:center;}
.sub_tit_w.st .ti {font-family:notokrB; font-size:3.625em; }
.sub_tit_w.st2 .ti {font-family:notokrB; font-size:3.625em;}
.sub_tit_w.st2 .ti.mg_st {padding-bottom:30px;}
.sub_tit_w.st3 .ti {font-size:2.750em;}
.sub_tit_w.st2 .ti.st2 {font-family:notokrR; font-size:1.6em; padding:0; letter-spacing:-1.85px;}
.sub_tit_w .ti.st2.st3 {width:100%; max-width:680px; margin:0 auto; line-height:1.3;}
.sub_tit_w.st2 .font_st {font-family:notokrB;}


.sub_tit_w .ti {font-family:BebasR; font-size:4.813em; }
.sub_tit_w .ti.st {color:#fff;}
.sub_tit_w .tx {font-size:2.375em; font-family:notokrB; padding-top:30px;}
.sub_tit_w .tx2 {font-size:1.313em; padding-top:5px; color:#231815; font-family:notokrR; }

.sub_tit_w .ti.who_st {padding-bottom:40px;}

/*1_4*/
.ci_box { overflow:hidden; margin-bottom:30px; }
.ci_box .ci { float:left; width:41%; }
.ci_box .ci span { display:block; padding:20px 0; border:1px solid #ddd; text-align:center; background:url(../images/sub/bgCi.gif) repeat; }
.ci_box .txt_area { float:right; width:56%; }
.ci_box .txt_area .tit { font-size:1.375em; color:#222; font-family:notokrB, sans-serif; margin:5px 0 15px; letter-spacing:-0.5px; padding-bottom:15px; position:relative; }
.ci_box .txt_area .tit:before { content:""; width:22px; height:2px; background:#555; position:absolute; left:2px; bottom:0; }
.ci_box .txt_area .txt { font-size:0.938em; color:#444; line-height:1.5; margin-bottom:80px; }
.ci_box .txt_area .down { display:inline-block; margin:0 3px 0 0; padding:8px 37px 8px 20px; background:#f9f9f9 url(../images/sub/bg_btn_down.png) no-repeat right 50%; color:#666; font-size:0.813em; border:1px solid #d5d5d5; }
.ci_box .txt_area .down:hover { background-color:#e5e5e5; }

.ci_ea4 { overflow:hidden; margin:30px 0 0 -30px; }
.ci_ea4 li { float:left; width:25%; }
.ci_ea4 li > .inner { margin:0 0 0 30px; text-align:center; padding:20px; border:1px solid #ddd; }
.ci_ea4 li > .inner div { margin-top:20px; border-top:1px solid #ddd; padding:10px 0 0; }
.ci_ea4 li > .inner div p { font-size:0.813em; color:#555; text-align:left; margin-top:10px; padding-left:20px; }
.ci_ea4 li > .inner div p .color { display:inline-block; margin-right:5px; width:20px; height:20px; border-radius:20px; vertical-align:middle; }
.ci_ea4 li > .inner div p .color1 { background:#034ea2; }
.ci_ea4 li > .inner div p .color2 { background:#000f47; }
.ci_ea4 li > .inner div p .color3 { background:#6d6e71; }
.ci_ea4 li > .inner div p .color4 { background:#231f20; }
.ci_ea4 li > .inner div p .color5 { background:#17479e; }
.ci_ea4 li > .inner div p .color6 { background:#353f3c; }
.ci_ea4 li > .inner div p .color7 { background:#fff; box-sizing:border-box; border:1px solid #000; }
.ci_ea4 li > .inner div p .color8 { background:#000; }

.img_ea2 { overflow:hidden; margin-bottom:20px; }
.img_ea2 > div { box-sizing:border-box; padding:20px; border:1px solid #ddd; height:150px; background:url(../images/sub/bgCi.gif) repeat; }
.img_ea2 > div span {}
.img_ea2 > div span img { max-height:110px; }
.img_ea2 .left { float:left; width:49%; }
.img_ea2 .right { float:right; width:49%; }


/*공통*/
.tit_box {padding-bottom:0;}
.tit_box .tit {text-align:center; font-size:1.438em; line-height:1.5; color: #222; font-family:"notokrM", sans-serif;}
.tit_box .tit2 {text-align:center; font-size:2.5em; line-height:1.5; color: #111;}
.tit_box .tit2.st {color:#555; font-size:1.6em; padding-bottom:30px;}
.tit_box .line { width:50px; height:1px; background:#05367c; margin:40px auto;}

.sub1_3_img .sub_1_3_in{ text-align:center;}


/*1_4*/
.partner  {margin-top:50px;}
.partner ul { overflow:hidden; margin:-40px 0 0 -40px; }
.partner ul li { float:left; width:33.33%; }
.partner ul li div { margin:40px 0 0 40px; 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;  font-family:notokrM; }
/*.partner ul li div:hover .img,
.partner ul li div:hover .title { border-color:#666; }
*/


/*1_5*/
.sub1_5 {margin-top:50px;}
.sub1_5 .map_info {padding-top:20px;}
.sub1_5 .map_info .tbl_st {border:1px solid #ddd; }
.sub1_5 .map_info .tbl_st tbody th {background:#dedbd5; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:20px 20px; color:#040000;}
.sub1_5 .map_info .tbl_st tbody td {border-bottom:1px solid #ddd; padding:20px 20px; font-size:0.938em; color:#111;}
/*2_1*/
.top_w_img { height:250px; background-repeat:no-repeat; background-position:top center; }
.top_w_img.sub2_1 { background-image:url(../images/sub/2_2bg1.png); }
.top_w_img.sub2_2 { background-image:url(../images/sub/2_2bg1.png); }
.top_w_img.sub2_3 { background-image:url(../images/sub/2_3bg1.png); }
.up { width:85%; background:url(../images/sub/2_1bg2.png) no-repeat center -40px; text-align:center; display:block; margin:-180px auto 50px; 
box-shadow:2px 2px 5px rgba(0,0,0,0.3); padding:50px; box-sizing:border-box; }
.up p { display:inline-block; font-family:"notokrM", sans-serif; color:#05367c; line-height:1.4 }
.up .tit1 { font-size:1.188em; }
.up .tit2 { color:#555; margin-top:25px; font-size:1.063em; }
.up .tit2 .font_block {display:block;}

.up.up_pt { width:85%; background:url(../images/sub/2_1bg2.png) no-repeat center -40px; text-align:center; display:block; margin:-100px auto 100px; 
box-shadow:2px 2px 5px rgba(0,0,0,0.3); padding:50px; box-sizing:border-box; }
.up.up_pt .tit1 { font-size:1.438em; }
.up.up_pt .tit2 { color:#555; margin-top:25px; font-size:1.313em; }


.tab_list { overflow:hidden; margin:-5px -5px 0 0; padding-bottom:40px; }
.tab_list > li { float:left; width:33.3%; text-align:center; transition:0.2s; }
.tab_list > li > a { border:1px solid #ccc; display:block; background:#fff; font-size:1em; font-family:notokrM, sans-serif; color:#222; letter-spacing:-0.5px; line-height:43px; margin:5px 5px 0 0; box-sizing:border-box; }
.tab_list > li.on > a,
.tab_list > li:hover > a { border:1px solid #00c6ff; background:#00c6ff; color:#fff; }


/*2_2_5*/
.txt_box.top .in_tit{ margin-top:20px; background:url(../images/inc/tit_l_icon.jpg) no-repeat left 8px; padding-left:15px;}
.txt_box.top .box_in_ol{ margin-left:40px; margin-top:5px;}
.txt_box.top .box_in_ol li{ list-style:decimal; line-height:1.6; font-size:0.875em; color:#444;}



/*3_1*/
.busi_perf dl { border-top:2px solid #444; overflow:hidden; padding:24px 36px; text-align:left; margin-top:20px; }
.busi_perf dl dt { float:left; font-size:1.375em; font-family:notokrB, sans-serif; color:#069; letter-spacing:-0.8px; line-height:1.4; width:12%; }
.busi_perf dl dd{ float:right; font-size:1em; font-family:ng, sans-serif; color:#444; letter-spacing:-0.5px; line-height:1.7; width:80%; }
.busi_perf dl dd .p_st1 { font-size:1.375em; font-family:notokrM, sans-serif; color:#222; letter-spacing:-0.5px; line-height:1.2; margin-bottom:10px; }
.busi_perf dl dd .list > li { position:relative; color:#444; letter-spacing:-0.5px; padding-left:12px; line-height:2; }
.busi_perf dl dd .list > li:before { content:''; display:block; width:3px; height:3px; background:#555; position:absolute; left:0; top:14px; z-index:1; }

/*4_1*/
.sub4_1_tit {text-align:center; font-size:1.563em; padding:30px 0; font-weight:600;}

/*4_3*/
.table_tit {padding-bottom:10px; font-weight:600;}
.table_tit .ti_poin {color:#d12d33;}

/*5_1*/
.board_prod { overflow:hidden; margin:0 -40px -50px 0;}
.board_prod > li { float:left; width:33.33%;}
.board_prod > li .inner { margin:0 40px 50px 0;}
.board_prod > li .inner > a {  display:block; transition:0.5s ease;}
.board_prod > li .pic { border:1px solid #ddd; position:relative; padding:15px; }
.board_prod > li .pic > img { transition:0.5s ease;}
.board_prod > li p { font-size:0.938em; font-weight:600; letter-spacing:-0.5px; color:#222; padding:10px 0; border-bottom:1px dashed #d2d2d2; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; }
.board_prod > li .inner:hover .pic { border:1px solid #666; display:block; transition:0.5s ease;}
.board_prod > li .inner:hover .pic > img { transform:scale(1.1,1.1); transition:0.5s ease;}
.board_prod > li .inner:hover p { border-color:#666; }


.prod_v_area .prod_b_title { font-size:2em; color:#1a4275; font-family:notokrB, sans-serif; margin-bottom:5px; }
.prod_v_area .prod_b_txt { font-size:0.938em; word-break:keep-all; color:#444; line-height:1.5; margin-bottom:20px; }

.prod_v_area .top_w{ overflow:hidden;}
.prod_v_area .top_w .b_img { float:left; }
.prod_v_area .top_w .b_img { border:1px solid #666; padding:20px; overflow:hidden; text-align:center; background:#fff; box-sizing:border-box; width:60%; float:left; height:341px !important; }
.prod_v_area .top_w .s_img { float:right; width:40%; }
.prod_v_area .top_w .s_img ul { margin:-14px 0 0 0; overflow:hidden; }
.prod_v_area .top_w .s_img li { float:left; width:50%; }
.prod_v_area .top_w .s_img li a { display:block; margin:14px 0 0 14px; border:1px solid #ccc; height:163px !important; padding:10px; box-sizing:border-box; transition:0.2s; }
.prod_v_area .top_w .s_img li a img { opacity:0.7; }
.prod_v_area .top_w .s_img li a.on { border-color:#666; }
.prod_v_area .top_w .s_img li a.on img { opacity:1; }

.prod_v_area .spec_area { margin-top:50px; }
.prod_v_area .spec_area .top_tit { border-bottom:2px solid #666; margin-top:40px; padding-left:0; }
.prod_v_area .spec_area .top_tit:before { display:none; }
.prod_v_area .spec_area .spec_cont { margin:15px 0; }
.prod_v_area .spec_area dl { overflow:hidden; padding-bottom:10px; }
.prod_v_area .spec_area dl dt { float:left; width:13%; font-weight:600; color:#222; }
.prod_v_area .spec_area dl dd { float:right; width:85%; }
.prod_v_area .spec_area dl dd p { font-size:0.938em; color:#444; position:relative; padding-left:13px; margin-bottom:10px; }
.prod_v_area .spec_area dl dd p:before { content:""; width:3px; height:3px; background:#069; position:absolute; left:0; top:8px; }


/**/	
.sort_box {}
.sort_box ul{ overflow:hidden; margin-left:-25px;}
.sort_box ul li{ float:left; width:33.33%; margin-bottom:25px;}
.sort_box ul li .in_w{ text-align:left; border:1px solid #ddd; padding:30px; margin-left:25px; overflow:hidden; position:relative;  z-index:inherit;}
.sort_box ul li .in_w p{ position:relative; word-break:keep-all;}
.sort_box ul li .in_w p.img_w{ width:100%; text-align:center;}
.sort_box ul li .in_w p.title{ font-size:1.375em; color:#00388b; margin-bottom:25px; font-family:notokrM, sans-serif; text-align:center; }
.sort_box ul li .in_w .more{ position:absolute; z-index:inherit; right:-1px; bottom:-1px; width:35px; height:30px; background: url(../images/sub/intro_more.png) no-repeat center center #0090d6; filter:alpha(opacity=0);opacity:0; transition:0.4s}
.sort_box ul li .in_w:hover .more{filter:alpha(opacity=100);opacity:1;}

/**/
.sub_bis_bg{ background-image:url(../images/sub/bis_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_bis_w { padding:100px 0 0 0;}
.bis_w  {}
.bis_w .tit {font-family:notokrB; font-size:3.125em; padding-bottom:50px; text-align:center; }
.bis_w .txt {font-family:notokrB; font-size:2.125em; padding-bottom:40px; text-align:center;}
.bis_w .txt.st {font-size:1.875em;}
.bis_w .in_txt {font-family:notokrR; font-size:1.438em; margin:0 auto; width:100%; max-width:800px; line-height:1.4; color:#231815; text-align:justify; text-justify:inter-cluster; letter-spacing:-1.2px;}
.bis_w .in_txt.st_cloud {max-width:790px; text-align:center !important;}
.bis_w .in_txt.iot_st {max-width:780px; text-align:center !important;}

.bis_w .in_txt.st {text-align:center; width:100%; max-width:825px;}
.bis_w .in_txt.st2 {width:50%;}
.bis_w .in_txt.st3 {max-width:709px;}
.bis_w .in_txt.st4 {max-width:793px; text-align:center}


.bis_w .sub2_4_t {display:block;}

.bis_m {overflow:hidden;  margin:60px 0 30px 0;}
.bis_m  {text-align:center;}
.bis_m > li {display:inline-block; margin:0 20px;}
.bis_m > li .li_in {width:130px; height:130px; padding:10px; text-align:center;  border-radius:50%;  line-height:1.4; font-size:1.188em;  margin:auto; font-family:notokrM; }
.bis_m > li .li_in.col1 {background:#002f7c; color:#fff;}
.bis_m > li .li_in.col2 {background:#fad806; color:#231815; position:relative;}
.bis_m > li .li_in.col2:before {position:absolute; content:""; width:50px; height:1px; background:#231f20; left:-49px; top:70px;}
.bis_m > li .li_in.col2.st:after {position:absolute; content:""; width:50px; height:1px; background:#231f20; right:-50px; top:70px;}

.bis_img {text-align:center; padding:30px 0 100px 0;}
.bis_img.st {padding:60px 0 100px 0;}





/**/
.more_btn {text-align:right;}
.more_btn .in_btn { right:-1px; bottom:-1px; width:35px; height:30px; background: url(../images/sub/intro_more.png) no-repeat center center #0090d6; cursor:pointer; display:inline-block;}


.line_ani{ position:relative; z-index:inherit}
.line_ani .line{ position:absolute; background:#0090d6; width:0; height:0}
.line_ani .line.lineT{ left:0; top:-1px; transition:width 0.4s;}
.line_ani .line.lineR{ right:-1px; top:0; transition:height 0.4s;}
.line_ani .line.lineB{ right:0; bottom:-1px; transition:width 0.4s;}
.line_ani .line.lineL{ left:-1px; bottom:0; transition:height 0.4s;}
.line_ani:hover .line.lineT,
.line_ani:hover .line.lineB{ width:100%; height:2px}
.line_ani:hover .line.lineR,
.line_ani:hover .line.lineL{ width:2px; height:100%}

.line_ani.size1:hover .line.lineT,
.line_ani.size1:hover .line.lineB{ height:1px}
.line_ani.size1:hover .line.lineR,
.line_ani.size1:hover .line.lineL{ width:1px}