@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: 95px 0 65px 0;border:0;margin:0;position:relative;z-index:1;}
		.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
		.nav_wrap .nav_box h2 {font-size:56px;line-height:1.3;padding:0;margin:0;text-align:left;color:#111;font-weight:600;z-index:1;letter-spacing:-0.03em; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.nav_wrap .nav_box h2 span{display:block;font-size:22px;font-weight: 400;padding: 6px 0 14px;letter-spacing: -0.03em;}
		.nav_wrap .nav_box p {font-size:17px;line-height:22px;padding:1% 0 0 0;color:#666;font-weight:400;text-align:center;}
		.nav_wrap .nav_box ul{display:flex; align-items:flex-start; margin-bottom:25px;}
		.nav_wrap .nav_box ul li{font-size:16px;font-weight:400;color:#999;display: flex;align-items: center;}
			.nav_wrap .nav_box ul li + li strong:before{display:inline-flex;content:'';width:5px;height:5px;border:1px solid #fff0;border-top-color:#999;border-right-color:#999;margin: 0 15px;transform: rotate(45deg);}
		.nav_wrap .nav_box ul li a, .nav_wrap .nav_box ul li strong{font-size:inherit;font-weight:inherit;color:inherit;display: flex;align-items: center;}
		.nav_wrap .nav_box ul li br{display:none;}
		.nav_wrap .nav_box ul li.nav2 strong{display:none;}
		.nav_wrap .nav_box ul li.nav2 strong.on{display:flex;}
		.nav_wrap .nav_box ul li.nav3 strong, .nav_wrap .nav_box ul li.nav4 strong, .nav_wrap .nav_box ul li strong.bk{color:#333; font-weight:500;}
		.nav_wrap .nav_box ul li.nav3 strong.off{color:#999 !important;font-weight:400 !important;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1024px) {
		.nav_wrap .nav_box {padding:60px 0 40px 0;}
		.nav_wrap .nav_box h2 {font-size:40px;}
		.nav_wrap .nav_box ul li{font-size:14px;}
		.nav_wrap .nav_box ul li + li {padding-left: 16px;margin-left: 5px;}
		.nav_wrap .nav_box ul li + li:before{margin-top:-3px;}
		.nav_wrap .nav_box h2 span{font-size:20px;}
	}
	@media only screen and (max-width:767px) {
		.nav_wrap .nav_box ul{display:none;}
			.nav_wrap .nav_box h2 span{font-size:19px;}
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:50px 0 30px 0;}
		.nav_wrap .nav_box h2 {font-size:30px;}
		.nav_wrap .nav_box h2 span{font-size:18px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box h2 span{font-size:17px; padding:0 0 10px;}
	}
	@media only screen and (max-width:431px) {
		.nav_wrap .nav_box h2{font-size:25px;}
		.nav_wrap .nav_box h2 span{font-size:16px; padding:0 0 7px;}
	}
	@media only screen and (max-width:320px) {
		.nav_wrap .nav_box{padding:45px 0 20px;}
		.nav_wrap .nav_box h2{font-size:23px;}
	}

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-family:'Pontano Sans','SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;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:#005caa !important;background-color:#005caa !important;color:#fff !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-block;}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width: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;margin-top:20px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:431px) {
		.btn_md{width:40px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:38px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	
	서브공통

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

	/* 서브 컨텐츠 타이틀 */
		.sub_cont_tit:after{content:'';display:inline-block;width:5px;height:5px;background:#005caa;margin-left:5px;margin-bottom:-3px;}
		.sub_cont_tit strong{font-size:30px;letter-spacing:-0.03em;color:#333}

		@media only screen and (max-width:1024px) {
			.sub_cont_tit strong{font-size:26px}
		}
		@media only screen and (max-width:640px) {
			.sub_cont_tit strong{font-size:22px}
			.sub_cont_tit:after{width:4px;height:4px;margin-bottom:-2px;}
		}
/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	.company_sub_tit{color:#005caa;font-weight:500;font-size:40px;letter-spacing:-0.03em;line-height:1.38;display:block;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	@media only screen and (max-width:1024px) {
		.company_sub_tit{font-size:28px;}
		.company_sub_tit br{display:none;}
	}
	@media only screen and (max-width:640px) {
		.company_sub_tit{font-size:22px;}
	}
	@media only screen and (max-width:350px) {
		.company_sub_tit{font-size:20px;}
	}
	/*** company/greeting (인사말) ***/
		/* PC 일반 */
			.greeting_cont *{transition:all 0.5s;}
			.greeting_cont{display:flex;flex-wrap:wrap;align-items: flex-start;}
			.greeting_cont .greeting_img{width:440px;height:714px;position:relative;}
			.greeting_cont .greeting_img:before{transition:all 0.5s;content:'';display:block;width:100%;height:100%;background:url('../images/sub/greeting_img_big.jpg') no-repeat;background-size:cover;background-position:center 19%;}
			.greeting_cont .greeting_box{/* width:calc(100% - 440px); */ width:calc(100% - 600px); box-sizing:border-box;padding-left:40px;margin-top:-5px}
			.greeting_cont .greeting_box .greeting_txt{margin-top:45px;}
			.greeting_cont .greeting_box .greeting_txt strong{display:block;font-size:26px;letter-spacing:-0.03em;font-weight:400;color:#333;line-height:1.54;margin-bottom:25px;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.greeting_cont .greeting_box .greeting_txt p{font-size:20px;color:#555;letter-spacing:-0.03em;line-height:1.66;font-weight:300;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.greeting_cont .greeting_box .greeting_txt p + p{margin-top:15px;}
			.greeting_cont .greeting_box .greeting_txt.greeting_right_txt{text-align:right;}
			.greeting_cont .greeting_box .greeting_txt.greeting_right_txt p{color:#333;}
			.greeting_cont .greeting_box .greeting_txt.greeting_right_txt strong{color:#111;font-size:24px;font-weight:500;margin-top:7px;margin-bottom:15px;}
	@media only screen and (max-width:1400px) {	
		.greeting_cont .greeting_img{/* width:500px; */}
		.greeting_cont .greeting_box{width:calc(100% - 500px);}
		.company_sub_tit{font-size:36px;}
		.greeting_cont .greeting_box .greeting_txt strong{font-size:22px;}
		.greeting_cont .greeting_box .greeting_txt p{font-size:18px;}
	}	
	@media only screen and (max-width:1024px) {
		.greeting_cont .greeting_box{padding-left:40px;}
		.greeting_cont .greeting_img{width:40%;height: 63vw;}
		.greeting_cont .greeting_box{width:60%}
		.greeting_cont .greeting_box .greeting_txt{margin-top:30px;}
		.greeting_cont .greeting_box .greeting_txt strong{font-size:18px;margin-bottom:20px;}
		.greeting_cont .greeting_box .greeting_txt p{font-size:16px;}
		.greeting_cont .greeting_box .greeting_txt p + p{margin-top:10px;}
		.greeting_cont .greeting_box .greeting_txt.greeting_right_txt strong{font-size:22px;}
		.greeting_cont .greeting_box .greeting_txt.greeting_right_txt img{height:50px;}
	}
	@media only screen and (max-width:860px) {
		.greeting_cont .greeting_box{padding-left:0;padding-top:40px;}
		.greeting_cont .greeting_img{width:440px; height:auto;}
		.greeting_cont .greeting_img:before{padding-bottom:114%;height:0;}
		.greeting_cont .greeting_box{width:100%;margin-top:0;}
		
	}
	@media only screen and (max-width:640px) {
		.greeting_cont .greeting_box{padding-top:30px;}
		.greeting_cont .greeting_img{width:100%}
		.greeting_cont .greeting_img:before{padding-bottom:120%;}
		
		.greeting_cont .greeting_box .greeting_txt{margin-top:15px;}
		.greeting_cont .greeting_box .greeting_txt strong{font-size:16px;margin-bottom:15px;}
		.greeting_cont .greeting_box .greeting_txt p{font-size:15px;}
		.greeting_cont .greeting_box .greeting_txt p + p{margin-top:5px;}
		.greeting_cont .greeting_box .greeting_txt.greeting_right_txt{margin-top:35px;}
		.greeting_cont .greeting_box .greeting_txt.greeting_right_txt strong{font-size:20px;}
		.greeting_cont .greeting_box .greeting_txt.greeting_right_txt img{height:40px;}
	}
	/*** company/business (사업분야) ***/
		.sub_business *{transition:all 0.3s;}
		.business_pro ul{display: flex;flex-wrap:wrap;justify-content:center;column-gap: 30px;row-gap: 40px;max-width:1260px;margin:0 auto;}
		.business_pro ul li{text-align:center;width:calc(10% - 27px);}
		.business_pro ul .busi_pro_img{width:100%;/* max-width:90px; */position:relative;text-align:center;margin:0 auto;}
		.business_pro ul .busi_pro_img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height: 70%;max-width: 70%;}
		.business_pro ul .busi_pro_img:before{content:'';width:100%;padding-bottom:100%;border-radius:50%;background:#ecf3f9;display:inline-block;vertical-align:top;position:relative;}
		.business_pro ul .busi_pro_text{font-size:17px;color:#333;letter-spacing:-0.02em;font-weight:500;margin-top:10px;}
		.busi_arrow {text-align:center;display:block;width:100%;margin-top:-20px;margin-bottom:23px;}
		.busi_arrow img{vertical-align:top;}
		.business_field .field_big{width:100%;border-radius:70px;border:1px solid #aaa;padding:20px;box-sizing:border-box;position:relative;z-index:1;}
		.business_field .field_big:after{content:'';width:14px;height:14px;border-radius:50%;position:absolute;bottom:-7px;left:50%;margin-left:-7px;border:3px solid #0054a6;box-sizing:border-box;background:#fff;}
		.business_field .field_big ul{display:flex;flex-wrap:wrap;}
		.business_field .field_big ul li{width:33.33%;position:relative;}
		.business_field .field_big ul li:nth-child(2){z-index:1;}
		.business_field .field_big ul li span,.business_field .field_big ul li strong{letter-spacing:-0.02em;text-align:center;display:block;width:100%;height:100px;border-radius:50px;display:flex;align-items:center;justify-content:center;}
		.business_field .field_big ul li span{background:#ecf3f9;color:#333;font-size:25px;font-weight:500}
		.business_field .field_big ul li strong{background:rgba(0,84,166,0.9);color:#fff;font-weight:600;font-size:28px;width:calc(100% + 80px);margin-left:-40px;}
		.business_field .field_child{padding:30px; background:#f5f5f5;margin-top:80px;position:relative;}
		.business_field .field_child:before{content:'';width: calc(80% - 24px);height:1px;background:#aaa;position:absolute;top:-40px;left:50%;transform:translateX(-50%);}
		.business_field .field_child:after{content:'';width:1px;height:40px;background:#aaa;position:absolute;top:-80px;left:50%;margin-left:-0.5px;}
		.business_field .field_child > ul{display:flex;flex-wrap:wrap;justify-content:space-between;/* display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;column-gap:30px; */}
		.business_field .field_child > ul > li{position:relative;width:calc(20% - 24px)}
		.business_field .field_child > ul > li:before{content:'';width:1px;height:52px;background:#aaa;position:absolute;top:-70px;left:50%;margin-left:-0.5px;}
		.business_field .field_child > ul > li:after{content:'';width:8px;height:8px;border-radius:50%;background:#0054a6;position:absolute;top:-18px;left:50%;margin-left:-4.1px;}
		.business_field .field_child > ul > li .field_child_tit{background-color:#fff;width:100%;border:2px solid #0054a6;min-height:200px;box-sizing:border-box;display:flex;align-items:center;padding:20px 15px;}
			.business_field .field_child > ul > li .field_child_tit div{text-align:center;width:100%;}
			.business_field .field_child > ul > li .field_child_tit div em{display:block;font-size:16px;letter-spacing:-0.02em;color:#0054a6;font-weight:700;margin-bottom:5px;}
			.business_field .field_child > ul > li .field_child_tit div strong{display:block;font-size:22px;color:#333;letter-spacing:-0.02em;line-height:1.27;font-weight:700;margin-top:15px;}
		.business_field .field_child > ul > li .field_child_list{margin-top:20px;}
			.business_field .field_child > ul > li .field_child_list li{z-index:1;position:relative;width:100%;box-sizing:border-box;padding:10px;background:#555;color:#fff;font-weight:500;font-size:18px;letter-spacing:-0.02em;text-align:center;}
			.business_field .field_child > ul > li .field_child_list li + li{margin-top:5px;}
			.business_field .field_child > ul > li .field_child_list li:before{content:'';position:absolute;top:-5px;left:50%;margin-left:-0.5px;background:#aaa;height:5px;width:1px;z-index:-1;}
			.business_field .field_child > ul > li .field_child_list li:first-child:before{height:20px;top:-20px;}
		.business_img_box{text-align:center;}
		@media only screen and (max-width:1260px) {
			.business_pro ul{column-gap: 30px;}
			.business_field .field_child > ul > li .field_child_tit{min-height:234px;}
			
		}
		@media only screen and (max-width:1200px) {
			
			.business_pro ul{column-gap: 10px;}
			.business_pro ul li{width:calc(10% - 9px)}
			.business_pro ul .busi_pro_img img{/* max-height:80%; */}
			
		}
		@media only screen and (max-width:1024px) {
			.business_pro ul {column-gap: 30px;row-gap: 40px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;}
			.business_pro ul li{width:calc(20% - 24px)}
			.business_pro ul .busi_pro_text{font-size:16px;}
			.business_pro ul .busi_pro_img img{/* max-height:100%; */}
			.busi_arrow img{height:120px;}
			.business_field .field_big{padding:15px;}
			.business_field .field_big ul li span{font-size:20px;}
			.business_field .field_big ul li strong{font-size:22px;width:calc(100% + 60px);margin-left:-30px;}
			.business_field .field_big ul li span, .business_field .field_big ul li strong{height:80px;border-radius:40px;}
			.business_field .field_child{padding:30px 20px;}
			.business_field .field_child:before{width:calc(80% - 21px)}
			
			
			.business_field .field_child > ul > li{width:calc(20% - 10px)}
			
			.business_field .field_child > ul > li .field_child_tit div strong{font-size:18px;}
			.business_field .field_child > ul > li .field_child_list li{font-size:16px;}
			.business_field .field_child > ul > li .field_child_tit div img{height:55px;}
		}
		@media only screen and (max-width:800px) {
			.business_pro ul{column-gap: 15px;row-gap: 20px;}
			.business_pro ul li{width:calc(20% - 12px)}
		}
		@media only screen and (max-width:767px) {
			.business_field .field_child{padding:35px 20px;margin-top:50px;}
			.business_field .field_child:after{height:60px;top:-50px;}
			.business_field .field_child:before{width:8px;height:8px;border-radius:50%;background:#0054a6;top:10px;left:50%;margin-left:0;}
			.business_field .field_child > ul{justify-content:center;}
			.business_field .field_child > ul > li{width:calc(33.33% - 6.66px);margin-left:10px;margin-top:30px;}
			.business_field .field_child > ul > li:nth-child(3n+1){margin-left:0}
			.business_field .field_child > ul > li:nth-child(-n+3){margin-top:0;}
			
			.business_field .field_child > ul > li:before,.business_field .field_child > ul > li:after{display:none;}
			.business_field .field_child > ul > li .field_child_tit{min-height:180px}
			.business_field .field_child > ul > li .field_child_tit div strong{font-size:16px;}
			.business_field .field_child > ul > li .field_child_list li{font-size:15px;}
			.business_field .field_child > ul > li .field_child_tit div img{height:50px;}
			
		}
		@media only screen and (max-width:640px) {
			
			.busi_arrow{margin-top:-10px;margin-bottom:15px;}
			.busi_arrow img{height:100px;}
			.business_pro ul .busi_pro_img{width:100%;}
			.business_pro ul .busi_pro_img img{/* max-height:80%; */}
			.business_pro ul .busi_pro_text{font-size:15px;}
			.business_field .field_big{padding:15px;border-radius:10px;}
			.business_field .field_big ul li{width:100%;}
			.business_field .field_big ul li span{font-size:16px;}
			.business_field .field_big ul li strong{font-size:16px;width:100%;margin-left:0;margin:10px 0;}
			.business_field .field_big ul li span, .business_field .field_big ul li strong{height:50px;border-radius:10px;}
			.business_field .field_child{padding:35px 15px;}
			.business_field .field_child > ul{justify-content:flex-start;}
			.business_field .field_child > ul > li{width:calc(50% - 5px);margin-top:20px;}
			.business_field .field_child > ul > li:nth-child(-n+3){margin-top:20px;}
			.business_field .field_child > ul > li:nth-child(-n+2){margin-top:0;}
			.business_field .field_child > ul > li:nth-child(3n+1){margin-left:10px}
			.business_field .field_child > ul > li:nth-child(2n+1){margin-left:0}

			.business_img_box img:nth-child(1){display:none;}
		}
		@media only screen and (max-width:500px) {
			.business_pro ul{grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 15px;row-gap: 20px;}
			.business_pro ul li{width:calc(25% - 11.25px)}
		}
		@media only screen and (max-width:365px) {
			.business_pro ul{column-gap: 10px;row-gap: 15px;grid-template-columns: 1fr 1fr 1fr;}
			.business_pro ul li{width:calc(33.33% - 6.66px)}
			.business_field .field_child > ul > li .field_child_tit{min-height:200px}
		}
	/*** company/location (오시는길) ***/
		/* PC 일반 */
			.sub_location_info{display:flex;flex-wrap:wrap;}
			.sub_location_info > div{width:calc(50% - 30px);box-sizing:border-box;border:1px solid #ddd;padding: 43px 50px;}
			.sub_location_info > div + div{margin-left:60px;}
			.sub_location_info .sub_cont_tit{margin-bottom:30px}
			.sub_location_info dl dt{font-size:20px;color:#333;letter-spacing:-0.03em;font-weight:400;margin-bottom:10px;display: flex;align-items: center;}
			.sub_location_info dl dt img{margin-right:10px;}
			.sub_location_info dl dd{font-size:18px;color:#666;letter-spacing:-0.03em;font-weight:300;line-height:1.4}
			.sub_location_info dl dd + dd{margin-top: 2px;}
			.sub_location_info dl dd strong{font-weight:500}
			.sub_location_info dl dd div{display:inline-block;margin-right: 4px;vertical-align: top;line-height: 1.5;}
			.sub_location_info dl + dl{margin-top:20px;}
			.sub_location_info > div:nth-child(2) dl + dl{margin-top: 45px;}

			.sub_location_map {margin-top:50px;}
			.sub_location_map .map_box{padding-bottom:400px;position:relative;}
			.sub_location_map .map_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
		@media only screen and (max-width:1500px) {
			.sub_location_info > div{width:calc(50% - 20px);}
			.sub_location_info > div + div{margin-left:40px;}
			.sub_location_map {margin-top:40px;}
		}
		
		@media only screen and (max-width:1024px) {
			.sub_location_info > div{width:calc(50% - 10px);padding:30px 31px;}
			.sub_location_info > div + div{margin-left:20px;}
			.sub_location_info dl dt{font-size:18px;}
			.sub_location_info dl dd{font-size:16px;}
			.sub_location_info dl + dl{margin-top:15px;}
			.sub_location_info > div:nth-child(2) dl + dl{margin-top:15px;}
			.sub_location_info .sub_cont_tit{margin-bottom:20px;}
			.sub_location_map{margin-top:30px;}
			.sub_location_map .map_box{padding-bottom:350px;}
		}
		@media only screen and (max-width:900px) {
			.sub_location_info dl dd div{display:block;}
			.sub_location_info dl dd div span{display:none;}
		}
		@media only screen and (max-width:640px) {
			.sub_location_info > div{width:100%;padding:25px 20px;}
			.sub_location_info > div + div{margin-left:0;margin-top:20px;}
			.sub_location_info dl dt{font-size:17px;margin-bottom:5px;}
			.sub_location_info dl dt img{margin-right:5px;height:27px}
			.sub_location_info dl dd{font-size:15px;}
			.sub_location_info .sub_cont_tit{margin-bottom:15px;}
			.sub_location_map{margin-top:20px;}
			.sub_location_map .map_box{padding-bottom:300px;}
		}
		@media only screen and (max-width:479px) {
		}
		@media only screen and (max-width:320px) {
		}


	
	/*** company/about ***/
		.sub_about{}
		.sub_about .wide_bnr{margin-top:14px; font-size:0; }
		.sub_about .wide_bnr img{width:100%; height:100%; object-fit:cover; min-height:120px;}
		.sub_about .intro{display:flex;margin-top: 116px; overflow:hidden;}
		.sub_about .intro .left_box{width:500px; box-sizing:border-box; padding-right:30px;}
		.sub_about .intro .right_box{margin-top: -1px;width: calc(100% - 500px);}
		.sub_about .intro .right_box .sub_table{margin-top: 52px;}
		.sub_about .history{margin-top: 146px;}
		.sub_about .history .year_list{position:relative;display:flex;margin-top: 72px;}
			.sub_about .history .year_list:before{position:absolute;content:'';width: calc(100% - 30px);height:2px;background:#ddd;top: 0;left: 12px;}
		.sub_about .history .year_list li{box-sizing: border-box;position: relative;text-align: center;cursor: pointer;padding-top: 24px;}
			.sub_about .history .year_list li + li{}
			.sub_about .history .year_list li:first-child{text-align:left;margin-left: 0;}
			.sub_about .history .year_list li:last-child{text-align:right; cursor:auto;}
			.sub_about .history .year_list li:last-child span{padding-right:0;}
			.sub_about .history .year_list li:last-child:after{display:none;}
			.sub_about .history .year_list li:before{position:absolute;content:'';width:8px;height:8px;background:#666;border-radius:100%;box-sizing:border-box;left: 11px;top: -2px;border:4px solid #fff0;transition: all 0.4s;}
			.sub_about .history .year_list li.on:before{width:15px;height:15px;background:#005caa;border-color:#ccdeee;top: -6px;left: 5px;}
			.sub_about .history .year_list li:after{position:absolute;content:'';width:0;height:2px;background:#005caa;left: 11px;top: 0;transition:all 0.4s;}
			.sub_about .history .year_list li.prev:after{left:auto; right:-11px;}
			.sub_about .history .year_list li.on:after{width:100%;}
			.sub_about .history .year_list li.on:after{animation-name: Line_opa; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
			@keyframes Line_opa {0% {opacity:0;}100% {opacity:1;}}
		.sub_about .history .year_list li span{font-size:16px;font-weight:500;color:#666;font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;display: block;padding-right: 280px;}
			.sub_about .history .year_list li.on span{font-weight:bold; color:#005caa;}

		.sub_about .history .year_cont {margin-top: 74px;}
		.sub_about .history .year_cont > div{height:0; opacity:0; overflow:hidden; display:flex; justify-content:space-between;}
			.sub_about .history .year_cont > div.aos-animate.on{height:auto; opacity:1; overflow:visible;}
		.sub_about .history .year_cont .info{width: 820px;padding-top: 75px;}
		.sub_about .history .year_cont .info dl{display:flex;}
			.sub_about .history .year_cont .info dl + dl{margin-top: 37px;}
		.sub_about .history .year_cont .info dl dt{font-size:48px;font-weight:600;letter-spacing:-0.02em;color:#222;width: 203px;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_about .history .year_cont .info dl dd{width: calc(100% - 203px);padding-top: 20px;}
		.sub_about .history .year_cont .info dl dd ul{}
		.sub_about .history .year_cont .info dl dd ul li{display:flex; font-size:18px; font-weight:300; color:#666; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; line-height:155%;}
			.sub_about .history .year_cont .info dl dd ul li + li{margin-top:15px;}
		.sub_about .history .year_cont .info dl dd ul li em{width:33px;font-weight: inherit;}
			.sub_about .history .year_cont .info dl dd ul li em + span{width:calc(100% - 33px);}
		.sub_about .history .year_cont .info dl dd ul li span{}
		.sub_about .history .year_cont .thumb{font-size:0;width: calc(100% - 820px);}

		.sub_title h3{font-size:56px;font-weight:600;color:#111;line-height:139%;letter-spacing: -0.03em;font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.sub_title h3 + h6{margin-top:20px;}
		.sub_title h5{font-size:30px;font-weight: 600;color:#333;letter-spacing: -0.04em;line-height:146%; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_title h6{font-size:20px;font-weight:400;color:#333;line-height:170%;letter-spacing:-0.03em;font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_title h6 strong{font-size:inherit;font-weight: 600;color:#0054a6;}
		.sub_title p{font-size:18px;font-weight:400;color:#333;letter-spacing: -0.015em;line-height:166%; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}

		.sub_table{width: 100%;}
		.sub_table table{border-top:1px solid #000;width: 100%;}
		.sub_table table tr{}
		.sub_table table tr th, .sub_table table tr td{font-size:17px;line-height:176%;letter-spacing: -0.025em;border-bottom:1px solid #ddd;padding-top: 17px;padding-bottom: 13px;vertical-align: top;}
		.sub_table table tr th{font-weight:600;color:#333;padding-left: 30px;padding-right: 30px;}
		
		@media only screen and (max-width:1660px) {
			.sub_about .history .year_list li{width:1000%;  text-align:left;}
				.sub_about .history .year_list li:last-child{width:100%;}
			.sub_about .history .year_list li span{padding-right:16.9vw; padding-right:0;}
			.sub_about .history .year_cont .info{width:55%;}
			.sub_about .history .year_cont .thumb{width:45%;}
		}
		@media only screen and (max-width:1360px) {
			.sub_title h3{font-size:53px;}
			.sub_title h5{font-size:28px;}
			.sub_about .intro .left_box{width:400px;}
			.sub_about .intro .right_box{width:calc(100% - 400px);}

			.sub_about .history .year_cont .info dl dt{font-size:45px;}
			.sub_about .history .year_cont .info dl dd{padding-top:17px;}
			.sub_about .history .year_cont .info dl dd ul li{font-size:17px;}
		}
		@media only screen and (max-width:1217px) {
			.sub_title h3{font-size:50px;}
			.sub_title h6{font-size:19px;}
			.sub_title p br{display:none;}
		}
		@media only screen and (max-width:1023px) {
			.sub_title h3{font-size:47px;}
			.sub_title h5{font-size:26px;}
			.sub_title h6{font-size:18px;}

			.sub_about .intro .left_box{width:380px;}
			.sub_about .intro .right_box{width:calc(100% - 380px);}

			.sub_about .history{margin-top:120px;}
			.sub_about .history .year_cont .info{padding-top:30px;}
			.sub_about .history .year_cont .info dl + dl{margin-top:30px;}
			.sub_about .history .year_cont .info dl dt{font-size:42px; width:150px;}
			.sub_about .history .year_cont .info dl dd{padding-top:14px; width:calc(100% - 150px);}
			.sub_about .history .year_cont .info dl dd ul li{font-size:16px;}
				.sub_about .history .year_cont .info dl dd ul li + li{margin-top:10px;}
		}
		@media only screen and (max-width:975px) {
			.sub_about .intro{display:block;}
			.sub_about .intro .left_box{width:100%;}
			.sub_about .intro .right_box{width:100%; margin-top:20px;}
			.sub_about .intro .right_box .sub_table{margin-top:30px;}
		}
		@media only screen and (max-width:860px) {
			.sub_title h3{font-size:44px;}
				.sub_title h3 + h6{margin-top:15px;}
			.sub_title h5{font-size:24px;}
			.sub_title p{font-size:17px;}
			.sub_table table tr th, .sub_table table tr td{font-size:16px;}
			.sub_table table tr th{padding-left:20px; padding-right:20px;}

			.sub_about .intro{margin-top:80px;}
			.sub_about .history{margin-top:80px;}
			.sub_about .history .year_list, .sub_about .history .year_cont{margin-top:50px;}
			.sub_about .history .year_cont .info{padding-top:0;}
			.sub_about .history .year_cont .info dl + dl{margin-top:20px;}
			.sub_about .history .year_cont .info dl dt{font-size:39px; width:120px;}
			.sub_about .history .year_cont .info dl dd{padding-top:14px; width:calc(100% - 120px);}
			.sub_about .history .year_cont .info dl dd ul li{font-size:15px;}
		}
		@media only screen and (max-width:640px) {
			.sub_title h3{font-size:41px;}
				.sub_title h3 + h6{margin-top:10px;}
			.sub_title h5{font-size:22px;}
			.sub_title h6{font-size:17px; line-height:150%;}
			.sub_title p{font-size:16px;}
			.sub_table table tr th, .sub_table table tr td{font-size:15px;}
			.sub_table table tr th{padding-left:15px; padding-right:15px;}

			.sub_about .intro{margin-top:50px;}
			.sub_about .intro .right_box .sub_table col:nth-child(1){width:150px;}
			.sub_about .history{margin-top:50px;}
			.sub_about .history .year_cont > div{display:block;}
			.sub_about .history .year_cont .info{width:100%;}
			.sub_about .history .year_cont .info dl + dl{margin-top:15px;}
			.sub_about .history .year_cont .info dl dt{font-size:36px; }
			.sub_about .history .year_cont .info dl dd ul li{font-size:15px;}
			.sub_about .history .year_cont .thumb{width:100%; margin-top:50px;}
		}
		@media only screen and (max-width:479px) {
			.sub_title h3{font-size:33px;}
			.sub_title h5{font-size:20px;}
			.sub_title h6{font-size:16px;}
			.sub_title p{font-size:15px;}

			.sub_table table tr th, .sub_table table tr td{padding-top:14px; padding-bottom:12px;}

			.sub_about .wide_bnr{margin-top:0;}
			.sub_about .intro{margin-top:40px;}
			.sub_about .intro .right_box{margin-top:15px;}
			.sub_about .intro .right_box .sub_table{margin-top:20px;}
			.sub_about .history .year_list, .sub_about .history .year_cont{margin-top:30px;}
			.sub_about .history .year_list li{padding-top:20px;}
			.sub_about .history .year_list li span{font-size:15px;}
			.sub_about .history .year_cont .info dl dt{font-size:33px; }
			.sub_about .history .year_cont .info dl dd ul li{font-size:14px;}
			.sub_about .history .year_cont .thumb{margin-top:30px;}
		}
		@media only screen and (max-width:431px) {
			.sub_title h3{font-size:30px;}
			.sub_title h5{font-size:19px;}
			.sub_title h6{font-size:15px;}
			.sub_title p{font-size:14px;}
			.sub_table table tr th, .sub_table table tr td{font-size:14px;}

			.sub_about .intro .right_box .sub_table col:nth-child(1){width:120px;}

			.sub_about .history .year_cont .info dl dt{font-size:30px; width:100px;}
			.sub_about .history .year_cont .info dl dd{width:calc(100% - 100px); padding-top:10px;}
			.sub_about .history .year_cont .info dl dd ul li em{width:25px;}
			.sub_about .history .year_cont .info dl dd ul li em + span{width:calc(100% - 33px);}
			
		}
		@media only screen and (max-width:375px) {
			.sub_title h3{font-size:28px;}
			.sub_about .history .year_cont .info dl dt{font-size:28px; width:90px;}
			.sub_about .history .year_cont .info dl dd{width:calc(100% - 90px);}
		}
		@media only screen and (max-width:374px) {
			.sub_title h3{font-size:25px;}
			.sub_title h5{font-size:18px;}
			.sub_about .history .year_list li span{font-size:14px;}
			.sub_about .history .year_cont .info dl dt{font-size:25px; width:80px;}
			.sub_about .history .year_cont .info dl dd{width:calc(100% - 80px); padding-top:8px;}
		}

	/*** company/agency ***/
		.sub_agency{}
		.sub_agency .sub_title h3{line-height:125%;}
		.sub_agency .map_wrap{position:relative; display:flex; align-items:center; border:1px solid #ddd; box-sizing:border-box; margin-top:-0.6vw;}
			.sub_agency .map_wrap:before{position:absolute; content:''; width:213px; height:217px; background:url('../images/sub/sub_agency_map_icon.png') no-repeat center;  background-size:100% auto; right:60px; bottom:61px;}
		.sub_agency .map_wrap .map{position:relative; width:800px; height:600px; display:inline-flex; align-items:center; justify-content:center; font-size:0; background:#f9f9f9;}
		.sub_agency .map_wrap .map .image{font-size:0; position:relative;}
		.sub_agency .map_wrap .map .image img{transition:all 0.4s;}
		.sub_agency .map_wrap .pin{position:absolute;width:10px;height:10px;/* background:#0054a6; */border-radius:100%;box-sizing:border-box;cursor:pointer;transition:all 0.4s;}
			.sub_agency .map_wrap .pin:before{position:absolute; content:''; width:calc(100% + 40px); height:calc(100% + 40px); top:50%; left:50%; transform:translate(-50%, -50%); border-radius:100%;}
		/*.sub_agency .map_wrap .pin dl{position:absolute;bottom:calc(100% + 6px);right:0;display:inline-flex;align-items:center;justify-content:center;width:0;height:0;flex-wrap:wrap;background: #fff;border-radius: 100%;align-content: center;text-align: center;box-shadow: 0 0 40px rgba(0,0,0,0.2); opacity:0; pointer-events:none; transition:all 0.4s;}
			.sub_agency .map_wrap .pin dl:before{position:absolute;content:'';border: 5px solid #fff0;border-top: 12px solid #fff;right: 7px;top: calc(100% - 7px);transform: rotate(-32deg);}
		.sub_agency .map_wrap .pin dl dt{width:100%;font-size:14px;font-weight: bold;color:#333;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height: 1;}
		.sub_agency .map_wrap .pin dl dd{width:100%;font-size:18px;font-weight: 800;color:#0054a6;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height: 1;margin-top: 3px;} */
		.sub_agency .map_wrap .sub_title{position:relative; width:calc(100% - 800px); padding-left:5.2vw; box-sizing:border-box; }
			
		.sub_agency .map_wrap .sub_title h6 strong{position:relative; display:inline-block; padding-left:11px;}
			.sub_agency .map_wrap .sub_title h6 strong:before{position:absolute; content:''; width:5px; height:5px; border-radius:100%; background:#0054a6; top:50%; left:0; margin-top:-3px;}

			/* pin position */
				.sub_agency .map_wrap .pin.daegu{top: 52%;right: 36.2%;}
				.sub_agency .map_wrap .pin.gyeongbuk{top: 45%;right: 33%;}
				.sub_agency .map_wrap .pin.ulsan{top: 59.3%;right: 27%;}
				.sub_agency .map_wrap .pin.busan{top: 65.2%;right: 29.8%;}
				.sub_agency .map_wrap .pin.gyeongnam{top: 62%;right: 42%;}
				.sub_agency .map_wrap .pin.Jeonnam{top: 69%;right: 60.5%;}
				.sub_agency .map_wrap .pin.Jeonbuk{top: 55.5%;right: 57%;}
				.sub_agency .map_wrap .pin.chungnam{top: 41%;right: 62.6%;}
				.sub_agency .map_wrap .pin.incheon{top: 23.5%;right: 65.4%;}
				.sub_agency .map_wrap .pin.seoul{top: 22%;right: 60.1%;}
					.sub_agency .map_wrap .pin.seoul:before{width:calc(100% + 20px); height:calc(100% + 20px);}
				.sub_agency .map_wrap .pin.gyeonggi{top: 25.2%;right: 55%;}

			/* on */ 
				/* .sub_agency .map_wrap .pin.on{background:#fff; box-shadow: 0 0px 0px 7px rgba(255,255,255,0.2);}
				.sub_agency .map_wrap .pin.on dl{width:60px;height:60px; opacity:1;} */

		.sub_agency .info_table{margin-top:70px; }
		.sub_agency .info_table table{ position:relative; }
		.sub_agency .info_table table:before{position:absolute; content:''; width:100%; height:1px; background:#000; top:0; left:0; z-index:4;}
		.sub_agency .info_table table thead.fixed{position:sticky; top:80px; z-index:3; background:#fff;}
		.sub_agency .info_table table thead.fixed:before{position:absolute; content:''; width:100%; height:1px; background:#ddd; left:0; top:calc(100% - 1px);}
		.sub_agency .info_table table thead.fixed th.bd:before{position:absolute; content:''; width:100%; height:1px; background:#ddd; left:0; top:100%;}
		.sub_agency .info_table table thead th{position:relative; font-size:16px; font-weight:500; color:#000; text-align:center; padding:12px 0; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.sub_agency .info_table table thead th.nth2, .sub_agency .info_table table thead th + th{border-left:1px solid #ddd;}
		.sub_agency .info_table table tbody th, .sub_agency .info_table table tbody td{border-bottom: 1px solid #ddd;}
		.sub_agency .info_table table tbody th{text-align:left;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;border-bottom: 1px solid #ddd;padding: 25px 15px 25px 0;}
		.sub_agency .info_table table thead th strong{font-size:123%; font-weight:inherit; color:inherit;}
		.sub_agency .info_table table tbody th .name{font-size:24px; font-weight:bold; color:#333;}
		.sub_agency .info_table table tbody th .name + ul{margin-top: 13px;}
		.sub_agency .info_table table tbody th ul li + li{margin-top:10px;}
		.sub_agency .info_table table tbody th dl{display:inline-flex;margin-right: 37px;}
		.sub_agency .info_table table tbody th dl dt, .sub_agency .info_table table tbody th dl dd{font-size:16px;letter-spacing: 0;}
		.sub_agency .info_table table tbody th dl dt{font-weight:500; color:#333;}
			.sub_agency .info_table table tbody th dl dt + dd{padding-left:8px;}
		.sub_agency .info_table table tbody th dl dd{font-weight:400; color:#666;}
		.sub_agency .info_table table tbody td{text-align:center;vertical-align:middle; border-left:1px solid #ddd;  padding:15px; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_agency .info_noti{display:none; font-size:14px; font-weight:500; color:#333;}

		@media only screen and (max-width:1500px){
			.sub_agency .map_wrap .map{width:52%;}
			.sub_agency .map_wrap .sub_title{width:48%;}
			.sub_agency .info_table table col:nth-child(n+2){width:110px;}
		}
		@media only screen and (max-width:1300px){
			.sub_agency .info_table table col:nth-child(n+2){width:100px;}
			.sub_agency .map_wrap:before{width:180px; height:183px; right:40px; bottom:40px;}
		}
		@media only screen and (max-width:1200px){
			.sub_agency .info_table table col:nth-child(n+2){width:90px;}
			.sub_agency .info_table table thead th, .sub_agency .info_table table tbody th dl dt, .sub_agency .info_table table tbody th dl dd{font-size:15px;}
			.sub_agency .info_table table tbody th .name{font-size:22px;}
		}
		@media only screen and (max-width:1023px){
			.sub_agency .map_wrap{display:block;}
			.sub_agency .map_wrap .map{width:100%;}
			.sub_agency .map_wrap .sub_title{width:100%; padding:40px; }
			.sub_agency .map_wrap:before{width:150px; height:153px; right:30px; bottom:30px;}

			.sub_agency .info_table{}
			.sub_agency .info_table table thead.fixed{position:relative; top:0;}
			.sub_agency .info_noti{display:block; margin:60px 0 10px;}
		}
		@media only screen and (max-width:860px){	
			.sub_agency .info_table{margin-top:50px;}
		}
		@media only screen and (max-width:640px){	
			.sub_agency .map_wrap:before{width:120px; height:123px; right:20px; bottom:20px;}

			.sub_agency .info_table table col:nth-child(n+2){width:85px;}
			.sub_agency .info_table table tbody th .name{font-size:20px;}
			.sub_agency .info_table table thead th, .sub_agency .info_table table tbody th dl dt, .sub_agency .info_table table tbody th dl dd{font-size:14px;}
			.sub_agency .info_table table tbody th{padding:20px 15px 20px 0;}
			.sub_agency .info_table table tbody th .name + ul{margin-top:10px;}
			.sub_agency .info_table table tbody th ul li + li{margin-top:5px;}
		}
		@media only screen and (max-width:600px){
			.sub_agency .map_wrap .map{height:100vw;}
		}
		@media only screen and (max-width:479px){
			.sub_agency .map_wrap:before{width:80px; height:83px; right:20px; bottom:20px;}
			.sub_agency .map_wrap .sub_title{ padding:30px; }
		}

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

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

	/* IE 에서 Select box 화살표 제거 */ 
	select::-ms-expand { display: none; }
	
	input[type="checkbox"] { display:none; }
	input[type="checkbox"] + label {line-height:1.5;cursor:pointer;display:inline-block;position:relative;padding-left:35px;word-break:keep-all;}
	input[type="checkbox"] + label:before, input[type="checkbox"] + label::before {position:absolute;top:1px;left:0; content:""; width:25px; height:25px; margin:0; vertical-align:middle; background:url("../images/skin/icon_chk.png") no-repeat 0 50%; cursor:pointer; background-size:contain;}
	input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/skin/icon_chk_on.png") no-repeat 0 50%; background-size:cover;}

	@media only screen and (max-width:640px) {
		input[type="text"], input[type="password"], input[type="number"], input[type="date"]{padding:0 10px;}
		select{padding-left:10px;background:#fff url('../images/sub/select_arrow.png') no-repeat right 10px center;background-size:12px auto;}
		input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:20px;height:20px}
		input[type="checkbox"] + label{padding-left:30px;}
	}
	/* pagaing wrap */
		.paging {text-align:center;padding-top:2px;line-height:30px;font-size:0;margin:0 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:#999;padding:0 5px;border:0;box-sizing:border-box;height:30px;line-height:30px;min-width:30px;text-align:center; vertical-align:top;}
		.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:5px;}
		.paging .on a{color:#fff; font-weight:bold;background:#005caa}
		.paging a.on{color:#fff; font-weight:bold;background:#005caa}
		.paging .arrow a {font-size:0;width:30px;border:1px solid #ddd;}
		.paging .arrow a img {display:none;}
		.paging .arrow.prev{}
		.paging .arrow.next {}
		.paging .arrow.first a {margin-right:10px;background:#fff url("../images/sub/paging_first.png") no-repeat center;background-size:auto;}
		.paging .arrow.prev a {margin-right:20px;background:#fff url("../images/sub/paging_prev.png") no-repeat center;background-size:auto;}
		.paging .arrow.next a {margin-left:20px;background:#fff url("../images/sub/paging_next.png") no-repeat center;background-size:auto;}
		.paging .arrow.last a {margin-left:10px;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;margin-top:30px;}
	@media only screen and (min-width:1024px) {
		.paging a:hover {color:#fff; font-weight:bold;background:#005caa}
	}
	@media only screen and (max-width:1024px) {
		.paging{margin-top:40px;}
	}
	@media only screen and (max-width:640px) {
		.paging{margin-top:20px;}
		.paging a:hover {color:#999; font-weight:400;background:#fff}
	}
	/* 검색 */
		.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;}
		.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:18px;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;font-size:16px;letter-spacing:0}
		.board_search select {width:160px;margin-right:10px;background:#fff url(../images/sub/search_select_arrow.png) no-repeat right 19px center;}
		.board_search input.input_text {width:320px;}
		.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;}
		.board_search .btn_md {margin-left: -1px;font-size:0;height:50px;width:50px;background-color:#005caa !important;border-color:#005caa !important;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('../images/sub/board_search_btn.png'); font-size:0;}
		.board_search #search_include-y + label{margin-bottom:10px;}

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

		
	}
	@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;font-size:14px;}
		.board_search select{background:#fff url(../images/sub/search_select_arrow.png) no-repeat right 10px center;background-size:12px auto;min-width:auto;}
		.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);}
		
		
	}
	@media only screen and (max-width:479px) {
		
		.board_search input.btn_md{width:40px;height:40px;}
		.paging .arrow.prev a{border-right:1px solid #ddd;}
	}
	@media only screen and (max-width:320px) {
		.board_search select,.board_search input,.board_search span,.board_search label {font-size:13px;}
		.board_search select,.board_search input.input_text {font-size:13px;}
	}

	/* 리스트 */
		/*일반*/
		table.bbs_list{border-top:1px solid #000;border-bottom:1px solid #ddd;}
		table.bbs_list th {padding-top:15px;padding-bottom:15px;color:#000;font-weight:500;letter-spacing:0;font-size:16px;height:60px;box-sizing:border-box;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		table.bbs_list td {padding-top:13px;padding-bottom:13px;height:60px;font-weight:300;box-sizing:border-box;font-size:16px;letter-spacing:0;color:#666;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		table.bbs_list td .board_tit h3 .board_ico{display:inline-flex;align-items:center;}
		table.bbs_list td .board_tit h3{font-size:16px;letter-spacing:0;color:#333;width:100%;display:flex;align-items:center;}
		table.bbs_list td .board_tit h3 strong{transition:all 0.5s;}
		table.bbs_list td .board_tit img{vertical-align:top;}
		table.bbs_list tr{transition:all 0.5s;}
		table.bbs_list tr.board_notice td{background:#f5f5f5;}
		table.bbs_list tr.board_notice td .board_tit h3{font-weight:600}
		.sub_board .no_data{text-align: center;box-sizing:border-box;padding-top:13px;padding-bottom:13px;height:60px;font-weight:300;box-sizing:border-box;font-size:16px;letter-spacing:0;color:#666;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;border-bottom:1px solid #ddd;line-height:35px;}
		@media only screen and (min-width:1024px) {
			table.bbs_list tbody tr:hover{background:#f7f7f7}
			table.bbs_list td .board_tit h3 strong:hover{color:#005caa;}
		}
		@media only screen and (max-width:1024px) {
			table.bbs_list col.bbs_list_no{width:80px}
			table.bbs_list col.bbs_list_date{width:100px}
			table.bbs_list th {font-size:15px;height:55px;}
			table.bbs_list td{font-size:15px;height:55px;}
			table.bbs_list tr.board_notice .notice_txt{height:28px;font-size:14px;line-height:28px}
			table.bbs_list td .board_tit h3{font-size:15px;}
			
			
		}
		@media only screen and (max-width:640px) {
			table.bbs_list col.bbs_list_no{width:50px;}
			table.bbs_list col.bbs_list_date{width:80px}
			table.bbs_list th {font-size:14px;height:45px;padding:0 3px;}
			table.bbs_list td{font-size:14px;padding:5px 5px;height:50px;}
			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:95%;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;}
			
			.sub_board .no_data{padding:10px 0;font-size:13px;height:45px;line-height:23px;}	
		}
		@media only screen and (max-width:479px) {
			table.bbs_list col.bbs_list_no{width:40px}
			table.bbs_list col.bbs_list_date{width:70px}
			table.bbs_list th {font-size:14px;}
			table.bbs_list td{font-size:14px;}
			table.bbs_list td .board_tit h3{font-size:14px;}
			table.bbs_list tr.board_notice .notice_txt{min-width:40px;}
		}
		@media only screen and (max-width:320px) {
			table.bbs_list th {font-size:13px;}
			table.bbs_list td{font-size:13px;}
			table.bbs_list td .board_tit h3{font-size:13px;}

		}
		/* 갤러리 */
		#wrap .sub_board ul.bbs_gallery {margin-left:0px;padding:0 0 0 0;}
		#wrap .sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
		#wrap ul.bbs_gallery li {float:left;width: calc(33.33% - 20px); margin:0 30px 60px 0;position:relative;transition:all 0.3s;box-shadow:0 0 30px 0 rgba(0,0,0,0.1)}
		#wrap ul.bbs_gallery li:nth-of-type(3n+3) {margin-right:0px;}
		#wrap ul.bbs_gallery li > a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;}
		#wrap ul.bbs_gallery_top {padding:0 0 0 0;}
		#wrap ul.bbs_gallery li .thumb {transition:all 0.3s;position:relative;text-align:center;width:100%;padding:0 0 66%;height:0;position: relative;border:0;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
		#wrap ul.bbs_gallery li .thumb span {width:100%;height:100%;vertical-align:top;position:absolute;left:0;bottom:0;right:0;z-index:5;background:rgba(0,0,0,0);transition:all 0.3s;}
		#wrap ul.bbs_gallery li .thumb span:before{content:'';width:24px;height:2px;background:#fff;position:absolute;top:calc(100% + 3px);left:50%;margin-top:-1px;margin-left:-12px;transition:all 0.3s;}
		#wrap ul.bbs_gallery li .thumb span:after{content:'';width:2px;height:24px;background:#fff;position:absolute;top:calc(100% + 15px);left:50%;margin-left:-1px;margin-top:-12px;transition:all 0.3s;}
		
		#wrap ul.bbs_gallery li .thumb img {width: 100%;height: 100%;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
		#wrap ul.bbs_gallery li .txt_info{padding-top:0}
		#wrap ul.bbs_gallery li .txt_info .board_tit {position:relative;transition:all 0.5s;padding:0 20px;line-height: 1.5;font-size: 0;text-align: left;width:100%;box-sizing:border-box;overflow:hidden;}
		#wrap ul.bbs_gallery li .txt_info .board_tit:before{position:absolute; content:''; width:0; height:100%; left:-20px; top:0; background:#0054a6; transform:skewX(-20deg); transition:all 0.4s;z-index:-1}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {transition:all 0.5s;padding:13px 0;border-bottom:1px solid #ddd;font-size: 20px;color: #111;font-weight: 500;letter-spacing:-0.03em;width:100%;}
		#wrap ul.bbs_gallery li .txt_info .board_tit .board_ico,
		#wrap ul.bbs_gallery li .txt_info .board_tit img,
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
		#wrap ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
		#wrap ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
		#wrap 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: inline-block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
		#wrap ul.bbs_gallery li p {display:flex;flex-wrap:wrap;box-sizing:border-box;font-size: 15px;color: #888;padding:15px 20px;line-height:1.5;margin:0;text-align: left;width:100%;margin-top:0;font-weight:300;letter-spacing:-0.03em;}
		#wrap ul.bbs_gallery li p em{font-weight:inherit;font-size:16px;margin-right:20px;}
		#wrap ul.bbs_gallery li p span{width:auto;height:auto;background:none;margin:0;align-items:center;}
		#wrap ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;font-size:15px;}


		@media only screen and (min-width:1024px) {
			#wrap ul.bbs_gallery li:hover .thumb span{background:rgba(0,0,0,0.5)}
			#wrap ul.bbs_gallery li:hover .thumb span:before,#wrap ul.bbs_gallery li:hover .thumb span:after{top:50%;}
			/* #wrap ul.bbs_gallery li:hover .txt_info .board_tit{background:#005caa;} */
			#wrap ul.bbs_gallery li:hover .txt_info .board_tit:before{width:calc(100% + 40px);}
			#wrap ul.bbs_gallery li:hover .txt_info .board_tit h3{color:#fff;border-bottom:1px solid #005caa;}
			/* #wrap ul.bbs_gallery li:hover{} */
		}
		@media only screen and (max-width:1024px) {
			#wrap ul.bbs_gallery li {width: calc(33.33% - 12px); margin:0 18px 40px 0;}
			#wrap ul.bbs_gallery li .txt_info .board_tit{padding:0 15px;}
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:18px;}
			#wrap ul.bbs_gallery li p{padding:13px 15px;font-size:14px;}
			#wrap ul.bbs_gallery li p em{font-size:15px;}
		}
		@media only screen and (max-width:767px) {
			#wrap ul.bbs_gallery li {width: calc(50% - 10px); margin:0 20px 30px 0;}
			#wrap ul.bbs_gallery li:nth-of-type(3n+3) {margin-right:20px;}
			#wrap ul.bbs_gallery li:nth-of-type(2n+2) {margin-right:0;}
		}
		@media only screen and (max-width:640px) {
			#wrap ul.bbs_gallery li .txt_info .board_tit h3{font-size:16px;padding:12px 0 10px;}
			#wrap ul.bbs_gallery li .txt_info .board_tit{padding:0 12px;}
		
			#wrap ul.bbs_gallery li p{font-size:13px;padding:10px 12px;}
			#wrap ul.bbs_gallery li p em{font-size:14px;margin-right:10px;}
		}
		@media only screen and (max-width:479px) {
			#wrap ul.bbs_gallery li {width: calc(50% - 5px); margin:0 10px 30px 0;}
			#wrap ul.bbs_gallery li:nth-of-type(3n+3) {margin-right:10px;}
			#wrap ul.bbs_gallery li:nth-of-type(2n+2) {margin-right:0;}
			/* #wrap ul.bbs_gallery li {width: 100%; margin:0 0 30px 0;}
			#wrap ul.bbs_gallery li:nth-of-type(3n+3) {margin-right:0;}
			#wrap ul.bbs_gallery li:nth-of-type(2n+2) {margin-right:0;} */
		}

	/* 다운로드 게시판 */
		.download_search{background:#f5f5f5;text-align:center;padding:40px 30px;margin-bottom:40px;}
		.download_search .board_search{display:inline-block;margin-bottom:0;width:100%;background:none;max-width:1200px;vertical-align:top;}
		.download_search .board_search select{width:200px;}
		.download_search .board_search input.input_text{width: calc(100% - 50px);}
		.download_search .download_cate{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
		.download_search .download_cate select{width:calc(33.33% - 6.66px)}
		.download_search .download_cate select:last-child{margin-right:0;}
		table.bbs_list td.bbs_list_leng {font-size:0;}
		table.bbs_list td.bbs_list_leng span{margin:0 3px;display:inline-block;vertical-align:middle;width:30px;height:30px;border-radius:50%;border:1px solid #ddd;font-size:0;background-repeat:no-repeat;background-size:cover;background-position:center;}
		table.bbs_list td.bbs_list_leng span.bbs_leng_kr{background-image:url('../images/sub/bbs_list_leng_kr.jpg')}
		table.bbs_list td.bbs_list_leng span.bbs_leng_en{background-image:url('../images/sub/bbs_list_leng_en.jpg')}
		table.bbs_list td.bbs_list_leng span.bbs_leng_jp{background-image:url('../images/sub/bbs_list_leng_jp.jpg')}
		table.bbs_list .download_btn{transition:all 0.3s;display:inline-block;font-weight:400;width:95px;height:30px;line-height:29px;color:#005caa;font-size:14px;border-radius:15px;padding-right:15px;box-sizing:border-box;border:1px solid #005caa;background-image: url('../images/sub/bbs_down_icon.png'); background-repeat:no-repeat; background-size:auto 100%;background-position:right 5px center;}
		table.bbs_list .download_btn:hover{background-color:#005caa;background-image: url('../images/sub/bbs_down_icon_on.png');color:#fff;}

		.password_layer{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;opacity:0;pointer-events:none;transition:all 0.4s;width: 100%;}
			.password_layer.on{opacity:1; pointer-events:inherit;}
		.password_layer .cont{border:1px solid #000; background:#fff; padding:40px 30px; box-sizing:border-box; text-align:center; width:max-content; margin:0 auto;}
		.password_layer .cont h4{font-size: 24px;font-weight:500;color:#111;}
			.password_layer .cont h4 + p{margin-top:15px;}
		.password_layer .cont p{font-size: 16px;font-weight:400;color:#666;margin-bottom: 25px;}
		.password_layer .cont input[type="password"]{border:1px solid #ddd; width:200px; height:40px; padding:0 15px;}
		.password_layer .cont .btn_wrap{display:block;}

		.layer_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99; opacity:0; pointer-events:none; transition:all 0.4s;}
			.layer_bg.on{opacity:1; pointer-events:inherit;}


		@media only screen and (max-width:1024px) {
			.download_search{padding:30px 20px;}
			.download_search .board_search input.input_text{width: calc(100% - 45px);}
				
			table.bbs_list col.bbs_list_leng{width:130px}
			table.bbs_list col.bbs_list_down{width:110px}
			table.bbs_list td.bbs_list_leng span{width:26px;height:26px;}
			table.bbs_list .download_btn{width:100%;font-size:13px;background-color:#005caa;background-image: url('../images/sub/bbs_down_icon_on.png');color:#fff; background-position:right 3px center;}
			
		}
		@media only screen and (max-width:740px) {
			table.bbs_list col.bbs_list_leng{width:105px}
			
			table.bbs_list col.bbs_list_down{width:75px}
			table.bbs_list td.bbs_list_leng span{width:23px;height:23px;margin:1px 2px;}
			table.bbs_list.bbs_download td .board_tit h3{width:100%;box-sizing:border-box;padding-left:5px;}
			table.bbs_list.bbs_download td .board_tit h3 strong{width:100%;max-width:100%;}
			.bbs_download .bbs_list_no,.bbs_download .bbs_list_date{display:none;}
			table.bbs_list .download_btn{width:30px;font-size:0;background-position:center;padding-left:0;}
			
			table.bbs_list tbody{position: relative;}
			table.bbs_list tr.nodata_box{display: block;width:100%;height:55px;}
			table.bbs_list tr.nodata_box td{display: block;line-height: 30px;position: absolute;left:50%;transform:translate(-50%);}
		}
		@media only screen and (max-width:640px) {
			.download_search{padding:25px 15px;margin-bottom:30px;}
			.download_search .download_cate{padding-bottom:15px;margin-bottom:15px;}
			.download_search .board_search .board_search_sel{width:auto;/* margin-right:10px; */margin-bottom:0;}
			.download_search .board_search .board_search_sel select{width:140px;margin-right:0;}
			.download_search .board_search input.input_text{width: calc(100% - 40px);}

			table.bbs_list tr.nodata_box{height:50px;}	
			table.bbs_list tr.nodata_box td{line-height: 38px;}
		}
		@media only screen and (max-width:479px) {
			.download_search .download_cate select{margin-right:0;width:100%;}
			.download_search .download_cate select + select{margin-top:10px;}
			.download_search .board_search .board_search_sel{width:100%;margin-bottom:10px;margin-right:0;}
			.download_search .board_search .board_search_sel select{width:100%;}
			.download_search .board_search input.input_text{width:calc(100% - 39px)}
			table.bbs_list col.bbs_list_leng{width:90px}
			
			table.bbs_list col.bbs_list_down{width:60px;}
			table.bbs_list .download_btn{background-position:center;}

			table.bbs_list tr.nodata_box td{margin:0;}

			.password_layer .cont{width:calc(100% - 30px);}
			.password_layer .cont h4{font-size:22px;}
			.password_layer .cont p{font-size:15px;}
			.password_layer .btn_wrap .btn{min-width:100px;}
		}
		
	/* 뷰페이지(공통) */
		.bbs_view .title{width: 100%;font-size: 26px;letter-spacing: -0.03em;font-weight: 500;color: #222;line-height: 1.5;padding-bottom:10px;}
		.bbs_view div.view_tit{border-top:1px solid #000;background:#fff;padding:20px 30px 25px;border-bottom:1px solid #ddd;}
		.bbs_view div.view_tit > h3{width:100%;font-size:26px;letter-spacing:-0.03em;font-weight:500;color:#222;line-height:1.5;}
		.bbs_view div.view_tit > h3 .notice{font-size:16px;color:#fff;font-weight:500;letter-spacing:-0.03em;padding:0 15px;height:30px;line-height:30px;background:#a18e74;display:inline-block;vertical-align:top;margin-top:6px;margin-right:20px;}
		.bbs_view div.view_tit > p{width:100%;text-align:left;margin-top: 10px;}
		.bbs_view div.view_tit > p span{color:#888;display:inline-block;vertical-align:top;position:relative;font-size:16px;letter-spacing:-0.03em;padding-right: 40px;margin-right: 36px;}
		.bbs_view div.view_tit > p span em{font-size:inherit;font-weight:500;color:#555;margin-right:3px;}
		.bbs_view div.view_tit > p span:before{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#ddd;margin-top: -6px;}
		.bbs_view div.view_tit > p span:last-child:before{display:none;}
		.sub_board .bbs_view .extra_editor_wrap{border-top:0;border-bottom:1px solid #ddd;display:block;padding:22px 28px;background:#fff;box-sizing:border-box;margin-top:0;}
		.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:65px;font-size:16px;font-weight:400;color:#555;letter-spacing:-0.03em;}
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 69px);box-sizing:border-box;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;padding-left:30px;margin-left: 17px;color:#888;font-weight:400;letter-spacing:-0.03em;font-size:16px;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{content:'';width:1px;height:12px;background:#ddd;position:absolute;top:50%;left:0;margin-top:-6px;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{transition:all 0.5s;color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;}
		.bbs_view div.view_cont{padding:30px 30px 60px;border-bottom:1px solid #ddd;font-size:18px;letter-spacing:-0.03em;color:#333;line-height:1.6;}
		.bbs_view div.view_cont:after{clear:both;content:"";display: block;}
		.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:60px;}
		.view_btn{min-height:120px;}
		.view_btn .btn_wrap{padding-top:30px;}
		.view_btn .btn_wrap .btn_point{height:60px;line-height:58px;background:#222;min-width:180px;box-sizing:border-box;font-size:18px;font-weight:400;}
		@media only screen and (min-width:1024px) {
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a:hover{text-decoration:underline;}
		}
		@media only screen and (max-width:1024px) {
			.bbs_view .title{font-size:22px;}
			.bbs_view div.view_tit{padding:15px 25px;}
			.bbs_view div.view_tit > h3{font-size:22px;}
			.bbs_view div.view_tit > h3 .notice{font-size:15px;margin-right:15px;margin-top:3px;}
			.bbs_view div.view_tit > p{margin-top:8px;}
			.bbs_view div.view_tit > p span{font-size:16px;padding-right:20px;margin-right:16px;}
			.bbs_view div.view_tit > p span:before{height:10px;}
			.sub_board .bbs_view .extra_editor_wrap{padding: 20px 30px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:16px;width: 70px;}
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width: calc(100% - 73px);}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:16px;padding-left: 30px;margin-left:12px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{height:10px;margin-top: -4px;}
			.bbs_view div.view_cont{padding:30px 25px 60px;border-bottom:1px solid #ddd;font-size:16px;}
			.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:50px;}
			.view_btn .btn_wrap{padding-top:25px;}
			.view_btn .btn_wrap .btn_point{height:50px;line-height:48px;min-width:140px;font-size:16px;}
		}
		@media only screen and (max-width:640px) {
			.bbs_view .title{font-size:18px;}
			.bbs_view div.view_tit{padding:13px 15px;}
			.bbs_view div.view_tit > h3{font-size:18px;}
			.bbs_view div.view_tit > h3 .notice{font-size:14px;margin-right:10px;margin-top:2px;height:25px;line-height:23px;padding:0 13px;}
			.bbs_view div.view_tit > p{margin-top:5px;padding-top:0;}
			.bbs_view div.view_tit > p span{font-size:14px;padding-right:10px;margin-right:6px;}
			.sub_board .bbs_view .extra_editor_wrap{padding: 15px 15px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:14px;width: 55px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont{width: calc(100% - 58px);}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:14px;padding-left: 25px;margin-left:10px;}
			
			.bbs_view div.view_cont{padding:25px 15px 50px;font-size:15px}
			.bbs_view div.view_cont .thumb_img_wrap{padding-bottom:40px;}
			.view_btn .btn_wrap{padding-top:20px;}
			.view_btn .btn_wrap.ta_right{position: static;display: block;}
			.view_btn .btn_wrap .btn_point{height:45px;line-height:43px;min-width:80px;font-size:15px;}
		}
		@media only screen and (max-width:497px) {
			.bbs_view div.view_tit{padding:13px 10px;}
			.bbs_view div.view_cont{padding:25px 10px 50px;}
		}

		@media only screen and (max-width:350px) {
			.bbs_view div.view_tit > p span{font-size:13px;padding-right:7px;margin-right:3px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:13px;}
		}

	/*** 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 #000;padding:20px;border-bottom:1px solid #ddd;}
		table.bbs_write {table-layout:fixed;width:100%;border-top:0 !important;text-align:left;box-sizing:border-box;}
		table.bbs_write th,table.bbs_write td {font-size:16px;padding-top:10px;padding-bottom:10px;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:16px;font-weight:400;color:#333;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 {border:1px solid #aaa;}
		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: 330px;height:50px}
		table.bbs_write td input[type="text"].email_input,table.bbs_write td input[type="text"].mobile_input{max-width: 550px;}
		table.bbs_write tr td input[name="is_secret"]+ label{margin-bottom:10px;line-height:26px}
		table.bbs_write td input[name="title"]{max-width:100%;}
		.board_write_wrap + div .policy_cont{margin-top:30px;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);font-weight:500;}
		.board_write_wrap + div .policy_cont label em{font-size:inherit;font-weight:500;color:#005caa;}
		.board_write_wrap + div .policy_cont > div{/* padding-bottom:25px; */display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:0;}
		.board_write_wrap + div .policy_cont > div.policy_text_box{word-break:keep-all;white-space:pre-line;padding:0;box-sizing:border-box;font-weight:300;display:none;background:#f5f5f5;color:#888;font-size:15px;letter-spacing:-0.03em;line-height:1.6;padding:30px;margin-top:25px;max-height:300px;overflow-y:auto;}
		.board_write_wrap + div .policy_cont > div.policy_text_box.on{height:auto;overflow:visible;}
		.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:15px;color:#666;letter-spacing:-0.03em;font-weight:300;padding-right: 15px;}
		.policy_cont .btn_info:before{content:'';position:absolute;top:50%;margin-top:-8px;right: 3px;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% - 200px);border: 0;display:inline-block;height:50px;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:50px !important;padding:0 !important;height: 50px;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: 250px;width:200px;box-sizing:border-box;}
		.btn_wrap{padding-top:40px;}
		.btn_wrap .btn{height:60px;line-height:58px;min-width:180px;box-sizing:border-box;font-size:18px;font-weight:500;}
		.btn_wrap .btn.btn_point{background:#005caa;}
		
		@media only screen and (max-width:1024px) {
			.board_write_wrap{padding:20px}
			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:30px;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_cont > div.policy_text_box{padding:25px;font-size:15px;margin-top:20px;}
			.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: 50px !important;height: 50px;}
			.btn_wrap{padding-top:35px;}
			.btn_wrap .btn{height:50px;line-height:48px;min-width:80px;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;}
			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"]{max-width:100%}
			table.bbs_write td input[type="text"].email_input, table.bbs_write td input[type="text"].mobile_input{max-width:100%}
		}
		@media only screen and (max-width:640px) {
			.board_write_wrap{padding:12px 10px}
			table.bbs_write th,table.bbs_write td{font-size:14px;padding:5px 0}
			table.bbs_write th{font-size:15px;}
			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:40px;}
			table.bbs_write tr td input[name="is_secret"]+ label{line-height:22px;}
			.board_write_wrap + div .policy_cont{margin-top:20px;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_cont > div.policy_text_box{padding:20px;font-size:14px;margin-top:15px;}
			.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:30px;}

			.btn_wrap .btn{height:45px;line-height:43px;min-width:80px;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:40px !important;height:40px;display:block;margin-top:5px;margin-left:0;}
			table.bbs_write tr td input[name="captcha"]{width:calc(100% - 50px);float:right;max-width:calc(100% - 50px);min-width:calc(100% - 50px);}
		}

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

	 goods

───────────────────────────────────────────────────────────*/
	.goods_all_list{display:flex; flex-wrap:wrap; width: calc(100% + 2px);}
	.goods_all_list > li{position:relative; width:calc(100% / 3);border:1px solid #eee;padding: 0 0 22px;box-sizing: border-box; margin-right:-1px; cursor:pointer;}
		.goods_all_list > li:nth-child(3n){margin-right:0;}
		.goods_all_list > li:nth-child(n+4){margin-top:-1px;}
	.goods_all_list > li > a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
	.goods_all_list > li > dl{text-align:center;}
	.goods_all_list > li > dl dt{display:flex; font-size:0; width:100%;height: 328px;align-items:center;justify-content:center;padding:50px 30px 
	0;box-sizing: border-box;}
	.goods_all_list > li > dl dt img{max-height:100%;}
	.goods_all_list > li > dl dd{font-size:35px; font-weight:600; color:#111; letter-spacing:-0.03em;}
	.goods_all_list > li .over{position:absolute;top:0;left:0;width:100%;height:100%;background:#0054a6;padding: 36px 36px;box-sizing:border-box;opacity:0;pointer-events:none;transition:all 0.4s;z-index:2;box-shadow:0 0 30px rgba(0,84,166,0.2);}
	.goods_all_list > li .over .cont{height:100%;}
	.goods_all_list > li .over dl{height:100%; }
	.goods_all_list > li .over dl dt{ height:55px;}
	.goods_all_list > li .over dl dt span{display:inline-block;font-size:20px;font-weight:600;color: rgba(255,255,255,0.6);padding-bottom: 3px;border-bottom: 3px solid rgba(255,255,255,0.4);}
	.goods_all_list > li .over dl dd{height:calc(100% - 55px); }
	.goods_all_list > li .over dl dd ul{height:100%; overflow:hidden; overflow-y:auto;}
		.goods_all_list > li .over dl dd ul::-webkit-scrollbar { width: 4px;}
		.goods_all_list > li .over dl dd ul::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.8); border-radius: 2px;}
		.goods_all_list > li .over dl dd ul::-webkit-scrollbar-track {border-radius: 2px;background:rgba(255,255,255,0.2);}
	.goods_all_list > li .over dl dd ul li{box-sizing:border-box;height: auto;margin-bottom: 10px;}
		.goods_all_list > li .over dl dd ul li + li{margin-top:10px;}
	.goods_all_list > li .over dl dd ul li a{position: relative;display:inline-block;font-size: 23px;font-weight:500;color:#fff;letter-spacing: -0.03em;font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;max-width: calc(100% - 150px);}
	.goods_all_list > li .over dl dd ul li a br{display:none;}
	.goods_all_list > li .over dl dd ul li a span{font-size:16px;font-weight:400;color:#fff;letter-spacing: 0;display: flex;align-items: center;opacity:0;transition:all 0.4s;position: absolute;top: 50%;transform: translateY(-50%);left: calc(100% + 15px);width: max-content;}
		.goods_all_list > li .over dl dd ul li a span:after{display:inline-flex; content:''; width:28px; height:14px; background:url('../images/sub/goods_more_arrow.png') no-repeat center; background-size:100% auto; margin-left:10px;}

		/* over */
		@media only screen and (min-width:1024px){
			.goods_all_list > li .over dl dd ul li a:hover span{opacity:1;}
			.goods_all_list > li:hover .over{opacity:1; pointer-events:inherit;}
		}
		
	.goods_cate_info{display:flex;margin-top: -2.8vw;margin-bottom: 99px;}
	.goods_cate_info .thumb{font-size:0; width:800px;}
	.goods_cate_info .exp{width:calc(100% - 800px);padding: 2.8vw 0 150px 3.2vw;box-sizing:border-box;position: relative;}
	.goods_cate_info .exp dl{}
	.goods_cate_info .exp dl dt{font-size:56px; font-weight:700; color:#111; letter-spacing:-0.03em; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.goods_cate_info .exp dl dt + dd{margin-top: 53px;}
	.goods_cate_info .exp dl dt span{display:none;font-size:24px;font-weight:500;color:#0054a6;margin-bottom:10px;letter-spacing: -0.03em;}
		.goods_cate_info .exp dl dt span.on{display:block;}
	.goods_cate_info .exp dl dd{font-size:20px;font-weight: 400;color:#666;line-height:170%;letter-spacing: -0.03em;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	.goods_cate_info .exp .submit_btn{position: absolute;display: inline-block;left: 3.2vw;bottom: 60px;}
	.submit_btn{display: inline-block;}
	.submit_btn span{display:inline-flex;justify-content: center;align-items:center;height:60px;border:1px solid #0054a6;font-size:18px;font-weight: 500;color:#0054a6;background:#fff;padding: 0 50px;letter-spacing: -0.03em;box-sizing:border-box;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;transition:all 0.4s;}
		.submit_btn.inquiry span:before{display:inline-flex;content:'';width:20px;height:19px;background:url('../images/sub/inquiry_icon.png') no-repeat center;margin-right: 12px; transition:all 0.4s;}
		.submit_btn.download span:before{display:inline-flex;content:'';width:22px;height:24px;background:url('../images/sub/download_icon.png') no-repeat center;margin-right: 12px; transition:all 0.4s;}

		/* over */
		@media only screen and (min-width:1024px){
			.submit_btn:hover span{background:#0054a6; color:#fff;}
			.submit_btn.inquiry:hover span:before{background-image:url('../images/sub/inquiry_icon_wh.png');}
			.submit_btn.download:hover span:before{background-image:url('../images/sub/download_icon_wh.png');}
		}

	.sub_list .list_cont{}
	.sub_list .list_cont ul{display:flex; flex-wrap:wrap;}
	.sub_list .list_cont ul li{position:relative; width:calc(100% / 2 - 15px);margin-right:30px;background:#fff;display:flex;padding: 46px 0 37px 40px;box-shadow: 0 0 20px rgba(0,0,0,0.1);box-sizing: border-box;}
		.sub_list .list_cont ul li:nth-child(2n){margin-right:0;}
		.sub_list .list_cont ul li:nth-child(n+3){margin-top:30px;}
	.sub_list .list_cont ul li .thumb{font-size:0;width:300px;display: inline-flex;align-items: center;justify-content: center;}
	.sub_list .list_cont ul li dl{width: calc(100% - 300px);padding-bottom: 59px;box-sizing: border-box;}
	.sub_list .list_cont ul li dl dt{font-size:30px;font-weight:700;color:#111;letter-spacing: -0.023em;font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_list .list_cont ul li dl dt + dd{margin-top: 30px;}
	.sub_list .list_cont ul li dl dt span{display:block;font-size:18px;font-weight:700;color:#0054a6;letter-spacing: -0.035em;margin-bottom: 12px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.sub_list .list_cont ul li dl dt span em{display: inline-block;box-sizing:border-box;background:#0054a6;color:#fff;font-size:16px;padding:5px 13px;}
	.sub_list .list_cont ul li dl dt strong{display:block; font-size:inherit; font-weight:inherit; color:inherit; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.sub_list .list_cont ul li dl strong .link{display: inline-block;box-sizing:border-box;vertical-align: middle;background:#0054a6 url('../images/sub/prd_link.png')no-repeat center;width: 30px;height: 30px;border-radius: 4px;font-size:0;margin-top:-5px;}
	.sub_list .list_cont ul li dl dd{font-size:17px; font-weight:400; color:#666; line-height:147%; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.sub_list .list_cont ul li .more_btn{position:absolute; left:40px; bottom:40px; width:45px; height:45px; border:1px solid #ccc; box-sizing:border-box; transition:all 0.4s;}
		.sub_list .list_cont ul li .more_btn:before{position:absolute; content:''; width:14px; height:2px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
		.sub_list .list_cont ul li .more_btn:after{position:absolute; content:''; width:2px; height:14px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
	/* .sub_list .list_cont ul li .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;} */
	.sub_list .list_cont ul li dl dd p{font-size:18px; font-weight:600; color:#666;}
	.sub_list .list_cont ul li dl dd ul{display:block;margin: 15px 0 0 0;}
	.sub_list .list_cont ul li dl dd ul li{width:100%;box-shadow:none;padding: 0 0 0 16px;margin:0;}
		.sub_list .list_cont ul li dl dd ul li:before{position:absolute;content:'';width:4px;height:4px;background:#aaa;top: 10px;left: 1px;}
		.sub_list .list_cont ul li dl dd ul li:nth-child(n+2){margin-top: 9px;}

		/* over */
		@media only screen and (min-width:1024px){
			.sub_list .list_cont ul li dl dd ul li:hover a{color:#0054a6;}
			.sub_list .list_cont ul li:hover .more_btn{border-color:#0054a6; background:#0054a6;}
			.sub_list .list_cont ul li:hover .more_btn:before, .sub_list .list_cont ul li:hover .more_btn:after{background:#fff;}
		}

	.goods_view{}
	.goods_view .goods_info.goods_cate_info{margin-top: -3.6vw; margin-bottom:120px;}
	.goods_view .goods_cate_info .exp .btn_list{display:flex;position: absolute;left: 3.1vw;bottom: 3.1vw;width: calc(100% -  3.2vw);}
	.goods_view .goods_cate_info .exp .btn_list li{}
	.goods_view .goods_cate_info .exp .btn_list li + li{margin-left:19px;}
	.goods_view .goods_cate_info .exp .btn_list .submit_btn{position:static; }
	.goods_view .goods_cate_info .exp .btn_list .submit_btn span{width:230px; padding:0 15px;}

	.goods_view .exp_tab{position:sticky; top:81px; left:0; border-top:1px solid #ddd;  z-index:3;}
	.goods_view .exp_tab:before{position:absolute; content:''; width:100%; height:1px; background:#ddd; bottom:0;}
	.goods_view .exp_tab .tab_list{display:flex;}
	.goods_view .exp_tab .tab_list li{display:flex; align-items:center; justify-content:center; width:100%; height:58px; font-size:18px; font-weight:500; color:#666;background:#fff; letter-spacing:-0.03em; font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; transition:all 0.4s; cursor:pointer;}
		.goods_view .exp_tab .tab_list li.on{background:#222; color:#fff;}

	.goods_view .exp_tab_cont{}
	.goods_view .exp_tab_cont > div{height:0; overflow:hidden;}
		.goods_view .exp_tab_cont > div.on{height:auto; overflow:inherit;}
	.goods_view .exp_tab_cont .detail_tab{position:sticky;top:140px;left:0;padding-top:56px;padding-bottom:30px;margin-bottom: 35px;background:#fff;z-index:5;}
	.goods_view .exp_tab_cont .detail_tab ul{display:flex;justify-content:center;align-items:center;flex-wrap: wrap;}
	.goods_view .exp_tab_cont .detail_tab li{position:relative;font-size:18px;font-weight:400;color:#aaa;cursor:pointer;margin-bottom: 15px;padding: 0 23px;}
		.goods_view .exp_tab_cont .detail_tab li + li:before{position: absolute;content:'';width:1px;height:12px;background:#ddd;margin: 0 0;top: 50%;transform: translateY(-50%);left: 0;}
	.goods_view .exp_tab_cont .detail_tab li span{position:relative; display:inline-flex; transition:all 0.4s; }
	.goods_view .exp_tab_cont .detail_tab li span:before{position:absolute; content:''; width:0; height:2px; background:#0054a6; left:50%; bottom:-6px; transition:all 0.4s; transform:translateX(-50%);}
		.goods_view .exp_tab_cont .detail_tab li.on span{color:#0054a6; font-weight:600;}
		.goods_view .exp_tab_cont .detail_tab li.on span:before{width:100%;}
		/* over */
		@media only screen and (min-width:1024px){
			.goods_view .exp_tab .tab_list li:hover{background:#222; color:#fff;}
			.goods_view .exp_tab_cont .detail_tab li span:hover{color:#0054a6;}
			.goods_view .exp_tab_cont .detail_tab li span:hover:before{width:100%;}
		}
	.goods_view .tabSwiper {pointer-events:none; width:100%; overflow:hidden;}
	.goods_view .detail_tab_cont{width:100%; overflow:hidden;}
	.goods_view .detail_tab_cont > div{height:0; overflow:hidden; }
	.goods_view .detail_tab_cont > div.on{height:auto; overflow:visible;}
	.goods_view .detail_tab_cont > div .swiper-slide{min-width:1200px; }

	.sub_list .list_search > div > span label{padding-left:35px;}
	.sub_list .list_search > div > span input[type="checkbox"] + label:before, .sub_list .list_search > div > span input[type="checkbox"] + label::before{top:-3px;}


	@media only screen and (max-width:1660px) {
		.goods_all_list > li .over dl dt span{font-size:19px;}
		.goods_all_list > li .over dl dd ul li a{font-size:22px;}
		.goods_all_list > li > dl dd{font-size:32px;}

		.goods_cate_info .thumb{width:50%;}
		.goods_cate_info .exp{width:50%;}
		.goods_cate_info .exp dl dt span{font-size:22px;}
		.goods_cate_info .exp dl dt{font-size:3.8vw;}
		.goods_cate_info .exp dl dt + dd{margin-top:3.5vw;}
		.goods_cate_info .exp dl dd{font-size:19px;}

		.sub_list .list_cont ul li dl dt{font-size:27px;}
			.sub_list .list_cont ul li dl dt + dd{margin-top:25px;}
		.sub_list .list_cont ul li dl dt span{font-size:17px;}
		.sub_list .list_cont ul li dl dd{font-size:16px;}
		.sub_list .list_cont ul li dl dd p{font-size:17px;}

	}
	@media only screen and (max-width:1500px) {
		.sub_list .list_cont ul li dl{width:calc(100% - 20vw);}
		.sub_list .list_cont ul li .thumb{width:20vw;}
	}
	@media only screen and (max-width:1300px) {
		.goods_all_list > li .over dl dt span{font-size:18px;}
		.goods_all_list > li .over dl dd ul li a{font-size:20px; max-width:calc(100% - 140px);}
		.goods_all_list > li .over dl dd ul li a span{font-size:15px;}
		.goods_all_list > li > dl dd{font-size:29px;}

		.goods_cate_info .exp dl dt span{font-size:21px;}
		.goods_cate_info .exp dl dd{font-size:18px;}

		.sub_list .list_cont ul li dl dt{font-size:24px;}
			.sub_list .list_cont ul li dl dt + dd{margin-top:20px;}
		.sub_list .list_cont ul li dl dt span{font-size:16px;}
		.sub_list .list_cont ul li dl dd{font-size:15px;}
		.sub_list .list_cont ul li{margin-right:20px; width:calc(100% / 2 - 10px);}
		.sub_list .list_cont ul li:nth-child(n+3){margin-top:20px;}

		.goods_view .goods_cate_info .exp .btn_list .submit_btn span{width:210px;}
	}
	@media only screen and (max-width:1200px) {
		.goods_all_list > li .over{padding:30px;}
		.goods_all_list > li .over dl dd ul li a{font-size:18px; max-width:calc(100% - 135px);}
		.goods_all_list > li .over dl dd ul li a span{font-size:14px;}
		.goods_view .tabSwiper {pointer-events:inherit; cursor:pointer;}
	}
	@media only screen and (max-width:1100px) {
		.goods_cate_info .exp dl dd br{display:none;}
		.goods_view .goods_cate_info .exp dl dd p{display:inline;}
	}
	@media only screen and (max-width:1023px) {
		.goods_all_list > li{width:100%;}
			.goods_all_list > li:nth-child(n+2){margin-top:-1px;}
		.goods_all_list > li.on .over{opacity:1; pointer-events:inherit;}
		.goods_all_list > li .over{padding:35px;}
		.goods_all_list > li .over dl dt span{font-size:17px;}
		.goods_all_list > li .over dl dd ul li a, .goods_all_list > li > dl dd{font-size:26px;}
		.goods_all_list > li .over dl dd ul li a{max-width:100%;}
		.goods_all_list > li > dl dt{padding-top:4.8vw; height:32vw;}

		.goods_cate_info .exp dl dt span{font-size:20px;}
		.goods_cate_info .exp dl dd{font-size:17px;}
		.submit_btn span{height:55px; padding:0 45px; font-size:17px;}

		.sub_list .list_cont ul li{margin-right:15px; width:calc(100% / 2 - 7.5px); padding:36px 0 37px 30px;}
		.sub_list .list_cont ul li:nth-child(n+3){margin-top:15px;}
		.sub_list .list_cont ul li dl dt{font-size:21px;}
			.sub_list .list_cont ul li dl dt + dd{margin-top:15px;}
		.sub_list .list_cont ul li dl strong .link{width:28px;height:28px;margin-top:-3px;}
		.sub_list .list_cont ul li dl dt span{font-size:15px;}
		.sub_list .list_cont ul li dl dd{font-size:14px;}
		.sub_list .list_cont ul li dl dd p{font-size:16px;}
		.sub_list .list_cont ul li dl dd ul{margin-top:10px;}
		
		.sub_list .list_cont ul li .more_btn{left:30px; bottom:30px; width:40px; height:40px;}

		.goods_view .exp_tab .tab_list{padding:0;}
		.goods_view .goods_cate_info .exp .btn_list li + li{margin-left:15px;}
		.goods_view .goods_cate_info .exp .btn_list .submit_btn span{width:180px;}

		.goods_view .exp_tab{top:60px;}
		.goods_view .exp_tab .tab_list li{font-size:17px; height:50px;}
		.goods_view .exp_tab_cont .detail_tab{top:112px;}
		.goods_view .exp_tab_cont .detail_tab li{font-size:17px;}
	}
	@media only screen and (max-width:860px) {
		.goods_all_list > li .over dl dt span{font-size:16px;}
		.goods_all_list > li .over dl dd ul li a, .goods_all_list > li > dl dd{font-size:23px;}

		.goods_cate_info{margin-bottom:80px;}
		.goods_cate_info .exp dl dt span{font-size:19px;}
		.goods_cate_info .exp dl dd{font-size:16px;}
		.submit_btn span{height:50px; padding:0 40px; font-size:16px;}

		.sub_list .list_cont ul li .more_btn{width:35px; height:35px;}
		.sub_list .list_cont ul li .more_btn:before{width:12px;}
		.sub_list .list_cont ul li .more_btn:after{height:12px;}

		.goods_view .goods_cate_info .exp .btn_list .submit_btn span{width:160px;}

		.goods_view .exp_tab{top:56px;}
		.goods_view .exp_tab .tab_list li{font-size:16px; height:45px;}
		.goods_view .exp_tab_cont .detail_tab{top:103px;padding-top: 35px;padding-bottom: 25px;}
		.goods_view .exp_tab_cont .detail_tab li{font-size:16px;}
	}
	@media only screen and (max-width:767px) {
		.goods_cate_info .exp dl dt{font-size:30px;}
		.goods_cate_info .exp dl dt span{font-size:18px; margin-bottom:8px;}
		.goods_cate_info .exp dl dd{font-size:15px; line-height:150%;}
		
		.sub_list .list_cont ul{display:block;}
		.sub_list .list_cont ul li{width:100%;}
		.sub_list .list_cont ul li:nth-child(n+2){margin-top:15px;}
		.sub_list .list_cont ul li dl{width:calc(100% - 300px);}
		.sub_list .list_cont ul li dl dd ul li:nth-child(n+2){margin-top:7px;}
		.sub_list .list_cont ul li .thumb{width:300px;}
		.sub_list .list_cont ul li .more_btn{bottom:40px;}
		.goods_view .goods_cate_info .exp .btn_list{display:block;}
		.goods_view .goods_cate_info .exp .btn_list li + li{margin:10px 0 0 0; width:100%;}
		.goods_view .goods_cate_info .exp .btn_list .submit_btn{width:100%;}
		.goods_view .goods_cate_info .exp .btn_list .submit_btn span{width:100%;}
	}
	@media only screen and (max-width:640px) {
		.goods_all_list > li > dl dt{height:43vw;}
		.goods_all_list > li .over dl{display:flex; align-items:center;}
		.goods_all_list > li .over dl dt{height:auto; width:100px;}
		.goods_all_list > li .over dl dt span{font-size:15px; border-width:2px;}
		.goods_all_list > li .over dl dd{height:100%; width:calc(100% - 100px); }
		.goods_all_list > li .over dl dd ul{/* display:flex;flex-wrap:wrap;align-items: flex-start;align-content: flex-start; */}
		.goods_all_list > li .over dl dd ul li{padding-right:50px;}
			.goods_all_list > li .over dl dd ul li + li{margin-top:0;}
		.goods_all_list > li .over dl dd ul li a, .goods_all_list > li > dl dd{font-size:16px;}
		.goods_all_list > li .over dl dd ul li a span{opacity:1;font-size:0;left: calc(100% + 15px);}
		.goods_all_list > li .over dl dd ul li a span:after{width:18px; background-size:100% auto; margin-left:0;}

		.goods_cate_info{margin-bottom:50px; display:block;}
		.goods_cate_info .thumb{width:100%;}
		.goods_cate_info .exp{width:100%;padding-left:0; padding-bottom:0;}
		.goods_cate_info .exp .submit_btn{position:static; margin-top:50px;}
		
		.sub_list .list_cont ul li dl{width:calc(100% - 46.5vw); padding-bottom:70px;}
		.sub_list .list_cont ul li dl dt{font-size:18px;}
		.sub_list .list_cont ul li dl dt span{font-size:14px; margin-bottom:7px;}
		.sub_list .list_cont ul li dl dt span em{font-size:12px;padding:5px 8px;}
		.sub_list .list_cont ul li dl strong .link{width: 25px;height: 25px;margin-top: -1px;background-size: auto 53%;}
		.sub_list .list_cont ul li dl dd p{font-size:15px;}
		.sub_list .list_cont ul li dl dd ul li:nth-child(n+2){margin-top:5px;}
		.sub_list .list_cont ul li .thumb{width:46.5vw;}

		.goods_view .exp_tab_cont .detail_tab{top:130px;}
		.goods_view .goods_cate_info .exp .btn_list{position:static; width:100%; margin-top:50px;}
		.goods_view .goods_cate_info .exp .btn_list li + li{margin:10px 0 0 0;}
		.goods_view .goods_cate_info .exp .btn_list .submit_btn{margin-top:0;}
		.goods_view .goods_cate_info .exp .btn_list .submit_btn span{width:100%;}

		.goods_view .exp_tab{top:51px;}
		.goods_view .exp_tab .tab_list li{font-size:15px; height:40px;}
		.goods_view .exp_tab_cont .detail_tab{top:93px; padding-top:30px; padding-bottom:20px; margin-bottom:40px;}
		.goods_view .exp_tab_cont .detail_tab li{font-size:15px;}
		.sub_list .list_search > div > span label{padding-left:30px;}
		.sub_list .list_search > div > span input[type="checkbox"] + label:before, .sub_list .list_search > div > span input[type="checkbox"] + label::before{top:-2px;}
	}
	@media only screen and (max-width:479px) {
		.sub_list .list_cont > ul > li{display:block; padding:36px 30px;}
		.sub_list .list_cont ul li dl{width:100%; padding-bottom:20px;}
		.sub_list .list_cont ul li dl strong .link{width:23px;height:23px;}
		.sub_list .list_cont ul li .more_btn{bottom:auto; top:35px; left:auto; right:35px;}
		.sub_list .list_cont ul li .thumb{width:100%;}

		.goods_all_list > li{padding-bottom:15px;}

		.goods_all_list > li .over dl dt span{font-size:14px;}
		.goods_all_list > li .over dl dd ul li a, .goods_all_list > li > dl dd{font-size:15px;}

		.goods_cate_info .exp .submit_btn{margin-top:40px; display:block;}
		.submit_btn span{width:100%; justify-content:center; font-size:15px; height:45px;}	
		.goods_view .goods_cate_info .exp .btn_list{margin-top:40px;}

		.goods_view .exp_tab{top:46px;}
		.goods_view .exp_tab .tab_list li{font-size:14px; height:36px;}
		.goods_view .exp_tab_cont .detail_tab{top:83px;padding-top: 25px;padding-bottom: 15px;}
		.goods_view .exp_tab_cont .detail_tab li{font-size:14px;}
		.goods_view .exp_tab_cont .detail_tab li + li:before{margin:0 15px;}
	}
	@media only screen and (max-width:431px) {
		.goods_all_list > li .over{padding:30px;}
		.goods_all_list > li .over dl dd ul li a, .goods_all_list > li > dl dd{font-size:16px;}

		.goods_cate_info .exp dl dt{font-size:28px;}
		.goods_cate_info .exp dl dt span{font-size:17px; }
		.goods_cate_info .exp dl dd{font-size:14px;}
		
		.sub_list .list_cont > ul > li{padding:30px;}
		.sub_list .list_cont ul li dl dt{font-size:17px;}
			.sub_list .list_cont ul li dl dt + dd{margin-top:7px;}
		.sub_list .list_cont ul li dl dt span{font-size:13px;}
		.sub_list .list_cont ul li dl dd{font-size:13px;}
		.sub_list .list_cont ul li .more_btn{width:30px; height:30px; top:30px; right:30px;}
		.sub_list .list_cont ul li .more_btn:before{width:10px;}
		.sub_list .list_cont ul li .more_btn:after{height:10px;}
	}
	@media only screen and (max-width:374px) {
		.goods_all_list > li .over{padding:25px;}
		.goods_all_list > li .over dl dt{width:80px;}
		.goods_all_list > li .over dl dd{width:calc(100% - 80px);}
		.goods_all_list > li .over dl dt span{font-size:13px;}
		.goods_all_list > li .over dl dd ul li a, .goods_all_list > li > dl dd{font-size:14px;}

		.sub_list .list_cont ul li dl dt{font-size:16px;}
			.sub_list .list_cont ul li dl dt + dd{margin-top:7px;}
		.sub_list .list_cont ul li dl dt span{font-size:12px;}
		.sub_list .list_cont ul li dl dd{font-size:12px;}

		.submit_btn span{font-size:14px;}

		.goods_view .exp_tab_cont .detail_tab li{font-size:13px;}

		.sub_list .list_search .search_form input{width:45%;}
	}
		

/*───────────────────────────────────────────────────────────
	팝업
───────────────────────────────────────────────────────────*/
	#wrap .layer-popup .pop_closed input[type="checkbox"] + label{padding-left:25px;}
	#wrap .layer-popup .pop_closed input[type="checkbox"] + label:before{width:16px; height:16px; background-size:100%;}
	#wrap .layer-popup .pop_closed a{width:16px;}
	#wrap .layer-popup .pop_closed a:before, #wrap .layer-popup .pop_closed a:after{width:100%;}

/*───────────────────────────────────────────────────────────
	개인정보 처리방침
───────────────────────────────────────────────────────────*/
	.privacy {font-size:15px; line-height:160%; color:#666;}
	.privacy table {width:100%; border:1px solid #eaeaea; border-collapse: collapse; margin-top:10px; margin-bottom:10px;}
	.privacy .scroll_noti{margin:15px 0 0; color:#005caa; font-weight:500; display:none;}
	.privacy table tr:first-child td {background-color:#f4f4f4;}
	.privacy table td {border:1px solid #eaeaea; text-align: center; padding: 10px; }
	.privacy_title {font-weight: bold; margin-top:10px; margin-bottom:5px; font-size:inherit; color:#333;}
	.cont_1 {padding:10px;}

	@media only screen and (max-width:1023px){
		.privacy .scroll_noti{display:block;}
		.privacy .scroll_wrap{width:calc(100% + 30px); margin-left:-15px; overflow-x:scroll; padding:0 15px; box-sizing:border-box;}
		.privacy .scroll_wrap table{width:1024px; margin-top:5px;}
	}
	@media only screen and (max-width:479px){
		.privacy{font-size:14px;}
	}