@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; }
#header .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%;
background:linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
		background:-webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
		background:-mos-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
		background:-ms-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
		background:-o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
		background-color:rgba(0,0,0,0)}
#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{ display:none;}
#header .scroll .bg{ background:rgba(255,255,255,0.9); transition:all 0.3s;}
#header .scroll .logo{ top:3px;}
#header .scroll .logo a{ background:url(../images/main/header_logo_on.png) no-repeat left center; background-size:100%; width:143px; height:60px; }
#header .scroll .home_menu{ top:20px;}
#header .scroll .home_menu > li > a{ color:#999;}
#header .scroll .gnb_wrap .gnb > li .dp1{ color:#000; font-size:1rem; padding:25px 30px; transition:all 0.3s;}
#header .scroll .allgnb_wrap .allgnb_btn{ top:15px;}
#header .scroll .allgnb_wrap .allgnb{ top:69px;}
#header .scroll .lang .tit .tt{color:#999;}
#header .box{ position:relative; z-index:inherit}

#header .home_menu{ position:absolute; top:30px; 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:12px; left:0;}/*백그라운드 없을때 위치*/
#header .logo a{ display:block; background:url(../images/main/header_logo.png) no-repeat left center; background-size:100%; font-size:0; width:143px; height:60px; }

#header .allgnb_wrap{ float:left; width:65%;}
#header .allgnb_wrap .allgnb_btn{ display:block; background-repeat:no-repeat; background-position:center; background-image:url(../images/inc/allmenu.png); width:35px; height:35px; position:absolute; right:0; top:25px;}
#header .allgnb_wrap .allgnb_btn:hover{ background-image:url(../images/inc/allmenu_on.png);}
#header .allgnb_wrap .allgnb_btn.close{ background-image:url(../images/inc/allmenu_close.png);}
#header .allgnb_wrap .allgnb{ position:absolute; z-index:1; left:0; top:84px; width:100%; overflow:hidden; display:none; border:1px solid #ddd;border-bottom:2px solid #c91614; 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{display:inline-block; width:100%;}
#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:1.250em; font-size:1.250rem; color:#fff; padding:30px; font-family:ns, sans-serif; transition:all 0.3s;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#00c7eb; }

#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; }



#footer{ background:rgba(0,0,0,0.6);}
#footer .footer_info_wrap{ padding:30px 0 30px 0}
#footer .footer_info_wrap .footer_info{ float:left; width:52%}
#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-weight:600; font-size:0.938em; margin-bottom:10px; color:#fff;}
#footer .footer_info_wrap .footer_info .copyright{ display:block; margin-top:20px; 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 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_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:50px 20px 150px 20px}
#contents .sub_visual{ background-position:center top; background-repeat:no-repeat;}
#contents .sub_visual .box1{ position:relative; z-index:inherit; height:400px; overflow:hidden}

#contents .sub_visual.bg_1{ background-image:url(../images/inc/suv_visual_1.jpg)}
#contents .sub_visual.bg_2{ background-image:url(../images/inc/suv_visual_2.jpg)}
#contents .sub_visual.bg_3{ background-image:url(../images/inc/suv_visual_3.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_5.jpg)}
#contents .sub_visual.bg_6{ background-image:url(../images/inc/suv_visual_6.jpg)}
#contents .sub_visual.bg_7{ background-image:url(../images/inc/suv_visual_7.jpg)}
#contents .sub_visual.bg_guide{ background-image:url(../images/inc/suv_visual_guide.jpg)}

#contents .sub_visual .slogan{ padding-top:190px; text-align:center}
#contents .sub_visual .slogan .t1{ font-family:'Lato', sans-serif; font-size:2.188em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.6); filter:alpha(opacity=0);opacity:0;}
#contents .sub_visual .slogan .t2{ font-family:notokrR; font-size:1em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.6); 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; bottom:-100px; filter:alpha(opacity=80); opacity:0.5;}
#contents .sub_visual .sub_gnb .gnb .dp2 > li > a{ display:block; text-align:center; background:#fff; filter:alpha(opacity=70);opacity:0.7; padding:18px 10px; font-size:0.875rem; line-height:1; font-weight:600; margin-left:1px; transition:0.3s}
#contents .sub_visual .sub_gnb .gnb .dp2 > li:hover > a,
#contents .sub_visual .sub_gnb .gnb .dp2 > li.on > a{filter:alpha(opacity=100);opacity:1;}


