@charset "utf-8";

/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/
	.clear:after {content:'';display:block;clear:both;}
	.fl {float:left;}
	.fr {float:right;}
	.ta_c {text-align:center;}
	.ta_l {text-align:left;}
	.ta_r {text-align:right;}
	.dis_table {display:table;
	table-layout:fixed;width:100%;
	margin:0;border-collapse:collapse;}
	.dis_inb {display:inline-block;}
	.dn{display:none;}

/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
body {}/*letter-spacing:-0.2px;*/
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
	/* webfont */
.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
	/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */

/*───────────────────────────────────────────────────────────
	
	paging

───────────────────────────────────────────────────────────*/
	/*페이징*/
		.paging {text-align:center;padding-top:0;line-height:initial;font-size:0;margin:48px 0 60px 0;vertical-align:top;box-sizing:border-box;}
		.paging span {display:inline-block;vertical-align:top;}
		.paging a {display:inline-block;font-size:16px;color:#aaa;font-weight:400;padding:0;border:none;box-sizing:border-box;height:auto;line-height:35px;width:auto;text-align:center; vertical-align:top;min-width:initial;}
		.paging a img {height:35px;width:33px;vertical-align:top;}
		.paging span + span a,
		.paging a + a,
		.paging a + span a{border-left:0;}
		.paging .on a,
		.paging a.on{border:1px solid #4e2d78;background:#4e2d78;color:#fff;font-weight:400;width:35px;height:35px;line-height:35px;border-radius:100%;}
		.paging .on a:hover{color:#fff;}
		.paging a:hover {color:#aaa;font-weight:400;}
		.paging .page_num + .page_num{margin-left:30px;}
		.paging a + a{margin-left:30px;}	
		.paging .arrow a {font-size:0;width:35px;height:35px;border-radius:100%;}
		.paging .arrow a img {display:none;}
		.paging .arrow.first{margin-right:5px;}
		.paging .arrow.first a {background:url('../images/sub/paging_arr_first.png')no-repeat center;background-color:#eee;background-size:auto 11px;}
		.paging .arrow.prev{margin-right:30px;}
		.paging .arrow.prev a {background:url('../images/sub/paging_arr_prev.png')no-repeat center;background-color:#eee;background-size:auto 11px;}
		.paging .arrow.next{margin-left:30px;}
		.paging .arrow.next a {background:url('../images/sub/paging_arr_next.png')no-repeat center;background-color:#eee;background-size:auto 11px;}
		.paging .arrow.last{margin-left:5px;}
		.paging .arrow.last a {background:url('../images/sub/paging_arr_last.png')no-repeat center;background-color:#eee;background-size:auto 11px;}
		.view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
		.view_btn .paging {display:inline-block;}

		/*768이하*/
		@media only screen and (max-width:768px){
			.paging{margin-top:30px;}
		}		
		/*640이하*/
		@media only screen and (max-width:640px){
			.paging a{line-height:30px;font-size:14px;}
			.paging .arrow.prev{margin-right:20px;}
			.paging .arrow.next{margin-left:20px;}
			.paging .page_num + .page_num{margin-left:20px;}
			.paging a + a{margin-left:20px;}
			.paging .on a,
			.paging a.on{width:30px;height:30px;line-height:30px;min-width:initial;}
			.paging .arrow a{width:30px;height:30px;}
		}	

/*───────────────────────────────────────────────────────────
	
	sub visual

───────────────────────────────────────────────────────────*/
	#sub_visual .sub_bg{height:0;width:100%;position:relative;padding:0 0 300px 0;}
	#sub_visual .sub_bg .img_sub_bg{width:100%;height:100%;position:absolute;top:0;left:0;}
	#sub_visual .sub_bg .img_sub_bg h2{font-size:50px;color:#fff;font-weight:500;font-family:'Noto Sans KR';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);letter-spacing:-0.03em;width:100%;text-align:center;}
	#sub_visual .sub_bg .img_sub_bg.bg_pharm h2,
	#sub_visual .sub_bg .img_sub_bg.bg_goods h2,
	#sub_visual .sub_bg .img_sub_bg.bg_adjuvant h2{color:#333;}

	/*1200이하*/
	@media only screen and (max-width:1200px){
		#sub_visual .sub_bg{padding:0 0 250px 0;}
	}
	/*900이하*/
	@media only screen and (max-width:900px){
		#sub_visual .sub_bg{padding:0 0 200px 0;}
		#sub_visual .sub_bg .img_sub_bg h2{font-size:40px;}
	}
	/*640이하*/
	@media only screen and (max-width:640px){
		#sub_visual .sub_bg{padding:0 0 150px 0;}
		#sub_visual .sub_bg .img_sub_bg h2{font-size:35px;}
	}
	/*479이하*/
	@media only screen and (max-width:479px){
		#sub_visual .sub_bg{padding:0 0 130px 0;}
		#sub_visual .sub_bg .img_sub_bg h2{font-size:30px;line-height:1;}
	}

/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	.nav_wrap {width:1591px;margin-right:0;box-sizing:border-box;border-bottom:1px solid #eee;position: absolute;right:0;background:#fff;top:-30px;z-index:8;border-radius:0 0 0 20px;}
	.nav_wrap .nav_box {border:0;margin:0;position:relative;z-index:1;font-size:0;}
	.nav_wrap .nav_box > a{display:inline-block;font-size:0;box-sizing:border-box;width:60px;height:60px;background:url('../images/sub/sub_icon_home.png')no-repeat center;background-color:#4e2d78;border-radius:0 0 0 20px;vertical-align:top;}
	.nav_wrap .nav_box .nav_step{display:inline-block;font-size:0;vertical-align:top;}
	.nav_wrap .nav_box .nav_step .nav_hd{width:240px;height:60px;line-height:60px;box-sizing:border-box;padding-left:22px;border-right:1px solid #eee;font-size:16px;color:#666;font-weight:400;display: inline-block;vertical-align:top;}
	.nav_wrap .nav_box .nav_step .nav_cont{display: inline-block;vertical-align:top;width:240px;position: relative;}
	.nav_wrap .nav_box .nav_step .nav_cont span{display:inline-block;width:100%;height:60px;line-height:60px;box-sizing:border-box;padding-left:22px;border-right:1px solid #eee;font-size:16px;color:#333;font-weight:400;background:url('../images/sub/sub_navi_arr_down.png')no-repeat;background-position:90% center;cursor:pointer;}
	.nav_wrap .nav_box .nav_step .nav_cont span.on{background:url('../images/sub/sub_navi_arr_up.png')no-repeat;background-position:90% center;color:#4e2d78;}
	.nav_wrap .nav_box .nav_step dd{display: inline-block;}
	.nav_wrap .nav_box .nav_step .nav_dep1{display: none;position: absolute;box-sizing:border-box;border:1px solid #eee;padding:22px;width:calc(100% + 1px);left:-1px;top:100%;background:#fff;}
	.nav_wrap .nav_box .nav_step .nav_dep1 li a{font-size:15px;color:#777;font-weight:400;font-family:'Noto Sans KR';display:block;width:100%;height:100%;line-height:38px;}
	.nav_wrap .nav_box .nav_step .nav_dep1 li:hover a{color:#00aca8;}
	.nav_wrap .nav_box .nav_step .nav_dep1 li a.on{color:#00aca8;font-weight:500;}

	.nav_wrap .nav_box .nav_step .good_nav{width:240px;display:inline-block;position:relative;}
	.nav_wrap .nav_box .nav_step .good_nav dd{display:block;}
	.nav_wrap .nav_box .nav_step .good_nav dd a{font-size:15px;color:#777;font-weight:400;font-family:'Noto Sans KR';display:block;width:100%;height:100%;line-height:38px;}
	.nav_wrap .nav_box .nav_step .good_nav dd:hover a{color:#00aca8;}
	.nav_wrap .nav_box .nav_step .good_nav dd.on a{color:#00aca8;font-weight:500;}
	
	.nav_wrap .nav_box .nav_step .sub_cate_wrap{display:inline-block;width:240px;margin:0;border:none;box-sizing:border-box;border-right:1px solid #eee;vertical-align:top;position: relative;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap > span{height:60px;line-height:60px;box-sizing:border-box;font-size:16px;color:#333;font-weight:400;display:block;background:url('../images/sub/sub_navi_arr_down.png')no-repeat;background-position:90% center;cursor:pointer;padding-left:22px;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap > span.on{background:url('../images/sub/sub_navi_arr_up.png')no-repeat;background-position:90% center;color:#4e2d78;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate{display: none;position: absolute;box-sizing:border-box;border:1px solid #eee;padding:22px;width:100%;top:100%;background:#fff;margin:0;line-height:initial;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li{padding:0;line-height:initial;float:none;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li + li:before{display: none;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li a{font-size:15px;color:#777;font-weight:400;font-family:'Noto Sans KR';display:block;width:100%;height:100%;line-height:38px;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li:hover a{color:#00aca8;}
	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li a.on{color:#00aca8;font-weight:500;}

	.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li.on a{color:#00aca8;font-weight:500;}
	/*1800이하*/
	@media only screen and (max-width:1800px) {
		.nav_wrap{width:80%;}
	}
	/*1400이하*/
	@media only screen and (max-width:1400px) {
		.nav_wrap{width:92%;}
	}
	/*1000이하*/
	@media only screen and (max-width:1000px) {
		.nav_wrap .nav_box > a{width:50px;height:50px;}
		.nav_wrap .nav_box .nav_step .nav_hd{width:200px;height:50px;line-height:50px;font-size:15px;}
		.nav_wrap .nav_box .nav_step .nav_cont{width:200px;}
		.nav_wrap .nav_box .nav_step .nav_cont span{height:50px;line-height:50px;font-size:15px;}
		.nav_wrap .nav_box .nav_step .nav_dep1 li a{font-size:14px;line-height:34px;}

		.nav_wrap .nav_box .nav_step .good_nav{width:200px;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap{width:200px;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap > span{height:50px;line-height:50px;font-size:15px;}
		.nav_wrap .nav_box .nav_step .good_nav dd a{font-size:14px;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li a{font-size:14px;}
	}	
	/*800이하*/
	@media only screen and (max-width:800px) {
		.nav_wrap .nav_box .nav_step .good_nav{display: none;}
	}
	/*640이하*/
	@media only screen and (max-width:640px) {
		.nav_wrap{width:100%;position:relative;border-radius:0 0 0 10px;top:0;}
		.nav_wrap .nav_box > a{border-radius:0 0 0 10px;}
		.nav_wrap .nav_box .nav_step{width:calc(100% - 50px);}
		.nav_wrap .nav_box .nav_step .nav_hd{display: none;}
		.nav_wrap .nav_box .nav_step .nav_cont{width:100%;}
		.nav_wrap .nav_box .nav_step .nav_cont span{background-position:96% center;}
		.nav_wrap .nav_box .nav_step .nav_cont span.on{background-position:96% center;}

		.nav_wrap .nav_box .nav_step .sub_cate_wrap{width:100%;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap > span{background-position:96% center;}
	}
	/*479이하*/
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box .nav_step .nav_cont span{line-height:52px;font-size:16px;padding-left:15px;background:url('../images/sub/m_sub_navi_arr_down.png')no-repeat;background-size:auto 9px;background-position:95.5% center;letter-spacing:-0.03em;}
		.nav_wrap .nav_box .nav_step .nav_cont span.on{background:url('../images/sub/m_sub_navi_arr_up.png')no-repeat;background-size:auto 9px;background-position:95.5% center;}
		.nav_wrap .nav_box .nav_step .nav_dep1{padding:15px;}
		.nav_wrap .nav_box .nav_step .nav_dep1 li:hover a{color:#777;}
		.nav_wrap .nav_box .nav_step .nav_dep1 li{line-height:29px;}

		.nav_wrap .nav_box .nav_step .sub_cate_wrap > span{line-height:52px;font-size:16px;padding-left:15px;background:url('../images/sub/m_sub_navi_arr_down.png')no-repeat;background-size:auto 9px;background-position:95.5% center;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap > span.on{background:url('../images/sub/m_sub_navi_arr_up.png')no-repeat;background-size:auto 9px;background-position:95.5% center;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate{padding:15px;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li:hover{color:#777;}
		.nav_wrap .nav_box .nav_step .sub_cate_wrap ul.sub_cate li a{line-height:29px;}
	}


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
/* custom button type */
	/* button 공통 요소 */
.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
	/* button 크기별 */
.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
.btn {width:108px;height:40px;line-height:38px;font-size:15px;}
.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
	/* button 색상별 */
.btn_point, .btn_point:hover {border-color:#222 !important;background-color:#222 !important;color:#fff !important;}
.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
	/* button wrapper */
.btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-block;}
.btn_wrap.ta_center {width:100%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:12px;vertical-align:top;}
.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

@media only screen and (max-width:1200px) {
		/* button wrapper */
	.btn_wrap {padding-top:3.8%;}
}
@media only screen and (max-width:1023px) {
		/* button wrapper */
	.btn_wrap {padding-top:4.2%;}
	.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
}
@media only screen and (max-width:860px) {

}
@media only screen and (max-width:767px) {
		/* button wrapper */
	.btn_wrap {padding-top:5.2%;}
}
@media only screen and (max-width:640px) {
		/* button wrapper */
	.btn_wrap {padding-top:5.8%;}
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:8px;}
}
@media only screen and (max-width:479px) {
		/* button 크기별 */
	.btn_wd {font-size:16px;}
	.btn {width:70px;font-size:13px;}
	.btn_lg {width:72px;font-size:13px;}
	.btn_md {width:60px;font-size:12px;}
	.btn_sm {padding:0 4px;font-size:12px;}
		/* button wrapper */
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:6px;}
	.view_btn .paging {width:100%;min-height:87px;}
	.view_btn .paging + .btn_wrap.ta_right{top:70px;}
}
@media only screen and (max-width:320px) {
		/* button 크기별 */
	.btn {width:68px;}
	.btn_md {width:44px;font-size:12px;}
}

/*───────────────────────────────────────────────────────────

	 sub 타이틀

───────────────────────────────────────────────────────────*/
	#content > .sub_tit{text-align:center;}
	#content > .sub_tit h3{font-size:42px;color:#333;font-weight:400;letter-spacing:-0.03em;}
	#content > .sub_tit p{font-size:20px;color:#444;font-weight:300;font-family:'Noto Sans KR';letter-spacing:-0.03em;line-height:32px;word-break:keep-all;}
	#content > .sub_tit h3 + p{margin-top:14px;}

	/*1200이하*/
	@media only screen and (max-width:1200px) {
		#content > .sub_tit p{font-size:18px;}
	}
	/*1100이하*/
	@media only screen and (max-width:1100px) {
		#content > .sub_tit h3{font-size:36px;}
		#content > .sub_tit p{font-size:16px;line-height:30px;}
	}
	/*1000이하*/
	@media only screen and (max-width:1000px) {
		#content > .sub_tit p br{display:none;}
	}
	/*800이하*/
	@media only screen and (max-width:800px) {
		#content > .sub_tit h3{font-size:34px;}	
		#content > .sub_tit h3 + p{margin-top:10px;}
		#content > .sub_tit p{font-size:15px;line-height:27px;}
	}
	/*479이하*/
	@media only screen and (max-width:479px) {
		#content > .sub_tit h3{font-size:26px;}
		#content > .sub_tit h3 + p{margin-top:9px;}
		#content > .sub_tit p{font-size:16px;line-height:25px;}
		#content > .sub_tit p br{display: inline-block;}	

	}

/*───────────────────────────────────────────────────────────

	 사업영역 | /business/business_list.html

───────────────────────────────────────────────────────────*/
	.business#contents_wrap{padding-top:95px;}
	.business_business_list .sub_cont{padding-top:0;}
	.sub_business_list{margin-top:-15px;padding-bottom:19px;}
	.sub_business_list ul li{position: relative;}
	.sub_business_list ul li + li{margin-top:80px;}
	.sub_business_list ul li > div{float: left;}
	.sub_business_list .business_list_img{box-sizing:border-box;width:560px;height:380px;border-radius:20px;overflow:hidden;position: relative;}
	.sub_business_list .business_list_img .img{width:100%;height:100%;transform:scale(1);transition:transform 0.5s;}
	.sub_business_list .business_chemical .business_list_img .img{background:url('../images/sub/business_img01.jpg')no-repeat center;background-size:cover;}
	.sub_business_list .business_cosmetic .business_list_img .img{background:url('../images/sub/business_img02.jpg')no-repeat center;background-size:cover;}
	
	.sub_business_list .list_txt{padding-left:60px;}
	.sub_business_list .business_cosmetic .list_txt{padding:30px 0 45px 60px;}
	.sub_business_list .list_txt h3{font-size:30px;font-weight:500;font-family:'Noto Sans KR';letter-spacing:-0.02em;margin-top:5px;margin-left:-2px;}
	.sub_business_list .business_chemical h3{color:#00aca8;}
	.sub_business_list .business_cosmetic h3{color:#4d2d78;}
	.sub_business_list .list_txt .list_cont{margin:16px 0 34px 0;}
	.sub_business_list .list_txt .list_cont p{font-size:18px;color:#444;font-weight:300;font-family:'Noto Sans KR';line-height:30px;letter-spacing:-0.03em;word-break:keep-all;}

	.sub_business_list .list_txt a{display:inline-block;width:150px;height:54px;line-height:54px;text-align:center;border-radius:27px;box-sizing:border-box;font-size:17px;color:#fff;font-weight:400;}
	.sub_business_list .business_chemical a{background:#00aca8;}
	.sub_business_list .business_cosmetic a{background:#4d2d78;}

	/*hover*/
		.sub_business_list ul li:hover .business_list_img .img{width:100%;transform:scale(1.1);transition:transform 0.5s;}
		.sub_business_list .business_chemical a:hover{background:rgba(0,172,168,0.8);}
		.sub_business_list .business_cosmetic a:hover{background:rgba(77,45,120,0.8);}

	/*1350이하*/
	@media only screen and (max-width:1350px) {
		.sub_business_list .business_list_img{width:480px;}
		.sub_business_list .list_txt{width:50%;}
	}
	/*1200이하*/
	@media only screen and (max-width:1200px) {
		.sub_business_list .business_list_img{width:450px;height:360px;}
		.sub_business_list .list_txt{padding-left:50px;}
		.sub_business_list .business_cosmetic .list_txt{padding:25px 0 45px 50px;}
		.sub_business_list .list_txt .list_cont p{font-size:17px;}
	}
	/*1100이하*/
	@media only screen and (max-width:1100px) {
		.sub_business_list .business_list_img{width:50%;}
		.sub_business_list .list_txt{box-sizing:border-box;}
		.sub_business_list .business_cosmetic .list_txt{padding:6px 0 20px 50px;}
		.sub_business_list .list_txt .list_cont p br{display: none;}
	}
	/*1000이하*/
	@media only screen and (max-width:1000px) {
		.sub_business_list .business_cosmetic .list_txt{padding:0 0 0 50px;}
	}
	/*800이하*/
	@media only screen and (max-width:800px) {
		.sub_business_list{margin-top:0;}
		.sub_business_list .business_list_img{float:none;width:100%;height:450px;}
		.sub_business_list .list_txt{padding:0;width:100%;float:none;}
		.sub_business_list .business_cosmetic .list_txt{padding:0;}
		.sub_business_list .list_txt h3{margin-top:30px;}

		.sub_business_list .list_txt .list_cont p{font-size:18px;}
	}
	/*640이하*/
	@media only screen and (max-width:640px) {
		.sub_business_list{margin-top:30px;}
		.sub_business_list ul li + li{margin-top:45px;}
		.sub_business_list .business_list_img{height:350px;}
		.sub_business_list .list_txt h3{font-size:28px;}
		.sub_business_list .list_txt .list_cont{margin:16px 0 20px 0;}
		.sub_business_list .list_txt .list_cont p{font-size:16px;line-height:27px;}
		.sub_business_list .list_txt a{width:120px;height:40px;line-height:40px;font-size:16px;}
	}
	/*479이하*/
	@media only screen and (max-width:479px) {
		.business#contents_wrap{padding-top:30px;}
		.sub_business_list{margin-top:9px;padding-bottom:23px;}
		.sub_business_list ul li + li{margin-top:60px;}
		.sub_business_list .business_list_img{height:234px;border-radius:15px;}

		.sub_business_list .list_txt h3{font-size:22px;margin-left:0;margin-top:17px;}
		.sub_business_list .list_txt .list_cont{margin:14px 0 25px 0;}
		.sub_business_list .list_txt .list_cont p{line-height:25px;}
		.sub_business_list .list_txt a{width:100px;font-size:15px;line-height:38px;font-weight:300;}

		.sub_business_list ul li:hover .business_list_img .img{transform:scale(1);}
		.sub_business_list .business_chemical a:hover{background:#00aca8;}
		.sub_business_list .business_cosmetic a:hover{background:#4d2d78;}
	}
	/*320이하*/
	@media only screen and (max-width:320px) {
		.sub_business_list .business_list_img{height:190px;}	
		.sub_business_list .list_txt .list_cont p{font-size:15px;line-height:23px;}
	}

	

/*───────────────────────────────────────────────────────────
	
	비즈니스파트너

───────────────────────────────────────────────────────────*/
.sub_business {padding-top:80px;}
.sub_business .business_map {}
.sub_business .business_map img {width:100%;}
.sub_business .business_list {margin-top:100px;}
.sub_business .business_list .desc {font-size:20px;line-height:1;font-weight:400;color:#333333;padding:0 0 29px;}

	@media only screen and (max-width:1280px){
		.sub_business {padding-top:6.6%;}
		.sub_business .business_list {margin-top:8.3%;}
		.sub_business .business_list .desc {font-size:20px;padding:0 0 2.4%;}
	}
	@media only screen and (max-width:1023px){
		.sub_business .business_list .desc {font-size:18px;}
	}
	@media only screen and (max-width:860px){
		.sub_business .business_list .desc {font-size:17px;}
		
	}
	@media only screen and (max-width:767px){
		.sub_business .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:first-child, .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:last-child {width:43.35%;}
	}
	@media only screen and (max-width:720px){
		.sub_business .business_list .desc {font-size:16px;}
	}
	@media only screen and (max-width:640px){
		.sub_business {padding-top:30px;} 
		.sub_business .business_list {margin-top:55px;}
		.sub_business .business_list .desc {font-size:15px;line-height:20px;padding-bottom:13px;}
		.sub_business .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:first-child, .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:last-child {width:50%;}
		.sub_business .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:nth-child(2) {width:20%;}
	}
	@media only screen and (max-width:345px){
		.sub_business .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:first-child, .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:last-child {width: 10%;}
		.sub_business .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:nth-child(2) {width: 5%;}
	}

/*───────────────────────────────────────────────────────────

	 게시판 | board

───────────────────────────────────────────────────────────*/
	/*공통*/
		#wrap.sub_board .sub_cont{padding-top:0;}
		/*검색창*/
			.sub_board .board_search{text-align:center;padding:20px 0;margin:34px 0 40px 0;background:#f5f5f5;}
			.sub_board .board_search select, .sub_board .board_search input.input_text{margin-right:10px;}
			.sub_board .board_search select{width:170px;height:50px;line-height:50px;border-radius:10px;border:none;font-size:18px;color:#666;font-weight:400;padding-left:20px;appearance:none;-webkit-appearance:none;-ms-appearacne:none;background:url('../images/sub/select_arr.png')no-repeat;background-color:#fff;background-position:88% center;}
			.sub_board .board_search select::-ms-expand{display:none;}
			.sub_board .board_search input.input_text{width:360px;height:50px;line-height:50px;border:none;border-radius:10px;padding-left:20px;}
			.sub_board .board_search .btn_md{width:90px;height:50px;line-height:52px;border-radius:10px;border:none !important;background:#444 !important;font-size:18px;color:#fff;font-weight:400;}
			.sub_board .board_search .btn_md:hover{background:rgba(68,68,68,0.8) !important;}
			
		/*테이블*/
			.sub_board .scroll{font-size:14px;color:333;font-weight:400;display:none;}
			.sub_board .table_wrap .swiper-scrollbar{position:static;margin:20px auto 0 auto;}
			.sub_board .table_wrap .swiper-scrollbar-drag{background:#333;}
			.sub_board table.bbs_list th, .sub_board table.bbs_list td{line-height:1;box-sizing:border-box;}
			.sub_board table.bbs_list th{padding:19px 12px 17px;}
			.sub_board table.bbs_list th.board_num{width:64px;}
			.sub_board table.bbs_list th.board_con{width:108px;}
			.sub_board table.bbs_list th.board_license_num{width:198px;}
			.sub_board table.bbs_list th.board_regist_date{width:115px;}
			.sub_board table.bbs_list td{padding:17px 12px 21px;font-size:16px;color:#666;font-weight:300;font-family:'Noto Sans KR';letter-spacing:-0.02em;}
			.sub_board table.bbs_list .tb_tit,
			.sub_board table.bbs_list .tb_factory{text-align:left;padding:17px 20px 18px;}
			.sub_board table.bbs_list .tb_tit span,
			.sub_board table.bbs_list .tb_factory span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:100%;margin-top:2px;line-height:18px;}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.sub_board table.bbs_list .tb_factory{border-left:1px solid #ccc;}
	}
	/*otc*/
		.sub_board table.bbs_list th.board_standard{width:108px;}

	/*케미컬*/
		.sub_board .chemical_table table.bbs_list th.board_num{width:85px;}
		.sub_board table.bbs_list th.board_package{width:270px;}
		.sub_board table.bbs_list th.board_origin{width:340px;}
		.sub_board table.bbs_list .tb_package{text-align:left;padding-left:20px;}
		.sub_board table.bbs_list .tb_country

		/*유무기 합성원료*/

		/*hplc*/
			.sub_board table.bbs_list th.board_maker{width:340px;}
			.sub_board table.bbs_list td.tb_maker{text-align:left;padding-left:20px;}

		/*모니터링*/
			.sub_board table.bbs_list td p{font-size:16px;color:#666;font-weight:300;font-family:"Noto Sans KR";letter-spacing:-0.02em;line-height:22px;word-break:keep-all;}
			.sub_board table.bbs_list td.tb_use,
			.sub_board table.bbs_list td.monitor_package_cont{text-align:left;}
			.sub_board table.bbs_list th.monitor_package{width:250px;}
			.sub_board table.bbs_list th.board_use{width:545px;}

		/*세정제*/
			.sub_board table.bbs_list td.detergent_tit span{line-height:20px;}
		
		/*기타*/
			.sub_board table.bbs_list th.board_etc{width:270px;}
			.sub_board table.bbs_list td.etc_maker_cont{line-height:20px;word-break:keep-all;}
			.sub_board table.bbs_list td.tb_etc{text-align:left;padding-left:20px;line-height:20px;word-break:keep-all;}

	/*1220이하*/
	@media only screen and (max-width:1220px) {
		.sub_board .board_search select{height:40px;line-height:40px;}
		.sub_board .board_search input.input_text{width:300px;height:40px;line-height:40px;}
		.sub_board .board_search .btn_md{width:80px;height:40px;line-height:42px;}

		.sub_board table.bbs_list th, .sub_board table.bbs_list td{font-size:16px;}
	}
	/*1100이하*/
	@media only screen and (max-width:1100px) {
		#contents_wrap.board{padding:0;}
		.sub_board .board_search{width:100%;box-sizing:border-box;margin:34px auto 40px auto;}
		.sub_board .scroll{display:block;margin-left:30px;}
		.sub_board{width:100%;box-sizing:border-box;padding:0 30px;}
		.table_box{width:100%;}
		.table_box table{width:1100px;}
		
		/*otc*/


		/*모니터링*/
			.sub_board table.bbs_list th.board_use{width:470px;}

		/*세정제*/

		/*기타*/

	}
	/*900이하*/
	@media only screen and (max-width:900px) {
		.sub_board table.bbs_list th{padding:16px 12px 14px;}
		.sub_board table.bbs_list td{padding:14px 12px 15px;}
		.sub_board table.bbs_list .tb_tit, 
		.sub_board table.bbs_list .tb_factory{padding:14px 15px 15px;}
	
		/*otc*/
			.otc_table .table_box table{width:1000px;}

		/*케미컬*/
			.chemical_table .table_box table{width:1000px;}

		/*유무기 합성원료*/
			

		/*hplc*/
			

		/*모니터링*/
			.sub_board table.bbs_list th.board_use{width:420px;}

		/*세정제*/
			.sub_board table.bbs_list th.detergent_package, .sub_board table.bbs_list th.detergent_origin{}

		/*기타*/
			
	}
	/*768이하*/
	@media only screen and (max-width:768px) {
		.sub_board .board_search select{width:140px;height:35px;line-height:35px;font-size:16px;}
		.sub_board .board_search input.input_text{width:250px;height:35px;line-height:35px;}
		.sub_board .board_search .btn_md{width:70px;height:35px;line-height:35px;font-size:16px;}

		.table_box table{width:1000px;}	

	
	}
	/*640이하*/
	@media only screen and (max-width:640px) {
		.sub_board .board_search{width:100%;margin:15px auto 30px auto;padding:15px 0;}
		.sub_board .board_search .board_search_sel{width:auto;}
		.sub_board .board_search select{width:120px;font-size:14px;padding-left:10px;}
		.sub_board .board_search input.input_text{width:200px;padding-left:10px;}
		.sub_board .board_search .btn_md{font-size:14px;}

		.sub_board .scroll{margin-left:15px;font-size:13px;}
		.sub_board{padding:0 15px;}
		.sub_board table.bbs_list th, .sub_board table.bbs_list td{font-size:14px;}
		.sub_board table.bbs_list th{padding:10px;}

		/*otc*/
			.otc_table .table_box table{width:650px;}

		/*케미컬*/
			.chemical_table .table_box table{width:650px;}
			.sub_board table.bbs_list th.board_package{width:190px;}
			.sub_board table.bbs_list th.board_origin{width:210px;}
			
			/*유무기 합성원료*/

			/*hplc*/
				.sub_board table.bbs_list th.board_maker{width:210px;}	

			/*모니터링*/
				.sub_board table.bbs_list th.board_use{width:230px;}
				.sub_board table.bbs_list th.monitor_package{width:200px;}
				.sub_board table.bbs_list td p{font-size:14px;line-height:20px;}

			/*세정제*/
				.sub_board table.bbs_list th.detergent_package, .sub_board table.bbs_list th.detergent_origin{width:130px;}

			/*기타*/
				.sub_board table.bbs_list th.etc_maker{width:190px;}
				.sub_board table.bbs_list th.board_etc{width:150px;}
			
	}
	/*479이하*/
	@media only screen and (max-width:479px) {
		.sub_board .board_search{padding:10px;margin:15px auto 20px auto;}
		.sub_board .board_search .board_search_sel{margin-bottom:0;}
		.sub_board .board_search select{width:90px;border-radius:5px;min-width:initial;background:url('../images/sub/m_select_arr.png')no-repeat;background-size:auto 6px;background-color:#fff;background-position:87% center;}
		.sub_board .board_search input.input_text{width:170px;border-radius:5px;}
		.sub_board .board_search select, .sub_board .board_search input.input_text{margin-right:5px;}
		.sub_board .board_search .btn_md{width:55px;border-radius:5px;font-size:13px;}
		.sub_board .board_search .btn_md:hover{background:#444 !important;}

		.table_wrap{height:auto;padding-right:15px;}
		.table_box table{width:1072px;}
		.sub_board table.bbs_list th, .sub_board table.bbs_list td{font-size:13px;}
		.sub_board table.bbs_list th{padding:9px 10px;}
		.sub_board table.bbs_list th.board_num{width:45px;}
		.sub_board table.bbs_list .tb_tit, .sub_board table.bbs_list .tb_factory{padding:9px 10px;}
		.sub_board table.bbs_list td{padding:10px;}

		.view_btn .paging{margin:28px 0 40px 0;min-height:initial;}

		/*케미컬*/
			.sub_board .chemical_table .table_box table{width:470px;}

		/*유무기 합성원료*/
			.sub_board .chemical_table table.bbs_list th.board_num{width:45px;}
			.sub_board table.bbs_list th.board_package{width:90px;}
			.sub_board table.bbs_list th.board_origin{width:120px;}
			.sub_board table.bbs_list .tb_package, .sub_board table.bbs_list .tb_country{padding-left:15px;}

		/*hplc*/
			.sub_board table.bbs_list th.board_maker{width:120px;}
			.sub_board table.bbs_list td.tb_maker{padding-left:15px;}

		/*모니터링*/
			.sub_board table.bbs_list th.board_use{width:150px;}
			.sub_board table.bbs_list th.monitor_package{width:150px;}
			
		/*세정제*/
			.sub_board table.bbs_list th.detergent_package, .sub_board table.bbs_list th.detergent_origin{width:90px;}

		/*기타*/
			.sub_board table.bbs_list th.etc_maker{width:170px;}
			.sub_board table.bbs_list th.board_etc{width:90px;}
			.sub_board table.bbs_list td.tb_etc{padding-left:15px;}
	}
	/*375이하*/
	@media only screen and (max-width:374px) {
		.sub_board .board_search .btn_md{width:50px;}
	}
	/*370이하*/
	@media only screen and (max-width:370px) {
		.sub_board .board_search .board_search_sel{width:28%;margin-right:5px;}
		.sub_board .board_search select{width:100%;margin:0;}
		.sub_board .board_search input.input_text{width:50%;}
	}
	/*325이하*/
	@media only screen and (max-width:325px) {
		.sub_board .board_search input.input_text{width:49%;}
	}

	

/*───────────────────────────────────────────────────────────

	 고객문의 | inquiry

───────────────────────────────────────────────────────────*/
	.sub_board.inquiry{margin:45px 0 67px 0;}
	.sub_board.inquiry .inquiry_write{border-top:1px solid #000;}
	.sub_board.inquiry .inquiry_write tbody tr th{font-size:18px;color:#333;font-weight:500;padding:28px 0 26px 30px;line-height:1;letter-spacing:-0.03em;background:#f5f5f5;border-bottom:1px solid #ddd;vertical-align:middle;width:230px;}
	.sub_board.inquiry .inquiry_write tbody tr td{vertical-align:middle;}
	.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"]{display:none;}
	.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label{font-size:16px;color:#666;font-weight:300;letter-spacing:-0.03em;display:inline-block;margin-top:4px;margin-right:27px;}
	.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label:before{width:25px;height:25px;content:"";background:url('../images/sub/inquiry_radio_out.png')no-repeat center;margin-right:6px;}
	.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"]:checked + label:before{background:url('../images/sub/inquiry_radio_ov.png')no-repeat center;}

	.sub_board.inquiry .inquiry_write tbody tr td input[type="text"]{height:46px;line-height:46px;border:1px solid #ddd;border-radius:4px;font-size:16px;color:#666;font-weight:300;font-family:'Noto Sans KR';padding-left:20px;width:100%;}
	.sub_board.inquiry .inquiry_write tbody tr td input[type="text"]::placeholder{color:#666;}
	.sub_board.inquiry .inquiry_write tbody tr td input[type="text"]:focus{border:1px solid #333;color:#333;}

	.sub_board.inquiry .inquiry_write tbody tr td.write_cont{padding-bottom:0;}

	.inquiry_btn{padding-top:60px;}
	.inquiry_btn button a,
	.inquiry_btn > a{display:inline-block;width:160px;height:60px;line-height:58px;font-size:18px;font-weight:400;text-align:center;border-radius:30px;box-sizing:border-box;}
	.inquiry_btn button a{background:#00aca8 !important;border:1px solid #00aca8 !important;}
	.inquiry_btn button:hover a{background:rgba(0,172,168, 0.8) !important;border:1px solid #00aca8 !important;}
	.inquiry_btn > a{background:#fff;border:1px solid #666;color:#666;}
	.inquiry_btn button + a{margin-left:30px;}
	.inquiry_btn > a:hover{background:#222;border:1px solid #222;color:#fff;}

	/*1100이하*/
	@media only screen and (max-width:1100px) {
		#wrap.sub_inquiry #contents_wrap{padding-top:40px;padding-left:30px;padding-right:30px;}
	}
	/*1000이하*/
	@media only screen and (max-width:1000px) {
		.sub_board.inquiry .inquiry_write tbody tr th{font-size:16px;padding:28px 0 26px 20px;}
	}
	/*900이하*/
	@media only screen and (max-width:900px) {
		.sub_board.inquiry .inquiry_write tbody tr th{padding:28px 20px 26px 20px;line-height:20px;word-break:keep-all;width:200px;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label{font-size:14px;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="text"]{font-size:14px;}

		.inquiry_btn{padding-top:40px;}
		.inquiry_btn button a, .inquiry_btn > a{width:140px;}
	}
	/*800이하*/
	@media only screen and (max-width:800px) {
		.sub_board.inquiry .inquiry_write tbody tr th{width:180px;}
	}
	/*640이하*/
	@media only screen and (max-width:640px) {
		#wrap.sub_inquiry #contents_wrap{padding-left:15px;padding-right:15px;}
		.sub_board.inquiry{margin:25px 0 40px 0;}

		.sub_board.inquiry .inquiry_write tbody tr th{font-size:15px;padding:20px 15px 18px 15px;width:170px;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label{font-size:13px;margin-right:10px;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="text"]{font-size:13px;height:36px;line-height:36px;}

		.inquiry_btn button a, .inquiry_btn > a{width:110px;height:50px;line-height:48px;font-size:16px;border-radius:20px;}
		.inquiry_btn button + a{margin-left:20px;}
	}
	/*550이하*/
	@media only screen and (max-width:550px) {
		.sub_board.inquiry .inquiry_write tbody tr th{width:160px;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label{display: block;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label:before{margin-left:0;}
	}
	/*479이하*/
	@media only screen and (max-width:479px) {
		#wrap.sub_inquiry #contents_wrap{padding-top:34px;}
		
		.sub_board.inquiry .inquiry_write tbody tr th{width:115px;font-size:14px;padding:17px 10px;}
		.sub_board.inquiry .inquiry_write tbody tr td{padding:7px 10px 6px 10px;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label{font-size:13px;line-height:28px;margin-top:2px;font-weight:300;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label:nth-child(2){margin-top:0;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"] + label:before{width:20px;height:20px;background-size:100%;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="radio"]:checked + label:before{background-size:100%;}
		.sub_board.inquiry .inquiry_write tbody tr td input[type="text"]{height:35px;line-height:35px;padding:7px 12px 7px 10px;}

		.inquiry_btn{padding-top:30px;}
		.inquiry_btn button a,
		.inquiry_btn > a{width:100px;height:40px;line-height:38px;font-size:15px;}
		.inquiry_btn > a{margin-left:15px;}
	}
	/*340이하*/
	@media only screen and (max-width:340px) {
		.sub_board.inquiry .inquiry_write tbody tr th{width:80px;}
	}

	
/*───────────────────────────────────────────────────────────
	
	company/about

───────────────────────────────────────────────────────────*/
	.sub_about{padding-top:35px;}
	.sub_about p{font-family:'Noto Sans KR','Poppins', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	.sub_about .company_img{text-indent:-9999px;position:relative;background:url('../images/sub/company01.jpg') no-repeat;height:360px;background-size:auto 100%;background-position:center center;}
	.sub_about .company_img::after{content:'';width:1px;height:80px;background:#ddd;position:absolute;bottom:-40px;left:50%;margin-left:-0.5px;}
	.sub_about .company_con{padding:70px 0;text-align:center;}
	.sub_about .company_con .company_tit{color:#00aca8;font-size:36px;font-weight:500;padding-bottom:10px;letter-spacing :-1px;}
	.sub_about .company_con p{font-size:18px;font-weight:300;color:#555;line-height:1.8;letter-spacing :-1px;white-space:normal;word-break:keep-all;word-wrap:break-word;}
/*1280이하*/
	@media only screen and (max-width:1280px){
		.sub_about .company_img{ height:28.12vw;}
		.sub_about .company_con .company_tit{font-size:30px;}
	}
/*760이하*/
	@media only screen and (max-width:760px){
		.sub_about{padding-top:5.33vw;}
		.sub_about .company_con{padding:12vw 0 14vw;}
		.sub_about .company_con .company_tit{font-size:28px;}
		.sub_about .company_con p{font-size:16px;}
		.sub_about .company_img::after{height:13.33vw; bottom:-6.66vw; }
	}
/*680이하*/
	@media only screen and (max-width:680px){
		.sub_about .company_img{height:48vw; background:url('../images/sub/company_m_01.jpg') no-repeat; background-size:auto 100%;}
		.sub_about .company_con p{white-space:pre-line;}
	}
/*490이하*/
	@media only screen and (max-width:490px){
		.sub_about .company_con .company_tit{font-size:23px;padding-bottom:6px;}
		.sub_about .company_con p{white-space:pre-line; display:block;line-height:1.6;  letter-spacing :-0.5px;}
	}
/*───────────────────────────────────────────────────────────
	
	company/vision

───────────────────────────────────────────────────────────*/
	.sub_about .ci_con .ci_img{width:100%;height:324px;background:url('../images/sub/ci01.jpg') no-repeat;background-size:auto 100%;text-align:center;position:relative;border:1px solid #ddd;}
	.sub_about .ci_con .ci_img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_about .ci_con .ci_tbox{padding:40px 0 100px;}
	.sub_about .ci_con .ci_tbox > div{float:left; width:52%;}
	.sub_about .ci_con .ci_tbox > div:nth-child(2n){width:48%;}
	.sub_about .ci_con .ci_tbox .ci_tit{font-size:34px;font-weight:500;color:#333;}
	.sub_about .ci_con .ci_tbox .ci_tit span{font-size:34px;font-weight:700;color:#00aca8;}
	.sub_about .ci_con .ci_tbox .ci_txt li{color:#333;font-size:18px;font-weight:300;margin-bottom:5px;padding-left:12px;position:relative;white-space:normal;word-break:keep-all;word-wrap:break-word}
	.sub_about .ci_con .ci_tbox .ci_txt li:last-child{margin-bottom:0;}
	.sub_about .ci_con .ci_tbox .ci_txt li::before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background:#999;border-radius:50%;}
	.sub_about .vision_con{margin-bottom:20px;width:100%;height:460px;background:url('../images/sub/ci02.jpg') no-repeat;background-size:auto 100%;background-position:center center;text-align:center;position:relative;}
	.sub_about .vision_con .vision_tbox{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);color:#fff;}
	.sub_about .vision_con .vision_tbox .vision_tit{font-size:42px;}
	.sub_about .vision_con .vision_tbox div span{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;margin-right:5px;}
	.sub_about .vision_con .vision_tbox div span:last-child{margin-right:0;}
	.sub_about .vision_con .vision_tbox .vision_t1{font-size:30px;margin-bottom:20px;letter-spacing :-1px;}
	.sub_about .vision_con .vision_tbox .vision_t2 p{font-size:18px;font-weight:300;letter-spacing :-0.5px;white-space:normal;word-break:keep-all;word-wrap:break-word}

/*1080이하*/
	@media only screen and (max-width:1080px){
		.sub_about .ci_con .ci_tbox .ci_tit,.sub_about .ci_con .ci_tbox .ci_tit span{font-size:24px;white-space:normal;word-break:keep-all;word-wrap:break-word}
		.sub_about .vision_con .vision_tbox .vision_tit{font-size:36px;}
		.sub_about .vision_con .vision_tbox .vision_t1{font-size:24px;margin-bottom:20px;letter-spacing :-1px;}
	}
/*790이하*/
	@media only screen and (max-width:790px){
		.sub_about .vision_con .vision_tbox .vision_t2 p{white-space:pre-line;}
	}

/*600이하*/
	@media only screen and (max-width:600px){
		.sub_about .ci_con .ci_img{height:60vw;}
		.sub_about .ci_con .ci_img img{width:63.2vw;}
		.sub_about .ci_con .ci_tbox > div,.sub_about .ci_con .ci_tbox > div:nth-child(2n){float:none;width:100%;}
		.sub_about .ci_con .ci_tbox > div:nth-child(2n){margin-top:5.33vw;}
		
	}
/*480이하*/
	@media only screen and (max-width:480px){
		.sub_about .ci_con .ci_tbox{padding:6.66vw 0 13.33vw;}
		.sub_about .ci_con .ci_tbox > div,.sub_about .ci_con .ci_tbox > div:nth-child(2n){float:none;width:100%;}
		.sub_about .ci_con .ci_tbox > div:nth-child(2n){margin-top:5.33vw;}
		.sub_about .ci_con .ci_tbox .ci_tit,.sub_about .ci_con .ci_tbox .ci_tit span{font-size:23px;}
		.sub_about .ci_con .ci_tbox .ci_txt li{font-size:16px;white-space:pre-line;}
		.sub_about .ci_con .ci_tbox .ci_txt li::before{top:11px;}
		.sub_about .vision_con{margin-bottom:8vw;height:69.33vw;}
		.sub_about .vision_con .vision_tbox > div:nth-child(2){padding:1.33vw 0;}
		.sub_about .vision_con .vision_tbox .vision_tit{font-size:26px; line-height:1;font-weight:300;}
		.sub_about .vision_con .vision_tbox .vision_t1{font-size:20px;margin-bottom:2.66vw;font-weight:300;}
		.sub_about .vision_con .vision_tbox .vision_t2 p{font-size:15px;white-space:pre-line;}
	}
/*320이하*/
	@media only screen and (max-width:320px){
		.sub_about .ci_con .ci_tbox .ci_tit,.sub_about .ci_con .ci_tbox .ci_tit span{font-size:20px;}
		.sub_about .vision_con .vision_tbox .vision_tit{font-size:24px;}
		.sub_about .vision_con .vision_tbox .vision_t1{font-size:16px;}
		.sub_about .vision_con .vision_tbox .vision_t2 p{font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	
	company/chart

───────────────────────────────────────────────────────────*/
	.sub_chart{padding-bottom:60px;}
	.sub_chart .chart_st{box-sizing:border-box;position:relative;width:190px;height:50px; border:1px solid #ddd; border-radius:30px; background:#fff; line-height:50px;font-size:16px;font-weight:300;color:#666;}
	.sub_chart .chart_st.chart_tit{border:1px solid #00aca8;background:#00aca8;color:#fff;font-size:20px;font-weight:500;height:60px;line-height:60px;}
	.sub_chart .chart_top{position:relative;margin:0 auto;width:200px;height:200px;border-radius:50%;box-sizing:border-box; background: rgb(74,51,123);background: linear-gradient(288deg, rgba(74,51,123,1) 0%, rgba(3,166,166,1) 100%);}
	.sub_chart .chart_top > h4{width:180px;height:180px;font-size:30px;font-weight:400;position:absolute;top:50%;left:50%;margin-top:-90px;margin-left:-90px;color:#333;line-height:180px;background:#fff;border-radius:50%;box-shadow:3px 3px 5px rgba(0,0,0,0.35);}
	.sub_chart .chart_top::after{content:'';position:absolute;bottom:-200px;left:50%;margin-left:-0.5px;width:1px;height:200px;background:#ddd;}
	.sub_chart .chart_middle{width:100%;height:200px;position:relative;}
	.sub_chart .chart_middle .chart_st{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:195px;}
	.sub_chart .chart_middle .chart_st::before{position:absolute;top:50%;margin-top:-0.5px;left:-101px;content:'';width:100px;height:1px;background:#ddd;}
	.sub_chart .chart_bottom .chart_list{position:relative;padding-top:60px;}
	.sub_chart .chart_bottom .chart_list::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1090px;height:1px;background:#ddd;}
	.sub_chart .chart_bottom .chart_list > li{float:left;position:relative;}
	.sub_chart .chart_bottom .chart_list > li::before{content:'';background:#ddd;position:absolute;top:-60px;left:50%;margin-left:-0.5px;;width:1px;height:60px;}
	.sub_chart .chart_bottom .chart_list > li + li{margin-left:28px;}
	.sub_chart .chart_bottom .chart_list dl dd{margin-top:10px;position:relative;}
	.sub_chart .chart_bottom .chart_list dl dd::before{content:'';position:absolute;top:-10px;left:50%;margin-left:-0.5px;background:#ddd;width:1px;height:10px;}


/*1350이하*/
	@media only screen and (max-width:1350px){
		.sub_chart .chart_top::after{content:'';position:absolute;bottom:-15.63vw;left:50%;margin-left:-0.5px;width:1px;height:15.63vw;background:#ddd;}
		.sub_chart .chart_middle{width:100%;height:15.63vw;position:relative;}
		.sub_chart .chart_bottom .chart_st{width:100%;margin-left:auto; margin-right:auto;height:4.69vw;line-height:4.69vw;}
		.sub_chart .chart_bottom .chart_list::before{width:85%;}
		.sub_chart .chart_bottom .chart_list > li{width:15%;}
		.sub_chart .chart_bottom .chart_list > li + li{margin-left:2%;}
	}
/*1280이하*/
	@media only screen and (max-width:1280px){
		.sub_chart .chart_st{font-size:14px;}
		.sub_chart .chart_st.chart_tit{font-size:16px;}
		.sub_chart .chart_middle .chart_st{height:4.69vw;line-height:4.69vw;width:150px;margin-left:175px;}
	}
/*860이하*/
	@media only screen and (max-width:860px){
		.sub_chart{padding-bottom:80px;}
		.sub_chart .chart_st{font-size:16px;border-radius:4.69vw;}
		.sub_chart .chart_st.chart_tit{font-size:18px;}

		.sub_chart .chart_middle .chart_st{margin-left:197px;width:200px;line-height:40px;height:40px;}
		.sub_chart .chart_middle .chart_st::before{left:-99px;width:98px;}
		.sub_chart .chart_bottom .chart_st{line-height:40px;height:40px;}
		.sub_chart .chart_bottom .chart_list{padding-top:0;}
		.sub_chart .chart_bottom .chart_list::before{width:68.8%;}
		.sub_chart .chart_bottom .chart_list > li.line_plus2::after{content:''; position:absolute;bottom:-26.67vw; left:50%;margin-left:-0.5px;background:#ddd;width:1px;height:26.67vw;}
		.sub_chart .chart_bottom .chart_list > li{float:none;display:inline-block;width:30%;vertical-align:top;position:relative;margin-top:60px;}
		.sub_chart .chart_bottom .chart_list > li + li{margin-left:4%;}
		.sub_chart .chart_bottom .chart_list > li:nth-child(3n+1){margin-left:0;}
		
	}
/*640이하*/
	@media only screen and (max-width:640px){
		.sub_chart .chart_top::after{bottom:-34.67vw;height:34.67vw;background:#ddd;}
		.sub_chart .chart_middle{height:34.67vw;}
		.sub_chart .chart_middle .chart_st{margin-left:24.5vw;width:34.67vw;line-height:8.67vw;height:8.67vw;}
		.sub_chart .chart_middle .chart_st::before{left:-7.47vw;width:7.33vw;}
		.sub_chart .chart_bottom .chart_list{padding-top:0;}
		.sub_chart .chart_bottom .chart_list::before{width:50.5%;}
		.sub_chart .chart_bottom .chart_st{height:8.67vw;line-height:8.67vw; width:80%;}
		.sub_chart .chart_bottom .chart_list > li{width:48%;margin-top:8vw;}
		.sub_chart .chart_bottom .chart_list > li::before{margin-left:-0.5px;}
		.sub_chart .chart_bottom .chart_list > li.line_plus::after{content:''; position:absolute;bottom:-26.67vw; left:50%;margin-left:-0.5px;background:#ddd;width:1px;height:26.67vw;}
		.sub_chart .chart_bottom .chart_list > li + li{margin-left:0;}
		.sub_chart .chart_bottom .chart_list > li:nth-child(2n+2){margin-left:2%;}
		.sub_chart .chart_bottom .chart_list > li::before{top:-8vw;height:8vw;}
		.sub_chart .chart_bottom .chart_list dl dd{margin-top:2.47vw;}
		.sub_chart .chart_bottom .chart_list dl dd::before{top:-2.67vw;height:2.67vw;}
	}
/*480이하*/
	@media only screen and (max-width:480px){
		.sub_chart .chart_st{width:100%;height:8.67vw;border-radius:30px;line-height:8.67vw;font-size:15px;}
		.sub_chart .chart_st.chart_tit{font-size:17px;font-weight:400;letter-spacing:1px;}
		.sub_chart .chart_top{margin:0 auto;width:40vw;height:40vw; }
		.sub_chart .chart_top > h4{width:36vw;height:36vw;font-size:22px;margin-top:-18vw;margin-left:-18vw;line-height:36vw;}
		.sub_chart .chart_top::after{bottom:-34.67vw;height:34.67vw;background:#ddd;}
		.sub_chart .chart_middle{height:34.67vw;}
		.sub_chart .chart_middle .chart_st{margin-left:27.67vw;width:34.67vw;height:10.67vw;line-height:10.67vw;}
		.sub_chart .chart_middle .chart_st::before{left:-10.47vw;width:10vw;}
		.sub_chart .chart_bottom .chart_st{width:100%;height:10.67vw;line-height:10.67vw;}
	}
/*───────────────────────────────────────────────────────────
	
	company/history

───────────────────────────────────────────────────────────*/
	.sub_history .historybox > li{padding:70px 0;}
	.sub_history .historybox > li:nth-child(2n){background:#f7f7f7;}
	.sub_history .historybox .sub_wrapper > div{float:left;}
	.sub_history .historybox .year{font-size:50px;font-weight:600;width:300px; color:#e0e0e0;line-height:68px;}
	.sub_history .historybox .year span{font-size:50px;font-weight:600;display:block;color:#3bbfbc;padding-left:20px;}
	.sub_history .historybox .history_con{line-height:45px;}
	.sub_history .historybox .history_con dl + dl{margin-top:40px;}
	.sub_history .historybox .history_con dt,.sub_history .historybox .history_con dd{display:inline-block;vertical-align:top;}
	.sub_history .historybox .history_con dt{font-size:30px;font-weight:500;position:relative;padding-left:35px; color:#333; width:140px;}
	.sub_history .historybox .history_con dt::before{content:'';z-index:2;position:absolute;top:50%;margin-top:-7.5px;left:0;width:15px;height:15px;border-radius:50%;border:4px solid #3bbfbc;background:#fff;box-sizing:border-box;}
	.sub_history .historybox .history_con dd::before{content:'';z-index:1;position:absolute;top:30px;left:-171px; width:1px;height:calc( 100% + 25px );background:#ddd;}
	.sub_history .historybox .history_con dd{position:relative;}
	.sub_history .historybox .history_con dl:last-child dd::before{display:none;}
	.sub_history .historybox .history_con dd li{font-size:18px;font-weight:300;}
	.sub_history .historybox .history_con dd p{font-size:18px;font-weight:300;display:inline-block;vertical-align:top;white-space:normal;word-break:keep-all;word-wrap:break-word;}
	.sub_history .historybox .history_con dd span{font-size:20px;font-weight:500;width:60px;display:inline-block;color:#333;vertical-align:top;}

	.sub_history .historybox > li:nth-child(1){padding-top:0;}
	.sub_history .historybox > li:nth-child(2n) .year{color:#ccc;}
	.sub_history .historybox > li:nth-child(2) .year span{color:#4e2d78;}
	.sub_history .historybox > li:nth-child(2) .history_con dt::before{border:4px solid #4e2d78;}
	.sub_history .historybox > li:nth-child(3) .year span{color:#444444;}
	.sub_history .historybox > li:nth-child(3) .history_con dt::before{border:4px solid #444444;}
/*1290이하*/
	@media only screen and (max-width:1290px){
		.sub_history .historybox > li{padding:60px 0;}
		.sub_history .historybox .year{width:100%;margin-bottom:30px;}
		.sub_history .historybox .year span{display:inline-block;}
	}
/*960이하*/
	@media only screen and (max-width:960px){
		.sub_history .historybox .year{font-size:40px;font-weight:600;width:100%;}
		.sub_history .historybox .year span{font-size:40px;display:inline-block;padding-left:2vw;}
		.sub_history .historybox .history_con dl{line-height:1.4;}
		.sub_history .historybox .history_con dl + dl{margin-top:40px;}
		.sub_history .historybox .history_con dd {width:100%;}
		.sub_history .historybox .history_con dd p{width:calc(100% - 100px);}
		.sub_history .historybox .history_con dd span{width:100px;display:inline-block;text-align:center;}
		.sub_history .historybox .history_con dd::before{top:-13px;left:7px; width:1px;height:calc( 100% + 80px );background:#ddd;}
		.sub_history .historybox .history_con dd li{margin-top:10px;}
	}

/*480이하*/
	@media only screen and (max-width:480px){
		.sub_history .historybox .year{margin-bottom:0;}
		.sub_history .historybox .year{font-size:30px;}
		.sub_history .historybox .year span{font-size:30px;}
		.sub_history .historybox > li{padding:11.33vw 0;}
		.sub_history .historybox .history_con dl{line-height:1.4;}
		.sub_history .historybox .history_con dl + dl{margin-top:8vw;}
		.sub_history .historybox .history_con dt{font-size:22px;padding-left:6.3vw;width:100%;}
		.sub_history .historybox .history_con dt::before{margin-top:-1.33vw;width:2.67vw;height:2.67vw;border:0.8vw solid #3bbfbc;}
		.sub_history .historybox .history_con dd p{font-size:16px;white-space:pre-line;white-space:normal;word-break:keep-all;word-wrap:break-word;overflow:hidden;width:calc(100% - 75px);}
		.sub_history .historybox .history_con dd span{font-size:19px;font-weight:500;text-align:left;width:50px;padding-left:25px;}
		.sub_history .historybox .history_con dd li{width:100%;margin-top:4.67vw;}
		.sub_history .historybox .history_con dd::before{top:-9.5px;left:1.23vw; width:1px;height:calc( 100% + 16vw );background:#ddd;}
	
		.sub_history .historybox > li:nth-child(2) .history_con dt::before{border:0.8vw solid #4e2d78;}
		.sub_history .historybox > li:nth-child(3) .history_con dt::before{border:0.8vw solid #444444;}
	}
/*400이하*/
	@media only screen and (max-width:400px){
		.sub_history .historybox .history_con dd::before{left:1.07vw;}
	}
/*360이하*/
	@media only screen and (max-width:360px){
		.sub_history .historybox .history_con dd::before{top:-10px;left:4.5px;}
	}
/*320이하*/
	@media only screen and (max-width:320px){
		.sub_history .historybox .history_con dd::before{top:-10.5px;left:4px; width:1px;}
		.sub_history .historybox .history_con dd p{width:calc(100% - 80px);}
		.sub_history .historybox .history_con dd span{font-size:19px;font-weight:500;text-align:left;width:60px;padding-left:20px;}
	}
/*───────────────────────────────────────────────────────────
	
	company/location

───────────────────────────────────────────────────────────*/

	.sub_location{padding-bottom:50px;}
	.sub_location div, .sub_location ul, .sub_location li, .sub_location dl, .sub_location dt, .sub_location dd, .sub_location p, .sub_location span {transition:all 0.3s;}
	.sub_location .loca_tab{text-align:center;padding:25px 0 50px;}
	.sub_location .loca_tab ul{display:inline-block;vertical-align:top;}
	.sub_location .loca_tab ul li{float:left;padding:10px 34px;background:#f5f5f5;border-radius:30px;font-size:20px;font-weight:300;cursor:pointer;letter-spacing:-1px;}
	.sub_location .loca_tab ul li:hover,.sub_location .loca_tab ul li.active{background:#00aca8;color:#fff;font-weight:500;}
	.sub_location .loca_tab ul li + li{margin-left:20px;}
	.sub_location .loca_panel{border:1px solid #ddd;}
	.sub_location .loca_panel > ul > li {height:0;overflow:hidden;}
	.sub_location .loca_panel > ul > li.on {height:auto;overflow:inherit;}
	.sub_location_map .map_box {width:100%; height:500px;}
	.sub_location_map .map_box .wrap_map{width:100%;height:100%;}

	.sub_location_info{padding:40px;}
	.sub_location_info .loca_tit,.sub_location_info .loca_tit span{font-size:28px;color:#333;font-weight:500;}
	.sub_location_info .loca_tit span{color:#00aca8;}
	.sub_location_info .loca_tit span br{display:none;}
	.sub_location_info dd{margin-top:15px;}
	.sub_location_info .loca_add{position:relative;padding-left:26px;font-size:18px;color:#333;}
	.sub_location_info .loca_add::before{content:'';position:absolute;top:4px;left:0;width:16px;height:22px;background:url("../images/sub/loca_icon.png") no-repeat;background-size:contain;}
	.sub_location_info .info_list li{float:left;}
	.sub_location_info dd ul li{position:relative;padding:0 20px;color:#333;font-weight:500;}
	.sub_location_info dd ul li:first-child{padding-left:0;}
	.sub_location_info dd ul li + li::after{content:'';position:absolute;top:8px;left:0;width:1px;height:10px;background:#ddd;}
	.sub_location_info dd ul li,
	.sub_location_info dd ul li p{display:inline-block;vertical-align:top;font-size:16px;}
	.sub_location_info dd ul li p{color:#666;font-weight:300;}

/*1280이하*/
	@media only screen and (max-width:1280px){
		.sub_location_map .map_box {height:39.06vw;}
		.sub_location_info{padding:3.12vw;}
		.sub_location_info dd ul li{padding:0 1.56vw;}
	}
/*1100이하*/
	@media only screen and (max-width:1100px){
		.sub_location_info dd ul li:last-child{float:none;}
	}
/*1098이하*/
	@media only screen and (max-width:1098px){
		.sub_location_info dd ul li:last-child{padding-left:0;float:none;}
		.sub_location_info dd ul li:last-child::after{display:none;}
	}
/*800이하*/
	@media only screen and (max-width:800px){
		.sub_location_info dd ul{padding-left:1.33vw;}
		.sub_location_info dd ul li:nth-child(3){padding:0;width:100%;margin-top:10px;}
		.sub_location_info dd ul li:nth-child(3)::after{display:none;}
	}
/*760이하*/
	@media only screen and (max-width:760px){
		.sub_location .loca_tab{padding:3.33vw 0 8vw;}
		.sub_location .loca_tab ul li{font-size:18px;}
		.sub_location .loca_tab ul li + li{margin-left:20px;}
		
		.sub_location_info .loca_tit,.sub_location_info .loca_tit span{font-size:24px;}
		.sub_location_info .loca_add{position:relative;padding-left:24px;font-size:16px;}
		.sub_location_info .loca_add::before{top:2px;}
		.sub_location_info dd ul li,
		.sub_location_info dd ul li p{font-size:14px;}
		.sub_location_info dd ul li + li::after{top:5px;}
		.sub_location_map .map_box {height:66.66vw;}
	}
/*600이하*/
	@media only screen and (max-width:600px){
		.sub_location .loca_tab ul li{padding:2vw 4vw;font-size:16px;}
		.sub_location_info dd ul li p{white-space:pre-line;}
		.sub_location_info .loca_tit span br{display:inline;}
	}
/*480이하*/
	@media only screen and (max-width:480px){
		.sub_location{padding-bottom:9.33vw;}
		.sub_location .loca_tab ul li{border-radius:30px;font-size:15px;letter-spacing:-1px;}
		.sub_location .loca_tab ul li + li{margin-left:10px;}
		.sub_location_info{padding:5.33vw 4vw;}
		.sub_location_info .loca_tit,.sub_location_info .loca_tit span{font-size:19px}
		.sub_location_info .loca_add{font-size:15px;padding-left:18px;white-space:pre-line;}
		.sub_location_info .loca_add::before{top:4px;}
		.sub_location_info dd ul li{padding:0 5.33vw;}
		.sub_location_info dd ul li + li::after{top:5px;}
		.sub_location_info dd ul li:nth-child(3){margin-top:2vw;}
		.sub_location_info dd ul li,
		.sub_location_info dd ul li p{font-size:13px;}
		.sub_location_info .loca_add::before{width:3.46vw;height:4.53vw;}
		
	}
/*320이하*/
	@media only screen and (max-width:320px){
		.sub_location .loca_tab ul li{padding:2vw 3vw;font-size:14px;}
		.sub_location .loca_tab ul li + li{margin-left:8px;}
		.sub_location_info dd ul{padding-left:0;}
		.sub_location_info dd ul li{padding:0 3vw;}
		.sub_location_info dd ul li,
		.sub_location_info dd ul li p{font-size:12px;}
		.sub_location_info .loca_tit span{font-size:18px;}

		
	}



/*───────────────────────────────────────────────────────────

	 면역보조제

───────────────────────────────────────────────────────────*/
.sub_adjuvant,
.sub_adjuvant .section,
.sub_adjuvant .section p,
.sub_adjuvant .section dl,
.sub_adjuvant .section dt,
.sub_adjuvant .section dd li {transition: all 0.3s;}
.sub_adjuvant .section p, .sub_adjuvant .section dd li {word-break: keep-all; white-space:normal;}
.sub_adjuvant {padding-bottom: 120px; letter-spacing: -0.65px;}
.sub_adjuvant .section + .section {margin-top:74px;}
.sub_adjuvant .title_dot {margin-bottom: 28px; font-family: 'Noto Sans KR', sans-serif;}
.sub_adjuvant .section p {font-size: 18px; color: #333; font-weight: 300; letter-spacing: -1.2px; line-height: 1.6; font-family: 'Noto Sans KR', sans-serif;}
.sub_adjuvant .section dl + dl {margin-top: 38px;}
.sub_adjuvant .section dt {display: inline-block; width: auto; height: 40px; margin: 12px 0 14px; background: #f5f5f5; box-sizing: border-box; border-radius: 20px; padding: 0 18px; font-size: 20px; color: #222; font-weight: 500; line-height: 40px;}
.sub_adjuvant .section dd li {position: relative; padding-left: 16px; font-size: 18px; color: #555; font-weight: 300; line-height: 1.6;}
.sub_adjuvant .section dd li::before {content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #999; border-radius: 50%;}
.sub_adjuvant .section dd li + li {margin-top: 13px;}

	@media only screen and (max-width:1024px){
		.sub_adjuvant .section p {font-size: 17px;}
		.sub_adjuvant .section dt {font-size: 19px;}
		.sub_adjuvant .section dd li {font-size: 17px;}
	}
    @media only screen and (max-width:640px){
		.sub_adjuvant {padding-bottom: 80px;}
		.sub_adjuvant .section + .section {margin-top:44px;}
		.sub_adjuvant .section dl + dl {margin-top: 28px;}
		.sub_adjuvant .section p {font-size: 16px;}
		.sub_adjuvant .section dt {margin: 8px 0 10px; font-size: 18px;}
		.sub_adjuvant .section dd li {font-size: 16px;}
	}
		


/*───────────────────────────────────────────────────────────
	
	화성 QA/QC

───────────────────────────────────────────────────────────*/
.sub_hwaseong .hwaseong_prd {}
.sub_hwaseong .hwaseong_prd ul {width:calc(100% + 30px);margin-left:-15px;margin-right: -15px;}
.sub_hwaseong .hwaseong_prd ul li {float:left;width: 20%;padding:0 15px;box-sizing: border-box;}
.sub_hwaseong .hwaseong_prd ul li .img_box {width:100%;border:1px solid #ddd;box-sizing: border-box;}
.sub_hwaseong .hwaseong_prd ul li .img_box img {width:100%;}
.sub_hwaseong .hwaseong_prd ul li p {font-size:18px;line-height:1.5;font-weight:300;color:#222222;padding-top:15px;text-align:center;letter-spacing:-0.03em;}
.sub_hwaseong .hwaseong_list {margin-top:55px;}
.sub_hwaseong .hwaseong_list .bbs_scroll_wrap .bbs_scroll_table .bbs_list th {padding-left:0;padding-right:0;}
	
	@media only screen and (max-width:1280px){
	}
	@media only screen and (max-width:1024px){
		.sub_hwaseong .hwaseong_prd ul {width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;}
		.sub_hwaseong .hwaseong_prd ul li {padding:0 10px;}
		.sub_hwaseong .hwaseong_prd ul li p {font-size:16px;padding-top:15px;}
	}
	@media only screen and (max-width:960px){
	}
	@media only screen and (max-width:860px){
		.sub_hwaseong .hwaseong_prd ul li {width:33.333%;}
		.sub_hwaseong .hwaseong_prd ul li:nth-child(4n) {clear:both;}
		.sub_hwaseong .hwaseong_prd ul li p {font-size:15px;line-height:20px;padding: 7% 0 15%;}
	}
	@media only screen and (max-width:768px){
	}
	@media only screen and (max-width:640px){
		.sub_hwaseong .hwaseong_prd ul {width: calc(100% + 15px);margin-left: -7.5px;margin-right: -7.5px;}
		.sub_hwaseong .hwaseong_prd ul li {width:50%;padding:0 7.5px;}
		.sub_hwaseong .hwaseong_prd ul li:nth-child(3n) {clear:both;}
		.sub_hwaseong .hwaseong_prd ul li:nth-child(4n) {clear:inherit;}
		.sub_hwaseong .hwaseong_list .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:nth-child(1) {width: 5.6%;}
		.sub_hwaseong .hwaseong_list .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:nth-child(2) {width: 36%;}
		.sub_hwaseong .hwaseong_list .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:nth-child(3) {width: 23.7%;}
		.sub_hwaseong .hwaseong_list .bbs_scroll_wrap .bbs_scroll_table .bbs_list col:nth-child(4) {width: 23.7%;}
	}
	@media only screen and (max-width:500px){
	}
	@media only screen and (max-width:414px){
	}
	@media only screen and (max-width:320px){
		.sub_hwaseong .hwaseong_prd ul li p .for_m {display:none;}
	}

/*───────────────────────────────────────────────────────────
	
	제주 천연물 개발

───────────────────────────────────────────────────────────*/
.sub_jeju {}
.sub_jeju .jeju_visual {width:100%;height:390px;background:url('../images/sub/jeju_img.jpg') no-repeat center;background-size:cover;position:relative;z-index:1;}
.sub_jeju .jeju_visual p {position:absolute;width:100%;height:auto;font-size:26px;line-height:1.5;font-weight:400;color:#ffffff;text-align:center;top:50%;transform:translateY(-50%);}
.sub_jeju .jeju_visual p strong {display:block;font-size:36px;line-height:inherit;font-weight:600;color:inherit;padding-bottom:10px;}
.sub_jeju .jeju_step {}
.sub_jeju .jeju_step ol {width:calc(100% + 50px);margin-left:-25px;margin-right:25px;margin-top:40px;}
.sub_jeju .jeju_step ol li {float:left;width:20%;padding:0 25px;box-sizing:border-box;position:relative;z-index:1;transition: all 0.3s;}
.sub_jeju .jeju_step ol li + li:before {width: 11px;height: 11px;border-width: 2px 2px 0 0;left: 0;transform: translate(-67%, -50%) rotate(45deg);top:48%;border-color:#aaaaaa;border-style:solid;display:inline-block;content:"";position:absolute;transition:all 0.3s;}
.sub_jeju .jeju_step ol li p {display:table;font-size:16px;line-height:24px;font-weight:400;color:#333333;border:1px solid #333333;border-radius:35px;padding:10px 0;width:100%;text-align:center;}
.sub_jeju .jeju_step ol li p span {display:table-cell;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;vertical-align:middle;}
.sub_jeju .section {margin-top:100px;}
.sub_jeju .jeju_img_list {}
.sub_jeju .jeju_img_list li {float:left;width:calc(50% - 15px);}
.sub_jeju .jeju_img_list li + li {margin-left:30px;}
.sub_jeju .jeju_img_list li img {width:100%;}
.sub_jeju .jeju_certi_list {width:calc(100% + 27px);margin-left:-13.5px;margin-right:-13.5px;}
.sub_jeju .jeju_certi_list li {float:left;width:25%;padding:0 13.5px;box-sizing:border-box;}
.sub_jeju .jeju_certi_list li + li {}
.sub_jeju .jeju_certi_list li .img_box {width:100%;border:1px solid #ddd;box-sizing:border-box;}
.sub_jeju .jeju_certi_list li .img_box img {width:100%;}
.sub_jeju .jeju_certi_list li p {font-size:18px;line-height:1.5;font-weight:300;color:#222222;padding:13px 0 30px;text-align:center;}

	@media only screen and (max-width:1280px){
		.sub_jeju .jeju_visual {height:380px;}
		.sub_jeju .jeju_step ol {width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;}
		.sub_jeju .jeju_step ol li {padding:0 20px;}
		.sub_jeju .section {margin-top:11%;}
	}
    @media only screen and (max-width:1200px){
		.sub_jeju .jeju_visual {height:360px;}
		.sub_jeju .jeju_visual p {font-size:24px;}
		.sub_jeju .jeju_visual p strong {font-size:34px;}
		.sub_jeju .jeju_step ol li {width:33.333%;}
		.sub_jeju .jeju_step ol li:nth-child(4),
		.sub_jeju .jeju_step ol li:nth-child(5) {/* width:50%; */float:right;margin-top:40px;}
		.sub_jeju .jeju_step ol li:nth-child(4):before {left:50%;top: -43%;transform: translate(-50%, 0) rotate(135deg);}
		.sub_jeju .jeju_step ol li:nth-child(5):before {left:auto;right:0;transform:translate(71%, -50%) rotate(225deg);}
		.sub_jeju .jeju_step ol li p {font-size:15px;line-height:23px;}
	}
	@media only screen and (max-width:1024px){
		.sub_jeju .jeju_visual {height:340px;}
		.sub_jeju .jeju_visual p {font-size:22px;}
		.sub_jeju .jeju_visual p strong {font-size:32px;}
		.sub_jeju .section {margin-top:12.5%;}
		.sub_jeju .jeju_certi_list li p {font-size:17px;}
	}
	@media only screen and (max-width:960px){
		.sub_jeju .jeju_visual {height:320px;}
	}
	@media only screen and (max-width:860px){
		.sub_jeju .jeju_visual {height:300px;}
		.sub_jeju .jeju_visual p {font-size:20px;}
		.sub_jeju .jeju_visual p strong {font-size:30px;line-height:37px;}
		.sub_jeju .jeju_img_list li {width:calc(50% - 10px);}
		.sub_jeju .jeju_img_list li + li {margin-left:20px;}
		.sub_jeju .jeju_certi_list {width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;}
		.sub_jeju .jeju_certi_list li {width:33.333%;padding:0 10px;}
		.sub_jeju .jeju_certi_list li p {font-size:16px;}
	}
	@media only screen and (max-width:768px){
		.sub_jeju .jeju_visual {height:280px;}
		.sub_jeju .jeju_visual p strong {font-size:26px;line-height:33px;}
		.sub_jeju .jeju_step ol li {width:50%;}
		.sub_jeju .jeju_step ol li + li + li {margin-top:40px;}
		.sub_jeju .jeju_step ol li:nth-child(3),
		.sub_jeju .jeju_step ol li:nth-child(4) {float:right;}
		.sub_jeju .jeju_step ol li:nth-child(5) {float:left;}
		.sub_jeju .jeju_step ol li:nth-child(2n+1):before {left:auto;right:0;transform:translate(71%, -50%) rotate(225deg);}
		.sub_jeju .jeju_step ol li:nth-child(3):before,
		.sub_jeju .jeju_step ol li:nth-child(5):before {left:50%;top: -43%;transform: translate(-50%, 0) rotate(135deg);}
		.sub_jeju .jeju_step ol li:nth-child(4):before {left:auto;right:0;top:48%;transform:translate(71%, -50%) rotate(225deg);}
		.sub_jeju .section {margin-top:14.5%;}
		.sub_jeju .jeju_certi_list li p {font-size:15px;}
	}
	@media only screen and (max-width:640px){
		.sub_jeju .jeju_visual {height:260px;}
		.sub_jeju .jeju_visual p {font-size:18px;line-height:25px;}
		.sub_jeju .jeju_visual p strong {font-size:23px;line-height:30px;padding-bottom:15px;}
		.sub_jeju .jeju_step ol {width:100%;margin:10px 0 0;}
		.sub_jeju .jeju_step ol li {width:100%;padding:20px 0;}
		.sub_jeju .jeju_step ol li {margin-top:0 !important;}
		.sub_jeju .jeju_step ol li + li:before {right:auto !important;left: 50% !important;transform: translate(-50%, -74%) rotate(135deg) !important;top: 0 !important;}
		.sub_jeju .section {margin-top:15.5%;}
		.sub_jeju .jeju_img_list li {width:100%;}
		.sub_jeju .jeju_img_list li + li {margin:15px 0 0 0;}
		.sub_jeju .jeju_certi_list {width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;}
		.sub_jeju .jeju_certi_list li {width:50%;padding:0 7.5px;}
	}
	@media only screen and (max-width:500px){
		.sub_jeju .jeju_visual {height:240px;}
	}
	@media only screen and (max-width:414px){
		.sub_jeju .jeju_visual {height:220px;}
	}
	@media only screen and (max-width:320px){
		.sub_jeju .jeju_visual p {font-size:16px;line-height:25px;}
		.sub_jeju .jeju_visual p strong {font-size:22px;line-height:28px;}
	}

/*───────────────────────────────────────────────────────────
	
	/research/center

───────────────────────────────────────────────────────────*/
	.sub_center{padding-bottom:84px;}
	.sub_center .section {margin-top:100px;}
	.sub_center .porgress_list > li + li{margin-top:50px;}
	.sub_center .porgress_list strong{font-size:20px;font-weight:500;color:#222;margin-bottom:20px;display:block;}
	.sub_center .porgress_list .porgress_tit{box-sizing:border-box;color:#333;font-size:19px;font-weight:500;width:100%;height:57px;background:#f5f5f5;line-height:57px;border:1px solid #ddd;text-align:center;}
	.sub_center .porgress_list .porgress_con{box-sizing:border-box;font-size:17px;font-weight:300;width:100%;height:59px;padding-top:15px;text-align:center;background:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;white-space:normal;word-break:keep-all;word-wrap:break-word}
	.sub_center .porgress_list  ol{width:calc(100% + 85px);margin-left:-42.5px; margin-right:-42.5px;}
	.sub_center .porgress_list  ol  > li{width:33.33%;padding:0 42.5px;float:left;box-sizing:border-box;position:relative;}
	.sub_center .porgress_list  ol  > li::before{position:absolute;bottom:50%;margin-bottom:-14.5px;content:'';width:45px;height:29px;background:url('../images/sub/center_arrow.png');background-size:contain;}
	.sub_center .porgress_list  ol  > li:last-child .porgress_tit{color:#fff;background:#00aca8;border:1px solid #00aca8;}
	.sub_center .porgress_list  ol  > li:last-child .porgress_con{border-left:1px solid #00aca8;border-right:1px solid #00aca8;border-bottom:1px solid #00aca8;color:#333;font-weight:400;}
	.sub_center .porgress_list  ol  > li:last-child::before{display:none;}
	.sub_center .porgress_list .k_porgress ol > li::before{right:-24px;}
	.sub_center .porgress_list .k_porgress ol > li:nth-child(1){width:66.66%;}
	.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div{float:left;width:calc(50% - 44px);}
	.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div.sametime{line-height:1.4;padding-top:20px;color:#333;font-size:19px;font-weight:500;width:88px;height:116px;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5;box-sizing:border-box;}
	.sub_center .porgress_list .gc_porgress ol  > li{margin-bottom:84px;}

	/*GIP/CGMP 업무 진행 li 1번째부터 3번째*/
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+1):nth-child(-n+3)::before{right:-24px;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(3)::before{bottom:-42px;right:50% !important;margin-right:-22.5px;transform:rotate(90deg);}
	/*GIP/CGMP 업무 진행 li 4번째부터 6번째*/
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+4):nth-child(-n+6){float:right;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+4):nth-child(-n+6)::before{left:-24px;transform:rotate(180deg);}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+4):nth-child(-n+6) .porgress_con{height:89px;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(4) .porgress_con,
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(6) .porgress_con{padding-top:30px;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(6)::before{bottom:-42px;left:50% !important;margin-left:-22.5px;transform:rotate(90deg) !important;}
	/*GIP/CGMP 업무 진행 li 7번째부터 9번째*/
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9){margin-bottom:0;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9)::before{right:-24px;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9) .porgress_con{height:106px;}
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(8) .porgress_con,
	.sub_center .porgress_list .gc_porgress ol  > li:nth-child(9) .porgress_con{padding-top:40px;}

	
	.sub_center .center_equip_list > li{float:left;width:calc(50% - 15px);}
	.sub_center .center_equip_list > li + li{margin-left:30px;}
	.sub_center .center_equip_list p{text-align:center;font-size:18px;font-weight:300;margin-top:20px;color:#333;white-space:normal;word-break:keep-all;word-wrap:break-word}
	.sub_center .center_certifi_list{width:calc(100% + 30px); margin-left:-15px; margin-right:-15px;}
	.sub_center .center_certifi_list > li{float:left;width:25%;padding:0 15px; box-sizing:border-box;}
	.sub_center .center_certifi_list .certifi_img {border:1px solid #ddd;}
	.sub_center .center_certifi_list p{text-align:center;font-size:18px;font-weight:300;margin-top:10px;color:#333;white-space:normal;word-break:keep-all;word-wrap:break-word}
	

	@media only screen and (max-width:1280px){
		.sub_center .section {margin-top:11%;}
	}

	@media only screen and (max-width:1024px){
		.sub_center .section {margin-top:12.5%;}
		.sub_center .center_certifi_list > li{width:33.33%;}
		.sub_center .center_equip_list p{font-size:17px;}
		.sub_center .center_certifi_list p{font-size:17px;}
	}
	@media only screen and (max-width:990px){
		.sub_center .porgress_list .porgress_tit{font-size:18px;}
		.sub_center .porgress_list .porgress_con{font-size:16px;padding-top:20px;}
		.sub_center .porgress_list .k_porgress ol > li .porgress_con{padding-top:15px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+1):nth-child(-n+3) .porgress_con{padding-top:15px;}
		.sub_center .porgress_list  ol{width:calc(100% + 60px);margin-left:-30px; margin-right:-30px;}
		.sub_center .porgress_list  ol  > li{width:33.33%;padding:0 30px;}
	}

	@media only screen and (max-width:857px){
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+1):nth-child(-n+3) .porgress_con{height:80px;padding-top:26px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(3) .porgress_con{padding-top:15px !important;}
		.sub_center .porgress_list .gc_porgress ol > li:nth-child(n+7):nth-child(-n+9) .porgress_con{height:140px;padding-top:30px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(8) .porgress_con,
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(9) .porgress_con{padding-top:55px !important;}
		.sub_center .center_equip_list > li{width:calc(50% - 10px);}
		.sub_center .center_equip_list > li + li{margin-left:20px;}
	}
	@media only screen and (max-width:783px){
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div.sametime{height:134px;padding-top:28px;}
		.sub_center .porgress_list .k_porgress ol > li .porgress_con{height:77px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(2) .porgress_con{padding-top:25px !important;}
	}
	@media only screen and (max-width:768px){
		.sub_center .section {margin-top:14.5%;}
		.sub_center .center_equip_list p{font-size:15px;}
		.sub_center .center_certifi_list p{font-size:15px;}

		
	}
	@media only screen and (max-width:660px){
		.sub_center .section {margin-top:15.5%;}
		.sub_center .porgress_list .porgress_tit{font-size:16px;}
		.sub_center .porgress_list .porgress_con{font-size:16px;}
		
		
	}
	@media only screen and (max-width:640px){

		.sub_center .porgress_list .porgress_con{height:auto;padding:20px 0;}
		.sub_center .porgress_list  ol  > li{float:none;width:100%;margin:0 auto;}
		.sub_center .porgress_list  ol  > li::before{width:21px;height:28px;bottom:-28px;right:50% !important;margin-right:-10.5px;transform:rotate(0);background:url('../images/sub/center_arrow2.png');background-size:contain;}
		.sub_center .porgress_list .k_porgress ol > li .porgress_con{padding-top:20px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1){width:100%;margin-bottom:55px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) .porgress_con{height:67px;padding-bottom:0px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div.sametime{padding-top:30px;font-size:16px;font-weight:500;height:124px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(2) .porgress_con{padding-top:20px !important; height:auto;}
		.sub_center .porgress_list .gc_porgress ol  > li{margin-bottom:55px;}
		/*GIP/CGMP 업무 진행 li 1번째부터 3번째*/
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+1):nth-child(-n+3) .porgress_con{height:auto; padding-top:20px !important;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(3)::before{bottom:-28px;margin-right:-10.5px;transform:rotate(0);}
		/*GIP/CGMP 업무 진행 li 4번째부터 6번째*/
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+4):nth-child(-n+6){float:none;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+4):nth-child(-n+6)::before{bottom:-28px;left:50%;margin-left:-10.5px;transform:rotate(0);}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+4):nth-child(-n+6) .porgress_con{height:auto;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(4) .porgress_con,
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(6) .porgress_con{padding-top:20px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(6)::before{transform:rotate(0) !important;}
		/*GIP/CGMP 업무 진행 li 7번째부터 9번째*/
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9){margin-bottom:55px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9)::before{bottom:-28px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9) .porgress_con{height:auto; padding-top:20px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(8) .porgress_con,
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(9) .porgress_con{padding-top:20px !important;}

		.sub_center .center_equip_list > li{float:none;width:100%;margin-bottom:24px;}
		.sub_center .center_equip_list > li + li{margin-left:0;}
		.sub_center .center_equip_list p{margin-top:12px;}
		.sub_center .center_certifi_list p{white-space:pre-line;}
		.sub_center .center_certifi_list{width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px;}
		.sub_center .center_certifi_list > li{width:50%;padding:0 7.5px;}

		
	}
	@media only screen and (max-width:500px){
		
		.sub_center{padding-top:40px;}
		.sub_center .porgress_list strong{font-size:15px; margin-bottom:10px;}
		.sub_center .section {margin-top:15.5%;}
		.sub_center .porgress_list .porgress_tit{font-size:14px;height:37px;line-height:37px;}
		.sub_center .porgress_list .porgress_con{font-size:13px;white-space:pre-line;padding:8px 0;font-weight:400;}
		.sub_center .porgress_list .k_porgress ol > li .porgress_con {padding-top:10px;height:auto;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) .porgress_con{height:54.5px;padding-top:5px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div{float:left;width:calc(50% - 29.5px);}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div.sametime{padding-top:18px;height:91.5px;font-size:14px;width:59px;}
		.sub_center .porgress_list .k_porgress ol > li:nth-child(2) .porgress_con{padding-top:10px !important;}
		
		/*GIP/CGMP 업무 진행 li 1번째부터 3번째*/
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+1):nth-child(-n+3) .porgress_con{padding-top:10px !important;}
		/*GIP/CGMP 업무 진행 li 4번째부터 6번째*/
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(4) .porgress_con,
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(6) .porgress_con{padding-top:10px;}
		/*GIP/CGMP 업무 진행 li 7번째부터 9번째*/
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(n+7):nth-child(-n+9) .porgress_con{padding-top:10px;}
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(8) .porgress_con,
		.sub_center .porgress_list .gc_porgress ol  > li:nth-child(9) .porgress_con{padding-top:10px !important;}
	}

	@media only screen and (max-width:300px){
		.sub_center .porgress_list .k_porgress ol > li:nth-child(1) > div.sametime{line-height:1.6;padding:48px 0;font-size:14px;font-weight:500;height:auto;}
	}

/*───────────────────────────────────────────────────────────

	 화장품 제품소개 | goods

───────────────────────────────────────────────────────────*/
	/*상단*/
		#content > .sub_tit h3 + p.goods_sub_tit{margin-top:8px;}
		#content > .sub_tit h3 + p.goods_sub_tit,
		#content > .sub_tit h3 + p.goods_sub_tit .en_cate_name{font-size:20px;color:#444;font-weight:300;font-family:'Noto Sans KR';}

	/* 서브 카테고리 */
		.sub_cate_wrap.goods_cate {margin:35px auto 0 auto;border:none;width:1100px;}
		.sub_cate_wrap.goods_cate ul.sub_cate {margin:0;line-height:20px;vertical-align:top;text-align:center;font-size:0;}
		.sub_cate_wrap.goods_cate ul.sub_cate:after {clear:both; content:""; display:block;}
		.sub_cate_wrap.goods_cate ul.sub_cate li {padding:0 10px;line-height:20px;font-size:0;float:none;text-align:left;box-sizing:border-box;vertical-align:top;display:inline-block;margin-bottom:20px;}
		.sub_cate_wrap.goods_cate ul.sub_cate li a {font-size:20px;color:#666;font-weight:300;display:block;width:100%;height:100%;line-height:inherit;vertical-align:top;box-sizing:border-box;padding:15px 32px;background:#f5f5f5;border-radius:25px;transition:all 0.3s;}
		.sub_cate_wrap.goods_cate ul.sub_cate li.on a,
		.sub_cate_wrap.goods_cate ul.sub_cate li:hover a{color:#fff;background:#00aca8;transition:all 0.3s;font-weight:500;}
		.sub_cate_wrap.goods_cate ul.sub_cate li + li:before {display:none;}
	
	.goods .sub_list .list .list_no{margin-top:30px;}
	.sub_list .list .goods_list{margin-top:30px;}
	.sub_list .list .goods_list > ul li{width:100%;margin:0;border:none;}
	.sub_list .list .goods_list > ul > li + li{margin-top:40px;}
	.sub_list .list .goods_list > ul li > div{float:left;display: inline-block;box-sizing:border-box;}
	.sub_list .list .goods_list > ul li .goods_img{width:480px;height:340px;border:1px solid #ddd;border-radius:20px;overflow:hidden;position:relative;}
	.sub_list .list .goods_list > ul li .goods_img .img_box{height:0;padding-bottom:100%;;}
	.sub_list .list .goods_list > ul li .goods_img img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

	.sub_list .list .goods_list > ul li .goods_info{margin-left:50px;width:57%;padding:23px 0;position: relative;}
	.sub_list .list .goods_list > ul li .goods_info .goods_title:after{clear:both;content:"";display: block;}
	.sub_list .list .goods_list > ul li .goods_info h4{font-size:32px;color:#333;font-weight:400;line-height:1;letter-spacing:-0.02em;margin-left:-3px;text-align:left;width:80%;display: inline-block;}
	.sub_list .list .goods_list > ul li .goods_info .btn_inq{display: inline-block;box-sizing:border-box;vertical-align: top;float: right;font-size:16px;color:#fff;font-weight:400;padding:9px 32px;background:#4e2d78;border-radius: 25px;margin-top:-6px;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box{box-sizing:border-box;position:relative;margin-top:25px;padding-top:25px;font-size:0;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box:before{width:30px;height:2px;content:"";background:#333;position:absolute;top:0;left:0;}	
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li{position:relative;box-sizing:border-box;padding-left:14px;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li + li{margin-top:13px;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li:before{width:4px;height:4px;content:"";background:#999;border-radius:100%;position: absolute;top:13px;left:0;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt{display:block;text-align:left;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_tit{font-size:18px;color:#333;font-weight:400;font-family:"Noto Sans KR";width:auto;border:none;display:inline-block;padding:0;vertical-align:top;letter-spacing:-0.02em;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_cont{display:inline-block;font-size:18px;color:#666;font-weight:300;font-family:"Noto Sans KR";padding:0;vertical-align:top;width:auto;word-break:keep-all;letter-spacing:-0.02em;width:66%;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_tit{display:block;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_txt{display: block;width:100%;}
	/* .sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_txt * {color: inherit !important; font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; color: inherit !important;} */
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list{margin-top:10px;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li{float:none;font-size:18px;color:#666;font-weight:300;font-family:"Noto Sans KR";padding:0;vertical-align:top;width:auto;word-break:keep-all;position:relative;padding-left:10px;letter-spacing:-0.03em;line-height:28px;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li:before{content:"-";font-size:18px;color:#666;font-weight:300;font-family:"Noto Sans KR";position: absolute;top:1px;left:1px;}
	.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li + li{margin-top:8px;}

	.sub_list.goods + .paging{margin-top:68px;}

	/*1350이하*/
	@media only screen and (max-width:1350px) {
		.sub_list .list .goods_list > ul > li{position:relative;}
		.sub_list .list .goods_list > ul li .goods_img{width:35%;height:auto;}
		.sub_list .list .goods_list > ul li .goods_img img{width:100%;}
		.sub_list .list .goods_list > ul li .goods_info{}
	}
	/*1200이하*/
	@media only screen and (max-width:1200px) {
		#content > .sub_tit h3 + p.goods_sub_tit, 
		#content > .sub_tit h3 + p.goods_sub_tit .en_cate_name{font-size:18px;}

		.sub_cate_wrap.goods_cate{width:100%;}

		.sub_list .list .goods_list > ul li .goods_info{width:60%;margin-left:30px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_tit{font-size:17px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_cont{font-size:16px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li{font-size:16px;}
	}
	/*1100이하*/
	@media only screen and (max-width:1100px) {
		.sub_cate_wrap.goods_cate{margin:25px auto 0 auto;}
		.sub_cate_wrap.goods_cate ul.sub_cate li a{padding:14px 28px;font-size:18px;}

		.sub_list .list .goods_list > ul li .goods_img{width:30%;}
		.sub_list .list .goods_list > ul li .goods_info{width:66%;}
		.sub_list .list .goods_list > ul li .goods_info h4{font-size:28px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box{margin-top:15px;padding-top:15px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_tit{font-size:16px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_cont{font-size:15px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list{margin-top:5px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li{font-size:15px;}

		.sub_list.goods + .paging{margin-top:40px;}
	}	
	/*1000이하*/
	@media only screen and (max-width:1000px) {
		#content > .sub_tit h3 + p.goods_sub_tit,
		#content > .sub_tit h3 + p.goods_sub_tit .en_cate_name{font-size:16px;}


		.sub_cate_wrap.goods_cate ul.sub_cate li{padding:0 8px;margin-bottom:15px;}
		.sub_cate_wrap.goods_cate ul.sub_cate li a{font-size:17px;}

		.sub_list .list .goods_list > ul li .goods_info{margin-left:20px;padding:18px 0;}
		.sub_list .list .goods_list > ul li .goods_info h4{font-size:25px;width:73%;}
		.sub_list .list .goods_list > ul li .goods_info .btn_inq{padding:4px 18px;font-size:14px;}
	}
	/*800이하*/
	@media only screen and (max-width:800px) {
		.goods_goods_list .nav_wrap .nav_box .nav_step .good_nav{display: inline-block;}
	}
	/*640이하*/
	@media only screen and (max-width:640px) {
		.goods_goods_list .nav_wrap .nav_box .nav_step .good_nav{width:100%;}
		.goods_goods_list .nav_wrap .nav_box .nav_step .sub_cate_wrap{display: none;}

		.sub_cate_wrap.goods_cate ul.sub_cate li:hover a{color:#666;background:#f5f5f5;}

		.sub_list .list .goods_list > ul li > div{float:none;}
		.sub_list .list .goods_list > ul li .goods_img{width:100%;}

		.sub_list .list .goods_list > ul li .goods_info{margin-left:0;width:100%;padding:0;margin-top:20px;}
		.sub_list .list .goods_list > ul li .goods_info h4{font-size:32px;}
		.sub_list .list .goods_list > ul li .goods_info .btn_inq{font-size:16px;padding:6px 18px;margin-top:-3px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_tit{font-size:17px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_cont{width:60%;font-size:17px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_txt{width:100%;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li{font-size:17px;}
	}
	/*479이하*/
	@media only screen and (max-width:479px) {
		#content > .sub_tit h3 + p.goods_sub_tit{margin-top:4px;}
		#content > .sub_tit h3 + p.goods_sub_tit,
		#content > .sub_tit h3 + p.goods_sub_tit .en_cate_name{font-size:15px;}

		.sub_cate_wrap.goods_cate{margin:27px auto 0 auto;}
		.sub_cate_wrap.goods_cate ul.sub_cate li{padding:0 5px;margin-bottom:10px;}
		.sub_cate_wrap.goods_cate ul.sub_cate li a{font-size:15px;padding:10px 14px;}

		.sub_list .list .goods_list{margin-top:18px;}
		.sub_list .list .goods_list > ul > li + li{margin-top:53px;}
		.sub_list .list .goods_list > ul li .goods_img{height:246px;}
		.sub_list .list .goods_list > ul li .goods_img .img_box{height:100%;padding:0;}

		.sub_list .list .goods_list > ul li .goods_info{margin-top:17px;}
		.sub_list .list .goods_list > ul li .goods_info h4{font-size:23px;margin-left:-2px;}
		.sub_list .list .goods_list > ul li .goods_info .btn_inq{font-size: 13px;padding: 4px 14px;margin-top: -3px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box{margin-top:16px;padding-top:16px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box:before{width:25px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li{padding-left:12px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li + li{margin-top:7px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li:before{top:11px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_tit{font-size:16px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .info_cont{width:auto;font-size:16px;line-height:22px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_inci_txt{width:80%;}

		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list{margin-top:4px;}
		.sub_list .list .goods_list > ul li .goods_info .goods_info_box > li .goods_info_txt .goods_des_list li{font-size:16px;line-height:23px;padding-left:9px;}
	}