@charset "utf-8";
/*───────────────────────────────────────────────────────────

	회사소개 - 디자인아트소개
	
───────────────────────────────────────────────────────────*/
	/*visual*/
		.sub_about_visual{width:100%;height:860px;box-sizing:border-box;position: relative;background:url('../images/sub/about_company_bg.jpg')no-repeat center;background-size:cover;}
		.sub_about_visual .txt_box{font-size:var(--title-20);}
		.sub_about_visual .txt_box > .sub_company_title{font-size:300%;color:var(--point-white);font-weight:300;letter-spacing:-0.05em;}
		.sub_about_visual .txt_box h2, .sub_about_visual .txt_box h1{font-size:350%;color:var(--point-white);font-weight:700;letter-spacing:-0.05em;margin-top:5px;line-height:1.2;height:168px;}
		.sub_about_visual .txt_box h2 span, .sub_about_visual .txt_box h1 span{font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;}
		.sub_about_visual .txt_box > .txt{display: block;font-size:130%;color:rgba(255, 255, 255, 0.9);font-weight:300;letter-spacing:-0.02em;margin-top:63px;line-height:1.7;}
		.sub_about_visual .vis_en{text-align: right;padding:0;}

		.sub_about_visual .scroll_down_wrap{position: absolute;left:50%;transform:translate(-50%);bottom:0;display: inline-block;}
		.sub_about_visual .scroll_down{z-index:5;cursor:pointer;height:146px;}
			.sub_about_visual .scroll_down .down_box{position: relative;display: inline-block;height:100%;}
			.sub_about_visual .scroll_down .down_box:before{width:1px;height:100px;content:"";box-sizing:border-box;background:var(--point-white);opacity:0.2;position: absolute;left:22px;bottom:0px;}
			.sub_about_visual .scroll_down .down_box:after{width:5px;height:5px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);position: absolute;top:35%;left:20px;animation:aboutScroll 4s ease-in Infinite Alternate;}
			@keyframes aboutScroll{
				0%{top:35%;}
				50%{top:90%;}
				100%{top:35%;}
			}
		.sub_about_visual .scroll_down .down_box span{font-size:var(--title-16);color:rgba(255,255,255,0.7);font-weight:300;display: block;letter-spacing:0;font-family:var(--font-type04);writing-mode: sideways-lr;translate: 50% -136%;}
		
		@media (max-width:1400px){
			.sub_about_visual{height:55vw;}
			.sub_about_visual .txt_box{padding-bottom:7vw;}
			.sub_about_visual .txt_box > .txt{margin-top:25px;}
		}
		@media (max-width:1100px){
			.sub_about_visual{height:64vw;}
		}
		@media (max-width:1023px){
			#wrap .sub_about_visual{align-items: flex-start;}
			.sub_about_visual .txt_box{padding:50px 0 0 0;}
			.sub_about_visual .txt_box > .sub_company_title{font-size:200%;}
			.sub_about_visual .txt_box h2, .sub_about_visual .txt_box h1{height:20vw;font-size:300%;}
			.sub_about_visual .vis_en{display: none;}
			.sub_about_visual .scroll_down{height:100px;}
			.sub_about_visual .scroll_down .down_box:before{height:65%;}
		}
		@media (max-width:860px){
			.sub_about_visual{height:75vw;}
		}
		@media (max-width:767px){
			.sub_about_visual{height:85vw;}
			.sub_about_visual .txt_box{padding:30px 0 0 0;}
		}
		@media (max-width:640px){
			.sub_about_visual .scroll_down_wrap{display: none;}
			.sub_about_visual .txt_box > .sub_company_title{font-size:150%;}
			.sub_about_visual .txt_box h2, .sub_about_visual .txt_box h1{font-size:250%;}
		}
		@media (max-width:479px){
			.sub_about_visual{height:120vw;align-items: center;}
			.sub_about_visual .txt_box{padding-top:0;}
			.sub_about_visual .txt_box > .sub_company_title{font-size:120%;}
			.sub_about_visual .txt_box h2, .sub_about_visual .txt_box h1{font-size:200%;}
			.sub_about_visual .txt_box > .txt{font-size:100%;margin-top:15px;}
		}
		@media (max-width:350px){
			.sub_about_visual .txt_box h2, .sub_about_visual .txt_box h1{font-size:160%;}
		}
		@media (max-width:320px){
			.sub_about_visual{height:130vw;}
		}
		
	/*philosophy*/
		.brand_philosophy {background:var(--gray-bg04);padding:60px 0;}
		.brand_philosophy .w_custom{display: flex;flex-direction: column;gap:20px;font-size:var(--title-20);}
		.brand_philosophy h3{font-size:180%;color:var(--black-color02);font-weight:500;line-height:1.4;margin-bottom:10px;}
		.brand_philosophy p {font-size:100%;line-height: 2;color:var(--black-color04);font-family:var(--font-type03);}
		.brand_philosophy p strong{font-size:inherit;color:var(--black-color02);font-weight:700;}
		
		@media (max-width:640px){
			.brand_philosophy{padding:40px 0;}
			.brand_philosophy h3{font-size:150%;}
			.brand_philosophy p{line-height:1.6;}
		}
		
	/*introduce*/
		.our_company_info .info_box{padding:120px 0;font-size:var(--title-20);}
		.our_company_info .info_box h3{font-size:150%;color:var(--black-color03);font-weight:400;}
		.our_company_info .info_box .company_info{width:100%;margin-top:50px;}
		.our_company_info .info_box .company_info dl {font-size:0;display: flex;flex-wrap:wrap;}
		.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{box-sizing:border-box;font-size:var(--title-18);text-align:left;padding:21px 0;}
		.our_company_info .info_box .company_info dl dt{color:var(--black-color03);font-weight:500;border-bottom:1px solid var(--black-color00);width:140px;padding-left:10px;}
		.our_company_info .info_box .company_info dl dd{color:var(--black-color04);font-weight:400;border-bottom:1px solid var(--border-color01);padding-left:40px;width:calc(100% - 140px);}
		.our_company_info .info_box .company_info dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}
		.our_company_info .info_box .company_info dl:nth-child(1) dt{border-top:1px solid var(--black-color00);}
		.our_company_info .info_box .company_info dl:nth-child(1) dd{border-top:1px solid var(--border-color01);}
		
		@media (max-width:1023px){
			.our_company_info .info_box{padding:clamp(60px, 12vw, 120px) 0;}
			.our_company_info .info_box .company_info{margin-top:clamp(20px, 5vw, 50px);}
			.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{padding-block:clamp(10px, 2vw, 20px);}
			.our_company_info .info_box .company_info dl dt{width:clamp(90px, 10vw, 100px);}
			.our_company_info .info_box .company_info dl dd{width:calc(100% - clamp(90px, 10vw, 100px));padding-left:clamp(20px, 4vw, 40px);}
		}
		
	/*ceo*/
		.our_ceo .ceo_info {background:var(--point-color02);text-align:center;padding:62px 0;}
		.our_ceo dl{display: flex;flex-wrap:wrap;align-items: flex-start;}
		.our_ceo dt, .our_ceo dd {text-align:left;color:var(--point-white);margin:0;padding:0;position:relative;z-index:1;box-sizing:border-box;display:inline-block;vertical-align:top;font-size:var(--title-20);}
		.our_ceo dt {width:37.2%;}
		.our_ceo dt:before {content:"";display:inline-block;width:100%;height:1px;background:var(--point-white);opacity:0.8;position:absolute;right:0;top:50%;}
		.our_ceo dt > div{display:inline-flex;gap:17px;background:var(--point-color02);font-size:250%;line-height:1em;font-weight:400;letter-spacing:-0.04em;padding-right:40px;position: relative;}
		.our_ceo dt .txt{font-size:var(--title-20);}
		.our_ceo dt em {font-size:105%;line-height:1.1em;letter-spacing:0;font-weight:inherit;display:inline-block;}
		.our_ceo dt em span {font-size:120%;line-height:1.1em;letter-spacing:0.04em;font-weight:inherit;display:block;}
		.our_ceo dd {padding-left:3.8%;width:62.8%;}
		.our_ceo dd ul {font-size:0;text-align:left;width:50%;display: flex;flex-direction: column;flex-wrap:wrap;max-height:230px;gap:12px 0;}
		.our_ceo dd li {box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;z-index:1;letter-spacing:-0.02em;line-height:1.3em;font-size:var(--title-18);width:100%;display: flex;align-items: baseline;gap:8px;}
		.our_ceo dd li:before {content:"";display:inline-block;width:4px;aspect-ratio:auto 1;background:var(--point-white);opacity:0.8;flex-shrink:0;transform:translateY(-4px);}
		
		@media (max-width:1350px){
			.our_ceo dt{width:30%;}
			.our_ceo dt > div{padding-right:20px;}
			.our_ceo dd{padding-left:30px;width:70%;}
			.our_ceo dd ul{gap:10px 10px;width:100%;max-height:240px;}
			.our_ceo dd ul li{width:calc(50% - 5px);}
		}
		@media (max-width:1023px){
			.our_ceo .ceo_info{padding:clamp(40px, 6vw, 62px) 0;}
			.our_ceo dt{width:100%;}
			.our_ceo dt > div{align-items: center;line-height:initial;padding-right:30px;}
			.our_ceo dd{width:100%;padding:30px 0 0 0;}
		}
		@media (max-width:640px){
			.our_ceo dd ul{max-height:initial;}
			.our_ceo dd ul li{width:100%;}	
		}
		@media (max-width:479px){
			.our_ceo dd{padding-top:20px;}
			.our_ceo dd ul{gap:8px;}
			.our_ceo dd li:before{width:3px;}
			.our_ceo dt > div{padding-right:15px;}
		}
		
	/*조직도*/
		.our_organization{padding:120px 0;text-align: center;}
		.our_organization .oranization_box:before{width:1px;height:100%;content:"";background:var(--border-color02);position: absolute;top:0;left:calc(50% - 0.5px);}
		.our_organization .oranization_box .ceo{position: relative;width:180px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;box-sizing:border-box;border:4px solid var(--point-color02);border-radius:100%;margin:0 auto;text-align:center;font-size:var(--title-20);background:var(--point-white);}
			.our_organization .oranization_box .ceo span{font-size:90%;color:var(--black-color06);font-weight:500;display: block;width:100%;}
			.our_organization .oranization_box .ceo strong{font-size:140%;color:var(--black-color02);font-weight:700;display: block;margin-top:20px;}
			.our_organization .oranization_box div.our_help{margin-top:9px;display: inline-block;position: relative;transform:translate(270px);}
			.our_organization .oranization_box div.our_help span{display:flex;width:226px;height:62px;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;border:1px solid var(--black-color03);color:var(--black-color03);font-size:var(--title-20);font-weight: 500;position: relative;background:var(--point-white);}
			.our_organization .oranization_box div.our_help:before{width:100%;height:1px;content:"";background:var(--border-color02);top:50%;left:-156px;position: absolute;z-index:0;}
		.our_organization .oranization_box .our_council{margin-top:18px;position: relative;}
			.our_organization .oranization_box .our_council span{border:1px solid var(--black-color03);background:var(--black-color03);color:var(--point-white);display: inline-flex;align-items: center;justify-content: center;width:224px;height:60px;font-size:var(--title-20);font-weight:500;}
		.our_organization .oranization_box .sub_part{margin-top:60px;position: relative;display: flex;flex-wrap:wrap;gap:40px;align-items: flex-start;}
			.our_organization .oranization_box .sub_part:before{width:calc(75% + 30px);height:1px;content:"";background:var(--border-color02);position: absolute;left:50%;top:0;transform:translate(-50%);}
			.our_organization .oranization_box ul li span{font-size:var(--title-20);font-weight:500;display: inline-flex;align-items: center;justify-content: center;width:100%;height:60px;border:1px solid var(--black-color10);box-sizing:border-box;position: relative;}
			.our_organization .oranization_box .sub_part > li{box-sizing:border-box;position: relative;width:calc(25% - 30px);margin-top:30px;}
			.our_organization .oranization_box .sub_part > li:before{width:1px;height:100%;content:"";background:var(--border-color02);position: absolute;top:-30px;left:calc(50% - 0.5px);}
			.our_organization .oranization_box .sub_part > li span{border:1px solid var(--black-color08);background:var(--black-color08);position: relative;color:var(--point-white);padding:0 10px;}
			.our_organization .oranization_box .sub_part .last_part{margin-top:20px;}
			.our_organization .oranization_box .sub_part .last_part li + li{margin-top:10px;}
			.our_organization .oranization_box .sub_part .last_part li span{font-size:var(--title-18);color:var(--black-color03);background:var(--point-white);border:1px solid var(--black-color10);}
			
		@media (max-width:1023px){
			.our_organization{padding:clamp(60px, 12vw, 120px) 0;}
			.our_organization .oranization_box div.our_help{transform:translate(242px);}
				.our_organization .oranization_box div.our_help span{width:170px;}
				.our_organization .oranization_box .our_council span{width:170px;}
			.our_organization .oranization_box .sub_part{gap:20px;}
				.our_organization .oranization_box .sub_part:before{width:calc(75% + 15px);}
				.our_organization .oranization_box .sub_part > li{width:calc(25% - 15px);}
		}
		@media (max-width:860px){
			.our_organization .oranization_box:before{display: none;}
			.our_organization .oranization_box .ceo strong{margin-top:5px;}
			.our_organization .oranization_box div.our_help{transform:translate(180px);}
				.our_organization .oranization_box div.our_help:before{left:-96px;}
				.our_organization .oranization_box .sub_part{margin-top:40px;}
			.our_organization .oranization_box .our_council:before{width:1px;height:90px;content:"";background:var(--border-color02);position: absolute;top:-90px;left:calc(50% - 0.5px);}
				.our_organization .oranization_box .our_council span{width:100%;}
			.our_organization .oranization_box .sub_part{margin-top:40px;}
				.our_organization .oranization_box .sub_part:before{display: none;}
				.our_organization .oranization_box .sub_part > li{width:calc(50% - 10px);margin-top:0;}
				.our_organization .oranization_box .sub_part > li:before{top:0;}
		}
		@media (max-width:640px){
			.our_organization .oranization_box div.our_help{transform:translate(125px);}
				.our_organization .oranization_box div.our_help:before{left:-70px;}
				.our_organization .oranization_box div.our_help span{width:110px;height:50px;}
			.our_organization .oranization_box .our_council:before{height:77px;top:-77px;}
				.our_organization .oranization_box .our_council span{height:50px;}
			.our_organization .oranization_box ul li span{height:50px;}
		}
		@media (max-width:479px){
			.our_organization .oranization_box .ceo{width:120px;}
			.our_organization .oranization_box div.our_help{transform:translate(80px);}
				.our_organization .oranization_box div.our_help:before{left:-42px;}
				.our_organization .oranization_box div.our_help span{height:40px;font-size:var(--title-15);width:75px;}
			.our_organization .oranization_box .our_council:before{height:67px;top:-67px;}
				.our_organization .oranization_box .our_council span{height:40px;}
			.our_organization .oranization_box .sub_part{margin-top:30px;}	
				.our_organization .oranization_box ul li span{font-size:var(--title-16);height:40px;}	
				.our_organization .oranization_box .sub_part .last_part{margin-top:10px;}
				.our_organization .oranization_box .sub_part .last_part li span{font-size:var(--title-15);}
		}
		
	/*회사 내부*/
		.our_photo{background:var(--gray-bg01);padding:120px 0 115px 0;}
		.our_photo .photo_box .photo_list{display: flex;flex-wrap:wrap;gap:5px;}
		
		@media (max-width:1400px){
			.our_photo .photo_box .photo_list li{width:calc(25% - 4px);}
			.our_photo .photo_box .photo_list li:nth-child(-n+3){width:calc(100% / 3 - 4px);}
			.our_photo .photo_box .photo_list li img{width:100%;height:100%;object-fit:cover;}
		}
		@media (max-width:1023px){
			.our_photo{padding-block:clamp(60px, 12vw, 120px);}
		}
		@media (max-width:640px){
			.our_photo .photo_box .photo_list{gap:10px;}
			#wrap .our_photo .photo_box .photo_list li{width:calc(50% - 5px);}
		}
		
/*───────────────────────────────────────────────────────────

	회사소개 - 제공혜택
	
───────────────────────────────────────────────────────────*/
	.company_benefit .main_benefit:before{display: none;}
	.company_benefit .main_benefit .w_custom:before{top:-72px;}
	.company_benefit .main_benefit .w_custom:after{width: 220px;aspect-ratio:auto 1;content: "";box-sizing: border-box;border-radius: 100%;background:var(--point-color02);position: absolute;bottom: -90px;right: -97px;}
	
	@media (max-width:1024px){
		.company_benefit .main_benefit .w_custom:after{width:22vw;}
	}
	@media (max-width:640px){
		.company_benefit .main_benefit .w_custom:after{right:-60px;bottom:-55px;}
	}
	
