@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

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

    공통

───────────────────────────────────────────────────────────*/
    body:has(.full_sec) #container{width: 100%; max-width: none; padding-bottom: 0;}
    .nav_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;flex-direction: column; justify-content: center;text-align: center;gap: 15px;padding-block: 71px;}
	.sub_nav_title{padding-bottom:53px;}
    .nav_title h3{font-size: 260%;font-weight: 700;color: var(--black-color02);letter-spacing: -0.03em;font-family: var(--font-type02);}
    .nav_title h4{font-size: 200%;font-weight: 300;color: var(--black-color02);letter-spacing: -0.03em;font-family: var(--font-type02);line-height: 1.6;padding-top: 26px;}
    .nav_title h4 strong{font-weight: 700;}
    .nav_title h4.line:after{display: block;content:'';width: 1px;height: 60px;background: var(--black-color03);margin: 32px auto 12px;}
    .nav_title h6{font-size: 100%; font-weight: 400; color: var(--black-color02); line-height: 1.6; letter-spacing: -0.03em;}

    .sub_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;gap: 35px;}
        .sub_title.hd{margin-bottom: 55px;}
        .sub_title.cen{align-items: center; text-align: center;}
    .sub_title h3{font-size: 200%;font-weight: 700;color: var(--black-color00);font-family: var(--font-type02);letter-spacing: -0.01em;line-height: 1.4;}
    .sub_title h4{font-size: 180%;font-weight: 700;color: var(--black-color02);font-family: var(--font-type02);letter-spacing: -0.03em;}
    .sub_title h5{font-size: 120%; font-weight: 300; color: var(--black-color02); line-height: 1.66; letter-spacing: -0.03em; font-family: var(--font-type02);}
    .sub_title h5 strong{font-weight: 700;}
    .sub_title h6{font-size: max(17px, 105%);font-weight: 700;color: var(--black-color02);line-height: 1.66;letter-spacing: -0.03em;}
    .sub_title h6 big{font-size: 111%; font-weight: 400;}
    .sub_title h6.em_num{display: flex;align-items: baseline;gap: 12px;}
    .sub_title h6.em_num em{display: inline-flex;align-items: center;justify-content: center;text-align: center;width: 36px;aspect-ratio: auto 1;background: var(--point-color14);border-radius: 100%;color: var(--point-white);font-weight: 500;flex-shrink: 0;}
    .sub_title p{font-size: max(16px, 95%);font-weight: 300;color: var(--black-color02);line-height: 1.76;letter-spacing: -0.04em;}
    .sub_title p strong{font-weight: 700; color:var(--black-color00)}
    .sub_title p b{font-weight: 700; color:var(--black-color00)}
    .sub_title p em{font-weight: 700; color:var(--black-color00)}
    .sub_title p.em_num{display: flex;gap: 12px;align-items: baseline;}
    .sub_title p.em_num em{display: inline-flex;align-items: center;justify-content: center;text-align: center;width: 33px;aspect-ratio: auto 1;background: var(--point-color14);border-radius: 100%;color: var(--point-white);font-weight: 500;flex-shrink: 0;line-height: 1.1;}
    .sub_title p.em_num strong{display: contents;}
    .sub_title .step_list{gap: 0;}
    .sub_title .bubble{position: relative;font-weight: inherit;cursor: pointer;display: block;border: 2px solid var(--point-color13);border-radius: var(--radius-10);padding: 20px 25px;background: var(--point-white);}
    .sub_title .bubble.grn{border-color: var(--point-color14);}
    .sub_title .bubble .info{position: absolute;top: calc(100% + 10px);left:0;background: var(--point-color01);padding: 7px 16px;z-index: 3;border-radius: var(--radius-10);border: 1px solid var(--border-color01);font-weight: 400;opacity: 0;pointer-events: none;transition: all 0.4s;}
    .sub_title .arw{font-family: var(--font-type02);}

    .sub_title + .sub_title.mo_cen{margin-top: 20px;}
    .sub_title.mo_cen + .img_wrap:not(:last-child){padding-bottom: 40px;}

    br.for_m{display: none;}

        /* over */
            @media (hover:hover) and (pointer:fine){
                .sub_title .bubble:hover .info{opacity: 1; pointer-events: all;}   
            }

    .step_list{position: relative;display: flex;flex-direction: column;gap: 11px;justify-content: flex-start;counter-reset: stepList;font-size: var(--title-20);}
    .step_list > li{position: relative;font-size: 95%;font-weight: 400;color: var(--black-color02);line-height: 1.76;letter-spacing: -0.03em;display: flex;gap: 4px;}
        .step_list > li:before{display: inline-flex; content: counter(stepList) '.'; counter-increment: stepList; flex-shrink: 0;}
		.step_list > li.be_dn:before{display:none;}
        .step_list > li.on{color: var(--black-color02);}
        .step_list > li span{position: relative;}

    .bullet_list{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;flex-direction: column;gap: 10px;}
    .bullet_list > li{position: relative;display: flex;align-items: baseline;font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.66;gap: 10px;letter-spacing: 0;}
    .bullet_list > li:before{display: inline-flex;content:'';width: 4px;height: 4px;border-radius: 100%;background: var(--black-color09);vertical-align: baseline;flex-shrink: 0;translate: 0 -4px;}
    .bullet_list > li strong{font-weight: 600;}
    .bullet_list > li em{font-weight: 600; color: var(--point-color12);}
        .bullet_list > li em.blue{color: var(--point-color13);}
        .bullet_list > li em.green{color: var(--point-color14);}
        .bullet_list > li em.yellow{color: var(--point-color15);}
    .bullet_list .desc{display: flex;column-gap: 6px;}
    .bullet_list .desc dt{font-weight: 600;flex-shrink: 0;}
    .bullet_list .arw{font-family: var(--font-type02);}
	
	/*input*/
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height:50px;line-height:48px;border:1px solid var(--border-color01);color:var(--black-color03);font-weight:400;font-size:var(--title-17);padding:0 20px;text-indent:0;border-radius:6px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;}
		#wrap input[type="text"]::-webkit-input-placeholder,
		#wrap input[type="password"]::-webkit-input-placeholder,
		#wrap input[type="text"]::-moz-placeholder,
		#wrap input[type="password"]::-moz-placeholder,
		#wrap input[type="text"]:-ms-input-placeholder,
		#wrap input[type="password"]:-ms-input-placeholder,
		#wrap input[type="text"]:-moz-placeholder,
		#wrap input[type="password"]:-moz-placeholder{color:var(--black-color07);}
		#wrap input[type="text"]:focus,
		#wrap input[type="password"]:focus,
		#wrap input[type="number"]:focus,
		#wrap input[type="date"]:focus{border-color:var(--black-color01);}
		#wrap input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color:var(--black-color03);font-size:inherit;}
		#wrap input:-webkit-autofill, #wrap input:-webkit-autofill:hover, #wrap input:-webkit-autofill:focus, #wrap input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
		
		#wrap input[type="checkbox"] + label {cursor:pointer;font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
		#wrap input[type="checkbox"] + label strong{font-size:inherit;color:var(--point-color16);font-weight:600;}
		#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { display:inline-block; content:""; width:24px; height:24px; margin:-4px 12px 0 0; vertical-align:middle; background:url("../images/sub/icon_chk.svg") no-repeat 0 50%; cursor:pointer;background-size:auto 100%;}
		#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before { background:url("../images/sub/icon_chk_on.svg") no-repeat 0 50%;background-size:auto 100%;}

		input[type="radio"] { display:none; }
		#wrap input[type="radio"] + label {cursor:pointer;font-size:var(--title-20);color:var(--black-color06);font-weight:400;}
		#wrap input[type="radio"]:checked + label{color:var(--black-color03);}
		#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before { display:inline-block; content:""; width:20px; height:20px; margin:-5px 12px 0 0;vertical-align:middle; background:url('../images/sub/icon_radio.svg') left top no-repeat; cursor:pointer;background-size:auto 100%;}
		#wrap input[type="radio"]:checked + label:before, #wrap input[type="radio"]:checked + label::before { background:url('../images/sub/icon_radio_on.svg') left top no-repeat;background-size:auto 100%;}
		input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}
	
	/*button*/
		#wrap .btn{border-radius:6px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;height:60px;}
		#wrap .btn_point{background:var(--point-color05);border-color:var(--point-color05);}
		#wrap .btn_basic{background:none;border-color:var(--black-color00);}
		#wrap .btn_sm{background:var(--point-white);border-color:var(--black-color10);}
        #wrap .btn_kakao{background: #f6e309; border-color: #f6e309; gap: 10px;}
        #wrap .btn_kakao img{height: 30px;}
        #wrap .btn_naver{background: #00bf18; border-color: #00bf18; color: var(--point-white); gap: 10px;}
        #wrap .btn_naver img{height:20px;}
		#wrap .btn_wrap{display: flex;align-items: center;justify-content: center;gap:20px;padding-top:50px;}
		#wrap .btn_wrap > button{width:200px;margin:0;}
		#wrap .btn_wrap > a{margin:0;}
		#wrap .btn_wrap .btn{border-radius:100px;width:100%;font-weight:600;}
		
	/*select*/
		#wrap select{height:50px;line-height:48px;border:1px solid var(--border-color01);color:var(--black-color03);font-weight:400;font-size:var(--title-17);padding:0 20px;text-indent:0;border-radius:6px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;-webkit-appearance: none; -moz-appearance: none; appearance: none;background:var(--point-white) url('../images/sub/icon_sel.svg')no-repeat right 20px center;}
		#wrap select:focus{border-color:var(--black-color01);}
		
	/*paging*/
		#wrap .paging {position:relative; padding:50px 0 0;line-height:normal;font-size:0;margin:0;box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size: var(--title-20); gap:6px;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {display: inline-flex; align-items: center; justify-content: center; width:34px; height:34px; border-radius:0; line-height: 1; min-width: auto; background:none; font-size:80%;color:var(--black-color08);font-weight: 400; letter-spacing: -0.02em; box-sizing: border-box; border:0;padding:0;margin:0;}
		#wrap .paging :is(.on a,a.on){background:none;font-weight: 700; color: var(--black-color03);border-bottom:1px solid var(--black-color03);}
		#wrap .paging .arrow a {font-size:0; background:no-repeat center;margin:0;}
		#wrap .paging .arrow.first a {background-image: url("../images/sub/paging_first.svg");}
		#wrap .paging .arrow.prev a {background-image: url("../images/sub/paging_prev.svg");}
		#wrap .paging .arrow.next a {background-image: url("../images/sub/paging_prev.svg"); transform: scale(-1,-1);}
		#wrap .paging .arrow.last a {background-image: url("../images/sub/paging_first.svg"); transform: scale(-1,-1);}
		#wrap .paging .arrow a img{display: none;}
		
		#wrap .view_btn {min-height:initial;position: relative;}
		#wrap .view_write_btn{min-height:60px;margin-top:40px;display: flex;align-items: center;justify-content: center;}
		#wrap .view_btn.view_write_btn .btn_wrap{position: absolute;padding:0;}
		#wrap .view_btn.view_write_btn .btn_wrap .btn{width:140px;}
		#wrap .view_write_btn .paging{padding-top:0;}

    @media (max-width:1500px){
        .nav_title{text-wrap: balance;}
        .nav_title br.for_pc{display: none;}

        .sub_title br.for_pc{display: none;}

        br.for_m{display: block;}
    }
    @media (max-width:1023px){
        .nav_title{padding-block: clamp(50px, 7.1vw, 71px) clamp(35px, 7.1vw, 71px);}
        .nav_title h3{font-size: 230%;}
        .nav_title h4{font-size: 190%; padding-top: clamp(0px, 2.6vw, 26px);}
        .nav_title h4.line:after{height: clamp(30px, 6vw, 60px); margin-block: clamp(20px, 3.2vw, 32px) clamp(4px, 1.2vw, 12px);}

        .sub_title{gap: clamp(20px, 3.5vw, 35px);}
            .sub_title.mo_cen{align-items: center; text-align: center;}
            .sub_title.mo_cen + .img_wrap{text-align: center;}
        .sub_title h3{font-size: 180%;}
        .sub_title h4{font-size: 150%;}
		.sub_title h6.em_num em{width:clamp(30px, 3.6vw, 36px);}
        .sub_title p.em_num em{width: clamp(30px, 3.3vw, 33px);}

        .bullet_list{gap: clamp(7px, 1vw, 10px);}

        .sub_title .bubble .info{position: relative;inset: auto;opacity: 1;pointer-events: all;display: block;margin-top: 8px;}
    }
    @media (max-width:860px){
        .nav_title h4{font-size: 180%;}

        .sub_title h4{font-size: 140%;}
    }
    @media (max-width:640px){
        .nav_title h3{font-size: 210%;}
        .nav_title h4{font-size: 160%;}
		.sub_title h5{font-size:110%;}


        .bullet_list > li{gap: 7px;}
        .bullet_list > li:before{width: 3px; height: 3px; }
		
		/*input*/
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height:46px;line-height:44px;padding:0 15px;}
		
		/*button*/
		#wrap .btn{height:50px;}
		#wrap .btn_wrap{gap:10px;}
		#wrap .btn_wrap > button{width:150px;}
		
		/*select*/
		#wrap select{padding:0 15px;background-position:right 15px center;}
		
		#wrap .view_write_btn{min-height:50px;padding-bottom:55px;margin-top:30px;}
		#wrap .view_btn.view_write_btn .paging + .btn_wrap{top:auto;bottom:0;}
    }
    @media (max-width:479px){
        .sub_title h5{font-size:100%;}

        .bullet_list .desc{flex-direction: column;}
		
		/*input*/
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height:40px;line-height:38px;border-radius:3px;}
		
		#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before{width:20px;height:20px;margin:-2px 8px 0 0;}
		#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before{width:18px;height:18px;margin:-3px 6px 0 0;}
		
		/*button*/
		#wrap .btn{height:44px;border-radius:3px;}
		#wrap .btn_wrap{padding-top:30px;}
		#wrap .btn_wrap > button{width:120px;}
		
		#wrap select{height:40px;line-height:38px;border-radius:3px;background-size:auto 5px;}
		
		/*paging*/
		#wrap .paging{padding-top:30px;min-height:initial;}
		#wrap .paging a{width:28px;height:28px;}
		#wrap .view_write_btn{min-height:44px;margin-top:20px;}
    }


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

    company

