/***************************************/
/* MEDIAQUERIES */
/***************************************/
@media screen and (max-width:1200px){
table.wrap_tbl_joininfo{border-left:none; border-right:none;}
div.main_title_bar div.wrap_responsive>img { display:none; }
div#freshMyeolchi div.wrap_responsive { width:100%; background: url(../images/main/pro_title1_1200.png) no-repeat center center;}
div.btn_collect a { margin-right: 1px; }
div.btn_collect a.white_btn { margin-right: 1px !important; }

/*** bswood23 ***/
.main_location { width: 98%; padding: 0 1%; }
.pop_windoc > ul { width: 100%; }
.site-amenu-top { width: 100%; }

}
@media screen and (max-width:1199px){
.wrap{width:100%;}
.wrap_responsive {  width: 100%; }
p.cs_p01 { padding-left: 16%;}
p.cs_p02 { padding-left: 16%;}
.main_two_menu > ul > li > a { padding: 2% 0 1.5% 20%; }

#header_menu > li { width: 20%; }
#header_menu { width: 100%;      background: url();}

}


@media screen and (max-width:1140px){
.main_two_menu > ul > li > a { padding: 1.5% 0 1.5% 20%; }
.main_two_menu a { font-size: 14px; }
ul#navBar .accordion_menu a { font-size: 13px; }
}


@media screen and (max-width:1100px){
.cs_coustom_g { display: none; }
.cs_claacenter { width: 50%; border-right: 0; }
.cs_confirmbox { width: 25%; }
.cs_notice { width: 25%; }
div#bottom_qmenu li { padding-left: 10%; }
}

@media screen and (max-width:1048px){
div#visualMenu ul li a p{top:38%; font-size:12px;}
div#visualMenu ul li a  img{display:none;}

}

/*** 1020px **/
@media (max-width: 1020px){

div#freshMyeolchi span { font-size: 13px; }
div#freshMyeolchi p { font-size: 23px; }
.main_two_menu a { font-size: 13px; }
ul#navBar .accordion_menu a { font-size: 12px; }

}

@media (max-width: 959px){
	#header { border-bottom: 1px solid #ddd; box-sizing: border-box; }
	#main_menu_quick { display: none !important; }
	.wrap { width: auto;}
	#header_inner { width: auto; }
	#top_menu{display:none;}
	#header_menu > li > a {
    color: #fff;
    padding-left: 15px;;
    width: 94% !important;
    text-align: left;
	}
	li.mmenu_13000000 > a { background: none; }
	h1{position: relative; text-align: center; padding: 16px 0; top:0}
	h1 img {height:35px;}
	.search_wrap {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -18px;
	}
	#util .gnb {display:none;}
	#btn_menu {
	left : 10px;
    position: absolute;
    z-index: 99;
    padding-left: 10px;
    top: 25px;}
	#main_menu{height:100% !important;}
	li.mmenu_13000000 { position: inherit !important; }
	#top_search {top: 10px;}
	#btn_menu span{background: url('../images/main/icon_menu.png') center top no-repeat; display: block; position: relative; height: 22px; width:27px; background-size: 22px;}
	#util {position: relative;padding: 4% 0;}
	a#icon_search {background: url('../images/main/main_serch.png') center top no-repeat;display: block; height: 26px; width:26px;top: -6%;right: 4%;}
	#top_search #btn_search span, #top_search form, #top_search input, #main_menu {display:none;}
	#main_menu{height: 100%;}
	li.hide_menu{display:block;}
	div#top_search {
		position: absolute;
		left: 10px;
		padding: 0;
		top: 26px;
		margin-left: 0;
	}
	.review, .banner, .notice, .review, .banner img, .banner2 img, .review_img img, .movie img {width:100%;}
	.notice {width:95%;}
	
	.banner2, .movie {width:50%;text-align: center;}
	.review .review_tx, .review .review_img {}
	.review_img {width: 50%;}
	.bottom_lnb, #footer img, .movie p, span.data {display: none;}
	.movie {background-size: 100%;}
	#header_menu > li > a {color:#fff; font-size:13px; font-weight:400;}
	.mapSelect {display: none;}
	.map_search_container {padding: 0 5% 20px 5%;width: 90%;}
	
	/* HEADER */
    header { transform: none; z-index: inherit; }
    #logo a { margin: 0; position: inherit; top: 0; left: 0; display: inline-block; margin-top: 12px; }
    div#logo { text-align: center; z-index: 0; }
    div#header_inner { width: auto; }
    .wrap { width: auto; }
    
    /* FOOTER */
    footer { width: 100% }
    #footer_sns { float: none; text-align: center; clear: both; }
    div#footer_inner > p { text-align: center; width: 90%; margin: 0 auto;float: none;}
    div#footer_inner > p small { text-align: center; }

    /* MENU */
    .open_menu #btn_menu { right: 10px; position: fixed; top: 26px; margin-top: 0; z-index: 1000; }
	.open_menu #btn_menu span { background: url('../image/mobile/icon_menu_close.png') center top no-repeat; left: 93%;}
    

	#main_menu {box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.4) !important;
		background: rgba(0,0,0, 0.8);
		overflow: hidden;
		margin-top: 0;
		width: 100%;
		margin: 0;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 999;
	}
	#header_menu > li {float:left; ;width: 50%;text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.2);     margin-top: 0;}
	ul#header_menu {padding-top:15%}
	li.accordion_menu.mmenu_11000000 { width: 100% !important; }

	li.hide_menu.tabt_login a {
    text-align: center !important;
    width: 30% !important;
    display: block !important;
    border: 1px solid rgba(255,255,255,0.2);
    margin: 0 auto;
    padding: 0 !important;
    background: rgba(232, 202, 180, 0.1);
    position: absolute;
    left: 4px;
    top: 30px; }

	a#btn_menu_quick span { display: none; }

	#main_menu ul {
		height: auto !important;
		background: none;
		width: 90%;
		margin: 0 5%;
	}

	#header_menu li ul {position:relative;}
	#header_menu li ul.submenu_01, #header_menu li ul.submenu_02, #header_menu li ul.submenu_03, #header_menu li ul.submenu_04, #header_menu li ul.submenu_05, #header_menu li ul.submenu_06 {
    left: 0 !important;
    top: 0;
	background: #3c3c3c;
    border: none;
    width: 100% !important;
    padding: 5% 0;}
	#header_menu li ul li a {color:#989898 !important;}
	.copyright {text-align:center;padding: 0 5%;}
	.review {
		height: 255px;
	}