/*───────────────────────────────────────────────────────────

	회사소개 - 전문서적
	
───────────────────────────────────────────────────────────*/
	/*visual*/
		.sub_book .book_visual{width:100%;height:500px;display: block;}
		.sub_book .visual_slide{height:500px;}
		.sub_book .sub_visual .vis_en{text-align:left;padding:0;}
		.sub_book .sub_visual .vis_en img{max-height:100%;}
		.sub_book .book_visual .slide01{background:url('../images/sub/book-visual-01.jpg')no-repeat center;background-size:cover;}
		.sub_book .book_visual .slide02{background:url('../images/sub/book-visual-02.jpg')no-repeat center;background-size:cover;}
		.sub_book .book_visual .slide03{background:url('../images/sub/book-visual-03.jpg')no-repeat center;background-size:cover;}
		.sub_book .book_visual .txt_box{position: absolute;left:50%;transform:translate(-50%);top:30%;font-size:var(--title-20);}
		.sub_book .book_visual .txt_box strong{font-size:340%;color:var(--point-white);font-weight:700;letter-spacing:-0.05em;display: block;}	
		.sub_book .book_visual .txt_box p{font-size:100%;color:var(--point-white);font-weight:300;letter-spacing:-0.03em;line-height:1.6;margin-top:18px;}
		.sub_book .book_visual .txt_box strong, .sub_book .book_visual .txt_box p{transform:translateY(50px);transition:all 0.5s;opacity:0;}
		
		/*active*/
			.sub_book .book_visual .swiper-slide-active .txt_box strong, .sub_book .book_visual .swiper-slide-active .txt_box p{transform:translateY(0);transition:all 0.5s;opacity:1;}
			.sub_book .book_visual .swiper-slide-active .txt_box p{transition-delay:0.5s;}
		
		/*dots*/
			.sub_book .book_visual .pagination{text-align: center;position: absolute;bottom:20px;width:100%;left:0;z-index:3;}
			.sub_book .book_visual .pagination .swiper-pagination-bullet{display: inline-block;margin:0 6px;width:8px;height:8px;box-sizing:border-box;border-radius:100%;background:var(--point-white);opacity:0.5;}	
			.sub_book .book_visual .pagination .swiper-pagination-bullet-active{opacity:1;}
		
		@media (max-width:1350px){
			.sub_book .book_visual, .sub_book .visual_slide{height:40vw;}
			.sub_book .sub_visual .vis_en{width:calc(100% - 60px);height:11vw;}
		}
		@media (max-width:1023px){
			.sub_book .book_visual .visual_slide{background-size:auto 100%;background-position:right 70% center;}
			.sub_book .book_visual .txt_box{top:20%;}
			.sub_book .book_visual .txt_box strong{font-size:clamp(200%, 6vw, 340%);}
			.sub_book .book_visual .txt_box p{width:58%;}
			.sub_book .book_visual .txt_box p br{display: none;}
		}
		@media (max-width:860px){
			.sub_book .book_visual, .sub_book .visual_slide{height:50vw;}
			.sub_book .book_visual .visual_slide{background-position:right 62% center;}
		}
		@media (max-width:640px){
			.sub_book .sub_visual .vis_en{display: none;}
			.sub_book .book_visual, .sub_book .visual_slide{height:60vw;}
			.sub_book .book_visual .visual_slide{background-position:right 56% center;}
			.sub_book .book_visual .txt_box{top:15%;}
		}
		@media (max-width:479px){
			.sub_book .book_visual{padding:0;}
			.sub_book .book_visual, .sub_book .visual_slide{height:68vw;}
			.sub_book .book_visual .txt_box{top:20px;}
			.sub_book .book_visual .txt_box p{font-size:var(--title-18);margin-top:10px;}
		}
		@media (max-width:340px){
			.sub_book .book_visual, .sub_book .visual_slide{height:75vw;}
			.sub_book .book_visual .txt_box p{font-size:var(--title-16);}
		}
		@media (max-width:300px){
			.sub_book .book_visual, .sub_book .visual_slide{height:90vw;}
			.sub_book .book_visual .txt_box p{width:60%;}
		}
		
	/*list*/
		.book_list_box{margin-top:120px;}
		.sub_book .book_list{display:flex;flex-wrap:wrap;gap:97px 0;box-sizing:border-box;padding:0 13px;}
		.sub_book .book_list li{width:calc(100% / 3);text-align: center;box-sizing:border-box;}
		.sub_book .book_list li .thumb img{box-shadow: 1.5px 2.6px 38px 0 rgba(0, 0, 0, 0.29);}
		.sub_book .book_list li .txt_box{margin-top:28px;font-size:var(--title-20);}
		.sub_book .book_list li .txt_box .title{font-size:110%;color:var(--black-color03);font-weight:400;letter-spacing:-0.04em;}
		.sub_book .book_list li .txt_box .info{margin-top:11px;display: flex;align-items: center;justify-content: center;flex-wrap:wrap;}
		.sub_book .book_list li .txt_box .info dd{display: inline-flex;align-items: center;font-size:var(--title-16);color:var(--black-color08);font-weight:400;letter-spacing:-0.02em;font-family:var(--font-type05);}
		.sub_book .book_list li .txt_box .info .date:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;vertical-align: middle;margin:0 15px;}
		
	
	@media (max-width:1023px){
		.book_list_box{margin-top:clamp(40px, 12vw, 120px);}
		.sub_book .book_list{padding:0;gap:60px 15px;}
		.sub_book .book_list li{width:calc(100% / 3 - 10px);}
		.sub_book .book_list li .thumb{box-sizing:border-box;padding:0 40px;}
		.sub_book .book_list li .txt_box .info .date:before{margin:0 10px;}
	}	
	@media (max-width:860px){
		.sub_book .book_list li .thumb{padding:0 20px;}
	}
	@media (max-width:640px){
		.sub_book .book_list{gap:40px 15px;}
		.sub_book .book_list li{width:calc(50% - 7.5px);}
		.sub_book .book_list li .thumb img{box-shadow:0px 0 16px 5px rgba(0, 0, 0, 0.15);}
		.sub_book .book_list li .txt_box{margin-top:15px;}
		.sub_book .book_list li .txt_box .info{margin-top:8px;}
		.sub_book .book_list li .txt_box .info .date:before{height:10px;margin:0 7px;}
	}
	@media (max-width:479px){
		.sub_book .book_list{gap:30px 15px;}
		.sub_book .book_list li .thumb{padding:0;}
		.sub_book .book_list li .txt_box .title{font-size:100%}
	}
	
/*───────────────────────────────────────────────────────────

	회사소개 - 수상내역
	
───────────────────────────────────────────────────────────*/
	.sub_award .award_list{padding:40px 0 128px;box-sizing:border-box;position: relative;}
	.sub_award .award_list li{box-sizing:border-box;padding:80px 60px;position: relative;}	
	.sub_award .award_list li:before{content:"";position: absolute;box-sizing:border-box;border-radius:100%;background:var(--point-color02);}
	.sub_award .award_list li:nth-of-type(2):before{width:400px;height:400px;left:-45.5%;top:-24%;}
	.sub_award .award_list li:nth-of-type(4):before{width:100px;height:100px;right:-21%;bottom:5%;}
	.sub_award .award_list li:nth-of-type(8):before{width:30px;height:30px;left:-15.5%;top:53%;}
	.sub_award .award_list li:nth-of-type(15):before{width:320px;height:320px;right:-43.5%;top:-42%;}
	.sub_award .award_list li:nth-of-type(20):before{width:200px;height:200px;left:-24.5%;top:-9%;}
	.sub_award .award_list li:nth-of-type(23):before{width:100px;height:100px;right:-19.5%;bottom:-3%;}
	.sub_award .award_list li + li{border-top:1px solid var(--border-color03);}
	.sub_award .award_list li .award_item{justify-content:space-between;position: relative;align-items: flex-start;display:flex;box-sizing:border-box;}
	.sub_award .award_list li .txt_box{padding-top:18px;max-width:53%;font-size:var(--title-20);}
	.sub_award .award_list li .title small{font-size:100%;color:var(--black-color05);font-weight:300;letter-spacing:-0.04em;}
	.sub_award .award_list li .title h3{font-size:250%;color:var(--black-color03);font-weight:500;letter-spacing:-0.03em;margin-top:4px;}
	.sub_award .award_list li .cont{margin-top:35px;}
	.sub_award .award_list li .cont dl{display: flex;flex-wrap:wrap;}
	.sub_award .award_list li .cont dl + dl{margin-top:14px;}
	.sub_award .award_list li .cont dl dt, .sub_award .award_list li .cont dl dd{display: inline-block;vertical-align: top;font-size:var(--title-18);font-family:var(--font-type05);line-height:1.45;letter-spacing:-0.02em;}
	.sub_award .award_list li .cont dl dt{font-weight:700;color:var(--black-color03);width:98px;}
	.sub_award .award_list li .cont dl dt:after{content:".";font-size:inherit;color:var(--point-color02);font-weight:inherit;}
	.sub_award .award_list li .cont dl dd{color:var(--black-color07);font-weight:300;width:calc(100% - 98px);word-break:break-all;}
	.sub_award .award_list li .cont dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}

	.sub_award .award_list li .thumb{position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);box-shadow: 11.7px 18.7px 62px 0 rgba(61, 70, 85, 0.33);width: 42.6%;aspect-ratio:auto 1.46;}
	.sub_award .award_list li .thumb a{display: block;width:100%;height:100%;}
	.sub_award .award_list li .thumb a.no_link{pointer-events:none;}
	.sub_award .award_list li .thumb img{width:100%;transform:scale(1);transition:all 0.5s;object-fit:cover;height:100%;}
	.sub_award .award_list li .thumb .ov_box{width:100%;height:100%;background:rgba(0,0,0,0.4);position: absolute;top:0;left:0;display: none;align-items: center;justify-content: center;}
	.sub_award .award_list li .thumb .ov_box .plus{width:70px;height:70px;box-sizing:border-box;border-radius:100%;background:var(--point-color02);display: flex;align-items: center;justify-content: center;}
	.sub_award .award_list li .thumb .ov_box .plus:before{width:24px;height:24px;content:"";background:var(--point-white);display: inline-block;clip-path:var(--polygon-path01);}
	
	@media (pointer: fine) and (hover: hover) {
		.sub_award .award_list li .thumb:hover .ov_box{display:flex;}
		.sub_award .award_list li .thumb:hover img{transform:scale(1.05);transform-origin:center;transition:all 0.5s;}
	}
	
	@media (max-width:1350px){
		.sub_award .award_list li:before{display: none;}
	}
	@media (max-width:1023px){
		.sub_award .award_list li{padding:60px 30px;}
	}
	@media (max-width:860px){
		.sub_award .award_list li{padding:50px 0;}
	}
	@media (max-width:640px){
		.sub_award .award_list li .award_item{flex-direction: column-reverse;}
		.sub_award .award_list li .thumb{width:75%;box-shadow:1.7px 4.7px 15px 0 rgba(61, 70, 85, 0.33);}
		.sub_award .award_list li .txt_box{max-width:100%;padding-top:30px;width:100%;}
		.sub_award .award_list li .title h3{font-size:200%;}
		.sub_award .award_list li .cont{margin-top:20px;}
		.sub_award .award_list li .cont dl dt{width:70px;}
		.sub_award .award_list li .cont dl dd{width:calc(100% - 70px);}
	}
	@media (max-width:479px){
		.sub_award .award_list li{padding:25px 0;}
		.sub_award .award_list li .thumb{width:100%;}
		.sub_award .award_list li .txt_box{padding-top:20px;}
		
	}
	
/*───────────────────────────────────────────────────────────

	회사소개 - 인증서
	
───────────────────────────────────────────────────────────*/
	.certi_visual .visual_title img{position: absolute;top:-128px;right:-28px;width:225px;max-height:initial;}
	
	.sub_certificate .certificate_list{margin-top:120px;display:flex;flex-wrap:wrap;justify-content:flex-start;box-sizing:border-box;padding:0 13px;gap:97px 0;}
	.sub_certificate .certificate_list li{width:calc(100% / 3);text-align: center;box-sizing:border-box;font-size:var(--title-20);}
	.sub_certificate .certificate_list li .thumb img{box-shadow:8.2px 14.9px 24px 0 rgba(0, 0, 0, 0.15);margin-inline:auto;}
	.sub_certificate .certificate_list li p{margin-top:28px;font-size:112%;color:var(--black-color03);font-weight:400;letter-spacing:-0.04em;}
	.sub_certificate .certificate_list li p span{font-size:var(--title-18);color:var(--black-color07);font-weight:400;letter-spacing:-0.04em; margin-top:6px; display: block;}	
	
	@media (max-width:1300px){
		.certi_visual .visual_title img{top:-106px;right:-15px;width:16vw;}	
	}
	@media (max-width:1023px){
		.certi_visual .visual_title img{top:-40%;}
		
		.sub_certificate .certificate_list{margin-top:clamp(60px, 12vw, 120px);}
		.sub_certificate .certificate_list{padding:0;gap:60px 15px;}
		.sub_certificate .certificate_list li{width:calc(100% / 3 - 10px);}
		.sub_certificate .certificate_list li .thumb{box-sizing:border-box;padding:0 40px;}
	}
	@media (max-width:860px){
		.sub_certificate .certificate_list li .thumb{padding:0 20px;}
	}
	@media (max-width:640px){
		.sub_certificate .certificate_list{gap:40px 15px;}
		.sub_certificate .certificate_list li{width:calc(50% - 7.5px);}
		.sub_certificate .certificate_list li .thumb img{box-shadow:0px 0 16px 5px rgba(0, 0, 0, 0.15);}
		.sub_certificate .certificate_list li p{margin-top:15px;}
	}
	@media (max-width:479px){
		.sub_certificate .certificate_list{gap:30px 15px;}
		.sub_certificate .certificate_list li .thumb{padding:0;}
		.sub_certificate .certificate_list li p{font-size:100%}
	}
	
/*───────────────────────────────────────────────────────────

	회사소개 - 파트너
	
───────────────────────────────────────────────────────────*/
	.sub_partner .about_customer{margin-top:97px;}
	.sub_partner .about_customer .main_customer{display:flex;flex-wrap:wrap;margin-top:36px;gap:25px 25px;}
	.sub_partner .about_customer .main_customer li{width:calc(100% / 3  - 17px);box-sizing:border-box;border-radius:var(--radius-10);box-shadow:0 5px 24px rgba(158,171,196,0.4);overflow:hidden;}	
	.sub_partner .about_customer li img{width:100%;height:100%;object-fit:cover;}
	.sub_partner .about_customer .sub_partner_list ul{display:flex;flex-wrap:wrap;margin-top:41px;gap:10px;}
	.sub_partner .about_customer .sub_partner_list ul li{width:calc(100% / 6 - 9px);box-sizing:border-box;border-radius:var(--radius-10);box-shadow:0 5px 24px rgba(158,171,196,0.4);overflow:hidden;}

	.sub_partner .about_partner{margin-top:100px;box-sizing:border-box;background:var(--point-color04);padding:100px 0;}
	.sub_partner .about_partner .about_partner_list{display:flex;flex-wrap:wrap;margin-top:38px;gap:16px;}
	.sub_partner .about_partner .about_partner_list li{width:calc(25% - 12px);box-sizing:border-box;border-radius:var(--radius-10);box-shadow:0 5px 24px rgba(158,171,196,0.4);overflow:hidden;}
	
	@media (max-width:1023px){
		.sub_partner .about_customer{margin-top:clamp(50px, 10vw, 97px);}
		.sub_partner .about_customer .main_customer{gap:18px;}
		.sub_partner .about_customer .main_customer li{width:calc(100% / 3 - 12px);}
		.sub_partner .about_customer .sub_partner_list ul li{width:calc(25% - 7.5px);height:70px;}
		
		.sub_partner .about_partner{margin-top:clamp(50px, 10vw, 100px);padding:clamp(50px, 10vw, 100px) 0;}
	}
	@media (max-width:640px){
		.sub_partner .about_customer .main_customer{margin-top:20px;gap:15px;}
		.sub_partner .about_customer .main_customer li{width:calc(50% - 7.5px);}
		.sub_partner .about_customer .sub_partner_list ul li{width:calc(100% / 3 - 6.7px);}
		
		.sub_partner .about_partner .about_partner_list{margin-top:25px;gap:15px;}
		.sub_partner .about_partner .about_partner_list li{width:calc(50% - 7.5px);}
	}
	@media (max-width:479px){
		.sub_partner .about_customer .main_customer{margin-top:20px;gap:10px;}
		.sub_partner .about_customer .main_customer li{width:calc(50% - 5px);}
		.sub_partner .about_customer .sub_partner_list ul{margin-top:26px;gap:6px;}
		.sub_partner .about_customer .sub_partner_list ul li{width:calc(100% / 3 - 4px);height:43px;padding:0 5px;box-shadow:0 5px 15px rgba(158,171,196,0.4);}
		
		.sub_partner .about_partner .about_partner_list{margin-top:20px;gap:10px;}
		.sub_partner .about_partner .about_partner_list li{width:calc(50% - 5px);}
	}
	
