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

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




/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width:108px;height:40px;line-height:38px;font-size:15px;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:#222 !important;background-color:#222 !important;color:#fff !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.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;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	 공통
───────────────────────────────────────────────────────────*/
	.sub_inr{position:relative; width:1200px; margin:0 auto; box-sizing:border-box;}
	.sub_visual{width:100%;height:500px;display:flex;align-items:flex-end;background-position:center;background-size:cover;background-repeat:no-repeat;padding-bottom:88px;box-sizing:border-box;position: relative;z-index: 3;}
	.sub_visual h3{font-size:60px; font-weight:bold; color:#fff; letter-spacing:-0.04em;}

	.sub_visual .loca_list{display:flex;margin-bottom: 19px;}
	.sub_visual .loca_list li{display:inline-flex; align-items:center;}
		.sub_visual .loca_list li + li{}
		.sub_visual .loca_list li + li:before{display:inline-flex;content:'';width:5px;height:5px;border:1px solid #fff0;border-top-color:rgba(255,255,255,0.3);border-right-color:rgba(255,255,255,0.3);transform: rotate(45deg);margin: 0 24px 0 16px;}
	.sub_visual .loca_list li a{display:none;font-size:16px;font-weight:400;color:#fff;letter-spacing: -0.03em;font-family: 'Noto Sans KR', sans-serif}
	.sub_visual .loca_list li.home a{font-size:0; display:block; width:20px; height:19px; background:url('../images/sub/loca_list_home.png') no-repeat center;}
	.sub_visual .loca_list li a.on{display:block;  }

	.nav_wrap{position:relative; z-index:4;}
	.sub_title{}
		.sub_title.hd{padding: 127px 0 58px; box-sizing:border-box;}
		.sub_title.cen{text-align:center;}
	.sub_title h3{font-size:50px; font-weight:700; color:#333; letter-spacing:-0.04em;}
	.sub_title h4{font-size:38px; font-weight:bold; color:#111; line-height:1.58; letter-spacing:-0.04em; font-family: 'Noto Sans KR', sans-serif;}
		.sub_title h4 + p{margin-top:30px;}
	.sub_title h4 strong{font-size:inherit; font-weight:inherit; background: linear-gradient(90deg, rgba(0,107,181,1) 0%, rgba(148,193,31,1) 100%); display:inline-block; background-clip: text;-webkit-background-clip: text;color: #fff0; }
	.sub_title h5{font-size:36px; font-weight:bold; color:#111; letter-spacing:-0.04em; font-family: 'Noto Sans KR', sans-serif;}
		.sub_title h5 + h6{margin-top: 9px;}
	.sub_title h6{font-size:20px;font-weight: 400;color:#333;} 
	.sub_title p{font-size:18px;font-weight: 500;color:#666;line-height:1.9;letter-spacing:-0.04em;font-family: 'Noto Sans KR', sans-serif;}
		.sub_title p + p{margin-top: 33px;}

	.icon_title{position:relative; font-size:26px; font-weight:bold; color:#333; letter-spacing:-0.04em; line-height:1.5; font-family: 'Noto Sans KR', sans-serif; padding-left:30px; box-sizing:border-box;}
		.icon_title:before{position:absolute; content:''; width:18px; height:18px; background:url('../images/sub/icon_title.png') no-repeat center; top:12px; left:0;}
		.icon_title + .title_exp{margin-top: 16px;}
		.icon_title + .bullet_list{margin-top:20px;}
	.title_exp{}
	.title_exp dt{font-size:20px; font-weight:500; color:#333; letter-spacing:-0.04em; line-height:1.5; font-family: 'Noto Sans KR', sans-serif;}
	.title_exp dt + dd{margin-top: 10px;}
	.title_exp dd{font-size:16px; font-weight:400; color:#666; letter-spacing:-0.04em; line-height:1.87; font-family: 'Noto Sans KR', sans-serif;}

	.bullet_list{}
	.bullet_list > li{position:relative;font-size:16px;font-weight: 500;color:#666;padding-left:14px;box-sizing:border-box;line-height:1.62;letter-spacing: -0.015em;}
		.bullet_list > li:before{position:absolute; content:'·'; top:0; left:0;}
			.bullet_list > li + li{margin-top:10px;}
	.bullet_list > li strong{font-size:inherit;font-weight: inherit;color: #006bb5;}

	@media only screen and (max-width:1230px) {
		.sub_inr{width:calc(100% - 60px);}
		.sub_title h3{font-size:4.05vw;}
		.sub_title h4{font-size:3.09vw;}
			.sub_title h4 + p{margin-top:2.4vw;}
		.sub_title h5{font-size:2.93vw;}
		.sub_title h6{font-size:19px;}
		.sub_title p{font-size:17px;}
			.sub_title p + p{margin-top:2.6vw;}

		.icon_title{font-size:25px;}
			.icon_title:before{top:10px;}
	}
	@media only screen and (max-width:1024px) {
		.sub_inr{width:calc(100% - 30px);}
		.sub_visual{padding-bottom:8.6vw; height:48.8vw; min-height:250px;}
		.sub_visual h3{font-size:5.9vw;}
		.sub_visual .loca_list{margin-bottom:1.85vw;}

		.sub_title h6{font-size:18px;}
		.sub_title p{font-size:16px;}

		.icon_title{font-size:24px;}
			.icon_title + .title_exp{margin-top:12px;}
		.title_exp dt{font-size:19px;}
		.title_exp dd{font-size:15px; line-height:1.7;}

		.icon_title + .bullet_list{margin-top:15px;}
		.bullet_list > li{font-size:15px;}
	}
	@media only screen and (max-width:860px) {
		.sub_visual .loca_list li a{font-size:15px;}
		.sub_visual .loca_list li + li:before{margin:0 20px 0 15px}

		.sub_title.hd{padding:100px 0 40px;}
		.sub_title h3{font-size:35px;}
		.sub_title h4{font-size:26px;}
		.sub_title h5{font-size:24px;}
			.sub_title h5 + h6{margin-top:7px;}
		.sub_title h6{font-size:17px;}
		.sub_title p{font-size:15px; line-height:1.7;}

		.icon_title{font-size:23px;}
			.icon_title:before{top:8px;}
		.title_exp dt{font-size:18px;}
		.title_exp dd{font-size:14px;}

		.bullet_list > li{font-size:14px; padding-left:10px;}
	}
	@media only screen and (max-width:640px) {
		.sub_visual h3{font-size:37px;}
		.sub_visual .loca_list li.home a{width:18px; height:18px; background-size:100% auto;}

		.sub_title h3{font-size:32px;}
		.sub_title h4{font-size:24px;}
		.sub_title h5{font-size:22px;}
		.sub_title h6{font-size:16px;}

		.bullet_list > li{font-size:13px;}
	}
	@media only screen and (max-width:479px) {
		.sub_visual{padding-bottom:40px;}
		.sub_visual h3{font-size:35px;}
		.sub_visual .loca_list li a{font-size:14px;}
		.sub_visual .loca_list li + li:before{margin:0 15px}

		.sub_title.hd{padding:80px 0 25px;}
		.sub_title h3{font-size:30px;}
		.sub_title h4{font-size:22px;}
		.sub_title h5{font-size:20px;}
		.sub_title h6{font-size:15px;}
		.sub_title p{font-size:14px;}

		.icon_title{font-size:21px; padding-left:25px;}
			.icon_title:before{top:8px; width:16px; height:16px; background-size:100% auto;}
		.title_exp dt{font-size:17px;}
	}
	@media only screen and (max-width:320px) {
		.sub_inr{width:calc(100% - 20px);}
	}


/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	/*** about ***/
		.sub_about .greetings{position:relative; padding-bottom:140px;}
		.sub_about .greetings:before{position:absolute;content:'';width: 578px;height: 578px;background:url('../images/sub/sub_about_bg.png') no-repeat center;top: -44.5%;left: -5.5%;}
		.sub_about .greetings .sub_inr{display:flex;align-items: center;}
		.sub_about .greetings .sub_title{width:calc(100% - 469px);padding-right:30px;box-sizing:border-box;padding-bottom: 0.3vw;}
		.sub_about .greetings .thumb{font-size:0; width:469px; box-sizing:border-box;} 

		.sub_about .corevalue{background:#f5f5f5; padding-bottom:140px; text-align:center;}
		.sub_about .corevalue .info_list{position:relative;display:inline-flex;margin-top: 35px;}
			.sub_about .corevalue .info_list:before{position:absolute;content:'';width: calc(100% + 70px);height: calc(100% + 70px);top:50%;left:50%;transform:translate(-50%, -50%);border: 2px solid #fff0;background-image: linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(64deg, #006bb5, #94c11f);background-origin: border-box;background-clip: content-box, border-box;box-sizing: border-box;border-radius: 235px;}
		.sub_about .corevalue .info_list li{position:relative;text-align:center;background:#006bb5;border-radius:100%;box-shadow: 0 0 30px rgba(0,0,0,0.25);box-sizing:border-box;width:400px;padding-bottom: 44.248%;}
			.sub_about .corevalue .info_list li + li{background:#9ec634; margin-left:104px;}
			.sub_about .corevalue .info_list li + li:before{position:absolute;content:'';width:26px;height:26px;background:url('../images/sub/sub_about_plust.png') no-repeat center;top:50%;right: calc(100% + 39px);transform:translateY(-50%);}
		.sub_about .corevalue .info_list li dl{position:absolute;top: 21%;left: 50%;transform: translateX(-50%); width:calc(100% - 30px);}
		.sub_about .corevalue .info_list li dl dt span{font-size:0;display: flex;height: 80px;align-items: center;justify-content: center;}
			.sub_about .corevalue .info_list li dl dt span + strong{margin-top: 36px;}
		.sub_about .corevalue .info_list li dl dt{font-size:30px; font-weight:600; color:#fff;}
			.sub_about .corevalue .info_list li dl dt + dd{margin-top: 20px;}
		.sub_about .corevalue .info_list li dl dt strong{font-size:inherit;font-weight:inherit;color:inherit;display: block;}
		.sub_about .corevalue .info_list li dl dd{font-size:20px; font-weight:400; color:#fff; line-height:1.5; letter-spacing:-0.03em;}
		.sub_about .corevalue .exp_list{position:relative; background:#fff;padding:40px;box-sizing:border-box;display:inline-flex;margin-top: 91px;}
			.sub_about .corevalue .exp_list:before{position:absolute; content:''; width:1px; height:60px; background:#aaa; bottom:100%; left:50%; margin-left:-0.5px;}
			.sub_about .corevalue .exp_list:after{position:absolute; content:''; width:7px; height:7px; background:#aaa; border-radius:100%; bottom:calc(100% - 3.5px); left:50%; margin-left:-3.5px;}
		.sub_about .corevalue .exp_list li{background:rgba(24,121,187,0.05);display: flex;width: 208px;height: 202px;align-items: center;justify-content: center;box-sizing: border-box;padding-top: 0.4vw;}
			.sub_about .corevalue .exp_list li + li{margin-left:20px;}
			.sub_about .corevalue .exp_list li:nth-child(even){background:rgba(158,198,52,0.05);}
		.sub_about .corevalue .exp_list li dl{text-align:center; width:calc(100% - 30px);}
		.sub_about .corevalue .exp_list li dl dt{font-size:0;display:flex;align-items: center;justify-content: center;height: 74px;}
			.sub_about .corevalue .exp_list li dl dt + dd{margin-top: 26px;}
		.sub_about .corevalue .exp_list li dl dd{font-size:20px;font-weight:500;color:#333;letter-spacing: -0.04em;}

		.sub_about .history .sub_title h3{letter-spacing:0;}
		.sub_about .history .thumb{display:flex; align-items:center; justify-content:center; width:100%; height:340px; padding:30px; box-sizing:border-box; background:url('../images/sub/sub_about_img02.jpg') no-repeat center; background-size:cover;}
		.sub_about .history .his_list{position:relative;}
		.sub_about .history .his_list li{position:relative;display:flex;padding-bottom: 78px;}
			.sub_about .history .his_list li:before{position:absolute; content:''; width:1px; height:100%; background:#ccc; top:0; left:50%; margin-left:-0.5px;}
			.sub_about .history .his_list li:after{position:absolute;content:'';width:9px;height:9px;background:#9ec634;top: 17px;left:50%;margin-left:-4.5px;border-radius:100%;box-shadow: 0 0 0 4px rgba(158,198,52,0.3);}
			.sub_about .history .his_list li:first-child{padding-top: 89px;}
			.sub_about .history .his_list li:first-child:after{top: 105px;}
		.sub_about .history .his_list .title{width:50%;text-align:right;padding-right: 79px;box-sizing: border-box;}
		.sub_about .history .his_list .title strong{font-size:40px;font-weight: 700;color:#006bb5;line-height:1;}
		.sub_about .history .his_list .cont{width:50%;text-align:left;padding-left: 79px;box-sizing: border-box;padding-top: 8px;}
		.sub_about .history .his_list .cont dl{display:flex;}
			.sub_about .history .his_list .cont dl + dl{margin-top: 16px;}
		.sub_about .history .his_list .cont dl dt{font-size:20px;font-weight: 700;color:#333;width:75px;box-sizing:border-box;}
		.sub_about .history .his_list .cont dl dd{font-size:16px; font-weight:400; color:#666; letter-spacing:-0.04em; font-family: 'Noto Sans KR', sans-serif; width:calc(100% - 75px); box-sizing:border-box;}

			.sub_about .history .his_list li:nth-child(even){flex-direction:row-reverse;}
			.sub_about .history .his_list li:nth-child(even) .title{text-align:left;padding-left: 79px;padding-right: 0;}
			.sub_about .history .his_list li:nth-child(even) .cont{text-align:right;padding-left: 0;padding-right: 79px;}
			.sub_about .history .his_list li:nth-child(even) .cont dl{flex-direction:row-reverse;}

		@media only screen and (max-width:1230px){
			.sub_about .corevalue .info_list li dl dt{font-size:28px;}
			.sub_about .corevalue .info_list li dl dd, .sub_about .corevalue .exp_list li dl dd, .sub_about .history .his_list .cont dl dt{font-size:18px;}
			.sub_about .corevalue .exp_list{width:100%;}
			.sub_about .corevalue .exp_list li{position:relative; width:100%; height:0; padding-top:18.533%; }
			.sub_about .corevalue .exp_list li dl{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
			.sub_about .corevalue .exp_list li dl dt + dd{margin-top:20px;}

			
			.sub_about .history .his_list .cont, .sub_about .history .his_list li:nth-child(even) .title{padding-left:6.4vw;}
			.sub_about .history .his_list .title, .sub_about .history .his_list li:nth-child(even) .cont{padding-right:6.4vw;}
			.sub_about .history .his_list .title strong{font-size:38px;}
			.sub_about .history .his_list .cont dl dd{font-size:15px;}
		}
		@media only screen and (max-width:1100px){
			.sub_about .greetings .sub_title p br{display:none;}
		}
		@media only screen and (max-width:1024px){
			.sub_about .greetings:before{width:56.5vw; height:56.5vw; background-size:100% auto;}
			.sub_about .greetings .sub_title{width:53%;}
			.sub_about .greetings .thumb{width:47%;}

			.sub_about .corevalue .info_list{width:100%; padding:35px; box-sizing:border-box;}
				.sub_about .corevalue .info_list:before{width:100%; height:100%;}
			.sub_about .corevalue .info_list li{width:calc(100% / 2 - 5vw); padding-bottom:44.46%;}
				.sub_about .corevalue .info_list li + li{margin-left:10vw;}
				.sub_about .corevalue .info_list li + li:before{right:calc(100% + 3.6vw);}
			.sub_about .corevalue .info_list li dl dt{font-size:26px;}
			.sub_about .corevalue .info_list li dl dt span{height:75px;}
			.sub_about .corevalue .info_list li dl dd, .sub_about .corevalue .exp_list li dl dd, .sub_about .history .his_list .cont dl dt{font-size:17px;}
			.sub_about .corevalue .exp_list{padding:35px; margin-top:60px;}
			.sub_about .corevalue .exp_list li + li{margin-left:15px;}
			.sub_about .corevalue .exp_list li dl dt{height:65px;}

			.sub_about .history .his_list .title strong{font-size:36px;}
		}
		@media only screen and (max-width:860px){
			.sub_about .greetings, .sub_about .corevalue{padding-bottom:120px;}
				.sub_about .greetings:before{top:-20%;}
			.sub_about .greetings .sub_inr{display:block;}
			.sub_about .greetings .sub_title{width:100%; padding:0 0 30px;}
			.sub_about .greetings .sub_title p br{display:block;}
			.sub_about .greetings .thumb{width:100%;}

			.sub_about .corevalue .info_list li dl dt{font-size:24px;}
			.sub_about .corevalue .info_list li dl dt span{height:70px;}
				.sub_about .corevalue .info_list li dl dt span + strong{margin-top:30px;}
			.sub_about .corevalue .info_list li dl dd, .sub_about .corevalue .exp_list li dl dd, .sub_about .history .his_list .cont dl dt{font-size:16px;}
			.sub_about .corevalue .info_list li dl dt + dd{margin-top:15px;}
			.sub_about .corevalue .exp_list{padding:30px;}
			.sub_about .corevalue .exp_list li dl dt{height:55px;}
				.sub_about .corevalue .exp_list li dl dt + dd{margin-top:15px;}
			
			.sub_about .history .his_list .title strong{font-size:34px;}
			.sub_about .history .his_list .cont dl dt{width:65px;}
			.sub_about .history .his_list .cont dl dd{width:calc(100% - 65px); font-size:14px;}
		}
		@media only screen and (max-width:767px){
			.sub_about .corevalue .info_list{padding:30px;}
			.sub_about .corevalue .info_list li{width:calc(100% / 2  - 4vw); padding-bottom:45.4%;}
				.sub_about .corevalue .info_list li + li{margin-left:8vw;}
				.sub_about .corevalue .info_list li + li:before{width:22px; height:22px;  background-size:100% auto; right:calc(100% + 2.6vw);}
			.sub_about .corevalue .info_list li dl dt{font-size:22px;}
			.sub_about .corevalue .info_list li dl dt span{height:60px;}
				.sub_about .corevalue .info_list li dl dt span + strong{margin-top:20px;}
			.sub_about .corevalue .info_list li dl dd, .sub_about .corevalue .exp_list li dl dd{font-size:15px;}
			.sub_about .corevalue .info_list li dl dt + dd{margin-top:10px;}
			.sub_about .corevalue .exp_list li dl dt{height:50px;}
		}
		@media only screen and (max-width:640px){
			.sub_about .greetings, .sub_about .corevalue{padding-bottom:100px;}
			.sub_about .greetings .sub_title p br{display:none;}

			.sub_about .corevalue .info_list{display:inline-block; width:auto; padding:25px;}
				.sub_about .corevalue .info_list:before{background-image:linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(180deg, #006bb5, #94c11f);}
			.sub_about .corevalue .info_list li{width:300px; height:300px; padding:0; margin:0 auto; box-shadow:0 0 15px rgba(0,0,0,0.25);}
				.sub_about .corevalue .info_list li + li{margin:80px auto 0;}
				.sub_about .corevalue .info_list li + li:before{left:50%; top:auto; bottom:calc(100% + 30px); transform:translateX(-50%);}
			.sub_about .corevalue .info_list li dl{top:50%; transform:translate(-50%, -50%);}
			.sub_about .corevalue .exp_list{padding:25px; flex-wrap:wrap; margin-top:57px;}
			.sub_about .corevalue .exp_list li{width:calc(100% / 3 - 10px); margin-right:15px; padding-top:31.546%;}
				.sub_about .corevalue .exp_list li + li{margin-left:0;}
				.sub_about .corevalue .exp_list li:nth-child(3n){margin-right:0;}
				.sub_about .corevalue .exp_list li:nth-child(n+4){margin-top:15px;}

			.sub_about .history .his_list li{display:block; padding-bottom:70px;}
				.sub_about .history .his_list li:before{left:0; margin:0;}
				.sub_about .history .his_list li:after{left:0; top:13px;}
				.sub_about .history .his_list li:first-child{padding-top:80px;}
				.sub_about .history .his_list li:first-child:after{top:91px;}
			.sub_about .history .his_list .title{width:100%; text-align:left !important; padding:0 0 0 30px !important;}
			.sub_about .history .his_list .cont{width:100%; text-align:left !important; padding:0 0 0 30px !important; margin-top:18px;}
			.sub_about .history .his_list .cont dl{flex-direction:row !important;}
			.sub_about .history .his_list .cont dl + dl{margin-top:12px;}
		}
		@media only screen and (max-width:479px){
			.sub_about .greetings, .sub_about .corevalue{padding-bottom:80px;}
		}
		@media only screen and (max-width:431px){
			.sub_about .corevalue .info_list{width:100%; }
			.sub_about .corevalue .info_list li{width:100%; height:0; padding-bottom:100%;}
			.sub_about .corevalue .exp_list li{width:calc(100% / 2 - 7.5px); padding-top:47.865%;}
				.sub_about .corevalue .exp_list li:nth-child(3n){margin-right:15px;}
				.sub_about .corevalue .exp_list li:nth-child(2n){margin-right:0;}
				.sub_about .corevalue .exp_list li:nth-child(n+3){margin-top:15px;}
			.sub_about .corevalue .exp_list li dl dt{height:45px;}
				.sub_about .corevalue .exp_list li dl dt + dd{margin-top:12px;}
		}
	
	/*** business ***/
		.sub_business{}
		.sub_business .biz_list{display:flex; flex-wrap:wrap;}
		.sub_business .biz_list li{margin-right:30px;width:calc(100% / 2 - 15px);border:1px solid #ddd;box-sizing:border-box;}
			.sub_business .biz_list li:nth-child(2n){margin-right:0;}
			.sub_business .biz_list li:nth-child(n+3){margin-top:30px;}
		.sub_business .biz_list .thumb{font-size:0;}
			.sub_business .biz_list .thumb + .info{border-top:1px solid #ddd;}
		.sub_business .biz_list .thumb img{width:100%;}
		.sub_business .biz_list .info{padding: 49px 49px 44px;}
		.sub_business .biz_list .info > span{display:flex;height:54px;align-items: flex-start;}
			.sub_business .biz_list .info > span + dl{margin-top: 15px;}
		.sub_business .biz_list .info dl{display:flex;}
			.sub_business .biz_list .info dl + dl{margin-top: 14px;}
		.sub_business .biz_list .info dl dt, .sub_business .biz_list .info dl dd{font-size:18px;letter-spacing:-0.04em;font-family: 'Noto Sans KR', sans-serif;}
		.sub_business .biz_list .info dl dt{font-weight:500; color:#333; width:135px;}
		.sub_business .biz_list .info dl dd{font-weight:400; color:#666; width:calc(100% - 135px);}

		@media only screen and (max-width:1230px){
			.sub_business .biz_list li{margin-right:20px;width:calc(100% / 2 - 10px);}
			.sub_business .biz_list li:nth-child(n+3){margin-top:20px;}
			.sub_business .biz_list .info{padding:40px;}
			.sub_business .biz_list .info dl dt{width:120px;}
			.sub_business .biz_list .info dl dd{width:calc(100% - 120px);}
		}
		@media only screen and (max-width:1024px){
			.sub_business .biz_list li{margin-right:15px;width:calc(100% / 2 - 7.5px);}
			.sub_business .biz_list li:nth-child(n+3){margin-top:15px;}
			.sub_business .biz_list .info dl dt, .sub_business .biz_list .info dl dd{font-size:17px;}
			.sub_business .biz_list .info dl dt{width:100px;}
			.sub_business .biz_list .info dl dd{width:calc(100% - 100px);}
		}
		@media only screen and (max-width:860px){
			.sub_business .biz_list .info{padding:35px;}
			.sub_business .biz_list .info dl dt, .sub_business .biz_list .info dl dd{font-size:16px;}
			.sub_business .biz_list .info dl dt{width:80px;}
			.sub_business .biz_list .info dl dd{width:calc(100% - 80px);}
		}
		@media only screen and (max-width:640px){
			.sub_business .biz_list{display:block;}
			.sub_business .biz_list li{width:100%; margin-right:0;}
				.sub_business .biz_list li:nth-child(n+2){margin-top:15px;}
			.sub_business .biz_list .info{padding:30px;}
			.sub_business .biz_list .info > span + dl, .sub_business .biz_list .info dl + dl{margin-top:12px;}
			.sub_business .biz_list .info dl dt, .sub_business .biz_list .info dl dd{font-size:15px;}
			.sub_business .biz_list .info dl dt{width:75px;}
			.sub_business .biz_list .info dl dd{width:calc(100% - 75px);}
		}

/*───────────────────────────────────────────────────────────
	 PRODUCT
───────────────────────────────────────────────────────────*/
	/*** scr ***/
		.sub_scr{}
		.sub_scr .scr_list{display:flex;}
		.sub_scr .scr_list li{width:100%;border: 2px solid #006bb5;box-sizing:border-box;text-align:center;}
			.sub_scr .scr_list li + li{margin-left:30px; border-color:#9ec634;}
			.sub_scr .scr_list li + li .top_sec, .sub_scr .scr_list li + li .btm_sec .dwn_btn{background:#9ec634;}
		.sub_scr .scr_list .top_sec{display:flex;flex-wrap:wrap;padding: 0 15px 0.6vw;box-sizing:border-box;background: #006bb5;height: 171px;align-content: center;}
		.sub_scr .scr_list .top_sec h5, .sub_scr .scr_list .top_sec h6{width:100%;color: #fff;}
		.sub_scr .scr_list .btm_sec{padding: 49px 30px 152px;position: relative; height:calc(100% - 171px); box-sizing:border-box;}
		.sub_scr .scr_list .btm_sec > span{font-size:0;display: flex;height: 230px;align-items: center;justify-content: center;}
		.sub_scr .scr_list .btm_sec > span + p{margin-top: 32px;}
		.sub_scr .scr_list .sub_title p{font-weight:400; line-height:1.78;}
		.sub_scr .scr_list .btm_sec .dwn_btn{position: absolute;left: 50%;bottom: 57px;transform: translateX(-50%);display:inline-flex;font-size:16px;align-items: center;justify-content: center;width: 259px;height: 60px;color: #fff;background: #006bb5; transition:all 0.4s;}
	
			/* over */
			@media only screen and (min-width:1024px){
				.sub_scr .scr_list .btm_sec .dwn_btn:hover{background:#000;}
			}

		@media only screen and (max-width:1230px){
			.sub_scr .scr_list li + li{margin-left:20px;}
			.sub_scr .scr_list .sub_title p br{display:none;}
		}
		@media only screen and (max-width:1024px){
			.sub_scr .scr_list li + li{margin-left:15px;}
			.sub_scr .scr_list .top_sec{height:150px;}
			.sub_scr .scr_list .btm_sec{height:calc(100% - 150px);}
		}
		@media only screen and (max-width:860px){
			.sub_scr .scr_list .top_sec{height:130px;}
			.sub_scr .scr_list .btm_sec{height:calc(100% - 130px);}
			.sub_scr .scr_list .btm_sec > span + p{margin-top:25px;}
		}
		@media only screen and (max-width:640px){
			.sub_scr .scr_list{display:block;}
			.sub_scr .scr_list li + li{margin:15px 0 0 0;}
			.sub_scr .scr_list .top_sec{height:120px;}
			.sub_scr .scr_list .btm_sec{height:auto;}
			.sub_scr .scr_list .btm_sec > span{height:auto;}
			.sub_scr .scr_list .btm_sec .dwn_btn{width:240px; height:55px; font-size:15px;}
		}
		@media only screen and (max-width:479px){
			.sub_scr .scr_list .top_sec{height:100px;}
			.sub_scr .scr_list .btm_sec{padding:30px 30px 130px;}
			.sub_scr .scr_list .btm_sec .dwn_btn{bottom:40px; width:220px; height:50px;}
		}

/*───────────────────────────────────────────────────────────
	 RESEARCH
───────────────────────────────────────────────────────────*/
	/*** technology ***/
		.sub_technology{margin-top: -8px;}
		.sub_technology .cont + .cont{margin-top:95px;}
		.sub_technology .img_box{border:1px solid #ddd;width:100%;box-sizing:border-box;padding: 57px;margin-top:34px;text-align:center;}
			.sub_technology .img_box + .img_box{margin-top:30px; }
			.sub_technology .img_box + .title_exp{margin-top:55px;}
		.sub_technology .img_box img + img{margin-left:90px;}
		
		@media only screen and (max-width:1230px){
			.sub_technology .img_box + .img_box{margin-top:20px;}
		}
		@media only screen and (max-width:1024px){
			.sub_technology .img_box{margin-top:25px; padding:50px;}
				.sub_technology .img_box + .img_box{margin-top:15px;}
			.sub_technology .img_box img + img{margin-left:70px;}
		}
		@media only screen and (max-width:860px){
			.sub_technology .cont + .cont{margin-top:80px;}
			.sub_technology .img_box img{display:block; margin:0 auto;}
			.sub_technology .img_box img + img{margin:50px auto 0;}
		}
		@media only screen and (max-width:640px){
			.sub_technology .cont + .cont{margin-top:70px;}
			.sub_technology .img_box{margin-top:20px; padding:45px;}
		}

	/*** certifi ***/
		.sub_certifi{margin-top:-9px;}
		.sub_certifi .cont{padding-bottom: 140px;}
			.sub_certifi .cont + .cont{background:#f5f5f5;padding-top: 129px;}
		.sub_certifi .certi_list{display:flex;flex-wrap:wrap;margin-top: 25px;}
		.sub_certifi .certi_list li{text-align:center; margin-right:40px; width:calc(100% / 4 - 30px);}
			.sub_certifi .certi_list li:nth-child(4n){margin-right:0;}
			.sub_certifi .certi_list li:nth-child(n+5){margin-top: 48px;}
		.sub_certifi .certi_list li > span{display:block; font-size:0; border:1px solid #ddd; box-sizing:border-box; width:100%;}
			.sub_certifi .certi_list li > span + dl{margin-top: 19px;}
		.sub_certifi .certi_list li dl{}
		.sub_certifi .certi_list li dl dt{font-size:18px; font-weight:500; color:#222; letter-spacing:-0.04em; line-height:1.5; font-family: 'Noto Sans KR', sans-serif;}
			.sub_certifi .certi_list li dl dt + dd{margin-top: 7px;}
		.sub_certifi .certi_list li dl dd{font-size:16px; font-weight:400; color:#666; letter-spacing:-0.04em;  line-height:1.5; font-family: 'Noto Sans KR', sans-serif;}

		@media only screen and (max-width:1230px){
			.sub_certifi .certi_list li{margin-right:30px; width:calc(100% / 4 - 22.5px);}
		}
		@media only screen and (max-width:1024px){
			.sub_certifi .certi_list li{margin-right:15px; width:calc(100% / 4 - 11.25px);}
			.sub_certifi .certi_list li > span + dl{margin-top:15px;}
			.sub_certifi .certi_list li dl dt{font-size:17px;}
				.sub_certifi .certi_list li dl dt + dd{margin-top:5px;}
			.sub_certifi .certi_list li dl dd{font-size:15px;}
		}
		@media only screen and (max-width:860px){
			.sub_certifi .cont{padding-bottom:120px;}
				.sub_certifi .cont + .cont{padding-top:110px;}
			.sub_certifi .certi_list li{width:calc(100% / 3 - 10px);}
				.sub_certifi .certi_list li:nth-child(4n){margin-right:15px;}
				.sub_certifi .certi_list li:nth-child(3n){margin-right:0;}
			.sub_certifi .certi_list li:nth-child(n+4){margin-top: 40px;}
		}
		@media only screen and (max-width:640px){
			.sub_certifi .cont{padding-bottom:100px;}
				.sub_certifi .cont + .cont{padding-top:90px;}
			.sub_certifi .certi_list{margin-top:20px;}
			.sub_certifi .certi_list li dl dt{font-size:16px;}
			.sub_certifi .certi_list li dl dd{font-size:14px;}
		}
		@media only screen and (max-width:580px){
			.sub_certifi .certi_list li{width:calc(100% / 2 - 7.5px);}
				.sub_certifi .certi_list li:nth-child(3n){margin-right:15px;}
				.sub_certifi .certi_list li:nth-child(2n){margin-right:0;}
				.sub_certifi .certi_list li:nth-child(n+3){margin-top: 40px;}
		}
		@media only screen and (max-width:479px){
			.sub_certifi .cont{padding-bottom:80px;}
				.sub_certifi .cont + .cont{padding-top:70px;}
		}
		@media only screen and (max-width:431px){
			.sub_certifi .certi_list li dl dt{font-size:15px;}
			.sub_certifi .certi_list li dl dd{font-size:13px;}
		}

	/*** laboratory ***/
		.sub_laboratory{}
		.sub_laboratory .info_wrap{position:relative; padding-bottom:140px;}
			.sub_laboratory .info_wrap:before{position:absolute;content:'';background:#f5f5f5;width:100%;height: 63%;left:0;bottom:0;}
		.sub_laboratory .info_bnr{background:url('../images/sub/sub_laboratory_img01.jpg') no-repeat center;background-size:cover;padding: 62px 100px 75px;box-sizing:border-box;}
		.sub_laboratory .info_bnr .sub_title h5{color:#fff; }
			.sub_laboratory .info_bnr .sub_title h5 + .icon_list{margin-top: 35px;}
		.sub_laboratory .info_bnr .icon_list{position:relative; display:flex; padding-left:30px; box-sizing:border-box;}
			.sub_laboratory .info_bnr .icon_list + .icon_list{margin-top: 12px;}
			.sub_laboratory .info_bnr .icon_list:before{position:absolute; content:''; left:0; background-size:100% auto; background-position:center; background-repeat:no-repeat;}
				.sub_laboratory .info_bnr .icon_list.addr:before{width:13px;height:17px;background-image:url('../images/sub/sub_laboratory_icon01.png');top: 5px;left: 3px;}
				.sub_laboratory .info_bnr .icon_list.tel:before{width:17px;height:18px;background-image:url('../images/sub/sub_laboratory_icon02.png');top: 4px;left: 2px;}
				.sub_laboratory .info_bnr .icon_list.mail:before{width:19px;height:14px;background-image:url('../images/sub/sub_laboratory_icon03.png');top: 7px;left:0;}
		.sub_laboratory .info_bnr .icon_list dt , .sub_laboratory .info_bnr .icon_list dd{font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.04em; font-family: 'Noto Sans KR', sans-serif;}
		.sub_laboratory .info_bnr .icon_list dt{}
			.sub_laboratory .info_bnr .icon_list dt + dd{padding-left:4px;}
		.sub_laboratory .info_bnr .icon_list dd{}
		.sub_laboratory .info_bnr .icon_list dd a{font-size:inherit; font-weight:inherit; color:inherit;}
		.sub_laboratory .info_bnr .dwn_btn{position:relative;display:inline-flex;align-items: center;border: 1px solid #fff;box-sizing: border-box;width: 260px;height: 60px;background: rgba(255,255,255,0.1);font-size: 16px;font-weight: 400;padding: 0 50px 0 20px;color: #fff;margin-top: 42px;letter-spacing: -0.04em; transition:all 0.4s;}
			.sub_laboratory .info_bnr .dwn_btn:before{position:absolute;content:'';width:13px;height:13px;background:url('../images/sub/sub_laboratory_icon04.png') no-repeat center;top:50%;right: 20px;transform: translateY(calc(-50% - 0.5px));}
		.sub_laboratory .performance{display:flex;padding-top: 132px;}
		.sub_laboratory .performance .cont{width:50%; }
		.sub_laboratory .performance .cont + .cont{margin-left:40px;}
			/* over */
			@media only screen and (min-width:1024px){
				.sub_laboratory .info_bnr .dwn_btn:hover{background:#000; border-color:#000;}
			}
		
		@media only screen and (max-width:1230px){
			.sub_laboratory .info_bnr{padding:62px 80px 75px}
		}
		@media only screen and (max-width:1024px){
			.sub_laboratory .info_bnr{padding:52px 70px 65px}
		}
		@media only screen and (max-width:860px){
			.sub_laboratory .info_wrap{padding-bottom:120px;}
			.sub_laboratory .info_bnr{padding:42px 50px 55px}
			.sub_laboratory .info_bnr .sub_title h5 + .icon_list{margin-top:30px;}
			.sub_laboratory .info_bnr .icon_list dt, .sub_laboratory .info_bnr .icon_list dd{font-size:15px;}
			.sub_laboratory .info_bnr .icon_list.addr:before{top:3px;}
			.sub_laboratory .info_bnr .icon_list.tel:before{top:2px;}
			.sub_laboratory .info_bnr .icon_list.mail:before{top:5px;}
			.sub_laboratory .info_bnr .dwn_btn{width:240px; height:55px; font-size:15px;}

			.sub_laboratory .performance{padding-top:110px; display:block;}
			.sub_laboratory .performance .cont{width:100%;}
			.sub_laboratory .performance .cont + .cont{margin:40px 0 0 0;}
		}
		@media only screen and (max-width:640px){
			.sub_laboratory .info_wrap{padding-bottom:100px;}
			.sub_laboratory .info_bnr{padding:35px 40px 45px}
			.sub_laboratory .info_bnr .sub_title h5 + .icon_list{margin-top:30px;}
			.sub_laboratory .info_bnr .icon_list dt, .sub_laboratory .info_bnr .icon_list dd{font-size:15px;}
			.sub_laboratory .info_bnr .dwn_btn{width:220px; height:50px; }

			.sub_laboratory .performance{padding-top:90px;}
		}
		@media only screen and (max-width:479px){
			.sub_laboratory .info_wrap{padding-bottom:80px;}
			.sub_laboratory .info_bnr .sub_title h5 + .icon_list{margin-top:25px;}
			.sub_laboratory .info_bnr .icon_list dt, .sub_laboratory .info_bnr .icon_list dd{font-size:14px;}
			.sub_laboratory .info_bnr .icon_list.addr:before{top:2px;}
			.sub_laboratory .info_bnr .icon_list.tel:before{top:1px;}
			.sub_laboratory .info_bnr .icon_list.mail:before{top:4px;}
			.sub_laboratory .info_bnr .dwn_btn{width:200px; height:45px;  font-size:14px;}

			.sub_laboratory .performance{padding-top:70px;}
		}
		@media only screen and (max-width:360px){
			.sub_laboratory .info_bnr .sub_title h5 br{display:none;}
		}

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

	 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;}
	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;} */

	/* pagaing wrap */
		.paging {text-align:center;padding-top:2px;line-height:30px;font-size:0;margin:80px 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;border-radius:50%;}
		.paging a img {height:33px;width:30px;vertical-align:top;}
		.paging span + span a,
		.paging a + a,
		.paging a + span a{border-left:0;margin-left:10px;}
		.paging .on a{color:#fff; font-weight:bold;background:#006bb5}
		.paging a.on{color:#fff; font-weight:bold;background:#006bb5}
		.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 {background:#fff url("../images/sub/paging_first.png") no-repeat center;background-size:auto;}
		.paging .arrow.prev a {margin-right:18px;background:#fff url("../images/sub/paging_prev.png") no-repeat center;background-size:auto;}
		.paging .arrow.next a {margin-left:18px;background:#fff url("../images/sub/paging_next.png") no-repeat center;background-size:auto;}
		.paging .arrow.last a {background:#fff url("../images/sub/paging_last.png") no-repeat center;background-size:auto;}
		.view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
		.view_btn .paging {display:inline-block;}
	@media only screen and (min-width:1023px) {
		.paging a:hover {color:#fff; font-weight:bold;background:#006bb5}
	}
	@media only screen and (max-width:1023px) {
		select{background:#fff url('../images/sub/select_arrow.png') no-repeat right 15px center;background-size:14px auto}
		input[type="checkbox"] + label {padding-left:32px;}
		input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:22px;height:22px;top:0;}
	}
	@media only screen and (max-width:640px) {
		select{background:#fff url('../images/sub/select_arrow.png') no-repeat right 10px center;background-size:12px auto}
		input[type="checkbox"] + label {padding-left:30px;}
		input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:20px;height:20px;}
		.paging a:hover {color:#999; font-weight:400;background:#fff}
	}
	/* 검색 */
		.board_search {line-height:1.6;margin-bottom:40px;padding:0;text-align:right;background-color:#fff;font-size:0;width:100%;box-sizing:border-box;}
		.board_search fieldset {line-height:inherit;font-size:0;}
		.board_search select,
		.board_search input,
		.board_search span,
		.board_search label {vertical-align:top;font-size:18px;line-height:inherit;}
		.board_search select,.board_search input.input_text {margin-right:0;background-color:#fff;height:55px;padding:0 19px;box-sizing:border-box;}
		.board_search select {width:160px;margin-right:10px;height:55px;}
		.board_search input.input_text {width:320px;}
		.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;}
		.board_search .btn_md {font-size:0;height:55px;width:55px;background-color:#006bb5 !important;border-color:#006bb5 !important;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('../images/sub/board_search_btn.png')}

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

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

	/* 리스트 */
	.sub_board ul.bbs_gallery {margin-left:0px;padding:10px 0 0 0;font-size: 0;}
	.sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
	ul.bbs_gallery li {float: none;width: calc(33.33% - 26.66px);margin:0 40px 60px 0;position:relative;display: inline-block;}
	ul.bbs_gallery li:nth-of-type(4n) {margin-right:40px;}
	ul.bbs_gallery li:nth-of-type(3n) {margin-right:0px;}
	ul.bbs_gallery li a {}
	ul.bbs_gallery_top {padding:0 0 0 0;}
	ul.bbs_gallery li .thumb {transition:all 0.3s;position:relative;text-align:center;width:100%;padding:0 0 80%;height:0;position: relative;border:0;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
	ul.bbs_gallery li .thumb a {width:100%;height:100%;vertical-align:top;position:absolute;left:0;bottom:0;right:0;z-index:5;background:rgba(23,129,67,0);transition:all 0.3s;}
	ul.bbs_gallery li .thumb a:before{content:'';width:29px;height:3px;background:#fff;position:absolute;top:calc(100% + 3px);left:50%;margin-top:-1.5px;margin-left:-14.5px;transition:all 0.3s;}
	ul.bbs_gallery li .thumb a:after{content:'';width:3px;height:29px;background:#fff;position:absolute;top:calc(100% + 15px);left:50%;margin-left:-1.5px;margin-top:-14.5px;transition:all 0.3s;}
	
	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%);}
	ul.bbs_gallery li .txt_info {padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;}
	ul.bbs_gallery li .txt_info .board_tit {padding: 0;line-height: 1.5;font-size: 0;text-align: left;width:calc(100% - 110px)}
	ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 20px;color: #333333;font-weight: 500;letter-spacing:-0.03em;}
	ul.bbs_gallery li .txt_info .board_tit .board_ico,
	ul.bbs_gallery li .txt_info .board_tit img,
	ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
	ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
	ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
	ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
	ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display: inline-block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
	ul.bbs_gallery li p {display:block;font-size: 18px;color: #888;line-height:1.5;margin:0;text-align: right;width:110px;}
	ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;font-size:15px;}

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

	@media only screen and (min-width:1023px) {
		ul.bbs_gallery li:hover .thumb a{background:rgba(0,107,181,0.83)}
		ul.bbs_gallery li:hover .thumb a:before,ul.bbs_gallery li:hover .thumb a:after{top:50%;}
		ul.bbs_gallery li:hover .thumb{box-shadow:8px 8px 18px 0 rgba(0,0,0,0.2)}
	}
	@media only screen and (max-width:1023px) {
		ul.bbs_gallery li {width: calc(33.33% - 12px); margin:0 18px 40px 0;}
		ul.bbs_gallery li:nth-of-type(4n) {margin-right:18px;}
		ul.bbs_gallery li .txt_info{padding-top:15px;}
		ul.bbs_gallery li .txt_info .board_tit{width:calc(100% - 100px)}
		ul.bbs_gallery li .txt_info .board_tit h3{font-size:18px;}
		ul.bbs_gallery li p{font-size:16px;width:100px;}
	}
	@media only screen and (max-width:767px) {
		ul.bbs_gallery li {width: calc(50% - 10px); margin:0 20px 30px 0;}
		ul.bbs_gallery li:nth-of-type(4n) {margin-right:20px;}
		ul.bbs_gallery li:nth-of-type(3n) {margin-right:20px;}
		ul.bbs_gallery li:nth-of-type(2n) {margin-right:0;}
	}
	@media only screen and (max-width:640px) {
		ul.bbs_gallery li .txt_info{padding-top:10px;}
		ul.bbs_gallery li .txt_info .board_tit{width:calc(100% - 80px)}
		ul.bbs_gallery li .txt_info .board_tit h3{font-size:16px;}
		ul.bbs_gallery li p{font-size:14px;width:80px;}
	}
	@media only screen and (max-width:479px) {
		ul.bbs_gallery li {width: 100%; margin:0 0 40px 0;}
		ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;}
		ul.bbs_gallery li:nth-of-type(3n) {margin-right:0;}
		ul.bbs_gallery li:nth-of-type(2n) {margin-right:0;}
	}


	/* 뷰페이지(공통) */
		.bbs_view div.view_tit{border-top:2px solid #000;background:#fff;padding:30px 40px;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;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
		.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;border-radius:15px;background:#006bb5;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: 18px;}
		.bbs_view div.view_tit > p span{color:#888;display:inline-block;vertical-align:top;position:relative;font-size:18px;letter-spacing:-0.03em;padding-right: 30px;margin-right: 26px;}
		.bbs_view div.view_tit > p span em{font-size:inherit;font-weight:400;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: -4px;}
		.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:20px 50px;background:#f5f5f5;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: 134px;font-size:18px;font-weight:400;color:#555;letter-spacing:-0.03em;}
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 138px);box-sizing:border-box;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;padding-left:20px;margin-left: 17px;color:#333;font-weight:400;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;font-size:18px;}
		.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:-4px;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;text-decoration:underline;}
		.bbs_view div.view_cont{padding:60px 30px;border-bottom:1px solid #ddd;}
		.view_btn{min-height:120px;}
		.view_btn .btn_wrap{padding-top:60px;}
		.view_btn .btn_wrap .btn_point{height:60px;line-height:58px;background:#222;min-width:140px;box-sizing:border-box;font-size:18px;font-weight:400;}

		@media only screen and (max-width:1023px) {
			.bbs_view div.view_tit{padding:20px 30px;}
			.bbs_view div.view_tit > h3{font-size:22px;}
			.bbs_view div.view_tit > h3 .notice{font-size:15px;margin-right:15px;margin-top:3px;}
			.bbs_view div.view_tit > p{margin-top:15px;}
			.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:15px 30px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:16px;width:120px;}
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 124px)}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:16px;padding-left:15px;margin-left:12px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{height:10px;margin-top:-3px;}
			.bbs_view div.view_cont{padding:50px 30px;border-bottom:1px solid #ddd;}
			.view_btn .btn_wrap{padding-top:50px;}
			.view_btn .btn_wrap .btn_point{height:50px;line-height:48px;min-width:120px;font-size:16px;}
		}
		@media only screen and (max-width:640px) {
			.bbs_view div.view_tit{padding:20px 15px;}
			.bbs_view div.view_tit > h3{font-size:18px;}
			.bbs_view div.view_tit > 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:10px;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:12px 15px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:14px;width:105px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont{width:calc(100% - 109px)}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:14px;padding-left:12px;margin-left:10px;}
			
			.bbs_view div.view_cont{padding:35px 20px;}
			.view_btn .btn_wrap{padding-top:40px;}
			.view_btn .btn_wrap .btn_point{height:45px;line-height:43px;min-width:100px;font-size:15px;}
		}
		@media only screen and (max-width:350px) {
			.bbs_view div.view_tit{padding:15px 10px;}
			.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.bbs_list{border-top:2px solid #000;border-bottom:1px solid #ddd;}
		table.bbs_list th {padding-top:15px;padding-bottom:15px;border-bottom: 1px solid #000;color:#333;font-weight:500;letter-spacing:-0.03em;font-size:20px;height:80px;box-sizing:border-box;}
		table.bbs_list td {padding-top:13px;padding-bottom:13px;height:80px;box-sizing:border-box;font-size:18px;letter-spacing:-0.03em;color:#999}
		
		table.bbs_list td .board_tit h3{font-size:18px;letter-spacing:-0.03em;color:#333}
		table.bbs_list td .board_tit h3 strong{transition:all 0.3s;}
		
		table.bbs_list tr.board_notice td{background:#f7f7f7;}
		table.bbs_list tr.board_notice td .board_tit h3{font-weight:700}
		table.bbs_list tr.board_notice .notice_txt{min-width:60px;height:30px;line-height:30px;background:#006bb5;border-radius:15px;color:#fff;display:inline-block;font-size:16px;font-weight:500}
		@media only screen and (min-width:1023px) {
			table.bbs_list td .board_tit h3 strong:hover{color:#006bb5;text-decoration:underline;}
		}
		@media only screen and (max-width:1023px) {
			table.bbs_list col:nth-child(1){width:100px}
			table.bbs_list col:nth-child(3){width:100px}
			table.bbs_list col:nth-child(4){width:100px}
			table.bbs_list col:nth-child(5){width:100px}
			table.bbs_list th {font-size:17px;height:65px;}
			table.bbs_list td{font-size:16px;height:65px;}
			table.bbs_list tr.board_notice .notice_txt{height:28px;font-size:15px;line-height:28px}
			table.bbs_list td .board_tit h3{font-size:16px;}
			
			
		}
		@media only screen and (max-width:640px) {
			table.bbs_list col:nth-child(1){width:60px}
			table.bbs_list col:nth-child(3){width:55px}
			table.bbs_list col:nth-child(4){width:55px}
			table.bbs_list col:nth-child(5){width:55px}
			table.bbs_list th {font-size:15px;height:50px;padding:0 3px;}
			table.bbs_list td{font-size:14px;padding:3px;height:55px;}
			table.bbs_list tr.board_notice .notice_txt{height:20px;font-size:12px;line-height:20px;min-width:45px;}
			table.bbs_list td .board_tit .board_ico{display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit h3{font-size:14px;width:83%;display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit h3 strong{width:95%;}
			table.bbs_list td .board_tit img{margin-right:3px;vertical-align:top;margin-top:4px;}

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

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

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

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