/* Summit Seoul — Swiss Modernist theme */
:root{
  --red:#E34234;
  --ink:#111111;
  --paper:#FFFFFF;
  --mute:#F2F1EE;
  --grey:#6B6B6B;
  --gutter:24px;
  --pad:clamp(20px,4vw,56px);
  --font:"Inter","Noto Sans KR","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font)!important;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;counter-reset:sec;word-break:keep-all}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--red)}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,p{margin:0}
::selection{background:var(--red);color:#fff}

.container{max-width:1320px!important;width:100%;margin:0 auto;padding-left:var(--pad)!important;padding-right:var(--pad)!important}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:2px solid var(--ink)}
.header23{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo-links23{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.logo-links23:hover{color:var(--ink)}
.logo{width:34px;height:34px;object-fit:contain;filter:grayscale(1) contrast(1.4)}
.logo-links23::after{content:"";width:10px;height:10px;background:var(--red);display:inline-block;margin-left:-6px;align-self:flex-start;margin-top:4px}
.menu-list{display:flex;gap:0}
.menu-item_link{display:block;padding:8px 0 8px 40px;font-size:15px;font-weight:600;color:var(--ink);position:relative}
.menu-item_link::before{content:"";position:absolute;left:40px;right:0;bottom:2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.menu-item_link:hover{color:var(--ink)}
.menu-item_link:hover::before{transform:scaleX(1)}

.menu-btn{display:none;width:40px;height:40px;position:relative;cursor:pointer;z-index:3}
.span-btn{position:absolute;left:8px;width:24px;height:2px;background:var(--ink);transition:all .3s}
.menu-btn span:nth-of-type(1){top:13px}
.menu-btn span:nth-of-type(2){top:19px}
.menu-btn span:nth-of-type(3){top:25px}
.menu-btn.active span:nth-of-type(1){opacity:0}
.menu-btn.active span:nth-of-type(2){top:19px;transform:rotate(45deg);background:var(--red)}
.menu-btn.active span:nth-of-type(3){top:19px;transform:rotate(-45deg);background:var(--red)}
.menu{display:none;position:fixed;top:78px;left:0;right:0;bottom:0;background:var(--paper);padding:24px var(--pad);z-index:99}
.menu.active{display:block}
.menu-box-mobile li{border-bottom:1px solid var(--ink)}
.menu-box-mobile .menu-item_link{padding:20px 0;font-size:28px;font-weight:800;letter-spacing:-.02em}
.menu-box-mobile .menu-item_link::before{display:none}
@media (max-width:1199px){
  .nav{display:none}
  .menu-btn{display:block}
}

/* ---------- Hero ---------- */
.section-hero{position:relative;padding:clamp(72px,11vw,160px) 0 clamp(56px,7vw,96px);border-bottom:2px solid var(--ink);overflow:hidden}
.section-hero .container{position:relative}
.section-hero .container::before{content:"";display:block;width:clamp(56px,7vw,96px);height:clamp(56px,7vw,96px);background:var(--red);margin-bottom:clamp(32px,4vw,56px)}
.section-hero .container::after{content:"Summit Seoul — 서울";position:absolute;top:0;right:var(--pad);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--grey);border-top:2px solid var(--ink);padding-top:10px;width:220px}
.desc-title{font-size:clamp(44px,7.4vw,118px);line-height:1.04;font-weight:800;letter-spacing:-.045em;max-width:12.5em;color:var(--ink)}
.page-doc .desc-title,.page-thanks .desc-title{font-size:clamp(34px,5vw,72px)}
@media (max-width:767px){.section-hero .container::after{display:none}}

/* ---------- Section system ---------- */
section{position:relative}
.temaUSonsection,.howwork,.slick-section,.gallerysection,.Main,.acordionsection,.Forma{padding:clamp(72px,9vw,136px) 0;border-bottom:2px solid var(--ink)}
.temaUSon-left h2,.howwork-box h2,.slick-title,.gallerytitle,.main-title,.acrodd-tit,.frommtilt{
  counter-increment:sec;font-size:clamp(36px,5vw,76px);line-height:1.05;font-weight:800;letter-spacing:-.04em;color:inherit;text-align:left;margin:0 0 clamp(36px,5vw,64px)}
.temaUSon-left h2::before,.howwork-box h2::before,.slick-title::before,.gallerytitle::before,.main-title::before,.acrodd-tit::before,.frommtilt::before{
  content:counter(sec,decimal-leading-zero);display:block;font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--red);border-top:2px solid currentColor;border-color:var(--ink);padding-top:12px;margin-bottom:22px;width:clamp(120px,16vw,220px)}
.howwork-box h2::before{border-color:#fff}

/* ---------- Image strip ---------- */
.section-card{padding:var(--gutter) 0 0}
.Thumb123{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}
.card-item{overflow:hidden;background:var(--mute)}
.imgKardhed,.img33,.howwork-img-box img,.main-img{width:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .6s}
.imgKardhed{aspect-ratio:4/5}
.card-item:hover .imgKardhed,.row-galery .col:hover .img33,.row-galery [class*="col-"]:hover .img33{filter:none}
@media (max-width:767px){.Thumb123{grid-template-columns:repeat(2,1fr);gap:12px}}

/* ---------- About ---------- */
.temaUSon{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:start}
.temaUSon-left{grid-column:1 / span 5}
.temaUSon-left h2{margin-bottom:0}
.temaUSon-right{grid-column:7 / span 6;padding-top:38px}
.temaUSon-right-box p{font-size:clamp(20px,2vw,28px);line-height:1.5;font-weight:500;letter-spacing:-.015em}
.temaUSon-right-box p::first-letter{color:var(--red)}
@media (max-width:991px){.temaUSon-left,.temaUSon-right{grid-column:1 / -1}.temaUSon-right{padding-top:24px}}

/* ---------- Process (inverted) ---------- */
.howwork{background:var(--ink);color:#fff}
.howwork-box{display:flex;flex-direction:column}
.howwork-box p{font-size:18px;color:#bdbdbd;margin-top:-36px;margin-bottom:56px}
.howwork-main{display:grid;grid-template-columns:7fr 5fr;gap:calc(var(--gutter)*2);align-items:start}
.howwork-left{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--gutter);counter-reset:step}
.howworkThumb{counter-increment:step;border-top:1px solid #fff;padding:22px 0 44px;display:flex;flex-direction:column;gap:18px;position:relative}
.howworkThumb::after{content:counter(step,decimal-leading-zero);position:absolute;top:18px;right:0;font-size:44px;font-weight:800;letter-spacing:-.04em;color:#333;line-height:1}
.howwork-fill{width:34px;height:34px;color:var(--red)}
.howworkThumb p{font-size:16px;line-height:1.6;color:#e6e6e6;max-width:30ch}
.howwork-img-box figure{margin:0;border-left:12px solid var(--red)}
.howwork-img-box img{aspect-ratio:4/5}
@media (max-width:991px){.howwork-main{grid-template-columns:1fr}.howwork-box p{margin-top:-24px}}
@media (max-width:575px){.howwork-left{grid-template-columns:1fr}}

/* ---------- Testimonials ---------- */
.slick-section .carousel{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.background-carusel{background:none!important;padding:clamp(40px,5vw,72px) 0;border-radius:0!important}
.carusel-box{display:grid!important;grid-template-columns:120px 1fr;grid-template-areas:"img q" "img n" "img r";column-gap:clamp(24px,4vw,64px);row-gap:10px;align-items:start;text-align:left}
.carusel-box img{grid-area:img;width:120px!important;height:120px!important;object-fit:cover;filter:grayscale(1);border-radius:0!important;margin:0!important}
.carusel-box p{grid-area:q;font-size:clamp(22px,2.6vw,38px);line-height:1.35;font-weight:600;letter-spacing:-.025em;color:var(--ink);margin-bottom:28px!important;padding:0!important;text-align:left!important}
.carusel-box p::before{content:"“";display:block;color:var(--red);font-size:1.8em;line-height:.8;font-weight:800}
.carusel-box h4{grid-area:n;font-size:18px;font-weight:800;color:var(--ink);margin:0!important}
.carusel-box h5{grid-area:r;font-size:14px;font-weight:500;color:var(--grey);margin:0!important}
.carousel-indicators{position:static!important;margin:28px 0 0!important;justify-content:flex-start!important;gap:6px}
.carousel-indicators [data-bs-target]{width:48px!important;height:4px!important;margin:0!important;border:0!important;background:var(--ink)!important;opacity:.18!important;border-radius:0!important}
.carousel-indicators .active{background:var(--red)!important;opacity:1!important}
@media (max-width:575px){.carusel-box{grid-template-columns:1fr;grid-template-areas:"q" "img" "n" "r"}.carusel-box img{width:72px!important;height:72px!important;margin-bottom:12px!important}}

/* ---------- Gallery ---------- */
.gallerysection{background:var(--mute)}
.row-galery{--bs-gutter-x:var(--gutter);--bs-gutter-y:var(--gutter);margin-bottom:var(--gutter)}
.row-galery:last-child{margin-bottom:0}
.img33{height:clamp(220px,26vw,380px);transition:filter .5s}
.row-galery > div:nth-child(2) .img33{outline:0}
@media (max-width:767px){.row-galery > div{flex:0 0 100%;max-width:100%}}

/* ---------- Article ---------- */
.main-box{display:grid!important;grid-template-columns:5fr 7fr;gap:calc(var(--gutter)*2);align-items:start}
.main-images{position:sticky;top:110px}
.main-img{aspect-ratio:3/4;border-bottom:12px solid var(--red)}
.main-content{max-width:72ch}
.main-content p{margin-bottom:1.15em;color:#2a2a2a}
.main-content > p:first-child{font-size:21px;line-height:1.55;font-weight:500;color:var(--ink)}
.main-content strong{font-weight:800;color:var(--red)}
.main-content h2,.content-block h2{font-size:clamp(24px,2.4vw,34px);line-height:1.2;font-weight:800;letter-spacing:-.03em;margin:2.2em 0 .8em;padding-top:16px;border-top:2px solid var(--ink)}
.main-content ul,.content-block ul{margin:0 0 1.4em;border-top:1px solid #d7d7d7}
.main-content li,.content-block li{position:relative;padding:12px 0 12px 32px;border-bottom:1px solid #d7d7d7}
.main-content li::before,.content-block li::before{content:"";position:absolute;left:0;top:23px;width:16px;height:2px;background:var(--red)}
@media (max-width:991px){.main-box{grid-template-columns:1fr}.main-images{position:static}.main-img{aspect-ratio:16/10}}

/* ---------- FAQ ---------- */
.acord-box{display:block;border-top:2px solid var(--ink)}
.accordion{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:none;cursor:pointer;transition:color .2s}
.accordion h5{font-size:clamp(18px,1.8vw,24px);font-weight:700;letter-spacing:-.02em;margin:0}
.accordion svg{flex:0 0 28px;width:28px;height:28px;color:var(--red)}
.accordion .fa-minus{display:none}
.accordion.active1 .fa-minus{display:block}
.accordion.active1 .fa-plus{display:none}
.accordion:hover,.accordion.active1{color:var(--red)}
.panal{max-height:0;overflow:hidden;transition:max-height .35s ease}
.panal p{padding:24px 0 32px;max-width:70ch;color:#2a2a2a;font-size:17px}

/* ---------- Form ---------- */
.Forma{background:var(--red);color:#fff;border-bottom:0}
.Forma .col-md-12{display:grid;grid-template-columns:5fr 7fr;gap:calc(var(--gutter)*2);padding:0;width:100%}
.Forma .frommtilt::before{color:#fff;border-color:#fff}
.formsbox{display:flex!important;flex-direction:column;margin:0!important;gap:0}
.formsbox > *{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
.formsbox label{font-size:13px;font-weight:700;letter-spacing:.06em;margin-top:22px}
.input-custom--component-element,.textarea-custom--component-element{width:100%;border:0;border-bottom:2px solid #fff;background:transparent;color:#fff;font:500 20px/1.4 var(--font);padding:10px 0;border-radius:0;outline:none}
.textarea-custom--component-element{min-height:120px;resize:vertical}
.input-custom--component-element:focus,.textarea-custom--component-element:focus{border-bottom-color:var(--ink)}
.checkbox-box{display:flex;align-items:center;gap:12px;margin:28px 0}
.checkbox-box label{margin:0;font-size:15px;letter-spacing:0;font-weight:500}
.checkbox-box input{width:20px;height:20px;accent-color:var(--ink)}
.privacycolor{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.privacycolor:hover{color:var(--ink)}
.send_btn,.sub_btn{display:inline-flex;align-items:center;gap:14px;border:0;border-radius:0;background:var(--ink);color:#fff;font:700 17px/1 var(--font);padding:22px 36px;cursor:pointer;transition:background .2s,color .2s}
.send_btn::after,.sub_btn::after{content:"→";font-size:20px}
.send_btn:hover{background:#fff;color:var(--ink)}
@media (max-width:991px){.Forma .col-md-12{grid-template-columns:1fr;gap:0}}

/* ---------- Footer ---------- */
footer{background:var(--ink);color:#fff}
.footer{padding:clamp(64px,7vw,104px) 0 0}
.fotercont121{display:grid!important;grid-template-columns:2fr 1fr 1.4fr;gap:calc(var(--gutter)*2);margin:0!important}
.fotercont121 > div{width:auto!important;max-width:none!important;padding:0!important;border:0!important}
.footer h3{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--red);border-top:2px solid #fff;padding-top:12px;margin-bottom:22px}
.location_icon li,.link li{padding:8px 0;font-size:16px}
.location_icon li{display:flex;gap:12px;align-items:baseline}
.location_icon i{color:var(--red);font-size:14px}
.footer a:hover{color:var(--red)}
.bottom_form{display:flex;flex-direction:column;gap:16px;border-top:2px solid #fff;padding-top:46px}
.enter{width:100%;border:0;border-bottom:2px solid #fff;background:transparent;color:#fff;font:500 18px var(--font);padding:10px 0;outline:none;border-radius:0}
.enter::placeholder{color:#8a8a8a}
.enter:focus{border-bottom-color:var(--red)}
.sub_btn{background:var(--red);align-self:flex-start}
.sub_btn:hover{background:#fff;color:var(--ink)}
.copyright{margin-top:clamp(56px,6vw,96px);border-top:1px solid #333;padding:26px 0}
.copyright .row{margin:0}
.copygap{display:flex;flex-wrap:wrap;gap:12px 36px;padding:0!important;font-size:14px;color:#bdbdbd}
@media (max-width:991px){.fotercont121{grid-template-columns:1fr}}

/* ---------- Legal pages ---------- */
.content-block{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);padding:clamp(56px,7vw,104px) 0}
.content-block > div{grid-column:4 / span 8;max-width:78ch}
.content-block > div > h2:first-child{margin-top:0;font-size:clamp(30px,3.4vw,48px)}
.content-block p{margin-bottom:1.1em;color:#2a2a2a}
.content-block strong{font-weight:800}
@media (max-width:991px){.content-block > div{grid-column:1 / -1}}
.page-doc footer,.page-thanks footer{border-top:0}

/* ---------- Thank-you pages ---------- */
[id^="mainWrapp-"]{padding:clamp(72px,10vw,150px) 0!important;font-family:var(--font)!important;background:var(--paper)!important;color:var(--ink)!important}
[class*="box_main-"]{display:block!important;text-align:left!important;max-width:1320px;margin:0 auto;padding:0 var(--pad)}
[class*="mainBlock-"]{max-width:860px!important;margin:0!important;padding:8px 0 8px clamp(24px,3vw,40px)!important;background:none!important;border:0!important;border-left:12px solid var(--red)!important;border-radius:0!important;box-shadow:none!important;color:var(--ink)!important}
[class*="mainBlock-"] p{font-size:clamp(18px,1.8vw,23px)!important;line-height:1.55;font-weight:500;color:var(--ink)!important;margin-bottom:16px}
[class*="mainBlock-"] p:last-child{font-weight:800;margin-bottom:0}

/* ---------- Cookie banner ---------- */
body #cookie-warning{background:var(--ink);color:#fff;border-radius:0;box-shadow:none;border-top:6px solid var(--red);font-size:14px;line-height:1.55;max-width:440px;padding:22px 52px 22px 24px}
body #cookie-warning .close{color:#fff;font-size:24px;top:12px;right:14px;width:28px;height:28px}
body #cookie-warning .close:hover{color:var(--red)}