/*───────────────────────────────────────────────────────────

	회사소개 - 연혁
	
───────────────────────────────────────────────────────────*/
	.sub_history_box{display: flex;flex-wrap:wrap;align-items: flex-start;margin-top:140px;}
	.sub_history_box > div{box-sizing:border-box;position: relative;}
	.sub_history_box .history_img{width:50.4%;padding-right:100px;position:sticky;top:180px;}
	.sub_history_box .history_img .img_box{width:100%;padding:27.6% 0;box-sizing:border-box;border-radius:0 10px 10px 0;display: flex;align-items: center;justify-content: flex-end;transition:all 0.3s;}
	.sub_history_box .history_img .img_box.history01{background:url('../images/sub/hitory-img-01.jpg')no-repeat center;background-size:cover;}
	.sub_history_box .history_img .img_box.history02{background:url('../images/sub/hitory-img-02.jpg')no-repeat center;background-size:cover;}
	.sub_history_box .history_img .img_box.history03{background:url('../images/sub/hitory-img-03.jpg')no-repeat center;background-size:cover;}
	.sub_history_box .history_img .txt{text-align: right;font-size:var(--title-20);box-sizing:border-box;padding-right:80px;}
	.sub_history_box .history_img .txt span{font-size:110%;color:var(--point-white);font-weight:400;font-family:var(--font-type05);}
	.sub_history_box .history_img .txt strong{display: block;font-size:300%;color:var(--point-white);font-weight:500;margin-top:6px;}
	
	.sub_history_box .history_cont{width:48.8%;margin:0;padding-top:29px;padding-left:78px;}
	.sub_history_box .history_cont:before{width:1px;height:100%;content:"";background:var(--border-color03);position: absolute;top:0;left:0;}
	.sub_history_box .history_line { display: block; position: absolute; left:0; top:0;width: 1px; height: 0;background: var(--point-color02);max-height:100%;}
	.sub_history_box .history_cont ol > li{position: relative;padding-bottom:99px;font-size:var(--title-20)}
	.sub_history_box .history_cont ol > li.list_last{padding-bottom:44px;}
	.sub_history_box .history_cont ol > li:before{width:5px;height:5px;content: "";box-sizing: border-box;border-radius: 100%;background:var(--point-color02);left: -80px;top: 22px;position: absolute;}
	.sub_history_box .history_cont ol > li dl dt{font-size:200%;color:var(--black-color03);font-weight:700;font-family:var(--font-type04);letter-spacing:0.01em;}
	.sub_history_box .history_cont ol > li dl dd{margin-top:33px;}
	.sub_history_box .history_cont .bullet_list{box-sizing:border-box;padding-left:8px;}
	.sub_history_box .history_cont .bullet_list li{font-size:var(--title-18);font-family:var(--font-type03);color:var(--black-color02);letter-spacing:-0.05em;gap:12px;}
	.sub_history_box .history_cont .bullet_list > li:before{width:4px;height:4px;background:var(--black-color10);transform:translateY(-4px);}
	.sub_history_box .history_cont .bullet_list li + li{margin-top:18px;}
	.sub_history_box .history_cont .bullet_list li span{font-size:inherit;color:inherit;font-weight:inherit;;}
	.sub_history_box .history_cont .logo_box{flex-wrap:wrap;}
	.sub_history_box .history_cont .logo_box .logo{width:100%;display: flex;flex-wrap:wrap;gap:20px;margin-top:10px;box-sizing:border-box;padding-left:16px;}
	.sub_history_box .history_cont .logo_box .logo .img{display: flex;align-items: center;justify-content: center;box-sizing: border-box;vertical-align: top;width: 220px;border-radius: var(--radius-10);background:var(--point-white);box-shadow: 3.8px 8.2px 24px 0 rgba(0, 0, 0, 0.16);overflow: hidden;}
	
	/*on*/
	.sub_history_box .history_cont ol > li.on:before{box-shadow:0px 0 0px 5px rgba(40,70,178,0.2);}
	
	@media (max-width:1300px){
		.sub_history_box .history_img{padding-right:45px;}
		.sub_history_box .history_img .txt{padding-right:30px;}
		.sub_history_box .history_img .txt strong{font-size:240%;}
		.sub_history_box .history_cont{padding-top:20px;padding-left:30px;}
		.sub_history_box .history_cont ol > li:before{left:-32px;}
	}
	@media (max-width:1024px){
		.sub_history_box{margin-top:clamp(60px, 14vw, 140px);}
	}
	@media (max-width:860px){
		.sub_history_box{box-sizing:border-box;padding:0 30px;}
		.sub_history_box .history_img{display: none;}
		.sub_history_box .history_cont{width:100%;border-top:1px solid var(--black-color00);}
		.sub_history_box .history_cont ol > li:before{top:18px;}
	}
	@media (max-width:640px){
		.sub_history_box{padding:0 15px;}
		.sub_history_box .history_cont{padding-top:15px;padding-left:15px;}
		.sub_history_box .history_cont ol > li{padding-bottom:40px;}
		.sub_history_box .history_cont ol > li:before{top:15px;left:-17px;}
		.sub_history_box .history_cont ol > li dl dd{margin-top:15px;}
		.sub_history_box .history_cont .bullet_list li + li{margin-top:10px;}
		
		.sub_history_box .history_cont .logo_box .logo .img{width:calc(50% - 10px);}
	}
	@media (max-width:479px){
		.sub_history_box .history_cont ol > li:before{top:13px;}
		
		.sub_history_box .history_cont .logo_box .logo{margin-top:5px;gap:10px;}
		.sub_history_box .history_cont .logo_box .logo .img{width:calc(50% - 5px);box-shadow:1.8px 5.2px 12px 0 rgba(0, 0, 0, 0.16);}
	}
	
/*───────────────────────────────────────────────────────────

	회사소개 - 오시는길
	
───────────────────────────────────────────────────────────*/
	.sub_location{margin-top:70px;box-sizing:border-box;position: relative;padding-bottom:140px;}
	.sub_location:before{width:100%;height:45%;content:"";background:var(--point-color04);position: absolute;left:0;bottom:0;}	
	.sub_location .location_box + .location_box{margin-top:120px;}
	.sub_location .location_cont{width:100%;box-sizing:border-box;border-radius:10px;overflow:hidden;box-shadow: 3.8px 8.2px 24px 0 rgba(0, 0, 0, 0.16);background:var(--point-white);margin-top:37px;}
	.sub_location .location_cont .map_box{width:100%;height:0;padding-bottom:37.5%;position: relative;}
	.sub_location .location_cont .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

	.sub_location .location_cont .info{box-sizing:border-box;padding:40px 40px 40px 40px;}
	.sub_location .location_cont .info > dl{position: relative;padding-left:56px;font-size:0;display: flex;flex-wrap:wrap;}
	.sub_location .location_cont .info > dl + dl{margin-top:35px;}
	.sub_location .location_cont .info > dl:before{width:40px;aspect-ratio:1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02) url('../images/sub/loc-icon-01.png')no-repeat center;position: absolute;left:0;top:0;}
	.sub_location .location_cont .info > dl + dl:before{background:var(--point-color02) url('../images/sub/loc-icon-02.png')no-repeat center;}
	.sub_location .location_cont .info > dl > dt, .sub_location .location_cont .info > dl > dd{display: inline-block;vertical-align: top;}
	.sub_location .location_cont .info > dl > dt{height:40px;font-size:var(--title-20);color:var(--black-color03);font-weight:700;font-family:var(--font-type04);width:140px;display: flex;align-items: center;letter-spacing:0;}
	.sub_location .location_cont .info > dl > dt em{font-size:inherit;color:var(--point-color02);font-weight:inherit;}
	.sub_location .location_cont .info > dl dd{width:calc(100% - 140px);margin-top:7px;display: flex;flex-wrap:wrap;gap:10px 22px;}
	.sub_location .location_cont .info > dl dd p{font-size:var(--title-18);color:var(--black-color02);font-weight:400;letter-spacing:-0.03em;}
	.sub_location .location_cont .info > dl dd .subway p{font-size:var(--title-17);letter-spacing:-0.04em;font-weight:500;display: inline-block;vertical-align: middle;}
	.sub_location .location_cont .info > dl dd .subway .howto{display:inline-block;vertical-align: middle;}
	.sub_location .location_cont .info > dl dd .subway .howto span{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;vertical-align:middle;height:24px;border-radius:12px;border:1px solid var(--point-color19);font-size:var(--title-15);color:var(--point-color19);font-weight:400;letter-spacing:-0.03em;padding:0 8px;margin:0 4px 0 12px;}
	.sub_location .location_cont .info > dl dd .subway .howto p{font-size:var(--title-16);color:var(--black-color06);font-weight:400;}
	.sub_location .location_box + .location_box .location_cont .info > dl dd .subway .howto span{border-color:var(--point-color20);color:var(--point-color20);}
	.sub_location .location_cont .info > dl.cs_info dd span{display: inline-block;vertical-align: middle;position: relative;}
	.sub_location .location_cont .info > dl.cs_info dd .tel, .sub_location .location_cont .info > dl.cs_info dd .fax{font-size:var(--title-20);color:var(--black-color02);font-weight:400;letter-spacing:-1px;font-family:var(--font-type04);}
	.sub_location .location_cont .info > dl.cs_info dd .fax:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;vertical-align: middle;position: absolute;left:-11px;top:5px;}
	.sub_location .location_cont .info > dl.cs_info dd .cs_hours{font-size:var(--title-16);color:var(--black-color07);font-weight:400;letter-spacing:-0.8px;}
	
	@media (max-width:1023px){
		.sub_location{padding-bottom:clamp(80px, 13vw, 140px);}
		.sub_location .location_box + .location_box{margin-top:clamp(60px, 11vw, 120px);}
		.sub_location .location_cont .info{padding:30px 20px;}
	}
	@media (max-width:860px){
		.sub_location .location_cont{margin-top:20px;}
		.sub_location .location_cont .info > dl{padding-left:44px;}
		.sub_location .location_cont .info > dl:before{background-size:auto 52% !important;width:34px;}
		.sub_location .location_cont .info > dl + dl{margin-top:20px;}
		.sub_location .location_cont .info > dl > dt{height:34px;width:106px;}
		.sub_location .location_cont .info > dl dd{width:calc(100% - 106px);gap:8px 12px;margin-top:5px;}
		.sub_location .location_cont .info > dl dd .subway{width:100%;}
		.sub_location .location_cont .info > dl dd .subway .howto{display: block;margin-top:10px;display: flex;flex-wrap:wrap;gap:0 10px;}
		.sub_location .location_cont .info > dl dd .subway .howto span{margin:0;}
		.sub_location .location_cont .info > dl dd .subway .howto p{width:calc(100% - 60px);}
		.sub_location .location_cont .info > dl.cs_info dd .fax:before{display: none;}
	}
	@media (max-width:640px){
		.sub_location .location_cont .map_box{padding-bottom:70%;}
	}
	@media (max-width:479px){
		.sub_location{margin-top:45px;}
		.sub_location .location_cont .info{padding:15px 15px;}
		.sub_location .location_cont .info > dl{padding-left:40px;}
		.sub_location .location_cont .info > dl:before{width:30px;}
		.sub_location .location_cont .info > dl > dt{width:auto;height:30px;}
		.sub_location .location_cont .info > dl dd{width:100%;margin-top:0;flex-direction: column;}
	}
	
