* { font-family: "Malgun Gothic", "맑은 고딕"; }

body, td, p, input, button, textarea, select, .c1 { font-family: "Malgun Gothic", "맑은 고딕",Tahoma,굴림; font-size:9pt; color:#222222; }

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family: "Malgun Gothic", 돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }
img { border:0; }
html { overflow-y:scroll; }
tr,td { font-family: "Malgun Gothic", "맑은 고딕"; }
.location  { font-family: "Malgun Gothic", "맑은 고딕"; }

#content_wrap { overflow:hidden;position:relative; }

.top_menu { width:100%;margin:0;padding:0;background:#000;overflow:hidden; }
#top_desc { width:100%;margin:0 auto;text-align:center;background:#ff0000;color:#fff;font-size:15px;font-weight:bold;height:30px;line-height:35px;  }

.right_menu { position:absolute; top:0px; bottom:0px; right:10PX; background:#f7f7f7; height:3000px; }
.right_menu ul { list-style:none; padding:0; margin:0; font-size:0px ;}
.right_menu ul li { text-align:center; }

ul.copy_desc { list-style:none; padding:0; margin:0; max-width:880px; margin:0 auto; text-align:left; line-height:17px;}

.copy_desc li { max-width:650px;padding-left:10px;font-size:8pt; }
.copy_desc li:first-child { max-width:650px;padding:10px;color:#6f0404;font-size:14px; font-weight:bold; }
.copy_desc li:last-child { font-weight:bold; }


/* 추천상품 기본 */
#recommend { padding-top:10px; }
#recommend ul { list-style:none; margin:0; padding:0; }
#recommend ul li { color:#000; border-bottom:0px solid #dfdac7; }
/*#recommend li:last-child { border-bottom:0px solid;  }*/
#recommend a { color:#000; }
#recommend ul li ul { list-style:none; padding:0; margin:0; }
#recommend ul li ul li { 
}




#c_wrap { max-width:900px; margin:0 auto; }
#c_1 { float:left;width:170px;padding:0;margin:0; }
.c_2 { float:left;max-width:400px;padding:0;margin:0;margin-left:20px; }
#c_3 { float:left;max-width:270px;padding:0;margin:0;margin-left:20px; }

#mobile_side { display:none; }


.slides2{position:relative;width:400px;height:528px;overflow:hidden;}
.slides2 .slide{overflow:hidden;position:relative;width:400px;height:528px}
ul.slide { list-style:none; padding:0; margin:0; }
.slides2 .slide li{display:block;width:100%;height:528px;overflow:hidden;}
.slides2 .slide li a{display:block}


.slides2 .page{z-index:100;position:absolute; bottom: 10px; right:10px;height:12px;list-style:none}
.slides2 .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides2 .page li a{
display:block;
width:15px;
height:15px;
border:0px solid #e7e7e7;
background:#cccccc;color:#ffffff;font-family:Verdana,Geneva,sans-serif;font-size:13px;line-height:12px;text-align:center;text-decoration:none;padding-top:3px;}

.slides2 .page li a:hover{text-decoration:none}
.slides2 .page li.current a{border:0px solid #6d9506;background:#ff0000;color:#fff;font-weight:bold;text-decoration:none}


.slides3{ position:relative; width:100%;  }
.slides3 .slide{position:relative; width:100%;  }
ul.slid3 { list-style:none; padding:0; margin:0; }
.slides3 .slide li{  width:100%; }
.slides3 .slide li a{ display:block }




/* 공지 이용후기 */
.notice1 { float:left; width: 440px; height:230px;}
.notice2 { float:left;padding-left:0px;width:440px; }

/*  최근 게시물 리뷰 */

#tao_latest ul { list-style:none; background:#fff; padding:0; margin:0; }
#tao_latest ul li { float:left; width:100px; padding-left:7px; }
#tao_latest img { width:95px;  }

#sub_icon { display:none; }
#mobile_second { display:none; }

#mobile_second600 { display:none; }

#mobile_second ul { list-style:none; margin:0; padding:0; }
#mobile_second ul li { float:left; width:100%; text-align:center;}



/* gnb */
#mobile_top{border-bottom:1px solid #d8d8d8;border-top:1px solid #eee}
#mobile_top li{display:inline-block;}
#mobile_top li a{line-height:40px;font-size:12px;padding:0 ;display:block;font-weight:bold;transition: all 0.2s;letter-spacing:1px;vertical-align:top}
#mobile_top li a:hover{background:#f3f3f3}
#mobile_top ul{border:0;vertical-align:top}
#mobile_top ul:after {display:block;visibility:hidden;clear:both;content:""}

#gnb { display:none; }
/* #m_top_sub { display:none; } */


.bx-wrapper { display:none; }


.recom td { font-size:12px; padding-left:0px; }

.slider4 { display:none; }

#popup_mask { /* 팝업 배경 css */
position: fixed;
width: 100%;
height: 1000px;
top: 0px;
left: 0px;
 display: none; 
 background-color:#000;
 opacity: 0.6;
z-index:10;
}

/* #recommend .recommend_sub li {  */
#recommend .recommend_sub li.r_red { color:#b73219;font-weight:bold;font-size:12px; padding:7px 0;}
#recommend .recommend_sub li.r_blue { color:#5f9ddc;font-weight:bold;font-size:12px; padding:7px 0; }


#recommend_wrap { display:none; }
#mobile_customer_wrap { display:none; }




/* 모바일 배너 */
ul.mobile_banner  { padding:0; margin:0; list-style:none; width:98%; margin:0 auto; float:right; padding-right:1%; display:none; }

ul.mobile_banner li { width:33.33%; float:left; box-sizing:border-box; border-right:1px solid #eee; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; }
ul.mobile_banner li img { width:100%; max-width:100px;}

.mobile_banner1 { width:97%;float:left;text-align:center; margin: 0 1.5% 5%;border:0px solid #000; display:none;  
/*
height:100px;background-image:url("flex/center_600.jpg"); background-size: contain; 
background-repeat: no-repeat;
background-position: center;
*/
}


#mobile_escro { display:none; }
#top_btn { display:none; }



ul.m_tab li a { display:block; }


/* 레이어팝업관련 */


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 페이징 */
.pg_page, .pg_current {display:inline-block;padding:0 0px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;text-decoration:none; border:0px solid #ddd; }
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#fff;color:#ff5597;font-weight:bold; text-decoration:underline; }


/* 에스크로 마크 */
table.escro { border:1px solid #999; background:#fff; }
table.escro td { font-weight:bold; font-size:13px; }
table.escro a { color:#000; }

.escro { display:none; }


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}






.pc_tao_info_top ul { list-style:none; padding:0; margin:0; padding-top:20px; }
.pc_tao_info_top ul li { float:left; }








/* 반응형 시작 */


/* 모바일 오늘 방문자 */
.m_visit { display:none; }
.mobile_bottom_height { display:none; }


#shopmall .title { width:98%; margin:0 auto; font-size:14px; font-weight:bold; font-family:'나눔고딕'; }
#shopmall .title1 { font-family:'tahoma';  color:#7f0000; padding-left:10px; font-size:15px; } 
#shopmall .title2 { font-family:'나눔고딕';  color:#4f4f4f;  } 


@media screen and (min-width: 901px){
	#mobile_top, #mobile_logo, .mobile_tao_info_top {  display:none; }
	#content { max-width:660px; min-height:850px; }
	#m_top_sub { display:none; }
	#c_1, #c_3 { display:block; }
}



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

	#floating, #floating1 { display:none; } 
}


@media screen and (max-width:900px) {
	/* 모바일 방문자 수 */
	.pc_tao_info_top { display:none; }
	.m_visit { display:block; }
	.mobile_bottom_height { display:block; }

	/*#faq_pc { display:none; }*/
	#faq_mobile { display:block; }

	.escro { display:block; }

	/* 에스크로 */
	#mobile_escro { display:block; padding:20px 0 40px 0; }
	#mobile_escro img { max-width:400px; width:98%;}

	/* 모바일용 top 버튼 */
	#top_btn { display:block; }


	ul.mobile_banner li:nth-child(3) { border-top:1px solid #eee; border-right:0px solid #eee; }

	ul.mobile_banner {  display:block; }
	.mobile_banner1  {  display:block;  }

	#pc_recommend { display:none ;  }
	#recommend { display: ;  }
	#mobile_customer_wrap { display:block; } /* 고객센터 */

	#content { max-width:100%;   }
	#right_sub_menu { display:none; }

	/*
	#floating { display:none; }
	#floating1 { display:none; }
	*/

	#top_image { display:none; }
	#top_menu { display:none; }
	#top_logo_menu { display:none; }
	.current_page { padding-left:16px; padding-bottom:10px; padding-top:27px;}

	#visit_scro { display:none; }
	#mobile_logo {  display:block; }
	.tao_info_top { display:none; }

	.copy_desc li:first-child { max-width:100%;padding:10px;color:#6f0404;font-size:14px; }

	/* 모바일에서 상단 메뉴 */
	#mobile_top {  display:block; max-width:100%;  background:#000; margin:0 auto; text-align:center; height:40px; line-height:40px; padding:0; }

	#mobile_top ul { list-style:none;  padding:0; margin:0;}
	#mobile_top ul li {  display:inline; color:#fff; width:18%; padding-left:1.0%; font-size:10.0pt; font-weight:bold; text-align:center; } 
	#mobile_top li:first-child {  padding:0; } 
	#mobile_top a { color:#fff; text-decoration:none; }

	#mobile_logo ul { list-style:none; padding:0; margin:0; }
	#mobile_logo li { float:left; padding:0; margin:0; width:33.3%;  }

	/* 이용문의 */
	.mobile_tao_info_top { display:block; }

	/* c1 c2 c3  (상단 순서) */

	#c_1 { display:none; }
	.c_2 { display:none; }
	#c_3 { display:none; }


	#c_wrap { max-width:100%; margin:0 auto;  }


	#shopmaill { float:left;}
	#shopmall ul li { width:49%; border-right:0px solid #999; } 
	#shopmall ul li img { width:100%; max-width:217px;  } 


	#recommend_wrap {  width:98%;  margin:0 auto; border:0px solid #999; display:block; margin:0 auto;}
	#recommend { }
	#recommend ul li { float:left; width:48%; border-right:0px solid #999; padding-left:1%; } 
	#recommend ul li img { width:70%;   } 

	/*#mobile_side .mt_toggle li { border-top:1px solid #eee; background:#eee; padding:0 0 0 30px; } */

	/* 추천 상품 기본 */
	#recommend .recommend_sub li { 
	float:left; 
	line-height:20px; 
	list-style:none; 
	width:95%; 
	padding:0; 
	margin:0; 
	text-align:left; 
	border:0px; 
	font-size:11px;
	word-break:keep-all;

	}





	
	#shopmall_wrap { float:left; width:49%;  border:0px solid #999; }
	#shopmall ul li { width: 50%; }



	#mobile_customer_wrap { float:right; width:49%; padding-right:1%; border:0px solid #999; }



	.notice1 { float:left; width:48%; padding-left:1%; border:0px solid #999; height:455px;} 
	.notice2 { float:right; width:48%; padding-right:1%; margin:0; border:0px solid #999; }

	#tao_latest {  width:100%; padding:0; margin:0; }
	#tao_latest ul { list-style:none; padding:0; margin:0; }
	#tao_latest ul li { float:left; width:47%; }
	#tao_latest img { width:100%;  }


	#c_1 {  float:right; width:40%; text-align:center; background:#fff;}

	#sub_icon { float:left; width:100%;  background:#fff;   display:inline-block; padding-top:50px; display:none; }
	#mobile_second {  display:block; width:100%; padding:0; margin:0; padding-top:0px; }
	#mobile_second ul { list-style:none; margin:0; padding:0; }
	#mobile_second ul li { float:left; width:50%;}



	ul.sub1 {display:inline-block;  margin:0; padding:0; list-style:none; text-align:center; margin:0 auto;}
	ul.sub1 li{float:left; height:110px; padding-left:3%;}
	/*
	ul.sub1 li{float:left; margin-left:-1px; z-index:1;}
	ul.sub1 li { float:left;  display:inline-block; text-align:center; height:120px; }
	*/


	/*#mobile_second ul li { width:100%; text-align:center; line-height:50px;}*/



	/*
    #gnb{border-bottom:0;border-color:#dfdfdf; display:block;}
    #gnb li{float:left;width:25.0%; box-sizing:border-box; border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; text-align:center; }
    #gnb li:nth-child(4n+1){clear:both}
    #gnb li a{letter-spacing:0}
	*/


	#gnb{ border-bottom:0px solid #d8d8d8;border-top:1px solid #eee; padding:0; margin:0; display:block; }
	#gnb ul { list-style:none; border:0;vertical-align:top; padding:0; margin:0; }
	#gnb li{float:left;width:25.0%; box-sizing:border-box; border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; text-align:center; }
    #gnb li:nth-child(4n+1){clear:both}
	#gnb li a{line-height:40px;font-size:12px;padding:0 ;display:block;font-weight:bold;transition: all 0.2s;letter-spacing:1px;vertical-align:top; text-decoration:none; color:#000; font-weight:bold;}
	#gnb li a:hover{background:#f3f3f3}
	#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}


	/* 최상단 작은 메뉴*/
	#m_top_sub { width:100%; position:fixed;  border-top:2px solid #000;  bottom:0; background:#fff; height:40px; line-height:40px;}
	#m_top_sub ul { list-style:none;  margin:0; padding:0; }
	#m_top_sub ul li { float:left; width:20%; box-sizing:border-box; border-right:0px solid #999; text-align:center; }

	#m_top_sub li a { color:#000; text-decoration:none; texta-align:center; display:block; }


	/*#slides3 { display: block; }*/
	.bx-wrapper { display: block; }

}

/* 900px end */








@media screen and (max-width:600px) {
#shopmall_wrap { float:left; width:98%;  border:0px solid #999; margin:0 auto; padding-left:1%; }
#shopmall { text-align:left; }
#shopmall ul li { width: 50%; text-align:center;}
#shopmall ul li img { width:90%; }

#recommend_wrap {  width:98%;  }


#mobile_customer_wrap {  width:98%; ; border:0px solid #999; margin:0 auto; }


.notice1 {  width:98%; padding:0; height:213px; margin:0 auto; background:#fff; padding-left:1%;}
.notice2 {  width:98%; padding:0; margin:0; padding-left:1%; }


.notice_latest_wrap { width:97%; margin:0 auto;}



#tao_latest { float:left; padding:0; margin:0; width:100%; background:#fff;}
#tao_latest ul { padding:0; margin:0; list-style:none;  }
#tao_latest ul li { float:left; width:47%; background:#fff; text-align:center;  }
#tao_latest ul li img { width:90%; }


#sub_icon { width:100%; }

#mobile_second600 { width:100%; display:block; padding-top:30px;}
#mobile_second600 ul { list-style:none; padding:0; margin:0; }
#mobile_second600 ul li { text-align:center; }


#mobile_second ul li { float:left; width:100%;}

#c_1 { display:none; }
.c_2 { display:none; }

}


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

#recommend ul li { width: 95%; padding-left:3%;}
#recommend ul li:nth-child(2) { float:left; }
#recommend ul li:nth-child(3) { float:left;  }
#recommend ul li:nth-child(4) { float:left; }




}

@media screen and (min-width:500px) {
#recommend  li.r_height {  padding-bottom:40px;}
}


.mobile_cate { cursor:pointer; }
#txxx { clear:both;max-width:100%; background:#fff; margin:0 auto;text-align:center;}
#mobile_side { position:absolute;  background:#fff; top:0; width:300px; color:#fff; z-index:1;

background:#fff; 
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; 
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;                     
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0px 10px 0px rgba(0, 0, 0, 0.1) inset; 
}



#mobile_side ul { list-style:none; margin:0; padding:0; }
#mobile_side ul li { line-height:35px; color:#000; border-bottom:1px solid #dfdac7; }
#mobile_side li:last-child { border-bottom:0px solid;  }

#mobile_side .mt_toggle li { border-top:1px solid #eee; background:#eee; padding:0 0 0 30px; }
#mobile_side a { color:#000; }


.ms_sub  { padding-left:20px; font-weight:bold; font-size:14px; color:#fff; }

.mt_toggle { display:none; }
#mobile_side .m_t  { padding:20px 0 20px 20px; font-weight:bold; font-size:14px;}



#mobile_side1 { position:absolute; background:#000; top:0; right:0;width:300px; color:#fff; z-index:1;}


.tao_info_1_content ul { list-style:none; padding:15px; margin:0; }
.tao_info_1_content li { line-height:18px; }



ul.tao_info_top { list-style:none;  padding:20px 0 0 0 ; margin:0;  }
ul.tao_info_top li { float:left;  }

.mobile_tao_info_top { width:100%;margin:0 auto;text-align:center; }
.mobile_tao_info_top li a { color:#000; text-decoration:none; }

.mobile_tao_info_top ul { list-style:none;  padding:0px 0 0 0 ;}
.mobile_tao_info_top ul li { float:left; height:40px; line-height:40px; box-sizing:border-box;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;  border-top:1px solid #dfdfdf; color:#000; width:20%; background:#f4f4e8;}
.mobile_tao_info_top ul li:nth-child(1) { box-sizing:border-box; border-left:1px solid #dfdfdf;  border-bottom:0px solid #fff;  }
.mobile_tao_info_top ul li:nth-child(2) {  border-bottom:0px solid #fff;  }
.mobile_tao_info_top ul li:nth-child(3) {  border-bottom:0px solid #fff;  }
.mobile_tao_info_top ul li:nth-child(4) {  border-bottom:0px solid #fff;  }
.mobile_tao_info_top ul li:nth-child(5) {  border-bottom:0px solid #fff;  }
.mobile_tao_info_top ul li:nth-child(6) { box-sizing:border-box; border-left:1px solid #dfdfdf;  }
.mobile_tao_info_top a { color:#fff; font-weight:bold; }


.mobile_customer { clear:both;padding-top:50px; }

.mobile_customer .title { width:98%; margin:0 auto; font-size:14px; font-weight:bold; font-family:'나눔고딕'; }
.mobile_customer .title1 { font-family:'tahoma';  color:#7f0000; padding-left:10px; font-size:15px; } 
.mobile_customer .title2 { font-family:'나눔고딕';  color:#4f4f4f;  } 

.t_title .title { width:100%; margin:0 auto; font-size:14px; font-weight:bold; font-family:'나눔고딕'; }
.t_title .title1 { font-family:'tahoma';  color:#7f0000; padding-left:10px; font-size:15px; } 
.t-title .title2 { font-family:'나눔고딕';  color:#4f4f4f;  } 



.mobile_customer ul { list-style:none; padding:15; margin:0; }
.mobile_customer ul li { line-height:18px; font-weight:bold; }
.mobile_customer .tel { font-size: 22px; font-weight:bold; line-height:30px;  }

.mobile_customer1 { clear:both;padding-top:0px; }
.mobile_customer1 ul { list-style:none; padding:15; margin:0; }
.mobile_customer1 ul li { line-height:20px; }
.mobile_customer1 .tel { font-size: 15px; font-weight:bold;  }
.mobile_customer1 .tel1 { font-size: 13px; font-weight:bold;  }

.clean{ width: 100%; clear: both; }
.content{ max-width: 880px; margin: 0 auto; }
.inmuen a:hover{ text-decoration: none; }
.inmuen{ line-height: 60px; background: #f5f5f5; border-bottom: 3px solid #000; }
.inmuen ul{ padding: 0; margin: 0; }
.inmuen ul li{ display: block; float: left; list-style: none; font-size: 16px;}
.inmuen ul li a{ display: block; color: #222; padding: 0 20px; }
.inmuen ul li:hover{ background: #c70000;  }
.inmuen ul li:hover a{color: #fff;}
.inmuen ul li.on{ background: #c70000; color: #fff; }
.inmuen ul li.on a{color: #fff;}

@media screen and (max-width: 900px){
	.inmuen{ display: none; }
}

.nynav{ padding: 10px; background: #f4f4e8; font-size: 12px; color: #666; border: 1px solid #dfdfdf; margin-top: 20px; }
.nynav ul{ margin: 0; padding: 0; }
.nynav ul li{ display: block; float: left; line-height: 20px; padding: 0 15px; border-right: 1px solid #dfdfdf; }
.nynav ul li:hover{ color: #fd7c3a; }
.nynav ul li.on{ color: #fd7c3a; }

@media screen and (max-width: 900px){
	.nynav ul li{ padding: 0; width: 31.3333333%; margin: 3px 1%; border: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.nyabout img{ max-width: 100%; }