@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;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}
    #container{position: relative; padding-bottom:180px; box-sizing: border-box;}

    @media (max-width:1023px){
        #container{padding-bottom:clamp(100px, 18vw, 180px);}
    }
    @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: 139px; box-sizing: border-box; z-index: 100; transition: all 0.4s;}
    #header .cont{height: 100%; max-width: 1680px; display: flex; align-items: center; justify-content: space-between; gap: 30px; z-index: 5;}
    #header .logo{font-size: 0; height: 100%;position: relative;z-index: 5;}
    #header .logo a{display: inline-flex;align-items: center;height: 100%;box-sizing: border-box;padding-block: 38px;}
    #header .logo span{position: relative;display: inline-flex;align-items: center;overflow: hidden;box-sizing: border-box;height: 100%;}
    #header .logo img{transition: all 0.4s;}
    #header .logo .ov{position: absolute; inset: 0; transform: translateY(110%);}
    #header .gnb{position: absolute; top:0; left:50%; width:100%; height: 100%; transform: translateX(-50%); display: flex; justify-content: center; text-align: center; font-size: var(--title-20);}
    #header .gnb a{position: relative;display: block;transition: all 0.4s;box-sizing: border-box;}
    #header .gnb > li{position: relative; height: 100%; font-size: inherit; font-weight: 600; color: var(--black-color00);}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;filter: var(--filter-white);padding-inline: min(50px, 2.6vw); pointer-events: none; }
    #header .gnb > li > a:before{position: absolute;content:'';width: 4px;aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;top: 70%;left:50%;transform: translateX(-50%);box-sizing: border-box;opacity: 0;transition: all 0.4s;}
    #header .gnb .dep02{position: absolute; top:85%; left:50%; transform: translate(-50%, -10px); width: 210px; border:1px solid var(--border-color01); border-radius: var(--radius-10); background: var(--point-white); box-sizing: border-box; padding:16px 20px; opacity: 0; pointer-events: none; transition: all 0.4s;}
    #header .gnb .dep02 > li{font-size: 85%; font-weight: 400; color: var(--black-color00); line-height: 1.53; padding-block: 8px;}
    #header .gnb .dep02 > li > a{text-decoration-color:var(--point-color01); pointer-events: none; }
    #header .link_list{display: flex; align-items: center; gap: 30px; font-size: 0;position: relative;z-index: 5;}
    #header .allCate{position: relative;display: inline-flex;flex-direction:column;width:32px;height:29px;transition: all 0.4s; filter: var(--filter-white);justify-content: space-between;}
    #header .allCate span{width: 100%;height:3px;background: var(--black-color03);transition: inherit;border-radius:20px;}
        #header .allCate.on span{top:50%;right:50%;margin:0;transform: translate(50%, -50%) rotate(45deg);width: 150%;position: absolute;}
        #header .allCate.on span:nth-child(2){opacity: 0;}
        #header .allCate.on span:nth-child(3){transform: translate(50%, -50%) rotate(-45deg);}

        /* over */
            @media (min-width:1024px){
                #header:hover{background: var(--point-white);}
                #header:not(:has(.allCate.on)):hover .logo img:not(.ov){transform: translateY(-100%);}
                #header:not(:has(.allCate.on)):hover .logo .ov{transform: translateY(0);}
                #header:hover :is(.gnb > li > a, .lang_desc dt, .allCate){filter: none;}
                #header:hover .lang_desc dt{border-color: var(--border-color01);}
                #header .gnb > li:hover > a:before{opacity: 1;}
                #header .gnb > li:hover .dep02{transform: translateX(-50%); opacity: 1; pointer-events: all;}
                #header .gnb .dep02 > li:hover > a{color: var(--point-color01);text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 2px;}
                #header .allCate:hover span{background: var(--point-color01); width: 100%;}
            }

        /* on */
            #header.on{background: var(--point-white);box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
            #header:not(:has(.allCate.on)).on .logo img:not(.ov){transform: translateY(-100%);}
            #header:not(:has(.allCate.on)).on .logo .ov{transform: translateY(0);}
            #header:not(:has(.allCate.on)).on :is(.gnb > li > a, .lang_desc dt, .allCate){filter: none;}

        /* 전체카테고리 */
            #header:has(.allCate.on) .gnb{opacity: 0; pointer-events: none;}
            @media (min-width:1024px){
                #header:has(.allCate.on) :is(.gnb > li > a, .lang_desc dt, .allCate){filter: none;}
            }
            

    @media screen and ( max-width: 1150px){
        #header .gnb > li > a { padding-inline: min(50px, 1.5vw); }
    }

    @media (max-width:1023px){
        #header{height: clamp(70px, 12vw, 120px);}
        #header .logo a{padding-block:clamp(15px, 3vw, 30px);}
        #header .gnb{display: none;}
        #header .link_list{gap: clamp(20px, 3vw, 30px);}
        #header .lang_desc dt{padding:clamp(8px, 1vw, 10px) clamp(12px, 1.6vw, 16px);}
        #header .lang_desc dt:after{margin-left: clamp(5px, 1vw, 8px);}
        #header .lang_desc dt:before{width: clamp(20px, 2.4vw, 24px);}
        #header .allCate{width: clamp(28px, 3vw, 30px);height: clamp(22px, 2.6vw, 26px);}
        #header .allCate.on span{width: 130%;}
    }
    @media (max-width:640px){
        #header .allCate.on span{width: 110%;}
    }

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    
    #aside{position: fixed;top:0;left:0;width: 100%;height: 100vh;background: var(--point-white); opacity: 0; clip-path: inset(0 0 100% 0); transition: all 0.6s;}
        body:has(.allCate.on) #aside{opacity: 1; clip-path: inset(0 0 0 0);}
        body:has(.allCate.on){overflow: clip; touch-action: none;}
    #aside .w_custom{display: flex;max-width: 1680px; height: 100%;}
    #aside .thumb{position: relative;font-size: 0;width: 34%;}
    #aside .thumb span{position:relative;display: block;width: calc(100% + 120px);height: 100%;margin-left: -120px;overflow: hidden;}
    #aside .thumb img{width: 100%; height: 100%; object-fit: cover;}
    #aside .as_gnb{width: 66%;height:100%;padding-left: clamp(50px, 6.3vw, 120px);padding-block: 50px;display: flex;flex-direction: column;justify-content: center;font-size: var(--title-20);box-sizing: border-box;overflow: hidden;overflow-y: auto;}
    #aside .as_gnb > li{display: flex;align-items: center;padding-block: clamp(20px, 6.6vh, 60px);box-sizing: border-box;}
        #aside .as_gnb > li:not(:last-child){border-bottom: 1px solid var(--border-color01);}
    #aside .as_gnb > li > a{font-size: 140%; font-weight: 500; color: var(--black-color00); width: 220px; flex-shrink: 0; padding-right: 30px; box-sizing: border-box; pointer-events: none; }
    #aside .as_gnb .dep02{display: flex;flex-wrap: wrap;gap: 15px 60px;}
    #aside .as_gnb .dep02 > li{font-size: 90%; font-weight: 400; color: var(--black-color00); line-height: 1.5;}
    #aside .as_gnb .dep02 > li a { pointer-events: none; }

        /* over */
        @media (hover:hover) and (pointer:fine){
            #aside .as_gnb .dep02 > li:hover > a{color: var(--point-color01);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: var(--point-color01);}
        }
    

    @media (max-width:1023px){
        #aside{overflow: hidden; overflow-y: auto;}
		#aside .w_custom{flex-direction:column;}
        #aside .thumb{flex-shrink: 0;width: 100%;height: clamp(180px, 45vw, 400px);}
        #aside .thumb span{width: calc(100% + 60px); margin-left: -30px;background:var(--black-color00);}
        #aside .thumb span img{opacity:0.8;}
        #aside .thumb span:after{width:100%;height:100%;content'';background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;}
        #aside .as_gnb{width: 100%;height: auto;padding: clamp(25px, 5vw, 50px) 0 100px;flex-shrink: 0;}
        #aside .as_gnb > li{padding-block: clamp(20px, 5vw, 50px);}
        #aside .as_gnb > li > a{width: clamp(170px, 22vw, 220px);}
        #aside .as_gnb .dep02{gap: clamp(8px, 1.5vw, 15px) clamp(25px, 6vw, 60px);}
    }
    @media (max-width:479px){
        #aside .as_gnb > li{flex-direction: column;gap: 10px;align-items: flex-start;}
        #aside .as_gnb > li > a{width: 100%;}
    }
