@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 {}
	
		.ft_blue {color: var(--point-color01); !important;}
		

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

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



/*───────────────────────────────────────────────────────────
	sub common
───────────────────────────────────────────────────────────*/
	/** 서브 타이틀 & 텍스트 **/
		.sub_title {position: relative; box-sizing: border-box; font-size: var(--title-20);}
		.sub_title.hd {padding-bottom: 60px;}
		.sub_title.center {text-align: center;}
			#contents_box > .sub_title.hd {padding-top: 96px; padding-bottom: 80px;}
		.sub_title h2 {font-size: 400%; font-weight: 700; color: var(--black-color01); letter-spacing: 0.03em; line-height: 1.1; text-transform: uppercase;}
		.sub_title h3 {font-size: 250%; font-weight: 700; color: var(--black-color02); letter-spacing: 0.02em; line-height: 1.2;}
		.sub_title h4 {font-size: 200%; font-weight: 600; color: var(--black-color02); letter-spacing: -0.03em; line-height: 1.55; font-family: var(--font-type02);}
			.sub_title h4 strong {font-weight: inherit;}
		.sub_title h5 {font-size: 150%; font-weight: 500; color: var(--black-color01); letter-spacing: -0.03em;}
			.sub_title h5.dot {position: relative; padding-left: 22px;}
			.sub_title h5.dot:before {content: ""; position: absolute; left: 6px; top: 18px; width: 5px; height: 5px; background: var(--point-color01); border-radius: 100%;}
		.sub_title h6 {font-size: 140%; font-weight: 700; color: var(--black-color00); letter-spacing: normal; line-height: 1.4; font-family: var(--font-type02);}
			.sub_title h6.dot {position: relative; padding-left: 20px;}
			.sub_title h6.dot:before {content: ""; position: absolute; left: 0px; top: 17px; width: 8px; height: 8px; background: var(--point-color01); border-radius: 100%;}
		.sub_title > span {display: inline-block; font-size: 110%; font-weight: 500;}
			.sub_title > span + h3 {margin-top: 14px;}
		.sub_title p {font-size: 90%; color: var(--black-color06); letter-spacing: -0.035em; line-height: 1.77;}
			.sub_title h4 + p {margin-top: 18px;}
		
		.sub_txt {font-size: var(--title-20);}
		.sub_txt p {font-size: 90%; color: var(--black-color04); letter-spacing: -0.035em; line-height: 1.77;}
		.sub_txt p + p {margin-top: 20px;}
		
		@media screen and (max-width:1400px){
			#contents_box > .sub_title.hd {padding-top: clamp(54px, 6.86vw, 96px); padding-bottom: clamp(38px, 5.71vw, 80px);}
			.sub_title h2 {font-size: 380%;}
			.sub_title h4 {font-size: 190%;}
		}
		@media screen and (max-width:1200px){
			.sub_title h2 {font-size: 360%;}
			.sub_title h4 {font-size: 185%;}
		}
		@media screen and (max-width:1023px){
			.sub_title.hd {padding-bottom: clamp(36px, 6vw, 60px);}
			.sub_title h2 {font-size: 340%;}
			.sub_title h3 {font-size: 245%;}
			.sub_title h4 {font-size: 180%;}
				.sub_title h5.dot {padding-left: 20px;}
				.sub_title h5.dot:before {left: 5px; top: 16px;}
				.sub_title h6.dot {padding-left: 18px;}
				.sub_title h6.dot:before {top: 16px; width: 7px; height: 7px;}
				.sub_title h4 + p {margin-top: 16px;}
				
			.sub_txt p + p {margin-top: 16px;}
		}
		@media screen and (max-width:860px){
			.sub_title h2 {font-size: 320%;}
			.sub_title h3 {font-size: 240%;}
			.sub_title h4 {font-size: 175%;}
			.sub_title h5 {font-size: 145%;}
				.sub_title h5.dot {padding-left: 18px;}
				.sub_title h5.dot:before {left: 4px; top: 14px; width: 4px; height: 4px;}
				.sub_title h6.dot {padding-left: 16px;}
				.sub_title h6.dot:before {top: 15px; width: 6px; height: 6px;}
				.sub_title > span + h3 {margin-top: 10px;}
		}
		@media screen and (max-width:640px){
			.sub_title h2 {font-size: 300%;}
			.sub_title h3 {font-size: 235%;}
			.sub_title h4 {font-size: 170%;}
			.sub_title h5 {font-size: 140%;}
				.sub_title h4 + p {margin-top: 14px;}
				
			.sub_txt p + p {margin-top: 12px;}
		}
		@media screen and (max-width:479px){
			.sub_title h2 {font-size: 280%;}
			.sub_title h3 {font-size: 230%;}
			.sub_title h4 {font-size: 160%;}
			.sub_title h5 {font-size: 135%;}
				.sub_title h5.dot {padding-left: 16px;}
				.sub_title h5.dot:before {left: 2px;}
				.sub_title h6.dot {padding-left: 14px;}
				.sub_title h6.dot:before {top: 14px; width: 5px; height: 5px;}
				.sub_title > span + h3 {margin-top: 8px;}
		}
		@media screen and (max-width:360px){
			.sub_title h2 {font-size: 260%;}
			.sub_title h3 {font-size: 215%;}
		}
	
	/** 서브 메뉴 **/
		.sub_nav .sub_title {padding-top: 86px;}
		.sub_nav .sub_menu {display: flex; flex-wrap: wrap; gap: 14px 30px; margin-top: 34px;}
		.sub_nav .sub_menu li {position: relative; padding-bottom: 2px; font-size: var(--title-20); font-weight: 500; color: var(--black-color09); letter-spacing: -0.02em; transition: all 0.3s;}
		.sub_nav .sub_menu li:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background:var(--black-color01); transition: all 0.3s;}
		.sub_nav .sub_menu li.on {font-weight: 600; color: var(--black-color01);}
		.sub_nav .sub_menu li.on:after {width: 100%;}	
		.sub_nav .sub_menu li a {font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit;}
			
		/* over */
			@media (hover:hover){
				.sub_nav .sub_menu li:hover {font-weight: 600; color: var(--black-color01);}
				.sub_nav .sub_menu li:hover:after {width: 100%;}	
			}
		
		@media screen and (max-width:1200px){
			.sub_nav .sub_title {padding-top: clamp(42px, 7.33vw, 86px);}
			.sub_nav .sub_menu {margin-top: clamp(20px, 3.33vw, 34px);}
		}
		@media screen and (max-width:860px){
			.sub_nav .sub_menu {gap: 14px 24px;}
		}
		@media screen and (max-width:479px){
			.sub_nav .sub_menu {gap: 10px 20px;}
		}
		
	/** 서브 비주얼 **/
		.sub_visual {width: 100%; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover;}
		.sub_visual:before{width:100%;height:100%;content:"";background:var(--point-white);position: absolute;top:0;right:0;transition:width 1.8s;}
		.sub_visual.aos-animate:before{width:0;}
		
		@media screen and (max-width:1200px){
			.sub_visual {height: clamp(320px, 33.33vw, 400px);}
		}
		@media screen and (max-width:860px){
			.sub_visual {height: clamp(200px, 37.21vw, 320px);}
		}
		
	/** ect **/
		.sub_content .chk_list {font-size: var(--title-20);}
		.sub_content .chk_list > li {position: relative; box-sizing: border-box; padding-left: 32px; font-size: 90%; color: var(--black-color03); letter-spacing: -0.03em; line-height: 1.5;}
		.sub_content .chk_list > li:before {content: ""; position: absolute; left: 0; top: 6px; width: 18px; height: 13px; background: url("../images/sub/ico_chk_list.svg") no-repeat center; background-size: 100% auto;}
		.sub_content .chk_list > li + li {margin-top: 19px;}
		
		.sub_content .dot_list {font-size: var(--title-20);}
		.sub_content .dot_list > li {position: relative; box-sizing: border-box; padding-left: 12px; color: var(--black-color06); letter-spacing: -0.03em; line-height: 1.7;}
		.sub_content .dot_list > li:before {content: ""; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: var(--black-color06); box-sizing: border-box; border-radius: 100%;}
		.sub_content .dot_list > li + li {margin-top: 12px;}
		
		.sub_content .thumb {border-radius: 20px; overflow: hidden;}
		.sub_content .thumb img {width: 100%; height: 100%; object-fit: cover;}
		
		@media screen and (max-width:1023px){
			.sub_content .chk_list > li {padding-left: 28px;}
			.sub_content .chk_list > li:before {width: 16px;}
			.sub_content .chk_list > li + li {margin-top: 17px;}
			
			.sub_content .dot_list > li + li {margin-top: 10px;}
		}
		@media screen and (max-width:860px){
			.sub_content .chk_list > li {padding-left: 24px;}
			.sub_content .chk_list > li:before {width: 14px; height: 11px;}
			
			.sub_content .dot_list > li {padding-left: 10px;}
			.sub_content .dot_list > li:before {top: 13px;}
			.sub_content .dot_list > li + li {margin-top: 8px;}
		}
		@media screen and (max-width:640px){
			.sub_content .chk_list > li {padding-left: 20px;}
			.sub_content .chk_list > li:before {top: 5px; width: 12px; height: 10px;}
			.sub_content .chk_list > li + li {margin-top: 13px;}
			
			.sub_content .dot_list > li:before {top: 11px;}
			
			.sub_content .thumb {border-radius: 10px;}
		}
		@media screen and (max-width:479px){
			.sub_content .chk_list > li:before {width: 11px; height: 10px;}
			
			.sub_content .dot_list > li + li {margin-top: 6px;}
		}
		
