@charset "utf-8";

/* reset */
* {margin:0; padding:0; border: 0; box-sizing: border-box; -webkit-text-size-adjust:none;}
body {background:var(--point-white); color:var(--black-color01); font-style:normal; font-size:max(13px, var(--title-15)); font-family:var(--font-type01); line-height: 1.4; letter-spacing:-0.03em; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;}
img {max-width: 100%; max-height: 100%;vertical-align: top;margin-inline:auto;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit;}
button {background-color:transparent;cursor:pointer}
a {color:inherit;text-decoration:none}
a:active, a:hover {text-decoration:none;}
:is(textarea, select, button):focus{outline: none;}
select{cursor: pointer;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
em{font-style:normal;}
table{width:100%;border-collapse:unset;table-layout:fixed; border-spacing: 0;}
table caption{display: none;}
form legend{display: none;}
input:focus{outline:none;}
legend{display: none;}
/* custom */
:root{
    --trans-color:transparent;
    --point-white:#fff;
	--point-bg01:#fbf5f4;
	--point-bg02:#ebf1f7;
    --point-yellow:#f5ea37;
	--point-color01:#0D2C9C;
	--point-color02:#2846b2;
	--point-color03:#95141a;
	--point-color04:#f3f7fb; 
	--point-color05:#cf2020;
	--point-color06:#e70012;
	--point-color07:#f1f4f8;
	--point-color08:#497ddb;
	--point-color09:#0e48b1;
	--point-color10:#343eb7;
	--point-color11:#2461cf;
	--point-color12:#1b285d;
	--point-color13:#3b69bd;
	--point-color14:#ba3422;
	--point-color15:#1a285d;
	--point-color16:#ecf0f6;
	--point-color17:#2d4ab4;
	--point-color18:#1e519f; 
	--point-color19:#02a34c;
	--point-color20:#f25c2b;
	--point-color21:#D7141A;
	--point-color22:#009CDF;
	--point-color23:#F2F6FA;
	--point-color24:#215AC0;
	--point-color25:#2154B1;
	--point-color26:#092179; 
	--point-color27:#ffd8d8;
	--point-color28:#111DCC;
	--main-point01:#0D2C9C;
	--main-point02:#0C2356;
	--main-point03:#EFF1F5;
	--main-point04:#00B0F0;
    --main-point05:#E20918;
	--main-point06:#000202;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
	--border-color04:#D9D9D9;
	--border-color05:#cdcfd2;
	--border-color06:#bbb;
    --black-color00:#000;
    --black-color01:#111;
    --black-color02:#222;
    --black-color03:#333;
    --black-color04:#444;
    --black-color05:#555;
    --black-color06:#666;
    --black-color07:#777;
    --black-color08:#888;
    --black-color09:#999;
    --black-color10:#aaa;
	--black-color11:#21242d;
	--black-color12:#4d5057; 
	--black-color13:#b1b1b1;
	--black-color14:#606060;
	--black-color15:#172447;
	--black-color16:#050001;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F9FB;
	--gray-bg03:#F4F6F8;
	--gray-bg04:#F8F8F8;
	--gray-bg05:#F5F9FB;
	--gray-bg06:#E2E2E2;
    --polygon-path01:polygon(calc(50% - 1px) 0, calc(50% - 1px) calc(50% - 1px), 0 calc(50% - 1px), 0 calc(50% + 1px), calc(50% - 1px) calc(50% + 1px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 1px) calc(50% + 1px), 100% calc(50% + 1px), 100% calc(50% - 1px), calc(50% + 1px) calc(50% - 1px), calc(50% + 1px) 0);	
	--font-type01:'Inter', 'pretendard', '맑은 고딕', dotum, sans-serif;
	--font-type02:'pretendard', '맑은 고딕', dotum, serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
	--clip-poly01: polygon(50% 100%, 0 0, 100% 0);
    --clip-poly02: polygon(100% 0, 0 100%, 100% 100%);
	--clip-poly03:polygon(calc(50% - 1px) 0, calc(50% - 1px) calc(50% - 1px), 0 calc(50% - 1px), 0 calc(50% + 1px), calc(50% - 1px) calc(50% + 1px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 1px) calc(50% + 1px), 100% calc(50% + 1px), 100% calc(50% - 1px), calc(50% + 1px) calc(50% - 1px), calc(50% + 1px) 0);
    --radius-40:40px;
    --radius-30:30px;
    --radius-20:20px;
    --radius-16:16px;
    --radius-15:15px;
    --radius-14:14px;
    --radius-10:10px;
    --radius-08:8px;
	--radius-06:6px;
    --radius-04:4px;
	--title-70:70px;
    --title-20:20px;
    --title-19:19px;
    --title-18:18px;
    --title-17:17px;
    --title-16:16px;
    --title-15:15px;
    --title-14:14px;
}

@media screen and (max-width:1280px){
	:root{
		--title-70:5.45vw;
	}
}
@media (max-width:1023px){
    :root{
		--title-70:56px;
        --title-20:19px;
        --title-19:18px;
        --title-18:17px;
        --title-17:16px;
        --title-16:15px;
        --title-15:14px;
        --title-14:13px;
    }
}
@media (max-width:860px){
    :root{
	    --radius-40:30px;
        --radius-30:20px;
        --radius-20:15px;
        --radius-16:12px;
        --radius-15:11px;
        --radius-14:10px;
        --radius-10:7px;
		--title-70:48px;
        --title-20:18px;
        --title-19:17px;
        --title-18:16px;
        --title-17:15px;
        --title-16:14px;
        --title-15:13px;
        --title-14:12px;
    }
}
@media (max-width:640px){
    :root{
        --shadow-01:0 2px 2px rgba(0, 0, 0, 0.125);
        --shadow-02:2px 4px 10px 0 rgba(32, 116, 32, 0.15);
        --shadow-03:0 0 10px rgba(0, 0, 0, 0.15);
        --radius-40:20px;
        --radius-30:15px;
        --radius-20:10px;
        --radius-16:8px;
        --radius-15:7.5px;
        --radius-14:7px;
        --radius-10:5px;
		--radius-08:4px;
		--radius-06:3px;
		--radius-04:2px;
		--title-70:42px;
        --title-20:17px;
        --title-19:16px;
        --title-18:15px;
        --title-17:14px;
        --title-16:13px;
        --title-15:12px;
    }
}
@media (max-width:479px){
    :root{
		--title-70:38px;
        --title-20:16px;
        --title-19:15px;
        --title-18:14px;
        --title-17:13px;
    }
}
@media screen and (max-width:359px){
	:root{
		--title-70:36px;
	}
}

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

    공통요소

───────────────────────────────────────────────────────────*/
	#wrap{position: relative; overflow: clip; }
    .main_w_custom, .w_custom{position: relative; width: calc(100% - 60px); max-width:1280px; margin-inline: auto;box-sizing:border-box;}
	.main_w_custom{max-width:1500px;}
	#wrap [class*="swiper-button"]:after{display: none;}
	#container {padding-bottom:140px;}
	#container:has(.pbn){padding-bottom:0;}
	#layerDim{width:100%;height:100%;position: fixed;top:0;left:0;z-index:60;background:rgba(0,0,0,0.5);}
	
	.skip_nav_link {position: absolute;top: -9999px;left: 0;z-index: 9999;padding: 10px 16px;background-color: var(--black-color03);color: var(--point-white);text-decoration: none;line-height: 1.2;}
	.skip_nav_link:focus, .skip_nav_link:focus-visible {top: 0;outline: none;border: 2px solid var(--point-color01);}
	.sr-only{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
	
	.dn{display: none;}
	.for_m{display: none;}
	
	/* .quick_ai{position: absolute;bottom:100px;right:20px;} */
	
	@media screen and (max-width:1400px) {
       #container{padding-bottom: clamp(70px, 10vw, 140px);}
	   .for_pc{display: none;}
	}
    @media screen and (max-width:640px) {
		.main_w_custom, .w_custom{width: calc(100% - 30px);}
		.for_m{display:inline;}
	}
    @media screen and (max-width:320px) {
        .main_w_custom, .w_custom{width: calc(100% - 20px);}
	}
	
/*───────────────────────────────────────────────────────────

    HEADER

───────────────────────────────────────────────────────────*/
	#header{position:sticky;top:0;left:0;width:100%;background:var(--point-white);z-index:50;transition:all 0.3s;box-sizing:border-box;border-bottom:1px solid var(--border-color01);}
		#header.down{transform:translateY(-100%);}
		#header.up{transform:translateY(0);}
		#header .hd_top{box-sizing:border-box;padding:10px 0;border-bottom:1px solid var(--border-color03);}
		#header .hd_top .w_custom{display: flex;align-items: center;justify-content: space-between;}
			#header .hd_notice .swiper-container {width:100%;height:20px;overflow:hidden;max-width:650px;}
		#header .hd_notice .swiper-wrapper{flex-direction: column;}
		#header .hd_notice ul li{font-size:var(--title-17);color:var(--black-color05);font-weight:500;letter-spacing:-0.03em;display: flex;align-items: center;gap:14px;}
        #header .hd_notice ul li .award_icon{height:20px;}
			#header .hd_notice ul li p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;}
			#header .hd_notice ul li span{font-size:inherit;color:inherit;font-weight:inherit;}
			#header .hd_notice ul li span:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;margin:0 10px 0 6px;}
			#header .hd_notice ul li strong{font-size:inherit;color:var(--black-color03);font-weight:500;}
		#header .hd_gnb_box{display: flex;align-items: center;gap:26px;}
			#header .hd_gnb_box .hd_gnb{display: flex;align-items: center;gap:26px;}
			#header .hd_gnb_box .hd_gnb li a{color:var(--black-color05);font-size:var(--title-17);font-weight: 400;}
		#header .header_cont{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;font-size:var(--title-20);}
		#header .logo_box{display: flex;align-items: center;gap:24px;}
			#header .logo_box .hd_logo a{display: block;width:100%;height:24px;}
					#header .contact_us{width: 130px;height:96px;display: flex;align-items: center;justify-content: center;text-align: center;background:var(--main-point01);font-size:var(--title-20);color:var(--point-white);font-weight:700;position: relative;transition: all 0.3s;}	
			#header .contact_us:after{width: 0;height: 0;content: "";background: url('../images/skin/hd-contact.png')no-repeat center / auto 100%;position: absolute;right:15px;top:50%;translate:0 -50%;transition: all 0.5s;}
			#header .contact_us span{font-size:inherit;color:inherit;font-weight:inherit;}
		#header .hd_right{display: flex;align-items: center;gap:15px;}
		#header .hd_right #gnb{margin-right:15px;}
		#header .hd_lnb{display: flex;align-items: center;gap:45px;}
			#header .hd_lnb > li{position: relative;font-size:var(--title-20);}
			#header .hd_lnb > li > a{font-size:100%;font-weight: 500;position: relative;color:var(--black-color00);line-height:96px;letter-spacing:0;display: block;position: relative;transition:all 0.3s;}
            #header.down .hd_lnb > li > a{line-height:90px;}
			#header .header_cont .hd_lnb > li > a:before{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:0;transition:all 0.5s;}
			#header .header_cont .hd_lnb > li:nth-child(1):before{content: "";animation-duration: 2s;animation-name: point;animation-iteration-count: infinite;display: block;position: absolute;top:30px;right:-10px;width: 6px;aspect-ratio:auto 1;border-radius: 50%;background:var(--point-color01);}
		@keyframes point { 
			0% { opacity: 1; } 
			50% { opacity: 0; } 
			100% { opacity: 1; } 
		}
		#header .header_cont .hd_lnb > li.on > a, #header .header_cont .hd_lnb > li.active > a{color:var(--point-color01);}
		#header .header_cont .hd_lnb > li.on > a:before, #header .header_cont .hd_lnb > li.active > a:before{width:100%;}
		#header .header_cont .hd_lnb .dep02{display: none;}
		#header .hd_right .link_tel{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;gap:6px;padding:8px 0;width:160px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;font-family:var(--font-type04);border:1px solid rgba(204, 204, 204, 0.5);border-radius:100px;}
		#header .hd_right .link_tel:before{width:14px;aspect-ratio:auto 1;content:"";background:url('../images/skin/icon_tel.svg')no-repeat center / auto 100%;display: inline-block;}
		#header .hd_right .link_tel span{font-size:85%;font-weight:500;}
		#header .menu-trigger{display: none;}
		
		/*전체 메뉴*/
		.hd_all_cate{border-top: 1px solid var(--border-color01);box-shadow: 2px 6px 11px -5px rgba(0, 0, 0, 0.2);background:var(--point-white);padding: 45px 0 190px;box-sizing:border-box;position: absolute;top:100%;left:0;width:100%;display: none;}
		.hd_all_cate.on{display: block;}
		.hd_all_cate .cate_box{display: flex;justify-content: space-between;align-items: flex-start;box-sizing:border-box;/* padding:0 60px; */}
		.hd_all_cate .gif_box{display: inline-block;box-sizing:border-box;vertical-align: top;float: left;width:210px;}
		.hd_all_cate .gif_box a{display: block;width:100%;height:100%;}
		.hd_all_cate .time_box{display: flex;align-items: center;margin-top:15px;}
		.hd_all_cate .time_box .clock{margin-left:15px;}
		.hd_all_cate .time_box .clock p{font-size:var(--title-18);color:var(--black-color03);font-weight:500;}
		.hd_all_cate .time_box .clock #time{font-size:var(--title-14);color:var(--point-color01);font-weight:700;}
		.hd_all_cate .time_box .clock #time em{color:var(--black-color03);font-weight:400;}
		
		#header .hd_all_cate .all_cate_ul{padding-right:334px;margin-top:-10px;}
		#header .hd_all_cate .all_cate_ul > ul{align-items: flex-start;}
		#header .hd_all_cate .all_cate_ul > ul > li:nth-child(1):before{display: none;}
		#header .hd_all_cate .all_cate_ul > ul > li > a{height:0;opacity:0;overflow:hidden;}
		#header .hd_all_cate .all_cate_ul .dep02{position: absolute;left:0;top:0;width:max-content;}
		#header .hd_all_cate .all_cate_ul .dep02 li a{font-size:var(--title-15);line-height:38px;height: auto;padding: 0;color:var(--black-color14);font-weight: 400;word-break:break-all;}
		
			/*on*/
			#header.on .contact_us{height:72px;}
			#header.on .hd_lnb > li > a{line-height:72px;}
			
		
		@media (pointer: fine) and (hover: hover) {
			#header .hd_lnb > li:hover > a{color:var(--point-color01);}
			#header .hd_lnb > li:hover > a:before{width:100%;}
			#header .hd_all_cate .all_cate_ul .dep02 li:hover a{color:var(--point-color01);}
			#header .hd_right .link_tel:hover{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
			#header .hd_right .link_tel:hover:before{filter:var(--filter-white);}
		}
		
		@media (min-width:1400px) {
			#header .contact_us:hover{padding-right:20px;}
			#header .contact_us:hover:after{width:10px;height:10px;}
		}
		
		@media (max-width:1600px) {
			/* #header .hd_lnb{gap:55px;} */
		}
		@media (max-width:1400px) {
			#header #gnb{display: none;}
			#header .header_cont{padding-block:clamp(12px, 2.5vw, 25px);}
			#header .logo_box{gap:15px;}
			#header .logo_box .hd_logo a{height:24px;}
			#header .contact_us{width:30px;aspect-ratio:auto 1;height:auto;background:url('../images/skin/icon_quote.png')no-repeat center;background-size:auto 100%;}
			#header .contact_us span,
			#header .contact_us:after{display: none;}
			#header .hd_lnb > li > a{font-size:85%;}
			.hd_all_cate .gif_box{width:25%;}
			#header .hd_all_cate .all_cate_ul{padding-right:236px;}
            #header .hd_all_cate .all_cate_ul .dep02 li a{font-size:16px;}
			#header .menu-trigger{width:25px;height:20px;display:flex;flex-direction: column;justify-content: space-between;position: relative;}
			#header .menu-trigger span{display: inline-block;width:100%;height:2px;background:var(--black-color03);}
			
			/*on*/
			#header.on .contact_us{height:auto;}
		}
		@media (max-width:1150px) {
			#header .hd_lnb{gap:35px;}
			#header .header_cont .hd_lnb > li:nth-child(1):before{right:-7px;}
			.hd_all_cate{padding-bottom:220px;}
			.hd_all_cate .gif_box{width:23%;}
			#header .hd_all_cate .all_cate_ul .dep02 li a{font-size:14px;}
		}
		@media (max-width:1023px) {
			#header .hd_gnb_box{display: none;}
			#header .logo_box{margin-top:0;}
			#header .logo_box .hd_logo a{height:clamp(20px, 2.4vw, 24px)}
			#header .logo_box .contact_us{width:clamp(20px, 3vw, 30px);}
			#header .hd_right .link_tel{width:auto;padding:8px 12px;}
			#header #gnb{display: none;}
			
		}
		@media (max-width:767px) {
			#header .hd_notice{width:100%;}
			#header .hd_notice dl dd{box-sizing:border-box;width:calc(100% - 30px);margin:0;padding-left:10px;padding-right:10px;}
			#header .logo_box{margin-top:0;gap:10px;}
		}
		@media (max-width:640px) {
			#header .hd_notice dl dt{width:20px;}
			#header .hd_notice dl dd{width:calc(100% - 20px);}
			/* #header .hd_top, #header .header_cont, .hd_all_cate .cate_box{padding-inline:15px;} */
		}
		@media (max-width:479px) {
            #header .hd_notice ul li{gap:6px;}
            #header .hd_notice ul li .award_icon{height:16px;}
			#header .hd_notice ul li span:before{height:10px;margin:0 6px;}
			#header .hd_right{gap:10px;}
			#header .hd_right .link_tel{border:none;padding:0;}
			#header .hd_right .link_tel span{display: none;}
			
			#header .header_cont{padding-block:18px;}
			#header .contact_us{width:20px;}
			#header .hd_right .link_tel:before{width:14px;}
		}

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

    ASIDE

───────────────────────────────────────────────────────────*/
	body:has(#aside.on){height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
	
	#aside {position:fixed;top:0px;left:0;width:100%;height:100%;box-sizing:border-box;background:var(--point-white);transition:0.3s ease-out;opacity: 0;pointer-events: none;z-index:49;}
	#aside .aside_box {position: relative; display: flex; align-items: center; height: 100%;}
	#aside .menu_box {position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 120px 0 60px; overflow-y: auto;}
	#aside .slidemenu {display: flex; width: 100%;flex-direction: column;}
	#aside .slidemenu > li {position: relative; width: 100%; box-sizing: border-box;display: flex; flex-direction: column;align-items: flex-start;justify-content: center; padding: 32px 30px;overflow: hidden;font-size:var(--title-20);}
	#aside .slidemenu > li + li {border-top: 1px solid var(--border-color03);}
	#aside .slidemenu > li > a{display: inline-block; font-size:180%; font-weight: 600; color: var(--black-color01); letter-spacing: -0.03em;position: relative;}
	#aside .slidemenu > li > a:after {display: none; content: ""; position: absolute; right: -16px; top: 4px; width: 7px;aspect-ratio:auto 1;background: var(--point-color01);}
	#aside .slidemenu > li .dep02 {display: flex; flex-wrap: wrap; gap: 12px 30px; margin-top: 24px;}
	#aside .slidemenu > li .dep02 > li + li {margin-top:0;}
	#aside .slidemenu > li .dep02 > li > a {display: block; font-size: var(--title-18); color: var(--black-color06);}
	#aside .aside_gnb{display: none;}
		
		/* header */
			#header.asd{box-shadow:none;}
			#header.asd .menu-trigger span {position: absolute; left: 50%; top: 50%; width:100%;}
			#header.asd .menu-trigger span:nth-child(1) {transform: translate(-50%,-50%) rotate(45deg); transform-origin: center;}
			#header.asd .menu-trigger span:nth-child(2) {transform: translate(-50%,-50%) rotate(-45deg); transform-origin: center;}
			#header.asd .menu-trigger span:nth-child(3){display: none;}
			
		/* on */
			#aside.on {opacity: 1; pointer-events: all;}
			#aside .bg_box li:after {content: ""; position: absolute; right: 0; top: 0px; width: 100%; height: 100%; background: var(--point-color04); -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;}
			#aside.on .bg_box li:after {width: 0;}
			#aside .slidemenu > li * {opacity: 0; transform: translateX(-50%); transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;}
			#aside.on .slidemenu > li * {opacity: 1; transform: translateX(0); transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);}
			
		/* over */
			@media (pointer: fine) and (hover: hover) {
				#aside .slidemenu > li:hover > a:after{display: block;}
				#aside .slidemenu > li .dep02 > li > a:hover {color: var(--point-color01);}
			}
	@media (max-width:1400px) {
		#aside .menu_box {padding:0 0 60px;}
	}
	@media (max-width:1240px) {
		/* on */
			#aside .aside_box:before {opacity: 0; content: ""; position: absolute; right: 0; top: 0px; width: 110%; height: 100%; background: var(--point-color04); -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; z-index: 1;}
			#aside.on .aside_box:before {opacity: 1; width: 0;}
	}
	@media (max-width:1023px) {
		
		#aside .slidemenu > li{padding:clamp(20px, 3.2vw, 32px) clamp(15px, 3vw, 30px);}
		
		#aside .aside_gnb{display: flex;align-items: center;justify-content: center;gap:20px;margin-top:20px;}
		#aside .aside_gnb li a{font-size:var(--title-20);color:var(--black-color08);font-weight:400;}
	}
	@media (max-width:640px) {
		#aside .slidemenu > li > a{font-size:150%;}
		#aside .slidemenu > li .dep02{margin-top:15px;gap:10px 20px;}
	}
	@media (max-width:479px) {
		#aside .slidemenu > li .dep02{margin-top:10px;gap:6px 15px;}
	}
	
/*───────────────────────────────────────────────────────────

    FOOTER

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color00);padding:60px 0 14px;}
	#footer .cs_info_box{display: flex;flex-wrap:wrap;justify-content: space-between;font-size:var(--title-20);}
	#footer .logo_box{font-size:var(--title-20);width:460px;}
    #footer .logo_box h3{font-size:160%;color:var(--point-white);font-weight:600;line-height:1.4;letter-spacing:-0.03em;}
    #footer .logo_box .link_box{display: flex;gap:20px;margin-top:25px;}
	#footer .hd_pdf_down{display: flex;align-items: center;justify-content: center;width:200px;height:50px;box-sizing:border-box;background:var(--main-point01);font-size:85%;color:var(--point-white);font-weight:600;position: relative;gap:10px;}
	#footer .hd_pdf_down:after{width:18px;aspect-ratio:auto 1;content:"";background:url('../images/skin/icon_down.png')no-repeat center;display: inline-block;background-size:auto 100%;}
	#footer .ft_family{position: relative;display: inline-block;width:200px;}
        #footer .ft_family button{border: 1px solid rgba(255, 255, 255, 0.30);width:100%;height:60px;display: flex;align-items: center;justify-content:space-between;font-size:100%;color:var(--point-white);font-weight:400;box-sizing: border-box;position: relative;cursor:pointer;padding:0 26px;}	
        #footer .ft_family button:after{width:8px;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(135deg);translate:0 -3px;}	
        #footer .ft_family.on button:after{transform:rotate(-45deg);translate:0 4px;}	
        #footer .ft_family ul{background:var(--point-white);box-sizing:border-box;padding:10px 10px;position: absolute;top:100%;left:0;width:100%;z-index:10;opacity:0;pointer-events:none;transition:all 0.3s;}	
        #footer .ft_family.on ul{opacity:1;pointer-events:initial;}
        #footer .ft_family ul li a{font-size:80%;color:var(--black-color03);font-weight:400;line-height:1.6;display: block;width:100%;}
	#footer .cs_box{display: flex;flex-wrap:wrap;gap:80px;font-size:var(--title-20);}
        #footer .cs_box h4{font-size:90%;color:var(--point-white);font-weight: 600;line-height:1.3;margin-bottom:12px;}
        #footer .cs_box .cs_cont p{font-size:75%;color:var(--point-white);font-weight:500;line-height:1.7;}
        #footer .cs_box .bank_info{display: flex;align-items: center;gap:10px;}
        #footer .cs_box .bank_info span{font-weight: 400;}
        #footer .cs_box .cs_bank a{display: inline-flex;width:170px;height:46px;box-sizing:border-box;align-items: center;justify-content: space-between;padding:0 15px;border: 1px solid rgba(255, 255, 255, 0.30);font-size:var(--title-16);color:var(--point-white);font-weight:400;margin-top:20px;}
        #footer .cs_box .cs_bank a:after{width:6px;content:"";aspect-ratio:auto 1;border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);}
	#footer .ft_bot{box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.3);display: flex;flex-wrap:wrap;justify-content: space-between;padding:30px 0 30px;margin-top:40px;}
    #footer .ft_bot .ft_menu{display: flex;flex-wrap:wrap;align-items: center;gap:10px 20px;}
    #footer .ft_bot .ft_menu li a{font-size:var(--title-15);color:var(--point-white);font-weight:300;line-height:1.6;}
    #footer .ft_bot .ft_menu li a strong{font-weight: 500;}
        #footer .ft_bot .info{margin-top:20px;display: flex;flex-direction: column;gap:4px;}
        #footer .ft_bot .info li{display: flex;align-items: center;gap:28px;}
        #footer .ft_bot .info li dl{display: flex;align-items: center;gap:14px;position: relative;}
        #footer .ft_bot .info li dl + dl:before{width:4px;aspect-ratio:auto 1;content:"";border-radius:100%;background: rgba(255, 255, 255, 0.20);position: absolute;left:-14px;top:50%;translate:0 -50%;}
        #footer .ft_bot .info li dl dt, #footer .ft_bot .info li dl dd{font-size:var(--title-15);color:var(--point-white);font-weight:300;letter-spacing:-0.03em;line-height:1.6;}
        #footer .ft_bot .info li dl dt{font-weight: 500;}
        #footer .ft_bot .info li dl dd{opacity:0.6;}
        #footer .ft_copy{padding:20px 0;display: flex;flex-direction: column;align-items:flex-start;justify-content: space-between;gap:clamp(10px, 2vw, 20px);}
        #footer .copy{font-size:var(--title-15);color:var(--point-white);font-weight:300;opacity:0.8;line-height:1.3;letter-spacing:-0.03em}
        #footer .ft_venture{display: flex;flex-wrap:wrap;gap:10px 20px;}
        #footer .ft_venture li a{display: block;}
		#footer .ft_venture img{max-height:30px;}
	#footer .ft_bot .icon_box{width:73px;}
	
    @media (max-width:1300px) {
        #footer .cs_info_box{gap:30px;}
        #footer .cs_box{width:100%;}
    }
    @media (max-width:1023px) {
        #footer{padding:clamp(40px, 8vw, 80px) 0 10px;}
        #footer .logo_box{width:100%;}
        #footer .logo_box h3{font-size:160%;}
        #footer .logo_box .link_box{margin-top:clamp(20px, 4vw, 40px);}
        #footer .hd_pdf_down, #footer .ft_family button{height:clamp(40px, 5vw, 50px);width:clamp(150px, 20vw, 200px);}
        #footer .cs_box{gap:clamp(30px, 8vw, 80px);}
        #footer .ft_bot{padding:clamp(30px, 5vw, 50px) 0 clamp(20px, 4vw, 40px);margin-top:clamp(30px, 6vw, 60px);}
        #footer .ft_bot .info li{gap:30px;}
        #footer .ft_bot .info li dl + dl:before{left:-18px;}
        #footer .ft_bot .icon_box{width:clamp(50px, 7vw, 73px);}
    }
    @media (max-width:860px) {
        #footer .ft_bot .info_box{width:calc(100% - clamp(50px, 7vw, 73px) - 10px);}
        #footer .ft_bot .info li{flex-wrap:wrap;gap:10px 20px;}
        #footer .ft_bot .info li dl{gap:10px;}
        #footer .ft_bot .info li dl + dl:before{display: none;}
    }
    @media (max-width:640px) {
        #footer .hd_pdf_down{width:auto;padding:0 20px;}
        #footer .hd_pdf_down:after{width:16px;}
        #footer .ft_family{width:170px;}
        #footer .ft_family button{padding:0 20px;}
        #footer .ft_family button:after{width:6px;}
        #footer .cs_box{flex-direction: column;gap:30px;}
        #footer .cs_box h4{margin-bottom:10px;}
        #footer .cs_box .bank_info{margin-bottom:5px;gap:6px;}
        #footer .cs_box .cs_bank a{width:auto;height:44px;gap:30px;margin-top:10px;}
        #footer .cs_box .cs_bank a:after{width:6px;}
    }
    @media (max-width:479px) {
        #footer .logo_box .link_box{gap:10px;}
        /* #footer .hd_pdf_down, #footer .ft_family{width:100%} */
		#footer .hd_pdf_down, #footer .ft_family button{padding:0 10px;}
        #footer .hd_pdf_down{justify-content: space-between;}
		#footer .ft_venture{gap:5px 10px;}
        #footer .ft_venture img{max-height:20px;}
        #footer .ft_bot .info li dl{align-items: flex-start;}
        #footer .ft_bot .info li dl dt{flex-shrink:0;}
    }
	@media (max-width:350px) {
		#footer .hd_pdf_down, #footer .ft_family button{font-size:85%;}
		#footer .hd_pdf_down{gap:5px;}
		#footer .hd_pdf_down:after{width:11px;}
		#footer .ft_family button:after{width:5px;}
	}
	
/*───────────────────────────────────────────────────────────

    quick

───────────────────────────────────────────────────────────*/
	.quick_right{position: fixed;right:0;bottom:clamp(20px, 4vw, 40px);z-index:10;transition:all 0.3s;display: flex;align-items: center;flex-direction: column;gap:clamp(10px, 2vw, 20px);}
    .quick_right .quick_list{box-sizing:border-box;border:1px solid var(--border-color01);background:var(--point-white);width:100%;border-radius:var(--radius-10);width:90px;}
    .quick_right .quick_list li{width:100%;display: flex;flex-direction: column;gap:6px;height:76px;box-sizing:border-box;text-align: center;align-items: center;justify-content: center;}
		.quick_right .quick_list li + li{border-top:1px solid var(--border-color01);}
    .quick_right .quick_list li p{font-size:13px;color:var(--black-color03);font-weight:500;line-height:1.2;}
	.quick_ai{translate:10px;}
    .chat_txt_box{position: relative;translate:-15px;}
		.chat_txt_box:after{width:12px;height:14px;content:"";background:url('../images/skin/chat_tail.png')no-repeat center / auto 100%;position: absolute;bottom:-12px;left:34px;}
	.quick_ai .chat_txt{height:32px;position: relative;overflow:hidden;background:var(--point-white);border-radius:10px;}
		.quick_ai .chat_txt:before{width:100%;height:100%;content:"";border-radius:10px;border:2px solid transparent;background:linear-gradient(90deg, #68D9FF 0.63%, #008ACE 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top:0;left:0;box-sizing:border-box;}
	.quick_ai img{width:clamp(120px, 17vw, 170px);margin-top:-5px;margin-bottom:-20px;}
	.chat_txt .swiper-slide{width:100%;z-index:3;display: flex;align-items: center;justify-content: center;}
	.quick_ai .chat_txt span{font-size:var(--title-15);color:var(--black-color03);font-weight:700;line-height:1.33;display: inline-block;padding:0 10px;}
		
	.quick_right .btn_top{background:var(--black-color02);box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);text-indent:-9999px;width:clamp(40px, 5vw, 50px);aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;translate:8px;}
    .quick_right .btn_top:before{width:clamp(7px, 0.8vw, 9px);aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(-45deg);translate:0 3px;}
	
	@media (max-width:1023px) {
		.quick_right{right:-10px;}
        .quick_right .quick_list{display: none;}
		.quick_ai,
		.quick_right .btn_top{translate:0;}
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.visual_wrapper{position: relative;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:800px;}
		#wrap .main_visual .swiper-slide {overflow:hidden;position:relative;text-align:center;height:800px;border:none;min-height:100% !important;}
		.main_visual .swiper-slide .thumb {display: block;width:100%;height:100%;position: relative;z-index:1;}
			.main_visual .swiper-slide .thumb img{width:100%;height:100%;object-fit:cover;transition:all 6s;scale:1.2;}
		.main_visual .txt_box {translate:-50% -50%;position:absolute;left:50%;top:50%;font-size:var(--title-20);color:var(--point-white);font-weight:400;text-align: left;z-index:10;display: flex;flex-direction: column;gap:clamp(10px, 2vw, 20px);}
			.main_visual .txt_box > span{color:#39C7C0;font-weight:700;}
			.main_visual .txt_box h2, .main_visual .txt_box h1{font-size:300%;font-weight:700;display: block;line-height:1.33;letter-spacing:-0.03em;}
			.main_visual .txt_box h2 span, .main_visual .txt_box h1 span{font-size:50%;font-weight: 500;display: block;}
			.main_visual .txt_box h2 strong, .main_visual .txt_box h1 strong{background: linear-gradient(180deg, transparent 68%, var(--point-color01) 68%);font-weight:inherit;}
			.main_visual .txt_box p{font-size:80%;line-height:1.62;font-weight:400;color:inherit;letter-spacing:-0.03em;}
			.main_visual .txt_box .tag{display: flex;flex-wrap:wrap;margin-top:clamp(20px, 4vw, 40px);gap:clamp(5px, 1vw, 10px);}
			.main_visual .txt_box .tag span{display: inline-flex;align-items: center;justify-content: center;height:clamp(28px, 3vw, 32px);border-radius:40px;border:1px solid rgba(255,255,255,0.6);font-size:var(--title-15);color:var(--point-white);font-weight:400;padding-inline:clamp(8px, 1.2vw, 15px);}
			.main_visual .prj_box .img{margin-bottom:clamp(15px, 3vw, 30px);}
			.main_visual .prj_box > span{color:var(--point-white);font-size:160%;font-weight:400;line-height:1.4;}
			
			#wrap .main_visual .visual_txt{translate:-50%;text-align: center;align-items: center;top:7%;gap:6px;}
			#wrap .main_visual .visual_txt h2, #wrap .main_visual .visual_txt h1{font-weight:400;font-size:260%;}
			#wrap .main_visual .visual_txt h2 strong, #wrap .main_visual .visual_txt h1 strong{background:none;text-align: center;align-items: flex-start;font-weight:700;}
			#wrap .main_visual .visual_txt p{font-size:100%;}
			.main_visual .visual_txt .award_box{display: flex;justify-content: space-between;width:100%;margin-top: clamp(15px, 3vw, 30px);}
			.visual_txt .award_box .list{display: flex;flex-direction: column;gap:clamp(15px, 3vw, 30px);position: relative;}
			.visual_txt .award_box .list:before{width:100%;height:18%;content:"";position: absolute;bottom:4%;left:0;background:linear-gradient(to right, rgba(0,0,0,0.4) 11%, transparent 58%);z-index:4;}
			.visual_txt .award_box .list dl{display: flex;flex-direction: column;gap:clamp(5px, 1vw, 10px);font-size:var(--title-20);}
			.visual_txt .award_box .list dl dt{display: flex;align-items: flex-end;gap:clamp(5px, 1vw, 10px);font-size:110%;color:var(--point-white);font-weight:700;}
			.visual_txt .award_box .list dl span{font-size:65%;opacity:0.8;font-weight:400;}
			.visual_txt .award_box .bullet_list > li{color:var(--point-white);font-weight:600;}
			.visual_txt .award_box .bullet_list > li:before{background:var(--point-white);}
			.visual_txt .award_box .bullet_list > li p{display: flex;align-items: flex-end;gap:clamp(5px, 1vw, 10px);}
			.visual_txt .award_box .bullet_list > li p span{font-size:80%;}
			.visual_txt .award_box .prize_box{display: flex;flex-direction: column;gap:clamp(10px, 2vw, 20px);align-items: center;text-align: center;width:clamp(250px, 33vw, 420px);}
			.visual_txt .award_box .prize_box .txt{display: flex;flex-direction: column;gap:clamp(3px, 1vw, 20px);align-items: center;text-align: center;font-size:var(--title-20);}
			.visual_txt .award_box .prize_box .txt strong{font-size:200%;color:var(--point-white);font-weight:600;}
			.visual_txt .award_box .prize_box .txt span{display: none;font-size:100%;color:var(--point-white);font-weight:400;}
			.visual_txt .award_box .prize_box .prize{display: flex;flex-wrap:wrap;;justify-content: center;gap:clamp(10px, 2vw, 20px) clamp(15px, 3vw, 30px);}
			.visual_txt .award_box .prize_box .prize li{width:calc(50% - clamp(15px, 3vw, 30px) / 2);}
			
		
		/*active*/
			.main_visual .swiper-slide-active .thumb img{scale:1;}
		
		#wrap .main_visual .pagination{position: absolute;bottom:40px;left:50%;translate:-50% 0;top:auto;display: flex;align-items: center;justify-content: center;gap:20px;z-index:5;}
		#wrap .main_visual .pagination .swiper-pagination-bullet{margin:0;width:10px;height:10px;background:var(--border-color01);opacity:0.5;}
		#wrap .main_visual .pagination .swiper-pagination-bullet-active{background:var(--point-white);opacity:1;}
		
		.main_visual .swiper-slide {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
		.main_visual .txt_box, .main_visual .img, .main_visual .thumb img {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
		
		/* over */
		@media (pointer: fine) and (hover: hover) {
			.main_visual .swiper_arw.swiper_arw:hover:before{border-color:var(--point-white);}
			.main_visual .txt_box .link:hover{background:var(--point-white);color:var(--black-color00);border-color:var(--black-color00);}
		}
		
		@media (max-width:1500px) {
			#wrap .main_visual, #wrap .main_visual .swiper-slide{height:65vw;}
			.visual_txt .award_box .list:before{bottom:0;}
		}
		@media (max-width:1400px) {
			.main_visual .txt_box h2, .main_visual .txt_box h1{font-size:260%;}
		}
		@media (max-width:1023px) {
			.main_visual .prj_box .img img{max-height:clamp(30px, 4vw, 46px);}
		}
		@media (max-width:767px) {
			#wrap .main_visual, #wrap .main_visual .swiper-slide{height:105vw;}
			.main_visual .txt_box{top:0;translate:-50% 0;padding-top:40px;}
			.main_visual .txt_box h2, .main_visual .txt_box h1{font-size:220%;}
		
			#wrap .main_visual .visual_txt{height:100%;top:0;justify-content: space-between;padding-bottom:10%;}
			#wrap .main_visual .visual_txt h2, #wrap .main_visual .visual_txt h1{font-size:200%;}
			.visual_txt .award_box .prize_box .txt strong{font-size:160%;}
			.visual_txt .award_box .prize_box .txt span{font-size:80%;}
			#wrap .main_visual .visual_txt p{display: none;}
			.visual_txt .award_box .list{display: none;}
			.visual_txt .award_box .prize_box .txt span{display: block;}
			.visual_txt .award_box .prize_box{width:100%;}
			.visual_txt .award_box .prize_box .prize li{width:calc(100% / 3 - clamp(15px, 3vw, 30px) * 2 / 3);}
		}
		@media (max-width:479px) {
			#wrap .main_visual, #wrap .main_visual .swiper-slide{height:135vw;}
			.main_visual .txt_box h2, .main_visual .txt_box h1{font-size:170%;}
			.main_visual .txt_box a{display: none;}
			.main_visual .visual_txt{width:90%;}
			
			.main_visual .txt_box p br{display: none;}
				#wrap .main_visual .pagination{bottom:20px;gap:14px;}
				#wrap .main_visual .pagination .swiper-pagination-bullet{width:7px;height:7px;}
		}
		
/*260206*/
	/*공통*/
		.main_content > section{position: relative;box-sizing:border-box;}
		.mainpage_title{text-align: center;font-size:var(--title-20);display: flex;flex-direction: column;gap:20px;margin-bottom:50px;}
		.mainpage_title > span{font-size:130%;color:var(--main-point01);font-weight:500;line-height:1.3;}
		.mainpage_title h3, .mainpage_title h1{font-size:270%;color:var(--black-color00);font-weight:300;letter-spacing:-0.03em;position: relative;line-height:1.3;}
		.mainpage_title h3 strong, .mainpage_title h1 strong{font-weight:600;}
		.mainpage_title p{font-size:100%;color:var(--black-color05);font-weight:400;letter-spacing:-0.03em;}
		.mainpage_title p.flex_txt{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;}
		.mainpage_title p span{display: flex;align-items: center;}
		.mainpage_title p span + span:before{display: inline-block;width:1px;height:clamp(10px, 1vw, 14px);content:"";background:var(--border-color01);display: inline-block;margin:0 clamp(20px, 3vw, 30px);}
		.mainpage_title p strong{font-weight:600;}
		
		@media (max-width:640px) {
			.mainpage_title p.flex_txt{flex-direction: column;gap:5px;}
			.mainpage_title p span + span:before{display: none;}
		}

        .main_btn_box{text-align: center;margin-top:60px;}
        .main_btn_box a{display: inline-flex;width:180px;height:60px;box-sizing:border-box;align-items: center;justify-content: center;gap:16px;border:1px solid var(--black-color03);font-size:var(--title-20);color:var(--black-color03);font-weight:500;line-height:1.4;transition:all 0.3s;}
            .main_btn_box a .arw{width:14px;aspect-ratio:auto 1;position: relative;}
            .main_btn_box a .arw:before, .main_btn_box a .arw:after{content:"";background:var(--black-color03);position: absolute;top:50%;left:50%;translate:-50% -50%;transition:all 0.3s;}
            .main_btn_box a .arw:before{width:100%;height:2px;}
            .main_btn_box a .arw:after{width:2px;height:100%;}

        @media (pointer: fine) and (hover: hover) {
            .main_btn_box a:hover{background:var(--main-point01);border-color:var(--main-point01);color:var(--point-white);}
            .main_btn_box a:hover .arw:before, .main_btn_box a:hover .arw:after{background:var(--point-white);}
        }
        @media (max-width:1023px) {
            .mainpage_title{margin-bottom:clamp(25px, 5vw, 50px);}
            .mainpage_title h3, .mainpage_title h1{font-size:clamp(200%, 5vw, 270%);}

            .main_btn_box{margin-top:clamp(30px, 6vw, 60px);}
            .main_btn_box a{width:clamp(150px, 18vw, 180px);height:clamp(40px, 6vw, 60px);gap:clamp(10px, 1.6vw, 16px);}
            .main_btn_box a .arw{width:clamp(10px, 1.4vw, 14px);}
        }
        @media (max-width:640px) {
            .mainpage_title > span{font-size:110%;}
        }
		
	/*knowhow*/
		.main_knowhow{padding:0 0 260px;}
			/* .main_knowhow:before{content:"AWARD";font-size:320px;color:var(--gray-bg06);font-weight:700;line-height:1.4;opacity:0.5;width:100%;text-align: center;position: absolute;bottom:0;left:0;} */
            .main_knowhow .mainpage_title{margin-bottom:0;}
			.main_knowhow .mainpage_title h3{font-size:200%;line-height:1.4;}
			.main_knowhow .mainpage_title h3 strong{font-weight:700;}
		.main_knowhow .success_list{margin-top:80px;display: flex;flex-wrap:wrap;justify-content: center;gap:140px;}
		.main_knowhow .success_list > li{width:auto;display: inline-block;box-sizing:border-box;vertical-align: top;font-size:var(--title-20);}
		.main_knowhow .success_list > li > p{font-size:100%;color:var(--black-color00);font-weight:500;line-height:1.4;text-align: center;}
		.main_knowhow .success_list .cnt_box{height:84px;overflow:hidden;margin-top:10px;}
			.main_knowhow .success_list .cnt_box > ul { transform:translateY(-12px); transition: 3s; transition-delay: 0.4s;}
			.main_knowhow .success_list .cnt_box.aos-animate > ul { transform:translateY(calc(-100% + 84px)); }
			.main_knowhow .success_list .cnt_box > ul li{display: block;font-size:300%;color:var(--main-point01);font-weight:700;letter-spacing:0.03em;line-height:1.4;}
		.main_knowhow .success_list .list_cnt{display: flex;align-items:flex-start;justify-content: center;font-size:var(--title-20);}
			.main_knowhow .success_list .list_cnt > .unit{font-size:200%;color:var(--main-point01);font-weight:600;}
			.main_knowhow .success_list .list_cnt > .unit_year{font-size:150%;color:var(--main-point01);font-weight:700;align-self: flex-end;translate:0 -14px;}
		.main_knowhow .award_swiper{margin-top:120px;position: relative;}	
			
			.main_knowhow .award_swiper li{width: 460px;flex-shrink: 0;margin-right: 60px;position: relative;animation:none;transition:none;}
		.main_knowhow .thumb{position: relative;}
			.main_knowhow .thumb .img{width:100%;aspect-ratio:auto 1.35;overflow:hidden;}
		.main_knowhow .img img{width:100%;height:100%;object-fit:cover;}
		.main_knowhow .award{width:84px;height:100px;position: absolute;top:0;right:20px;background:var(--point-white);text-align: center;box-sizing:border-box;padding:12px 0 10px;}
			.main_knowhow .award p{font-size:var(--title-18);color:var(--black-color00);font-weight:700;line-height:1.4;}
		.main_knowhow .txt{position: absolute;box-sizing:border-box;padding:30px 30px;left:0;bottom:0;display: flex;flex-direction: column;gap:4px;font-size:var(--title-20);width:100%;}
		.main_knowhow .txt strong{font-size:150%;color:var(--point-white);font-weight:700;line-height:1.4;}
		.main_knowhow .txt span{font-size:90%;color:var(--point-white);font-weight:400;line-height:1.4;}
		
		
        @media (min-width:1023px) {
            .main_knowhow .award_swiper ul{display: flex;flex-wrap: nowrap;width: max-content;transition: none;}
        }
		@media (max-width:1300px) {
			.main_knowhow:before{font-size:23vw;}
			.main_knowhow .success_list{gap:60px;}
		}
		@media (max-width:1023px) {
			.main_knowhow{padding:0 0 clamp(80px, 20vw, 200px);}
			.main_knowhow .success_list{margin-top:clamp(30px, 6vw, 60px);gap:clamp(20px, 4vw, 40px)}
				.main_knowhow .success_list .cnt_box{height:53px;}
				.main_knowhow .success_list .cnt_box > ul li{font-size:200%;}
				.main_knowhow .success_list .cnt_box.aos-animate > ul{transform:translateY(calc(-100% + 53px));}
				.main_knowhow .success_list .list_cnt > .unit{font-size:160%;}
				.main_knowhow .success_list .list_cnt > .unit_year{font-size:120%;translate:0 -5px;}
			.main_knowhow .award_swiper{margin-top:clamp(60px, 10vw, 100px);}
            .main_knowhow .award_swiper .swiper-wrapper{transition-timing-function:linear;gap:clamp(30px, 6vw, 60px);}
            .main_knowhow .award_swiper li{margin-right:0;width:clamp(300px, 46vw, 460px);}
				.main_knowhow .award{width:8vw;right:10px;height:auto;padding:5px 0 5px;}
				.main_knowhow .award p{font-size:var(--title-16)}
				.main_knowhow .txt{padding:clamp(20px, 3vw, 30px) clamp(15px, 3vw, 30px);}
		}
		@media (max-width:640px) {
			.main_knowhow .mainpage_title h3{font-size:170%;}
			.main_knowhow .award{width:58px;}
			.main_knowhow .success_list .cnt_box{height:48px;}
			.main_knowhow .success_list .cnt_box.aos-animate > ul{transform:translateY(calc(-100% + 48px));}
		}
		@media (max-width:479px) {
			.main_knowhow .success_list > li{width:calc(50% - clamp(20px, 4vw, 40px) / 2);}
			.main_knowhow .success_list .cnt_box{height:45px;margin-top:4px;}
			.main_knowhow .success_list .cnt_box > ul li{font-size:32px;}
			.main_knowhow .success_list .cnt_box.aos-animate > ul{transform:translateY(calc(-100% + 45px));}
		}

    /*certificate*/
        .main_certificate{background:url('/images/skin/main_certificate_bg.jpg')no-repeat center;background-size:cover;padding:120px 0;}
        .main_certificate .certificate_box{display: flex;gap:115px;align-items: center;}
        .main_certificate .certificate_box .img{width:45.2%;flex-shrink:0;}
        .main_certificate .mainpage_title{filter:var(--filter-white);text-align:left;gap:30px;margin-bottom:0;} 
        .main_certificate .mainpage_title p strong{text-decoration: underline;font-weight:700;text-underline-offset:4px;}
        .main_certificate .certificate_list{margin-top:14px;display: flex;flex-wrap:wrap;gap:30px;}
        .main_certificate .certificate_list li{background:var(--point-white);box-sizing:border-box;position: relative;font-size:var(--title-20);padding:30px 30px;display: flex;flex-direction:column;width:calc(100% / 3 - 20px);justify-content: space-between;}
        .main_certificate .certificate_list li h4{font-size:150%;color:var(--black-color00);font-weight:300;line-height:1.4;}
        .main_certificate .certificate_list li h4 strong{color:var(--main-point01);font-weight:700;}
        .main_certificate .certificate_list li p{font-size:90%;color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:10px;}
        .main_certificate .certificate_list .ico{align-self: flex-end;margin-top:-20px;}

        @media (max-width:1023px) {
            .main_certificate{padding-block:clamp(60px, 12vw, 120px);}
            .main_certificate .certificate_box{gap:clamp(30px, 6vw, 60px);}
            .main_certificate .mainpage_title{gap:clamp(15px, 3vw, 30px);}
            .main_certificate .certificate_list{gap:clamp(20px, 3vw, 30px);}
            .main_certificate .certificate_list li{width:calc(100% / 3 - clamp(20px, 3vw, 30px) * 2 / 3);padding:clamp(20px, 3vw, 30px) clamp(15px, 3vw, 30px);}
            .main_certificate .certificate_list li h4{font-size:120%;}
            .main_certificate .certificate_list .ico{width:clamp(50px, 7vw, 70px);margin-top:10px;}
        }
        @media (max-width:860px) {
            .main_certificate .certificate_box{flex-direction: column;gap:0;}
            .main_certificate .certificate_box .img{width:90%;}
            .main_certificate .mainpage_title{width:100%;}
            .main_certificate .certificate_list{margin-top:25px;}
        }
        @media (max-width:640px) {
            .main_certificate .certificate_list li{width:100%;}
        }

    /*make*/
        .main_make{padding-block:clamp(40px, 7vw, 70px) clamp(70px, 14vw, 140px);}
        .main_make .make_list{display:grid;gap:clamp(20px, 4vw, 40px);grid-template-columns:repeat(3, 1fr);}
        .main_make .make_list li{box-sizing:border-box;position: relative;}
        /* .main_make .make_list li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:3;} */
        .main_make .make_list li .img_box{width:100%;aspect-ratio:auto 1.4;position: relative;border-radius:clamp(5px, 1vw, 10px);overflow:hidden;}
		.main_make .make_list li .img_box .ov_box{width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;/* opacity:0;pointer-events:none; */}
		.main_make .make_list li .img_box .ov_box{&::before, &::after{content:"";position: absolute;top:50%;left:50%;translate:-50% -50%;}}
		.main_make .make_list li .ov_box:before{width:clamp(50px, 6vw, 70px);aspect-ratio:auto 1;border-radius:100%;background:var(--main-point01);}
		.main_make .make_list li .ov_box:after{width:clamp(18px, 2vw, 24px);aspect-ratio:auto 1;background:var(--point-white);clip-path:var(--clip-poly03);}
		.main_make .make_list li .img_box > img{width:100%;height:100%;object-fit:cover;}
        .main_make .award{width:84px;height:100px;position: absolute;top:0;right:20px;background:var(--point-white);text-align: center;box-sizing:border-box;padding:12px 0 10px;}
			.main_make .award p{font-size:var(--title-18);color:var(--black-color00);font-weight:700;line-height:1.4;margin-top:6px;}
		.main_make .make_list li .txt{box-sizing:border-box;padding:clamp(10px, 2vw, 20px) 0 0 0;display: flex;flex-direction: column;gap:10px;font-size:var(--title-20);width:100%;}
            .main_make .make_list li .txt span{font-size:90%;color:var(--black-color04);font-weight:400;line-height:1.4;}
            .main_make .make_list li .txt strong{font-size:140%;color:var(--black-color03);font-weight:700;line-height:1.4;}
        .main_make .ov_box{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(13, 44, 156, 0.9);display: flex;flex-direction:column;align-items: center;justify-content: center;gap:40px;text-align: center;font-size:var(--title-20);opacity:0;pointer-events:none;transition:all 0.3s;z-index:4;}
            .main_make .ov_box .txt strong{font-size:180%;color:var(--point-white);font-weight:600;line-height:1.3;}
            .main_make .ov_box .txt p{font-size:90%;color:var(--point-white);font-weight:400;line-height:1.3;}
        .main_make .ov_box .link{display: flex;align-items: center;justify-content: center;gap:20px;}
            .main_make .ov_box .link a{width:60px;aspect-ratio:auto 1;box-sizing:border-box;display: flex;align-items: center;justify-content: center;border:1px solid var(--point-white);position: relative;transition:all 0.3s;}
            .main_make .ov_box .link .link_detail:before, .main_make .ov_box .link .link_detail:after{content:"";background:var(--point-white);position: absolute;top:50%;left:50%;translate:-50% -50%;}
            .main_make .ov_box .link .link_detail:before{width:20px;height:2px;}
            .main_make .ov_box .link .link_detail:after{width:2px;height:20px;}
			
			#main_case{padding-bottom:0;padding-top:clamp(40px, 7vw, 70px);}
			#main_case .make_list li:nth-child(1) {order: 1;}
			#main_case .make_list li:nth-child(2) {order: 6;}
			#main_case .make_list li:nth-child(3) {order: 3;}
			#main_case .make_list li:nth-child(4) {order: 7;}
			#main_case .make_list li:nth-child(5) {order: 8;}
			#main_case .make_list li:nth-child(6) {order: 10;}
			#main_case .make_list li:nth-child(7) {order: 5;}
			#main_case .make_list li:nth-child(8) {order: 4;}
			#main_case .make_list li:nth-child(9) {order: 10;}
			#main_case .make_list li:nth-child(10) {order: 2;}
			#main_case .make_list li:nth-child(11) {order: 11;}
			#main_case .make_list li:nth-child(12) {order: 12;}

        /* over */
		@media (min-width:1023px) {
            .main_make .make_list li:hover .ov_box{opacity:1;pointer-events:all;}
            .main_make .ov_box .link a:hover{background:var(--point-white);}
            .main_make .ov_box .link a:hover img{filter:var(--filter-black);}
            .main_make .ov_box .link .link_detail:hover:before, .main_make .ov_box .link .link_detail:hover:after{background:var(--black-color03);}
        }

        /* @media (max-width:1300px) {
            .main_make .make_list li > .txt{padding:20px 20px;}
        } */
        @media (max-width:1023px) {
			.main_make .make_list {grid-template-columns:repeat(2, 1fr);}
			/* .main_make .make_list li {width:calc(100% / 3);}
            .main_make .make_list li > .txt{gap:5px;} */
            .main_make .award{width:76px;height:auto;}
        }
        @media (max-width:640px) {
            /* .main_make .make_list li {width:calc(100% / 2);} */
			
			.main_make .award{right:10px;width:auto;padding:5px 5px 4px;}
			.main_make .award img{max-width:44px;}
			.main_make .award p{font-size:var(--title-14);}
			.main_make .make_list li > .txt{padding:15px 15px;gap:2px;}
			.main_make .make_list li > .txt span{font-size:80%;}
			.main_make .make_list li > .txt strong{font-size:110%;}
        }
		@media (max-width:479px) {
			.main_make .make_list {grid-template-columns:repeat(1, 1fr);}
		}
        @media (max-width:320px) {
            .main_make .make_list li > .txt span{font-size:70%;}
			.main_make .make_list li > .txt strong{font-size:90%;}
        }

    /*additional*/
        .main_additional{padding:140px 0;background:url('../images/skin/main_benefit_bg.png') fixed no-repeat center / cover;}
        .main_additional .w_custom{display: flex;flex-wrap:wrap;gap:30px;justify-content: space-between;align-items: flex-start;z-index:5;}
        .main_additional .mainpage_title{position: sticky;top:140px;text-align:left;align-items: flex-start;width:32%;}
        .main_additional .mainpage_title .quote{position: relative;padding:10px 20px;background:var(--point-color01);border-radius:4px;font-size:110%;color:var(--point-white);font-weight:600;line-height:1.6;margin-bottom:17px;}
            .main_additional .mainpage_title .quote:before{width:25px;height:24px;content:"";background:url('../images/skin/quote_img.svg')no-repeat center;background-size:cover;position: absolute;bottom:-17px;left:15px;filter: brightness(0) saturate(100%) invert(19%) sepia(66%) saturate(2836%) hue-rotate(219deg) brightness(80%) contrast(109%);}
        .main_additional .mainpage_title h3,
        .main_additional .mainpage_title p{color:var(--point-white);}
        .main_additional .mainpage_title p{line-height:1.5;font-weight:200;}
        .main_additional .mainpage_title p strong{font-weight:400;}
        .main_additional .mainpage_title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:180px;height:60px;border:1px solid var(--point-white);gap:16px;font-size:var(--title-20);color:var(--point-white);font-weight:500;margin-top:40px;transition:all 0.3s;}
            .main_additional .mainpage_title a:after{width:8px;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);transition:all 0.3s;}
		.main_additional .benefit_list_box{width: max(550px, 57.4%);flex-shrink: 0;position: relative;}
        .main_additional .benefit_list{display: grid;grid: auto / repeat(2, 1fr);gap: clamp(15px, 3.2vw, 60px);padding-bottom: clamp(40px, 3.2vw, 60px);counter-reset:addServiceCnt;}
        .main_additional .benefit_list li{translate: 0;box-sizing:border-box;background:var(--point-white);padding:40px 40px;display: flex;flex-direction: column;justify-content: space-between;font-size:var(--title-20);counter-increment:addServiceCnt;}
        .main_additional .benefit_list li:nth-child(2n){translate:0 clamp(20px, 3.2vw, 60px);}
        .main_additional .benefit_list :where(dl, .info){display: flex;flex-direction: column;gap:20px;align-items: flex-start;}
        .main_additional .benefit_list :where(dl, .info)::before{content:counter(addServiceCnt, decimal-leading-zero);font-size:90%;color:var(--main-point01);font-weight:500;line-height:1.3;font-family:var(--font-type04);}
        .main_additional .benefit_list :where(dt, h4){font-size:130%;color:var(--black-color00);font-weight:600;line-height:1.3;}
		.main_additional .benefit_list :where(dt, h4) strong{font-weight:inherit;text-decoration: underline;text-decoration-thickness: 10px;text-decoration-color:var(--point-color27);text-underline-offset:0; text-decoration-skip-ink:none;}
        .main_additional .benefit_list :where(dd, p){font-size:85%;color:var(--black-color05);font-weight:400;line-height:1.4;}
        .main_additional .benefit_list .ico{align-self: flex-end;}
		.main_additional .benefit_list_box .swiper_arw{display: none;}

        /*over*/
        @media (pointer: fine) and (hover: hover) {
            .main_additional .mainpage_title a:hover{background:var(--point-white);color:var(--main-point01);}
            .main_additional .mainpage_title a:hover:after{border-color:var(--main-point01);}
        }

        @media (max-width:1200px) {
            .main_additional .mainpage_title{width:38%;}
            .main_additional .benefit_list li{padding:30px 30px;}
        }
        @media (max-width:1023px) {
            .main_additional{padding-block:clamp(70px, 14vw, 140px);background-attachment:initial;background-size:cover;}
            .main_additional .mainpage_title{position: static;width:100%;}
            .main_additional .benefit_list_box{width:100%;}
            .main_additional .mainpage_title a{width:clamp(150px, 18vw, 180px);height:clamp(50px, 6vw, 60px);gap:clamp(10px, 1.6vw, 16px);margin-top:clamp(20px, 4vw, 40px);}
        }
        @media (max-width:640px) {
            .main_additional .mainpage_title .quote{padding:5px 10px;font-size:100%;margin-bottom:10px;}
			.main_additional .benefit_list{display: flex;gap:0;padding:0;}
            .main_additional .benefit_list li{padding:20px 20px;height:auto;}
			.main_additional .benefit_list li:nth-child(2n){translate:0;}
            .main_additional .benefit_list li dl{gap:10px;}
			.main_additional .benefit_list li dl:before{font-size:100%;}
			.main_additional .benefit_list :where(dt, h4){font-size:140%;}
            .main_additional .benefit_list :where(dt, h4) strong{text-decoration-thickness:6px;text-underline-offset:1px;}
			.main_additional .benefit_list :where(dd, p){font-size:100%;}
            .main_additional .benefit_list .ico{margin-top:10px;height:50px;display: flex;align-items: center;justify-content: center;}
			.main_additional .benefit_list_box .swiper_arw{width:50px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid var(--border-color01);background:var(--point-white);font-size:0;position:absolute;box-shadow:0 0 27px 0 rgba(0,0,0,0.18);top:50%;translate:0 -50%;display: block;z-index:5;display: flex;align-items: center;justify-content: center;}
			.benefit_list_box .prev{left:15%;}
			.benefit_list_box .next{right:15%;scale:-1 -1;}
			.benefit_list_box .swiper_arw:before{width:7px;aspect-ratio:auto 1;content:"";border:1px solid var(--black-color07);border-width:1px 1px 0 0;display: block;rotate:-135deg;translate:2px;}
        }
        @media (max-width:479px) {
            .main_additional .mainpage_title a:after{width:6px;;}
			.benefit_list_box .swiper_arw{width:40px;}
			.benefit_list_box .prev{left:0;}
			.benefit_list_box .next{right:0;}
			.benefit_list_box .swiper_arw:before{translate:1px;}
        }

    /*maintenance*/
        .main_maintenance{padding:120px 0 0;}
        .main_maintenance .status_box{display: flex;flex-wrap:wrap;gap:20px;}
        .main_maintenance .status_box > div{width:calc(50% - 10px);box-sizing:border-box;position: relative;}
        .main_maintenance .maintenance_box{background:var(--main-point03);padding:30px 30px;}
        .main_maintenance .maintenance_box .cnt{display: flex;flex-wrap:wrap;gap:20px;}
        .main_maintenance .maintenance_box .cnt dl{width:calc(50% - 10px);box-sizing:border-box;background:var(--point-white);display: flex;align-items: center;justify-content: space-between;font-size:var(--title-20);padding:20px 20px;}
        .main_maintenance .maintenance_box .cnt dl dt{display: flex;align-items: center;gap:10px;font-size:90%;color:var(--black-color03);font-weight:400;line-height:1.3;}
            .main_maintenance .maintenance_box .cnt dl dt .ico{font-size:0;}
        .main_maintenance .maintenance_box .cnt dl dd{display: flex;align-items: center;gap:6px;}
            .main_maintenance .maintenance_box .cnt dl dd strong{font-size:130%;color:var(--main-point01);font-weight:700;line-height:1.3;font-family:var(--font-type04);}
            .main_maintenance .maintenance_box .cnt dl dd span{font-size:90%;color:var(--black-color03);font-weight:400;line-height:1.3;}
        .main_maintenance .list_swiper{/*margin-top:20px;height:360px;*/height:425px;overflow:hidden;}
        .main_maintenance .list_swiper li{box-sizing:border-box;background:var(--point-white);display: flex;align-items: center;justify-content: space-between;padding:18px 20px;font-size:var(--title-20);}
        .main_maintenance .list_swiper li .title{display: flex;align-items: center;gap:20px;max-width:80%;}
        .main_maintenance .list_swiper li .title .st{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:80%;color:var(--point-white);font-weight:600;line-height:1.4;width:76px;height:28px;border-radius:28px;flex-shrink:0;}
        .main_maintenance .st1{background:var(--point-color01);}
        .main_maintenance .st2{background:var(--black-color03);}
        .main_maintenance .st3{background:var(--main-point04);}
        .main_maintenance .st4{background:var(--black-color05);}
        .main_maintenance .list_swiper li p{font-size:90%;color:var(--black-color03);font-weight:600;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;}
        .main_maintenance .list_swiper li .date{font-size:80%;color:var(--black-color05);font-weight:400;line-height:1.4;}
            .main_maintenance .month_free{padding:40px 60px;border:1px solid var(--border-color01);text-align: center;font-size:var(--title-20);}
            .main_maintenance .month_free h4{font-size:120%;color:var(--black-color03);font-weight:300;line-height:1.25;}
            .main_maintenance .month_free h4 strong{color:var(--main-point01);font-weight:700;}
        .main_maintenance .chart_box{position: relative;margin-top:37px;padding-bottom:26px;}
        .main_maintenance .chart_box .chart_bg{display: flex;width:100%;flex-direction: column;gap:29px;}
            .main_maintenance .chart_box .chart_bg li{display: flex;align-items: center;gap:9px;}
            .main_maintenance .chart_box .chart_bg li span{display: inline-block;width:31px;background:var(--point-white);font-size:var(--title-16);color:var(--black-color06);font-weight:400;line-height:1.4;font-family:var(--font-type04);text-align: right;}
            .main_maintenance .chart_box .chart_bg li:after{width:calc(100% - 40px);height:1px;content:"";background:var(--border-color01);display: inline-block;}
            .main_maintenance .chart_box .chart_bg li:last-child:after{background:var(--black-color03);}
        .main_maintenance .chart_cont{width:calc(100% - 40px);height:100%;box-sizing:border-box;position: absolute;top:0;right:0;padding:0 53px;display: flex;gap:30px;align-items: flex-end;}
            .main_maintenance .chart_cont li{width:calc(100% / 6 - 25px);box-sizing:border-box;position: relative;display: flex;flex-direction:column;height:100%;justify-content: flex-end;}
            .main_maintenance .chart_cont li > span{display: inline-block;font-size:var(--title-18);color:var(--black-color03);font-weight:400;line-height:1.4;margin-bottom:4px;}
            .main_maintenance .chart_cont li p{font-size:var(--title-18);color:var(--black-color03);font-weight:500;line-height:1.4;margin-top:11px;}
            .main_maintenance .chart_cont li .graph{width:100%;height:0;background:var(--main-point04);transition:height 2s ease-out;}


        @media (max-width:1400px) {
            .main_maintenance .month_free{padding:40px 40px;}
            .main_maintenance .chart_cont{padding:0 30px;}
        }
        @media (max-width:1200px) {
            .main_maintenance .status_box > div{width:100%;}
            .main_maintenance .chart_cont{padding:0 100px;}
        }
        @media (max-width:1023px) {
            .main_maintenance{padding:clamp(60px, 12vw, 120px) 0 0;}
            .main_maintenance .maintenance_box{padding:clamp(20px, 3vw, 30px);}
            .main_maintenance .month_free{padding:clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);}
            .main_maintenance .chart_cont{padding-inline:clamp(30px, 10vw, 100px);}
        }
        @media (max-width:640px) {
            .main_maintenance .maintenance_box .cnt dl{padding:12px 12px;}
                .main_maintenance .maintenance_box .cnt dl dt{gap:6px;}
                .main_maintenance .maintenance_box .cnt dl dd{gap:3px;}
                .main_maintenance .maintenance_box .cnt dl dd strong{font-size:120%;}
            .main_maintenance .list_swiper{height:300px;}
            .main_maintenance .list_swiper li{padding:0 10px;}
            .main_maintenance .list_swiper li .title{gap:10px;}
            .main_maintenance .chart_box{padding-bottom:22px;}
            .main_maintenance .chart_cont{padding-inline:30px;gap:20px;}
            .main_maintenance .chart_cont li{width:calc(100% / 6 - 16px);}
        }
        @media (max-width:479px) {
            .main_maintenance .maintenance_box .cnt{gap:10px;}
			.main_maintenance .maintenance_box .cnt dl{width:calc(50% - 5px);padding:8px 8px;}
			.main_maintenance .maintenance_box .cnt dl dt .ico{width:13px;}
            .main_maintenance .list_swiper li .title{max-width:75%;}
            .main_maintenance .list_swiper li .title .st{width:66px;}
            .main_maintenance .chart_box{margin-top:25px;padding-bottom:11px;}
            .main_maintenance .chart_box .chart_bg{gap:18px;}
            .main_maintenance .chart_box .chart_bg li{gap:5px;}
            .main_maintenance .chart_box .chart_bg li:after{width:calc(100% - 30px);}
            .main_maintenance .chart_box .chart_bg li span{width:25px;}
            .main_maintenance .chart_cont{width:calc(100% - 30px);padding-inline:15px;}
            .main_maintenance .chart_cont li > span{font-size:12px;margin-bottom:2px;}
            .main_maintenance .chart_cont li p{font-size:12px;margin-top:4px;}
        }
        @media (max-width:365px) {
            .main_maintenance .chart_cont{gap:12px;}
            .main_maintenance .chart_cont li{width:calc(100% / 6 - 10px);}
        }
        @media (max-width:320px) {
			.main_maintenance .maintenance_box .cnt dl dt{font-size:80%;gap:3px;}
			.main_maintenance .maintenance_box .cnt dl dd strong{font-size:100%;}
			.main_maintenance .maintenance_box .cnt dl dd span{font-size:80%;}
            .main_maintenance .list_swiper li .title{max-width:75%;}
            .main_maintenance .list_swiper li .title .st{font-size:70%;width:55px;}
            .main_maintenance .list_swiper li .date{font-size:65%;}
            .main_maintenance .chart_box .chart_bg li:after{width:calc(100% - 26px);}
            .main_maintenance .chart_box .chart_bg li span{width:21px;font-size:11px;}
            .main_maintenance .chart_cont{width:calc(100% - 26px);padding-inline:9px;}
            .main_maintenance .chart_cont li p, .main_maintenance .chart_cont li > span{width:calc(100% + 10px);margin-left:-5px;}
        }

    /*partner*/
        .main_partner_box {padding-block:160px;}
        .main_partner_box ul{display:grid;grid:auto / repeat(6, 1fr);gap:24px;position: relative;}
        .main_partner_box ul li{box-sizing:border-box;background:var(--gray-bg04);}

        @media (max-width:1023px) {
            .main_partner_box{padding-block:clamp(80px, 16vw, 160px);}
            .main_partner_box ul{gap:20px;grid:auto / repeat(5, 1fr);}
            .main_partner_box ul:after{height:20%;}
        }
        @media (max-width:640px) {
            .main_partner_box .mainpage_title h3{font-size:170%}        
            .main_partner_box ul{grid:auto / repeat(4, 1fr);}
        }
        @media (max-width:479px) {
            .main_partner_box ul{gap:10px;grid:auto / repeat(3, 1fr);}
        }
        
    /*board*/
        .main_board{background:var(--main-point03);padding:120px 0 140px;}
        .main_board .w_custom{display: flex;flex-wrap:wrap;gap:40px;}
        .main_board > .board_box{box-sizing:border-box;position: relative;}
        .main_board .board_title{display: flex;align-items: center;justify-content: space-between;font-size:var(--title-20);margin-bottom:20px;}
        .main_board .board_title h4{font-size:180%;color:var(--black-color00);font-weight: 500;line-height:1.4;}
        .main_board .board_title a{width:20px;aspect-ratio:auto 1;box-sizing:border-box;position: relative;}
            .main_board .board_title a:before, .main_board .board_title a:after{content:"";background:var(--black-color00);position: absolute;top:50%;left:50%;translate:-50% -50%;}
            .main_board .board_title a:before{width:100%;height:2px;}
            .main_board .board_title a:after{width:2px;height:100%;}
        .main_board .notice_box{width:54.7%;}
        .main_board .notice_box ul{display: flex;flex-direction: column;gap:10px;}
            .main_board .notice_box ul li{width:100%;box-sizing:border-box;background:var(--point-white);border:1px solid transparent;}
            .main_board .notice_box ul li a{display: flex;width:100%;align-items: center;padding:10px 30px 10px 10px;gap:30px;}
			.main_board .notice_box ul li .thumb{width:140px;aspect-ratio:auto 1.59;}
			.main_board .notice_box ul li .thumb img{width:100%;height:100%;object-fit:cover;transition:all 0.3s;}
			.main_board .notice_box ul li .txt{width:calc(100% - 170px);position: relative;}
            .main_board .notice_box ul li .title{width:calc(100% - 20px);display: flex;align-items: center;gap:10px;box-sizing:border-box;transition:all 0.3s;font-size:var(--title-20);}
			.main_board .notice_box ul li .title .st{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:58px;height:26px;border-radius:32px;background:var(--main-point04);font-size:var(--title-16);color:var(--point-white);font-weight:600;flex-shrink:0;}
			.main_board .notice_box ul li .title .st2{background:var(--main-point01);}
            .main_board .notice_box ul li p{font-size:var(--title-18);color:var(--black-color00);font-weight: 400;line-height:1.4;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
            .main_board .notice_box ul li .txt > span{font-size:var(--title-16);color:var(--black-color06);font-weight: 400;line-height:1.4;font-family:var(--font-type04);display: block;margin-top:10px;}
			.main_board .notice_box ul li .txt:after{width:10px;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color10);border-width:2px 2px 0 0;rotate:45deg;display: inline-block;position: absolute;right:2px;top:50%;translate:0 -50%;transition:all 0.3s;}

        .main_board .project_box{width:calc(45.3% - 40px);}
            .main_board .project_box .swiper_box{box-sizing:border-box;background:var(--main-point01);padding:20px 30px;}
            .main_board .project_swiper{height:430px;overflow:hidden;position: relative;}
			.main_board .project_swiper:before, .main_board .project_swiper:after{width:100%;height:5px;content:"";background:var(--main-point01);position: absolute;left:0;z-index:3;}
			.main_board .project_swiper:before{top:-1px;}
            .main_board .project_swiper:after{bottom:-1px;}
            .main_board .project_swiper li{box-sizing:border-box;padding:12px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.20);display: flex;align-items: center;justify-content: space-between;}
            .main_board .project_swiper li .title{display: flex;align-items: center;gap:30px;width:calc(100% - 70px);}
			.main_board .project_swiper li .title .img{width:140px;aspect-ratio:auto 1.67;flex-shrink:0;}
			.main_board .project_swiper li .title .img img{width:100%;height:100%;object-fit:cover;}
            .main_board .project_swiper li .st{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:60px;height:28px;border-radius:32px;background:var(--main-point04);font-size:var(--title-16);color:var(--point-white);font-weight:600;}
            .main_board .project_swiper li .title p{font-size:var(--title-20);color:var(--point-white);font-weight:600;line-height:1.4;width:calc(100% - 170px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

        /*over*/
        @media (pointer: fine) and (hover: hover) {
            .main_board .notice_box ul li:hover{border-color:var(--main-point01);}
            .main_board .notice_box ul li:hover .txt:after{border-color:var(--main-point01);right:-12px;}
        }

        @media (max-width:1023px) {
            .main_board{padding:clamp(60px, 12vw, 120px) 0 clamp(70px, 14vw, 140px);}
            .main_board .w_custom{gap:clamp(20px, 4vw, 40px);}
            .main_board .board_title{margin-bottom:clamp(10px, 2vw, 20px);}
            .main_board .board_title h4{font-size:150%;}
            .main_board .notice_box,
            .main_board .project_box{width:100%;}
			.main_board .notice_box ul li a{gap:clamp(15px, 3vw, 30px);padding:10px clamp(10px, 3vw, 30px) 10px 10px;}
				.main_board .notice_box ul li .txt:after{width:clamp(8px, 1vw, 10px);}
				.main_board .notice_box ul li .txt{width:calc(100% - 140px - clamp(15px, 3vw, 30px));}
			.main_board .project_box .swiper_box{padding:clamp(20px, 3vw, 30px) clamp(10px, 3vw, 30px);}
			.main_board .project_swiper li .title{gap:clamp(15px, 3vw, 30px);}
			.main_board .project_swiper li .title p{width:calc(100% - 140px - clamp(15px, 3vw, 30px));}
        }
        @media (max-width:479px) {
            .main_board .board_title a{width:16px;}
			.main_board .notice_box ul li .thumb{width:33%;}
			.main_board .notice_box ul li .title{gap:5px;}
			.main_board .notice_box ul li .txt{width:calc(67% - clamp(15px, 3vw, 30px));}
			.main_board .notice_box ul li .title .st{width:48px;}
			.main_board .notice_box ul li .txt > span{margin-top:5px;}
			.main_board .project_swiper{height:344px;}
			.main_board .project_swiper li .title{width:calc(100% - 58px);}
			.main_board .project_swiper li .title .img{width:106px;}
			.main_board .project_swiper li .title p{width:calc(67% - clamp(15px, 3vw, 30px));}
			.main_board .project_swiper li .st{width:48px;}
        }


		
/*260206*/		
	/*공통*/
		.main_content > section{position: relative;box-sizing:border-box;}
		.main_title{text-align: center;font-size:var(--title-20);}
		.main_title h3{font-size:250%;color:var(--black-color02);font-weight:500;letter-spacing:-1px;position: relative;padding-top:18px;}
		.main_title h3:before{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;top:0;left:50%;transform:translate(-50%);}
		.main_title p{font-size:110%;color:var(--black-color03);font-weight:400;letter-spacing:-0.4px;margin-top:14px;font-family:var(--font-type03);}
		.main_title p strong{font-size:inherit;color:var(--point-color02);font-weight:500;letter-spacing:inherit;}
		.main_title img{margin:0;}
		
		/*버튼*/
		.main_more_box{text-align: center;}
		.main_more_box a{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;vertical-align: top;width:300px;height:70px;border:1px solid var(--black-color05);background:var(--point-white);font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.8px;transition:all 0.3s;}
		
		/* over */
		@media (pointer: fine) and (hover: hover) {
			.main_more_box a:hover{background:var(--point-color02);border:1px solid var(--point-color02);color:var(--point-white);}
		
		}
		
		@media (max-width:1023px) {
			.main_title h3{font-size:clamp(200%, 4.5vw, 250%);}
			
			/*버튼*/
			.main_more_box a{width:clamp(250px, 30vw, 300px);height:clamp(50px, 7vw, 70px);}
		}
		@media (max-width:640px) {
			.main_title p{margin-top:5px;font-size:100%;}
		}
		@media (max-width:479px) {
			.main_title h3{padding-top:10px;}
			.main_title h3:before{width:6px;}
			
			/*버튼*/
			.main_more_box a{width:100%;}
		}
	
	/*portfolio*/
		.main_portfolio{padding-top:79px;}
		.main_portfolio .portfolio_list{font-size:0;position: relative;margin-top:46px;display: flex;flex-wrap:wrap;gap:36px 40px;}
		.main_portfolio .portfolio_list:before{content:"PORTFOLIO";font-size:120px;color:var(--point-white);font-weight:700;text-shadow : -1px -1px 0 var(--black-color03), 1px -1px 0 var(--black-color03), -1px 1px 0 var(--black-color03), 1px 1px 0 var(--black-color03);position: absolute;left:-426px;top:258px;transform:rotate(-90deg);font-family:var(--font-type02);letter-spacing:-2px;opacity:0.18;font-family:var(--font-type04);}
		.main_portfolio .portfolio_list li{box-sizing:border-box;width:calc(33.3333% - 27px);}
		.main_portfolio .portfolio_list li a{display: block;width:100%;}
		.main_portfolio .portfolio_list li .thumb{width:100%;aspect-ratio:auto 1.43;position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);}
			.main_portfolio .portfolio_list li .thumb img{width:100%;height:100%;object-fit:cover;}
		.main_portfolio .portfolio_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;}
			.main_portfolio .portfolio_list li .thumb .ov_box .plus{width:70px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: relative;}
			.main_portfolio .portfolio_list li .thumb .ov_box .plus:before{width:24px;height:2px;content:"";background:var(--point-white);position: absolute;top:34px;left:23px;}
			.main_portfolio .portfolio_list li .thumb .ov_box .plus:after{width:2px;height:24px;content:"";background:var(--point-white);position: absolute;top:23px;left:34px;}
		.main_portfolio .portfolio_list li .txt_box{margin-top:13px;display: flex;flex-wrap:wrap;justify-content: space-between;font-size:var(--title-20);align-items: flex-start;}
			.main_portfolio .portfolio_list li .txt_box *{font-family:var(--font-type03);}
			.main_portfolio .portfolio_list li .txt_box .title{font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
			.main_portfolio .portfolio_list li .txt_box .title strong{font-size:130%;;color:inherit;font-weight:inherit;letter-spacing:-0.52px;}
			.main_portfolio .portfolio_list li .txt_box .title span{font-size:var(--title-18);color:var(--black-color04);font-weight:300;letter-spacing:-0.36px;display: block;margin-top:4px;}
			.main_portfolio .portfolio_list li .txt_box .icon{margin-top:6px;display: flex;align-items: center;}
			.main_portfolio .portfolio_list li .txt_box .logo, .main_portfolio .portfolio_list li .txt_box .rank{display: inline-block;box-sizing:border-box;vertical-align:middle;}
			.main_portfolio .portfolio_list li .txt_box .logo{font-size:0;}
			.main_portfolio .portfolio_list li .txt_box .rank{height:22px;line-height:22px;border-radius:11px;background:var(--black-color00);font-size:65%;color:var(--point-white);font-weight:400;letter-spacing:-0.26px;padding:0 7px;margin-left:4px;}
		.main_portfolio .main_more_box{margin-top:55px;}
		
		/* over */
		@media (pointer: fine) and (hover: hover) {
			.main_portfolio .portfolio_list li:hover .thumb .ov_box{display:flex;}
		}
		
		@media (max-width:1600px) {
			.main_portfolio .portfolio_list:before{left:-370px;}
		}
		@media (max-width:1500px) {
			.main_portfolio .portfolio_list:before{display: none;}
		}
		@media (max-width:1023px) {
			.main_portfolio{padding-top:clamp(50px, 8vw, 79px);}
			.main_portfolio .portfolio_list{gap:30px 30px;}
			.main_portfolio .portfolio_list li{width:calc(100% / 3 - 20px);}
			.main_portfolio .portfolio_list li .txt_box{flex-direction: column;align-items: flex-start;}
			.main_portfolio .main_more_box{margin-top:clamp(25px, 5.5vw, 55px);}
		}
		@media (max-width:860px) {
			.main_portfolio .portfolio_list li{width:calc(100% / 2 - 15px);}
		}
		@media (max-width:640px) {
			.main_portfolio .portfolio_list{gap:20px 15px;}
			.main_portfolio .portfolio_list li{width:calc(100% / 2 - 7.5px);}
			.main_portfolio .portfolio_list li .txt_box{margin-top:10px;}
		}
		@media (max-width:479px) {
			.main_portfolio .portfolio_list li{width:100%;}
		}
		
	/*sucess*/
		.main_success{margin-top:120px;box-sizing:border-box;background:url('../images/skin/main-about-bg.jpg')no-repeat center;background-size:cover;text-align: center;padding:90px 0 97px;}
		.main_success .w_custom{font-size:var(--title-20);}
		.main_success h3{font-size:180%;color:rgba(255, 255, 255, 0.8);font-weight:300;letter-spacing:-1.8px;}
		.main_success h3 strong{font-size:inherit;color:inherit;font-weight:500;letter-spacing:inherit;}
		.main_success .success_list{margin-top:50px;display: flex;flex-wrap:wrap;justify-content: center;gap:20px 0;}
		.main_success .success_list > li{width:20%;display: inline-block;box-sizing:border-box;vertical-align: top;}
		.main_success .success_list > li .icon{height:60px;display: flex;align-items: center;justify-content: center;margin-bottom:23px;}
		.main_success .success_list > li .icon img{max-height:100%;}
		.main_success .success_list .cnt_box{height:60px;overflow:hidden;}
		.main_success .success_list .cnt_box > ul { transform:translateY(-12px); transition: 3s; transition-delay: 0.4s;}
		.main_success .success_list .cnt_box.aos-animate > ul { transform:translateY(calc(-100% + 60px)); }
		.main_success .success_list .cnt_box > ul li{display: block;font-size:250%;color:var(--point-white);font-weight:600;font-family:var(--font-type04);letter-spacing:0.03em;}
		.main_success .success_list .list_cnt{display: flex;align-items: center;justify-content: center;font-size:var(--title-20);}
		.main_success .success_list .list_cnt > .unit{font-size:250%;color:var(--point-white);font-weight:600;font-family:var(--font-type04);}
		.main_success .success_list .list_cnt > .unit_year{font-size:130%;color:var(--point-white);font-weight:400;}
		.main_success .success_list > li > strong{font-size:var(--title-18);color:rgba(255, 255, 255, 0.7);font-weight:400;margin-top:13px;letter-spacing:0;}
		
		@media (max-width:1200px) {
			.main_success .success_list > li{width:calc(100% / 3);}
		}
		@media (max-width:1023px) {
			.main_success{margin-top:clamp(70px, 12vw, 120px);padding:clamp(50px, 9vw, 90px) 0;}
			.main_success .success_list{margin-top:clamp(20px, 5vw, 50px);}
		}
		@media (max-width:640px) {
			.main_success h3{font-size:160%;}
			.main_success .success_list > li .icon{height:45px;margin-bottom:10px;}
			.main_success .success_list > li .icon img{max-width:23%;}
			.main_success .success_list .cnt_box{height:46px;}
			.main_success .success_list .cnt_box.aos-animate > ul{transform:translateY(calc(-100% + 46px));}
			.main_success .success_list .cnt_box > ul li{font-size:200%;}
			.main_success .success_list .list_cnt > .unit{font-size:200%;}
			.main_success .success_list .list_cnt > .unit_year{font-size:110%;}
		}
		@media (max-width:479px) {
			.main_success .success_list > li{width:50%;}
		}
		
	/*cs*/
		.main_cs{position: relative;padding-top:104px;}
		.main_cs:before{width:932px;height:480px;content:"";background:var(--point-color02);position: absolute;left:0;top:0;box-sizing:border-box;border-radius:0 0 300px 0;}
		.main_cs .main_title{text-align:left;}
			.main_cs .main_title h3, .main_cs .main_title p{color:var(--point-white);}
			.main_cs .main_title h3{padding:0;letter-spacing: -2.5px;}
			.main_cs .main_title h3:before{display: none;}
			.main_cs .main_title p{font-family:var(--font-type03);color:rgba(255,255,255,0.8);letter-spacing:-1.3px;font-weight:300;margin-top:24px;line-height:1.45;}
		.main_cs .cs_img{font-size:0;position: relative;margin-top:54px;display: flex;flex-wrap:wrap;gap:40px;}
			.main_cs .cs_img:before{width:375px;aspect-ratio:auto 1.28;content:"";background:url('../images/skin/main-as-icon-01.png')no-repeat center;position: absolute;top:-234px;right:-91px;background-size:auto 100%;}
			.main_cs .cs_img li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(33.3333% - 27px);position: relative;z-index:2;}
			.main_cs .cs_img li .img{width:100%;aspect-ratio:auto 1.537;box-sizing:border-box;border-radius:var(--radius-10);box-shadow:0 0 29px 0 rgba(0, 0, 0, 0.14);overflow:hidden;}
			.main_cs .cs_img li .img img{width:100%;height:100%;object-fit:cover;}
			.main_cs .cs_img li .txt_box{margin-top:22px;font-size:var(--title-20);color:var(--black-color03);}
			.main_cs .cs_img li .txt_box dt{font-size:130%;color:inherit;font-weight:500;letter-spacing:-0.52px;margin-bottom:9px;}
			.main_cs .cs_img li .txt_box dd{font-size:var(--title-18);color:inherit;font-weight:400;letter-spacing:-0.7px;font-family:var(--font-type03);}
		.main_cs .cs_table{width:100%;box-sizing:border-box;overflow:hidden;font-size:var(--title-20);display:flex;flex-wrap:wrap;border-radius:var(--radius-10);background:var(--border-color03);}
			.main_cs .cs_table h4, .main_cs .cs_table > div{box-sizing:border-box;vertical-align: top;display:block;padding:49px 0;}
			.main_cs .cs_table h4{width:310px;padding-left:49px;font-size:170%;color:var(--black-color03);font-weight:500;letter-spacing:-0.04em;line-height:44px;border-radius:10px 0 0 10px;}
			.main_cs .cs_table > div{width:calc(100% - 310px);padding:49px 20px 49px 58px;background:var(--point-white);border:1px solid var(--border-color01);border-width:1px 1px 1px 0;border-radius:0 10px 10px 0;}	
		.main_cs .cs_list{margin-top:67px;margin-bottom:30px;}
			.main_cs .cs_list > div{padding-bottom:29px;}
			.main_cs .cs_list ul{text-align:left;position: relative;display: flex;flex-direction: column;flex-wrap:wrap;max-height:200px;gap:20px 20px;}
			.main_cs .cs_list ul li{box-sizing:border-box;vertical-align: top;width:calc(50% - 10px);display: flex;flex-wrap:wrap;align-items: center;}
			.main_cs .cs_list ul li .status{display: inline-flex;vertical-align: top;box-sizing:border-box;align-items: center;justify-content: center;border-radius:15px;width:78px;height:30px;text-align: center;font-size:var(--title-16);color:var(--point-white);font-weight:400;letter-spacing:-0.32px;background:var(--black-color08);}
			.main_cs .cs_list ul li .status1{background:var(--point-color02);}
			.main_cs .cs_list ul li .status2{background:var(--point-color03);}
			.main_cs .cs_list ul li .status3{background:var(--black-color08);}
			.main_cs .cs_table ul li .title{display: inline-block;vertical-align: top;font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-type03);padding-left:15px;box-sizing:border-box;}
			.main_cs .cs_list ul li .title{width:calc(100% - 138px);padding-right:10px;}
			.main_cs .cs_table ul li .date{font-size:var(--title-16);color:var(--black-color06);font-weight:400;letter-spacing:-0.32px;}
		.main_cs .contract_list h4{padding:33px 0 33px 49px;}
			.main_cs .contract_list > div{padding:33px 50px 33px 60px;display: flex;flex-wrap:wrap;align-items:center;}
			.main_cs .contract_list .swiper-container{height:40px;width:calc(100% - 90px);box-sizing:border-box;padding-right:20px;overflow:hidden;}
			.main_cs .contract_list ul{flex-direction: column;width:100%;height:100%;}
			.main_cs .contract_list ul li{height:100%;display: flex;flex-wrap:wrap;align-items: center;}
			.main_cs .contract_list ul li .title{padding-left:40px;width:calc(100% - 60px);}
			.main_cs .contract_list .arw_box{display: inline-flex;gap:10px;box-sizing:border-box;width:90px;height:40px;font-size:0;}
			.main_cs .contract_list .arw_box button{width:40px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid var(--border-color01);background:var(--point-white);font-size:0;position: relative;transition:all 0.5s;}
			.main_cs .contract_list .arw_box button:before{width:7px;aspect-ratio:auto 1;content:"";border:1px solid var(--black-color10);border-width:1px 1px 0 0;display: block;position: absolute;left:15px;transition:all 0.5s;}
			.main_cs .contract_list .arw_box .prev:before{transform:rotate(-45deg);top:16px;}
			.main_cs .contract_list .arw_box .next:before{transform:rotate(135deg);top:13px;}
		
		/* over */
		@media (pointer: fine) and (hover: hover) {
			.main_cs .contract_list dd .arw_box button:hover{background:var(--point-color02);border:1px solid var(--point-color02);}
			.main_cs .contract_list dd .arw_box button:hover:before{border-color:var(--point-white);}
		}
		
		@media (max-width:1200px) {
			.main_cs:before{width:calc(100% - 100px);height:43vw;}
			.main_cs .cs_img:before{width:28vw;top:-58%;right:-5%;}
			
			.main_cs .cs_table h4{width:25%;padding-inline:25px;line-height:1.4;}
			.main_cs .cs_table > div{width:75%;padding-inline:25px;}
		}
		@media (max-width:1023px) {
			.main_cs{padding-top:clamp(50px, 10vw, 104px);}
			.main_cs .cs_img{gap:30px;margin-top:clamp(20px, 5.4vw, 54px);}
			.main_cs .cs_img li{width:calc(100% / 3 - 20px);}
			
			.main_cs .cs_list{margin:clamp(35px, 6.7vw, 67px) 0 clamp(20px, 3vw, 30px);}
			.main_cs .cs_table h4{font-size:150%;}
			.main_cs .cs_list ul{max-height:initial;}
			.main_cs .cs_list ul li{width:100%;}
		}
		@media (max-width:860px) {
			.main_cs .cs_table{background:none;}
			.main_cs .cs_table h4{width:100%;padding:20px 15px;line-height:initial;background:var(--border-color03);border-radius:10px 10px 0 0;font-size:140%;}
			.main_cs .cs_table h4 br{display: none;}
			.main_cs .cs_table > div{width:100%;border-width:1px;border-top:none;border-radius:0 0 10px 10px;padding:20px 15px;}
		}
		@media (max-width:640px) {
			.main_cs:before{border-radius:0 0 150px 0;width:calc(100% - 30px);height:15%;}
			.main_cs .main_title p{margin-top:10px;line-height:1.4;}
			.main_cs .cs_img:before{display: none;}
			.main_cs .cs_img li{width:100%;}
			.main_cs .cs_img li .img{box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);}
			.main_cs .cs_img li .txt_box{margin-top:14px;}
			
			.main_cs .contract_list .swiper-container{width:100%;padding-right:0;}
			.main_cs .contract_list .arw_box{display: none;}
		}
		@media (max-width:479px) {
			.main_cs .cs_table h4{border-radius:5px 5px 0 0;font-size:130%;padding:12px 15px;}
			.main_cs .cs_table > div{border-radius:0 0 5px 5px;}
			.main_cs .cs_list ul{gap:10px;}
			.main_cs .cs_list ul li .status{width:68px;height:28px;font-size:75%;}
			.main_cs .cs_list ul li .title{padding:0 10px 0 6px;width:calc(100% - 117px);}
			.main_cs .contract_list > div{padding:15px 15px;}
			.main_cs .contract_list .swiper-container{height:28px;}
			.main_cs .contract_list ul li .title{width:calc(100% - 49px);padding-left:20px;}
		}
		
	/*ad*/
		.main_ad{position: relative;background:var(--point-color04);box-sizing:border-box;margin-top:120px;padding:100px 0;overflow:hidden;}
		.main_ad:before, .main_ad:after{aspect-ratio:auto 1;content:"";position: absolute;box-sizing:border-box;border-radius:100%;}
		.main_ad:before{width:742px;border:1px dashed var(--black-color15);bottom:-35.5%;right:-13%;opacity:0.12;}
		.main_ad:after{width:645px;background:var(--black-color15);bottom:-30.7%;right:-10.5%;opacity:0.05;}
		.main_ad .ad_list{margin-top:45px;position: relative;z-index:2;display: flex;flex-wrap:wrap;gap:20px;}
		.main_ad .ad_list li{display:inline-block;width:calc(50% - 10px);box-sizing:border-box;background:var(--point-white);box-shadow:0 0 29px 0 rgba(0, 0, 0, 0.14);border-radius:10px;padding:41px 30px 43px 70px;vertical-align: top;}
		.main_ad .ad_list li:nth-child(1){width:100%;padding:55px 30px 57px 70px;}
		.main_ad .ad_list li .ad_box{display:flex;align-items:center;flex-wrap:wrap;height:100%;}
		.main_ad .ad_list li .ad_box .icon{width:64px;display: flex;align-items: center;justify-content: center;}
		.main_ad .ad_list li .ad_box .txt{padding-left:54px;box-sizing:border-box;width:calc(100% - 64px);font-size:var(--title-20);}
		.main_ad .ad_list li .ad_box .txt h4{font-size:110%;color:var(--black-color02);font-weight:500;letter-spacing:-0.44px;margin-bottom:9px;}
		.main_ad .ad_list li .ad_box .txt p{font-size:85%;color:var(--black-color06);font-weight:300;line-height:1.7;font-family:var(--font-type03);letter-spacing:-0.6px;}
		
		@media (max-width:1023px) {
			.main_ad{margin-top:clamp(60px, 12vw, 120px);padding:clamp(50px, 10vw, 100px) 0;}
			.main_ad:before{width:58vw;bottom:-32.5%;}
			.main_ad:after{width:50vw;}
			.main_ad .ad_list{margin-top:clamp(25px, 4.5vw, 45px);}
			.main_ad .ad_list li:nth-child(1){padding:clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);}
			.main_ad .ad_list li{padding:clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);}
			.main_ad .ad_list li .ad_box .icon{width:50px;}
			.main_ad .ad_list li .ad_box .txt{width:calc(100% - 50px);padding-left:clamp(10px, 3vw, 30px);}
		}
		@media (max-width:860px) {
			.main_ad .ad_list li{width:100%;}
		}
		@media (max-width:479px) {
			.main_ad .ad_list li .ad_box{flex-direction: column;align-items: flex-start;gap:20px;}
			.main_ad .ad_list li .ad_box .icon{width:40px;}
			.main_ad .ad_list li .ad_box .txt{width:100%;padding:0;}
			.main_ad .ad_list li .ad_box .txt h4{margin-bottom:4px;}
		}
		
	/*project*/
		.main_project{box-sizing:border-box;background:url('../images/skin/main-project-bg.jpg')no-repeat center;background-size:cover;padding:101px 0 101px;position: relative;z-index:3;}
		.main_project .main_title{display: flex;flex-wrap:wrap;align-items: baseline;justify-content: space-between;}
		.main_project .main_title .title_box{display: flex;flex-wrap:wrap;align-items: baseline;font-size:var(--title-20);}
		.main_project .main_title h3{color:var(--point-white);padding:0;text-align:left;}
		.main_project .main_title h3:before{display: none;}
		.main_project .main_title p{font-size:100%;color:rgba(255,255,255,0.8);font-weight:300;letter-spacing:-1px;display: inline-block;margin-left:25px;}
		.main_project .arw_box{display: inline-block;box-sizing:border-box;width:110px;font-size:0;}
		.main_project .arw_box button{width:50px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid rgba(255,255,255,0.3);background:transparent;font-size:0;position: relative;transition:all 0.5s;}
		.main_project .arw_box .next{margin-left:10px;}
		.main_project .arw_box button:before{width:7px;height:7px;content:"";border:1px solid var(--point-white);border-width:1px 1px 0 0;display: block;position: absolute;top:20px;transition:all 0.5s;}
		.main_project .arw_box .prev:before{transform:rotate(-135deg);left:23px;}
		.main_project .arw_box .next:before{transform:rotate(45deg);right:23px;}
		.main_project .swiper-container{margin-top:44px;overflow:hidden;}
		#wrap .main_project .swiper-slide{height:auto;}
		.main_project .project_list .thumb{width: 100%;aspect-ratio: auto 2.08;overflow:hidden;}
		.main_project .project_list .thumb img{width:100%;height:100%;object-fit:cover;}
		.main_project .info{width:100%;box-sizing:border-box;background:rgba(0,0,0,0.5);border-radius:0 0 10px 10px;padding:27px 25px 27px 25px;display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
		.main_project .info p{font-size:var(--title-20);color:var(--point-white);font-weight:400;letter-spacing:-1px;display: inline-block;vertical-align: top;}
		.main_project .info .process{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:54px;height:24px;background:var(--point-color05);text-align: center;border-radius:12px;font-size:var(--title-14);color:var(--point-white);font-weight:400;letter-spacing:-0.28px;}
		
		@media (max-width:1023px) {
			.main_project{padding:clamp(50px, 10vw, 100px) 0;}
			.main_project .main_title .title_box{width:calc(100% - 110px);flex-direction: column;gap:10px;}
			.main_project .swiper-container{overflow:visible;}
			.main_project .main_title p{margin:0;}
		}
		@media (max-width:479px) {
			.main_project .main_title .title_box{width:calc(100% - 82px);}
			.main_project .main_title p{display: none;}
			.main_project .arw_box{width:82px;}
			.main_project .arw_box button{width:36px;}
			.main_project .arw_box button:before{top:13px;}
			.main_project .arw_box .prev:before{left:15px;}
			.main_project .arw_box .next:before{right:15px;}
			.main_project .swiper-container{margin-top:21px;}
			.main_project .info{padding:12px 15px;}
			.main_project .info .process{width:44px;height:21px;}
		}
		
	/*benefit*/
		.main_benefit{padding:100px 0 120px;z-index:2;}
		.main_benefit:before{width:495px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;bottom:-188px;right:-60px;}
		.main_benefit .w_custom:before{width:140px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color04);position: absolute;top:104px;left:-66px;}
		.main_benefit .benefit_container{margin-top:44px;overflow:visible;position: relative;z-index:3;}
		.main_benefit .benefit_list{width:100%;box-sizing:border-box;border-radius:var(--radius-10);box-shadow:0 0 54px 0 rgba(0,0,0,0.18);border:1px solid var(--border-color01);display:flex;flex-wrap:wrap;text-align: center;position: relative;z-index:2;background:var(--point-white);}
		.main_benefit .benefit_list li{display: inline-block;box-sizing:border-box;width:calc(100% / 4);padding:43px 10px 36px;height:auto;}
		.main_benefit .benefit_list li + li{border-left:1px solid var(--border-color01);}
		.main_benefit .benefit_list li:nth-of-type(4n+1){border-left:none;}
		.main_benefit .benefit_list li:nth-child(n+5){border-top:1px solid var(--border-color01);}
		.main_benefit .benefit_list li .icon{height:77px;display: flex;align-items: center;justify-content: center;}
		.main_benefit .benefit_list li .icon img{max-height:100%;}
		.main_benefit .benefit_list li dl dt{display: inline-block;font-size:var(--title-18);color:var(--black-color03);font-weight:500;letter-spacing:-0.36px;font-family:var(--font-type03);position: relative;margin-top:16px;padding:0 6px;}
		.main_benefit .benefit_list li dl dt.emp span{background:linear-gradient(to top, rgba(253,156,156,0.4) 23%, transparent 32%);}
		.main_benefit .benefit_list li dl dt span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;z-index:3;}
		.main_benefit .benefit_list li dl dd{font-size:var(--title-16);color:var(--black-color06);font-weight:300;letter-spacing:-0.32px;line-height:1.5;font-family:var(--font-type03);margin-top:8px;}
		.main_benefit .swiper_arw{display: none;}
		
		@media (max-width:1600px) {
			.main_benefit:before{width:27vw;bottom:-10%;}
		}
		@media (max-width:1200px) {
			.main_benefit:before{width:22vw;bottom:-3%;}
			.main_benefit .w_custom:before{width:90px;top:129px;left:-18px;}
		}
		@media (max-width:1023px) {
			.main_benefit{padding:clamp(50px, 10vw, 100px) 0 clamp(60px, 12vw, 120px);}
		}
		@media (max-width:767px) {
			.main_benefit .w_custom:before{top:-110px;left:-55px;}
			.main_benefit .benefit_container{margin-top:30px;overflow:visible;}
			.main_benefit .benefit_list{flex-wrap:initial;box-shadow:none;border:none;background:none;}
			.main_benefit .benefit_list li{border: 1px solid var(--border-color02);box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.18);border-radius:var(--radius-10);background:var(--point-white);}
			.main_benefit .swiper_arw{width:50px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid var(--border-color01);background:var(--point-white);font-size:0;position:absolute;box-shadow:0 0 27px 0 rgba(0,0,0,0.18);top:42.6%;display: block;z-index:5;}
			.main_benefit .prev{left:21%;}
			.main_benefit .next{right:21%;}
			.main_benefit .swiper_arw:before{width:7px;aspect-ratio:auto 1;content:"";border:1px solid var(--black-color07);border-width:1px 1px 0 0;display: block;position: absolute;top:20px;}
			.main_benefit .prev:before{transform:rotate(-135deg);left:22px;}
			.main_benefit .next:before{transform:rotate(45deg);right:22px;}
		}
		@media (max-width:479px) {
			.main_benefit:before{width: 45vw;bottom: -6%;right: -13%;}
			.main_benefit .swiper_arw{box-shadow:0 0 11px 0 rgba(0,0,0,0.18);}
			.main_benefit .prev{left:7%;}
			.main_benefit .next{right:7%;}
		}
		
	/*partner*/
		.main_partner{background:var(--point-color04);padding:100px 0;}
		.main_partner .sub_partner_list{margin-top:53px;text-align: center;}
		.sub_partner_list .list_box{display: flex;flex-wrap:wrap;gap:10px;}
		.sub_partner_list .list_box li{width:calc(100% / 6 - 9px);border-radius:var(--radius-10);box-shadow: 0 5px 24px rgba(158, 171, 196, 0.4);height: 80px;overflow: hidden;background:var(--point-white);box-sizing:border-box;display: flex;align-items: center;justify-content: center;padding:0 10px;}
		.main_partner .more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;background:transparent;border:1px solid var(--black-color05);width:180px;height:70px;font-size:var(--title-20);color:var(--black-color03);font-weight:400;letter-spacing:-0.8px;margin-top:50px;text-align: center;transition:all 0.5s;}
		
		/* over */
		@media (pointer: fine) and (hover: hover) {
			.main_partner .more:hover{background:var(--point-color02);border:1px solid var(--point-color02);color:var(--point-white);}
		}
		
		@media (max-width:1023px) {
			.main_partner{padding-block:clamp(50px, 10vw, 100px);}
			.main_partner .sub_partner_list{margin-top:clamp(25px, 5.3vw, 53px);}
			.sub_partner_list .list_box li{width:calc(100% / 5 - 10px);height:clamp(60px, 8vw, 80px);}
			.main_partner .more{width:clamp(130px, 18vw, 180px);height:clamp(50px, 7vw, 70px);margin-top:clamp(25px, 5vw, 50px);}
		}
		@media (max-width:860px) {
			.sub_partner_list .list_box li{width:calc(100% / 4 - 7.5px);}
		}
		@media (max-width:640px) {
			.sub_partner_list .list_box li{width:calc(100% / 3 - 10px);}
		}
		
	/*inq*/
		.main_inq{padding:50px 0 120px;font-size:var(--title-20);}
		.sub_contact.main_inq{padding:0;}
		.main_inq .main_title{box-sizing:border-box;display: flex;flex-wrap:wrap;align-items: baseline;justify-content: space-between;margin-bottom:24px;}
		.main_inq .main_title .title_box{display:flex;align-items: baseline;gap:18px;text-align:left;}
		.main_inq .main_title h3{padding:0;}
		.main_inq .main_title h3:before{display: none;}
		.main_inq .main_title .title_box p{font-size:var(--title-20);color:var(--black-color06);font-weight:300;letter-spacing:-0.4px;display: inline-block;margin:0;}
		.main_inq .main_title .email_contact{display: inline-block;vertical-align:bottom;padding-left:34px;background:url('../images/skin/envelope.png') no-repeat 0 50%;background-size:auto 14px;font-size:var(--title-17);color:var(--black-color03);font-weight:400;font-family:var(--font-type02);}
		.main_inq .main_title .email_contact strong{font-size:inherit;color:var(--black-color07);font-weight:400;display: inline-block;margin-right:5px;}
		.main_inq .main_title .email_contact a{font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:0.02em;}
		
		.main_inq h4{font-size:100%;color:var(--black-color00);font-weight:400;margin-bottom:15px;line-height:1.3;}
		.main_inq h4 strong{font-size:inherit;color:var(--main-point05);font-weight:inherit;}
		.main_inq h4 span{display: inline-block;font-size:var(--title-18);color:var(--black-color08);font-weight:400;padding-left:12px;line-height:1.4;}
		
		.bbs_write{display: flex;flex-wrap:wrap;gap:20px 40px;}
		.bbs_write dl{display: flex;flex-wrap:wrap;align-items: center;width:calc(50% - 20px);}
		.bbs_write dl.w_100{width:100%;}
		.bbs_write dl dt{font-size: var(--title-18);color: var(--black-color00);font-weight:500;width:120px;line-height:1.3;}
		.bbs_write dl dt.req:after{content: "*";font-size:var(--title-14);color: var(--point-color01);font-weight: 700;display: inline-block;padding-left: 5px;}
		.bbs_write dl dd{width:calc(100% - 120px);font-size: var(--title-17);color: var(--black-color03);font-weight: 400;}
		.bbs_write dl dd :where([type="text"], [type="number"], select, textarea){width:100%;}
		.bbs_write .flex_box{display: flex;flex-wrap:wrap;display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}
		.bbs_write .phone_input input{width:calc(100% / 3 - 19px);}
		.bbs_write .mail_input	input{width:calc(100% / 3 - 19px);}
		.bbs_write .mail_input select{width:calc(100% / 3 - 8px);}
		.bbs_write .file_form{display: flex;align-items: center;gap:20px;}
		.bbs_write .file_box{width:430px;display: flex;flex-wrap:wrap;box-sizing:border-box;height:46px;gap:10px;}
		.bbs_write .file_box .file_input{width:calc(100% - 140px);height:100%;box-sizing:border-box;display:flex;align-items: center;border:1px var(--border-color02) solid;position: relative;overflow:hidden;}
		.bbs_write .file_box .file_input input{border:none;}
		.bbs_write .file_box .file_input #file_filezone{display:flex;align-items: center;position: absolute;top:0;left:0;width:100%;height:100%;padding:0 15px;box-sizing:border-box;font-size:var(--title-17);color:var(--black-color03);font-weight:400;gap:10px;}
		.bbs_write .file_box .file_input #file_filezone a{font-size:inherit;color:inherit !important;font-weight:inherit;}
		.bbs_write .file_box .file_input #file_filezone a:nth-child(1){display: block;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.bbs_write .file_box .btn_file{width:130px;height:100%;box-sizing:border-box;display: inline-flex;align-items: center;justify-content: center;background:var(--black-color05);font-size:var(--title-18);color:var(--point-white);font-weight:600;cursor:pointer;position: relative;z-index:3;}
		.bbs_write .file_form .file_txt{display: flex;flex-wrap:wrap;align-items: center;gap:20px;}
		.bbs_write .file_form .file_txt p{font-size:var(--title-16);color:var(--black-color08);font-weight:400;line-height:1.4;letter-spacing:-0.03em;}
		.bbs_write .file_form .file_txt p strong{font-size:inherit;color:var(--black-color03);font-weight:inherit;}
		.bbs_write .file_form .copy_link{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-17);line-height:1.3;color:var(--black-color00);border:1px solid var(--black-color00);text-align: center;cursor:pointer;padding:8px 11px;}
		.main_inq .cont_box{padding:40px;border:1px solid var(--border-color03);border-top:none;}
		.main_inq .btn_center_box{font-size:var(--title-20);}
			.main_inq .btn{width:200px;height:50px;border-radius:0;font-size:100%;}
		
		.board_policy{box-sizing:border-box;margin-top:clamp(20px, 3vw, 32px);display: flex;align-items: center;justify-content: center;background:var(--gray-bg01);padding:clamp(15px, 2vw, 22px) 0;gap:45px;flex-wrap:wrap;}
		.board_policy .board_captcha{display:inline-flex;align-items: center;justify-content: center;gap:10px;}
		.board_policy .board_captcha .captcha_wrap{box-sizing: border-box; display: flex; gap:10px;}
		.board_policy .board_captcha #captcha_box{margin:0;font-size:0;}
		.board_policy .board_captcha #captcha_box img{width:180px !important;height:40px !important;box-sizing:border-box;}
		.board_policy .board_captcha #refreshCode{display: inline-flex; background:var(--black-color08) url('../images/sub/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer;width:40px;aspect-ratio:auto 1;box-sizing: border-box;border-radius:5px;}
		#wrap .bbs_write_box input#captcha{width:calc(100% - 240px);}
		
		.board_policy .policy_chk{display: flex;align-items: center;gap:18px;}
		.board_policy .policy_chk label{font-size:var(--title-18);color:var(--black-color04);font-weight:400;}
		.board_policy .policy_chk a{font-size:var(--title-15);color:var(--black-color07);font-weight:300;}
		
		@media (max-width:1300px) {
			.main_inq .main_title .title_box{flex-direction: column;gap:5px;}
            .bbs_write dl{width:100%;}
            .bbs_write .file_form{flex-direction: column;align-items: flex-start;gap:10px;}
		}
		@media (max-width:1023px) {
			.main_inq{padding:clamp(30px, 5vw, 50px) 0 clamp(60px, 12vw, 120px);}
			.main_inq .main_title{gap:10px;margin-bottom:25px;}
			.main_inq h4 span{display: block;width:100%;padding:5px 0 0 0;}
            .bbs_write dl dt{width:clamp(100px, 12vw, 120px);}
            .bbs_write dl dd{width:calc(100% - clamp(100px, 12vw, 120px));}
			
			.bbs_write .file_box{height:clamp(40px, 4.6vw, 46px);}
			.board_policy{flex-direction: column;gap:30px;}
			.main_inq .btn{width:clamp(150px, 20vw, 200px);height:clamp(40px, 5vw, 50px);}
		}
		@media (max-width:860px) {
			.bbs_write{gap:10px;}
			.bbs_write dl{gap:10px;}
			.bbs_write dl dt{width:100px;}
			.bbs_write dl dd{width:calc(100% - 110px);}
			.bbs_write .flex_box{gap:8px;}
			.bbs_write .phone_input input{width:calc(100% / 3 - 15px);}
			.bbs_write .mail_input input{width:calc(100% / 3 - 16px);}
			.bbs_write .mail_input select{width:calc(100% / 3 - 8px);}
			
			.bbs_write .file_box{width:100%;}
			.bbs_write .file_box .file_input{width:calc(100% - 96px);}
			.bbs_write .file_box .btn_file{width:86px;}
			.bbs_write .file_form .file_txt{flex-direction: column;gap:10px;align-items: flex-start;}
			.bbs_write .file_form .file_txt p{width:100%;}
		}
		@media (max-width:479px) {
			.main_inq .main_title .email_contact{padding-left:24px;background-size:auto 10px;}
			.bbs_write dl{gap:6px;}
			.bbs_write dl dt, .bbs_write dl dd{width:100%;}
			.bbs_write .mail_input input{width:calc(100% / 2 - 15px);}
			.bbs_write .mail_input select{width:100%;}
			.main_inq .cont_box .bbs_write dl dt, .main_inq .cont_box .bbs_write dl dd{width:100%;}
			.board_policy{margin-top:25px;padding:20px 15px;}
			.board_policy .board_captcha .captcha_wrap{align-items: center;}
			.board_policy .board_captcha #refreshCode{width:30px;background-size:auto 15px;}
			.board_policy .board_captcha{flex-direction: column;width:100%;}
			.board_policy .board_captcha input{width:100%;}
			.board_policy .policy_chk{flex-direction: column;gap:10px;}
			
			.main_inq .btn{width:calc(50% - 10px);}
		}