#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}



/* 개인정보처리방침*/
.page_sec{ margin-bottom:40px}
.page_sec2{ margin-top:30px}
.page_sec3{ margin-top:20px}

.sub_agree_wrap{ font-size:14px; font-size:.875rem; border:1px solid #ddd; border-top:2px solid #666; padding:30px; line-height:1.5}
.sub_agree_wrap .con{ height:150px; overflow-y:scroll}
.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:15px; font-weight:bold; color:#333; }
.sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }


/*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 #0934a3; border-bottom:1px solid #0934a3; text-align:center; font-size:1.063em; color:#0934a3; padding:12px 0;}
.sitemap .gnb > li:hover .dp1{ background:#0934a3; 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;}



/* 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:13%; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.5) }
.section .slogan span { color:#fff; font-family:ns; display:block;}
.section .slogan span.sm { font-size:1.563em; position:relative; padding-top:30px; line-height:1.5; }
.section .slogan span.big { font-size:3.5em; font-family:Lato, sans-serif; line-height:1.6;  }
.section .slogan span.sm:before { content:""; background:#c91614; width:60px; height:4px; position:absolute; left:50%; top:0; margin-left:-30px; }

.online_box {margin-top:50px;}
.box1.online_box .online_in {width:60%; margin:0 auto;}
.box1.online_box .online_in ul {overflow:hidden; }
.box1.online_box .online_in ul li {float:left;}
.box1.online_box .online_in .online_in_pd {padding:30px 0;}

.box1.online_box .online_in ul .online_in_01 {background:rgba(48, 121, 237, 0.9); width:25%; height:170px}
.box1.online_box .online_in ul .online_in_01 p {color:#fff; text-align:center;  font-size:1.125em; font-weight:600; font-family:ns;}
.box1.online_box .online_in ul .online_in_01 .txt {margin-top:20px;}


.box1.online_box .online_in ul .online_in_02 {background:rgba(1, 134, 82, 0.9); width:25%; height:170px}
.box1.online_box .online_in ul .online_in_02 p {color:#fff; text-align:center;  font-size:1.125em; font-weight:600; font-family:ns;}
.box1.online_box .online_in ul .online_in_02 .txt {margin-top:20px;}


.box1.online_box .online_in ul .online_in_03 {background:url(../images/main/main_icon_03.png) no-repeat left -10px bottom -10px rgba(255, 255, 255, 0.9); width:50%; height:170px }

.box1.online_box .online_in ul .online_in_03 p { text-align:left; font-family:ns;}
.box1.online_box .online_in ul .online_in_03 .font_tit {font-size:1.125em; padding:0 0 30px 120px; font-weight:600; color:#333;}
.box1.online_box .online_in ul .online_in_03 .font_bold {font-size:1.125em; padding:0 0 7px 120px; font-weight:600; font-size:1.750em; color:#333;}
.box1.online_box .online_in ul .online_in_03 .font_red {font-size:1.125em; padding:0 0 20px 120px; font-weight:600; position:relative; font-size:1.000em; color:#333; }
.box1.online_box .online_in ul .online_in_03 .font_red::before {color:#c91614; content:""; position:absolute; width:68%; height:1px; background:#000; bottom:96px; right:0;}







.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:#0065d6; }
.section .board .info_box .tt { background:#28a793; }
.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:180px; width:1200px; margin-left:-600px; text-align:center;}
.section .mouse.top1{ bottom:80px;}
.section .mouse.top2{ bottom:160px;}
.section .mouse.last{ bottom:200px;}

.section .mouse a{opacity:.7}
.section .mouse a:hover{ opacity:1}
.section .mouse a span.txt1{ color: #fff;}

.section .mouse span.txt1{ font-size:0.875em; color:#fff; font-family:notokrM; display:block; margin-top:3px;}

#fullpage{ z-index:1000000001;}
.section{}
.section .inner{ position:relative; height:100%;}
.section .inner .pd_st{}
.section .inner1 .pd_st,
.section .inner2 .pd_st{ padding-top:10%;}
.section .inner3 .pd_st{ padding-top:10%;}
.section .inner4 .pd_st{ padding-top:14%;}
.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:2.5em; margin-bottom:8px; }
.section .main_tbox .main_txt { font-size:1.063em; 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:#202953; 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:33.33%; }
.section .inner1 .con .bn > li .inner { margin:15px 0 0 15px; cursor:pointer; height:360px; cursor:pointer; position:relative; background-repeat:no-repeat; background-position:left 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 .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%; height:360px; text-align:center; transition:.4s;}
.section .inner1 .con .bn > li .tt1 { filter:alpha(opacity=100); display:block; opacity:1; font-size:1.5em; color:#fff; font-family:notokrM, sans-serif; letter-spacing:-0.5px; }
.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:20px; }
.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; top:-30px;}
.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; overflow:hidden; }
.section .con .result_tab li { float:left; width:25%; 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; }
.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:50px 0; margin-top:20px; position:relative; background:rgba(1, 58, 123, 0.4) url(../images/main/partner_bg.png) no-repeat right -155px center; }
.section .con .partner .box1 { max-width:1080px; }
.section .con .partner ul { margin:-20px -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:20px 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; border:1px solid #ddd; box-sizing:border-box; padding:40px 20px 40px 20px; background:#fff; }
.section .con .partner ul li .inner .img img { max-height:80px; 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:rgba(200, 22, 20, 1); font-size:0; text-indent:-9999px; background-repeat:no-repeat; position:absolute; top:50%;
margin-top:-15px; }
.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:165px; 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.50;}
#section3 .con_bg{ background:#0090d6; filter:alpha(opacity=20); opacity:0.20;}
#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 0 10px; border-radius:50px; text-align:right; font-size:0.75em; font-weight:600; line-height:2; 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:#c91614; color:#fff; opacity:1}
#nav > li > a.on .circle{background:#c91614; transition:.3s;}





/*상세페이지 디자인*/


