@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;}*/
.box1{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:rgba(0,0,0,0.2);/* box-shadow:0px 0px 10px rgba(0,0,0,0.5)*/}
#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:160px; 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 25px; transition:all 0.3s;}
#header .scroll .allgnb_wrap .allgnb_btn{ top:15px;}
#header .scroll .allgnb_wrap .allgnb{ top:69px;}

#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:185px; 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 20px; 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:50%}
#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_info3{ float:left; width:18%;}


#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:1.5em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.6); padding-top:20px; 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:50%; width:2000px; margin-left:-1000px; 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.4; }
.section .slogan span.big { font-size:3.5em; font-family:Lato, sans-serif; line-height:1.4; margin-top:30px;}
.section .slogan span.sm:before { content:""; background:#c91614; width:60px; height:4px; position:absolute; left:50%; top:0; margin-left:-30px; }


.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: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{}
.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:#184e6d; filter:alpha(opacity=90);opacity:0.9;}
.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:200px; 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:200px; 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: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:#cd6812; filter:alpha(opacity=90); opacity:0.9;}
.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 .inner1 .con .bn2{ margin:0px 0 0 -15px; overflow:hidden;}
.section .inner1 .con .bn2 > li{ float:left; width:50%;}
.section .inner1 .con .bn2 > li .inner { margin:15px 0 0 15px; cursor:pointer; height:200px; cursor:pointer; position:relative; background-repeat:no-repeat; background-position:left top; transition:.4s; }
.section .inner1 .con .bn2 > li.st4 .inner { background-image:url(../images/main/cont1_bn4_img.jpg)}
.section .inner1 .con .bn2 > li.st5 .inner { background-image:url(../images/main/cont1_bn5_img.jpg)}
.section .inner1 .con .bn2 > 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 .bn2 > li .tt { position:absolute; z-index:inherit; top:0; left:0; width:100%; height:200px; text-align:center; transition:.4s;}
.section .inner1 .con .bn2 > 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 .bn2 > li .tt2 { box-sizing:border-box; padding:30px; filter:alpha(opacity=0); opacity:0; top:20px; text-align:left; }
.section .inner1 .con .bn2 > 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 .bn2 > li .tt2 .txt { font-size:0.875em; color:#fff; line-height:1.4; }
.section .inner1 .con .bn2 > 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 .bn2 > li:hover { background-position:right top;}
.section .inner1 .con .bn2 > li:hover .bg { background:#cd6812; filter:alpha(opacity=90); opacity:0.9;}
.section .inner1 .con .bn2 > li:hover .tt1 { filter:alpha(opacity=0);opacity:0; top:-30px;}
.section .inner1 .con .bn2 > 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.7) 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; height:170px; border:1px solid #ddd; box-sizing:border-box; padding:0; background:#fff; overflow:hidden; }
.section .con .partner ul li .inner .img img { max-height:170px; display:inline-block !important; }
.section .con .partner ul li .inner .txt{ position:absolute; z-index:inherit; width:100%; height:40px; 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 인사말*/
.greet_wrap{ overflow:hidden; position:relative;}
.greet_wrap .line{ position:absolute; width:60px; height:4px; background:#00c7eb; left:50%; margin-left:-150px; top:20px;} 
.greet_wrap .left{ float:left; width:40%;}
.greet_wrap .right{ float:left; width:60%;}
.greet_wrap .right .in_c{ padding-left:50px;}
.greet_wrap .right .in_c .tit1{ font-size:1.5em; color:#111; line-height:1.4; margin-top:15px; font-family:ns;}
.greet_wrap .right .in_c .tit1 span{ font-weight:600; color:#00c7eb;}
.greet_wrap .right .in_c .t_line{ font-size:0.75em; font-weight:200; color:#999; letter-spacing:0.5em; margin:20px 0 40px; text-transform:uppercase; }
.greet_wrap .right .in_c .txt1{ font-size:0.938em; color:#111; font-weight:200; line-height:1.6;}
.greet_wrap .right .in_c .last{ margin-top:60px; color:#111; font-size:1.25em; font-weight:600; font-family:'nm'; }


/*1_2 회사연혁*/
.color_box{ overflow:hidden; padding:40px 30px; border:1px solid #ccc; margin-top:30px; }
.color_box.bg1{background:#f2f2f2; }
.color_box.bg2{background:#f8f8f8; }
.color_box .left_box{ float:left; width:66%;}
.color_box .right_box{ float:right; width:30%;}

.bg2 .left_box{ float:right; width:66%;}
.bg2 .right_box{ float:left; width:30%;}

.color_box .txt_tit{font-size:1.25em; color:#111; font-family:ns; background:url(../images/sub/tit_icon2.png) no-repeat left top; padding-left:35px; margin-bottom:20px;}
.color_box .in_box2{ background:#fff; border:1px solid #ccc; padding:20px;}
.color_box .in_box2 .ul_stt li{ font-size:0.875em; line-height:1.6; color:#666; display:inline-block;}

/*1_3 찾아오시는 길*/
.map_1_3{}
.map_info{ margin-top:30px;}
.map_info .tbl_st2 { border:1px solid #ccc; padding:0px; margin-bottom:10px;  font-size:13px; border-top:2px solid #cd6812;  }
.map_info .tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:15px 20px; vertical-align:middle; }
.map_info .tbl_st2 tbody td { color:#555555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:15px 20px; vertical-align:middle; }
.map_info .tbl_st2 tbody th .xi{ font-size:2em; vertical-align:bottom; color:#abc10b;}


/*2_1 제품페이지*/
.prod_wrap{ overflow:hidden; margin-bottom:100px;}
.prod_wrap .img_w{ float:left; width:45%}
.prod_wrap .txt_w{ float:right; width:50%;}
.prod_wrap .img_w .img_box{ overflow:hidden;}

.prod_wrap .l_view2{ overflow:hidden;}
.prod_wrap .l_view2 .big_img{}
.prod_wrap .l_view2 .big_img .border_dv{border:1px solid #ccc; text-align:center;}
.prod_wrap .l_view2 .big_img .border_dv img{width:100%;}

.prod_wrap .l_view2 .small_img{}
.prod_wrap .l_view2 .small_img ul{ overflow:hidden; margin:10px 0 0 -10px;}
.prod_wrap .l_view2 .small_img ul li{ float:left; width:33.33%; margin-bottom:12px; cursor:pointer;}
.prod_wrap .l_view2 .small_img ul li .border_dv{ border:1px solid #ccc; box-sizing:border-box; background:rgba(0, 0, 0, 0.3); margin:0 0 0 10px;}
.prod_wrap .l_view2 .small_img ul li.on .border_dv{border:1px solid #48e7c8; box-sizing:border-box; transition:0.2s; }

.prod_wrap .txt_w{}
.prod_wrap .txt_w .in_w{}
.prod_wrap .txt_w .in_w .title1{ font-size:1.5em; color:#666; font-family:notokrM;}
.prod_wrap .txt_w .in_w .line{ width:100%; height:3px; background:#111; margin:20px 0;}

.prod_wrap .txt_w .in_w .option_w{ overflow:hidden;}
.prod_wrap .txt_w .in_w .option_w .op_li{}
.prod_wrap .txt_w .in_w .option_w .op_li div.in_op{}

.prod_wrap .txt_w .in_w .tit1{ font-size:1.125em; color:#666; font-family:notokrM; margin-bottom:10px;}
.prod_wrap .txt_w .in_w .tit2{ font-size:1.125em; color:#666; font-family:notokrM; margin-bottom:10px; margin-top:20px;}
.prod_wrap .txt_w .in_w .opti{ border:1px solid #ccc;  padding:15px 20px;}
.prod_wrap .txt_w .in_w .opti .txt1{ color:#666; font-size:0.875em; line-height:1.6;}

.prod_wrap .txt_w .in_w .opti .txt_ex{ color:#666; font-size:0.875em; line-height:1.6;}
.prod_wrap .txt_w .in_w .btn_w{ margin-top:37px; text-align:right;}
.prod_wrap .txt_w .in_w .btn_w p{ display:inline-block;}
.prod_wrap .txt_w .in_w .btn_w p .view_btn{ font-size:1.25em;}
.prod_wrap .txt_w .in_w .btn_w p .view_btn.s1{ width:200px; height:50px; line-height:50px;}
.prod_wrap .txt_w .in_w .btn_w p .view_btn.c1{ border:1px solid #779c2e; background:#fff; color:#779c2e; transition:all 0.3s;}
.prod_wrap .txt_w .in_w .btn_w p .view_btn.c1:hover{ border:1px solid #779c2e; background:#779c2e; color:#fff;}

.over_title{font-size:1.5em; font-family:notokrM; margin-bottom:20px; margin-left:5px; color:#111;}
.over_title .xi{ margin-right:5px;}
.over_line{ width:100%; height:1px; background:#ccc; margin:20px 0;}
.prod_over p.img{ text-align:center;}


/*제품 슬라이드*/
.another_prod.flexslider{ margin:0 0 0 0; padding:20px 20px; background:#f9f9f9; border:1px solid #bbb; position:relative; z-index:10;}
.another_prod.flexslider .title{font-size:1.125em; font-family:notokrM; margin-bottom:20px; margin-left:5px; color:#779c2e;}
.another_prod.flexslider .title .xi{ margin-right:5px;}
.another_prod.flexslider .slides{overflow:hidden;}
.another_prod.flexslider .slides > li .border_dv{margin:0 5px 10px 5px; border:1px solid #ddd; background:#fff; transition:0.2s;}
.another_prod.flexslider .slides > li .border_dv:hover{border:1px solid #48e7c8; box-shadow:2px 2px 6px 2px rgba(0, 0, 0, 0.2);}
.another_prod.flexslider .slides > li .border_dv:hover .name{color:#48e7c8;}
.another_prod.flexslider .slides > li .name{font-size:1em; color:#222; padding:10px 10px 5px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.another_prod.flexslider .slides > li .name2{font-size:1em; color:#222; padding:15px 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.another_prod.flexslider .flex-direction-nav .flex-prev{position:absolute; left:0; top:50%; margin-top:-26px; width:53px; height:53px; font-size:0; z-index:12; background:url(../images/inc/another_arr_prev.png) no-repeat;}
.another_prod.flexslider .flex-direction-nav .flex-next{position:absolute; right:0; top:50%; margin-top:-26px; z-index:12; width:53px; height:53px; font-size:0;  background:url(../images/inc/another_arr_next.png) no-repeat;}


/*인테리어*/
.over_wrap_w{ overflow:hidden;}
.over_wrap_w .in_box_w{ float:left; width:65%;}
.over_wrap_w .in_box_w .inner{ border:1px solid #ccc; padding:20px;}

.over_wrap_w .right_t_w{ float:left; width:32%; margin-left:3%;}
.over_wrap_w .right_t_w .tit1{ font-size:1.5em; font-family:ns; color:#111;}
.over_wrap_w .right_t_w .line1{ width:100%; height:3px; background:#779c2e; margin:20px 0;}
.over_wrap_w .right_t_w .date1{ font-size:1.125em; font-family:ns; color:#333; margin-top:30px; background:url(../images/inc/tit_l_icon.jpg) no-repeat left top; padding-left:15px;}
.over_wrap_w .right_t_w .date2{ border:1px solid #ccc; padding:15px; font-size:0.875em; margin-top:10px; color:#666;}
.over_wrap_w .right_t_w .ex1{ font-size:1.125em; font-family:ns; color:#333; margin-top:30px; background:url(../images/inc/tit_l_icon.jpg) no-repeat left top; padding-left:15px;}
.over_wrap_w .right_t_w .ex2{ border:1px solid #ccc; padding:15px; font-size:0.875em; margin-top:10px; color:#666; line-height:1.6; margin-bottom:30px;} 

.in_box_w .slide_gallery .big_gall{ position:relative; border:1px solid #ddd;}
.in_box_w .slide_gallery .big_gall .flex-direction-nav li a{ position:absolute; z-index:9999; top:230px; text-indent:9999px; display:block; width:40px; height:69px; border:none;}
.in_box_w .slide_gallery .big_gall .flex-direction-nav li a.flex-prev{ left:10px; background:url(../images/inc/arrow_l.png) no-repeat;}
.in_box_w .slide_gallery .big_gall .flex-direction-nav li a.flex-next{ right:5px; background:url(../images/inc/arrow_r.png) no-repeat;}

.in_box_w .slide_gallery .sm_gall{ position:relative;}
.in_box_w .slide_gallery .sm_gall .flex-direction-nav li a{ position:absolute; z-index:9999; top:35px; text-indent:9999px; display:block; width:30px; height:30px; border:none;}
.in_box_w .slide_gallery .sm_gall .flex-direction-nav li a.flex-prev{ left:10px; background:url(../images/inc/arrow2_l.png) no-repeat;}
.in_box_w .slide_gallery .sm_gall .flex-direction-nav li a.flex-next{ right:5px; background:url(../images/inc/arrow2_r.png) no-repeat;}

.in_box_w .slide_gallery .big_gall { text-align:center; position:relative; margin-bottom:15px; }
.in_box_w .slide_gallery .sm_gall { overflow:hidden; margin-left:-10px;}
.in_box_w .slide_gallery .sm_gall .slick-list { margin:0 0 0 -10px; position:relative; }
.in_box_w .slide_gallery .sm_gall li a { margin-left:10px; border:3px solid #aaa; transition:0.3s; position:relative; display:block; }
.in_box_w .slide_gallery .sm_gall li a img { opacity:0.7; transition:0.3s; } 
.in_box_w .slide_gallery .sm_gall li.flex-active-slide a{ border-color: #333;}
.in_box_w .slide_gallery .sm_gall li.flex-active-slide a img{ opacity:1;}
.in_box_w .slide_gallery .sm_gall li.slick-current > a { border-color:#ed7318; }
.in_box_w .slide_gallery .sm_gall li.slick-current > a img { opacity:1; }





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


/*@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;}


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

}

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

}
*/