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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    #container, .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:1760px;}
    #container{ padding-block:60px 150px;}

    #wrap input[type="checkbox"] + label{font-size:var(--title-18);color:var(--point-white);font-weight:400;letter-spacing:-0.03em;}
	#wrap input[type="checkbox"] + label strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { display:inline-block; content:""; width:22px; height:22px; margin:-2px 11px 0 0; vertical-align:middle; background:url("../images/skin/icon_chk.svg") no-repeat 0 50%; cursor:pointer;background-size:auto 100%;}
	#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, 5vw, 51px) clamp(100px, 15vw, 150px);}
    }
    @media (max-width:860px){
        #container, .main_w_custom, .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:479px){
        #wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before{width:18px;height:18px;margin:-1px 8px 0 0;}
    }
    @media (max-width:320px){
        #container, .main_w_custom,.w_custom{width: calc(100% - 20px);}
    }

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

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

───────────────────────────────────────────────────────────*/
	#header{position: sticky;width:100%;top:0;z-index:10;transition:all 0.3s;box-sizing:border-box; background: var(--point-white);}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding:0 80px;height:100px;border-bottom: 1px solid var(--border-color01);}
    #header .header_cont .hd_logo{width: 366px;aspect-ratio: auto 6.2;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
    #header .header_cont .hd_lnb{display: flex;position: absolute;top:0;left:50%;transform:translate(-50%);}
	#header .header_cont .hd_lnb > li{padding:0 70px;position: relative;}
	#header .header_cont .hd_lnb > li > a{font-size:var(--title-20);color:var(--black-color01);font-weight:700;line-height:100px;}
	#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;width:max-content;min-width:160px;max-width:300px;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; padding-inline:25px;}
	#header .header_cont .hd_right{display: flex;align-items: center;gap:50px;}
    #header .header_cont .hd_right .multi_lang{display: flex;position: relative;align-items: center;}
    #header .header_cont .hd_right .multi_lang .icon{width: 24px;height:24px;background:url('../images/skin/icon_globe.svg')no-repeat center;display: inline-block;background-size:auto 100%;margin-right:14px;pointer-events:none;}
    #header .header_cont .hd_right .multi_lang ul{display: flex;position: relative;align-items: center;}
    #header .header_cont .hd_right .multi_lang li{display: flex;align-items: center;}
    #header .header_cont .hd_right .multi_lang li + li:before{width:1px;height:12px;content:"";background:var(--black-color03);display: inline-block;opacity:0.2;margin:0 14px}
    #header .header_cont .hd_right .multi_lang li a{font-size:var(--title-18);color:var(--black-color03);font-weight:700;opacity:0.4;}
    #header .header_cont .hd_right .multi_lang li.on a{opacity:1;}
	#header .header_cont .all_cate{width:32px;height:18px;}
	#header .header_cont .all_cate a{display:flex;flex-direction:column;justify-content: space-between;width:100%;height:100%;position: relative;}
	#header .header_cont .all_cate a span{display: inline-block;width:100%;height:2px;background:var(--black-color03);transition:all 0.3s;}

    /*main*/
    .main_index #header {position: fixed; left:0; background: none; border-color: var(--trans-color);}
    .main_index #header .header_cont{border-color:rgba(255,255,255,0.2);}
    .main_index #header .header_cont .hd_logo a{background:url('../images/skin/hd_logo_ov.svg')no-repeat left center;background-size:auto 100%;}
    .main_index #header .hd_lnb > li > a, .main_index #header .hd_right .multi_lang .icon, .main_index #header .hd_right .all_cate {filter:var(--filter-white);}
    .main_index #header .hd_right .multi_lang ul li + li:before{background:var(--point-white);}
    .main_index #header .hd_right .multi_lang ul li a{color:var(--point-white);}
	
	/*on*/
	.main_index #header.on{background:var(--point-white);filter:none;}
    .main_index #header.on .header_cont{border-color:var(--border-color01);}
    .main_index #header.on .header_cont .hd_logo a{background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
    .main_index #header.on .hd_lnb > li > a, .main_index #header.on .hd_right .multi_lang .icon, .main_index #header.on .hd_right .all_cate{filter:none;}
    .main_index #header.on .hd_right .multi_lang ul li + li:before{background:var(--black-color03);}
    .main_index #header.on .hd_right .multi_lang ul li a{color:var(--black-color03);}
	
	
	@media (hover:hover) and (pointer:fine){
        #header .header_cont .hd_lnb .hd_lnb_dep2 li:hover a{text-decoration: underline;}
	}

    @media screen and (min-width:1024px) {
        #header.main{background:var(--point-white);}
        #header.main.on{background:var(--point-white);filter:none;border-bottom:1px solid var(--border-color01);}
        #header.main .header_cont{border-color:var(--border-color01);}
        #header.main .header_cont .hd_logo a{background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
        #header.main .hd_lnb > li > a, #header.main .hd_right .multi_lang .icon, #header.main .hd_right .all_cate{filter:none;}    
        #header.main .hd_right .multi_lang ul li + li:before{background:var(--black-color03);}
        #header.main .hd_right .multi_lang ul li a{color:var(--black-color03);}

        .main_index #header:hover{background:var(--point-white);}
        .main_index #header:hover .header_cont .hd_logo a{background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
        .main_index #header:hover .hd_lnb > li > a, .main_index #header:hover .hd_right .multi_lang .icon, .main_index #header:hover .hd_right .all_cate{filter:none;}
        .main_index #header:hover .hd_right .multi_lang ul li + li:before{background:var(--black-color03);}
        .main_index #header:hover .hd_right .multi_lang ul li a{color:var(--black-color03);}
        
    }
	
	@media screen and (max-width:1500px) {
        #header .header_cont{padding:0 30px;}
        #header .header_cont .hd_lnb > li{padding:0 30px;}	
    }
    @media screen and (max-width:1300px) {
		#header .header_cont .hd_logo{width:318px;}
		#header .header_cont .hd_right{gap:30px;}
	}
    @media screen and (max-width:1100px) {
        #header .header_cont .hd_logo{width:304px;}
        #header .header_cont .hd_lnb > li{padding:0 20px;}
    }
	@media screen and (max-width:1024px) {
		
		#header .header_cont{padding:25px 30px;height:auto;}
		#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 .hd_logo{width:275px;}
        #header .header_cont .hd_right{gap:20px;}
        #header .header_cont .hd_right .multi_lang .icon{width:20px;height:20px;margin-right:0;cursor:pointer;pointer-events:initial;}
        #header .header_cont .hd_right .multi_lang li + li:before{display: none;}
        #header .header_cont .hd_right .multi_lang ul{position: absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--point-white);flex-direction:column;gap:10px;width:70px;padding:10px 0;display: none;}
        #header .header_cont .hd_right .multi_lang ul.open{display:flex;}
        #header .header_cont .hd_right .multi_lang ul li a{color:var(--black-color03);display: block;width:100%;text-align: center;}

        #header .header_cont .all_cate{width:26px;}
	}
	@media screen and (max-width:479px) {
		#header .header_cont .hd_logo{width:232px;}
        #header .header_cont .hd_right{gap:15px;}
    }
    @media screen and (max-width:345px) {
        #header .header_cont .hd_logo{width:200px;}
    }
    @media screen and (max-width:320px) {
        #header .header_cont{padding:15px 10px;}
        #header .header_cont .hd_right{gap:10px;}
        #header .header_cont .all_cate{width:22px;height:16px;}
    }

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

	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:1400px){
		#aside .gnb{gap:20px;}
		#aside .gnb > li{width:calc(100% / 3 - 14px);}
	}
    @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

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color00);}
    #footer .ft_content{box-sizing:border-box;display: flex;justify-content: space-between;padding:60px 0 56px;}
    #footer .ft_content .ft_info_box{display: flex;gap:120px;margin-top:10px;}
    #footer .ft_content .ft_info_box strong{font-size:var(--title-20);color:var(--point-white);font-weight:400;}
    #footer .ft_content .ft_info_box .info{font-size:0;margin-top:18px;}
    #footer .ft_content .ft_info_box .info dl{width:auto;display:inline-flex;align-items: center;font-size:var(--title-20);vertical-align: top;}
    #footer .ft_content .ft_info_box .info dl:nth-child(1){margin-bottom:8px;}
    #footer .ft_content .ft_info_box .info dl + dl:before{width:1px;height:12px;content:"";display: inline-block;background:rgba(255,255,255,0.2);margin:0 24px;}
    #footer .ft_content .ft_info_box .info dl dt{font-size:80%;color:rgba(255,255,255,0.4);font-weight: 700;margin-right:16px;letter-spacing:0.02em;}
    #footer .ft_content .ft_info_box .info dl dd{font-size:90%;color:rgba(255,255,255,0.8);font-weight: 400;}
    #footer .ft_content .ft_info_box .info dl dd.ft_address{font-family:var(--font-type02);font-weight: 300;}
    #footer .ft_content .ft_info_box .info dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}

    #footer .ft_bot{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding:40px 0 49px;border-top: 1px solid rgba(255,255,255,0.1);}
    #footer .ft_bot .copyright{font-size:var(--title-17);color:rgba(255,255,255,0.6);font-weight:400;display: flex;align-items: center;gap:20px;letter-spacing:-0.04em;}
    #footer .ft_bot .copyright a{font-size:inherit;color:inherit;font-weight: inherit;}
    #footer .ft_bot .ft_menu{display: flex;align-items: center;gap:60px;flex-wrap:wrap;}
    #footer .ft_bot .ft_menu li a{font-size:var(--title-18);color:var(--point-white);font-weight:200;}
    #footer .ft_bot .ft_menu li a strong{font-size:inherit;color:inherit;font-weight:500;}

    @media (max-width:1300px){
        #footer .ft_logo img{height:50px;}
        #footer .ft_content{flex-wrap:wrap;gap:40px;}
        #footer .ft_content .ft_info_box{gap:40px;width:100%;margin-top:0;}
        #footer .ft_content .ft_info_box .info dl + dl:before{margin:0 14px;}
        #footer .ft_content .ft_info_box .info dl dt{margin-right:10px;}

        #footer .ft_bot .ft_menu{gap:30px;}
    }
    @media (max-width:1300px){
        #section05{padding:0 !important;}
        #footer .ft_bot{flex-direction: column-reverse;align-items: flex-start;gap:20px;padding:28px 0 35px;}
    }
    @media (max-width:860px){
        #footer .ft_logo img{height:42px;}
        #footer .ft_content .ft_info_box{flex-direction:column;}
        #footer .ft_bot .copyright{flex-direction:column;gap:5px;align-items: flex-start;}
    }
    @media (max-width:479px){
        #footer .ft_content{gap:30px;padding:40px 0 45px;}
        #footer .ft_logo img{height:33px;}
        #footer .ft_content .ft_info_box{gap:25px;}
        #footer .ft_content .ft_info_box .info dl:nth-child(1){margin-bottom:5px;}
        #footer .ft_content .ft_info_box .info dl{align-items: flex-start;}
        #footer .ft_content .ft_info_box .info dl + dl:before{height:10px;margin:4px 10px 0;}
        #footer .ft_content .ft_info_box .info dl dt{margin-top:2px;}
        #footer .ft_content .ft_info_box .info{margin-top:10px;}

        #footer .ft_bot{padding:20px 0 25px;}
        #footer .ft_bot .ft_menu{gap:15px;}
    }
     @media screen and (max-width:360px) {
        #footer .ft_logo img{height:30px;}
    }
    @media screen and (max-width:345px) {
        #footer .ft_logo img{height:26px;}
    }
    @media (max-width:320px){
        #footer .ft_content .ft_info_box .info dl dt{margin-right:5px;}
    }


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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*visual*/
        #section01{padding:0 !important;}
		.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:35.8%;text-align:center;transform:translate(-50%);z-index:2;font-size:var(--title-20);}
        .main_visual .txt_box h2{font-size:var(--title-90);color:var(--point-white);font-weight:700;line-height:1.1;}
		.main_visual .txt_box p{font-size:150%;color:var(--point-white);font-weight:600;line-height:1.3;letter-spacing:0;height:max-content;margin:21px 0 12px;}
        .main_visual .txt_box > span{font-size:110%;color:rgba(255,255,255,0.8);font-weight:400;line-height:1.3;letter-spacing:-0.03em;}
        .main_visual .txt_box p,
		.main_visual .txt_box div{overflow:hidden;}
        .main_visual .txt_box div{font-size:inherit;color:inherit;font-weight:inherit;}
		.main_visual .txt_box .txtAni{transform:translateY(100%);transition:all 0.8s;font-size:inherit;color:inherit;font-weight:inherit;display: block;}
        .main_visual .txt_box h2 .txtAni{letter-spacing:0;}
        .main_visual .txt_box > span .txtAni{letter-spacing:0;}
        .main_visual .more_box{transform:translateY(100px);opacity:0;transition:all 0.8s;margin-top:62px;}
		.main_visual .main_more{background:transparent;border-color:var(--point-white);}
        
		
        .main_visual .visual_btn_wrap{position: absolute;left:50%;bottom:34px;translate:-50%;z-index: 4;display: flex;justify-content: center;align-items: center;}
        .main_visual .controller{display: flex;}
            .main_visual .slick-dots{display: flex;flex-wrap: wrap;gap:20px;font-size: var(--title-20);counter-reset:visualNum;} 
            .main_visual .slick-dots li{font-size:100%;font-weight:500;color:var(--point-white);letter-spacing:-0.03em;counter-increment:visualNum;display: flex;align-items: center;cursor:pointer;}
            .main_visual .slick-dots li:before{content:counter(visualNum, decimal-leading-zero);font-size:inherit;color:inherit;font-weight:inherit;opacity:0.7;}
            .main_visual .slick-dots .slick-active:before{opacity:1;}
            .main_visual .slick-dots li button{display: flex;align-items: center;}
            .main_visual .slick-dots .slider-progress{position: relative; width: 0; height: 2px; background: rgba(255,255,255,0.3); transition: all 0.4s;}
            .main_visual .slick-dots .slick-active .slider-progress{width: 200px;margin-left:20px;}
            .main_visual .slick-dots .slider-progress span{position: absolute; top:0; left:0; height: 100%; background: var(--point-white);}
        .main_visual .visual_btn_wrap .play_btn_box{margin-left:20px;}
            .main_visual .visual_btn_wrap .play_btn_box #slickBtn{width:9px;height:12px;position: relative;font-size:0;cursor:pointer;transition:all 0.3s;}
            .main_visual .visual_btn_wrap .play_btn_box .slickPause:before, .main_visual .visual_btn_wrap .play_btn_box .slickPause:after{width:3px;height:100%;content:"";background:var(--point-white);position: absolute;top:0;}
            .main_visual .visual_btn_wrap .play_btn_box .slickPause:before{left:0;}
            .main_visual .visual_btn_wrap .play_btn_box .slickPause:after{right:0;}
            .main_visual .visual_btn_wrap .play_btn_box .slickPlay:before{border-left:7px solid var(--point-white);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position: absolute;top:0;left:0;}
        .main_visual .arw_box{display: flex;align-items: center;margin-left:30px;gap:20px;justify-content: center;}
            .main_visual .arw{width:15px;height:15px;position: relative;}
            .main_visual .arw:before{width:8px;height:8px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;top:2px;}
            .main_visual .prev:before{transform:rotate(-135deg);left:4px;}
            .main_visual .next:before{transform:rotate(45deg);right:4px;}

        /*active*/
			#wrap .main_visual .active .thumb{transform:scale(1);}
			.main_visual .active .txt_box .txtAni{transform:translateY(0);}
			.main_visual .active .txt_box p{transition-delay:0.3s;}
            .main_visual .active .txt_box > span{transition-delay:0.6s;}
            .main_visual .active .more_box{transform:translateY(0);opacity:1;transition-delay:0.6s;}

        @media (max-width:640px){
            .main_visual .slick-dots .slick-active .slider-progress{width:140px;margin-left:10px;}
        }    
        @media (max-width:479px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:85vh;}
            .main_visual .txt_box{top:27%;}
			.main_visual .txt_box p{margin:15px 0 10px}
            .main_visual .more_box{margin-top:30px;}
            .main_visual .slick-dots{gap:20px;}
            .main_visual .slick-dots .slick-active .slider-progress{width:70px;}
            .main_visual .visual_btn_wrap .play_btn_box{margin-left:20px;}    
            .main_visual .arw_box{margin-left:20px;gap:5px}
		}
        
		/*공통*/
            .main_index .section{position: relative;box-sizing:border-box;}
            /*버튼*/
            .main_more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: space-between;width:220px;height:60px;background:var(--point-color01);border:1px solid var(--point-color02);font-size:var(--title-18);color:var(--point-white);font-weight:700;padding:0 30px;transition:all 0.3s ease-out;}
            .main_more span{font-size:inherit;color:inherit;font-weight:inherit;}
            .main_more div{width: 12px;height:12px;position: relative;transition:all 0.3s ease-out;}
            .main_more div:before, .main_more div:after{content:"";background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.3s ease-out;}
            .main_more div:before{width:100%;height:2px;}
            .main_more div:after{width:2px;height:100%;}

            /*버튼2*/
            .main_more.arw{background:var(--point-white);color:var(--point-color01);border-color:transparent;}
            .main_more.arw:after{width:12px;height:12px;content:"";background:url('../images/skin/main_more_arw.svg')no-repeat center;display: inline-block;}

            /*scroll down*/
            .main_scroll_down{display: flex;align-items: center;gap:14px;position: absolute;bottom:31px;right:80px;cursor:pointer;}
            .main_scroll_down span{font-size:var(--title-18);color:rgba(255,255,255,0.8);font-weight:600;text-transform:uppercase;letter-spacing:0.01em;}
            .main_scroll_down .down_box{width:34px;height:34px;box-sizing:border-box;border:1px solid rgba(255,255,255,0.4);position: relative;overflow:hidden;}
            .main_scroll_down .down_box:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);position: absolute;top:0;left:50%;transform:translate(-50%);animation:linear 1s infinite running scroll;}
            @keyframes scroll{
                0%{top:calc(0% - 30px);}
                100%{top:calc(100% + 30px);}
            }

            /*title*/
            .main_title{text-align: center;font-size:var(--title-20);}
            .main_title h3{font-size:350%;color:var(--black-color01);font-weight:700;line-height:1;letter-spacing:0;}
            .main_title p{font-size:100%;color:var(--black-color06);font-weight:400;margin-top:30px;}

            /*over*/
            @media (hover:hover) and (pointer:fine){
                .main_more:hover{background:var(--point-color02);border-color:var(--point-color02);}
                .main_more:hover div{transform:rotate(-180deg);}

                .main_more.arw:hover{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
                .main_more.arw:hover:after{filter:var(--filter-white);}
                
            }
        
            @media only screen and (min-width:1024px){
			    #wrap.main_index [data-aos]{opacity:1;transform:none;}
            }

            @media (max-height:700px){
                .main_scroll_down{bottom:20px;right:50px;}    
            }
            @media (max-width:1300px){
                /*scroll down*/
                .main_scroll_down{right:30px;}
            }
            @media (max-width:1024px){
                .main_index .section{padding-block:clamp(80px, 12vw, 120px);}    
                /*scroll down*/
                .main_scroll_down{display: none;}
            }
            @media (max-width:640px){
                /*버튼*/
                .main_more{width:180px;height:52px;padding:0 20px;}

                /*title*/
                .main_title p{margin-top:20px;}
            }
            @media (max-width:479px){
                /*버튼*/
                .main_more{width:150px;height:46px;padding:0 15px;}

                /*title*/
                .main_title h3{font-size:260%;}

            }

    /*business*/
        #section02:before{width:100%;height:31.9%;content:"";background: linear-gradient(90deg, var(--point-color03) 0%, var(--point-color01) 100%);position: absolute;bottom:0;left:0;}
        .main_business{padding-top:68px;}
        .main_business .main_title{display: flex;flex-wrap:wrap;gap:31px;align-items:flex-start;text-align: left;}
        .main_business .main_title h3{display: inline-block;}
        .main_business .main_title p{margin-top:32px;letter-spacing:-0.04em;}
        .main_business .business_container{margin-top:51px;}
        .main_business .business_container ul{display: flex;}
        .main_business .business_container ul li{width:20%;position: relative;}
        .main_business .business_container ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
        .main_business .business_container ul li .thumb{width:100%;height:0;padding-bottom:130.7%;position: relative;overflow:hidden;}
        .main_business .business_container ul li .thumb img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;transition:all 0.3s ease-out;}
        .main_business .business_container ul li .txt{width:100%;height:100%;position: absolute;top:0;left:0;z-index:2;box-sizing:border-box;padding:30px 30px 32px;display: flex;flex-direction:column;justify-content: space-between;align-items: flex-end;font-size:var(--title-20);}
        .main_business .business_container ul li .txt .plus_btn{width:50px;height:50px;position: relative;box-sizing:border-box;border:1px solid rgba(255,255,255,0.4);transition:all 0.3s ease-out;}
        .main_business .business_container ul li .txt .plus_btn:before, .main_business .business_container ul li .txt .plus_btn:after{content:"";background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.3s ease-out;}
        .main_business .business_container ul li .txt .plus_btn:before{width:12px;height:2px;}
        .main_business .business_container ul li .txt .plus_btn:after{width:2px;height:12px;}
        .main_business .business_container ul li .txt p{width:100%;font-size:150%;color:var(--point-white);font-weight:700;line-height:1.26;letter-spacing:0;}

         /*over*/
        @media (hover:hover) and (pointer:fine){
            .main_business .business_container ul li:hover .thumb img {transform:scale(1.05);}
            .main_business .business_container ul li:hover .txt .plus_btn{background:var(--point-color02);border-color:var(--point-color02);}
            .main_business .business_container ul li:hover .txt .plus_btn:before, .main_business .business_container ul li:hover .txt .plus_btn:after{transform:translate(-50%, -50%) rotate(-180deg);}
        }

        @media (max-height:800px){
            .main_business{padding-top:30px;}
            .main_business .business_container{margin-top:25px;}
        }
        @media (max-height:700px){
            .main_business .business_container ul li .thumb{padding-bottom:116%;}
        }

        @media (max-width:1400px){
            .main_business .business_container ul li .txt p{font-size:120%;}
        }
        @media (max-width:1250px){
            .main_business .business_container ul li .txt{padding:20px 20px 26px;}
            .main_business .business_container ul li .txt p{font-size:100%;}
        }
        @media (max-width:1024px){
            .main_business{padding:0;}
            .main_business .main_title{flex-direction: column;gap:20px;}
            .main_business .main_title p{margin-top:0;}
            .main_business .business_container ul li .txt p{font-size:130%;}

            .main_business .business_container ul li.swiper-slide-active .thumb img {transform:scale(1.05);}
            .main_business .business_container ul li.swiper-slide-active .txt .plus_btn{background:var(--point-color02);border-color:var(--point-color02);}
        }
        @media (max-width:479px){
            .main_business .main_title{gap:10px;}
            .main_business .business_container{margin-top:30px;}
            .main_business .business_container ul li .txt{padding:15px 20px 20px;}
            .main_business .business_container ul li .txt .plus_btn{width:34px;height:34px;}
            .main_business .business_container ul li .txt .plus_btn:before{width:10px;}
            .main_business .business_container ul li .txt .plus_btn:after{height:10px;}
        }

    /*contact*/
        #section03{background:url('../images/skin/main_contact_bg.jpg')no-repeat center;background-size:cover;}
        .main_cs{padding-top:62px;}
        .main_cs .main_w_custom{display: flex;flex-wrap:wrap;gap:120px;align-items: flex-start;}
        .main_cs .main_w_custom > div{box-sizing:border-box;position: relative;}
        .main_cs .txt_box{width:46.6%;}
        .main_cs .main_title{text-align:left;}
        .main_cs .main_title h3{color:var(--point-white);}
        .main_cs .main_title p{color:rgba(255,255,255,0.8);font-weight: 300;letter-spacing:-0.04em}
        .main_cs .cs_info_box{display: flex;margin-top:79px;flex-wrap:wrap;}
        .main_cs .cs_info_box > div{box-sizing:border-box;width:50%;background:var(--point-color01);padding:60px 60px 60px 50px;font-size: var(--title-20);}
        .main_cs .cs_info_box > div:nth-child(2){background:var(--point-color02);}
        .main_cs .cs_info_box h4{font-size:150%;color:var(--point-white);font-weight:700;font-family:var(--font-type02);letter-spacing:-0.04em}
        .main_cs .cs_info_box .info_box{margin-top:39px;}
        .main_cs .cs_info_box .info_box dl{font-size:var(--title-20);}
        .main_cs .cs_info_box .info_box dl + dl{margin-top:30px;}
        .main_cs .cs_info_box .info_box dl dt{font-size:80%;color:rgba(255,255,255,0.4);font-weight:700;letter-spacing:0;}
        .main_cs .cs_info_box .info_box dl dd{font-size:90%;color:var(--point-white);font-weight:300;margin-top:9px;max-width:90%;line-height:1.55;letter-spacing:-0.04em;}
        .main_cs .cs_info_box .info_box dl + dl dd{margin-top:5px;}
        .main_cs .cs_info_box .info_box dl dd a{font-size:inherit;color: inherit;font-weight:inherit;}

        .main_cs .contact_box{width:calc(53.4% - 120px);margin-top:6px;}
        #wrap .bbs_write_box{box-sizing:border-box;gap:14px;display: flex;flex-direction: column;flex-wrap:wrap;}
		#wrap .bbs_write_box .line2{display: flex;flex-wrap:wrap;gap:14px;}
		#wrap .bbs_write_box .line2 dl{width:calc(50% - 7px);}
		#wrap .bbs_write_box dl{display: flex;flex-wrap:wrap;width:100%;align-items: flex-start;box-sizing:border-box;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.6);padding:0 19px;}
		#wrap .bbs_write_box dl dt{width:140px;font-size:var(--title-17);color:var(--point-white);font-weight:400;display: flex;align-items: center;min-height:56px;text-align:left;letter-spacing:-0.04em;}
		#wrap .bbs_write_box dl dt .require_dot{font-size:117%;color:var(--point-color04);font-weight:inherit;display: inline-block;margin-left:4px;margin-top:3px;}
		#wrap .bbs_write_box dl dd{box-sizing:border-box;width:calc(100% - 140px);min-height:56px;display: flex;align-items: center;}
		#wrap .bbs_write_box dl dd input[type="text"],
        #wrap .bbs_write_box dl dd input[type="password"]{width:100%;height:56px;box-sizing:border-box;padding:0;font-size:var(--title-16);color:var(--point-white);font-weight:400;border:none;letter-spacing:-0.05em;background:none;}
		#wrap .bbs_write_box dl dd input[type="text"]::place-holder,
        #wrap .bbs_write_box dl dd input[type="password"]::place-holder,
        #wrap .bbs_write_box textarea::placeholder{color:var(--black-color10);}
        #wrap .bbs_write_box dl dd input[type="text"]:-webkit-autofill,
        #wrap .bbs_write_box dl dd input[type="password"]:-webkit-autofill,
        #wrap .bbs_write_box textarea:-webkit-autofill{-webkit-text-fill-color:var(--point-white);}
		#wrap .bbs_write_box textarea{resize:none;width:100%;height:118px;box-sizing:border-box;font-size:var(--title-16);color:var(--point-white);font-weight:400;letter-spacing:-0.03em;border:none;padding:20px 0;background:none;}
        #wrap .bbs_write_box dl:has(dd input[type="text"]:focus, dd input[type="password"]:focus, dd textarea:focus){border-color:var(--point-white);}
		
		#wrap .bbs_write_box dl.captcha_dl{padding:0 10px;}
        #wrap .bbs_write_box dl.captcha_dl dd{width:100%;gap:20px;flex-wrap:wrap;}
		#wrap .bbs_write_box .captcha_wrap{padding:10px 0;box-sizing: border-box; display: flex; gap:5px;}
		#wrap .bbs_write_box #captcha_box{margin:0;width:162px;height:36px;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:rgba(0,0,0,0.6) url('../images/skin/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width:36px; width:36px; height:36px;box-sizing: border-box;border:1px solid var(--point-white);}
		#wrap .bbs_write_box input#captcha{width:calc(100% - 223px); margin:0;}
		
		#wrap .policy_wrap{box-sizing: border-box; margin-top:24px;display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
		#wrap .policy_wrap .chk_cont{display: inline-flex;align-items: center;gap:16px;}
		#wrap .policy_wrap .chk_cont a{font-size:var(--title-16);color:rgba(255,255,255,0.6);font-weight:400;text-decoration: underline;letter-spacing: -0.03em;text-underline-offset: 4px;}


        @media (max-height:800px){
            .main_cs{padding:150px 0;}
            .main_cs .cs_info_box{margin-top:50px;}
            #wrap .policy_wrap{flex-direction:row;gap:0;}
        }
        @media (max-width:1500px){
            .main_cs .main_w_custom{gap:80px;}
            .main_cs .cs_info_box > div{padding:40px 30px;}
            .main_cs .cs_info_box .info_box dl dd{max-width:100%;}

            .main_cs .contact_box{width:calc(53.4% - 80px);}
            #wrap .bbs_write_box dl dt{width:110px;}
            #wrap .bbs_write_box dl dd{width:calc(100% - 110px);}
        }
        @media (max-width:1300px){
            #wrap .policy_wrap{flex-direction:column;gap:15px;}
        }
        @media (max-width:1240px){
            .main_cs{padding:150px 0;}
            .main_cs .txt_box, .main_cs .contact_box{width:100%;}
            .main_cs .cs_info_box{margin-top:50px;}
            #wrap .policy_wrap{flex-direction:row;gap:0;}
        }
        @media (max-width:1024px){
            .main_cs{padding:0;}    
        }
        @media (max-width:640px){
            .main_cs .main_w_custom{gap:60px;}
            .main_cs .cs_info_box{margin-top:35px;}
            .main_cs .cs_info_box > div{padding:30px 20px;}
            .main_cs .cs_info_box .info_box{margin-top:30px;}
            .main_cs .cs_info_box .info_box dl + dl{margin-top:20px;}

			#wrap .bbs_write_box dl{padding:10px 10px;}
			#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:90px;}
			#wrap .bbs_write_box dl dd{width:calc(100% - 90px);}
			#wrap .bbs_write_box dl dd input[type="text"], #wrap .bbs_write_box dl dd input[type="password"]{height:36px;}
            #wrap .bbs_write_box dl.content_dl{flex-direction: column;}
            #wrap .bbs_write_box dl.content_dl dt, #wrap .bbs_write_box dl.content_dl dd{width:100%;}
			#wrap .bbs_write_box textarea{height:100px;padding:0;}
			#wrap .bbs_write_box dl.captcha_dl dd{gap:10px;}
			#wrap .bbs_write_box input#captcha{width:calc(100% - 213px);}

            #wrap .policy_wrap{flex-direction:column;gap:15px;}
		}
		@media (max-width:479px){
            .main_cs .main_w_custom{gap:45px;}
            .main_cs .cs_info_box > div {width:100%;}
            .main_cs .cs_info_box h4{font-size:120%;}
            .main_cs .cs_info_box .info_box{margin-top:20px;}
            .main_cs .cs_info_box .info_box dl + dl{margin-top:15px;}
            .main_cs .cs_info_box .info_box dl dd{margin-top:5px;}
            .main_cs .cs_info_box .info_box dl + dl dd{margin-top:2px;}
            .main_cs .cs_info_box .info_box dl dt{font-size:90%;}
            .main_cs .cs_info_box .info_box dl dd{font-size:100%;}
            
			#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_wrap{padding-bottom:0;}
			#wrap .bbs_write_box input#captcha{width:100%;}
			
			#wrap .policy_wrap{margin-top:34px;justify-content: center;flex-direction: column;gap:25px;}
			#wrap .policy_wrap .chk_cont{gap:10px;justify-content: center;}
			#wrap .policy_wrap .btn_send_main{margin-top:15px;}
		}  

        @media (max-height:800px){
            .main_cs .txt_box, .main_cs .contact_box{width:100%;}
        }

    /*partner*/
        #section04{background:url('../images/skin/main_partner_bg.jpg')no-repeat center;background-size:cover;}
        .main_partner{text-align: center;padding-top:92px;}
        .main_partner .list_container{margin-top:80px;}
        .main_partner .list{display: flex;flex-wrap:wrap;}
        .main_partner .list li{width:20%;}
        .main_partner .more_box{margin-top:80px;}
        .main_partner .main_scroll_down span{color:rgba(15, 58, 197, 0.8);font-weight:600;}
        .main_partner .main_scroll_down .down_box{border-color:rgba(15, 58, 197, 0.4);}
        .main_partner .main_scroll_down .down_box:before{background:var(--point-color01);animation:linear 1s infinite running scrollUp;top:calc(100% + 30px);}
        @keyframes scrollUp{
            0%{top:calc(100% + 30px);}
            100%{top:calc(0% - 30px);}
        }

        @media (max-width:1240px){
            .main_partner{padding-top:0;}
            .main_partner .list_container{margin-top:50px;}
            .main_partner .list li{width:25%;}
            .main_partner .more_box{margin-top:60px;}
        }
        @media (max-width:640px){
            .main_partner .list li{width:50%;}    
        }
        @media (max-width:479px){
            .main_partner .list_container{margin-top:30px;}
            .main_partner .more_box{margin-top:30px;}
        }