#mypage_top .mymut{font-size:13px;}

	.slideshow_container{height:auto;z-index:-1;}
	#slideshow_nav{top: 50%;}
	#slideshow img{max-width:100%; height:auto !important;}

	p.main_tx img {width: 80%;}

	.notice {background-size:27%;}

	#slides .cycle-pager {margin-left: -7%;}
	.notice ul {padding-left: 3%;}
	.review {background: #fff url('../image/main/review_title.png') no-repeat 7% 10%;background-size:15%;}
	.txtArea h4 {padding: 0;}
	.txtArea  p {padding: 0;}

	.banner3 {width:100%;}

	/*****  SUB  *****/
	#sub_top h2 {font-size:2.2em;}
	.sub_cont {padding:0 20px;}
	.sub_brand {background: url(../image/sub/brand_img.png) top right no-repeat;background-size: 60%;}

	/********  Shop  *********/
	.prd_box, .search_pro td {width: 50%;float: left;}
	
	.proInfo h4 {font-size: 22px;}
	.Search li {width:100%;}
	.Search li table {float:left !important;}

	/********  Board  ********/
	.tb_count, .tb_data {display:none;}
	.review_img {
		float: right !important;
		position: absolute;
		right: 0;
		top: 0px;
	}
	.notice {
		height: auto;
	}

table.Search td.Search_box ul li table{width:100%;}
table.Search td.Search_box ul li{text-align:center;}
table.Search td.Search_box ul li table td input{width:100%; box-sizing:border-box; height:30px;}
	ul.list_view li, .catelist li.prd_box {
		width: 49% !important;
		float: left;
		margin: 0 0.5% 1% 0.5%;
	}
	ul.brand li{
		float:left;
		width:33.3333%;
		text-align: left;
		padding: 5px 0;
	}
	.cart_menu ul li span{
		font-size:13px;
		line-height:25px;
	}
	.cart_menu ul li img{
		height:25px;
		padding-left: 1em;
	}

	.product_list ul li:nth-child(5) {
		margin-left: 0.5% !important;
	}

	td.search_product_box {
		width: 49% !important;
		float: left;
		margin: 0 0.5% 0.5% 0.5%;
	}

	.text_one { width: 150px; }

/*** bswood23 ***/
	.lnb { display: none; }
	.main_two_menu { display: none;}
	.slideshow_container { width: 100%; }
	ul.tabs li { font-size: 17px; }

	#sub_con_container { width: 100%; float: left; margin: 3% 0; position: relative; min-height: auto; padding: 0; box-sizing:border-box;}
	#sub_con_container .page_navigation { padding-right: 1%; }
	#sub_top h2 { padding-left: 1%; }
	.title_story { padding-left: 1%; }
	span.mcsl { top: 45px; }
	.pop_windoc { display: none !important; }

}