/*───────────────────────────────────────────────────────────

	호스팅 / 유지관리 - 유지관리
	
───────────────────────────────────────────────────────────*/
	.sub_ma_service *{font-family:var(--font-type03);}
	.sub_ma_service > section{box-sizing:border-box;position: relative;}
	
	/*서비스*/
		#wrap .sub_addition_service{margin-top:80px;}
		#wrap .sub_addition_service .main_title{z-index:5;}
		#wrap .ma_container{overflow:visible;}
		.sub_addition_service:before{width:495px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;position: absolute;left:-69px;bottom:-235px;background:var(--point-color02);z-index:2;}
		.sub_addition_service .service_step_box{position: relative;z-index:4;margin-top:46px;}
		.sub_addition_service .service_step{text-align: center;display:flex;flex-wrap:wrap;gap:60px;}
		.sub_addition_service .service_step_box:before{width:270px;aspect-ratio:auto 1;content:"";background:var(--point-color07);box-sizing:border-box;border-radius:100%;position: absolute;right:-143px;top:-135px;}
		.sub_addition_service .service_step li{display: inline-block;vertical-align: top;width:calc(25% - 45px);border-radius:var(--radius-10); box-shadow: 0px 5px 24px 0 rgba(126, 150, 192, 0.4);background:var(--point-white);position: relative;border:none !important;padding:0;height:auto;}
		.sub_addition_service .service_step li + li:before{width:10px;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color08);border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;left:-40px;top:47.5%;}
		.sub_addition_service .service_step li dl{box-sizing:border-box;padding:29px 10px 34px;position: relative;overflow:hidden;border-radius:10px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
		.sub_addition_service .service_step li dl:before{width:100%;height:4px;content:"";background:var(--point-color08);position: absolute;top:0;left:0;}
		.sub_addition_service .service_step li:nth-child(1) dl:before, .sub_addition_service .service_step li:nth-child(2) dl:before{background:var(--point-color08);}
		.sub_addition_service .service_step li:nth-child(3) dl:before{background:var(--point-color09);}
		.sub_addition_service .service_step li:nth-child(4) dl:before{background:var(--point-color10);}
		.sub_addition_service .service_step li dl dt{font-size:129%;color:inherit;font-weight:inherit;letter-spacing:-1.04px;}	
		.sub_addition_service .service_step li dl dt span{font-size:var(--title-18);color:var(--point-color08);font-weight:400;letter-spacing:-0.36px;display: block;margin-bottom:14px;}
		.sub_addition_service .service_step li:nth-child(3) dl dt span{color:var(--point-color09);}
		.sub_addition_service .service_step li:nth-child(4) dl dt span{color:var(--point-color10);}
		.sub_addition_service .service_step dd{margin-top:21px;}
		.sub_addition_service .service_step dd .icon{height:42px;display: flex;align-items:flex-start;justify-content: center;}
		.sub_addition_service .service_step dd .icon img{max-height:100%;}
		.sub_addition_service .service_step dd p{font-size:var(--title-18);color:var(--black-color06);font-weight:300;letter-spacing:-0.72px;line-height:1.55;padding-top:21px;}
		
		@media (max-width:1400px) {
			.sub_addition_service:before{width:36vw;left:-11%;bottom:-47%;}
			.sub_addition_service .service_step_box:before{width:20vw;right:-12%;top:-42%;}
		}
		@media (max-width:1023px) {
			#wrap .sub_addition_service{margin-top:clamp(60px, 8vw, 80px);}
		}
		@media (max-width:860px) {
			.sub_addition_service:before{bottom:-25%;}
			.sub_addition_service .service_step{flex-wrap:initial;gap:0;}
			.sub_addition_service .service_step li + li:before{display: none;}
		}
		@media (max-width:640px) {
			.sub_addition_service .service_step li{width:69.6%;}
		}
		@media (max-width:479px) {
			.sub_addition_service:before{bottom:-12%;}
		}
		
	/*처리현황*/
		.ma_table{width:100%;background:var(--point-color04);margin-top:100px;padding:100px 0 125px;text-align: center;}
		.ma_table .table_box{width:100%;box-sizing:border-box; box-shadow: 0px 5px 24px 0 rgba(42, 57, 85, 0.31);border-radius:10px;overflow:hidden;margin-top:46px;}
		.ma_table .table_box *{font-family:var(--font-type05);}
		.ma_table .process_status_title{display:table;width:100%;border-collapse:collapse;text-align: center;}
		.ma_table .process_status_title span{display: table-cell;box-sizing:border-box;font-size:var(--title-20);color:var(--point-white);font-weight:500;letter-spacing:-0.4px;background:var(--black-color11);padding:15px 0;}
		.ma_table .process_status_title span + span{border-left:1px solid var(--black-color06);}
		.ma_table .process_status_title span:nth-child(1){width:15%;}
		.ma_table .process_status_title span:nth-child(3){width:24%;}
		.ma_table .process_status_title span:nth-child(4){width:16%;}
		.ma_table .process_container{overflow:hidden;}
		.ma_table .process_cont{height:560px;}
		.ma_table .process_cont .process_list{display:table;font-size:0;border-top:1px solid var(--border-color01);box-sizing:border-box;}
		.ma_table .process_cont .process_list span{font-size:var(--title-17);color:var(--black-color06);font-weight:400;letter-spacing:-0.34px;background:var(--point-white);padding:14px 0;display:table-cell;box-sizing:border-box;vertical-align: middle;word-break:break-all;}
		.ma_table .process_cont .process_list span + span{border-left:1px solid var(--border-color01);}
		.ma_table .process_cont .process_list span:nth-child(1){width:15%;}
		.ma_table .process_cont .process_list span:nth-child(3){width:24%;}
		.ma_table .process_cont .process_list span:nth-child(4){width:16%;}
		.ma_table .process_cont .process_list span.title{color:var(--black-color03);}
		.ma_table .process_cont .process_list span.cont em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;font-size:inherit;color:inherit;font-weight:inherit;}
		.ma_table .main_more_box{margin-top:60px;}
		.ma_table .main_more_box a{background:none;width:240px;}
		
		/*over*/
		@media (pointer: fine) and (hover: hover) {
			.ma_table .main_more_box a:hover{background:var(--point-color02);}
		}
		
		@media (max-width:1023px) {
			.ma_table{margin-top:clamp(50px, 10vw, 100px);padding:clamp(50px, 10vw, 100px) 0 clamp(60px, 12vw, 120px);}
			.ma_table .table_box{margin-top:clamp(30px, 4.6vw, 46px);}
			.ma_table .main_more_box{margin-top:clamp(25px, 6vw, 60px);}
			.ma_table .main_more_box a{width:clamp(160px, 24vw, 240px);}
		}
		@media (max-width:479px) {
			.ma_table .process_status_title span{padding:10px 0;}
			.ma_table .process_cont .process_list span{font-size:var(--title-14);padding:6px 3px;}
		}
		
	/*정기 유지관리*/
		.regular_ma{margin-top:100px;}
		.regular_ma .regular_container{overflow:visible;}
		.ma_charge_list{text-align: center;margin-top:35px;display: flex;flex-wrap:wrap;gap:40px;}
		.ma_charge_list > li{display: inline-block;box-sizing:border-box;vertical-align: top;border-radius:var(--radius-10);box-shadow: 0px 5px 24px 0 rgba(42, 57, 85, 0.31);width:calc(100% / 3 - 27px);overflow:hidden;font-size:var(--title-20);height:auto;}
		.ma_charge_list > li .title{box-sizing:border-box;padding:27px 0 26px 0;}
		.ma_charge_list > li:nth-child(1) .title{background:var(--point-color08);}
		.ma_charge_list > li:nth-child(2) .title{background:var(--point-color11);}
		.ma_charge_list > li:nth-child(3) .title{background:var(--point-color09);}
		.ma_charge_list > li .title *{font-family:var(--font-type03);}
		.ma_charge_list > li .title h4{font-size:200%;color:var(--point-white);font-weight:700;letter-spacing:-0.8px;}
		.ma_charge_list > li .title h4 span{display: block;font-size:var(--title-17);color:rgba(255, 255, 255, 0.8);font-weight:400;letter-spacing:-0.34px;margin-bottom:2px;}
		.ma_charge_list > li .title .m_pay{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;border:1px solid var(--point-white);border-radius:18px;font-size:var(--title-20);color:var(--point-white);font-weight:500;height:36px;padding:0 12px;margin-top:17px;letter-spacing:0;}
		.ma_charge_list > li .title .price_box{margin-top:22px;display: flex;align-items: center;justify-content: center;}
		.ma_charge_list > li .title .price_box .price, .ma_charge_list > li .title .price_box .c_price{display: inline-block;vertical-align: top;font-family:var(--font-type05);}
		.ma_charge_list > li .title .price_box .price{font-size:var(--title-18);color:rgba(255, 255, 255, 0.8);font-weight:400;text-decoration:line-through;padding-top:3px;letter-spacing:0.02em;}
		.ma_charge_list > li .title .price_box .c_price{font-size:var(--title-20);color:var(--point-white);font-weight:400;letter-spacing:-0.8px;margin-left:17px;}
		.ma_charge_list > li .title .price_box .c_price em{font-size:140%;font-weight:700;letter-spacing:-0.01em;font-family:inherit;}
		.ma_charge_list > li .cont{background:var(--point-white);box-sizing:border-box;padding:26px 30px 20px 30px;}
		.ma_charge_list > li .cont dl{display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;width:100%;flex-wrap:wrap;text-align:left;}
		.ma_charge_list > li .cont dl + dl{border-top:1px solid var(--border-color01);margin-top:10px;padding-top:9px;}
		.ma_charge_list > li .cont dl *{font-family:var(--font-type03);}
		.ma_charge_list > li .cont dl .txt{position: relative;box-sizing:border-box;padding-left:11px;max-width:calc(100% - 55px);font-size:var(--title-17);color:var(--black-color03);font-weight:500;letter-spacing:-0.34px;}
		.ma_charge_list > li .cont dl .txt:before{width:3px;aspect-ratio:auto 1;content:"";background:var(--black-color10);box-sizing:border-box;border-radius:100%;position: absolute;left:0;top:10px;}
		.ma_charge_list > li .cont dl .txt span{display: block;font-size:var(--title-14);color:var(--black-color08);font-weight:400;letter-spacing:-0.28px;line-height:20px;margin-top:2px;}
		.ma_charge_list > li .cont dl .cnt{font-size:var(--title-16);color:var(--black-color06);font-weight:400;letter-spacing:-0.32px;max-width:51px;box-sizing:border-box;display: block;}

		.regular_ma .caution{width:100%;box-sizing:border-box;font-size:0;border-radius:var(--radius-10);box-shadow: 0px 5px 24px 0 rgba(42, 57, 85, 0.31);overflow:hidden;display:flex;margin-top:40px;flex-wrap:wrap;font-size:var(--title-20);}
		.regular_ma .caution dt, .regular_ma .caution dd{box-sizing:border-box;}
		.regular_ma .caution dt{width:180px;background:var(--gray-bg01);font-size:110%;color:var(--black-color03);font-weight:500;letter-spacing:-0.44px;padding-left:30px;padding-top:24px;}
		.regular_ma .caution dd{padding:21px 30px 26px 30px;width:calc(100% - 180px);box-sizing:border-box;}
		
		@media (max-width:1200px) {
			.ma_charge_list > li .title{padding:27px 15px 26px;}
			.ma_charge_list > li .title .price_box{flex-direction: column;gap:10px;}
			.ma_charge_list > li .title .price_box .c_price{margin:0;}
		}
		@media (max-width:1023px) {
			.regular_ma{margin-top:clamp(50px, 10vw, 100px);}
			.ma_charge_list{gap:21px;margin-top:clamp(20px, 3.5vw, 35px);}
			.ma_charge_list > li{width:calc(100% / 3 - 14px);}
			.ma_charge_list > li .cont{padding:26px 20px 20px 20px;}
			
			.regular_ma .caution dt{width:150px;}
			.regular_ma .caution dd{width:calc(100% - 150px);padding:21px 20px 26px 20px;}
		}
		@media (max-width:860px) {
			.regular_ma .ma_charge_list{gap:0;flex-wrap:initial;}
		}
		@media (max-width:479px) {
			.ma_charge_list > li .cont{padding:20px 15px;}
			.ma_charge_list > li .cont dl .txt{padding-left:8px;}
			.ma_charge_list > li .cont dl .txt:before{top:7px;}
		
			.regular_ma .caution dt{width:100%;display: flex;height:50px;align-items: center;box-sizing:border-box;padding:0 15px;}
			.regular_ma .caution dd{width:100%;padding:15px 15px;}
		}
		
	/*건별 유지관리*/
		.cbc_ma{margin-top:120px;padding-bottom:120px;}
		.cbc_ma:before{width:100%;height:31%;content:"";background:var(--point-color12);position: absolute;bottom:0;left:0;}
		.ma_case_wrap{margin-top:37px;position: relative;z-index:3;display: flex;flex-wrap:wrap;gap:30px;align-items: flex-start;}
		.ma_case_wrap .ma_case{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(50% - 15px);overflow:visible;}
		.ma_case_wrap .ma_case > p{display: none;font-size:var(--title-16);color:var(--black-color05);font-weight:400;}
		.ma_case_wrap .ma_case .case_wrapper{border-radius:var(--radius-10);box-shadow: 0px 5px 24px 0 rgba(42, 57, 85, 0.31);background:var(--point-white);box-sizing:border-box;overflow:hidden;}
		.ma_case_wrap .ma_case table thead tr th{font-size:var(--title-20);color:var(--point-white);font-weight:500;letter-spacing:-0.02em;background:var(--black-color11);padding:15px 0;text-align: center;}
		.ma_case_wrap .ma_case table thead tr th + th{border-left:1px solid var(--black-color06);}
		.ma_case_wrap .ma_case table tbody tr th{border-right:1px solid var(--border-color01);box-sizing:border-box;background:rgba(221,221,221,0.3);font-size:var(--title-17);color:var(--black-color03);font-weight:400;text-align:left;line-height:1.3;vertical-align: middle;padding:10px 10px 10px 20px;word-break:break-all;}
		.ma_case_wrap .ma_case table tbody tr th.case_sub_th{padding-left:10px;}
		.ma_case_wrap .ma_case table tbody tr th span{font-size:var(--title-14);color:var(--black-color06);}
		.ma_case_wrap .ma_case table tbody tr + tr th{border-top:1px solid var(--border-color01);}
		.ma_case_wrap .ma_case table tbody tr td{font-size:var(--title-16);color:var(--black-color07);font-weight:400;letter-spacing:-0.05em;background:var(--point-white);padding:6px 5px;vertical-align: middle;padding-left:20px;line-height:1.5;word-break:break-all;}
		.ma_case_wrap .ma_case table tbody tr td.price{font-size:var(--title-17);color:var(--black-color03);padding:0 10px;text-align: center;}
		.ma_case_wrap .ma_case table tbody tr + tr td{border-top:1px solid var(--border-color01);}
		.ma_case_wrap .ma_case table tbody tr td + td{border-left:1px solid var(--border-color01);}
		.ma_case_wrap .ma_case table tbody tr td ul li{line-height:1.5;}
		.ma_case_wrap .ma_case table tbody tr td ul li:before{background:var(--black-color10);}
		.ma_case_wrap .ma_case table tbody tr td ul li + li{margin-top:12px;}
		/* 건별 아래 공통 안내 박스 (남색 띠) */
		.cbc_ma.has_common_band{padding-bottom:0;}
		.cbc_ma.has_common_band:before{display:none;}
		.regular_ma.ma_common_band{margin-top:-100px;padding:180px 0 80px;background:var(--point-color12);}
		.ma_common_band .caution{margin-top:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.18);box-shadow:none;}
		.ma_common_band .caution dt{background:rgba(255,255,255,0.1);color:var(--point-white);}
		.ma_common_band .caution .bullet_list > li{color:rgba(255,255,255,0.88);}
		.ma_common_band .caution .bullet_list > li:before{background:rgba(255,255,255,0.7);}
		@media (min-width:1024px) {
			.ma_common_band .caution dt{width:220px;}
			.ma_common_band .caution dd{width:calc(100% - 220px);}
		}
		@media (max-width:1023px) {
			.regular_ma.ma_common_band{margin-top:calc(-1 * clamp(50px, 10vw, 100px));padding:calc(clamp(50px, 10vw, 100px) + clamp(40px, 8vw, 80px)) 0 clamp(40px, 8vw, 80px);}
		}
		
		@media (max-width:1200px) {
			.ma_case_wrap .ma_case{width:100%;}
		}
		@media (max-width:1023px) {
			.cbc_ma{margin-top:clamp(60px, 12vw, 120px);padding-bottom:clamp(60px, 12vw, 120px);}
			.ma_case_wrap{margin-top:clamp(20px, 3.7vw, 37px);}
		}
		@media (max-width:640px) {
			.ma_case_wrap{gap:50px;}
			.ma_case_wrap .ma_case > p{display: block;margin-bottom:10px;}
			.ma_case_wrap .ma_case .case_wrapper{overflow-x:auto;box-shadow:0px 3px 14px 0 rgba(42, 57, 85, 0.31);}
			.ma_case_wrap .ma_case .case_wrapper table{width:125vw;}
			.ma_case_wrap .ma_case table thead tr th{padding:10px 0;}
			.ma_case_wrap .ma_case table tbody tr th{padding:10px 10px;}
			.ma_case_wrap .ma_case table tbody tr td{padding:6px 10px;}
			.ma_case_wrap .ma_case table tbody tr td.price{padding:0 5px;}
		}
		