───────────────────────────────────────────────────────────*/
    .more_desc{display: flex;flex-direction: column;gap: 20px;font-size: var(--title-20);padding-top: 70px;width: 100%;max-width: 500px;margin-inline: auto;}
    .more_desc dt{font-size: 110%;font-weight: 700;color: var(--black-color00);}
    .more_desc dd{width: 100%;}
    .more_desc .main_more{width: 100%;min-height: 55px;}

        @media (max-width:1023px){
            .more_desc{padding-top: clamp(40px, 7vw, 70px); gap: clamp(12px, 2vw, 20px);}
        }
    /* 스티키 */
        body:has(.sticky_wrap) :is(#container, .w_custom){max-width: 1720px;}
        body:has(.sticky_wrap) #container{padding-bottom: 0;}
        .sticky_wrap{display: flex; align-items: flex-start;}
        .sticky_wrap .fixed_box{position: sticky;top: 147px;width: 30%;padding-right: 50px;box-sizing: border-box;z-index: 5;}
        .sticky_wrap .step_list > li{color: var(--black-color05); cursor: pointer;}
        .sticky_wrap .step_list > li.on{color: var(--black-color00); font-weight:800;}
            .sticky_wrap .step_list > li span:after{display: inline-flex;content:'';width: 9px;height: 9px;border:solid var(--black-color05);border-width: 0 2px 2px 0;box-sizing: border-box;transform: rotate(-45deg);border-radius: 1px;translate: 0 -4px;margin-left: 8px; opacity: 0;pointer-events: none; transition: all 0.4s;}
                .sticky_wrap .step_list > li.on span:after{opacity: 1;pointer-events: all;}
        .sticky_wrap .step_list > li strong{font-weight: 700;}
        .sticky_wrap .cont{width: 70%; max-width: 1100px; counter-reset: stepList;}
        .sticky_wrap .sec_item{position: relative;display: flex;flex-direction: column;gap: 70px;padding-block: 120px;}
            .sticky_wrap .sec_item:first-child{padding-top: 0;}
            .sticky_wrap .sec_item:before{position: absolute;content:'';width: 200vw;height: 100%;top:0;left:50%;translate:-50%;z-index: -1;}
            .sticky_wrap .sec_item:nth-child(2):before{background: var(--point-color02);}
            .sticky_wrap .sec_item:nth-child(4):before{background: var(--point-color03);}
            .sticky_wrap .sec_item:nth-child(5):before{background: var(--point-color02);}
            .sticky_wrap .sec_item:nth-child(7):before{background: var(--point-color02);}
        .sticky_wrap .sec_item .sub_title h4{text-decoration: underline;text-underline-offset:0;text-decoration-skip-ink: none;text-decoration-color: var(--point-color09);text-decoration-thickness: 20px;}
            .sticky_wrap .sec_item .sub_title h4:not(.non_num){text-align: center;}
            .sticky_wrap .sec_item .sub_title h4.non_num{text-decoration: none;}
            .sticky_wrap .sec_item .sub_title h4:before{content: counter(stepList) '.'; counter-increment: stepList; flex-shrink: 0; display: none;}
        .sticky_wrap .sec_item .sub_title h4 small{font-family: var(--font-type01);font-size: 75%;}
        .sticky_wrap .sec_item .logo_box{display: flex;align-items: center;justify-content: center;width: 100%;height: 300px;box-sizing: border-box;background: var(--point-color02);padding: 50px;font-size: 0;}
        .sticky_wrap .sec_item .thumb_box{position: relative;font-size: 0;aspect-ratio: auto 2.2;overflow: hidden;}
            .sticky_wrap .sec_item .thumb_box.lg{aspect-ratio: auto 1.83;}
        .sticky_wrap .sec_item .thumb_box img{width: 100%; height: 100%; object-fit: cover;}
        .sticky_wrap .sec_item .profile_wrap{display: flex;gap: 30px 0;align-items: center;}
        .sticky_wrap .sec_item .profile_wrap .profile_box{width: 56%;height: auto;min-height: 430px;}
        .sticky_wrap .sec_item .profile_wrap .exp{position: relative;width: 44%;padding-left: 40px;box-sizing: border-box;}
        .sticky_wrap .sec_item .profile_box{width: 100%;max-width: 620px;height: 680px;padding:30px 30px 0;box-sizing: border-box;background: var(--point-color10);display: flex;align-items: flex-end;justify-content: center;}
        .sticky_wrap .sec_item .talk_box{width: 100%;height: 360px;background: var(--point-color03);padding: 15px 30px 0;box-sizing: border-box;display: flex;align-items: flex-end;justify-content: center;}
        .sticky_wrap .sec_item .circle_chk{display: flex;flex-wrap: wrap;gap: 20px;margin-block: -20px;}
        .sticky_wrap .sec_item .circle_chk > li{position: relative; width: 180px; aspect-ratio: auto 1; box-sizing: border-box; font-size: var(--title-20); text-align: center; background: var(--point-color03); border-radius: 100%;}
            .sticky_wrap .sec_item .circle_chk > li:nth-child(2){background: var(--point-color07);}
            .sticky_wrap .sec_item .circle_chk > li:nth-child(3){background: var(--point-color11);}
            .sticky_wrap .sec_item .circle_chk > li:nth-child(4){background: var(--point-color01);}
        .sticky_wrap .sec_item .circle_chk > li span{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;box-sizing: border-box;font-size: 110%;font-weight: 600;color: var(--black-color02);padding: 10px;}

        .gap_box{display: grid;gap: 40px; box-sizing: border-box;}
        .pd_box{padding-block: 20px; display: grid; gap: 30px; box-sizing: border-box;}
        .img_wrap .sub_title{margin-top: 20px;}

        @media (max-width:1023px){
            .sticky_wrap{display: block;}
            .sticky_wrap .fixed_box{display: none;}
            .sticky_wrap .cont{width: 100%; max-width: none;}
            .sticky_wrap .sec_item{gap: clamp(50px, 7vw, 70px);padding-block: clamp(70px, 12vw, 120px);}
            .sticky_wrap .sec_item .sub_title h4{text-decoration-thickness:clamp(10px, 2vw, 20px);}
            .sticky_wrap .sec_item .logo_box{height: clamp(200px, 30vw, 300px);}
            .sticky_wrap .sec_item .profile_box{max-width: none;height: clamp(300px, 85vw, 850px);}
            .sticky_wrap .sec_item .talk_box{height: clamp(200px, 36vw, 360px);}
            .sticky_wrap .sec_item .circle_chk{margin-block:clamp(-20px, -2vw, 0px); gap: clamp(15px, 2vw, 20px);}
            .sticky_wrap .sec_item .circle_chk > li{width: clamp(100px, 18vw, 180px);}
            
            .gap_box{gap: clamp(25px, 4vw, 40px);}
            .pd_box{gap: clamp(20px, 3vw, 30px); box-sizing: border-box;}
        }
        @media (max-width:640px){
            .sticky_wrap .sec_item .profile_wrap{flex-wrap: wrap;}
            .sticky_wrap .sec_item .profile_wrap .profile_box{width: 100%; min-height: auto;}
            .sticky_wrap .sec_item .profile_wrap .exp{width: 100%;padding: 20px;background: var(--point-color03);}
            .sticky_wrap .sec_item .circle_chk > li span{font-size: 100%;}
        }
        @media (max-width:479px){
            .sticky_wrap .sec_item .circle_chk{gap: 10px;}
            .sticky_wrap .sec_item .circle_chk > li{width: calc(100% / 4 - 7.5px);}
            .sticky_wrap .sec_item .circle_chk > li span{font-size: 90%;}
        }

    /* 진료안내 및 오시는 길 */
        .tour .map_wrap{padding-bottom: 100px;}
        .tour .map_wrap .w_custom{display: flex;flex-wrap: wrap;background: var(--point-color02);}
        .tour .map_wrap .thumb{width: 54.2%; aspect-ratio: auto 1.18; overflow: hidden; box-sizing: border-box; }
        .tour .map_wrap .thumb iframe{width: 100%; height: 100%;}
        .tour .map_wrap .exp_box{width: 45.8%;box-sizing: border-box;padding: clamp(30px, 3.2vw, 60px);}
        .tour .map_wrap .exp{position: relative;display: flex;flex-direction: column;justify-content: center;height: 100%;}
        .tour .map_wrap .addr_desc{font-size: var(--title-20);}
        .tour .map_wrap .addr_desc dt{font-size: 200%; font-weight: 700; color: var(--black-color00); font-family: var(--font-type02);}
            .tour .map_wrap .addr_desc dt + dd{margin-top: 26px;}
        .tour .map_wrap .addr_desc dd{font-size: inherit; font-weight: 500; color: var(--black-color03); line-height: 1.6;}
        .tour .map_wrap .info{border-top: 1px solid var(--border-color01);margin-top: 30px;padding-top: 30px; display: flex; flex-direction: column; gap: 30px;}
        .tour .map_wrap .info_desc{font-size: var(--title-20);color: var(--black-color03);display: flex;align-items: flex-start;}
        .tour .map_wrap .info_desc dt{font-size: max(15px, 90%);font-weight: 600;width: 127px;flex-shrink: 0;padding-right: 15px;box-sizing: border-box;display: flex;align-items: center;gap: 10px; letter-spacing: 0;}
            .tour .map_wrap .info_desc dt:before{display: inline-flex;content:'';width: 24px;height: 25px;background: no-repeat left center / 100% auto;flex-shrink: 0;}
            .tour .map_wrap .info_desc.number dt:before{background-image: url('../images/sub/tel_icon.svg');}
            .tour .map_wrap .info_desc.time dt:before{background-image: url('../images/sub/time_icon.svg');}
        .tour .map_wrap .info_desc dd{font-size: max(14px, 80%);font-weight: 500;display: flex;flex-direction: column;gap: 10px;line-height: 1.75;letter-spacing: 0;}
        .tour .map_wrap .info_desc .tel{font-size: 175%;font-weight: 600;line-height: 1;}
        .tour .map_wrap .info_desc dd span{display: flex;}
        .tour .map_wrap .info_desc dd span em{padding-right: 15px;flex-shrink: 0;font-weight: inherit;box-sizing: border-box;}
        .tour .map_wrap .info_desc dd small{font-size: inherit; color: var(--black-color06);}
        .tour .map_wrap .more_list{display: flex;flex-wrap: wrap;gap: 20px;padding-top: 20px;}
        .tour .map_wrap .more_list > li{position: relative; width: calc(100% / 3 - 13.34px); box-sizing: border-box;}
        .tour .map_wrap .more_list .link{position: absolute; inset: 0; z-index: 5;}
        .tour .map_wrap .link_desc{position: relative; text-align: center; font-size: var(--title-20); }
        .tour .map_wrap .link_desc dt{font-size: 0;width: 100%;max-width: 70px;margin-inline: auto;border-radius: var(--radius-15);overflow: hidden;box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
			.tour .map_wrap .link_desc dt + dd{margin-top: 17px;}
        .tour .map_wrap .link_desc dd{font-size: 90%; font-weight: 500; color: var(--black-color03);}

        @media (max-width:1023px){
            .tour .map_wrap{padding-bottom: clamp(70px, 10vw, 100px);}
            .tour .map_wrap .thumb{width: 100%;}
            .tour .map_wrap .exp_box{width: 100%;}
            .tour .map_wrap .addr_desc dt{font-size: 180%;}
            .tour .map_wrap .addr_desc dt + dd{margin-top: clamp(12px, 2.6vw, 26px);}
            .tour .map_wrap .info{margin-top: clamp(20px, 3vw, 30px);padding-top: clamp(20px, 3vw, 30px);gap: clamp(20px, 3vw, 30px);}
            .tour .map_wrap .info_desc dt:before{width: clamp(16px, 2.4vw, 24px);height: clamp(17px, 2.5vw, 25px);}
            .tour .map_wrap .info_desc dt{width: clamp(110px, 12.7vw, 127px);}
            .tour .map_wrap .info_desc dd{gap: clamp(5px, 1vw, 10px);}
            .tour .map_wrap .info_desc .tel{font-size: 165%;}

            .tour .map_wrap .more_list{padding-top: clamp(15px, 2vw, 20px);}
            .tour .map_wrap .link_desc dt{max-width: clamp(46px, 8vw, 70px);}
            .tour .map_wrap .link_desc dt + dd{margin-top: clamp(14px, 2vw, 17px);}
        }
        @media (max-width:640px){
            .tour .map_wrap .addr_desc dt{font-size: 160%;}
            .tour .map_wrap .info_desc .tel{font-size: 155%;}
        }
        @media (max-width:500px){
            .tour .map_wrap .info_desc{flex-wrap: wrap;gap: 12px;}
            .tour .map_wrap .info_desc dt{width: 100%; flex-shrink: unset;}
        }
        @media (max-width:479px){
            .tour .map_wrap .addr_desc dt{font-size: 140%;}
            .tour .map_wrap .addr_desc dd{font-size: 90%;}
            .tour .map_wrap .info_desc .tel{font-size: 135%;}
        }

        .sticky_tab{position: sticky;top:0;box-shadow:inset 0 -1px 0 var(--border-color04);box-sizing: border-box;z-index: 9; background: var(--point-color01); transition: all 0.4s;}
        .sticky_tab .tab_list{display: flex;justify-content: center;text-align: center;font-size: var(--title-20);gap: clamp(30px, 3vw, 50px);box-sizing: border-box;}
        .sticky_tab .tab_list > li{position: relative;font-size: 90%;font-weight: 400;color: var(--black-color06);line-height: 1.66;display: flex;align-items: center;justify-content: center;padding-block: 20px;transition: all 0.4s;cursor: pointer;letter-spacing: -0.035em;}
            .sticky_tab .tab_list > li:before{position: absolute; content: ''; left:50%; bottom:0; background: var(--black-color03); width: 0; height: 1px; translate: -50%; opacity: 0; transition: all 0.4s;}
            .sticky_tab .tab_list > li.on, .sticky_tab .tab_list:not(:has(li.on)) > li:first-child{font-weight: 600; color: var(--black-color03); }
            .sticky_tab .tab_list > li.on:not(:has(~ li.on)):before, .sticky_tab .tab_list:not(:has(li.on)) > li:first-child:before{width: 100%; opacity: 1;}

        .sticky_cont .sec_item{padding-block: 120px;}
        .sticky_cont .sec_item:nth-child(2n){background: var(--point-color02);}
        .sticky_cont .sec_item .w_custom{display: flex; align-items: flex-start; flex-wrap: wrap; gap: 40px 0;}
        .sticky_cont .sec_item .sub_title{width: 25.7%; padding-right: 50px; text-wrap: balance;}
        .sticky_cont .sec_item .info{width: 74.3%; box-sizing: border-box; }
        .sticky_cont .sec_item .icon_desc{display: flex; align-items: center; gap: 18px; font-size: var(--title-20);}
        .sticky_cont .sec_item .icon_desc dt{width: 60px;height: 60px;border-radius: 100%;background: var(--point-color09);padding:10px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
        .sticky_cont .sec_item .icon_desc dd{font-size: 130%;font-weight: 500;color: var(--black-color01);font-family: var(--font-type03);letter-spacing: -0.045em;}
        .sticky_cont .sec_item .list_item{border-top: 1px solid var(--border-color01); margin-top: 40px; padding-top: 40px; display: flex; flex-direction: column; gap: 20px; justify-content: flex-start;}
            .sticky_cont .sec_item .list_item:first-child{border-top: 0; margin-top: 0; padding-top: 0;}
        .sticky_cont .sec_item .noti_desc{position: relative;font-size: var(--title-20);padding: 20px;background: var(--point-color02);display: flex;justify-content: center;gap: 4px;}
            .sticky_cont .sec_item .bullet_list + .noti_desc{margin-top: 20px;}
        .sticky_cont .sec_item .noti_desc :is(dt, dd){font-size: 90%; color: var(--black-color03); line-height: 1.66;}
        .sticky_cont .sec_item .noti_desc dt{font-weight: 600;flex-shrink: 0;}
        .sticky_cont .sec_item .noti_desc dd{font-weight: 400;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .sticky_tab .tab_list > li:not(.on):hover{color: var(--black-color03);}
            }

        @media (max-width:1023px){
            .sticky_tab .tab_list{justify-content: flex-start;width: calc(100% + 60px);margin-left: -30px;padding-inline: 30px;overflow: hidden;overflow-x: auto; scroll-behavior: smooth;}
            .sticky_tab .tab_list > li{flex-shrink: 0; padding-block: clamp(12px, 2vw, 20px);}
            .sticky_cont .sec_item{padding-block: clamp(70px, 12vw, 120px);}
            .sticky_cont .sec_item .w_custom{row-gap: clamp(25px, 4vw, 40px);}
            .sticky_cont .sec_item .sub_title{width: 100%;}
            .sticky_cont .sec_item .info{width: 100%;}
            .sticky_cont .sec_item .icon_desc{gap: clamp(12px, 2vw, 18px);}
            .sticky_cont .sec_item .icon_desc dt{width: clamp(45px, 6vw, 60px); height: clamp(45px, 6vw, 60px);}
            .sticky_cont .sec_item .noti_desc{padding: clamp(15px, 2vw, 20px);}
            .sticky_cont .sec_item .bullet_list + .noti_desc{margin-top: clamp(0px, 2vw, 20px);}
        }

    /* 둘러보기 */
        .place_thumb{position: relative; font-size: 0; width: 100%; aspect-ratio: auto 1.79; overflow: hidden; margin-top: 0.3vw;}
        .place_thumb img{width: 100%; height: 100%; object-fit: cover;}
        .place_list{display: flex;flex-wrap: wrap;gap: 16px;margin-top: 20px;box-sizing: border-box;}
        .place_list > li{position: relative;font-size: 0;width: calc(100% / 6 - 13.34px);box-sizing: border-box;aspect-ratio: auto 1.57;overflow: hidden;cursor: pointer;}
            .place_list > li:before{position: absolute;content:'';inset: 0;border: 1px solid var(--trans-color);background: rgba(255,255,255,0.4);box-sizing: border-box;transition: all 0.4s;}
            .place_list > li.on:before{background: var(--trans-color);border-color: var(--black-color03);}
        .place_list img{width: 100%; height: 100%; object-fit: cover;}

        @media (max-width:1023px){
            .place_list{gap: 15px; margin-top: clamp(15px, 2vw, 20px);}
        }
        @media (max-width:860px){
            .place_list > li{width: calc(100% / 3 - 10px);}
        }
        @media (max-width:479px){
            .place_list{gap: 10px; margin-top: clamp(15px, 2vw, 20px);}
            .place_list > li{width: calc(100% / 3 - 6.67px);}
        }