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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    #wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1200px; margin-inline: auto; box-sizing: border-box;}
    #container{padding-block: 150px;}

    @media (max-width:1023px){
        #container{padding-block: clamp(100px, 15vw, 150px);}
    }
    @media (max-width:860px){
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        .w_custom{width: calc(100% - 20px);}
    }


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

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

───────────────────────────────────────────────────────────*/
    #header{position: fixed;top:0;left:0;width: 100%;height: 94px;box-sizing: border-box;z-index: 100;transition: all 0.4s;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);}
    #header .w_custom{display: flex; align-items: center; justify-content: space-between; max-width: 100%; height: 100%;}
    #header .logo{height: 100%;}
    #header .logo a{display: flex;align-items: center;height: 100%;padding-block: 18px;box-sizing: border-box;}
    #header .logo img{filter: var(--filter-white);}
    #header .gnb{position: absolute;top:0;left:50%;transform: translateX(-50%);width: calc(100% - 350px);height: 100%;display: flex;justify-content: center;text-align: center;font-size: var(--title-20);font-weight: 500;box-sizing: border-box;}
    #header .gnb > li{position: relative; height: 100%;}
        #header .gnb > li.on > a{filter: none;}
        #header .gnb > li:has(~ .on):not(:hover){filter: var(--filter-white);}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;box-sizing: border-box;padding-inline: clamp(10px, 1.7vw, 32px);color: var(--point-color01);filter: var(--filter-white);}
    #header .allCate{display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 26px;}
    #header .allCate span{width: 100%; height: 2px; background: var(--point-white);}

        /* over */
            @media (hover:hover) and (pointer:fine){
                    #header:hover{box-shadow: none;background: rgba(0,0,0,0.6);}
                    #header .gnb > li:hover > a{filter: none;}
            }

        /* on */
            #header.on{box-shadow: none;background: rgba(0,0,0,0.6);}
            #wrap:not(:has(.main_visual)) #header{box-shadow: none;background: rgba(0,0,0,0.6);}

    @media (max-width:1300px){
        #header .gnb > li{font-size: 90%;}
        #header .gnb > li > a{padding-inline: 15px;}
    }
    @media (max-width:1023px){
        #header{height: clamp(57px, 10vw, 94px);}
        #header .gnb{display: none;}
        #header .allCate{width: clamp(23px, 3.5vw, 30px); height: clamp(20px, 3vw, 26px);}
    }

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

	ASIDE | outline/nav.html