/*1_1 인사말*/
.page_tit{ background:url(../images/sub/tit_icon2.png) no-repeat left center; color:#222; font-family:notokrM; font-size:1.25em; margin:0 0 10px 0; padding-left:35px; }
.page_tit span.color1{ color:#222;}

.page_tit2{ background:url(../images/sub/tit_icon2.png) no-repeat left center; color:#222; font-family:notokrM; font-size:1.25em; margin:50px 0 10px 0; padding-left:35px; }
.page_tit2 span.color1{ color:#222;}

.greet_w{ overflow:hidden; background:url(../images/sub/1_1bg1.png) no-repeat left top;}
.greet_w .right_w { width:52%; float:right; border-left:1px solid #ccc; padding-left:3%;}
.greet_w .right_w .greet_ti{ font-size:2.125em; line-height:1.4; font-family:ns; margin-top:30px;}
.greet_w .right_w .greet_ti span.color1{ color:#00c7eb;}
.greet_w .right_w .greet_ti span.color2{ color:#0096b1;}
.greet_w .right_w .greet_tx{ font-size:1.563em; color:#777; line-height:1.8; margin-top:30px;}
.greet_w .right_w .greet_tx2{ font-size:1em; color:#777; line-height:1.8; margin-top:25px;}
.greet_w .right_w .last{ margin-top:30px; text-align:right; color:#000; font-size:1.25em; font-family:nm; font-weight:600;}

/*1_2 회사연혁*/
.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:Georgia, "Times New Roman", Times, serif; font-size:2.5em; font-style:italic; color:#fff; padding-top:60px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
.history_top_tit .t2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#fff; margin-top:10px; 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:5px 10px 0 0; text-align:right; font-size:1.563em; color:#0287cb; font-family:Georgia, "Times New Roman", Times, serif; position:relative; }
.his_area .his_cont .list dt:before { content:""; width:7px; height:7px; background:#fff; border:3px solid #00c6ff; 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; }



/*1_3 비전*/
.txt_box1_3 {border:1px solid #ccc; border-radius:5px; background:#f8f8f8; padding:30px; margin-top:120px;}
.txt_box1_3 .ul_text li{font-size:0.938em; color:#666; line-height:1.8; background:url(../images/inc/page_icon3.gif) no-repeat left 11px; padding-left:15px;}
.sub1_3_main_tit {text-align:center; color:#777; font-size:1.125em; font-weight:600; margin-top:20px; line-height:1.8;}
.sub_1_3_vision_img img {margin: 100px 0 90px 0;}
.img_tit {text-align:center; font-size:1.750em; margin:50px 0 60px 0; }
.img_tit:after{content:""; display:block; position:absolute; top:662px; left:50%; width:1px; height:30px; background-color:#25669c;}


/*1_5 찾아오시는길*/
.tb1_sub1_5 {border:1px solid #ddd; margin-top:50px;  }
.tb1_sub1_5 tbody > tr > th {border:1px solid #ccc; font-size:0.875em; padding:10px; background:#f8f8f8; font-weight:normal;
text-align:left; margin-bottom:10px; }
.tb1_sub1_5 tbody > tr > td {font-size:0.875em; line-height:1.6p; padding:10px; color:#333;  }


.sub1_5_map_w {margin-top:50px;}
.car {margin-top: 30px;}
.sub1_5_info {padding-bottom:10px;}
.sub1_5_map p {line-height:2;}
.sub1_5_map h3 {padding-bottom: 8px;}
.sub_txt {padding-left:10px;}
.car_tit {padding-left:7px;}
.car_txt {padding-left:10px;}
.kaki {background:#606d00; color:#fff;}
.blue {background:#003499; color:#fff;}
.green {color:#007a37;}







/*2_1 사업분야*/
.img_box{ border:1px solid #ccc; border-radius:5px; background:#f8f8f8; padding:30px 0;}
.img_box .txt_p{ font-size:1em; color:#fff; line-height:1.6; text-align:center; width:65%; padding:15px 30px; margin:0 auto 30px; background:#025299;}
.img_box .img_p{ text-align:center;}



/*2_3 O/A 장비유지보수서비스*/
.sub2_3_box .sub2_3_img {border:1px solid #ccc; border-radius:5px; padding:25px;}
.sub2_3_box .sub2_3_img ul {overflow:hidden; margin-left:-20px;}
.sub2_3_box .sub2_3_img ul li {float:left; width:12.5%;}
.sub2_3_box .sub2_3_img ul li .li_in {margin-left:20px; text-align:center; vertical-align:middle;}
.sub2_3_box .sub2_3_img ul li .li_in .li_in_tit {color:#125188; font-weight:600; font-size:1.000em;}

.txt_box.sub2_3_txt_box {margin-top:10px;}


.txt_box{ border:1px solid #ccc; border-radius:5px; background:#f8f8f8; padding:30px;}
.txt_box .ul_text li{ font-size:0.938em; color:#666; line-height:1.8; background:url(../images/inc/page_icon3.gif) no-repeat left 11px; padding-left:15px;}
.txt_box .ul_text li.no_img{  background:none;}

.txt_box .ul_text li .tit{ font-size:0.938em; color:#666; line-height:1.8; background:url(../images/inc/page_icon3.gif) no-repeat left 11px; padding-left:15px; }

.txt_box .ul_text .no_img .tit {font-size:1.125em; color:#000; line-height:1.6; margin: 4px 0 3px 0;}
.txt_box .ul_text .no_img .txt {padding-left:20px; }

/*3_overview*/
.sub3_view ul {overflow:hidden; margin-left:-20px;}
.sub3_view ul li {float:left; width:50%; margin-bottom:20px; }
.sub3_view ul li .view_in {border:1px solid #ddd; padding:30px; margin-left:20px; cursor:pointer; position:relative; }
.sub3_view ul li .view_in .view_tit {color:#00388b; font-size:1.438em; text-align:center; margin-bottom:20px; font-family:notokrM, sans-serif;}
.sub3_view ul li .view_in .view_more {position:absolute; right:-1px; bottom:-1px; width:33px; height:33px; transition:0.4s; opacity:0; background:url(../images/sub/more_icon.png) no-repeat center center #0090d6; }
.sub3_view ul li .view_in .view_img {width:100%; text-align:center;}
.sub3_view ul li .view_in:hover .view_more{ opacity:1;}

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

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

/*2_1*/
.sub2_1 .img_w100 {border:1px solid #ccc; padding:30px; text-align:center; margin-top:20px; background:#f2f2f2;}
.sub2_1 .txt_w100 {border:1px solid #ccc; padding:30px; background:#f8f8f8; line-height:1.6; position:relative; }
.sub2_1 .txt_w100::before{content:""; position:absolute; width:8%; height:2px; background:#c91614; left:0; top:-1px;}
.sub2_1 .txt_w100::after{content:""; position:absolute; width:8%; height:2px; background:#c91614; right:0; bottom:-1px;}
.sub2_1 .txt_w100 .red {color:#ff3600; font-weight:600;}
.sub2_1 .txt_w100 .sky {color:#215bb9; }
.sub2_1 .txt_w100 .txt_in {margin-top:15px; }
.sub2_1 .txt_w100 .txt_in p {padding-left:15px; background:url(../images/inc/page_icon3.gif) no-repeat left 11px; color:#666; line-height:1.8; font-size:0.875em;}

/*3_1*/
.sub3_1 .img_w100 {border:1px solid #ccc; padding:30px; text-align:center; margin-top:20px; background:#fbfbfb;}
.sub3_1 .txt_w100 {border:1px solid #ccc; padding:30px; background:#f8f8f8; line-height:1.6; position:relative; }
.sub3_1 .txt_w100::before{content:""; position:absolute; width:8%; height:2px; background:#c91614; left:0; top:-1px;}
.sub3_1 .txt_w100::after{content:""; position:absolute; width:8%; height:2px; background:#c91614; right:0; bottom:-1px;}
.sub3_1 .txt_w100 .red {color:#ff3600; font-weight:600;}
.sub3_1 .txt_w100 .sky {color:#215bb9; }
.sub3_1 .txt_w100 .txt_in {margin-top:15px; }
.sub3_1 .txt_w100 .txt_in p {padding-left:15px; background:url(../images/inc/page_icon3.gif) no-repeat left 11px; color:#666; line-height:1.8; font-size:0.875em;}

/*3_4*/
.sub3_1 .img_w50 ul {overflow:hidden; margin-left:-20px;}
.sub3_1 .img_w50 ul li {float:left; width:50%;}
.sub3_1 .img_w50 .left_box { border:1px solid #ccc; margin-left:20px; text-align:center; margin-bottom:15px;}


/*4_1 관계사*/
.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;  }
.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:100%; }
.partner ul li div .title { padding:10px 0; font-size:0.875em; border-bottom:1px dashed #ddd; }
.partner ul li div:hover .img,
.partner ul li div:hover .title { border-color:#666; }







/**/
.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; cursor:pointer; 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;}

.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}

#header .lang{ position:relative;}
#header .lang .tit{ cursor:pointer;}
#header .lang .tit .tt{ position:relative; color:#fff; text-transform:uppercase; display:inline; font-size:.813rem;}
#header .lang .tit .xi{ position:absolute; top:1px; right:.9em;}
#header .lang .tit .xi:before{ content:"\e941"; font-size:.785em;}
#header .lang .list{ position:absolute; top:110%; width:70px; left:50%; margin-left:-45px; right:0; height:0; padding:0 .5em; background:#fff; border:1px solid #666; overflow:hidden; opacity:0; transition:all 0.2s ease-in-out;}
#header .lang .list > li > a{ display:block; margin-top:1px; padding:1em .5em; font-size:.688em; color:#888; letter-spacing:0; text-transform:uppercase;}
#header .lang .list > li:first-child > a{ margin-top:0;}

#header .lang .list > li:hover > a,
#header .lang .list > li.on > a{ background:#f1f1f1; color:#000;}
#header .lang:hover .tit .tt{color:#fff}
#header .lang:hover .list{ height:auto; padding-top:.5em; padding-bottom:.5em; opacity:1;}
@media screen and (max-width:1600px){
#header .gnb_wrap .gnb > li .dp1{ display:block; font-size:1rem; color:#fff; padding:40px 20px; font-weight:600; }

.visual_wrap .img{ background-size:cover;}
.slogan{ padding-top:10%;}
.section .inner1 .pd_st,
.section .inner2 .pd_st,
.section .inner3 .pd_st{ padding-top:5%;}

}

@media all and (max-width:1200px){


}

@media all and (max-width:1023px){
	#header .allgnb_wrap .allgnb_btn{display:none;}
	#header .gnb_wrap .gnb > li .dp1{padding:12px 20px;}

	.sub_intro_menu_wrap > li .sub_intro_menu{padding:15px;}
	.sub_agree_wrap .con{font-size:0.8em;}
	#footer .footer_info_wrap .footer_info{max-width:60%;}


}

@media all and (max-width:940px){
	#header .logo{float:none; width:100%;}
	#header .logo a{ display:block; margin:0 auto;}
	#header .gnb_wrap{ float:none; margin-left:0; display:block; text-align:center;}
	#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; font-size:.813rem; color:#777; padding:8px 12px; width:149px; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; }

	#header .gnb_wrap .gnb > li .dp2{ width:150px; margin-left:-75px;  }

	.main_visual .slides{height:400px;}
	.main_visual .slides > li{height:400px;}
	.main_visual .slogan .t1{font-size:20px;}
	.main_visual .slogan .t2{font-size:10px;}

	#contents .sub_visual .sub_gnb .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; width:20%; position:relative; bottom:-100px; filter:alpha(opacity=0);opacity:0;}
	#contents .sub_visual .sub_gnb .gnb .dp2 > li > a{ display:block; border-right:1px solid #ddd; text-align:center; background:#fff; filter:alpha(opacity=70);opacity:0.7; padding:15px 10px; font-size:0.875rem; line-height:1; font-weight:600;}

	#contents .sub_visual .slogan{ padding-top:155px; text-align:center}



}

@media all and (max-width:768px){
	#contents .doc{padding:40px 10px 50px 10px;}

	.open.m_gnb{display:block;}

	#header .home_menu{margin-top:10px; margin-bottom:0px; float:left;}
	#header .logo{float:inherit;}
	#header .logo > a{background-size:100%; width:140px; margin:0 auto;}
	#header .gnb_wrap .gnb{display:none;}
	#header .home_menu > li.m_dis{display:none;}
	#header .cl{ clear:none !important;}

	#contents .sub_visual .box1{ position:relative; z-index:inherit; height:200px; overflow:hidden}
	#contents .sub_visual .sub_gnb .gnb .dp2 > li{width:20%;}
	#contents .sub_visual .sub_gnb .gnb .dp2 > li > a{padding:12px 5px; font-size:0.7rem;}
	#contents .sub_tit_wrap .sub_nav{margin-top:9px; margin-right:0;}
	#contents .sub_tit_wrap .sub_tit{margin-left:0;}
	#contents .sub_visual .slogan{ padding-top:85px; text-align:center}


	#footer .footer_info_wrap{padding:20px 0 30px 0;}
	#footer .footer_gnb_wrap .footer_gnb{display:none;}
	#footer .footer_menu_wrap .footer_menu{text-align:center;}
	#footer .footer_menu_wrap .footer_menu > li{float:inherit; display:inline-block; *display:inline; zoom:1; }
	#footer .footer_info_wrap .footer_info{float:inherit; text-align:center; max-width:100%;}
	#footer .footer_info_wrap .footer_info dt, #footer .footer_info_wrap .footer_info dd{margin:3px 5px;}
	#footer .footer_info_wrap .footer_etc{ display:none;}
	#footer .footer_info_wrap .footer_etc .site .site_btn{line-height:27px;}
	#footer .footer_info_wrap .footer_etc .site .site_list{bottom:27px;}
	#footer .footer_menu_wrap .footer_menu > li > a{padding:0 7px;}
	#footer .footer_menu_wrap .footer_menu > li.m_dis{display:none;}
	#footer .footer_info_wrap .footer_etc .gotop{height:27px; background:none;}
	#footer .footer_info_wrap .footer_etc .gotop .tt{padding-top:11px;}

	#header .home_menu{ top:0;}
}
@media all and (max-width:530px){

}

@media all and (max-width:420px){

}