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

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

───────────────────────────────────────────────────────────*/
/* body::-webkit-scrollbar{display: none;}  */
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    #container, .w_custom, .main_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{padding-block:60px 181px;}
	
	#wrap input[type="checkbox"] + label{font-size:var(--title-18);color:var(--black-color03);font-weight:500;letter-spacing:-0.04em;}
	#wrap input[type="checkbox"] + label strong{font-size:inherit;color:var(--point-color01);font-weight:600;}
	#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { display:inline-block; content:""; width:24px; height:24px; margin:-2px 12px 0 0; vertical-align:middle; background:url("../images/skin/icon_chk.svg") no-repeat 0 50%; cursor:pointer;background-size:auto 100%; flex-shrink: 0; }
	#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before { background:url("../images/skin/icon_chk_on.svg") no-repeat 0 50%;background-size:auto 100%;}

    @media (max-width:1023px){
        #container{padding-block:clamp(30px, 6vw, 60px) clamp(100px, 18vw, 181px);}
    }
    @media (max-width:860px){
        #container, .w_custom, .main_w_custom{width: calc(100% - 30px);}
    }
	@media (max-width:640px){
		#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before{margin-right:7px;}
	}
	@media (max-width:479px){
		#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before{width:20px;height:20px;margin:0 5px 0 0;}
	}
    @media (max-width:320px){
        #container,.w_custom, .main_w_custom{width: calc(100% - 20px);}
    }

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

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