/**  900px  **/
@media screen and (max-width: 900px){
	.cs_claacenter .cs_p01 .qmenu_name2 { font-size: 16px !important; }
	.cs_claacenter .cs_p02 .qmenu_name2 { font-size: 16px !important; }
	div#bottom_qmenu li { padding-left: 8%; }
}


/** 820px  **/
@media screen and (max-width: 820px){
.cs_claacenter { width: 100%;  border-top: 1px solid #d9d9d9; box-sizing: border-box; }
p.cs_p01 { background: url(../images/main/main_cs_customer01.png) no-repeat 15% 65px; }
p.cs_p02 { background: url(../images/main/main_cs_customer02.png) no-repeat 15% 65px; }
.cs_notice { width: 50%; }
.cs_confirmbox { width: 50%; border-right: 0; }

.sub_cont01 { font-size: 30px;}
.sub_cont01 span { font-size: 30px; }

div#freshMyeolchi span { font-size: 11px; }
div#freshMyeolchi p { font-size: 18px; }
}


/**  805px  **/
@media screen and (max-width: 805px){
.slider-wrap { width: 98%; margin-right: 1%; margin-left: 1%; }

}


/**  786px  **/
@media screen and (max-width: 786px){
	.history_list {background:none;}
	.history_list ul {width: 100%;}
	.history_list dt {font-size: 1.5em;width: 12%;}
	.history_img {height:198px;}

	.company .Figure01, .company .Figure02 {width: 100%;}
	.company {margin-top:0;}
	.company .Figure02 {margin-top:2%;}
	.Figure01 dt {width: 17.5%;padding: 6% 0;}
	.Figure02 dt {width: 17.5%;padding: 6% 0;}
	.Figure01 dd {padding: 5% 8%;}	

	.bi_img {height:198px;}
	.bi_img h5, .history_img h5 {font-size: 37px;text-align: center;color: #fff;font-weight: 500;padding: 4% 0 2% 0;line-height: 40px;}
	.bi_img p, .history_img p {line-height: 20px;}
	.sub_bi li {padding-right: 1%;}
	.color ul li {width: 32.3%;}
	.color01 {background-size: 21%;}
	.sub_herb li b {font-size: 1.1em;padding: 30% 0;}
	.sub_herb li p span {font-size: 13px;}
	.sub_brand {background-size: 50%;}

	span.review_date {display:none;}
	div#bottom_qmenu div.wrap_responsive .qmenu_inbox img, #cscenter_info span.qmenu_name{display:none;}
	div.btn_collect  a {font-size:14px;}
	.detail_tb th, .detail_tb td, .detail_tb2 th, .detail_tb2 td{line-height:1.2em; font-size:15px;}
	#mypage_top .mymut{font-size:12px;}
	.order_info_ul li.tb_1.rows2 , .order_info_ul li.tb_2.cols3.rows2, .order_info_ul li.tb_2.email_input{height:66px}
	.order_info_ul li.tb_2.email_input span{display:block; margin-top:10px;}
	.order_info_ul li.tb_2.cols3.rows2 input.address{display:block; margin-top:5px;}

	.detail_tb th, .detail_tb2 th { width: 30%; }

}

@media screen and (max-width: 754px){
	#tb_main .inputsize1{width:200px}
	#tb_main .inputsize2{width:100px;}
	#tb_main .inputsize3{width:95%;}
}
@media screen and (max-width: 730px){
	#mymu ul li {
		float: left;
		border: 1px solid #ddd;
		background: #ffffff;
		text-align: center;
		width: 33%;
		border-left: 0;
	}

	#mymu ul li span { 
		padding-top: 0;
		padding-left: 0;
		width: 100%;
		text-align: center;
	}


#mymu ul li.line_break { border-left: 1px solid #ccc; }

#mymu ul li a img { display:none; }

}
@media screen and (max-width: 700px){
.cart_m.ok_cart_m {display:block;}
.btn_op_cart a { margin-right: 1px !important; }
.btn_op_cart .white_btn { margin-top: 0 !important; }
.goods_name_{font-size:1em;}
	.cart_pc{display:none}
	.cart_m{
		display:block;
		clear: both;
	}

.order_info_ul li.tb_1, .order_info_tbl td.tb_1{
	width: 29%;
}

.order_info_ul li.tb_2{
	width: 69%;
}
.order_info_ul li.tb_2.cols3{
	width: 69%;
    line-height: 31px;
}

.order_info_ul  li.tb_2.cols3 .bt_type{
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}
.order_info_ul  ul{
	overflow:hidden;
    border-top: 2px solid #757575;
    padding-top: 5px;
}
.order_info_ul .inputbox_ {
	width: 98%;
	box-sizing: border-box;
}
.order_info_ul li .input_, .order_info_ul li.tb_2.input2 input.input_.address{
	width: 95%;
}
.order_info_ul li .input_.name {
    width: 95%;
}
.order_info_ul.receipt li.tb_2.cols3.address_input input.input_{width:95%;}
.order_info_ul li.tb_2.input2 input.input_.address{margin-top:5px;}

.order_info_ul li.tb_2.input3 input.input_{
	width: 29.6%;
}

.order_info_ul li.tb_2.input2 input.input_{
	width: auto;
}
.order_info_tbl td span.input_caption{ font-size:12px;}

}

