/***************************************/
/* MEDIAQUERIES */
/***************************************/
@media screen and (max-width:1210px){
	#header_menu > li { padding: 0 9%; text-align: center; }
	li.accordion_menu.last_menu { padding: 0 0 0 9% !important; }
}

@media screen and (max-width:1200px){
	table.wrap_tbl_joininfo{border-left:none; border-right:none;}

	#top_menu { right: 1%; }
	.bx-wrapper .bx-prev { left: 0px !important; }
	.bx-wrapper .bx-next { right: 0px !important; }
	.notice_cont_inr { padding-left: 3%; }
	#slides .cycle-pager { left: 2%; margin-left: 0px; }

.sub_top_bg { height: auto; }
.sub_top_bg img { display: block; }


}


@media screen and (max-width:1199px){
.wrap{width:100%;}
.slides-container > div { height: auto; }
.slides-container img { display: block; }
}


@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;}
	li.accordion_menu.last_menu { padding: 0 0 0 8% !important; }


	#sm { display:none;  }
	#sub_con_container { width: 98%; padding: 0 1%; }

}


@media (max-width: 959px){
	.wrap { width: auto;}
	#header_inner { width: auto; }
	#header { border-bottom: 1px solid #ddd; }
	#top_menu{display:none;}
	h1{ float:none; width:168px; margin:0 auto; padding:10px 0; }
	h1 img {height:35px;}
	#util .gnb {display:none;}
	#btn_menu {
	left: 10px;
    position: absolute;
    z-index: 99;
    padding-left: 10px;
    top: 50%;
	margin-top:-11px; 
	}

	#main_menu{height:100% !important;}
	div#visualButten li img { margin-left: 10%; }
	#btn_menu span{background: url('../image/mobile/icon_menu.png') center top no-repeat; display: block; position: relative; height: 22px; width:27px;	}
	#util {position: relative;padding: 4% 0;}
	a#icon_search {background: url('../image/mobile/icon_search.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; right: 10px; padding:0; top:5px;}
	.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;padding-left: 6%;}
	.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 { left: 280px; 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; right: 20px;}
    

	#main_menu {box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.4) !important;
		background: #2d2d2d !important;
		overflow: hidden;
		margin-top: 0;
		width: 320px;
		margin: 0;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 999;
	}
	#header_menu > li {clear: both;width: 100%;text-align: left;border-bottom: 1px solid #3c3c3c; padding:0;}
	li.accordion_menu.last_menu { padding: 0% !important; }
	ul#header_menu {padding-top:12%}
	#header_menu li ul li { border-top: 0; }

	#main_menu ul {
		height: auto !important;
		margin: 0;
		background: none;
	}

	#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%;}

	.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;}
	.sub_brand {background: url(../image/sub/brand_img.png) top right no-repeat;background-size: 60%;}
	.com_top { width:100%; height:auto; background:url(); }


	/********  Shop  *********/
	.prd_box, .search_pro td {width: 50%;float: left;}
	td a div.prdImg {width: 98%;}
	.proInfo h4 {font-size: 1.3em;font-weight: 500;}
	.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;
	}
.product_list ul li{width: 49%; float: left; margin: 0 0.5%;}
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%;
	}
	ul.brand li{
		float:left;
		width:25%;
		text-align: center;
		padding: 5px 0;
	}
	.cart_menu ul li span{
		font-size:13px;
		line-height:25px;
	}
	.cart_menu ul li img{
		height:25px;
		padding-left: 1em;
	}
}

/**  900px  **/
@media screen and (max-width: 900px){
li.cs_info.number { font-size: 30px; }
}

/**  820px  **/
@media screen and (max-width: 820px){
div#visualButten li img { margin-left: 6%; }

	.sct_banner li { width: 33.3%; }

}

/**  800px  **/
@media screen and (max-width: 800px){
.mea_banner ul li { width: 25%;}

.history_content { background: url(../image/main/history_bg2.png) no-repeat top left!important; overflow: hidden; }
.history_content li.left { float: left; text-align: left; margin-right: 0; padding-right: 0; padding-left: 125px; background: url(../image/main/history_bg_one.png) no-repeat 73px 16px; }
.history_content li.right { margin-left: 0; padding-left: 125px; background: url(../image/main/history_bg_one.png) no-repeat 73px 16px; width: 76%; }
ul.today .right:first-child { margin-top: 0; }

}


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

	.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.3em; font-size:12px;}
	#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;}

.notice_cont_inr { width: 100%; border-bottom: 1px solid #d9d9d9; }
.btm_cnt_acc { width: 50%; border-left:0 !important; }
.qna_cont_inr { width: 50%; }
li.cs_info.number { font-size: 34px; }
}

@media screen and (max-width: 754px){
#mymu ul li { width: 16.4%; }
}

@media screen and (max-width: 754px){
	#tb_main .inputsize1{width:200px}
	#tb_main .inputsize2{width:100px;}
	#tb_main .inputsize3{width:95%;}

	div#visualButten li img { display:none; }
	div#visualButten ul li a { text-align: center; }
	div#Product_info h2 { font-size: 30px; }

}

