/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    #wrap {position:relative;width:100%; overflow: clip;} 
    .w_custom, .main_w_custom{position: relative;width: calc(100% - 60px);max-width: 1440px;margin-inline: auto; box-sizing: border-box;}
    main{position: relative; padding-bottom: clamp(70px, 10vw, 140px);}
    .w_custom{max-width:1280px;}
    #wrap:has(.full_sec) main{width: 100%; max-width: 100%; padding: 0;}
    body:has(.tech_pop.on){overflow: hidden; touch-action: none;}		
    .swiper-container{overflow: hidden;}
	.dn{display: none;}

    :where(select, [type="text"], [type="password"], [type="number"], [type="date"]){height: clamp(44px, 6vw, 50px);background:var(--point-white);color:var(--black-color06);font-size:var(--title-18);font-weight:400;border:1px solid var(--border-color01);padding-inline: clamp(14px, 2vw, 18px);letter-spacing: -0.03em;overflow:hidden;}
    select {background: var(--point-white) url('/images/ico_select_arw.svg') no-repeat center right 20px; padding-right: 20px; appearance:none;}
    #wrap input[type="text"]::placeholder, #wrap input[type="password"]::placeholder, #wrap input[type="number"]::placeholder, #wrap input[type="date"]::placeholder {font-size:100%;font-weight:400;color:var(--black-color10);}
    
    [type="radio"]{accent-color: var(--point-color01);}
    [type="radio"] + label {min-height: 21px; font-size:var(--title-18); color: var(--black-color03);}
    [type="radio"] + label::before {width: 20px; height: 21px; margin: -1px 5px 0 0; background: url('/images/ico_rdo.png') no-repeat center; background-size: cover;}
    [type="radio"]:checked + label::before{display: inline-flex; content:''; background: url('/images/ico_rdo_on.png') no-repeat center; background-size: cover;}
    
    [type="checkbox"]{accent-color: var(--point-color01);}
	[type="checkbox"]:has(+ label){appearance:none;}
    [type="checkbox"] + label {min-height: 25px;font-size:var(--title-18);color: var(--black-color03);cursor: pointer;}
    [type="checkbox"] + label::before{display: inline-flex;content:'';width: 25px;height: 25px;margin: -3px 12px 0 0;background: url('/images/ico_chk.png') no-repeat center;background-size: cover;vertical-align: middle;}
    [type="checkbox"]:checked + label::before{background: url('/images/ico_chk_on.png') no-repeat center; background-size: cover;}

	@media screen and (max-width:860px) {
		.w_custom, .main_w_custom {width: calc(100% - 30px);}
	}
    @media screen and (max-width:320px) {
		.w_custom, .main_w_custom {width: calc(100% - 20px);}
	}


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

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