@media screen and (max-width: 700px){
div.btn_collect a.blue_btn { width: 99%; }
div.btn_collect a.gray_btn { width: 49%; }
div.btn_collect a { margin-right: 1%; }
div.btn_collect a.white_btn { width: 49%; margin-right: 1% !important; margin-top:1%;}
div.btn_collect a.white_btn2 { width: 49%; margin-right: 1% !important; margin-top:1%;}

h3 { color: #000; font-size: 18px; }

.order_info_title h3{
    font-size: 18px;
    padding-left: 1%;
}

ul#tb_board_list li { width: 31%; }
.text_one { width: 180px; }

/*** nswood23 ***/
ul.tabs li { height: 50px; line-height: 49px; font-size: 15px; font-weight: normal;  }
.tab_none {  top: 5px; }



h4.msl_title { font-size: 20px; padding: 20px; }

.main_location h3 { font-size: 18px; }

}

@media screen and (max-width: 680px){
	p.mp_title { padding: 10px 12%; font-size: 15px; }
}

@media screen and (max-width: 670px){
	#visualMenu{display:none;}
	.page_navigation{display:none;	}
}


/**  655px  **/
@media screen and (max-width: 655px){
	div.btn_op_cart a.blue_btn { width: 98% !important; margin-left: 1%; }
	.btn_op_cart .gray_btn { width: 48.5% !important; margin-top: 1%; margin-right: 1% !important; margin-left: 1%; }
	.btn_op_cart .white_btn { width: 48.5% !important; margin-top: 1% !important;}
}


/**  645px  **/
@media screen and (max-width: 645px){
	ul.sub_titlename li { width: 33.3333%;}
	li.sub_down_btn a { border-top: 0 !important; }
.sub_titlename .tab_on:nth-child(4) a, .sub_titlename .tab_on:nth-child(5) a, .sub_titlename .tab_on:nth-child(6) a  {  line-height: 38px; }

}


/**  640px  **/
@media screen and (max-width: 640px){
	.page_contents img {max-width: 50%;height: auto;}
	.sub_brand .brand_title {width: 45%;} 
	.sub_brand h4 {font-size: 2em;font-size: 1.8em;padding: 4% 0;}
	.sub_bi li {display: inline-block;float: left;width: 100%;}
	.sub_cont h3 {display: block;margin-top: 5%;}
	.bi_img h5, .history_img h5 {font-size: 1.6em;line-height: 30px;padding: 5% 0 1% 0;}
	.page_contents img {max-width: 100%;height: auto;}
	.bi_img, .history_img {height:170px;background-size: 100%;}
	.bi_img p, .history_img p {font-size: 14px;line-height: 19px;}
	.sub_bi ul {margin-top: 0;}
	.sub_bi span {display:none;}
	.color dl {padding-top: 49%;padding-left: 0;text-align: center;}
	.color01 {background: url(../image/sub/color01.png) center 0 no-repeat;background-size: 46%;}
	.color02 {background: url(../image/sub/color02.png) center 0 no-repeat;background-size: 46%;}
	.color03 {background: url(../image/sub/color03.png) center 0 no-repeat;background-size: 46%;}
	.color04 {background: url(../image/sub/color04.png) center 0 no-repeat;background-size: 46%;}
	.color05 {background: url(../image/sub/color05.png) center 0 no-repeat;background-size: 46%;}
	.color06 {background: url(../image/sub/color06.png) center 0 no-repeat;background-size: 46%;}
	.sub_herb li b {padding: 59px 0;font-size: 1.1em;}
	.sub_herb li p {font-size: 18px;padding-top: 3%;}

	.company h5 {font-size: 34px;line-height: 50px;padding-bottom: 20px;}
	.company .Figure01, .company .Figure02 {width: 100%;margin-top: 5%;}
	.Figure01 dt, .Figure02 dt {background-size: 100%;font-size: 1em;line-height: 18px;}
	.company .Figure02 {margin-top: 2%;}
	.company div p {padding-top: 23px;}

	.history_img img {width: 30%;}
	.history_list {background:none;}
	.history_list ul {width: 100%;}
	.history_list dt {background-size: 100%;}

	.certification ul {width: 100%;}
	.certification li {width: 48%;float: left;}
	.certification li p {font-size:0.9em !important;}

	/* .galler_event {
	    width: 100%;} */
	.sns ul li {width: 46%;text-align: center;float: left;margin: 0 1%;}
	.sns ul .sns03, .sns ul .sns04 {margin-top:5%;}

	.cheakbox {
    width: 55% !important;
}
.gallery_box {
    width: 41% !important;
}
	.sub_cont .media li {
    width: 99%;
}

#cscenter_info span.cs_number{font-size:20px; line-height:30px;}
td.img_size{width:33% !important;}

div#freshMyeolchi p { font-size: 15px; }

}

@media screen and (max-width: 620px){
.bestbg01 { width: 49.5%;  margin-right: 1%; }
.dis_600_on { display: block; margin-top: 2%; }
.bg2_box { display: none !important; }
.bestbg05 { width: 49.5%; }
.dis_600_on02 { display: block; margin-bottom: 2%; }

div#bestmenu ul { padding: 2% 0; }
}


@media screen and (max-width: 613px){
#mymu ul li.line_break{border-left:1px solid #ccc;}
div#footer_menu ul#tems_menu{display:none;}
div#footer_menu ul#snsLinkBtn{float:none;  width:100%; }
div#footer_menu ul#snsLinkBtn li{width:33.3%; margin-left:0; text-align:center;}
div#footer_menu { display: none; }

/*** bswood23 ***/
.main_location iframe { height: 300px; }
#bottom { border-top: 1px solid #e0e0e0; }
}


@media screen and (max-width: 600px){
 /*	.first_content_inner { height:none !important; }
	pan.proImage, span.proImage img { height: auto; }*/

	.proDetail img{
		max-width:100%;
		height: auto;
	}
	ul.brand li{
		float:left;
		width:50%;
		text-align:left;
	}
	span.proImage, span.proImage img {
		width: 100%;
		max-width: 100%;
	}
	.proInfo{
		width:100%;
		margin: 0;
	}
	.proInfo h4{
		padding-top: 10px;
	}
.proDetail div {
    margin-top: 2%;
    padding: 2% 0 !important;
}
div#goods_detail_container .title_square {
    padding: 0 !important;
}
	ul.brand li{
		padding: 3px 0;
	}
	.list_st {
    padding: 10px 20px;
	}
	#category_list{
		margin:10px 0;
	}

	div.btn_collect a.white_btn{
	    width: 49.5%;
	    margin-right: 0;
		margin-top: 3px;
	}
	.cart_menu ul li{
		padding:10px 0;
	}
	.cart_menu ul li img{
		display:none;
	}
	table.board_title_bar th{

	    font-size: 16px;
	}

