@charset "utf-8";
.display_pc{display: block;}
.display_m{display: none;}

@media screen and (max-width:1200px){
	#hd_wrapper{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	/*.inner{padding-left: 2%;padding-right: 2%}*/
	/*데스크탑*/

}

@media screen and (max-width:1024px){
	/*아이패드 landscape*/
	.display_pc{display: none;}
	.display_m{display: block;}
	.mbtn_wrap{display: block;}

	/*MAIN*/
	#hd_wrapper{position: relative; height: 80px; padding:0 20px; box-sizing: border-box;}
	header .headline{display: none;}
	header .nav_wrap{height: 100%; width: auto;box-sizing: border-box;}
	header .nav_wrap .gnb{display: none;}
	header .lnb_bg{display: none;}
	header .nav_wrap .lnb{height: 100%;}
	header .nav_wrap .lnb > ul{display: none;}
	header .nav_wrap .lnb .lang_wrap{position: absolute; top: 50%; transform: translateY(-50%);}
	#logo{text-align: center; float: none; padding:0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
	#logo a{display: block;}

	article.visual .slide_wrap ul li.slick-slide{padding-bottom: 550px;}

	article.product .prd_li_wrap ul{overflow: hidden;}
	article.product .prd_li_wrap .slick-track{height: 417px; overflow: hidden;}
	article.product .prd_li_wrap li .img{padding-bottom: 200px;}
	article.product .prd_li_wrap li .txt{margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .tit_prod{margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .desc_prod{padding:0 15%;}
	article.product .prd_li_wrap li .btn{margin-bottom: 4.7%;}

	/*article.product .prd_li_wrap{padding:0 20px;}
	article.product .prd_li_wrap li{width: 100%; border-left: 1px solid #dadada; margin-top: 20px;}
	article.product .prd_li_wrap li:first-child{margin-top: 0;}
	article.product .prd_li_wrap li .img{padding-bottom: 200px;}
	article.product .prd_li_wrap li .txt{margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .tit_prod{font-size: 1.375em; margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .desc_prod{font-size: 1.0em; height: auto;}
	article.product .prd_li_wrap li .btn{margin-bottom: 4.7%;}
	article.product .prd_li_wrap li .btn a{font-size: 1.125em;}*/

	article.rndcenter .rnd_l_area{width: 100%; float: none; padding:0; }
	article.rndcenter .rnd_t1{margin-bottom: 0; background-repeat: repeat; height: auto; min-height: 260px;}
	article.rndcenter .rnd_t2{width: 50%; height: auto;  min-height: 260px; background-position: right 20px bottom 20px;}
	article.rndcenter .rnd_t3{width: 50%; height: auto;  min-height: 260px; background-position: right 20px bottom 20px;}
	article.rndcenter .rnd_r_area{}
	article.rndcenter .rnd_tile a{padding:20px 20px;}
	article.rndcenter .rnd_tile .tit_rnd{padding:0 0 10px 0; font-size: 1.375em; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
	article.rndcenter .rnd_tile .desc_rnd{margin-top: 8px;line-height: 1.35}

	article.rndcenter .rnd_r_area{ width:100%;float:none; overflow:hidden;}
	article.rndcenter .rnd_tile{ width:33.3% !important;margin:0 !important; float:left;}
	article.rndcenter .rnd_tile.rnd_t1{ width:100% !important ;background-size:100% 100%;}
	article.rndcenter .rnd_tile.rnd_t2 .desc_rnd{}
	article.rndcenter .rnd_tile.rnd_t3 .desc_rnd{}
	article.prcenter .pr_li_wrap{padding:0 20px; box-sizing: border-box;}
	article.prcenter .pr_li_wrap .prmov_wrap{width: 100%; padding-right: 0; float: none; margin-bottom: 20px;}
	article.prcenter .pr_li_wrap .prgal_wrap{width: 100%; padding-left: 0; float: none;}
	article.prcenter .pr_li_wrap .prmov_wrap .txt .tit_pr{font-size: 1.375em;}
	article.prcenter .pr_li_wrap .prmov_wrap .txt .desc_pr{font-size: 1.0em; height: auto; line-height: 1.39em;}
	article.prcenter .pr_li_wrap .prgal .txt .tit_pr{font-size: 1.375em; height: 61px;}
	article.prcenter .pr_li_wrap .prgal .txt .desc_pr{font-size: 1.0em; line-height: 1.39em; height: 110px; -webkit-line-clamp:5;}
	footer .privacy_wrap{margin:0 auto; height: 10px;}
	footer .privacy_wrap a{font-size: 1.0em; padding:0 8px;}
	footer .famsite_wrap{display: none;}
	footer .foot_wrap{padding:20px 0;}
	footer .foot_wrap .flogo_wrap{display: none;}
	footer .kosdaq_wrap{display: none;}
	footer .address_wrap{float: none; width: 100%; padding:0 20px; text-align: center;}
	footer .address_wrap .row{margin-bottom: 20px;}
	footer .address_wrap .row b{width: 100%; font-size: 1.143em; margin-bottom: 15px;}
	footer .address_wrap .copyright{margin-top: 0; font-size: 1.0em;}
	footer .btn_top_wrap{display: block;}

	/*SUB*/
	/* section.sub .visual_wrap .visual_bg{height: 95px;} */
	/* 메뉴 변경 추가건 s */
	section.sub .visual_wrap .visual_bg{height: 55vw;}
	/* 메뉴 변경 추가건 e */
	section.contents_wrap > .inner > nav{display: none;}
	section.contents_wrap .contents{width: 100%; float: none; padding:0 5%; box-sizing: border-box;}
	/*.tab_wrap li{font-size: 1em;}*/

	section.sub .path_wrap .snb .depth_1.display_pc{display: none;}
	section.sub .path_wrap .snb .depth_1.display_m{display: block;}
	section.sub .path_wrap .snb .depth_2.display_pc{display: none;}
	section.sub .path_wrap .snb .depth_2.display_m{display: block;}
	section.sub .path_wrap .snb .home{display: none;}
	section.sub .path_wrap{padding:0;}
	section.sub .path_wrap .snb .depth{width: 50%;}

	.cont_tbl_wrap table th, .cont_tbl_wrap table td{word-break: normal;}
	.technology_wrap li .txt p{word-break: keep-all;}


	/*.ci_wrap .img{float: none; margin:0 auto;}
	.ci_wrap .txt{width: 100%; float: none; margin-top: 5%;}
	.lang_logo_wrap .eng_wrap .img{float: none; margin:0 auto;}
	.lang_logo_wrap .eng_wrap .btn_wrap{max-width: 253px; width: 100%; float: none; margin:5% auto 0;}*/
	.sunbioetc_wrap li{width: 100%;}
	.sunbio2_wrap li{width: 50%;}

}
@media screen and (max-width:960px){
	.lang_logo_wrap .eng_wrap .img{max-width: none; width: 90%;}
	.lang_logo_wrap .eng_wrap .btn_wrap{width: 90%; margin-left: 0; margin-top: 5%;}

}
@media screen and (max-width:768px){
	/*아이패드 portrait*/
	#bo_gall #gall_ul{margin:0;}
	#bo_gall .gall_con{margin-left: 0;}
	#bo_gall .gall_li{width: 100% !important;}
	.history_wrap{width: 100%; float: none;}
	.history_img_wrap{width: 100%; float: none; }
	.history_img_wrap li{width: 50%; float: left; text-align: center; margin-top: 8%;}
	.history_img_wrap li:first-child{margin-top: 8%;}
	.history_img_wrap.mt01, .history_img_wrap.mt02{margin-top: 0;}
	.material_wrap li .txt{position: static; width: 100%;}
	.healthfood_wrap li{width: 25%;}
	.ci_wrap{margin-top: 2em}
	.ci_wrap .img{width: 100%; max-width: none; float: none;}
	.ci_wrap .txt{width: 100%; float: none; margin-top: 1.250em}
	.ci_wrap .txt .desc p{margin-bottom: 1em}

	.tab_wrap li{font-size: 1em;}
	.material_wrap{margin-bottom: 0;}
	.material_wrap li .txt{padding:20px; min-height: 185px;}
	.tab_wrap li a{word-break: keep-all;}
	.tbl_head01 thead tr th:first-child{display: none;}
	.tbl_head01 thead tr th:last-child{display: none;}
	.tbl_head01 tbody tr td:first-child{display: none;}
	.tbl_head01 tbody tr td:last-child{display: none;}

	.cont_description{background-position: center bottom;padding: 0 0 480px 0}


	.material_wrap li .txt{height: auto}
	.material_wrap li .txt .tit_yellow{margin-bottom: 0.8em}
	.stock section.contents_wrap .contents_inner{overflow-x: auto}
	.stock .iframe{width: 11%}



}
@media screen and (max-width:640px){
	/*소형태블릿 portrait*/
	.healthfood_wrap li{width: 33.3333%;}
	.qcontrol_wrap li{width: 25%;}
	.qcontrol_wrap li .txt{margin-bottom: 15px;}
	.sunbiofunc1_wrap li{width: 50%; border-left: 0; outline:1px solid #ddd;}
	.factory_flow li{width: 100%;}
	.qcontroleq_wrap li{width: 50%;}
	.qcontroleq_wrap li .img img{width: 100%;}

	article.visual .slide_wrap ul li.slick-slide{padding-bottom: 18.11%;}

	article.rndcenter .rnd_tile{ width:100% !important}
	article.rndcenter .rnd_tile .desc_rnd{}

	article.product .prd_li_wrap li .txt{margin-bottom: 1.1em}
	article.product .prd_li_wrap li .txt .desc_prod{padding: 0 5%}
	article.product .prd_li_wrap li .txt .tit_prod{margin-bottom: 3%}
	article.product .prd_li_wrap li .btn a{max-width: 80%}

	#container .main h2{padding: 10% 0 8% 0}
	article.product,article.rndcenter{padding-bottom: 10%}

	#wrapper .m_lnb{font-size: 0.933em}

	.cont_tiles_wrap li{padding: 3% 5%;height: 15em}
	.cont_tiles_wrap li .tit_tiles{font-size: 1.5em}
	.ceo .cont_title{margin-bottom: 0}

	.cont_title{font-size: 1.68em}
	.lang_logo_wrap .eng_wrap .btn_wrap a{margin-top: 4%}

	.block_m{display: block}
	.map_address .block_m{margin:0.5em 0 0 0}

	.material_wrap li .txt{padding: 10%;}
	.material_wrap li .txt .tit_yellow{margin: 0 0 5% 0}

	.cosmetics_wrap{margin-top: 10%}
	.cosmetics_wrap li{float: none;width: 100%;margin-bottom: 3%}
	.cosmetics_wrap li:after{content: '';display: block;clear: both}
	.cosmetics_wrap li .img{float: left;width: 35%}
	.cosmetics_wrap li .txt{float: right;margin: 0;width: 56.7%;padding: 0;text-align: left}
	.cosmetics_wrap li .txt p{text-align: left;line-height: 1.5}

	.konzession .cont_tbl_wrap,.result .cont_tbl_wrap{overflow-x: auto}
	.konzession .cont_tbl_wrap table,.result .cont_tbl_wrap table{width: 130%}

	.gray_box,.sunbio_box{padding: 5%}

	#bo_sch{position: relative;padding: 0 55px 0 85px}
	fieldset#bo_sch #stx{width: 100%}
	fieldset#bo_sch #sfl{position: absolute;left: 0;top:0;width: 80px}
	fieldset#bo_sch .btn_submit{position: absolute;right: 0;top:0}


	article.visual .slide_wrap ul li img{ display:none; height: auto; width: 100%;}
	article.visual .slide_wrap ul li .m{ display:block;}

}
@media screen and (max-width:600px){
	/*소형태블릿 portrait*/

}
@media screen and (max-width:480px){
	body{font-size: 14px}

	/*휴대폰 landscape*/
	header .nav_wrap .lnb .lang_wrap{width: 80px;}
	/*section.sub .path_wrap .snb .depth{width: calc(50% - 30px);}*/
	/*.healthfood_wrap li{width: 50%;}*/
	.cosmetics_wrap li{width: 100%;}


	/* 여기부터 줄임 */
	#wrapper .m_lnb{font-size: 0.88em}

	.healthfood_wrap li{width: 50%}
	.healthfood_wrap li .txt{min-height: 6em}


}
@media screen and (max-width:375px){
	body{font-size: 13px}
	/*휴대폰 landscape*/
		#wrapper .m_lnb{font-size: 0.813em}
		.tab_wrap li{font-size: 0.933em;letter-spacing: -0.08em}

}
@media screen and (max-width:320px){
/*아이폰5 portrait*/
	/*body{font-size: 13px}*/

}