/*───────────────────────────────────────────────────────────
	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:var(--point-color01) !important;background-color: var(--point-color01) !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:60px;font-size:0;vertical-align:top;display:inline-block;font-size:var(--title-20);}
		.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;}
		.btn_wrap button {font-size: inherit;}
		.btn_wrap .btn {display: inline-flex; justify-content: center; align-items: center; width: auto; height: 70px; box-sizing: border-box; padding: 0 55px; border-radius: 35px; font-size: 120%; font-weight: 500; line-height: inherit;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1200px) {
		.btn_wrap .btn {height: 66px; padding: 0 50px; border-radius: 33px;}
	}
	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
		.btn_wrap {padding-top: clamp(36px, 6vw, 60px);}
	}
	@media only screen and (max-width:860px) {
		.btn_wrap .btn {height: 62px; padding: 0 45px; border-radius: 31px;}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.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;}
		
		.btn_wrap .btn {height: 56px; padding: 0 40px; border-radius: 28px; font-size: 115%;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	 COMPANY
───────────────────────────────────────────────────────────*/
	/*** company/about (회사소개) ***/
		/* PC 일반 */
			.sub_about {display: flex;}
			.sub_about .img_box {width: 41%; /* 41.45% */}
			.sub_about .txt_box {width: calc(100% - 41%); box-sizing: border-box; padding-left: 80px;}
			.sub_about .txt_box .sub_txt {position: relative; padding-top: 60px;}
			.sub_about .txt_box .sub_txt:before {content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 2px; background: var(--black-color02);}

			@media screen and (max-width:1520px){
				.sub_about .txt_box {padding-left: clamp(40px, 5.26vw, 80px);}
				.sub_about .txt_box .sub_title.hd {padding-bottom: clamp(36px, 3.95vw, 60px);}
				.sub_about .txt_box .sub_title.hd h4 br:not(.pre) {display: none;}
				.sub_about .txt_box .sub_txt {padding-top: clamp(36px, 3.95vw, 60px);}
			}
			@media screen and (max-width:1400px){
				.sub_about .txt_box .sub_txt p br:not(.pre) {display: none;}
			}
			@media screen and (max-width:1023px){
				.sub_about {flex-direction: column;}
				.sub_about .img_box {width: 100%; max-width: 400px;}
				.sub_about .txt_box {width: 100%; padding-left: 0; padding-top: 40px;}
				.sub_about .txt_box .sub_title.hd h4 br:not(.pre) {display: block;}
				.sub_about .txt_box .sub_txt:before {width: 40px;}
			}
			@media screen and (max-width:640px){
				.sub_about .txt_box {padding-top: 36px;}
			}
			@media screen and (max-width:580px){
				.sub_about .txt_box .sub_title.hd h4 br:not(.pre) {display: none;}
			}
		
	/*** company/ceo (CEO 인사말) ***/
		/* PC 일반 */
			.sub_ceo {}
			.sub_ceo .sub_title {margin-bottom: 40px;}
			.sub_ceo .img_box {width: 100%;}
			.sub_ceo .img_box .thumb {height: 300px;}
			.sub_ceo .txt_box {display: flex; justify-content: space-between; width: 100%; margin: 40px 0;}
			.sub_ceo .txt_box .sub_txt {width: calc(50% - 15px); box-sizing: border-box; padding-right: 30px;}
			.sub_ceo .txt_box .sub_txt p {color: var(--black-color06);}
			.sub_ceo .ceo_signature {display: flex; justify-content: flex-end; align-items: baseline; font-size: var(--title-20); font-weight: 500; color: var(--black-color02); letter-spacing: -0.03em; text-align: right;}
			.sub_ceo .ceo_signature .ft_nanum {display: inline-block; margin-left: 14px; transform: translateY(2px); font-size: 210%; font-family: 'NanumMiRaeNaMu';}
			
			@media screen and (max-width:1500px){
				.sub_ceo .txt_box .sub_txt p br:not(.pre) {display: none;}
			}
			@media screen and (max-width:1200px){
				.sub_ceo .sub_title {margin-bottom: clamp(26px, 3.33vw, 40px);}
				.sub_ceo .img_box .thumb {height: clamp(230px, 25vw, 300px);} 
				.sub_ceo .txt_box {margin: clamp(26px, 3.33vw, 40px) 0 clamp(16px, 3.33vw, 40px);}
			}
			@media screen and (max-width:1023px){
				.sub_ceo .txt_box {flex-direction: column; align-items: flex-start;}
				.sub_ceo .txt_box .sub_txt {width: 100%; padding-right: 0;}
			}
			@media screen and (max-width:860px){
				.sub_ceo .img_box .thumb {height: clamp(160px, 26.74vw, 230px);} 
			}
			
	/*** company/location (오시는길) ***/
		/* PC 일반 */
			.sub_location {}
			.sub_location .map_box {width: 100%; height: 400px; border-radius: 20px; overflow: hidden;}
			.sub_location .info_box {display: flex; width: 100%; margin: 44px 0 0;}
			.sub_location .info_box .sub_title {width: 304px;}
			.sub_location .info_box .info_list {width: calc(100% - 304px); padding-top: 8px;}
			.sub_location .info_box .info_list dl {display: flex; align-items: baseline; font-size: var(--title-20); font-weight: 500;}
			.sub_location .info_box .info_list dl + dl {margin-top: 20px;}
			.sub_location .info_box .info_list dt {display: inline-flex; align-items: center; width: 86px; font-size: 70%; font-weight: inherit; color: var(--black-color05);}
			.sub_location .info_box .info_list dd {width: calc(100% - 86px); font-size: 80%; color: var(--black-color03); letter-spacing: -0.03em;}
			
			@media screen and (max-width:1400px){
				.sub_location .info_box .sub_title {width: 284px;}
				.sub_location .info_box .info_list {width: calc(100% - 284px);}
			}
			@media screen and (max-width:1200px){
				.sub_location .map_box {height: clamp(330px, 33.33vw, 400px);} 
				.sub_location .info_box {margin: clamp(30px, 3.67vw, 44px) 0 0;}
			}
			@media screen and (max-width:1023px){
				.sub_location .info_box .sub_title {width: 254px;}
				.sub_location .info_box .info_list {width: calc(100% - 254px);}
				.sub_location .info_box .info_list dl + dl {margin-top: 16px;} 
			}
			@media screen and (max-width:860px){
				.sub_location .map_box {height: clamp(260px, 38.37vw, 330px);} 
				.sub_location .info_box .sub_title {width: 234px;}
				.sub_location .info_box .info_list {width: calc(100% - 234px);}
			}
			@media screen and (max-width:767px){
				.sub_location .info_box {flex-direction: column; align-items: flex-start;}
				.sub_location .info_box .sub_title {width: auto;}
				.sub_location .info_box .info_list {width: 100%; margin-top: 10px;}
			}
			@media screen and (max-width:640px){
				.sub_location .map_box {border-radius: 10px;}
				.sub_location .info_box .info_list dl + dl {margin-top: 12px;}
				.sub_location .info_box .info_list dt {width: 76px;}
				.sub_location .info_box .info_list dd {width: calc(100% - 76px);}
			}
			
