/***************************************/
/* MEDIAQUERIES */
/***************************************/
@media screen and (max-width:1480px){
div#side_left_wrap{position:absolute;right:0;top: 200px;}
div#side_left_bar { position: fixed; right: 20px !important; }

}


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

}
@media screen and (max-width:1199px){
.wrap{width:100%;}
}

@media screen and (max-width:1048px){
div#visualMenu ul li a p{top:45%; font-size:13px;}
div#visualMenu ul li a  img{display:none;}

}


@media (max-width: 959px){
	.wrap { width: auto;}
	#header_inner { width: auto; }
	#top_menu{display:none;}
	h1{position: relative; text-align: center; margin: 8px 0; top:0; left: 0;}
	h1 img {height:35px;}
	#util .gnb {display:none;}
	#btn_menu {
	left: 10px;
    position: absolute;
    z-index: 99;
    padding-left: 10px;
    top: 5px;}
	#main_menu{height:100% !important;}
	#top_search {top: 10px;}
	#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; width: auto; }
	.review, .banner, .notice, .review, .banner img, .banner2 img, .review_img img, .movie img {width:100%;}
	.notice {width:95%;}
	

	div#side_left_wrap{position:absolute;left:1%;top: 100px;}
	div#side_left_wrap img { width: 100%; float: right; }
	div#side_left_bar { max-width: 166px; background: url(../image/main/quick_bg.png) right bottom no-repeat; background-size: 166px; }
	div#side_left_bar .close_btn .popup_close { position: absolute; top: -8px; right: -8px; width: 30px; }
	.banner2, .movie {width:50%;text-align: center;}
	.review .review_tx, .review .review_img {}
	.review_img {width: 50%;}
	.bottom_lnb, .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;}
	ul#header_menu {padding-top:12%}

	#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 {padding: 0 10px;}
	#footer img{margin-right:10px;}
	.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;}
	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% 2%;}
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;
	}

	.main_titlebar h2 { font-size: 25px; }

}




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

}

@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: 754px){
}

@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;}
	
	input[type="checkbox"] {
		width: 20px;
		height: 20px;
		vertical-align: bottom;
	}
	.popup_check input[type="checkbox"] { width: auto !important; height: auto !important; position: relative; top: -2px; }


.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%;}
#footer {text-align:center}
#footer img{clear:both; float:none; width:150px; height:auto;}
#footer .copyright{width:100%; box-sizing:border-box; text-align:center; margin-bottom:10px;}
}

@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;}


	div#side_left_wrap{position:absolute;left:1%;top: 70px;}
	div#side_left_bar { max-width: 130px; background: url(../image/main/quick_bg.png) right bottom no-repeat; background-size: 130px; }
	div#side_left_bar div span { font-size: 8px; }
	.popup_check input[type="checkbox"] { top: -3px; }

}
@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;}
}
@media screen and (max-width: 600px){
	.proDetail img{
		max-width:100%;
		height: auto !IMPORTANT;
	}
	#sub_con_container{
		margin-top:0;
	}
	.img_size .goods_name_, li.prd_box .goods_name_ {
		font-size:1em;
		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%;}

	/*더보기버튼*/
	.show_more {padding: 8px; width: 115px; font-size: 15px;}

}
@media screen and (max-width: 596px){
#mymu ul{display:block;}
#mymu ul li a{padding: 10px 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;}

}
@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;}
	div#side_left_wrap{position:absolute;left:1%;top: 50px;}


}

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

}

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

/**  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: 380px){
	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;
	}

}
@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;
	}

}

@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;}
	div#side_left_wrap{position:absolute;left:1%;top: 50px;}



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

/**  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;}
	div#side_left_wrap{position:absolute;left:1%;top: 50px;}
	div#side_left_wrap img {
    width: 35%;
}
div#side_left_bar {
    right: -135px !important;
}



}