@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    #wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    #contents_wrap, .main_w_custom, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}
	.main_w_custom{max-width:1600px;}
    #container{background: var(--point-white);padding:100px 0 140px;z-index: 5;}

    @media(max-width:1023px){
        #container{padding-top:clamp(50px, 10vw, 100px);padding-bottom:clamp(70px, 22vw, 180px);}
    }
    @media(max-width:860px){
        #contents_wrap, .main_w_custom, .w_custom{width: calc(100% - 30px);}
    }
    @media(max-width:320px){
        #contents_wrap, .main_w_custom, .w_custom{width: calc(100% - 20px);}
    }

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

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}
	
	#header{position: sticky;width:100%;top:0;z-index:10;transition:all 0.3s;box-sizing:border-box; border-bottom: 1px solid var(--border-color01); background: var(--point-white);}
    .main_index #header {position: fixed; left:0; filter:var(--filter-white); background: none; border-color: var(--trans-color);}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding:0 60px;}
	#header .header_cont .hd_logo a{display: block;}
	#header .header_cont .hd_logo img{height:52px;}
	#header .header_cont .hd_right{display: flex;align-items: center;gap:60px;}
	#header .header_cont .hd_lnb{display: flex;}
	#header .header_cont .hd_lnb > li{padding:0 40px;position: relative;}
	#header .header_cont .hd_lnb > li > a{font-size:var(--title-20);color:var(--black-color00);font-weight:600;line-height:120px;}
	#header .header_cont .hd_lnb .hd_lnb_dep2{position: absolute;top:75%;left:50%;transform:translate(-50%);background:var(--point-color01);box-sizing:border-box;text-align: center;min-width:160px;padding:20px 0;display: none;border-radius:10px;}
	#header .header_cont .hd_lnb .hd_lnb_dep2 li + li{margin-top:15px;}
	#header .header_cont .hd_lnb .hd_lnb_dep2 li a{font-size:var(--title-18);color:var(--point-white);font-weight:400;display: block;text-underline-offset:5px;}
	#header .header_cont .all_cate{width:37px;height:31px;}
	#header .header_cont .all_cate a{display: block;width:100%;height:100%;position: relative;}
	#header .header_cont .all_cate a span{display: inline-block;width:32px;height:3px;background:var(--black-color00);position: absolute;left:0;transition:all 0.3s;}
	#header .header_cont .all_cate a span:nth-child(1){top:0;}
	#header .header_cont .all_cate a span:nth-child(2){top:14px;transform:translate(5px);}
	#header .header_cont .all_cate a span:nth-child(3){bottom:0;}
	
	/*on*/
	.main_index #header.on{background:var(--point-white);filter:none;border-color:var(--border-color01);}
	
    #header .header_cont .hd_lnb > li.on > a { color: var(--point-color01); }
	#header.main{filter:none;}
	
	@media (hover:hover) and (pointer:fine){
		.main_index #header:hover{filter:none;background:var(--point-white);border-color:var(--border-color01)}
		#header .header_cont .all_cate:hover a span:nth-child(2){transform:translate(0);}
		#header .header_cont .hd_lnb .hd_lnb_dep2 li:hover a{text-decoration: underline;}
	}
	
	@media screen and (max-width:1200px) {
		#header .header_cont .hd_right{gap:40px;}
		#header .header_cont .hd_lnb > li{padding:0 20px;}	
	}
	@media screen and (max-width:1024px) {
		#header.main{filter:var(--filter-white);}
		#header.main.on{background:var(--point-white);filter:none;border-bottom:1px solid var(--border-color01);}
		#header .header_cont{padding:25px 30px;}
		#header .header_cont .hd_logo img{height:clamp(38px, 7vw, 52px);}
		#header .header_cont .hd_lnb{display: none;}
	}
	@media screen and (max-width:640px) {
		#header .header_cont{padding:20px 15px;}
		#header .header_cont .all_cate{width:32px;height:28px;}
		#header .header_cont .all_cate a span{width:calc(100% - 4px);height:2px;}
		#header .header_cont .all_cate a span:nth-child(2){top:12px;transform:translate(4px);}
	}
	@media screen and (max-width:479px) {
		#header .header_cont{padding:16px 15px;}
		#header .header_cont .all_cate{width:30px;height:24px;}
		#header .header_cont .all_cate a span:nth-child(2){top:10px;}
	}

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top:-100%;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s; justify-content: center;}
        #aside.on{top:0;opacity: 1;}
    body:has(#aside.on){overflow: hidden !important; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;font-family: var(--font-type02);display: flex;flex-wrap:wrap;justify-content: center;gap:50px;}
    #aside .gnb > li{color: var(--point-white); ;font-size:var(--title-20);width:calc(20% - 40px);text-align: center;opacity:0;transform:translateY(100px);transition:all 0.8s;}
	#aside.on .gnb > li{opacity:1;transform:translateY(0);}
	#aside.on .gnb > li:nth-child(1){transition-delay:0.3s;}
	#aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
	#aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
	#aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
	#aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
    #aside .gnb > li > a{display: block;font-size:180%;color:inherit;font-weight: 500;line-height: 1.2;padding:30px 0;flex-shrink: 0;transition: all 0.4s;position: relative;}
	#aside .gnb > li > a:before{width:12px;height:0;opacity:0;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;left:50%;top:0;transform:translate(-50%);transition:all 0.3s;}
    #aside .gnb .dep02{margin-top:8px;}
    #aside .gnb .dep02 > li{font-size:var(--title-20);}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size:110%;font-weight:400;padding:15px 0;transition: all 0.4s;color:var(--point-white);}
    #aside .utility{position: absolute;top:50px;right:50px;display: flex;align-items: center;gap: 30px;}
    #aside .close_btn{position: relative;width: 40px;height: 40px;z-index: 9;}
    #aside .close_btn span{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background: var(--point-white);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color:var(--point-white);}
				#aside .gnb .dep02:has(li:hover) li:not(:hover) > a{color:var(--black-color08);}
            }

    @media (max-width:1600px){
        #aside .utility{top:30px; right: 30px;}
    }
	@media (max-width:1300px){
		#aside .gnb{gap:20px;}
		#aside .gnb > li{width:calc(20% - 16px);}
	}
    @media (max-width:1024px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
        #aside .close_btn{width: 35px; height: 35px;}
		#aside .utility{gap:20px;}
    }
    @media (max-width:860px){
		#aside{display: block;}
		#aside .gnb{flex-direction: column;gap:0;}
        #aside .gnb > li{display: block; padding: 20px 0;width:100%;text-align:left;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.5);}
        #aside .gnb > li > a{width: 100%; padding:0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: flex;flex-wrap:wrap;margin-top: 10px;justify-content: flex-start;gap:0 12px;}
		#aside .gnb .dep02 li{width:calc(100% / 3 - 8px);}
		#aside .gnb .dep02 > li > a{padding:12px 0;}
		#aside .utility{top:15px; right: 15px; }
        #aside .close_btn{width: 30px; height: 30px;}
    }
    @media (max-width:640px){
        #aside .gnb > li > a{font-size: 220%;}
		#aside .gnb .dep02 li{width:calc(50% - 6px);}
        #aside .gnb .dep02 > li > a{padding:7px 0;font-size:100%;}
        #aside .gnb .dep02 > li:not(:last-child):after{margin:0 15px;}
    }
    @media (max-width:479px){
        #aside .gnb > li{padding: 15px 0;}
        #aside .gnb > li > a{font-size: 200%;}
        #aside .gnb .dep02{margin-top: 5px;}
        #aside .gnb .dep02 > li > a{font-size: 90%;}
    }
	
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#section08{padding:0 !important;}
	#section08 .fp-tableCell{padding:0;}
	#footer{background:var(--black-color00);box-sizing:border-box;padding:80px 0 76px;}
	#footer .ft_info_box{display: flex;flex-wrap:wrap;align-items:flex-start;justify-content: space-between;}
	#footer .ft_info_box .info_box{width:calc(100% - 220px);}
	#footer .ft_info_box .ft_menu{display: flex;flex-wrap:wrap;gap:40px;margin-top:50px;}
	#footer .ft_info_box .ft_menu li a{font-size:var(--title-18);color:var(--point-white);font-weight:200;}
	#footer .ft_info_box .ft_menu li a strong{font-size:inherit;color:inherit;font-weight:500;}
	#footer .ft_info_box .info{margin-top:40px;}
	#footer .ft_info_box .info span{display: inline-block;font-size:var(--title-16);color:var(--point-white);font-weight:300;line-height:2;font-family:var(--font-type02);opacity:0.8;}
	#footer .ft_info_box .info span + span{margin-left:26px;}
	#footer .ft_info_box .info span strong{font-size:inherit;color:inherit;font-weight:500;font-family:inherit;}
	#footer .ft_info_box .info span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
	#footer .ft_info_box .copyright{margin-top:50px;font-size:var(--title-16);color:rgba(255,255,255,0.6);font-weight:400;line-height:1.62;}
	#footer .ft_info_box .copyright a{display: inline-block;font-size:inherit;color:inherit;font-weight:inherit;margin-left:20px;}
	
	#footer .ft_sns{display: flex;flex-wrap:wrap;gap:14px;}
	#footer .ft_sns li a{width:40px;height:40px;box-sizing:border-box;border-radius:10px;background:var(--point-white);display: flex;align-items: center;justify-content: center;}
	#footer .ft_sns li a img{max-width:20px;}
	
	/*quick*/
	.main_quick{position: fixed;right:60px;bottom:40px;display: inline-flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;gap: 10px;font-size: 0;opacity: 0;pointer-events: none;transition: opacity 0.4s;z-index: 30;}
		.main_quick.on{opacity: 1; pointer-events: all;}
	.main_quick li{width:56px;height:56px;position: relative;}
	.main_quick li a{display: flex;box-sizing:border-box;align-items: center;width:100%;height:100%;position: relative;border-radius:28px;transition:all 0.3s;}
	.main_quick li .scr_cs{gap:19px;justify-content: flex-end;background:var(--point-color01);position: absolute;top:0;right:0;overflow:hidden;}
	.main_quick li .scr_cs span{font-size:var(--title-18);color:var(--point-white);font-weight:500;opacity:0;width:0;height:0;transition:all 0.3s;position: absolute;left:16px;top:16px;}
	.main_quick li .scr_cs:after{width:24px;height:24px;content:"";background:url('../images/skin/ft_cs.svg')no-repeat center;display: inline-block;background-size:auto 100%;position: absolute;right:16px;top: 17px;}
	.main_quick li a.scr_top{background:var(--black-color00);justify-content: center;}
	.main_quick li a.scr_top.ver_m{display: none;}
	
	@media (min-width:1024px){
		.main_quick li .scr_cs:hover{width:140px;;}
		.main_quick li .scr_cs:hover span{opacity:1;width:auto;height:auto;}
	}
	@media (max-width:1500px){
		.main_quick{margin-left:-56px;}
	}
	@media (max-width:1200px){
		#footer .ft_info_box .info_box{width:calc(100% - 200px);}
		#footer .ft_info_box .info{display: flex;flex-wrap:wrap;gap:5px 20px;}
		#footer .ft_info_box .info br{display: none;}
		#footer .ft_info_box .info span{line-height:1.5;}
		#footer .ft_info_box .info span + span{margin-left:0;}
		#footer .ft_sns{gap:10px;}
	}
	@media (max-width:1024px){
		#footer{padding:60px 0 55px;}
		#footer .ft_info_box .ft_menu{gap:10px 25px;}
		#footer .ft_logo img{height:clamp(38px, 7vw, 52px);}
		
		/*quick*/
		.main_quick{right:30px;}
		.main_quick li .scr_cs{position: static;gap:0;justify-content: center;}
		.main_quick li .scr_cs:after{position: static;width:100%;height:100%;background-size:auto 24px;}
	}
	@media (max-width:860px){
		#footer .ft_info_box{gap:30px;}
		#footer .ft_info_box .info_box{width:100%;}
		#footer .ft_info_box .ft_menu{margin-top:30px;}
		#footer .ft_info_box .copyright{margin-top:30px;}
	}
	@media (max-width:640px){
		#footer .ft_info_box .copyright a{display: block;margin:5px 0 0 0;}
		
		/*quick*/
		.main_quick{right:15px;}
		.main_quick li{width:40px;height:40px;}
		.main_quick li .scr_cs:after{background-size:auto 18px;}
		.main_quick li a img{max-height:17px;}
	}
	@media (max-width:479px){
		#footer{padding:45px 0 40px;}
		#footer .ft_info_box .ft_menu{gap:8px 15px;}
		#footer .ft_info_box .info{gap:5px 15px;}
		
		#footer .ft_sns li a{width:34px;height:34px;border-radius:5px;}
		#footer .ft_sns li a img{max-width:50%;}
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*intro*/
	.main_intro{width:100%;height:100%;position: fixed;top:0;left:0;background:var(--point-white);display: flex;align-items: center;justify-content: center;z-index:10;overflow:hidden;}
	.main_intro.hide{display: none;}
	.main_intro .circle,
	.main_intro .circle2{width:0;content:"";background:var(--point-color01);border-radius:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 2s;display: flex;aspect-ratio:1;z-index:2;}
	.main_intro .circle2{transition:all 1s;}
	.main_intro .logo{position: absolute;top:50%;left:-50%;transform:translate(-50%, -50%);transition:all 2s;z-index:3;}
	.main_intro .logo .img{position: relative;}
	.main_intro .logo .img:before{width:77%;height:88px;content:"";background:var(--point-white);position: absolute;right:0;top:0;transition-delay:2s;transition:width 1s;}
	.main_intro.on .logo{left:55%;}
	.main_intro .logo.active{left:50%;}
	.main_intro .logo.active .img:before{width:0;}
	.main_intro.active .circle{width:150%;}
	.main_intro.active .circle2{width:150%;right:-50%;bottom:-80%;left:auto;top:auto;transform:none;transform-origin:right bottom;transition-delay:1s;}
	.main_intro.active .logo{filter:var(--filter-white);}
	
	.main_intro.last{background:none;}
	.main_intro.last .logo{opacity:0;}
	.main_intro.last .circle{transition-delay:1s;opacity:0;}
	.main_intro.last .circle2{width:56px;right:60px;bottom:106px;}
	
	body.fix #fp-nav{z-index:0;}
	body.fix #header{opacity:0;}
	body.fix .main_quick{opacity:0;}

	@media (max-width:1024px){
		.main_intro.active .circle2{right:-50%;}
		
		.main_intro.last .circle2{right:30px;}
	}
	@media (max-width:640px){
		.main_intro.active .circle, .main_intro.active .circle2{width:150vw;}
		.main_intro .logo{width:305px;text-align: center;}
		
		.main_intro.on .logo{left:70%;}
		
		.main_intro .logo.active{left:50%;}
		.main_intro.active .circle2{right:-68%;bottom:-90%;}
		
		.main_intro.last .circle2{right:15px;width:40px;bottom:90px;}
	}
	@media (max-width:479px){
		.main_intro .logo{width:260px;}
		
		.main_intro.active .circle, .main_intro.active .circle2{width:250vw;}
		.main_intro.last .circle2{width:40px;;}
	}
	
	/*navigation*/
		body #fp-nav.fp-right{right:46px;}
		body #fp-nav{top:56%;}
		
		body #fp-nav.fp-left{left:19px;}
		body #fp-nav ul{display: flex;flex-direction: column;justify-content: center;gap:9px;}
		body #fp-nav ul li{margin:0;width:auto;height:auto;display: flex;align-items: center;}
		body #fp-nav ul li:last-child{display: none;}
		body #fp-nav ul li a{width:124px;min-height:18px;height:auto;background:none;text-align: center;}
		body #fp-nav ul li a span{display: none;}
		body #fp-nav ul li a .fp-sr-only{display: block;position: static;width:22px;margin:0;font-size:0;margin:0;background:none;border-radius:0;}
		body #fp-nav ul li a .fp-sr-only:before{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--border-color01);position: absolute;top:50%;left:12px;transform:translate(-50%);}
		body #fp-nav ul li .fp-tooltip.fp-left{position:absolute;font-size:var(--title-14);color:var(--point-color01);font-weight:700;left:29px;top:50%;font-family:var(--font-type01);transform:translateY(-50%);}
		
		body #fp-nav ul li a.active, body #fp-nav ul li a.active + .fp-tooltip{filter:var(--filter-white);}
		body #fp-nav ul li a.active .fp-sr-only{width:22px;height:22px;background:url('../images/skin/main_nav.png')no-repeat center;background-size:auto 100%;margin:0;}
		body #fp-nav ul li a.active .fp-sr-only:before{display: none;}
		
		body #fp-nav.main ul li a.active, body #fp-nav.main ul li a.active + .fp-tooltip{filter:none;}
	
		@media only screen and (min-width:1024px){
			body #fp-nav ul li:hover .fp-tooltip.fp-left{color:var(--point-white);}
			body #fp-nav.main ul li:hover .fp-tooltip.fp-left{color:var(--point-color01);}
		}
	
	/*visual*/
		.visual_wrapper{position: relative;height:100%;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:100vh;background:#000;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100vh;border:none;}
		#wrap .main_visual .thumb{width:100%;height:100%;position: absolute;top:0;left:0;transition:all 7s;background-size:cover;background-position:center;transform:scale(1.2);}
		.main_visual .link{position:absolute; inset:0; z-index:5;}
		.main_visual .txt_box {position:absolute;left:50%;top:30%;text-align:left;transform:translate(-50%);z-index:2;font-size:var(--title-20);}
		.main_visual .txt_box p{font-size:120%;color:var(--point-white);font-weight:600;line-height:1.3;letter-spacing:-0.03em;height:max-content;}
		.main_visual .txt_box h2{font-size:var(--title-90);color:var(--point-white);font-weight:700;line-height:1.1;margin-top:49px;}
		.main_visual .txt_box p,
		.main_visual .txt_box h2 div{overflow:hidden;}
		.main_visual .txt_box div,
		.main_visual .txt_box span{font-size:inherit;color:inherit;font-weight:inherit;display: block;}
		.main_visual .txt_box .txtAni{transform:translateY(100%);transition:all 0.8s;}
		.main_visual .txt_box div{height:max-content;}
		.main_visual .more{font-size:var(--title-20);display: block;width: fit-content;margin-top: clamp(20px, 3vw, 55px);overflow: hidden;}
		.main_visual .more span{display:flex;align-items: center;justify-content: center;text-align: center;padding: 17px 45px;background: var(--point-color01);color: var(--point-white);border-radius: 50px;transform: translateY(100%);line-height: 1.2;}
		
		/*active*/
			#wrap .main_visual .active .thumb{transform:scale(1);}
			.main_visual .active .txt_box p{transition-delay:0.3s;}
			.main_visual .active .txt_box .txtAni{transform:translateY(0);}
			.main_visual .active .txt_box h2 div:nth-child(1) .txtAni{transition-delay:0.3s;}
			.main_visual .active .txt_box h2 div:nth-child(2) .txtAni{transition-delay:0.5s;}		
			.main_visual .active .more span{transform: translateY(0); transition:all 0.8s; transition-delay:0.7s;}

		/*btn*/
			.visual_btn_wrap{position: absolute;left:50%;transform:translate(-50%);bottom:73px;display: flex;align-items: center;}
			.main_visual .slick-dots{display: flex;align-items: center;font-size:0;box-sizing:border-box;gap:30px;margin-right:38px;}
			.main_visual .slick-dots li{display: inline-block;width:10px;height:10px;position: relative;}
			.main_visual .slick-dots li button{width:100%;height:100%;box-sizing:border-box;border-radius:100%;background:var(--border-color01);position: relative;font-size:0;vertical-align: top;}
			.main_visual .slick-dots li button:before{width:0;height:0;content:"";box-sizing:border-box;border-radius:100%;background:rgba(255,255,255,0.2);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.5s;} 
			.main_visual .slick-dots li.slick-active button:before{width:30px;height:30px;}
		
			.visual_btn_wrap .slick-arrow{font-size:0;width:10px;height:14px;position: relative;}
			.visual_btn_wrap .next{margin-left:26px;}
			.visual_btn_wrap .slick-arrow:before{width:8px;height:8px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;top:2px;}
			.visual_btn_wrap .prev:before{transform:rotate(-135deg);left:3px;}
			.visual_btn_wrap .next:before{transform:rotate(45deg);right:3px;}
			.visual_btn_wrap .play_btn_box{margin-left:28px;}
			.visual_btn_wrap .slickPause{font-size:0;width:10px;height:14px;position: relative;cursor:pointer;}
			.visual_btn_wrap .slickPause:before, .visual_btn_wrap .slickPause:after{width:2px;height:100%;content:"";background:var(--point-white);position: absolute;top:0;}
			.visual_btn_wrap .slickPause:before{left:0;}
			.visual_btn_wrap .slickPause:after{right:0;}
			.visual_btn_wrap .slickPlay{font-size:0;width:10px;height:14px;position: relative;cursor:pointer;}
			.visual_btn_wrap .slickPlay:before{border-left:8px solid var(--point-white);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:none;content:"";position: absolute;top:-1px;}
			
		@media only screen and (max-width:1800px){
			.section .main_w_custom{padding-left:114px;}
		}
		@media only screen and (max-width:1024px){
			#section01{padding:0;}
			.section .main_w_custom{padding-left:0;}
			.visual_btn_wrap{bottom:60px;}
			.main_visual .more span{padding: clamp(12px, 2vw, 17px) clamp(30px, 4.5vw, 45px);}
		}
		@media only screen and (max-width:860px){
			.visual_btn_wrap{margin-left:25px;}
		}
		@media only screen and (max-width:640px){
			.main_visual .txt_box{top:20%;}
			.main_visual .txt_box h2{margin-top:30px;line-height:1.3;}
		}
		@media only screen and (max-width:479px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:80vh;}
			/* #wrap .main_visual .main_bnr0 .thumb{background-position:right 25% center;} */
			/* #wrap .main_visual .thumb{background-position:70%;} */
			.main_visual .txt_box p{font-size:104%;}
			
			.main_visual .slick-dots{gap:20px;margin-right:25px;}
			.main_visual .slick-dots li{width:8px;height:8px;;}
			.main_visual .slick-dots li.slick-active button:before{width:24px;height:24px;}
			.visual_btn_wrap .next{margin-left:15px;}
			.visual_btn_wrap .play_btn_box{margin-left:15px;}
		}
	
	/*공통*/
		#section01 .fp-tableCell{padding:0;}
		.section{position: relative;}
		.section .fp-tableCell{vertical-align: top;padding:120px 0 0 0;box-sizing:border-box;}
		.main_title{font-size:var(--title-20)}
		.main_title h3{font-size:300%;color:var(--black-color00);font-weight:700;}
		.main_title p{font-size:100%;color:var(--black-color03);font-weight:500;margin-top:12px;}
		.ver_m{display: none;}
	
	/*bullet*/
		.bullet_list{position: relative;display: flex;flex-direction: column;gap:5px;}
        .bullet_list > li{position: relative;font-size: var(--title-17);font-weight:500;color: var(--black-color05);line-height:1.48;display: flex;align-items: baseline;gap:5px;letter-spacing: -0.03em;}
            .bullet_list > li:before{display: inline-flex;content:'';width:2px;height:2px;border-radius: 100%;background: var(--black-color05);flex-shrink: 0;transform: translateY(-5px);}
			
	/*btn*/
		.main_more_box{display: flex;gap:20px;}
		.main_more_box .btn_more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:4px;border:1px solid var(--black-color03);height:70px;padding:0 30px;font-size:var(--title-20);color:var(--black-color03);font-weight:600;gap:29px;width:200px;overflow:hidden;position: relative;}
		.main_more_box .btn_more:before{position: absolute;content: '';inset: 0;background: var(--point-color01);clip-path: circle(0 at 0% 100%);transition: all 0.6s;}
		.main_more_box .btn_more span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;}
		.main_more_box .btn_more:after{width:26px;height:16px;content:"";background:url('../images/skin/main_arw.svg')no-repeat center;background-size:auto 100%;filter:var(--filter-black);}
		.main_more_box .btn_more.btn_b{gap:12px;border-color:var(--point-color01);}
		
	
	/*award*/
		#section02{background:url('../images/skin/main_award_bg.jpg')no-repeat center;background-size:cover;}
		#section02:before{width:290px;height:302px;content:"";background:url('../images/skin/main_award_obj.png')no-repeat center;position: absolute;bottom:11px;left:8%;background-size:auto 100%;}
		#section02.on:before{width:252px;height:335px;content:"";background:url('../images/skin/main_certifi_obj.png')no-repeat center;position: absolute;bottom:11px;left:9%;background-size:auto 100%;}
		.main_award{box-sizing:border-box;padding:47px 0 0 0;}
		.main_award .award_box{display: flex;flex-wrap:wrap;justify-content: space-between;margin-top:60px;}
		.main_award .tab{font-size:var(--title-20);display: flex;flex-direction: column;align-items: flex-start;position: relative;gap:29px;}
		.main_award .tab a{font-size:230%;color:var(--border-color02);font-weight:700;position: relative;box-sizing:border-box;padding-right:60px;display:inline-block;transition:all 0.3s;}
		.main_award .tab a:after{width:40px;height:28px;content:"";background:url('../images/skin/main_more.svg')no-repeat center;position: absolute;top:50%;right:20px;transition:all 0.5s;opacity:0;transform:translateY(-50%);background-size:auto 100%;}
		.main_award .tab a.on{color:var(--point-color01);}
		.main_award .tab a.on:after{opacity:1;right:0;}
		
		.main_award .cont{width:71.3%;margin-top:1px;}
		.main_award .cont > div{display:flex;flex-wrap:wrap;gap:100px;align-items: flex-start;height:0;overflow:hidden;}
		.main_award .cont > div.on{height:auto;overflow:visible;}
		.main_award .cont .img_box{width:33.3%;}
		.main_award .cont .img_box ul li{display: none;font-size: var(--title-20);box-sizing: border-box;}
		.main_award .cont .img_box ul li.on{display:block;}
		.main_award .cont .img_box ul li .img{box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.15);}
		.main_award .cont .img_box ul li p{display: none;}
		.main_award .cont .list{width:calc(66.7% - 100px);box-sizing:border-box;counter-reset:awardNum;}
		.main_award .cont .list li{counter-increment:awardNum;display: flex;align-items: center;flex-wrap:wrap;font-size:var(--title-20);color:var(--black-color00);font-weight:400;box-sizing:border-box;padding:20px 0 24px;border-bottom:1px solid var(--border-color01);cursor:pointer;position: relative;}
		.main_award .cont .list li:first-child{padding-top:0;}
		.main_award .cont .list li:before{content:"0" counter(awardNum);font-size:120%;color:inherit;font-weight:inherit;width:28px;}
		.main_award .cont .list li:after{width:0;height:1px;content:"";background:var(--point-color01);position: absolute;bottom:-1px;left:0;transition:all 0.5s;}
		.main_award .cont .list li span{font-size:110%;color:inherit;font-weight:inherit;display: block;box-sizing:border-box;width:calc(100% - 28px);padding-left:43px;}
		.main_award .cont .list li.on{color:var(--point-color01);font-weight:600;}
		.main_award .cont .list li.on:after{width:100%;}
	
		/*over*/
		@media (hover:hover) and (pointer:fine){
			/*공통*/
			.main_more_box .btn_more:hover{border-color:var(--point-color01);}
			.main_more_box .btn_more:hover:before{clip-path:circle(150% at 0% 100%);}
			.main_more_box .btn_more:hover span, .main_more_box .btn_more:hover:after{filter:var(--filter-white);}
			
			.main_award .cont .list li:hover{color:var(--point-color01);font-weight:600;}
			.main_award .cont .list li:hover:after{width:100%;}
		}
		@media only screen and (min-width:1024px){
			.main_index [data-aos]{opacity:1;transform:none;}
			
			.main_award .tab a:hover{color:var(--point-color01);}
			.main_award .tab a:hover:after{opacity:1;right:0;}
		}
		
		@media only screen and (max-width:1800px){
			#section02:before{left:5%;width:16vw;height:16vw;}
			#section02.on:before{left:5%;width:16vw;height:16vw;bottom:65px;}
		}
		@media only screen and (max-width:1400px){
			.main_award{padding:15px 0 0 0;}
			.main_award .award_box{margin-top:35px;}
			.main_award .tab{flex-direction: row;}
			.main_award .tab a{padding:0;font-size:200%;}
			.main_award .tab a:after{display: none;}
			
			.main_award .cont{width:100%;margin-top:40px;}
			.main_award .cont > div{gap:40px;}
			.main_award .cont .img_box{width:25%;}
			.main_award .cont .list{width:calc(75% - 40px);}
			.main_award .cont .list li span{padding-left:20px;}
		}
		@media only screen and (max-width:1024px){
			/*공통*/
			.section{padding:100px 0;}
			.ver_pc{display: none;}
			.ver_m{display: block;}
			
				/*more*/	
				.main_more_box .btn_more{width:auto;height:60px;}
			
			#section02:before,
			#section02.on:before{width:28vw;height:28vw;left:15px;bottom:10px;}
			.main_award{padding:0;}
			.main_award .cont > div{flex-direction: column-reverse;}
			.main_award .cont .img_box{width: 100%;}
			.main_award .cont .img_box ul li .img{width: 70%;margin-inline: auto;}
			
			.main_award .list_container{overflow:visible;width:100%; display: none;}
			.main_award .cont .list{width:100%;}
			.main_award .cont .list li{padding: 0 0 5px;width:auto;border:none;}
			.main_award .cont .list li:before{display: none;}
			.main_award .cont .list li span{padding:0;width:100%;}
            .main_award .cont .img_box ul{display: flex;overflow: hidden;overflow-x: auto;width: calc(100% + 60px);margin-left: -30px;padding-inline: 30px;box-sizing: border-box;}
            .main_award .cont .img_box ul li{flex-shrink: 0;display: block;width: 70%;padding-inline: 20px;}
            .main_award .cont .img_box ul li p{display: block;text-align: center;margin-top: 25px;font-size: 110%;font-weight: 500;color: var(--black-color01);}
		}
		@media only screen and (max-width:640px){
			/*공통*/
			.section{padding:80px 0;}
			
				/*more*/
				.main_more_box{gap:10px;}
				.main_more_box .btn_more{padding:0 15px;gap:15px;height:35px;}
				.main_more_box .btn_more.btn_b{gap:7px;}
				.main_more_box .btn_more:after{width:20px;height:10px;}
			
			#section02:before, #section02.on:before{width:35vw;height:35vw;left:-18px;;}
			.main_award .award_box{margin-top:30px;}
		}
		@media only screen and (max-width:479px){
			/*공통*/
			.main_title h3{line-height:1.2;font-size:250%;}
			
			.main_more_box .btn_more{gap:8px;}
			.main_more_box .btn_more:after{width:14px;height:8px;}
		
			#section02:before, #section02.on:before{width:42vw;height:42vw;left:-5px;}	
			.section{padding:60px 0;}
			.main_award .award_box{margin-top:20px;}
			.main_award .tab{gap:18px;}
			.main_award .tab a{font-size:175%;}
			.main_award .cont{margin-top:30px;}
			.main_award .cont .img_box ul li .img{box-shadow:9px 11px 29px 0px rgba(0, 0, 0, 0.15);}
			
		}
		@media only screen and (max-width:350px){
			/*공통*/
			.main_more_box .btn_more{padding:0 8px;}
		}
		
	/*special*/
		#section03{background:url('../images/skin/main_spaecial_bg.jpg')no-repeat center;background-size:cover;}
		.main_special{padding-top:67px;}
		.main_special .list{display: flex;flex-wrap:wrap;gap:48px;margin-top:45px;}
		.main_special .list > li{width:calc(25% - 36px);box-sizing:border-box;background:var(--point-white);border-radius:10px;border:2px solid var(--point-color01);padding:34px 38px 0;display: flex;flex-direction: column;justify-content: space-between;gap:6px;overflow:hidden;position: relative;}
		.main_special .list > li:before{position: absolute;content: '';inset: 0;background: var(--point-color01);clip-path: circle(0 at 0% 100%);transition: all 0.6s;}
		.main_special ul li .info{font-size:var(--title-20);font-family:var(--font-type02);transition: all 0.6s;}
		.main_special ul li .info span{font-size:90%;color:var(--point-color01);font-weight:700;font-family:inherit;letter-spacing:-0.03em;}
		.main_special ul li .info p{font-size:160%;color:var(--black-color00);font-weight:700;margin:12px 0 13px;font-family:inherit;}
		.main_special .bullet_list li{font-family:var(--font-type02);}
		.main_special ul li .thumb{text-align: center;}
		.main_special ul li .thumb img{transform:translateY(7px);transition: all 0.6s;}
		
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_special .list > li:hover:before{clip-path:circle(150% at 0% 100%);}
			.main_special .list > li:hover .info{filter:var(--filter-white);}
			.main_special ul li:hover .thumb img{transform:translateY(0);}
		}
		
		@media only screen and (max-width:1450px){
			.main_special .list{gap:24px;margin-top:30px;}
			.main_special .list > li{width:calc(25% - 18px);padding:25px 20px 0;}
		}
		@media only screen and (max-width:1200px){
			.main_special{padding-top:25px;}
		}
		@media only screen and (max-width:1024px){
			.sub_section_bg{box-sizing:border-box;background:url('../images/skin/main_solution_bg.jpg')no-repeat center;background-size:cover;}
			#section03{background:none;}
			.main_special{padding:0;}
			.main_special .list > li{width:calc(50% - 12px);}
		}
		@media only screen and (max-width:640px){
			.sub_section_bg{box-sizing:border-box;background:url('../images/skin/m_main_solution_bg.jpg')no-repeat center;background-size:cover;}
			.main_special .list{gap:15px;}
			.main_special .list > li{width:calc(50% - 7.5px);}
		}
		@media only screen and (max-width:479px){
			.main_special .list > li{width:100%;border-radius:5px;display: flex;flex-wrap:wrap;padding-right:0;flex-direction: row;align-items: flex-end;gap:0;}
			.main_special ul li .info{width:62%;box-sizing:border-box;padding-right:15px;padding-bottom:23px;}
			.main_special ul li .thumb{width:38%;}
			.main_special ul li .info p{margin:6px 0 10px;}
			.main_special .bullet_list li{font-size:var(--title-14);}
		}
		
	/*percent*/
		#section04{background:url('../images/skin/main_cs_bg.png')no-repeat center;background-size:cover;}
		.main_percent{padding-top:67px;}
		.main_percent .main_title{text-align: center;}
		.main_percent .main_title p{margin-top:24px;}
		.main_percent .sucess_box{box-sizing:border-box;width:100%;height:200px;border-radius:800px;background:var(--point-color01);margin-top:59px;}
		.main_percent .sucess_box dl{display: flex;align-items: center;justify-content: center;font-size:var(--title-20);height:100%;gap:39px;}
		.main_percent .sucess_box dl dt{font-size:150%;color:var(--point-white);font-weight:600;}
		.main_percent .sucess_box dl dd{display: flex;align-items:flex-end;font-size:var(--title-20);gap:8px;}
		.main_percent .sucess_box dl dd span{font-size:250%;color:var(--point-white);font-weight:700;}
		.main_percent .sucess_box dl dd .cnt_box p{font-size:100px;color:var(--point-white);font-weight:700;line-height:1;text-align: right;}
		.main_percent .cnt_box > ul { transform:translateY(-12px); transition: 3s; transition-delay: 0.4s;}
		
		.main_percent .percent_box{display: flex;flex-wrap:wrap;margin-top:70px;}
		.main_percent .percent_box > dl{width:calc(100% / 3);box-sizing:border-box;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap:wrap;padding: 21px 15px;gap:20px;}
		.main_percent .percent_box > dl + dl{border-left:1px solid rgba(221, 221, 221, 0.6);}
		.main_percent .percent_box > dl dt{font-size:var(--title-20);color:var(--black-color03);font-weight:600;}
		.main_percent .percent_box > dl dd{display: flex;align-items:baseline;font-size:var(--title-20);gap:8px;}
		.main_percent .percent_box > dl dd p{font-size:70px;color:var(--point-color01);font-weight:700;line-height:1;text-align: right;}
		.main_percent .percent_box > dl dd span{font-size:110%;color:var(--point-color01);font-weight:700;}
        .main_percent .percent_box .cnt_box{display: flex; flex-wrap: wrap;}
		
		#section04 .txt_slide_wrap{overflow:hidden;white-space:nowrap;margin-top:38px;}
		#section04 .txt_slide{display: inline-block;white-space: nowrap;animation: flow 30s linear infinite;}
		#section04 .txt_slide p{font-size:110px;color:var(--point-color01);font-weight:700;line-height:1;opacity:0.1;margin:0 30px;display: inline-block;}
		@keyframes flow {
			0% {transform: translateX(0%);}
			100% {transform: translateX(-50%);}
		}
		
		@media only screen and (max-width:1200px){
			.main_percent .percent_box > dl{gap:10px;}
			.main_percent .percent_box > dl dd p{font-size:60px;}
		}
		
		@media only screen and (max-width:1024px){
			#section04{background:none;}
			.main_percent{padding-top:0;}
			.main_percent .main_title p{margin-top:15px;}
			
			.main_percent .sucess_box{margin-top:40px;height:auto;padding:40px 30px;}
			.main_percent .sucess_box dl{gap:20px;}
			.main_percent .sucess_box dl dd .cnt_box p{font-size:10vw;}
			.main_percent .sucess_box dl dd span{font-size:180%;}
			
			.main_percent .percent_box{margin-top:50px;}
			.main_percent .percent_box > dl{flex-direction: column;}
			.main_percent .percent_box > dl dd .cnt_box p{font-size:6vw}
			
			#section04 .txt_slide p{font-size:10vw;}
		}
		@media only screen and (max-width:860px){
			#section04{background-size:auto 157%;}
		}
		@media only screen and (max-width:479px){
			#section04{background-size:auto 263%;}
			.main_percent .sucess_box{margin-top:25px;padding:30px 25px;}
			.main_percent .sucess_box dl dd .cnt_box p{font-size:12vw;}
			
			.main_percent .percent_box{margin-top:30px;}
			.main_percent .percent_box > dl{width:100%;flex-direction:row;}
			.main_percent .percent_box > dl + dl{border:none;border-top:1px solid rgba(221, 221, 221, 0.6);}
			.main_percent .percent_box > dl dd .cnt_box p{font-size:8vw;}
			
			#section04 .txt_slide_wrap{margin-top:10px;}
		}
		
	/*contact*/
		#section05{background:url('../images/skin/main_contact_bg.jpg')no-repeat center;background-size:cover;}
		.main_contact{padding-top:67px;}
		.main_contact .main_title h3{color:var(--point-white);}
		.main_contact .main_board{display: flex;flex-wrap:wrap;gap:60px;margin-top:45px;}
		.main_contact .board_box{width:calc(50% - 30px);}
		.main_contact .board_box .title{display: flex;align-items: center;justify-content: space-between;}
		.main_contact .board_box .title h4{font-size:var(--title-20);}
		.main_contact .board_box .title h4 a{display: inline-flex;font-size:184%;color:var(--point-white);font-weight:600;gap:10px;align-items: flex-start;}
		.main_contact .board_box .title h4 a span{display: inline-flex;width:30px;aspect-ratio:1;box-sizing:border-box;border-radius:100%;background:var(--point-white);position: relative;transition:all 0.3s;}
		.main_contact .board_box .title h4 a span:before{width:14px;height:14px;content:"";background:var(--point-color01);clip-path:var(--polygon-path01);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.3s;z-index: 3;}
		.main_contact .arw_box{display: flex;gap:24px;}
		.main_contact .arw_box .swipe_arw{width:26px;height:20px;position: relative;cursor:pointer;}
		.main_contact .arw_box .swipe_arw:before{width:14px;height:14px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;left:8px;}
		.main_contact .arw_box .prev:before{transform:rotate(-45deg);top:5px;}
		.main_contact .arw_box .next:before{transform:rotate(135deg);top:-5px;}
		
		.main_contact .board_conatiner{box-sizing:border-box;background:var(--point-white);box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.10);border-radius:10px;padding:10px 40px;margin-top:27px;}
		.main_contact .board_conatiner .swiper-wrapper{flex-direction: column;max-height:434px;box-sizing:border-box;}
		.main_contact .board_conatiner .swiper-slide{position: relative;box-sizing:border-box;border-bottom:1px solid var(--border-color01);display: flex;align-items: center;}
		.main_contact .board_conatiner .swiper-slide-prev, .main_contact .board_conatiner .swiper-slide-duplicate-prev{border:none;}
		.main_contact .board_conatiner .swiper-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_contact .board_conatiner .swiper-slide .txt{display:flex;align-items: center;justify-content: space-between;font-size:var(--title-20);width:100%;}
		.main_contact .board_conatiner .swiper-slide strong{display: block;font-size:110%;color:var(--black-color03);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;}
		.main_contact .board_conatiner .swiper-slide p{font-size:100%;color:var(--black-color08);font-weight:400;}
		
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_contact .board_box .title h4 a:hover span{background: var(--point-color01);}
			.main_contact .board_box .title h4 a:hover span:before{background:var(--point-white);}
		}
		@media only screen and (max-width:1024px){
			.main_contact{padding-top:0;}
			.main_contact .board_box{width:100%;}
		}
		@media only screen and (max-width:640px){
			.main_contact .board_conatiner{padding:10px 20px;}
			.main_contact .board_conatiner .swiper-wrapper{max-height:380px;}
		}
		@media only screen and (max-width:479px){
			.main_contact .main_board{margin-top:30px;gap:40px;}
			.main_contact .board_box .title h4 a{font-size:150%;}
			.main_contact .board_box .title h4 a span{width:22px;}
			.main_contact .board_box .title h4 a span:before{width:10px;height:10px;}
			.main_contact .arw_box{gap:10px;}
			
			.main_contact .board_conatiner{margin-top:15px;border-radius:5px;}
			.main_contact .board_conatiner .swiper-wrapper{max-height:270px;}	
		}
		
	/*solution*/
		#section06:before{width:502px;display: flex;aspect-ratio:1;content:"";background: linear-gradient(312deg, #FFF 37.12%, #347BF7 79%);opacity:0.1;position: absolute;right:-7.5%;bottom:-9%;border-radius:100%;}
		.main_solution{padding-top:47px;}
		.main_solution .solution_box{display: flex;flex-wrap:wrap;gap:110px;}
		.main_solution .solution_box .txt_box{width:38.15%}
		.main_solution .solution_box .list{margin-top:30px;}
		.main_solution .solution_box .list li{}
		.main_solution .solution_box .list li.on:before{width:100%;}
		.main_solution .solution_box .list li .title{display: flex;flex-wrap:wrap;gap:30px;box-sizing:border-box;padding:12px 0 14px;border-bottom:1px solid var(--border-color01);cursor:pointer;position: relative;}
		.main_solution .solution_box .list li .title:before{width:0;height:1px;content:"";background:var(--point-color01);position: absolute;bottom:-1px;left:0;transition:all 0.5s;}
		.main_solution .solution_box .list li .img{width:70px;display: flex;align-items: center;justify-content: center;filter:grayscale(1);opacity:0.5;transition:all 0.5s;}
		.main_solution .solution_box .list li:nth-child(1) .img img{max-width:62px;}
		.main_solution .solution_box .list li:nth-child(2) .img img{max-width:56px;}
		.main_solution .solution_box .list li:nth-child(3) .img img{max-width:56px;}
		.main_solution .solution_box .list li:nth-child(4) .img img{max-width:52px;}
		.main_solution .solution_box .list li:nth-child(5) .img img{max-width:60px;}
		.main_solution .solution_box .list li:nth-child(6) .img img{max-width:58px;}
		.main_solution .solution_box .list li dl{font-size:var(--title-20);box-sizing:border-box;width:calc(100% - 100px);color:var(--point-color01);filter:grayscale(1);opacity:0.5;transition:all 0.5s;}
		.main_solution .solution_box .list li.on .img, .main_solution .solution_box .list li.on dl{filter:none;opacity:1;}
		.main_solution .solution_box .list li dl dt{font-size:150%;color:inherit;font-weight:700;}
		.main_solution .solution_box .list li dl dd{font-size:100%;color:inherit;font-weight:700;margin-top:8px;}
		.main_solution .solution_box .list li .solution_cont{display: none;}
		
		.main_solution .cont{width:calc(61.85% - 110px);position: relative;padding-top:12px;padding-bottom:36px;}
		.main_solution .cont:before{width:239px;display: flex;aspect-ratio:1;content:"";background:linear-gradient(145deg, #010D22 40.27%, #FFF 72.49%);opacity: 0.05;position: absolute;left:-1.5%;top:-5%;border-radius:100%;}
		.main_solution .cont ul{height:100%;position: relative;}
		.main_solution .cont li{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-end;height:100%;width:100%;position: absolute;top:0;left:0;opacity:0;transition:all 0.5s;z-index:3;}
		.main_solution .cont li.on{opacity:1;z-index:5;}
		.main_solution .cont li .img{text-align: right;box-sizing:border-box;position: absolute;}
		.main_solution .cont li:nth-child(1) .img{top:12px;right:116px;}
		.main_solution .cont li:nth-child(2) .img{top:38px;right:141px;}
		.main_solution .cont li:nth-child(3) .img{top:11px;right:126px;}
		.main_solution .cont li:nth-child(4) .img{top:37px;right:145px;}
		.main_solution .cont li:nth-child(5) .img{top:37px;right:108px;}
		.main_solution .cont li:nth-child(6) .img{top:38px;right:133px;}
		.main_solution .cont li .txt{font-size:var(--title-20);color:var(--black-color03);margin:4px 0 0 0;}
		.main_solution .cont li .txt p{font-size:140%;color:inherit;font-weight:700;letter-spacing:-0.03em;}
		.main_solution .cont li .txt strong{display: block;font-size:400%;color:inherit;font-weight:700;line-height:1.07;margin:34px 0 39px;}
		.main_solution .cont li .txt span{font-size:100%;color:inherit;font-weight:400;line-height:1.7;letter-spacing:-0.025em; overflow-wrap: break-word;}
		.main_solution .cont li .txt .m_br{display: none;}
		.main_solution .cont li .main_more_box{margin-top:59px;}
		
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_solution .solution_box .list li:hover .img, .main_solution .solution_box .list li:hover dl{filter:none;opacity:1;}
			.main_solution .solution_box .list li:hover .title:before{width:100%;}
		}
		
		@media only screen and (max-width:1550px){
			#section06:before{width:28vw;right:-9.5%;bottom:-5%;}
			.main_solution .solution_box{gap:50px;}
			.main_solution .cont{width:calc(61.85% - 50px);}
			.main_solution .cont:before{width:15vw;}
			.main_solution .cont li .img img{max-width:18vw;}
		}
		@media only screen and (max-width:1300px){
			.main_solution{padding-top:0;}
			.main_solution .solution_box .list li{gap:15px;}
			.main_solution .solution_box .list li dl dt{font-size:140%;}
			.main_solution .solution_box .list li dl dd{font-size:80%;}
			
			.main_solution .cont:before{top:0;left:-7.5%;}
			.main_solution .cont li .img{top:10px !important;right:7% !important;}
			.main_solution .cont li .txt p{font-size:120%;}
			.main_solution .cont li .txt strong{font-size:330%;margin:20px 0 30px;}
			.main_solution .cont li .txt br{display: none;}
			.main_solution .cont li .txt .m_br{display: inline;}
		}
		@media only screen and (max-width:1024px){
			#section06{overflow:hidden;}
			#section06:before{display: none;}
			.main_solution .solution_box{gap:30px;}
			.main_solution .solution_box .txt_box{width:100%;}
			
			.main_solution .solution_box .list li .solution_cont{position: relative;box-sizing:border-box;padding:40px 0;border-bottom:1px solid var(--border-color01);}
			.main_solution .solution_box .list li .solution_cont .img{position: absolute;top:40px;right:0;width:22vw;}
			.main_solution .solution_box .list li .solution_cont .img img{max-width:100% !important;}
			.main_solution .solution_cont .txt{font-size:var(--title-20);color:var(--black-color03);margin:4px 0 0 0;width:calc(100% - 22vw);box-sizing:border-box;padding-right:15px;}
			.main_solution .solution_cont .txt p{font-size:140%;color:inherit;font-weight:700;letter-spacing:-0.03em;}
			.main_solution .solution_cont .txt strong{display: block;font-size:400%;color:inherit;font-weight:700;line-height:1.07;margin:10px 0 22px;}
			.main_solution .solution_cont .txt span{font-size:100%;color:inherit;font-weight:400;line-height:1.7;letter-spacing:-0.025em;}
			.main_solution .solution_cont .main_more_box{margin-top:40px;}
			
		}
		@media only screen and (max-width:640px){
			.main_solution .solution_box .list{margin-top:10px;}
			.main_solution .solution_box .list li .title{gap:15px;}
			
			.main_solution .solution_box .list li .solution_cont{padding:25px 0;}
			.main_solution .solution_box .list li .solution_cont .img{top:25px;}
			.main_solution .solution_cont .txt p{font-size:120%;}
			.main_solution .solution_cont .txt strong{font-size:350%;}
			.main_solution .solution_cont .main_more_box{margin-top:20px;}
		}
		@media only screen and (max-width:479px){
			.main_solution .solution_box .list li .img{width:35px;}
			.main_solution .solution_box .list li .img img{max-width:95% !important;}
			.main_solution .solution_box .list li dl{width:calc(100% - 50px);}
			.main_solution .solution_box .list li dl dd{margin-top:3px;}
			
			.main_solution .solution_box .list li .solution_cont .img{width:24vw;}
			.main_solution .solution_cont .txt{width:calc(100% - 24vw);}
			.main_solution .solution_cont .txt strong{margin:8px 0 18px;}
			.main_solution .solution_cont .txt p{font-size:90%;}
			.main_solution .solution_cont .txt strong{font-size:210%;}
			.main_solution .solution_cont .txt span{font-size:75%;}
		}
		
	/*contents*/
		#section07{padding-bottom:0;background:url('../images/skin/main_board_bg.jpg')no-repeat center;background-size:cover;}
		.main_gallery{box-sizing:border-box;padding:67px 0 150px;}
		.main_gallery .title_box{display: flex;align-items: flex-end;justify-content: space-between;}
		.main_gallery .title_box .arw_box{display: flex;gap:20px;}
		.main_gallery .title_box .swipe_arw{width:20px;height:20px;box-sizing:border-box;position: relative;cursor:pointer;display: flex;align-items: center;justify-content: center;}
		.main_gallery .title_box .swipe_arw:before{width:14px;height:14px;content:"";border:2px solid var(--black-color03);border-width:2px 2px 0 0;display: inline-block;}
		.main_gallery .title_box .prev:before{transform:rotate(-135deg);}
		.main_gallery .title_box .next:before{transform:rotate(45deg);}
		
		.main_gallery .gallery_box{padding-top:79px;}
		.main_gallery .gallery_box .swiper-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 5;}
		.main_gallery .gallery_box .thumb{position: relative;}
		.main_gallery .gallery_box .pre{position: absolute;top:-18px;left:0;display: inline-block;box-sizing:border-box;border-radius:4px;padding:9px 16px;transition:height 0.5s;height:36px;z-index:4; background:var(--point-color02);}
		.main_gallery .gallery_box .pre span{font-size:var(--title-17);color:var(--point-white);font-weight:600;}
		.main_gallery .gallery_box .pre[title="소식"]{background:var(--point-color01);}
		.main_gallery .gallery_box .pre[title="리포트"]{background:var(--point-color03);}
		.main_gallery .gallery_box .pre[title="인터뷰"]{background:var(--point-color04);}
		.main_gallery .gallery_box .img{width:100%;height:0;padding-bottom:69%;overflow:hidden;box-sizing:border-box;border-radius:10px;position: relative;}
		.main_gallery .gallery_box .img img{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.5s;object-fit:cover;width:100%;z-index:2;}
		.main_gallery .gallery_box .txt{margin-top:20px;font-size:var(--title-20);}
		.main_gallery .gallery_box .txt .title{font-size:100%;color:var(--black-color02);font-weight:600;letter-spacing:-0.03em;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.main_gallery .gallery_box .txt .des{font-size:var(--title-17);color:rgba(85, 85, 85, 0.8);font-weight:400;letter-spacing:-0.02em;line-height:1.64;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;margin-top:16px;}
		.main_gallery .gallery_box .txt .date{font-size:var(--title-17);color:rgba(136, 136, 136, 0.8);font-weight:400;letter-spacing:-0.02em;margin-top:28px;}
	
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_gallery .gallery_box .swiper-slide:hover .pre{height:80px;}
			.main_gallery .gallery_box .swiper-slide:hover .img img{transform:translate(-50%, -50%) scale(1.05);}
		}
		
		@media only screen and (max-width:1024px){
			.main_gallery{padding:0 0 100px;}
		}
		@media only screen and (max-width:860px){
			.main_gallery .gallery_box{overflow:visible;}
		}
		@media only screen and (max-width:479px){
			.main_gallery{padding:0 0 65px;}
			.main_gallery .title_box .main_title{width:calc(100% - 45px);padding-right:20px;box-sizing:border-box;}
			.main_gallery .title_box .arw_box{gap:5px;}
			.main_gallery .gallery_box{padding-top:50px;}
			.main_gallery .gallery_box .pre{top:-12px;padding:0 10px;height:30px;display: inline-flex;align-items: center;justify-content: center;border-radius:2px;}
			.main_gallery .gallery_box .pre span{line-height:1;}
			.main_gallery .gallery_box .img{border-radius:5px;}
			.main_gallery .gallery_box .txt{margin-top:15px;}
			.main_gallery .gallery_box .txt .title{font-size:120%;}
			.main_gallery .gallery_box .txt .des{margin-top:10px;font-size:100%;}
			.main_gallery .gallery_box .txt .date{margin-top:15px;}
		}