/* 품다 × 한진트래블 | 전체 CSS | JavaScript 없음 */
.hj-page{font-family:"Noto Sans KR","Malgun Gothic",sans-serif;color:#243447;background:#fff;line-height:1.65}
.hj-page *{box-sizing:border-box}
.hj-wrap{max-width:1120px;width:calc(100% - 36px);margin:auto}
.hj-hero{background:radial-gradient(circle at 95% 22%,transparent 0 170px,rgba(80,155,240,.09) 171px 260px,transparent 261px),linear-gradient(115deg,#f8fbff,#e4f0ff);padding:62px 0 67px}
.hj-brand-logo{display:block;width:min(350px,85vw);height:auto;max-height:68px;object-fit:contain;object-position:left}
.hj-kicker{margin:38px 0 12px;color:#235bb2;font-size:12px;font-weight:800;letter-spacing:2.2px}
.hj-hero h1{font-size:clamp(32px,4.5vw,55px);letter-spacing:-2px;line-height:1.3;color:#051469;margin:0 0 14px}
.hj-hero-strong{font-size:clamp(17px,2.2vw,24px);font-weight:800;color:#17367a;margin:0 0 15px}
.hj-hero-desc{font-size:16px;color:#61738d;margin:0 0 26px}
.hj-hero-cta{display:inline-block;background:#fff;border:1px solid #b9ceee;color:#051469!important;text-decoration:none!important;padding:11px 22px;border-radius:40px;font-size:14px;font-weight:800}
.hj-how{background:#fff;padding:47px 0 38px;border-bottom:1px solid #edf1f7}
.hj-how-top{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:27px;border-bottom:1px solid #e0e8f3}
.hj-how-eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;color:#842944}
.hj-how-top h2{font-size:30px;color:#073c46;letter-spacing:-1px;margin:12px 0 0}
.hj-how-top>p{color:#5c7586;font-size:14px;line-height:1.9;margin:0}
.hj-how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:28px}
.hj-how-step{display:grid;grid-template-columns:46px 1fr;gap:12px;position:relative}
.hj-how-step:not(:last-child):after{content:'→';position:absolute;right:-19px;top:12px;color:#8ca3ac;font-size:25px}
.hj-how-icon{font-family:Georgia,serif;font-size:39px;color:#bf974d;line-height:1}
.hj-how-num{color:#842944;font-size:13px}
.hj-how-step h3{font-size:17px;color:#073c46;margin:5px 0 11px}
.hj-how-step p{font-size:13px;line-height:1.85;color:#61758a;margin:0}
.hj-main{padding-top:38px;padding-bottom:45px}
.hj-intro{text-align:center;margin-bottom:27px}
.hj-intro span{font-size:12px;letter-spacing:2px;font-weight:800;color:#235bb2}
.hj-intro h2{font-size:clamp(22px,2.7vw,31px);color:#051469;line-height:1.4;margin:8px 0}
.hj-intro p{margin:0;color:#657791;font-size:15px}
.hj-tabs{position:relative}
.hj-tabs>input{position:absolute;opacity:0;width:1px;height:1px}
.hj-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:30px}
.hj-nav label{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;border:1px solid #d6e3f5;background:#f7faff;color:#17367a;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer}
.hj-nav label:hover{border-color:#051469}
.hj-tabs>input:focus-visible~.hj-nav{outline:2px solid #3276b8;outline-offset:4px}
.hj-panel{display:none}
.hj-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.hj-panel-head h3{font-size:25px;color:#051469;margin:0}
.hj-count{color:#7c8ca3;font-size:13px}
.hj-cards{display:grid;grid-template-columns:1fr;gap:16px}
.hj-card{display:grid;grid-template-columns:40% 60%;min-height:200px;border:1px solid #dfe8f4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 20px rgba(5,20,105,.055)}
.hj-photo{width:100%;aspect-ratio:8/5;background:#edf4ff;overflow:hidden}
.hj-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hj-info{padding:24px 30px;display:flex;flex-direction:column;align-items:flex-start}
.hj-info h4{font-size:26px;color:#0b276d;margin:0 0 7px}
.hj-desc{font-size:15px;color:#66788e;margin:0 0 18px}
.hj-link{margin-top:auto;background:#051469;color:#fff!important;text-decoration:none!important;border-radius:28px;padding:11px 22px;font-weight:800;font-size:14px}
.hj-link:hover{background:#234aab}
.hj-note{font-size:12px;color:#708099;margin-top:20px}
.hj-footer{background:#051469;color:#fff;padding:34px 0}
.hj-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hj-footer h2{margin:4px 0;font-size:23px}
.hj-footer p{margin:0;font-size:13px}
.hj-footer-eyebrow{font-size:11px;letter-spacing:2px;color:#b9cdfc}
.hj-footer-tag{border:1px solid #8299dc;border-radius:30px;padding:10px 18px;font-size:13px}
@media(max-width:800px){.hj-how-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.hj-how-step:nth-child(2):after{display:none}}
@media(max-width:700px){.hj-hero{padding:36px 0 44px}.hj-brand-logo{width:min(270px,80vw)}.hj-kicker{margin-top:27px}.hj-hero-desc{font-size:15px}.hj-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hj-nav label{min-height:46px;font-size:13px}.hj-card{grid-template-columns:1fr}.hj-info{padding:19px}.hj-info h4{font-size:23px}.hj-footer-inner{display:block}.hj-footer-tag{display:inline-block;margin-top:16px}}
@media(max-width:540px){.hj-how{padding:32px 0}.hj-how-top{display:block}.hj-how-top h2{font-size:25px}.hj-how-top>p{margin-top:12px}.hj-how-steps{grid-template-columns:1fr;gap:24px}.hj-how-step:not(:last-child):after{display:none}}

/* 국가코드 및 국기 */
.hj-nav label{gap:6px}.hj-code{font-size:11px;letter-spacing:.6px;opacity:.72}.hj-country-flag{width:30px;height:20px;object-fit:cover;vertical-align:middle;margin-right:8px;border-radius:2px;border:1px solid rgba(0,0,0,.08)}
.hj-theme-icon{display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#051469;font-size:70px;min-height:200px}.hj-theme-pending{margin-top:auto;color:#657791;background:#eef3fa;border-radius:22px;padding:9px 17px;font-size:13px;font-weight:700}
@media(max-width:700px){.hj-theme-icon{min-height:110px}}

.hj-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#hj-tab-0:checked ~ .hj-nav label:nth-child(1){background:#051469;color:white;border-color:#051469}
#hj-tab-0:checked ~ .hj-panels .hj-panel-0{display:block}
#hj-tab-1:checked ~ .hj-nav label:nth-child(2){background:#051469;color:white;border-color:#051469}
#hj-tab-1:checked ~ .hj-panels .hj-panel-1{display:block}
#hj-tab-2:checked ~ .hj-nav label:nth-child(3){background:#051469;color:white;border-color:#051469}
#hj-tab-2:checked ~ .hj-panels .hj-panel-2{display:block}
#hj-tab-3:checked ~ .hj-nav label:nth-child(4){background:#051469;color:white;border-color:#051469}
#hj-tab-3:checked ~ .hj-panels .hj-panel-3{display:block}
#hj-tab-4:checked ~ .hj-nav label:nth-child(5){background:#051469;color:white;border-color:#051469}
#hj-tab-4:checked ~ .hj-panels .hj-panel-4{display:block}
#hj-tab-5:checked ~ .hj-nav label:nth-child(6){background:#051469;color:white;border-color:#051469}
#hj-tab-5:checked ~ .hj-panels .hj-panel-5{display:block}
#hj-tab-6:checked ~ .hj-nav label:nth-child(7){background:#051469;color:white;border-color:#051469}
#hj-tab-6:checked ~ .hj-panels .hj-panel-6{display:block}
#hj-tab-7:checked ~ .hj-nav label:nth-child(8){background:#051469;color:white;border-color:#051469}
#hj-tab-7:checked ~ .hj-panels .hj-panel-7{display:block}
@media(max-width:700px){.hj-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}