.order_info_ul .inputbox_ {
		padding: 2%;
		font-size: 12px;
		border: 1px solid #D8D8D8;
		background-color: #fff;
	}
.complete_message2 span.text1{font-size:26px; }
.complete_message2 span.text2{font-size:14px; }
.complete_message2 span.text3{font-size:26px; }
.complete_message2 span.red{font-size:14px; }
div.btn_collect a.blue_btn{width:100%;}
div.btn_collect a.white_btn { width: 49.5%; margin-right: 1%; margin-top: 3px; }
div.btn_collect a.white_btn2 { width: 49.5%; margin-right: 0 !important; margin-top: 3px; }

a.sp_topbtn { margin-right: 10px; }

.proInfo h4 {
    font-size: 22px;
    padding-left: 4%;
    border-bottom: 1px solid #ddd;
}

.detail_tb th, .detail_tb2 th {
    background: none;
    text-align: left;
    font-weight: 600;
    width: 40%;
    border-bottom: 1px solid #ddd;
    padding: 2% 4%;
    margin-left: 1% !important;
}
.proDetail div {
    margin-top: 2%;
    padding: 2% 0 !important;
}
div#goods_detail_container .title_square {
    padding: 0 !important;
}

.btn_collect {
    width: 98%;
    margin: 0 1% !important;
}

#sub_top h2 { font-size: 21px; margin-top: 10px; text-align: center; width: 100%; padding-left: 0; }
.title_story { padding-left: 0; width: 100%; text-align: center; 
}
.sub_cont01 { font-size: 20px;}
.sub_cont01 span { font-size: 20px; }