@media screen and (max-width: 745px){
#mymu ul li { width: 16.4%; }

}

@media screen and (max-width: 700px){
.price_{font-size:1em; float: none; text-align:center; margin-top:0; padding-top: 0;	}
.goods_name_{font-size:1em; float: none; text-align: center; width:100%;}
	.cart_pc{display:none}
	.cart_m{
		display:block;
		clear: both;
	}
	.cart_m.m_end{display:block;}
	
	.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;}

	.img_size .price_, li.prd_box .price_{
		font-size:1em;
		float:none;
		text-align:center;
		margin-top:0;
		padding-top:0;
	}
div.btn_collect a.blue_btn, div.btn_collect a.gary_btn, div.btn_collect a.white_btn{width:32.6%;}
}

@media screen and (max-width: 670px){
#visualMenu{display:none;}

}

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

}

@media screen and (max-width: 630px){
#mymu ul{display:block;}
#mymu ul li a{padding: 15% 0}
#mymu ul li img{display:none;}
#mymu ul li span{margin-top:0;}
#mymu ul li { width: 33%;}
li.line_2nd { border-top: 0 !important; }
li.line_break { border-left: 1px solid #ccc !important; }
}

@media screen and (max-width: 613px){
#mymu ul li.line_break{border-left:1px solid #ccc;}
#mymu ul li.line_2nd{border-top:none;}
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;}
.copyright { margin: 30px 0 30px 0; }
img.top_btn { display: none; }
}
@media screen and (max-width: 600px){

	div#sub_con_container h2 { margin-bottom: 0; }

	.sct_banner li { width: 50%; }

	.mea_banner ul li { width: 33.3%; }

	div#sub_con_container h2 {
		font-size: 21px;
	}

	.proDetail img{
		max-width:100%;
		height: auto;
	}

	.img_size .goods_name_, li.prd_box .goods_name_ {
		float:none;
		text-align:center;
	}

	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; 
		text-align:center;
	}
	.proDetail div{padding-bottom: 0px !important;}
	ul.brand li{
		padding: 3px 0;
	}
	.list_st {
    padding: 10px 20px;
	}
	#category_list{
		margin:10px 0;
	}
	.page_navigation{display:none;	}

	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{
		padding-left:10px;
	    font-size: 16px;
	}
.order_info_ul h3{
		font-size:16px;
		padding-left:10px;
	}
.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%;}


}
@media screen and (max-width: 596px){
#tb_ju td:nth-child(7), #tb_ju th:nth-child(7){display:none;}
}

@media screen and (max-width: 545px){
.btm_cnt_acc {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}

.qna_cont_inr { width: 100%; border-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;}
}



/**  505px  **/
@media screen and (max-width: 505px){
	.banner3 a {
		  background-size: 52px;
		font-size: 11px;}
	#cscenter_info span.cs_number{letter-spacing:0px;}

	.com_title { font-size: 15px; }
	.com_title .red { font-size: 25px; }
	.com_name {  font-size: 15px; }
}

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

div#visualButten ul li a { text-align: left; }
div#visualButten ul li a { padding: 10% 0; }
div#visualButten li img { display: block; margin:0 auto; float:none; padding-bottom: 10%; }
div#visualButten li a p { display: none; }
div#visualButten ul li a span { clear:both; text-align: center; font-size: 15px; }

}

/**  460px  **/
@media screen and (max-width: 460px){
	.tb_w_nameing { width:auto !important; }
}

@media screen and (max-width: 440px){
	.mea_banner ul li { width: 50%; }

	.tb_thereehund {
		width: 100% !important;
		text-align: center;
		display: block;
		padding: 0 !important;
	}

	#mymu ul li { width: 32.5%; }
}

/**  440px  **/
@media screen and (max-width: 440px){
	span.tb_subject.tb_thereehund { width: 100px !important; }
}

/**  425px  **/
@media screen and (max-width: 425px){
	#mymu ul li { width: 32.5%; }
}

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

	.menu_3th a {padding: 8px 10px;font-size: 0.9em;}
	.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;}
	#login_page div{border:none; padding-left:0; padding-right:0;}
	.complete_message2 span.text1{font-size:26px; }
	.complete_message2 span.text3{font-size:26px; display:block }
}
@media screen and (max-width: 400px){
	ul.goods li.all_pro p{display:none;}
	.cart_m img{
		width:80px;
	    margin-right: 10px;
	}
	.cart_m .cart_ul td.td_img{width:100px; vertical-align:top}
	b.sum{
		display:block;
	}
	.sct_banner li { width: 100%; }

	.img_size .goods_name_ { width:80%; margin: 10px auto 0; }

.history_content li.left, .history_content li.right { padding-left: 105px; }

.img_size .price_, li.prd_box .price_ { font-size: 13px; }

}

@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;}
}
/**  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; text-align: center;}
	.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;}

	div#Product_info h2 { font-size: 24px; }
}

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

}.