/*───────────────────────────────────────────────────────────
	 R&D
───────────────────────────────────────────────────────────*/
	/*** rnd common ***/
		/* PC 일반 */
			.sub_rnd {counter-reset: number 0;}
			.sub_rnd .rnd_cont + .rnd_cont {margin-top: 160px;}
			.sub_rnd .rnd_cont > .sub_title:before {counter-increment: number 1; content: counter(number, decimal-leading-zero); display: inline-flex; justify-content: center; align-items: center; width: 56px; height: 56px; background: var(--point-color01); margin-bottom: 32px; box-sizing: border-box; padding-top: 1px; border-radius: 100%; font-size: 120%; font-weight: 600; color: var(--point-white); letter-spacing: 0.02em;}
			.sub_rnd .rnd_cont > .sub_title h4 {color: var(--black-color00); letter-spacing: normal;}
			.sub_rnd .rnd_cont .rnd_detail + .rnd_detail {margin-top: 60px;}
			.sub_rnd .rnd_cont .rnd_detail .sub_title {margin-bottom: 46px;}
			.sub_rnd .rnd_cont .desc_box {width: 100%; background: var(--blue-bg01); margin-top: 40px; box-sizing: border-box; padding: 46px 40px 42px; border-radius: 20px; overflow: hidden;}
			
			@media screen and (max-width:1400px){
				.sub_rnd .rnd_cont + .rnd_cont {margin-top: clamp(60px, 11.43vw, 160px);}
				.sub_rnd .rnd_cont .rnd_detail .sub_title {margin-bottom: 42px;}
			}
			@media screen and (max-width:1200px){
				.sub_rnd .rnd_cont > .sub_title:before {width: 52px; height: 52px; margin-bottom: clamp(18px, 2.67vw, 32px); font-size: 110%;} 
				.sub_rnd .rnd_cont > .sub_title p br:not(.pre) {display: none;}
				.sub_rnd .rnd_cont .rnd_detail .sub_title {margin-bottom: clamp(28px, 3.5vw, 42px);}
				.sub_rnd .rnd_cont .desc_box {margin-top: clamp(26px, 3.33vw, 40px); padding: clamp(28px, 3.83vw, 46px) clamp(26px, 3.33vw, 40px) clamp(28px, 3.5vw, 42px);}
			}
			@media screen and (max-width:1023px){
				.sub_rnd .rnd_cont .rnd_detail + .rnd_detail {margin-top: clamp(40px, 6vw, 60px);}
			}
			@media screen and (max-width:860px){
				.sub_rnd .rnd_cont > .sub_title:before {width: 48px; height: 48px;}
			}
			@media screen and (max-width:640px){
				.sub_rnd .rnd_cont .desc_box {border-radius: 10px;}
			}
			@media screen and (max-width:479px){
				.sub_rnd .rnd_cont > .sub_title:before {width: 44px; height: 44px;}
			}
			
	/*** rnd/area (연구분야) ***/
		/* PC 일반 */
			.sub_rnd.area .rnd_cont .rnd_detail .img_box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
			.sub_rnd.area .rnd_cont .rnd_detail .img_box li {position: relative; width: 100%;}
				.sub_rnd.area .rnd_cont .rnd_detail .img_box.bd_img li:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 20px; z-index: -1;}
				.sub_rnd.area .rnd_cont .rnd_detail .img_box.bd_img li.bd_thumb:after {z-index: 1;}
				
			.sub_rnd.area .electric .rnd_detail .img_box .thumb {border-radius: 20px 20px 0 0;}
			.sub_rnd.area .electric .rnd_detail .img_box li p {display: inline-flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; padding: 28px 14px; border-top: 1px solid var(--border-color01); font-size: var(--title-18); color: var(--black-color03); letter-spacing: -0.02em; text-align: center;}
			
			.sub_rnd.area .research .rnd_detail .sub_title h6.dot {font-size: 120%;}
			.sub_rnd.area .research .rnd_detail .sub_title h6.dot:before {top: 15px;}
			.sub_rnd.area .research .rnd_detail .img_box {grid-template-columns: repeat(2, 1fr);}
			.sub_rnd.area .research .rnd_detail .sub_txt p {padding-top: 18px; color: var(--black-color06); text-align: center;}
			.sub_rnd.area .research .rnd_detail + .rnd_detail .img_box li:nth-child(3) {grid-column: 1 / span 2; grid-row: 2 / span 2;}
			
			@media screen and (max-width:1400px){
				.sub_rnd.area .rnd_cont .rnd_detail .img_box {gap: 24px;}
			}
			@media screen and (max-width:1200px){
				.sub_rnd.area .rnd_cont .rnd_detail .img_box {gap: 20px;}
			}
			@media screen and (max-width:1023px){
				.sub_rnd.area .electric .rnd_detail .img_box li p {padding: 24px 12px;}
				
				.sub_rnd.area .research .rnd_detail .sub_txt p {padding-top: 16px;}
			}
			@media screen and (max-width:860px){
				.sub_rnd.area .rnd_cont .rnd_detail .img_box {grid-template-columns: repeat(2, 1fr);}
				
				.sub_rnd.area .research .rnd_detail .sub_txt p {padding-top: 14px;}
			}
			@media screen and (max-width:640px){
				.sub_rnd.area .rnd_cont .rnd_detail .img_box {gap: 16px;}
				.sub_rnd.area .rnd_cont .rnd_detail .img_box.bd_img li:after {border-radius: 10px;}
				
				.sub_rnd.area .electric .rnd_detail .img_box .thumb {border-radius: 10px 10px 0 0;}
				.sub_rnd.area .electric .rnd_detail .img_box li p {padding: 20px 10px;}
				
				.sub_rnd.area .research .rnd_detail .img_box {grid-template-columns: repeat(1, 1fr);}
				.sub_rnd.area .research .rnd_detail + .rnd_detail .img_box li:nth-child(3) {grid-column: auto; grid-row: auto;}
			}
			@media screen and (max-width:479px){
				.sub_rnd.area .electric .rnd_detail .img_box li p {padding: 16px 6px;}
			}
			
	/*** rnd/equipment (장치) ***/
		/* PC 일반 */
			.sub_rnd.equipment .rnd_cont > .sub_title h4 {font-weight: 700;}
			.sub_rnd.equipment .equipment_list {display: grid; grid-template-columns: repeat(1, 1fr); gap: 60px;}
			.sub_rnd.equipment .equipment_list li {display: flex; align-items: center;}
			.sub_rnd.equipment .equipment_list li .img_box {width: 42.9%; height: 100%;}
			.sub_rnd.equipment .equipment_list li .img_box .thumb {height: 100%;}
			.sub_rnd.equipment .equipment_list li .txt_box {width: calc(100% - 42.9%); box-sizing: border-box; padding: 24px 0 24px 60px;}
			.sub_rnd.equipment .equipment_list li .txt_box .sub_title {margin-bottom: 28px;}
			.sub_rnd.equipment .equipment_list li .txt_box .sub_title h6 {color: var(--black-color02); font-family: var(--font-type01);}
			.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span {font-weight: 400; letter-spacing: -0.03em;}
			.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span + h6 {margin-top: 14px;}
			
			.sub_rnd.equipment .charac > .sub_title {padding-bottom: 50px;}
			
			.sub_rnd.equipment .printing > .sub_title {padding-bottom: 80px;}
			.sub_rnd.equipment .printing .equipment_list {grid-template-columns: repeat(3, 1fr);}
			.sub_rnd.equipment .printing .equipment_list li {flex-direction: column; align-items: center;}
			.sub_rnd.equipment .printing .equipment_list li .img_box {width: 100%; height: auto;}
			.sub_rnd.equipment .printing .equipment_list li .img_box .thumb {height: auto;}
			.sub_rnd.equipment .printing .equipment_list li .txt_box {width: 100%; padding: 26px 0 0;} 
			.sub_rnd.equipment .printing .equipment_list li .txt_box .sub_title {margin-bottom: 0;}
			.sub_rnd.equipment .printing .equipment_list li .txt_box .sub_title h6 {font-weight: 600;}
			.sub_rnd.equipment .printing .equipment_list li .txt_box .sub_title p {margin-top: 18px; font-size: 100%; line-height: 1.55;}
			
			
			@media screen and (max-width:1520px){
				.sub_rnd.equipment .equipment_list li .txt_box {padding: 24px 0 24px clamp(30px, 3.95vw, 60px);}
				.sub_rnd.equipment .equipment_list li .txt_box .dot_list li br:not(.pre) {display: none;}
				
				.sub_rnd.equipment .printing > .sub_title {padding-bottom: clamp(40px, 5.26vw, 80px);}
				.sub_rnd.equipment .printing .equipment_list {gap: clamp(30px, 3.95vw, 60px);}
			}
			@media screen and (max-width:1200px){
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title {margin-bottom: 24px;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span + h6 {margin-top: 12px;}
			}
			@media screen and (max-width:1023px){
				.sub_rnd.equipment .equipment_list li {flex-direction: column; align-items: flex-start;}
				.sub_rnd.equipment .equipment_list li .img_box {width: 100%; height: auto;}
				.sub_rnd.equipment .equipment_list li .txt_box {width: 100%; padding: 30px 0 0 0;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span {font-size: 105%;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span + h6 {margin-top: 10px;}
				
				.sub_rnd.equipment .charac .equipment_list {grid-template-columns: repeat(2, 1fr); gap: 50px 30px;}
				
				.sub_rnd.equipment .printing .equipment_list {gap: 50px 30px;}
				.sub_rnd.equipment .printing .equipment_list li .txt_box {padding: 22px 0 0;}
				.sub_rnd.equipment .printing .equipment_list li .txt_box .sub_title p {margin-top: 14px;}
			}
			@media screen and (max-width:860px){
				.sub_rnd.equipment .equipment_list li .txt_box {padding: 26px 0 0 0;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title {margin-bottom: 20px;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span {font-size: 100%;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span + h6 {margin-top: 8px;}
				
				.sub_rnd.equipment .charac .equipment_list {grid-template-columns: repeat(1, 1fr); gap: 40px 24px;}
				
				.sub_rnd.equipment .printing .equipment_list {grid-template-columns: repeat(2, 1fr); gap: 45px 24px;}
			}
			@media screen and (max-width:640px){
				.sub_rnd.equipment .equipment_list li .txt_box {padding: 26px 0 0 0;}
				
				.sub_rnd.equipment .printing .equipment_list {grid-template-columns: repeat(1, 1fr);}
				.sub_rnd.equipment .printing .equipment_list li .txt_box {padding: 20px 0 0;}
				.sub_rnd.equipment .printing .equipment_list li .txt_box .sub_title p {margin-top: 12px;}
			}
			@media screen and (max-width:479px){
				.sub_rnd.equipment .equipment_list li .txt_box {padding: 24px 0 0 0;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title {margin-bottom: 18px;}
				.sub_rnd.equipment .equipment_list li .txt_box .sub_title > span + h6 {margin-top: 6px;}
				
				.sub_rnd.equipment .charac .equipment_list {gap: 35px 20px;}
				
				.sub_rnd.equipment .printing .equipment_list {gap: 40px 20px;}
				.sub_rnd.equipment .printing .equipment_list li .txt_box {padding: 16px 0 0;}
				.sub_rnd.equipment .printing .equipment_list li .txt_box .sub_title p {margin-top: 8px;}
			}

/*───────────────────────────────────────────────────────────
	BOARD
───────────────────────────────────────────────────────────*/
	/*** common ***/
		/* PC 일반 */	
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height:50px;background:var(--point-white);color:var(--black-color06);font-size:var(--title-18);font-weight:400;border:1px solid var(--border-color01);padding:0 18px;border-radius:4px;letter-spacing: -0.03em;overflow:hidden;}
			#wrap select {background: var(--point-white) url('../images/sub/ico_select_arw.svg') no-repeat center right 20px; padding-right: 20px; appearance:none;}
			#wrap input[type="text"]::placeholder, #wrap input[type="password"]::placeholder, #wrap input[type="number"]::placeholder, #wrap input[type="date"]::placeholder {font-size:100%;font-weight:400;color:var(--black-color10);}
			
			#wrap input[type="radio"] + label {min-height: 21px; font-size:var(--title-18); color: var(--black-color03);}
			#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before {width: 20px; height: 21px; margin: -1px 5px 0 0; background: url("../images/sub/ico_rdo.png") no-repeat center; background-size: cover;}
			#wrap input[type="radio"]:checked + label:before, #wrap input[type="radio"]:checked + label::before {background: url("../images/sub/ico_rdo_on.png") no-repeat center; background-size: cover;}
			
			#wrap input[type="checkbox"] + label {min-height: 25px; font-size:var(--title-18); color: var(--black-color03);}
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 25px; height: 25px; margin: -3px 12px 0 0; background: url("../images/sub/ico_chk.png") no-repeat center; background-size: cover;}
			#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before {background: url("../images/sub/ico_chk_on.png") no-repeat center; background-size: cover;}
			
		@media screen and (max-width:860px){
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 47px; padding: 0 17px;}
			#wrap select {padding-right: 19px; background-position: center right 19px;}
			
			#wrap input[type="radio"] + label {min-height: 19px;}
			#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before {width: 18px; height: 19px; margin: -1px 3px 0 0;}
			
			#wrap input[type="checkbox"] + label {min-height: 22px;}
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 22px; height: 22px; margin: -3px 10px 0 0;}
		}
		@media screen and (max-width:479px){
			#wrap select,
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 44px; padding: 0 14px;}
			#wrap select {padding-right: 16px; background-position: center right 16px; background-size: 10px auto;}
			
			#wrap input[type="radio"] + label {min-height: 17px;}
			#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before {width: 16px; height: 17px; margin: -1px 3px 0 0;}
			
			#wrap input[type="checkbox"] + label {min-height: 20px;}
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 20px; height: 20px; margin: -3px 8px 0 0;}
		}
		
		
	/*** 검색 + 페이징 ***/
		/* PC 일반 */	
			.board_search {width:100%; background: var(--gray-bg01); margin-bottom: 40px; box-sizing:border-box; padding: 40px; border-radius: 10px; line-height: inherit; text-align: left; overflow: hidden;}
			.board_search fieldset {font-size: 0; line-height: inherit;}
			.board_search .search_wrap {display: flex; justify-content: center; gap: 10px;}
			.board_search .board_search_sel {width: 160px;}
			.board_search select {width: 100%;}
			.board_search .inp_custom {display: flex; width: 360px; border-radius: 4px; overflow: hidden;}
			#wrap .board_search input.input_text {width: calc(100% - 50px); margin-right: 0; border-radius: 4px 0 0 4px; border-right: 0;}
			.board_search .btn_submit {width:50px;height:50px;background: var(--point-color01) url('../images/sub/ico_search.svg') no-repeat center; background-size: 22px auto; padding:0;font-size:0;border:0;}

			#wrap .paging {padding-top:0;line-height:normal;font-size:0;margin: 40px auto 0;box-sizing:border-box;}
			#wrap .paging span {display:inline-block;}
			#wrap .paging a {display: inline-flex;font-size: var(--title-17);color: var(--black-color06);padding:0;border:0;border-radius:100%;box-sizing:border-box;width: 36px;height: 36px;line-height:normal;min-width: auto;text-align:center;align-items: center;justify-content: center;font-family:var(--font-type01);font-weight: 400;margin: 0 5px;overflow:hidden;}
			#wrap .paging a img {height:34px;width:34px;}
			#wrap .paging .on a, #wrap .paging a.on{color: var(--point-white);background: var(--point-color01);font-weight:500;}
			#wrap .paging .arrow a {font-size:0;}
			#wrap .paging .arrow.first a {background:url("../images/sub/paging_first.png") no-repeat 50%; margin: 0 2px 0 0;}
			#wrap .paging .arrow.prev a {background:url("../images/sub/paging_prev.png") no-repeat 50%; margin: 0 14px 0 0;}
			#wrap .paging .arrow.next a {background:url("../images/sub/paging_next.png") no-repeat 50%; margin: 0 0 0 14px;}
			#wrap .paging .arrow.last a {background:url("../images/sub/paging_last.png") no-repeat 50%; margin: 0 0 0 2px;}
			
		@media screen and (max-width:1200px){
			.board_search {margin-bottom: 35px; padding: 35px;}
		}
		@media screen and (max-width:1023px){
			.board_search {margin-bottom: 30px; padding: 30px;}
			.board_search .board_search_sel {width: 150px;}
			.board_search .inp_custom {width: 340px;}
		}
		@media screen and (max-width:860px){
			.board_search .board_search_sel {width: 140px;}
			.board_search .inp_custom {width: 320px;}
			#wrap .board_search input.input_text {width: calc(100% - 47px);}
			.board_search .btn_submit {width: 47px; height: 47px; background-size: 20px auto;}
			
			#wrap .paging{margin: 35px auto 0;}
			#wrap .paging a {width: 32px; height: 32px;}
			#wrap .paging .arrow.prev a {margin: 0 10px 0 0;}
			#wrap .paging .arrow.next a {margin: 0 0 0 10px;}
		}
		@media screen and (max-width:640px){
			.board_search {margin-bottom: 25px; padding: 25px; border-radius: 6px;}
			.board_search .search_wrap {flex-direction: column; align-items: flex-start;}
			.board_search .board_search_sel {width: 100%;}
			.board_search .inp_custom {width: 100%;} 
		}
		@media screen and (max-width:479px){
			.board_search {margin-bottom: 20px; padding: 20px;}
			.board_search .board_search_sel {margin-bottom: 0;}
			.board_search .board_search_sel select {margin-right: 0;}
			#wrap .board_search input.input_text {width: calc(100% - 44px);}
			.board_search .btn_submit {width: 44px; height: 44px; background-size: 18px auto;}
			
			#wrap .paging{margin: 30px auto 0;}
			#wrap .paging a {width: 28px; height: 28px; padding-bottom: 1px; margin: 0 3px;}
			#wrap .paging .arrow.prev a {margin: 0 6px 0 0;}
			#wrap .paging .arrow.next a {margin: 0 0 0 6px;}
		}
		
		
	/*** 목록 ***/
		/* 갤러리형 목록 */
			.gallery_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
			.gallery_list li {position: relative; width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid var(--trans-color); border-radius: 20px; overflow: hidden; transition: all 0.4s;}
			.gallery_list li > a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
            .gallery_list li:before, .gallery_list li:after{position: absolute;content:'';width: 100%;height: calc(100% + 1px);background: linear-gradient(180deg, #dcdcdc 20.38%, #fafafa 100%);border-radius: inherit;top:0;left:0;display: block;}
            .gallery_list li:after{background: linear-gradient(180deg, #fafafa 70%, #e2e2e2 100%);z-index: 2;opacity: 0;transition: all 0.4s;}
			.gallery_list li .thumb{position: relative;font-size: 0;padding-bottom: 71.5%;border-radius: 20px; overflow: hidden; z-index: 3;}
			.gallery_list li .thumb:before{position: absolute; content: ''; width: 70px; height: 70px; border-radius: 100%; background: rgba(0,0,0,0.7) url('../images/skin/main_plus.svg') no-repeat center / 20px auto; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 3; opacity: 0; margin-top: 30px; transition: all 0.4s;}
			.gallery_list li .thumb img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
			.gallery_list li .cont{position: relative;font-size: var(--title-20);padding: 25px 20px 95px 20px;box-sizing: border-box; z-index: 3;}
			.gallery_list li .desc{font-family: var(--font-type02);}
			.gallery_list li .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
			.gallery_list li .desc dt{font-weight: 400;color: var(--black-color02);letter-spacing: -0.03em;}
			.gallery_list li .desc dt + dd{margin-top: 17px;}
			.gallery_list li .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color06);letter-spacing: -0.03em;}
			.gallery_list li .date{position: absolute;left: 20px;bottom: 19px;font-size: 90%;font-weight: 400;color: var(--black-color08);letter-spacing: 0.01em;}
			.gallery_list.ta_center {grid-template-columns: repeat(1, 1fr); font-size: var(--title-18);}
			.gallery_list + .view_btn {padding-top: 6.25vw;}
			
			/* notice */
				.gallery_list.notice {grid-template-columns: repeat(1, 1fr); margin-bottom: 30px;}
				.gallery_list.notice li {display: flex; align-items: center;}
				.gallery_list.notice li .thumb {width: 28%; padding-bottom: 20%;}
				.gallery_list.notice li .cont {width: calc(100% - 28%); padding-left: 40px; padding-right: 40px;}
				.gallery_list.notice li .date {left: 40px;}
				.gallery_list.notice li .desc dt b {color: var(--point-color01); padding-right: 4px;}
			
			 /* over */
                @media screen and (min-width:1024px){
                    .gallery_list li:hover{box-shadow: 0 8px 0 #f0f0f0; border-color: var(--point-white);}
                    .gallery_list li:hover:after{opacity: 1;}
                    .gallery_list li:hover .thumb:before{margin-top: 0; opacity: 1;}
                }
			
		/* 일반형 목록 */	
			table.bbs_list {border-top:1px solid var(--black-color03);border-bottom:1px solid var(--border-color01);width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
			table.bbs_list tr {}
			table.bbs_list tr.board_notice td {background: var(--blue-bg01);}
			table.bbs_list tr.board_notice td.notice {color: var(--point-color01);}
			table.bbs_list tr.board_notice td .board_tit h3 {font-weight:500; color:var(--black-color04);}
			table.bbs_list th,
			table.bbs_list td {padding-left: 12px;padding-right: 12px;font-size: var(--title-18);line-height: normal;font-weight:400;color: var(--black-color06);letter-spacing:-0.01em;text-align:center;vertical-align:middle;font-family:var(--font-type01);}
			table.bbs_list th {padding-top: 20px;padding-bottom: 19px;border-bottom: 1px solid var(--border-color01);color:var(--black-color02);}
			table.bbs_list td {padding-top: 21px;padding-bottom: 21px;}
			table.bbs_list td:nth-child(1) {font-weight: 300;}
			table.bbs_list td .board_tit {}
			table.bbs_list td .board_tit .board_ico,
			table.bbs_list td .board_tit img,
			table.bbs_list td .board_tit h3,
			table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
			table.bbs_list td .board_tit img {vertical-align: middle;}
			table.bbs_list td .board_tit h3 {display: inline-block;vertical-align: middle;width: 100%;max-width: 100%;font-size: 100%;color:inherit;letter-spacing:-0.03em;}
			table.bbs_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 94%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
			table.bbs_list td.left {padding-right:0;}
		
		@media screen and (max-width:1400px){
			.gallery_list {gap: 40px 30px;}
		}
		@media screen and (max-width:1200px){
			.gallery_list {gap: 30px 20px;}
		}
		@media screen and (max-width:1023px){
			.gallery_list {grid-template-columns: repeat(2, 1fr); gap: 40px 30px;}
			.gallery_list.notice li .thumb {width: 38%; padding-bottom: 27.5%;}
			.gallery_list.notice li .cont {width: calc(100% - 38%); padding-left: 30px; padding-right: 30px;}
			.gallery_list.notice li .date {left: 30px;}
			
			table.bbs_list col:nth-child(1) {width: 9%;}
			table.bbs_list col:nth-child(3) {width: 15%;}
		}
		@media screen and (max-width:860px){
			.gallery_list {gap: 30px 20px;}
			.gallery_list li .cont {padding:20px 15px 85px 15px;}
            .gallery_list li .desc dt + dd{margin-top: 12px;}
            .gallery_list li .date{left:15px; bottom:15px;}
			.gallery_list.notice li .cont {padding-left: 24px; padding-right: 24px;}
			.gallery_list.notice li .date {left: 24px;}
			
			table.bbs_list th {padding-top: 18px; padding-bottom: 17px;}
			table.bbs_list td {padding-top: 19px; padding-bottom: 19px;}
			table.bbs_list col:nth-child(1) {width: 11%;}
			table.bbs_list :where(col, th, td):nth-child(3) {display: none;}
		}
		@media screen and (max-width:640px){
			.gallery_list {gap: 24px 14px;}
			.gallery_list li {border-radius: 10px;}
            .gallery_list li .cont{padding:15px 10px 75px 10px;}
			.gallery_list li .thumb {border-radius: 10px;}
            .gallery_list li .desc dt + dd{margin-top: 8px;}
            .gallery_list li .date{left:10px; bottom:10px;}
			.gallery_list.notice li {flex-direction: column; align-items: flex-start;}
			.gallery_list.notice li .thumb {width: 100%; padding-bottom: 71.5%;}
			.gallery_list.notice li .cont {width: 100%; padding-left: 10px; padding-right: 10px;}
			.gallery_list.notice li .date {left: 10px;}
			
			table.bbs_list col:nth-child(1) {width: 13%;}
		}
		@media screen and (max-width:540px){
			.gallery_list {grid-template-columns: repeat(1, 1fr);}
			.gallery_list li .cont {padding-bottom: 65px;}
		}
		@media screen and (max-width:479px){
			table.bbs_list th, table.bbs_list td {padding-left: 8px; padding-right: 8px;}
			table.bbs_list th {padding-top: 16px; padding-bottom: 15px;}
			table.bbs_list td {padding-top: 17px; padding-bottom: 17px;}
			table.bbs_list col:nth-child(1) {width: 56px;}
		}
		
	/*** 상세 ***/
		/* PC 일반 */
			.bbs_view {}
			.bbs_view div.view_tit {width:100%; box-sizing:border-box; padding: 30px 40px; border-bottom: 1px solid var(--border-color01); border-top: 1px solid var(--black-color00); background: #fff; font-size: var(--title-20); text-align: left;}
			.bbs_view div.view_tit:after {clear:both;content:"";display:block;}
			.bbs_view div.view_tit > h3 {font-size: 140%; width: 100%; color: var(--black-color02); font-weight: 500; line-height: 1.5; letter-spacing: -0.04em;}
			.bbs_view div.view_tit > p {display: block; width: 100%; padding-top: 18px; text-align: left;}
			.bbs_view div.view_tit > p span {font-size: var(--title-17); font-weight: 400; color:var(--black-color08); font-family: var(--font-type01);}
			.bbs_view div.view_tit > p span + span {}
			.bbs_view div.view_tit > p span + span:before {content:'';display:inline-block;width:1px;height:12px;background:var(--border-color01);margin:0 14px;}
			.bbs_view div.view_tit > p span em {display:inline-block;font-size:inherit;font-weight:500;color:var(--black-color07);margin-right:14px;}
			.bbs_view div.view_cont {padding: 40px; border: 0; border-bottom: 1px solid var(--border-color01); font-size:var(--title-18);}
			.sub_board .bbs_view .extra_editor_wrap {display:table;table-layout:fixed;border-collapse:collapse;width:100%;border:0;border-bottom: 1px solid var(--border-color01);}
			.sub_board .bbs_view .extra_editor_wrap > h4, 
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 24px 0;display:table-cell;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border: 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width:180px;background:none;color: var(--black-color02);font-size: var(--title-18);font-weight: 500;text-align: center;position:relative;z-index:1;}
			.sub_board .bbs_view .extra_editor_wrap > h4:after {content:'';display:block;position:absolute;width:1px;height:12px;background:var(--border-color01);top:50%;right:0;transform:translateY(-50%);}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 180px);padding-left: 50px;padding-right:50px;}
			.sub_board .bbs_view .extra_editor_wrap div.img_cont {}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size: var(--title-17);font-weight:400;color: var(--black-color08) !important;vertical-align:middle;display:block;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-size:inherit;color:inherit !important;font-weight:inherit;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
			
		@media only screen and (max-width:1200px) {
			.bbs_view div.view_tit {padding: 26px 36px 28px;}
			.bbs_view div.view_tit > h3 {font-size: 135%;}
			.bbs_view div.view_tit > p {padding-top: 16px;}
			.bbs_view div.view_cont {padding: 36px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {padding-left: 44px; padding-right: 44px;}
		}
		@media screen and (max-width:1023px){
			.bbs_view div.view_tit {padding: 22px 32px 24px;}
			.bbs_view div.view_tit > p {padding-top: 14px;}
			.bbs_view div.view_cont {padding: 32px;}
			.sub_board .bbs_view .extra_editor_wrap > h4,
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 22px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width: 154px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 154px); padding-left: 38px; padding-right: 38px;}
		}
		@media screen and (max-width:860px){
			.bbs_view div.view_tit {padding: 22px 28px 24px;}
			.bbs_view div.view_tit > h3 {font-size: 130%;}
			.bbs_view div.view_tit > p span em {margin-right: 10px;}
			.bbs_view div.view_tit > p span + span:before {margin: 0 12px;}
			.bbs_view div.view_cont {padding: 28px;}
		}
		@media screen and (max-width:640px){
			.bbs_view div.view_tit {padding: 20px 24px 22px;}
			.bbs_view div.view_tit > p {padding-top: 12px;}
			.bbs_view div.view_tit > p span em {margin-right: 8px;}
			.bbs_view div.view_tit > p span + span:before {height: 10px; margin: 0 10px;}
			.bbs_view div.view_cont {padding: 24px;}
			.sub_board .bbs_view .extra_editor_wrap > h4,
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 19px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width: 124px;}
			.sub_board .bbs_view .extra_editor_wrap > h4:after {height: 10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 124px); padding-left: 30px; padding-right: 30px;}
		}
		@media screen and (max-width:479px){
			.bbs_view div.view_tit {padding: 18px 16px 20px;}
			.bbs_view div.view_tit > p {padding-top: 12px;}
			.bbs_view div.view_tit > p span em {margin-right: 6px;}
			.bbs_view div.view_tit > p span + span:before {margin: 0 8px;}
			.bbs_view div.view_cont {padding: 24px 16px;}
			.sub_board .bbs_view .extra_editor_wrap > h4,
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 17px 0;}
			.sub_board .bbs_view .extra_editor_wrap > h4 {width: 104px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 104px); padding-left: 22px; padding-right: 22px;}
		}


	/*** 작성 ***/
		/* PC 일반 */
			.table_wrap {}
			.write_wrap {width: 100%; box-sizing: border-box; padding: 20px; border-top: 1px solid var(--black-color03); border-bottom: 1px solid var(--border-color01);}
			table.bbs_write {display:block; width:100%;}
			table.bbs_write.bbs_title {border-top: 0;}
			table.bbs_write tbody {display:flex; flex-wrap:wrap; gap: 0 64px;}
			table.bbs_write tr {display: flex; width:calc(50% - 32px); padding: 10px 0;}
			table.bbs_write tr.w100 {width:100%;}
			table.bbs_write th, table.bbs_write td {display:block; min-height: 60px; padding: 0; border: 0; line-height:normal;}
			table.bbs_write th {width: 208px; background: none; box-sizing: border-box; padding-top: 15px; padding-right: 15px; font-size: var(--title-20); color: var(--black-color03); font-weight: 500; letter-spacing: -0.02em;}
			table.bbs_write th.important:after {content:'*';display:inline-block;font-size:inherit;line-height:inherit;font-weight:inherit;color:var(--point-color01);margin-left:4px;}
			table.bbs_write th.pd10 {padding-top: 10px;} 
			table.bbs_write th.pdnone {padding-top: 0;}
			table.bbs_write td {display: flex; align-items: center; width: calc(100% - 208px); font-size: var(--title-18); color: var(--black-color06);}
				#wrap table.bbs_write select,
				#wrap table.bbs_write input[type="text"],
				#wrap table.bbs_write input[type="password"],
				#wrap table.bbs_write input[type="number"],
				#wrap table.bbs_write input[type="date"] {width: 100%; height: 60px;}
			
			table.bbs_write tr span, table.bbs_write tr input, table.bbs_write tr select, table.bbs_write tr textarea {letter-spacing: -0.02em;}
			#wrap table.bbs_write tr label {font-size: var(--title-16); color: var(--black-color03); letter-spacing: -0.04em;}
			table.bbs_write td .rdo_wrap {display: flex; flex-wrap: wrap; gap: 10px 20px;}
			table.bbs_write tr.capthca td {display:flex; gap: 10px;}
			table.bbs_write td .capthca_box {display:inline-flex; gap: 0 10px; box-sizing:border-box; padding:10px; border:1px solid var(--border-color01); border-radius: 4px; font-size:0; vertical-align:middle;}
			table.bbs_write tr td #captcha_box {position:relative; display:inline-block;width:auto;vertical-align:middle;margin-right:0;margin-bottom: 0;border-radius:4px;overflow: hidden;}
			table.bbs_write tr td #captcha_box img {height:40px !important;width: 155px !important;}
			table.bbs_write tr td #captcha_box:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 4px;}
			#wrap table.bbs_write tr td input[name="captcha"] {width:calc(100% - 208px);display:inline-block;min-width:auto;max-width: 230px;}
			table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {font-size:0;width:40px !important;height:40px;border:1px solid var(--border-color01);border-radius:4px;padding:0 !important;background:#fff url('../images/sub/ico_btn_reset.svg') no-repeat center !important; background-size: 16px auto !important;}
			
			.policy_cont {margin-top: 40px;}
			.policy_cont > div {line-height:inherit; padding-bottom:20px;}
			.policy_cont input[type="checkbox"] + label {font-weight: 500;}
			.policy_cont input[type="checkbox"] + label strong {font-size:inherit;font-weight:inherit;color:var(--point-color01);}
			.policy_cont .policy_text_box{word-break:keep-all;white-space:pre-line;padding:10px;box-sizing:border-box;border:1px solid var(--border-color01);border-radius:4px;height:160px;line-height:0;font-size:0;}
			.policy_cont .policy_text_box textarea{height:100%;overflow-y:auto;width:100%;background:none;outline:none;border:none;font-size:var(--title-15);color:var(--black-color07);font-weight:400;line-height:1.7;letter-spacing:-0.03em;resize:none;padding:10px;}
			.policy_cont .policy_text_box textarea::-webkit-scrollbar{width:4px;background: var(--border-color01);border-radius:2px;}
			.policy_cont .policy_text_box textarea::-webkit-scrollbar-thumb{width:4px;background:var(--black-color10);border-radius:2px;}
	
		@media screen and (max-width:1400px){
			table.bbs_write tbody {gap: 0 54px;}
			table.bbs_write th {width: 178px;}
			table.bbs_write td {width: calc(100% - 178px);}
		}
		@media screen and (max-width:1200px){
			.write_wrap {padding: 20px 16px;}
			table.bbs_write tbody {gap: 0 44px;}
			table.bbs_write th, table.bbs_write td {min-height: 56px;}
			table.bbs_write th {width: 158px;}
			table.bbs_write td {width: calc(100% - 158px);}
				#wrap table.bbs_write select,
				#wrap table.bbs_write input[type="text"],
				#wrap table.bbs_write input[type="password"],
				#wrap table.bbs_write input[type="number"],
				#wrap table.bbs_write input[type="date"] {height: 56px;}
				
			table.bbs_write tr td #captcha_box img {width: 140px !important; height: 36px !important;}
			table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {width: 36px !important; height: 36px; background-size: 14px auto !important;}
		}
		@media only screen and (max-width:1023px) {
			table.bbs_write tr {width: 100%;}
			table.bbs_write th {width: 198px;}
			table.bbs_write td {width: calc(100% - 198px);}
			
			.policy_cont {margin-top: 35px;}
			.policy_cont > div {padding-bottom: 16px;}
		}
		@media only screen and (max-width:860px) {
			table.bbs_write th, table.bbs_write td {min-height: 52px;}
			table.bbs_write th {width: 168px; padding-top: 12px;}
			table.bbs_write td {width: calc(100% - 168px);}
				#wrap table.bbs_write select,
				#wrap table.bbs_write input[type="text"],
				#wrap table.bbs_write input[type="password"],
				#wrap table.bbs_write input[type="number"],
				#wrap table.bbs_write input[type="date"] {height: 52px;}
			
			table.bbs_write td .rdo_wrap {gap: 8px 16px;}
			
			table.bbs_write td .capthca_box {gap: 0 8px; padding: 8px;}
			table.bbs_write tr td #captcha_box img {width: 132px !important; height: 34px !important;}
			table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {width: 34px !important; height: 34px; background-size: 12px auto !important;}
			
			.policy_cont {margin-top: 30px;}
			.policy_cont > div {padding-bottom: 14px;}
			.policy_cont .policy_text_box {height: 130px;}
		}
		@media only screen and (max-width:640px) {
			.write_wrap {padding: 22px 12px 10px;}
			table.bbs_write tr {flex-direction: column; padding-top: 0; padding-bottom: 20px;}
			table.bbs_write th, table.bbs_write td {min-height: inherit;}
			table.bbs_write th {width: 100%; padding: 0 0 10px;}
			table.bbs_write td {width: 100%; padding: 0;}
			table.bbs_write th.pd10 {padding-top: 0;}
			
			#wrap table.bbs_write tr label {font-size: var(--title-17);}
			
			table.bbs_write tr.capthca td {gap: 8px;}
			#wrap table.bbs_write tr td input[name="captcha"] {width: calc(100% - 200px); max-width: inherit;}
		}
		@media only screen and (max-width:479px) {
			.write_wrap {padding: 20px 10px 8px;}
			table.bbs_write tr {padding-bottom: 16px;}
			table.bbs_write th {padding: 0 0 8px;}
				#wrap table.bbs_write select,
				#wrap table.bbs_write input[type="text"],
				#wrap table.bbs_write input[type="password"],
				#wrap table.bbs_write input[type="number"],
				#wrap table.bbs_write input[type="date"] {height: 48px;}
			
			table.bbs_write tr.capthca td {flex-direction: column; align-items: flex-start;}
			#wrap table.bbs_write tr td input[name="captcha"] {width: 100%;}
			
			.policy_cont {margin-top: 25px;}
			.policy_cont > div {padding-bottom: 12px;}
		}
		
		

/*───────────────────────────────────────────────────────────
	 Products
───────────────────────────────────────────────────────────*/


.sub_products img { border-radius: 20px; }

.sub_products .flex_des { display: flex; flex-wrap: wrap; align-items: center; gap: 82px; }
.sub_products .flex_des img { width: calc(50% - 41px); max-width: 660px; }
.sub_products .flex_des .txt_box { width: calc(50% - 41px); }

.sub_products h4 { color: var(--black-color03); font-weight: 500; font-size: var(--title-20); line-height: 1.7; letter-spacing: 0.015em; }
.sub_products p { margin-top: 21px; color: var(--black-color06); font-weight: 400; font-size: var(--title-18); line-height: 1.78; letter-spacing: -0.02em; }
.sub_products p + p { margin-top: 20px; }

@media screen and (max-width: 1460px){
    .sub_products p br { display: none; }
}

@media screen and (max-width: 1440px){
    .sub_products h4 br { display: none; }
}

@media screen and (max-width: 1023px){
    .sub_products .flex_des { gap: 40px; }
    .sub_products .flex_des img { width: calc(50% - 20px); }
    .sub_products .flex_des .txt_box { width: calc(50% - 20px); }

    .sub_products p { margin-top: clamp(5px, 2.1vw, 21px); }
    .sub_products p + p { margin-top: clamp(5px, 2vw, 20px); }
}

@media screen and (max-width: 860px){
    .sub_products .flex_des { flex-direction: column; align-items: flex-start; }
    .sub_products .flex_des img { width: 100%; margin: 0 auto; }
    .sub_products .flex_des .txt_box { width: 100%; }
}

@media screen and (max-width: 640px){
    .sub_products img { border-radius: 10px; }
    .sub_products .flex_des { gap: 20px; }
}

@media screen and (max-width: 479px){
    .sub_products .flex_des { gap: 15px; }
}

/*───────────────────────────────────────────────────────────
	 fluids
───────────────────────────────────────────────────────────*/

.sub_products.fluids h4 { margin-top: 2px; }



@media screen and (max-width: 860px){
    .sub_products.fluids h4 { margin-top: 0; }
}


/*───────────────────────────────────────────────────────────
	 devices
───────────────────────────────────────────────────────────*/
.sub_products.devices h4 { margin-top: 3px; }

@media screen and (max-width: 860px){
    .sub_products.devices h4 { margin-top: 0; }
}



/*───────────────────────────────────────────────────────────
	 heaters
───────────────────────────────────────────────────────────*/
.sub_products.heaters .flex_des02 { display: flex; flex-wrap: wrap; width: 100%; gap: 39px; }
.sub_products.heaters .flex_des02 img { width: calc(100% / 2 - 19.5px); }

.sub_products.heaters h4 { margin-top: 61px; }


@media screen and (max-width: 1023px){
    .sub_products.heaters .flex_des02 { gap: 30px; }
    .sub_products.heaters .flex_des02 img { width: calc(100% / 2 - 15px); }
    .sub_products.heaters h4 { margin-top: clamp(20px, 6.1vw, 61px); }
}

@media screen and (max-width: 860px){
    .sub_products.heaters .flex_des02 { gap: 20px; }
    .sub_products.heaters .flex_des02 img { width: calc(100% / 2 - 10px); }
}

@media screen and (max-width: 640px){
    .sub_products.heaters .flex_des02 { flex-direction: column; }
    .sub_products.heaters .flex_des02 img { width: 100%; }
}