@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 ***/


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {display:inline-flex; align-items:center; justify-content:center; border:1px solid; box-sizing:border-box; cursor:pointer;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}

		.btn {width:200px;height:58px;line-height:1.5;font-size:16px; font-weight:bold;  transition:all 0.4s;}
			
		.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{border-color:var(--point-bg) !important;background:var(--point-bg) !important;color:var(--point-color) !important; transition:all 0.4s;}
			.btn_point.border{border-color:var(--point-color) !important; background:var(--point-white) !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;}

			/* over */
			@media screen and (min-width:1024px){
				.btn:after{display:inline-flex; content:''; width:14px; height:14px; margin-left:-14px; background:url('../images/sub/more_arw.svg') no-repeat center; background-size:100% auto; filter:var(--filter-white); transition:all 0.4s; opacity:0;}
				.btn_point:hover{border-color:var(--point-color) !important; background:var(--point-color) !important; color:var(--point-white) !important;}
				.btn_point:hover:after{margin-left:14px; opacity:1;}
			}


			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:60px 0 0;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:20px;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}
		.btn_wrap.ta_center .btn{margin:10px;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
	}
	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.btn_wrap{padding-top:50px;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
		.btn{width:180px; height:55px;}
		.btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a{margin-left:15px;}
		.btn_wrap.ta_center .btn{margin:7.5px;}
	}
	@media only screen and (max-width:860px) {
		.btn{width:160px; height:50px;}
	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap{padding-top:40px;}
		.btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:10px;}
		.btn{width:140px; height:45px; font-size:15px;}
		.btn_wrap.ta_center .btn{margin:5px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
		.btn{width:120px; height:40px; font-size:14px;}
			/* button wrapper */
		.btn_wrap{padding-top:30px;}
		.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_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
	/* input */
		#wrap :where(input[type="text"], input[type="password"], input[type="number"], select){border:1px solid var(--border-color); height:50px; background:var(--point-white) no-repeat; transition:all 0.4s; font-size:16px; font-weight:400; letter-spacing:-0.02em; box-sizing:border-box; line-height:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			#wrap :where(input[type="text"]:focus, input[type="password"]:focus, input[type="number"], select:focus){outline:none; border-color:var(--point-color);}
		#wrap :where(input[type="text"], input[type="password"], input[type="number"]){padding:0 20px; color:var(--title-color06);}
			#wrap :where(input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder){color:#666;}
		#wrap select{padding:0 40px 0 20px; background-image:url('../images/sub/select_arw.svg'); background-position:calc(100% - 20px) 50%; appearance:none; color:#666;}

		@media screen and (max-width:1023px){
			#wrap :where(input[type="text"], input[type="password"], input[type="number"], select){font-size:15px;}
			#wrap :where(input[type="text"], input[type="password"], input[type="number"]){padding: 0 15px;}
			#wrap select{padding:0 35px 0 15px; background-position:calc(100% - 15px) 50%}
		}
		@media screen and (max-width:640px){
			#wrap :where(input[type="text"], input[type="password"], input[type="number"], select){font-size:14px; height:45px;}
		}
		@media screen and (max-width:479px){
			#wrap :where(input[type="text"], input[type="password"], input[type="number"], select){font-size:13px; height:40px;}
		}

	/* list */
		.search_wrap{margin-bottom:30px;}
		.search_wrap fieldset{display:flex; justify-content:flex-end;}
		.search_wrap select{width:160px; margin-right:10px;}
		.search_wrap .input_text{width:300px;}
		.search_wrap .scarch_btn{display:inline-flex; width:50px; height:50px; border:0; background:var(--point-color05) url('../images/sub/scarch_btn.svg') no-repeat center; background-size:22px auto; font-size:0;}

		.gallery_list{display:flex; flex-wrap:wrap;}
		.gallery_list > li{position:relative; width:calc(100% / 3 - 20px); box-sizing:border-box; background:var(--point-white); box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.10);}
			.gallery_list > li:not(:nth-child(3n)){margin-right:30px;}
			.gallery_list > li:nth-child(n+4){margin-top:30px;}
		.gallery_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
		.gallery_list .thumb{position:relative;font-size:0;padding-bottom: 68.5%;}
		.gallery_list .thumb img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
		.gallery_list .info{padding: 28px 30px 74px;box-sizing:border-box;font-size:var(--title-20);}
		.gallery_list .info dt{font-size: 105%;font-weight:400;line-height:1.43;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition:all 0.4s;}
		.gallery_list .info dd{position:absolute; left:30px; bottom:30px; font-size:80%; font-weight:400; color:var(--title-color04); padding-left:25px; box-sizing:border-box; width:calc(100% - 60px); padding-right:30px; box-sizing:border-box;}
			.gallery_list .info dd:before{position:absolute; content:''; width:20px; height:20px; background:url('../images/sub/calender_icon.svg') no-repeat center; background-size:auto 100%; top:50%; left:0; transform:translateY(-50%);}
			.gallery_list .info dd:after{position:absolute; content:''; width:14px; height:14px; background:url('../images/sub/more_arw.svg') no-repeat right center; background-size:100% auto; top:50%; right:0; transform:translateY(-50%); opacity:0; transition:all 0.4s;}

			/* over */
				@media screen and (min-width:1024px){
					.gallery_list > li:hover .info dt{color:var(--point-color);}
					.gallery_list > li:hover .info dd:after{opacity:1;}
				}

		#wrap .paging {text-align:center;padding:0;line-height:normal;font-size:0;margin:60px 0 0;box-sizing:border-box;display: flex;align-items: center;justify-content: center; min-height:auto;}
		#wrap .paging span {display:inline-block;}
		#wrap .paging a {display: inline-flex;font-size:15px;color:#666;padding: 0;border:0;box-sizing:border-box;width: 32px;height: 32px;border-radius: 100%;line-height:normal;min-width:auto;text-align:center;vertical-align:top;align-items: center;justify-content: center;margin: 0 2.5px;}
		#wrap .paging .on a{color:var(--point-white);font-weight:bold;background: var(--point-color05);}
		#wrap .paging a.on{color:var(--point-white);font-weight:bold; background: var(--point-color05);}
		#wrap .paging .arrow a {font-size:0; background:no-repeat center;}
		#wrap .paging .arrow a img {display:none;}
		#wrap .paging .arrow.first a {background-image:url("../images/sub/paging_first.svg"); margin-right:10px;}
		#wrap .paging .arrow.prev a {background-image:url("../images/sub/paging_prev.svg"); margin-right:5px;}
		#wrap .paging .arrow.next a {background-image:url("../images/sub/paging_next.svg"); margin-left:5px;}
		#wrap .paging .arrow.last a {background-image:url("../images/sub/paging_last.svg"); margin-left:10px;}
		#wrap .view_btn {text-align:center;line-height:normal;position:relative;min-height:auto;}


		@media screen and (max-width:1220px){
			.gallery_list > li{width:calc(100% / 3 - 13.34px);}
				.gallery_list > li:not(:nth-child(3n)){margin-right:20px;}
				.gallery_list > li:nth-child(n+4){margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.search_wrap select{width:140px;}
			.search_wrap .input_text{width:280px;}

			.gallery_list > li{width:calc(100% / 3 - 10px);}
				.gallery_list > li:not(:nth-child(3n)){margin-right:15px;}
				.gallery_list > li:nth-child(n+4){margin-top:15px;}
			.gallery_list .info dt{font-size:100%;}
			.gallery_list .info dd{padding-right:0;}
		}
		@media screen and (max-width:860px){
			.search_wrap select{width:120px;}
			.search_wrap .input_text{width:260px;}

			.gallery_list > li{width:calc(100% / 2 - 7.5px);}
				.gallery_list > li:nth-child(2n){margin-right:0;}
				.gallery_list > li:not(:nth-child(2n)){margin-right:15px;}
				.gallery_list > li:nth-child(n+3){margin-top:15px;}
			.gallery_list .info dt{font-size:100%;}
		}
		@media screen and (max-width:640px){
			.search_wrap{margin-bottom:25px;}
			.search_wrap select{width:100px;}
			.search_wrap .input_text{width:240px;}
			.search_wrap .scarch_btn{width:45px; height:45px; background-size:20px auto;}

			.gallery_list .info{padding:23px 25px 69px;}
			.gallery_list .info dd{left:25px; bottom:25px; width:calc(100% - 50px);}

			#wrap .paging{margin-top:50px;}
			#wrap .paging a{width:29px; height:29px; font-size:14px;}
		}
		@media screen and (max-width:479px){
			.search_wrap{margin-bottom:20px;}
			.search_wrap select{width:90px;}
			.search_wrap .input_text{width:calc(100% - 140px);}
			.search_wrap .scarch_btn{width:40px; height:40px; background-size:18px auto;}

			.gallery_list .info{padding:18px 20px 64px;}
			.gallery_list .info dt{font-size:90%;}
			.gallery_list .info dd{left:20px; bottom:20px; width:calc(100% - 40px);}

			#wrap .paging{margin-top:40px;}
			#wrap .paging a{width:27px; height:27px; font-size:13px;}
		}
		@media screen and (max-width:360px){
			.gallery_list > li{width:100%;}
				.gallery_list > li:not(:nth-child(2n)){margin-right:0;}
				.gallery_list > li:nth-child(n+2){margin-top:15px;}
		}

	/* view */
		#wrap .bbs_view div.view_tit {border-bottom: 1px solid var(--border-color);border-top: 1px solid var(--title-color01);background:none;margin:0;width:100%;box-sizing:border-box;text-align:center;font-size:var(--title-20);padding: 32px 15px 34px;}
		#wrap .bbs_view div.view_tit h3{display:block;font-size:130%;font-weight:400;line-height:1.4;width:100%;margin:0;padding:0;text-align:center;letter-spacing: -0.03em;}
			#wrap .bbs_view div.view_tit h3 + p{margin-top: 22px;}
		#wrap .bbs_view div.view_tit p {position:relative; font-size:80%; font-weight:400; color:var(--title-color04); text-align:center; width:auto; padding:0 0 0 27px; box-sizing:border-box;}
			#wrap .bbs_view div.view_tit p:before{position:absolute; content:''; width:20px; height:20px; background:url('../images/sub/calender_icon.svg') no-repeat center; top:50%; left:0; transform:translateY(-50%);}
		#wrap .bbs_view div.view_cont{padding:60px 15px;font-size:var(--title-20);font-weight:400;color:var(--title-color03);line-height:1.78;letter-spacing:-0.02em;border-bottom: 1px solid var(--border-color);}
		#wrap .bbs_view div.view_cont *{font-size:90%; color:inherit;}
		#wrap .bbs_view div.view_cont .thumb_img_wrap{padding-bottom:15px;}

		#wrap .sub_board {position:relative;}
		#wrap .sub_board .bbs_view .extra_editor_wrap {display:flex;flex-wrap:wrap;width:100%;margin:0;border-top: 0;border-bottom: 1px solid var(--border-color);font-size: var(--title-20);height: 62px;align-items: center;}
		#wrap .sub_board .bbs_view .extra_editor_wrap h4{background:none;width: 140px;font-size: 85%;color: var(--title-color01);font-weight: 400;text-align: center;padding: 0 15px;box-sizing: border-box;}
		#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont {position:relative; width: calc(100% - 140px);padding: 0 40px;box-sizing: border-box;}
			#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont:before{position:absolute; content:''; width:1px; height:12px; background:#d9d9d9; top:50%; left:0; transform:translateY(-50%);}
		#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span{font-size:80%;color: var(--title-color03);font-weight: 400;letter-spacing: -0.02em;}
		#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span a{color:inherit !important;}

		@media screen and (max-width:1023px){
			#wrap .bbs_view div.view_tit{padding:30px 15px;}
			#wrap .bbs_view div.view_cont{padding:50px 15px;}

			#wrap .sub_board .bbs_view .extra_editor_wrap{height:60px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:120px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont{width:calc(100% - 120px); padding:0 30px;}
		}
		@media screen and (max-width:860px){
			#wrap .bbs_view div.view_tit{padding:25px 15px;}
			#wrap .bbs_view div.view_tit h3 + p{margin-top:17px;}
			#wrap .bbs_view div.view_cont{padding:45px 15px;}

			#wrap .sub_board .bbs_view .extra_editor_wrap{height:55px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:100px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont{width:calc(100% - 100px); padding:0 25px;}
		}
		@media screen and (max-width:640px){
			#wrap .bbs_view div.view_tit{padding:20px 15px;}
			#wrap .bbs_view div.view_tit h3{font-size:120%;}
				#wrap .bbs_view div.view_tit h3 + p{margin-top:12px;}
			#wrap .bbs_view div.view_cont{padding:40px 15px;}

			#wrap .sub_board .bbs_view .extra_editor_wrap{height:50px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:90px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont{width:calc(100% - 90px); padding:0 20px;}
		}
		@media screen and (max-width:640px){
			#wrap .bbs_view div.view_tit h3{font-size:110%;}
				#wrap .bbs_view div.view_tit h3 + p{margin-top:10px;}
			#wrap .bbs_view div.view_cont{padding:35px 15px; line-height:1.6;}
		}


/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
	.suv_visual{position:relative; width:100%; height:400px; background:no-repeat center; background-size:cover; display:flex; align-items:center; justify-content:center; text-align:center; padding-top:4.8vw; box-sizing:border-box;}
	.suv_visual h2{font-size:var(--title-50); font-weight:600; color:var(--point-white); line-height:1.2;}

	#side_box{background:var(--gray-bg); border-bottom:1px solid var(--border-color); }
	#side_box dl{display:flex; justify-content:center; height:80px; font-size:var(--title-20); text-align:center;}
	#side_box dl dt{display:none;}
	#side_box dl dd{position:relative; width:100%; height:100%;}
	#side_box dl dd a{position:relative; display:inline-flex; align-items:center; justify-content:center;  width:100%; height:100%; font-size:90%; font-weight:400; color:var(--title-color08); padding:0 15px; box-sizing:border-box; line-height:1.5; }
		#side_box dl dd a:before{position:absolute; content:''; left:50%; bottom:-1px; transform:translateX(-50%); width:0; height:3px; background:var(--point-color); opacity:0; transition:all 0.4s; }
		#side_box dl dd + dd:after{position:absolute; content:''; width:1px; height:25%; background:var(--border-color); top:50%; left:0; transform:translateY(-50%);}

		#side_box dl dd.on a{color:var(--point-color); font-weight:bold;}
		#side_box dl dd.on a:before{width:100%; opacity:1;}

		/* over */
		@media screen and (min-width:1024px){
			#side_box dl dd:hover a{color:var(--point-color); font-weight:bold;}
		}

	.nav_wrap{position:relative;text-align:center;font-size:var(--title-20);padding: 97px 0 53px;box-sizing:border-box;}
	.nav_wrap h2{font-size:220%; font-weight:400; color:var(--title-color05); line-height:1.3;}
		.nav_wrap h2 + p{margin-top: 16px;}
	.nav_wrap p{font-size:80%;font-weight:400;color:#666;line-height:1.6;letter-spacing: -0.01em;}

	.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.hd_s{margin-bottom:30px;}
		.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:#111;}
		.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;}
		.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;}
		.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(--title-color03);line-height:1.76;letter-spacing: -0.02em;}
	.sub_title > span{display:block;font-size:80%;font-weight:400;color:#666;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;}

	.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(--title-color03);line-height: 1.6;padding-left:10px;box-sizing:border-box;letter-spacing: -0.03em;}
		.hyphen_list > li + li{margin-top:5px;}
		.hyphen_list > li:before{position:absolute; content:'-'; top:0; left:0;}
	.hyphen_list > li > em{color:inherit; font-weight:bold;}
	.hyphen_list > li > em{color:var(--title-color06); font-weight:inherit;}

		.hyphen_list.bullet > li:before{content:'·';}
		.hyphen_list > li.none{padding-left:0;}
		.hyphen_list > li.none:before{display:none;}
		.hyphen_list > li.sm{font-size:75%; color:var(--title-color08);}


	@media screen and (max-width:1100px){
		.sub_title p br{display:none;}
	}
	@media screen and (max-width:1023px){
		.suv_visual{height:39vw; min-height:300px;}

		#side_box .w_custom{width:100%;}
		#side_box dl{height:75px;}

		.nav_wrap{padding:80px 0 40px;}

		.sub_title.hd{margin-bottom:50px;}
		.sub_title.hd_md{margin-bottom:40px;}
		.sub_title.hd_m{margin-bottom:30px;}
		.sub_title.hd_s{margin-bottom:25px;}
		.sub_title > span br{display:none;}
		
	}
	@media screen and (max-width:860px){
		#side_box .sub_menu{width:900px;}
		#side_box dl{height:70px;}
	}
	@media screen and (max-width:640px){
		#side_box dl{height:80px;}
		#side_box dl dd a:before{height:2px;}

		.nav_wrap{padding:70px 0 30px;}
		.nav_wrap h2{font-size:153%;}
		.nav_wrap h2 img{width:44vw; min-width:200px;}

		.sub_title.hd{margin-bottom:40px;}
		.sub_title.hd_md{margin-bottom:35px;}
		.sub_title.hd_m{margin-bottom:25px;}
		.sub_title.hd_s{margin-bottom:20px;}
		.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;}
	}
	@media screen and (max-width:479px){
		#side_box dl{height:70px;}

		.nav_wrap{padding:70px 0 25px;}

		.sub_title.hd{margin-bottom:35px;}
		.sub_title.hd_md{margin-bottom:30px;}
		.sub_title .under_line:after{width:30px; margin:14px 0 17px;}
		.sub_title h2{font-size:160%;}
		.sub_title h4{font-size:140%;}
		.sub_title p{line-height:1.6;}
	}