/*───────────────────────────────────────────────────────────

	호스팅 / 유지관리 - 호스팅
	
───────────────────────────────────────────────────────────*/
	/*호스팅이란*/
		.sub_hosting_intro{margin-top:80px;padding-bottom:96px;position: relative;}
		.sub_hosting_intro:before{width:100%;height:49%;content:"";background:var(--point-color04);position: absolute;bottom:0;left:0;}
		.sub_hosting_intro .intro_box{font-size:0;text-align: center;margin-top:56px;position: relative;z-index: 5;display:flex;justify-content: center;}
		.sub_hosting_intro .intro_box > div{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;width:calc(100% / 3);}
		.sub_hosting_intro .intro_box .icon{display:flex;height:230px;align-items:center;justify-content:center;width:100%;position: relative;}
		.sub_hosting_intro .intro_box > div + div .icon:before, .sub_hosting_intro .intro_box > div + div .icon:after{content:"";box-sizing:border-box;border-radius:100%;position: absolute;top:50%;transform:translateY(-50%);}
		.sub_hosting_intro .intro_box > div + div .icon:before{width:90px;aspect-ratio:auto 1;background:var(--border-color01);left:-60px;}
		.sub_hosting_intro .intro_box > div + div .icon:after{width:60px;aspect-ratio:auto 1;box-shadow: 0px 5px 24px 0 rgba(42, 57, 85, 0.4);background:var(--black-color02) url('../images/sub/hosting_plus.png')no-repeat center;left:-44px;}
		.sub_hosting_intro .intro_box > div:nth-child(3) .icon:before{left:-30px;}
		.sub_hosting_intro .intro_box > div:nth-child(3) .icon:after{left:-14px;}
		.sub_hosting_intro .intro_box > .hosting .icon{height:230px;}
		.sub_hosting_intro .intro_box .icon img{height:120px;}
		.sub_hosting_intro .intro_box > .hosting .icon img{height:100%;}
		.sub_hosting_intro .intro_box .txt_box{margin-top:50px;box-sizing:border-box;font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
		.sub_hosting_intro .intro_box .txt_box dt{font-size:140%;color:inherit;font-weight:inherit;letter-spacing:-0.05em;}
		.sub_hosting_intro .intro_box .txt_box dd{font-size:var(--title-18);color:inherit;font-weight:300;letter-spacing:-0.04em;line-height:1.6;margin-top:11px;}
		.sub_hosting_intro .intro_box > .hosting .txt_box dt{font-size:160%;}
		.sub_hosting_intro .intro_box > .hosting .txt_box dd{font-size:95%;font-weight:400;line-height:1.4;}	
		
		@media (max-width:1023px) {
			.sub_hosting_intro{margin-top:clamp(60px, 8vw, 80px);padding-bottom:clamp(40px, 9.6vw, 96px);}
			.sub_hosting_intro .intro_box > div + div .icon:before{width:70px;left:-50px;}
			.sub_hosting_intro .intro_box > div + div .icon:after{width:44px;left:-36px;background-size:auto 16px;}
			.sub_hosting_intro .intro_box > div:nth-child(3) .icon:before{left:-10px;}
			.sub_hosting_intro .intro_box > div:nth-child(3) .icon:after{left:3px;}
		}
		@media (max-width:860px) {
			.sub_hosting_intro:before{height:17%;}
			.sub_hosting_intro .intro_box{flex-direction: column;align-items: center;gap:100px;}
			.sub_hosting_intro .intro_box > div{width:100%;}
			.sub_hosting_intro .intro_box .icon{height:140px;}
			.sub_hosting_intro .intro_box > div + div .icon:before{left:50% !important;transform:translate(-50%);top:-75px;width:50px;}
			.sub_hosting_intro .intro_box > div + div .icon:after{left:50% !important;transform:translate(-50%);top:-66px;width:30px;background-size:auto 11px;box-shadow:0px 3px 8px 0 rgba(42, 57, 85, 0.4);}
			.sub_hosting_intro .intro_box > .hosting .icon{height:170px;}
			.sub_hosting_intro .intro_box .icon img{height:auto;max-height:100%;}
			.sub_hosting_intro .intro_box .txt_box{margin-top:22px;}
		}
	
	/*비용 안내*/
		.hosting_charge.sub_charge .charge_list{margin-top:32px;justify-content: center;}
		.hosting_charge.sub_charge .charge_list li{padding:30px 30px 40px 30px;font-size:var(--title-20); width:calc(100% / 3 - 21.34px);}
		.hosting_charge.sub_charge .charge_list > li.dn{display: none;}
		.hosting_charge.sub_charge .charge_list > li > article > header{background:url('../images/sub/php-logo.png')no-repeat center top;letter-spacing:-0.04em;padding-top:45px;}
		.hosting_charge.sub_charge .charge_list > li > article > header span{font-size:200%;color:var(--black-color03);font-weight:700;}
		.hosting_charge.sub_charge .charge_list li header .price{margin-top:7px;}
		.hosting_charge.sub_charge .charge_list li header .price em{font-size:var(--title-20);color:inherit;font-weight:400;letter-spacing:-0.04em;}
		.hosting_charge.sub_charge .charge_list li .price span{font-size:25%;}
		.hosting_charge.sub_charge .charge_list > li .cont{box-sizing:border-box;border-top:1px solid var(--border-color01);margin-top:23px;padding-top:19px;}
		.hosting_charge.sub_charge .charge_list .cont dl{position: relative;padding-left:13px;box-sizing:border-box;text-align:left;}
		.hosting_charge.sub_charge .charge_list .cont dl:before{width:3px;aspect-ratio:auto 1;content:"";background:var(--black-color10);box-sizing:border-box;border-radius:100%;position: absolute;left:0;top:19px;}
		.hosting_charge.sub_charge .charge_list .cont dl:after{clear:both;content:"";display: block;}
		.hosting_charge.sub_charge .charge_list .cont dl dt, .hosting_charge.sub_charge .charge_list .cont dl dd{display: inline-block;vertical-align: top;font-size:var(--title-16);color:var(--black-color03);font-weight:400;letter-spacing:-0.32px;line-height:40px;}
		.hosting_charge.sub_charge .charge_list .cont dl dd{float: right;text-align: right;}
		.hosting_charge.sub_charge .charge_list li dl dd a{margin-top:19px;}
		.hosting_charge.sub_charge .intro_txt{font-size:var(--title-18);color:var(--black-color03);letter-spacing:-0.02em;margin-top:35px;}

		@media (max-width:1350px) {
			.hosting_charge.sub_charge .charge_list li{width:calc(100% / 3 - 22px);}
		}
		@media (max-width:1200px) {
			.hosting_charge.sub_charge .charge_list li{padding:20px 20px 40px 20px;}
		}
		@media (max-width:1023px) {
			.hosting_charge.sub_charge .charge_list{margin-top:clamp(20px, 3.2vw, 32px);}
			.hosting_charge.sub_charge .charge_list > li > article > header span{font-size:150%;}
			.sub_charge .charge_list li .price{font-size:130%;}
			.hosting_charge.sub_charge .charge_list li .price span{font-size:50%;}
		}
		@media (max-width:860px) {
			.hosting_charge.sub_charge .charge_list{justify-content: flex-start;}
		}
		@media (max-width:640px) {
			.hosting_charge.sub_charge .charge_list > li > article > header{background-size:auto 28px;padding-top:36px;}
			.hosting_charge.sub_charge .charge_list li header .price{margin-top:0;}
			.hosting_charge.sub_charge .charge_list > li .cont{margin-top:12px;padding-top:8px;}
			.hosting_charge.sub_charge .charge_list .cont dl:before{top:10px;}
			.hosting_charge.sub_charge .charge_list .cont dl dt, .hosting_charge.sub_charge .charge_list .cont dl dd{line-height:2;}
			
		}
		
	/*선택 이유*/
		.hosting_reason{background:var(--point-color04);padding:120px 0 115px;}
		.hosting_reason .reason_list{font-size:0;text-align: center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:77px;}
		.hosting_reason .reason_list li{display: inline-block;box-sizing:border-box;width:16.666%;}	
		.hosting_reason .reason_list .icon{width:120px;aspect-ratio:auto 1;box-sizing:border-box;margin:0 auto;border-radius:100%;display:flex;align-items:center;justify-content:center;background:var(--point-white);}
		.hosting_reason .reason_list p{font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.05em;line-height:1.4;margin-top:20px;}
		
		@media (max-width:1200px) {
			.hosting_reason .reason_list{gap:21px;justify-content:center;}
			.hosting_reason .reason_list li{width:calc(100% / 3 - 14px);}
		}
		@media (max-width:1023px) {
			.hosting_reason{padding-block:clamp(60px, 12vw, 120px);}
			.hosting_reason .reason_list{margin-top:clamp(40px, 7.7vw, 77px);}
		}
		@media (max-width:479px) {
			.hosting_reason .reason_list{gap:12px;}
			.hosting_reason .reason_list li{width:calc(100% / 3 - 8px);}
			.hosting_reason .reason_list .icon{width:70%;}
			.hosting_reason .reason_list .icon img{max-width:50%;}
			.hosting_reason .reason_list p{margin-top:10px;}
		}
		
/*───────────────────────────────────────────────────────────

	호스팅 / 유지관리 - ssl
	
───────────────────────────────────────────────────────────*/
	/*보안인증서*/
		.ssl_introduce{margin-top:80px;}
		.ssl_introduce .introduce_wrap{margin-top:44px;position: relative;display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
		.ssl_introduce .ssl_compare{display: inline-block;box-sizing:border-box;vertical-align: top;border-radius: 10px;box-shadow: 0px 5px 24px 0 rgba(42, 57, 85, 0.31);width:36%;}
		.ssl_introduce .ssl_compare dt{box-sizing:border-box;border-radius:10px 10px 0 0;text-align: center;padding:16px 40px 28px;font-size:var(--title-20);color:var(--point-white);font-weight:500;}	
		.ssl_introduce .ssl_compare dt h4{font-size:130%;color:inherit;font-weight:inherit;letter-spacing:-0.05em;}
		.ssl_introduce .ssl_compare dt .img{width:360px;height:50px;box-sizing:border-box;border-radius:6px;overflow:hidden;margin:15px auto 0;position: relative;}
		.ssl_introduce .ssl_compare dt .img:before{content:"";box-sizing:border-box;border-radius:var(--radius-15);position: absolute;height:30px;left:110px;top:50%;transform:translateY(-50%);}
		.ssl_introduce .ssl_compare dt .img img{box-shadow: 8.5px 14.7px 24px 0 rgba(42, 57, 85, 0.19);}
		.ssl_introduce .ssl_compare dd{box-sizing:border-box;border-radius:0 0 10px 10px;text-align: center;padding:22px 27px 28px 28px;position: relative;}		
		.ssl_introduce .ssl_compare dd .img_box:before{width:100%;height:2px;content:"";position: absolute;top:calc(47% - 1px);}
		.ssl_introduce .ssl_compare dd .sub_ssl_tit{font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.07em;}
		.ssl_introduce .ssl_compare dd .sub_ssl_tit strong{display: inline-block;position: relative;font-size:110%;font-weight:500;}
		.ssl_introduce .ssl_compare dd .sub_ssl_tit strong:before{width:100%;height:10px;content:"";opacity:0.2;position: absolute;left:0;bottom:1px;}
		.ssl_introduce .ssl_compare dd .img_box{margin-top:21px;box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;position: relative;}
		.ssl_introduce .ssl_compare dd .img_box > div{display: inline-block;vertical-align: middle;}
		.ssl_introduce .ssl_compare dd .img_box .lock{background:var(--point-white);position: relative;margin-bottom:30px;}
		.ssl_introduce .ssl_compare dd .img_box .lock:before{width:29px;height:28px;content:"";position: absolute;left:31%;bottom:-60px;background-size:auto 100% !important;}
		.ssl_introduce .ssl_compare dd .img_box .server p{text-align: center;font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.04em;margin-top:9px;box-sizing:border-box;}
		.ssl_introduce .ssl_compare dd .txt_box{width:100%;box-sizing:border-box;border-radius:var(--radius-10);margin-top:21px;padding:20px 30px;display: flex;flex-wrap:wrap;align-items: center;gap:25px;justify-content: flex-end;}
		.ssl_introduce .ssl_compare dd .txt_box img{width:50px;}
		.ssl_introduce .ssl_compare dd .txt_box p{font-size:var(--title-18);color:var(--black-color03);font-weight:500;letter-spacing:-0.06em;width:calc(100% - 75px);}
		.ssl_introduce .ssl_compare dd .txt_box p strong{font-size:inherit;font-weight:700;letter-spacing:inherit;}

		/*가운데*/
			.ssl_introduce .info_write{position:relative;width:220px;aspect-ratio:auto 1;z-index:5;text-align: center;margin-top:30px;display: flex;flex-direction: column;align-items: center;}
			.ssl_introduce .info_write .img{position: relative;z-index: 3;margin-top:-30px;}
			.ssl_introduce .info_write p{display: block;width:100%;font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.05em;line-height:1.4;box-sizing:border-box;position: relative;z-index:3;margin-top:-20px;}
			.ssl_introduce .info_write:after{width:100%;height:100%;content:"";border-radius:100%;background:var(--point-color04);position: absolute;left:-21px;top:-21px;border:21px solid var(--point-white);}
			
		/*위험*/
			.ssl_introduce .ssl_compare.no_ssl dt{background:var(--point-color14);}
			.ssl_introduce .ssl_compare.no_ssl dt .img:before{width:175px;border:2px solid var(--point-color14);box-shadow: 8.5px 14.7px 24px 0 rgba(42, 57, 85, 0.19);}
			.ssl_introduce .ssl_compare.no_ssl dd{border:2px solid var(--point-color14);}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box:before{background:var(--point-color14);right:-34%;}
			.ssl_introduce .ssl_compare.no_ssl dd .sub_ssl_tit strong{color:var(--point-color14);}
			.ssl_introduce .ssl_compare.no_ssl dd .sub_ssl_tit strong:before{background:var(--point-color14);}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box{text-align: left;padding-left:20px;padding-right:80px;}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box .lock{padding:0 24px 0 5px;}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box .lock:before{background:url('../images/sub/ssl-arw-danger.png')no-repeat center;}
			.ssl_introduce .ssl_compare.no_ssl dd .txt_box{text-align:right;background:var(--point-bg01);}
			.ssl_introduce .ssl_compare.no_ssl dd .txt_box p strong{color:var(--point-color14);}

		/*보안*/
			.ssl_introduce .ssl_compare.ssl dt{background:var(--point-color02);}
			.ssl_introduce .ssl_compare.ssl dt .img:before{width:100px;border:2px solid var(--point-color02);box-shadow: 8.5px 14.7px 24px 0 rgba(42, 57, 85, 0.19);}
			.ssl_introduce .ssl_compare.ssl dd{border:2px solid var(--point-color02);}
			.ssl_introduce .ssl_compare.ssl dd .sub_ssl_tit strong{color:var(--point-color02);}
			.ssl_introduce .ssl_compare.ssl dd .sub_ssl_tit strong:before{background:var(--point-color02);}
			.ssl_introduce .ssl_compare.ssl dd .img_box{text-align:right;padding-right:7px;padding-left:81px;flex-direction: row-reverse;}
			.ssl_introduce .ssl_compare.ssl dd .img_box:before{background:var(--point-color02);left:-35%;}
			.ssl_introduce .ssl_compare.ssl dd .img_box .lock{padding:0 22px 0 22px;float: left;}
			.ssl_introduce .ssl_compare.ssl dd .img_box .lock:before{background:url('../images/sub/ssl-arw-safe.png')no-repeat center;left:35%;}
			.ssl_introduce .ssl_compare.ssl dd .img_box .server p{padding-right:30px;}
			.ssl_introduce .ssl_compare.ssl dd .txt_box{text-align:left;background:var(--point-bg02);flex-direction: row-reverse;justify-content: flex-start;}
			.ssl_introduce .ssl_compare.ssl dd .txt_box p strong{color:var(--point-color02);}
			
	/*도입효과*/
		.ssl_effect{background:var(--point-color04);margin-top:120px;padding:120px 0 85px;}
		.ssl_effect .effect_container{overflow:visible;margin-top:44px;}
		.ssl_effect .effect_list{display:flex;text-align: center;flex-wrap:wrap;gap:32px;}
		.ssl_effect .effect_list li{height:auto;display: inline-block;box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-10);box-shadow: 0px 5px 24px 0 rgba(126, 150, 192, 0.4);width:calc(25% - 24px);padding:30px 10px 35px 10px;}
		.ssl_effect .effect_list li .icon{height:128px;display:flex;justify-content:center;align-items:center;}
		.ssl_effect .effect_list li .icon img{max-height:100%;}
		.ssl_effect .effect_list li dl{margin-top:20px;font-size:var(--title-20);}
		.ssl_effect .effect_list li dt{font-size:150%;color:var(--black-color03);font-weight:400;letter-spacing:-0.06em;}
		.ssl_effect .effect_list li dd{font-size:85%;color:var(--black-color07);font-weight:300;letter-spacing:-0.04em;line-height:1.7;margin-top:12px;}
				
	@media (max-width:1400px) {
		/*보안인증서*/
		.ssl_introduce .ssl_compare dt{padding:16px 20px 28px;}
		.ssl_introduce .ssl_compare dt .img{width:100%;height:auto;}
		.ssl_introduce .ssl_compare dt .img:before{height:55%;left:31%;}
		.ssl_introduce .ssl_compare dd .txt_box p br{display: none;}
		
			/*위험*/
			.ssl_introduce .ssl_compare.no_ssl dt .img:before{width:45%;}
			
			/*보안*/
			.ssl_introduce .ssl_compare.ssl dt .img:before{width:25%;}
	}
	@media (max-width:1023px) {
		/*보안인증서*/
		.ssl_introduce .introduce_wrap{flex-direction: column;gap:40px;}
		.ssl_introduce .ssl_compare{width:60%;position: relative;}
		.ssl_introduce .ssl_compare:before{width:24%;content:"";border:2px solid var(--point-color14);border-left:none;position: absolute;right:-38px;}
		.ssl_introduce .ssl_compare dt .img{max-width:360px;}
		.ssl_introduce .ssl_compare dt .img:before{left:30%;}
		.ssl_introduce .ssl_compare dd .img_box:before{width:50%;}
		.ssl_introduce .ssl_compare dd .img_box > div{position: relative;}
		.ssl_introduce .ssl_compare dd .img_box .server{width:106px;text-align: center;}
		
			/*가운데*/
			.ssl_introduce .info_write{width:100%;height:auto;aspect-ratio:initial;flex-direction: row-reverse;justify-content: center;gap:25px;margin-top:0;}
			.ssl_introduce .info_write:after{display: none;}
			.ssl_introduce .info_write .img{margin-top:0;}
			.ssl_introduce .info_write .img:before{width:85%;aspect-ratio:auto 1;content: "";border-radius: 100%;background: var(--point-color04);position: absolute;left:50%;top:10px;transform:translate(-50%);}
			.ssl_introduce .info_write .img img{position: relative;width:155px;}
			.ssl_introduce .info_write p{width:auto;text-align:right;margin:0;}
		
			/*위험*/
			.ssl_introduce .ssl_compare.no_ssl:before{top:54%;height:62%;}
			.ssl_introduce .ssl_compare.no_ssl dt .img:before{width:48%;}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box:before{right:46%;transform:translate(50%);}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box{padding-right:30px;}
			.ssl_introduce .ssl_compare.no_ssl dd .txt_box{flex-direction: row-reverse;text-align:left;}
			
			/*보안*/
			.ssl_introduce .ssl_compare.ssl:before{border-color:var(--point-color02);height:75%;top:-21%;}
			.ssl_introduce .ssl_compare.ssl dt .img:before{width:27%;}
			.ssl_introduce .ssl_compare.ssl dd .img_box{flex-direction: row;padding:0 30px 0 20px;}
			.ssl_introduce .ssl_compare.ssl dd .img_box:before{left:56%;transform:translate(-50%);}
			
		/*도입효과*/
		.ssl_effect{padding:clamp(60px, 12vw, 120px) 0 clamp(50px, 8.5vw, 85px);margin-top:clamp(60px, 12vw, 120px);}
		.ssl_effect .effect_list{gap:20px;}
		.ssl_effect .effect_list li{width:calc(25% - 15px);}
	}
	@media (max-width:860px) {
		/*도입효과*/
		.ssl_effect .effect_list{flex-wrap:initial;gap:0;}
		.ssl_effect .effect_list li{padding:30px 20px 35px;}
	}
	@media (max-width:640px) {
		/*보안인증서*/
		.ssl_introduce{margin-top:60px;}
		.ssl_introduce .introduce_wrap{gap:20px;}
		.ssl_introduce .ssl_compare{width:85%;box-shadow:0px 5px 13px 0 rgba(42, 57, 85, 0.31);}
		.ssl_introduce .ssl_compare dd{padding:22px 20px 28px 20px;}
		.ssl_introduce .ssl_compare dd .txt_box{padding:20px 20px;gap:15px;}
		.ssl_introduce .ssl_compare dd .txt_box img{width:40px;}
		.ssl_introduce .ssl_compare dd .txt_box p{width:calc(100% - 55px);}
		
			/*보안*/
			.ssl_introduce .ssl_compare.ssl:before{height:73%;top:-18%;}
			
		/*도입효과*/
		.ssl_effect .effect_container{margin-top:30px;}
	}
	@media (max-width:479px) {
		/*보안인증서*/
		.ssl_introduce .introduce_wrap{margin-top:30px;align-items: flex-start;}
		.ssl_introduce .ssl_compare{width:90%;}
		.ssl_introduce .ssl_compare:before{width:13%;right:-14px;}
		.ssl_introduce .ssl_compare dt{padding:16px 15px 20px;}
		.ssl_introduce .ssl_compare dd{padding:18px 15px 20px;}
		.ssl_introduce .ssl_compare dd .sub_ssl_tit{font-size:var(--title-18);}
		.ssl_introduce .ssl_compare dd .sub_ssl_tit strong:before{height:5px;}
		.ssl_introduce .ssl_compare dd .img_box{padding:0 10px 0 0 !important;}
		.ssl_introduce .ssl_compare dd .img_box .server{width:60px;}
		.ssl_introduce .ssl_compare dd .img_box .lock{margin-bottom:28px;}
		.ssl_introduce .ssl_compare dd .img_box .lock:before{width:23px;height:20px;bottom:-36px;}
		.ssl_introduce .ssl_compare dd .txt_box{padding:15px 15px;gap:10px;}
		.ssl_introduce .ssl_compare dd .txt_box img{width:34px;}
		.ssl_introduce .ssl_compare dd .txt_box p{width:calc(100% - 44px);font-size:var(--title-14);}
		.ssl_introduce .ssl_compare.ssl dd .img_box .server p{padding-right:0;}
		
			/*가운데*/
			.ssl_introduce .info_write{gap:10px;width:90%;}
			.ssl_introduce .info_write .img img{width:120px;}
		
			/*위험*/		
			.ssl_introduce .ssl_compare.no_ssl:before{top:59%;height:55%;}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box .server img{width:75%;}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box .lock{padding:0 15px 0 5px;}
			.ssl_introduce .ssl_compare.no_ssl dd .img_box .lock img{width:50px;}
			
			/*보안*/
			.ssl_introduce .ssl_compare.ssl:before{height:76%;top:-17%;}
			.ssl_introduce .ssl_compare.ssl dd .img_box .lock img{width:37px;}
			
		/*도입효과*/
		.ssl_effect .effect_list li{padding:20px 15px 25px;}
		.ssl_effect .effect_list li .icon{height:100px;}
		.ssl_effect .effect_list li .icon img{max-width:45%;}
		.ssl_effect .effect_list li dd{margin-top:8px;}
	}
	@media (max-width:343px) {
		/*보안인증서*/
			/*보안*/
			.ssl_introduce .ssl_compare.ssl:before{height:75%;}
	}
	@media (max-width:335px) {
		/*보안인증서*/
		.ssl_introduce .ssl_compare dd .txt_box img{width:28px;}
		.ssl_introduce .ssl_compare dd .txt_box p{width:calc(100% - 38px);}
	}
	@media (max-width:315px) {
		/*보안인증서*/
			/*위험*/
			.ssl_introduce .ssl_compare.no_ssl:before{top:58%;height:56%;}
	}
	@media (max-width:280px) {
		/*보안인증서*/
			/*가운데*/
			.ssl_introduce .info_write .img img{width:94px;}
			
			/*위험*/
			.ssl_introduce .ssl_compare.no_ssl dd .img_box .lock{padding:0 10px 0 5px;}
			
			/*보안*/
			.ssl_introduce .ssl_compare.ssl:before{height:70%;top:-13%;}
			.ssl_introduce .ssl_compare.ssl dd .img_box .lock{padding:0 10px;}
	}
	
/*───────────────────────────────────────────────────────────

	제작서비스 - 홈페이지
	
───────────────────────────────────────────────────────────*/
	.sub_quick_container .main_benefit:before, .sub_quick_container .main_benefit .w_custom:before{display: none;}
	.sub_quick_container .main_portfolio{margin:0 auto;padding-top:100px;}
	.sub_quick_container .main_benefit{padding-bottom:0;}
	
	/*제작 비용 안내*/
		.sub_charge.home_charge .charge_list li{width:calc(100% / 3 - 21.4px);}
	
	/*신뢰와 노하우*/
		.sub_awards{position: relative;text-align: center;padding-bottom:100px;}
		.sub_awards:before{width:100%;height:30.8%;content:"";background:var(--point-color15);position: absolute;bottom:0;left:0;}	
		.sub_awards .main_title h3{padding-top:147px;letter-spacing:-0.06em;}
		.sub_awards .main_title h3:before{width:1px;height:105px;border-radius:0;background:var(--black-color03);transform:none;left:calc(50% - 1px);}
		.sub_awards .main_title p{margin-top:23px;letter-spacing:-0.05em;}
		.sub_awards .awards_list{text-align: center;box-sizing:border-box;padding:0 30px;margin-top:56px;position: relative;display: flex;flex-wrap:wrap;gap:37px 30px;}
		.sub_awards .awards_list:before{width:221px;height:384px;content:"";background:url('../images/sub/award_prize.png')no-repeat center;position: absolute;bottom:30px;right:-143px;background-size:auto 100%;}
		.sub_awards .awards_list li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(20% - 24px);}
		.sub_awards .awards_list img{width:100%;}
		.sub_awards .awards_list .txt_box{margin-top:14px;font-size:var(--title-20);}
		.sub_awards .awards_list .txt_box span{font-size:var(--title-16);color:var(--black-color06);font-weight:400;letter-spacing:-0.02em;font-family:var(--font-type04);}
		.sub_awards .awards_list li:nth-child(n+6) .txt_box span{color:rgba(255,255,255,0.7);}
		.sub_awards .awards_list .txt_box .prize{font-size:110%;color:var(--black-color03);font-weight:500;letter-spacing:-0.05em;margin-top:6px;}
		.sub_awards .awards_list .txt_box .com_name{font-size:var(--title-17);color:var(--black-color03);font-weight:300;letter-spacing:-0.04em;font-family:var(--font-type03);}
		.sub_awards .awards_list li:nth-child(n+6) .txt_box .prize, .sub_awards .awards_list li:nth-child(n+6) .txt_box .com_name{color:var(--point-white);}
		.sub_awards a{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;width:180px;height:70px;border:1px solid rgba(255,255,255,0.5);font-size:var(--title-20);color:var(--point-white);font-weight:400;letter-spacing:-0.8px;margin-top:57px;background:var(--point-color15);transition:all 0.3s;}
	
	@media (pointer: fine) and (hover: hover) {
		.sub_awards a:hover{background:var(--point-white);color:var(--point-color02);transition:all 0.3s;}
	}
	
	@media (max-width:1450px) {
		.sub_awards .awards_list:before{width:9vw;height:16vw;bottom:30px;right:-50px;}
	}
	@media (max-width:1023px) {
		.sub_charge.home_charge .charge_list li{width:calc(100% / 3 - 14px);}
		
		.sub_awards{padding-bottom:60px;}
		.sub_awards .main_title h3{padding-top:100px;}
		.sub_awards .main_title h3:before{height:70px;}
		.sub_awards .awards_list{padding:0;margin-top:30px;gap:35px 20px;}
		.sub_awards .awards_list:before{display: none;}
	}
	@media (max-width:860px) {
		.sub_awards:before{height:38%;}
		.sub_awards .awards_list li{width:calc(100% / 3 - 14px);}
		.sub_awards .awards_list li:nth-child(6) .txt_box span{color:var(--black-color06);}
		.sub_awards .awards_list li:nth-child(6) .txt_box .prize, .sub_awards .awards_list li:nth-child(6) .txt_box .com_name{color:var(--black-color03);}
	}
	@media (max-width:640px) {
		.sub_quick_container .main_portfolio{padding-top:60px;}
		
		.sub_awards .main_title h3{padding-top:80px;}
		.sub_awards .main_title h3:before{height:50px;}
		.sub_awards .awards_list{gap:30px 15px;}
		.sub_awards .awards_list li{width:calc(50% - 7.5px);}
		.sub_awards .awards_list .txt_box{font-size:var(--title-20);}
		.sub_awards .awards_list .txt_box span{font-size:100%;}
		.sub_awards .awards_list .txt_box .prize{font-size:104%;}
		.sub_awards .awards_list .txt_box .com_name{font-size:108%;}
		.sub_awards a{width:140px;height:50px;margin-top:40px;}
	}
	@media (max-width:479px) {
		.sub_awards:before{height:33%;}
	}
	@media (max-width:320px) {
		.sub_awards{padding-bottom:40px;}
		.sub_awards:before{height:31%;}
		.sub_awards .awards_list .txt_box{margin-top:8px;}
		.sub_awards .awards_list .txt_box span{font-size:89%;}
		.sub_awards .awards_list .txt_box .prize{font-size:100%;}
		.sub_awards .awards_list .txt_box .com_name{font-size:104%;}
		.sub_awards a{width:120px;height:44px;margin-top:30px;}
	}

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

	제작서비스 - 쇼핑몰
	
