@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

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








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

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

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		body {}/*letter-spacing:-0.2px;*/
		div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
		b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
		input, button, textarea, select {}
			/* webfont */
		.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
		.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
		.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
		.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
		.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
		.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
		.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
		.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
			/* font weight */
		.fw_t {font-weight:300;}
		.fw_n {font-weight:400;}
		.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
		.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


		/*** common ***/


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


		/*** BOARD ***/


		/*** GOODS ***/


		/*** MEMBER ***/


		/*** SERVICE ***/


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

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



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

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

	}
	@media only screen and (max-width:1024px) {
		.nav_wrap .nav_box {padding:4.0% 0 3.8% 0;}
		.nav_wrap .nav_box h2 {font-size:36px;line-height:42px;}
		.nav_wrap .nav_box p,
		.nav_wrap .nav_box ul {display:none;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box {padding:4.8% 0 3.2% 0;}
		.nav_wrap .nav_box h2 {font-size:28px;line-height:32px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:6.2% 0 6% 0;}
		.nav_wrap .nav_box h2 {font-size:24px;line-height:28px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box {padding:0 0 0;margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);}
		.nav_wrap .nav_box h2 {padding:8.8% 0 4.8% 0;margin-left: -12px;margin-right: -12px;font-size:20px;line-height:28px;}
	}

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight:600;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:200px;height:58px;line-height:56px;font-size:18px;}
		.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-color) !important;background-color:var(--point-color) !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;}
		.btn_border, .btn_border:hover {border-color:var(--point-color) !important; background-color: #fff !important; color: var(--point-color) !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:10px;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 크기별 */
		.btn {width: 180px;}
			/* 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) {
			/* button 크기별 */
		.btn {width: 160px; height: 54px; line-height: 52px; font-size: 16px;}
	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
			/* button 크기별 */
		.btn {width: 140px;}
			/* 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: 100px;height: 50px;line-height: 48px;font-size: 14px;}
		.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:80px; height: 46px; line-height: 44px;}
		.btn_md {width:44px;font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	서브 공통
───────────────────────────────────────────────────────────*/
	.sub_container *{font-family: var(--font-family-type01);}
	
	/* 서브 비주얼 */
		.sub_visual{width:100%;height:520px;background-size:cover;background-position: center;position: relative;z-index:3;}
		.sub_visual .cont{position: absolute;left:50%;transform:translate(-50%);top:44.5%;}
		.sub_visual h3{font-size:60px;font-weight:500;color:#fff;letter-spacing: -0.02em;}

	/* 서브 로케이션 메뉴 */
		.sub_location {display:flex;align-items: center;margin-top:22px;}
		.sub_location .home {width:50px;height:50px;display: inline-flex;align-items: center;justify-content: center;background: #143578;border-radius: 100%;font-size: 18px;font-weight: 500;color: #fff;}
		.sub_location dl {font-size:0;vertical-align:top;box-sizing:border-box;text-align:left;display: flex;margin-left:20px;}
		.sub_location dt, .sub_location dd {position:relative;display: inline-flex;vertical-align:top;box-sizing:border-box;font-weight:400;font-size:18px;color: #fff;flex-wrap: wrap;align-items: center;min-width:180px;z-index:5;cursor: pointer;letter-spacing: -0.01em;}
		.sub_location dt:after, .sub_location dd:after{border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;content:"";position: absolute;right:0;top:46%;}	
		.sub_location dt.on:after, .sub_location dd.on:after{border-top:none;border-bottom:5px solid #fff;top:40%;}
		.sub_location dd{margin-left:60px;}
		.sub_location dd strong {display:inline-block;font-weight: 400;color:inherit;position:relative;z-index:1;width: 100%;box-sizing: border-box;}
			.sub_location dd:before{position: absolute;content:'';top:4px;left:-30px;width:1px;height:18px;background:rgba(255,255,255,0.5);}
		.sub_location dt span, .sub_location dd strong{display:block; box-sizing:border-box; padding: 0 55px 0 0;}
		.sub_location ul{display: none;position: absolute;top: calc(100% + 10px);left: 0;width: 100%;text-align: left;padding:15px 20px 13px;background:#fff;border-top:0;box-sizing:border-box;z-index: 5;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
		.sub_location ul li{}
		.sub_location ul li a{font-size:16px; font-weight:400; color:#666;padding: 5px 0;display: block;}
		.sub_location ul li.on a{color: #143578;font-weight:500;}

	/*sub title*/
		.sub_content_title{position:relative; text-align: center; font-size:var(--title-20); padding:0 15px; box-sizing:border-box;}
		.sub_content_title span{position: relative;font-size:20px;color:#143578;font-weight:700;display: flex;justify-content: center;font-family:var(--font-family-type02);}
		.sub_content_title span:after{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background: #DA811B;display: inline-block;margin-left:4px;margin-top:2px;}
		.sub_content_title h4{font-size:56px;color:#000;font-weight:700;margin-top:15px;}
			.sub_content_title h4 + h6{margin-top:23px;}
		.sub_content_title h6{font-size:120%; font-weight:600; color:#111; line-height:1.4;}
		.sub_content_title p{font-size:20px;color:#333;font-weight:400;margin-top:24px;}

	/* paging */
		#wrap .paging {padding-top:0;line-height:normal;font-size:0;margin: 60px auto 0;box-sizing:border-box;font-size: var(--title-20);}
		#wrap .paging span {display:inline-block;}
		#wrap .paging a {display: inline-flex;font-size: 90%;color:#888;padding:0;border:0;box-sizing:border-box;width: 34px;height: 34px;line-height:normal;min-width: auto;text-align:center;align-items: center;justify-content: center;border-radius: 100%;font-weight: 300;margin: 0 2.5px;font-family:var(--font-family-type02);}
		#wrap .paging a img {height:34px;width:34px;}
		#wrap .paging .on a, #wrap .paging a.on{color: var(--point-white);background: var(--point-color);}
		#wrap .paging .arrow a {font-size:0;width:34px;}
		#wrap .paging .arrow.first a {background:url("../images/sub/paging_first.png") no-repeat 50%; margin-right:5px;}
		#wrap .paging .arrow.prev a {background:url("../images/sub/paging_prev.png") no-repeat 50%; margin-right:10px;}
		#wrap .paging .arrow.next a {background:url("../images/sub/paging_next.png") no-repeat 50%; margin-left:10px;}
		#wrap .paging .arrow.last a {background:url("../images/sub/paging_last.png") no-repeat 50%; margin-left:5px;}
		
	@media only screen and (max-width:1200px) {
		.sub_visual{height:44.1vw;}
		.sub_visual h3{font-size:5vw;}
	}
	@media only screen and (max-width:1024px) {
		.sub_content_title span{font-size:18px;}
		.sub_content_title h4{font-size:42px;}
		.sub_content_title p{font-size:18px;margin-top:15px;}
		#wrap .paging{margin-top:55px;}
		#wrap .paging a{width:30px; height:30px;}
	}
	@media only screen and (max-width:860px) {
		.sub_visual h3{font-size:42px;}

		.sub_location .home, .sub_location dt, .sub_location dd{font-size:17px;}
		
		#wrap .paging{margin-top:50px;}

	}
	@media only screen and (max-width:767px) {
		.sub_visual h3{font-size:40px;}

		.sub_location .home, .sub_location dt, .sub_location dd{font-size:16px;}
	}
	@media only screen and (max-width:640px) {
		.for_pct{display:none;}

		.sub_visual{position:relative;  align-items:center; justify-content:center;}
		.sub_visual h3{font-size:38px;position: absolute;top:57%;left:50%;transform:translate(-50%, -50%);text-align: center;}

		.sub_visual .cont{transform:none;position: static;}

		.sub_location{position:absolute; left:0; top:100%; width:100%; margin-top:0; background:#fff;}
		.sub_location .home, .sub_location dt{display:none;}
		.sub_location dl{margin-left:0; width:100%;}
		.sub_location dd{margin-left:0; color:#333; height:50px; border:1px solid #ddd; width:100%;}
		.sub_location dd:after{border-top: 7px solid #000;border-left: 7px solid transparent;border-right: 7px solid transparent;content: "";position: absolute;right: 15px;top: 40%;}
		.sub_location dd.on:after{border-bottom:7px solid #000;top:35%;}
		.sub_location dd strong{padding:0 45px 0 15px;}
		.sub_location ul{top:100%; border-top:1px solid #ddd; width:calc(100% + 2px);left:-1px;padding:7px 15px;box-shadow:3px 3px 5px rgba(0,0,0,0.1);}

		.sub_content_title h4{font-size:36px;margin-top:10px;}
			.sub_content_title h4 + h6{margin-top:18px;}
		.sub_content_title p{font-size:16px;}

		#wrap .paging{margin-top:45px;}
		#wrap .paging a{width:28px; height:28px;}
	}
	@media only screen and (max-width:479px) {
		.sub_visual{height:52.1vw;}
		.sub_visual h3{font-size:36px;top:61%;}

		.sub_location dd{font-size:15px; height:45px;}
		.sub_location dd:after{border-top: 5px solid #000;border-left: 5px solid transparent;border-right: 5px solid transparent;}
		.sub_location dd.on:after{border-bottom: 5px solid #000;top:43%;}
		.sub_location ul li a{font-size:14px;}
		
		.sub_content_title span{font-size:16px;}
		.sub_content_title h4{font-size:32px;margin-top:5px;}
			.sub_content_title h4 + h6{margin-top:13px;}
		.sub_content_title p{font-size:14px;margin-top:8px;}
		
		#wrap .paging{margin-top:40px;}
		#wrap .paging a{width:26px; height:26px;}
	}
	@media only screen and (max-width:414px) {
		.sub_visual h3{font-size:32px;}
	}

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

	회사소개

───────────────────────────────────────────────────────────*/
	/*연혁*/
		.sub_history *{font-family:var(--font-family-type01);}
		/*탭*/
		.sub_history .history_tab{position: relative;border-bottom:2px solid #ddd;margin-top:96px;}
		.sub_history .history_tab .ov_box{width:29%;height:2px;content:"";background:#143578;position: absolute;bottom:-2px;left:0;transition:all 0.5s;}

		.sub_history .history_tab .sub_w_custom{display: flex;flex-wrap:wrap;}
		.sub_history .history_tab .tab_cont{width:33.3333%;cursor:pointer;box-sizing:border-box;text-align: center;padding-bottom:33px;position: relative;}
		.sub_history .history_tab .tab_cont:before{width:10px;height:10px;content:"";box-sizing:border-box;background: #aaa;border-radius:100%;position: absolute;left:50%;bottom:-6px;transform:translate(-50%);z-index:2;}
		.sub_history .history_tab .tab_cont:after{width:0;height:0;content:"";box-sizing:border-box;border-radius:100%;position: absolute;left:50%;bottom:-12px;background:rgba(20, 53, 120, 0.1);transform:translate(-50%);z-index:1;transition:all 0.5s;}
		.sub_history .history_tab .tab_cont strong{display: block;font-size:26px;color:#aaa;font-weight:700;}
		.sub_history .history_tab .tab_cont p{font-size:18px;color:#aaa;font-weight:400;margin-top:6px;}

		.sub_history .history_tab .tab_cont.on:before{background:#143578;}
		.sub_history .history_tab .tab_cont.on:after{width:22px;height:22px;}
		.sub_history .history_tab .tab_cont.on strong{color:#143578;}
		.sub_history .history_tab .tab_cont.on p{color:#555;}

		/*내용*/
			#wrap .history_content{box-sizing:border-box;margin-top:90px;}
			#wrap .history_content .history_box{display: none;}
			#wrap .history_content .history_box.on{display:block;}
			#wrap .history_content .history_box:after{content:"";clear:both;display: block;}
			#wrap .history_content .img_box{position:sticky;top:150px;left:0;display: inline-block;vertical-align: top;}
			#wrap .history_content .history_cont{display: block;vertical-align: top;float: right;width:50%;}
			#wrap .history_content .history_cont dl{position: relative;box-sizing:border-box;padding-left:60px;padding-bottom:52px;}
			#wrap .history_content .history_cont dl:before{width:1px;height:100%;content:"";background: #ddd;position: absolute;left:0;top:15px;}
			#wrap .history_content .history_cont dl:after{width:1px;height:0;content:"";background: #DA811B;position: absolute;left:0;top:15px;z-index: 3;transition:all 0.5s;}
			#wrap .history_content .history_cont dl.on:after{height:100%;}
			#wrap .history_content .history_cont dl dt{font-size:30px;color:#000;font-weight:700;position: relative;}
			#wrap .history_content .history_cont dl dt:before{width:11px;height:11px;content:"";background: #fff;box-sizing:border-box;border-radius:100%;border:2px solid #DA811B;position: absolute;left:-65px;top:15px;z-index:4;}
			#wrap .history_content .history_cont dl dd{margin-top:13px;}
			#wrap .history_content .history_cont dl dd div{display: flex;}
			#wrap .history_content .history_cont dl dd div + div{margin-top:10px;}
			#wrap .history_content .history_cont dl dd div strong{font-size:17px;color:#333;font-weight:500;display: block;width:35px;}
			#wrap .history_content .history_cont dl dd div strong + ul{width:calc(100% - 35px);padding-left:40px;margin-top:2px;}
			#wrap .history_content .history_cont dl dd div ul{width:100%;box-sizing:border-box;}
			#wrap .history_content .history_cont dl dd div ul li{font-size:16px;color:#666;font-weight:400;}
			#wrap .history_content .history_cont dl dd div ul li + li{margin-top:12px;}
	
		/*over*/
		@media only screen and (min-width:1024px){
			.sub_history .history_tab .tab_cont:hover:before{background:#143578;}
			.sub_history .history_tab .tab_cont:hover strong{color:#143578;}
			.sub_history .history_tab .tab_cont:hover p{color:#555;}
		}

		@media only screen and (max-width:1200px){
			.sub_history .history_tab{margin-top:54px;}
			.sub_history .history_tab .tab_cont strong{font-size:22px;}
			.sub_history .history_tab .tab_cont p{font-size:16px;}

			#wrap .history_content{margin-top:60px;}
			#wrap .history_content .img_box{width:50%;box-sizing:border-box;padding-right:30px;}
		}
		@media only screen and (max-width:860px){
			#wrap .history_content .history_cont dl{padding-left:30px;padding-bottom:36px;}
			#wrap .history_content .history_cont dl dt{font-size:24px;}
			#wrap .history_content .history_cont dl dt:before{left:-35px;top:11px;}

			#wrap .history_content .history_cont dl dd div strong{font-size:15px;width:26px;}
			#wrap .history_content .history_cont dl dd div strong + ul{width:calc(100% - 26px);padding-left:15px;}
			#wrap .history_content .history_cont dl dd div ul li{font-size:14px;}
			#wrap .history_content .history_cont dl dd div ul li + li{margin-top:6px;}
		}
		@media only screen and (max-width:640px){
			.sub_history .history_tab .tab_cont{padding-bottom:22px;}
			.sub_history .history_tab .tab_cont strong{font-size:18px;}
			.sub_history .history_tab .tab_cont p{font-size:14px;}

			#wrap .history_content .img_box{width:70%;padding:0;position: static;}
			#wrap .history_content .history_cont{float:none;width:100%;margin-top:30px;}

		}
		@media only screen and (max-width:500px){
			.sub_history .history_tab .tab_cont{padding-bottom:15px;}
			.sub_history .history_tab .tab_cont:before{width:8px;height:8px;bottom:-5px;}
			.sub_history .history_tab .tab_cont:after{bottom:-11px;}
			.sub_history .history_tab .tab_cont.on:after{width:18px;height:18px;}
			.sub_history .history_tab .tab_cont strong{font-size:16px;}
			.sub_history .history_tab .tab_cont p{font-size:12px;}

			#wrap .history_content .img_box{width:100%;}
		}

	/*비전*/
		#wrap .vision_box{position: relative;margin-top:79px;}
		.vision_box .logo{width: 520px;height:520px;box-sizing:border-box;border-radius:100%;border:2px dashed #ddd;position: absolute;top:0;left:50%;transform:translate(-50%);}
		.vision_box .logo:before{width:340px;height:340px;content:"";box-sizing:border-box;border-radius:100%;background:rgba(20, 53, 120, 0.1);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.vision_box .logo > div{width:260px;height:260px;box-sizing:border-box;border-radius:100%;background: #fff;border:6px solid #143578;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: flex;align-items: center;justify-content: center;}
		
		.vision_box .list{display: flex;justify-content: center;width:calc(100% + 240px);margin-left:-120px;flex-wrap:wrap;}
		.vision_box .list li{box-sizing:border-box;display: flex;align-items: center;margin:0 120px;width:calc(50% - 240px);}
		.vision_box .list li:nth-of-type(2n+1){flex-direction:row-reverse;}
		.vision_box .list li .icon{width:140px;height:140px;box-sizing:border-box;border-radius:100%;display: flex;align-items: center;justify-content: center;background: #143578;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15);position: relative;}
		.vision_box .list li .icon:before{width:calc(100% - 16px);height:calc(100% - 16px);content:"";box-sizing:border-box;border-radius:100%;border:1px dashed rgba(255, 255, 255, 0.3);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: flex;align-items: center;justify-content: center;}
		.vision_box .list li .txt{box-sizing:border-box;width:calc(100% - 140px);}
		.vision_box .list li:nth-child(-n+2){margin-bottom:240px;}
		.vision_box .list li:nth-of-type(2n+1) .txt{padding-right:24px;text-align: right;}
		.vision_box .list li:nth-of-type(2n) .txt{padding-left:24px;}
		.vision_box .list li .txt p{font-size:20px;color:#333;font-weight:500;}

		.vision_value{margin-top:140px;box-sizing:border-box;background:#f5f5f5;position: relative;}
		.vision_value:before{width:1px;height:120px;content:"";box-sizing:border-box;background: #ddd;position: absolute;left:50%;top:-60px;}
		.vision_value .value_box{position: relative;box-sizing:border-box;padding:120px 0 228px;overflow:hidden;}
		.vision_value .value_box:before{width: 659px;height: 837px;content:"";box-sizing:border-box;border-radius:100%;transform: rotate(15deg);border: 1px solid #143578;opacity: 0.3;position: absolute;right:-12.5%;top:-36%;}
		.vision_value .value_box:after{width: 457px;height: 277px;transform: rotate(75deg);content:"";box-sizing:border-box;border-radius:100%;border: 1px solid #143578;opacity: 0.3;position: absolute;bottom:-5%;left:-11%;}
		.vision_value .title{text-align: center;position: relative;}
		.vision_value .title h5{font-size:32px;color:#111;font-weight:600;font-family:'SUIT', sans-serif;margin-bottom:37px;}
		.vision_value .title p{font-size:20px;color:#666;font-weight:500;font-family:'SUIT', sans-serif;letter-spacing:0;line-height:1.6;}
		.vision_value .title p + p{margin-top: 20px;}

		.vision_value .list{display: flex;flex-wrap:wrap;width:calc(100% + 27px);margin-left:-13.5px;margin-top:60px;}
		.vision_value .list li{margin:0 13.5px;width:calc(25% - 27px);position: relative;z-index:3;}
		.vision_value .list li:nth-of-type(2n){transform:translateY(80px);}
		.vision_value .list li .thumb{width:100%;height:0;padding-bottom:134%;overflow:hidden;position: relative;}
		.vision_value .list li .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:initial;}
		.vision_value .list li dl{box-sizing:border-box;width:100%;padding:0 24px;position: absolute;bottom:19px;left:0;z-index:3;}
		.vision_value .list li dl dt{font-size:22px;color:#fff;font-weight:500;margin-bottom:7px;}
		.vision_value .list li dl dd{font-size:16px;color:#fff;font-weight:300;line-height:1.6;}

		#wrap .vision_patent{margin-top:98px;}
		#wrap .vision_patent .patent_list{display: flex;flex-wrap:wrap;width:calc(100% + 38px);margin-left:-19px;margin-top:64px;}
		#wrap .vision_patent .patent_list li{margin:0 19px 40px;box-sizing:border-box;width:calc(20% - 38px);text-align: center;}
		#wrap .vision_patent .patent_list li .thumb{width:100%;height:0;padding-bottom:137.5%;overflow:hidden;position: relative;}
		#wrap .vision_patent .patent_list li .thumb img{width:100%;max-height:initial;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		#wrap .vision_patent .patent_list li p{font-size:20px;color:#111;font-weight:600;margin-top:21px;}

		@media only screen and (max-width:1500px){
			.vision_value .value_box:before{width:30%;height:55%;right:-11.5%;top:-36%;}
		}
		@media only screen and (max-width:1200px){
			.vision_value{margin-top:100px;}
			.vision_value:before{height:70px;top:-35px;}
			.vision_value .value_box{padding:80px 0 180px;}
			.vision_value .title h5{font-size:28px;margin-bottom:20px;}			
			.vision_value .title p{font-size:18px;}
			.vision_value .title p + p{margin-top:15px;}

			.vision_value .list{width:calc(100% + 20px);margin-left:-10px;}
			.vision_value .list li{margin:0 10px;width:calc(25% - 20px);}
			.vision_value .list li:nth-of-type(2n){transform:translateY(50px);}
			.vision_value .list li dl{padding:0 12px;}
			.vision_value .list li dl dd{font-size:14px;}

			#wrap .vision_patent .patent_list{width:calc(100% + 20px);margin-left:-10px;}
			#wrap .vision_patent .patent_list li{margin:0 10px 40px;width:calc(20% - 20px);}
		}
		@media only screen and (max-width:1024px){
			.vision_box .logo{width:55%;height:0;padding-bottom:55%;;}
			.vision_box .logo:before{width:75%;height:75%;}
			.vision_box .logo > div{width:60%;height:60%;}
			.vision_box .list li .icon{width:120px;height:120px;}
			.vision_box .list li .txt{width:calc(100% - 120px);}
			.vision_box .list li:nth-of-type(2n+1) .txt{padding-right:15px;;}
			.vision_box .list li:nth-of-type(2n) .txt{padding-left:15px;;}
			.vision_box .list li .txt p{font-size:16px;}

			#wrap .vision_patent{margin-top:60px;}
			#wrap .vision_patent .patent_list{margin-top:30px;}
			#wrap .vision_patent .patent_list li{width:calc(25% - 20px);}
			#wrap .vision_patent .patent_list li p{font-size:18px;}
		}	
		@media only screen and (max-width:860px){
			.vision_box .list li:nth-child(-n+2){margin-bottom:195px;}

			.vision_value .title h5 br{display: none;}
			.vision_value .title p br{display: none;}
			.vision_value .value_box:before{display: none;}
			.vision_value .value_box:after{display: none;}
			.vision_value .list li{width:calc(50% - 20px);margin:0 10px 30px}
			.vision_value .list li:nth-of-type(2n){transform:none;}
			.vision_value .list li dl dd br{display: none;}

			#wrap .vision_patent .patent_list li{width:calc(33.3333% - 20px);}
		}
		@media only screen and (max-width:767px){
			#wrap .vision_box{margin-top:35px;}
			.vision_box .logo{position: relative;}
			.vision_box .logo > div img{width:75%;}

			.vision_value .value_box{padding:80px 0;}
			.vision_box .list{width:100%;margin:30px 0 0 0;}	
			.vision_box .list li{width:100%;margin:15px 0 !important;}
			.vision_box .list li:nth-child(-n+2){margin-bottom:0;}
			.vision_box .list li:nth-of-type(2n+1){flex-direction:row;}
			.vision_box .list li:nth-of-type(2n+1) .txt{text-align:left;padding-left:15px;}

			#wrap .vision_patent .patent_list{width:calc(100% + 15px);margin-left:-7.5px;}
			#wrap .vision_patent .patent_list li{margin:0 7.5px 25px;width:calc(50% - 15px);}
			#wrap .vision_patent .patent_list li p{margin-top:10px;font-size:16px;}
		}
		@media only screen and (max-width:500px){
			.vision_box .logo{width:88%;padding-bottom:88%;}

			.vision_box .list li{margin:8px 0 !important;}
			.vision_box .list li .icon{width:90px;height:90px;;}
			.vision_box .list li .icon img{max-height:38px;}
			.vision_box .list li:nth-child(1) .icon img{width:41%;}

			.vision_value{margin-top:50px;}
			.vision_value:before{height:40px;top:-20px;}
			.vision_value .value_box{padding:50px 0;}
			.vision_value .title h5{font-size:20px;margin-bottom:10px;}
			.vision_value .title p{font-size:14px;}
			.vision_value .title p + p{margin-top:10px;}

			.vision_value .list{margin-top:30px;width:calc(100% + 15px);margin-left:-7.5px;}
			.vision_value .list li{margin:0 7.5px 20px;width:calc(50% - 15px);}
			.vision_value .list li dl dt{font-size:16px;}
			.vision_value .list li dl dd{font-size:12px;}
		}

	/*조직도*/
		.sub_chart{text-align: center;background:url('../images/sub/work_bg.png')no-repeat center;padding-top:98px;}
		.sub_chart h5{width:230px;height:230px;box-sizing:border-box;border-radius:100%;background:linear-gradient(180deg, #3B7CCA 0%, #143578 100%);margin:0 auto;position: relative;}
		.sub_chart h5:before{width:calc(100% + 40px);height:calc(100% + 40px);content:"";box-sizing:border-box;border-radius:100%;position: absolute;top:-20px;left:-20px;border:1px dashed #143578;}
		.sub_chart .ceo{display: block;width:100%;height:100%;position: relative;display: flex;align-items: center;justify-content: center;}
		.sub_chart .ceo > div{}
		.sub_chart .ceo p{font-size:26px;color:#fff;font-weight:500;margin-top:12px;}
		.sub_chart .ceo img{}

		.sub_chart .chart_box{width:calc(100% + 120px);margin-left:-60px;display: flex;flex-wrap:wrap;position: relative;margin-top:80px;justify-content: space-between;}
		.sub_chart .chart_box:before{width:1px;height:80px;content:"";background: #ddd;position: absolute;left:calc(50% - 1px);top:-80px;}
		.sub_chart .chart_box:after{width:66.6666%;height:1px;content:"";background: #ddd;position: absolute;top:0;left:50%;transform:translate(-50%);}
		.sub_chart .chart_box > li{width:calc(33.3333% - 120px);position: relative;padding-top:60px;margin:0 60px;}
		.sub_chart .chart_box > li:before{width:1px;height:60px;content:"";background: #ddd;position: absolute;left:50%;top:0;}
		.sub_chart .chart_box > li > span{display: inline-flex;box-sizing:border-box;width:100%;height:74px;align-items: center;justify-content: center;background: #333;font-size:22px;color:#fff;font-weight:500;position: relative;padding:0 10px;}
		.sub_chart .chart_box > li:nth-child(1) > span{background: #111;}
		.sub_chart .chart_box > li > span:before{width:12px;height:12px;content:"";box-sizing:border-box;border-radius:100%;background: #DA811B;border:2px solid #fff;position: absolute;left:50%;top:-6px;transform:translate(-50%);}
		.sub_chart .chart_box .dep2{padding-top:20px;position: relative;}
		.sub_chart .chart_box .dep2:before{width:1px;height:20px;content:"";background: #ddd;position: absolute;left:50%;top:0;}
		.sub_chart .chart_box .dep2 li{position: relative;}
		.sub_chart .chart_box .dep2 li + li{padding-top:14px;}
		.sub_chart .chart_box .dep2 li + li:before{width:1px;height:14px;content:"";background: #ddd;position: absolute;left:50%;top:0;}
		.sub_chart .chart_box .dep2 li span{display: inline-flex;box-sizing:border-box;width:100%;height:68px;align-items: center;justify-content: center;border:2px solid #ddd;font-size:20px;color:#111;font-weight:500;position: relative;background: #fff;}

		@media only screen and (max-width:1024px){
			.sub_chart .chart_box{width:calc(100% + 60px);margin-left:-30px;}
			.sub_chart .chart_box > li{margin:0 30px;width:calc(33.3333% - 60px);}
		}
		@media only screen and (max-width:860px){
			.sub_chart{padding-top:50px;}
			.sub_chart h5{width:180px;height:180px;}
			.sub_chart .ceo img{width:70%;}
			.sub_chart .ceo p{font-size:20px;}

			.sub_chart .chart_box{margin-top:50px;width:calc(100% + 20px);margin-left:-10px;}
			.sub_chart .chart_box:before{height:50px;top:-50px;left:50%;}
			.sub_chart .chart_box > li{margin:0 10px;width:calc(33.3333% - 20px);padding-top:30px;}
			.sub_chart .chart_box > li > span{font-size:18px;}
			.sub_chart .chart_box .dep2 li span{height:50px;font-size:16px;}
		}	
		@media only screen and (max-width:640px){
			.sub_chart .chart_box > li > span{height:96px;}
			.sub_chart .chart_box .dep2 li span{height:70px;}
		}
		@media only screen and (max-width:500px){
			.sub_chart h5{width:150px;height:150px;}
			.sub_chart .ceo p{font-size:18px;}
			
			.sub_chart .chart_box{width:100%;margin-left:0;}
			.sub_chart .chart_box > li > span{height:70px;}
			.sub_chart .chart_box:after{display: none;}
			.sub_chart .chart_box > li{margin:0;width:100%;}
			.sub_chart .chart_box .dep2 li span{height:60px;}
		}

	/*파트너*/
		.sub_partner .partner_tab{width:100%;box-sizing:border-box;padding:47px 15px;display: flex;align-items: center;justify-content: center;background: #f5f5f5;margin-top:79px;}
		.sub_partner .partner_tab ul{display: flex;flex-wrap:wrap;}
		.sub_partner .partner_tab ul li{margin:0 7px;box-sizing:border-box;width:120px;background: #fff;border:1px solid #ddd;text-align: center;cursor:pointer;padding:27px 0 16px;}
		.sub_partner .partner_tab .icon{display: flex;align-items: center;justify-content: center;height:34px;}
		.sub_partner .partner_tab ul li:nth-child(1) .icon{background:url('../images/sub/partner_tab01.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(2) .icon{background:url('../images/sub/partner_tab02.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(3) .icon{background:url('../images/sub/partner_tab03.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(4) .icon{background:url('../images/sub/partner_tab04.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(5) .icon{background:url('../images/sub/partner_tab05.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab p{font-size:16px;color:#aaa;font-weight:500;margin-top:17px;}

		/*on*/
		.sub_partner .partner_tab ul li.on{background:#143578;border-color:#143578;}	
		.sub_partner .partner_tab ul li:nth-child(1).on .icon{background:url('../images/sub/partner_tab01_on.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(2).on .icon{background:url('../images/sub/partner_tab02_on.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(3).on .icon{background:url('../images/sub/partner_tab03_on.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(4).on .icon{background:url('../images/sub/partner_tab04_on.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li:nth-child(5).on .icon{background:url('../images/sub/partner_tab05_on.png')no-repeat center;background-size:auto 100%;}
		.sub_partner .partner_tab ul li.on p{color:#fff;}

		.partner_list_box{margin-top:60px;}
		.partner_list_box .list{display:none;flex-wrap:wrap;}
		.partner_list_box .list.on{display: flex;}
		.partner_list_box .list li{width:25%;height:100px;box-sizing:border-box;border:1px solid #ddd;border-left:none;padding:10px 10px;}
		.partner_list_box .list li div{display: flex;align-items: center;justify-content: center;height:100%;}

		.partner_list_box .list li.list_5n{width:20%;}
		.partner_list_box .list li.list_5n:nth-child(n+6){border-top:none;}
		.partner_list_box .list li.list_5n:nth-of-type(5n+1){border-left:1px solid #ddd;}
		
		.partner_list_box .list li.list_4n{width:25%;}
		.partner_list_box .list li.list_4n:nth-child(n+5){border-top:none;}
		.partner_list_box .list li.list_4n:nth-of-type(4n+1){border-left:1px solid #ddd;}

		.partner_list_box .list li.list_3n{width:33.3333%;}
		.partner_list_box .list li.list_3n:nth-child(n+4){border-top:none;}
		.partner_list_box .list li.list_3n:nth-of-type(3n+1){border-left:1px solid #ddd;}

		.partner_list_box .list li.list_2n{width:50%;}
		.partner_list_box .list li.list_2n:nth-child(n+3){border-top:none;}
		.partner_list_box .list li.list_2n:nth-of-type(2n+1){border-left:1px solid #ddd;}

		/*over*/
		@media only screen and (min-width:1024px){
			.sub_partner .partner_tab ul li:hover{background:#fff;border-color:#143578;}	
			.sub_partner .partner_tab ul li:hover:nth-child(1) .icon{background:url('../images/sub/partner_tab01_hover.png')no-repeat center;background-size:auto 100%;}
			.sub_partner .partner_tab ul li:hover:nth-child(2) .icon{background:url('../images/sub/partner_tab02_hover.png')no-repeat center;background-size:auto 100%;}
			.sub_partner .partner_tab ul li:hover:nth-child(3) .icon{background:url('../images/sub/partner_tab03_hover.png')no-repeat center;background-size:auto 100%;}
			.sub_partner .partner_tab ul li:hover:nth-child(4) .icon{background:url('../images/sub/partner_tab04_hover.png')no-repeat center;background-size:auto 100%;}
			.sub_partner .partner_tab ul li:hover:nth-child(5) .icon{background:url('../images/sub/partner_tab05_hover.png')no-repeat center;background-size:auto 100%;}
			.sub_partner .partner_tab ul li:hover p{color:#143578;}
		}

		@media only screen and (max-width:1024px){
			.sub_partner .partner_tab{margin-top:50px;}

		}
		@media only screen and (max-width:767px){
			.sub_partner .partner_tab ul{width:calc(100% + 14px);margin-left:-7px;}
			.sub_partner .partner_tab ul li{width:calc(20% - 14px);}
			.sub_partner .partner_tab .icon{height:26px;}
		}
		@media only screen and (max-width:640px){
			.sub_partner .partner_tab{padding:30px 15px;}
			.sub_partner .partner_tab ul li{padding:12px 0 10px;}
			.sub_partner .partner_tab p{font-size:14px;margin-top:10px;}

			.partner_list_box{margin-top:40px;}
		}
		@media only screen and (max-width:500px){
			.sub_partner .partner_tab{margin-top:30px;padding:30px 10px 23px;}
			.sub_partner .partner_tab ul{justify-content: center;}
			.sub_partner .partner_tab ul li{width:calc(33.333% - 14px);margin:0 7px 10px;padding:16px 0 13px;}
			.partner_list_box .list li{height:70px;padding:16px 30px;}
		}

	/*location*/
		.sub_location_wrap{margin-top:63px;}
		.sub_location_wrap .map_box{width:100%;height:0;padding-bottom:41.7%;position: relative;overflow:hidden;}
		.sub_location_wrap .map_box > div{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.sub_location_wrap .root_daum_roughmap .wrap_map{width:100%;height:100%;}
		.sub_location_wrap .info_box{box-sizing:border-box;display: flex;align-items: center;border:1px solid #ddd;border-top:none;padding:45px 0 42px 50px;flex-wrap:wrap;}
		.sub_location_wrap .info_box .logo{width: 194px;}
		.sub_location_wrap .info_box .info{box-sizing:border-box;width:calc(100% - 194px);padding-left:130px;}
		.sub_location_wrap .info_box .info div{display: flex;align-items: center;width:calc(100% + 40px);margin-left:-20px;flex-wrap:wrap;}
		.sub_location_wrap .info_box .info div + div{margin-top:10px;}
		.sub_location_wrap .info_box .info dl{display: inline-flex;align-items: center;margin:0 20px;}
		.sub_location_wrap .info_box .info dl dt{margin-right:10px;}
		.sub_location_wrap .info_box .info dl dd{font-size:17px;color:#333;font-weight:500;opacity:0.8;font-family:'SUIT';}
		.sub_location_wrap .info_box .info dl dd.info_adr{color:#000;}	

		@media only screen and (max-width:1200px){
			.sub_location_wrap .info_box{padding:45px 30px 42px 30px;}
			.sub_location_wrap .info_box .info{padding-left:50px;}
		}
		@media only screen and (max-width:767px){
			.sub_location_wrap .map_box{padding-bottom:60%;}

			.sub_location_wrap .info_box .info{width:100%;padding:30px 0 0 0;}
		}
		@media only screen and (max-width:500px){
			.sub_location_wrap{margin-top:50px;}
			.sub_location_wrap .map_box{padding-bottom:100%;}

			.sub_location_wrap .info_box{padding:25px 15px 25px 15px;}
			.sub_location_wrap .info_box .logo{width:150px;}
			.sub_location_wrap .info_box .info{padding:18px 0 0 0;}
			.sub_location_wrap .info_box .info div{width:100%;margin-left:0;}
			.sub_location_wrap .info_box .info dl{width:100%;margin:0;}
			.sub_location_wrap .info_box .info dl + dl{margin-top:10px;}
			.sub_location_wrap .info_box .info dl dd{font-size:14px;}

		}

/*───────────────────────────────────────────────────────────
	 GOODS
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		.sub_list {}
		.sub_goods .sub_content_title h4 {display:none;}
		.sub_goods .sub_content_title h4.on {display:block;}
			/* 서브 카테고리 */
		#wrap .sub_cate_wrap {margin-bottom:0;border-top:0;border-bottom:0;padding-top:35px;}
		#wrap .sub_cate_wrap ul.sub_cate {margin:0;line-height:normal;vertical-align:top;text-align:center;font-size: 0;}
		#wrap .sub_cate_wrap ul.sub_cate:after {clear:both; content:""; display:block;}
		#wrap .sub_cate_wrap ul.sub_cate li {display: inline-block;padding: 0 30px !important;line-height:26px;font-size:0;float: none;text-align:left;box-sizing:border-box;vertical-align:top;font-size: var(--title-20);}
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:95%;color:#aaa;font-weight:400;display:inline-block;line-height: normal;vertical-align:top;padding-top:10px;position:relative;}
		#wrap .sub_cate_wrap ul.sub_cate li.on a {font-weight:700;color:#DA811B;}
		#wrap .sub_cate_wrap ul.sub_cate li.on a:before {content:'';display:block;position:absolute;width:4px;height:4px;background:#DA811B;border-radius:50%;top:0;left:50%;transform:translateX(-50%);}
		#wrap .sub_cate_wrap ul.sub_cate li:hover a {color:#aaa;}
		#wrap .sub_cate_wrap ul.sub_cate li + li:before {display:none;}
			/* 리스트 */
		#wrap .sub_list .list {padding-top:80px;}
		#wrap .sub_list .list_Galleryform ul{position:relative;width: 100%;display:flex;flex-wrap:wrap;}
		#wrap .sub_list .list_Galleryform ul li{position:relative;width: calc(100% / 3 - 20px);background:var(--point-white);margin: 0 30px 0 0;transition:all 0.5s;border: 1px solid #ddd;box-sizing: border-box;}
		#wrap .sub_list .list_Galleryform ul li:nth-child(3n){margin-right: 0;}
		#wrap .sub_list .list_Galleryform ul li:nth-child(n+4){margin-top:40px;}
		#wrap .sub_list .list_Galleryform ul li a {position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;}
		#wrap .sub_list .list_Galleryform ul .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		#wrap .sub_list .list_Galleryform ul .thumb{position: relative;font-size:0;width: calc(100% + 2px);height:300px;overflow: hidden;border: 0;padding:0;margin-left: -1px;margin-top: -1px;}
		#wrap .sub_list .list_Galleryform ul .thumb img{width:100%;height:100%;object-fit:cover;}
		#wrap .sub_list .list_Galleryform ul .info{/* position:relative; */padding: 29px 30px 90px;box-sizing:border-box;font-size:var(--title-20);border-top: 0;display: flex;justify-content: space-between;flex-direction: column;align-items: baseline;transition:all 0.5s;box-sizing: border-box;}
		#wrap .sub_list .list_Galleryform ul .info dl{}
		#wrap .sub_list .list_Galleryform ul .info dl dt{font-weight:600;color:#111;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
		#wrap .sub_list .list_Galleryform ul .info dl dt + dd{margin-top: 6px;}
		#wrap .sub_list .list_Galleryform ul .info dl dd{font-size:80%; font-weight:400; color:#666; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		#wrap .sub_list .list_Galleryform ul .info .price{display: inline-block;font-size:80%;font-weight:500;color:var(--point-color);border-bottom:1px solid var(--point-color);line-height: 1.2;padding-top: 30px;position: absolute;bottom: 30px;}
			/* 상세페이지 | goods/goods_view.html */
		#wrap .sub_view {padding-top:80px;}
		#wrap .sub_view .info {background:#f5f5f5;padding:80px 0;}
		#wrap .sub_view .info .goods_info {display:flex;align-items:flex-start;}
		#wrap .sub_view .info .goods_info .view_img {width:560px;}
		#wrap .sub_view .info .goods_info .view_img .img_wrap {width:100%;height:460px;position:relative;overflow:hidden;}
		#wrap .sub_view .info .goods_info .view_img .img_wrap img {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		#wrap .sub_view .info .goods_info .view_img .prd_img_cont {margin-top:14px;}
		#wrap .sub_view .info .goods_info .view_img .prd_img_cont .swiper-pagination-progressbar {width:100%;height:3px;background:#ddd;position:static;border-radius:1.5px;margin-top:12px;}
		#wrap .sub_view .info .goods_info .view_img .prd_img_cont .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius:1.5px;background:var(--point-org);}
		#wrap .sub_view .info .goods_info .exp {background:#fff;margin-left:80px;width:calc(100% - 560px - 80px);box-sizing:border-box;padding:50px;font-size:var(--title-20);}
		#wrap .sub_view .info .goods_info .exp em {font-size:90%;font-weight:400;color:#666;display:block;line-height:normal;padding-bottom:16px;}
		#wrap .sub_view .info .goods_info .exp strong {display:block;font-size:180%;font-weight:600;color:#111;letter-spacing:-0.03em;line-height:normal;}
		#wrap .sub_view .info .goods_info .exp span {font-size:90%;font-weight:500;border-bottom:1px solid var(--point-color);color:var(--point-color);line-height:normal;box-sizing:border-box;padding-top:40px;display:inline-block;}
		#wrap .sub_view .info .goods_info .exp .extra_wrap {margin-top:35px;padding:24px 0 66px;border-top:1px solid #ddd;}
		#wrap .sub_view .info .goods_info .exp .extra_wrap dl {padding:8px 0;}
		#wrap .sub_view .info .goods_info .exp .extra_wrap dl dt {font-size: 85%;font-weight:600;color:#666;width:35%;padding:0;border:0;margin:0;}
		#wrap .sub_view .info .goods_info .exp .extra_wrap dl dd {font-size: 85%;font-weight:400;color:#888;}
		#wrap .sub_view .info .goods_info .exp .extra_wrap dl[class*='코드번호'] {display:none;}
		#wrap .sub_view .info .goods_info .exp .btn_estimate {width:100%;height:64px;background:var(--point-color) !important;border:0 !important;line-height:64px;font-size:100%;font-weight:600;}
		#wrap .sub_view .info_wrap {margin:100px 0 0;text-align:left;}
		#wrap .sub_view .info_wrap .info_li {margin:0;}
		#wrap .sub_view .info_wrap .info_li dt.info_tit {color:#222;font-size:25px;font-weight:700;padding:0 0 1.2%;margin:0 0 3.6%;border-bottom:1px solid #222;text-align:left;}
		#wrap .sub_view .info_wrap .info_li img {max-width:100%;width:auto;height:auto;margin:0 auto;}
		#wrap .sub_view .info_wrap .info_li p {color:#666;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-0.5px;}


		@media only screen and (min-width:1024px) {
			.sub_cate_wrap ul.sub_cate li:hover a {color:#DA811B;font-weight:700;}
			#wrap .sub_list .list_Galleryform ul li:hover {box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.30);border-color:#fff;}
		}
		@media only screen and (max-width:1230px) {
			#wrap .sub_view .info .goods_info .view_img {width:47%;}
			#wrap .sub_view .info .goods_info .view_img .img_wrap {height:0;padding-bottom:84%;}
			#wrap .sub_view .info .goods_info .exp {width:calc(100% - 47% - 60px);margin-left:60px;}
		}
		@media only screen and (max-width:1024px) {
			#wrap .sub_list .list_Galleryform ul li {margin:0 15px 0 0;width:calc(100% / 3 - 10px);}
			#wrap .sub_list .list_Galleryform ul li:nth-child(n+4){margin-top:30px;}
			#wrap .sub_list .list_Galleryform ul .thumb {padding-bottom:79%;height:0;}
		}
		@media only screen and (max-width:768px) {
			#wrap .sub_cate_wrap {padding-top:25px;}
			#wrap .sub_cate_wrap ul.sub_cate li {padding:0 20px !important;}
			#wrap .sub_list .list {padding-top:60px;}
			#wrap .sub_view .info_wrap {margin-top:80px;}
			#wrap .sub_view .info {padding:50px 0;}
			#wrap .sub_view .info .goods_info .exp {width:calc(100% - 47% - 40px);margin-left:40px;padding:40px;}
			#wrap .sub_view .info .goods_info .exp .extra_wrap {padding:20px 0 50px;}
			#wrap .sub_view .info .goods_info .exp .btn_estimate {height:54px;line-height:54px;}
			#wrap .sub_view {padding-top:60px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .sub_cate_wrap {padding-top:20px;}
			#wrap .sub_cate_wrap ul.sub_cate li {margin-bottom:10px;}
			#wrap .sub_cate_wrap ul.sub_cate li a {font-size:90%;}
			#wrap .sub_list .list_Galleryform ul li {width:calc(100% / 2 - 7.5px);}
			#wrap .sub_list .list_Galleryform ul li:nth-child(3n){margin-right:15px;}
			#wrap .sub_list .list_Galleryform ul li:nth-child(2n){margin-right:0;}
			#wrap .sub_list .list_Galleryform ul li:nth-child(n+3) {margin-top:15px;}
			#wrap .sub_list .list_Galleryform ul .info {padding:25px 30px 80px;}
			#wrap .sub_list .list {padding-top:50px;}
			#wrap .sub_view .info_wrap {margin-top:60px;}
			#wrap .sub_view .info {padding:40px 0;}
			#wrap .sub_view .info .goods_info {flex-direction:column;}
			#wrap .sub_view .info .goods_info .view_img,
			#wrap .sub_view .info .goods_info .exp {width:100%;margin:0;}
			#wrap .sub_view .info .goods_info .exp {padding:30px;margin-top:30px;}
			#wrap .sub_view .info .goods_info .exp strong {font-size:160%;}
			#wrap .sub_view .info .goods_info .exp span {padding-top:20px;}
			#wrap .sub_view .info .goods_info .exp .extra_wrap {padding:20px 0 40px;}
			#wrap .sub_view .info .goods_info .exp .extra_wrap dl dd {font-size:95%;}
			#wrap .sub_view .info .goods_info .exp .btn_estimate {height:50px;line-height:50px;}
			#wrap .sub_view {padding-top:50px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .sub_cate_wrap ul.sub_cate li {padding:0 15px !important;}
			#wrap .sub_list .list_Galleryform ul .info {padding:25px 30px 70px;}
			#wrap .sub_list .list {padding-top:40px;}
			#wrap .sub_view .info_wrap {margin-top:50px;}
			#wrap .sub_view {padding-top:40px;}
		}
		@media only screen and (max-width:431px) {
			#wrap .sub_list .list_Galleryform ul li {width:100%;margin:0 !important;}
			#wrap .sub_list .list_Galleryform ul li + li {margin-top:15px !important;}
		}
		

/*───────────────────────────────────────────────────────────
	 BOARD
───────────────────────────────────────────────────────────*/
	/* 검색 */
		#wrap select {height: 50px; background: #fff url("../images/sub/icon_select_arw.png") no-repeat right 20px center; box-sizing: border-box; border: 1px solid #ddd; padding: 0 15px; font-size: 16px; outline: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
		#wrap select::-ms-expand { display: none; }
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height: 50px; box-sizing: border-box; border: 1px solid #ddd; padding: 0 15px; font-size: 16px; color: #666;}
		
		#wrap input[type="checkbox"] {display:none;}
		#wrap input[type="checkbox"] + label {line-height: 27px;cursor:pointer;display:inline-block;position:relative;padding-left:37px;word-break:keep-all;color:#666;font-size:16px;}
		#wrap input[type="checkbox"] + label:before, #wrap 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;}
		#wrap input[type="checkbox"]:hover + label:before, #wrap input[type="checkbox"]:hover + label::before { background:url("../images/skin/icon_chk_hover.png") no-repeat 0 50%; background-size:cover;}
		#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before { background:url("../images/skin/icon_chk_on2.png") no-repeat 0 50%; background-size:cover;}

		.board_search {background-color:#fff;margin:66px 0 30px;padding:0;font-size:0;}
		.board_search fieldset {line-height:inherit;font-size:0;}
		.board_search select,
		.board_search input,
		.board_search span,
		.board_search label {vertical-align:top; line-height:inherit;}
		.board_search select {width: 160px; margin-right:10px;}
		.board_search input.input_text {width: 280px; margin-right: 0;}
		.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;}
		.board_search .btn_md {font-size:0; width: 50px; height: 50px; background-color: #143578 !important; border-color: #143578 !important; background-repeat: no-repeat; background-position: center; background-image: url("../images/sub/board_search_btn.png"); background-size: 22px auto;}

		@media only screen and (max-width:1024px) {
			#wrap select {height: 46px; font-size: 15px;}
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 46px; font-size: 15px;}
			
			#wrap input[type="checkbox"] + label {padding-left: 32px; font-size: 15px; line-height: 25px;}
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 23px; height: 23px;}
			
			.board_search {margin: 56px 0 30px;}
			.board_search .btn_md {width: 46px; height: 46px; background-size: 20px auto;}
		}
		@media only screen and (max-width:860px) {
			.board_search {margin: 46px 0 30px;}
			.board_search select {width: 140px;}
			.board_search input.input_text {width: 240px;}
		}
		@media only screen and (max-width:640px) {
			#wrap select {height: 42px; font-size: 14px;}
			#wrap input[type="text"],
			#wrap input[type="password"],
			#wrap input[type="number"],
			#wrap input[type="date"] {height: 42px; font-size: 14px;}
			
			#wrap input[type="checkbox"] + label {padding-left: 29px; font-size: 14px; line-height: 23px;}
			#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before {width: 21px; height: 21px;}
			
			.board_search {margin: 36px 0 25px;}
			.board_search .board_search_sel{width:100%; margin-bottom:10px;}
			.board_search select {width: 100%; margin-right: 0;}
			.board_search input.input_text {width: calc(100% - 42px);}
			.board_search .btn_md {width: 42px; height: 42px; background-size: 18px auto;}
		}
		@media only screen and (max-width:479px) {
			.board_search {margin: 26px 0 25px;}
			.board_search input.btn_md {width: 42px;}
		}
	
	/* 제품 */
		#wrap .prd_wrap {position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box;}
		#wrap .prd_wrap a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
		#wrap .prd_wrap .thumb {position: relative; width: 70px; padding-bottom: 24.1%; overflow: hidden;}
		#wrap .prd_wrap .thumb img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
		#wrap .prd_wrap .info {width: calc(100% - 70px); box-sizing: border-box; padding-left: 14px;}
		#wrap .prd_wrap .info dt,
		#wrap .prd_wrap .info dd {white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
		#wrap .prd_wrap .info dt {font-size: 16px; color: #111; font-weight: 600; line-height: 1.6;}
		#wrap .prd_wrap .info dd {margin-top: 6px; font-size: 12px; color: #666; line-height: 1;}
		
		/* 게시판 상세, 쓰기 */
			#wrap .bbs_view .prd_wrap,
			#wrap .bbs_write .prd_wrap {display: inline-flex; width: auto;}
			#wrap .bbs_view .prd_wrap .thumb,
			#wrap .bbs_write .prd_wrap .thumb {width: 120px; padding-bottom: 26%;}
			#wrap .bbs_view .prd_wrap .info,
			#wrap .bbs_write .prd_wrap .info {width: calc(100% - 120px); padding-left: 24px;}
			#wrap .bbs_view .prd_wrap .info dt,
			#wrap .bbs_write .prd_wrap .info dt {font-size: 18px;}
			#wrap .bbs_view .prd_wrap .info dd,
			#wrap .bbs_write .prd_wrap .info dd {margin-top: 8px; font-size: 14px;}
		/* 제품 선택 팝업 */
			#wrap .ly_pop_box .prd_list li .prd_wrap .thumb {padding-bottom: 17.1%;}
		
		
		@media only screen and (max-width:1240px) {
			/* 게시판 리스트 */
				#wrap .bbs_list .prd_wrap .thumb {width: 60px; padding-bottom: 21%;}
				#wrap .bbs_list .prd_wrap .info {width: calc(100% - 60px); padding-left: 10px;}
		}
		@media only screen and (max-width:1024px) {
			#wrap .prd_wrap .info dt {font-size: 15px;}
			#wrap .prd_wrap .info dd {margin-top: 4px; font-size: 11px;}
			
			/* 게시판 상세, 쓰기 */
				#wrap .bbs_view .prd_wrap .thumb,
				#wrap .bbs_write .prd_wrap .thumb {width: 100px; padding-bottom: 24%;}
				#wrap .bbs_view .prd_wrap .info,
				#wrap .bbs_write .prd_wrap .info {width: calc(100% - 100px); padding-left: 20px;}
				#wrap .bbs_view .prd_wrap .info dt,
				#wrap .bbs_write .prd_wrap .info dt {font-size: 17px;}
				#wrap .bbs_view .prd_wrap .info dd,
				#wrap .bbs_write .prd_wrap .info dd {margin-top: 6px; font-size: 13px;}
		}
		@media only screen and (max-width:860px) {
			/* 게시판 리스트 */
				#wrap .bbs_list .prd_wrap .thumb {width: 50px; padding-bottom: 28%;}
				#wrap .bbs_list .prd_wrap .info {width: calc(100% - 50px);}
		}
		@media only screen and (max-width:640px) {
			#wrap .prd_wrap .info dt {font-size: 14px;}
			#wrap .prd_wrap .info dd {margin-top: 2px; font-size: 10px;}

			/* 게시판 리스트 */
				#wrap .bbs_list .prd_wrap .thumb {width: 40px; padding-bottom: 31%;}
				#wrap .bbs_list .prd_wrap .info {width: calc(100% - 40px);}
			/* 게시판 상세, 쓰기 */
				#wrap .bbs_view .prd_wrap .thumb,
				#wrap .bbs_write .prd_wrap .thumb {width: 80px; padding-bottom: 21%;}
				#wrap .bbs_view .prd_wrap .info,
				#wrap .bbs_write .prd_wrap .info {width: calc(100% - 80px); padding-left: 16px;}
				#wrap .bbs_view .prd_wrap .info dt,
				#wrap .bbs_write .prd_wrap .info dt {font-size: 16px;}
				#wrap .bbs_view .prd_wrap .info dd,
				#wrap .bbs_write .prd_wrap .info dd {margin-top: 4px; font-size: 12px;}
			/* 제품 선택 팝업 */
				#wrap .ly_pop_box .prd_list li .prd_wrap .thumb {width: 60px; padding-bottom: 14%;}
				#wrap .ly_pop_box .prd_list li .prd_wrap .info {width: calc(100% - 60px); padding-left: 12px;}
		}
		@media only screen and (max-width:479px) {
			/* 게시판 리스트 */
				#wrap .bbs_list .prd_wrap {flex-direction: column; align-items: flex-start;}
				#wrap .bbs_list .prd_wrap .info {width: 100%; padding-left: 0;}
				#wrap .bbs_list .prd_wrap .info dt {padding-top: 6px; font-size: 13px;}
			/* 게시판 상세 */
				#wrap .bbs_view .prd_wrap .info dt {font-size: 15px;}
			/* 게시판 쓰기 */
				#wrap .bbs_write .prd_wrap .info {padding-left: 14px;}
				#wrap .bbs_write .prd_wrap .info dt {font-size: 15px;}
			/* 제품 선택 팝업 */
				#wrap .ly_pop_box .prd_list li .prd_wrap .thumb {width: 55px; padding-bottom: 15%;}
				#wrap .ly_pop_box .prd_list li .prd_wrap .info {width: calc(100% - 55px); padding-left: 10px;}
		}
		@media only screen and (max-width:395px) {
			/* 제품 선택 팝업 */
				#wrap .ly_pop_box .prd_list li .prd_wrap .thumb {padding-bottom: 19%;}
		}
		@media only screen and (max-width:379px) {
			/* 게시판 쓰기 */
				#wrap .bbs_write .prd_wrap .thumb {padding-bottom: 28%;}
		}
		@media only screen and (max-width:350px) {
			/* 게시판 쓰기 */
				#wrap .bbs_write .prd_wrap .thumb {width: 70px; padding-bottom: 28%;}
				#wrap .bbs_write .prd_wrap .info {width: calc(100% - 70px); padding-left: 12px;}
		}
		
	/** 일반 게시판 리스트 | 견적문의 **/
		#wrap table.bbs_list {border-top-color: #111; border-bottom-color: #ddd;}
		#wrap table.bbs_list col.num {min-width: 44px !important;}
		#wrap table.bbs_list col.prd {min-width: 210px !important;}
		#wrap table.bbs_list col.date {min-width: 80px !important;}
		#wrap table.bbs_list th {padding: 23px 0 22px; font-size: 17px; color: #111; font-weight: 600;}
		#wrap table.bbs_list td {padding: 23px 0; font-size: 16px; color: #666; font-weight: 400;}
		#wrap table.bbs_list td.left {padding-left: 14px; padding-right: 14px;}
		#wrap table.bbs_list td .board_tit a {display: block; width: 100%;}
		#wrap table.bbs_list td .board_tit h3 {width: 100%; font-size:17px; font-weight: 500; color: #333;}
		#wrap table.bbs_list td .board_tit h3 .board_ico {font-size: 0;}
		#wrap table.bbs_list td .board_tit h3 strong {border-bottom: 1px solid transparent; transition: all 0.2s;}
		
		#wrap table.bbs_list tr.board_notice td {background: #f4f4f4;}
		#wrap table.bbs_list tr.board_notice td:nth-of-type(1) {color: #DA811B !important; font-weight: bold;}

		@media only screen and (min-width:1023px) {
			#wrap table.bbs_list td .board_tit a:hover h3 strong {border-bottom: 1px solid #333; transition: all 0.2s;}
		}
		@media only screen and (max-width:1240px) {
			#wrap table.bbs_list col.num {width: 6.5%;}
		}
		@media only screen and (max-width:1024px) {
			#wrap table.bbs_list col.writer,
			#wrap table.bbs_list col.date {width: 11%;}
			
			#wrap table.bbs_list th {padding: 21px 0 20px; font-size: 16px;}
			#wrap table.bbs_list td {padding: 21px 0; font-size: 15px;}
			#wrap table.bbs_list td.left {padding-left: 10px; padding-right: 10px;}
			
			#wrap table.bbs_list td .board_tit h3 {font-size: 16px;}
		}
		@media only screen and (max-width:860px) {
			#wrap table.bbs_list col.num {width: 7.5%;}
			#wrap table.bbs_list col.prd {min-width: 195px !important;}
			#wrap table.bbs_list col.writer,
			#wrap table.bbs_list col.date {width: 12%;}
		}
		@media only screen and (max-width:640px) {
			#wrap table.bbs_list.inquiry col.num,
			#wrap table.bbs_list.inquiry th:first-child,
			#wrap table.bbs_list.inquiry td:first-child {display: none;}
			#wrap table.bbs_list col.prd {width: 32%; min-width: 175px !important;}
			#wrap table.bbs_list col.writer {width: 70px;}
			#wrap table.bbs_list.inquiry col.date,
			#wrap table.bbs_list.inquiry th:last-child,
			#wrap table.bbs_list.inquiry td:last-child {display: none;}
			
			#wrap table.bbs_list th {padding: 18px 0 17px; font-size: 15px;}
			#wrap table.bbs_list td {padding: 18px 0; font-size: 14px;}
			#wrap table.bbs_list td.left {padding-left: 8px; padding-right: 8px;}
			#wrap table.bbs_list td .board_tit h3 {font-size: 15px;}
		}
		@media only screen and (max-width:479px) {
			#wrap table.bbs_list col.prd {min-width: 120px !important;}
			#wrap table.bbs_list col.writer {width: 65px;}
			
			#wrap table.bbs_list th {padding: 16px 0 15px; font-size: 14px;}
			#wrap table.bbs_list td {padding: 16px 0; font-size: 13px;}
			#wrap table.bbs_list td .board_tit h3 {font-size: 14px;}
			#wrap table.bbs_list.inquiry td .board_tit h3 strong {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		}
			
		
	/** 갤러리 게시판 리스트 | 설치사례 **/
		#wrap .sub_board ul.bbs_gallery {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 30px; padding: 0;}
		#wrap ul.bbs_gallery li {float: none; width: 100%; margin: 0; transition: all 0.4s;}
		#wrap ul.bbs_gallery li .thumb {border: 0; padding: 0 0 81.6%;}
		#wrap ul.bbs_gallery li .thumb img {width: auto; height: 100%; min-width: 100%; min-height: 100%; max-width: 120%; max-height: 120%;}
		#wrap ul.bbs_gallery li .info {position: absolute; left: 0; bottom: 0; width: 100%; padding: 28px 30px; box-sizing: border-box; background: var(--transparent); font-size: var(--title-20); color: var(--point-white); transition: all 0.4s;}
		#wrap ul.bbs_gallery li .info dt{font-size:80%; font-weight: 400; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.4s;}
		#wrap ul.bbs_gallery li .info dt + dd{margin-top: 7px;}
		#wrap ul.bbs_gallery li .info dd {font-weight: 600; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.4s;}
		#wrap .sub_board ul.bbs_gallery + .view_btn .paging {margin-top: 25px;}
		
		#wrap .gallery_notice {border-top-color: #111; margin-bottom: 30px;}
		#wrap .gallery_notice li {display: flex; align-items: center; background: #f4f4f4; border-bottom-color: #ddd; padding: 20px 30px;}
		#wrap .gallery_notice li .info {box-sizing: border-box; padding-left: 24px; font-size: var(--title-20); color: #111;}
		#wrap .gallery_notice li .info dt{color: var(--point-org); font-size:80%; font-weight: 500; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.4s;}
		#wrap .gallery_notice li .info dt + dd{margin-top: 7px;}
		#wrap .gallery_notice li .info dd {font-weight: 600; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.4s;}
		
		@media only screen and (min-width:1023px) {
			#wrap ul.bbs_gallery li:hover {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);}
			#wrap ul.bbs_gallery li:hover .info {background: var(--point-white);}
			#wrap ul.bbs_gallery li:hover .info dt {color: var(--point-org);}
			#wrap ul.bbs_gallery li:hover .info dd {color: #111;}
		}
		@media only screen and (max-width:1023px) {
			#wrap .sub_board ul.bbs_gallery {gap: 30px 20px;}
			#wrap ul.bbs_gallery li .info {padding: 23px 25px;}
			
			#wrap .gallery_notice li {padding: 18px 28px;}
		}
		@media only screen and (max-width:860px) {
			#wrap .sub_board ul.bbs_gallery {grid-template-columns: repeat(2, 1fr);}
			
			#wrap .gallery_notice li {padding: 16px 24px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .sub_board ul.bbs_gallery {gap: 25px 20px;}
			
			#wrap .gallery_notice li {padding: 14px 20px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .gallery_notice {margin-bottom: 25px;}
			#wrap .sub_board ul.bbs_gallery {grid-template-columns: repeat(1, 1fr);}
			
			#wrap .gallery_notice li {padding: 12px 16px;}
		}
	
	/** 게시판 비밀번호 입력 **/
		#wrap .sub_pw_input {margin-top: 66px;}
		#wrap .sub_pw_input .ok_box a.ok_bt {background: var(--point-color); border-color: var(--point-color);}
		
		@media only screen and (max-width:1024px) {
			#wrap .sub_pw_input {margin-top: 56px;}
		}
		@media only screen and (max-width:860px) {
			#wrap .sub_pw_input {margin-top: 46px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .sub_pw_input {margin-top: 36px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .sub_pw_input {margin-top: 26px;}
		}

	/** 게시판 상세 **/
		#wrap .bbs_view {margin-top: 66px;}
		#wrap .bbs_view div.view_tit {background: none; padding: 26px 30px 30px; border-top-color: #111; border-bottom-color: #ddd;}
		#wrap .bbs_view div.view_tit > h3 {width: 100%; font-size: var(--title-28); color: #111; font-weight: 600; line-height: 1.6;}
		#wrap .bbs_view div.view_tit .view_info {display: flex; width: 100%; margin-top: 10px;}
		#wrap .bbs_view div.view_tit .view_info dl {display: inline-flex;}
		#wrap .bbs_view div.view_tit .view_info dl + dl {margin-left: 30px;}
		#wrap .bbs_view div.view_tit .view_info dt,
		#wrap .bbs_view div.view_tit .view_info dd {font-size: 16px; color: #888;}
		#wrap .bbs_view div.view_tit .view_info dt {color: #666; font-weight: 600; margin-right: 8px;}
		#wrap .bbs_view div.view_cont {position: relative; padding: 30px; border-bottom-color: #ddd; font-size: 17px; line-height: 1.7;}
		#wrap .sub_board .bbs_view .extra_editor_wrap {border-top-color: #ddd; border-bottom-color: #ddd;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4 {position: relative; background: #fff; font-size: 16px; font-weight: 600; color: #666; text-align: center;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4:before {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #D9D9D9;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 20px 40px; font-size: 16px; color: #888;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont span, #wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont a {font-size: inherit; color: inherit !important;}
		#wrap .view_btn .btn_wrap {padding-top: 70px;}
		#wrap .view_btn .btn_wrap.ta_right .btn {width: 160px;}
		/* 견적문의 */
			#wrap .bbs_view .view_prd {width: 100%; box-sizing: border-box; border-bottom: 1px dashed #ddd; padding: 24px 30px;}
			#wrap .bbs_view div.view_cont.inquiry {padding-left: 80px;}
			#wrap .bbs_view div.view_cont.inquiry:before {content: "Q."; position: absolute; left: 30px; top: 32px; font-size: var(--title-24); color: var(--point-color); font-weight: bold; font-family: var(--font-family-type02); line-height: 1;}
			#wrap .bbs_view + .bbs_view div.view_cont.inquiry:before {content: "A."; color: var(--point-org);}
			
		@media only screen and (max-width:1024px) {
			#wrap .bbs_view {margin-top: 56px;}
			#wrap .bbs_view div.view_tit {padding: 24px 28px 28px;}
			#wrap .bbs_view div.view_tit .view_info dt,
			#wrap .bbs_view div.view_tit .view_info dd {font-size: 15px;}
			#wrap .bbs_view div.view_cont {padding: 28px; font-size: 16px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > h4,
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {font-size: 15px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 20px 30px;}
			#wrap .view_btn .btn_wrap {padding-top: 60px;}
			#wrap .view_btn .btn_wrap.ta_right .btn {width: 140px;}
			/* 견적문의 */
				#wrap .bbs_view .view_prd {padding: 22px 28px;}
				#wrap .bbs_view div.view_cont.inquiry {padding-left: 76px;}
				#wrap .bbs_view div.view_cont.inquiry:before {left: 28px; top: 30px;}
		}
		@media only screen and (max-width:860px) {
			#wrap .bbs_view {margin-top: 46px;}
			#wrap .bbs_view div.view_tit {padding: 22px 24px 26px;}
			#wrap .bbs_view div.view_cont {padding: 26px 24px;}
			#wrap .view_btn .btn_wrap {padding-top: 50px;}
			#wrap .view_btn .btn_wrap.ta_right .btn {width: 120px;}
			/* 견적문의 */
				#wrap .bbs_view .view_prd {padding: 20px 24px;}
				#wrap .bbs_view div.view_cont.inquiry {padding-left: 66px;}
				#wrap .bbs_view div.view_cont.inquiry:before {left: 24px; top: 28px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .bbs_view {margin-top: 36px;}
			#wrap .bbs_view div.view_tit {padding: 20px 20px 24px;}
			#wrap .bbs_view div.view_cont {padding: 24px 20px;}
			#wrap .bbs_view div.view_tit .view_info dt,
			#wrap .bbs_view div.view_tit .view_info dd {font-size: 14px;}
			#wrap .bbs_view div.view_cont {font-size: 15px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > h4,
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 15px; font-size: 14px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 15px 30px;}
			#wrap .view_btn .btn_wrap {padding-top: 40px;}
			#wrap .view_btn .btn_wrap.ta_right .btn {width: 100px;}
			/* 견적문의 */
				#wrap .bbs_view .view_prd {padding: 18px 20px;}
				#wrap .bbs_view div.view_cont.inquiry {padding-left: 56px;}
				#wrap .bbs_view div.view_cont.inquiry:before {left: 20px; top: 27px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .bbs_view {margin-top: 26px;}
			#wrap .bbs_view div.view_tit {padding: 18px 16px 22px;}
			#wrap .bbs_view div.view_cont {padding: 22px 16px;}
			#wrap .view_btn .btn_wrap.ta_right .btn {width: 80px;}
			/* 견적문의 */
				#wrap .bbs_view .view_prd {padding: 16px;}
				#wrap .bbs_view div.view_cont.inquiry {padding-left: 46px;}
				#wrap .bbs_view div.view_cont.inquiry:before {left: 16px; top: 25px;}
		}
		@media only screen and (max-width:320px) {
			#wrap .view_btn .btn_wrap.ta_right .btn {width: 60px;}
		}
		
	
	/** 게시판 쓰기 **/
		#wrap .bbs_wrap {margin-top: 66px; border-top: 1px solid #111; border-bottom: 1px solid #ddd; padding: 15px 0;}
		#wrap table.bbs_write {border-collapse: collapse;}
		#wrap table.bbs_write.bbs_title {border-top: 0;}
		#wrap table.bbs_write th,
		#wrap table.bbs_write td {padding-top: 15px; padding-bottom: 15px; border-bottom: 0; vertical-align: middle; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
		#wrap table.bbs_write th {background: none; padding-left: 24px; padding-right: 0; font-size: 17px; color: #111; font-weight: 600;}
		#wrap table.bbs_write th .important {display: inline-block; margin-top: -2px; margin-left: 2px; color: var(--point-org); font-size: 90%;}
		#wrap table.bbs_write td {padding-left: 1px; padding-right: 24px; font-size: 16px;}
		
		#wrap table.bbs_write td input[type="text"],
		#wrap table.bbs_write td input[type="password"],
		#wrap table.bbs_write td input[type="number"],
		#wrap table.bbs_write td input[type="date"] {width: 360px;}
		#wrap table.bbs_write td .edit-box {margin-top: 10px;}
		
		/* 제품 */
			#wrap table.bbs_write td .btn_prd_select {width: 140px; height: 50px; line-height: 48px; font-size: 17px;}
			#wrap table.bbs_write .write_prd {width: 100%; box-sizing: border-box; border-top: 1px dashed #ddd; padding-top: 20px; margin-top:20px;}
		/* 파일 선택 */
			#wrap table.bbs_write .file_wrap{position:relative; width: 390px;}
			#wrap table.bbs_write .file_wrap #file{position:absolute; top:0; right:0; width:140px; height:100%; z-index:5; opacity:0; cursor:pointer;}
			#wrap table.bbs_write .file_wrap .file_name{width: 240px;}
			#wrap table.bbs_write .file_wrap .file_btn{border: 1px solid #ddd; position:absolute; top:0; right:0; width:140px; height:100%; font-size:17px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;}
		/* 캡챠 */
			#wrap table.bbs_write .captcha_wrap{font-size:0;border:1px solid #ddd;display:inline-block;height:50px;vertical-align:top;margin-right:10px;box-sizing:border-box;padding: 8px;}
			#wrap table.bbs_write .captcha_wrap img {height:100% !important;vertical-align:top;}
			#wrap table.bbs_write .captcha_wrap .btn_reset{border-radius: inherit;font-size:0;width:34px !important;padding:0 !important;height:34px;margin-left:8px;border:1px solid #ddd;box-sizing:border-box;background:#fff url("../images/common/icon_btn_reset.gif") no-repeat center!important}
			#wrap table.bbs_write tr td #captcha_box {height: 100%; font-size: 0;}
			#wrap table.bbs_write tr td input[name="captcha"] {width:240px;box-sizing:border-box;}
		/* 동의 */
			#wrap .chkbox_wrap {width: 100%; margin-top: 40px; box-sizing: border-box; padding: 30px; border: 1px solid #ddd;}
			#wrap .policy_conts .toggle_tit {display: flex; justify-content: space-between; align-items: center;}
			#wrap .policy_conts input[type="checkbox"] + label {font-size: 18px; color: #333; font-weight: 600;}
			#wrap .policy_conts input[type="checkbox"] + label em {color: var(--point-color);}
			#wrap .policy_conts .toggle_btn {position: relative; padding-right: 20px; font-size: 15px; color: #555;}
			#wrap .policy_conts .toggle_btn:after {content: ""; border-top: 5px solid #888; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; right: 0; top: 42%;}
			#wrap .policy_conts .toggle_btn.on:after {transform: scaleY(-1);}
			#wrap .policy_conts .toggle_btn span {font-size: inherit; color: inherit;}
			#wrap .policy_conts .toggle_wrap {display: none;}
			#wrap .policy_conts .textarea_wrap {width:100%;margin-top:20px;padding-right:10px;height:120px;background: #f5f5f5;box-sizing: border-box;}
			#wrap .policy_conts .textarea_wrap textarea {color:#777;width:100%;border:0;background:#f5f5f5;padding: 20px; padding-right: 10px; font-size: 14px;height:100%;font-weight: 400;color:#888;line-height: 1.85; overflow:hidden; overflow-y:auto; box-sizing:border-box; resize:none;}
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar {width: 4px; border-radius: 4px;}
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-thumb {background-color: var(--point-org); border-radius: 4px;}
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-track {background:#ddd; border-radius: 4px;}
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:start:decrement,
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 5px;}
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:end:decrement,
			#wrap .policy_conts .textarea_wrap textarea::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 5px;}
		
		
		@media only screen and (max-width:1024px) {
			#wrap .bbs_wrap {margin-top: 56px;}
			#wrap table.bbs_write th, #wrap table.bbs_write td {padding-top: 12px; padding-bottom: 12px;}
			#wrap table.bbs_write th {padding-left: 20px; font-size: 16px;}
			#wrap table.bbs_write td {padding-right: 20px; font-size: 15px;} 

			/* 제품 */
				#wrap table.bbs_write td .btn_prd_select {height: 46px; font-size: 16px; line-height: 44px;}
			/* 파일 선택 */
				#wrap table.bbs_write .file_wrap .file_btn {font-size: 16px;}
			/* 캡챠 */
				#wrap table.bbs_write .captcha_wrap {height: 46px; padding: 6px;}
			/* 동의 */
				#wrap .policy_conts input[type="checkbox"] + label {font-size: 17px;}
				#wrap .policy_conts .toggle_btn {padding-right: 18px; font-size: 14px;}
				#wrap .policy_conts .toggle_btn:after {border-top-width: 4.5px; border-left-width: 4.5px; border-right-width: 4.5px;}
				#wrap .policy_conts .textarea_wrap textarea {font-size: 13px;}
		}
		@media only screen and (max-width:860px) {
			#wrap .bbs_wrap {margin-top: 46px;}
			
			/* 제품 */
				#wrap table.bbs_write td .btn_prd_select {width: 120px;} 
			/* 캡챠 */
				table.bbs_write tr td #captcha_box {display: inline-block; margin-bottom: 0;}
		}
		@media only screen and (max-width:691px) {
			/* 캡챠 */
				#wrap table.bbs_write .captcha_wrap{max-width: 100%; margin-right:0;}
				#wrap table.bbs_write tr td input[name="captcha"] {width: 100%; max-width: inherit; margin-top: 10px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .bbs_wrap {margin-top: 36px;}
			#wrap table.bbs_write th, #wrap table.bbs_write td {padding-top: 10px; padding-bottom: 10px;}
			#wrap table.bbs_write th {padding-left: 16px; font-size: 15px;}
			#wrap table.bbs_write td {padding-right: 16px; font-size: 14px;}
			
			#wrap table.bbs_write td input[type="text"],
			#wrap table.bbs_write td input[type="password"],
			#wrap table.bbs_write td input[type="number"],
			#wrap table.bbs_write td input[type="date"] {width: 100%;}
			
			/* 제품 */
				#wrap table.bbs_write td .btn_prd_select {width: 100px; height: 42px; font-size: 15px; line-height: 40px;}
				#wrap table.bbs_write .write_prd {padding-top: 16px; margin-top: 18px;}
			/* 파일 선택 */
				#wrap table.bbs_write .file_wrap {width: 100%; height: 94px;}
				#wrap table.bbs_write .file_wrap .file_name {width: 100%;}
				#wrap table.bbs_write .file_wrap .file_btn {top: inherit; bottom: 0; width: 100%; height: 42px; font-size: 15px;} 
				#wrap table.bbs_write .file_wrap #file {width: 100%;} 
			/* 동의 */
				#wrap .chkbox_wrap {margin-top: 30px; padding: 20px;}
				#wrap .policy_conts input[type="checkbox"] + label {font-size: 16px;}
				#wrap .policy_conts .toggle_btn {padding-right: 16px; font-size: 13px;}
				#wrap .policy_conts .toggle_btn:after {border-top-width: 4px; border-left-width: 4px; border-right-width: 4px;}
				#wrap .policy_conts .textarea_wrap {margin-top: 15px;}
				#wrap .policy_conts .textarea_wrap textarea {font-size: 12px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .bbs_wrap {margin-top: 26px;}
			#wrap table.bbs_write colgroup col:first-of-type {width: 37%;}
			#wrap table.bbs_write th {padding-left: 12px;}
			#wrap table.bbs_write td {padding-right: 12px;}
			
			/* 제품 */
				#wrap table.bbs_write td .btn_prd_select {width: 90px;} 
		}
		@media only screen and (max-width:387px) {
			/* 캡챠 */
				#wrap table.bbs_write tr td #captcha_box {width: calc(100% - 41px);}
				#wrap table.bbs_write .captcha_wrap {width: 100%;}
				#wrap table.bbs_write .captcha_wrap img {width: 100% !important;}
				#wrap table.bbs_write .captcha_wrap .btn_reset {margin-left: 6px;}
		}
		@media only screen and (max-width:350px) {
			#wrap table.bbs_write colgroup col:first-of-type {width: 24%;}
			#wrap table.bbs_write th {padding-left: 10px; font-size: 14px;}
			#wrap table.bbs_write td {padding-right: 10px; font-size: 13px;}
		}


/*───────────────────────────────────────────────────────────
	 POPUP
───────────────────────────────────────────────────────────*/
		#wrap .ly_pop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99;}
		#wrap .ly_pop_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		#wrap .ly_pop_layer {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 500px; height: 70%; max-height: 602px; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); padding: 0 10px; overflow: hidden; z-index: 1;}
		#wrap .ly_pop_layer.active {display: block;}
		#wrap .ly_pop_box {width: 100%; height: 100%; box-sizing: border-box; padding: 40px 30px; overflow: hidden; overflow-y:auto;}
			#wrap .ly_pop_box::-webkit-scrollbar {width: 4px; border-radius: 4px;}
			#wrap .ly_pop_box::-webkit-scrollbar-thumb {background-color: var(--point-org); border-radius: 4px;}
			#wrap .ly_pop_box::-webkit-scrollbar-track {background:#ddd; border-radius: 4px;}
			#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:decrement,
			#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 20px;}
			#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:decrement,
			#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 20px;}
		#wrap .ly_pop_box .tit {display: flex; justify-content: space-between; align-items: center; padding-bottom: 24px;}
		#wrap .ly_pop_box .tit h5 {width: 90%; font-size: var(--title-24); font-weight: 600; color: #111;}
		#wrap .ly_pop_box .layer_close {position: relative; display: block; width: 24px; height: 24px;}
		#wrap .ly_pop_box .layer_close:before, #wrap .ly_pop_box .layer_close:after {content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; background: #888;}
		#wrap .ly_pop_box .layer_close:before {transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px)) rotate(45deg);}
		#wrap .ly_pop_box .layer_close:after {transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px)) rotate(-45deg);}
		
		#wrap .ly_pop_box .prd_search {width: 100%; background: #F5F5F5; box-sizing: border-box; padding: 24px 30px; font-size:0;}
		#wrap .ly_pop_box .prd_search input[type="text"] {width: calc(100% - 46px); height: 46px; font-size: 15px;}
		#wrap .ly_pop_box .prd_search .btn_md {font-size:0; width: 46px; height: 46px; background-color: #143578 !important; border-color: #143578 !important; background-repeat: no-repeat; background-position: center; background-image: url("../images/sub/board_search_btn.png"); background-size: 20px auto;}

		#wrap .ly_pop_box .prd_list {margin-top: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
		#wrap .ly_pop_box .prd_list li {display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 18px 14px;}
		#wrap .ly_pop_box .prd_list li + li {border-top: 1px solid #ddd;}
		#wrap .ly_pop_box .prd_list li.no_list {min-height: 100px; justify-content: center;}
		#wrap .ly_pop_box .prd_list li.no_list p {font-size: 14px; color: #666;}
		#wrap .ly_pop_box .prd_list li .prd_wrap {width: calc(100% - 60px); padding-right: 14px;}
		#wrap .ly_pop_box .prd_list .btn_selection {display: flex; align-items: center; justify-content: center; width: 60px; height: 32px; box-sizing: border-box; border: 1px solid #ddd; font-size: 14px; color: #888; font-weight: 500; line-height: 1;}

		#wrap .ly_pop_box .paging {margin-top: 33px;}
		#wrap .ly_pop_box .paging a {font-size: 75%; width: 28px; height: 28px;}
		#wrap .ly_pop_box .paging .arrow a {font-size: 0; width: 24px; background-size: auto 8px;}
		#wrap .ly_pop_box .paging .arrow.first a {margin-right: 0;}
		#wrap .ly_pop_box .paging .arrow.prev a {margin-right: 5px;}
		#wrap .ly_pop_box .paging .arrow.next a {margin-left: 5px;}
		#wrap .ly_pop_box .paging .arrow.last a {margin-left: 0;}

		@media only screen and (max-width:1024px) {
			#wrap .ly_pop_box .prd_search {padding: 22px 26px;}
			#wrap .ly_pop_box .prd_search input[type="text"] {width: calc(100% - 42px); height: 42px; font-size: 14px;}
			#wrap .ly_pop_box .prd_search .btn_md {width: 42px; height: 42px; background-size: 18px auto;}
		}
		@media only screen and (max-width:860px) {
			#wrap .ly_pop_box {padding: 35px 25px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:increment {height: 17.5px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:increment {height: 17.5px;}
			#wrap .ly_pop_box .tit {padding-bottom: 20px;}
			#wrap .ly_pop_box .layer_close {width: 22px; height: 22px;}

			#wrap .ly_pop_box .prd_list li {padding: 16px 12px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .ly_pop_box {padding: 30px 20px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:increment {height: 15px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:increment {height: 15px;}

			#wrap .ly_pop_box .prd_search {padding: 20px 22px;}
			#wrap .ly_pop_box .prd_search input[type="text"] {width: calc(100% - 38px); height: 38px; font-size: 13px;}
			#wrap .ly_pop_box .prd_search .btn_md {width: 38px; height: 38px; background-size: 16px auto;}

			#wrap .ly_pop_box .prd_list li {padding: 14px 10px;}
			#wrap .ly_pop_box .prd_list li.no_list p {font-size: 13px;}
			#wrap .ly_pop_box .prd_list li .prd_wrap {width: calc(100% - 52px);}
			#wrap .ly_pop_box .prd_list .btn_selection {width: 52px; height: 30px; font-size: 13px;}

			#wrap .ly_pop_box .paging a {width: 26px; height: 26px;}
			#wrap .ly_pop_box .paging .arrow a {width: 22px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .ly_pop_box {padding: 27px 15px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:increment {height: 13.5px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:increment {height: 13.5px;}
			#wrap .ly_pop_box .tit {padding-bottom: 16px;}
			#wrap .ly_pop_box .layer_close {width: 20px; height: 20px;}

			#wrap .ly_pop_box .prd_list li {padding: 14px 6px;}
			#wrap .ly_pop_box .prd_list li .prd_wrap {width: calc(100% - 48px);}
			#wrap .ly_pop_box .prd_list .btn_selection {width: 48px; height: 28px; font-size: 12px;}

			#wrap .ly_pop_box .paging a {width: 24px; height: 24px;}
			#wrap .ly_pop_box .paging .arrow a {width: 20px;}
		}
		@media only screen and (max-width:360px) {
			#wrap .ly_pop_box {padding: 22px 12px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:start:increment {height: 11px;}
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:decrement,
				#wrap .ly_pop_box::-webkit-scrollbar-button:vertical:end:increment {height: 11px;}

			#wrap .ly_pop_box .paging a {margin: 0;}
		}
		@media only screen and (max-width:325px) {
			#wrap .ly_pop_box .prd_list li {padding: 12px 0;}
		}



/*───────────────────────────────────────────────────────────
	 solution
───────────────────────────────────────────────────────────*/
	#wrap:has(.full_sec) #contents_wrap{width:100%; max-width:100%;}
	.point_bg{position:relative; background:var(--point-bg); padding:80px 0; box-sizing:border-box;}
	.gray_bg{position:relative; background:var(--gray-bg); padding:100px 0; box-sizing:border-box;}

	.plat_title{position:relative; box-sizing:border-box; font-size:var(--title-20);}
		.plat_title:has(h4.icon){margin-bottom: 40px;}
		.plat_title:has(h4.icon + p){margin-bottom: 37px;}
	.plat_title h4{position:relative;font-size:140%;font-weight:600;color:var(--black-color01);line-height:1.3;letter-spacing: -0.02em;}
		.plat_title h4.icon{padding-left: 24px;}
		.plat_title h4.icon:before{position:absolute;content:'';width:14px;height:14px;border-radius:100%;top: 11px;left:0;border:4px solid var(--point-color);box-sizing:border-box;}
		.plat_title h4 + p{margin-top: 10px;}
	.plat_title h5{font-size:120%; font-weight:600; color:var(--black-color03);}
		.plat_title h5 + p{margin-top: 37px;}
	.plat_title h6{font-size:100%; font-weight:600; color:var(--black-color01);}
	.plat_title p{font-size:85%; font-weight:400; color:var(--black-color06); line-height:1.65;}
		.plat_title p + p{margin-top: 14px;}
	.plat_title p big{font-size:106%; color:var(--black-color03);}
	.plat_title p em{font-weight:700; color:var(--point-org);}

	.down_btn{display:inline-block; font-size:var(--title-20);}
	.down_btn span{display:flex; align-items:center; justify-content:center; width:220px; height:58px; border:1px solid var(--point-color); font-size:90%; font-weight:700; color:var(--point-color); box-sizing:border-box; transition:all 0.4s;}
		.down_btn span:after{display:inline-flex; content:''; width:16px; height:16px; background:url('../images/sub/down_btn.svg') no-repeat center; background-size:100% auto; margin-left:12px;}
		.down_btn.more span:after{width:20px; height:20px; background-image:url('../images/sub/more_btn.svg');}

		/* over */
			@media screen and (min-width:1024px){
				.down_btn span:after{transition:all 0.4s;}
				.down_btn:hover span{background:var(--point-color); color:var(--point-white);}
				.down_btn:hover span:after{filter:var(--filter-white);}
			}

	.conts + .conts{margin-top: 77px;}

	.sub_platform .intro{margin-top:78px;}
	.sub_platform .intro .cont{display:flex;align-items: center;}
	.sub_platform .intro .thumb{width:48.3%; font-size:0; mix-blend-mode: darken; text-align:center;}
	.sub_platform .intro .plat_title{width:51.7%;padding-left: 3.13vw;}
	.sub_platform .intro .btn_List{display:flex;gap:10px;margin-top: 60px;}

	.sub_platform .technology{padding: 100px 0 100px;}
	.sub_platform .technology .merit_list{display:flex;}
	.sub_platform .technology .merit_list > li{width:100%;padding: 0 5px;box-sizing:border-box;text-align:center;}
	.sub_platform .technology .merit_list .icon{display:flex; align-items:center; justify-content:center; width:120px; height:120px; border-radius:100%; background:var(--gray-bg); margin:0 auto;}
		.sub_platform .technology .merit_list .icon + .info{margin-top: 17px;}
	.sub_platform .technology .merit_list .info{font-size:var(--title-20);}
	.sub_platform .technology .merit_list .info dt{font-size:100%; font-weight:600; color:var(--black-color01); line-height:1.5;}
		.sub_platform .technology .merit_list .info dt + dd{margin-top: 4px;}
	.sub_platform .technology .merit_list .info dd{font-size:80%; font-weight:400; color:var(--black-color06); line-height:1.625;}

	.sub_platform .technology .security_list{display:flex; gap:30px;}
	.sub_platform .technology .security_list > li{width:100%;box-sizing:border-box;text-align:center;}
	.sub_platform .technology .security_list .thumb{display:block; width:100%; height:300px; overflow:hidden;}
		.sub_platform .technology .security_list .icon + .info{margin-top: 17px;}
	.sub_platform .technology .security_list .thumb img{width:100%; height:100%; object-fit:cover;}
	.sub_platform .technology .security_list .info{height:calc(100% - 300px); font-size:var(--title-20);border:1px solid var(--border-color01);border-top:0;background:var(--point-white);padding: 27px 15px 28px;box-sizing:border-box;}
	.sub_platform .technology .security_list .info dt{font-size:100%; font-weight:600; color:var(--black-color01); line-height:1.5;}
		.sub_platform .technology .security_list .info dt + dd{margin-top: 7px;}
	.sub_platform .technology .security_list .info dd{font-size:80%;font-weight:400;color:var(--black-color06);line-height: 1.625;}

	.sub_platform .onbook_list{display:flex;gap:120px;margin-top: 77px;}
	.sub_platform .onbook_list > li{position:relative; width:100%; box-sizing:border-box; background:var(--point-white);}
		.sub_platform .onbook_list > li + li:before{position:absolute;content:'';width:50px;height:50px;background:url('../images/sub/onbook_arw.svg') no-repeat center;background-size: 100% auto;top:50%;right:calc(100% + 33px);transform:translateY(-50%);}
	.sub_platform .onbook_list .top_sec{display:flex;padding: 30px 45px 32px 30px; height:calc(100% - 55px); box-sizing:border-box;align-items: flex-end;}
	.sub_platform .onbook_list .top_sec .info{width: 49%;}
	.sub_platform .onbook_list .top_sec .info dl{font-size:var(--title-20);}
	.sub_platform .onbook_list .top_sec .info dl dt{font-size:110%; font-weight:600; color:var(--black-color01);}
		.sub_platform .onbook_list .top_sec .info dl dt + dd{margin-top: 7px;}
	.sub_platform .onbook_list .top_sec .info dl dt em{display:flex;align-items:center;justify-content:center;width:93px;height:34px;border:1px solid var(--point-color);border-radius:34px;box-sizing:border-box;font-size:81.8%;font-weight:700;color:var(--point-color);letter-spacing:-0.02em;font-family:var(--font-family-type02);margin-bottom: 18px;}
	.sub_platform .onbook_list .top_sec .info dl dd{font-size:80%; font-weight:400; color:var(--black-color06);}
	.sub_platform .onbook_list .top_sec .exp{width: 51%;display: flex;justify-content: center;gap: 44px;padding-bottom: 2px;}
	.sub_platform .onbook_list .top_sec .exp dl{text-align:center; font-size:var(--title-20);}
	.sub_platform .onbook_list .top_sec .exp dl dt{position:relative; font-size:0; display:inline-flex; align-items:center; height:50px;}
		.sub_platform .onbook_list .top_sec .exp dl dt:before{position:absolute;content:'';width:42px;height:42px;background:var(--point-bg);top: -15px;right: -20px;border-radius:100%;}
		.sub_platform .onbook_list .top_sec .exp dl dt + dd{margin-top:10px;}
	.sub_platform .onbook_list .top_sec .exp dl dt img{position:relative; }
	.sub_platform .onbook_list .top_sec .exp dl dd{font-size:85%; font-weight:400; color:var(--black-color06);}
	.sub_platform .onbook_list .btm_sec{font-size:var(--title-20); display:flex; align-items:center; justify-content:center; height:55px; padding:0 15px; box-sizing:border-box; background:var(--point-color); text-align:center;}
	.sub_platform .onbook_list .btm_sec p{font-size:90%; font-weight:500; color:var(--point-white);}
	.sub_platform .img_box{border:1px solid var(--border-color01); padding:70px; box-sizing:border-box; text-align:center;}
	.sub_platform .philosophy.technology{padding-bottom:0;}
	
	.philosophy .exp_list{display:flex;gap: 30px;}
	.philosophy .exp_list > li{position:relative;width:100%;font-size:var(--title-20);line-height:1.4;border: 1px solid var(--border-color01);box-sizing:border-box;background:var(--point-white);padding: 25px 30px 30px;}
	.philosophy .exp_list .step{font-size: 110%;font-weight:bold;color: var(--point-org);letter-spacing:-0.02em;font-family: var(--font-family-type02);}
		.philosophy .exp_list .step + dl{margin-top: 18px;}
	.philosophy .exp_list .icon{position:absolute; top:30px; right:30px; font-size:0; display:flex; height:48px; align-items:center;}
	.philosophy .exp_list dl{}
	.philosophy .exp_list dl dt{font-size: 110%;font-weight:bold;color: var(--black-color01);}
		.philosophy .exp_list dl dt + dd{margin-top: 14px;}
	.philosophy .exp_list dl dd{}

	.hyphen_list{position:relative; font-size:var(--title-20); box-sizing:border-box;}
		.hyphen_list + .hyphen_list{margin-top:10px;}
	.hyphen_list > li{position:relative;font-size:80%;font-weight:400;color: var(--black-color06);line-height: 1.6;padding-left: 14px;box-sizing:border-box;}
		.hyphen_list > li + li{margin-top:5px;}
		.hyphen_list > li:before{position:absolute; content:'-'; top:0; left:0;}
		.hyphen_list > li.bullet{padding-left:15px;}
		.hyphen_list > li.bullet:before{content:'·';font-weight: 700;}
		.hyphen_list > li.none{padding-left:0;}
		.hyphen_list > li.none:before{display:none;}
	.hyphen_list > li > em{color: inherit;font-weight: 600;}

	@media screen and (max-width:1200px){
			.philosophy .exp_list{gap:20px;}

			.sub_platform .technology .security_list{gap:20px;}
			.sub_platform .technology .security_list .info dd br{display:none;}

			.sub_platform .onbook_list .top_sec .exp{gap:40px;}
		}
	@media screen and (max-width:1023px){
		.plat_title:has(h4.icon,h4.icon + p){margin-bottom:35px;}
		.plat_title h4.icon:before{top:9px;}
		.plat_title h5 + p{margin-top:30px;}
		.plat_title p + p{margin-top:12px;}
		.down_btn span{width:190px; height:55px;}

		.sub_platform .intro .btn_List{margin-top:50px;}

		.philosophy .exp_list{gap:15px;}

		.sub_platform .technology .security_list{gap:15px;}
		.sub_platform .technology .security_list .thumb{height:29vw;}
		.sub_platform .technology .security_list .info{padding:20px 15px; height:calc(100% - 29vw);}

		.sub_platform .onbook_list .top_sec{flex-wrap:wrap; align-content:flex-start; gap:30px; padding:30px 40px;}
		.sub_platform .onbook_list .top_sec .info{width:100%;}
		.sub_platform .onbook_list .top_sec .exp{width:100%;}
		.sub_platform .onbook_list .btm_sec{height:75px;}

		.sub_platform .img_box{padding:50px;}
	}
	@media screen and (max-width:860px){
		.plat_title:has(h4.icon,h4.icon + p){margin-bottom:30px;}
		.plat_title h5 + p{margin-top:25px;}
		.plat_title p + p{margin-top:10px;}
		.down_btn span{width:180px; height:50px;}

		.sub_platform .intro .cont{display:block;}
		.sub_platform .intro .thumb{width:100%; text-align:center;}
		.sub_platform .intro .plat_title{width:100%; padding:30px 0 0;}
		.sub_platform .intro .plat_title p br{display:none;}
		.sub_platform .intro .btn_List{margin-top:40px;}

		.philosophy .exp_list{flex-wrap:wrap; }
		.philosophy .exp_list > li{width:calc(100% / 2 - 7.5px);}

		.sub_platform .onbook_list{gap:100px;}
		.sub_platform .onbook_list > li + li:before{width:40px;height:40px;right: calc(100% + 25px);}
		.sub_platform .onbook_list .top_sec{padding:30px 35px;}
		.sub_platform .onbook_list .top_sec .exp dl dt{height:45px;}
			.sub_platform .onbook_list .top_sec .exp dl dt:before{width:38px; height:38px;}
			.sub_platform .onbook_list .top_sec .exp dl dt + dd{margin-top:7px;}
		.sub_platform .onbook_list .top_sec .info dl dt em{width:85px; height:32px; margin-bottom:14px;}

		.sub_platform .img_box{padding:40px;}
	}
	@media screen and (max-width:767px){
		.sub_platform .technology .merit_list{flex-wrap:wrap; gap:40px 0;}	
		.sub_platform .technology .merit_list > li{width:calc(100% / 3);}
	}
	@media screen and (max-width:640px){
		.plat_title:has(h4.icon,h4.icon + p){margin-bottom:25px;}
		.plat_title h4.icon{padding-left:22px;}
			.plat_title h4.icon:before{width:13px; height:13px; top:7px;}
			.plat_title h4 + p{margin-top:7px;}
		.plat_title h5 + p{margin-top:20px;}
		.plat_title p + p{margin-top:8px;}
		.down_btn span{width:170px; height:45px;}
			.down_btn span:after{width:14px; height:14px; margin-left:10px;}
		.point_bg{padding:70px 0;}
		.conts + .conts, .sub_platform .onbook_list{margin-top:60px;}

		.sub_platform .intro{margin-top:60px;}
		.sub_platform .intro .btn_List{margin-top:30px;}

		.sub_platform .technology{padding:70px 0;}
		.sub_platform .technology .merit_list .icon{width:100px; height:100px;}
		.sub_platform .technology .merit_list .icon img{width:45px;}

		.sub_platform .technology .security_list{flex-wrap:wrap;}
		.sub_platform .technology .security_list > li{width:calc(100% / 2 - 7.5px);}
		.sub_platform .technology .security_list .thumb{height:36vw;}
		.sub_platform .technology .security_list .info{height:calc(100% - 36vw);}

		.sub_platform .onbook_list{flex-wrap:wrap; gap:80px;}
		.sub_platform .onbook_list > li + li:before{top:auto;right:50%;bottom:calc(100% + 20px);transform: translateX(50%) rotate(90deg);}
		.sub_platform .onbook_list .top_sec{flex-wrap:nowrap;}
		.sub_platform .onbook_list .top_sec :is(.info,.exp){width:50%;}
		.sub_platform .onbook_list .top_sec .info dl dt em{width:80px; height:30px; margin-bottom:10px;}

		.sub_platform .img_box{padding:30px;}
	}
	@media screen and (max-width:479px){
		.plat_title:has(h4.icon,h4.icon + p){margin-bottom:20px;}
		.plat_title h5 + p{margin-top:15px;}
		.down_btn span{width:160px;}
		.point_bg{padding:50px 0;}
		.conts + .conts, .sub_platform .onbook_list{margin-top:50px;}

		.sub_platform .intro{margin-top:50px;}

		.philosophy .exp_list > li{width:100%;}

		.sub_platform .technology .merit_list .icon{width:80px; height:80px;}
			.sub_platform .technology .merit_list .icon + .info{margin-top:14px;}
		.sub_platform .technology .merit_list .icon img{width:40px;}

		.sub_platform .technology .security_list > li{width:100%;}
		.sub_platform .technology .security_list .thumb{height:72vw;}
		.sub_platform .technology .security_list .info{height:auto;}

		.sub_platform .onbook_list .top_sec{padding:30px;}
		.sub_platform .onbook_list .top_sec .info dl dt em{width:74px; }
		.sub_platform .onbook_list .top_sec .exp dl dt:before{width:35px; height:35px;}

		.sub_platform .img_box{padding:20px;}
	}
	@media screen and (max-width:431px){
		.sub_platform .onbook_list .top_sec{flex-wrap:wrap; height:auto;}
		.sub_platform .onbook_list .top_sec :is(.info,.exp){width:100%;}
	}
	@media screen and (max-width:360px){
		.down_btn{display:block;}
		.down_btn span{width:100%;}

		.sub_platform .intro .btn_List{flex-wrap:wrap;}
		.sub_platform .intro .btn_List > li{width:100%;}

		.sub_platform .technology .merit_list > li{width:calc(100% / 2);}
	}

/*───────────────────────────────────────────────────────────
	datacenter
───────────────────────────────────────────────────────────*/
	.sub_title{position:relative; box-sizing:border-box; font-size:var(--title-20);}
		.sub_title.cen{text-align:center;}
		.sub_title.hd{margin-bottom:60px;}
		.sub_title.hd_md{margin-bottom:45px;}
		.sub_title.hd_m{margin-bottom:35px;}
		.sub_title.line:before{display:block; content:''; width:30px; height:3px; background:var(--point-color04); margin:0 auto 15px;}
	.sub_title h2{font-size:180%;font-weight:bold;line-height:1.38;color: var(--black-color01);}
		.sub_title h2 + span{margin-top:10px;}
	.sub_title h2 sup{font-size:60%;}
	.sub_title h3{font-size:170%; font-weight:400; line-height:1.3;}
		.sub_title h3 + p{margin-top: 24px;}
	.sub_title h4{font-size:150%;font-weight:400;line-height:1.35;letter-spacing: -0.03em;}
		.sub_title h4 + h6{margin-top: 4px;}
		.sub_title h4 + p{margin-top:10px;}
		.sub_title h4 + span{margin-top:20px;}
	.sub_title h5{font-size:120%;font-weight:bold;line-height:1.4;letter-spacing: 0;color: var(--black-color03);}
		.sub_title h5 + span{margin-top: 7px;}
	.sub_title h5 em{color:var(--point-color);}
	.sub_title h6{font-size:100%;font-weight:bold;line-height:1.4;letter-spacing: 0.03em;color: var(--black-color06);}
		.sub_title h6 + h3{margin-top: 19px;}
	.sub_title h6 em{color:var(--point-color);}
	.sub_title p{font-size:90%;font-weight:400;color:var(--title-color03);line-height:1.78;letter-spacing: -0.035em;}
	.sub_title p em{color:var(--point-color);letter-spacing: 0.01em;}
	.sub_title > em{display:block;font-size:85%;font-weight:400;color: var(--black-color06);line-height:1.76;letter-spacing: -0.02em;}
	.sub_title > em strong{font-weight:700; color:var(--point-org);}
	.sub_title > span{display:block;font-size:80%;font-weight:400;color: var(--black-color06);line-height:1.6;letter-spacing: 0;}
	.sub_title > span strong{font-weight:bold;}
	.sub_title .under_line:after{display:block;content:'';width:40px;height:2px;background:#D9D9D9;margin: 20px 0 24px;}

	@media screen and (max-width:1100px){
		.sub_title p br{display:none;}
	}
	@media screen and (max-width:1023px){
		.sub_title.hd{margin-bottom:50px;}
		.sub_title.hd_md{margin-bottom:40px;}
		.sub_title.hd_m{margin-bottom:30px;}
		.sub_title > span br{display:none;}
		
	}
	@media screen and (max-width:640px){
		.sub_title.hd{margin-bottom:40px;}
		.sub_title.hd_md{margin-bottom:35px;}
		.sub_title.hd_m{margin-bottom:25px;}
		.sub_title h3{font-size:130%;}
			.sub_title h3 + p{margin-top:20px;}
		.sub_title h4 + p{margin-top:7px;}
		.sub_title h4 + span{margin-top:15px;}
		.sub_title h6 + h3{margin-top:15px;}
		.sub_title .under_line:after{margin:16px 0 20px;width: 30px;}
	}
	@media screen and (max-width:479px){
		.sub_title.hd{margin-bottom:35px;}
		.sub_title.hd_md{margin-bottom:30px;}
		.sub_title .under_line:after{width: 25px;margin:14px 0 17px;}
		.sub_title h2{font-size:160%;}
		.sub_title h4{font-size:140%;}
		.sub_title p{line-height:1.6;}
	}

	/* server */
		.sub_server{margin-top: 66px;}
		.sub_server .sub_title h2{letter-spacing: -0.02em;}
		.sub_server .philosophy .exp_list dl dt{font-family:var(--font-family-type01);}
		.sub_server .img_box{padding: 50px 40px;border: 1px solid var(--border-color01);}
			.sub_server .img_box + .performance{margin-top:30px;}
		.sub_server .img_box .cont_list{display:flex;text-align:center;margin-top: 37px;}
		.sub_server .img_box .cont_list li{width:100%;}
			.sub_server .img_box .cont_list li:not(:last-child){margin-right:30px;}
		.sub_server .img_box .cont_list li > span{display:block; margin-top:5px}
		.sub_server .img_box .cont_list .sub_title h4{color: var(--black-color01);font-weight:bold;}
		.sub_server .img_box .cont_list .sub_title h6{letter-spacing: -0.02em;font-family: var(--font-family-type02);font-weight: 400;}

		.sub_server .performance{display:flex;}
			.sub_server .performance + .provide{margin-top:30px;}
		.sub_server .performance .info{width:64%;background: var(--point-bg02);padding: 60px 40px 40px;box-sizing:border-box;}
		.sub_server .performance .graph_info{position:relative; margin-top:100px; font-size:var(--title-20);}
		.sub_server .performance .graph_info dt{position:absolute;left:0;bottom: calc(100% + 11px);font-size:80%;font-weight:400;color: var(--black-color06);line-height:1.5;}
		.sub_server .performance .graph_info dt em{font-weight:bold;color: var(--point-color02);}
		.sub_server .performance .graph_info dd{font-size:0;}
			.sub_server .performance .graph_info + .graph_info{margin-top: 9px;}
			.sub_server .performance .graph_info + .graph_info dt{bottom:auto; top:20px;}

		.sub_server .performance .graph_exp{border-top:1px solid var(--border-color);margin-top:40px;padding: 39px 0 0;}
		.sub_server .performance .graph_exp dl{font-size:var(--title-20);}
			.sub_server .performance .graph_exp dl + dl{margin-top: 29px;}
		.sub_server .performance .graph_exp dl dt{font-size:100%; font-weight:bold; color:#666; line-height:1.4;}
			.sub_server .performance .graph_exp dl dt + dd{margin-top: 3px;}
		.sub_server .performance .graph_exp dl dt em{font-weight:inherit;color: var(--point-color02);}
		.sub_server .performance .graph_exp dl dd{font-size:80%;font-weight:400;color: var(--black-color06);line-height:1.5;}

		.sub_server .performance .bnr{width:calc(36% - 30px);margin-left:30px;background: linear-gradient(180deg, #3078FB 0%, #243559 100%);box-sizing:border-box;padding: 50px 40px 45px;}
		.sub_server .performance .bnr_thumb{display:block; font-size:0; text-align:center;}
		.sub_server .performance .bnr_thumb + .bnr_title{margin-top: 51px;}
		.sub_server .performance .bnr_title h2{color:var(--point-white);}

		.sub_server .provide{border: 1px solid var(--border-color01);padding: 69px 40px 60px;box-sizing:border-box;}
			.sub_server .provide + .system{margin-top:30px;}
		.sub_server .provide .gauge_exp{display:flex; font-size:var(--title-20);}
			.sub_server .provide .gauge_exp + .gauge_list{margin-top: 22px;}
		.sub_server .provide .gauge_exp > li{width:100%;text-align:center;font-size:90%;font-weight:400;color: var(--black-color06);line-height:1.56;}
		.sub_server .provide .gauge_list{display:flex;width: 670px;height:55px;margin:0 auto;align-items:center;justify-content:space-between;background: linear-gradient(90deg, rgba(229,35,32,1) 0%, rgba(244,153,10,1) 50%, rgba(0,93,169,1) 100%);border-radius:50px;padding: 1px 20px 0;box-sizing:border-box; position:relative; font-size:var(--title-20); text-align:center;}
		.sub_server .provide .gauge_list > li{font-size:135%; font-weight:400; color:var(--point-white); line-height:1;}
		.sub_server .provide .gauge_list + .sub_title{margin-top: 52px;}

		.sub_server .system{background: var(--point-bg02);padding: 55px 50px 60px;box-sizing:border-box;}



		@media screen and (max-width:1220px){
			.sub_server .img_box + .performance{margin-top:20px;}
			.sub_server .img_box .cont_list li:not(:last-child){margin-right:20px;}
			.sub_server .performance .bnr{width:calc(36% - 20px); margin-left:20px;}
			.sub_server .performance + .provide{margin-top:20px;}
			.sub_server .provide + .system{margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.sub_server{margin-top:60px;}
			.sub_server .img_box{padding:45px 35px;}
				.sub_server .img_box + .performance{margin-top:15px;}
			.sub_server .img_box .cont_list li:not(:last-child){margin-right:15px;}
			.sub_server .performance .info{padding:55px 35px 35px;}
			.sub_server .performance .bnr{width:calc(36% - 15px); margin-left:15px; padding:45px 35px 40px;}
			.sub_server .performance + .provide{margin-top:15px;}
			.sub_server .provide{padding:64px 35px 55px;}
			.sub_server .provide .gauge_list + .sub_title{margin-top:47px;}
			.sub_server .provide + .system{margin-top:15px;}
			.sub_server .system{padding:50px 45px 55px;}
		}
		@media screen and (max-width:860px){
			.sub_server{margin-top:50px;}
			.sub_server .img_box{padding:40px 30px;}
			.sub_server .performance .info{ padding:50px 30px 30px}
			.sub_server .performance .graph_info{margin-top:80px;}
			.sub_server .performance .graph_info dt{bottom:calc(100% + 5px);}
			.sub_server .performance .graph_exp{margin-top:30px; padding-top:30px;}
			.sub_server .performance .graph_exp dl + dl{margin-top:25px;}
			.sub_server .performance .bnr{padding:40px 30px 35px;}
			.sub_server .performance .bnr_thumb + .bnr_title{margin-top:40px;}
			.sub_server .provide{padding:59px 30px 50px;}
			.sub_server .provide .gauge_exp{display:block;}
			.sub_server .provide .gauge_exp > li + li{margin-top:15px;}
			.sub_server .provide .gauge_list{width:100%;}
			.sub_server .provide .gauge_list + .sub_title{margin-top:42px;}
			.sub_server .system{padding:45px 40px 50px;}
		}
		@media screen and (max-width:767px){
			.sub_server .performance{display:block;}
			.sub_server .performance .info{width:100%; }
			.sub_server .performance .bnr{width:100%; margin:15px 0 0 0;}
		}
		@media screen and (max-width:640px){
			.sub_server{margin-top:40px;}
			.sub_server .img_box .cont_list{margin-top:32px; display:block;}
			.sub_server .img_box .cont_list li + li{margin-top:40px;}

			.sub_server .performance .graph_info{margin-top:70px;}
			.sub_server .performance .graph_info dt{bottom:calc(100% + 5px);}
			.sub_server .performance .graph_exp{margin-top:25px; padding-top:25px;}
			.sub_server .performance .graph_exp dl + dl{margin-top:20px;}
			.sub_server .performance .bnr_thumb + .bnr_title{margin-top:35px;}
			.sub_server .provide{padding:54px 30px 45px;}
			.sub_server .provide .gauge_exp > li + li{margin-top:10px;}
			.sub_server .provide .gauge_list{height:50px;}
			.sub_server .provide .gauge_list + .sub_title{margin-top:37px;}
			.sub_server .system{padding:35px 30px 40px;}
		}
		@media screen and (max-width:479px){
			.sub_server{margin-top:30px;}
			.sub_server .img_box{padding:35px 25px;}
			.sub_server .performance .info{padding:45px 25px 25px;}
			.sub_server .performance .graph_info + .graph_info{margin-top:5px;}
			.sub_server .performance .bnr{padding:35px 25px 30px;}
			.sub_server .provide{padding:49px 25px 40px;}
			.sub_server .provide .gauge_list > li{font-size:120%;}
			.sub_server .system{padding:30px 25px 35px;}
		}

	/* vast */
		#wrap:has(.sub_vast) #contents_wrap #contents_box{padding-bottom:0;}
		.sub_vast :where(.shared, .advantage){padding:100px 0;}
		.sub_vast.sub_about .philosophy{background:none; padding:0 0 100px;}
		.sub_vast .advantage{background:var(--point-bg); }
		.sub_vast .evacuation{background:url('../images/sub/sub_vast_bnr01.jpg') no-repeat center;background-size:cover;padding: 92px 0 100px;}
		.sub_vast .evacuation .sub_title h2{color:var(--point-white);}
		.sub_vast .evacuation .info_list{display:flex; font-size:var(--title-20);}
		.sub_vast .evacuation .info_list li{position:relative;font-size:90%;font-weight:400;color:var(--point-white);width:100%;padding: 0 15px;box-sizing:border-box;text-align:center;line-height:1.55;}
			.sub_vast .evacuation .info_list li + li:before{position:absolute;content:'';width:1px;height: 103%;background:var(--point-white);opacity:0.3;top:50%;left:0;transform:translateY(-50%);}

		.iconExp_list{display:flex;}
			.iconExp_list + .prod_list{margin-top: 39px;}
		.iconExp_list > li{text-align:center; width:100%; box-sizing:border-box;}
			.iconExp_list > li:not(:last-child){margin-right: 33px;}
		.iconExp_list .icon{position:relative;display:block;border: 1px dashed var(--black-color10);width: calc(100% - 2px);border-radius:100%;padding-bottom: calc(100% - 4px);box-sizing:border-box;margin: 0 auto;}
			.iconExp_list .icon + dl{margin-top: 19px;}
		.iconExp_list .icon em{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 34px);height: calc(100% - 34px);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);border-radius:100%;display:flex;align-items:center;justify-content:center;background:var(--point-white); padding:20px; box-sizing:border-box;}
		.iconExp_list dl{font-size:var(--title-20);}
		.iconExp_list dl dt{font-size:90%;font-weight:bold;color: var(--black-color03);line-height:1.5;letter-spacing:-0.02em;font-family: var(--font-family-type02);}
			.iconExp_list dl dt + dd{margin-top: 5px;}
		.iconExp_list dl dd{font-size:80%;font-weight:400;color: var(--black-color06);line-height:1.62;letter-spacing:-0.02em;}

			.iconExp_list.fixed > li{padding:0 7.5px;}
			.iconExp_list.fixed > li:not(:last-child){margin-right:0;}
			.iconExp_list.fixed .icon{width: 160px; height:160px;padding-bottom:0;}

		.titBg_list{display:flex; flex-wrap:wrap;}
		.titBg_list > li{width:calc(100% / 2 - 15px); background:var(--point-white);}
			.titBg_list > li:not(:nth-child(2n)){margin-right:30px;}
			.titBg_list > li:nth-child(n+3){margin-top:30px;}
		.titBg_list dl{font-size:var(--title-20); height:100%;}
		.titBg_list dl dt{display:flex;align-items:center;justify-content:center;height:70px;background: var(--point-color);text-align:center;font-size:110%;font-weight: 600;color:var(--point-white);padding:0 15px;box-sizing:border-box;font-family: var(--font-family-type02);}
		.titBg_list dl dt strong{color: var(--point-color03);font-weight:inherit;}
		.titBg_list dl dd{padding:30px;border: 1px solid var(--border-color01);border-top:0;box-sizing:border-box;height:calc(100% - 70px);}
			.titBg_list dl dd:has(.thumb){display:flex; align-items:flex-start;}
			.titBg_list dl dd:has(.thumb) .hyphen_list{width:calc(100% - 120px); padding-right:15px;}
			.titBg_list > li.point dl dd{border: 2px solid var(--point-color);border-top:0;}
		.titBg_list dl dd .thumb{display: block;font-size:0;width:120px;}
		.titBg_list dl dd .img_box{display: block;font-size:0;border: 0;padding: 0 !important;}
		.titBg_list dl dd .img_box + .hyphen_list{margin-top:16px;}

		.titBg_list02{display:flex; flex-wrap:wrap;}
		.titBg_list02 > li{width:calc(100% / 4 - 22.5px); background:var(--point-white);}
			.titBg_list02 > li:not(:nth-child(4n)){margin-right:30px;}
			.titBg_list02 > li:nth-child(n+5){margin-top:30px;}
		.titBg_list02 dl{font-size:var(--title-20); height:100%;}
		.titBg_list02 dl dt{display:flex;align-items:center;justify-content:center;height:65px;background:var(--point-color07);text-align:center;font-size:100%;font-weight: 400;color:var(--point-white); padding:0 15px; box-sizing:border-box;}
		.titBg_list02 dd{padding: 27px 24px;border:1px solid var(--border-color);border-top:0;box-sizing:border-box;height:calc(100% - 65px);}
		.titBg_list02 dd ol{}
		.titBg_list02 dd ol li{text-align:center;}
			.titBg_list02 dd ol li + li{border-top:1px dashed var(--border-color);margin-top: 23px;padding-top: 23px;}
		.titBg_list02 dd strong{display:block; font-size:90%; font-weight:bold; color:var(--title-color06); line-height:1.4; letter-spacing:-0.02em;}
			.titBg_list02 dd strong + p{margin-top: 8px;}
		.titBg_list02 dd p{font-size:80%; font-weight:400; color:var(--title-color03); line-height:1.5; letter-spacing:-0.02em;}
			.titBg_list02 dd p + p{margin-top: 7px;}



		@media screen and (max-width:1200px){
			.iconExp_list > li:not(:last-child){margin-right:20px;}

			.titBg_list > li{width:calc(100% / 2 - 10px);}
				.titBg_list > li:not(:nth-child(2n)){margin-right:20px;}
				.titBg_list > li:nth-child(n+3){margin-top:20px;}
			.titBg_list .hyphen_list > li br{display:none;}

			.titBg_list02 > li{width:calc(100% / 4 - 15px); }
				.titBg_list02 > li:not(:nth-child(4n)){margin-right:20px;}
				.titBg_list02 > li:nth-child(n+5){margin-top:20px;}

			.titBg_list02 + .titBg_list{margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.iconExp_list > li:not(:last-child){margin-right:15px;}
			.iconExp_list .icon em{width:calc(100% - 30px); height:calc(100% - 30px);}
			.iconExp_list dl dd br{display:none;}

			.titBg_list > li{width:calc(100% / 2 - 7.5px);}
				.titBg_list > li:not(:nth-child(2n)){margin-right:15px;}
				.titBg_list > li:nth-child(n+3){margin-top:15px;}
			.titBg_list dl dd .thumb{width:100px;}
			.titBg_list dl dd:has(.thumb) .hyphen_list{width:calc(100% - 100px);}

			.titBg_list02 > li{width:calc(100% / 4 - 11.25px); }
				.titBg_list02 > li:not(:nth-child(4n)){margin-right:15px;}
				.titBg_list02 > li:nth-child(n+5){margin-top:15px;}

			.titBg_list02 + .titBg_list{margin-top:15px;}
		}
		@media screen and (max-width:860px){
			.sub_vast :where(.shared, .advantage){padding:80px 0;}
			.sub_vast.sub_about .philosophy{padding-bottom:80px;}
			.sub_vast .evacuation{padding:72px 0 80px;}

			.iconExp_list .icon + dl{margin-top:15px;}

			.titBg_list dl dt{height:65px;}
			.titBg_list dl dd{height:calc(100% - 65px); padding:25px;}
				.titBg_list dl dd:has(.thumb){display:block;}
				.titBg_list dl dd:has(.thumb) .hyphen_list{width:100%; padding:0 0 20px;}
			.titBg_list dl dd .thumb{width: 100px;margin: 0 auto;}

			.titBg_list02 > li{width:calc(100% / 2 - 7.5px); }
				.titBg_list02 > li:not(:nth-child(2n)){margin-right:15px;}
				.titBg_list02 > li:nth-child(2n){margin-right:0;}
				.titBg_list02 > li:nth-child(n+3){margin-top:15px;}
			.titBg_list02 dl dt{height:60px;}
			.titBg_list02 dd{height:calc(100% - 60px);}
			.titBg_list02 dd ol li + li{margin-top:18px; padding-top:18px;}
		}
		@media screen and (max-width:767px){
			.iconExp_list .icon em{width:calc(100% - 25px); height:calc(100% - 25px); padding:15px;}
			.iconExp_list.fixed > li{padding:0;}
			.iconExp_list.fixed > li:not(:last-child){margin-right:15px;}
			.iconExp_list.fixed .icon{width: 100%; height:auto;padding-bottom:calc(100% - 2px);}
		}
		@media screen and (max-width:640px){
			.sub_vast :where(.shared, .advantage){padding:70px 0;}
			.sub_vast.sub_about .philosophy{padding-bottom:70px;}
			.sub_vast .evacuation{padding:62px 0 70px;}

			.iconExp_list{flex-wrap:wrap;}
			.iconExp_list > li{width:calc(100% / 3 - 10px);}
				.iconExp_list > li:not(:last-child){margin-right:15px;}
				.iconExp_list > li:nth-child(3n){margin-right:0;}
				.iconExp_list > li:nth-child(n+4){margin-top:40px;}
			.iconExp_list .icon em{padding:20px;}
			.iconExp_list.fixed > li:not(:last-child){margin-right:15px;}
			.iconExp_list.fixed > li:nth-child(3n){margin-right:0;}
			.iconExp_list.fixed > li:nth-child(n+4){margin-top:40px;}

			.titBg_list dl dt{height:60px;}
			.titBg_list dl dd{height:calc(100% - 60px); padding:25px 20px;}
		}
		@media screen and (max-width:479px){
			.sub_vast .evacuation .info_list{flex-wrap:wrap;}
			.sub_vast .evacuation .info_list li{width:50%; }
				.sub_vast .evacuation .info_list li:nth-child(2n +1):before{display:none;}
				.sub_vast .evacuation .info_list li:nth-child(n+3){margin-top:40px;}
				.sub_vast .evacuation .info_list li:nth-child(n+3):after{position:absolute; content:''; width:90%; height:1px; background:var(--point-white);opacity:0.3;top:-20px;left:50%;transform:translateX(-50%);}

			.iconExp_list > li{width:calc(100% / 2 - 15px);}
				.iconExp_list > li:not(:last-child){margin-right:15px;}
				.iconExp_list > li:nth-child(2n){margin-right:0;}
				.iconExp_list > li:nth-child(n+3){margin-top:40px;}

				.iconExp_list.fixed > li:not(:last-child){margin-right:15px;}
				.iconExp_list.fixed > li:nth-child(2n){margin-right:0;}
				.iconExp_list.fixed > li:nth-child(n+3){margin-top:40px;}

			.iconExp_list .icon + dl{margin-top:12px;}

			.titBg_list{display:block;}
			.titBg_list > li{width:100%;}
				.titBg_list > li:not(:nth-child(2n)){margin-right:0;}
				.titBg_list > li:nth-child(n+2){margin-top:15px;}
			.titBg_list dl dt{height:60px;}
			.titBg_list dl dd{height:auto;}

			.titBg_list02 > li{width:100%; }
				.titBg_list02 > li:not(:nth-child(2n)){margin-right:0;}
				.titBg_list02 > li:nth-child(n+2){margin-top:15px;}
			.titBg_list02 dd ol li + li{margin-top:15px; padding-top:15px;}
		}

	/* rack */
		.thumbInfo_list02{}
		.thumbInfo_list02 > li{display:flex; width:100%; box-sizing:border-box;}
			.thumbInfo_list02 > li + li{margin-top:90px;}
		.thumbInfo_list02 .thumb{display:block; font-size:0; width:400px; height:260px;}
			.thumbInfo_list02 .thumb img{width:100%; height:100%; object-fit:cover;}
		.thumbInfo_list02 .thumb + dl{width:calc(100% - 400px); padding:0 0 0 70px;}
		.thumbInfo_list02 .thumb img{width:100%; height:100%; object-fit:cover;}
		.thumbInfo_list02 dl{display:flex; align-items:center; flex-wrap:wrap; align-content:center;  box-sizing:border-box; font-size:var(--title-20);}
		.thumbInfo_list02 dl :where(dt, dd){width:100%;}
		.thumbInfo_list02 dl dt{font-size:130%;font-weight:bold;color: var(--black-color03);}
			.thumbInfo_list02 dl dt + dd{margin-top:18px;}
		.thumbInfo_list02 dl dd{font-size:80%;font-weight:400;color: var(--black-color06);line-height:1.875;}

			.thumbInfo_list02 > li:nth-child(even){flex-direction:row-reverse;}
			.thumbInfo_list02 > li:nth-child(even) dl{text-align:right;}
			.thumbInfo_list02 > li:nth-child(even) .thumb + dl{padding:0 70px 0 0;}

		@media screen and (max-width:1220px){
			.thumbInfo_list02 .thumb + dl{padding:0 0 0 50px;}
				.thumbInfo_list02 > li:nth-child(even) .thumb + dl{padding:0 50px 0 0;}
			.thumbInfo_list02 dl dd br{display:none;}
		}
		@media screen and (max-width:1023px){
			.thumbInfo_list02 > li + li{margin-top:8.7vw;}
			.thumbInfo_list02 .thumb + dl{padding:0 0 0 40px;}
				.thumbInfo_list02 > li:nth-child(even) .thumb + dl{padding:0 40px 0 0;}
		}
		@media screen and (max-width:860px){
			.thumbInfo_list02 .thumb{width:50%;}
			.thumbInfo_list02 .thumb + dl{width:50%; padding:0 0 0 30px;}
				.thumbInfo_list02 > li:nth-child(even) .thumb + dl{padding:0 30px 0 0;}
			.thumbInfo_list02 dl dd{line-height:1.6;}
		}
		@media screen and (max-width:767px){
			.thumbInfo_list02 > li{display:block;}
			.thumbInfo_list02 .thumb{width:100%;height: 33vw;min-height: 200px;}
			.thumbInfo_list02 .thumb + dl{width:100%; padding:30px 0 0 !important;}
			.thumbInfo_list02 dl{text-align:left !important;}
			.thumbInfo_list02 dl dd{line-height:1.6; }
		}
		@media screen and (max-width:640px){
			.thumbInfo_list02 .thumb + dl{padding:25px 0 0 !important;}
			.thumbInfo_list02 dl dt + dd{margin-top:13px;}
		}


/*───────────────────────────────────────────────────────────
	b2g
───────────────────────────────────────────────────────────*/
	.sub_cloud.sub_platform .intro .thumb{mix-blend-mode:inherit;}
	.sub_cloud.sub_platform .technology{padding-bottom:0;}

	.sub_cloud .network .cont{display:flex;background:var(--point-white);}
	.sub_cloud .network .cont .thumb{width: 50%;}
	.sub_cloud .network .cont .thumb img{width:100%; height:100%; object-fit:cover;}
	.sub_cloud .network .cont .sub_title{width: 50%;padding: 78px 2.6vw;box-sizing:border-box;border: 1px solid var(--border-color01);border-left: 0;}
	.sub_cloud .network .cont .sub_title h5{letter-spacing:-0.03em;}

	@media screen and (max-width:975px){
		.sub_cloud .network .cont{display:block; }
		.sub_cloud .network .cont .thumb{width:100%;}
		.sub_cloud .network .cont .thumb img{height:auto;}
		.sub_cloud .network .cont .sub_title{width:100%;padding:30px;border: 1px solid var(--border-color01);}
		.sub_cloud .network .cont .sub_title > em br{display:none;}
	}
	@media screen and (max-width:479px){
		.sub_cloud .network .cont .sub_title{padding:25px;}
	}