───────────────────────────────────────────────────────────*/
	#header{position: fixed;top:0;left:0;z-index:10;width:100%;transition:all 0.3s;transition:all 0.8s;}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;position: relative;padding:0 80px;}
	#header .hd_logo{width:230px;height:35px;position: relative;}
	#header .hd_logo a{display: block;width:100%;height:100%;font-size:0;transition:all 0.3s;position: absolute;top:0;left:0;z-index:3;}
	#header .hd_logo .logo_on{display: none;}
	#header .hd_lnb{box-sizing:border-box;display: flex;align-items: center;justify-content: center;gap:0;}		
	#header .hd_lnb > li{line-height:120px;position: relative;padding:0 70px;}
	#header .hd_lnb > li:before{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;left:50%;bottom:0;transform:translate(-50%);transition:width 0.3s;}
	#header .hd_lnb > li > a{font-size:var(--title-20);color:var(--point-white);font-weight:500;font-family:var(--font-type02);display: block;transition:all 0.3s;}
	#header .hd_lnb .hd_lnb_dep2{position: absolute;top:100%;left:50%;transform:translate(-50%);width:100%;text-align: center;padding-top:24px;display: none;z-index:10;}
	#header .hd_lnb .hd_lnb_dep2 li + li{margin-top:10px;}
	#header .hd_lnb .hd_lnb_dep2 li{line-height:initial;}
	#header .hd_lnb .hd_lnb_dep2 li a{display:inline-block;font-size:var(--title-18);color:var(--black-color02);transition: all 0.4s;line-height:1.4;}
	#header .hd_right{display: flex;align-items: center;gap:40px;}
	#header .hd_right .inq_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:44px;padding:0 22px;border-radius: 44px;border: 2px solid rgba(255, 255, 255, 0.20);gap:28px;transition:all 0.3s;}
	#header .hd_right .inq_box span{font-size:var(--title-16);color:var(--point-white);font-weight:500;}
	#header .hd_right .inq_box a:after{width:12px;height:12px;content:"";background:url('../images/skin/more_arw.svg')no-repeat center;background-size:auto 100%;filter:var(--filter-white);}
	#header .hd_right .btn_search{filter:var(--filter-white);transition:all 0.3s;}
	#header .hd_right .btn_search img{height:22px;}
	#header .hd_right .menu-trigger{width:60px;height:21px;display:flex;position: relative;align-items: center;justify-content: center;}
	#header .hd_right .menu-trigger span{display: inline-block;width:100%;height:3px;background:var(--point-white);transition:all 0.3s ease-in-out;}
	#header .hd_right .menu-trigger span:nth-child(1){background:var(--point-color01) !important;position: absolute;top:0;right:0;width:50%;}
	#header .hd_right .menu-trigger span:nth-child(3){position: absolute;bottom:0;left:0;width:50%;}
	
	#header .hd_right .menu-trigger.active span:nth-child(1){display: none;}
	#header .hd_right .menu-trigger.active span:nth-child(2){position: absolute;top:50%;left:0;width:60%;transform:rotate(45deg);}
	#header .hd_right .menu-trigger.active span:nth-child(3){width:60%;bottom:auto;top:50%;transform:rotate(-45deg);}
	
	/*on*/
	#header.on{background:var(--point-white);box-shadow:0 0 10px 0 rgba(0,0,0,0.15);}
	#header.on .hd_logo .logo{display: none;}
	#header.on .hd_logo .logo_on{display:block;}
	#header.on .hd_lnb > li > a{color:var(--black-color00);}
	#header.on .hd_right .inq_box a{border-color:var(--border-color01);}
	#header.on .hd_right .inq_box span{color:var(--black-color00);}
	#header.on .hd_right .inq_box a:after{filter:none;}
	#header.on .hd_right .btn_search{filter:none;}
	#header.on .hd_right .menu-trigger span{background:var(--black-color00);}
	
	/*open*/
	#header.open{background:none;box-shadow:none;}
	#header.open .hd_lnb{opacity:0;pointer-events:none;}
	#header.open .hd_logo .logo{display:block;}
	#header.open .hd_logo .logo_on{display:none;}
	#header.open .hd_right .inq_box a{border-color:rgba(255, 255, 255, 0.20);}
	#header.open .hd_right .inq_box span{color:var(--point-white);}
	#header.open .hd_right .inq_box a:after{filter:var(--filter-white);}
	#header.open .hd_right .btn_search{filter:var(--filter-white);}
	#header.open .hd_right .menu-trigger span{background:var(--point-white);}
	
	/*nav*/
	#nav{position: absolute;top:100%;left:0;width: 100%;height:0;background:var(--point-white);padding:24px 0 30px;box-sizing: border-box;opacity: 0;transition: all 0.4s;pointer-events: none;border:1px solid var(--border-color01);border-width:1px 0;}
        #nav.on{opacity: 1;height:230px;pointer-events: all;}

	/*hover*/
	@media (pointer: fine) and (hover: hover) {
		#header:hover{background:var(--point-white);box-shadow:0 0 10px 0 rgba(0,0,0,0.15);}
		#header:hover .hd_logo .logo{display: none;}
		#header:hover .hd_logo .logo_on{display:block;}
		#header:hover .hd_lnb > li > a{color:var(--black-color00);}
		#header:hover .hd_right .inq_box a{border-color:var(--border-color01);}
		#header:hover .hd_right .inq_box span{color:var(--black-color00);}
		#header:hover .hd_right .inq_box a:after{filter:none;}
		#header:hover .hd_right .btn_search{filter:none;}
		#header:hover .hd_right .menu-trigger span{background:var(--black-color00);}
		
		#header .hd_lnb > li:hover:before{width:100%;;}
		#header .hd_lnb > li:hover > a{color:var(--point-color01);}
		#header .hd_lnb > li .hd_lnb_dep2 li:hover a{color:var(--point-color01);}
		
		#header .hd_right .inq_box a:hover{border-color:var(--point-color01);background:var(--point-color01);}
		#header .hd_right .inq_box a:hover span{color:var(--point-white);}
		#header .hd_right .inq_box a:hover:after{filter:var(--filter-white);}
		#header .hd_right .menu-trigger:hover span{width:100%;}
		
		#header.open:hover{background:none;box-shadow:none;}
		#header.open:hover .hd_lnb{opacity:0;cursor-events:none;}
		#header.open:hover .hd_logo .logo{display:block;}
		#header.open:hover .hd_logo .logo_on{display:none;}
		#header.open:hover .hd_right .inq_box a{border-color:rgba(255, 255, 255, 0.20);}
		#header.open:hover .hd_right .inq_box span{color:var(--point-white);}
		#header.open:hover .hd_right .inq_box a:after{filter:var(--filter-white);}
		#header.open:hover .hd_right .btn_search{filter:var(--filter-white);}
		#header.open:hover .hd_right .menu-trigger span{background:var(--point-white);}
	}
	
	@media (max-width:1800px){
		#header .hd_lnb > li{padding:0 50px;}
	}
	@media (max-width:1600px){
		#header .hd_lnb > li{padding:0 40px;}
	}
	@media (max-width:1500px){
		#header .header_cont{padding:0 40px;}
		#header .hd_right{gap:20px;}
		#header .hd_right .inq_box a{padding:0 15px;gap:10px;}
	}
	@media (max-width:1300px){
		#header .hd_lnb > li{padding:0 20px;}
		#header .hd_lnb .hd_lnb_dep2 li a{font-size:var(--title-15);}
		#nav.on{height:230px;}
	}
	@media (max-width:1200px){
		#header .header_cont{padding:0 30px;}
		#header .hd_logo{width:200px;height:30px;}
		#header .hd_right .menu-trigger{width:44px;}
	}
	@media (max-width:1100px){
		#header .hd_lnb > li{padding:0 15px;}
		#header .hd_lnb .hd_lnb_dep2 li a{font-size:var(--title-13);}
	}
	@media (max-width:1023px){
		#header .header_cont{padding:24px 30px;}
		#header .hd_lnb{display: none;}	
	}
	@media (max-width:640px){
		#header .header_cont{padding:24px 15px;}
		#header .hd_logo{width:175px;height:26px;}
		#header .hd_right{gap:15px;}
		#header .hd_right .inq_box a{height:36px;gap:6px;}
		#header .hd_right .inq_box a:after{width:8px;height:8px;}
		#header .hd_right .btn_search img{height:18px;}
		#header .hd_right .menu-trigger{width:30px;height:18px;}
		#header .hd_right .menu-trigger span{height:2px;}
	}
	@media (max-width:479px){
		#header .header_cont{padding:16px 15px;}
		#header .hd_logo{width:150px;height:22px;}
		#header .hd_right{gap:10px;}
		#header .hd_right .inq_box, #header .hd_right .btn_search{display: none;}
		#header .hd_right .inq_box a{height:32px;padding:0 10px;}
		#header .hd_right .menu-trigger{width:32px;height:20px;}
	}
	@media (max-width:320px){
		#header .header_cont{padding:16px 10px;}
	}
	