/*───────────────────────────────────────────────────────────

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color00);box-sizing:border-box;padding:59px 0 61px;}
    #footer .w_custom{display: flex;flex-wrap:wrap;justify-content: space-between;}
    #footer .ft_info_box{font-size:var(--title-20);width:calc(100% - 200px);}
    #footer .ft_info_box .info_box strong{font-size:120%;color:var(--point-white);font-weight:600;}
    #footer .ft_info_box .info_box .info{display: flex;flex-wrap:wrap;gap:12px 30px;width:70%;margin-top:19px;}
    #footer .ft_info_box .info_box .info span{font-size:var(--title-14);color:var(--point-white);font-weight:300;opacity:0.6;}
    #footer .ft_info_box .info_box .info span a{font-size: inherit;color: inherit;font-weight: inherit;}
    #footer .ft_info_box .copyright{font-size:var(--title-14);color:var(--point-white);font-weight:200;opacity:0.4;margin-top:51px;}
    #footer .ft_info_box .copyright strong{font-size: inherit;color: inherit;font-weight:600;}
    #footer .ft_info_box .copyright a{font-size: inherit;color: inherit;font-weight: inherit;display: inline-block;margin-left:14px;}

    #footer .ft_bot{text-align: right;margin-top:15px;display: flex;flex-direction: column;justify-content: space-between;}
    #footer .ft_gnb{display: flex;align-items: center;}
    #footer .ft_gnb li{display: inline-flex;align-items: center;}
    #footer .ft_gnb li + li:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);opacity:0.2;display: inline-block;margin:0 20px;}
    #footer .ft_gnb li a{font-size: var(--title-14);color:var(--black-color10);font-weight:300;}
    #footer .ft_gnb li a strong{font-size: inherit;color:var(--point-white);font-weight:inherit;}
    #footer .ft_sns{display: flex;align-items: center;gap:10px;justify-content: flex-end;margin-bottom:5px;}
    #footer .ft_sns li a{display: flex;align-items: center;justify-content: center;width:60px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:8px;background:var(--black-color01);}

    @media (max-width:1023px){
        #footer .ft_info_box .info_box .info{width:100%;}
    }
    @media (max-width:640px){
        #footer .ft_info_box .info_box .info{gap:9px 15px;}
        #footer .ft_info_box .copyright a{display: block;margin:5px 0 0 0;}

        #footer .ft_gnb li + li:before{margin:0 10px;}
        #footer .ft_sns li a{width:45px;}
        #footer .ft_sns li a img{max-width:45%;}
    }
    @media (max-width:479px){
        #footer{padding:40px 0 50px;}
        #footer .w_custom{flex-direction:column-reverse;}
        #footer .ft_info_box{width:100%;margin-top:25px;}
        #footer .ft_info_box .info_box .info{margin-top:10px;}
        #footer .ft_info_box .copyright{margin-top:35px;}

        #footer .ft_bot{margin-top:0;}
        #footer .ft_sns{justify-content: flex-start;margin-top:15px;}
        #footer .ft_sns li a{width:40px;}
    }


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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*visual*/
        .main_visual {position: relative; box-sizing: border-box;}
        .main_visual .slick-slide {position: relative; height: 920px; overflow: hidden; box-sizing: border-box;}
        .main_visual .thumb{position: relative; display: block; width: 100%; height: 100%; background: no-repeat center / cover; transform: scale(1.1); transition: all 8s;}
        .main_visual .active .thumb{transform: scale(1);}
        .main_visual .txt_box{position: absolute;top:-5px;left:50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 100%;font-size: var(--title-20);color: var(--point-white);z-index: 3; text-wrap: balance;}
        .main_visual .txt_box h2{font-size:350%;font-weight: 400;line-height: 1.41;letter-spacing: 0.01em;}
        .main_visual .txt_box h2 strong{font-size:114%;font-weight:700;display:block;line-height:initial;}
        .main_visual .txt_box p{font-size: inherit;font-weight: 300;line-height: 1.5;letter-spacing: 0.01em;margin-top:45px;}
        .main_visual .txt_box .txtAni{position: relative;  transform: translateY(70px); opacity: 0; transition: all 1.5s; transition-delay: 0.2s;}
            .main_visual .txt_box .txtAni:nth-child(2){transition-delay: 0.4s;}
            .main_visual .txt_box .txtAni:nth-child(3){transition-delay: 0.6s;}
            .main_visual .active .txt_box .txtAni{ transform: translate(0); opacity: 1;}
        
        @media (max-width:1023px){
            .main_visual .slick-slide{height: clamp(600px, 84vw, 920px);}
        }
        @media (max-width:860px){
            .main_visual .slick-slide{height: clamp(600px, 105vw, 920px);}
            .main_visual .txt_box h2{font-size:300%;}
        }
        @media (max-width:640px){
            .main_visual .txt_box h2{font-size:250%;}
            .main_visual .txt_box p{margin-top:30px;}
        }
        @media (max-width:479px){
            .main_visual .txt_box h2{font-size:200%;}
            .main_visual .txt_box p{margin-top:20px;}
        }

    /*공통*/
        .more_btn{display: inline-flex;box-sizing:border-box;align-items: center;justify-content:center;width:220px;height:60px;padding:0 20px;border-radius:60px;position: relative;overflow:hidden;transition: all 0.4s;border:1px solid var(--point-white);}
        .more_btn span{position: relative;font-size:var(--title-18);color:var(--point-white);font-weight: 400;}
        .more_btn:before{position: absolute;content: '';inset: 0;background: var(--point-white);clip-path: circle(0 at 0% 100%);transition: all 0.4s ease-out;}

        /*title*/
        .main_title{text-align: center;font-size:var(--title-20);}
        .main_title h3{font-size:240%;color:var(--black-color01);font-weight:700;line-height:1.25;letter-spacing:-0.02em;}

        /*hover*/
		@media (pointer: fine) and (hover: hover) {
			.more_btn:hover:before{clip-path:circle(150% at 0% 100%);}
            .more_btn:hover span{color:var(--black-color01);}
        }

        @media (max-width:640px){
            .more_btn{width:180px;}
        }
        @media (max-width:479px){
            .more_btn{width:150px;height:50px;}    
        }

    /*bnr*/
        .main_bnr_box{box-sizing:border-box;display: flex;flex-wrap:wrap;}
        .main_bnr_box .main_bnr{position: relative;width:50%;height:940px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
        .main_bnr_box .main_bnr > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
        .main_bnr_box .main_bnr .img{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition: all 0.3s ease-out;overflow:hidden;}
        .main_bnr_box .main_bnr .img img{width:100%;height:100%;object-fit:cover;}
        .main_bnr_box .main_bnr .txt_box{text-align: center;font-size:var(--title-20);color:var(--point-white);font-weight:400;position: relative;box-sizing:border-box;width:100%;padding:0 15px;}
        .main_bnr_box .main_bnr .txt_box h3{font-size:300%;color:inherit;font-weight: 700;}
        .main_bnr_box .main_bnr .txt_box h4{font-size:160%;color:inherit;font-weight: 600;margin-top:27px;}
        .main_bnr_box .main_bnr .txt_box p{font-size:90%;color:inherit;font-weight:inherit;line-height:1.55;margin-top:14px;}
        .main_bnr_box .more_btn{margin-top:66px;}

        /*hover*/
		@media (min-width:1023px) {
            .main_bnr_box .main_bnr:hover .more_btn:before{clip-path:circle(150% at 0% 100%);}
            .main_bnr_box .main_bnr:hover .more_btn span{color:var(--black-color01);}
            .main_bnr_box .main_bnr:hover .img{width:calc(100% - 40px);height:calc(100% - 40px);border-radius:40px;}
        }

        @media (max-width:1200px){
            .main_bnr_box .main_bnr{height: clamp(600px, 84vw, 940px);}
            .main_bnr_box .main_bnr .txt_box h3{font-size:250%;}
            .main_bnr_box .main_bnr .txt_box h4{font-size:120%;}
            .main_bnr_box .main_bnr .txt_box p{font-size:85%;}
        }
        @media (max-width:860px){
            .main_bnr_box .main_bnr{height:auto;width:100%;padding:80px 0;}

            /*title*/
            .main_title h3{font-size:200%;}
        }
        @media (max-width:479px){
            .main_bnr_box .main_bnr .img{top:0;left:0;transform:none;}
            .main_bnr_box .main_bnr .txt_box h4{margin-top:20px;}
            .main_bnr_box .main_bnr .txt_box p{margin-top:10px;}
            .main_bnr_box .more_btn{margin-top:40px;}

            /*title*/
            .main_title h3{font-size:180%;}
        }
    
    /*news*/
        .main_news{margin-top:107px;}
        .main_news .news_container{margin-top:47px;position: relative;box-sizing:border-box;}
        .main_news .news_swiper{overflow:hidden;}
        .main_news .board_li{position: relative;}
        .main_news .board_li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
        .main_news .board_li .thumb{width:100%;height:0;padding-bottom:67.2%;position: relative;overflow:hidden;border-radius:10px;}
        .main_news .board_li .thumb img{width:100%;height:100%;position: absolute;object-fit:cover;transition: all 0.3s ease-out;}
        .main_news .board_li .txt{font-size:var(--title-20);margin-top:24px;}
        .main_news .board_li .txt strong{font-size:110%;color:var(--black-color00);font-weight: 500;line-height:1.36;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;letter-spacing:-0.02em;}
        .main_news .board_li .txt p{font-size:75%;color:var(--black-color08);font-weight: 400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;}
        .main_news .board_li .txt span{font-size:75%;color:var(--black-color08);font-weight: 400;display: block;margin-top:32px;letter-spacing:-0.02em;}

        .main_news .swiper_arw{display: inline-flex;align-items: center;justify-content: center;width:50px;height:50px;box-sizing:border-box;border-radius:100%;background:var(--point-white);box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.10);position: absolute;cursor:pointer;top:28.5%;z-index:10;transition: all 0.3s ease-out;}
        .main_news .prev{left:-25px;}
        .main_news .next{right:-25px;}
        .main_news .swiper_arw:before{width:11px;height:11px;content:"";border:2px solid var(--black-color00);border-width:2px 2px 0 0;position: absolute;transition: all 0.3s ease-out;}
        .main_news .prev:before{transform:rotate(-135deg);left:23px;}
        .main_news .next:before{transform:rotate(45deg);right:23px;}


        /*hover*/
		@media (pointer: fine) and (hover: hover) {
            .main_news .board_li:hover .thumb img{transform:scale(1.05);}
            .main_news .swiper_arw:hover{background:var(--point-color01);}
            .main_news .swiper_arw:hover:before{border-color:var(--point-white);}
        }

        @media (max-width:1500px){
            .main_news .prev{left:-10px;}
            .main_news .next{right:-10px;}
            .main_news .news_container{padding:0 15px;}
        }
        @media (max-width:1023px){
            .main_news{margin-top:80px;}
            .main_news .news_container{margin-top:30px;}
            .main_news .swiper_arw{top:19.5%;}
        }
        @media (max-width:860px){
            .main_news .swiper_arw{display: none;}
            .main_news .news_container{padding:0;}
            .main_news .news_swiper{overflow:visible;}
        }
        @media (max-width:640px){
            .main_news .board_li .txt{margin-top:20px;}
            .main_news .board_li .txt strong{font-size:120%;}
            .main_news .board_li .txt p,
            .main_news .board_li .txt span{font-size:90%;}
            .main_news .board_li .txt span{margin-top:20px;}
        }
        @media (max-width:479px){
            .main_news{margin-top:60px;}
            .main_news .news_container{margin-top:20px;}
            .main_news .board_li .thumb{border-radius:5px;}
            
        }

    /*location*/
        .main_location{box-sizing:border-box;margin-top:114px;padding-top:120px;background:var(--black-color00) url('../images/skin/main_loc_bg.jpg')no-repeat center;background-size:cover;}
        .main_location .w_custom{display: flex;align-items: center;flex-wrap:wrap;gap:150px;}
        .main_location .txt_box{width:400px;font-size:var(--title-20);padding-bottom:15px;}
        .main_location .txt_box h3{font-size:150%;color:var(--point-white);font-weight:600;}
        .main_location .txt_box .title > a{font-size:250%;color:var(--point-white);font-weight:700;display: inline-block;margin:8px 0 13px;}
        .main_location .txt_box .title > p{font-size:80%;color:var(--point-white);font-weight:300;line-height:1.5;letter-spacing:0.01em;}
        .main_location .txt_box .kakao_box{font-size:var(--title-20);margin-top:59px;}
        .main_location .txt_box .kakao_box h4{font-size:110%;color:var(--point-white);font-weight:500;}
        .main_location .txt_box .kakao_box .img_box{display: flex;box-sizing:border-box;background:var(--point-yellow);border-radius:10px;padding:15px 22px 15px 24px;align-items: center;justify-content: space-between;margin-top:16px;}
        .main_location .txt_box .kakao_box .img_box .txt{width:calc(100% - 70px);}
        .main_location .txt_box .kakao_box .img_box .txt p{font-size:80%;color:var(--point-kakao);font-weight:400;line-height:1.62;}
        .main_location .txt_box .kakao_box .img_box .txt strong{font-size:var(--title-18);color:var(--point-kakao);font-weight:600;}
        .main_location .txt_box .kakao_box .img_box .img{width:70px;}

        .main_location .map_box{width:calc(100% - 550px);height:618px;position: relative;}
        .main_location .map_box .map{width:150%;height:100%;position: absolute;top:0;left:0;box-sizing:border-box;border-radius:60px 0 0 0;overflow:hidden;}
        .main_location .map_box .map iframe{width:100%;height:100%;position: absolute;top:0;left:0;}

        @media (max-width:1200px){
            .main_location .w_custom{gap:60px;}
            .main_location .map_box{width:calc(100% - 460px);height:53vw;}
        }
        @media (max-width:1023px){
            .main_location{margin-top:80px;padding-top:100px;}
            .main_location .txt_box{width:100%;display: flex;align-items: flex-start;justify-content: space-between;padding:0;flex-wrap:wrap;gap:20px;}
            .main_location .txt_box .kakao_box{width:400px;margin-top:0;}
            .main_location .map_box{width:100%;}
            .main_location .map_box .map{width:calc(100% + 30px);}
        }
        @media (max-width:640px){
            .main_location{margin-top:60px;padding-top:60px;}
            .main_location .txt_box{gap:30px;}
            .main_location .txt_box .kakao_box{width:auto;}
            .main_location .txt_box .kakao_box .img_box .txt{padding-right:15px;flex-shrink:0;}

            .main_location .map_box{height:65vw;}
            .main_location .map_box .map{width:calc(100% + 15px);}
        }
        @media (max-width:479px){
            .main_location .w_custom{gap:50px;}
            .main_location .txt_box .title > a{font-size:200%;}

            .main_location .txt_box .kakao_box{width:100%;}
            .main_location .txt_box .kakao_box .img_box{border-radius:5px;padding:15px 15px;}

            .main_location .map_box{height:84vw;}
            .main_location .map_box .map{border-radius:30px 0 0 0;}
        }