───────────────────────────────────────────────────────────*/
	/*제공혜택*/
		/*배너*/
		.shop_benefit{margin-bottom:clamp(50px, 10vw, 100px);}
		.sub_shopping .shop_bnr{box-sizing:border-box;box-shadow:0 0 54px 0 rgba(0,0,0,0.18);border-radius:10px;overflow:hidden;display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;padding:70px 60px;margin-top:60px;background:url('../images/sub/shop_bnr_bg.jpg')no-repeat center;background-size:cover;}
		.sub_shopping .shop_bnr .txt_box{font-size:var(--title-20);color:var(--point-white);font-weight:500;font-family:var(--font-type03);width:55%;box-sizing:border-box;padding-right:30px;}
		.sub_shopping .shop_bnr .txt_box p{font-size:156%;color:inherit;font-weight:inherit;line-height:1.48;font-family:inherit;letter-spacing:-0.03em;margin-top:30px;}
		.sub_shopping .shop_bnr .txt_box p strong{font-size:inherit;color:var(--point-yellow);font-weight:700;}
		.sub_shopping .shop_bnr .txt_box span{font-size:var(--title-16);color:var(--point-white);font-weight:300;opacity:0.8;display: block;margin-top:15px;}
		
		.sub_shopping .shop_bnr ul{width:45%;box-sizing:border-box;display: flex;flex-wrap:wrap;gap:20px;}
		.sub_shopping .shop_bnr ul li{display: inline-flex;width:calc(100% / 3 - 14px);box-sizing:border-box;align-items: center;justify-content: center;aspect-ratio:1;border-radius:100%;background:var(--point-white);text-align: center;font-size:var(--title-20);color:var(--point-color02);font-weight:700;}
		.sub_shopping .shop_bnr ul li p{font-size:130%;color:inherit;font-weight:inherit;font-family:var(--font-type03);box-sizing:border-box;padding-top:30px;background:url('../images/sub/ico_bnr_chk.png')no-repeat center top;line-height:1.32;}
		
	/*제작 비용 안내*/
		.sub_charge.shop_charge .charge_list{gap:40px;}
		.sub_charge.shop_charge .charge_list li{width:calc(100% / 3 - 27px);}
		
	/*솔루션*/
		.sub_solution{margin:120px 0 100px;}
		.sub_solution .shop_logo{text-align: center;margin:60px 0 0 0;display: flex;flex-wrap:wrap;align-items: center;justify-content: center;}
		.sub_solution .dart_logo, .sub_solution .mall_logo{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
		.sub_solution .logo_box{display:inline-flex;box-sizing:border-box;vertical-align: top;width:260px;height:80px;border-radius:40px;position: relative;align-items: center;justify-content: center;}
		.sub_solution .logo_box img{max-width:60%;}
		.sub_solution .dart_logo.logo_box{background:var(--point-color01);}
		.sub_solution .icon_x{margin:0 30px;position: relative;width:20px;height:22px;}
		.sub_solution .icon_x span{width:30px;height:2px;background:var(--black-color08);position: absolute;left:-5px;top:50%;display: inline-block;}
		.sub_solution .icon_x span:nth-child(1){transform:rotate(45deg);}
		.sub_solution .icon_x span:nth-child(2){transform:rotate(-45deg);}
		.sub_solution .mall_logo .logo_box + .logo_box{margin-left:-20px;}
		.sub_solution .mall_logo .logo_box:nth-child(1){background:rgba(188,41,41,0.08);z-index:3;}
		.sub_solution .mall_logo .logo_box:nth-child(2){background:rgba(64,146,204,0.12);z-index:2;}
		.sub_solution .mall_logo .logo_box:nth-child(3){background:rgba(38,97,172,0.12);z-index:1;}

		.sub_solution .solution_table{box-sizing:border-box;margin-top:60px;border:1px solid var(--border-color01);box-shadow:0 0 54px 0 rgba(0,0,0,0.18);border-radius:10px;overflow:hidden;background:var(--point-white);position: relative;z-index:3;font-size:var(--title-20);}
		.sub_solution .solution_table table thead tr th{box-sizing:border-box;vertical-align: middle;background:var(--gray-bg01);border-bottom:1px solid var(--border-color01);font-size:110%;color:var(--black-color03);font-weight:500;letter-spacing:-0.44px;padding:15px 0;}
		.sub_solution .solution_table table thead tr th + th{border-left:1px solid var(--border-color01);}
		.sub_solution .solution_table table tbody tr th, .sub_solution .solution_table table tbody tr td{font-weight:400;letter-spacing:-0.02em;font-family:var(--font-type03);border-bottom:1px solid var(--border-color01);padding:16px 10px;text-align: center;}
		.sub_solution .solution_table table tbody tr th{font-size:var(--title-20);color:var(--black-color03);}
		.sub_solution .solution_table table tbody tr td{font-size:var(--title-18);color:var(--black-color07);border-left:1px solid var(--border-color01);line-height:1.45;}
		.sub_solution .solution_table table tbody tr:last-child th, .sub_solution .solution_table table tbody tr:last-child td{border-bottom:none;}
	
	
	@media (max-width:1350px) {
		/*제공혜택*/
			/*배너*/
			.sub_shopping .shop_bnr .txt_box p br{display: none;}
			.sub_shopping .shop_bnr ul li p{font-size:100%;}
	}
	@media (max-width:1200px) {
		/*솔루션*/
		.sub_solution .icon_x{margin:0 20px;}
		.sub_solution .logo_box img{max-width:75%;}
		.sub_solution .mall_logo .logo_box:nth-child(1) img{max-width:60%;}
		.sub_solution .logo_box{height:70px;}
		.sub_solution .dart_logo.logo_box{width:25%;}
		.sub_solution .mall_logo{display: flex;width:calc(75% - 60px);}
		.sub_solution .mall_logo .logo_box{width:calc(100% / 3 + 10px);}
		.sub_solution .mall_logo .logo_box + .logo_box{margin-left:-15px;}
		
	}
	@media (max-width:1024px) {
		/*제공혜택*/
			/*배너*/
			.sub_shopping .shop_bnr{padding:50px 30px;margin-top:40px;}
			.sub_shopping .shop_bnr ul{gap:9px;}
			.sub_shopping .shop_bnr ul li{width:calc(100% / 3 - 6px);}
			.sub_shopping .shop_bnr ul li p{padding-top:18px;}
			
		/*제작절차*/
		.sub_shopping .make_process{padding-bottom:180px;}
		
		/*솔루션*/
		.sub_solution{margin:80px 0 90px;}
	}
	@media (max-width:860px) {
		/*제공혜택*/
			/*배너*/
			.sub_shopping .shop_bnr .txt_box{width:100%;padding:0;}	
			.sub_shopping .shop_bnr ul{width:100%;gap:15px;margin-top:40px;}
			.sub_shopping .shop_bnr ul li{width:calc(100% / 3 - 10px);}
			.sub_shopping .shop_bnr ul li p{padding-top:30px;font-size:129%;}
			
		/*제작 비용 안내*/
		.sub_charge.shop_charge .charge_list{gap:0;}
		
		/*제작 절차*/
		.sub_shopping .make_process{padding-bottom:70px;}
		
		/*솔루션*/
		.sub_solution .shop_logo{flex-direction: column;}
		.sub_solution .icon_x{margin:20px 0;}
		.sub_solution .dart_logo.logo_box{width:35%;}
		.sub_solution .mall_logo{width:100%;padding:0 30px;}
		.sub_solution .solution_table{margin-top:40px;}
	}
	@media (max-width:640px) {
		/*제공혜택*/
			/*배너*/
			.sub_shopping .shop_bnr{width:calc(100% + 30px);margin-left:-15px;border-radius:0;background:url('../images/sub/m_shop_bnr_bg.jpg')no-repeat center;background-size:cover;padding:40px 20px;}
			.sub_shopping .shop_bnr .txt_box p{margin-top:15px;}
			.sub_shopping .shop_bnr ul li p{padding-top:20px;font-size:114%;}
			
		/*솔루션*/
		.sub_solution{margin:60px 0 75px}
		.sub_solution .shop_logo{margin-top:35px;}
		.sub_solution .mall_logo{padding:0;}
		.sub_solution .logo_box{height:60px;}
		.sub_solution .mall_logo .logo_box:nth-child(2) img{max-width:65%;}
		.sub_solution .mall_logo .logo_box:nth-child(3) img{max-width:62%;}
	}
	@media (max-width:479px) {
		/*제공혜택*/
			/*배너*/
			.sub_shopping .shop_bnr .txt_box .logo img{height:15px;}
			.sub_shopping .shop_bnr .txt_box span{margin-top:5px;}
			.sub_shopping .shop_bnr ul{gap:9px;margin-top:25px;}
			.sub_shopping .shop_bnr ul li{width:calc(100% / 3 - 6px);}
			.sub_shopping .shop_bnr ul li p{font-size:100%;}
			
		/*솔루션*/	
		.sub_solution .shop_logo{margin-top:20px;}
		.sub_solution .logo_box{height:50px;}
		.sub_solution .dart_logo.logo_box{width:50%;}
		.sub_solution .icon_x{margin:10px 0;}
		.sub_solution .icon_x span{width:100%;left:0;}
		.sub_solution .solution_table{margin-top:25px;border-radius:5px;}
		.sub_solution .solution_table table thead tr th{padding:10px 5px;font-size:var(--title-20);}
		.sub_solution .solution_table table tbody tr th, .sub_solution .solution_table table tbody tr td{padding:10px 5px;}
		.sub_solution .solution_table table tbody tr th{font-size:var(--title-18);}
		.sub_solution .solution_table table tbody tr td{font-size:var(--title-14);}
	}
	@media (max-width:320px) {
		/*제공혜택*/
			/*배너*/
			.sub_shopping .shop_bnr ul li p{background-size:auto 8px;padding-top:12px;font-size:89%;}
	}
	
/*───────────────────────────────────────────────────────────

	제작서비스 - 상세페이지
	
───────────────────────────────────────────────────────────*/
	.detail_quick.left_quick ul li{width:140px;}
	.detail_quick.left_quick ul li.on, .detail_quick.left_quick ul li:hover{width:160px;}
		
	/*visual*/	
		.sub_detail .sub_prd_visual{background:url('../images/sub/detail_visual_bg.jpg')no-repeat center;}
		.sub_detail .sub_prd_visual .img_box{width:634px;height:560px;box-shadow:none;border-radius:0;background:none;overflow:visible;display: flex;flex-wrap:wrap;gap:34px;}
		.sub_detail .sub_prd_visual .img_box .img{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(50% - 17px);height:100%;box-shadow:0 17px 38px 0 rgba(0,0,0,0.4);border-radius: 16px;overflow: hidden;}
		.sub_detail .sub_prd_visual .img_box .img img{}
		.sub_detail .sub_prd_visual .img_box .img:nth-child(2){margin-top:50px;}
		.sub_detail .sub_prd_visual .img_box .img:nth-child(1) img{animation: subVisual2 450s linear Infinite Alternate;}
		.sub_detail .sub_prd_visual .img_box .img:nth-child(2) img{animation: subVisual2 240s linear Infinite Alternate;}

		@keyframes subVisual2 {
			0%{transform:translateY(0);}
			50%{transform:translateY(calc(-100% + 560px));}
			100%{transform:translateY(0);}
		}
		
	/*portfolio*/
		.sub_detail .main_portfolio .portfolio_list{gap:24px 24px;}
		.sub_detail .main_portfolio .portfolio_list li{width:calc(25% - 18px);}
		.sub_detail .main_portfolio .portfolio_list li .thumb{aspect-ratio:auto 0.54;}
		
	/*제작요소*/
		.sub_element{/* background:var(--point-color07); */margin-top:120px;box-sizing:border-box;padding:120px 0 115px;}
		.sub_element .element_list{margin-top:62px;position: relative;display: flex;flex-wrap:wrap;gap:40px;}
		.sub_element .element_list:before{width:351px;aspect-ratio:auto 1;content:"";background:var(--point-color02);box-sizing:border-box;border-radius:100%;position: absolute;top:-38%;left:-199px;}
		.sub_element .element_list li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(100% / 3 - 27px);position: relative;}
		.sub_element .element_list li .thumb{width:100%;aspect-ratio:auto 1.43;box-sizing:border-box;border-radius:var(--radius-10);box-shadow:0 0 29px 0 rgba(0, 0, 0, 0.14);position: relative;overflow:hidden;}
		.sub_element .element_list li .thumb img{width:100%;height:100%;object-fit:cover;}
		.sub_element .element_list li .txt_box{text-align: left;margin-top:24px;font-size:var(--title-20);}
		.sub_element .element_list li .txt_box dt{font-size:180%;color:var(--black-color03);font-weight:500;letter-spacing:-0.03em;}
		.sub_element .element_list li .txt_box dd{font-size:100%;color:color:var(--black-color05);font-weight:300;letter-spacing:-0.02em;margin-top:12px;}
		.sub_element .element_list li .txt_box dd strong{font-size:inherit;color:color:var(--black-color02);font-weight:500;letter-spacing:inherit;}
		
	/*제작 비용 안내*/
		.sub_detail .sub_charge:before{display: none;}
		.sub_detail .sub_charge .bullet_list{margin-top:31px;}
		.sub_detail .sub_charge .bullet_list li{font-size:var(--title-17);color:var(--black-color07);line-height:1.9;}
		.sub_detail .sub_charge .bullet_list > li:before{background:var(--black-color08);}
		
	/*부가서비스*/
		.additional_service{box-sizing:border-box;padding:120px 0 120px;text-align: center;position: relative;}
		.additional_service:before{width:100%;height:41.5%;content:"";background:var(--point-color15);position: absolute;bottom:0;left:0;}
		.additional_service .service_list{text-align: center;margin-top:44px;display: flex;flex-wrap:wrap;gap:20px;justify-content: center;}
		.additional_service .service_list li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(20% - 16px);background:var(--point-white);border-radius:var(--radius-10);box-shadow:0 0 54px 0 rgba(0,0,0,0.18);padding:40px 10px 40px 10px;font-size:var(--title-20);}
		.additional_service .service_list li .icon{height:74px;display:flex;align-items:center;justify-content:center;}
		.additional_service .service_list li .icon img{max-height:100%;}
		.additional_service .service_list li p{font-size:120%;color:var(--black-color03);font-weight:400;letter-spacing:-0.04em;margin-top:30px;font-family:var(--font-type03);}
		.additional_service .btn_more{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;width:300px;height:70px;border:1px solid rgba(255,255,255,0.5);font-size:var(--title-20);color:var(--point-white);font-weight:400;letter-spacing:-0.04em;margin-top:60px;background:var(--point-color15);transition:all 0.3s;}
	
	@media (pointer: fine) and (hover: hover) {
		.additional_service .btn_more:hover{background:var(--point-white);color:var(--point-color02);}	
	}
	@media (max-width:1300px){
		/*제작요소*/
		.sub_element .element_list:before{width:25vw;left:-20%;}
	}
	@media (max-width:1200px){
		/*visual*/	
		.sub_detail .sub_prd_visual .img_box{width:57%;height:50vw;}
	}
	@media (max-width:1023px){
		/*제작요소*/
		.sub_element{margin-top:clamp(60px, 12vw 120px);padding:clamp(60px, 12vw 120px) 0;}
		.sub_element .element_list{gap:21px;}
		.sub_element .element_list li{width:calc(100% / 3 - 14px);}
		
		/*부가서비스*/
		.additional_service{padding:clamp(60px, 12vw 120px) 0;}
		.additional_service .service_list li{width:calc(100% / 3 - 15px);}
		.additional_service .btn_more{margin-top:clamp(35px, 6vw, 60px);width:clamp(210px, 30vw, 300px);height:clamp(50px, 7vw, 70px);}
	}
	@media (max-width:860px){
		/*visual*/	
		.sub_detail .sub_prd_visual{padding-bottom:0;}
		.sub_detail .sub_prd_visual .img_box{width:75%;height:55vw;}
		
		/*portfolio*/
		.sub_detail .main_portfolio .portfolio_list li{width:calc(100% / 3 - 16px);}
		
		/*제작 비용 안내*/
		.sub_detail .sub_charge .bullet_list li{line-height:1.6;}
	}
	@media (max-width:640px){
		/*제작요소*/
		.sub_element .element_list{margin-top:36px;gap:30px;flex-direction: column;}
		.sub_element .element_list:before{display: none;}
		.sub_element .element_list li{width:100%;}
		.sub_element .element_list li .txt_box{margin-top:10px;}
		.sub_element .element_list li .txt_box dd{margin-top: 5px;}
		
		/*부가서비스*/
		.additional_service:before{height:35%;}
		.additional_service .service_list li{width:100%;padding:20px 25px;display: flex;flex-wrap:wrap;align-items: center;}
		.additional_service .service_list li .icon{width:55px;height:50px;}
		.additional_service .service_list li p{box-sizing:border-box;width:calc(100% - 55px);margin:0;padding-left:20px;text-align:left;}
	}
	@media (max-width:479px){
		/*visual*/	
		.sub_detail .sub_prd_visual .img_box{width:79%;height:62vw;gap:10px;}
		.sub_detail .sub_prd_visual .img_box .img{width:calc(50% - 5px);border-radius:8px;}
		.sub_detail .sub_prd_visual .img_box .img:nth-child(2){margin-top:22px;}
		
		/*portfolio*/
		.sub_detail .main_portfolio .portfolio_list{gap:20px 15px;}
		.sub_detail .main_portfolio .portfolio_list li{width:calc(100% / 2 - 7.5px);}
		
		/*부가서비스*/
		.additional_service{padding:46px 0;}
		.additional_service .service_list{margin-top:25px;gap:15px;}
		.additional_service .service_list li{box-shadow:0 0 12px 0 rgba(0,0,0,0.18);padding:20px 15px;}
	}

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

	제작서비스 - 수출바우처
	