───────────────────────────────────────────────────────────*/
    .asideBg{position: fixed; inset: 0; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; z-index: 190; transition: all 0.6s;}
        body:has(#aside.on){overflow: clip; touch-action: none;}
        body:has(#aside.on) .asideBg{opacity: 1; pointer-events: all;}
    #aside{position: fixed;top:0;right:-420px;width: 85%;height: 100%;max-width: 420px;background: var(--point-white);box-sizing: border-box;z-index: 200;display: flex;flex-direction: column;overflow: hidden;overflow-y: auto; transition: all 0.6s;}
        #aside.on{right:0;}
    #aside .cont{position: relative;flex-shrink: 0;padding: 25px 30px;box-sizing: border-box;}
    #aside .logo{display: flex;height: 30px;align-items: flex-start;padding-right: 50px;box-sizing: border-box;}
    #aside .close{position: absolute;top: 21px;right: 26px;width: 35px;aspect-ratio: auto 1;}
    #aside .close span{position: absolute; top:50%; left:50%; width: 100%; height: 2px; background: var(--black-color03); transform: translate(-50%, -50%) rotate(45deg);}
    #aside .close span:nth-child(2){transform: translate(-50%, -50%) rotate(-45deg);}
    #aside .gnb{position: relative;border-top: 1px solid var(--black-color03);box-sizing: border-box;font-size: var(--title-20);margin-top: 25px;}
    #aside .gnb > li{position: relative;font-size: max(18px, 90%);font-weight: 400;color: var(--black-color03);border-bottom: 1px solid var(--border-color02);}
    #aside .gnb > li > a{display: block;padding: 25px 20px;}

    @media (max-width:1023px){
        #aside .logo{height: clamp(20px, 3.5vw, 30px);}
        #aside .cont{padding:clamp(20px, 3vw, 25px) clamp(20px, 3.5vw, 30px);}
        #aside .close{top: clamp(20px, 2.6vw, 21px);right: clamp(18px, 3.1vw, 26px);width: clamp(22px, 3.5vw, 35px);}
        #aside .gnb{margin-top: clamp(20px, 3vw, 25px);}
        #aside .gnb > li > a{padding: clamp(18px, 3vw, 25px) clamp(6px, 2.5vw, 20px);}
    }

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
    .anchor{position: absolute; display: block; top:-94px;}

    @media (max-width:1023px){
        .anchor{top:clamp(-94px, 10vw, -57px);}
    }

	/* 비주얼 */		
        .main_visual{position: relative; overflow: hidden;}
        .main_visual .slick-slide{position: relative; overflow: hidden; height: 980px;}
        .main_visual .thumb{position: relative; width: 100%; height: 100%; background: no-repeat center / cover;}
        .main_visual .txt_box{position: absolute;top:0;left:50%;transform: translateX(-50%);height: 100%;display: flex;flex-direction: column;gap: 40px;align-items: center;justify-content: center;text-align: center;font-size: var(--title-20);color: var(--point-white);z-index: 3;}
        .main_visual .txt_box h2{font-size: 380%; font-weight: 600; line-height: 1;}
        .main_visual .txt_box h2 span{position: relative;display: block;width: fit-content;margin-inline: auto;}
        .main_visual .txt_box h2 span:before{position: absolute;content:'';width: calc(100% + 32px);height: calc(80% - 1px);top: calc(50% + 2px);left: 50%;transform: translate(-50%, -50%);border-block: 1px solid rgba(255,255,255,0.3);box-sizing: border-box;}
        .main_visual .txt_box h6{font-size: inherit; font-weight: 300; line-height: 1.5;}
        .main_visual .txtAni{transform: translateY(70px); opacity: 0; }
            .main_visual .active .txtAni{transform: translate(0); opacity: 1; transition: all 1.2s; transition-delay: 0.2s;}
            .main_visual .active span.txtAni:nth-child(2){transition-delay: 0.4s;}
            .main_visual .active h6.txtAni{transition-delay: 0.6s;}

        .main_visual .scr_dwn{position: absolute;left:50%;bottom:30px;transform: translateX(-50%);font-size: var(--title-20);display: flex;flex-direction: column;align-items: center;gap: 9px;cursor: pointer;z-index: 5;}
        .main_visual .scr_dwn dt{font-size: 80%; font-weight: 400; color: var(--point-white);}

        .main_visual .slick-arrow{position: absolute;top:50%;left:-60px;transform: translateY(-50%);font-size: var(--title-16);font-weight: 300;letter-spacing: 0.2em;color: var(--point-white);transition: all 0.4s;}
            .main_visual .slick-arrow.next{left:auto;right: -60px;}
            .main_visual .slick-arrow:before{position: absolute; content:''; left:0; bottom:0; width: 0; height: 1px; background: var(--point-white); transition: all 0.4s;}
            .main_visual .slick-arrow.next:before{left:auto; right:0;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .main_visual:hover .slick-arrow:not(.next){left:30px;}
                .main_visual:hover .slick-arrow.next{right:30px;}
                .main_visual .slick-arrow:hover:before{width: 100%;}
            }

        @media (max-width:1023px){
            .main_visual .slick-slide{height: clamp(550px, 98vw, 980px);}
            .main_visual .txt_box{gap: clamp(20px, 4vw, 40px);}
            .main_visual .txt_box h2{font-size: 350%;}
            .main_visual .txt_box h2 span:before{width: calc(100% + clamp(18px, 3.2vw, 32px));}

            .main_visual .scr_dwn{bottom: clamp(20px, 3.5vw, 30px); gap: 8px;}
            .main_visual .scr_dwn dd{width: clamp(10px, 2vw, 14px);}
        }
        @media (max-width:860px){
            .main_visual .txt_box h2{font-size: 320%;}
        }
        @media (max-width:640px){
            .main_visual .txt_box h2{font-size: 290%;}
			.main_visual .txt_box h2 span:before{top:50%;}
            .main_visual .txt_box h6{font-size: max(14px, 90%); text-wrap: balance;}
            .main_visual .txt_box h6 br{display: none;}
        }
        @media (max-width:479px){
            .main_visual .txt_box h2{font-size: 260%;}
            .main_visual .scr_dwn dt{font-size: max(12px, 70%);}
        }
        @media (max-width:431px){
            .main_visual .txt_box h2{font-size: 215%;line-height: 1.2;}
        }

    /* 공통 */
        .main_title{position: relative;display: flex;flex-direction: column;align-items: flex-start;box-sizing: border-box;font-size: var(--title-20);gap: 26px;}
            .main_title.cen{align-items: center;text-align: center;}
        .main_title h2{font-size: 320%;font-weight: 600;line-height: 1.125;color: var(--black-color02);}
			.main_title h2 + p{margin-top: 12px;}
        .main_title h2 em{font-weight: inherit; color: var(--point-color01);}
        .main_title h6{font-size: max(18px, 100%);font-weight: 400;line-height: 1.6;color: var(--black-color03);}
        .main_title h6 em{font-weight: inherit; color: var(--point-color01);}
        .main_title h6 strong{font-weight: 500;}
        .main_title p{font-size: max(15px, 90%);font-weight: 400;line-height: 1.77;color: var(--black-color05);}

        @media (max-width:1023px){
            .main_title{gap: clamp(13px, 2.6vw, 26px); text-wrap: balance;}
            .main_title h2{font-size: 290%;}
                .main_title h2 + p{margin-top: clamp(7px, 1.2vw, 12px);}
        }
        @media (max-width:860px){
            .main_title h2{font-size: 260%;}
        }
        @media (max-width:640px){
            .main_title h2{font-size: 240%;}
            .main_title h6{font-size: max(15px, 90%);}
        }
        @media (max-width:479px){
            .main_title h2{font-size: max(36px, 220%);}
        }

    /* main_about */
        .main_about{position: relative;}
        .main_about .w_custom{display: flex; flex-wrap: wrap; max-width: 1360px;}
        .main_about .thumb{width: 50%; font-size: 0;}
        .main_about .thumb span{display: block;width: calc(100% + 280px);height: 100%;margin-left: -280px;}
		.main_about .thumb img{width:100%; height:100%; object-fit:cover;}
        .main_about .main_title{width: 50%;min-height: clamp(300px, 40vw, 762px);justify-content: center;padding-left: clamp(30px, 7vw, 133px);padding-block: 70px;}

        @media (max-width:640px){
            .main_about .thumb{width: 100%;}
            .main_about .thumb span{width: calc(100% + 30px);height: auto;margin-left: -15px;}
            .main_about .main_title{width: 100%;align-items: center;text-align: center;padding-left: 0;padding-block: clamp(35px, 11vw, 70px) clamp(56px, 11vw, 70px); }
        }

    /* main_core */
        .main_core{position: relative; background: url('../images/skin/main_core.jpg') no-repeat center / cover;padding-block: clamp(56px, 11vw, 206px);}
        .main_core .main_title :where(h2, h6){filter: var(--filter-white);}
		.main_core .main_title h2{font-weight:500;}
			.main_core .main_title h2 + h6{margin-top: 0.15vw;}
        .main_core .info_list{display: flex;flex-wrap: wrap;margin-top: clamp(30px, 5vw, 90px);}
        .main_core .info_list > li{position: relative;width: calc(100% / 4);padding-inline: 15px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 23px;}
        .main_core .info_list > li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.3);}
        .main_core .info_list .icon{display: flex; align-items: flex-start; justify-content: center; height: 77px;}
        .main_core .info_list .desc{font-size: var(--title-20); color: var(--point-white);}
        .main_core .info_list .desc dt{font-size: 110%;font-weight: 400;}
			.main_core .info_list .desc dt + dd{margin-top: 15px;}
        .main_core .info_list .desc dd{font-size: 80%;font-weight: 300;line-height: 1.375;opacity: 0.7;}

        @media (max-width:1023px){
            .main_core .info_list .icon{height: clamp(50px, 7.7vw, 77px);}
        }
        @media (max-width:860px){
            .main_core .info_list > li{width: calc(100% / 2); padding:18px 15px;}
            .main_core .info_list > li:nth-child(2n){border-right: 0;}
            .main_core .info_list > li:nth-child(n+3){border-top: 1px solid rgba(255,255,255,0.3);}
        }

    /* main_biz */
        .main_biz{position: relative; background: var(--point-color01); padding-block: clamp(50px, 6.4vw, 120px) clamp(50px, 7.2vw, 139px);}
        .main_biz .main_title :where(h2, h6){filter: var(--filter-white);}
        .main_biz .main_title h2{font-weight:500;}
			.main_biz .main_title h2 + h6{margin-top: 0.15vw;}
        .main_biz .exp_list{display: flex; flex-wrap: wrap; gap: 30px; margin-top:clamp(30px, 3vw, 54px);}
        .main_biz .exp_list > li{position: relative;width: calc(100% / 3 - 20px); transition: all 0.4s;}
        .main_biz .exp_list > li:before, .main_biz .exp_list > li:after{position: absolute;content:'';top: 0;left:0;width: 0;height: 0;border:solid var(--point-white);border-width: 3px 0 0 3px;opacity: 0;transition: all 0.4s;box-sizing: border-box;}
        .main_biz .exp_list > li:after{inset: auto;right:0;bottom: 0;border-width: 0 3px 3px 0;}
        .main_biz .exp_list .thumb{display: block; width: 100%; aspect-ratio: auto 0.82; overflow: hidden;}
        .main_biz .exp_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_biz .exp_list .desc{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;gap: 15px;padding: 33px 35px;box-sizing: border-box;font-size: var(--title-20);color: var(--border-color03);}
        .main_biz .exp_list .desc :where(dt, dd){text-shadow: 2px 2px 3px var(--black-color00);}
        .main_biz .exp_list .desc dt{font-size: 150%; font-weight: 400;}
        .main_biz .exp_list .desc dd{font-size: 90%;font-weight: 300;line-height: 1.55;letter-spacing: -0.03em;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .main_biz .exp_list > li:hover{box-shadow: 5px 5px 15px rgba(42,42,42,0.7);}
                .main_biz .exp_list > li:hover:before, .main_biz .exp_list > li:hover:after{width: 100%;height: 100%;opacity: 1;}
            }

        @media (max-width:1200px){
            .main_biz .exp_list{gap: 20px;}
            .main_biz .exp_list > li{width: calc(100% / 3 - 13.34px);}
        }
        @media (max-width:1023px){
            .main_biz .exp_list{gap: 15px;}
            .main_biz .exp_list > li{width: calc(100% / 3 - 10px);}
            .main_biz .exp_list .desc{padding:clamp(20px, 3.3vw, 33px)}
            .main_biz .exp_list .desc dt{font-size: 140%;}
            .main_biz .exp_list .desc dd{text-wrap: balance;}
        }
        @media (max-width:860px){
            .main_biz .exp_list > li{width: calc(100% / 2 - 7.5px);}
            .main_biz .exp_list .desc dt{font-size: max(23px, 130%);}
        }
        @media (max-width:479px){
            .main_biz .exp_list > li{width: 100%;}
            .main_biz .exp_list .thumb{aspect-ratio: auto 2.5; min-height: 180px;}
            .main_biz .exp_list .desc{align-items: center; justify-content: center; text-align: center;}
        }

    /* main_video */
        .main_video{position: relative; padding-block: clamp(56px, 7.3vw, 139px);}
        .main_video .main_title h2{font-weight: 500;}
        .main_video .thumb{position: relative;font-size: 0;margin-top: clamp(25px, 3vw, 50px);box-shadow: 5px 5px 10px rgba(42,42,42,0.4);}
            .main_video .thumb:before{position: absolute; content:''; top:50%;left:50%;transform: translate(-50%, -50%);width: 100px;aspect-ratio: auto 1; background: url('../images/skin/main_video_arw.png') no-repeat center / 100% auto;}
        .main_video .thumb .link{position: absolute; inset: 0; z-index: 5;}
        .main_video .thumb img{min-height: 200px; object-fit: cover;}

        @media (max-width:1023px){
            .main_video .thumb:before{width: clamp(60px, 10vw, 100px);}
        }
        @media (max-width:640px){
            .main_video .thumb{box-shadow: 2.5px 2.5px 5px rgba(42,42,42,0.4);}
        }

    /* 오시는 길 */
        .main_location{position: relative;padding-block: clamp(56px, 7.3vw, 139px);background: var(--gray-bg01);z-index: 3;}
        .main_location .w_custom{display: flex;flex-wrap:wrap;align-items: center;}
        .main_location .w_custom > div{box-sizing:border-box;}
        .main_location .main_title{width:100%; margin-bottom: clamp(25px, 3vw, 50px);}
        .main_location .info_txt{width:45%;padding: 40px 80px 40px 0;}
        .main_location .info_txt .info_call{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;margin-bottom:30px;gap:10px;}
        .main_location .info_txt .info_call .info_tel{font-size: var(--title-20);color:var(--black-color03);font-weight:700;display: flex;align-items: center;gap:10px;}
        .main_location .info_txt .info_call .info_tel:before{width:32px;height:32px;content:'';background:url('../images/skin/main_tel.png')no-repeat center / 100% auto;display: inline-block;}
        .main_location .info_txt .info_call .info_tel span{font-size: 230%;}
        .main_location .info_txt dl{display: flex;flex-wrap:wrap;font-size:var(--title-16);color:var(--black-color03);font-weight:400;padding:5px 0;font-family:var(--font-type02);box-sizing:border-box;}
        .main_location .info_txt .info_time{border-top:1px solid var(--border-color01);margin-top:20px;padding-top:20px;}
        .main_location .info_txt dl dt{width:130px;}
        .main_location .info_txt dl dd{width:calc(100% - 130px);}
        .main_location .info_txt dl dd p{display: flex;flex-wrap:wrap;gap:10px;}
        .main_location .info_txt dl dd p + p{margin-top:10px;}
        .main_location .info_txt dl dd span{display: inline-block;width:44px;}
        
        .main_location .info_map{width:55%;}
        .main_location .info_map .info_map_box{width:100%;height:0;padding-bottom:63%;box-sizing:border-box;position: relative;overflow:hidden;}
        .main_location .info_map .info_map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

        @media (max-width:1400px) {
            .main_location .info_txt{padding-right:40px;}
            .main_location .info_txt .info_call .info_tel span{font-size:200%;}
        }

        @media (max-width:1217px) {
            .main_location .info_txt .info_call .info_tel{width:100%;}
            .main_location .info_txt dl dt{width:90px;}
            .main_location .info_txt dl dd{width:calc(100% - 90px);}
        }
        @media (max-width:860px) {
            .main_location .info_txt{width:100%;padding: 0 0 50px 0;}
            .main_location .info_txt .info_call .info_tel{width:auto;}
            .main_location .info_map{width:100%;}
        }
        @media (max-width:479px) {
            .main_location .info_txt{padding-bottom:30px;}
            .main_location .info_txt .info_call{margin-bottom:20px;}
            .main_location .info_txt .info_call .info_tel{gap:6px;}
            .main_location .info_txt .info_call .info_tel:before{width:22px;height:22px;}
            .main_location .info_txt .info_call .info_tel span{font-size: 150%;}
            .main_location .info_txt dl dt{width:70px;}
            .main_location .info_txt dl dd{width:calc(100% - 70px);}
            .main_location .info_txt dl dd span{width:38px;}
            .main_location .info_txt dl dd p + p{margin-top:6px;}
            .main_location .info_txt .info_time{margin-top:12px;padding-top:12px;}
        
            .main_location .info_map .info_map_box{padding-bottom:85%;}
        }

    /* 상담문의 */
        .main_contact{position: relative;z-index:6;background:var(--point-white);box-sizing:border-box; padding-block: clamp(56px, 7.3vw, 139px);}
        .main_contact .board_main_write{display: flex;flex-wrap:wrap;gap:40px 0;flex-direction: column; margin-top: clamp(25px, 3vw, 50px);}
        .main_contact .board_main_write .line2{display: flex;flex-wrap:wrap;gap:0 40px;}
        .main_contact .board_main_write dl{display: flex;flex-wrap:wrap;width:100%;}
        .main_contact .board_main_write .line2 dl{width:calc(50% - 20px);}
        .main_contact .board_main_write dl dd{width:100%;}
        .main_contact .board_main_write input:where([type="text"], [type="password"]){background:none;box-sizing:border-box;border:none;border-bottom:1px solid rgba(0,0,0,0.4);font-size:var(--title-16);color:rgba(0,0,0,0.6);font-weight:400;padding-left:9px;width:100%;height:44px;}
        .main_contact .board_main_write input:where([type="text"], [type="password"])::placeholder{color:inherit;}
        .main_contact .board_main_write input:where([type="text"], [type="password"]):focus{border-color: var(--black-color00);color:var(--black-color00);}
        .main_contact input:-webkit-autofill{color:var(--black-color00);}
        .main_contact .board_main_write textarea{width:100%;height:140px;box-sizing:border-box;outline:none;border:1px solid rgba(0,0,0,0.4);background:var(--point-white);padding:20px;font-size:var(--title-16);color:var(--black-color10);font-weight:400;resize:none; line-height:1.4;}
        .main_contact .board_main_write textarea::placeholder{color:inherit;}
        .main_contact .board_main_write textarea:focus{color:var(--black-color03);}
        .main_contact .policy_cont{padding:20px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.4);}
        .main_contact .policy_cont label,
        .main_contact .policy_cont a{color:var(--black-color00);font-size:var(--title-16);font-weight:400;}
        .main_contact .policy_cont a{font-size:var(--title-14);}
        .main_contact .board_main_write .capthca_wrap .capthca_box{display: flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.4);padding:10px 20px;}
        .main_contact .board_main_write .capthca_wrap #captcha{width:calc(100% - 240px);height:40px;border:none;background:var(--point-white);color:var(--black-color03);}
        .main_contact .board_main_write .capthca_wrap .btn_sm{width:40px;height:40px;padding:0;background-position:center;border:1px solid rgba(0,0,0,0.4);}
        .main_contact .btn_send_box{display:block;box-sizing:border-box;width: fit-content;background:var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:400;margin-inline: auto;margin-top:55px;position: relative;overflow:hidden;transition: all 0.4s;}
        .main_contact .btn_send_box:before{width:300px;height:300px;content:"";background:var(--point-white);transform:rotate(45deg);position: absolute;top:-205px;left:-316px;transition:all 1s;}
        .main_contact .btn_send_main{display:inline-flex;align-items: center;justify-content: center;position: relative;width: 200px;height: 60px;border: 1px solid var(--point-color01);font-size: var(--title-18);box-sizing: border-box;}
            
            @media (pointer: fine) and (hover: hover) {
                .main_contact .btn_send_box:hover:before{transition:all 1s;left:-14px;top:-135px;}
                .main_contact .btn_send_box:hover{color:var(--point-color01);}
            }

        @media (max-width:1023px) {
            .main_contact{padding-bottom: clamp(70px, 12vw, 120px);}
            .main_contact .board_main_write .line2.policy_box dl{width:100%;}
            .main_contact .board_main_write .line2.policy_box dl + dl{margin-top:20px;}
        }
        @media (max-width:640px) {
            .main_contact .board_main_write{gap:20px 0;}
            .main_contact .board_main_write .line2{gap:20px;}
            .main_contact .board_main_write .line2 dl{width:calc(50% - 10px);}
            .main_contact .board_main_write .capthca_wrap .capthca_box{padding:10px 15px;}
            .main_contact .board_main_write .line2.policy_box dl + dl{margin-top:0;}
            .main_contact .policy_cont{padding:15px;}
            .main_contact .btn_send_box{margin-top:35px;}
			.main_contact .btn_send_main{width:150px;height:50px;}
        }
        @media (max-width:479px) {
            .main_contact .board_main_write .line2 dl{width:100%;}
            .main_contact .board_main_write input:where([type="text"], [type="password"]){height:40px;}
            .main_contact .board_main_write textarea{padding:10px;height:150px;}
            .main_contact .board_main_write .capthca_wrap .capthca_box{padding:0;border:none;}
            .main_contact .board_main_write .capthca_wrap #captcha{border:1px solid rgba(0,0,0,0.4);width:100%;}
            .main_contact .policy_cont{padding:15px 10px;}
        }

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    #footer{position: relative; background: var(--black-color01); padding-block: 40px;}
    #footer .w_custom{display: flex;justify-content: space-between;gap: 15px;}
    #footer .cont{display: flex;flex-direction: column;gap: 15px;}
    #footer .link_list{display: flex; flex-wrap: wrap; font-size: var(--title-20);}
    #footer .link_list > li{font-size: max(13px, 65%);font-weight: 500;color: var(--border-color04);}
    #footer .link_list > li:not(:last-child):after{display: inline-flex;content:'';width: 1px;height: 9px;background: var(--black-color05);margin-inline: 11px;}
    #footer .addr_list{display: flex; flex-direction: column; gap: 4px;}
    #footer .addr_list > li{display: flex; flex-wrap: wrap; row-gap: 4px;}
    #footer .addr_list .desc{display: inline-flex;align-items: baseline;gap: 3px;font-size: var(--title-20);}
    #footer .addr_list .desc:not(:last-child) dd:after{display: inline-flex;content:'';width: 1px;height: 9px;background: var(--black-color05);margin-inline: 11px;}
    #footer .addr_list .desc :where(dt, dd){font-size: max(13px, 65%);font-weight: 400;color: var(--black-color07);}
    #footer .addr_list .desc dt{flex-shrink: 0;}
    #footer .copy{display: flex;flex-wrap: wrap;gap: 3px 20px;margin-top: 3px;}
    #footer .copy :where(dt, dd){font-size: max(13px, 65%);font-weight: 400;color: #4f4f4f;}
    #footer .scr_top{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background: var(--point-color01);flex-shrink: 0;padding: 8px;box-sizing: border-box;}
    #footer .scr_top img{transform: rotate(180deg);}

    @media (max-width:1023px){
        #footer{padding-block:clamp(30px, 4.5vw, 40px)}
        #footer .scr_top{width: clamp(32px, 4.8vw, 48px); height:clamp(32px, 4.8vw, 48px);}
    }
    @media (max-width:640px){
        #footer .addr_list .desc:not(:last-child) dd:after{opacity: 0;}
    }