@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 영역

───────────────────────────────────────────────────────────*/
	.nav_wrap{margin-top:42px;}
	.nav_wrap .nav_box{}
	.nav_wrap .nav_box ul{display: flex;align-items: center;justify-content: flex-end;}
	.nav_wrap .nav_box ul li{position: relative;font-size:var(--title-16);color:var(--black-color06);font-weight:400;}
	.nav_wrap .nav_box ul li + li{margin-left:12px;padding-left:12px;}
	.nav_wrap .nav_box ul li + li:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background: #ddd;position: absolute;left:-2px;top:9px;}
	.nav_wrap .nav_box ul li a.home{font-size:0;display: block;width:100%;}
	.nav_wrap .nav_box ul li a,
	.nav_wrap .nav_box ul li span,
	.nav_wrap .nav_box ul li strong{font-size:inherit;color:inherit;font-weight:inherit;}

	@media only screen and (max-width:1023px){
		.nav_wrap{margin-top:30px;}
	}
	@media only screen and (max-width:640px){
		.nav_wrap{margin-top:22px;}
		.nav_wrap .nav_box ul li + li{margin-left:9px;padding-left:9px;}
		.nav_wrap .nav_box ul li + li:before{width:3px;height:3px;left:-2px;top:7px;}
	}

/*───────────────────────────────────────────────────────────
	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{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;padding:0 30px;position: relative;width:auto;height:54px;line-height:initial;background:var(--point-color01);font-size:18px;color:var(--point-white);font-weight:600;transition:all 0.5s;}
		.btn_point:after{margin-left:12px;content:"";width:40px;height:10px;background:url('../images/sub/more_arw.svg')no-repeat center;background-size:auto 100%;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-block;}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (min-width:1024px){
		.btn_point:hover{background:var(--point-color03);}
	}
	@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%;}
	}
	@media only screen and (max-width:860px) {
		.btn_point{font-size:16px;padding:0 25px;}
	}
	@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_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;}

		.btn_point{font-size:14px;padding:0 20px;height:46px;}
		.btn_point:after{margin-left:6px;width:30px;height:7px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn_md {width:44px;font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	sub 공통
───────────────────────────────────────────────────────────*/
	#wrap .sub_title{font-size:var(--title-50);color:var(--black-color01);font-weight:600;letter-spacing:-0.03em;text-align: center;}
	.nav_wrap .nav_box ul + .sub_title{margin-top:30px;}

	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/icon_select_arw.png') no-repeat right 16px center;letter-spacing:-0.03em;padding:0 20px;}
	select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

	/* pagaing wrap */
		.paging {text-align:center;padding-top:2px;line-height:30px;font-size:0;margin:60px 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: 16px;padding: 0;border:0;box-sizing:border-box;height: 34px;line-height: 32px;min-width: 34px;text-align:center;vertical-align:top;color: var(--black-color08);font-family: var(--font-type02);font-weight: 400;box-sizing: border-box;border: 1px solid #fff;}
		.paging a img {height:33px;width:30px;vertical-align:top;}
		.paging span + span a,
		.paging a + a,
		.paging a + span a{border-left:0;margin-left:10px;}
		.paging .on a{color: var(--point-white);font-weight: 500;background:var(--point-color01);border: 1px solid var(--point-color01);}
		.paging a.on{color:#fff; font-weight:bold;background:var(--point-color)}
		.paging .arrow a {font-size:0;width:34px;border:1px solid #ddd;}
		.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;line-height:40px;position:relative;min-height:80px;}
		.view_btn .paging {display:inline-block;}

		@media only screen and (min-width:1023px) {
			.paging a:hover {color: var(--point-white);font-weight: 500;background:var(--point-color01);border: 1px solid var(--point-color01);}
		}

	/* 검색 */
		.board_search {line-height:1.6;margin-bottom:30px;padding:0;text-align:right;background-color:#fff;font-size:0;width:100%;box-sizing:border-box;margin-top:56px;}
		.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:50px;padding:0 19px;box-sizing:border-box;}
		.board_search select {width: 130px;margin-right:10px;height: 50px;}
		.board_search input.input_text {width: 260px;}
		.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;}
		.board_search .btn_md {font-size:0;height:50px;width:50px;background-color: #1C232B !important;border-color: #1C232B !important;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('../images/sub/board_search_btn.png');background-size: 22px auto;}

		@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;margin-top: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 .bbs_view{margin-top:56px;}
		.bbs_view div.view_tit{border-top:1px solid var(--point-color04);background:#fff;padding:29px 40px 39px;border-bottom:1px solid #ddd;}
		.bbs_view div.view_tit > h3{width:100%;font-size: var(--title-30);letter-spacing:-0.03em;font-weight:500;color:#222;line-height:1.5;vertical-align: middle;text-align: center;}
		.bbs_view div.view_tit > h3 .notice{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;height:25px;border: 2px solid rgba(82, 148, 179, 0.50);font-size:15px;color:var(--point-color02);font-weight:600;padding:0 6px;vertical-align: top;margin-right:20px;margin-top:11px;}
		.bbs_view div.view_tit > p{width:100%;text-align: center;margin-top: 19px;}
		.bbs_view div.view_tit > p span{color: var(--black-color08);display:inline-block;vertical-align:top;position:relative;font-size:17px;letter-spacing:-0.03em;font-weight: 400;}
		.bbs_view div.view_tit > p span + span{margin-left:16px;padding-left:16px;}
		.bbs_view div.view_tit > p span em{font-size:inherit;font-weight:600;color:inherit;display: inline-block;margin-right:10px;}
		.bbs_view div.view_tit > p span + span:before{content:'';position:absolute;top:50%;left:0;width:1px;height: 10px;background:rgba(136, 136, 136, 0.15);;transform: translateY(-50%);}
		.sub_board .bbs_view .extra_editor_wrap{border-top:0;border-bottom:1px solid #ddd;display:block;padding: 20px 40px 20px 0;box-sizing:border-box;margin-top:0;font-size: var(--title-20);display: flex;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;}
		.sub_board .bbs_view .extra_editor_wrap > h4{width: 140px;font-size:18px;font-weight:500;color:var(--black-color03);letter-spacing:-0.03em;text-align: center;}
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width: calc(100% - 140px);box-sizing:border-box;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;padding-left: 44px;margin-left: 0;color:var(--black-color08);font-weight:400;letter-spacing:-0.03em;font-size: 17px;box-sizing:border-box;display: block;width:100%;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{content:'';width:1px;height: 10px;background:#ddd;position:absolute;top:50%;left:0;transform: translateY(-50%);}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;text-decoration: none;color: inherit !important;font-size:inherit;font-weight:inherit;display: block;line-height: normal;}
		.bbs_view div.view_cont{padding:60px 30px;border-bottom:1px solid #ddd;text-align:center;}
		.bbs_view div.view_cont * {word-break: break-all;}
		.view_btn{min-height:120px;}
		.view_btn .btn_wrap{padding-top:60px;}


		@media only screen and (max-width:1500px) {
			.bbs_view div.view_tit > h3 .notice{margin-top:9px;}
		}
		@media only screen and (max-width:1023px) {
			.bbs_view div.view_tit{padding:20px 30px;}
			.bbs_view div.view_tit > h3{font-size:22px;}
			.bbs_view div.view_tit > h3 .notice{font-size:13px;margin-top:2px;margin-right:10px;}
			.bbs_view div.view_tit > p{margin-top:15px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:15px 30px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:16px;width: 110px;}
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 124px)}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:16px;padding-left:15px;margin-left:12px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{height: 8px;}
			.bbs_view div.view_cont{padding:50px 30px;border-bottom:1px solid #ddd;}
			.view_btn .btn_wrap{padding-top:50px;}
		}
		@media only screen and (max-width:640px) {
			.bbs_view div.view_tit{padding:20px 15px;}
			.bbs_view div.view_tit > h3{font-size:18px;}
			.bbs_view div.view_tit > p{margin-top:10px;padding-top:0;}
			.bbs_view div.view_tit > p span{font-size:14px;}
			.bbs_view div.view_tit > p span + span{margin-left:10px;padding-left:15px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:12px 15px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:14px;width: 70px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont{width:calc(100% - 109px)}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:14px;padding-left:12px;margin-left:10px;}
			
			.bbs_view div.view_cont{padding:35px 20px;}
			.view_btn .btn_wrap{padding-top:40px;}
		}
		@media only screen and (max-width:500px) {
			.bbs_view div.view_tit > p span{font-size:13px;}
			.bbs_view div.view_tit > p span em{margin-right:4px;}
			.bbs_view div.view_tit > p span + span{margin-left:6px;padding-left:9px;}
		}
		@media only screen and (max-width:350px) {
			.bbs_view div.view_tit{padding:15px 10px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:13px;}
		}

		table.bbs_list{border-top: 1px solid #333;border-bottom:1px solid #ddd;}
		table.bbs_list th {padding:22px 0;border-bottom: 1px solid #ddd;color: var(--black-color03);font-weight:500;letter-spacing:-0.03em;font-size: 18px;box-sizing:border-box;background: #fafafa;}
		table.bbs_list td {padding:21px 0;box-sizing:border-box;font-size: 17px;letter-spacing:-0.03em;color: var(--black-color08);transition:all 0.3s;font-weight: 300;border-bottom:1px solid #ddd;text-align: center;}
		
		table.bbs_list td .board_tit a{display: flex;}
		table.bbs_list td .board_tit .board_ico{display: inline-block;margin-right:3px;}
		table.bbs_list td .board_tit h3{font-size:18px;letter-spacing:-0.03em;color:#333;width: 95%;text-align:left;}
		table.bbs_list td .board_tit h3 strong{transition:all 0.3s;font-weight:400;color: var(--black-color03);}
		
		table.bbs_list tr.board_notice td{background: #fff;}
		table.bbs_list tr.board_notice td .board_tit h3{font-weight:500;color:var(--black-color03);}
		table.bbs_list tr.board_notice .notice_txt{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;height:25px;border: 2px solid rgba(82, 148, 179, 0.50);font-size:15px;color:var(--point-color02);font-weight:600;padding:0 6px;}
		table.bbs_list tr.board_notice td .board_tit h3 strong {font-weight:inherit;color:inherit;}

		@media only screen and (min-width:1023px) {
			table.bbs_list td .board_tit h3 strong:hover{}
			table.bbs_list tr:hover td {background:#f5f5f5;}
		}
		@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 td .board_tit h3{font-size:16px;}
			table.bbs_list tr.board_notice td:nth-of-type(1) span {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:12px 3px;height:auto;}
			table.bbs_list td .board_tit .board_ico{display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit h3{font-size:14px;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;}
			table.bbs_list tr.board_notice td:nth-of-type(1) span {font-size:14px;}
			
		}
		@media only screen and (max-width:640px) {
			table.bbs_list col:nth-child(1),
			table.bbs_list col:nth-child(3),
			table.bbs_list col:nth-child(5){display:none;}
			table.bbs_list col:nth-child(4){width: 100px;}
			table.bbs_list tr.board_notice td .board_tit h3{}
			table.bbs_list th{font-size:14px;}
			table.bbs_list th:nth-child(1),
			table.bbs_list th:nth-child(3),
			table.bbs_list th:nth-child(5){display:none;}
				table.bbs_list td{font-size:13px;}
				table.bbs_list td .board_tit h3{font-size: 15px;}
			table.bbs_list td:nth-child(1),
			table.bbs_list td:nth-child(3),
			table.bbs_list td:nth-child(5){display:none;}
			table.bbs_list tr.board_notice td:nth-of-type(1) span {font-size:13px;height:24px;}
		}
			
		/*** 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:1px solid #2A282D;padding: 15px 24px;border-bottom:1px solid #ddd;margin-top:56px;}
			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: 17px;padding-top: 15px;padding-bottom: 15px;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: 18px;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: var(--title-color01);font-size:inherit;font-weight:400;display:inline-block;}
			table.bbs_write tr select {background:#fff url('../images/sub/icon_select_arw.png') no-repeat right 20px center;}
			table.bbs_write tr textarea{width:100%;}
			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:360px;height:50px;}
			.sub_join table.bbs_write td select, .sub_join table.bbs_write td input[type="text"], .sub_join table.bbs_write td input[type="password"], .sub_join table.bbs_write td input[type="number"], .sub_join table.bbs_write td input[type="date"] {max-width:350px;}
			.sub_join .email_select {margin-top:10px;}
			table.bbs_write td input[type="text"].email_input,table.bbs_write td input[type="text"].mobile_input{max-width:700px}
			table.bbs_write td input[name="title"] {width:100%;max-width:100%;}

			table.bbs_write tr td input[name="is_secret"]+ label{margin-bottom:12px;}
			.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);color:var(--black-color03);font-weight: 500;}
			.board_write_wrap + div .policy_cont label em{font-size:inherit;font-weight:500;color:var(--point-color01);}
			.board_write_wrap + div .policy_cont > div{padding-bottom:20px;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:20px;box-sizing:border-box;height:120px;background:#f9f9f9;color:#888;font-size:14px;font-weight:300;letter-spacing:-0.03em;line-height:1.6}
			.board_write_wrap + div .policy_text_box.on{height:auto;}
			.board_write_wrap + div .policy_text_box textarea{height:100%;overflow-y:auto;width:100%;background:none;outline:none;border:none;font-size:14px;color:var(--black-color08);font-weight:400;}
			.board_write_wrap + div .policy_text_box textarea::-webkit-scrollbar{width:4px;background: #ddd;border-radius:2px;}
			.board_write_wrap + div .policy_text_box textarea::-webkit-scrollbar-thumb{width:4px;background:#2A282D;border-radius:2px;}
			.policy_cont .btn_info{line-height:1.5;width:90px !important;box-sizing:border-box;padding-left:0;height:auto;border:0 !important;position:relative;font-size:16px;color:#666;letter-spacing:-0.03em;font-weight:400;padding-right:20px;display:none;}
			.policy_cont .btn_info:before{content:'';position:absolute;top:50%;margin-top:-8px;right:0;width:8px;height:8px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(45deg)}
			.policy_cont .btn_info.on:before{transform:rotate(-135deg);margin-top:-2px;}
			table.bbs_write tr td #captcha_box{height:100%;vertical-align:top;}
			table.bbs_write .captcha_wrap{max-width:calc(100% - 240px);border:1px solid #ddd;display:inline-block;height:50px;vertical-align:top;margin-right:6px;box-sizing:border-box;padding:8px;font-size:0;}
			table.bbs_write .captcha_wrap img{height:100% !important;vertical-align:top;}
			table.bbs_write .captcha_wrap .btn_reset{font-size:0;width:34px !important;padding:0 !important;height:34px;margin-left:6px;border:1px solid #ddd;box-sizing:border-box;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat center!important;background-size:11px auto !important;}
			table.bbs_write tr td input[name="captcha"] {min-width:240px;width:240px;box-sizing:border-box;}
			.btn_wrap{padding-top:60px;}

			@media only screen and (max-width:1023px) {
				.board_write_wrap{padding:30px}
				table.bbs_write th,table.bbs_write td{font-size:15px;padding: 10px 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;}
			}
			@media only screen and (max-width:860px) {
				.board_write_wrap{margin-top:30px;}
				.board_write_wrap col:nth-child(1){width:16% !important;}

				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}
				.board_write_wrap col:nth-child(1){width:22% !important;}
				table.bbs_write th,table.bbs_write td{font-size: 15px;padding: 8px 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;padding: 0 15px;max-width: 100%;}
				.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;}
				.sub_join table.bbs_write td select, .sub_join table.bbs_write td input[type="text"], .sub_join table.bbs_write td input[type="password"], .sub_join table.bbs_write td input[type="number"], .sub_join table.bbs_write td input[type="date"] {max-width:100%;}
				.sub_join table .btn_sm {margin-top:10px;}
				.policy_cont .btn_info{font-size:14px;padding-right:10px;}
				.policy_cont .btn_info:before{margin-top:-6px;}
				.policy_cont .btn_info.on:before{margin-top:-2px;}
				/* table.bbs_write .captcha_wrap{height:40px;} */
				.btn_wrap{padding-top:40px;}

			}
			@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);margin-top:5px;}
			}


/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	#wrap .sub_about .sub_title{font-size:var(--title-48);color:var(--black-color01);font-weight:600;letter-spacing:-0.03em;}
	#wrap .sub_about .main_content > div > a{position: absolute;top:-80px;}
	/*about*/
		#wrap .sub_about_cont{width:100%;overflow:visible;height:calc(110vh - 102px);}
		#wrap .sub_about  .sub_about_cont .sub_title{text-align:left;}
		.sub_about_cont .d_flex{display: flex;flex-wrap:wrap;justify-content: space-between;width:100%;}
		.sub_about_cont .img_box{position: relative;}
		.sub_about_cont .img_box:before{width:100%;height:100%;content:"";background:rgba(170, 210, 125, 0.35);position: absolute;transform:rotate(-15deg);top:0;left:0;}
		.sub_about_cont .img_box img{position: relative;}

		.sub_about_cont .txt_box{width:62.5%;}
		.sub_about_cont .txt_box .about_title{position: relative;margin-top:41px;margin-bottom:50px;}
		.sub_about_cont .txt_box .about_title:before{content:"“";;font-size:200px;color:var(--gray-bg01);font-weight:400;font-family:var(--font-type02);position: absolute;top:-56px;left:-33px;line-height:1;}
		.sub_about_cont .txt_box .about_title h4{font-size:22px;color:var(--black-color03);font-weight:600;position: relative;line-height:1.5;}
		.sub_about_cont .txt_box .about_title p{font-size:18px;color:var(--black-color05);font-weight:500;position: relative;margin-top:9px;}
		
		.sub_about_cont .about_txt{display: flex;flex-wrap:wrap;justify-content: space-between;}
		.sub_about_cont .about_txt + .about_txt{margin-top:28px;}
		.sub_about_cont .about_txt > div{width:45%}
		.sub_about_cont .about_txt > div + div{width:53.5%;}
		.sub_about_cont .about_txt strong{display: block;font-size:17px;color:var(--black-color03);font-weight:500;line-height:1.6;letter-spacing:-0.02em;}
		.sub_about_cont .about_txt p{font-size:17px;color:var(--black-color05);font-weight:400;line-height:1.6;letter-spacing:-0.02em;}

		.sub_about_cont .sign{display: flex;align-items: center;justify-content: flex-end;margin-top:34px;}
		.sub_about_cont .sign p{font-size:17px;color:var(--black-color01);font-weight:500;letter-spacing:-0.02em;}
		.sub_about_cont .sign strong{display: inline-block;margin-left:12px;font-size:22px;color:var(--black-color01);font-weight:600;}

		@media only screen and (max-width:1500px){
			.sub_about_cont .img_box{width:37.5%;box-sizing:border-box;padding-right:20px;}

			.sub_about_cont .about_txt strong, .sub_about_cont .about_txt p{font-size:15px;}
		}
		@media only screen and (max-width:1300px){
			.sub_about_cont .txt_box .about_title:before{font-size:16em;left:-20px;}
			.sub_about_cont .about_txt p br{display: none;}
		}
		@media only screen and (max-width:1023px){
			.sub_about .main_content > div{padding:0 !important;}
			#wrap .sub_about .main_content > div{height:auto;margin-top:65px;}
			#wrap .sub_about .main_content > div + div{margin-top:80px;}
			.sub_about_cont .img_box{margin-left:35px;}
			.sub_about_cont .img_box:before{height:83%;}

			.sub_about_cont .txt_box{width:100%;padding:50px 0 0 0;}
			.sub_about_cont .txt_box .about_title h4{font-size:20px;}
			.sub_about_cont .txt_box .about_title p{font-size:16px;}
		}
		@media only screen and (max-width:860px){
			.sub_about_cont .img_box{width:46%;padding:0;}
			.sub_about_cont .img_box:before{height:100%;}

		}
		@media only screen and (max-width:640px){
			.sub_about_cont .img_box{width:56%;}

			.sub_about_cont .txt_box .about_title{margin:10px 0 30px;}
			.sub_about_cont .txt_box .about_title:before{top:-25px;left:-11px;font-size:9em;}
			.sub_about_cont .txt_box .about_title h4{font-size:18px;}
			.sub_about_cont .txt_box .about_title p{font-size:15px;}

			.sub_about_cont .about_txt + .about_txt{margin-top:32px;}
			.sub_about_cont .about_txt > div{width:100% !important;}
			.sub_about_cont .about_txt > div + div{margin-top:12px;}	
			
			.sub_about_cont .sign{margin-top:25px;}
			.sub_about_cont .sign p{font-size:15px;}
			.sub_about_cont .sign strong{font-size:20px;}
		}
		@media only screen and (max-width:500px){
			#wrap .sub_about .main_content > div{margin-top:40px;}
			#wrap .sub_about .main_content > div + div{margin-top:60px;}

			.sub_about_cont .img_box{width:70%;margin:0 auto;}

			.sub_about_cont .txt_box .about_title h4{font-size:15px;}
			.sub_about_cont .txt_box .about_title p{font-size:13px;}

			.sub_about_cont .about_txt > div + div{margin-top:6px;}
			.sub_about_cont .about_txt strong, .sub_about_cont .about_txt p{font-size:13px;}

			.sub_about_cont .sign{margin-top:15px;}
			.sub_about_cont .sign p{font-size:14px;}
			.sub_about_cont .sign strong{font-size:18px;}
		}

	/*보유자격 현황*/
		#wrap .sub_certificate_cont{flex-wrap:wrap;align-content:center;}
		#wrap .sub_about .sub_certificate_cont .sub_title{width:100%;text-align: center;}
		#wrap .sub_certificate_cont .list{display: flex;flex-wrap:wrap;width:100%;margin-top:50px;}
		#wrap .sub_certificate_cont .list > dl{width:calc(33.3333% - 37px);box-sizing:border-box;position: relative;border:1px solid #ddd;}	
		#wrap .sub_certificate_cont .list > dl + dl{margin-left:55px;}
		#wrap .sub_certificate_cont .list > dl:before{width:40px;height:2px;content:"";background: #47839F;position: absolute;bottom:-1px;right:0;}
		#wrap .sub_certificate_cont .list > dl:after{width:2px;height:40px;content:"";background: #47839F;position: absolute;bottom:0;right:-1px;}
		#wrap .sub_certificate_cont .list > dl > dt{display: flex;width:100%;height:74px;box-sizing:border-box;align-items: center;padding:0 30px;background: #47839F;}
		#wrap .sub_certificate_cont .list > dl:nth-child(2) > dt{background: #5294B3;}
		#wrap .sub_certificate_cont .list > dl > dt p{display: inline-block;font-size:26px;color:var(--point-white);font-weight:500;position: relative;}
		#wrap .sub_certificate_cont .list > dl > dt p:before{width:6px;height:6px;content:"";background:var(--point-white);position: absolute;bottom:8px;right:-18px;}

		#wrap .sub_certificate_cont .list .sub_list{box-sizing:border-box;padding:30px 30px 53px;}
		#wrap .sub_certificate_cont .list .sub_list dl{box-sizing:border-box;display: flex;flex-wrap:wrap;}
		#wrap .sub_certificate_cont .list .sub_list dl + dl{margin-top:17px;}
		#wrap .sub_certificate_cont .list .sub_list dl dt{font-size:16px;color:var(--black-color03);font-weight:500;letter-spacing:-0.02em;width:140px;}
		#wrap .sub_certificate_cont .list .sub_list dl dd{width:calc(100% - 140px);font-size:16px;color:var(--black-color05);font-weight:400;letter-spacing:-0.02em;}
		#wrap .sub_certificate_cont .list .sub_list dl dd p{font-size:inherit;color:inherit;font-weight:inherit;}
		#wrap .sub_certificate_cont .list .sub_list dl dd p + p{margin-top:5px;}
		#wrap .sub_certificate_cont .list .sub_list dl.sort_business dd p span{display: inline-block;vertical-align: top;font-size:inherit;color:inherit;font-weight:inherit;}
		#wrap .sub_certificate_cont .list .sub_list dl.sort_business dd p span.bus_title{}
		#wrap .sub_certificate_cont .list .sub_list dl.sort_business dd p span.bus_cont{}
		#wrap .sub_certificate_cont .list .sub_list dl dd p em{display: block;font-size:14px;color:var(--black-color08);font-weight:400;margin-top:5px;}

		@media only screen and (max-width:1400px){
			#wrap .sub_certificate_cont .list > dl{width:calc(33.3333% - 20px);}
			#wrap .sub_certificate_cont .list > dl + dl{margin-left:30px;}

			#wrap .sub_certificate_cont .list .sub_list{padding:30px 20px 53px;}
			#wrap .sub_certificate_cont .list .sub_list dl dt{width:110px;}
			#wrap .sub_certificate_cont .list .sub_list dl dd{width:calc(100% - 110px);}
		}
		@media only screen and (max-width:1200px){
			#wrap .sub_certificate_cont .list > dl > dt{height:60px;padding:0 15px;}
			#wrap .sub_certificate_cont .list > dl > dt p{font-size:22px;}

			#wrap .sub_certificate_cont .list .sub_list dl dt,
			#wrap .sub_certificate_cont .list .sub_list dl dd{font-size:14px;}
			#wrap .sub_certificate_cont .list .sub_list dl dt{width:88px;}
			#wrap .sub_certificate_cont .list .sub_list dl dd{width:calc(100% - 88px);}
			#wrap .sub_certificate_cont .list .sub_list dl dd p em{font-size:13px;}

		}
		@media only screen and (max-width:1023px){
			#wrap .sub_certificate_cont .list{margin-top:30px;}
		}
		@media only screen and (max-width:860px){
			#wrap .sub_certificate_cont .list > dl{width:100%;}
			#wrap .sub_certificate_cont .list > dl + dl{margin:20px 0 0 0;}

			#wrap .sub_certificate_cont .list .sub_list dl dt, #wrap .sub_certificate_cont .list .sub_list dl dd{font-size:16px;}
			#wrap .sub_certificate_cont .list .sub_list dl dt{width:120px;}
			#wrap .sub_certificate_cont .list .sub_list dl dd{width:calc(100% - 120px);}
		}
		@media only screen and (max-width:500px){
			#wrap .sub_certificate_cont .list{margin-top:20px;}
			#wrap .sub_certificate_cont .list > dl > dt{height:50px;}
			#wrap .sub_certificate_cont .list > dl > dt p{font-size:18px;}
			#wrap .sub_certificate_cont .list > dl > dt p:before{width:4px;height:4px;bottom:6px;right:-12px;}

			#wrap .sub_certificate_cont .list .sub_list{padding:20px 15px 35px;}
			#wrap .sub_certificate_cont .list .sub_list dl + dl{margin-top:10px;}
			#wrap .sub_certificate_cont .list .sub_list dl dt, #wrap .sub_certificate_cont .list .sub_list dl dd{font-size:14px;width:100%;}
			#wrap .sub_certificate_cont .list .sub_list dl dd{margin-top:5px;}
		}

	/*조직도*/
		#wrap .sub_chart_cont{flex-wrap:wrap;align-content:center;}
		#wrap .sub_about .sub_chart_cont .sub_title{width:100%;text-align: center;}

		#wrap .sub_chart_cont .chart_box{text-align: center;width:100%;margin-top:25px;}
		#wrap .sub_chart_cont .chart_box h4{width:180px;height:180px;margin:0 auto;box-sizing:border-box;border-radius:100%;background: #2F5597 url('../images/sub/chart_obj.png')no-repeat center;display: flex;align-items: center;justify-content: center;position: relative;}
		#wrap .sub_chart_cont .chart_box h4:before{width:calc(100% + 10px);height:calc(100% + 10px);content:"";box-sizing:border-box;border-radius:100%;border:1px dashed rgba(47, 85, 151, 0.50);position: absolute;top:-5px;left:-5px;}
		#wrap .sub_chart_cont .chart_box h4 span{font-size:32px;color:var(--point-white);font-weight:600;}

		#wrap .sub_chart_cont .dep1{position: relative;padding-top:40px;}
		#wrap .sub_chart_cont .dep1:before{width:1px;height:40px;content:"";background: #ddd;position: absolute;top:0;left:50%;}
		#wrap .sub_chart_cont .dep1:after{width:1px;height:50px;content:"";background: #ddd;position: absolute;bottom:-50px;left:50%;}
		#wrap .sub_chart_cont .dep1 span:after{width:7px;height:7px;content:"";background:var(--point-color06);position: absolute;top:-3.5px;left:50%;transform:translate(-50%);}
		#wrap .sub_chart_cont .dep1 span{display: flex;align-items: center;justify-content: center;width:260px;height:70px;background: #47839F;font-size:24px;color:var(--point-white);font-weight:600;position: relative;margin:0 auto;}

		#wrap .sub_chart_cont .dep2{margin-top:16px;position: relative;display: flex;justify-content: space-between;flex-wrap:wrap;}
		#wrap .sub_chart_cont .dep2:before{width:70%;height:1px;content:"";background: #ddd;position: absolute;left:50%;top:34px;transform:translate(-50%);}
		#wrap .sub_chart_cont .dep2 > li{width:620px;position: relative;}
		#wrap .sub_chart_cont .dep2 > li > span{display: flex;align-items: center;justify-content: center;width:280px;height:68px;background:var(--point-color04);font-size:22px;color:var(--point-white);font-weight:600;position: relative;margin:0 auto;}
		#wrap .sub_chart_cont .dep2 > li:before{width:1px;height:30px;content:"";background: #ddd;position: absolute;top:68px;left:50%;}

		#wrap .sub_chart_cont .dep3{position: relative;margin-top:30px;display: flex;flex-wrap:wrap;}
		#wrap .sub_chart_cont .dep3:before{width:7px;height:7px;content:"";background:var(--point-color06);position: absolute;top:-3.5px;left:50%;transform:translate(-50%);z-index: 2;}
		#wrap .sub_chart_cont .dep3:after{width:55%;height:1px;content:"";background: #ddd;position: absolute;left:50%;top:0;transform:translate(-50%);}	
		#wrap .sub_chart_cont .dep3 > li{width:calc(50% - 30px);border:1px solid #e5e5e5;background: #fafafa;box-sizing:border-box;position: relative;margin-top:24px;}
		#wrap .sub_chart_cont .dep3 > li:before{width:1px;height:24px;content:"";background: #ddd;position: absolute;top:-24px;left:50%;}
		#wrap .sub_chart_cont .dep3 > li + li{margin-left:60px;}
		#wrap .sub_chart_cont .dep3 > li > span{display: flex;align-items: center;justify-content: center;width:100%;height:64px;background:var(--point-white);font-size:var(--title-20);color:var(--point-color01);font-weight:500;position: relative;margin:0 auto;box-sizing:border-box;border:2px solid var(--point-color01);}	

		#wrap .sub_chart_cont .dep4{box-sizing:border-box;padding:23px 24px;}
		#wrap .sub_chart_cont .dep4 li{font-size:var(--title-16);color:var(--black-color06);font-weight:400;position: relative;padding-left:9px;text-align: left;}
		#wrap .sub_chart_cont .dep4 li + li{margin-top:7px;}
		#wrap .sub_chart_cont .dep4 li:before{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color06);position: absolute;left:0;top:10px;}

		@media only screen and (max-width:1350px){
			#wrap .sub_chart_cont .dep2 > li{width:calc(50% - 20px);}

			#wrap .sub_chart_cont .dep3:after{width:calc(55% + 2px);}
		}
		@media only screen and (max-width:1023px){
			#wrap .sub_chart_cont .dep2 > li > span{width:220px;font-size:20px;}

			#wrap .sub_chart_cont .dep3:after{width:calc(50% + 16px);}
			#wrap .sub_chart_cont .dep3 > li{width:calc(50% - 15px);}
			#wrap .sub_chart_cont .dep3 > li + li{margin-left:30px;}

			#wrap .sub_chart_cont .dep4{padding:20px 15px;}
		}
		@media only screen and (max-width:860px){
			#wrap .sub_chart_cont .chart_box h4{width:150px;height:150px;}
			#wrap .sub_chart_cont .chart_box h4 span{font-size:24px;}

			#wrap .sub_chart_cont .dep1:after{height:44px;bottom:-44px}
			#wrap .sub_chart_cont .dep1 span{width:200px;height:60px;font-size:20px;}

			#wrap .sub_chart_cont .dep2:before{top:27px;}
			#wrap .sub_chart_cont .dep2 > li:before{top:54px;}
			#wrap .sub_chart_cont .dep2 > li > span{width:190px;height:54px;font-size:18px;}

			#wrap .sub_chart_cont .dep3 > li > span{height:50px;}

			#wrap .sub_chart_cont .dep4 li:before{top:8px;}
		}
		@media only screen and (max-width:640px){
			#wrap .sub_chart_cont .dep2{margin-top:36px;}
			#wrap .sub_chart_cont .dep2:before{width:1px;height:60%;top:0;left:50%;transform:none;}
			#wrap .sub_chart_cont .dep2 > li{width:100%;}
			#wrap .sub_chart_cont .dep2 > li + li{margin-top:40px;}
		}
		@media only screen and (max-width:500px){
			#wrap .sub_chart_cont .chart_box{margin-top:10px;}
			
			#wrap .sub_chart_cont .chart_box h4{width:130px;height:130px;background-size:auto 50%;}

			#wrap .sub_chart_cont .dep1{padding-top:25px;}
			#wrap .sub_chart_cont .dep1 span{width:170px;height:50px;font-size:18px;}

			#wrap .sub_chart_cont .dep2 > li:before{top:46px;}
			#wrap .sub_chart_cont .dep2 > li > span{width:170px;height:46px;font-size:16px;}
		}

	/*직원안내*/
		#wrap .sub_employee_cont{flex-wrap:wrap;align-content:center;}
		#wrap .sub_about .sub_employee_cont .sub_title{width:100%;text-align: center;margin-bottom:40px;}

		#wrap .sub_about .employee_wrap{width: 100%;}
		#wrap .sub_about .employee_wrap + .employee_wrap{margin-top:54px;}
		#wrap .sub_about .employee_wrap h4{display: inline-block;font-size:26px;color:var(--black-color01);font-weight:600;position: relative;margin-bottom:23px;}
		#wrap .sub_about .employee_wrap h4:before{width:6px;height:6px;content:"";background:var(--point-color02);position: absolute;right:-14px;bottom:7px;}
		#wrap .sub_about .employee_wrap ul{display: flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;}
		#wrap .sub_about .employee_wrap ul li{box-sizing:border-box;display: flex;margin:0 20px;width:calc(25% - 40px);background: #f5f5f5;align-items: center;justify-content: space-between;padding:0 4px 0 24px;}
		#wrap .sub_about .employee_wrap ul li.logo{justify-content: center;background:none;}
		#wrap .sub_about .employee_wrap ul li .txt_box{}
		#wrap .sub_about .employee_wrap ul li .txt_box span{display: block;font-size:var(--title-16);color:var(--black-color08);font-weight:400;display: block;}
		#wrap .sub_about .employee_wrap ul li .txt_box p{font-size:26px;color:var(--black-color03);font-weight:500;}
		#wrap .sub_about .employee_wrap ul li .txt_box p em{font-size:18px;color:inherit;font-weight:inherit;}

		#wrap .sub_about .employee_wrap ul li .img{}
		#wrap .sub_about .employee_wrap ul li .img img{}

		@media only screen and (max-width:1500px){
			#wrap .sub_about .employee_wrap ul li .txt_box p{font-size:22px;}
			#wrap .sub_about .employee_wrap ul li .txt_box p em{font-size:15px;}
		}
		@media only screen and (max-width:1350px){
			#wrap .sub_about .employee_wrap ul{width:calc(100% + 20px);margin-left:-10px;}	
			#wrap .sub_about .employee_wrap ul li{margin:0 10px;width:calc(25% - 20px);padding:0 4px 0 15px;;}
			#wrap .sub_about .employee_wrap ul li .img{width:50%;}
			#wrap .sub_about .employee_wrap ul li.logo .img{text-align: center;}
		}
		@media only screen and (max-width:1023px){
			#wrap .sub_about .sub_employee_cont .sub_title{margin-bottom:30px;}

			#wrap .sub_about .employee_wrap h4{font-size:20px;margin-bottom:16px;}
			#wrap .sub_about .employee_wrap ul li{width:calc(50% - 20px);margin:0 10px 25px;padding:15px 4px 0 15px;}
		}
		@media only screen and (max-width:500px){
			#wrap .sub_about .employee_wrap + .employee_wrap{margin-top:20px;}

			#wrap .sub_about .employee_wrap ul{width:100%;margin-left:0;}
			#wrap .sub_about .employee_wrap ul li{width:100%;margin:0 0 25px;}
		}
		
	/* 상표등록증 */
		.certificate_list{display:grid;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 2.1vw, 40px);}
		.certificate_list > li{position:relative;border: 1px solid var(--border-color01);aspect-ratio: auto .71;}
		.certificate_list > li img{width:100%; height:100%; object-fit:cover;}
		
		@media (max-width:640px) {
			.certificate_list{grid-template: auto / repeat(2, 1fr);}
		}

/*───────────────────────────────────────────────────────────
	 GOODS
───────────────────────────────────────────────────────────*/
	/*리스트*/
		.cate_tab{display: flex;align-items: center;justify-content: center;margin:60px 0 50px 0;}
		.cate_tab a{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;width:150px;height:56px;border:1px solid #ddd;background: #fff;font-size:var(--title-20);color:var(--black-color06);font-weight:400;}
		.cate_tab a.on{background:var(--point-color01);border-color:var(--point-color01);font-weight:600;color:var(--point-white);}
		.cate_tab a + a{margin-left:10px;}
		
		.lower-category{display: flex;flex-wrap:wrap;justify-content: center;margin-top:37px;}
		.lower-category li{display: inline-flex;box-sizing:border-box;margin:0 10px 20px;}
		.lower-category li a{display: flex;box-sizing:border-box;align-items: center;justify-content: center;height:44px;border-radius:22px;background: #f5f5f5;font-size:18px;color:var(--black-color08);font-weight:500;border:2px solid #f5f5f5;padding:0 20px;}
		.lower-category li.on a{border-color:rgba(82, 148, 179, 0.50);background:var(--point-white);color:var(--point-color02);}

		.list_Galleryform{margin-top:29px;}
		.list_Galleryform ul{display: flex;width:calc(100% + 40px);margin-left:-20px;flex-wrap:wrap;}
		.list_Galleryform ul li{box-sizing:border-box;position: relative;margin:0 20px 51px;width:calc(50% - 40px);}
		.list_Galleryform ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 3;}
		.list_Galleryform ul li .thumb{width:100%;height:0;padding-bottom:55%;position: relative;overflow:hidden;}
		.list_Galleryform ul li .thumb img{width:100%; height:100%; object-fit:cover; position: absolute;transform:scale(1) ;transition:all 0.5s;max-height:initial;max-width:initial;}
		.list_Galleryform ul li .txt_info{margin-top:22px;}
		.list_Galleryform ul li .txt_info .name{font-size:25px;color:var(--black-color03);font-weight:600;letter-spacing:-0.05em;}
		.list_Galleryform ul li .txt_info .des{font-size:17px;color:var(--black-color05);font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:13px;letter-spacing:-0.05em;}

		@media only screen and (min-width:1024px){
			.list_Galleryform ul li:hover .thumb img{transform:scale(1.05);}
			.cate_tab a:hover{background:var(--point-color01);border-color:var(--point-color01);font-weight:600;color:var(--point-white);}
		}

		@media only screen and (max-width:1024px){
			.list_Galleryform{margin-top:20px;}

			.list_Galleryform ul{width:calc(100% + 20px);margin-left:-10px;}
			.list_Galleryform ul li{margin:0 10px 45px;width:calc(50% - 20px);}
			.list_Galleryform ul li .txt_info .name{font-size:20px;}
			.list_Galleryform ul li .txt_info .des{font-size:15px;margin-top:8px;}
		}
		@media only screen and (max-width:860px){
			.cate_tab{margin-top:25px;}
			.cate_tab a{width:110px;height:46px;}
		}
		@media only screen and (max-width:640px){
			.lower-category{margin-top:15px;;}
			.lower-category li{margin:0 5px 10px;}
			.lower-category li a{font-size:16px;height:38px;padding:0 16px;}

			.list_Galleryform ul{width:calc(100% + 15px);margin-left:-7.5px;}
			.list_Galleryform ul li{margin:0 7.5px 30px;width:calc(50% - 15px);}
			.list_Galleryform ul li .txt_info{margin-top:10px;}
			.list_Galleryform ul li .txt_info .name{font-size:18px;}
			.list_Galleryform ul li .txt_info .des{font-size:14px;margin-top:5px;}
		}
		@media only screen and (max-width:500px){
			.cate_tab{margin-top:15px;}
			.cate_tab a{height:40px;}

			.lower-category li a{font-size:14px;}

			.list_Galleryform ul li .txt_info .name{font-size:15px;}
		}

	/*상세*/
		.sub_goods_view{overflow:hidden;}
		.sub_goods_view .info_top{margin-top:30px;}
		.sub_goods_view .info_top h3{font-size:var(--title-50);color:var(--black-color01);font-weight:600;}
		.sub_goods_view .info_top .basic_info{display: flex;flex-wrap:wrap;width:80%;margin-top:40px;}
		.sub_goods_view .info_top .basic_info li{width:320px;margin-bottom:13px;}

		.sub_goods_view .info_top .basic_info li:nth-child(1),
		.sub_goods_view .info_top .basic_info li:nth-child(10),		
		.sub_goods_view .info_top .basic_info li:nth-child(11),
		.sub_goods_view .info_top .basic_info li:nth-child(12),
		.sub_goods_view .info_top .basic_info li:nth-child(13),
		.sub_goods_view .info_top .basic_info li:nth-child(14){display: none;}

		.sub_goods_view .info_top .basic_info li dl{display: flex;position: relative;box-sizing:border-box;padding-left:7px;}
		.sub_goods_view .info_top .basic_info li dl:before{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;left:0;top:9px;}
		.sub_goods_view .info_top .basic_info li dl dt{font-size:var(--title-16);color:var(--black-color03);font-weight:500;width:102px;}
		.sub_goods_view .info_top .basic_info li dl dd{font-size:var(--title-16);color:var(--black-color05);font-weight:400;}

		.sub_goods_view .represent{margin-top:60px;font-size:0;}
		
		.sub_goods_view .goods_des{margin-top:82px;}
		.sub_goods_view .goods_des dt{font-size:var(--title-30);color:var(--black-color03);font-weight:600;}
		.sub_goods_view .goods_des dd{font-size:var(--title-16);color:var(--black-color07);font-weight:400;line-height:1.8;letter-spacing:-0.05em;margin-top:19px;}
		.sub_goods_view .goods_des dd *{font-family:inherit !important; font-size:inherit !important; color:inherit !important; font-weight:inherit !important;}

		.sub_goods_view h4{display: inline-block;font-size:38px;color:var(--black-color01);font-weight:600;position: relative;margin-bottom:28px;letter-spacing:-0.04em;}
		.sub_goods_view h4:before{width:8px;height:8px;content:"";background:var(--point-color02);position: absolute;right:-20px;bottom:14px;}

		.sub_goods_view .view_slide{margin-top:126px;position: relative;padding-bottom:44px;}
		.sub_goods_view .view_slide .swiper-scrollbar{opacity:1 !important;width:300px;height:4px;background: #ddd;position: absolute;bottom:0;left:50%;transform:translate(-50%);}
		.sub_goods_view .view_slide .swiper-scrollbar-drag{background: #2A282D;}
		.sub_goods_view .view_slide li img{max-height:initial;}

		.sub_goods_view .sub_view_cont{margin-top:127px;}

		.sub_goods_view + .view_btn{border-top:1px solid #ddd;box-sizing:border-box;margin-top:100px;padding-top:60px;}
		.sub_goods_view + .view_btn .btn_wrap{padding:0;}

		@media only screen and (max-width:1300px){
			.sub_goods_view .info_top .basic_info{width:100%;}
			.sub_goods_view .info_top .basic_info li{width:33%;}
		}
		@media only screen and (max-width:1024px){
			.sub_goods_view .view_slide{margin-top:80px;}

			.sub_goods_view h4{font-size:30px;margin-bottom:20px;}

			.sub_goods_view .sub_view_cont{margin-top:90px;}

			.sub_goods_view + .view_btn{margin-top:60px;padding-top:30px;}
		}
		@media only screen and (max-width:860px){
			.sub_goods_view .info_top .basic_info{margin-top:20px;}
			.sub_goods_view .info_top .basic_info li dl dt{width:70px;}
			.sub_goods_view .info_top .basic_info li dl dd{width:calc(100% - 70px);}

			.sub_goods_view .goods_des{margin-top:46px;}
			.sub_goods_view .goods_des dd{margin-top:10px;}
		}
		@media only screen and (max-width:640px){
			.sub_goods_view .info_top .basic_info li{width:50%;}
			.sub_goods_view .info_top .basic_info li dl:before{top:7px;}

			.sub_goods_view .represent{margin-top:30px;}

			.sub_goods_view .view_slide{margin-top:60px;padding-bottom:30px;}
			.sub_goods_view h4{font-size:26px;margin-bottom:15px;}
			.sub_goods_view h4:before{width:5px;height:5px;right:-13px;bottom:8px;}

			.sub_goods_view .view_slide .swiper-scrollbar{width:40%;height:2px;}

			.sub_goods_view .sub_view_cont{margin-top:60px;}
		}
		@media only screen and (max-width:500px){
			.sub_goods_view .info_top .basic_info li{width:100%;margin-bottom:8px;}
			.sub_goods_view .info_top .basic_info li dl:before{top:6px;}

			.sub_goods_view .goods_des{margin-top:40px;}

			.sub_goods_view h4{font-size:22px;}

			.sub_goods_view + .view_btn{margin-top:40px;}
		}

/*───────────────────────────────────────────────────────────
	 오시는길
───────────────────────────────────────────────────────────*/
	.sub_location .map_box{width:100%;height:0;padding-bottom:520px;position: relative;overflow:hidden;margin-top:56px;}
	.sub_location .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

	.sub_location .info_box{position: relative;display: flex;justify-content: flex-end;}
	.sub_location .info_box .title{background:var(--point-color04);box-sizing:border-box;position: absolute;top:-150px;left:80px;width:340px;padding:36px 40px 30px 30px;z-index: 3;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
	.sub_location .info_box .title span{font-size:16px;color:var(--point-color02);font-weight:600;display: block;}
	.sub_location .info_box .title p{font-size:36px;color:var(--point-white);font-weight:600;letter-spacing:-0.05em;margin-top:53px;}

	.sub_location .info_box .info{width:57.2%;margin-top:56px;}
	.sub_location .info_box .info dl{box-sizing:border-box;width:100%;display: flex;align-items: center;border-bottom:1px solid #ddd;padding:18px 0 16px 30px;}	
	.sub_location .info_box .info dl:nth-child(1){padding-top:0;}
	.sub_location .info_box .info dl dt{font-size:19px;color:var(--point-color02);font-weight:600;width:170px;}	
	.sub_location .info_box .info dl dt img{margin-right:12px;}	
	.sub_location .info_box .info dl dd{font-size:17px;color:var(--black-color05);font-weight:400;width:calc(100% - 170px);}

	@media only screen and (max-width:1200px){
		.sub_location .info_box .title{left:30px;padding:36px 20px 30px 20px;width:270px;}
		.sub_location .info_box .title span{font-size:14px;}
		.sub_location .info_box .title p{font-size:28px;}

		.sub_location .info_box .info{width:50%;}
	}
	@media only screen and (max-width:960px){
		.sub_location .map_box{padding-bottom:60%;margin-top:30px;}

		.sub_location .info_box .info{width:60%;}
		.sub_location .info_box .info dl{padding:18px 0 16px 15px;}
		.sub_location .info_box .info dl dt{font-size:16px;width:130px;}
		.sub_location .info_box .info dl dt img{margin-right:8px;}
		.sub_location .info_box .info dl dd{width:calc(100% - 130px);font-size:15px;}

	}
	@media only screen and (max-width:767px){
		.sub_location .info_box .title{left:15px;padding:25px 15px 25px 15px;width:215px;top:-100px;}
		.sub_location .info_box .title p{margin-top:30px;font-size:24px;}
	}
	@media only screen and (max-width:640px){
		.sub_location .info_box{display: block;}
		.sub_location .info_box .title{position: static;width:100%;}
		.sub_location .info_box .info{width:100%;margin-top:40px;}
	}
	@media only screen and (max-width:500px){
		.sub_location .map_box{padding-bottom:85%;}

		.sub_location .info_box .title p{margin-top:14px;font-size:20px;}
		.sub_location .info_box .info dl{padding:14px 0 12px 10px;}
		.sub_location .info_box .info dl dt{font-size:14px;width:100px;}
		.sub_location .info_box .info dl dd{width:calc(100% - 100px);font-size:13px;}

	}