───────────────────────────────────────────────────────────*/
	/*visual*/
		.sub_voucher .sub_prd_visual{background:url('../images/sub/voucher_visual_bg.jpg')no-repeat center;}
		
	/*수출바우처 사업이란?*/
		.sub_voucher_intro{width:100%;box-sizing:border-box;background:url('../images/sub/voucher-bg.jpg')no-repeat center;background-size:cover;padding:102px 0 119px;}
		.sub_voucher_intro .main_title h3, .sub_voucher_intro .main_title p{color:var(--point-white);}
		.sub_voucher_intro .voucher_box{text-align: center;margin-top:43px;display: flex;flex-wrap:wrap;gap:40px;justify-content: center;}
		.sub_voucher_intro .voucher_box dl{width:calc(50% - 20px);display: inline-block;box-sizing:border-box;vertical-align: top;border-radius:var(--radius-20);overflow:hidden;font-size:var(--title-20);}
		.sub_voucher_intro .voucher_box dl dt{width:100%;height:80px;display: flex;align-items: center;justify-content: center;text-align: center;font-size:160%;color:var(--point-white);font-weight:500;letter-spacing:-0.05em;background:var(--point-color15);box-sizing:border-box;border-radius:10px 10px 0 0;}
		.sub_voucher_intro .voucher_box dl + dl dt{background:var(--point-color02);}
		.sub_voucher_intro .voucher_box dl dd{box-sizing:border-box;border-radius:0 0 10px 10px;background:var(--point-white);padding:30px 25px 29px 25px;}
		.sub_voucher_intro .voucher_box dl dd ul{display: flex;flex-wrap:wrap;}
		.sub_voucher_intro .voucher_box dl dd ul li{display: inline-block;box-sizing:border-box;vertical-align: top;width:25%;}
		.sub_voucher_intro .voucher_box dl dd ul li .icon{width:80px;aspect-ratio:auto 1;box-sizing:border-box;margin:0 auto;border-radius:100%;background-color:var(--border-color03);display: flex;align-items: center;justify-content: center;}	
		.sub_voucher_intro .voucher_box dl dd ul li p{font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.05em;line-height:1.4;margin-top:15px;}
		
	/*포트폴리오*/
		.voucher_portfolio .sub_partner_list{margin-top:55px;}
		.sub_voucher .voucher_portfolio .main_more_box{margin-top:50px;}
		.voucher_portfolio .main_more_box a{width:180px;}
	
	/*제작 절차*/
		.sub_voucher .make_process{margin-top:200px;}
		.make_process .content_process .link_voucher{text-align: center;margin-left:30px;position: relative;padding-left:80px;font-size:var(--title-20);}
		.make_process .content_process .link_voucher:before{width:50px;height:1px;content:"";background:var(--border-color01);position: absolute;left:0;top:calc(50% - 1px);}
		.make_process .content_process .link_voucher p{font-size:150%;color:var(--black-color08);font-weight:400;letter-spacing:-0.6px;font-family:var(--font-type03);}
		.make_process .content_process .link_voucher a{display: inline-flex;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;width:230px;height:60px;border:1px solid var(--black-color05);font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.04em;margin-top:22px;}
		.make_process .content_box .swiper-slide:nth-child(7) .content_process ul li span em{font-size:var(--title-20);line-height:1.9;}
		
	/*신청 방법 안내*/
		.sub_application{box-sizing:border-box;padding:120px 0 100px;}
		.sub_application ol{display: flex;flex-wrap:wrap;gap:45px;text-align: center;margin-top:35px;}
		.sub_application ol li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(20% - 36px);position: relative;}
		.sub_application ol li .thumb{width:100%;box-sizing:border-box;border-radius:var(--thumb);box-shadow: 0px 5px 24px 0 rgba(126, 150, 192, 0.4);position: relative;}
		.sub_application ol li + li .thumb:before{width:9px;height:9px;content:"";border:2px solid var(--black-color08);border-width:2px 2px 0 0;transform:translateY(-50%) rotate(45deg);position: absolute;left:-31px;top:50%;}
		.sub_application ol li .thumb dt{width:100%;height:50px;box-sizing:border-box;border-radius:10px 10px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;background:var(--black-color03);font-size:var(--title-18);color:var(--point-white);font-weight:500;letter-spacing:-0.018em;font-family:var(--font-type04);}
		.sub_application ol li .thumb dd{width:100%;box-sizing:border-box;border-radius:0 0 10px 10px;background:var(--point-white);display:flex;justify-content: center;align-items: center;padding:20px 0;aspect-ratio:1.57;}
		.sub_application ol li .thumb img{max-width:90%;margin:0 auto;}
		.sub_application ol li .thumb dd a{display:block;position: relative;font-size:var(--title-16);color:var(--point-color02);font-weight:400;letter-spacing:-0.015em;margin-top:20px;padding-right:9px;}
		.sub_application ol li .thumb dd a:before{width:6px;height:6px;content:"";border:1px solid var(--point-color02);border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:0;top:8px;}
		.sub_application ol li p{font-size:var(--title-20);color:var(--black-color02);font-weight:400;letter-spacing:-0.02em;line-height:1.5;margin-top:24px;}
		.sub_application ol li p span{display: block;font-size:var(--title-16);color:var(--black-color05);font-weight:400;letter-spacing:-0.016em;}
		.sub_application ol li:last-of-type .thumb dt{background:var(--point-color02);}
		.sub_application ol li:last-of-type p{color:var(--point-color02);font-weight:700;}
		
	/*사업유형*/
		.voucher_type{padding-top:100px;position: relative;}
		.voucher_type:before{width:495px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;top:-6.5vh;left:-5vw;}
		.voucher_type .type_list{display:flex;flex-wrap:wrap;font-size:0;position: relative;z-index:2;margin-top:35px;gap:22px 22px;}
		.voucher_type .type_list li{box-sizing:border-box;vertical-align: top;display:flex;align-items:center;gap:20px;border-radius:var(--radius-10);box-shadow:0 5px 24px 0 rgba(158,171,196,0.4);border:1px solid var(--border-color01);background:var(--point-white);width:calc(100% / 3 - 14.666px);min-height:80px;padding:22px 20px;}
		.voucher_type .type_list li:before{width:36px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color07) url('../images/sub/sub_chk.png')no-repeat center;}
		.voucher_type .type_list li span{font-size:var(--title-20);color:var(--black-color02);font-weight:400;letter-spacing:-0.02em;text-align: left;position: relative;display: block;box-sizing:border-box;width:calc(100% - 56px);}
		.voucher_type .type_list li span em{display: block;font-size:var(--title-18);color:inherit;font-weight:inherit;}
	
	/*지원대상*/
		.voucher_target{padding:98px 0 120px;position: relative;}
		.voucher_target:before{width:100%;height:32.4%;content:"";background:var(--point-color15);position: absolute;bottom:0;left:0;}
		.voucher_target .w_custom:before{width:270px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color07);position: absolute;right:-7vw;top:9px;}
		.voucher_target .target_container{margin-top:34px;overflow:visible;position: relative;z-index:3;}
		.voucher_target .target_container > p{display: none;}
		.voucher_target .target_table{width:100%;box-sizing:border-box;border-radius:var(--radius-10);overflow:hidden;border:1px solid var(--border-color01);box-shadow:0px 5px 24px 0 rgba(42, 57, 85, 0.4);position: relative;}
		.voucher_target .target_table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--title-20);}
		.voucher_target .target_table table thead tr th{background:var(--gray-bg01);border-bottom:1px solid var(--border-color01);box-sizing:border-box;font-size:var(--title-20);color:var(--black-color03);font-weight:500;letter-spacing:-0.02em;vertical-align: middle;padding:20px 0;}
		.voucher_target .target_table table thead tr th + th{border-left:1px solid var(--border-color01);}
		.voucher_target .target_table table tbody tr th{background:var(--point-color07);box-sizing:border-box;font-size:var(--title-20);color:var(--point-color02);font-weight:500;letter-spacing:-0.025em;border-bottom:1px solid var(--border-color01);}
		.voucher_target .target_table table tbody tr th span{font-size:120%}
		.voucher_target .target_table table tbody tr td{font-size:var(--title-17);color:var(--black-color07);font-weight:400;letter-spacing:-0.017em;line-height:1.5;vertical-align: middle;font-family:var(--font-type03);border-bottom:1px solid var(--border-color01);padding:14px 20px 16px 20px;background:var(--point-white);border-left:1px solid var(--border-color01);text-align:left;}
		.voucher_target .target_table table tbody tr td strong{font-size:inherit;font-weight:400;color:var(--point-color17);}
		.voucher_target .target_table table tbody tr td p{font-size:var(--title-17);color:var(--black-color03);font-weight:400;letter-spacing:-0.017em;}
		.voucher_target .target_table table tbody tr td .bullet_list li{font-size:var(--title-17);color:var(--black-color07);font-family:var(--font-type03);line-height:1.53;}
		.voucher_target .target_table table tbody tr td .bullet_list li + li{margin-top:4px;}
		.voucher_target .target_table table tbody tr td .bullet_list li:before{width:4px;aspect-ratio:auto 1;background:var(--black-color09);}
		
	@media (max-width:1500px){
		/*사업유형*/
		.voucher_type:before{width:33vw;height:33vw;top:-8%;left:-9vw;}
	}
	@media (max-width:1300px){
		/*신청 방법 안내*/
		.sub_application ol{justify-content: center;}
		.sub_application ol li{width:calc(30% - 36px);}
	}
	@media (max-width:1200px){
		/*제작 절차*/
		.make_process .content_process .link_voucher{padding-left:30px;}
		.make_process .content_process .link_voucher:before{width:30px;left:-15px;}
		.make_process .content_process .link_voucher p{font-size:var(--title-20);}
		.make_process .content_process .link_voucher a{width:190px;height:50px;}
		.make_process .content_box .swiper-slide:nth-child(7) .content_process ul li span em{font-size:var(--title-18);line-height:1.45;}
		
		/*신청 방법 안내*/
		.sub_application ol li .thumb dd{aspect-ratio:1.7;}
		.sub_application ol li .thumb dd a{margin-top:10px;}
	}
	@media (max-width:1023px){
		/*수출바우처 사업이란?*/
		.sub_voucher_intro{padding:clamp(60px, 8.5vw, 85px) 0 clamp(80px, 10vw, 100px);}
		.sub_voucher_intro .voucher_box dl{width:75%;}
		.sub_voucher_intro .voucher_box dl dt{height:auto;padding:20px 10px;}
		
		/*포트폴리오*/
		.voucher_portfolio .sub_partner_list{margin-top:clamp(25px, 5.5vw,55px);}
		.sub_voucher .voucher_portfolio .main_more_box{margin-top:clamp(25px, 5vw,50px);}
		.voucher_portfolio .main_more_box a{width:clamp(100px, 1.8vw, 180px);}
		
		/*제작 절차*/
		.make_process{margin-top:120px;padding-bottom:200px;}
		.make_process#innov_nav6{margin-top:0;padding-bottom: clamp(50px, 10vw, 100px);}
		.make_process .content_process .link_voucher{margin-left:15px;padding-left:15px;}
		.make_process .content_process .link_voucher:before{display: none;}
		.make_process .content_process .link_voucher a{width:170px;}
		
		/*신청방법안내*/
		.sub_application{padding:clamp(60px, 12vw, 120px) 0 clamp(50px, 10vw, 100px);}
		
		/*사업유형*/
		.voucher_type{padding-top:clamp(50px, 10vw, 100px);}
		.voucher_type:before{width:26vw;top:0;}
		.voucher_type .type_list li{width:calc(50% - 11px);}
		
		/*지원대상*/
		.voucher_target{padding:clamp(50px, 10vw, 100px) 0 clamp(60px, 12vw, 120px);}
		.voucher_target .w_custom:before{width:24vw;}
		.voucher_target .target_table table tbody tr td{padding:12px 10px;;}
	}
	@media (max-width:860px){
		/*수출바우처 사업이란?*/
		.sub_voucher_intro .voucher_box dl{width:100%;}
		
		/*제작 절차*/
		.sub_voucher .make_process{margin-top:80px;padding-bottom:70px;}
		
		/*신청 방법 안내*/
		.sub_application ol{flex-direction: column;align-items: center;gap:60px;}
		.sub_application ol li{width:50%;box-shadow:0px 5px 24px 0 rgba(126, 150, 192, 0.4);border-radius:10px;padding:0 0 30px;}	
		.sub_application ol li + li .thumb:before{top:-38px;left:50%;transform:translate(-50%) rotate(135deg);}
		.sub_application ol li .thumb{box-shadow:none;}
		.sub_application ol li .thumb dd{aspect-ratio:auto;padding:30px 0 0 0;}
		
		/*지원대상*/
		.voucher_target .target_container > p{display:block;font-size: var(--title-16);color: var(--black-color05);font-weight: 400;margin-bottom:15px;}
		.voucher_target .target_table{overflow-x:auto;}
		.voucher_target .target_table table{width:125vw;}
	}
	@media (max-width:640px){
		/*수출바우처 사업이란?*/
		.sub_voucher_intro .voucher_box{gap:30px;}
		.sub_voucher_intro .voucher_box dl dd{padding:25px 20px;}
		
		/*신청 방법 안내*/
		.sub_application ol li{width:65%;;}
		
		/*사업유형*/
		.voucher_type:before{display: none;}
		.voucher_type .type_list li{min-height:initial;flex-direction: column;gap:10px;}
		.voucher_type .type_list li:before{width:30px;background-size:auto 9px;}
		.voucher_type .type_list li span{width:100%;padding:0;text-align: center;}
		
		/*지원대상*/
		.voucher_target:before{height:25%;}
	}
	@media (max-width:479px){
		/*수출바우처 사업이란?*/
		.sub_voucher_intro .voucher_box{gap:20px;}
		.sub_voucher_intro .voucher_box dl dt{border-radius:5px 5px 0 0;font-size:100%;}
		.sub_voucher_intro .voucher_box dl dd{border-radius:0 0 5px 5px;}
		.sub_voucher_intro .voucher_box dl dd ul li .icon{width:calc(100% - 20px);}
		.sub_voucher_intro .voucher_box dl dd ul li .icon img{max-width:45%;}
		.sub_voucher_intro .voucher_box dl dd ul li p{font-size:var(--title-16);margin-top:10px;line-height:1.3;}
		
		/*제작 절차*/
		.sub_voucher .make_process{margin-top:60px;padding-bottom:40px;}
		
		/*신청 방법 안내*/
		.sub_application ol{margin-top:25px;gap:40px;}
		.sub_application ol li{width:100%;}
		.sub_application ol li{box-shadow:0px 5px 12px 0 rgba(126, 150, 192, 0.4);padding:0 0 20px;}
		.sub_application ol li + li .thumb:before{top:-27px;}
		.sub_application ol li .thumb dt{height:40px;border-radius:5px 5px 0 0;}
		.sub_application ol li .thumb dd{padding:20px 0 0;}
		.sub_application ol li p{margin-top:18px;}
		
		/*사업유형*/
		.voucher_type .type_list{gap:15px 15px;}
		.voucher_type .type_list li{width:calc(50% - 7.5px);box-shadow:0 5px 7px 0 rgba(158,171,196,0.4);padding:16px 10px;}
		.voucher_type .type_list li span em{font-size:var(--title-16);}
		
		/*지원대상*/
		.voucher_target .w_custom:before{display: none;}
		.voucher_target .target_container{margin-top:20px;}
		.voucher_target .target_table table{width:600px;}
		.voucher_target .target_table table thead tr th{padding:10px 5px;}
		.voucher_target .target_table table tbody tr td{padding:12px 10px;}
		.voucher_target .target_table table tbody tr td .bullet_list li:before{width:3px;}
	}
	@media (max-width:320px){
		/*수출바우처 사업이란?*/
		.sub_voucher_intro .voucher_box dl dd{padding:18px 12px;}
	}
	