/*** bswood23 ***/
.slider img, .slider2 img, .slider3 img, .slider4 img { width: 162px; height: 162px; }
.slider-wrap .box { height: 230px; }
.map iframe { height: 350px; }

}

@media screen and (max-width: 596px){
	#mymu ul{display:block;}
	#mymu ul li a{padding: 20px 0}
	#mymu ul li img{display:none;}
	#mymu ul li span{margin-top:0;}
	#tb_ju td:nth-child(7), #tb_ju th:nth-child(7){display:none;}
	div#main_gallery h2 { margin-bottom: 0; font-size: 25px; }
	span.mg_span { font-size: 25px; }
}


@media screen and (max-width: 585px){
div#main_new_contents .new_inner .tab-content { clear: both; top: 50px; }
#main_new_contents .product_list { position: relative;}
#main_new_contents .new_inner h2 { margin-bottom: 0; font-size:25px; }


#main_new_contents .new_inner h2 span { font-size: 25px; }
}


@media screen and (max-width: 560px){
ul#tb_board_list li { width: 48%; }
.text_one { width: 180px; }

/*** bswood23 ***/
.tab_none { top: 11px; right: 0; }
a.tab_none img {  width: 70%; float: right; }

.new_inner.wrap .product_list li:last-child { display: none; }
.new_inner.wrap .product_list ul li { width: 48%; }
.new_inner.wrap .product_list ul li:first-child { margin-left: 0 !important; }
}

@media screen and (max-width: 512px){
	#tb_ju td:nth-child(2), #tb_ju th:nth-child(2){display:none;}
	#tb_ju td:nth-child(3), #tb_ju th:nth-child(3){display:none;}

	span.sub_money { width: 80.5%; }

}



/**  505px  **/
@media screen and (max-width: 505px){
	.banner3 a {
		  background-size: 52px;
		font-size: 11px;}
	#cscenter_info span.cs_number{letter-spacing:0px;}
	h1 img { height: 29px; }
	#btn_menu span { background-size: 20px;}
	td input.input_.sp_number_input { width: 55%; font-size: 11px; }
	#tb_board_view .tb_content .w100pct {  font-size: 11px; padding: 4px 0 0 4px; }

	span.main_substance { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	div#top_search { top: 23px;  display: inline-block; width: 26px;}
	#btn_menu {top: 23px;}

	div#freshMyeolchi p { font-size: 0; }
	div#freshMyeolchi span {
		font-size: 11px;
		padding-top: 1.5%;
		color: #fff;
		opacity: 1;
		font-weight: 100;
	}

	.detail_tb th, .detail_tb td, .detail_tb2 th, .detail_tb2 td{font-size:13px;}
}

@media screen and (max-width: 500px){
/*** bswood23 ***/
.slider img, .slider2 img, .slider3 img, .slider4 img { width: 136px; height: 136px; }
.slider-wrap .box { height: 195px; }
}


/**  485px  **/
@media screen and (max-width: 485px){
	#top_search {top: 0;}
	.galler_event {
	    width: 100%;} 
	div.wrap_responsive div span.qmenu_name{font-size:14px;}

#slides .cycle-pager span.cycle-pager-active { width: 20px; height: 8px; }
#slides .cycle-pager span { width: 8px; height: 8px; }

#ct_main .tb_7 {
    width: 100% !important;
    text-align: right;
    margin-top: 5px;
    position: inherit;
}
.cart_m .tb_7 a {
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 3px;
	text-align: center;
}
.tb_7 .white_btn {width: 120px; }

/*** bswood23 ***/
	ul.tabs li { height: 40px; line-height: 39px; font-size: 13px; }
	.tab_none { top: 6px; }
	

	h4.msl_title { font-size: 16px; padding: 15px; }
}