/*───────────────────────────────────────────────────────────
	company
───────────────────────────────────────────────────────────*/
	/* about */
		.company_about #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
		.sub_about .intro{padding-bottom: 82px;}
		.sub_about .intro .cont{display:flex;}
		.sub_about .intro .thumb{font-size:0; width:47.3%;}
		.sub_about .intro .thumb img{width:100%; height:100%; object-fit:cover;}
		.sub_about .intro .info{width:calc(100% - 47.3% - 60px); border-top:1px solid var(--title-color01); margin-left:60px; box-sizing:border-box;}
		.sub_about .intro .info dl{font-size:var(--title-20);border-bottom:1px solid var(--border-color);display:flex;padding: 19px 0 18px;box-sizing: border-box;}
		.sub_about .intro .info dl dt{width:160px;padding:0 20px;font-size:85%;font-weight:400;line-height: 1.55;box-sizing:border-box;}
		.sub_about .intro .info dl dd{width:calc(100% - 160px);padding-right:20px;font-size:80%;font-weight:400;color:var(--title-color03);line-height: 1.6;box-sizing:border-box;}
		.sub_about .intro .info .link{position:relative; color:var(--point-color03);padding-right:22px;}
			.sub_about .intro .info .link:before{position:absolute; content:''; width:calc(100% - 22px); height:1px; background:var(--point-color03); left:0; bottom:0;}
			.sub_about .intro .info .link:after{position:absolute; content:''; width:18px; height:18px; background:url('../images/sub/link_icon.svg') no-repeat center; top:50%; right:0; transform:translateY(-50%);}
		.sub_about .philosophy{background:var(--point-bg); padding:116px 0 120px;}
		.sub_about .philosophy .exp_list{display:flex;}
		.sub_about .philosophy .exp_list > li{position:relative;width:100%;font-size:var(--title-20);line-height:1.4;border:1px solid var(--point-color);box-sizing:border-box;background:var(--point-white);padding: 25px 28px 28px 30px;}
			.sub_about .philosophy .exp_list > li:not(:last-child){margin-right:30px;}
		.sub_about .philosophy .exp_list .step{font-size:90%; font-weight:bold; color:var(--point-color); letter-spacing:-0.02em;}
			.sub_about .philosophy .exp_list .step + dl{margin-top: 18px;}
		.sub_about .philosophy .exp_list .icon{position:absolute; top:30px; right:30px; font-size:0; display:flex; height:48px; align-items:center;}
		.sub_about .philosophy .exp_list dl{}
		.sub_about .philosophy .exp_list dl dt{font-size:100%; font-weight:bold; color:var(--title-color06);}
			.sub_about .philosophy .exp_list dl dt + dd{margin-top: 9px;}
		.sub_about .philosophy .exp_list dl dd{}

		@media screen and (max-width:1220px){
			.sub_about .philosophy .exp_list > li:not(:last-child){margin-right:20px;}
		}
		@media screen and (max-width:1023px){
			.sub_about .intro .info{width:calc(100% - 47.3% - 5vw); margin-left:5vw}
			.sub_about .intro .info dl dt{width:140px;}
			.sub_about .intro .info dl dd{width:calc(100% - 140px);}

			.sub_about .philosophy .exp_list > li:not(:last-child){margin-right:15px;}
		}
		@media screen and (max-width:860px){
			.sub_about .intro .cont{display:block;}
			.sub_about .intro .thumb{width:100%; text-align:center;}
			.sub_about .intro .thumb img{width:auto; height:auto; }
			.sub_about .intro .info{width:100%; margin:40px 0 0;}

			.sub_about .philosophy{padding:100px 0;}
			.sub_about .philosophy .exp_list{flex-wrap:wrap; }
			.sub_about .philosophy .exp_list > li{width:calc(100% / 2 - 7.5px);}
				.sub_about .philosophy .exp_list > li:nth-child(2n){margin-right:0;}
				.sub_about .philosophy .exp_list > li:nth-child(n+3){margin-top:15px;}
		}
		@media screen and (max-width:640px){
			.sub_about .intro{padding-bottom:70px;}
			.sub_about .intro .info{margin-top:30px;}
			.sub_about .intro .info dl{padding:15px 0;}
			.sub_about .intro .info dl dt{width:120px; padding:0 15px;}
			.sub_about .intro .info dl dd{width:calc(100% - 120px);}

			.sub_about .philosophy{padding:70px 0;}
		}
		@media screen and (max-width:479px){
			.sub_about .philosophy .exp_list > li{width:100%; margin-right:0;}
				.sub_about .philosophy .exp_list > li:not(:last-child){margin-right:0;}
				.sub_about .philosophy .exp_list > li:nth-child(n+2){margin-top:15px;}
		}
		@media screen and (max-width:431px){
			.sub_about .intro .info dl dt{width:100px;}
			.sub_about .intro .info dl dd{width:calc(100% - 100px);}
		}
		@media screen and (max-width:360px){
			.sub_about .intro .info dl{display:block;}
			.sub_about .intro .info dl dt{width:100%;}
				.sub_about .intro .info dl dt + dd{margin-top:5px;}
			.sub_about .intro .info dl dd{width:100%; padding:0 15px;}
		}

		
	/* location */ 
		.sub_location .map_wrap{width:100%; height:430px;}
			.sub_location .map_wrap + .map_info{margin-top:40px;}
		.sub_location .map_info dl{display:flex; align-items:center; justify-content:space-between; font-size:var(--title-20);}
		.sub_location .map_info dl dt{position:relative;width:45%;font-weight: 400;color:var(--title-color06);line-height:1.5;font-size: 110%;padding: 0 15px 0 30px;box-sizing: border-box;}
		.sub_location .map_info dl dt:before{position:absolute; content:''; width:17px; height:20px; background:url('../images/sub/sub_location_map.svg') no-repeat center; background-size:auto 100%; left:0; top:45%; transform:translateY(-50%);}
		.sub_location .map_info dl dd{width:55%;}
		.sub_location .map_info .link_list{display:flex;}
		.sub_location .map_info .link_list li{width:100%;}
			.sub_location .map_info .link_list li:not(:last-child){margin-right:12px;}
		.sub_location .map_info .link_list li a{display:flex; width:100%; height:50px; align-items:center; justify-content:center; text-align:center;font-size:75%; font-weight:400; color:var(--title-color07); border:1px solid var(--border-color); box-sizing:border-box; transition:all 0.4s;}
		.sub_location .map_info .link_list li a img{margin-left:8px; transition:all 0.4s;}

			/* over */
			@media screen and (min-width:1024px){
				.sub_location .map_info .link_list li a:hover{color:var(--point-white);}
				.sub_location .map_info .link_list li a:hover img{filter:var(--filter-white)}
				.sub_location .map_info .link_list li.copy a:hover{background:#062241; border-color:#062241;}
				.sub_location .map_info .link_list li.kakao a:hover{background:#FBE300; border-color:#FBE300; color:var(--title-color05);}
				.sub_location .map_info .link_list li.kakao a:hover img{filter:var(--filter-black);}
				.sub_location .map_info .link_list li.naver a:hover{background:#259E00; border-color:#259E00;}
			}

		@media screen and (max-width:1023px){
			.sub_location .map_wrap{height:42vw; min-height:250px;}
			.sub_location .map_info dl{display:block;}
			.sub_location .map_info dl dt{width:100%; padding-right:0;}
			.sub_location .map_info dl dd{width:100%; margin-top:20px;}
		}
		@media screen and (max-width:640px){
			.sub_location .map_wrap + .map_info{margin-top:35px;}
			.sub_location .map_info dl dt{padding-left:25px;}
				.sub_location .map_info dl dt:before{height:18px;}
			.sub_location .map_info dl dd{width:100%; margin-top:15px;}
			.sub_location .map_info .link_list li a{font-size:80%; height:45px;}
		}
		@media screen and (max-width:479px){
			.sub_location .map_wrap + .map_info{margin-top:30px;}
			.sub_location .map_info dl dt{font-size:100%;}
			.sub_location .map_info .link_list{display:block;}
			.sub_location .map_info .link_list li:not(:last-child){margin:0 0 10px 0;}
		}


/*───────────────────────────────────────────────────────────
	itsolution
───────────────────────────────────────────────────────────*/
	/* separation */
		.itsolution_separation #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
		.sub_separation{margin-top: -1.1vw;}
		.sub_separation .intro{margin-top: -0.2vw;padding-bottom: 97px;}
		.sub_separation :where(.network, .example, .product, .features){padding:100px 0;}
		.sub_separation .network{background:var(--point-bg); }
		.sub_separation .network .cont{display:flex;background:var(--point-white);box-shadow: 0px 0px 10px rgba(48, 120, 251, 0.15);align-items:center;}
		.sub_separation .network .cont .thumb{width: 570px;}
		.sub_separation .network .cont .thumb img{width:100%; height:100%; object-fit:cover;}
		.sub_separation .network .cont .sub_title{width: calc(100% - 570px);padding: 0 2.6vw;box-sizing:border-box;}
		.sub_separation .network .cont .sub_title h5{letter-spacing:-0.03em;}
		.sub_separation .example .thumb{font-size:0;}
		.sub_separation .example .thumb img{min-height:200px; object-fit:cover;}
		.sub_separation .example .hyphen_list{border:1px solid var(--border-color);border-top:0;padding: 22px 2.6vw 3.25vw;box-sizing:border-box;}
		.sub_separation .product{background:var(--gray-bg); }
		.sub_separation .features .img_box{border:1px solid var(--border-color); padding:40px; box-sizing:border-box; text-align:center;}

		.chk_list{display:flex; flex-wrap:wrap;}
		.chk_list > li{position:relative;border:1px solid var(--border-color);padding: 27px 30px 23px;box-sizing:border-box;text-align:center; background:var(--point-white);}
			.chk_list.bg > li{border:0; box-shadow: 0px 0px 10px rgba(48, 120, 251, 0.15);}
		.chk_list .icon{font-size:0;}	
			.chk_list .icon + dl{margin-top: 14px;}
		.chk_list dl{font-size:var(--title-20);}
		.chk_list dl dt{font-size:90%;font-weight: bold;color:var(--title-color06);line-height:1.5;letter-spacing:-0.02em;padding-top: 3px;}
			.chk_list dl dt + dd{margin-top: 6px;}
		.chk_list dl dd{font-size:80%; font-weight:400; color:var(--title-color03); line-height:1.62; letter-spacing:-0.02em;}

			.chk_list.hori02{}
			.chk_list.hori02 li{width:calc(100% / 2  - 15px);}
				.chk_list.hori02 li:not(:nth-child(2n)){margin-right:30px;}
				.chk_list.hori02 li:nth-child(n+3){margin-top:30px;}
			
			.chk_list.hori03{}
			.chk_list.hori03 li{width:calc(100% / 3  - 20px);}
				.chk_list.hori03 li:not(:nth-child(3n)){margin-right:30px;}
				.chk_list.hori03 li:nth-child(n+4){margin-top:30px;}

		.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 #aaa;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(--title-color06); line-height:1.5; letter-spacing:-0.02em;}
			.iconExp_list dl dt + dd{margin-top: 5px;}
		.iconExp_list dl dd{font-size:80%; font-weight:400; color:var(--title-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;}

		.prod_list{display:flex; flex-wrap:wrap;}
		.prod_list > li{position:relative; width:calc(100% / 2 - 15px); border:1px solid var(--border-color); background:var(--point-white); box-sizing:border-box; text-align:center;}
			.prod_list > li:not(:nth-child(2n)){margin-right:30px;}
			.prod_list > li:nth-child(n+3){margin-top:30px;}
		.prod_list .thumb{display:flex; align-items:center; justify-content:center; font-size:0; height:280px; background:var(--gray-bg02); padding:15px; box-sizing:border-box;}
			.prod_list.big .thumb{height:380px; padding:30px;}
		.prod_list .thumb img{mix-blend-mode: darken;}
		.prod_list dl{font-size:var(--title-20); padding:27px 30px 25px;}
		.prod_list dl dt{font-size:130%; font-weight:bold; line-height:1.4;}
			.prod_list dl dt + dd{margin-top: 6px;}
		.prod_list dl dt sub{font-size: 60%;vertical-align: sub;}
		.prod_list dl dd{}
		.prod_list dl dd em{font-size:90%; font-weight:400; color:var(--point-color03); line-height:1.5;}
			.prod_list dl dd em + .tab_list{padding-top:17px;}

		.tab_list{display:flex; flex-wrap:wrap; justify-content:center; font-size:var(--title-20);}
		.tab_list > li{display:inline-flex;align-items: flex-end;justify-content:center;text-align:center;font-size:75%;font-weight:400;color:#666;height: auto;padding: 7px 17px 6px;background:#eee;border-radius:30px;margin:5px;}
		.tab_list > li sub{font-size: 65%;vertical-align: sub;}

		@media screen and (max-width:1220px){
			.chk_list.hori02 li{width:calc(100% / 2  - 10px);}
				.chk_list.hori02 li:not(:nth-child(2n)){margin-right:20px;}
				.chk_list.hori02 li:nth-child(n+3){margin-top:20px;}

			.chk_list.hori03 li{width:calc(100% / 3  - 13.34px);}
				.chk_list.hori03 li:not(:nth-child(3n)){margin-right:20px;}
				.chk_list.hori03 li:nth-child(n+4){margin-top:20px;}

			.chk_list dl dd br{display:none;}

			.iconExp_list > li:not(:last-child){margin-right:20px;}

			.prod_list > li{width:calc(100% / 2 - 10px);}
				.prod_list > li:not(:nth-child(2n)){margin-right:20px;}
				.prod_list > li:nth-child(n+3){margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.sub_separation .example .hyphen_list{padding:20px 25px 30px;}
			.sub_separation .features .img_box{padding:30px;}

			.chk_list > li{padding:22px 30px 20px;}

			.chk_list.hori02 li{width:calc(100% / 2  - 7.5px);}
				.chk_list.hori02 li:not(:nth-child(2n)){margin-right:15px;}
				.chk_list.hori02 li:nth-child(n+3){margin-top:15px;}

			.chk_list.hori03 li{width:calc(100% / 3  - 10px);}
				.chk_list.hori03 li:not(:nth-child(3n)){margin-right:15px;}
				.chk_list.hori03 li:nth-child(n+4){margin-top:15px;}

				

			.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;}

			.prod_list > li{width:calc(100% / 2 - 7.5px);}
				.prod_list > li:not(:nth-child(2n)){margin-right:15px;}
				.prod_list > li:nth-child(n+3){margin-top:15px;}
			.prod_list .thumb{height:27vw; min-height:200px;}
				.prod_list.big .thumb{height:37vw; min-height:250px;}

		}
		@media screen and (max-width:975px){
			.sub_separation .network .cont{display:block; }
			.sub_separation .network .cont .thumb{width:100%;}
			.sub_separation .network .cont .thumb img{height:auto;}
			.sub_separation .network .cont .sub_title{width:100%; padding:30px;}
			.sub_separation .network .cont .sub_title > em br{display:none;}
		}
		@media screen and (max-width:940px){
			.iconExp_list.fixed.line05 .icon{width: 130px; height: 130px;}
		}
		@media screen and (max-width:860px){
			.sub_separation .intro{padding-bottom:80px;}
			.sub_separation :where(.network, .example, .product, .features){padding:80px 0;}
			.sub_separation .features .img_box{padding:25px;}

			.chk_list.hori03 li{width:calc(100% / 2  - 7.5px);}
				.chk_list.hori03 li:not(:nth-child(2n)){margin-right:15px;}
					.chk_list.hori03 li:nth-child(2n){margin-right:0;}
				.chk_list.hori03 li:nth-child(n+3){margin-top:15px;}

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

			.prod_list dl{padding:22px 15px 20px;}
		}
		@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.line05 .icon,
				.iconExp_list.fixed .icon{width: 100%; height:auto;padding-bottom:calc(100% - 2px);}

				.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;}
		}
		@media screen and (max-width:640px){
			.sub_separation .intro{padding-bottom:70px;}
			.sub_separation :where(.network, .example, .product, .features){padding:70px 0;}
			.sub_separation .example .hyphen_list{padding:20px 20px 30px;}
			.sub_separation .features .img_box{padding:20px;}

			.chk_list li{width:100% !important; margin-right:0 !important;}
				.chk_list li:nth-child(n+2){margin-top:15px !important;}
			.chk_list dl dt{padding-top:0;}

			

			.prod_list dl dd em + .tab_list{padding-top:12px;}
			.tab_list > li{padding:6px 15px 5px; margin:3px;}
		}
		@media screen and (max-width:479px){
			.sub_separation .network .cont .sub_title{padding:25px;}
			.sub_separation .features .img_box{padding:15px;}

			.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;}

			.prod_list > li{width:100%;}
				.prod_list > li:not(:nth-child(2n)){margin-right:0;}
				.prod_list > li:nth-child(n+2){margin-top:15px;}
			.prod_list dl dt{font-size:110%;}
			.prod_list dl dd em{font-size:85%;}
		}
	/* terminal */
		.itsolution_tibero #contents_wrap{width:100%; max-width:100%;}
		.sub_terminal .img_box{font-size:0; border:1px solid var(--border-color); padding:30px; box-sizing:border-box; text-align:center;}
		.sub_terminal .img_box + .titBg_list{margin-top:30px;}
		.sub_terminal .model{padding-top:100px;}


		.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-color04);text-align:center;font-size:110%;font-weight: 400;color:var(--point-white); padding:0 15px; box-sizing:border-box;}
		.titBg_list dl dt strong{color:var(--point-color06); font-weight:inherit; margin-right:4px;}
		.titBg_list dl dd{padding:30px; border:1px solid var(--border-color); 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-color04); 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;}
		.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;}

			.chk_list + .titBg_list02{margin-top:30px;}
			.titBg_list02 + .titBg_list{margin-top:30px;}

		.scr_noti{display:none; font-size:14px; font-weight:400; color:var(--title-color06); line-height:1.5; letter-spacing:-0.02em; margin:10px 0 5px;}
		.verti_table{box-sizing:border-box;}
		.verti_table table{font-size:var(--title-20); letter-spacing:-0.02em; border-top:1px solid var(--border-color);}
		.verti_table tr{position:relative;}
		.verti_table :where(th, td){position:relative; text-align:center; vertical-align:middle; line-height:1.625; border-bottom:1px solid var(--border-color); border-right:1px solid var(--border-color); padding: 23px 15px;}
		.verti_table th{font-size:90%;font-weight: 400;color:var(--point-white);background:var(--point-color04);}
		.verti_table td{font-size:80%;font-weight:400;color:var(--title-color03); }
		.verti_table td dl dt{font-size:137%; font-weight:bold; color:var(--point-color);}
			.verti_table td dl dt + dd{margin-top: 5px;}
		.verti_table thead td{color:var(--title-color06); background:var(--point-bg);}
		.verti_table tbody td strong{color:var(--title-color06); font-weight:inherit;}
		.verti_table .circle{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;background:#5C8CE5;font-size:106%;border-radius:100%;color:var(--point-white);position: relative;z-index: 6; padding-top:2px; box-sizing:border-box;word-break:break-all;}
			.verti_table .circle.deep{background:#2152AD; }
			.verti_table .circle.strart{margin-right:100px;}
			.verti_table .circle.end{margin-left:100px;}

			.verti_table .cir_bg{position:absolute;content:'';width: 373%;height:74px;top:50%;left: 14%;transform:translateY(-50%);background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) -4.65%, rgba(33, 82, 173, 0.10) 105.64%);border-radius:74px;}
			.verti_table .cir_arw{position:absolute;content:'';width: 288%;height: 15px;top:50%;left: 55%;transform: translateY(-50%);background:url('../images/sub/verti_table_arw.svg') no-repeat center;background-size:100% auto;z-index:99;}
			.verti_table .cir_arw.end{background-image:url('../images/sub/verti_table_arw_re.svg');}
			.verti_table tbody td:has(.cir_arw.end) .cir_bg{transform:translateY(-50%) scale(-1,-1);}


		@media screen and (max-width:1220px){
			.sub_terminal .img_box + .titBg_list{margin-top: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;}

			.chk_list + .titBg_list02{margin-top:20px;}
			.titBg_list02 + .titBg_list{margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.sub_terminal .img_box{padding:25px;}
			.sub_terminal .img_box + .titBg_list{margin-top:15px;}

			.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;}

			.chk_list + .titBg_list02{margin-top:15px;}
			.titBg_list02 + .titBg_list{margin-top:15px;}

			.scr_noti{display:block;}
			.scr_wrap{overflow:hidden; overflow-x:scroll; width:calc(100% + 120px); margin-left:-60px;}
			.scr_wrap {-ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */}
			.scr_wrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
			.scr_wrap .verti_table{width: 1144px;padding:0 60px;}
		}
		@media screen and (max-width:860px){
			.sub_terminal .img_box{padding:20px;}
			.sub_terminal .model{padding-top:80px;}

			.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:640px){
			.sub_terminal .img_box{padding:15px;}
			.sub_terminal .model{padding-top:70px;}

			.titBg_list dl dt{height:60px;}
			.titBg_list dl dd{height:calc(100% - 60px); padding:25px 20px;}

			.scr_wrap{width:calc(100% + 30px); margin-left:-15px;}
			.scr_wrap .verti_table{padding:0 15px;width:1024px;}
			.verti_table :where(th, td){padding:15px;}
			.verti_table .circle{width:65px; height:65px;}
			.verti_table .circle.strart{margin-right:80px;}
			.verti_table .circle.end{margin-left:80px;}
			.verti_table .cir_bg{height:65px;}
		}
		@media screen and (max-width:479px){
			.sub_terminal .img_box{padding:10px;}

			.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;}
		}
		@media screen and (max-width:320px){
			.scr_wrap{width:calc(100% + 20px); margin-left:-10px;}
			.scr_wrap .verti_table{padding:0 10px;}
		}

	/* tibero */
		.itsolution_tibero #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
		.sub_tibero{position:relative; padding-bottom:120px;}
			.sub_tibero:before{position:absolute; content:''; width:100%; height:83%; background:var(--point-bg); left:0; bottom:0;} 

	/* thin client */
		.itsolution_client #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
		.sub_client .sub_title p {color: var(--title-color09); letter-spacing: normal;}
		.sub_client .sub_title.dot h6 {position: relative; padding-left: 18px; letter-spacing: -0.03em;}
		.sub_client .sub_title.dot h6:before{position: absolute; left: 0; top: 8px; display:block; content:''; width:6px; height:6px; background:var(--title-color01);}
		.sub_client .sub_title.dot h6 + span {letter-spacing: -0.03em; margin-top: 8px;}
		
		.horizon_table {box-sizing:border-box;}
		.horizon_table table{font-size:var(--title-20); letter-spacing:-0.02em; border-top:1px solid var(--border-color);}
		.horizon_table :where(th, td){position:relative; text-align:center; vertical-align:middle; line-height:1.625; border-bottom:1px solid var(--border-color); border-right:1px solid var(--border-color); padding: 19.5px 15px;}
		.horizon_table th{font-size:90%;font-weight: 500;color:var(--point-white);background:var(--point-color04);}
		.horizon_table td{font-size:80%;font-weight:400;color:var(--title-color03); }
		.horizon_table thead td {color:var(--title-color06); background:var(--point-bg);}
		.horizon_table tbody th {border-left: 1px solid var(--border-color); font-size:80%; color:var(--title-color01); background: var(--point-bg);}
		.horizon_table tbody td strong{color:var(--title-color06); font-weight:inherit;}
		
		.sub_client :where(.zero_client, .example) {padding: 100px 0;}
		.sub_client .example {background: var(--point-bg);}
		.sub_client .example .example_box + .example_box {margin-top: 60px;}
	
		@media screen and (max-width:1023px){
			.scr_wrap .horizon_table {width: 1144px;padding:0 60px;}
			
			.sub_client .example .example_box + .example_box {margin-top: 50px;}
		}
		@media screen and (max-width:860px){
			.sub_client .sub_title.dot h6 {padding-left: 15px;}
			.sub_client .sub_title.dot h6:before{width:5px; height:5px;}
		
			.sub_client :where(.zero_client, .example) {padding: 80px 0;}
		}
		@media screen and (max-width:640px){
			.sub_client .sub_title.dot h6 {padding-left: 12px;}
			.sub_client .sub_title.dot h6:before{width:4px; height:4px;}
			.sub_client .sub_title.dot h6 + span {margin-top: 6px;}
			
			.scr_wrap .horizon_table{padding:0 15px;width:1024px;}
			.horizon_table :where(th, td){padding:15px;}
			
			.sub_client :where(.zero_client, .example) {padding: 70px 0;}
			.sub_client .example .example_box + .example_box {margin-top: 40px;}
		}
		@media screen and (max-width:320px){
			.scr_wrap .horizon_table{padding:0 10px;}
		}
		
