@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 에 있습니다.

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








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

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

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		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 사용 */


		/*** common ***/


		/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/


		/*** BOARD ***/


		/*** GOODS ***/


		/*** MEMBER ***/


		/*** SERVICE ***/


/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

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



/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.nav_wrap {}
		.nav_wrap .nav_box {padding:110px 0 63px 0;border:0;margin:0;position:relative;z-index:1;width:100%;box-sizing:border-box;}
		.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
		.nav_wrap .nav_box h2 {font-size:50px;line-height:1.28;padding:0;margin:0;text-align:center;color:#111;font-weight:400;z-index:1;}
		.nav_wrap .nav_box h2 strong {font-size:inherit;font-weight:700;}
		.nav_wrap .nav_box p {font-size:18px;line-height:1.67;padding:24px 0 0 0;color:#444;font-weight:400;text-align:center;}
		.nav_wrap .nav_box ul {line-height:18px;top:20%;position:absolute;left:0;font-size:0;padding:0;z-index:5;display:block;}
		.nav_wrap .nav_box ul li {line-height:18px;height:18px;font-size:8px;text-align:left;vertical-align:top;padding:0;color:#aaa;display:inline-block;}
		.nav_wrap .nav_box ul li + li {padding-left:5px;}
		.nav_wrap .nav_box ul li span,
		.nav_wrap .nav_box ul li strong,
		.nav_wrap .nav_box ul li > a {line-height:18px;height:18px;padding:0 4px 0px 0;font-size:12px;display:inline-block;width:auto;color:#666;vertical-align:top;margin:0;box-sizing:border-box;}
		.nav_wrap .nav_box ul li a.home {padding-left:0px;font-size:12px;color:#666666;}
		.nav_wrap .nav_box ul li a.home:before {width:11px;height:11px;margin:0 5px 2px 0;content:"";display:inline-block;background:url("../images/common/sub_locate_home.png") no-repeat left center #333333;background-size:auto 13px;vertical-align:middle;}
		.nav_wrap .nav_box ul li:last-child a,
		.nav_wrap .nav_box ul li:last-child span,
		.nav_wrap .nav_box ul li:last-child strong {color:#444;font-weight:700;padding-right:0;}
		.nav_wrap .nav_box ul li .navi_select {min-width:150px;border: 1px solid #999;cursor: pointer;margin-top: -3px;position:relative;box-sizing: border-box;}
		.nav_wrap .nav_box ul li .navi_select .navi_tit {padding: 2px 10px;line-height: 18px;height: auto;display: block;}
		.nav_wrap .nav_box ul li .navi_select .navi_tit:after {content:"";display:inline-block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position:absolute;right: 10px;top: 9px;transition:all .2s;}
		.nav_wrap .nav_box ul li .navi_select ul {display:none;position:absolute;left: -1px;top: 100%;width:150px;background:#fff;padding:6px 0 6px 0;border: 1px solid #888;box-sizing: border-box;}
		.nav_wrap .nav_box ul li .navi_select ul li {display: block;line-height: 1;height: auto;font-size: 12px;padding: 0;}
		.nav_wrap .nav_box ul li .navi_select ul li a {display:block;padding:5px 10px;font-size: 12px;line-height: 1;height: auto;transition:all .2s;}
		.nav_wrap .nav_box ul li .navi_select ul li a:hover {background:#999;color:#fff;}
		.nav_wrap .nav_box ul li .navi_select:hover .navi_tit:after {transform: rotate(180deg);}
		.nav_wrap .nav_box ul li .navi_select:hover ul {display:block;}

	@media only screen and (max-width:1200px) {
		.nav_wrap .nav_box h2 br{display:none;}
	}
	@media only screen and (max-width:1024px) {
		.nav_wrap .nav_box {padding:8.0% 0 5%;}
		.nav_wrap .nav_box h2 {font-size:36px;line-height:42px;}
		.nav_wrap .nav_box p br{display: none;}
		.nav_wrap .nav_box ul {display:none;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box h2 {font-size:28px;line-height:32px;}
		.nav_wrap .nav_box p{padding-top:16px;font-size:16px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:6.2% 0 6%;}
		.nav_wrap .nav_box h2 {font-size:24px;line-height:28px;}
		.nav_wrap .nav_box p{font-size:14px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box h2 {padding:8.8% 0 0 0;font-size:20px;line-height:28px;}
	}

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* 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;}
			/* 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:1024px) {
			/* 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;}
	}

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

	 board

───────────────────────────────────────────────────────────*/
	input[type="text"], input[type="password"], input[type="number"], input[type="date"]{border:1px solid #ddd;padding:0 19px;letter-spacing:-0.03em;color:#999}
	input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus{border:1px solid #000;color:#333}
	select{border:1px solid #ddd;background:#fff url('../images/sub/sel_arw.png') no-repeat right 14px center;letter-spacing:-0.03em;}
	select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

	/* IE 에서 Select box 화살표 제거 */ 
	select::-ms-expand { display: none; }
	
	/* pagaing wrap */
		.paging {text-align:center;padding-top:0;line-height:30px;font-size:0;margin:40px auto 0 auto;vertical-align:top;box-sizing:border-box;}
		.paging span {display:inline-block;vertical-align:top;}
		.paging a {display:inline-block; font-size:15px; color:#88;font-weight:400;padding:0 5px;border:0;box-sizing:border-box;height:34px;line-height:34px;min-width:34px;text-align:center; vertical-align:top;}
		.paging a img {height:34px;width:34px;vertical-align:top;}
		.paging span + span a,
		.paging a + a,
		.paging a + span a{border-left:0;margin-left:10px;}
		.paging .on a{color:#fff; font-weight:600;background:#aacd06}
		.paging a.on{color:#fff; font-weight:600;background:#aacd06}
		.paging .arrow a {font-size:0;width:34px;border:none;}
		.paging .arrow a img {display:none;}
		.paging .arrow.prev{}
		.paging .arrow.next {}
		.paging .arrow.first a {background:#fff url("../images/sub/paging_first.png") no-repeat center;background-size:auto;}
		.paging .arrow.prev a {margin-right:18px;background:#fff url("../images/sub/paging_prev.png") no-repeat center;background-size:auto;}
		.paging .arrow.next a {margin-left:18px;background:#fff url("../images/sub/paging_next.png") no-repeat center;background-size:auto;}
		.paging .arrow.last a {background:#fff url("../images/sub/paging_last.png") no-repeat center;background-size:auto;}
		.view_btn {text-align:center;position:relative;}
		.view_btn .paging {display:inline-block;}
	@media only screen and (min-width:1023px) {
		.paging a:hover {color:#fff; font-weight:600;background:#aacd06}
	}
	/* 검색 */
		.board_search {line-height:1.6;margin-bottom:40px;padding:0;text-align:right;background-color:#fff;font-size:0;width:100%;box-sizing:border-box;}
		.board_search fieldset {line-height:inherit;font-size:0;}
		.board_search select,
		.board_search input,
		.board_search span,
		.board_search label {vertical-align:top;font-size:16px;line-height:inherit;}
		.board_search select,.board_search input.input_text {margin-right:0;background-color:#fff;height:55px;padding:0 19px;box-sizing:border-box;}
		.board_search select {width:160px;margin-right:10px;height:55px;}
		.board_search input.input_text {width:320px;}
		.board_search input::placeholder{color:#999;}
		.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;}
		.board_search .btn_md {font-size:0;height:55px;width:55px;background-color:#111 !important;border-color:#111 !important;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('../images/sub/board_search_btn.png')}

	@media only screen and (max-width:1023px) {
		.board_search{margin-bottom:35px;}
		.board_search select,.board_search input,.board_search span,.board_search label {font-size:16px;}
		.board_search select,.board_search input.input_text {height:45px;padding:0 15px;}
		.board_search .btn_md{width:45px;height:45px;background-size:18px;}

		.paging{margin-top:60px;}
	}
	@media only screen and (max-width:640px) {
		.board_search{margin-bottom:30px;}
		.board_search select,.board_search input,.board_search span,.board_search label {font-size:14px;}
		.board_search select,.board_search input.input_text {height:40px;padding:0 10px;}
		.board_search .btn_md{width:40px;height:40px;}
		.board_search .board_search_sel{width:100%;margin-right:0;margin-bottom:10px;}
		.board_search .board_search_sel select{width:100%;margin-left:0;}
		.board_search input.input_text{width:calc(100% - 40px);}
		.paging{margin-top:40px;}
		
	}
	@media only screen and (max-width:497px) {
		.board_search input.btn_md{width:40px;height:40px;}
		
	}

	/* 리스트 */
	.sub_board ul.bbs_gallery {margin-left:0px;display:flex;flex-wrap:wrap;width:calc(100% + 35px);margin-left:-17.5px;}
	.sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
	ul.bbs_gallery li {width: calc(33.33% - 35px); margin:0 17.5px 50px;position:relative;box-sizing:border-box;}
	ul.bbs_gallery li > a {display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	ul.bbs_gallery_top {padding:0 0 0 0;}
	ul.bbs_gallery li .thumb{width:100%;height:0;padding-bottom:68%;position: relative;overflow:hidden;transition:all 0.5s;}
	ul.bbs_gallery li .thumb img {width: 100%;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
	ul.bbs_gallery li .txt_info {padding:22px 0 0;}
	ul.bbs_gallery li .txt_info .board_tit {padding: 0;line-height: 1.5;font-size: 0;text-align: left;}
	ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 20px;color: #111;font-weight: 500;}
	ul.bbs_gallery li .txt_info .board_tit .board_ico,
	ul.bbs_gallery li .txt_info .board_tit img{display:none;}
	ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
	ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
	ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
	ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
	ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display:block;}
	ul.bbs_gallery li p {display:block;font-size: 18px;color: #888;line-height:1.5;margin:0;text-align: right;width:110px;}
	ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;font-size:15px;}
	ul.bbs_gallery li .txt_info .main_more{margin-top:32px;opacity:0;transition:all 0.5s;}
	ul.bbs_gallery li .txt_info .main_more span{font-size:13px;}

	.bbs_no_data {padding:1.2%;font-size:15px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}

	@media only screen and (min-width:1023px) {
		ul.bbs_gallery li:hover .thumb{box-shadow:8px 8px 18px 0 rgba(0,0,0,0.2)}
		ul.bbs_gallery li:hover .txt_info .main_more{opacity:1;transition:all 0.5s;}
	}
	@media only screen and (max-width:1023px) {
		.sub_board	ul.bbs_gallery{width:calc(100% + 24px);margin-left:-12px;}	
		ul.bbs_gallery li{margin:0 12px 45px;width:calc(33.3333% - 24px);}
		ul.bbs_gallery li .txt_info{padding:12px 0 0 0;}
		ul.bbs_gallery li .txt_info .board_tit h3{font-size:18px;}
		ul.bbs_gallery li .txt_info .main_more{display: none;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		.sub_board	ul.bbs_gallery{width:calc(100% + 15px);margin-left:-7.5px;}	
		ul.bbs_gallery li{margin:0 7.5px 35px;width:calc(50% - 15px);}
		ul.bbs_gallery li .txt_info .board_tit h3{font-size:16px;}
	}
	@media only screen and (max-width:479px) {
		ul.bbs_gallery li{margin-bottom:30px;}
		ul.bbs_gallery li .txt_info .board_tit h3{font-size:14px;}
	}


	/* 뷰페이지(공통) */
		.bbs_view{margin-top:11%;}
		.bbs_view div.view_tit{border-top:2px solid #333;background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:35px 50px 35px 38px;flex-wrap:wrap;}
		.bbs_view div.view_tit h3{font-size:26px;color:#333;font-weight:600;max-width:80%;}
		.bbs_view div.view_tit .write_info{position: relative;font-size:15px;color:#999;font-weight:400;font-family:'Pretendard';background:url('../images/sub/board-view-date.png')no-repeat left center;padding-left:24px;width:auto;}

		.sub_board .bbs_view .extra_editor_wrap{border-top:none;border-bottom:1px solid #ddd;display:flex;padding:20px 0;box-sizing:border-box;margin-top:0;align-items:center;}
		.sub_board .bbs_view .extra_editor_wrap > h4, .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{display:inline-block;background:none;padding:0;box-sizing:border-box;}
		.sub_board .bbs_view .extra_editor_wrap > h4{width: 150px;font-size:18px;font-weight:600;color:#333;letter-spacing:-0.03em;padding-left:49px;}
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 150px);box-sizing:border-box;padding-left:40px;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;color:#888;font-weight:400;letter-spacing:-0.03em;font-size:16px;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{color:inherit !important;font-weight:inherit;font-family:inherit;font-size:inherit;}
		.bbs_view div.view_cont{padding:60px 30px;border-bottom:1px solid #ddd;}

		.btn_wrap .btn_list{display:inline-flex;align-items:center;justify-content:center;width:200px;height:60px;box-sizing:border-box;background:#9ebe06;font-size:16px;color:#fff;font-weight:400;position: relative;}
		.btn_wrap .btn_list:after{width:42px;height:9px;content:"";background:url('../images/sub/btn_list.png')no-repeat center;display: inline-block;vertical-align: middle;margin-left:18px;background-size:auto 100%;}


		@media only screen and (max-width:1023px) {
			.bbs_view div.view_tit{padding:25px 30px 25px 30px;}
			.bbs_view div.view_tit h3{font-size:20px;}

			.bbs_view div.view_cont{padding:30px 15px;}
		}
		@media only screen and (max-width:767px) {
			.bbs_view div.view_tit{padding:20px 20px 20px 20px;}
			.bbs_view div.view_tit h3{font-size:18px;}
			.bbs_view div.view_tit .write_info{font-size:13px;}

			.sub_board .bbs_view .extra_editor_wrap{padding:15px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4{width:120px;font-size:16px;padding-left:30px;}
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 120px);padding-left:20px;}	

			.btn_wrap .btn_list{width:170px;height:50px;font-size:14px;}
		}
		@media only screen and (max-width:640px) {
			.bbs_view div.view_tit{padding:20px 15px;}
			.bbs_view div.view_tit h3{max-width:100%;width:100%;}
			.bbs_view div.view_tit .write_info{margin-top:10px;}
		}
		@media only screen and (max-width:479px) {
			.bbs_view div.view_tit h3{font-size:16px;}		
			.sub_board .bbs_view .extra_editor_wrap{padding:12px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:14px;padding-left:15px;width:90px;}
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 90px);padding-left:10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:13px;}

			.btn_wrap .btn_list{width:148px;height:45px;}
			.btn_wrap .btn_list:after{width:24px;height:5px;}
		}

		table.bbs_list{border-top:2px solid #000;border-bottom:1px solid #ddd;}
		table.bbs_list th {padding-top:15px;padding-bottom:15px;border-bottom: 1px solid #000;color:#333;font-weight:500;letter-spacing:-0.03em;font-size:20px;height:80px;box-sizing:border-box;}
		table.bbs_list td {padding-top:13px;padding-bottom:13px;height:80px;box-sizing:border-box;font-size:18px;letter-spacing:-0.03em;color:#999}
		
		table.bbs_list td .board_tit h3{font-size:18px;letter-spacing:-0.03em;color:#333}
		table.bbs_list td .board_tit h3 strong{transition:all 0.3s;}
		
		table.bbs_list tr.board_notice td{background:#f7f7f7;}
		table.bbs_list tr.board_notice td .board_tit h3{font-weight:700}
		table.bbs_list tr.board_notice .notice_txt{min-width:60px;height:30px;line-height:30px;background:#aacd06;border-radius:15px;color:#fff;display:inline-block;font-size:16px;font-weight:500}
		@media only screen and (min-width:1023px) {
			table.bbs_list td .board_tit h3 strong:hover{color:#aacd06;text-decoration:underline;}
		}
		@media only screen and (max-width:1023px) {
			table.bbs_list col:nth-child(1){width:100px}
			table.bbs_list col:nth-child(3){width:100px}
			table.bbs_list col:nth-child(4){width:100px}
			table.bbs_list col:nth-child(5){width:100px}
			table.bbs_list th {font-size:17px;height:65px;}
			table.bbs_list td{font-size:16px;height:65px;}
			table.bbs_list tr.board_notice .notice_txt{height:28px;font-size:15px;line-height:28px}
			table.bbs_list td .board_tit h3{font-size:16px;}
			
			
		}
		@media only screen and (max-width:640px) {
			table.bbs_list col:nth-child(1){width:60px}
			table.bbs_list col:nth-child(3){width:55px}
			table.bbs_list col:nth-child(4){width:55px}
			table.bbs_list col:nth-child(5){width:55px}
			table.bbs_list th {font-size:15px;height:50px;padding:0 3px;}
			table.bbs_list td{font-size:14px;padding:3px;height:55px;}
			table.bbs_list tr.board_notice .notice_txt{height:20px;font-size:12px;line-height:20px;min-width:45px;}
			table.bbs_list td .board_tit .board_ico{display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit h3{font-size:14px;width:83%;display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit h3 strong{width:95%;}
			table.bbs_list td .board_tit img{margin-right:3px;vertical-align:top;margin-top:4px;}

			
		}
		@media only screen and (max-width:640px) {
			table.bbs_list col:nth-child(3){display:none;}
			table.bbs_list col:nth-child(4){width:50px}
			table.bbs_list col:nth-child(5){width:50px}
			table.bbs_list tr.board_notice td .board_tit h3{width:80%;}
			table.bbs_list th{font-size:14px;}
			table.bbs_list th:nth-child(3){display:none;}
				table.bbs_list td{font-size:13px;}
				table.bbs_list td .board_tit h3{font-size:13px;}
			table.bbs_list td:nth-child(3){display:none;}
		}
			
		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			.board_write_wrap{border-top:2px solid #000;padding:37px 40px;border-bottom:1px solid #ddd;}
			table.bbs_write {table-layout:fixed;width:100%;border-top:0;text-align:left;box-sizing:border-box;}
			table.bbs_write th,table.bbs_write td {font-size:16px;padding-top:12.5px;padding-bottom:12.5px;padding-left:0;padding-right:0;letter-spacing:-0.03em;line-height:1.5;border-bottom:0;font-weight:400;color:#666;text-align:left;vertical-align:middle;box-sizing:border-box;}
			table.bbs_write th {padding-left:0;padding-right:0;font-size:20px;font-weight:500;color:#444;background-color:#fff;letter-spacing:-0.03em;}
			table.bbs_write th.th_v_top{vertical-align:top;padding-top:25px;}
			table.bbs_write td {}
			table.bbs_write th,table.bbs_write td,table.bbs_write tr span,table.bbs_write tr input,table.bbs_write tr select {vertical-align:middle;}
			table.bbs_write tr span,table.bbs_write tr input,table.bbs_write tr select,table.bbs_write tr textarea,table.bbs_write tr label {color:#666;font-size:inherit;font-weight:400;display:inline-block;}
			table.bbs_write tr select {background:#fff;}
			table.bbs_write td select,table.bbs_write td input[type="text"],table.bbs_write td input[type="password"],table.bbs_write td input[type="number"],table.bbs_write td input[type="date"] {min-width:auto;width:100%;max-width:300px; height:55px}
			table.bbs_write td input[type="text"].email_input,table.bbs_write td input[type="text"].mobile_input{max-width:700px}

			table.bbs_write tr td input[name="is_secret"]+ label{margin-bottom:10px;}
			.board_write_wrap + div .policy_cont{margin-top:60px;border:1px solid #ddd;padding:30px;}
			.board_write_wrap + div .policy_cont label{font-size:18px;letter-spacing:-0.03em;margin-right:0;width:calc(100% - 90px)}
			.board_write_wrap + div .policy_cont label em{font-size:inherit;font-weight:400;color:#aacd06;}
			.board_write_wrap + div .policy_cont > div{padding-bottom:25px;display:flex;justify-content:space-between;align-items:flex-start;}
			.board_write_wrap + div .policy_text_box{word-break:keep-all;white-space:pre-line;padding:30px;box-sizing:border-box;height:120px;overflow-y:auto;background:#f5f5f5;color:#888;font-size:16px;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height:1.6}
			.board_write_wrap + div .policy_text_box.on{height:auto;}
			
			table.bbs_write tr td #captcha_box{height:100%;vertical-align:top;}
			table.bbs_write .captcha_wrap{max-width:calc(100% - 200px);border:1px solid #ddd;display:inline-block;height:55px;vertical-align:top;margin-right:6px;box-sizing:border-box;padding: 6.5px 10px;}
			table.bbs_write .captcha_wrap img{height:100% !important;vertical-align:top;}
			table.bbs_write .captcha_wrap .btn_reset{font-size:0;width:40px !important;padding:0 !important;height:40px;margin-left:6px;border:1px solid #ddd;box-sizing:border-box;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat center!important}
			table.bbs_write tr td input[name="captcha"] {min-width:200px;width:200px;box-sizing:border-box;}
			.btn_wrap{padding-top:60px;}
			.btn_wrap .btn{height:60px;line-height:58px;min-width:140px;box-sizing:border-box;font-size:18px;font-weight:400;}
			.btn_wrap .btn.btn_point{background:#222;}

			@media only screen and (max-width:1023px) {
				.board_write_wrap{padding:30px}
				table.bbs_write th,table.bbs_write td{font-size:15px;padding:7.5px 0}
				table.bbs_write th{font-size:18px;}
				table.bbs_write td select,table.bbs_write td input[type="text"],table.bbs_write td input[type="password"],table.bbs_write td input[type="number"],table.bbs_write td input[type="date"]{height:50px;}
				
				.board_write_wrap + div .policy_cont{margin-top:50px;padding:25px;}
				.board_write_wrap + div .policy_cont > div{padding-bottom:20px;}
				.board_write_wrap + div .policy_cont label{font-size:16px;}
				.board_write_wrap + div .policy_text_box{padding:25px;font-size:15px;}
				.policy_cont .btn_info{font-size:15px;padding-right:15px;}
				.policy_cont .btn_info:before{width:7px;height:7px;margin-top:-7px;}
				.policy_cont .btn_info.on:before{margin-top:-3px;}
				table.bbs_write .captcha_wrap{height:50px;max-width:fit-content;}
				table.bbs_write .captcha_wrap .btn_reset{width:35px !important;height:35px;}
				.btn_wrap{padding-top:50px;}
				.btn_wrap .btn{height:50px;line-height:48px;min-width:120px;font-size:16px;}
			}
			@media only screen and (max-width:860px) {
				table.bbs_write .captcha_wrap{margin-right:0;}
				table.bbs_write tr td #captcha_box{display:inline-block;}
				table.bbs_write tr td input[name="captcha"]{width:100%;display:block;max-width:100%;min-width:100%;margin-top:10px;}
			}
			@media only screen and (max-width:640px) {
				.board_write_wrap{padding:20px}
				table.bbs_write th,table.bbs_write td{font-size:14px;padding:5px 0}
				table.bbs_write th{font-size:16px;}
				table.bbs_write td select,table.bbs_write td input[type="text"],table.bbs_write td input[type="password"],table.bbs_write td input[type="number"],table.bbs_write td input[type="date"]{height:45px;}
				.board_write_wrap + div .policy_cont{margin-top:40px;padding:20px;}
				.board_write_wrap + div .policy_cont > div{padding-bottom:15px;}
				.board_write_wrap + div .policy_cont label{font-size:15px;}
				.board_write_wrap + div .policy_text_box{padding:20px;font-size:14px;}
				
				/* table.bbs_write .captcha_wrap{height:40px;} */
				.btn_wrap{padding-top:40px;}

				.btn_wrap .btn{height:45px;line-height:43px;min-width:100px;font-size:15px;}
			}
			@media only screen and (max-width:479px) {
				table.bbs_write colgroup col:first-of-type{min-width:110px;}
				table.bbs_write .captcha_wrap{border:0;padding:0;}
				table.bbs_write td .btn_sm.btn_reset{padding:0 !important;width:45px !important;height:45px;display:block;margin-top:5px;margin-left:0;}
				table.bbs_write tr td input[name="captcha"]{width:calc(100% - 55px);float:right;max-width:calc(100% - 55px);min-width:calc(100% - 55px);}
			}

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

	서브 공통 

───────────────────────────────────────────────────────────*/
	.section {padding-top:60px;}
	.section + .section {}
	.img_visual {width:100%;height:400px;background-size:cover;position:relative;}
	.img_visual strong {width:300px;height:300px;background:#aacd06;font-size:36px;line-height:1.22;font-weight:800;color:#fff;padding:0 0 30px 30px;box-sizing:border-box;position:absolute;top:-20px;left:60px;display:flex;align-items:flex-end;}
	.sub_tit {font-size:30px;line-height:1;font-weight:600;color:#111;padding-left:27px;margin-bottom:23px;position:relative;}
	.sub_tit:before {content:'';display:block;position:absolute;width:10px;height:10px;background:#aacd06;top:10px;left:2px;transform:rotate(45deg);}
	.dot_list {font-size:0;}
	.dot_list li {font-size:18px;line-height:1.33;font-weight:300;color:#333;padding-left:11px;position:relative;}
	.dot_list li + li {margin-top:8px;}
	.dot_list li:before {content:'';display:block;position:absolute;width:3px;height:3px;background:#333;border-radius:100%;top:10px;left:0;}

	/* 서브 비주얼 */
		.sub_visual{width:100%;height:500px;background-size:cover;background-position: center;display:flex;align-items:flex-end;position:relative;}
		.sub_visual .cont{padding-bottom: 100px;}
		.sub_visual .w_custom {width:1240px;}
		.sub_visual h2{font-size:60px;font-weight:800;color:#fff;}

	/* 로케이션 메뉴 */
		.nav_location {display:flex;align-items: flex-end;margin-top:38px;}
		.nav_location .home {width:40px;height:40px;display: inline-flex;align-items: center;justify-content: center;background: #aacd06 url('../images/sub/navi_home_icon.png') no-repeat center 46%;background-size:20px auto;border-radius: 100%;font-size:0;}
		.nav_location dl {font-size:0;vertical-align:top;box-sizing:border-box;text-align:left;display: flex;margin-left: 40px;}
		.nav_location dt, .nav_location dd {position:relative;display: inline-flex;vertical-align:top;box-sizing:border-box;font-weight:400;font-size:16px;line-height: 1;color: #fff;flex-wrap: wrap;align-items: center;min-width: 200px;z-index:5;cursor: pointer;padding: 18px 0;border-bottom: 1px solid #aaa;}
		.nav_location dt:after, .nav_location dd:after {position:absolute;content:'';width: 6px;height: 6px;border: 2px solid #fff0;border-bottom-color:#fff;border-right-color:#fff;transform: translateY(-50%) rotate(45deg);top: 44%;right: 1px;transition:all 0.4s;border-radius: 0 3px 0 3px;opacity:0.8;z-index:-1;}
		.nav_location dt.on:after, .nav_location dd.on:after {transform: translateY(-50%) rotate(225deg);top: 53%;}
		.nav_location dt span, .nav_location dd strong {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
		.nav_location dt {background: url('../images/sub/sub_location_arrow.png') no-repeat 100% 55%;}
		.nav_location dt.on{background-image:url('../images/sub/sub_location_arrow_on.png');}
		.nav_location dd {background: url('../images/sub/sub_location_arrow.png') no-repeat 100% 55%;margin-left: 40px;min-width:236px;}
		.nav_location dd.on{background-image: url('../images/sub/sub_location_arrow_on.png');}
		.nav_location dd strong {display:inline-block;font-weight: 400;color:inherit;position:relative;z-index:1;width: 100%;box-sizing: border-box;}
		.nav_location dd:before{position: absolute;content:'';top: 50%;left: -20px;width:1px;height: 13px;background: #ddd;transform: translateY(-50%);}
		.nav_location dt span, .nav_location dd strong{display:block;box-sizing:border-box;padding: 0;width: 100%;}
		.nav_location ul{display: none;position: absolute;top:100%;left: 0;width: 100%;text-align: left;padding: 10px 20px;background:#fff;border-top:0;box-sizing:border-box;z-index: 5;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
		.nav_location ul li{padding:10px 0;}
		.nav_location ul li a{font-size:15px; font-weight:500;color:#333;display: block;}
		.nav_location ul li.on a{color: #aacd06;}

	@media only screen and (max-width:1300px) {
		.sub_visual .w_custom{width:100%;padding-right:30px;padding-left:30px;}
	}
	@media only screen and (max-width:1200px) {
		/* 서브 비주얼 */
			.sub_visual {height: 370px;}
			.sub_visual .cont {padding-bottom: 74px;}
			.sub_visual h2 {font-size: 56px;}

		/* 로케이션 메뉴 */
			.nav_location {margin-top: 40px;}
	}
	@media only screen and (max-width:1024px) {
		/* 서브 비주얼 */
			.sub_visual {height: 340px;}
			.sub_visual .cont {padding-bottom: 68px;}
			.sub_visual h2 {font-size: 52px;}

			.img_visual{height:0;padding-bottom:50%;}

			.sub_tit{font-size:25px;margin-bottom:15px;}
			.sub_tit:before{top:7px;}

			.dot_list li{font-size:16px;}
			.dot_list li:before{top:8px;}

			.section{padding-top:45px;}


		/* 로케이션 메뉴 */
			.nav_location {margin-top: 36px;}
	}
	@media only screen and (max-width:860px) {
		/* 서브 비주얼 */
			.sub_visual {height: 310px;}
			.sub_visual .cont {padding-bottom: 62px;}
			.sub_visual h2 {font-size: 48px;}

		/* 로케이션 메뉴 */
			.nav_location {margin-top: 32px;}
			.nav_location .home {width: 38px; height: 38px; background-size: 18px auto; margin-bottom: 1px;}
			.nav_location dl {margin-left: 34px;}
			.nav_location dt,
			.nav_location dd {min-width: 220px; padding: 14px 0;}
	}
	@media only screen and (max-width:640px) {
		/* 서브 비주얼 */
			.sub_visual {height: 280px;}
			.sub_visual .cont {position: initial; padding-bottom: 0;}
			.sub_visual h2 {position: absolute; left: 15px; top: 45%; transform: translateY(-50%); font-size: 44px;}

		/* 로케이션 메뉴 */
			.nav_location {position:absolute; left:0; bottom:0; width:100%; margin-top:0; background:#fff;}
			.nav_location .home,
			.nav_location dt {display:none;}
			.nav_location dl {margin-left:0; width:100%;}
			.nav_location dd {margin-left:0; padding: 0; color:#333; height:50px; border:1px solid #ddd; width:100%; background:#fff url('../images/sub/sub_location_arrow_bk.png') no-repeat calc(100% - 15px) 50%;border-left:0;border-right:0;}
				.nav_location dd.on{background-image:url('../images/sub/sub_location_arrow_bk_on.png')}
				.nav_location dd:before{display:none;}
				.nav_location dd:after {border-bottom-color: #111;border-right-color: #111;right:15px;}
				.nav_location dd.on:after {top:58%;}
			.nav_location dd strong{padding:0 45px 0 15px;}
			.nav_location ul{top:100%; border-top:1px solid #ddd; width:calc(100% + 2px);left:-1px;padding:15px; border-radius:0 0 10px 10px; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}

		.sub_tit{font-size:20px;padding-left:18px;}
		.sub_tit:before{width:8px;height:8px;;}

		.dot_list li{font-size:14px;padding-left:9px;}
		.dot_list li + li{margin-top:5px;}
		.dot_list li:before{top:7px;}

		.section{padding-top:35px;}
	}
	@media only screen and (max-width:479px) {
		/* 서브 비주얼 */
			.sub_visual {height: 250px;}
			.sub_visual h2 {top: 39%; font-size: 40px;}

		/* 로케이션 메뉴 */
			.nav_location dd {font-size:15px; height:46px;}
			.nav_location ul li a {font-size:14px;}
	}
	@media only screen and (max-width:414px) {
		/* 서브 비주얼 */
			.sub_visual {height: 220px;}
			.sub_visual h2 {font-size: 34px;}
	}
	@media only screen and (max-width:340px) {
		/* 서브 비주얼 */
			.sub_visual h2 {left: 10px; font-size: 30px;}

		/* 로케이션 메뉴 */
			.nav_location dd {background-position: calc(100% - 10px) 50%;}
			.nav_location dd strong {padding-left: 10px;}
	}


/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	/*** company/about (CEO 인사말) ***/
		/* PC 일반 */
			.sub_about {}
			.sub_about .img_visual {background:url('../images/sub/about_img.jpg') no-repeat center;}
			.sub_about .about_txt {padding:52px 0 0;}
			.sub_about .about_txt h3 {font-size:30px;line-height:1.33;font-weight:600;color:#333;display:block;padding-bottom:26px;}
			.sub_about .about_txt p {font-size:18px;line-height:1.56;font-weight:300;color:#666;}
			.sub_about .about_txt p + p {padding-top:30px;}
			.sub_about .about_txt .ceo {font-weight:600;color:#333;line-height:1;text-align:right;padding-top:50px;}
			.sub_about .about_txt .ceo strong {font-size:22px;font-weight:800;color:#222;margin-left:11px;display:inline-block;}
			.company_about #contents_wrap {background:url('../images/sub/about_bg.png') no-repeat bottom right;background-size:700px auto;}

		@media only screen and (max-width:1200px) {
			.sub_about .about_txt p br{display: none;}
		}
		@media only screen and (max-width:1024px) {
			.img_visual strong{width:250px;height:210px;}
			.sub_about .about_txt h3{font-size:26px;}
			.sub_about .about_txt h3 br{display: none;}
			.sub_about .about_txt p{font-size:16px;}
		}
		@media only screen and (max-width:640px) {
			.company_about #contents_wrap{background-size:70% auto;}
			.img_visual{height:0;padding-bottom:55%;}
			.img_visual strong{left:25px;padding:0 0 15px 15px;font-size:26px;width:200px;height:170px;}
			.sub_about .about_txt{padding:35px 0 0 0;}
			.sub_about .about_txt h3{font-size:22px;padding-bottom:15px;}
			.sub_about .about_txt p{font-size:14px;}
			.sub_about .about_txt p + p{padding-top:15px;}
			.sub_about .about_txt .ceo{padding-top:25px;}
			.sub_about .about_txt .ceo strong{font-size:18px;}
		}
		@media only screen and (max-width:479px) {
			.img_visual{padding-bottom:65%;}
			.img_visual strong{left:15px;padding:0 0 10px 10px;font-size:18px;width:50%;height:65%;top:-10px;left:15px;}
			.sub_about .about_txt h3{font-size:20px;}
		}

	/*** company/history (회사연혁) ***/
		/* PC 일반 */
			.sub_history {}
			.sub_history .history_cont {margin-top:30px;}
			.sub_history .history_cont > div {float: left;}
			.sub_history .history_cont .img_box {position: sticky; left: 0; top: 0; width: 47.55%; box-sizing: border-box; padding-right: 90px; transition: all 0.3s;}
			.sub_history .history_cont .img_box .thumb {width: 100%; border-radius: 20px; overflow: hidden;}
			.sub_history .history_cont .img_box .thumb img {width: 100%; height: 100%; object-fit: cover;}
			.sub_history .history_cont .history_box {width: calc(100% - 47.55%); position: relative;}
			.sub_history .history_cont .history_box:before {content: ""; position: absolute; left: 8px; top: 6px; width: 1px; height: 100%; background: #ddd;}
			.sub_history .history_cont .history_bar {position: absolute; left: 8px; top: 6px; width: 1px; height: 0; background: #aacd06;}
			.sub_history .history_cont .history_box dl {position: relative; margin-top: 12px; box-sizing: border-box; padding-left: 98px;}
			.sub_history .history_cont .history_box dl + dl {margin-top:60px;}
			.sub_history .history_cont .history_box dt {margin-bottom:17px;font-size: 40px;line-height: 1;font-weight: 700;color: #111;}
				.sub_history .history_cont .history_box dl.on:before,
				.sub_history .history_cont .history_box dl.on:after {content: ""; position: absolute; box-sizing: border-box; border-radius: 50%;}
				.sub_history .history_cont .history_box dl.on:before {left: 0.5px; top: 13px; width: 15px; height: 15px; background: #fff; border: 1px solid #aacd06;z-index:2;}
				.sub_history .history_cont .history_box dl.on:after {left: 4.5px; top: 17px; width: 7px; height: 7px; background: #aacd06;z-index:3;}
				.sub_history .history_cont .history_box dl.on dt {color: #aacd06;}
				.sub_history .history_cont .history_box dl.on dt:before {content:'';display:block;position:absolute;width:50px;height:1px;background:#aacd06;top:50%;left:-82px;}
			.sub_history .history_cont .history_box dl ul {font-size:0;}
			.sub_history .history_cont .history_box dl ul li {display:flex;align-items:baseline;padding-left:0;}
			.sub_history .history_cont .history_box dl ul li:before{display: none;}
			.sub_history .history_cont .history_box dl ul li + li {padding-top:11px;}
			.sub_history .history_cont .history_box dl ul li strong {font-size:18px;line-height:1;font-weight:600;color:#111;display:inline-block;min-width:23px;}
			.sub_history .history_cont .history_box dl ul li p {font-size:18px;line-height:1.33;font-weight:300;color:#333;position:relative;padding-left:11px;margin-left:11px;}
			.sub_history .history_cont .history_box dl ul li p:after {content:'';display:block;position:absolute;width:4px;height:4px;background:#333;border-radius:100%;top:10px;left:0;}

		@media only screen and (max-width:1270px) {
			.sub_history .history_cont .img_box {padding-right: 7.1vw;}
			.sub_history .history_cont .history_box dl {padding-left: 7.7vw;}
		}
		@media only screen and (max-width:1200px) {
			.sub_history .history_cont .history_box dt {font-size: 46px;}
				.sub_history .history_cont .history_box dl.on:before {top:17px;}
				.sub_history .history_cont .history_box dl.on:after {top: 21px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_history .history_cont {margin-top: 80px;}
			.sub_history .history_cont .history_box dt {font-size: 42px;}
				.sub_history .history_cont .history_box dl.on:before {top: 14px;}
				.sub_history .history_cont .history_box dl.on:after {top: 18px;}
				.sub_history .history_cont .history_box dl.on dt:before{width:40px;left:-68px;}
		}
		@media only screen and (max-width:860px) {
			.sub_history .history_cont {margin-top:0;}
			.sub_history .history_cont .img_box {position: relative; top: inherit; left: inherit; width: 60%; padding-right: 0;}
			.sub_history .history_cont .img_box .thumb {border-radius: 15px;}

			.sub_history .history_cont .history_box {width: 100%; padding-left: 0; margin-top: 48px;}
			.sub_history .history_cont .history_box dl {padding-left: 50px;}
			.sub_history .history_cont .history_box dt {font-size: 38px;}
				.sub_history .history_cont .history_box dl.on:before {top: 13px; width: 14px; height: 14px;}
				.sub_history .history_cont .history_box dl.on:after {top: 17px; width: 6px; height: 6px;}
				.sub_history .history_cont .history_box dl.on dt:before{width:30px;left:-45px;}
		}
		@media only screen and (max-width:767px) {
			.sub_history .sub_tit h3 br {display: none;}
		}
		@media only screen and (max-width:640px) {
			.sub_history .history_cont .img_box {width: 80%;}

			.sub_history .history_cont .history_box {margin-top: 38px;}
			.sub_history .history_cont .history_box dl {padding-left: 50px;}
			.sub_history .history_cont .history_box dl + dl {margin-top: 36px;}
			.sub_history .history_cont .history_box dt {font-size: 34px;}
				.sub_history .history_cont .history_box dl.on:before {top: 11px;}
				.sub_history .history_cont .history_box dl.on:after {top: 15px;}
		}
		@media only screen and (max-width:479px) {
			.sub_history .history_cont {margin-top: 20px;}
			.sub_history .history_cont .img_box {width: 100%;}

			.sub_history .history_cont .history_box{margin-top:20px;}
			.sub_history .history_cont .history_box dl {padding-left: 35px;}
			.sub_history .history_cont .history_box dt {font-size:28px;margin-bottom:10px;}
				.sub_history .history_cont .history_box dl.on:before {top:8px;}
				.sub_history .history_cont .history_box dl.on:after {top:12px;}
				.sub_history .history_cont .history_box dl.on dt:before{width:25px;left:-32px;}
				
				.sub_history .history_cont .history_box dl ul li + li{padding-top:5px;}
				.sub_history .history_cont .history_box dl ul li strong{font-size:15px;}
				.sub_history .history_cont .history_box dl ul li p{font-size:15px;padding-left:8px;margin-left:7px;}
				.sub_history .history_cont .history_box dl ul li p:after{width:3px;height:3px;top:6px;}
		}
		@media only screen and (max-width:414px) {
		}

	/*** company/equipment (설비현황) ***/
		/* PC 일반 */
			.sub_equipment {}
			.sub_equipment .equipment {display:flex;text-align:center;flex-wrap:wrap;}
			.sub_equipment .equipment dl {width:calc(50% - 20px);}
			.sub_equipment .equipment dl + dl {margin-left:40px;}
			.sub_equipment .equipment dl dt {padding:28px 0 26px;background:#005170;}
			.sub_equipment .equipment dl dt strong {font-size:24px;line-height:1;font-weight:600;color:#fff;padding-top:83px;display:block;}
				.sub_equipment .equipment dl:nth-of-type(1) dt strong {background:url('../images/sub/equipment_icon01.png') no-repeat center top;background-size:68px auto;}
				.sub_equipment .equipment dl:nth-of-type(2) dt strong {background:url('../images/sub/equipment_icon02.png') no-repeat center top 4px;background-size:66px auto;}
			.sub_equipment .equipment dl dd {padding:30px 40px;border:1px solid #ddd;border-top:0;height:calc(100% - 160px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
			.sub_equipment .equipment dl dd p {font-size:17px;line-height:1.76;font-weight:300;color:#333;}

		@media only screen and (max-width:1024px) {
			.sub_equipment .equipment dl dt strong{font-size:20px;}
			.sub_equipment .equipment dl dd p{font-size:15px;}
		}
		@media only screen and (max-width:860px) {
			.sub_equipment .equipment dl dd{padding:25px 20px;}
		}
		@media only screen and (max-width:640px) {
			.sub_equipment .equipment dl {width:100%;}
			.sub_equipment .equipment dl + dl {margin:30px 0 0 0;}
			.sub_equipment .equipment dl dt{padding:20px 0 20px;}
			.sub_equipment .equipment dl:nth-of-type(1) dt strong{background-size:56px auto;}
			.sub_equipment .equipment dl:nth-of-type(2) dt strong{background-size:56px auto;}
			.sub_equipment .equipment dl dt strong{font-size:18px;padding-top:70px;}
			.sub_equipment .equipment dl dd{height:auto;}
		}
		@media only screen and (max-width:479px) {
		}

	/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
		/* PC 일반 */
			.sub_chart{position:relative;margin:0 auto;}
			.sub_chart .chart ul,
			.sub_chart .chart li,
			.sub_chart .chart h3,
			.sub_chart .chart h4,
			.sub_chart .chart p,
			.sub_chart .chart em {transition:all 0.3s;}
			.sub_chart .chart{padding-top: 30px;position:relative;z-index:1;}
			.sub_chart .chart em {color: #fff;font-weight:700;display:inline-block;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
			.sub_chart .chart h3:before,
			.sub_chart .chart h3:after,
			.sub_chart .chart li.chart_box:before,
			.sub_chart .chart h3 {text-align:center;position:relative;background:#fff;margin:0 auto;padding:0;box-sizing:border-box;}
			.sub_chart .chart h3 {background: #aacd06;box-shadow: 0 0 0 30px rgba(170,205,6,0.15);width: 14.52%;padding:0;padding-bottom: 14.52%;height:0;border-radius:100%;z-index:5;}
			.sub_chart .chart h3 em {font-size: 30px;letter-spacing: -0.02em;}
			.sub_chart .chart h3:before {width: calc(100% - 40px);height: calc(100% - 40px);border:1px #81cbec solid;border-radius:100%;top:50%;transform:translate(-50%, -50%);background:none;}
			.sub_chart .chart h3:after {width:14px;height:14px;border:3px #0095da solid;background:#fff;transform:translate(-50%, 50%);bottom:0px;border-radius:100%;z-index:-1;}
			.sub_chart .chart > ul {padding-top:110px;position:relative;}
			.sub_chart .chart > ul:before {content:'';display:block;position:absolute;width:1px;height:110px;background:#ddd;left:50%;top:0;}
				/* h4 공통 요소 */
			.sub_chart .chart li h4 {padding:0;height:0;margin:0;background: #6f6f6f;display:inline-block;box-sizing:border-box;vertical-align:top;z-index:5;text-align:center;position:relative;}
			.sub_chart .chart li h4.point {background:#555;}
			.sub_chart .chart li h4 em {font-size: 22px;font-weight: 600;}
				/* 나열 형식 */
			.sub_chart .chart li.chart_box {position:relative;z-index:5;width:100%;margin:0;padding:0;}
			.sub_chart .chart li.chart_box:before {top:0;left:50%;width: calc(75% + 30px);height:1px;background:#aaa;transform:translateX(-50%);}
			.sub_chart .chart li.chart_box .chart_step {padding-top: 50px;font-size:0;text-align:center;position:relative;}
			.sub_chart .chart li.chart_box .chart_step:before {content:'';display:block;position:absolute;width: calc(100% - (20% - 24px));height:1px;top:0;left:50%;transform:translateX(-50%);background:#ddd;}
			.sub_chart .chart li.chart_box .chart_step > li {width: calc(20% - 24px);display:inline-block;box-sizing:border-box;vertical-align:top;}
			.sub_chart .chart li.chart_box .chart_step > li + li {margin-left: 30px;}
			.sub_chart .chart li.chart_box .chart_step > li h4 {width:100%;padding-bottom: 33%;}
			.sub_chart .chart li.chart_box .chart_step > li h4:before {left:50%;width:1px;background: #ddd;padding:0;margin:0;box-sizing:border-box;content:"";display:inline-block;z-index:-1;position:absolute;}
			.sub_chart .chart li.chart_box .chart_step > li h4:before {height: 50px;top: -50px;}
			.sub_chart .chart li.chart_box .chart_step > li h4:after {content:'';display:block;position:absolute;width:9px;height:9px;background:#ddd;top:-54.5px;left:50%;transform:translateX(-50%);}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team {}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li {padding:0;padding-bottom: 26%;margin-top:20px;height:0;border: 1px #ddd solid;background:#fff;width:100%;box-sizing:border-box;position:relative;z-index:1;}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li + li {margin-top:10px;}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li em {font-size: 18px;font-weight: 300;color: #333;}
			.company_work #contents_wrap {background:url('../images/sub/work_bg.png') no-repeat bottom left;background-size:560px auto;}
		@media only screen and (max-width:1200px) {
		}
		@media only screen and (max-width:1024px) {
			.company_work #contents_wrap{background-size:50% auto;}
			.sub_chart .chart h3 em {font-size:22px;}
				/* h4 공통 요소 */
			.sub_chart .chart li h4 em {font-size:16px;}
				/* 나열 형식 */
			.sub_chart .chart li.chart_box:before {width: calc(75% + 30px);}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li em {font-size:14px;}
		}
		@media only screen and (max-width:860px) {
			
			.sub_chart .chart{padding-top:16px;}
			.sub_chart .chart h3 {border-width:2px;width:27.3%;padding-bottom:27.3%;box-shadow:0 0 0 15px rgba(170,205,6,0.15);}
			.sub_chart .chart h3 em {font-size:20px;}
			.sub_chart .chart h3:before {width: calc(100% - 32px);height: calc(100% - 32px);}
				/* h4 공통 요소 */
			.sub_chart .chart li h4 em {font-size:15px;}
				/* 나열 형식 */
			.sub_chart .chart li.chart_box:before {width: calc(75% + 18px);}
			
			.sub_chart .chart li.chart_box .chart_step:before{width:calc(100% - (20% - 10px));}
			.sub_chart .chart li.chart_box .chart_step > li + li {margin-left:24px;}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li em {font-size:13px;}
		}
		@media only screen and (max-width:767px) {
			.sub_chart{}
			.sub_chart .chart{padding-top:10px;}
			.sub_chart .chart em {}
			.sub_chart .chart h3 {border-width:2px;width:36.4%;padding-bottom:36.4%;}
			.sub_chart .chart h3 em {font-size:22px;}
			.sub_chart .chart h3:before {width: calc(100% - 20px);height: calc(100% - 20px);}
			.sub_chart .chart h3:after,
			.sub_chart .chart li.chart_side li h4:after {width:12px;height:12px;border-width:2px;}
				/* h4 공통 요소 */
			.sub_chart .chart li h4 {border-width:1px;}
			.sub_chart .chart li h4 em {font-size:18px;}
				/* 나열 형식 */
			.sub_chart .chart li.chart_box {}
			.sub_chart .chart li.chart_box:before {width: calc(50% + 4px);}
			.sub_chart .chart li.chart_box .chart_step {padding-top:30px;text-align:left;}
			.sub_chart .chart li.chart_box .chart_step:before{width:calc(50% - -5px);}
			.sub_chart .chart li.chart_box .chart_step > li {width: calc(50% - 4px);margin-bottom:35px;text-align: center;}
			.sub_chart .chart li.chart_box .chart_step > li + li {margin-left:0;}
			.sub_chart .chart li.chart_box .chart_step > li:nth-of-type(even) {margin-left:8px;}
			.sub_chart .chart li.chart_box .chart_step > li:nth-of-type(n+3) {margin-top:28px;}
			.sub_chart .chart li.chart_box .chart_step > li h4 {width:100%;padding-bottom:24.4%;}
			.sub_chart .chart li.chart_box .chart_step > li h4:before {height:28px;top:-29px;}
			.sub_chart .chart li.chart_box .chart_step > li h4:after{top:-34px;}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team {}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li {padding-bottom:23.2%;margin-top:8px;}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li em {font-size:16px;}
		}
		@media only screen and (max-width:640px) {
			
		}
		@media only screen and (max-width:479px) {
			.sub_chart .chart > ul{padding-top:50px;}
			.sub_chart .chart > ul:before{height:50px;}
			.sub_chart .chart li h4 em{font-size:14px;}
			.sub_chart .chart li.chart_box .chart_step > li .chart_team li em{font-size:13px;}
		}

	/*** company/location (오시는길) ***/
		/* PC 일반 */
			.sub_location {}
			.sub_location div {transition:all 0.3s;}
			.sub_location .location {position:relative;height:0;padding:0 0 600px 0;position:relative;}
			.sub_location .location .map_box {position:absolute;left:0;top:0;width:100%;height:100%;}
			.sub_location .location iframe {float:none; width:100%; box-sizing:border-box;}
			.sub_location .location .info_box {width:460px;background:#1e314a;position:absolute;right:60px;bottom:-40px;padding:40px 30px;box-sizing:border-box;}
			.sub_location .location .info_box h3 {display:block;font-size:0;}
			.sub_location .location .info_box h3 img {}
			.sub_location .location .info_box ul {padding-top:49px;}
			.sub_location .location .info_box ul li {}
			.sub_location .location .info_box ul li + li {padding-top:20px;}
			.sub_location .location .info_box ul li p {font-size:16px;line-height:1;font-weight:300;color:rgba(255,255,255,0.6);padding-left:26px;position:relative;}
			.sub_location .location .info_box ul li p span {width:16px;height:16px;font-size:0;position:absolute;left:0;top:0;background-size:100% auto;}
				.sub_location .location .info_box ul li p.mail span {background:url('../images/sub/icon_email.png') no-repeat center;}
				.sub_location .location .info_box ul li p.tel span {background:url('../images/sub/icon_tel.png') no-repeat center;}
				.sub_location .location .info_box ul li p.fax span {background:url('../images/sub/icon_fax.png') no-repeat center;}
				.sub_location .location .info_box ul li p.address span {background:url('../images/sub/icon_address.png') no-repeat center;}
			.sub_location .location .info_box ul li.disb {}
			.sub_location .location .info_box ul li.disb p {display:inline-block;}
			.sub_location .location .info_box ul li.disb p + p {margin-left:56px;}

		@media only screen and (max-width:1200px) {
			.sub_location .location {padding:0 0 44% 0;}
		}
		@media only screen and (max-width:1024px) {
			.sub_location .location {padding:0 0 42% 0;}
			.sub_location .location .info_box{bottom:-80px;right:25px;padding:30px 20px;}
			.sub_location .location .info_box h3 img{height:26px;}
			.sub_location .location .info_box ul{padding-top:30px;}
			.sub_location .location .info_box ul li p{font-size:14px;}
		}
		@media only screen and (max-width:860px) {
			.sub_location .location {padding:0 0 53% 0;}
		}
		@media only screen and (max-width:767px) {

		}
		@media only screen and (max-width:640px) {
			.sub_location .location {padding:0 0 70% 0;}
			.sub_location .location .info_box{width:auto;right:15px;}
			.sub_location .location .info_box ul li + li{padding-top:15px;}
			.sub_location .location .info_box ul li.disb p + p{margin-left:20px;}
		}
		@media only screen and (max-width:479px) {
			.company_location  #contents_wrap #contents_box{padding-bottom:300px;}
			.sub_location .location .info_box{width:100%;bottom:-70%;right:0;height:70%;}
			.sub_location .location .info_box h3 img{height:20px;}
			.sub_location .location .info_box ul li p{font-size:13px;}				
			.sub_location .location .info_box ul li.disb p{display: block;}
			.sub_location .location .info_box ul li.disb p + p{margin:15px 0 0 0;}
		}
		@media only screen and (max-width:430px) {
			.sub_location .location .info_box{bottom:-80%;height:80%;}
		}
		@media only screen and (max-width:380px) {
			.sub_location .location .info_box{bottom:-90%;height:90%;}
		}
		@media only screen and (max-width:360px) {
			.sub_location .location .info_box{bottom:-100%;right:0;height:100%;}
		}




/*───────────────────────────────────────────────────────────
	 R&D
───────────────────────────────────────────────────────────*/
	/*** rnd/technology (기술소개) ***/
		/* PC 일반 */
			.sub_technology {}
			.sub_technology .img_visual {background:url('../images/sub/technology_img.jpg') no-repeat center;}
			.sub_technology .progress_list {padding:30px 30px 25px;border:1px solid #ddd;box-sizing:border-box;margin-top:25px;}
			.sub_technology .progress_list dl {display:flex;flex-wrap:wrap;}
			.sub_technology .progress_list dl dt {}
			.sub_technology .progress_list dl dt strong {font-size:18px;line-height:40px;font-weight:600;color:#fff;display:inline-block;padding:0 20px;background:#1e314a;}
			.sub_technology .progress_list dl dd {padding:7px 0 0 30px;}
			.sub_technology .progress_list dl dd ul {}
			.sub_technology .progress_list dl dd ul li {font-size:16px;line-height:1.3;font-weight:300;color:#666;position:relative;padding-left:10px;}
			.sub_technology .progress_list dl dd ul li + li {margin-top:10px;}
			.sub_technology .progress_list dl dd ul li:before {content:'-';display:block;position:absolute;font-size:inherit;font-weight:inherit;color:inherit;top:0;left:0;}

		@media only screen and (max-width:767px) {
			.sub_technology .progress_list{padding:30px 20px 25px;}
			.sub_technology .progress_list dl dt strong{font-size:16px;line-height:36px;}
			.sub_technology .progress_list dl dd{width:100%;padding:10px 0 0 0;}
		}
		@media only screen and (max-width:640px) {
			.sub_technology .progress_list{padding:20px 15px 20px;}
			.sub_technology .progress_list dl dt strong{font-size:15px;padding:0 10px;}
			.sub_technology .progress_list dl dd ul li{font-size:14px;}
			.sub_technology .progress_list dl dd ul li + li{margin-top:6px;}
		}
		@media only screen and (max-width:479px) {
			
		}


	/*** rnd/management (품질관리시스템) ***/
		/* PC 일반 */
		.sub_management .img_visual {background:url('../images/sub/management_img.jpg') no-repeat center;}
		.sub_management .process_list_wrap{background:#f5f5f5;padding:210px 40px 240px;box-sizing:border-box;margin-top: -9px;}
		.sub_management .process_list{display:flex;}
		.sub_management .process_list li{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(100% / 5 - 57.6px);font-size:18px;font-weight: 500;color:#333;letter-spacing:-1px;text-align:center;background:#fff;box-shadow:0 0 18px rgba(0,0,0,0.07);padding:19.5px 15px;box-sizing: border-box;}
			.sub_management .process_list li + li{margin-left: 68px;}
			.sub_management .process_list li:before{position:absolute;content:'';width: 68px;height:1px;background-image: linear-gradient(to right, rgba(170,170,170,0.8) 35%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 8px 1px;background-repeat: repeat-x;top:50%;transform: translateY(calc(-50% - 0.5px));right:100%;}
			.sub_management .process_list li:after{position:absolute;content:'';width: 0;height: 0;border-bottom: 9px solid #aaa;border-left: 5px solid #fff0;border-right: 5px solid #fff0;top:50%;transform: translateY(calc(-50% - 0.5px)) rotate(90deg);right: calc(100% + 28px);}
			.sub_management .process_list li:first-child:before, .sub_management .process_list li:first-child:after{display:none;}
			.sub_management .process_list li.point{background: #aacd06;color:#fff;}
		.sub_management .process_list .child{ }
		.sub_management .process_list .child li{width: calc(100% + 54px);position:absolute;left: -27px;margin:0;border: 1px solid #aacd06;}
		.sub_management .process_list .child li.up{bottom:calc(100% + 70px);left: -27px;}
		.sub_management .process_list .child li.up.betwn {bottom:calc(100% + 45px);}
			.sub_management .process_list .child li.up:before {bottom: auto;top: calc(100% + 14px);}
			.sub_management .process_list .child li.up.betwn:before {bottom: auto;top: calc(100% + 14px);}
			/*.sub_management .process_list .child li.up:before{display:block; position:absolute; content:''; width:30px; height:1px; background:#ccc; right:calc(100% + 10px); top:50%; transform:translateY(calc(-50% - 0.5px));}
			.sub_management .process_list .child li.up:after{display:block;position:absolute;content:'';width:1px;height:60px;background:#ccc;right: calc(100% + 40px);top: calc(50% - 1px);border: 0;transform: none;}
			.sub_management .process_list .child li.up strong:before{display:block; position:absolute; content:''; width:30px; height:1px; background:#ccc; left:calc(100% + 10px); top:50%; transform:translateY(calc(-50% - 0.5px));}
			.sub_management .process_list .child li.up strong:after{display:block;position:absolute;content:'';width:1px;height:60px;background:#ccc;left: calc(100% + 40px);top: calc(50% - 1px);border: 0;transform: none;}*/
		.sub_management .process_list .child li.down{top: calc(100% + 70px);}
			.sub_management .process_list .child li:before{position:absolute;content:'';display:block;width:1px;height: 40px;background: #aacd06;left:50%;transform:translateX(calc(-50% - 0.5px));top:auto;bottom: calc(100% + 14px);}
		.sub_management .process_list .child li.betwn{left: calc(75% - 27px);}
			.sub_management .process_list .child li.betwn:before{}
		.sub_management .process_list .child li strong {font-size:18px;font-weight:600;color:#333;}
		.sub_management .process_list .child li strong span {display:block;font-size:15px;font-weight:300;color:#888;padding-top:8px;}

		/* 반대 방향*/
			.sub_management .process_list.reverse{margin-top:72px; flex-direction:row-reverse;}
			.sub_management .process_list.reverse > li + li{margin-left:0; margin-right:72px;}
				.sub_management .process_list.reverse > li:before{right:auto; left:100%;}
				.sub_management .process_list.reverse > li:after{right:auto; left:calc(100% + 31px); transform: translateY(calc(-50% - 0.5px)) rotate(-90deg) ;}
				.sub_management .process_list.reverse > li:first-child:before{display:block;width:72px;top:auto;bottom: calc(100% + 31px);transform: translateX(calc(50% - 0.5px)) rotate(90deg);left: calc(50% - 72px);}
				.sub_management .process_list.reverse > li:first-child:after{display:block;top: auto;bottom: calc(100% + 31px);left: 50%;transform: translateX(calc(-50% - 0.5px)) rotate(180deg);}

				
		@media only screen and (max-width:1280px) {
			.sub_management .process_list li{font-size:17px;}
			.sub_management .process_list .child li.down{width:calc(100% + 115px);left:-56px;}
			.sub_management .process_list .child li.betwn{left:5.5vw;}
			/* 반대 방향*/
			.sub_management .process_list.reverse .child li.betwn{left:9.8vw;}
			
		}
		@media only screen and (max-width:1200px) {
			.sub_management .process_list_wrap{padding:240px 40px 270px;}
		}
		@media only screen and (max-width:1093px) {
		}
		@media only screen and (max-width:1023px) {
			.sub_management .process_list_wrap{margin-top:0;}
			.sub_management .process_list li{width:calc(100% / 5 - 40px); font-size:16px; padding:13px 0;}
				.sub_management .process_list li + li{margin-left:50px;}
				.sub_management .process_list li:before{width:50px;}
				.sub_management .process_list li:after{right:calc(100% + 20px);}
				.sub_management .process_list .child li{width:calc(100% + 26px);}
				.sub_management .process_list .child li.betwn{left:5.8vw;}
				/* 반대 방향*/
					.sub_management .process_list.reverse .child li.betwn{left:9.7vw;}
			.sub_management .process_list.reverse{margin-top:50px;}
			.sub_management .process_list.reverse > li + li{margin-right:50px;}
			.sub_management .process_list.reverse > li:after{left:calc(100% + 20px);}
			.sub_management .process_list.reverse > li:first-child:before{width:50px;left:calc(50% - 50px);bottom: calc(100% + 26px);}
			.sub_management .process_list.reverse > li:first-child:after{bottom:calc(100% + 22px);}

			.sub_management .process_list .child li.up:after{right:calc(100% + 25px);}
			.sub_management .process_list .child li.up strong:after{left:calc(100% + 25px);}
			
		}
		@media only screen and (max-width:934px) {
		}
		/*@media only screen and (max-width:860px) {
			.sub_management .process_list li{font-size:15px;}
		}
		@media only screen and (max-width:767px) {
			.sub_management .process_list_wrap{padding:170px 15px 220px;}
			.sub_management .process_list li{width:calc(100% / 5 - 28px);}
				.sub_management .process_list li + li{margin-left:35px;}
				.sub_management .process_list li:before{width:35px;}
				.sub_management .process_list li:after{right:calc(100% + 12px);}
			.sub_management .process_list.reverse{margin-top:35px;}
			.sub_management .process_list.reverse > li + li{margin-right:35px;}
			.sub_management .process_list.reverse > li:after{left:calc(100% + 12px);}
			.sub_management .process_list.reverse > li:first-child:before{width:35px;left: calc(50% - 35px);bottom: calc(100% + 18px);}
			.sub_management .process_list.reverse > li:first-child:after{bottom: calc(100% + 13px);}
			.sub_management .process_list .child li{left:-12px;}
			.sub_management .process_list .child li strong{font-size:16px;}
			.sub_management .process_list .child li strong span{font-size:13px;}

			.sub_management .process_list .child li.up:after{right: calc(100% + 17px);}
			.sub_management .process_list .child li.up strong:after{left: calc(100% + 17px);}
		}
		@media only screen and (max-width:640px) {
			.sub_management .process_list_wrap{padding:30px 0;}
			.sub_management .process_list li{font-size:14px;}
		}*/
		@media only screen and (max-width:860px) {
			.sub_management .process_list_wrap{padding:60px 15px 60px;}
			.sub_management .process_list{display:block;padding:0;}
			.sub_management .process_list li{display:flex; width:calc(50% - 16px); /* min-width:80px; */ margin-left:auto;font-size:15px;}
				.sub_management .process_list li + li, .sub_management .process_list.reverse > li + li{margin:60px 0 0;margin-left:auto}
				.sub_management .process_list li:before, .sub_management .process_list.reverse > li:before, .sub_management .process_list.reverse > li:first-child:before{width:60px;left: calc(50% - 59px);right:auto;top:auto;bottom: calc(100% + 30px);transform:translateX(calc(50% - 0.5px)) rotate(90deg);}
				.sub_management .process_list li:after, .sub_management .process_list.reverse > li:after, .sub_management .process_list.reverse > li:first-child:after{top:auto;bottom: calc(100% + 26px);left: calc(50% + 1.5px);right:auto;transform:translateX(calc(-50% - 0.5px)) rotate(180deg);}
			.sub_management .process_list.reverse{margin-top:60px;}
			.sub_management .sub_organic .process_list_wrap{padding:30px 20px;}
				.sub_management .process_list .child li:before{width:15px; height:1px; left:calc(100% + 9px); top:50%; transform:translateY(calc(-50% - 0.5px))}
			.sub_management .process_list .child li.up,
			.sub_management .process_list .child li.down{top:0; bottom:auto; right:auto; left:-115%;width:100%;padding:45px 10px;}
			.sub_management .process_list .child li.up:before, .sub_management .process_list .child li.up strong:before{width: 20vw;top:auto;right: calc(50% - 1px);left: auto;transform: none;}
			.sub_management .process_list .child li.up:before{bottom:calc(100% + 30px);}
			.sub_management .process_list .child li.up.betwn{top:37px;}
			.sub_management .process_list .child li.up.betwn:before{top:33px;right:-56%;}
			.sub_management .process_list .child li.down{top:-19px;padding:20px 10px;}
			.sub_management .process_list .child li.down:before{width:15px;left:calc(100% + 8px);}
			.sub_management .process_list .child li.up strong:before{bottom:auto; top:calc(100% + 30px);}
			.sub_management .process_list .child li.up:after, .sub_management .process_list .child li.up strong:after{height: 22px; left: 50%;}
			.sub_management .process_list .child li.up:after{top: auto; bottom: calc(100% + 8px);}
			.sub_management .process_list .child li.up strong:after{top: calc(100% + 8px);}

			/* 반대 방향*/
					.sub_management .process_list.reverse .child li.betwn{left:auto;}
		}
		@media only screen and (max-width:430px) {
			.sub_management .process_list_wrap{padding:45px 10px;}
			.sub_management .process_list li{width:calc(50% - 10px);}
			.sub_management .process_list .child li.up.betwn{top:68%;}
			.sub_management .process_list .child li.up.betwn:before{top:50%;}
			.sub_management .process_list .child li.down{top:-29px;padding:10px 10px;}
			.sub_management .process_list .child li.down:before{width:10px;}
			.sub_management .process_list .child li strong{font-size:16px;}
			.sub_management .process_list .child li strong span{font-size:13px;}
		}
		@media only screen and (max-width:370px) {
			.sub_management .process_list{padding:0;}
			.sub_management .process_list .child li.down{top:-20px;}
			.sub_management .process_list .child li strong{font-size:14px;}
			.sub_management .process_list .child li strong span{font-size:11px;}
			
		/* 	.sub_management .process_list .child li.up, .sub_management .process_list .child li.down{left:-122%;} */
		}
		@media only screen and (max-width:350px) {
		/* 	.sub_management .process_list .child li.up.betwn:before{right:-62%;}	 */
		}

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

	 board write

───────────────────────────────────────────────────────────*/
	.sub_board .table_box{}
	.sub_board .table_box + .table_box{margin-top:66px;}
	.sub_board .table_box .title{box-sizing:border-box;border-bottom:1px solid #ddd;display:flex;padding-bottom:24px;margin-bottom:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;}
	.sub_board .table_box .title h3{font-size:30px;color:#111;font-weight:500;display:flex;align-items:baseline;}
	.sub_board .table_box .title h3 span{font-size:16px;color:#ccc;font-weight:400;display: inline-block;margin-left:10px;}
	.sub_board .table_box .title em{font-size:14px;color:#333;font-weight:500;}
	.sub_board .table_box .title em strong{font-size:12px;color:#9fbf06;font-weight:inherit;}

	.sub_board .table_box .bbs_write{box-sizing:border-box;}
	.sub_board .table_box .bbs_write .bbs_tr{display:flex;flex-wrap:wrap;}
	.sub_board .table_box .bbs_write .bbs_tr dl{display:flex;width:100%;box-sizing:border-box;align-items:center;padding:15px 0;}
	.sub_board .table_box .bbs_write .bbs_tr.row2{gap:0 104px;}
	.sub_board .table_box .bbs_write .bbs_tr.row2 dl{width:calc(50% - 52px);}
	.sub_board .table_box .bbs_write .bbs_tr.row2 dl.bk{width:100%;}
	.sub_board .table_box .bbs_write .bbs_tr dl dt, .sub_board .table_box .bbs_write .bbs_tr dl dd{box-sizing:border-box;}
	.sub_board .table_box .bbs_write .bbs_tr dl dt{font-size:20px;color:#111;font-weight:500;width:150px;}	
	.sub_board .table_box .bbs_write .bbs_tr dl dt.req:after{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background: #9fbf06;display: inline-block;vertical-align:top;margin-left:3px;margin-top:3px;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd{width:calc(100% - 150px);padding-left:30px;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd input[type="text"], .sub_board .table_box .bbs_write .bbs_tr dl dd select{box-sizing:border-box;width:100%;border:1px solid #ccc;border-radius:4px;height:40px;padding:0 15px;font-size:14px;color:#333;font-weight:400;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd input[type="text"]::placeholder, .sub_board .table_box .bbs_write .bbs_tr dl dd select::placeholder{color:#aaa;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd input[type="text"]:focus, .sub_board .table_box .bbs_write .bbs_tr dl dd select:focus{border-color:#9fbf06;}	
	.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box{display: inline-block;vertical-align: top;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box + .radio_box{margin-left:40px;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box label{font-size:16px;color:#666;font-weight:400;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd textarea{box-sizing:border-box;resize:none;border:1px solid #ccc;width:100%;height:160px;outline:none;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd textarea:focus{border-color:#9fbf06;}

	.sub_board .table_box .bbs_write.bbs_bottom{border:1px solid #ddd;border-width:1px 0;margin-top:15px;padding-top:15px;padding-bottom:15px;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd input.file_name{width:420px;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd .label_btn_file{display: inline-flex;box-sizing:border-box;vertical-align: top;width:100px;height:40px;border-radius:4px;background:#f0f0f0;justify-content:center;align-items:center;font-size:14px;color:#999;font-weight:500;cursor:pointer;}
	.sub_board .table_box .bbs_write .bbs_tr dl dd input#captcha{width:236px;}
	.sub_board .table_box .btn_reset{display: inline-flex;box-sizing:border-box;vertical-align: top;width:134px;height:40px;border-radius:4px;background:#fff;border:1px solid #ccc;justify-content:center;align-items:center;font-size:14px;color:#999;font-weight:500;cursor:pointer;}
	.sub_board .table_box .btn_reset:before{width:14px;height:16px;content:"";background:url('../images/sub/icon_reset.png')no-repeat center;display: inline-block;vertical-align: middle;margin-right:5px;}

	.sub_board .table_box + .policy_cont{box-sizing:border-box;margin-top:40px;}
	.sub_board .table_box + .policy_cont > div{display:flex;align-items:center;justify-content:space-between;}
	.sub_board .table_box + .policy_cont > div label{font-size:20px;color:#111;font-weight:400;position: relative;padding-right:31px;padding-left:0;}
	.sub_board .table_box + .policy_cont > div input[type="checkbox"] + label:before, .sub_board .table_box + .policy_cont > div input[type="checkbox"] + label::before{position: absolute;right:0;margin:0;top:2px;}
	.sub_board .table_box + .policy_cont > div a{display: inline-block;font-size:14px;color:#666;font-weight:400;border-bottom: 1px solid #666;padding-bottom:2px;}
	.sub_board .table_box + .policy_cont textarea{margin-top:18px;box-sizing:border-box;width:100%;height:140px;resize:none;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:24px 22px;font-size:13px; color:#666;font-weight:400;line-height:22px;}

	@media only screen and (max-width:1024px){
		.sub_board .table_box .title{padding-bottom:15px;}
		.sub_board .table_box .title h3{font-size:26px;}
		.sub_board .table_box .title h3 span{font-size:14px;}

		.sub_board .table_box .bbs_write .bbs_tr dl{padding:10px 0;}
		.sub_board .table_box .bbs_write .bbs_tr.row2{gap:0 40px;}
		.sub_board .table_box .bbs_write .bbs_tr.row2 dl{width:calc(50% - 20px);}
		.sub_board .table_box .bbs_write .bbs_tr dl dt{font-size:16px;width:110px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dt.req:after{width:6px;height:6px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd{width:calc(100% - 110px);}

		.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box label{font-size:14px;}
	}
	@media only screen and (max-width:767px){
		.sub_board .table_box + .table_box{margin-top:50px;}

		.sub_board .table_box .bbs_write .bbs_tr.row2 dl{width:100%;}
		.sub_board .table_box .bbs_write .bbs_tr dl + dl{margin-left:0;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box + .radio_box{margin-left:20px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd input.file_name{width:45%;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd input#captcha{width:30%;}

		.sub_board .table_box + .policy_cont{margin-top:20px;}
		.sub_board .table_box + .policy_cont > div label{font-size:16px;}
	}
	@media only screen and (max-width:640px){
		.sub_board .table_box .title h3{flex-wrap:wrap;}
		.sub_board .table_box .title h3 span{width:100%;margin:5px 0 0;}
		.sub_board .table_box .title em{font-size:12px;}
		.sub_board .table_box .title em strong{font-size:9px;}

		.sub_board .table_box .bbs_write .bbs_tr #captcha_box{display: block;margin-bottom:10px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd input#captcha{width:45%;}
		
		.sub_board .table_box + .policy_cont > div{flex-wrap:wrap;}
		.sub_board .table_box + .policy_cont > div a{margin-top:5px;}
	}
	@media only screen and (max-width:500px){
		.sub_board .table_box .title h3{font-size:20px;width:100%;}
		.sub_board .table_box .title h3 span{font-size:13px;}
		.sub_board .table_box .title em{width:100%;margin-top:5px;font-size:12px;}

		.sub_board .table_box .bbs_write .bbs_tr dl{padding:6px 0;}
		.sub_board .table_box .bbs_write .bbs_tr dl dt{font-size:14px;width:100px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dt.req:after{width:4px;height:4px;margin-top:2px;margin-left:2px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd{width:calc(100% - 100px);padding-left:10px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd input[type="text"], .sub_board .table_box .bbs_write .bbs_tr dl dd select{height:34px;font-size:13px;padding:0 10px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box + .radio_box{margin-left:15px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd .radio_box label{font-size:13px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd input.file_name{width:100%;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd .label_btn_file{width:100%;height:34px;margin-top:5px;font-size:13px;}
		.sub_board .table_box .bbs_write .bbs_tr dl dd input#captcha{width:100%;}
		.sub_board .table_box .btn_reset{width:100%;height:34px;margin-top:5px;font-size:13px;}

		.sub_board .table_box + .policy_cont > div label{font-size:14px;padding-right:26px;}
		.sub_board .table_box + .policy_cont > div input[type="checkbox"] + label:before, .sub_board .table_box + .policy_cont > div input[type="checkbox"] + label::before{top:-2px;}
		.sub_board .table_box + .policy_cont > div a{line-height:initial;padding-bottom:0;font-size:12px;}
		.sub_board .table_box + .policy_cont textarea{margin-top:15px;height:120px;padding:10px 10px;font-size:13px;line-height:20px;}
	}

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

	 business

───────────────────────────────────────────────────────────*/
	/*oem*/
		.oem_box{box-sizing:border-box;background: #f5f5f5;padding:70px 70px;}
		.oem_box .oem_cont{display:flex;align-items:center;justify-content:space-between;}
		.oem_box .oem_cont + .oem_cont{margin-top:40px;}
		.oem_box .oem_cont .oem_tit{box-sizing:border-box;width:250px;height:250px;background:#fff;display:flex;align-items: center;justify-content:center;box-shadow: 0 0 15px 0 rgba(4, 0, 0, 0.05);text-align: center;}
		.oem_box .oem_cont .manufacturer{border:6px solid #c8da73;}
		.oem_box .oem_cont .distributor{border:6px solid #aaa;}
		.oem_box .oem_cont:last-child .manufacturer{background: #aacd06;}
		.oem_box .oem_cont:last-child .distributor{background: #555;}
		.oem_box .oem_cont .oem_tit span{font-size:18px;color:#aacd06;font-weight:600;letter-spacing:-0.03em;display: block;margin-bottom:3px;}
		.oem_box .oem_cont:last-child .oem_tit span{color:#fff;}
		.oem_box .oem_cont .oem_tit p{font-size:30px;color:#555;font-weight:600;letter-spacing:-0.03em;line-height:1.4;}
		.oem_box .oem_cont .distributor p{font-size:26px;}
		.oem_box .oem_cont:last-child .oem_tit p{color:#fff;}

		.oem_box .oem_cont ul{width:calc(100% - 420px);box-sizing:border-box;padding:0 40px;}
		.oem_box .oem_cont ul li{width:100%;position: relative;box-sizing:border-box;padding:0 120px;}
		.oem_box .oem_cont ul li:before{width:100%;height:1px;content:"";border-top:1px dashed #ccc;position: absolute;left:0;top:50%;}
		.oem_box .oem_cont ul li:after{content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;top:50%;transform:translateY(-50%);}
		.oem_box .oem_cont ul li.arw_left:after{border-right:8px solid #aaa;position: absolute;left:0;}
		.oem_box .oem_cont ul li.arw_right:after{border-left:8px solid #aaa;position: absolute;right:0;}
		.oem_box .oem_cont ul li + li{margin-top:14px;}
		.oem_box .oem_cont ul li span{display: flex;width:100%;height:70px;align-items: center;justify-content:center;box-sizing:border-box;background: #fff;box-shadow: 0 0 15px 0 rgba(4, 0, 0, 0.05);font-size:17px;color:#888;font-weight:400;position: relative;text-align: center;padding:0 5px;}
		.oem_box .oem_cont:last-child ul li span{font-size:18px;color:#333;font-weight:600;}

		.sub_oem .oem_txt{margin-top:52px;}
		.sub_oem .oem_txt dl{}
		.sub_oem .oem_txt dl + dl{margin-top:46px;}
		.sub_oem .oem_txt dl dt{display:flex;align-items:baseline;font-size:30px;color:#111;font-weight:600;box-sizing:border-box;position: relative;padding-left:24px;}
		.sub_oem .oem_txt dl dt:before{width:10px;height:10px;content:"";background: #aacd06;position: absolute;left:0;top:14px;transform:rotate(45deg);}
		.sub_oem .oem_txt dl dt span{display: inline-block;font-size:18px;color:#888;font-weight:400;margin-left:17px;}
		.sub_oem .oem_txt dl dd{font-size:18px;color:#333;font-weight:400;margin-top:22px;}

		@media only screen and (max-width:1250px){
			.oem_box{padding:60px 45px;}
			.oem_box .oem_cont ul{width:calc(100% - 380px);padding:0 20px;}
			.oem_box .oem_cont ul li{padding:0 90px;}
		}
		@media only screen and (max-width:1024px){
			.oem_box{padding:50px 20px;}
			.oem_box .oem_cont + .oem_cont{margin-top:30px;}
			.oem_box .oem_cont .oem_tit{width:160px;height:160px;}
			.oem_box .oem_cont .oem_tit span{font-size:16px;}
			.oem_box .oem_cont .oem_tit p{font-size:20px;}
			.oem_box .oem_cont .distributor p{font-size:18px;}

			.oem_box .oem_cont ul{width:calc(100% - 320px);}
			.oem_box .oem_cont ul li{padding:0 40px;}
			.oem_box .oem_cont ul li span{font-size:50px;font-size:15px;}
			.oem_box .oem_cont:last-child ul li span{font-size:16px;}

			.sub_oem .oem_txt dl dt{font-size:26px;padding-left:18px;}
			.sub_oem .oem_txt dl dt:before{width:8px;height:8px;top:12px;}
			.sub_oem .oem_txt dl dt span{font-size:16px;margin-left:12px;}
			.sub_oem .oem_txt dl dd{font-size:16px;margin-top:10px;line-height:1.5;}
		}
		@media only screen and (max-width:767px){
			.oem_box .oem_cont{flex-direction:column;}
			.oem_box .oem_cont .oem_tit{width:100%;height:auto;padding:10px 0;min-height:91px;}

			.oem_box .oem_cont ul{width:100%;padding:0;display:flex;margin:30px 0;}
			.oem_box .oem_cont ul li{padding:40px 15px;display: inline-flex;}
			.oem_box .oem_cont ul li:before{width: 1px;height: 100%;left: 50%;top: 0;border-left: 1px dashed #ccc;}
			.oem_box .oem_cont ul li:after{left:50%;transform:translateX(-50%);}
			.oem_box .oem_cont ul li.arw_left:after{border-bottom:8px solid #aaa;top:0;border-top:none;border-left:5px solid transparent;border-right:5px solid transparent;left:50%;}
			.oem_box .oem_cont ul li.arw_right:after{border-top:8px solid #aaa;bottom:0;top:auto;border-bottom:none;border-left:5px solid transparent;border-right:5px solid transparent;right:auto;}
			.oem_box .oem_cont ul li + li{margin-top:0;}
			.oem_box .oem_cont ul li span{padding:10px 5px;height:auto;}
		}
		@media only screen and (max-width:500px){
			.oem_box{padding:30px 15px;}
			.oem_box .oem_cont .oem_tit{border-width:3px;min-height:70px;}
			.oem_box .oem_cont .oem_tit span{font-size:14px;}
			.oem_box .oem_cont .oem_tit p{font-size:20px;}
			.oem_box .oem_cont .distributor p{font-size:18px;}

			.oem_box .oem_cont ul{margin:15px 0;}
			.oem_box .oem_cont ul li{padding:20px 5px;display:inline-flex;}
			.oem_box .oem_cont ul li span{font-size:13px;padding:10px 5px;height:auto;}
			.oem_box .oem_cont:last-child ul li span{font-size:14px;}

			.sub_oem .oem_txt{margin-top:30px;}
			.sub_oem .oem_txt dl + dl{margin-top:20px;}
			.sub_oem .oem_txt dl dt{font-size:20px;padding-left:14px;flex-wrap:wrap;}
			.sub_oem .oem_txt dl dt:before{width:6px;height:6px;top:8px;;}
			.sub_oem .oem_txt dl dt span{font-size:14px;margin:4px 0 0;display: block;width:100%;}
			.sub_oem .oem_txt dl dd{font-size:13px;margin-top:15px;}
		}

	/*주요생산품목*/
		.sub_product{}
		.sub_product .prd_list{display:flex;flex-wrap:wrap;width:calc(100% + 35px);margin-left:-17.5px;}
		.sub_product .prd_list > li{box-sizing:border-box;border:1px solid #ddd;margin:0 17.5px 50px;width:calc(33.3333% - 35px);}
		.sub_product .prd_list > li .thumb{width:100%;height:0;padding-bottom:62%;position: relative; overflow:hidden;}
		.sub_product .prd_list > li .thumb:before{width:calc(100% + 2px);height:calc(100% - 1px);content:"";border:1px solid #fff;border-bottom:none;position: absolute;top:-1px;left:-1px;}
		.sub_product .prd_list > li .thumb img{width:100%; height:calc(100% + 2px); position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:initial;}
		.sub_product .prd_list > li .txt_box{box-sizing:border-box;padding:30px 25px;}
		.sub_product .prd_list > li .txt_box dl{}
		.sub_product .prd_list > li .txt_box dl dt{font-size:26px;color:#111;font-weight:600;position: relative;padding-left:24px;}
		.sub_product .prd_list > li .txt_box dl dt:before{width:10px;height:10px;content:"";background: #aacd06;position: absolute;left:0;top:11px;transform:rotate(45deg);}
		.sub_product .prd_list > li .txt_box dl dd{margin-top:16px;}
		.sub_product .prd_list > li .txt_box dl dd ul li{}
		.sub_product .prd_list > li .txt_box dl dd ul li + li{margin-top:11px;}
		.sub_product .prd_list > li .txt_box dl dd ul li strong, .sub_product .prd_list > li .txt_box dl dd ul li span{font-size:17px;color:#333;font-weight:400;display:block;vertical-align: top;}
		.sub_product .prd_list > li .txt_box dl dd ul li strong{font-weight:600;position: relative;box-sizing:border-box;padding-left:10px;}
		.sub_product .prd_list > li .txt_box dl dd ul li strong:before{content:"";width:4px;height:4px;box-sizing:border-box;border-radius:100%;background: #333;position: absolute;left:0;top:8px;}

		@media only screen and (max-width:1200px){
			.sub_product .prd_list{width:calc(100% + 20px);margin-left:-10px;}
			.sub_product .prd_list > li{margin:0 10px 40px;width:calc(33.3333% - 20px);}
			.sub_product .prd_list > li .txt_box{padding:30px 20px;}
			.sub_product .prd_list > li .txt_box dl dd ul li strong, .sub_product .prd_list > li .txt_box dl dd ul li span{font-size:16px;}
			.sub_product .prd_list > li .txt_box dl dd ul li span{max-width:70%;}
		}
		@media only screen and (max-width:1024px){
			.sub_product .prd_list > li .txt_box dl dd ul li span{max-width:initial;display: block;width:100%;}
		}
		@media only screen and (max-width:860px){
			.sub_product .prd_list > li{width:calc(50% - 20px);}
		}
		@media only screen and (max-width:500px){
			.sub_product .prd_list{width:100%;margin-left:0;}
			.sub_product .prd_list > li{margin:0 0 30px;width:100%;}
			.sub_product .prd_list > li .txt_box{padding:20px 15px;}
			.sub_product .prd_list > li .txt_box dl dt{font-size:20px;padding-left:16px;}
			.sub_product .prd_list > li .txt_box dl dt:before{width:8px;height:8px;top:8px;}
			.sub_product .prd_list > li .txt_box dl dd{margin-top:16px;}
			.sub_product .prd_list > li .txt_box dl dd ul li + li{margin-top:11px;}
			.sub_product .prd_list > li .txt_box dl dd ul li strong, .sub_product .prd_list > li .txt_box dl dd ul li span{font-size:14px;}
			.sub_product .prd_list > li .txt_box dl dd ul li strong{padding-left:6px;}
			.sub_product .prd_list > li .txt_box dl dd ul li strong:before{width:2px;height:2px;top:7px;}
			.sub_product .prd_list > li .txt_box dl dd ul li span{display: inline-block;width:auto;}
		}

	/*파트너*/
		.sub_partners .partner_list{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;}
		.sub_partners .partner_list li{display:inline-flex;margin:0 10px 20px;width:calc(25% - 20px);box-sizing:border-box;border:1px solid #ddd;}

		@media only screen and (max-width:640px){
			.sub_partners .partner_list{width:calc(100% + 15px);margin-left:-7.5px;}
			.sub_partners .partner_list li{margin:0 7.5px 15px;width:calc(50% - 15px);}
		}

	/*연구소 소개*/
		.sub_laboratory{}
		.sub_laboratory .w_custom{width:1240px;}
		.sub_laboratory .lab_intro{position: relative;z-index:3;}
		.sub_laboratory .img_box{width:100%;height:0;padding-bottom:32.3%;background:url('../images/sub/lab-img.jpg')no-repeat center;background-size:cover;}
		.sub_laboratory .txt_box{width:300px;height:300px;position: absolute;top:-20px;left:60px;background:#aacd06;box-sizing:border-box;display:flex;align-items:flex-end;}
		.sub_laboratory .txt_box .txt{box-sizing:border-box;padding:30px 30px;}
		.sub_laboratory .txt_box span{font-size:22px;color:#fff;font-weight:500;text-transform:uppercase;}
		.sub_laboratory .txt_box strong{font-size:35px;color:#fff;font-weight:800;text-transform:uppercase;line-height:1.25;display: block;margin-top:5px;}

		.sub_laboratory .lab_part{box-sizing:border-box;padding:45px 0 132px;position: relative;}
		.sub_laboratory .lab_part:before{width:100%;height:111%;content:"";background: #f5f5f5;position: absolute;bottom:0;left:0;}
		.sub_laboratory .lab_part .rnd_txt{font-size:30px;color:#111;font-weight:600;box-sizing:border-box;position: relative;padding-left:24px;}
		.sub_laboratory .lab_part .rnd_txt:before{width:10px;height:10px;content:"";background: #aacd06;position: absolute;left:0;top:14px;transform:rotate(45deg);}

		.sub_laboratory .lab_part .part_list{display:flex;flex-wrap:wrap;width:calc(100% + 26px);margin-left:-13px;margin-top:25px;}
		.sub_laboratory .lab_part .part_list > li{box-sizing:border-box;margin:0 13px;width:calc(25% - 26px);background: #fff;padding:24px 24px 99px;box-shadow:0 0 15px 0 rgba(0,0,0,0.05);position: relative;}
		.sub_laboratory .lab_part .part_list li .num{display: flex;align-items: center;justify-content:center;box-sizing:border-box;width:34px;height:34px;background: #aacd06;font-size:14px;color:#fff;font-weight:600;text-align: center;}
		.sub_laboratory .lab_part .part_list li dl{margin-top:19px;}
		.sub_laboratory .lab_part .part_list li dl dt{font-size:24px;color:#333;font-weight:600;}
		.sub_laboratory .lab_part .part_list li dl dd{margin-top:18px;}
		.sub_laboratory .lab_part .part_list li dl ul li{font-size:16px;color:#666;font-weight:400;position: relative;padding-left:10px;}
		.sub_laboratory .lab_part .part_list li dl ul li + li{margin-top:10px;}		
		.sub_laboratory .lab_part .part_list li dl ul li:before{width:5px;height:1px;content:"";background: #666;position: absolute;left:0;top:9px;}
		.sub_laboratory .lab_part .part_list li .icon{position: absolute;bottom:24px;right:24px;}

		@media only screen and (max-width:1300px){
			.sub_laboratory .w_custom{width:100%;padding:0 30px;}
		}
		@media only screen and (max-width:1200px){
			.sub_laboratory .txt_box{width:280px;height:230px;}
		}
		@media only screen and (max-width:1024px){
			.sub_laboratory .txt_box{width:30%;height:60%;}
			.sub_laboratory .txt_box .txt{padding:20px 15px;}
			.sub_laboratory .txt_box span{font-size:18px;}
			.sub_laboratory .txt_box strong{font-size:26px;}

			.sub_laboratory .lab_part .rnd_txt{font-size:24px;padding-left:16px;}
			.sub_laboratory .lab_part .rnd_txt:before{width:8px;height:8px;top:10px;}
			.sub_laboratory .lab_part .part_list{width:calc(100% + 16px);margin-left:-8px;}
			.sub_laboratory .lab_part .part_list > li{margin:0 8px;width:calc(25% - 16px);padding:20px 15px 80px;}
			.sub_laboratory .lab_part .part_list li dl dt{font-size:20px;}
			.sub_laboratory .lab_part .part_list li dl dd{margin-top:10px;}
			.sub_laboratory .lab_part .part_list li dl ul li{font-size:14px;}
			.sub_laboratory .lab_part .part_list li dl ul li:before{top:6px;}
			.sub_laboratory .lab_part .part_list li .icon{height:55px;right:15px;bottom:15px;}
			.sub_laboratory .lab_part .part_list li .icon img{max-height:100%;}
		}
		@media only screen and (max-width:767px){
			.sub_laboratory .img_box{padding-bottom:46%;}
			.sub_laboratory .txt_box{width:37%;}
			.sub_laboratory .txt_box span{font-size:16px;}
			.sub_laboratory .txt_box strong{font-size:20px;}

			.sub_laboratory .lab_part .part_list > li{width:calc(50% - 16px);margin:0 8px 20px;}
		}
		@media only screen and (max-width:640px){
			.sub_laboratory .w_custom{padding:0 15px;}
			
			.sub_laboratory .txt_box{top:-10px;left:30px;}
		}
		@media only screen and (max-width:500px){
			.sub_laboratory .txt_box{position: static;width:100%;}
			.sub_laboratory .txt_box span{font-size:14px;}
			.sub_laboratory .txt_box strong{font-size:18px;}

			.sub_laboratory .lab_part{padding:30px 0 80px;}
			.sub_laboratory .lab_part .rnd_txt{font-size:20px;}
			.sub_laboratory .lab_part .rnd_txt:before{width:7px;height:7px;top:8px;}
			.sub_laboratory .lab_part .part_list{margin-top:10px;}
			/* .sub_laboratory .lab_part .part_list > li{padding:15px 10px 60px;} */
			.sub_laboratory .lab_part .part_list li .num{width:25px;height:25px;font-size:12px;}
			.sub_laboratory .lab_part .part_list li dl{margin-top:10px;}
			.sub_laboratory .lab_part .part_list li dl dt{font-size:18px;}
			.sub_laboratory .lab_part .part_list li dl ul li{font-size:13px;}
			.sub_laboratory .lab_part .part_list li dl ul li + li{margin-top:6px;}
			.sub_laboratory .lab_part .part_list li .icon{height:38px;}
		}

	/*특허 및 인증*/
		.sub_certifications .w_custom{width:1240px;}
		.certificate_wrap{}
		.certificate_wrap + .certificate_wrap{background: #f5f5f5;box-sizing:border-box;margin-top:59px;padding:59px 0 56px;}
		.certificate_wrap .certificate_box .title{font-size:30px;color:#111;font-weight:600;box-sizing:border-box;position: relative;padding-left:24px;}
		.certificate_wrap .certificate_box .title:before{width:10px;height:10px;content:"";background: #aacd06;position: absolute;left:0;top:14px;transform:rotate(45deg);}
		.certificate_wrap .certificate_box ul{display:flex;flex-wrap:wrap;width:calc(100% + 34px);margin-left:-17px;margin-top:24px;}
		.certificate_wrap .certificate_box ul li{box-sizing:border-box;margin:0 17px 45px;width:calc(20% - 34px);}
		.certificate_wrap .certificate_box ul li .img{width:100%;border:1px solid #ddd;text-align: center;background: #fff;}
		.certificate_wrap .certificate_box ul li .img img{}
		.certificate_wrap .certificate_box ul li .txt{text-align: center;margin-top:20px;}
		.certificate_wrap .certificate_box ul li .txt span{font-size:18px;color:#aacd06;font-weight:600;letter-spacing:-0.03em;}
		.certificate_wrap .certificate_box ul li .txt p{font-size:20px;color:#333;font-weight:600;letter-spacing:-0.02em;margin-top:7px;line-height:1.6;}
		
		.certificate_wrap .patent_box{}
		.certificate_wrap .patent_box ul li .img{border:none;}
		.certificate_wrap .patent_box ul li .txt span{font-size:20px;color:#333;font-weight:600;}
		.certificate_wrap .patent_box ul li .txt p{font-size:16px;color:#666;font-weight:400;}

		@media only screen and (max-width:1300px){
			.sub_certifications .w_custom{width:100%;padding:0 30px;}
		}
		@media only screen and (max-width:1024px){
			.certificate_wrap .certificate_box .title{font-size:24px;padding-left:16px;}
			.certificate_wrap .certificate_box .title:before{width:8px;height:8px;top:10px;}

			.certificate_wrap + .certificate_wrap{margin-top:25px;}
			.certificate_wrap .certificate_box ul{width:calc(100% + 20px);margin-left:-10px;}
			.certificate_wrap .certificate_box ul li{margin:0 10px 30px;width:calc(25% - 20px);}
			.certificate_wrap .certificate_box ul li .txt span{font-size:16px;}
			.certificate_wrap .certificate_box ul li .txt p{font-size:18px;}
			.certificate_wrap .patent_box ul li .txt span{font-size:18px;}
			.certificate_wrap .patent_box ul li .txt p{font-size:14px;}
		}
		@media only screen and (max-width:767px){
			.certificate_wrap .certificate_box ul li{width:calc(33.3333% - 20px);}
		}
		@media only screen and (max-width:640px){
			.sub_certifications .w_custom{padding:0 15px;}

			.certificate_wrap + .certificate_wrap{padding:40px 0 56px;}
			.certificate_wrap .certificate_box ul{margin-top:10px;width:calc(100% + 16px);margin-left:-8px;}
			.certificate_wrap .certificate_box ul li{margin:0 8px 20px;width:calc(50% - 16px);}		
			.certificate_wrap .certificate_box ul li .txt{margin-top:10px;}
			.certificate_wrap .certificate_box ul li .txt span{font-size:14px;}
			.certificate_wrap .certificate_box ul li .txt p{font-size:16px;margin-top:4px;}
			.certificate_wrap .patent_box ul li .txt span{font-size:16px;}
			.certificate_wrap .patent_box ul li .txt p{font-size:13px;}
		}
		@media only screen and (max-width:500px){
			.certificate_wrap .certificate_box .title{font-size:20px;}
			.certificate_wrap .certificate_box .title:before{width:7px;height:7px;top:8px;}
		}