﻿/* 품다 × 모두투어 / CSS 전용 / JavaScript 없음 */

.mt-page{font-family:"Noto Sans KR","Malgun Gothic",sans-serif;color:#193c34;background:#fff;line-height:1.6}
.mt-page *{box-sizing:border-box}
.mt-wrap{max-width:1120px;width:calc(100% - 36px);margin:auto}

.mt-hero{background:radial-gradient(circle at 96% 25%,transparent 0 180px,rgba(120,69,210,.075) 181px 270px,transparent 271px),linear-gradient(115deg,#f2fcf8,#e2f7ee);padding:62px 0 72px}
.mt-brand{font-size:36px;font-weight:900;color:#009e7e;letter-spacing:-2px}
.mt-logo{color:#12cbd4}
.mt-kicker{margin:34px 0 14px;font-size:13px;font-weight:800;letter-spacing:2px;color:#009e7e}
.mt-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.32;letter-spacing:-2px;margin:0 0 20px}
.mt-hero-desc{font-size:18px;color:#5e766e;margin:0 0 28px}
.mt-hero-cta{display:inline-block;border:1px solid #bfe9dc;background:white;color:#008e72!important;text-decoration:none!important;border-radius:40px;padding:11px 22px;font-weight:800}

.mt-main{padding-top:36px;padding-bottom:40px}
.mt-intro{text-align:center;margin-bottom:25px;scroll-margin-top:20px}
.mt-intro span{font-size:12px;color:#008e72;letter-spacing:2px;font-weight:800}
.mt-intro h2{font-size:25px;color:#155b4d;margin:7px 0}
.mt-intro p{margin:0;color:#61766f}
.mt-tabs{position:relative}
.mt-tabs>input{position:absolute;opacity:0;width:1px;height:1px}
.mt-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}
.mt-nav label{display:flex;justify-content:center;align-items:center;min-height:57px;border:1px solid #d4ece5;border-radius:10px;background:#f5fbf8;font-size:16px;font-weight:800;cursor:pointer}
.mt-nav label:hover{border-color:#009e7e}
.mt-panel{display:none}
.mt-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mt-panel-head h3{font-size:25px;color:#155b4d;margin:0}
.mt-count{color:#688078;font-size:13px}
.mt-cards{display:grid;grid-template-columns:1fr;gap:16px}
.mt-card{display:grid;grid-template-columns:40% 60%;border:1px solid #dceee9;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #126b490d;min-height:200px}
.mt-photo{height:210px}
.mt-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mt-info{padding:25px 30px;display:flex;flex-direction:column;align-items:flex-start}
.mt-info h4{font-size:26px;color:#154e40;margin:0 0 7px}
.mt-desc{font-size:15px;color:#647970;margin:0 0 18px}
.mt-link{margin-top:auto;background:#009e7e;color:#fff!important;text-decoration:none!important;border-radius:28px;padding:11px 22px;font-weight:800;font-size:14px}
.mt-link:hover{background:#007b63}
.mt-note{font-size:12px;color:#698178;margin-top:20px}
.mt-footer{background:#007c66;color:#fff;padding:34px 0}
.mt-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.mt-footer h2{margin:4px 0;font-size:23px}
.mt-footer p{margin:0;font-size:13px}
.mt-footer-eyebrow{font-size:11px;letter-spacing:2px}
.mt-footer-tag{border:1px solid #8cd6c2;border-radius:30px;padding:10px 18px;font-size:13px}

/* 국가별 탭 선택 */

#mt-tab-0:checked ~ .mt-nav label:nth-child(1){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-0:checked ~ .mt-panels .mt-panel-0{display:block}

#mt-tab-1:checked ~ .mt-nav label:nth-child(2){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-1:checked ~ .mt-panels .mt-panel-1{display:block}

#mt-tab-2:checked ~ .mt-nav label:nth-child(3){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-2:checked ~ .mt-panels .mt-panel-2{display:block}

#mt-tab-3:checked ~ .mt-nav label:nth-child(4){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-3:checked ~ .mt-panels .mt-panel-3{display:block}

#mt-tab-4:checked ~ .mt-nav label:nth-child(5){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-4:checked ~ .mt-panels .mt-panel-4{display:block}

#mt-tab-5:checked ~ .mt-nav label:nth-child(6){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-5:checked ~ .mt-panels .mt-panel-5{display:block}

#mt-tab-6:checked ~ .mt-nav label:nth-child(7){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-6:checked ~ .mt-panels .mt-panel-6{display:block}

#mt-tab-7:checked ~ .mt-nav label:nth-child(8){background:#009e7e;color:white;border-color:#009e7e}
#mt-tab-7:checked ~ .mt-panels .mt-panel-7{display:block}

/* 모바일 반응형 */

@media(max-width:700px){
.mt-hero{padding:36px 0 44px}
.mt-brand{font-size:28px}
.mt-kicker{margin-top:24px}
.mt-hero-desc{font-size:15px}
.mt-intro h2{font-size:20px}
.mt-nav{gap:6px}
.mt-nav label{font-size:12px;min-height:48px}
.mt-card{grid-template-columns:1fr}
.mt-photo{height:190px}
.mt-info{padding:19px}
.mt-info h4{font-size:23px}
.mt-footer-inner{display:block}
.mt-footer-tag{display:inline-block;margin-top:16px}
}

/* V6: 확정 상단 카피 및 로고 */

.mt-hero{padding:62px 0 67px}
.mt-brand{display:flex;align-items:center;gap:13px;letter-spacing:-2.4px;font-size:45px;line-height:1.1}
.mt-brand-mark{display:block;width:61px;height:55px;flex:none}
.mt-brand-name{font-weight:900;color:#009e7e}
.mt-hero h1{margin:50px 0 16px;font-size:clamp(32px,4.5vw,55px);letter-spacing:-2px;color:#193c34}
.mt-hero-strong{font-size:clamp(17px,2.2vw,24px);font-weight:800;color:#234b42;margin:0 0 26px}
.mt-intro h2{font-size:clamp(22px,2.7vw,31px);line-height:1.4;letter-spacing:-.8px}

@media(max-width:700px){
.mt-hero{padding:36px 0 44px}
.mt-brand{font-size:32px;gap:9px}
.mt-brand-mark{width:45px;height:42px}
.mt-hero h1{margin:34px 0 12px;letter-spacing:-1.2px}
.mt-hero-strong{margin-bottom:22px}
.mt-intro h2{font-size:22px}
}

/* PUMDA HOW IT WORKS */

.mt-how{background:#fff;padding:47px 0 38px;border-bottom:1px solid #f0e9df}
.mt-how-top{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:27px;border-bottom:1px solid #e8dac8}
.mt-how-eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;color:#842944}
.mt-how-top h2{font-size:30px;color:#073c46;letter-spacing:-1px;margin:12px 0 0}
.mt-how-top>p{color:#5c7586;font-size:14px;line-height:1.9;margin:0}
.mt-how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:28px}
.mt-how-step{display:grid;grid-template-columns:46px 1fr;gap:12px;position:relative}
.mt-how-step:not(:last-child):after{content:'→';position:absolute;right:-19px;top:12px;color:#8ca3ac;font-size:25px}
.mt-how-icon{font-family:Georgia,serif;font-size:39px;color:#bf974d;line-height:1}
.mt-how-num{color:#842944;font-size:13px}
.mt-how-step h3{font-size:17px;color:#073c46;margin:5px 0 11px}
.mt-how-step p{font-size:13px;line-height:1.85;color:#61758a;margin:0}

@media(max-width:800px){
.mt-how-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
.mt-how-step:nth-child(2):after{display:none}
}

@media(max-width:540px){
.mt-how{padding:32px 0}
.mt-how-top{display:block}
.mt-how-top h2{font-size:25px}
.mt-how-top>p{margin-top:12px}
.mt-how-steps{grid-template-columns:1fr;gap:24px}
.mt-how-step:not(:last-child):after{display:none}
}

/* V8: preserve entire source photo, no cropping */

.mt-page .mt-photo{background:#f3faf7;}
.mt-page .mt-photo img{object-fit:contain;object-position:center center;}

/* V9 제주도 800x500 단일 테스트: 나머지 카드 변경 없음 */

.mt-page .mt-photo-jeju-test{height:auto;aspect-ratio:8/5;overflow:hidden;}
.mt-page .mt-photo-jeju-test img{width:100%;height:100%;object-fit:contain;}

@media(max-width:700px){
.mt-page .mt-photo-jeju-test{height:auto;aspect-ratio:8/5;}
}

/* v10: four uploaded 800x500 test images only */

.mt-page .mt-photo-ratio-test{height:auto;aspect-ratio:8/5;overflow:hidden;}
.mt-page .mt-photo-ratio-test img{width:100%;height:100%;object-fit:contain;}

@media(max-width:700px){
.mt-page .mt-photo-ratio-test{height:auto;aspect-ratio:8/5;}
}

/* V11: 800 x 500 image canvas for every destination */

.mt-page .mt-photo{height:auto!important;aspect-ratio:8 / 5;overflow:hidden;background:#f3faf7;}
.mt-page .mt-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}

/* V13: panel heading flags only; navigation unchanged */

.mt-page .mt-country-flag{display:inline-block;width:30px;height:20px;object-fit:cover;vertical-align:middle;margin-right:8px;border-radius:2px;border:1px solid rgba(0,0,0,.08)}

/* 모두투어 브랜드 전용: 하나투어 V13 레이아웃 유지 */

.mt-page .mt-hero{
background:radial-gradient(circle at 96% 25%,transparent 0 180px,rgba(0,165,130,.075) 181px 270px,transparent 271px),linear-gradient(115deg,#f3fcf8,#e2f7ee)
}

.mt-page .mt-mode-logo{
display:block;
width:min(320px,80vw);
height:auto;
max-height:75px;
object-fit:contain;
object-position:left center
}

.mt-page .mt-hero h1{color:#009e7e!important}
.mt-page .mt-nav label:hover{border-color:#009e7e}
.mt-page .mt-link:hover{background:#007b63}

@media(max-width:700px){
.mt-page .mt-mode-logo{width:min(250px,75vw)}
}