/*───────────────────────────────────────────────────────────

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

───────────────────────────────────────────────────────────*/
	#aside{position: fixed;top:-100%;left:0;width: 100%;height: 100%;z-index:9;background: rgba(0, 0, 0, 0.5);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.m_menu{display: none;}
    #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:150%;color:inherit;font-weight:600;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:12px;}
    #aside .gnb .dep02 > li{font-size:var(--title-20);}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size:100%;font-weight:400;padding:10px 0;transition: all 0.4s;color:var(--point-white);font-family:var(--font-type02);}
	
	#aside .aside_top, #aside .m_aside_cont{display: none;}
    #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: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;top:0;right:-100%;width:88%;left:auto;background:var(--point-white);padding:20px 0;z-index:999;}
		#aside.on{right:0;}
		.aside_bg{position: fixed;top:0;right:0;z-index:-1;opacity:0;transition:all 0.3s;background:rgba(0,0,0,0.6);width:100%;height:100%;}
		.aside_bg.on{z-index:998;opacity:1;}
		
		#aside .aside_top{position: static;display: flex;box-sizing:border-box;align-items: center;justify-content: space-between;padding:0 15px;}
		#aside .aside_logo a{display: block;}
		#aside .aside_logo img{height:34px;}
        #aside .close_btn{width:29px; height:29px;}
		#aside .close_btn span{background:var(--black-color01);}
				
		#aside .w_custom{width:100%;}
		#aside .gnb.pc_menu{display: none;}
		#aside .gnb.m_menu{flex-direction: column;gap:0;display:flex;margin-top:38px;border-bottom:1px solid var(--border-color01);}
		#aside .gnb > li > a:before{display: none;}
		#aside ul.gnb .depth1_li{width:100%;padding:0;margin-top:0;}
		#aside ul.gnb .depth1_li .icons{display:block;}
		
		#aside ul.gnb .depth1_li .depth1_a{letter-spacing:-0.03em;font-weight:800;padding:16px 31px;margin-bottom:0;width:100%;color:var(--black-color03);text-align:left;font-size:120%;box-sizing:border-box;}
		#aside ul.gnb .depth1_li .depth1_a .icons{position:absolute;top:50%;right:29px;margin-top:-9px;width:9px;height:9px;border-bottom: 1px solid var(--black-color08);border-right: 1px solid var(--black-color08);transform:rotate(45deg)}
		#aside ul.gnb .depth1_li .depth1_a.on{color: var(--point-color01);}
		#aside ul.gnb .depth1_li .depth1_a.on .icons{border-bottom: 1px solid var(--point-color01);border-right: 1px solid var(--point-color01);transform:rotate(-135deg);margin-top:-3px;}
		#aside ul.gnb .depth1_li .depth{padding:15px 30px;display:none;text-align:left;background:var(--gray-bg03);border:1px solid var(--border-color01);border-width:1px 0;}
		#aside ul.gnb .depth1_li .depth li{font-size:var(--title-20)}
		#aside ul.gnb .depth1_li .depth li a{font-size:100%;letter-spacing:-0.04em;color:var(--black-color03);padding:8px 0;line-height: 1.4;width: 100%;display: block;font-weight:600;}
		
		#aside .m_aside_cont{display: block;box-sizing:border-box;padding:0 15px;}
		#aside .aside_search{margin-top:30px;}
		#aside .aside_search fieldset{display: flex;flex-wrap:wrap;box-sizing:border-box;border-bottom:2px solid var(--point-color01);height:40px;overflow:hidden;}
		#aside .aside_search #search{width:calc(100% - 40px);box-sizing:border-box;border:none;height:100%;padding:0 10px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
		#aside .aside_search .search_enter{width:40px;height:40px;background:url('../images/skin/aside_search.svg')no-repeat center;background-size:auto 18px;}
		
		#aside .inq_box{margin-top:25px;text-align: center;}
		#aside .inq_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:38px;padding:0 22px;border-radius: 44px;border: 2px solid var(--border-color01);gap:28px;transition:all 0.3s;}
		#aside .inq_box span{font-size:var(--title-20);color:var(--black-color00);font-weight:500;}
		#aside .inq_box a .arw{width:8px;height:8px;display: inline-block;border:2px solid var(--black-color00);border-width:2px 2px 0 0;position: relative;margin-top:-2px;}
		#aside .inq_box a .arw:before{width:14px;height:2px;content:"";background:var(--black-color00);transform:rotate(-45deg);position: absolute;top:3px;right:-3px;}
    }

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color12);padding:60px 0 79px;}
	#footer .footer_content{position: relative; width: calc(100% - 60px); max-width:1680px; margin-inline: auto; box-sizing: border-box;}
	#footer .ft_logo_box{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,0.2);}
	#footer .ft_logo{margin-top:6px;}
	#footer .ft_logo_box .ft_sns{display: flex;align-items: center;gap:30px;}	
	#footer .ft_logo_box .ft_sns li{width:48px;aspect-ratio:1;box-sizing:border-box;border:1px solid rgba(255,255,255,0.4);}
	#footer .ft_logo_box .ft_sns li a{display: flex;width:100%;height:100%;align-items: center;justify-content: center;}
	
	#footer .ft_info_box{display: flex;flex-wrap:wrap;justify-content: space-between;margin-top:49px;align-items: flex-start;}
	#footer .info{display: flex;flex-wrap:wrap;gap:16px 30px;width:50%;}
	#footer .info dl{display: flex;align-items: center;gap:12px;}
	#footer .info dl dt, #footer .info dl dd{font-size:var(--title-18);color:var(--point-white);}
	#footer .info dl dt{font-weight:400;}
	#footer .info dl dd{opacity:0.8;font-weight:300;}
	#footer .info .copy{width:100%;font-size:var(--title-16);color:rgba(255,255,255,0.4);font-weight:300;margin-top:20px;}
	#footer .ft_menu{display: flex;align-items: center;}
	#footer .ft_menu li{display: flex;align-items: center;}
	#footer .ft_menu li + li:before{width:4px;height:4px;content:"";background:rgba(255,255,255,0.4);display: inline-block;margin:0 20px;}
	#footer .ft_menu li a{font-size:var(--title-18);color:rgba(255,255,255,0.8);font-weight:300;}
	#footer .ft_menu li strong{font-size:inherit;color:var(--point-white);font-weight:500;}
	
	.btn_top{position: fixed;right:20px;bottom:30px;opacity:0;z-index:-1;transition:all 0.3s;cursor:pointer;}
	.btn_top.on{opacity:1;z-index:10;}
	.btn_top span{display: flex;width: 60px;aspect-ratio:1;box-sizing:border-box;align-items: center;justify-content: center;background:var(--point-color01);}
	
	@media (max-width:1200px){
		#footer .info{width:65%;}
	}
	@media (max-width:860px){
		#footer .footer_content{width:calc(100% - 30px);}
		#footer .ft_info_box{flex-direction: column-reverse;gap:40px;}	
		#footer .info{width:100%;}
	}
	@media (max-width:640px){
		#footer{padding:40px 0 60px;}
		#footer .ft_logo_box{padding-bottom:20px;}	
		#footer .ft_logo{margin:0;}
		#footer .ft_logo img{height:30px;}
		#footer .ft_logo_box .ft_sns li{width:38px;}
		#footer .ft_logo_box .ft_sns li img{max-width:50%;}
		
		#footer .ft_info_box{margin-top:30px;gap:30px;}
		#footer .info{gap:10px 14px;}
		#footer .info dl{gap:6px;}
		#footer .info .copy a{display: block;margin-top:5px;}
		#footer .ft_menu li + li:before{margin:0 12px;}
		
		.btn_top{right:15px;bottom:20px;}
		.btn_top span{width:50px;}
	}
	@media (max-width:479px){
		#footer{padding:30px 0 45px;}
		#footer .ft_logo img{height:25px;}
		
		.btn_top span{width:40px;}
		.btn_top span img{height:16px;}
	}
	@media (max-width:320px){
		#footer .footer_content{width:calc(100% - 20px);}
	}

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.visual_wrapper{position: relative;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:960px;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:960px;border:none;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;transition:transform 4s ease-in-out;transform:scale(1) rotate(0.003deg);}
		.main_visual .txt_box {text-align:center;position:absolute;left:50%;top:50%;font-size:var(--title-20);transform:translate(-50%, -64%);text-wrap:balance;}
		.main_visual .txt_box span,
		.main_visual .txt_box strong,
		.main_visual .txt_box p {display:block;text-align:center;color:var(--point-white);opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box span{font-size:130%;font-weight:400;letter-spacing:-0.01em;text-transform:uppercase;}
		.main_visual .txt_box strong{font-size:360%;font-weight:600;line-height:1.21;display: block;margin:24px 0 40px;letter-spacing:0.01em;font-style:italic;text-transform:uppercase;font-family:var(--font-type02);}
		.main_visual .txt_box p{font-size:150%;font-weight:300;line-height:1.13;letter-spacing:-0.02em;}
		
		.main_visual .slick-arrow{position: absolute;font-size:0;width:50px;height:50px;top:50%;transform:translateY(-50%);opacity:0;z-index:-1;transition:all 0.5s;}
		.main_visual .slick-prev{left:80px;}
		.main_visual .slick-next{right:80px;}
		.main_visual .slick-arrow:before{width:70%;height:70%;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;top:6px;opacity:0.5;transition:all 0.5s;}
		.main_visual .slick-prev:before{transform:rotate(-135deg);left:20px;}
		.main_visual .slick-next:before{transform:rotate(45deg);right:20px;}
		
		/*active*/
			.main_visual .active a{transform:scale(1.05) rotate(0.003deg);}
			.main_visual .active .txt_box span,
			.main_visual .active .txt_box strong,
			.main_visual .active .txt_box p{opacity:1;transform:translateY(0);transition:all 0.5s;}
			.main_visual .active .txt_box strong{transition-delay:0.3s;}
			.main_visual .active .txt_box p{opacity:0.8;transition-delay:0.6s;}
			
		/*scroll*/
			.visual_wrapper .scr_dwn{display:inline-flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;bottom:80px;left:50%;transform:translate(-50%);cursor:pointer;}
			.visual_wrapper .scr_dwn .icon_box{width:60px;height:60px;box-sizing:border-box;border-radius:100%;overflow:hidden;position: relative;}
			.visual_wrapper .scr_dwn .icon{width:100%;height:100%;display: flex;align-items: center;justify-content: center;position: absolute;top:-100%;left:0;animation:linear 2s infinite running scroll;}
			@keyframes scroll{
				0%{top:-100%;}
				33%{top:0;}
				66%{top:0;}
				100%{top:100%;}
			}
			.visual_wrapper .scr_dwn .circle{width:100%;height:100%;position: absolute;top:0;left:0;border:2px solid rgba(255,255,255,0.2); border-top:2px solid var(--point-white);border-radius:100%;box-sizing:border-box;animation:linear 3s infinite running circle;}				
			@keyframes circle{
				0%{transform:rotate(0);}
				100%{transform:rotate(360deg);}
			}
			.visual_wrapper .scr_dwn p{font-size:var(--title-16);color:rgba(255,255,255,0.6);font-weight:600;margin-top:16px;}
			
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_visual:hover .slick-arrow{opacity:1;z-index:3;}
			.main_visual .slick-arrow:hover:before{opacity:1;}
		}
		
		@media (max-width:1600px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:60vw;}
			.main_visual .slick-prev{left:40px;}
			.main_visual .slick-next{right:40px;}
		}
		@media (max-width:1360px){
			.main_visual .txt_box{transform: translate(-50%, -50%);}
			.visual_wrapper .scr_dwn{bottom:60px;}
		}
		@media (max-width:1300px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:75vw;}
			.main_visual .slick-prev{left:10px;}
			.main_visual .slick-next{right:10px;}
		}
		@media (max-width:1024px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:83vw;}
			.main_visual .slick-arrow{display: none !important;}
			.main_visual .txt_box strong{margin:15px 0 25px;font-size:320%;}
			.main_visual .txt_box p{font-size:130%;}
		}
		@media (max-width:860px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:110vw;min-height:640px;}
			.visual_wrapper .scr_dwn .icon_box{width:50px;height:50px;}
			.visual_wrapper .scr_dwn p{margin-top:10px;}
		}
		@media (max-width:640px){
			.main_visual .txt_box br{display: none;}
			.main_visual .txt_box strong{font-size:260%;}
			.main_visual .txt_box p{font-size:100%;}
			.main_visual .slick-arrow img{height:18px;}
		}
		@media (max-width:479px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:160vw;min-height:initial;}
			.main_visual .txt_box strong{font-size:240%;}
			.visual_wrapper .scr_dwn{bottom:25px;}
			.visual_wrapper .scr_dwn .icon_box{width:40px;height:40px;}
			.visual_wrapper .scr_dwn .icon img{height:12px;}
			.visual_wrapper .scr_dwn p{margin-top:4px;}
		}
		@media (max-width:350px){
			.main_visual .txt_box span{font-size:100%;}
			.main_visual .txt_box strong{font-size:200%;}
			.main_visual .txt_box p{font-size:90%;}
		}
		
	/*공통*/
		.main_content > div{position: relative;box-sizing:border-box;padding:180px 0;}
		
		/*title*/
		.main_title{text-align:left;font-size:var(--title-20);}
		.main_title span{font-size:100%;color:var(--point-color01);font-style:italic;display: inline-block;border-bottom:2px solid var(--point-color01);line-height:1.2;padding-bottom:2px;font-weight:600;}
		.main_title h3{font-size:280%;color:var(--black-color01);font-weight:600;line-height:1.28;font-family:var(--font-type02);margin-top:30px;letter-spacing:-0.03em;}
		.main_title p{font-size:95%;color:rgba(51, 51, 51, 0.8);font-weight:400;margin-top:40px;line-height:1.68;letter-spacing:-0.04em;}
	
		/*more*/
		.main_more_box a{display: inline-flex;align-items: center;gap:14px;}
		.main_more_box .arw{width:44px;aspect-ratio:1;box-sizing:border-box;position: relative;border-radius:100%;border:1px solid var(--border-color01);transition:all 0.3s;display: flex;align-items: center;justify-content: center;}
		.main_more_box span{font-size:var(--title-18);color:var(--black-color01);font-weight:600;display: inline-block;position: relative;letter-spacing:-0.04em;}
		.main_more_box span:before{width:0;height:1px;content:"";background:var(--black-color01);position: absolute;bottom:-2px;left:0;transition:width 0.3s;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_more_box a:hover .arw{background:var(--point-color01);border-color:var(--point-color01);}
			.main_more_box a:hover .arw img{filter:var(--filter-white);}
			.main_more_box a:hover span:before{width:100%;}
		}
		
		@media (max-width:1400px){
			.main_content > div{padding:clamp(80px, 14vw, 180px) 0;}
			
			/*title*/
			.main_title br{display: none;}
		}
		@media (max-width:1024px){
			/*title*/
			.main_title p{margin-top:25px;}
		}
		@media (max-width:640px){
			/*title*/
			.main_title h3{font-size:250%;line-height:1.2;margin-top:20px;}
			.main_title p{margin-top:20px;}
			
			/*more*/
			.main_more_box a{gap:8px;}
			.main_more_box .arw{width:36px;}
			.main_more_box .arw img{height:8px;}
		}
		@media (max-width:479px){
			/*title*/
			.main_title h3{font-size:225%;}
			.main_title p{line-height:1.5;}
			
		}
	
	/*about*/
		.main_about{display: flex;flex-wrap:wrap;align-items: center;}
		.main_about > div{box-sizing:border-box;width:50%;}
		.main_about .txt_box{padding-right:30px;}
		.main_about .main_more_box{margin-top:60px;}
		
		@media (max-width:1024px){
			.main_about{flex-direction: column;gap:60px;align-items: flex-start;}
			.main_about > .img{width:80%;}
			.main_about .txt_box{padding-right:0;width:100%;}
			.main_about .main_title br{display: inline;}
			.main_about .main_more_box{margin-top:40px;}
		}
		@media (max-width:640px){
			.main_about{gap:30px;}
			.main_about .main_title br{display:none;}
			.main_about > .img{width:100%;}
			.main_about .main_more_box{margin-top:30px;}
		}
		
	/*prd*/
		.main_prd{background:url('../images/skin/main_prd_bg.png')no-repeat center;background-size:cover;}
		.main_prd .main_title h3{margin-top:40px;}
		.main_prd .main_prd_box{position: relative;box-sizing:border-box;}
		.main_prd .prd_container{margin-top:29px;overflow:hidden;padding:30px 15px;}
		.main_prd .swipe_arw{position: absolute;font-size:0;width:50px;height:50px;top:50%;transform:translateY(-50%);transition:all 0.5s;cursor:pointer;}
		.main_prd .prev{left:-50px;}
		.main_prd .next{right:-50px;}
		.main_prd .swipe_arw:before{width:70%;height:70%;content:"";border:2px solid var(--black-color06);border-width:2px 2px 0 0;position: absolute;top:6px;opacity:0.5;transition:all 0.5s;}
		.main_prd .prev:before{transform:rotate(-135deg);left:20px;}
		.main_prd .next:before{transform:rotate(45deg);right:20px;}
		.main_prd ul{display: flex;}
		.main_prd ul li{box-sizing:border-box;position: relative;transition:all 0.3s;border-radius:var(--radius-20);}
		.main_prd ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_prd ul li .thumb{width:100%;aspect-ratio:1;position: relative;overflow:hidden;box-sizing:border-box;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);border-radius:var(--radius-20);}
		.main_prd ul li .thumb img{width:100%;height:100%;object-fit:cover;}
		.main_prd ul li .txt{position: absolute;top:50%;left:50%;text-align: center;font-size:var(--title-20);z-index:4;transform:translate(-50%, 50px);opacity:0;transition:all 0.3s;}
		.main_prd ul li .txt p{font-size:140%;color:var(--black-color01);font-weight:600;line-height:1.35;font-family:var(--font-type02);}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_prd ul li:hover:before{opacity:1;}
			.main_prd .swipe_arw:hover:before{border-color:var(--black-color01);}
		}
		
		@media (max-width:1750px){
			.main_prd .main_prd_box{padding:0 50px;}
			.main_prd .prev{left:0;}
			.main_prd .next{right:0;}
		}
		@media (min-width:1024px){
			.main_prd ul li:before{width:100%;height:100%;content:"";position: absolute;top:0;left:0;background: rgba(255, 255, 255, 0.50);border:2px solid var(--point-color01);box-sizing:border-box;opacity:0;transition:all 0.5s;z-index:3;border-radius:var(--radius-20);}
			.main_prd ul li:hover .txt{transform:translate(-50%, -50%);opacity:1;}
		}
		@media (max-width:1024px){
			.main_prd .main_title h3{margin-top:20px;}
			.main_prd .main_prd_box{padding:0 30px;}
			.main_prd .prd_container{margin-top:15px;padding-bottom:0;}
			.main_prd ul li .txt{width:auto;height:auto;position: static;transform:none;margin-top:20px;opacity:1;}
			.main_prd ul li .txt p{font-size:120%;}
			.main_prd .swipe_arw{top:47%;}
			.main_prd .prev{left:-15px;}
			.main_prd .next{right:-15px;}
		}
		@media (max-width:860px){
			.main_prd .main_prd_box{padding:0;}
			.main_prd .swipe_arw{display: none;}
			.main_prd .prd_container{overflow:visible;padding:30px 0 0 0;}
		}
		@media (max-width:640px){
			.main_prd .prd_container{}
			.main_prd ul li .txt{margin-top:10px;}
		}
		
	/*banner*/
		.main_bnr{display: flex;flex-wrap:wrap;gap:60px;}
		.main_bnr .bnr_box{box-sizing:border-box;width:calc(50% - 30px);position: relative;}
		.main_bnr .bnr_box > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_bnr .bnr_box .thumb{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
		.main_bnr .bnr_box .thumb img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;transition:all 0.3s;z-index: 2;}
		.main_bnr .bnr_box .txt{box-sizing:border-box;z-index:3;width:100%;padding:70px 60px;font-size:var(--title-20);color:var(--point-white);position: relative;}
		.main_bnr .bnr_box .txt strong{font-size:210%;color:inherit;font-weight:600;}
		.main_bnr .bnr_box .txt p{font-size:90%;color:inherit;font-weight:200;line-height:1.66;margin-top:22px;letter-spacing:-0.045em;}
		.main_bnr .main_more_box{margin-top:60px;}
		.main_bnr .main_more_box .arw{border-color:rgba(255,255,255,0.4);}
		.main_bnr .main_more_box .arw img{filter:var(--filter-white);}
		.main_bnr .main_more_box span{filter:var(--filter-white);}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_bnr .bnr_box:hover .thumb img{transform:scale(1.05);}
			.main_bnr .bnr_box:hover .main_more_box a .arw{background:var(--point-color01);border-color:var(--point-color01);}
			.main_bnr .bnr_box:hover .main_more_box a span:before{width:100%;}
		}
		
		@media (max-width:1240px){
			.main_bnr .bnr_box .txt{padding:50px 40px;}
		}
		@media (max-width:1200px){
			.main_bnr .bnr_box .txt{padding:40px 20px;}
		}
		@media (max-width:1024px){
			.main_bnr{gap:30px;}
			.main_bnr .bnr_box{width:100%;}
			.main_bnr .bnr_box .txt{padding:40px 30px;}
			.main_bnr .bnr_box .txt p{margin-top:10px;}
			.main_bnr .main_more_box{margin-top:30px;}
		}
		@media (max-width:479px){
			.main_bnr{gap:20px;}
			.main_bnr .bnr_box .txt{padding:30px 20px;}
			.main_bnr .bnr_box .txt strong{font-size:190%;}
			.main_bnr .bnr_box .txt p{margin-top:6px;max-width:60%;}
			.main_bnr .bnr_box .txt p br{display: none;}
			.main_bnr .main_more_box{margin-top:20px;}
		}
		
	/*inquiry*/
		.main_content > .main_inq{padding:155px 0;background:var(--gray-bg02);}
		.main_content > .main_inq:before{width:34.9%;height:100%;content:"";background:url('../images/skin/main_cs_bg.jpg')no-repeat center;background-size:cover;position: absolute;top:0;left:0;}
		
		.main_inq .main_w_custom{display: flex;flex-wrap:wrap;}
		.main_inq .main_w_custom > div{box-sizing:border-box;}
		.main_inq .main_title{width:31.9%;margin-top:5px;}
		
		.main_inq .contact_box{padding-left:100px;width:68.1%;}
		#wrap .bbs_write_box{box-sizing:border-box;gap:20px;display: flex;flex-direction: column;flex-wrap:wrap;}
		#wrap .bbs_write_box .line2{display: flex;flex-wrap:wrap;gap:30px;}
		#wrap .bbs_write_box .line2 dl{width:calc(50% - 15px);}
		#wrap .bbs_write_box dl{display: flex;flex-wrap:wrap;width:100%;align-items: flex-start;box-sizing:border-box;padding:0 24px;background:var(--point-white);}
		#wrap .bbs_write_box dl dt{width:130px;font-size:var(--title-17);color:var(--black-color03);font-weight:500;display: flex;align-items: center;min-height:60px;text-align:left;letter-spacing:-0.04em;}
		#wrap .bbs_write_box dl dt .require_dot{font-size:inherit;color:var(--point-color01);font-weight:inherit;display: inline-block;margin-left:3px;}
		#wrap .bbs_write_box dl dd{box-sizing:border-box;width:calc(100% - 130px);min-height:60px;display: flex;align-items: center;}
		#wrap .bbs_write_box dl dd input[type="text"]{width:100%;height:60px;box-sizing:border-box;padding:0;font-size:var(--title-17);color:var(--black-color03);font-weight:400;border:none;letter-spacing:-0.05em;}
		#wrap .bbs_write_box dl dd input[type="text"]::place-holder, #wrap .bbs_write_box textarea::placeholder{color:var(--black-color08);}
		#wrap .bbs_write_box dl.text_box{padding:24px 24px;}
		#wrap .bbs_write_box dl.text_box dt, #wrap .bbs_write_box dl.text_box dd{width:100%;}
		#wrap .bbs_write_box dl.text_box dt{min-height:initial;}
		#wrap .bbs_write_box textarea{resize:none;width:100%;height:90px;box-sizing:border-box;font-size:var(--title-17);color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;border:none;padding:20px 0;}
		
		#wrap .bbs_write_box dl.captcha_dl dd{gap:20px;flex-wrap:wrap;}
		#wrap .bbs_write_box .captcha_wrap{padding:10px 0;box-sizing: border-box; display: flex; gap:10px;margin-left:10px;}
		#wrap .bbs_write_box #captcha_box{margin:0;width:180px;height:40px;box-sizing:border-box;overflow:hidden;}
		#wrap .bbs_write_box #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: initial;max-height: initial;margin-left: -1px;margin-top: -1px;}
		#wrap .bbs_write_box #refreshCode{display: inline-flex; background:var(--point-white) url('../images/skin/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width:40px; width:40px; height:40px;box-sizing: border-box;border:1px solid var(--border-color01);}
		#wrap .bbs_write_box input#captcha{width:calc(100% - 260px); margin:0;padding-left:20px;}
		
		#wrap .policy_wrap{box-sizing: border-box; margin-top:30px;display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
		#wrap .policy_wrap .chk_cont{display: inline-flex;align-items: center;gap:20px;}
		#wrap .policy_wrap .chk_cont a{font-size:var(--title-16);color:var(--black-color08);font-weight:400;text-decoration: underline;letter-spacing: -0.03em;text-underline-offset: 4px;transform:translateY(-2px);}
		#wrap .policy_wrap .btn_send_main{display: inline-flex;box-sizing:border-box;align-items: center;justify-content:space-between;;text-align: center;width:220px;height:60px;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:500;letter-spacing:-0.05em;padding:0 24px;position: relative;}	
		#wrap .policy_wrap .btn_send_main:before{width:0;height:100%;content:"";background:var(--black-color01);position: absolute;top:0;left:0;transition:width 0.3s;}
		#wrap .policy_wrap .btn_send_main:after{width:16px;height:14px;content:"";background:url('../images/skin/link_more.svg')no-repeat center;display: inline-block;background-size:auto 100%;filter:var(--filter-white);position: relative;}
		#wrap .policy_wrap .btn_send_main span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			#wrap .policy_wrap .btn_send_main:hover:before{width:100%;}
		}
		@media (max-width:1350px){
			.main_inq .contact_box{padding-left:60px;}
		}
		@media (max-width:1024px){
			.main_content > .main_inq{padding:clamp(60px, 13vw, 150px) 0;}
			.main_inq:before{display: none;}
			.main_inq .main_w_custom{gap:50px;}
			.main_inq .main_title{width:100%;margin:0;}
			.main_inq .contact_box{padding:0;width:100%;}
		}
		@media (max-width:640px){
			#wrap .bbs_write_box{gap:15px;}
			#wrap .bbs_write_box .line2{gap:15px;}
			#wrap .bbs_write_box dl{padding:10px 15px;}
			#wrap .bbs_write_box .line2 dl{width:100%;}
			#wrap .bbs_write_box dl dt, #wrap .bbs_write_box dl dd{min-height:36px;}
			#wrap .bbs_write_box dl dt{width:100px;}
			#wrap .bbs_write_box dl dd{width:calc(100% - 100px);}
			#wrap .bbs_write_box dl dd input[type="text"]{height:36px;padding:0 10px;}
			#wrap .bbs_write_box dl.text_box{padding:10px 15px;}
			#wrap .bbs_write_box textarea{height:90px;padding:8px 0;}
			
			#wrap .bbs_write_box .captcha_wrap{padding:0;margin-left:0;}
			#wrap .bbs_write_box dl.captcha_dl{padding:10px 15px;}
			#wrap .bbs_write_box dl.captcha_dl dt, #wrap .bbs_write_box dl.captcha_dl dd{width:100%;}
			#wrap .bbs_write_box dl.captcha_dl dt{min-height:initial;}
			#wrap .bbs_write_box dl.captcha_dl dd{gap:10px;padding-top:10px;}
			#wrap .bbs_write_box input#captcha{width:calc(100% - 250px);padding-left:10px;}
			#wrap .policy_wrap .btn_send_main{width:170px;height:50px;padding:0 20px;}
			#wrap .policy_wrap .chk_cont{gap:10px;}
		}
		@media (max-width:479px){
			.main_inq .main_w_custom{gap:30px;}
			
			#wrap .bbs_write_box dl{padding:8px 10px;border-radius:3px;}
			#wrap .bbs_write_box dl dd ul{gap:7px 10px;}
			#wrap .bbs_write_box #captcha_box{width:150px;height:32px;}
			#wrap .bbs_write_box #refreshCode{min-width:32px;width:32px;height:32px;background-size:auto 15px;}
			
			#wrap .policy_wrap{margin-top:25px;justify-content: center;flex-direction: column;}
			#wrap .policy_wrap .chk_cont{gap:10px;justify-content: center;}
			#wrap .policy_wrap .btn_send_main{margin-top:25px;}
		}
		@media (max-width:330px){
			#wrap .bbs_write_box .captcha_wrap{margin-left:0;gap:5px;}
			#wrap .bbs_write_box #captcha_box{width:130px;}
			#wrap .bbs_write_box #refreshCode{min-width:26px;width:26px;}
		}
		
	/*partner*/
		.main_content > .main_partner{position: relative; padding:15px 0; background: var(--point-white);border-top:1px solid var(--border-color01);}
        .main_partner .partnerSwiper{position: relative;}
        .main_partner .partnerSwiper .swiper-wrapper{transition-timing-function: linear;}
        .main_partner .partnerSwiper .swiper-slide{width:210px;margin-right: 70px; display: flex; align-items: center; justify-content: center; height: auto;}

        @media screen and (max-width:1023px){
            .main_partner .partnerSwiper .swiper-slide{width: 26vw; min-width: 150px; margin-right: clamp(20px, 6vw, 60px);}
        }