@media screen and (max-width: 440px){

p.cs_p01 { background: url(../images/main/main_cs_customer01.png) no-repeat 10% 65px; }
p.cs_p02 { background: url(../images/main/main_cs_customer02.png) no-repeat 10% 65px; }

.menu_3th li { width: 49%; }

#mymu ul li {box-sizing: border-box;}
.sub_cont01.companny01 th { width: 25%; }

/**  414px  **/
@media screen and (max-width: 414px){
	.txtArea h4 {font-size: 1.1em;padding: 8% 0 3% 0;line-height:24px;}
	.review_tx ul {display:none;}
	.review_tx{width: 92%;padding:4%}
	.review_img {width: 40%;min-width: 180px;top:20px;}
	.txtArea  p {padding:0;}
	.review {background: #fff url('../image/main/review_title.png') no-repeat 7% 17%;background-size: 15%;}
	
	.sub_cont h3 {font-size: 18px;}
	.sub_brand {background: none;}
	.bi_img p, .color dt, .history_img p, .bi_img {display:none;}
	.bi_img h5 {font-size: 1.4em;line-height: 25px;padding: 7% 0;}
	 .history_img h5 {font-size: 1.4em;line-height: 25px;padding: 7% 0;}
	.bi_img, .history_img {height: 100px;background-size: 100%;}
	.color dl {padding: 60% 6% 0 6%;}
	.color dd {font-size:12px;}
	.company h5 {font-size: 24px;line-height: 36px;padding-bottom: 15px;}
	.company div p {font-size: 14px;}
	.company div p {padding-top: 17px;}
	.Figure01 dd {background-size:100%;padding: 3% 10%;font-size: 12px;padding: 5% 2% 5% 10%;width: 60%;}
	 .Figure02 dd {background-size:100%;padding: 3% 10%;font-size: 12px;padding: 2% 2% 2% 10%;width: 60%;line-height: 15px;}
	.Figure01 dt {padding: 11% 0;}
	.Figure02 dt span {font-size: 11px;}
	.history_list dt {line-height: 53px;font-size: 1.1em;}
	.history_2009 {padding-top: 15px;}
	.history_2010 {padding-top: 0;}

	.sub_herb li {width: 49%;margin-right: 1%;}
	.sub_herb li p span {font-size: 13px;}

	.sub_herb li b {padding: 44px 0;font-size: 0.8em;}
	.page_navigation {font-size: 0.8em;}

	.company h5 {font-size: 20px;line-height: 30px;padding-bottom: 15px;}
	.Figure01 dt {background-size: 100%;font-size: 0.9em;line-height: 14px;background-position-y: 20px;}
	.Figure02 dt {background-size: 100%;font-size: 0.9em;line-height: 13px;padding: 10% 0;background-position-y: 20px;}
	.Figure01 dd {background: url(../image/sub/company_Figure02_s.png) no-repeat;background-size: 100%;font-size: 12px;padding: 7% 5% 7% 9%;width: 64%;line-height: 15px;}
	.Figure02 dd {background: url(../image/sub/company_Figure02_s.png) no-repeat;background-size: 100%;font-size: 12px;padding: 4% 5% 4% 10%;width: 64%;line-height: 14px;}

	.sub_herb li b {padding: 54px 0;font-size: 1em;background-size: 50%;}
	
	table.type09 thead th, table.type09 tbody th, table.type09 td {font-size:12px;}
	table.type09 tbody th {width: 25%;}
	table.type09 td {width: 75%;}
		.banner3 a {
      background-size: 40px;
    font-size: 10px;}
	div.wrap_responsive div span.qmenu_name{font-size:12px;}
	#cscenter_info span.cs_number{font-size:16px;}
	#cscenter_info span.cs_time{font-size:10px;}
	#tb_main .inputsize1{width:95%}
	#tb_main .inputsize2{width:100px;}
	#tb_main .inputsize3{width:95%;}
	#tb_main .tb1, #tb_main .tb2 {font-size:12px;}
	#tb_main .tb1{padding-left:5px; width:78px;}
	#tb_main .tb2 {padding-left:0px; padding-right:5px;}
	#tb_po td:nth-child(3), #tb_po th:nth-child(3){display:none;}

	.complete_message2 span.text1{font-size:26px; }
	.complete_message2 span.text3{font-size:26px; display:block }
	
	.cs_confirmbox { display: none; }
	.cs_notice {display: none; }
	.cs_claacenter { width: 100%; border-top: 0; height: 304px;}

	p.cs_p01 {
		background: url(../images/main/main_cs_customer01.png) no-repeat 10% center;
		width: 70%;
		padding-left: 30%;
		border-bottom: 1px dotted #d9d9d9;
		padding-bottom: 5%;
		padding-top: 5%;
	}

	.cs_claacenter .cs_p01 .qmenu_name { font-size: 15px; }
	.cs_claacenter .cs_p01 .qmenu_name2 { font-size: 20px !important; }
	.cs_claacenter .cs_p01 .qmenu_name3 { font-size: 15px; }

	p.cs_p02 {
		background: url(../images/main/main_cs_customer02.png) no-repeat 10% center;
		padding-top: 5%;
		padding-bottom: 5%;
		border-bottom: 1px dotted #d9d9d9;
		width: 70%;
		padding-left: 30%;
	}

	.cs_claacenter .cs_p02 .qmenu_name { font-size: 15px; }
	.cs_claacenter .cs_p02 .qmenu_name2 { font-size: 20px !important; }

	p.cs_p03 {
		margin-bottom: 5%;
		background: url();
	}

}


@media screen and (max-width: 400px){
	ul.goods li.all_pro p{display:none;}
	.cart_m img{
		width:80px;
	    margin-right: 10px;
	}
	b.sum{
		display:block;
	}

	span.sub_money { width: 75.5%; }

/*** bswood23 ***/
	.slider-wrap .box { height: 160px; }
	.slider img, .slider2 img, .slider3 img, .slider4 img { width: 106px; height: 106px; }

}

@media screen and (max-width: 394px){
#tb_ju td:nth-child(6), #tb_ju th:nth-child(6){display:none;}
#tb_po td.tb_1{min-width:160px;}

table.mypage_board th, table.mypage_board td { font-size: 13px; }
.text_one { width: 150px; font-size: 12px; }

input.id_password { width: 25%; }
}
/**  360px  **/
@media screen and (max-width: 360px){
	.history_2009 {padding-top: 15px;}
	.history_list dt {line-height: 45px;}
	.Figure01 dt, .Figure02 dt {width: 21%;padding: 9% 0;background-position-y: 10px;}
	.Figure02 dd {padding: 2% 5% 4% 10%;}
	.sub_herb li b {padding: 48px 0;font-size: 1em;background-size: 50%;}
	.proInfo h4 {
		padding-top: 10px;
		font-size: 18px;
	}
	.detail_tb th, .detail_tb td, .detail_tb2 th, .detail_tb2 td{font-size: 12px;}
	div.wrap_responsive div span.qmenu_name,div.wrap_responsive div span.qmenu_name2, #cscenter_info span.cs_time{display:none;}
	div#bottom_qmenu div.wrap_responsive .qmenu_inbox img{display:block; margin:0 auto; width:35px; height:31px;}
	#tb_main .inputsize2{width:38%;}
	#tb_main a.btn_basic3{padding:7px;}
	.btn_wrap a.btn_basic, .btn_wrap a.btn_basic2{width:88px;}
	.order_info_ul li.tb_2.input3 input.input_{width:28%}
	li.tb_2.input2.cols3.rows2 input{width:50px;}

/*** bswood23 **/
	ul.tabs li { height: 35px; line-height: 34px; font-size: 12px; width: 22%; }

	.tab_none { top: 7px; }
	a.tab_none img { width: 60%; }

}

/**  350px  **/
@media screen and (max-width: 350px){
	.cs_claacenter .cs_p01 .qmenu_name { font-size: 13px; }
	.cs_claacenter .cs_p01 .qmenu_name2 { font-size: 18px !important; }
	.cs_claacenter .cs_p01 .qmenu_name3 { font-size: 13px; }
	.cs_claacenter .cs_p02 .qmenu_name { font-size: 13px; }
	.cs_claacenter .cs_p02 .qmenu_name2 { font-size: 18px !important; }
	
	ul.sub_titlename li { width: 50%; }

	li.sub_down_btn2 a { border-top: 0 !important;}

	div#freshMyeolchi span {
		font-size: 10px;
		padding-top: 1.5%;
		color: #fff;
		opacity: 1;
		font-weight: 100;
	}

/*** bswood23 ***/
	.slider-wrap .box { height: 140px; }
	.slider img, .slider2 img, .slider3 img, .slider4 img { width: 92px; height: 92px; }
	.slider span, .slider2 span, .slider3 span, .slider4 span {  font-size: 10px; }

}

/**  340px  **/
@media screen and (max-width: 340px){
td input.input_.sp_number_input {
    width: 54%;
}
.sub_cont01.companny01 th { width: 23%; }
ul#header_menu { padding-top: 18%; }
}

/**  320px  **/
@media screen and (max-width: 320px){
	.history_2009 {padding-top: 15px;}
	.Figure01 dd, .Figure02 dd {background: url(../image/sub/company_Figure02_b.png) no-repeat;background-size: 100%;}
	.history_list dt {width: 13%;line-height: 39px;font-size: 1em;}

	.sub_herb li b {padding: 43px 0;font-size: 0.9em;}

	.certification li p {font-size:0.7em !important;}
	#mymu ul li span{font-size:12px;}
	table.join_id_pass tr td a{font-size:12px;}

/*** bswood23 ***/
	.slider-wrap .box { height: 130px; }
	.slider img, .slider2 img, .slider3 img, .slider4 img { width: 82px; height: 82px; }
	td.list_st li a { font-size: 13px; }

}.