/*───────────────────────────────────────────────────────────

	제작서비스 - 혁신바우처
	
───────────────────────────────────────────────────────────*/
	/*visual*/
		.sub_innovation .sub_prd_visual{background:url('../images/sub/innovation_visual_bg.jpg')no-repeat center;}
		.left_quick.innov_quick ul li{width:165px;}
		.left_quick.innov_quick ul li.on{width:190px;}
		
		@media (pointer: fine) and (hover: hover) {
			.left_quick.innov_quick ul li:hover{width:190px;}
		}
		
	/*intro*/
		.sub_innov_intro{padding-top:100px;}
		.sub_innov_intro .main_title p{line-height:1.81;}
		.sub_innov_intro .intro_box{margin-top:60px;box-sizing:border-box;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);display: flex;flex-wrap:wrap;overflow:hidden;border-radius:var(--radius-10);border:1px solid var(--border-color01);}
		.sub_innov_intro .intro_box > div{width:25%;box-sizing:border-box;text-align: center;padding:50px 30px 36px;}
		.sub_innov_intro .intro_box > div + div{border-left:1px solid var(--border-color01);}
		.sub_innov_intro .intro_box .icon{display: flex;justify-content: center;height:66px;align-items: flex-start;}
		.sub_innov_intro .intro_box .icon img{max-height:100%;}
		.sub_innov_intro .intro_box dl{margin-top:22px;font-size:var(--title-20);}
		.sub_innov_intro .intro_box dl dt{font-size:100%;color:var(--black-color03);font-weight:500;}
		.sub_innov_intro .intro_box dl dd{font-size:90%;color:var(--black-color06);font-weight:400;line-height:1.66;margin-top:16px;}
		
		.sub_innov_intro .intro_table{box-sizing:border-box;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);overflow:hidden;border:1px solid var(--border-color01);border-radius:var(--radius-10);margin-top:40px;font-size:var(--title-20);}
		.sub_innov_intro .intro_table table{border-collapse:collapse;}
		.sub_innov_intro .intro_table thead tr th{box-sizing:border-box;text-align: center;vertical-align: middle;font-size:100%;color:var(--black-color03);font-weight:500;background:var(--gray-bg01);border-bottom:1px solid var(--border-color01);padding:20px 0;}
		.sub_innov_intro .intro_table thead tr th + th{border-left:1px solid var(--border-color01);}		
		.sub_innov_intro .intro_table tbody tr th, .sub_innov_intro .intro_table tbody tr td{box-sizing:border-box;vertical-align: middle;text-align: center;border-bottom:1px solid var(--border-color01);font-size:85%;font-family:var(--font-type05);padding:17px 0;}
		.sub_innov_intro .intro_table tbody tr th{color:var(--black-color03);font-weight:400;}
		.sub_innov_intro .intro_table tbody tr td{color:var(--black-color07);font-weight:400;border-left:1px solid var(--border-color01);}
		.sub_innov_intro .intro_table tfoot tr td{text-align: center;font-size:80%;font-weight:400;padding:19px 0;}
		.sub_innov_intro .intro_table tfoot tr td strong{color:var(--black-color03);font-weight:inherit;}
		.sub_innov_intro .intro_table tfoot tr td p{color:var(--black-color08);margin-top:4px;font-weight:inherit;}
		
		@media (max-width:1023px){
			.sub_innov_intro{padding-top:clamp(50px, 10vw, 100px);}
			.sub_innov_intro .intro_box{margin-top:clamp(30px, 6vw, 60px);}
			.sub_innov_intro .intro_box > div{width:50%;}
			.sub_innov_intro .intro_box > div:nth-child(-n+2){border-bottom:1px solid var(--border-color01);}
			.sub_innov_intro .intro_box > div:mth-of-type(2n+1){border-left:none;}
		}
		@media (max-width:479px){
			.sub_innov_intro .intro_box > div{width:100%;padding:30px 15px 20px;}
			.sub_innov_intro .intro_box > div:nth-child(-n+3){border-bottom:1px solid var(--border-color01);}
			.sub_innov_intro .intro_box .icon{height:48px;}
			.sub_innov_intro .intro_box dl{margin-top:15px;}
			.sub_innov_intro .intro_box dl dd{margin-top:8px;}
			
			.sub_innov_intro .intro_table thead tr th{font-size:90%;padding:12px 5px;}
			.sub_innov_intro .intro_table tbody tr th, .sub_innov_intro .intro_table tbody tr td{padding:12px 5px;}
		}
		
	/*program*/
		.innov_program{z-index:3;}
		.innov_program .target_table{z-index:3;}
		.innov_program .program_title{background:var(--black-color03);text-align: center;padding:20px 0;font-size:var(--title-20);border-radius: var(--radius-10) var(--radius-10) 0 0;border: 1px solid var(--border-color01);border-bottom: 0;}
		.innov_program .program_title + .target_table{border-top:0;border-radius: 0 0 var(--radius-10) var(--radius-10);}
		.innov_program .program_title strong{font-size:100%;color:var(--point-white);font-weight:600;}
		.innov_program.voucher_target:before{display: none;}
		.innov_program:after{width: 495px;aspect-ratio:auto 1;content: "";box-sizing: border-box;border-radius: 100%;background:var(--point-color02);position: absolute;left: -69px;bottom: -110px;}
		.innov_program.voucher_target .target_table table tbody tr th{font-size:100%;}
		.innov_program.voucher_target .target_table table tbody tr td{text-align: center;}
		.innov_program.voucher_target .target_table table tbody tr td ul li{text-align:left;}
		.innov_program .target_container > .program_ft_txt{text-align: right;margin-top:20px;font-size:var(--title-18);color:var(--black-color08);font-weight:400;display: block;}
		
		@media (max-width:1400px){
			.innov_program:after{width:32vw;bottom:-3%;}
		}
		@media (max-width:1023px){
			.innov_program:after{bottom:2%;}
		}
		
	/*business*/
		.innov_business{background:var(--point-color07);padding:120px 0;}
		.innov_business .list{display: flex;flex-wrap:wrap;gap:40px 40px;margin-top:45px;}
		.innov_business .list > li{width:calc(50% - 20px);box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-10);border:1px solid;box-shadow:0px 0px 54px rgba(0, 0, 0, 0.18);overflow:hidden;font-size:var(--title-20);}
		.innov_business .list > li:nth-child(1){border-color:var(--point-color15);}
		.innov_business .list > li:nth-child(2){border-color:var(--point-color02);}
		.innov_business .list > li:nth-child(3){border-color:var(--black-color00);}
		.innov_business .list > li:nth-child(4){border-color:var(--point-color22);}
		.innov_business .list > li dl{}
		.innov_business .list > li dl dt{display: flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:160%;color:var(--point-white);font-weight:500;height:80px;}
		.innov_business .list > li:nth-child(1) dl dt{background: var(--point-color15);}
		.innov_business .list > li:nth-child(2) dl dt{background: var(--point-color02);}
		.innov_business .list > li:nth-child(3) dl dt{background: var(--black-color00);}
		.innov_business .list > li:nth-child(4) dl dt{background: var(--point-color22);}
		.innov_business .list > li dd{box-sizing:border-box;padding:30px 30px;}
		.innov_business .list > li dd .business_list{display: flex;align-items:flex-start;justify-content: center;gap:60px;text-align: center;}
		.innov_business .list > li:nth-of-type(2n) dd .business_list{gap:90px;}
		.innov_business .list > li dd .business_list li{width:80px;}
		.innov_business .list > li dd .business_list .icon{width:80px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--border-color03);display: flex;align-items: center;justify-content: center;margin:0 auto;}
		.innov_business .list > li dd .business_list p{font-size:100%;color:var(--black-color00);font-weight:400;line-height:1.4;margin-top:15px;width:calc(100% + 40px);margin-left:-20px;}
		.innov_business .main_more_box{margin-top:60px;font-size:var(--title-20);}
		.innov_business .main_more_box a{height:80px;background:var(--point-color02);border-color:var(--point-color02);color:var(--point-white);line-height:76px;font-size:120%;font-weight:500;}
		
		@media (max-width:1500px){
			.innov_business .list > li dd .business_list{gap:0;}
			.innov_business .list > li:nth-of-type(2n) dd .business_list{gap:20px;}
			.innov_business .list > li dd .business_list li{width:25%;}
		}
		@media (max-width:1300px){
			.innov_business .list > li dd .business_list p{width:100%;margin-left:0;font-size:80%;}
		}
		@media (max-width:1023px){
			.innov_business{padding:clamp(60px, 12vw, 120px) 0;}
			.innov_business .list{gap:30px;margin-top:clamp(20px, 4.5vw, 45px);}
			.innov_business .list > li{width:100%;}
			.innov_business .list > li dd .business_list p{font-size:100%;}
			.innov_business .main_more_box{margin-top:clamp(25px, 6vw, 60px);}
			.innov_business .main_more_box a{height:clamp(50px, 7vw, 70px);}
		}
		@media (max-width:640px){
			.innov_business .list > li dl dt{height:auto;font-size:140%;padding:15px 10px;}
			.innov_business .list > li dd{padding:20px 15px;}
			.innov_business .list > li dd .business_list{flex-wrap:wrap;gap:20px 0;}
			.innov_business .list > li:nth-of-type(2n) dd .business_list{gap:20px 0;}
			.innov_business .list > li dd .business_list li{width:50%;}
			.innov_business .list > li:nth-of-type(2n) dd .business_list li{width:calc(100% / 3);}
			.innov_business .list > li dd .business_list .icon{width:66px;}
			.innov_business .list > li dd .business_list .icon img{max-width:50%;}
			.innov_business .list > li dd .business_list p{margin-top:8px;}
		}
		@media (max-width:479px){
			.innov_business .list > li dd .business_list .icon{width:56px;}
			.innov_business .list > li dd .business_list p{font-size:80%;}
		}