@charset "utf-8";

@import url("global.css");



/* 닷메뉴*/
@media only screen and (min-width: 320px){
#dotmenu {width:100%;}
#dotmenu ul {margin:0;padding:0;list-style:none;}
#dotmenu ul li { float:left;width:25%;display: inline-block;}
#dotmenu ul li a {text-align:center;display:block;padding:10px 0 10px;font-size:11px;background-color:#444;color:#fff;border-right:1px solid #222;border-bottom:1px solid #222;}
#dotmenu ul .last {border-right:0;}
}
@media only screen and (max-width: 320px){
#dotmenu {width:320px;}
#dotmenu ul {margin:0;padding:0;list-style:none;}
#dotmenu ul li { float:left;width:80px;display: inline-block;}
#dotmenu ul li a {text-align:center;display:block;padding:10px 0 10px;font-size:11px;background-color:#444;color:#fff;border-right:1px solid #222;border-bottom:1px solid #222;}
#dotmenu ul .last {border-right:0;}
}



/* 상단 카테고리 아이콘*/
#hd_ct {position:absolute;top:15px;left:10px;}



/* 상담 검색 아이콘*/
#hd_sch_open {position:absolute;top:15px;right:10px;}


/* 전체메뉴*/
#gnb_open_wb {position:fixed; left:5px; bottom:5px; z-index:99999;}
#gnb_wb {display:none;text-align:left;background:#282828}
#gnb_wb a {display:block;color:#efefef}
.gnb_1da_wb {padding:10px;border-top:1px solid #191919}
.gnb_2dul_wb {background:#383838}
.gnb_2da_wb {padding:10px;border-top:1px solid #282828}
.gnb_2da_wb span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnb_close_wb {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}
#gnb_empty_wb {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty_wb a {display:inline;text-decoration:underline}



/* 탑메뉴*/
#topmenu {clear:both; width:100%;margin-top:10px;}
#topmenu ul {margin:0;padding:0;list-style:none;}
#topmenu ul li { float:left;width:20%;display: inline-block;}
#topmenu .dmd11 {text-align:center;}
#topmenu .dmd11 a {font-size:12px;display:block; padding:10px 0 10px 0; background-color:#0080c0;color:#fff;font-weight:bold;border-right:1px solid #ddd;text-decoration:none;}
#topmenu .dmd11 a:hover  {display:block;  background-color:#2F3237;text-decoration:none;}
#topmenu .dmd11_on a {font-size:12px;text-align:center;display:block;padding:10px 0 10px 0; background-color:#2F3237;color:#fff;font-weight:bold;text-decoration:none;}

#topmenu .dmd21 {text-align:center;}
#topmenu .dmd21 a {font-size:12px;display:block; padding:10px 0 10px 0;background-color:#0080c0;color:#fff;font-weight:bold;border-right:1px solid #ddd;text-decoration:none;}
#topmenu .dmd21 a:hover  {display:block; background-color:#2F3237;text-decoration:none;}
#topmenu .dmd21_on a {font-size:12px;text-align:center;display:block;padding:10px 0 10px 0;background-color:#2F3237;color:#fff;font-weight:bold;text-decoration:none;}

#topmenu .dmd31 {text-align:center;}
#topmenu .dmd31 a {font-size:12px;display:block; padding:10px 0 10px 0;background-color:#0080c0;color:#fff;font-weight:bold;border-right:1px solid #ddd;text-decoration:none;}
#topmenu .dmd31 a:hover  {display:block; background-color:#2F3237;text-decoration:none;}
#topmenu .dmd31_on a {font-size:12px;text-align:center;display:block;padding:10px 0 10px 0;background-color:#2F3237;color:#fff;font-weight:bold;text-decoration:none;}

#topmenu .dmd41 {text-align:center;}
#topmenu .dmd41 a {font-size:12px;display:block; padding:10px 0 10px 0;background-color:#0080c0;color:#fff;font-weight:bold;border-right:1px solid #ddd;text-decoration:none;}
#topmenu .dmd41 a:hover  {display:block; background-color:#2F3237;text-decoration:none;}
#topmenu .dmd41_on a {font-size:12px;text-align:center;display:block;padding:10px 0 10px 0;background-color:#2F3237;color:#fff;font-weight:bold;text-decoration:none;}

#topmenu .dmd51 {text-align:center;}
#topmenu .dmd51 a {font-size:12px;display:block; padding:10px 0 10px 0;background-color:#0080c0;color:#fff;font-weight:bold;text-decoration:none;}
#topmenu .dmd51 a:hover  {display:block; background-color:#2F3237;text-decoration:none;}
#topmenu .dmd51_on a {text-align:center;display:block;padding:10px 0 10px 0;background-color:#2F3237;color:#fff;font-weight:bold;text-decoration:none;}



/* 상단배너*/
.slides_wrap_bt {width:100%;background-color:#fff;height:auto;overflow:hidden;}
.img_slide_bt {width:100%;right:-100%;position:absolute;}
.img_slide_bt {height:auto;}
.slide_buttons_index_bt {text-align: center;}
.notransition_bt,.notransition_bt .slide_bt {-webkit-transition-duration: 0 !important;-moz-transition-duration: 0 !important;-ms-transition-duration: 0 !important;transition-duration: 0 !important;-webkit-transition-delay: 0 !important;-moz-transition-delay: 0 !important;-ms-transition-delay: 0 !important;transition-delay: 0 !important;}
.active_bt {position:relative;background-color:#fff;left:0px;z-index:10;}
#main_top_banner { width:100%;  height:auto;  overflow:hidden; text-align:center; margin-top:0px;margin-bottom:10px; position:relative; float:left; }
#main_top_banner ul {margin:0;padding:0;list-style:none;}
#main_top_banner ul {width:100%;height:auto; text-align:center;}
#main_top_banner ul li {width:100%; height:auto; text-align:center; vertical-align:middle; display:block; float:left;}
#main_top_banner ul li a { display:block;}
#main_top_banner ul li .zoneB { width:100%; float:left; }
#main_top_banner ul li img { width:100%; }
#main_top_banner .Btn { width:100%; top:50%; margin-top:-10px; display:block; position:absolute; vertical-align:middle;}
#main_top_banner .Btn a { position:absolute; display:block;}
#main_top_banner .Btn a.prevBtn { left:10px; }
#main_top_banner .Btn a.nextBtn { right:10px; }
#main_top_banner .Btn a img { width:13px; height:21px; height:auto;}









/* 개인정보취급방침*/
#privacy_page { line-height:180%;margin:20px 5px 30px 5px;text-align:left;color:#444;font-size:14px;font-family : 맑은 고딕, malgun !important;}


/* 찾아오시는길*/
.map_box {height:300px;margin:10px 5px 20px 5px;border:2px solid #DDD;}
.map_explain {text-align:left;margin:10px 5px 20px 5px;line-height:150%;}

/* 고객상담센터*/
#ccenter {width:100%;height:60px;}
#ccenter .co_tel {width:320px;margin:0 auto;text-align:center;}


/* 하단메뉴*/
#lnb_wb_tail {width:100%;border-top:1px solid #dde4e9;border-bottom:1px solid #dde4e9;background:#fafafa;}
#lnb_wb_tail ul {margin:0;padding:0;list-style:none;}
#lnb_wb_tail ul li {float:left;width:25%;display:inline-block;}
#lnb_wb_tail ul li a {display:block;padding:10px 0;color:#333;font-weight:bold;text-align:center;border-right:1px solid #ddd;text-decoration:none;background:#fafafa;}
#lnb_wb_tail ul li a:hover{background:#dfdfdf;}
#lnb_wb_tail ul .last {border-right:0px solid #ddd;}

/*#lnb_wb_tail ul li:nth-of-type(6n) a {border-right:0}*/
/*#lnb_wb_tail ul:after {display:block;visibility:hidden;clear:both;content:""}*/



/* 하단 버튼 메뉴*/
#ft_nmanu_wb {width:100%;margin:0 auto;background:#353840;padding:20px 0 10px 0;}
#ft_nmanu_wb ul {margin:0;padding:0;list-style:none;text-align:center;}
#ft_nmanu_wb ul li {display:inline-block;padding:0px 2px 0px 0px;}
@media screen and (max-width: 321px) {/* 이하일때*/
#ft_nmanu_wb ul li a {padding:10px 7px 10px 7px;height:2.6em;border:0;background:#3D4049;color:#C3C3C3;font-size:11px;letter-spacing:-1px;border:1px solid #26292E;border-radius: 3px;}
}
@media screen and (min-width: 322px) {/* 이상일때*/
#ft_nmanu_wb ul li a {padding:10px 7px 10px 7px;height:2.6em;border:0;background:#3D4049;color:#C3C3C3;font-size:12px;letter-spacing:0px;border:1px solid #26292E;border-radius: 3px;}
}
#ft_nmanu_wb ul li a:hover{text-decoration:none}


/* 하단 copy*/
#ft_copy_wb {padding:10px;background:#353840;color:#9E9E9E;line-height:150%;}
#ft_copy_wb ul {margin:0;padding:0;list-style:none;}
#ft_copy_wb ul li {float:left;display:inline-block;padding:0px 15px 5px 0px;}
#ft_copy_wb ul li a {color:inherit;text-decoration:none}

/* PC화면으로 */
#device_change_wb {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center;background:#444;color:#fff;}