───────────────────────────────────────────────────────────*/
    .skip_nav {position:relative;z-index:9999;}
    .skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
    .skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

    .logo_desc{display: flex; align-items: center; height: 54px; gap: 12px; }
    .logo_desc :where(dt, dd){height: 100%;}

    #header{position: sticky;top:0;width: 100%;height: 110px;z-index: 99;background: var(--point-white);border-bottom: 1px solid var(--border-color01);box-sizing: border-box;transition: all 0.4s;}
    #header .main_w_custom{display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 15px;}
    #header .logo_desc{height: 100%;max-height: 84px;padding: 15px 0;box-sizing: border-box;cursor: pointer;}
    #header .logo a{display: flex; align-items: center; height: 100%; padding:15px 0; box-sizing: border-box;}
    #header .gnb{position: absolute;top:0;left:50%;transform: translateX(-50%);height: 100%;text-align: center;font-size: var(--title-20);display: flex;justify-content: center;gap: 0 3.1vw;letter-spacing: 0;width: calc(100% - 550px);}
    #header .gnb > li{position: relative;}
    #header .gnb > li > a{display: flex;align-items: center;font-weight: 600;color: var(--black-color00);height: 100%;transition: all 0.4s;}
    #header .gnb .dep02{position: absolute;top:100%;left:50%;transform: translateX(-50%);width: max-content;min-width: 120px;border:1px solid var(--border-color01);padding:10px 0;box-sizing: border-box;background: var(--point-white);opacity: 0;pointer-events: none;transition: all 0.4s;border-radius: var(--radio-10);}
    #header .gnb .dep02 > li{font-size: 85%;}
    #header .gnb .dep02 > li > a{display: block;font-weight: 500;color: var(--black-color05);padding:8px 20px;box-sizing: border-box;transition: all 0.4s;}
	#header .gnb .dep03{display: none;}
    #header .link_wrap{display: flex; align-items: center; gap: 40px;}
    #header .rang_desc{position: relative;}
    #header .rang_desc dt span{display: flex; font-size: 0; cursor: pointer;}
    #header .rang_desc dd{position: absolute;top: calc(100% + 10px);left:50%;transform: translateX(-50%);width: max-content;padding: 2px 0;box-sizing: border-box;text-align: center;font-size: var(--title-20);background: var(--point-white);box-shadow: 3px 3px 5px rgba(0,0,0,0.1); opacity: 0; pointer-events: none; transition: all 0.4s;}
        #header .rang_desc .on + dd{opacity: 1; pointer-events: all;}
    #header .rang_desc dd a{display: block;font-size: 70%;font-weight: 500;color: var(--black-color02);padding:7px 20px;box-sizing: border-box;text-transform: uppercase;}
    #header .allCate{width: 24px;display: flex;flex-wrap: wrap;gap: 2px;transition: all 0.4s;}
    #header .allCate span{width: calc(100% / 2 - 1px); background: var(--black-color00); aspect-ratio: auto 1; transition: all 0.4s;}
        #header .allCate span:last-child{background: var(--point-color01);}

    .quick_list{position: fixed;top: 0;right:0;z-index: 120;border-radius: 0 0 20px 0;overflow: hidden;transform: rotate(90deg) translateX(100%);display: flex;transform-origin: top right; transition: all 0.6s;}
    .quick_list > li{position: relative;}
    .quick_list .desc{display: flex;align-items: center;justify-content: center;gap: 20px;font-size: var(--title-20);background: var(--black-color00);width: 210px;height: 80px;}
        .quick_list > li:last-child .desc{background: var(--point-color01);}
    .quick_list .desc dt{display: flex;align-items: center;transform: rotate(-90deg);}
    .quick_list .desc dd{font-size: inherit;font-weight: 500;color: var(--point-white);line-height: 1.2;letter-spacing: 0;}

    .scr_top{position: fixed;right:20px;bottom:20px;z-index: 120;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 100%;background: var(--black-color00);padding: 12px;box-sizing: border-box;opacity: 0;pointer-events: none;transition: all 0.4s;}
        body:has(#header.on) .scr_top{opacity: 1; pointer-events: all;}

        /* color */
            body:has(#fullpage) #header{position: fixed;top:0;left:0;background: none;border-bottom-color: rgba(255,255,255,0.2);}
            body:has(#fullpage) #header :where(.logo_desc dd, .gnb > li > a, .rang_desc dt span, .hd_search img){filter: var(--filter-white); transition: all 0.4s;}
            body:has(#fullpage) #header:not(.on) .allCate span:not(:last-child){background: var(--point-white);}

        /* on */
            body:has(#fullpage) #header.on{background: var(--point-white);border-bottom-color: var(--border-color01);}
            body:has(#fullpage) #header.on :where(.logo_desc dd, .gnb > li > a, .rang_desc dt span, .hd_search img){filter:none;}
            body:has(#fullpage) #header:not(.on) .allCate span:not(:last-child){background: var(--point-white);}

        /* over */
            @media screen and (min-width:1024px){
                body:has(#fullpage) #header:hover{background: var(--point-white);border-bottom-color: var(--border-color01);}
                body:has(#fullpage) #header:hover :where(.logo_desc dd, .gnb > li > a, .rang_desc dt span, .hd_search img){filter:none;}
                body:has(#fullpage) #header:hover .allCate span:not(:last-child){background: var(--black-color00);}

                #header .gnb > li:hover > a{color: var(--point-color01);}
                #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;}
				#header .gnb .dep02 > li:hover > a{color: var(--black-color01);}
                #header .allCate:hover span:is(:nth-child(1), :nth-child(4)){background: var(--black-color00) !important;}
                #header .allCate:hover span:is(:nth-child(2), :nth-child(3)){ background: var(--point-color01) !important;}
            }

    @media screen and (max-width:1640px){
        .quick_list{top:110px;}
    }
	@media screen and (max-width:1300px){
        #header .gnb{gap: 0 2.5vw;}
		#header .gnb > li{font-size: 90%;}
	}
    @media screen and (max-width:1200px){
        #header .gnb{gap: 0 2vw; left:55%; width: calc(100% - 450px);}
		#header .gnb > li{font-size: 85%;}
	}
    @media screen and (max-width:1023px){
        #header{height: clamp(70px, 11vw, 110px);}
        #header .gnb{display: none;}
		#header .link_wrap{gap: clamp(15px, 3vw, 40px);}

        .quick_list{display: none;}
        .scr_top{width: clamp(40px, 6vw, 60px); height: clamp(40px, 6vw, 60px);}
    }
    @media screen and (max-width:860px){
		#header .link_wrap .hd_search img{width:25px;}
		
        .scr_top{right:15px; bottom:15px;}
    }
    @media screen and (max-width:640px){
        #header .rang_desc dt span{width: 26px;}
        #header .allCate{width: 20px;}
    }
	@media screen and (max-width:479px){
		#header .logo_desc{max-height:60px;}
		#header .link_wrap .hd_search img{width:22px;}
	}


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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top:0;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: 10vh 0;box-sizing: border-box;opacity: 0;clip-path: inset(50% 50% 50% 50%); transition: all 0.6s;}
        #aside.on{opacity: 1; clip-path: inset(0 0 0 0);}
        body:has(#aside.on){overflow: hidden; touch-action: none;}
    #aside .main_w_custom{flex-shrink: 0;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;}
    #aside .gnb > li{display: flex; align-items: center; justify-content: space-between; gap: 30px; color: var(--point-white); border-bottom: 1px solid rgba(255,255,255,0.2)}
    #aside .gnb > li > a{display: block; font-size: 240%; font-weight: 500; line-height: 1.2; padding:30px 0; flex-shrink: 0; transition: all 0.4s;}
    #aside .gnb .dep02{display: flex; flex-wrap: wrap;}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size: 100%;font-weight: 300;padding:10px 0;transition: all 0.4s;opacity: 0.6;}
    #aside .gnb .dep02 > li:not(:last-child):after{display: inline-flex; content:'/'; margin:0 20px; opacity: 0.6;} 
	#aside .gnb .dep03{display: none;}
    #aside .close_btn{position: absolute;top: 50px;right: 50px;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);}
    #aside .link_list{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;font-size: var(--title-20);margin-top: 50px;}
    #aside .link_list > li > a{position: relative; display: flex; align-items: center; justify-content: center; height: 50px; padding:0 24px; text-align: center; box-sizing: border-box; border-radius: 60px; box-shadow: inset 0 0 0 1px var(--black-color11); font-size: 90%; font-weight: 600; color: var(--black-color11); letter-spacing: 0.01em; transition: all 0.4s; overflow: hidden;}
        #aside .link_list > li > a:before{position: absolute; content:''; top:0; left:0; background: var(--black-color11); width: 100%; height: 100%; clip-path: circle(0 at 0 100%); transition: all 0.6s;}
        #aside .link_list > li:last-child > a:before{background: var(--point-color01);}
    #aside .link_list > li > a span{position: relative; z-index: 3; filter: var(--filter-white); transition: all 0.4s;}

        /* over */
            @media screen and (min-width:1024px){
                #aside .gnb > li:hover > a{color: var(--point-color01);}
                #aside .gnb .dep02 > li > a:hover{opacity: 1;}
                #aside .link_list > li > a:hover:before{clip-path: circle(150% at 0 100%);}
            }

    @media screen and (max-width:1600px){
        #aside .close_btn{top:30px; right: 30px;}
    }
    @media screen and (max-width:1023px){
        #aside .close_btn{width: 35px; height: 35px;}
        #aside .link_list{margin-top: clamp(30px, 5vw, 50px);}
    }
    @media screen and (max-width:860px){
        #aside{padding:70px 0;}
        #aside .gnb > li{display: block; padding: 20px 0;}
        #aside .gnb > li > a{width: 100%; padding:0;}
        #aside .gnb .dep02{margin-top: 10px;}
        #aside .close_btn{top:15px; right: 15px; width: 30px; height: 30px;}
        #aside .link_list > li > a{height: 45px;}
    }
    @media screen and (max-width:640px){
        #aside .gnb > li > a{font-size: 220%;}
        #aside .gnb .dep02 > li > a{padding:7px 0;}
        #aside .link_list{gap: 10px;}
        #aside .link_list > li > a{height: 40px; padding: 0 20px;}
        #aside .gnb .dep02 > li:not(:last-child):after{margin:0 15px;}
    }
    @media screen and (max-width:479px){
        #aside{padding:50px 0;}
        #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%;}
    }


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

	MAIN | index.html

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

    /* 비주얼 */
        .visualSwiper{position: relative;}
        .visualSwiper .swiper-slide{position: relative; width: 100%; height: 100vh; box-sizing: border-box; overflow: hidden;}
        .visualSwiper .thumb{width: 100%; height: 100%; transform: scale(1.1); transition: all 5s;}
            .visualSwiper .swiper-slide-active .thumb{transform: scale(1);}
        .visualSwiper .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .visualSwiper .txt_box{position: absolute;top: 51.5%;left:50%;transform: translate(-50%, -50%);font-size: var(--title-20);color: var(--point-white);z-index: 3;text-align: center;}
        .visualSwiper .txt_box h2{font-size: 400%;font-weight: 700;line-height: 1.1;letter-spacing: -0.04em;}
            .visualSwiper .txt_box h2 + h5{margin-top: 37px;}
        .visualSwiper .txt_box h5{font-size: 110%;font-weight: 400;line-height: 1.3;}
        .visualSwiper .txtAni{overflow: hidden;}
        .visualSwiper .txtAni span{position: relative; display: block; opacity: 0;transform: translateY(-70px);transition: all 1.2s;transition-delay: 0.2s; }
            .visualSwiper .txtAni:nth-child(2) span{transition-delay: 0.4s;}
            .visualSwiper .swiper-slide-active .txtAni span{opacity: 1; transform: translate(0); }
        .visualSwiper .controller{position: absolute;left:50%;bottom: 16%;transform: translateX(-50%);display: flex;align-items: center;gap: 15px;z-index: 9; display: none;}
        .visualSwiper .scr_dwn{position: absolute;left:50%;bottom:0;width: 86px;font-size: var(--title-20);cursor: pointer;text-align: center;margin-left: -43px;z-index: 3;}
        .visualSwiper .scr_dwn dt{font-size: 80%; font-weight: 300; color: var(--point-white); letter-spacing: 0;}
        .visualSwiper .scr_dwn dd{position: relative; width: 1px; height: 60px; background: rgba(255,255,255,0.5); margin:12px auto 0; overflow: hidden;}
            .visualSwiper .scr_dwn dd:before{position: absolute; content:''; width: 100%; height: 35%; background: var(--point-white); top:-35%; left:0;}

            .visualSwiper .scr_dwn dd:before{animation-name: scrDwn; animation-duration:2.5s; animation-iteration-count:infinite; animation-fill-mode: forwards; transition-timing-function:linear;}
            @keyframes scrDwn {0% {top:-35%;}100% {top:135%;}}

        @media screen and (max-width:1023px){
            .visualSwiper .swiper-slide{height: clamp(500px, 94vw, 940px);}
            .visualSwiper .txt_box h2 + h5{margin-top: clamp(10px, 3.7vw, 37px);}
            .visualSwiper .controller{bottom:clamp(30px, 6vw, 60px)}
        }
        @media screen and (max-width:860px){
            .visualSwiper .txt_box h2{font-size: 360%;}
        }
        @media screen and (max-width:640px){
            .visualSwiper .txt_box h2{font-size: 320%;}
            .visualSwiper .txt_box h5{font-size: 100%;}

            .visualSwiper .scr_dwn dd{height: 50px;}
            .visualSwiper .scr_dwn dd{margin-top: 8px;}
        }
        @media screen and (max-width:479px){
            .visualSwiper .txt_box h2{font-size: 260%;}
            .visualSwiper .txt_box h5{font-size: 90%;}
            
            .visualSwiper .scr_dwn dd{height: 40px;}
        }
        @media screen and (max-width:360px){
            .visualSwiper .txt_box h2{font-size: 220%;}
        }

    /* 메인 컨텐츠 */
        body #fp-nav.fp-left{left: 40px;margin-top: 0 !important; transition: all 0.4s;}
        body #fp-nav:has(ul li:last-child .active){opacity: 0; pointer-events: none;}
        body #fp-nav ul{display: flex;flex-direction: column;gap: 8px;}
        body #fp-nav ul li{position: relative;margin:0;width: auto;height: auto;}
            body #fp-nav ul li:last-child{display: none;}
        body #fp-nav ul li a{position: relative;display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;border: 1px solid var(--trans-color);border-radius: 100%;box-sizing: border-box; transition: all 0.4s;}
            body #fp-nav ul li a.active{border-color: var(--point-white);}
        body #fp-nav ul li a span{width: 25% !important;height: 25% !important;border-radius: 100%;background: var(--border-color01);border-radius: inherit;margin:0 !important;position: relative;top: auto;left: auto; transition: all 0.4s;}
            body #fp-nav ul li a.active span{background: var(--point-white);}
        body #fp-nav ul li a .fp-sr-only{display: none;}
        body #fp-nav ul li .fp-tooltip.fp-left {position: absolute; top: 50%; left: calc(100% + 10px); font-size: var(--title-14); font-weight: 600; color: var(--black-color00); line-height: 1.2; width: auto; height: auto; max-width: none; font-family: inherit; transform: translateY(-50%); opacity: 0; transition: all 0.4s; pointer-events: none; filter: var(--filter-white);}
        body #fp-nav ul li:has(.active) .fp-tooltip.fp-left{opacity: 1;}
        body #fp-nav ul li:has([href="#undefined"]){display: none;}

            body:has(#header.on) #fp-nav ul li a.active{border-color: var(--black-color00);}
            body:has(#header.on) #fp-nav ul li a.active span{background: var(--black-color00);}
            body:has(#header.on) #fp-nav ul li:has(.active) .fp-tooltip.fp-left{filter: none;}

        .fp-tableCell{height: 100vh !important;}
        .fp-tableCell > .main_w_custom{height: 100%; display: flex;flex-direction: column;justify-content: center;}
        .fp-auto-height .fp-tableCell{height: auto !important;}

        .main_title{position: relative; font-size: var(--title-20); box-sizing: border-box;}
            .main_title.hd{margin-bottom: 36px;}
            .main_title.hd_m{margin-bottom: 20px;}
        .main_title h2{position: relative;font-size: 250%;font-weight: 700;color: var(--black-color00);line-height: 1.1;letter-spacing: -0.04em;}
        .main_title h2 + p{margin-top: clamp(15px, 5.5vh, 50px);}
        .main_title h3{font-size: 200%;font-weight: 600;color: var(--black-color00);line-height: 1.2;letter-spacing: -0.04em;}
        .main_title p{position: relative;font-size: 90%;font-weight: 300;color: var(--black-color00);line-height: 1.78;letter-spacing: -0.04em;text-wrap: pretty;}
        .more_plus{position: relative;display: inline-block;width: 26px;height: 26px;transition: all 0.4s;}
            .more_plus:before{position: absolute; content:''; top:0; left:0; width: 100%; height: 100%; background: var(--black-color00); clip-path: var(--polygon-plus);}
        .main_title:has(.more_plus, .controller){display: flex;align-items: center;justify-content: space-between;gap: 30px;}

        .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5; }

        [class^='swiper-button']:after{display: none;}

            /* over */
            @media screen and (min-width:1024px){
                .more_plus:hover{transform: rotate(-180deg);}
                .more_plus:hover:before{background: var(--point-color01);}
            }
        
        
        .main_intro{display: flex;flex-wrap: wrap;align-items: flex-end;padding-top: 110px;}
            .main_intro + .main_board{margin-top: clamp(20px, 9.4vh, 85px);}
        .main_intro .thumb{position: relative;font-size: 0;width: 48%;text-align: right;padding-right: 43px;box-sizing: border-box;height: 29vh;max-height: 264px;display: flex;align-items: flex-end;}
            .main_intro .thumb:before{position: absolute;content:'';width: 200%;height: 76%;right:0;bottom:0;background: var(--point-color01);border-radius: 0 100px 0 0;overflow: hidden;}
        .main_intro .thumb img{position: relative; z-index: 3;}
        .main_intro .main_title{width: 52%; padding:0 0 0 60px;}
        .main_intro .main_title:before{position: absolute;content:'';width: 244px;height: 244px;background: url('/images/main_intro_bg.svg') no-repeat center / 100% auto;top: -35%;right: 1%;}
        .main_intro .main_title p{padding-left: 80px;padding-right: clamp(0px, 5vw, 95px);}
        .main_intro .main_title p:before{position: absolute;content:'';top: 16px;left:0;width: 50px;height: 2px;background: var(--black-color00);}

        .main_board{display: flex;flex-wrap: wrap;gap: 60px;}
        .main_board .cont{width: calc(100% / 2 - 30px);box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}

        .default_list{border-top: 2px solid var(--black-color00);height: 26.5vh;max-height: 240px;box-sizing: border-box;display: flex;flex-direction: column;}
        .default_list > li{position: relative; display: flex;align-items: center;height: calc(100% / 3);border-bottom: 1px solid var(--border-color01);box-sizing: border-box;padding-right: 10px;}
            .default_list > li:before{position: absolute;content: '';width: 0;height: 1px;background: var(--black-color00);left:0;bottom: -1px;transition: all 0.4s;}
        .default_list .desc{display: flex;align-items: center;justify-content: space-between;gap: 30px;font-size: var(--title-20);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;box-sizing: border-box;}
        .default_list .desc dt{position: relative;font-weight: 500;color: var(--black-color00);line-height: 1.6;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 16px;letter-spacing: -0.04em;}
        .default_list .desc dt:before{position: absolute;content:'';width: 4px;height: 4px;border-radius: 100%;background: var(--black-color00);top: 50%;left: 0;transform: translateY(-50%);}
        .default_list .desc dd{font-size: 90%; font-weight: 300; color: var(--black-color08); line-height: 1.5;}

            /* over */
            @media screen and (min-width:1024px){
                .default_list > li:hover:before{width: 100%;}
            }

        .gell_list{height: 26.5vh;max-height:240px;box-sizing: border-box;}
        .gell_list > li{position: relative;display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
        .gell_list .thumb{display: block;font-size: 0;width: 49.3%;height: 100%;overflow: hidden;}
        .gell_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .gell_list .desc{width: 50.7%; font-size: var(--title-20);padding-left: 40px;box-sizing: border-box;}
        .gell_list .desc dt{font-size: inherit; font-weight: 500; color: var(--black-color00); line-height: 1.6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
            .gell_list .desc dt + dd{margin-top: 10px;}
        .gell_list .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color04); line-height: 1.78; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
            .gell_list .desc dd + dd{font-size: 80%; font-weight: 300; color: var(--black-color08); line-height: 1.25; margin-top: 40px;}

            /* over */
            @media screen and (min-width:1024px){
                .gell_list > li:hover .thumb img{transform: scale(1.1);}
            }

        .intro_bg{position: absolute;top: 185px;left: -185px;}
        .wideSwiper{position: relative;width: 100%;overflow: hidden;margin-top: 120px;}
            .wideSwiper + .main_board{margin-top: clamp(20px, 4.8vh, 41px);}
        .wideSwiper .swiper-slide{position: relative;max-height: 220px;height: 25vh;overflow: hidden;}
        .wideSwiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
        .wideSwiper [class^='swiper-button']{position: absolute;top:50%;left:35px;right: auto;transform: translateY(-50%);width: 40px;height: 40px;background: none;margin: 0;}
            .wideSwiper [class^='swiper-button'].swiper-button-next{left:auto; right:35px; transform: translateY(-50%) scale(-1,-1);}
            .wideSwiper [class^='swiper-button']:before{position: absolute;content:'';width: 70%;height: 70%;border:solid var(--point-white);border-width: 0 0 2px 2px;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);}
            .wideSwiper [class^='swiper-button']:after{display: none;}
        .wideSwiper .controller{position: absolute;right:30px;bottom: 20px;display: flex;align-items: center;gap: 20px;font-size: 0;z-index: 9;}
        .wideSwiper .swiper-pagination{display: inline-flex;gap: 12px;position: relative;}
        .wideSwiper .swiper-pagination span{width: 8px;height: 8px;border-radius: 100%;background: var(--point-white);opacity: 0.7;transition: all 0.4s;}
        .wideSwiper .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}
        .wideSwiper .swiper_btn{position: relative;width: 10px;height: 14px;box-sizing: border-box;}
            .wideSwiper .swiper_btn:before, .wideSwiper .swiper_btn:after{position: absolute;content:'';width: 2px;height: 100%;background: var(--point-white);top: 0;left: 0;}
            .wideSwiper .swiper_btn:after{left: auto;right: 0;}
            .wideSwiper .swiper_btn.on:before{width: auto;height: auto;background: none;border: 7px solid var(--trans-color);border-left-color: var(--point-white);}
            .wideSwiper .swiper_btn.on:after{opacity: 0;}

        .programSwiper{position: relative;overflow: hidden;height: calc(39.6vh + 10px);max-height: 370px;display: flex;flex-direction: column;justify-content: space-between;padding-top: 10px;box-sizing: border-box;}
        .programSwiper .swiper-notification{display: none;}
        .programSwiper .swiper-wrapper{height: auto;}
        .programSwiper .swiper-slide{display: flex; flex-direction: column; gap: 20px;}
        .programSwiper .thumb{display: block;width: 100%;overflow: hidden;font-size: 0;height: 26.5vh;max-height: 240px; transition: all 0.4s;}
        .programSwiper .thumb img{width: 100%; height: 100%; object-fit: cover; }
        .programSwiper .desc{font-size: var(--title-20);}
        .programSwiper .desc dt{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.6;letter-spacing: -0.04em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
        #fullpage .programSwiper .swiper-pagination{position: relative;top:auto;left:auto;width: 100%;height: 4px;background: var(--border-color01);}
        #fullpage .programSwiper .swiper-pagination-progressbar-fill{width: 100%; height: 100%; background: var(--black-color00);}
        .program_cont .controller{position: relative;display: flex;gap: 10px;}
        .program_cont [class^='swiper-button']{position: relative; top:auto; left:auto; right:auto; margin:0; width: 18px; height: 18px;}
        .program_cont [class^='swiper-button'].swiper-button-next{transform:scale(-1,-1);}
        .program_cont [class^='swiper-button']:before{position: absolute;content:'';width: 70%;height: 70%;border:solid var(--black-color00);border-width: 0 0 2px 2px;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg); transition: all 0.4s;}

            /* over */
            @media screen and (min-width:1024px){
                .programSwiper .swiper-slide:hover .thumb{transform: translateY(-10px); box-shadow: 8px 10px 20px 0px rgba(0, 0, 0, 0.10);}
                .program_cont [class^='swiper-button']:hover:before{border-color: var(--point-color01);}
            }

        .thu_list{display: flex; flex-wrap: wrap; gap: 20px;}
        .thu_list > li{position: relative;box-sizing: border-box;width: 100%;}
        .thu_list .thumb{display: block;font-size: 0;width: 100%;height: 39.6vh;max-height: 360px;overflow: hidden;}
        .thu_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;} 
        .thu_list .desc{position: absolute; width: 100%; left:0; bottom:0; z-index: 3; font-size: var(--title-20); }
        .thu_list .desc dt{font-size: 120%;font-weight: 500;color: var(--point-white);line-height: 1.33;letter-spacing: -0.04em;padding:19px 30px;width: 100%;max-height: 70px;background: rgba(0,0,0,0.7);box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

            /* over */
            @media screen and (min-width:1024px){
                .thu_list > li:hover .thumb img{transform: scale(1.1);}
            }

        .cs_center{position: relative;background: var(--gray-bg01);padding:60px 0;box-sizing: border-box;margin-top: 67px;}
        .cs_center .main_w_custom{position: relative;display: flex;flex-wrap: wrap;gap:30px 80px;padding-right: 350px;}
        .cs_center .main_title h3{font-weight: 700;}
        .cs_center .info_list{display: flex;flex-direction: column;gap: 14px;}
        .cs_center .info_list .desc{display: flex;font-size: var(--title-20);align-items: flex-start;}
        .cs_center .info_list .desc :where(dt, dd){font-size: 90%;line-height: 1.5;}
        .cs_center .info_list .desc dt{display: flex;align-items: center;gap: 12px;font-weight: 600;color: var(--black-color00);min-width: 120px;flex-shrink: 0; padding-right: 15px;}
        .cs_center .info_list .desc dt .icon{display: flex; align-items: center; flex-shrink: 0;}
        .cs_center .info_list .desc dd{display: flex;gap: 20px;font-weight: 400;color: var(--black-color05);align-items: baseline;}
        .cs_center .info_list .desc dd:before{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color02);}
        .cs_center .loca_btn{position: absolute;top: 50%;right:0;transform: translateY(-50%);background: var(--point-color01);border-radius: var(--radio-10);font-size: var(--title-20);display: inline-block;box-sizing: border-box;color: var(--point-color01);}
            .cs_center .loca_btn:before{position: absolute; content:''; width: 100%; height: 100%; left:0; bottom:0; background: var(--point-white); clip-path: circle(0 at 15% 100%); border-radius: 8px; transition: all 0.6s;}
        .cs_center .loca_btn span{position: relative;display: flex;align-items: center;width: 300px;height: 80px;padding: 0 80px 0 32px;box-sizing: border-box;font-size: 110%;font-weight: 600;letter-spacing: -0.03em;gap: 23px;filter: var(--filter-white); transition: all 0.6s;}
            .cs_center .loca_btn span:before{display:inline-flex;content:'';width: 30px;height: 34px;background: url('/images/loca_btn.svg') no-repeat center / 100% auto;}
            .cs_center .loca_btn span:after{display: inline-flex;content:'';width: 21px;background: url('/images/more_arw.svg') no-repeat center / 100% auto;position: absolute;top: 0;right: 40px;height: 100%;}

            /* over */
                @media screen and (min-width:1024px){
                    .cs_center .loca_btn:hover:before{clip-path: circle(150% at 15% 100%); }
                    .cs_center .loca_btn:hover span{filter: none;}
                }

            /* 풀페이지 애니 효과 */
                @media screen and (min-width:1024px){
                    #fullpage .section{overflow: clip;}
                    .fp-section [data-aos]{opacity: 1; transform: translate(0);}
                    .fp-section .main_intro .thumb img{transform: translateY(70px); opacity: 0;}
                        :is(.fp-section.active, .fp-section.fp-completely, .fp-section:has(~ .fp-section.active, .fp-section.fp-completely)) .main_intro .thumb img{transform: translate(0); opacity: 1; transition: all 1.2s; transition-delay: 0.2s;}
                    .main_intro .thumb:before{clip-path: inset(0 100% 0 0);}
                        :is(.fp-section.active, .fp-section.fp-completely, .fp-section:has(~ .fp-section.active, .fp-section.fp-completely)) .main_intro .thumb:before{clip-path: inset(0 0 0 0); transition: all 1.2s;}
                    .fp-section .main_intro .main_title{opacity: 0;}
                        :is(.fp-section.active, .fp-section.fp-completely, .fp-section:has(~ .fp-section.active, .fp-section.fp-completely)) .main_title{opacity: 1; transition: all 1.2s; transition-delay: 0.2s;}
                    .fp-section .main_board .cont{transform: translateY(70px); opacity: 0;}
                        :is(.fp-section.active, .fp-section.fp-completely, .fp-section:has(~ .fp-section.active, .fp-section.fp-completely)) .main_board .cont{transform: translate(0); opacity: 1; transition: all 1.2s; transition-delay: 0.4s;}
                        :is(.fp-section.active, .fp-section.fp-completely, .fp-section:has(~ .fp-section.active, .fp-section.fp-completely)) .main_board .cont + .cont{transition-delay: 0.6s;}
                    .fp-section .wideSwiper{clip-path: inset(0 100% 0 0); opacity: 0;}
                        :is(.fp-section.active, .fp-section.fp-completely, .fp-section:has(~ .fp-section.active, .fp-section.fp-completely)) .wideSwiper{clip-path: inset(0 0 0 0); opacity: 1; transition: all 1.2s;}
                }

        @media screen and (max-width:1520px){
            body #fp-nav.fp-left{left:30px;}
        }
        @media screen and (max-width:1023px){
            #fullpage{overflow: clip;}
            .main_title.hd{margin-bottom: clamp(20px, 3.6vw, 36px);}
            .main_title h2{font-size: 230%;}
                .main_title h2 + p{margin-top: clamp(20px, 5vw, 50px);}
            .main_title h3{font-size: 180%;}

            .main_intro{padding-top: clamp(70px, 11vw, 110px);}
            .main_intro + .main_board{margin-top: clamp(30px, 8.5vw, 85px);}
            .main_intro .thumb{width: 100%; height: auto;}
            .main_intro .main_title{width: 100%; padding: 40px 0 0;}
                .main_intro .main_title:before{width: clamp(120px, 24.4vw, 244px);height: clamp(120px, 24.4vw, 244px);top: auto;bottom: -10%;}
            .main_intro .main_title p{padding-left: clamp(40px, 8vw, 80px); padding-right: 0;}
            .main_intro .main_title p:before{top:14px; width: clamp(25px, 5vw, 50px); }

            .main_board{gap: 50px;}
            .main_board .cont{width: 100%;}

            .default_list{height: auto; max-height: none;}
            .default_list > li{height: auto; padding:20px 10px 20px 0;}
            .gell_list{height: auto;max-height: none;}
            .gell_list > li{height: auto;}
            .gell_list .thumb{aspect-ratio: auto 1.9; min-height: 120px;}
            .gell_list .desc{padding-left: clamp(20px, 4vw, 40px);}
            .gell_list .desc dt + dd{margin-top: clamp(5px, 1vw, 10px);}
            .gell_list .desc dd + dd{margin-top: clamp(20px, 4vw, 40px);}

            .wideSwiper{margin-top: clamp(40px, 11vw, 110px);}
                .wideSwiper + .main_board{margin-top: 40px;}
            .wideSwiper .swiper-slide{height: clamp(80px, 22vw, 220px);}
            .wideSwiper [class^='swiper-button']{left:25px; width: 35px; height: 35px;}
            .wideSwiper [class^='swiper-button'].swiper-button-next{right:25px;}

            .programSwiper{height: auto;max-height: none;gap: clamp(25px, 4vw, 40px);}
            .programSwiper .swiper-slide{gap: clamp(15px, 2vw, 20px);}
            .programSwiper .thumb{height: auto;max-height: none;aspect-ratio: auto 1.375;}

            .thu_list .thumb{height: auto;max-height: none;aspect-ratio: auto 1.5;}

            .cs_center{margin-top: clamp(40px, 6.7vw, 67px); padding:clamp(40px, 6vw, 60px) 0;}
            .cs_center .main_w_custom{padding-right: 0; display: block;}
            .cs_center .info_list .desc dt{min-width: 115px;}
            .cs_center .loca_btn{position: relative;top:auto;right:auto;transform: none;margin-top: clamp(25px, 4vw, 40px);}
            .cs_center .loca_btn span{width: 280px; padding:0 70px 0 30px; gap: 20px; height: 75px;}
            .cs_center .loca_btn span:after{right: 30px;}
        }
        @media screen and (max-width:860px){
            .main_intro .thumb:before{border-radius: 0 75px 0 0;}

            .wideSwiper [class^='swiper-button']{width: 30px; height: 30px;}
            .wideSwiper .controller{right:25px; }

            #fullpage .programSwiper .swiper-pagination{height: 3px;}

            .cs_center .info_list .desc dt{min-width: 110px;}
            .cs_center .loca_btn span{width: 260px; padding:0 65px 0 25px; height: 70px;}
            .cs_center .loca_btn span:after{right: 25px;}
        }
        @media screen and (max-width:640px){
            .main_title h2{font-size: 200%;}
            .main_title h3{font-size: 160%;}

            .more_plus{width: 22px; height: 22px;}

            .main_intro .thumb:before{border-radius: 0 50px 0 0;}
            .main_intro .main_title p:before{top:12px; height: 1px;}

            .default_list .desc dt{padding-left: 14px; font-size: 90%;}
                .default_list .desc dt:before{width: 3px; height: 3px;}
            .default_list .desc dd{font-size: 80%;}

            .thu_list .desc dt{padding: 18px 25px; font-size: 110%;}

            .wideSwiper [class^='swiper-button']{display: none;}
            .wideSwiper .controller{right:20px;bottom: 15px;gap: 15px;}
			.wideSwiper .swiper-pagination{gap:10px;}
            .wideSwiper .swiper-pagination span{width: 6px; height: 6px;}
			.wideSwiper .swiper_btn{width:8px;height: 12px;}
                .wideSwiper .swiper_btn.on:before{border-width: 6px;}

            .program_cont .controller{gap: 5px;}
            .program_cont [class^='swiper-button']{width: 16px; height: 16px;}
            #fullpage .programSwiper .swiper-pagination{height: 2px;}

            .cs_center .info_list .desc dt{min-width: 100px;}
            .cs_center .info_list .desc dt .icon{height: 20px;}
            .cs_center .info_list .desc dd{gap: 15px;}
                .cs_center .info_list .desc dd:before{height: 10px;}
            .cs_center .loca_btn span{width: 240px;padding: 0 55px 0 20px;height: 65px;gap: 15px;}
			.cs_center .loca_btn span:before{width: 25px;}
            .cs_center .loca_btn span:after{right: 20px;width: 18px;}
        }
        @media screen and (max-width:479px){
            .main_title h2{font-size: 180%;}
            .main_title h3{font-size: 150%;}

            .default_list > li{padding:15px 10px 15px 0;}

            .gell_list .desc dt{font-size: 90%;}
            .gell_list .desc dd{font-size: 80%; line-height: 1.6;}

            .thu_list .desc dt{font-size: 100%;}
            
            .wideSwiper .controller{right: 15px;bottom: 10px;gap: 10px;}
			.wideSwiper .swiper-pagination{gap: 8px;}
            .wideSwiper .swiper-pagination span{width: 5px;height: 5px;}
			.wideSwiper .swiper_btn{width: 7px;height: 10px;}
            .wideSwiper .swiper_btn.on:before{border-width: 5px;}

            .programSwiper{overflow: visible;}

            .cs_center .info_list .desc dt{min-width: 95px;}
            .cs_center .info_list .desc dt .icon{height: 18px;}            
            .cs_center .loca_btn span{width: 220px;height: 60px; font-size: 100%;}
			.cs_center .loca_btn span:before{width: 22px;}
            .cs_center .loca_btn span:after{width: 18px;}
        }
        @media screen and (max-width:431px){
            .gell_list .thumb{width: 100%;}
            .gell_list .desc{width: 100%; padding:15px 0 0;}
        }


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

	FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    #footer{position: relative;padding: 40px 0 50px;box-sizing: border-box;font-size: var(--title-16);font-weight: 400;color: var(--black-color08);line-height: 1.6;}
    #footer .main_w_custom{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}
    #footer .top_sec{display: flex;flex-wrap: wrap;align-items: center;gap: 15px;}
    #footer .link_list{display: flex;flex-wrap: wrap;gap: 5px 30px;}
    #footer .link_list > li > strong{font-weight: inherit; color: var(--black-color00);}
    #footer .addr_list{display: flex;flex-direction: column;gap: 6px;margin-top: 36px;}
    #footer .addr_list > li{display: flex;flex-wrap: wrap;gap: 6px 0;}
    #footer .addr_list .desc{display: flex;gap:4px;align-items: baseline;}
    #footer .addr_list .desc:not(:last-child):after{display: inline-flex;content:'';width: 1px;height: 10px;background: var(--border-color03);margin: 0 10px 0 8px;}
    #footer .addr_list .desc dt{flex-shrink: 0;}
    #footer .addr_list .desc :where(dt, dd){font-size: var(--title-15);font-weight: inherit;color: var(--black-color06);letter-spacing: 0;}
    #footer .copy{margin-top: 20px;font-size: var(--title-15);font-weight: 300;color: var(--black-color09);letter-spacing: 0;}
    #footer .util{display: flex;flex-direction: column;gap: 50px;align-items: flex-end;padding-top: 6px;}
    #footer .sns_list{display: flex; align-items: center; flex-wrap: wrap;gap: 30px;}
    #footer .sns_list > li > a{display: flex;align-items: center;justify-content: center;box-sizing: border-box;transition: all 0.4s;}
    #footer .family_site{position: relative;}
    #footer .family_site dt span{position: relative;display: flex;align-items: center;width: 220px;height: 50px;border: 1px solid rgba(204, 204, 204, 0.8);box-sizing: border-box;cursor: pointer;padding: 0 45px 0 20px;font-weight: 400;color: var(--black-color01);transition: all 0.4s;}
    #footer .family_site dt span:after{position: absolute;content:'';top: 55%;right:20px;border: 6px solid var(--trans-color);border-top: 6px solid var(--black-color08);transform: translateY(-50%);transition: all 0.4s;}
        #footer .family_site dt.on span:after{transform: translateY(-50%) scale(-1,-1);top: 45%;}
    #footer .family_site dd{position: absolute;bottom:calc(100% - 1px);left:0;width: 100%;padding:10px 0;border:1px solid var(--border-color01);box-sizing: border-box;background: var(--point-white); opacity: 0; pointer-events: none; transition: all 0.4s;}
        #footer .family_site dt.on + dd{opacity: 1; pointer-events: all;}
    #footer .family_site dd a{display: block;padding: 5px 20px;transition: all 0.4s;}

        /* over */
            @media screen and (min-width:1024px){
                #footer .sns_list > li > a:hover{background: var(--border-color01);}
                #footer .family_site dt span:hover{border-color: var(--black-color10);}
                #footer .family_site dd a:hover{color: var(--point-color01);}
            }

    @media screen and (max-width:1023px){
        #footer .top_sec{gap: clamp(20px, 4vw, 40px);}
        #footer .link_list{column-gap: clamp(15px, 4vw, 40px);}
        #footer .addr_list{margin-top: clamp(20px, 3.6vw, 36px);}
        #footer .util{gap: clamp(25px, 3.2vw, 32px);}
        #footer .copy{margin-top: clamp(15px, 2.1vw, 21px);}
        #footer .sns_list{gap: clamp(15px, 3vw, 30px);}
    }
    @media screen and (max-width:860px){
        #footer .logo{height: clamp(30px, 5vw, 41px);}
        #footer .util{width: 100%; align-items: flex-start; padding-top: 0;}
        #footer .family_site dt span{width: 200px; height: 45px; padding:0 40px 0 15px;}
        #footer .family_site dt span:after{right:15px;}
        #footer .family_site dd a{padding:5px 15px;}
    }
    @media screen and (max-width:640px){
        #footer .sns_list > li > a{width: 20px; height: 20px;}
        #footer .family_site dt span{width: 180px; }
        #footer .family_site dt span:after{border-width: 5px;}
    }
    @media screen and (max-width:479px){
        #footer .sns_list > li > a{width: 18px; height: 18px;}
        #footer .family_site dt span{width: 170px; height: 40px; }
        #footer .family_site dt span:after{border-width: 4px;}
    }

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;border: 1px solid;font-weight: 500;box-sizing: border-box;border-radius: 50px;width: auto;overflow: hidden;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width:108px;height:40px;line-height:38px;font-size:15px;padding:0 20px;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:var(--point-white) !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:var(--point-color01) !important;background-color: var(--point-color01) !important;color:var(--point-white) !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:var(--point-white) !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:var(--point-white) !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:var(--point-white) !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:var(--point-white) url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {padding-top:2.8%;font-size:0;display:flex; flex-wrap: wrap;}
		.btn_wrap.ta_center {justify-content: center;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}
		
		#wrap .view_btn .btn{min-width: 200px;height: 70px;font-size: var(--title-20);color: var(--point-white);font-weight: 500;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width:1024px) {
			/* button wrapper */
		.btn_wrap {padding-top:4.2%;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media only screen and (max-width:860px) {
		#wrap .view_btn .btn{min-width:150px;height:60px;}
	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.8%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn {width:70px;font-size:13px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
		
		#wrap .view_btn .btn{min-width:120px;height:50px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	sub common
───────────────────────────────────────────────────────────*/
	/** 서브 타이틀 & 텍스트 **/
		.sub_visual{width:100%;padding:62.5px 0;background:url('/images/sub_visual.jpg')no-repeat center;background-size:cover;display: flex;align-items: center;}
		.sub_visual .w_custom{display: flex;align-items: center;flex-wrap:wrap;justify-content: space-between;}
		.sub_title {position: relative; box-sizing: border-box; font-size: var(--title-40);font-weight: 600; color: var(--black-color00);}
		
		.sub_visual .nav_wrap{display: flex;align-items: center;}
        .sub_visual .nav_wrap .home{font-size: 0;}
		.sub_visual .nav_wrap li{font-size:var(--title-16);color:var(--black-color06);font-weight:400;display: flex;align-items: baseline; letter-spacing: 0;}
		.sub_visual .nav_wrap li + li:before{width:6px;height:6px;content:"";border:1px solid var(--black-color10);border-width:1px 1px 0 0;transform:rotate(45deg);display: inline-block;margin:0 16px;line-height:1;}
		.sub_visual .nav_wrap li:last-child{color:var(--black-color02);font-weight:500;}
		
		@media screen and (max-width:767px){
			.sub_visual{padding:38px 0;}
			.sub_visual .w_custom{flex-direction: column;align-items: flex-start;}
			.sub_visual .nav_wrap{margin-top:10px;}
		}
		@media screen and (max-width:479px){
			.sub_visual .nav_wrap li .home img{height:13px;}
			.sub_visual .nav_wrap li + li:before{width:5px;height:5px;margin:0 10px;}
		}
	
	/** 서브 메뉴 **/
		.sub_nav {margin-bottom:60px;box-sizing:border-box;border-bottom:1px solid var(--border-color04);}
		.sub_nav .sub_menu dt{display: none;}
		.sub_nav .sub_menu dd ul{display: flex;}
		.sub_nav .sub_menu dd ul li{width:100%;box-sizing:border-box;}
		.sub_nav .sub_menu dd ul li a{display: flex;width:100%;height:58px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:var(--title-19);color:var(--black-color02);position: relative;}
		.sub_nav .sub_menu dd ul li a:before{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:50%;transform:translate(-50%);transition:all 0.3s;}
		.sub_nav .sub_menu dd ul li a.on{color:var(--point-color01);font-weight:600;}
		.sub_nav .sub_menu dd ul li a.on:before{width:100%;;}

		/* over */
			@media (hover:hover){
				.sub_nav .sub_menu dd ul li a:hover{color:var(--point-color01);font-weight:600;}
				.sub_nav .sub_menu dd ul li a:hover:before{width:100%;;}
			}
		
		@media screen and (max-width:640px){
			.sub_nav{margin-bottom:40px;}
			.sub_nav .sub_menu{width:100%;}
			.sub_nav .sub_menu dl dt{font-size:var(--title-20);font-weight:500;color:var(--black-color03);height:55px;line-height:1.4;background:var(--point-white);padding:0 15px;display:flex;align-items:center;cursor:pointer;}
			.sub_nav .sub_menu dl dt:after{content:'';width:10px;height:10px;border-bottom:1px solid var(--black-color08);border-right:1px solid var(--black-color08);position:absolute;top:50%;right:15px;transform:rotate(45deg);margin-top:-8px;}
			.sub_nav .sub_menu dl dt.on:after{transform:rotate(-135deg);margin-top:-2px;}
			.sub_nav .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding:15px 15px;box-shadow:0 7.5px 20px 0 rgba(0,0,0,0.2);background:var(--point-white);display:none;z-index:5;}
			.sub_nav .sub_menu dl dd.open{display:block;}
			.sub_nav .sub_menu dd ul{display: block;}
			.sub_nav .sub_menu dd ul li + li{margin-top:10px;}
			.sub_nav .sub_menu dd ul li a{height:auto;line-height:1.7;display: block;text-align:left;}
			.sub_nav .sub_menu dd ul li a:before{display: none;}
		}
		@media screen and (max-width:479px){
			.sub_nav{margin-bottom:30px;}
		}

    /** 서브 탭메뉴 + 탭 컨텐츠 **/
		.sub_tab {box-sizing: border-box;}
		.sub_tab.board_sub_tab{margin-bottom:40px;}
		.sub_tab.board_sub_tab ul li{padding:0;}
		.sub_tab.board_sub_tab ul li a{padding:0 24px;box-sizing:border-box;}
		.sub_tab ul {display: flex;justify-content: center;flex-wrap:wrap;gap:10px;}
		.sub_tab ul li {position: relative; padding: 0 24px; font-size: var(--title-18); font-weight:400; color: var(--black-color04); letter-spacing: -0.03em; transition: all 0.3s;box-sizing:border-box;border:1px solid var(--border-color01);height:48px;border-radius:25px; cursor: pointer;}
		.sub_tab ul li :where(span, a){font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit; cursor: pointer;display: flex;width:100%;height:100%;align-items: center;justify-content: center;text-align: center;}
            .sub_tab ul li.on{font-weight:500; color:var(--point-white);background:var(--point-color01);border-color:var(--point-color01);}

		.tab_cont {margin-top:53px;}
		.tab_cont .cont_box {height: 0; overflow: hidden; opacity: 0;}
		.tab_cont .cont_box.on {height: auto; overflow: visible; opacity: 1;}
		
		/*타이틀*/
		.sub_cont_title{font-size:var(--title-30);color:var(--black-color00);font-weight:500;margin-bottom:23px;display: flex;align-items: center;flex-wrap:wrap;}
		.sub_cont_title h4{font-size:104%;color:inherit;font-weight:inherit;box-sizing:border-box;position: relative;padding-left:36px;letter-spacing:0;}
		.sub_cont_title h4.point{color:var(--point-color01);}
		.sub_cont_title h4:before{width:21px;height:21px;content:"";background:url('/images/title_icon.svg')no-repeat center;position: absolute;left:0;top:11px;background-size:auto 100%;}
		.sub_cont_title p{font-size:var(--title-22);color:var(--point-color01);font-weight:500;display: inline-flex;align-items: center;}
		.sub_cont_title p:before{width:1px;height:18px;content:"";background:var(--border-color02);display: inline-block;margin:0 20px;}
		
		/*테이블*/
		.cont_table_box{box-sizing:border-box;border-radius:10px;overflow:hidden;border:1px solid var(--border-color01);}
		.cont_table_box dl{box-sizing:border-box;border-bottom:1px solid var(--border-color01);display: table;border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden;}
		.cont_table_box dl:last-child{border-bottom:none;}
		.cont_table_box dl dt, .cont_table_box dl dd{padding:21.5px 10px;display:table-cell;vertical-align: middle;}
		.cont_table_box dl dt{width:300px;box-sizing:border-box;background:var(--point-color02);text-align: center;font-size:var(--title-20);color:var(--black-color00);font-weight:500;}
		.cont_table_box dl dd{width:calc(100% - 300px);box-sizing:border-box;padding-left:40px;background:var(--point-white);}
		.cont_table_box dl dd p{font-size:var(--title-18);color:var(--black-color00);font-weight:400;display: flex;flex-wrap:wrap;align-items: center;gap:12px;}
		.cont_table_box dl dd p span{font-size:var(--title-18);color:var(--black-color06);font-weight:400;}
		
		/*컨텐츠*/
		.sub_cont_box + .sub_cont_box{margin-top:75px;}
				
		@media screen and (max-width:1024px){
			.sub_cont_title h4:before{top:8px;}
			
			/*table*/		
			.cont_table_box dl dt{width:200px;}
			.cont_table_box dl dd{width:calc(100% - 200px);padding-left:30px;}
		}
		@media screen and (max-width:860px){
			.sub_cont_title h4:before{top:7px;}
		}
		@media screen and (max-width:640px){
			.sub_cont_title{margin-bottom:12px;}
			.sub_cont_title h4{padding-left:25px;}
			.sub_cont_title h4:before{width:16px;height:16px;top:10px;}
			.sub_cont_title p{width:100%;padding-left:25px;margin-top:5px;}
			.sub_cont_title p:before{display: none;}
			
			/*table*/
			.cont_table_box dl dt{width:150px;}
			.cont_table_box dl dd{width:calc(100% - 150px);padding-left:20px;}
			.cont_table_box dl dd p{gap:5px;}
		}
		@media screen and (max-width:479px){
			.sub_tab.board_sub_tab ul li a{padding:0 15px;}
			.sub_tab ul li{padding:0 15px;height:40px;}
			
			.sub_cont_title h4:before{top:8px;}
			.sub_cont_title p{margin-top:0;}
			
			/*table*/
			.cont_table_box{border-radius:0;border:none;}
			.cont_table_box dl{display: flex;flex-wrap:wrap;border:1px solid var(--border-color01) !important;border-radius:5px;}
			.cont_table_box dl + dl{margin-top:10px;}
			.cont_table_box dl dt, .cont_table_box dl dd{display: block;width:100%;}
			.cont_table_box dl dt{padding:12px 10px;}
			.cont_table_box dl dd{padding:16px 10px;}
		}

/*───────────────────────────────────────────────────────────
	
    company/about

───────────────────────────────────────────────────────────*/
        .sub_about { position: relative; }
        .sub_about::before { content: ''; display: block; position: absolute; left: -16.5%; top: 16.5%; width: 137px; aspect-ratio: 1/1; background: url('/images/img_about_deco02.png') no-repeat center; background-size: cover; transform: rotate(39.853deg); }
        .sub_about::after { content: ''; display: block; position: absolute; right: -14%; top: 57.5%; width: 127px; aspect-ratio: 1/1; background: url('/images/img_about_deco01.png') no-repeat center; background-size: cover; transform: rotate(15deg);}
        .sub_about .thumb { margin-bottom: 51px;  border-radius: 20px; }
        .sub_about .thumb img { display: inline-block; border-radius: inherit; }

        .sub_about .txt { font-size: var(--title-20); font-family: var(--font-type01); font-style: normal; }
        .sub_about .txt .title { color: var(--point-color01); font-size: 180%; font-weight: 600; line-height: 1.22; letter-spacing: -1.08px; }
        .sub_about .txt .acc_title { margin-top: 29px; margin-bottom: 32px; color: var(--black-color03); font-size: 130%; font-weight: 400; line-height: 1.6;letter-spacing: -0.78px; }
        .sub_about .txt .desc { color: var(--black-color06); font-size: 90%; font-weight: 400; line-height: 1.66; letter-spacing: -0.54px; } 
        .sub_about .txt .desc:not(:last-child) { margin-bottom: 19px; }

        .sub_about .emplo { margin-top: 52px; color: var(--black-color01); text-align: right; font-family: var(--font-type01); font-size: var(--title-18); font-style: normal; font-weight: 400; line-height: 1; }

        @media screen and (max-width: 1023px){
            .sub_about::before { left: -5%; top: 50%; }
            .sub_about::after { right: 0; top: 90%; }
        }

        @media screen and (max-width: 860px){
            .sub_about::before { left: 0; width: 110px; }
            .sub_about::after { width: 100px; }

            .sub_about .emplo { margin-top: 40px; }
        }

        @media screen and (max-width: 640px){
            .sub_about .thumb { margin-bottom: 30px; height: 0; padding: 25% 0; overflow: hidden; position: relative; }
            .sub_about .thumb > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; }
            .sub_about .txt .acc_title { margin-top: 20px; margin-bottom: 20px; }
            .sub_about .txt .desc:not(:last-child) { margin-bottom: 15px; }

            .sub_about .emplo { margin-top: 30px; }
        }
        @media screen and (max-width: 479px){
            .sub_about::before { top: 40%; }

            .sub_about .emplo { margin-top: 20px; }
        }


/*───────────────────────────────────────────────────────────
	
 company/location

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

.sub_location .viewing_cont { box-sizing: border-box; border-radius: 10px; border: 1px solid var(--border-color01); padding: 29px 30px; }

.sub_location .map_wrap { width: 100%; font-family: Pretendard; font-style: normal; }
.sub_location .map_wrap .map { width: 100%; height: 460px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.sub_location .map_wrap .map * { border-radius: inherit; }

.sub_location .map_wrap .map_info { display: flex; justify-content: flex-start; align-items: center; gap: 120px; padding: 40px 60px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: var(--point-color02); }

.sub_location .map_wrap .map_info .logo { height: 61px; }
.sub_location .map_wrap .map_info ul li:first-child { margin-bottom: 18px; }
.sub_location .map_wrap .map_info ul li dl{ position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 30px; font-size: var(--title-18); }
.sub_location .map_wrap .map_info ul li dl dt { position: relative; display: flex; align-items: center; gap: 20px; color: var(--black-color03); font-size: inherit; font-weight: 600; line-height: normal; letter-spacing: -0.54px; width:87px;}
.sub_location .map_wrap .map_info ul li dl dt::before { content: ''; display: inline-block; width: 36px; aspect-ratio: 1/1; background-size: cover; flex-shrink: 0;}

.sub_location .map_wrap .map_info ul li:nth-of-type(1) dl dt::before { background: url('/images/ico_mark.svg') no-repeat center; background-size: cover; }
.sub_location .map_wrap .map_info ul li:nth-of-type(2) dl dt::before { background: url('/images/ico_tel.svg') no-repeat center; background-size: cover; }

.sub_location .map_wrap .map_info ul li dl dd { color: #666; font-size: inherit; font-weight: 400; line-height: normal; letter-spacing: -0.54px; }

.sub_location .viewing_cont br.for_mo { display: none; }
.sub_location .viewing_cont .bullet_list > li { color: var(--black-color03); }

.sub_location .flex_des { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 30px; font-family: var(--font-type01); font-size: var(--title-20); font-style: normal; padding: 30px 0; border-bottom: 1px solid var(--border-color03); }
.sub_location .flex_des .left_box { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 15%; padding: 24px 40px; box-sizing: border-box; text-align: center; background-color: var(--gray-bg02); border-radius: 20px; }
.sub_location .flex_des .left_box p { margin-top: 20px; color: var(--black-color01); font-size: 110%; font-weight: 500; line-height: 1.09; }

.sub_location .flex_des .right_box { width: calc(85% - 30px); }


.sub_location .way_flex { padding-top: 0; }

.sub_location .way_flex .right_box ul { margin-top: 42px; }
.sub_location .way_flex .right_box ul li { position: relative; display: flex; align-items: center; gap: 20px; color: var(--black-color06); font-size: 90%; font-weight: 400; line-height: 1.3; }
.sub_location .way_flex .right_box ul li:not(:first-child) { margin-top: 17px; }

.sub_location .way_flex .right_box ul li::before { content: ''; display: inline-block; width: 50px; height: 6px;}
.sub_location .way_flex .right_box ul li:nth-of-type(1)::before { background: url('/images/ico_location_line01.png') no-repeat center; background-size: cover; }
.sub_location .way_flex .right_box ul li:nth-of-type(2)::before { background: url('/images/ico_location_line02.png') no-repeat center; background-size: cover; }
.sub_location .way_flex .right_box ul li:nth-of-type(3)::before { background: url('/images/ico_location_line03.png') no-repeat center; background-size: cover; }



.sub_location .bus_flex .right_box { font-family: var(--font-type01); font-size: var(--title-20); font-style: normal; }
.sub_location .bus_flex .right_box > dl > dt { color: var(--black-color03); font-size: inherit; font-weight: 500; line-height: normal; letter-spacing: -0.6px; }
.sub_location .bus_flex .right_box > dl > dd > ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-top: 30px; column-gap: 60px; row-gap: 10px; }
.sub_location .bus_flex .right_box > dl > dd > ul > li > dl:last-child { margin-top: 10px; }

.sub_location .bus_flex .right_box > dl > dd dl { display: flex; align-items: center; }
.sub_location .bus_flex .right_box > dl > dd dl > dt { padding: 8px 17px; margin-right: 20px; color: var(--point-white); font-size: var(--title-16); font-weight: 400; line-height: 1; letter-spacing: -0.48px; border-radius: 4px; }
.sub_location .bus_flex .right_box > dl > dd dl > dd { color: var(--black-color01); font-size: var(--title-18); line-height: normal; letter-spacing: -0.54px; }
.sub_location .bus_flex .right_box > dl > dd dl > dd:not(:last-child) { margin-right: 30px; }

.sub_location .bus_flex .right_box > dl > dd dl.bus01 > dt { background-color: #2b75e4; }
.sub_location .bus_flex .right_box > dl > dd dl.bus02 > dt { background-color: #DC2B20; }
.sub_location .bus_flex .right_box > dl > dd dl.bus03 > dt { background-color: #26A100; }
.sub_location .bus_flex .right_box > dl > dd dl.bus04 > dt { background-color: #26A100; }

.sub_location .cycle_flex .right_box { display: flex; align-items: center; }

.sub_location .car_flex .right_box { font-family: var(--font-type01); font-size: var(--title-20); font-style: normal; }
.sub_location .car_flex .right_box > dl > dt { margin-bottom: 10px; color: var(--black-color03);  font-weight: 500; line-height: 1; /* 100% */ letter-spacing: -0.6px; }
.sub_location .car_flex .right_box > dl > dd { color: var(--black-color06); font-size: var(--title-18); font-weight: 400; line-height: 1.77; /* 177.778% */ letter-spacing: -0.54px; }

.sub_location .car_flex .right_box > dl:last-child { margin-top: 20px; }

@media screen and (max-width: 1340px){

}

@media screen and (max-width: 1130px){
    .sub_location .map_wrap .map_info { justify-content: space-between; padding: 45px 30px; gap: 0; }
}

@media screen and (max-width: 1023px){
    .sub_location .map_wrap .map_info { flex-direction: column; align-items: flex-start; row-gap: 30px; }
    

    .sub_location .viewing_cont { padding: 23px 30px; }

    .sub_location .way_flex .right_box ul li { gap: 10px; }
}

@media screen and (max-width: 860px){
    .sub_location .map_wrap .map_info .logo { height: 55px; }
    .sub_location .map_wrap .map_info ul li dl dt::before { width: 32px; }

    .sub_location .flex_des { gap: 20px;}
    .sub_location .flex_des .left_box { padding: 24px 40px; width: 100%;  }
    .sub_location .flex_des .right_box { width: 100%; }


    .sub_location .way_flex .right_box ul { margin-top: 30px; }
    .sub_location .way_flex .right_box ul li::before { width: 30px; }

    .sub_location .bus_flex { padding-bottom: 30px; }
    .sub_location .bus_flex .right_box > dd dl > dt { padding: 5px 14px; }

    .sub_location .cycle_flex { padding-bottom: 30px; }
}

@media screen and (max-width: 640px){
    .sub_location .map_wrap .map { height: 360px; }
    .sub_location .map_wrap .map_info { padding: 25px 15px; }
    .sub_location .map_wrap .map_info .logo { height: 48px; }
    .sub_location .map_wrap .map_info ul li dl { flex-direction: column; align-items: flex-start; gap: 10px; }
    .sub_location .map_wrap .map_info ul li dl dt { gap: 10px;width:100%;}
    .sub_location .map_wrap .map_info ul li dl dt::before { width: 28px; }

    .sub_location .viewing_cont { padding: 23px 20px; }
    .sub_location .viewing_cont br.for_mo { display: block; }

    .sub_location .flex_des { padding: 20px 0; gap: 15px; }
    .sub_location .flex_des .left_box { width: 100%; height: auto; padding: 20px 30px; }
    .sub_location .flex_des .left_box img { width: 24px; }
    .sub_location .flex_des .left_box p { margin-top: 8px; }

    .sub_location .flex_des .right_box { width: 100%; }

    .sub_location .way_flex{ padding-top: 0; }

    .sub_location .bus_flex { padding-bottom: 20px; }
    .sub_location .bus_flex .right_box > dd dl > dt { margin-right: 15px; }
    .sub_location .bus_flex .right_box > dd dl > dd:not(:last-child) { margin-right: 20px; }

    .sub_location .cycle_flex { padding-bottom: 20px; }

    .sub_location .cycle_flex ul { width: 100%; }
}

@media screen and (max-width: 479px){
    .sub_location .map_wrap .map { height: 270px; }
    .sub_location .map_wrap .map_info { gap: 20px; }
    .sub_location .map_wrap .map_info .logo { height: 42px; }
    .sub_location .map_wrap .map_info ul li dl dt { gap: 5px; }
    .sub_location .map_wrap .map_info ul li dl dt::before { width: 25px; }

    .sub_location .flex_des .left_box { padding: 15px 25px; }
    .sub_location .flex_des .left_box img { width: 22px; }
    .sub_location .viewing_cont { padding: 15px 20px; border-radius: 5px; }

    .sub_location .bus_flex .right_box { width: 100%; }
    .sub_location .bus_flex .right_box > dd > ul { flex-direction: column; row-gap: 10px;}

    .sub_location .way_flex .right_box ul li { flex-direction: column; align-items: flex-start; }
    
}

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

	센터소개 | 건립배경 및 목표
	
───────────────────────────────────────────────────────────*/
	.sub_introduce .center_goal, .sub_introduce .center_ci{padding-bottom:140px;}

	.center_goal{padding-top:7px;}
	.center_goal .center_img{width:100%;height:0;padding-bottom:36%;position: relative;overflow:hidden;border-radius:20px;box-sizing:border-box;}
	.center_goal .center_img img{width:100%;height:100%;object-fit:cover;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.center_goal .center_icon{margin-top:40px;}
	.center_goal .center_icon dl{box-sizing:border-box;background:var(--point-color02);border-radius:20px;display: flex;flex-wrap:wrap;padding:40px 40px 40px 60px;align-items: center;min-height:170px;}
	.center_goal .center_icon dl dt{display: flex;flex-wrap:wrap;gap:52px;align-items: center;width:223px;}
	.center_goal .center_icon dl dt .icon{width:68px;}
	.center_goal .center_icon dl dt p{font-size:var(--title-30);color:var(--black-color00);font-weight:600;}
	.center_goal .center_icon dl dd{box-sizing:border-box;font-size:var(--title-18);color:var(--black-color03);font-weight:400;width:calc(100% - 223px);padding-left:100px;line-height:1.66;letter-spacing:0;}
	.center_goal .center_icon dl + dl{margin-top:20px;background:var(--gray-bg02);}
	
	.sub_introduce .cont_table_box dl dt{width:280px;}
	.sub_introduce .cont_table_box dl dd{width:calc(100% - 280px);}
	
	@media screen and (max-width:1400px){
		.sub_introduce .center_goal, .sub_introduce .center_ci{padding-bottom: clamp(70px, 10vw, 140px);}
		
		.center_goal .center_icon dl dd br{display: none;}
	}
	@media screen and (max-width:1024px){
		.center_goal .center_icon dl{padding:30px 30px;}
		.center_goal .center_icon dl dt{gap:20px;width:180px;}
		.center_goal .center_icon dl dd{width:calc(100% - 180px);padding-left:40px;}
		
		.sub_introduce .cont_table_box dl dt{width:200px;}
		.sub_introduce .cont_table_box dl dd{width:calc(100% - 200px);}	
	}
	@media screen and (max-width:640px){
		.center_goal .center_img{padding-bottom:60%;}
		.center_goal .center_icon dl dt {width:100%;}
		.center_goal .center_icon dl dt .icon{width:48px;}
		.center_goal .center_icon dl dd{width:100%;padding:15px 0 0 0;}
		
		.sub_introduce .cont_table_box dl dt{width:150px;}
		.sub_introduce .cont_table_box dl dd{width:calc(100% - 150px);}	
	}
	@media screen and (max-width:479px){
		.center_goal .center_img{border-radius:10px;}
		.center_goal .center_icon{margin-top:30px;}
		.center_goal .center_icon dl{border-radius:10px;padding:25px 20px;}
		.center_goal .center_icon dl dt{gap:10px;}
		.center_goal .center_icon dl dt .icon{width:35px;}
		.center_goal .center_icon dl dd{padding-top:10px;}
		
		.sub_introduce .cont_table_box dl dt,
		.sub_introduce .cont_table_box dl dd{width:100%;}
	}
	
/*───────────────────────────────────────────────────────────

	센터소개 | 운영비전
	
───────────────────────────────────────────────────────────*/
	.vision_box{margin-top:-3px;}
	.vision_title{text-align: center;font-size:var(--title-30);color:var(--black-color00);font-weight:500;}
	.vision_title h4{font-size:120%;color:inherit;font-weight:inherit;}
	.vision_cont{display: flex;flex-wrap:wrap;margin-top:50px;}
	.vision_cont > div{display: flex;flex-direction: column;align-items: center;justify-content: center;background:rgba(174, 232, 226, 0.3);box-sizing:border-box;border-radius:500px;width:calc(50% + 40px);padding:40px 10px;}
	.vision_cont > div + div{margin-left:-80px;background:rgba(194, 227, 224, 0.4);}
	.vision_cont .icon{height:64px;display: flex;align-items: center;justify-content: center;}
	.vision_cont .icon img{max-height:100%;}
	.vision_cont dl{text-align: center;font-size:var(--title-22);color:var(--point-color01);font-weight:500;line-height:1.45;margin-top:20px;}
	.vision_cont dl dt{font-size:inherit;color:inherit;font-weight:inherit;}
	.vision_cont dl dd{font-size:inherit;color:var(--black-color03);font-weight:inherit;margin-top:10px;letter-spacing:0;}
	
	.strategy_box{box-sizing:border-box;background:var(--gray-bg02) url('/images/strategy_bg.svg')no-repeat center;margin-top:120px;padding:111px 0 132px;}
	.strategy_box .circle_box{position: relative;margin-top:88px;}
	.strategy_box .circle_box .center{width:560px;height:560px;box-sizing:border-box;border-radius:100%;background:var(--point-color02);margin:0 auto;position: relative;display: flex;align-items: center;justify-content: center;}
	.strategy_box .circle_box .center:before{width:calc(100% + 78px);height:calc(100% + 78px);content:"";box-sizing:border-box;border-radius:100%;border:1px dashed var(--black-color10);position: absolute;top:-39px;left:-39px;}
	.strategy_box .circle_box .center:after{width:calc(100% - 60px);height:calc(100% - 60px);content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);position: absolute;top:30px;left:30px;}
	.strategy_box .circle_box .center .center_box{width:calc(100% - 200px);height:calc(100% - 200px);box-sizing:border-box;border-radius:100%;border:10px solid rgba(108, 109, 112, 0.1);position: relative;z-index:5;display: flex;align-items: center;justify-content: center;}
	.strategy_box .circle_box .center .cont{width:calc(100% - 66px);height:calc(100% - 66px);box-sizing:border-box;border-radius:100%;background:var(--point-color01);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size:var(--title-30);color:var(--point-white);font-weight:600;}
	.strategy_box .circle_box .center .cont .icon{height:84px;display: flex;align-items: center;justify-content: center;}
	.strategy_box .circle_box .center .cont .icon img{max-height:100%;}
	.strategy_box .circle_box .center .cont p{font-size:120%;color:inherit;font-weight:inherit;margin-top:20px;}
	
	.strategy_box ul{display: flex;flex-wrap:wrap;gap:278px;position: absolute;top:-32px;left:50%;transform:translate(-50%);width:100%;}
	.strategy_box ul li{display: flex;flex-wrap:wrap;align-items: center;width:calc(50% - 139px);}
	.strategy_box ul li .img{box-sizing:border-box;width:160px;height:160px;border-radius:100%;border:2px solid var(--point-color01);background:var(--point-white);display: flex;align-items: center;justify-content: center;}
	.strategy_box ul li .txt_box{padding-left:30px;width:calc(100% - 160px);box-sizing:border-box;}
	.strategy_box ul li .txt_box span{font-size:var(--title-22);color:var(--point-color01);font-weight: 500;}
	.strategy_box ul li .txt_box p{font-size:var(--title-22);color:var(--black-color03);font-weight:400;line-height:1.45;margin-top:10px;letter-spacing:0;}
	
	.strategy_box ul li:nth-of-type(2n+1){flex-direction: row-reverse;}
	.strategy_box ul li:nth-of-type(2n+1) .txt_box{padding:0 30px 0 0;text-align: right;}
	
	@media screen and (max-width:1200px){
		.strategy_box .circle_box .center{width:47vw;height:47vw;}
		.strategy_box .circle_box .center .center_box{width:calc(100% - 100px);height:calc(100% - 100px);}
		.strategy_box ul li .txt_box p br{display: none;}
	}
	@media screen and (max-width:1024px){
		.strategy_box{margin-top:100px;padding:90px 0 115px;}
		.strategy_box ul{gap:200px}
		.strategy_box ul li{width:calc(50% - 100px);}
		.strategy_box ul li .img{width:120px;height:120px;}
		.strategy_box ul li .img img{max-width:45%;}
		.strategy_box ul li .txt_box{width:calc(100% - 120px);}
		.strategy_box ul li .txt_box p{font-size:var(--title-18);}
	}
	@media screen and (max-width:860px){
		.vision_cont > div{width:calc(50% + 20px);}
		.vision_cont > div + div{margin-left:-40px;}
		
		.strategy_box .circle_box .center .cont .icon{height:58px;}
		.strategy_box .circle_box .center .cont p{margin-top:10px;}
		.strategy_box .circle_box .center .cont{width:calc(100% - 34px);height:calc(100% - 34px);}
		
		.strategy_box ul li .txt_box{padding-left:20px;}
		.strategy_box ul li:nth-of-type(2n+1) .txt_box{padding-right:20px;}
	}
	@media screen and (max-width:767px){
		.strategy_box{margin-top:70px;padding:65px 0 90px;background-size: 150%;background-position: top 30% center;}
		.strategy_box .circle_box{margin-top:55px;}
		.strategy_box .circle_box .center{width:60vw;height:60vw}
		.strategy_box .circle_box .center:before{width:calc(100% + 50px);height:calc(100% + 50px);top:-25px;left:-25px;}
		.strategy_box .circle_box .center:after{width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left:20px;}
		.strategy_box .circle_box .center .cont{width:calc(100% - 60px);height:calc(100% - 60px);}
		
		.strategy_box ul{position: static;transform:none;gap:20px;margin-top:55px;}
		.strategy_box ul li{width:100%;}
		.strategy_box ul li .txt_box p{margin-top:5px;font-size:var(--title-22);}
		
		.strategy_box ul li:nth-of-type(2n+1){flex-direction: row;}
		.strategy_box ul li:nth-of-type(2n+1) .txt_box{text-align:left;padding:0 0 0 20px;}
	}
	@media screen and (max-width:640px){
		.vision_cont{margin-top:25px;}
		.vision_cont > div{width:100%;padding:30px 10px;}
		.vision_cont > div + div{margin:20px 0 0 0;}
		.vision_cont .icon{height:50px;}
		.vision_cont dl{margin-top:10px;}
		.vision_cont dl dd{margin-top:5px;}
		
		.strategy_box .circle_box .center{width:75vw;height:75vw};
	}
	@media screen and (max-width:479px){
		.vision_cont > div{border-radius:50px;}
		
		.strategy_box{margin-top:60px;padding:52px 0 70px;}
		.strategy_box .circle_box .center{width:calc(100% - 40px);height:0;padding-bottom:calc(100% - 40px);}
		.strategy_box .circle_box .center:before{width:calc(100% + 30px);height:calc(100% + 30px);top:-15px;left:-15px;}
		.strategy_box .circle_box .center .center_box{width: calc(100% - 60px);height: calc(100% - 60px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-width:5px;}
		.strategy_box .circle_box .center .cont{width:calc(100% - 30px);height:calc(100% - 30px);}
		.strategy_box .circle_box .center .cont .icon{height:48px;}
		.strategy_box .circle_box .center .cont p{font-size:105%;}
		
		.strategy_box ul{margin-top:40px;}
		.strategy_box ul li .img{width:90px;height:90px;}
		.strategy_box ul li .txt_box{width:calc(100% - 90px);padding-left:15px !important;}
	}
	
/*───────────────────────────────────────────────────────────

	센터소개 | 운영현황
	
───────────────────────────────────────────────────────────*/
	.operation_state{}
	
	
	.history_wrap{box-sizing:border-box;margin-top:120px;padding:120px 0;background:var(--gray-bg02);}
	.history_wrap .w_custom:before{width:85px;height:95px;content:"";transform: rotate(90deg);background:linear-gradient(139deg, #3C8F8B 17.33%, #EFF8F7 67.83%);opacity: 0.2;position: absolute;left:-14%;top:10%;box-sizing:border-box;border-radius:100%;}
	.history_wrap .w_custom:after{width:255px;height:229px;content:"";background:linear-gradient(139deg, #3C8F8B 17.33%, #EFF8F7 67.83%);opacity: 0.2;position: absolute;right:-14%;top:29%;box-sizing:border-box;border-radius:100%;}
	.history_wrap .flex_box{display: flex;flex-wrap:wrap;}
	.history_wrap .flex_box .img_box{box-sizing:border-box;padding-right:83px;width:40.9%;}
	.history_wrap .flex_box .img_box ul li + li{margin-top:30px;}
	.history_wrap .flex_box .img_box img{border-radius:20px;}
	
	.history_wrap .history_cont{box-sizing:border-box;width:59.1%;position: relative;padding-left:83px;}
	.history_wrap .history_cont:before{width:2px;height:100%;content:"";background:var(--gray-bg03);position: absolute;left:0;top:0;}
	.history_wrap .progress_line{width:2px;height:0;content:"";background:var(--point-color01);position: absolute;left:0;top:0;transition:all 0.3s;}
	.history_wrap .history_cont .scroll_obj{width:8px;height:8px;box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;left:-3px;top:0;transition:all 0.3s;}
	.history_wrap .history_cont dl{padding-bottom:51px;}
	.history_wrap .history_cont dl:last-child{padding-bottom:26px;}
	.history_wrap .history_cont dl dt{font-size:var(--title-40);color:var(--black-color03);font-weight:700;line-height:1;}
	.history_wrap .history_cont dl:nth-of-type(1) dt{color:var(--point-color01);}
	.history_wrap .history_cont dl dd{margin-top:26px;}
	.history_wrap .history_cont dl dd ul li{display: flex;}
	.history_wrap .history_cont dl dd ul li + li{margin-top:18px;}
	.history_wrap .history_cont dl dd ul li > span{font-size:var(--title-18);color:var(--black-color03);font-weight:400;display: block;min-width:18px;flex-shrink: 0;}
	.history_wrap .history_cont dl dd ul li p{box-sizing:border-box;padding-left:40px;font-size:var(--title-18);color:var(--black-color06);font-weight:400;position: relative;width:100%;}
	.history_wrap .history_cont dl dd ul li p:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;left:18px;top:11px;}
	.history_wrap .history_cont dl dd ul li p span{display: block;font-size:inherit;color:inherit;font-weight:inherit;}
	.history_wrap .history_cont dl dd ul li p span + span{margin-top:10px;}
	
	@media screen and (max-width:1600px){
		.history_wrap .w_custom:before{width:5vw;height:5vw;left:-8%;top:7%;}
	}
	@media screen and (max-width:1400px){
		.history_wrap .w_custom:before{left:-5%;top:-5%;}
		.history_wrap .w_custom:after{width:19vw;height:16vw;right:-9%;top:25%;}
	}
	@media screen and (max-width:1024px){
		.history_wrap{margin-top:100px;padding:100px 0;}
		.history_wrap .flex_box .img_box{padding-right:40px;}
		.history_wrap .history_cont{padding-left:40px;}
		.history_wrap .history_cont dl dd ul li p{padding-left:30px;}
		.history_wrap .history_cont dl dd ul li p:before{left:13px;top:9px;}
	}
	@media screen and (max-width:640px){
		.history_wrap{margin-top:80px;padding:62px 0 80px;}
		.history_wrap .w_custom:before{display: none;}
		.history_wrap .flex_box .img_box{width:100%;padding:0;}
		.history_wrap .flex_box .img_box ul{display: flex;flex-wrap:wrap;gap:15px;}
		.history_wrap .flex_box .img_box ul li{width:calc(50% - 7.5px);}
		.history_wrap .flex_box .img_box ul li + li{margin:0;}
		.history_wrap .flex_box .img_box ul li img{border-radius:10px;}
		
		.history_wrap .history_cont{width:100%;padding:0 0 0 20px;margin-top:40px;}
		.history_wrap .history_cont dl{padding-bottom:30px;}
		.history_wrap .history_cont dl dd{margin-top:15px;}
		.history_wrap .history_cont dl dd ul li + li{margin-top:10px;}
		.history_wrap .history_cont dl dd ul li p{padding-left:20px;}
		.history_wrap .history_cont dl dd ul li p:before{left:7px;top:8px;}
		.history_wrap .history_cont dl dd ul li p span + span{margin-top:5px;}
	}
	@media screen and (max-width:479px){
		.history_wrap{margin-top:60px;padding:50px 0 70px;}
		.history_wrap .history_cont dl dd ul li p:before{width:3px;height:3px;left:7px;top:7px;}
	}

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

	센터소개 | 적용기술
	
───────────────────────────────────────────────────────────*/
	.center_tech{padding-top:7px;}
	.center_tech .sub_cont_title{display: flex;align-items: center;justify-content: space-between;margin-bottom:40px;}
	.center_tech .sub_cont_title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:180px;height:50px;border-radius:4px;border:1px solid var(--black-color03);font-size:var(--title-16);color:var(--black-color02);font-weight:400;}
	.center_tech .img img{border-radius:20px;}
	.center_tech .cont_table_box{margin-top:40px;}
	
	.center_element{box-sizing:border-box;background:var(--gray-bg02);margin-top:120px;padding:120px 0;}
	.circle_list{display: flex; flex-wrap: wrap; gap:100px;padding-top:30px;}
        .circle_list > li{position: relative;width: calc(100% / 3 - 66.67px);aspect-ratio: auto 1;box-sizing: border-box;border: 2px dashed var(--black-color11);border-radius: 100%;display: flex;align-items: center;justify-content: center;}
            .circle_list > li:before, .circle_list > li:after{position: absolute; content:''; width: 12px; height: 12px; border-radius: 100%; top:50%; left:-6px; transform: translateY(-50%); box-sizing: border-box; background: var(--point-color01); box-shadow: 0 0 0 6px rgba(3, 140, 213, 0.2);}
            .circle_list > li:after{left:auto; right:-6px;}
            .circle_list > li:first-child:before{display: none;}
        .circle_list .desc{width: calc(100% - 40px);height: calc(100% - 40px);background: var(--point-white);border-radius: inherit;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;text-align: center;font-size: var(--title-20);box-sizing:border-box;border:4px solid var(--point-color01);}
            .circle_list > li + li .desc:before{position: absolute; content:''; width: 90px; height: 1px; background: var(--black-color08); opacity: 0.3; top:50%; right:100%;}
        .circle_list .desc dt{font-size:var(--title-30);color:var(--point-color01);font-weight:700;}
		.circle_list .desc dt span{font-size:var(--title-18);color:var(--point-color01);font-weight:600;}
		.circle_list .desc dt p{font-size:104%;color:inherit;font-weight:inherit;}
        .circle_list .desc dd{font-size:var(--title-18);color:var(--black-color05);font-weight:400;line-height:1.55;position: relative;margin-top:13px;padding-top:20px;}
		.circle_list .desc dd:before{width:40px;height:1px;content:"";background:var(--border-color02);position: absolute;top:0;left:50%;transform:translate(-50%);}
		
		.circle_list li:nth-child(2) .desc{border-color:var(--point-color06);}
		.circle_list > li:nth-child(2):before, .circle_list > li:nth-child(2):after{background:var(--point-color06);box-shadow:0 0 0 6px rgba(35, 184, 241, 0.20);}
		.circle_list > li:nth-child(2) .desc dt span,
		.circle_list > li:nth-child(2) .desc dt p{color:var(--point-color06);}
		
		.circle_list li:nth-child(3) .desc{border-color:var(--point-color07);}
		.circle_list > li:nth-child(3):before, .circle_list > li:nth-child(3):after{background:var(--point-color07);box-shadow:0 0 0 6px rgba(255, 180, 83, 0.20);}
		.circle_list > li:nth-child(3):after{display: none;}
		.circle_list > li:nth-child(3) .desc dt span,
		.circle_list > li:nth-child(3) .desc dt p{color:var(--point-color07);}
		
		.center_element .cont_table_box{margin-top:60px;}
		
	.tech_pop{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;z-index:555;display: none;}
	.tech_pop.on{display: flex;}
	.tech_pop .pop_layer{width:600px;box-sizing:border-box;background:var(--point-white);border-radius:20px;position: relative;padding:30px 30px;}
	.tech_pop .btn_close{width:25px;height:25px;position: absolute;top:20px;right:20px;}
	.tech_pop .btn_close a{display: block;width:100%;height:100%;position: relative;}
	.tech_pop .btn_close a span{display: inline-block;width:100%;height:2px;background:var(--black-color03);position: absolute;top:50%;}
	.tech_pop .btn_close a span:nth-child(1){transform:rotate(45deg);}
	.tech_pop .btn_close a span:nth-child(2){transform:rotate(-45deg);}
	.tech_pop .img{margin-top:40px;}
	
	@media screen and (max-width:1300px){
		.circle_list{gap:60px;}
		.circle_list > li{width:calc(100% / 3 - 40px);}
		.circle_list > li + li .desc:before{width:60px;}
	}
	@media screen and (max-width:1100px){
		.circle_list{gap:30px;}
		.circle_list > li{width:calc(100% / 3 - 20px);}
		.circle_list > li + li .desc:before{width:30px;}
	}
	@media screen and (max-width:1024px){
		.center_element{margin-top:100px;padding:86px 0 100px;}
		.circle_list{padding:0;flex-direction: column;gap:60px;align-items: center;}
		.circle_list > li{width:345px;}			
		.circle_list > li:before, .circle_list > li:after{top:-7px;left:50%;transform:translate(-50%, 0);}
		.circle_list > li:after{top:auto;bottom:-7px;}
		.circle_list > li + li .desc:before{width:1px;height:60px;top:-60px;right:50%;}
	}
	@media screen and (max-width:640px){
		.center_tech .sub_cont_title{margin-bottom:30px;}
		.center_tech .sub_cont_title a{width:140px;height:40px;}
		.center_tech .cont_table_box{margin-top:30px;}
		
		.center_element{margin-top:80px;padding:70px 0 80px;}
		.circle_list > li{width:60vw;}
		
		.tech_pop .pop_layer{width:calc(100% - 30px);}
	}
	@media screen and (max-width:479px){
		.center_tech .sub_cont_title a{width:128px;}
		.center_tech .img img{border-radius:10px;}
		
		.center_element{margin-top:60px;padding:48px 0 60px;}
		.circle_list{gap:40px;}
		.circle_list > li{width:calc(100% - 30px);}
		.circle_list > li:before, .circle_list > li:after{width:8px;height:8px;top:-6px;}
		.circle_list > li:after{bottom:-6px;top:auto;}
		.circle_list .desc{padding:10px;border-width:2px;}
		.circle_list > li + li .desc:before{top:-40px;height:40px;}
		.center_element .cont_table_box{margin-top:40px;}
		
		.tech_pop .pop_layer{padding:30px 20px;border-radius:10px;}
		.tech_pop .btn_close{width:20px;height:20px;top:15px;right:15px;}
		.tech_pop .img{margin-top:25px;}
	}
	
/*───────────────────────────────────────────────────────────

	센터소개 | 센터MI
	
───────────────────────────────────────────────────────────*/
	.center_ci{padding-top:7px;}
	.center_ci .sub_cont_title{display: flex;align-items: center;justify-content: space-between;margin-bottom:20px;}
	.center_ci .sub_cont_title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:140px;height:50px;border-radius:4px;border:1px solid var(--black-color03);font-size:var(--title-16);color:var(--black-color02);font-weight:400;}
	.center_ci .ci_txt{font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.66;letter-spacing:0;}
	.center_ci .ci_box{box-sizing:border-box;display: flex;flex-wrap:wrap;gap:40px;margin-top:60px;}
	.center_ci .ci_box li{width:calc(50% - 20px);box-sizing:border-box;overflow:hidden;border:1px solid var(--border-color01);border-radius:20px;}
	.center_ci .ci_box dl{font-size:var(--title-20);color:var(--black-color00);font-weight:400;height:100%;}
	.center_ci .ci_box dl dt{box-sizing:border-box;border-radius:20px 20px 0 0;background:var(--point-color02);font-size:129%;color:inherit;font-weight:inherit;text-align: center;border-bottom:1px solid var(--border-color01);height:70px;display: flex;align-items: center;justify-content: center;}
	.center_ci .ci_box dl dd{box-sizing:border-box;padding:44px 30px;display: flex;align-items: center;justify-content: center;height:calc(100% - 70px);}
	
	@media screen and (max-width:1024px){
		.center_ci .ci_txt br{display: none;}
		.center_ci .ci_box{gap:20px;margin-top:50px;}
		.center_ci .ci_box li{width:calc(50% - 10px);}
		.center_ci .ci_box dl dd{padding:20px 20px;}
		.center_ci .ci_box dl dd img{max-height:80%;}
	}
	@media screen and (max-width:640px){
		.center_ci .sub_cont_title a{width:110px;height:40px;}
		.center_ci .ci_box{gap:30px;}
		.center_ci .ci_box li{width:100%;}
		.center_ci .ci_box dl dt{height:60px;}
		.center_ci .ci_box dl dd{height:calc(100% - 60px)}
	}
	@media screen and (max-width:479px){
		.center_ci .sub_cont_title{flex-direction: column;align-items: flex-start;}
		.center_ci .sub_cont_title a{margin-top:10px;margin-left:25px;}
		.center_ci .ci_box{margin-top:40px;}
		.center_ci .ci_box li{border-radius:10px;}
		.center_ci .ci_box dl dt{border-radius:10px 10px 0 0;}
	}

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

	센터소개 | 조직도
	
───────────────────────────────────────────────────────────*/
	.sub_work{text-align: center;padding-top:30px;}
	.sub_work h4{display: inline-flex;width:300px;height:80px;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-20);color:var(--point-color01);font-weight:600;text-align: center;margin:0 auto;cursor:pointer;z-index:4;}
	.sub_work h4 span{font-size:inherit;color:inherit;font-weight:inherit;display: flex;align-items: center;justify-content: center;background:var(--point-white);position: relative;width:100%;height:100%;border:1px solid var(--point-color01);border-radius:40px;}
	.sub_work h4:before{width:calc(100% + 20px);height:calc(100% + 20px);content:"";box-sizing:border-box;border-radius:50px;background:var(--point-color01);opacity:0.1;position: absolute;top:-10px;left:-10px;}
	.sub_work h5{display:flex;align-items: center;justify-content: center;background:var(--point-white);position: relative;width:300px;height:80px;border:1px solid var(--point-color01);border-radius:40px;box-sizing:border-box;font-size:var(--title-20);color:var(--point-color01);font-weight:600;cursor:pointer;margin:0 auto;z-index:3;}
	.sub_work .work_title{position: relative;}
	.sub_work .work_title:after{width:8px;height:8px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;bottom:-4px;left:50%;transform:translate(-50%);z-index:6;}
	.sub_work .line_box{margin-top:60px;}
	.sub_work .line_box:before{width:1px;height:60px;content:"";background:var(--border-color03);position: absolute;top:-60px;left:calc(50% - 1px);}
	
	.sub_work .part_box{display: flex;flex-wrap:wrap;gap:32px;position: relative;}
	.sub_work .part_box:after{width:calc(50% + 16px);height:1px;content:"";background:var(--border-color03);position: absolute;top:0;right:calc(12% - 6px);}
	.sub_work .part_box .business_box{width:calc(75% - 8px);}
	.sub_work .part_box .facility_box{width:calc(25% - 24px);}
	.sub_work .part_box > ul > li > span{display: inline-flex;width:100%;height:70px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:10px;border:1px solid var(--point-color01);font-size:var(--title-20);color:var(--point-color01);font-weight:600;}
	.sub_work .part_box .business_box > li > span{width:296px;}
		
	.sub_work .part_box .dep2{display: flex;flex-wrap:wrap;gap:32px;justify-content: center;margin-top:40px;position: relative;}
	.sub_work .part_box .dep2:before{width:1px;height:40px;content:"";background:var(--border-color03);position: absolute;top:-40px;left:calc(50% - 1px);}
	.sub_work .part_box .dep2 > li{width:100%;position: relative;margin-top:40px;}
	.sub_work .part_box .dep2 > li:before{width:1px;height:40px;content:"";background:var(--border-color03);position: absolute;top:-40px;left:calc(50% - 1px);}
	.sub_work .part_box .business_box .dep2:after{width:calc(66.6666% + 24px);height:1px;content:"";background:var(--border-color03);position: absolute;top:0;left:50%;transform:translate(-50%);}
	.sub_work .part_box .business_box .dep2 > li{width:calc(100% / 3 - 21.333px);}
	.sub_work .part_box .dep2 > li > span{display: inline-flex;width:100%;height:60px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:10px;background:var(--point-color02);font-size:var(--title-18);color:var(--black-color03);font-weight:500;cursor:pointer;}
	.sub_work .part_box .dep2 > li > span:after{display: none;}
	.sub_work .part_box .dep3 li{margin-top:10px;display: inline-flex;width:100%;height:60px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:10px;border:1px solid var(--border-color01);font-size:var(--title-18);color:var(--black-color05);font-weight:400;position: relative;}
	.sub_work .part_box .dep3 li:before{width:1px;height:10px;content:"";background:var(--border-color03);position: absolute;top:-10px;left:calc(50% - 1px);}
	.sub_work .part_box .dep3 li:nth-child(1){margin-top:20px;}
	.sub_work .part_box .dep3 li:nth-child(1):before{height:20px;top:-20px;}
	
	/*on*/
	.sub_work h4.on span{background:var(--point-color01);color:var(--point-white);}
	.sub_work h5.on{background:var(--point-color01);color:var(--point-white);}
	.sub_work .part_box .dep2 > li > span.on{background:var(--point-color01);color:var(--point-white);}
	
	.work_table{margin-top:100px;}
	.work_table .work_content{display: none;}
	.work_table .work_content.on{display: block;}
	.work_table .work_content .title{display: flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:10px;border:1px solid var(--point-color01);font-size:var(--title-20);color:var(--point-color01);font-weight:600;padding:17px 0;}
	.work_table .work_content .des{display: flex;flex-wrap:wrap;margin-top:30px;}
	.work_table .work_content .des dt{font-size:var(--title-20);color:var(--black-color00);font-weight:500;}
	.work_table .work_content .des dd{display: flex;align-items: center;font-size:var(--title-18);color:var(--black-color00);font-weight:400;}
	.work_table .work_content .des dd:before{width:1px;height:14px;content:"";background:var(--border-color02);display: inline-block;margin:0 16px;}
	.work_table .work_content .cont_table_box{margin-top:20px;}
	.work_table .work_content .cont_table_box + .des{margin-top:50px;}
	.work_table .work_content .cont_table_box dl dt{text-align: left;width:280px;padding:23px 40px;font-weight:400;letter-spacing:0;line-height:1.6;}
	.work_table .work_content .cont_table_box dl dt a{display: block;}
	.work_table .work_content .cont_table_box dl dd{width:calc(100% - 280px);}
	
	@media screen and (max-width:1024px){
		.sub_work .part_box{gap:18px;}
		.sub_work .part_box:after{width:calc(50% + 8px);right:calc(12% + 2px);}
		.sub_work .part_box .facility_box{width:calc(25% - 15px);}
		.sub_work .part_box .dep2{gap:18px;}
		.sub_work .part_box .business_box .dep2:after{width:calc(66.6666% + 12px);}
		.sub_work .part_box .business_box .dep2 > li{width:calc(100% / 3 - 12px);}
		
		.work_table .work_content .cont_table_box dl dt{padding:23px 20px;}
		
	}
	@media screen and (max-width:860px){
		.sub_work .part_box .business_box > li > span{width:200px;;}
		.sub_work .part_box .dep2 > li > span{padding:0 5px;}
		
		.work_table .work_content .cont_table_box dl dt{width:240px;}
		.work_table .work_content .cont_table_box dl dd{width:calc(100% - 240px);}
	}
	@media screen and (max-width:640px){
		.sub_work{padding-top:20px;}
		.sub_work h4,
		.sub_work h5{width:220px;height:70px;}
		.sub_work .line_box{margin-top:40px;}
		.sub_work .line_box:before{top:-40px;height:40px;}
		
		.sub_work .part_box{gap:0;}
		.sub_work .part_box:after{display: none;}
		/* .sub_work .part_box .business_box,
		.sub_work .part_box .facility_box{width:100%;} */
		.sub_work .part_box .business_box{margin-top:0;}
		.sub_work .part_box .business_box:before{display: none;}
		.sub_work .part_box > ul > li > span{width:200px;height:60px;}
		
		.sub_work .part_box .facility_box .dep2{margin-top:0;}
		.sub_work .part_box .facility_box .dep2:before{display: none;}
		
		.work_table{margin-top:60px;}
		.work_table .work_content .cont_table_box + .des{margin-top:40px;}
		.work_table .work_content .cont_table_box dl dt{width:200px;}
		.work_table .work_content .cont_table_box dl dd{width:calc(100% - 200px);}
	}
	@media screen and (max-width:479px){
		.sub_work h4,
		.sub_work h5{width:180px;height:60px;}
		
		.sub_work .part_box > ul > li > span{width:160px;height:50px;}
		.sub_work .part_box .business_box > li > span{width:160px;}
		.sub_work .part_box .dep2{margin-top:20px;gap:9px;}
		.sub_work .part_box .dep2:before{top:-20px;height:20px;}
		.sub_work .part_box .business_box .dep2:after{width:calc(66.6666% + 6px);}
		.sub_work .part_box .dep2 > li{margin-top:20px;}
		.sub_work .part_box .business_box .dep2 > li{width:calc(100% / 3 - 6px);}
		.sub_work .part_box .dep2 > li:before{top:-20px;height:20px;}
		.sub_work .part_box .dep2 > li > span{height:40px;}
		.sub_work .part_box .dep3 li{height:45px;padding:0 5px;}
		
		.work_table .work_content .title{padding:13px 0;}
		.work_table .work_content .cont_table_box dl dt,
		.work_table .work_content .cont_table_box dl dd{width:100%;}
		.work_table .work_content .cont_table_box dl dt{text-align: center;padding:15px 20px;}
	}
	

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

	관람안내
	
───────────────────────────────────────────────────────────*/
	.sub_viewing{padding-top:13px;}
	.sub_viewing .cont_table_box{margin-bottom:19px;}

	.sub_viewing .viewing_cont{box-sizing:border-box;border-radius:10px;border:1px solid var(--border-color01);padding:23px 40px;}
	.sub_viewing .viewing_cont p{font-size:var(--title-18);color:var(--black-color01);font-weight:400;line-height:1.33;display: flex;flex-wrap:wrap;gap:12px;letter-spacing:0;}
	.sub_viewing .viewing_cont p span{font-weight:inherit;color:var(--black-color06);font-weight:inherit;}
	
	@media screen and (max-width:1024px){
		.sub_cont_box + .sub_cont_box{margin-top:55px;}
		.sub_viewing .viewing_cont{padding:23px 30px;}
	}
	@media screen and (max-width:640px){
		.sub_viewing .viewing_cont{padding:23px 20px;}
		.sub_viewing .viewing_cont p{gap:5px;}
	}
	@media screen and (max-width:479px){
		.sub_cont_box + .sub_cont_box{margin-top:35px;}
		.sub_viewing .cont_table_box{margin-bottom:10px;}
		.sub_viewing .viewing_cont{padding:15px 20px;border-radius:5px;}
	}

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

	온라인 투어
	
───────────────────────────────────────────────────────────*/
	.sub_onlinetour .tour_box + .tour_box{margin-top:74px;}
	.sub_onlinetour .tour_box ul{display: flex;flex-wrap:wrap;gap:80px 40px;}
	.sub_onlinetour .tour_box ul li{width:calc(50% - 20px);}
	.sub_onlinetour .tour_box .video{width:100%;height:0;padding-bottom:58%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:20px 20px 0 0;}
	.sub_onlinetour .tour_box .url a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.sub_onlinetour .tour_box .url img{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
	.sub_onlinetour .tour_box .video iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_onlinetour .tour_box .title{width:100%;display: flex;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;border-radius:0 0 20px 20px;background:var(--gray-bg01);padding:26px 10px;}
	.sub_onlinetour .tour_box .title p{font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
	
	.sub_onlinetour .tour_box.tour2 .video{border-radius:20px;}
	
	@media only screen and (max-width:1100px) {
		.sub_onlinetour .sub_cont_title p{width:100%;padding-left:36px;}
		.sub_onlinetour .sub_cont_title p:before{display: none;}
	}
	@media only screen and (max-width:1024px) {
		.sub_onlinetour .tour_box ul{display: flex;flex-wrap:wrap;gap:60px 20px;}
		.sub_onlinetour .tour_box ul li{width:calc(50% - 10px);}
	}
	@media only screen and (max-width:640px) {
		.sub_onlinetour .tour_box + .tour_box{margin-top:50px;}
		.sub_onlinetour .tour_box ul{gap:40px;}
		.sub_onlinetour .tour_box ul li{width:100%;}
		.sub_onlinetour .tour_box .title{padding:15px 0;}
		.sub_onlinetour .sub_cont_title p{padding-left:25px;}
	}
	@media only screen and (max-width:479px) {
		.sub_onlinetour .tour_box ul{gap:30px;}
		.sub_onlinetour .tour_box .video{border-radius:10px 10px 0 0;}
		.sub_onlinetour .tour_box .title{border-radius:0 0 10px 10px;}
		
		.sub_onlinetour .tour_box.tour2 .video{border-radius:10px;}
	}
	
/*───────────────────────────────────────────────────────────

	층별 안내
	
───────────────────────────────────────────────────────────*/
	.sub_floorinfo .tab_cont{margin-top:60px;}
	/*title*/
	.floor_info{box-sizing:border-box;border:1px solid var(--point-color01);border-radius:20px;font-size:var(--title-30);color:var(--point-color01);font-weight:700;padding:42px 50px 49px;}
	.floor_info dt{font-size:104%;color:inherit;font-weight:inherit;letter-spacing:0;}
	.floor_info dd{font-size:var(--title-20);color:var(--black-color04);font-weight:400;line-height:1.5;margin-top:13px;letter-spacing:0;}
	.floor_img{margin-top:60px;}
	
	.floor_info_box{margin-top:93px;}
	.floor_info_box .sub_floor_info + .sub_floor_info{margin-top:93px;}
	.floor_info_box .floor_swipe_box{position: relative;}
	.floor_info_box .floor_swipe_box .swipe_arw{width:45px;height:45px;position: absolute;top:29.5%;cursor:pointer;}
	.floor_info_box .floor_swipe_box .prev{left:-70px;}
	.floor_info_box .floor_swipe_box .next{right:-70px;}
	.floor_info_box .floor_swipe_box .swipe_arw:before{width:60%;height:60%;content:"";border:2px solid var(--black-color00);border-width:2px 2px 0 0;position: absolute;top:8px;}
	.floor_info_box .floor_swipe_box .prev:before{transform:rotate(-135deg);left:16px;}
	.floor_info_box .floor_swipe_box .next:before{transform:rotate(45deg);right:16px;}
	.floor_info_box .floor_swipe_box .swiper-container{padding-bottom:41px;}
	.floor_info_box .floor_swipe_box .swiper-slide .img{width:100%;height:0;padding-bottom:58%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:20px;}
	.floor_info_box .floor_swipe_box .swiper-slide .img img{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
	.floor_info_box .floor_swipe_box .swiper-slide dl{font-size:var(--title-20);color:var(--black-color00);font-weight:500;margin-top:27px;}
	.floor_info_box .floor_swipe_box .swiper-slide dl dt{font-size:129%;color:inherit;font-weight:inherit;}
	.floor_info_box .floor_swipe_box .swiper-slide dl dd{font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.66;margin-top:9px;letter-spacing:0;}
	
	.floor_info_box .swiper-pagination{width:100%;height:4px;box-sizing:border-box;position: relative;background:var(--border-color01);}
	#wrap .floor_info_box .swiper-pagination-progressbar-fill{height:100%;background:var(--black-color00);}
	
	@media only screen and (max-width:1500px) {
		.floor_info_box{box-sizing:border-box;padding:0 30px;}
		.floor_info_box .floor_swipe_box .prev{left:-50px;}
		.floor_info_box .floor_swipe_box .next{right:-50px;}
		.floor_info_box .floor_swipe_box .swiper-slide dl dd br{display: none;}
	}
	@media only screen and (max-width:1200px) {
		.floor_info{padding:35px 30px 40px;}
		.floor_info dd br{display: none;}
	}
	@media only screen and (max-width:1024px) {
		.floor_info_box .floor_swipe_box .swipe_arw{width:30px;height:30px;top:24%;}
		.floor_info_box .floor_swipe_box .prev{left:-35px;}
		.floor_info_box .floor_swipe_box .next{right:-35px;}
		.floor_info_box .floor_swipe_box .swipe_arw:before{top:5px;}
		.floor_info_box .floor_swipe_box .prev:before{left:11px;}
		.floor_info_box .floor_swipe_box .next:before{right:11px;}
	}
	@media only screen and (max-width:640px) {
		.floor_info{padding:30px 20px 35px;}
		
		.floor_info_box{margin-top:50px;padding:0;}
		.floor_info_box .sub_floor_info + .sub_floor_info{margin-top:70px;}
		.floor_info_box .floor_swipe_box .swiper-container{padding-bottom:30px;overflow:visible;}
		.floor_info_box .floor_swipe_box .swipe_arw{display: none;}
		.floor_info_box .floor_swipe_box .swiper-slide dl{margin-top:15px;}
		.floor_info_box .floor_swipe_box .swiper-slide dl dd{margin-top:5px;}
	}
	@media only screen and (max-width:479px) {
		.sub_floorinfo .tab_cont{margin-top:50px;}
		.floor_info{border-radius:10px;}
		.floor_info dd{margin-top:8px;}
		.floor_img{margin-top:50px;}
		
		.floor_info_box .sub_floor_info + .sub_floor_info{margin-top:50px;}
		.floor_info_box .floor_swipe_box .swiper-container{padding-bottom:20px;}
		.floor_info_box .floor_swipe_box .swiper-slide .img{border-radius:10px;}
		.floor_info_box .swiper-pagination{height:3px;}
	}
	
/*───────────────────────────────────────────────────────────

	대관안내
	
───────────────────────────────────────────────────────────*/
	.sub_rental .cont_table_box dl dt{width:280px;}
	.sub_rental .cont_table_box dl dd{width:calc(100% - 280px);}
	.sub_rental .cont_table_box dl dd ol{display: flex;flex-wrap:wrap;}
	.sub_rental .cont_table_box dl dd ol li{text-align: center;display: flex;align-items: center;}
	.sub_rental .cont_table_box dl dd ol li + li:before{width:21px;height:28px;content:"";background:url('/images/application_arw.svg')no-repeat center;display: inline-block;margin:0 50px;background-size:auto 100%;}
	.sub_rental .cont_table_box dl dd ol li .icon{height:54px;display: flex;align-items: center;justify-content: center;}
	.sub_rental .cont_table_box dl dd ol li .icon img{max-height:100%;}
	.sub_rental .cont_table_box dl dd ol li p{margin-top:20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
	.sub_rental .cont_table_box dl dd p{line-height:1.55;}
	.sub_rental .cont_table_box .bullet_list li p{display: block;font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_rental .cont_table_box .bullet_list li strong{font-size:inherit;color:var(--black-color01);font-weight:500;}
	.sub_rental .cont_table_box .bullet_list li .m_br{display: none;}
	
	.sub_rental .rental_fee{box-sizing:border-box;margin-top:121px;background:var(--gray-bg02);padding:120px 0;border-bottom:1px solid var(--border-color01);}
	.sub_rental .rental_fee .list > li{box-sizing:border-box;display: flex;flex-wrap:wrap;padding:30px 30px;background:var(--point-white);border:1px solid var(--border-color01);border-radius:20px;}
	.sub_rental .rental_fee .list > li + li{margin-top:20px;}
	.sub_rental .rental_fee .list > li .img{width:37.8%;box-sizing:border-box;border-radius:20px;overflow:hidden;;position: relative;height:0;padding-bottom:24.7%;}
	.sub_rental .rental_fee .list > li .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;}
	.sub_rental .rental_fee .list > li .info{width:62.2%;box-sizing:border-box;padding-left:40px;font-size:var(--title-20);color:var(--black-color01);font-weight:600;}
	.sub_rental .rental_fee .list > li .info h5{font-size:129%;color:inherit;font-weight:inherit;}
	.sub_rental .rental_fee .list > li .info .bullet_list{margin-top:20px;}
	.sub_rental .rental_fee .list > li .info .bullet_list dl{display: flex;flex-wrap:wrap;gap:5px;}
	.sub_rental .rental_fee .list > li .info .bullet_list dl dt{font-weight:400;}
	.sub_rental .rental_fee .list > li .info .bullet_list dl dd{font-size:inherit;color:var(--black-color01);font-weight:400;}
	.sub_rental .rental_fee .list > li .info .bullet_list .cf_box{margin-top:20px;color:var(--black-color01);font-weight:600;flex-wrap:wrap;}
	.sub_rental .rental_fee .list > li .info .bullet_list .cf_box:before{background:var(--point-color01);}
	.sub_rental .rental_fee .list > li .info .bullet_list .cf_box > p > span{color:var(--black-color01);font-weight:400;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price{width:100%;display: flex;flex-wrap:wrap;margin-top:-6px;box-sizing:border-box;padding-left:12px;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price > dl{display: flex;align-items: center;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price > dl + dl:before{width:1px;height:15px;content:"";background: var(--border-color03);display: inline-block;margin:0 20px;}
	.sub_rental .rental_fee .list > li .info .bullet_list .price > dl dt{color:var(--black-color06);}
	
	.sub_rental .rental_fee .down_box{display: flex;box-sizing:border-box;background:var(--point-white);border:1px solid var(--border-color01);border-radius:20px;padding:50px 30px;display: flex;flex-direction: column;align-items: center;text-align: center;margin-top:40px;}
	.sub_rental .rental_fee .down_box p {font-size:var(--title-20);color:var(--black-color00);font-weight:400;}
	.sub_rental .rental_fee .down_box p a{font-size:inherit;color:var(--point-color01);font-weight:600;}
	.sub_rental .rental_fee .down_box .btn_down{display: inline-flex;box-sizing:border-box;width:280px;height:70px;align-items: center;justify-content: center;text-align: center;border-radius:10px;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:500;gap:26px;margin-top:30px;}	
	.sub_rental .rental_fee .down_box .btn_down span{font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_rental .rental_fee .down_box .btn_down:after{width:19px;height:21px;content:"";background:url('/images/icon_down.svg')no-repeat center;background-size:auto 100%;}
		
	@media only screen and (max-width:1250px) {
		.sub_rental .rental_fee .list > li .info .bullet_list .price dl{width:100%;}
		.sub_rental .rental_fee .list > li .info .bullet_list .price dl + dl:before{display: none;}
	}
	@media only screen and (max-width:1200px) {
		.sub_rental .cont_table_box dl dd ol li + li:before{margin:0 30px;}
		.sub_rental .cont_table_box dl dd p br,
		.sub_rental .cont_table_box .bullet_list li br{display: none;}
		.sub_rental .cont_table_box .bullet_list li .m_br{display: inline;}
	}
	@media only screen and (max-width:1024px) {
		.sub_rental .cont_table_box dl dt{width:200px;}
		.sub_rental .cont_table_box dl dd{width:calc(100% - 200px);}
	}
	@media only screen and (max-width:860px) {
		.sub_rental .cont_table_box dl dt{width:150px;}
		.sub_rental .cont_table_box dl dd{width:calc(100% - 150px);}
		
		.sub_rental .cont_table_box dl dd ol li .icon{height:40px;}
		.sub_rental .cont_table_box dl dd ol li + li:before{width:17px;height:23px;margin:0 13px;}
		.sub_rental .cont_table_box dl dd ol li p{margin-top:10px;}
		
		.sub_rental .rental_fee{margin-top:100px;padding:100px 0;}
		.sub_rental .rental_fee .list > li .img{width:60%;padding-bottom:38%;}
		.sub_rental .rental_fee .list > li .info{width:100%;padding:30px 0 0 0;}
	}
	@media only screen and (max-width:640px) {
		.sub_rental .cont_table_box dl dd ol{gap:20px 20px;}	
		.sub_rental .cont_table_box dl dd ol li{width:calc(50% - 10px);position: relative;text-align: center;justify-content: center;}
		.sub_rental .cont_table_box dl dd ol li:nth-of-type(2n+1):before{display: none;}
		.sub_rental .cont_table_box dl dd ol li + li:before{margin:0;position: absolute;top:50%;transform:translateY(-50%);left:-16px;}
		
		.sub_rental .rental_fee{margin-top:80px;padding:80px 0;}
		.sub_rental .rental_fee .list > li .img{width:100%;padding-bottom:64%;}
		.sub_rental .rental_fee .down_box .btn_down{height:60px;}
	}
	@media only screen and (max-width:479px) {
		.sub_rental .cont_table_box dl dt{width:100%;}
		.sub_rental .cont_table_box dl dd{width:100%;}
		
		.sub_rental .rental_fee{margin-top:60px;padding:60px 0;}
		.sub_rental .rental_fee .list > li{padding:20px 20px;border-radius:10px;}
		.sub_rental .rental_fee .list > li .img{border-radius:10px;}
		.sub_rental .rental_fee .list > li .info{padding-top:20px;}
		.sub_rental .rental_fee .list > li .info .bullet_list{margin-top:5px;}
		.sub_rental .rental_fee .list > li .info .bullet_list .cf_box{margin-top:10px;}
		
		.sub_rental .rental_fee .down_box{margin-top:30px;border-radius:10px;padding:40px 20px;}
		.sub_rental .rental_fee .down_box .btn_down{width:100%;height:50px;gap:10px;}
		.sub_rental .rental_fee .down_box .btn_down:after{width:14px;height:16px;}
	}
	
/*───────────────────────────────────────────────────────────
	게시판 쓰기
───────────────────────────────────────────────────────────*/
	#wrap .bbs_write_box{box-sizing:border-box;padding:30px 20px;gap:20px;display: flex;flex-direction: column;flex-wrap:wrap;border-top:1px solid var(--black-color03);border-bottom:1px solid var(--border-color01);}
	#wrap .bbs_write_box .line2{display: flex;flex-wrap:wrap;gap:80px;}
	#wrap .bbs_write_box .line2 dl{width:calc(50% - 40px);max-width:590px;}
	#wrap .bbs_write_box dl{display: flex;flex-wrap:wrap;width:100%;align-items: flex-start;}
	#wrap .bbs_write_box dl dt{width:150px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;display: flex;align-items: center;min-height:60px;text-align:left;}
	#wrap .bbs_write_box dl dt .require_dot{font-size:inherit;color:var(--point-color01);font-weight:inherit;display: inline-block;margin-left:3px;}
	#wrap .bbs_write_box dl dd{box-sizing:border-box;width:calc(100% - 150px);min-height:60px;display: flex;align-items: center;}
	#wrap .bbs_write_box dl dd ul{display: flex;gap:20px;align-items: center;height:100%;flex-wrap:wrap;}
	#wrap .bbs_write_box dl dd input[type="text"]{width:100%;height:60px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);padding:0 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
	#wrap .bbs_write_box dl dd input[type="text"]:focus, #wrap .bbs_write_box textarea:focus{border-color:var(--black-color01);}
	#wrap .bbs_write_box dl dd input[type="text"]::place-holder, #wrap .bbs_write_box textarea::placeholder{color:var(--black-color08);}
	#wrap .bbs_write_box dl dd select{width:240px;height:60px;}
	
	#wrap .bbs_write_box textarea{resize:none;width:100%;height:200px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);padding:20px 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;}
	
	#wrap .bbs_write_box dl.captcha_dl dd{gap:10px;}
	#wrap .bbs_write_box .captcha_wrap{border:1px solid var(--border-color01);padding:10px;box-sizing: border-box; display: flex; gap:10px;border-radius:4px;}
	#wrap .bbs_write_box #captcha_box{margin:0;}
	#wrap .bbs_write_box #captcha_box img{width:155px !important;height:40px !important;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);}
	#wrap .bbs_write_box #refreshCode{display: inline-flex; background: url('/images/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width: 40px; width: 40px; height: 40px; border:1px solid var(--border-color01); box-sizing: border-box;border-radius:4px;}
	#wrap .bbs_write_box input#captcha{max-width: 300px; margin:0;}
	
	#wrap .policy_wrap{box-sizing: border-box; margin-top: 40px;}
	#wrap .policy_wrap .area_box{margin-top: 20px;}
	#wrap .area_box{width: 100%; padding:10px;box-sizing: border-box;border-radius:4px;border:1px solid var(--border-color01);}
	#wrap .area_box textarea{width: 100%; padding:5px 7px; border:0; background: none; box-sizing: border-box; font-size: var(--title-14); font-weight: 400; color: var(--black-color08); line-height: 1.6; font-family: var(--font-type01);height:137px;}
		#wrap .area_box textarea::-webkit-scrollbar { width: 4px;}
		#wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color10); border-radius: 10px;}
		#wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background:var(--border-color01);}
		
	@media only screen and (max-width:1200px) {
		#wrap .bbs_write_box .line2{gap:40px;}
		#wrap .bbs_write_box .line2 dl{width:calc(50% - 20px);}
	}
	@media only screen and (max-width:1024px) {
		#wrap .bbs_write_box dl dt{width:120px;}
		#wrap .bbs_write_box dl dd{width:calc(100% - 120px);}
	}
	@media only screen and (max-width:860px) {
		#wrap .bbs_write_box{padding:30px 15px;}
		#wrap .bbs_write_box .line2{gap:20px;}
		#wrap .bbs_write_box .line2 dl{width:100%;}
		
		#wrap .bbs_write_box dl.captcha_dl dd{flex-wrap:wrap;}
		#wrap .bbs_write_box input#captcha{width:100%;max-width:100%;}
	}
	@media only screen and (max-width:640px) {
		#wrap .bbs_write_box,
		#wrap .bbs_write_box .line2{gap:10px;}
		#wrap .bbs_write_box dl dt,
		#wrap .bbs_write_box dl dd{min-height:initial;}
		#wrap .bbs_write_box dl dt{width:100%;}
		#wrap .bbs_write_box dl dd{width:100%;margin-top:10px;}
		
		#wrap .bbs_write_box dl dd ul{gap:15px;}
		#wrap .bbs_write_box dl dd input[type="text"]{height:40px;padding:0 15px;width:100%;}
		#wrap .bbs_write_box textarea{height:150px;padding:15px 15px;}
		#wrap .bbs_write_box dl dd select{width:100%;height:50px;}
		#wrap .bbs_write_box .captcha_wrap{width:auto;}
	}
	@media only screen and (max-width: 479px) {
		#wrap .bbs_write_box{padding:20px 0;}
		#wrap .bbs_write_box dl dd ul{gap:6px 10px;}
		#wrap .bbs_write_box dl dd input[type="text"]{height:46px;}
		#wrap .bbs_write_box dl dd select{height:46px;}
		
		#wrap .bbs_write_box #refreshCode{min-width:30px;width:30px;height:40px;background-size:auto 13px;}
		
		#wrap .policy_wrap{margin-top:20px;}
		#wrap .policy_wrap .area_box{margin-top:10px;}
	}
	
/*───────────────────────────────────────────────────────────
	faq
───────────────────────────────────────────────────────────*/
	.faq_box{width:100%;margin-top:42px;}
	.faq_box .faq_list{width:100%;box-sizing:border-box;border-top:1px solid var(--black-color03);}
	.faq_box .faq_list > li{box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding:18px 40px 18px;position: relative;}
	.faq_box .faq_list > li.faq_q{cursor:pointer;display:flex;align-items:center;}
	.faq_box .faq_list > li.faq_q:before{width:7px;height:7px;content:"";border:1px solid var(--black-color08);border-width:2px 2px 0 0;transform:translateY(-50%) rotate(135deg);position: absolute;top:50%;right:32px;}
	.faq_box .faq_list > li > span{display: inline-block;box-sizing:border-box;vertical-align: middle;width:32px;height:32px;border-radius:100%;background:var(--border-color02);font-size:var(--title-16);color:var(--point-white);font-weight:500;letter-spacing:-0.8px;text-align: center;line-height:30px;border:1px solid var(--border-color02);}
	.faq_box .faq_list > li .title{font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.54px;display: inline-block;vertical-align: middle;box-sizing:border-box;width:calc(100% - 45px);word-break:break-all;padding-left:20px;}

	.faq_box .faq_list li.faq_q.on:before{border-color:var(--black-color03);transform:translateY(-50%) rotate(-45deg);top:50%;}
	.faq_box .faq_list li.faq_q.on > span{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
	.faq_box .faq_list li.faq_q.on .title{font-weight:600;}

	/*답변*/
		.faq_box .faq_list li.faq_a{background:var(--gray-bg02);border-bottom:1px solid var(--border-color01);padding:29px 40px 21px;display: none;}
		.faq_box .faq_list li.faq_a > span{border:none;background:none;font-size:var(--title-20);color:var(--point-color01);font-weight:500;}
		.faq_box .faq_list li.faq_a > div{width:calc(100% - 40px);box-sizing:border-box;padding-left:20px;display: inline-block;vertical-align: text-top;}
		.faq_box .faq_list li.faq_a div p{font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.8px;word-break:keep-all;}
		
	@media only screen and (max-width: 1024px) {
		.faq_box .faq_list > li{padding:18px 20px;}
		.faq_box .faq_list > li .title{width:calc(100% - 55px);}
		.faq_box .faq_list > li.faq_q:before{right:20px;}
		.faq_box .faq_list li.faq_a{padding:25px 20px;}
	}
	@media only screen and (max-width: 640px) {
		.faq_box{margin-top:30px;}
		.faq_box .faq_list > li{padding:15px 15px;}
		.faq_box .faq_list > li > span{width:28px;height:28px;line-height:26px;}
		.faq_box .faq_list > li .title{padding-left:12px;}
		
		.faq_box .faq_list li.faq_a{padding:15px 15px;}
		.faq_box .faq_list li.faq_a > div{padding-left:12px;}
	}
	
	
/*───────────────────────────────────────────────────────────

	search
	
───────────────────────────────────────────────────────────*/
	.sub_search{margin-top:96px;}
	.total_search_box{text-align: center;}
	.total_search_box dl{display: flex;align-items: center;justify-content: center;gap:20px;font-size:var(--title-20);}
		.total_search_box dl dt{font-size:150%;color:var(--black-color00);font-weight:600;}
		.total_search_box dl dd{box-sizing:border-box;width:580px;height:60px;border-radius:60px;border:2px solid var(--point-color01);display: flex;align-items: center;overflow:hidden;}
		#wrap .total_search_box dl dd .search_input{width:calc(100% - 60px);height:100%;border:none;font-size:var(--title-18);color:var(--black-color00);font-weight:500;}
		.total_search_box dl dd .btn_total_search{width:60px;height:100%;display: inline-flex;align-items: center;justify-content: center;}
		.total_search_box dl dd .btn_total_search img{width:22px;}
	.total_search_box .search_txt{margin-top:40px;font-size:var(--title-20);}
		.total_search_box .search_txt p{font-size:100%;color:var(--black-color08);font-weight:500;}
		.total_search_box .search_txt p strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	.sub_search_wrap{margin-top:80px;display: flex;flex-direction: column;gap:100px;}
		.sub_search_wrap .search_cont{font-size:var(--title-20);}
		.sub_search_wrap .search_cont h4{font-size:180%;color:var(--black-color00);font-weight:600;margin-bottom:30px;}
		.search_cont .faq_box{margin:0;}
	
	@media (max-width:1023px) {
		.sub_search{margin-top:clamp(60px, 9vw, 96px);}
		.sub_search_wrap{margin-top:clamp(40px, 8vw, 80px);gap:clamp(50px, 10vw, 100px);}
	}
	@media (max-width:860px) {
		.total_search_box dl dd{width:100%;}
	}
	@media (max-width:640px) {
		.total_search_box dl dd{height:50px;}
		#wrap .total_search_box dl dd .search_input{width:calc(100% - 50px);}
		.total_search_box dl dd .btn_total_search{width:50px;}
		.total_search_box dl dd .btn_total_search img{width:18px;}
		.total_search_box .search_txt{margin-top:20px;}
		.sub_search_wrap .search_cont h4{font-size:150%;margin-bottom:10px;}
	}
	@media (max-width:479px) {
		.total_search_box dl{flex-direction: column;gap:10px;}
		.total_search_box dl dd{height:42px;}
		#wrap .total_search_box dl dd .search_input{width:calc(100% - 42px);}
		.total_search_box dl dd .btn_total_search{width:42px;}
		.total_search_box .search_txt{margin-top:14px;}
	}
	
/*───────────────────────────────────────────────────────────

	게시판 이전글, 다음글
	
───────────────────────────────────────────────────────────*/
	.bbs_view_list dl{display: flex;box-sizing:border-box;border-bottom:1px solid var(--border-color01);font-size:var(--title-20);align-items: center;}
	.bbs_view_list dl dt{width:140px;text-align: center;font-size:90%;color:var(--black-color03);font-weight:500;flex-shrink:0;padding:26px 0;background:var(--gray-bg04);flex-shrink: 0;}
	.bbs_view_list dl dd{font-size:70%;color:var(--black-color08);font-weight:500;padding:0 20px;width: 100%;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
    .bbs_view_list .prev-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;border: 1px solid var(--point-color01);border-radius: 4px;gap: 6px;padding: 6px 8px;color: var(--point-color01);line-height: 1.2;}
	
	@media (max-width:860px) {
		.bbs_view_list dl dt{width:100px;padding:20px 0;}
		.bbs_view_list dl dd{padding:0 10px;}
	}

/*───────────────────────────────────────────────────────────
	forum
───────────────────────────────────────────────────────────*/

    .sub_cont_title.mg_s{margin-bottom: 13px;}
    .sv_title{position: relative;font-size: var(--title-20);}
        .sv_title.hd_top{padding-top: 109px;}
        .sv_title.hd{margin-bottom: 44px;}
        .sv_title.hd_ml{margin-bottom: 36px;}
        .sv_title.hd_m{margin-bottom: 30px;}
        .sv_title.hd_xl{margin-bottom: 44px;}
        .sv_title.hd_l{margin-bottom: 56px;}
        .sv_title.cen{text-align: center;}
        .sv_title + .sv_title{margin-top: 37px;}
    .sv_title h4{font-size: 180%;font-weight: 600;color: var(--black-color00);line-height: 1.45;}
        .sv_title h4 + p{margin-top: 20px;}
    .sv_title h6{font-size: 110%; font-weight: 500; color: var(--black-color00); line-height: 1.3;}
        .sv_title h6 + p{margin-top: 17px;}
    .sv_title h6 em{font-weight: inherit; color: var(--point-color01);}
    .sv_title p{font-size: 90%;font-weight: 400;color: var(--black-color06);line-height: 1.66;letter-spacing: 0;}
        .sv_title p + p{margin-top: 20px;}
        .sv_title p:has(em) + p{margin-top: 10px;}
    .sv_title p em{font-weight: 500; color: var(--point-color01);}
        .sv_title p em:has(+ strong){margin-right: 10px;}
    .sv_title p strong{font-weight: 500; color: var(--black-color01);}

    .section + .section{margin-top: 80px;}
    .sub_climate .sticky_wrap{display: flex; gap: 40px 0; flex-wrap: wrap; align-items: flex-start; }
        .sub_climate .sticky_wrap + .sv_title{margin-top: 30px;}
    .sub_climate .sticky_wrap .cont{width: calc(100% - 385px);padding-right: clamp(40px, 5vw, 95px);box-sizing: border-box;}
    .sub_climate .thumb + .thumb{margin-top: 44px;}
    .sub_climate .thumb + .sv_title{margin-top: 40px;}
    .sub_climate .sticky_wrap .fixed{position: sticky;top: 150px;width: 385px;font-size: 0;}

    .bullet_list{position: relative; font-size: var(--title-20); box-sizing: border-box;}
    .bullet_list > li{position: relative; display: flex; align-items: baseline; gap:10px; font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.66;letter-spacing:0;}
        .bullet_list > li + li{margin-top: 2px;}
        .bullet_list > li:before{display: inline-flex;content:'';width: 4px;height: 4px;border-radius: 100%;background: var(--black-color09);transform: translateY(-4px);flex-shrink: 0;}
    .bullet_list .desc{display: flex; flex-wrap: wrap;}
    .bullet_list .desc dt{font-weight: 500; color: var(--point-color01);}
    .bullet_list .desc dt:has(+ dd):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color03); margin:0 12px;}

    .num_list{position: relative; box-sizing: border-box; counter-reset: numList; font-size: var(--title-20);}
    .num_list > li{display: flex;font-size: 110%;font-weight: 500;color: var(--point-color01);align-items: baseline;gap: 6px;}
        .num_list > li:before{display: inline-flex;content: counter(numList);counter-increment: numList;width: 17px;height: 17px;border: 2px solid var(--point-color01);border-radius: 100%;align-items: center;justify-content: center;text-align: center;font-size: 12px;font-weight: bold;line-height: 1;box-sizing: border-box;transform: translateY(-3px);flex-shrink: 0;}
    .num_list .desc > dt{font-weight: inherit;}
    .num_list .desc > dt + dd{margin-top: 20px;}

    .floor_info{background: var(--point-white);}
    .floor_info + .sv_title{margin-top: 30px;}
    .floor_info + .procircle_list{margin-top: 40px;}
    .floor_info.bg{background: var(--point-color01);}
    .floor_info.bg dt{color: var(--point-white); font-weight: 500;}
    .floor_info.small{padding: 35px 40px 39px;}
    .floor_info.small dt{font-size: inherit; font-weight: 500; color: var(--black-color01);}
    .floor_info.small dd{font-size: var(--title-18);color: var(--black-color06);margin-top: 15px;}
    .floor_info.cen{text-align: center;}
    .floor_info:not(:has(dd)){padding-block: 37px;}

    .procircle_list{position: relative;display: flex;flex-wrap: wrap;gap: 27px;}
        .procircle_list:before{position: absolute; content:''; width: 100%; height: 6px; top:50%; left:0; transform: translateY(-50%); background: linear-gradient(90deg, var(--point-color03) 0%, var(--point-color01) 100%);}
    .procircle_list > li{position: relative; width: calc(100% / 4 - 20.25px); border:10px solid var(--point-color03); box-sizing: border-box; border-radius: 100%; aspect-ratio: auto 1;}
    .procircle_list .desc{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;border:10px solid var(--point-white);border-radius: inherit;box-sizing: border-box;font-size: var(--title-20);text-align: center;padding: 28px 15px 15px;background: linear-gradient(0deg, var(--point-color03) 67%, var(--point-white) 67%);}
    .procircle_list .desc dt{font-size: 150%; font-weight: 600; color: var(--black-color01); line-height: 1.3;}
        .procircle_list .desc dt + dd{margin-top: 50px;}
    .procircle_list .desc dd{display: flex; flex-direction: column; gap: 15px;}
    .procircle_list .desc dd span{display: block; font-size: 150%; font-weight: 500; color: var(--point-white); line-height: 1.3;}
    .procircle_list .desc dd em{display: flex;align-items: center;justify-content: center;text-align: center;margin-inline:auto;width: 120px;height: 40px;border-radius: 5px;font-size: 90%;font-weight: 300;color: var(--point-white);line-height: 1.4;letter-spacing: 0;background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 40%);}

        .procircle_list > li:nth-child(2){border-color: var(--point-color04);}
        .procircle_list > li:nth-child(2) .desc{background: linear-gradient(0deg, var(--point-color04) 67%, var(--point-white) 67%);}
        .procircle_list > li:nth-child(2) .desc dd em{background: linear-gradient(90deg, rgba(255,255,255,0.35) 45%, rgba(255,255,255,0.2) 45%);}

        .procircle_list > li:nth-child(3){border-color: var(--point-color05);}
        .procircle_list > li:nth-child(3) .desc{background: linear-gradient(0deg, var(--point-color05) 67%, var(--point-white) 67%);}
        .procircle_list > li:nth-child(3) .desc dd em{background: linear-gradient(90deg, rgba(255,255,255,0.35) 72%, rgba(255,255,255,0.2) 72%);}

        .procircle_list > li:nth-child(4){border-color: var(--point-color01);}
        .procircle_list > li:nth-child(4) .desc{background: linear-gradient(0deg, var(--point-color01) 67%, var(--point-white) 67%);}
        .procircle_list > li:nth-child(4) .desc dd em{background: linear-gradient(90deg, rgba(255,255,255,0.35) 100%, rgba(255,255,255,0.2) 100%);}

    .section + .bg_sec{margin-top: 120px;}
    .bg_sec{background: var(--gray-bg02); padding:0 0 120px;}

    .vector_exp{position: relative;}
    .vector_exp > li{display: flex;align-items: center;padding-block: 40px;border-bottom: 1px solid var(--border-color01);}
    .vector_exp .thumb{width: 32.8%; box-sizing: border-box;}
    .vector_exp .cont{width: 67.2%;padding-left: clamp(30px, 3.2vw, 60px);box-sizing: border-box;}
    .vector_exp .desc{display: flex;font-size: var(--title-20);align-items: center;}
        .vector_exp .desc + .bullet_list{margin-top: 28px;}
    .vector_exp .desc dt{display: flex;font-size: 160%;font-weight: 500;color: var(--black-color00);line-height: 1.2;align-items: center;flex-shrink: 0;} 
        .vector_exp .desc dt:before{display: inline-flex;content:'';width:21px;height:21px;background:url('/images/title_icon.svg') no-repeat center / 100% auto;flex-shrink: 0;transform: translateY(-2px);margin-right: 10px;}
        .vector_exp .desc dt:after{display: inline-flex;content:'';width: 1px;height: 18px;background: var(--border-color02);margin-inline: 20px;}
    .vector_exp .desc dd{font-size: 110%;font-weight: 500;color: var(--point-color01);line-height: 1.35;}
    .vector_exp .bullet_list > li + li{margin-top: 10px;}

    .schematic{position: relative; font-size: 0; text-align: center;}
    .schematic + .sv_title{margin-top: 36px;}

    .thumb_desc{font-size: var(--title-20);text-align: center;}
        .thumb_desc + .thumb_desc{margin-top: 60px;}
    .thumb_desc dt{display: flex; align-items: center; justify-content: center; font-size: 130%; font-weight: 500; color: var(--point-white); line-height: 1.23; background: var(--point-color01); padding:24px 15px; box-sizing: border-box; border-radius: 20px 20px 0 0; overflow: hidden;}
    .thumb_desc dd{font-size: 0; border: 1px solid var(--border-color01); border-radius: 0 0 20px 20px; overflow: hidden; box-sizing: border-box;}


    @media screen and (max-width:1360px){
        .procircle_list .desc{padding-top: clamp(15px, 2.1vw, 28px);}
        .procircle_list .desc dt{font-size: clamp(15px, 2.2vw, 30px);}
        .procircle_list .desc dt + dd{margin-top: clamp(20px, 3.5vw, 50px);}
        .procircle_list .desc dd{gap:clamp(5px, 1.2vw, 15px)}
        .procircle_list .desc dd span{font-size: clamp(15px, 2.2vw, 30px);}
        .procircle_list .desc dd em{font-size:clamp(13px, 1.3vw, 18px); height: clamp(30px, 3vw, 40px); width: clamp(80px, 9vw, 120px);}
    }
    @media screen and (max-width:1200px){
        .procircle_list{gap: 20px;}
        .procircle_list > li{width: calc(100% / 4 - 15px);}
    }
    @media screen and (max-width:1023px){
        .sv_title.hd_top{padding-top: clamp(50px, 10.9vw, 109px);}
        .sv_title.hd{margin-bottom: clamp(20px, 4.4vw, 44px);}
        .sv_title.hd_ml{margin-bottom: clamp(20px, 3.6vw, 36px);}
        .sv_title.hd_xl{margin-bottom: clamp(20px, 4.4vw, 44px);}
        .sv_title.hd_l{margin-bottom: clamp(25px, 5.6vw, 56px);}
        .sv_title + .sv_title{margin-top: clamp(20px, 3.7vw, 37px);}
        .sv_title h4 + p{margin-top: clamp(10px, 2vw, 20px);}
        .sv_title h6 + p{margin-top: clamp(10px, 1.7vw, 17px);}
        .sv_title p + p{margin-top: clamp(10px, 2vw, 20px);}
        .sub_climate .sticky_wrap{row-gap: clamp(30px, 4vw, 40px);}
            .sub_climate .sticky_wrap + .sv_title{margin-top: clamp(20px, 3vw, 30px);}
        .sub_climate .sticky_wrap .cont{width: 100%; padding-right: 0;}
        .sub_climate .sticky_wrap .fixed{position: relative; top:auto; width: 100%;}
        .sub_climate .thumb + .thumb{margin-top: clamp(20px, 4.4vw, 44px);}
        .sub_climate .thumb + .sv_title{margin-top: clamp(20px, 4vw, 40px);}
        .section + .section{margin-top: clamp(40px, 8vw, 80px);}
        .section + .bg_sec{margin-top: clamp(70px, 12vw, 120px);}
        .bg_sec{padding-bottom: clamp(70px, 12vw, 120px);}

        .floor_info + .sv_title{margin-top: clamp(15px, 3vw, 30px);}
        .floor_info + .procircle_list{margin-top: clamp(20px, 4vw, 40px);}
        .floor_info:not(:has(dd)){padding-block: clamp(20px, 3.7vw, 37px);}
        .floor_info.small{padding:clamp(20px, 3.5vw, 35px) clamp(25px, 4vw, 40px) clamp(25px, 4vw, 39px);}
        .floor_info.small dd{margin-top: clamp(8px, 1.5vw, 15px);}

        .procircle_list{gap: 15px;flex-direction: column;align-items: center;}
            .procircle_list:before{width: 6px;height: 100%;top:0;left:50%;transform: translateX(-50%);background: linear-gradient(180deg, var(--point-color03) 0%, var(--point-color01) 100%);}
        .procircle_list > li{width: 100%;max-width: 300px;}
        .procircle_list .desc{padding-top: 28px;}
        .procircle_list .desc dt{font-size: 150%;}
        .procircle_list .desc dt + dd{margin-top: 45px;}
        .procircle_list .desc dd{gap: 12px;}
        .procircle_list .desc dd span{font-size: 150%;}
        .procircle_list .desc dd em{font-size: 85%;height: 38px;width: 110px;}

        .vector_exp > li{flex-direction: column; padding-block: clamp(20px, 4vw, 40px);}
        .vector_exp .bullet_list > li + li{margin-top: clamp(2px, 1vw, 10px);}
        .vector_exp .thumb{width: 100%;}
        .vector_exp .cont{width: 100%; padding:30px 0 0;}
        .vector_exp .desc dt:after{height: clamp(12px, 1.8vw, 18px);margin-inline: clamp(15px, 2vw, 20px);}
        .vector_exp .desc + .bullet_list{margin-top: clamp(15px, 2.8vw, 28px);}

        .schematic + .sv_title{margin-top: clamp(20px, 3.6vw, 36px);}

        .thumb_desc dt{padding-block: clamp(18px, 2.4vw, 24px);}
    }
    @media screen and (max-width:640px){
        .sv_title h4{font-size: 170%;}

        .bullet_list > li{gap:8px;}
        .bullet_list > li:before{width: 3px; height: 3px;}
        .bullet_list .desc dt:has(+ dd):after{height: 10px; margin:0 10px;}

        .vector_exp .desc dt:before{width: 17px;height: 17px;}

        .thumb_desc dt{font-size: 120%; border-radius: 10px 10px 0 0;}
        .thumb_desc dd{border-radius: 0 0 10px 10px;}
    }
    @media screen and (max-width:479px){
        .sv_title h4{font-size: 160%;}

        .procircle_list > li{max-width: 280px;}
        
        .vector_exp .desc{flex-wrap: wrap; gap: 10px;}
        .vector_exp .desc dt{width: 100%;}
        .vector_exp .desc dt:before{width: 15px;height: 15px;transform: translateY(-1px);}
        .vector_exp .desc dt:after{display: none;}
        .vector_exp .desc dd{width: 100%;}

        .thumb_desc dt{font-size: 110%;}
    }

/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
    /*** 검색 + 페이징 ***/
        #wrap .board_search {width:100%;background: var(--gray-bg01);margin-bottom: 40px;box-sizing:border-box;padding: 40px;line-height: inherit;text-align: left;overflow: hidden;border-radius: var(--radio-10);}
        #wrap .board_search fieldset {font-size: 0; line-height: inherit;}
        #wrap .board_search .terms {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
        #wrap .board_search .search_wrap {display: flex;flex-direction: column;align-items: center;gap: 10px;}
        #wrap .board_search .board_search_sel {width: 160px;}
        #wrap .board_search select {width: 100%;border-radius:8px;}
        #wrap .board_search .inp_custom {display: flex; width: 360px; overflow: hidden;}
        #wrap .board_search input.input_text {width: calc(100% - clamp(44px, 6vw, 50px));margin-right: 0;border-right: 0;border-radius:8px 0 0 8px;}
        #wrap .board_search .btn_submit {width: clamp(44px, 6vw, 50px);aspect-ratio: auto 1;background: var(--point-color01) url('/images/ico_search.svg') no-repeat center / clamp(18px, 2.7vw, 22px) auto;padding:0;font-size:0;border:0;border-radius:0 8px 8px 0;}

        body #wrap .paging {padding:0;line-height:normal;font-size:0;margin: 40px 0 0;box-sizing:border-box;display: flex;justify-content: center;gap: 10px;align-items: flex-start;min-height: auto;}
        body #wrap .paging span {display:inline-block;}
        body #wrap .paging a {display: inline-flex;font-size: var(--title-17);color: var(--black-color06);padding:0;border:0;border-radius:100%;box-sizing:border-box;width: 36px;height: 36px;line-height:normal;min-width: auto;text-align:center;align-items: center;justify-content: center;font-weight: 400;margin: 0;overflow:hidden;}
        body #wrap .paging a img {display: none;}
        body #wrap .paging :is(.on a, a.on) {color: var(--point-white);background: var(--point-color01);font-weight:500;}
        body #wrap .paging :is(.arrow) a {font-size:0; background: no-repeat center; margin:0;}
        body #wrap .paging :is(.arrow.first, .arrow.last) a {background-image:url('/images/paging_first.svg');}
        body #wrap .paging :is(.arrow.prev, .arrow.next) a {background-image:url('/images/paging_prev.svg');}
        body #wrap .paging :is(.arrow.last, .arrow.next){transform: scale(-1, -1);}
        
        @media screen and (max-width:1023px){
            #wrap .board_search {padding: clamp(20px, 4vw, 40px); margin-bottom: clamp(20px, 4vw, 40px);}
            #wrap .board_search .board_search_sel {width: 150px;}
            #wrap .board_search .inp_custom {width: 340px;}

            body #wrap .paging{margin-top: clamp(30px, 4vw, 40px);}
        }
        @media screen and (max-width:860px){
            #wrap .board_search .board_search_sel {width: 140px;}
            #wrap .board_search .inp_custom {width: 320px;}
        }
        @media screen and (max-width:640px){
            #wrap .board_search .search_wrap {flex-direction: column; align-items: flex-start;}
            #wrap .board_search .board_search_sel {width: 100%;}
            #wrap .board_search .inp_custom {width: 100%;} 

            body #wrap .paging{gap: 5px;}
            body #wrap .paging a{width: 32px; height: 32px;}
        }
        @media screen and (max-width:479px){
            #wrap .board_search .board_search_sel {margin-bottom: 0;}
            #wrap .board_search .board_search_sel select {margin-right: 0;}
        }

    caption, legend{display: none;}
    #wrap table.bbs_list {border-top:2px solid var(--black-color01);border-bottom:0;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
    #wrap table.bbs_list tr.board_notice td{background: #f4f4f4;}
    #wrap table.bbs_list tr {border-bottom: 1px solid var(--border-color01); font-size: var(--title-20 );}
    #wrap table.bbs_list tr :where(th, td){padding: 22px 5px;border:0;font-size: 90%;line-height: 1.4;letter-spacing: -0.03em;}
    #wrap table.bbs_list th {font-weight: 400; color: var(--black-color00);}
    #wrap table.bbs_list td {font-weight: 300; color: var(--black-color06);}
    #wrap table.bbs_list td.left{padding-left: 15px;padding-right: 15px; text-align: left;}
    #wrap table.bbs_list td a{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    #wrap table.bbs_list td a img{margin-left: 5px;}
    #wrap table.bbs_list td strong{font-weight: inherit;}

    @media screen and (max-width:860px){
        table.bbs_list col:nth-child(1) {width: 11%;}
        table.bbs_list :where(col, th, td):nth-child(3),
        table.bbs_list :where(col, th, td):nth-child(4) {display: none;}
    }
    @media screen and (max-width:640px){
        table.bbs_list col:first-child {width:14%;}
        #wrap table.bbs_list tr :where(th, td){padding: 17px 5px;}
    }


/* bbs_view */
    .bbs_view div.view_tit {width:100%; box-sizing:border-box; padding: 30px 40px; border-bottom: 1px solid var(--border-color01); border-top: 1px solid var(--black-color00); background: #fff; font-size: var(--title-20); text-align: left;}
    .bbs_view div.view_tit:after {clear:both;content:"";display:block;}
    .bbs_view div.view_tit > h3 {font-size: 140%; width: 100%; color: var(--black-color02); font-weight: 500; line-height: 1.5; letter-spacing: -0.04em;}
    .bbs_view div.view_tit > p {display: block; width: 100%; padding-top: 18px; text-align: left;}
    .bbs_view div.view_tit > p span {font-size: var(--title-17); font-weight: 400; color:var(--black-color08); font-family: var(--font-type01);}
    .bbs_view div.view_tit > p span + span:before {content:'';display:inline-block;width:1px;height:12px;background:var(--border-color01);margin:0 14px;}
    .bbs_view div.view_tit > p span em {display:inline-block;font-size:inherit;font-weight:500;color:var(--black-color07);margin-right:14px;}
    .bbs_view div.view_cont {padding: 40px; border: 0; border-bottom: 1px solid var(--border-color01); font-size:var(--title-18); min-height: clamp(300px, 40vw, 400px);}
    .bbs_view div.view_cont:after{clear:both;content:"";display: block;}
    .bbs_view .extra_editor_wrap {display:table;table-layout:fixed;border-collapse:collapse;width:100%;border:0;border-bottom: 1px solid var(--border-color01);}
    .bbs_view .extra_editor_wrap > h4, 
    .bbs_view .extra_editor_wrap > div.extra_cont {padding: 24px 0;display:table-cell;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border: 0;}
    .bbs_view .extra_editor_wrap > h4 {width:180px;background:none;color: var(--black-color02);font-size: var(--title-18);font-weight: 500;text-align: center;position:relative;z-index:1;text-align: center;}
    .bbs_view .extra_editor_wrap > h4:after {content:'';display:block;position:absolute;width:1px;height:12px;background:var(--border-color01);top:50%;right:0;transform:translateY(-50%);}
    .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 180px);padding-left: 50px;padding-right:50px;}
    .bbs_view .extra_editor_wrap div.extra_cont > span {font-size: var(--title-17);font-weight:400;color: var(--black-color08) !important;display:block;}
    .bbs_view .extra_editor_wrap div.extra_cont > span a {font-size:inherit;color:inherit !important;font-weight:inherit;}
    .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
    
    @media only screen and (max-width:1200px) {
        .bbs_view div.view_tit {padding: 26px 36px 28px;}
        .bbs_view div.view_tit > h3 {font-size: 135%;}
        .bbs_view div.view_tit > p {padding-top: 16px;}
        .bbs_view div.view_cont {padding: 36px;}
        .bbs_view .extra_editor_wrap div.extra_cont {padding-left: 44px; padding-right: 44px;}
    }
    @media screen and (max-width:1023px){
        .bbs_view div.view_tit {padding: 22px 32px 24px;}
        .bbs_view div.view_tit > p {padding-top: 14px;}
        .bbs_view div.view_cont {padding: 32px;}
        .bbs_view .extra_editor_wrap > h4,
        .bbs_view .extra_editor_wrap > div.extra_cont {padding: 22px 0;}
        .bbs_view .extra_editor_wrap > h4 {width: 154px;}
        .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 154px); padding-left: 38px; padding-right: 38px;}
    }
    @media screen and (max-width:860px){
        .bbs_view div.view_tit {padding: 22px 28px 24px;}
        .bbs_view div.view_tit > h3 {font-size: 130%;}
        .bbs_view div.view_tit > p span em {margin-right: 10px;}
        .bbs_view div.view_tit > p span + span:before {margin: 0 12px;}
        .bbs_view div.view_cont {padding: 28px;}
    }
    @media screen and (max-width:640px){
        .bbs_view div.view_tit {padding: 20px 24px 22px;}
        .bbs_view div.view_tit > p {padding-top: 12px;}
        .bbs_view div.view_tit > p span em {margin-right: 8px;}
        .bbs_view div.view_tit > p span + span:before {height: 10px; margin: 0 10px;}
        .bbs_view div.view_cont {padding: 24px;}
        .bbs_view .extra_editor_wrap > h4,
        .bbs_view .extra_editor_wrap > div.extra_cont {padding: 19px 0;}
        .bbs_view .extra_editor_wrap > h4 {width: 124px;}
        .bbs_view .extra_editor_wrap > h4:after {height: 10px;}
        .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 124px); padding-left: 30px; padding-right: 30px;}
    }
    @media screen and (max-width:479px){
        .bbs_view div.view_tit {padding: 18px 16px 20px;}
        .bbs_view div.view_tit > p {padding-top: 12px;}
        .bbs_view div.view_tit > p span em {margin-right: 6px;}
        .bbs_view div.view_tit > p span + span:before {margin: 0 8px;}
        .bbs_view div.view_cont {padding: 24px 16px;}
        .bbs_view .extra_editor_wrap > h4,
        .bbs_view .extra_editor_wrap > div.extra_cont {padding: 17px 0;}
        .bbs_view .extra_editor_wrap > h4 {width: 104px;}
        .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 104px); padding-left: 22px; padding-right: 22px;}
    }

/* 갤러리형 목록 */
    .gallery_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
    .gallery_list li {position: relative; width: 100%; border-radius: 20px; overflow: hidden; transition: all 0.4s;}
    .gallery_list li > a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
    .gallery_list li .thumb{position: relative;font-size: 0;padding-bottom: 71.5%;border-radius: 20px; overflow: hidden; z-index: 3;}
    .gallery_list li .thumb img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
    .gallery_list li .cont{position: relative;font-size: var(--title-20);padding: 25px 0 95px; box-sizing: border-box; z-index: 3;}
    .gallery_list li .desc{font-family: var(--font-type02);}
    .gallery_list li .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    .gallery_list li .desc dt{font-weight: 400;color: var(--black-color02);letter-spacing: -0.03em;}
    .gallery_list li .desc dt + dd{margin-top: 17px;}
    .gallery_list li .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color06);letter-spacing: -0.03em;}
    .gallery_list li .date{position: absolute;left: 0;bottom: 19px;font-size: 90%;font-weight: 400;color: var(--black-color08);letter-spacing: 0.01em;}
    .gallery_list.ta_center {grid-template-columns: repeat(1, 1fr); font-size: var(--title-18);}
    /* notice */
        .gallery_list.notice {grid-template-columns: repeat(1, 1fr); margin-bottom: 30px;}
        .gallery_list.notice li {display: flex; align-items: center;}
        .gallery_list.notice li .thumb {width: 28%; padding-bottom: 20%;}
        .gallery_list.notice li .cont {width: calc(100% - 28%); padding-left: 40px; padding-right: 40px;}
        .gallery_list.notice li .date {left: 40px;}
        .gallery_list.notice li .desc dt b {color: var(--point-color01); padding-right: 4px;}
        
        
    @media screen and (max-width:1400px){
        .gallery_list {gap: 40px 30px;}
    }
    @media screen and (max-width:1200px){
        .gallery_list {gap: 30px 20px;}
    }
    @media screen and (max-width:1023px){
        .gallery_list {grid-template-columns: repeat(2, 1fr); gap: 40px 30px;}
        .gallery_list.notice li .thumb {width: 38%; padding-bottom: 27.5%;}
        .gallery_list.notice li .cont {width: calc(100% - 38%); padding-left: 30px; padding-right: 30px;}
        .gallery_list.notice li .date {left: 30px;}
    }
    @media screen and (max-width:860px){
        .gallery_list {gap: 30px 20px;}
        .gallery_list li .cont {padding:20px 0 85px;}
        .gallery_list li .desc dt + dd{margin-top: 12px;}
        .gallery_list li .date{left:0; bottom:15px;}
        .gallery_list.notice li .cont {padding-left: 24px; padding-right: 24px;}
        .gallery_list.notice li .date {left: 24px;}
    }
    @media screen and (max-width:640px){
        .gallery_list {gap: 24px 14px;}
        .gallery_list li {border-radius: 10px;}
        .gallery_list li .cont{padding:15px 0 75px;}
        .gallery_list li .thumb {border-radius: 10px;}
        .gallery_list li .desc dt + dd{margin-top: 8px;}
        .gallery_list li .date{left:0; bottom:10px;}
        .gallery_list.notice li {flex-direction: column; align-items: flex-start;}
        .gallery_list.notice li .thumb {width: 100%; padding-bottom: 71.5%;}
        .gallery_list.notice li .cont {width: 100%; padding-left: 10px; padding-right: 10px;}
        .gallery_list.notice li .date {left: 10px;}
    }
    @media screen and (max-width:540px){
        .gallery_list {grid-template-columns: repeat(1, 1fr);}
        .gallery_list li .cont {padding-bottom: 65px;}
    }

/*───────────────────────────────────────────────────────────
	pf-btn (공용 버튼 — 일정/구성원/제품 등에서 공용 사용)
───────────────────────────────────────────────────────────*/
    .pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 28px;border-radius:50px;font-size:var(--title-15);font-weight:600;line-height:1.3;letter-spacing:-0.02em;background:var(--point-color01);color:var(--point-white);border:1px solid var(--point-color01);transition:all 0.25s;white-space:nowrap;cursor:pointer;box-sizing:border-box;}
    .pf-btn:hover{background:var(--point-color05);border-color:var(--point-color05);color:var(--point-white);}
    .pf-btn--outline{background:var(--point-white);color:var(--point-color01);border-color:var(--border-color01);}
    .pf-btn--outline:hover{background:var(--point-color02);border-color:var(--point-color01);color:var(--point-color01);}
    .pf-btn--primary{background:var(--point-color01);color:var(--point-white);border-color:var(--point-color01);}
    .pf-btn--sm{padding:9px 18px;font-size:var(--title-14);border-radius:50px;}
    .pf-btn--sched{padding:10px 20px;font-size:var(--title-14);border-radius:50px;}
    @media screen and (max-width:640px){
        .pf-btn{padding:11px 20px;font-size:var(--title-14);}
    }

/*───────────────────────────────────────────────────────────
	pf-sched (일정 캘린더/리스트 — 교육예약 캘린더 포함)
	팔레트: 슬레이트/블루 대신 --point-color* (틸 그린) 계열, 각짐 대신 라운드
───────────────────────────────────────────────────────────*/
    .pf-sched{--sched-sun:#E2574C;--sched-sat:var(--point-color05);}

    /* 월 네비 헤더 — 가운데 정렬 */
    .pf-sched-cal-head{display:flex;justify-content:center;margin-bottom:24px;}
    .pf-sched-cal-nav{display:flex;align-items:center;justify-content:center;gap:16px;}
    .pf-sched-cal-title{font-size:var(--title-22);font-weight:700;color:var(--black-color00);letter-spacing:-0.02em;min-width:120px;text-align:center;}

    /* 캘린더 테이블 */
    .pf-sched-cal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    table.pf-sched-cal{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed;border-top:2px solid var(--black-color00);}
    table.pf-sched-cal th{padding:14px 4px;text-align:center;font-size:var(--title-15);font-weight:600;color:var(--black-color05);border-bottom:1px solid var(--border-color01);background:var(--gray-bg02);}
    table.pf-sched-cal th.is-sun{color:var(--sched-sun);}
    table.pf-sched-cal th.is-sat{color:var(--sched-sat);}
    table.pf-sched-cal td{position:relative;height:120px;padding:8px 6px;border:1px solid var(--border-color01);vertical-align:top;box-sizing:border-box;transition:background 0.2s;}
    table.pf-sched-cal td.is-out{background:var(--gray-bg04);}
    table.pf-sched-cal td.is-today{background:var(--point-color02);}
    table.pf-sched-cal td:hover{background:var(--gray-bg01);}
    table.pf-sched-cal td.is-out:hover{background:var(--gray-bg04);}
    table.pf-sched-cal td.is-today:hover{background:var(--point-color02);}

    .pf-sched-cal-day{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:var(--title-15);font-weight:600;color:var(--black-color02);margin-bottom:6px;}
    .pf-sched-cal-day.is-sun{color:var(--sched-sun);}
    .pf-sched-cal-day.is-sat{color:var(--sched-sat);}
    .pf-sched-cal-day.is-out-day{color:var(--black-color10);font-weight:400;}
    .pf-sched-cal-today-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--point-color01);}
    .pf-sched-cal-holiday{font-size:var(--title-14);font-weight:500;color:var(--sched-sun);}

    /* 일정 바(이벤트) — 단일/기간(연속) 구분해 이어붙임 */
    .pf-sched-cal-item{display:block;margin:0 -6px 3px;padding:4px 8px;font-size:var(--title-14);font-weight:500;color:var(--point-white);background:var(--point-color01);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:opacity 0.2s;}
    .pf-sched-cal-item:hover{opacity:0.85;}
    .pf-sched-cal-item.is-nolink{cursor:default;}
    .pf-sched-cal-item.is-single{margin:0 0 3px;border-radius:6px;}
    .pf-sched-cal-item.is-start{margin-right:-7px;border-radius:6px 0 0 6px;}
    .pf-sched-cal-item.is-mid{margin-left:-7px;margin-right:-7px;border-radius:0;}
    .pf-sched-cal-item.is-end{margin-left:-7px;border-radius:0 6px 6px 0;}
    .pf-sched-cal-item-time{opacity:0.85;margin-right:4px;font-weight:400;}
    .pf-sched-cal-item.is-overflow{display:none;}
    td.is-expanded{height:auto;}
    td.is-expanded .pf-sched-cal-item.is-overflow{display:block;}

    .pf-sched-cal-more{display:block;width:100%;margin-top:2px;padding:2px 0;border:0;background:transparent;font-size:var(--title-14);font-weight:600;color:var(--point-color01);text-align:left;cursor:pointer;}
    .pf-sched-cal-more:hover{text-decoration:underline;}

    @media screen and (max-width:860px){
        table.pf-sched-cal td{height:96px;}
    }

    /* 리스트형 */
    .pf-sched-list{display:flex;flex-direction:column;gap:16px;}
    .pf-sched-item{display:flex;gap:20px;padding:24px;border:1px solid var(--border-color01);border-radius:16px;background:var(--point-white);transition:all 0.25s;text-decoration:none;}
    .pf-sched-item:hover{border-color:var(--point-color01);box-shadow:0 8px 24px rgba(60,143,139,0.12);transform:translateY(-2px);}
    .pf-sched-item-thumb{flex-shrink:0;width:160px;height:110px;border-radius:12px;overflow:hidden;background:var(--gray-bg01);}
    .pf-sched-item-thumb-img{width:100%;height:100%;object-fit:cover;}
    .pf-sched-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
    .pf-sched-item-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
    .pf-sched-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;}
    .pf-sched-item-title-text{font-size:var(--title-19);font-weight:700;color:var(--black-color00);}
    .pf-sched-status{display:inline-flex;align-items:center;padding:3px 12px;border-radius:50px;font-size:var(--title-14);font-weight:600;}
    .pf-sched-status--ongoing{background:var(--point-color02);color:var(--point-color01);}
    .pf-sched-status--upcoming{background:#FFF4E5;color:#B8730A;}
    .pf-sched-status--expired{background:var(--gray-bg01);color:var(--black-color08);}
    .pf-sched-item-summary{font-size:var(--title-16);color:var(--black-color06);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
    .pf-sched-item-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:8px;font-size:var(--title-14);color:var(--black-color08);}
    .pf-sched-item-created-label{margin-right:4px;}

    .pf-empty{padding:80px 20px;text-align:center;font-size:var(--title-16);color:var(--black-color08);}

    @media screen and (max-width:640px){
        .pf-sched-item{flex-direction:column;gap:14px;padding:18px;}
        .pf-sched-item-thumb{width:100%;height:180px;}
    }

/*───────────────────────────────────────────────────────────
	edu-reservation-guide (교육예약 안내 박스)
───────────────────────────────────────────────────────────*/
    .edu-reservation-guide{margin:32px 0 48px;padding:32px;border-radius:20px;background:var(--point-color02);}
    .edu-reservation-guide-title{margin-bottom:16px;font-size:var(--title-20);font-weight:700;color:var(--black-color00);}
    .edu-reservation-guide-desc{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
    .edu-reservation-guide-desc li{position:relative;padding-left:14px;font-size:var(--title-16);line-height:1.6;color:var(--black-color05);}
    .edu-reservation-guide-desc li::before{content:'';position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:var(--point-color01);}
    .edu-reservation-guide-actions{display:flex;flex-wrap:wrap;gap:12px;}
    @media screen and (max-width:640px){
        .edu-reservation-guide{padding:24px 20px;margin:24px 0 32px;}
        .edu-reservation-guide-actions{flex-direction:column;}
        .edu-reservation-guide-actions .pf-btn{width:100%;}
    }
/*───────────────────────────────────────────────────────────
	달력 항목 3줄 표기 — 1줄:시간+기관명 / 2줄:프로그램 / 3줄:인원 (2026-09-16)
───────────────────────────────────────────────────────────*/
    .pf-sched-cal-item{white-space:normal;overflow:hidden;text-overflow:clip;word-break:keep-all;overflow-wrap:break-word;}
    .pf-sched-cal-item-l1,.pf-sched-cal-item-sub{display:block;}
    .pf-sched-cal-item-sub{font-weight:400;opacity:0.88;}
    @media screen and (max-width:860px){
        .pf-sched-cal-item{padding:4px 6px;}
    }

/* quick3-color : 과업지시서 시안 기준 퀵배너 3분할 색상 20260916 */
.quick_list > li:nth-child(1) .desc{background:#7d7d7d;}
.quick_list > li:nth-child(2) .desc{background:var(--black-color00);}
.quick_list > li:nth-child(3) .desc{background:var(--point-color01);}