/*───────────────────────────────────────────────────────────
	contsolution
───────────────────────────────────────────────────────────*/
	/* conditioning */
		.contsolution_conditioning #contents_wrap{width:100%; max-width:100%;}
		.sub_conditioning .intro{padding-bottom: 100px;}
		.sub_conditioning .brand{background:var(--point-bg);padding: 103px 0 122px;}
		.sub_conditioning .brand .sub_title p{color:#4D4D50;font-weight: bold;}
		.sub_conditioning .brand .sub_title p + .logo{margin-top: 8px;}
		.sub_conditioning .brand .logo{font-size:0;}
		.sub_conditioning .product{padding: 100px 0;}

		@media screen and (max-width:860px){
			.sub_conditioning .intro{padding-bottom:80px;}
			.sub_conditioning .brand{padding:80px 0 100px;}
			.sub_conditioning .product{padding: 80px 0;}
		}
		@media screen and (max-width:640px){
			.sub_conditioning .intro{padding-bottom:70px;}
			.sub_conditioning .brand{padding:70px 0 90px;}
			.sub_conditioning .product{padding: 70px 0;}
			.sub_conditioning .brand .logo{width:100%; padding:0 15px; box-sizing:border-box;}
		}

	/* building */
		.sub_building .chk_list + .img_box{margin-top:30px;}
		.sub_building .img_box{font-size:0; border:1px solid var(--border-color); padding:60px; text-align:center;}

		@media screen and (max-width:1220px){
			.sub_building .chk_list + .img_box{margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.sub_building .chk_list + .img_box{margin-top:15px;}
			.sub_building .img_box{padding:50px;}
		}
		@media screen and (max-width:860px){
			.sub_building .img_box{padding:40px;}
		}
		@media screen and (max-width:640px){
			.sub_building .img_box{padding:30px;}
		}
		@media screen and (max-width:479px){
			.sub_building .img_box{padding:20px;}
		}

	/* torrefaction */
		.contsolution_torrefaction #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
		.sub_torrefaction .solution{padding-bottom:100px;}
		.sub_torrefaction .conditioning{background:var(--gray-bg); padding:100px 0;}

		.thumbInfo_list{}
		.thumbInfo_list > li{display:flex; width:100%; box-sizing:border-box; background:var(--point-white);border:1px solid var(--border-color);}
			.thumbInfo_list > li + li{margin-top:20px;}
		.thumbInfo_list .thumb{display:block; font-size:0; width:340px; height:240px;}
			.thumbInfo_list .thumb img{width:100%; height:100%; object-fit:cover;}
		.thumbInfo_list .thumb + dl{width:calc(100% - 340px); padding:30px 50px; border-left:0;}
		.thumbInfo_list .thumb img{width:100%; height:100%; object-fit:cover;}
		.thumbInfo_list dl{display:flex; align-items:center; flex-wrap:wrap; align-content:center;  box-sizing:border-box;}
		.thumbInfo_list dl :where(dt, dd){width:100%;}
		.thumbInfo_list dl dt{font-size:var(--title-20); font-weight:bold; color:var(--title-color06);}
			.thumbInfo_list dl dt + dd{margin-top:15px;}


		@media screen and (max-width:1023px){
			.thumbInfo_list > li + li{margin-top:15px;}
			.thumbInfo_list .thumb + dl{padding:0 40px; }
		}
		@media screen and (max-width:860px){
			.sub_torrefaction .solution{padding-bottom:80px;}
			.sub_torrefaction .conditioning{padding:80px 0;}

			.thumbInfo_list .thumb{width:42%;}
			.thumbInfo_list .thumb + dl{width:58%; padding:30px 30px; }
		}
		@media screen and (max-width:640px){
			.sub_torrefaction .solution{padding-bottom:70px;}
			.sub_torrefaction .conditioning{padding:70px 0;}

			.thumbInfo_list .thumb + dl{padding:25px 20px; }
			.thumbInfo_list dl dt + dd{margin-top:10px;}
		}
		@media screen and (max-width:479px){
			.thumbInfo_list > li{display:block;}
			.thumbInfo_list .thumb{width:100%; height:50vw; min-height:150px;}
			.thumbInfo_list .thumb + dl{width:100%; padding:25px 20px; border-left:1px solid var(--border-color); border-top:0;}
		}

/*───────────────────────────────────────────────────────────
	conservice
───────────────────────────────────────────────────────────*/
	/* it */
		.wide_thumb{font-size:0; border:1px solid var(--border-color); height:350px; box-sizing:border-box;}
			.wide_thumb + .chk_list{margin-top:30px;}
		.wide_thumb img{width:100%; height:100%; object-fit:cover;}

		@media screen and (max-width:1220px){
			.wide_thumb + .chk_list{margin-top:20px;}
		}
		@media screen and (max-width:1023px){
			.wide_thumb + .chk_list{margin-top:15px;}
		}

	/* realty */
		.sub_realty.sub_about .philosophy{background:none; padding:0;}

/*───────────────────────────────────────────────────────────
	b2b
───────────────────────────────────────────────────────────*/
	.b2b_b2bservice #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
	.sub_b2bservice :where(.intro, .lineup){padding:100px 0;}
	.sub_b2bservice .intro .logo{font-size:0;}
		.sub_b2bservice .intro .logo + .exp_list{margin-top: 28px;}
	.sub_b2bservice .intro .exp_list{display:flex;flex-wrap:wrap;justify-content: center;text-align: center;}
		.sub_b2bservice .intro .exp_list + p{margin-top: 27px;}
	.sub_b2bservice .intro .exp_list h6{color:var(--title-color07);display: inline-flex;font-weight:400;align-items: center;}
		.sub_b2bservice .intro .exp_list h6 + h6:before{display:inline-flex; content:''; width:1px; height:18px; background:#D9D9D9; margin:0 25px;}
	.sub_b2bservice .intro .sub_title p{color:var(--title-color06);letter-spacing: -0.01em;line-height:1.55;}
	.sub_b2bservice .lineup{background:var(--point-bg);}

	.lineup_list{display:flex; flex-wrap:wrap;}
	.lineup_list > li{width:calc(100% / 3 - 20px); background:var(--point-white); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-sizing:border-box;}
		.lineup_list > li:not(:nth-child(3n)){margin-right:30px;}
		.lineup_list > li:nth-child(n+4){margin-top:30px;}
	.lineup_list .thumb{display:block; width:100%; height:200px; font-size:0;}
	.lineup_list .thumb img{width:100%; height:100%; object-fit:cover; }
	.lineup_list dl{display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; text-align:center; height:calc(100% - 200px); padding:18px 15px; box-sizing:border-box; font-size:var(--title-20);}
	.lineup_list dl :where(dt, dd){width:100%;}
	.lineup_list dl dt{font-size:100%; font-weight:bold; color:var(--title-color06); line-height:1.5;}
		.lineup_list dl dt + dd{margin-top:8px;}
	.lineup_list dl dd{font-size:80%; font-weight:400; color:var(--title-color03); line-height:1.6;}

	@media screen and (max-width:1220px){
		.lineup_list > li{width:calc(100% / 3 - 13.34px);}
			.lineup_list > li:not(:nth-child(3n)){margin-right:20px;}
			.lineup_list > li:nth-child(n+4){margin-top:20px;}
	}
	@media screen and (max-width:1023px){
		.lineup_list > li{width:calc(100% / 3 - 10px);}
			.lineup_list > li:not(:nth-child(3n)){margin-right:15px;}
			.lineup_list > li:nth-child(n+4){margin-top:15px;}
		.lineup_list .thumb{height:19.5vw;}
		.lineup_list dl{height:calc(100% - 19.5vw);}
	}
	@media screen and (max-width:860px){
		.sub_b2bservice :where(.intro, .lineup){padding:80px 0;}
		.sub_b2bservice .intro .logo + .exp_list{margin-top:23px;}
		.sub_b2bservice .intro .exp_list h6 + h6:before{margin:0 20px;}
		.sub_b2bservice .intro .exp_list + p{margin-top:22px;}


		.lineup_list dl dt + dd{margin-top:5px;}
	}
	@media screen and (max-width:640px){
		.sub_b2bservice :where(.intro, .lineup){padding:70px 0;}
		.sub_b2bservice .intro .logo + .exp_list{margin-top:18px;}
		.sub_b2bservice .intro .exp_list h6 + h6:before{margin:0 15px;}
		.sub_b2bservice .intro .exp_list + p{margin-top:17px;}

		.lineup_list > li{width:calc(100% / 2 - 7.5px);}
			.lineup_list > li:not(:nth-child(2n)){margin-right:15px;}
			.lineup_list > li:nth-child(2n){margin-right:0;}
			.lineup_list > li:nth-child(n+3){margin-top:15px;}
		.lineup_list .thumb{height:31vw;}
		.lineup_list dl{height:calc(100% - 31vw); padding:15px;}
	}
	@media screen and (max-width:479px){
		.lineup_list dl dt{font-size:90%;}
		.lineup_list dl dd{font-size:75%;}
	}
	@media screen and (max-width:360px){
		.lineup_list > li{width:100%; margin-right:0 !important;}
			.lineup_list > li:nth-child(n+2){margin-top:15px;}
		.lineup_list .thumb{height:55vw;}
		.lineup_list dl{height:auto;}
		.sub_b2bservice .intro .exp_list{display:block;}
		.sub_b2bservice .intro .exp_list h6{display:block;}
		.sub_b2bservice .intro .exp_list h6 + h6:before{display:block; width:20px; height:1px; margin:10px auto;}
	}


/*───────────────────────────────────────────────────────────
	datacenter
───────────────────────────────────────────────────────────*/
	/* server */
		.sub_server .sub_title h2{letter-spacing:-0.02em;}
		.sub_server .img_box{border:1px solid var(--border-color);padding: 50px 40px;}
			.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:#111; font-weight:bold;}
		.sub_server .img_box .cont_list .sub_title h6{color:#666;letter-spacing: -0.02em;}

		.sub_server .performance{display:flex;}
			.sub_server .performance + .provide{margin-top:30px;}
		.sub_server .performance .info{width:64%;background:var(--point-bg);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:#666;line-height:1.5;}
		.sub_server .performance .graph_info dt em{font-weight:bold; color:var(--point-color);}
		.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-color);}
		.sub_server .performance .graph_exp dl dd{font-size:80%; font-weight:400; color:#666; 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-color);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:#666;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-bg);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 .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 .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 .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 .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 */
		.datacenter_vast #contents_wrap{width:100%; max-width:100%; 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%);}

		@media screen and (max-width:1023px){
		}
		@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;}
		}
		@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;}
		}
		@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%);}
		}
	
	/* 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(--title-color06);}
			.thumbInfo_list02 dl dt + dd{margin-top:18px;}
		.thumbInfo_list02 dl dd{font-size:80%; font-weight:400; color:var(--title-color03); 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;}
		}