@charset "UTF-8";

@import "membership.css";
@import "product.css";
@import "board.css";


@font-face { font-family:NanumSquare; src: url(../font/NanumSquareR.ttf), url(../font/NanumSquareR.woff) , url(../font/NanumSquareR.eot);  }
@font-face { font-family:NanumGothic; src: url(../font/NanumGothic.ttf), url(../font/NanumGothic.woff) , url(../font/NanumGothic.eot);  }
@font-face { font-family:bmdohyeon;  src: url(../font/BMDOHYEON_ttf.ttf), url(../font/BMDOHYEON_ttf.woff) , url(../font/BMDOHYEON_ttf.eot);  }
@font-face { font-family:NanumBrush; src: url(../font/NanumBrush.ttf), url(../font/NanumBrush.woff) , url(../font/NanumBrush.eot);  }


/*나눔스퀘어*/

.menu_wrap{display:none;}
.member_btn{display:none;}




*{margin:0; padding:0;}
li{list-style:none;}
a{text-decoration:none; color:#000;}
body{letter-spacing: -0.08em;  font-family:NanumSquare, serif;}
button{border:none;} 

/*header*/
#header_top{ overflow:hidden; border-bottom:1px solid #e2e2e2; padding-top:5px; height:50px; margin-top:15px;}
#header_top .inner{width:1200px; margin:0 auto;}
#header_top .util_box{float:right;}  
#header_top .util_box ul li { float: left; padding: 5px 10px 10px 10px; background: url(/theme/basic/shop/img/main/util_box_line.gif) no-repeat 0 7px;}
#header_top .util_box ul li:first-child{background:none;}
#header_top .util_box ul li:hover{font-weight:800;}    
#header_top .util_box ul li a { font-size: 16px; font-family:NanumSquare, serif;}
#header {width:100%; height:80px; padding-top:15px; position:relative; border-bottom: 1px solid #c8cbcd;}


/*로고*/
#header h1{width:310px; margin:0 auto; }
#header .top_zone{width:1200px; margin:0 auto;}
#header .top_zone .left_menu{left:left; margin-top:-10px;}
#header .side_menu{margin-top:38px; float:left; width:270px;font-size:14px;}
#header .side_menu p{ float:left; margin:0px 10px;}
/*#header .all_menu {  margin-top:10px; width:50px; height:50px; background: url(/theme/basic/shop/img/main/all_menu.png)  no-repeat 50% #0d3c96;}
#header .all_menu a{display:block; width:50px; height:50px}
#header .all_menu img{vertical-align: middle; display: block;}*/
#header .inner{/*width:800px;*/ margin: 0 auto;}
#header .pc_menu {display:block; width:1200px; margin: 0 auto; text-align:center; }
#header .m_menu {display:none;}
#header .menu .m_menu_bg {display:none;}


/*search_wrap*/
#search_wrap{width:450px; /*height:120px;*/  overflow:hidden; margin:0 auto; overflow:hidden; margin-top:-100px; /*margin-left:700px;*/ float:right;}
.search_box{margin:0 auto; margin-top:40px; overflow:hidden; float:right; }
.search_box .search_tit{float:left; margin-right:2%; line-height:40px; font-size:17px; font-weight:600;}
.search_word {width:45%; height:40px;border: 1px solid #d3d3d3; box-sizing: border-box;vertical-align: top;}
.search_btn { width: 70px;height:40px;background: #594c44;color: #fff;font-size: 14px;vertical-align: top;  border:none;}
#sch_str{height:40px;  }


#header .menu .dep1 > ul{width:1200px; margin:0 auto;}
#header .menu .dep1 > ul > li {float: left; width:170px; line-height:60px; padding:5px 0; position:relative;  margin-top:10px}
#header .menu .dep1 > ul > li > a{display:block; font-size:20px; font-weight:bold; text-align:center; width:100%; height:70px;}
#header .menu .dep1 > ul > li:hover > a { color:#0d3c96; }
.dep1 > ul > li .dep2{border-top: 1px solid #c8cbcd; display: none; position: absolute;  top: 73px;left: 0; z-index: 101; background:#fff; height: 266px; width: 170px; border-right: 1px solid #ccc;}
#header .menu .dep1 > ul > li:first-child .dep2 {border-left: 1px solid #ccc; width:170px; }
#header .menu .dep1 > ul > li:hover .dep2 {background:#f4f4f4;}
#header .menu .dep1 > ul > li .dep2 > li {line-height:45px;}
#header .menu .dep1 > ul > li .dep2 > li > a{display:block; line-height:45px; width:169px; /*padding: 0 10px;*/ font-size:17px; text-align:center; }
#header .menu .dep1 > ul > li .dep2 > li > a:hover {font-weight:bold; background:#dfdfdf;}
#header .menu .dep1 > ul > li.dep2_ctrl {width:180px;}
#header .menu .dep1 > ul > li.dep2_ctrl .dep2 {width:179px;}
#header .menu .dep1 > ul > li.dep2_ctrl .dep2 > li > a {width:159px;}

#header .menu .dep2-area {background:#fff;  width:100%;  height:266px; border-bottom:1px solid #ccc;  display:none;
                          position:absolute;   top:172px;  left:0;   z-index:100;  border-top: 1px solid #ccc;  margin-top:-15px;}
 
/*.dep2_box{width:400px;  margin:-130px 0 0 -1400px;  }
.dep2_box .dep2_tit{font-size:20px; color:#0d3c96; font-weight:600; margin-bottom:-30px; }
.dep2_box .dep2_txt{font-size:17px;}*/
#header .menu .dep1 > ul > .online > a{color:#fff; /*border:1px solid #ddd;*/ background-color:#0d3c96; border-radius:6px;  height:45px; line-height:45px; margin-top:5px;}
#header .menu .dep1 > ul > .online > a:hover{color:#ddd;}
/*mHeader*/

#mHeader { display: none;}
#mGnb{display:none;}


/*main_visual*/
.vis-area {width:100%; height:auto; position: relative; overflow: hidden;}
.visual {width:100%;  height: 100%; position:relative; overflow:hidden;}
.visual ul {position: relative; width:100%; height:100%; padding-top:42%}
.visual ul li {width:100%; /*height:740px;*/ position: absolute; top:0; left:0; right:0; bottom:0; display:none;}
.visual ul li.cur {display:list-item;}
/*.visual ul li.visual_01 { background: url(/theme/basic/shop/img/main/main_visual_01.jpg) no-repeat; background-size: 100% 100%;}
.visual ul li.visual_02 { background: url(/theme/basic/shop/img/main/main_visual_02.jpg) no-repeat; background-size: 100% 100%;} 
.visual ul li.visual_03 { background: url(/theme/basic/shop/img/main/main_visual_03.jpg) no-repeat; background-size: 100% 100%;}
.visual ul li.visual_04 { background: url(/theme/basic/shop/img/main/main_visual_04.jpg) no-repeat; background-size: 100% 100%;} 
.visual ul li.visual_05 { background: url(/theme/basic/shop/img/main/main_visual_05.jpg) no-repeat; background-size: 100% 100%;}
.visual ul li.visual_06 { background: url(/theme/basic/shop/img/main/main_visual_06.jpg) no-repeat; background-size: 100% 100%;} */


.visual .visual_con {text-align:center; }
.visual .visual_txt {margin-top:18%;}
.visual .visual_txt .visual_txt_t {font-size:40px; color:#fff; margin:110px auto;  text-shadow: 1px 1px 10px #000;}
.visual_txt_t img{max-width:100%;}
.visual .visual_txt .visual_txt_c { text-shadow: 1px 1px 2px #000;color:#fff; font-size:25px; width:250px;margin:0 auto; line-height:80px;  background:rgba(0,0,0,0.3);}
.visual .visual_ctrl {position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -640px; width: 1280px; height: 60px; text-align: center;}
.visual .visual_ctrl button {position:absolute; height:55px;}
.visual .visual_ctrl .prev_visual { left: 0; }
.visual .visual_ctrl .next_visual { right: 0; }


/*오른쪽퀵메뉴 */
#quick {position:fixed; top:280px; left:57%; width:85px;  margin:0 auto; text-align:center; margin-left:520px; z-index:90; }
#quick ul {background:#f6f6f6;/* background:#f6f6f6; background:rgba(250,250,250, 0.5);*/ }
#quick li:hover{font-weight:600; }
#quick a { width:85px;   margin-bottom:10px; text-align:center; font-size:13px;}
#quick .quick_ico{padding:10px 0 10px 0; margin-bottom:10px;}
#quick .quick_txt{text-align:center; padding:10px 0 10px 0;}

#quick .quick_login{color:#fff; border:1px solid #0b85d2;  border-radius: 5px; background-color:#0b85d2; font-size:1em;     width:70px; margin:0 auto;text-align:center; margin-top:20px;    padding:5px 1px;}
#quick .quick_login a{color:#fff;}
#quick #topBtn{ position: absolute;  width:100%; background-color:#555; color:#fff; padding:10px 0 10px 0; margin-top:15px;    display: block;  font-size: 17px; 
                            text-align: center;  border-radius: 5px; cursor: pointer; font-family:NanumSquare, serif;}
#quick #topBtn:hover{color:#ffd400;}

/*first_area*/
#first_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:80px; margin-bottom:30px;}
#first_area .inner{width:1200px; margin:0 auto;  }
.main_tit{font-size:2.2em;  color:#0d3c96; font-weight:600; margin-bottom:20px; font-family:NanumGothic, serif; }
/*.main_tit span{font-size:0.7em; color:#000; font-family:NanumGothic, serif;}*/
#first_area .inner .main_box{ width:1200px; height:760px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

#first_area .contents_first_box1{width:48%; height:370px;  float:left; margin:5px 1px 5px 5px; }
#first_area .main_box_tit1 { font-family:NanumSquare, serif; font-size:1.1em;  color:#fff;  margin-top:100px; text-align:left; padding-left:20px; }
#first_area .main_box_tit2 { font-family:bmdohyeon; font-size:3em;  color:#fff; font-weight:600; margin-top:5px; text-align:left; padding-left:20px; }
#first_area .main_box_txt {border:1px solid #fff; font-size:1.1em;  padding:10px 20px; text-align:center; margin-top:50px; color:#fff;  width:100px; margin-left:20px}
#first_area .main_box_txt:hover {color:#0d3c96; background-color:#fff;}

#first_area .contents_first_box2{ width:25%; height:370px;  float:left; margin:5px 1px 5px 10px; }
#first_area .contents_first_box2 .main_box2_tit1 { font-family:NanumSquare, serif; font-size:1.1em;  color:#fff;  margin-top:100px; text-align:left; padding-left:20px; }
#first_area .contents_first_box3{ width:25%; height:370px;  float:left; margin: 5px 1px 5px 5px; }

#first_area .contents_first_box4{ width:25%; height:370px;  float:left; margin:5px 0 5px -5px; }
#first_area .contents_first_box5{ width:25%; height:370px;  float:left; margin:5px 0 5px -5px; }
#first_area .contents_first_box6{width:49%; height:370px; background: url(/theme/basic/shop/img/main/main_firstarea_6.jpg) no-repeat 100%;  float:left; margin:5px 1px 5px 10px; }

.main_box_product_tit{font-size:1.3em; text-align:left; margin:15px 0 25px 0; padding-left:10px; height:24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;/* 메인컨텐츠 타이틀 넓이 잡아주기*/} 
.main_box_slae_price{font-size:1.3em; text-align:left;padding-left:10px; margin-bottom:10px; font-weight:600;  }
.main_box_price{font-size:1em; text-align:left; padding-left:10px; text-decoration:line-through; float:left; margin-right:10px; color:#6f6f6f;}
.main_box_slae{font-size:1.1em; text-align:left; padding-left:10px; color:#ff0000;}



/*second_area*/
#second_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:80px; margin-bottom:50px;}
#second_area .inner{width:1200px; margin:0 auto;  }

#second_area .contents_second_box{width:25%; height:370px;  float:left;}
#second_area .contents_second_box:hover{opacity:0.8;}
#second_area .image {position:relative; text-align:center; }
#second_area .image div {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; 
                         font-size:1.5em; font-weight:600;  padding:23% 30%; background-color:rgba( 0, 0, 0, 0.3 );
						  /* text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;*/ }

.more{ margin-top:-45px; margin-right:0.5%; float:right;  }
/*.more_page button{ padding:5px 5px;  color:#555; margin-top:-50px; margin-right:1%;
font-family:NanumSquare, serif; background:#fff; float:right; font-size:17px; cursor: pointer; }*/

/*.more_current_page button{border:2px solid #555; color:#555; padding:15px 200px; margin:30px 30px;  font-family:NanumSquare, serif; 
                          background:#fff; text-align:center; font-size:15px; cursor: pointer; }
.more_current_page button:hover{opacity:0.8;}*/


/*third_area*/
#third_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:80px; margin-bottom:50px;}
#third_area .inner{width:1200px; margin:0 auto;  }
#third_area .contents_third_box{width:25%; height:370px;  float:left;}
#third_area .contents_third_box img:hover{opacity:0.8;}
/*middle_banner*/
#middle_banner a .inner{ background:url(/theme/basic/shop/img/main/main_middle_banner.jpg) no-repeat 50%; position: relative;  background-size:100%;  background-size: cover; height:270px; }
/*#middle_banner a .inner{background:url(/theme/basic/shop/img/main/main_middle_banner.jpg) no-repeat; background-size: 100% 100%;}*/

/*best_area*/
#best_area{ background: url(/theme/basic/shop/img/main/main_best_area_bg.jpg) no-repeat 100%; height:790px;
	     width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:80px; margin-bottom:50px;}
#best_area .inner{width:1200px; margin:0 auto;  }

#best_area .contents_best_tit_box1 { float:left; background: url(/theme/basic/shop/img/main/main_fourtharea_bg_210205.jpg) no-repeat 100%; width:29%; height:600px; background-size: cover;}
#best_area .best_tit {font-family:NanumBrush, serif; font-size:3em;color:#222; margin-top:400px;}
#best_area .best_txt {font-family:NanumSquare, serif;font-size:2em;color:#222; margin:0 0 20px 0;}
#best_area .contents_best_tit_box1 .view_more a{font-family:NanumSquare, serif; font-size:1em; color:#222; 
                        border:2px solid #222;  padding:10px 30px; width:150px; margin:0 auto;  background-color:none;}

#best_area .contents_best_tit_box2 { width:70%; height:600px; float:right; background-color:#fff; }
#best_area .contents_best_tit_box2 ul li{width:200px; float:left; margin-right:13px;}
#best_area .contents_best_tit_box2 ul li:nth-child(4n){margin-right:0px;}
#best_area .contents_best_tit_box2 ul li img{width:100%;}
#best_area .contents_best_tit_box2 ul li img:hover{opacity:0.8;}

.main_best_product_tit{font-size:0.9em; text-align:left; margin:10px 0 20px 0; padding-left:10px; height:16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;/* 메인컨텐츠 타이틀 넓이 잡아주기*/}}
.main_best_slae_price {font-size:1em; text-align:left;padding-left:10px; margin-bottom:10px; font-weight:600;  }
.main_best_price      {font-size:0.8em; text-align:left; padding-left:10px; text-decoration:line-through; float:left; margin-right:10px; color:#6f6f6f;}
.main_best_slae       {font-size:0.9em; text-align:left; padding-left:10px; color:#ff0000;margin-bottom:5px; }



	
/*fifth_area*/
#fifth_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:100px; margin-bottom:50px;}
#fifth_area .inner{width:1200px; margin:0 auto;  }
#fifth_area .contents_fifth_box{width:25%; height:370px;  float:left;}
#fifth_area .contents_fifth_box img:hover{opacity:0.8;}


/*sixth_area*/
#sixth_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:100px; margin-bottom:50px;}
#sixth_area .inner{width:1200px; margin:0 auto;  }
#sixth_area .contents_sixth_box{width:25%; height:370px;  float:left;}

#sixth_area .contents_sixth_box img:hover{opacity:0.8;}


/*footer_banner*/
#footer_banner{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:100px; margin-bottom:100px;}
#footer_banner .inner{width:1200px; margin:0 auto;  }
#foot_banner .inner img{margin:5px;}

/*footer_navi*/
#footer_navi {width:100%; border-top:2px solid #ddd; border-bottom:2px solid #ddd;}
#footer_navi .inner { width:1200px; margin:0 auto;   text-align:left;  font-size:17px; overflow:hidden; font-weight:500; padding:10px 10px;}
#footer_navi .inner li{padding-right:30px; float:left;}
#footer_navi .inner li:last-child{padding-right:0;}



/*footer_servicecenter*/
#footer_servicecenter{width:100%; margin:0 auto; overflow:hidden;  background-color:#ddd; }
#footer_servicecenter .inner{width:1200px; margin:0 auto;  overflow:hidden; font-weight:500; padding:20px 20px; }

#footer_servicecenter .inner .contact{width:33%; float:left; }
#footer_servicecenter .inner p{font-size:20px; font-weight:600; margin-bottom:10px;}
#footer_servicecenter .inner li{font-size:17px; line-height:24px; color:#555;}

#footer_servicecenter .contact .footer_tel{font-size:28px; font-weight:600;}
#footer_servicecenter .contact .footer_logo{margin-top:30px;}




/* footer */
#footer {width:100%; background-color:#666; color:#fff;}
#footer .inner{width:1200px; margin:0 auto; }
#footer .footer_info {padding:30px 0; text-align:left; line-height:25px; }
#footer .footer_info .line {display:inline-block; padding:0 10px;}
#footer .footer_info p { font-size:17px; }
#footer .footer_info .copy_adr a{text-decoration:none; color:#fff;}

#footer .footer_info .email{font-size:16px; color:#999;}
#footer .footer_info p.copyright { font-size:16px; color:#999;}
#footer .footer_info .footer_logo2{display:none;}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;border:0px;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../..//theme/basic/shop/img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../..//theme/basic/shop/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../..//theme/basic/shop/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../..//theme/basic/shop/img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}




  /*@media screen and (max-width:1600px){
 /*quick_menu*/
 /*.quick_menu{margin:0px auto;} */
 /*visual*/
 /*.visual .visual_txt .visual_txt_c{margin-top:40px;} 
}*/
 

  

@media screen and (max-width:1600px){

/*header*/
#header{display: none;}
#header .pc_menu{display:none;}
#header_top{display:none;} 

/*mHeader*/
#mHeader {  display: block;    position: relative;    border-bottom: 1px solid #ddd; }
#mHeader .inner {padding:2%;    width: 96%;    height: 70px; }
#mHeader .logo {float: left;   /* height: 60px;*/}
#mHeader .logo img{width:90%; margin-top:-25px;}
#mHeader .m_ulti_btn {float: right; margin-top:-30px;}
#mHeader .m_ulti_btn button {display:block; float:left;width:45px; height:45px;  margin:13px 0 0 5px; border-radius:10px; text-indent:-9999px; overflow: hidden;}
#mHeader .m_ulti_btn .search_btn2 {background: #e2e2e2 url(/theme/basic/shop/img/main/m_sch_btn.png) no-repeat center center;}
#mHeader .m_ulti_btn .all_menu {background: #0d3c96 url(/theme/basic/shop/img/main/all_menu_ico.png) no-repeat center center;}
#mHeader .search_wrap {display: none;  position:absolute;   top:80px;  left:0;  width:96%;  padding:10px 2%; background:#0d3c96; z-index: 50;}
#mHeader .search_wrap input {width: 100%;  height: 38px; padding:0 55px 0 20px; border-radius:19px;  background: #fff; border: 0; box-sizing:border-box;}
#mHeader .search_wrap button {position: absolute;   top:11px;  right:5%; width:50px; height:36px; background:#fff;}

#mGnb{position:fixed; top:0; right:-180%; bottom:0; width:30%; min-width:280px; height:100%; background:#0d3c96;z-index:999;overflow-x:hidden;overflow-y: auto;}
#mGnb .member_btn {padding: 20px 3%;  background: #f2f2f2;  text-align: center;}
#mGnb .member_btn a:hover{font-weight:800;}
#mGnb .member_btn a {display: inline-block;  padding: 5px 0; width: 28%;  color: #999; font-size: 13px; border: 1px solid #ddd; background: #fff;}
#mGnb .menu_wrap {position: relative;  height: 100%;}
#mGnb .menu_tab > li.on > button {color: #0d3c96;    background: #fff;}
#mGnb .menu_tab .tab_box { position: absolute;  left: 40%;   top: 0;  width: 60%;  height: 100%;  background: #fff;}
#mGnb .menu_tab .tab_box .menu_tit {padding-left: 3%;  width: 97%;  height: 51px;  line-height: 51px;  color: #000;  font-weight: 600;      border-bottom: 2px solid #124bb8;   background: #fff;  }
#mGnb .menu_list ul > li > button{padding:0 10% 0 3%; width:100%; height:52px;font-size:15px; color:#212121; border-bottom:1px solid #eee;           background: #fff url(/theme/basic/shop/img/m_gnb_ico_off.png) no-repeat 90% center;  text-align: left;  }
#mGnb .menu_list ul > li > button:hover {background: #ddd url(/theme/basic/shop/img/main/m_gnb_ico_on.png) no-repeat 90% center;}
#mGnb .menu_tab > li > button {height:52px; width: 40%;  padding: 15px 5px 12px;  color: #fff; font-size: 13px; font-weight:600; border-bottom: 1px solid #124bb8;    background: #0d3c96;    text-align: center; }
#mGnb .menu_list ul > li .dep2_menu {display: none;  background: #f9f9f9;}
#mGnb .menu_list ul > li .dep2_menu ul li a {display: block; padding:10px 0 10px 3%; color:#666; font-size:14px;   border-bottom:1px solid #ddd;  text-align: left;	}
.mgnb_bg {position: fixed;top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index:9; display:none;}
#mGnb {position: fixed;  top: 0;  right: -80%;  bottom: 0;  width: 80%;  min-width: 280px;  height: 100%;  background: #0d3c96;  z-index: 999;  overflow-x: hidden;  overflow-y: auto;}
.menu_wrap{display:block;}
.member_btn{display:block;}
#tab_cont1{z-index:999;}
 
 
 /*서브비주얼*/
 #subvisual1{margin:0; height:200px;}
 #subvisual1 .inner h1 { font-size:35px; padding-top:70px; }


 
/*main_visual*/ 
.vis-area {width:100%; /*height:500px;*/ position: relative; overflow: hidden;}
.vis-area .visual {height:100%;}
.visual .visual_ctrl {left:0; width:94%; margin:0 3%;}
.visual .visual_txt{margin-top:13%;}
.visual .visual_con > img {width:100%;}
.visual .visual_txt .visual_txt_t { font-size:30px; margin-top:2%;}
.vis-area .visual .resp {width: 100%;  /*padding-left: 20px;  padding-right: 20px;*/   box-sizing: border-box;}


/*main_searchbox*/
#search_wrap{width:100%; } 
.search_word{width:40%;}
.search_ex{margin-right:0px;}


/* 퀵메뉴 */
#quick{display:none;}

}

@media screen and (max-width:1236px){
/*mHeader*/

#mHeader .logo img{width:90%; margin-top:-20px;}
#mHeader .m_ulti_btn {float: right; margin-top:-25px;}


/*수정*/
#best_area .inner{width:1000px;}
#best_area .contents_best_tit_box2 ul li {width: 24.2%;float: left;margin-right: 1%;}

/*first_area*/
#first_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:100px;}
#first_area .inner{width:96%; width:1000px; margin:0 auto;  }
#first_area img{width:100%;}
#first_area .inner .main_box{width:100%; height:763px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

#first_area .contents_first_box1{width:49%; height:370px;   margin:5px 5px 5px 13px;   }
#first_area .contents_first_box2{ width:23%; height:370px;  margin:5px 5px 5px 5px; }
#first_area .contents_first_box3{ width:23%; height:370px; margin: 5px 0 5px 5px; }
#first_area .contents_first_box4{ width:23%; height:370px; margin:5px 13px 5px 13px; }
#first_area  .contents_first_box5{ width:24%; height:370px; margin:5px 15px 5px 5px;   }
#first_area .contents_first_box6{width:48%; height:370px; margin:5px 0 5px -5px;  }

.main_tit{font-size:2em;}
.more_current_page button{ padding:15px 150px; margin:30px 30px;    }
.main_best_slae { padding-left:8px; color:#ff0000;margin-bottom:10px; }
.main_box_slae{margin-bottom:20px;}


/*second_area*/
#second_area .inner{width:1000px; margin:0 auto;  }
#second_area .contents_second_box{width:24%; height:370px;  float:left; margin-right:10px;}
#second_area .contents_second_box img{width:100%;}

/*third_area*/
#third_area .inner{width:1000px; margin:0 auto;  }
#third_area .contents_third_box{width:24%; height:370px;  float:left; margin-right:10px;}
#third_area .contents_third_box img{width:100%;}

/*middle_banner*/
#middle_banner a .inner{background:url(/theme/basic/shop/img/main/main_middle_banner1024.jpg) no-repeat; background-size: 100% 100%;  }

/*fifth_area*/
#fifth_area .inner{width:1000px; margin:0 auto;  }
#fifth_area .contents_fifth_box{width:24%; height:370px;  float:left; margin-right:10px;}
#fifth_area .contents_fifth_box img{width:100%;}

/*sixth_area*/
#sixth_area .inner{width:1000px; margin:0 auto;  }
#sixth_area .contents_sixth_box{width:24%; height:370px;  float:left; margin-right:10px;}
#sixth_area .contents_sixth_box img{width:100%;}

/*footer_banner*/
#footer_banner .inner{width:99%; margin:0 auto;  }
#footer_banner .inner img{width:40%;}

/*footer_navi*/
#footer_navi .inner { width:90%; margin:0 auto;  }

/*footer_servicecenter*/
#footer_servicecenter .inner{width:90%; margin:0 auto;   }

/* footer */
#footer .inner{width:90%; margin:0 auto; }


}



@media screen and (max-width:1024px){
/*mHeader*/
#mHeader .logo img{width:90%; margin-top:-15px;}
#mHeader .m_ulti_btn {float: right; margin-top:-20px;}

/*main_search_box*/
.search_word{width:70%;}
.search_ex{display:none;} 

/*first_area*/
#first_area{width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:100px;}
#first_area .inner{width:96%; margin:0 auto;  }
#first_area img{width:100%;}
#first_area .inner .main_box{width:100%; height:763px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

#first_area .contents_first_box1{width:49%; height:370px;   margin:5px 5px 5px 13px;   }
#first_area .contents_first_box2{ width:23%; height:370px;  margin:5px 5px 5px 5px; }
#first_area .contents_first_box3{ width:23%; height:370px; margin: 5px 0 5px 5px; }
#first_area .contents_first_box4{ width:23%; height:370px; margin:5px 13px 5px 13px; }
#first_area  .contents_first_box5{ width:24%; height:370px; margin:5px 15px 5px 5px;   }
#first_area .contents_first_box6{width:48%; height:370px; margin:5px 0 5px -5px;  }

.main_tit{font-size:2em;}
.more_current_page button{ padding:15px 150px; margin:30px 30px;    }
.main_best_slae { padding-left:8px; color:#ff0000; margin-bottom:10px; }
.main_box_slae{margin-bottom:20px;}


/*second_area*/
#second_area{width:100%; margin:0 auto;  padding-top:50px; margin-bottom:40px;}
#second_area .inner{width:95%; margin:0 auto;   }

#second_area .contents_second_box{width:48%;  text-align:center; height:auto;  float:left; /*margin-right:20px;*/ }
#second_area .contents_second_box:nth-child(2n){margin-right:0px;}
#second_area .contents_second_box:nth-child(4n){margin-right:0px;}
#second_area .contents_second_box img{width:100%;}

.more{ margin-right:2.5%; }
.more img{width:90%;}

/*third_area*/
#third_area{width:100%; margin:0 auto;  padding-top:50px; margin-bottom:40px;}
#third_area .inner{width:95%; margin:0 auto;  }

#third_area .contents_third_box{width:48%;  text-align:center; height:auto;  float:left;/* margin-right:20px; */}
#third_area .contents_third_box:nth-child(2n){margin-right:0px;}
#third_area .contents_third_box:nth-child(4n){margin-right:0px;}
#third_area .contents_third_box img{width:100%;}


/*middle_banner*/
#middle_banner a .inner{background:url(/theme/basic/shop/img/main/main_middle_banner1024.jpg) no-repeat; background-size: 100% 100%;  }


/*best_area*/
#best_area{ background: url(/theme/basic/shop/img/main/main_best_area_bg.jpg) no-repeat 100%; height:1100px;
	     width:100%; margin:0 auto; overflow:hidden;  text-align:center; padding-top:80px; margin-bottom:50px;}
#best_area .inner{width:95%; margin:0 auto;  }

#best_area .contents_best_tit_box1 { background: url(/theme/basic/shop/img/main/main_fourtharea_bg1024_210205.jpg) no-repeat 20%; width:100%; height:320px; background-size: cover;margin-bottom:30px;}
#best_area .best_tit {  margin:80px 0 0 200px;}
#best_area .best_txt {margin:10px 0 30px 200px;}
#best_area .contents_best_tit_box1 .view_more a{  margin:0 0 0 200px;  }

#best_area .contents_best_tit_box2 { width:100%; height:600px;   }
/*#best_area .contents_best_tit_box2 ul li{width:23.6%; float:left; margin-right:14px;}
#best_area .contents_best_tit_box2 ul li:nth-child(4n){margin-right:0px;}
#best_area .contents_best_tit_box2 ul li img{width:100%;}*/

/*fifth_area*/
#fifth_area{width:100%; margin:0 auto;  padding-top:50px; margin-bottom:40px;}
#fifth_area .inner{width:95%; margin:0 auto;  }

#fifth_area .contents_fifth_box{width:48%;  text-align:center; height:auto;  float:left; margin-right:20px;  }
#fifth_area .contents_fifth_box:nth-child(2n){margin-right:0px;}
#fifth_area .contents_fifth_box:nth-child(4n){margin-right:0px;}
#fifth_area .contents_fifth_box img{width:100%;}

/*sixth_area*/
#sixth_area{width:100%; margin:0 auto; padding-top:50px; margin-bottom:40px;}
#sixth_area .inner{width:95%; margin:0 auto;  }

#sixth_area .contents_sixth_box{width:48%; text-align:center; height:auto;  float:left; margin-right:20px;  }
#sixth_area .contents_sixth_box:nth-child(2n){margin-right:0px;}
#sixth_area .contents_sixth_box:nth-child(4n){margin-right:0px;}
#sixth_area .contents_sixth_box img{width:100%;}

}


 
 @media screen and (max-width:967px){
/*첫번째컨테츠만반응형사이즈*/	 
/*first_area*/
#first_area{width:99%; margin:0 auto; }
#first_area .inner{width:99%;  margin:0 auto;  }
#first_area .main_tit{font-size:2.2em;   }

#first_area .inner .main_box{width:100%; height:763px;  border-style:none}

#first_area .contents_first_box1{width:49%; height:330px;   margin:5px 5px 5px 13px;   }
#first_area .contents_first_box2{ width:23%; height:330px;  margin:5px 5px 5px 5px; }
#first_area .contents_first_box3{ width:23%; height:330px; margin: 5px 0 5px 5px; }
#first_area .contents_first_box4{ width:23%; height:330px; margin:5px 13px 5px 13px; }
#first_area .contents_first_box5{ width:24%; height:330px; margin:5px 15px 5px 5px;   }
#first_area .contents_first_box6{width:48%; height:330px; margin:5px 0 5px -5px;  }
	 
 }
 
 

 @media screen and (max-width:915px){
/*첫번째컨테츠만반응형사이즈*/ 
 /*first_area*/
#first_area{width:99%; margin:0 auto; }
#first_area .inner{width:99%;  margin:0 auto;  }
#first_area .main_tit{font-size:2.2em;   }

#first_area .inner .main_box{width:100%; height:763px;  border-style:none}

#first_area .contents_first_box1{width:49%; height:330px;   margin:5px 5px 5px 13px;   }
#first_area .contents_first_box2{ width:23%; height:330px;  margin:5px 5px 5px 5px; }
#first_area .contents_first_box3{ width:23%; height:330px; margin: 5px 0 5px 5px; }
#first_area .contents_first_box4{ width:23%; height:330px; margin:5px 13px 5px 13px; }
#first_area .contents_first_box5{ width:24%; height:330px; margin:5px 15px 5px 5px;   }
#first_area .contents_first_box6{width:47%; height:330px; margin:5px 0 5px -5px;  }

/*best_area*/
/*#best_area{ height:1050px;}
#best_area .contents_best_tit_box2 { width:100%; height:550px;   }
#best_area .contents_best_tit_box2 ul li{width:23.48%;  margin-right:14px;}*/


 }
 
	 



@media screen and (max-width:765px){ 
/*테블릿*/
/*mgnb*/
#mGnb .menu_tab > li > button{width:40%;}
#mGnb .menu_tab .tab_box { left: 40%; width: 60%;}
 
/*header*/
#header .inner h1 img{width:80%;}
#mHeader .inner {position:relative; }
#mHeader .m_ulti_btn {margin-top:0px; position:absolute; right:20px; }

/*mHeader*/
 #mHeader .logo img{padding-top:15px; width:70%;}
	
/*main-visual*/
.visual .visual_txt .visual_txt_t{ font-size:25px; margin:50px auto;}
.visual .visual_txt .visual_txt_c{font-size:18px; width:30%; line-height:40px; margin-top:0px;}
#mHeader .m_ulti_btn button{width:40px; height:40px;}

/*first_area*/
#first_area .contents_first_box1{width:48%; height:330px;   margin:5px 5px 5px 13px;   }
#first_area .contents_first_box2{ width:23%; height:330px;  margin:5px 5px 5px 5px; }
#first_area .contents_first_box3{ width:23%; height:330px; margin: 5px 0 5px 5px; }
#first_area .contents_first_box4{ width:23%; height:330px; margin:5px 7px 5px 13px; }
#first_area .contents_first_box5{ width:23%; height:330px; margin:5px 15px 5px 5px;   }
#first_area .contents_first_box6{width:48%; height:330px; margin:5px 0 5px -5px;  }
.main_box_tit2 { font-size:2em; }


/*best_area*/
#best_area{ background: url(/theme/basic/shop/img/main/main_best_area_bg.jpg) no-repeat 100%; height:2300px;}
#best_area .contents_best_tit_box2 { width:100%; height:auto;   }
#best_area .contents_best_tit_box2 ul li { width: 49.5%;float: left; margin-right: 1%;}
/*#best_area .contents_best_tit_box2 ul li{width:48.8%; float:left; margin-right:14px;}*/
#best_area .contents_best_tit_box2 ul li:nth-child(2n){margin-right:0px;}
#best_area .contents_best_tit_box2 ul li:nth-child(4n){margin-right:0px;}
#best_area .contents_best_tit_box2 ul li img{width:100%;}


/*footer_banner*/
#footer_banner{ padding-top:20px; margin-bottom:50px;}
#footer_banner .inner{width:90%; margin:0 auto;  }
#footer_banner .inner img{width:80%;}


/*footer_navi*/
#footer_navi .inner { width:79%; margin:0 auto;  text-align:center; }
#footer_navi .inner li{padding-right:25px;}


/*footer_servicecenter*/
#footer_servicecenter .inner{width:90%; margin:0 auto;  text-align:center;  }
#footer_servicecenter .inner .contact{width:48%; margin:0 auto;  }
#footer_servicecenter .contact .footer_logo{display:none;}

/* footer */
#footer .inner{width:85%; margin:0 auto; text-align:center; }
#footer .footer_info p { font-size:17px; text-align:center; }
#footer .footer_info .email{font-size:15px; color:#999;}
#footer .footer_info p.copyright { font-size:16px; color:#999;}
#footer .footer_info .footer_logo2{display:block; margin-bottom:20px;}
}

@media screen and (max-width:730px){

#second_area .inner{width:80%; margin:0 auto;   }
#third_area .inner{width:80%; margin:0 auto;  }
#fifth_area .inner{width:80%; margin:0 auto;  }
#sixth_area .inner{width:80%; margin:0 auto;  }

}


@media screen and (max-width:675px){
/*header*/
 #header .inner h1 img{width:60%; }

/*mGnb*/
#mGnb .member_btn a{width:30%; font-size:10px;}
 
/*main-visual*/
.visual .visual_txt .visual_txt_t{ margin:20px auto; font-size:15px;}
.visual .visual_txt .visual_txt_c{font-size:18px; width:30%; line-height:30px; font-size:13px;}
.visual .visual_ctrl {top:45%;}
.visual_txt_t img{width:80%;}
.visual .visual_ctrl button  {height:30px; width:30px;}
.visual .visual_ctrl button img{width:100%;}
 
 /*first_area*/
#first_area .contents_first_box1{width:100%; height:250px; margin:0;  background: url(/theme/basic/shop/img/main/main_firstarea_11_210205.jpg) no-repeat 100%;     }
#first_area .contents_first_box2{ width: 49.5%; height: 400px; margin:1% 1% 0 0; }
#first_area .contents_first_box3{ width: 49.5%; height: 400px; margin:1% 0% 0 0; }
#first_area .contents_first_box4{width: 49.5%; height: 400px; margin:1% 1% 0 0; }
#first_area .contents_first_box5{width: 49.5%; height: 400px; margin:1% 0% 0 0;  }
#first_area .contents_first_box6{width:100%; height:250px;  margin:0; background: url(/theme/basic/shop/img/main/main_firstarea_66_210205.jpg) no-repeat 100%;  }
.main_box_product_tit{margin:0px;}
.main_box_tit2 { font-size:2em;}

#first_area  .main_box_tit1 { font-size:1.1em;   margin-top:45px;  }
#first_area  .main_box_tit2 {  font-size:2em;  }
#first_area  .main_box_txt { font-size:1.1em;  }

.more_current_page button{ padding:15px 100px;   }
.more{ margin-right:1%; margin-bottom:10px; }
.more img{width:80%;}

.main_box_product_tit{font-size:1.2em; margin:15px 0 25px 0; padding-left:5px;}
.main_box_slae_price{font-size:1.2em; padding-left:5px;   }
.main_box_price{font-size:0.9em;  padding-left:5px;  }
.main_box_slae{font-size:1em;  padding-left:5px; }

/*second_area*/
#second_area .inner{width:95%; margin:0 auto;   }

/*third_area*/
#third_area .inner{width:95%; margin:0 auto;   }

/*best_area*/
#best_area{ height:2100px;}
#best_area .contents_best_tit_box2 {  height:auto;   }
/*#best_area .contents_best_tit_box2 ul li{width:48.6%;  margin-right:14px;}*/

/*fifth_area*/
#fifth_area .inner{width:95%; margin:0 auto;   }


/*sixth_area*/
#sixth_area .inner{width:95%; margin:0 auto;  }

}

	
	
	
@media screen and (max-width:618px){


/*second_area*/
#second_area .contents_second_box{width:47%;  }

/*third_area*/
#third_area .contents_third_box{width:47%;  }

/*middle_banner*/
#middle_banner a .inner{background:url(/theme/basic/shop/img/main/main_middle_banner600.jpg) no-repeat; background-size: 100% 100%;  }

/*best_area*/
#best_area{ height:2000px;}
#best_area .contents_best_tit_box2 {  height:auto;   }
/*#best_area .contents_best_tit_box2 ul li{width:48.5%; float:left; margin-right:14px;}*/

/*fifth_area*/
#fifth_area .contents_fifth_box{width:47%;}

/*sixth_area*/
#sixth_area .contents_sixth_box{width:47%;}






@media screen and (max-width:530px){
/*모바일*/

/*mHeader*/

#mHeader .logo {float: left;   height:60px;}
#mHeader .logo img{width:70%;}
#mHeader .m_ulti_btn button {display:block; float:left; width:45px; height:45px;  margin:10px 0 0 5px; border-radius:10px; text-indent:-9999px; overflow: hidden;}

/*first_area*/
#first_area .contents_first_box1{width:100%; height:200px;   margin:0px;  }
#first_area .contents_first_box2{ width: 49.5%; height: 300px; margin:1% 1% 0 0; }
#first_area .contents_first_box3{ width: 49.5%; height: 300px; margin:1% 0% 0 0; }
#first_area .contents_first_box4{width: 49.5%; height: 300px; margin:1% 1% 0 0; }
#first_area .contents_first_box5{width: 49.5%; height: 300px; margin:1% 0% 0 0;  }
#first_area .contents_first_box6{width:100%; height:200px;  }

#first_area  .main_box_tit1 { font-size:1.1em;   margin-top:28px;  }
#first_area  .main_box_tit2 {  font-size:1.8em;   margin-top:5px;  }
#first_area  .main_box_txt { font-size:1.1em;   margin-top:30px; }

.main_box_product_tit{font-size:1.05em; margin:15px 0 25px 0; }
.main_box_slae_price{font-size:1em;   }
.main_box_price{font-size:0.9em;   }
.main_box_slae{font-size:1em;   }

.more_current_page button{ padding:12px 30px;   }


/*best_area*/
#best_area{ height:1820px;}
#best_area .contents_best_tit_box2 {  height:auto;  }
/*#best_area .contents_best_tit_box2 ul li{width:48.2%; float:left; margin-right:14px; min-width:180px;  }*/

#best_area .best_tit { margin:80px 0 0 155px;}
#best_area .best_txt {margin:10px 0 30px 155px;}
#best_area .contents_best_tit_box1 .view_more a{  margin:0 0 0 155px;  }

/*footer_navi*/
#footer_navi .inner { width:80%; margin:0 auto;  }
#footer_navi .inner li{ width:40%;  font-size:15px; }

#footer_servicecenter .contact .footer_tel{font-size:1.2em; }
#footer_servicecenter .contact li{font-size:16px;}
}

@media screen and (max-width:462px){
/*mHeader*/
#mHeader .m_ulti_btn {float: right; margin-top:0px;}
#mHeader .m_ulti_btn button { margin:0px 0 0 5px; }

}


@media screen and (max-width:444px){
/*모바일*/
/*mHeader*/
#mHeader .m_ulti_btn button { margin:0px 0 0 5px; }


/*best_area*/
#best_area{ height:1670px;}
#best_area .contents_best_tit_box2 {  height:auto;  }

}



@media screen and (max-width:430px){

/*mHeader*/

#mHeader .logo {float: left;    height: 60px;}
#mHeader .logo img{width:70%;}
#mHeader .m_ulti_btn button {display:block; float:left; width:45px; height:45px;  margin:0px 0 0 5px; border-radius:10px; text-indent:-9999px; overflow: hidden;}

/*best_area*/
#best_area{ height:1630px;}
#best_area .contents_best_tit_box2 {  height:auto;  }
/*#best_area .contents_best_tit_box2 ul li{width:48.2%; float:left; margin-right:14px; min-width:180px;  }*/

#best_area .best_tit { margin:90px 0 0 155px; font-size:2em;}
#best_area .best_txt {margin:10px 0 30px 155px; font-size:1.5em;}
#best_area .contents_best_tit_box1 .view_more a{  margin:0 0 0 155px; font-size:0.7em; }

/*fifth_area*/
#fifth_area .contents_fifth_box{width:46.5%;}

/*sixth_area*/
#sixth_area .contents_sixth_box{width:46.5%;}

/*footer_navi*/
#footer_navi .inner { width:80%; margin:0 auto;  }
#footer_navi .inner li{ width:40%;  font-size:15px; }
#footer_servicecenter .contact .footer_tel{font-size:1.2em; }

/* footer */
#footer .inner{width:90%; margin:0 auto;  }
#footer .footer_info p { font-size:15px;   }
#footer .footer_info .footer_adr{ font-size:12px;}
#footer .footer_info .email{  font-size:14px; }
#footer .footer_info p.copyright {font-size:13px;}
#footer .footer_info .footer_logo2{ margin-bottom:20px;}

}

@media screen and (max-width:400px){

/*mHeader*/


/*mHeader*/
#mHeader .logo img{width:70%; }

#mHeader .m_ulti_btn {float: right;  margin:0px 0px 0 0;}
}


@media screen and (max-width:378px){

/*mHeader*/


/*mHeader*/
#mHeader .logo img{width:70%; }

#mHeader .m_ulti_btn {float: right;  margin:0;}