@charset "utf-8";

/* 공통 */
.sec-mg-10 {margin-bottom:10px;}
.sec-mg-20 {margin-bottom:20px;}
.sec-mg-30 {margin-bottom:30px;}
.sec-mg-50 {margin-bottom:50px;}
.sec-mg-100 {margin-bottom:100px;}
.sec-mg-120 {margin-bottom:120px;}

/* Brand */
.brand-title {padding:50px 0 40px; text-align:center;}
.brand-title p {margin-bottom:6px; color:#454545; font-size:var(--font-size-20); line-height:1.33em;}
.brand-title h2 {font-size:var(--font-size-35); line-height:1.33em;}

.brand-image img {width:100%;}
.brand-image .img-indent {margin-right:-160px;}
.brand-image .img-indent-2 {margin-left:-160px;}

.brand-content.pd {padding:70px 0;}
.brand-content h2 {margin-bottom:24px; font-size:var(--font-size-40); line-height:1.33em; letter-spacing:-.03em;}
.brand-content h2.st2 {font-size:var(--font-size-35);}
.brand-content h3 {margin-bottom:36px; font-size:var(--font-size-24); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.brand-content p {color:#454545; font-size:var(--font-size-20); line-height:1.65em; letter-spacing:-.03em;}
.brand-content p:not(:last-child) {margin-bottom:18px;}
.brand-content .text-indent {margin-left:40px;}
.brand-content .text-indent-2 {margin-left:100px; margin-top:-10px;}
.brand-content .medium-text {font-size:var(--font-size-22);}
.brand-content .large-text {font-size:var(--font-size-24);}
.brand-content .btn-veiw-more {width:180px; height:55px; margin-top:30px; background:var(--color-primary); font-size:var(--font-size-16); color:#fff;}
.brand-content.space-right .text-indent {margin-left:0; margin-right:40px;}

.brand-between {display:flex; align-items:center;}
.brand-between .brand-content {flex:1 1 auto; min-width:0; width:1%;}
.brand-between .brand-img {width:50%;}
.brand-between .brand-img.w55 {width:55%;}
.brand-between .brand-img.w48 {width:48%;}
.brand-between .brand-img.w45 {width:45%;}
.brand-between.reverse {flex-direction:row-reverse;}
.brand-between.flex-end {align-items:flex-end;}
.brand-between.flex-end .brand-content {padding-bottom:20px;}
.brand-between.flex-end .brand-content.pdb50 {padding-bottom:50px;}
.brand-between.gap-100 {gap:100px;}
.brand-between.gap-80 {gap:80px;}
.brand-between.gap-70 {gap:70px;}
.brand-between.gap-60 {gap:60px;}
.brand-between.collabo {background:#011513;}
.brand-between.collabo .brand-content {padding:110px;}
.brand-between.collabo .brand-content h2 {margin-bottom:40px; color:#fff;}
.brand-between.collabo .brand-content p {color:#fff;}
.brand-between.collabo .btn-veiw-more {width:180px; height:55px; margin-top:30px; background:var(--color-primary); font-size:var(--font-size-16); color:#fff;}

.brand-img.shadow {position:relative;}
.brand-img.shadow:before {content:''; position:absolute; background:#efefef;}
.brand-img.shadow img {display:block; position:relative;}
.brand-img.shadow.shadow-left {padding:0 0 40px 40px;}
.brand-img.shadow.shadow-left:before {top:40px; left:0; right:40px; bottom:0;}
.brand-img.shadow.shadow-right {padding:0 40px 40px 0;}
.brand-img.shadow.shadow-right:before {top:40px; left:40px; right:0; bottom:0;}

.brand-img.shadow-2 {position:relative; padding-bottom:60px;}
.brand-img.shadow-2:before {content:''; position:absolute; left:-60px; bottom:0; width:210px; height:204px; background:#006c62;}
.brand-img.shadow-2 img {display:block; position:relative;}

.brand-video {position:relative; height:56.25vw; max-height:760px; overflow:hidden;}
.brand-video video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.brand-video.h-860 {max-height:860px;}

.wise-saying .saying {padding-left:1.2em; text-indent:-1.2em; color:#242424; font-size:var(--font-size-28); line-height:1.43em;}
.wise-saying .quotes {font-size:var(--font-size-70); line-height:0; opacity:.2;}
.wise-saying .quotes.start {vertical-align:middle;}
.wise-saying .quotes.end {vertical-align:bottom;}
.wise-saying .name {margin-top:24px; line-height:1.4em; text-align:right;}
.wise-saying .name.st2 {margin-left:2em; padding-left:.6em; text-indent:-.6em; text-align:left;}

.brand-image-gray-between {display:flex; max-width:1700px; margin:0 auto; padding:var(--contain-padding); background:#f8f8f8;}

.section-bg {padding:var(--section-padding) 0; background:#f8f8f8;}

.no-time-models {display:flex; flex-wrap:wrap;}
.no-time-models .item {width:50%;}
.no-time-models img {width:100%;}

.partnerships h2 {margin-bottom:40px; font-size:var(--font-size-40); line-height:1.3em;}
.partnerships .wrap {display:flex;}
.partnerships .reverse {flex-direction:row-reverse;}
.partnerships .reverse .content {align-items:flex-end;}
.partnerships .reverse .inner {}
.partnerships .image {width:calc(50% + 80px);}
.partnerships .image img {width:100%;}
.partnerships .content {display:flex; flex-direction:column; justify-content:flex-end; flex:1 1 auto; min-width:0; width:1%; padding:70px 80px;}
.partnerships .inner {position:relative; width:100%; max-width:640px; padding:40px 0 0 30px;}
.partnerships .num {position:absolute; top:0; left:0; font-size:var(--font-size-60); font-weight:700; line-height:1.3em; opacity:.1;}
.partnerships .tt {position:relative; font-family:'AstonMartinFlare','Pretendard',sans-serif; font-size:var(--font-size-24); font-weight:600; line-height:1.5em;}
.partnerships .btn-veiw-more {width:120px; height:50px; margin-top:20px; background:var(--color-primary); font-size: var(--font-size-16); color:#fff;}

.Q-hero {position:relative; text-align:center; color:#fff;}
.Q-hero img {width:100%;}
.Q-hero .title {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; padding:var(--contain-padding);}
.Q-hero .title p {margin-bottom:20px; font-size:var(--font-size-20); line-height:1em;}
.Q-hero .title h2 {font-size:var(--font-size-60); font-weight:500; line-height:1em;}

.image-slider .swiper-slide img {width:100%;}
.image-slider .swiper-button {width:60px; height:60px; margin-top:-30px; background-size:contain;}
.image-slider .swiper-button-next {right:30px; background-image:url('../images/sub/slide-next.svg');}
.image-slider .swiper-button-prev {left:30px; background-image:url('../images/sub/slide-prev.svg');}
.image-slider .swiper-pagination {bottom:20px; width:70px; left:50%; margin-left:-35px; background:rgba(0,0,0,.3); border-radius:30px; color:#d1d1d1; line-height:32px;}
.image-slider .swiper-pagination-current {color:#fff;}

.models-slider {padding:var(--section-padding); background:#f8f8f8;}
.models-slider .swiper-slide img {width:100%;}
.models-slider .swiper-slide .cnt {position:absolute; bottom:0; left:0; width:100%; padding:50px 40px; color:#fff;}
.models-slider .swiper-slide .tit {font-size:var(--font-size-35); font-weight:700; line-height:1.33em;}
.models-slider .swiper-slide .btn-veiw-more {width:140px; height:55px; margin-top:20px; background:var(--color-primary); font-size:var(--font-size-16); color:#fff;}
.models-slider .swiper-button {position:static; width:50px; height:50px; margin:0; background-size:13px auto; border:1px solid #505050; border-radius:100%;}
.models-slider .swiper-button-next {background-image:url('../images/sub/slide2-next.svg');}
.models-slider .swiper-button-prev {background-image:url('../images/sub/slide2-prev.svg');}
.models-slider .swiper-pagination {position:static;}
.models-slider .swiper-pagination-bullet {width:10px; height:10px; margin:0 4px; opacity:1; background:#ddd;}
.models-slider .swiper-pagination-bullet-active {background:var(--color-primary);}
.models-slider .controls {display:flex; align-items:center; justify-content:space-between; margin-top:var(--section-padding);}

/* Models */
.page-models .contain {max-width: 1860px;}
.page-models .sec-space {padding: var(--space-100) 0;}
.models-hero {position:relative; overflow:hidden; height:calc(100vh - var(--header-height));}
.models-hero img,
.models-hero video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.models-hero-content {position:absolute; bottom:0; left:0; width:100%; padding:100px; color:#fff;}
.models-hero-content .text-area {margin-bottom:30px;}
.models-hero-content .text-area p {margin-bottom:8px; font-size:var(--font-size-20); font-weight:700; line-height:1.4em;}
.models-hero-content .text-area h2 {font-size:var(--font-size-50); line-height:1.3em;}
.models-hero-content .btn-area {display:flex; gap:20px;}
.models-hero-content .btn-area .btn {display:flex; flex-direction:column; justify-content:center; align-items:center; width:160px; height:65px; font-size:var(--font-size-18); font-weight:500; line-height:1.3em;}
.models-hero-content .btn-area .btn.st1 {background:#fff; color:var(--color-primary);}
.models-hero-content .btn-area .btn.st2 {border:1px solid rgba(255,255,255,.3); color:#fff;}

.models-description {display: flex; align-items: center;}
.models-description.reverse {flex-direction: row-reverse;}
.models-description .txt {flex: 1; max-width: 977px; margin-left: auto; padding:60px 80px; font-size: var(--font-size-20); line-height: 1.6em;}
.models-description .txt {margin-left: 0; margin-right: auto;}
.models-description h2 {margin-bottom: var(--space-35); font-size: var(--font-size-32); font-weight: 400; line-height: 1.5em;}
.models-description .desc span {display: inline-block;}
.models-description .desc p:not(:last-child) {margin-bottom: 1.4em;}
.models-description .img {width: 50%; padding-left: 32px;}
.models-description .img img {width: 100%;}

.models-counter {padding:clamp(40px, calc(140 / var(--inner) * 100vw), 140px) 0 clamp(30px, calc(40 / var(--inner) * 100vw),40px); background: url('/images/sub/bg-models-counter.jpg') no-repeat center center; background-size: cover; color: #fff;}
.models-counter .row {display:flex;justify-content: center; margin-bottom: clamp(30px, calc(85 / var(--inner) * 100vw), 85px);}
.models-counter .col {flex:1; max-width: 450px; padding:28px 40px;}
.models-counter .col:not(:last-child) {border-right:1px solid rgba(255,255,255,.2);}
.models-counter dt {margin-bottom:10px; font-size:var(--font-size-16); font-weight:500; line-height:1.4em;}
.models-counter dt span {margin-left: 15px; opacity: .5;}
.models-counter dd {font-size:80px; font-weight:400; line-height:1em;}
.models-counter p {margin-top: 10px; font-size: var(--font-size-14); text-align: center; opacity: .4; font-weight: 500;}

.models-spec {display: flex; justify-content: center; font-weight: 500;}
.models-spec span {display: flex; align-items: center;}
.models-spec span strong {margin-left: 18px;}
.models-spec span:not(:last-child):after {content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 28px; background: #fff; border-radius: 100%; opacity:.5;}

.page-models {overflow: hidden;}
.bg-gray {background: #f4f4f2;}
.models-magazine .sec-tit {display: flex; align-items: center; margin-bottom: clamp(30px, calc(60 / var(--inner) * 100vw), 60px); color: #242424;}
.models-magazine h2 { font-family:'AstonMartinFlare',sans-serif; font-size:clamp(22px, calc(54 / var(--inner) * 100vw), 54px); line-height: 1.3em;}
.models-magazine .tit-desc {display: flex; flex: 1;}
.models-magazine .tit-desc:before {display: flex; content: ''; width: 3px; margin-top: 5px; margin-bottom: 5px; margin-left:clamp(20px, calc(100 / var(--inner) * 100vw), 100px); margin-right: clamp(15px, calc(25 / var(--inner) * 100vw), 25px); background: #00665e;}
.magazine-top {display: flex;}
.models-magazine-cnt .group {display: flex; flex-direction: row-reverse;}
.models-magazine-cnt .group.magazine-large, .models-magazine-cnt {display: flex;flex-direction: column;}
.models-magazine-cnt .group, .magazine-right {flex: 1;}
.magazine-right {display: flex; flex-direction: column;}
.magazine-right .img,
.magazine-bot .img {width: 45.0237%;}
.models-magazine-cnt .group .img img {height: 100%;object-fit:cover;}
.models-magazine-cnt .group.magazine-bot {flex-direction: row; gap: 0;}
.magazine-top, .magazine-right, .models-magazine-cnt, .magazine-bot {display: flex; gap: 32px;}
.magazine-txt {flex:1; padding: clamp(25px, calc(45 / var(--inner) * 100vw), 45px) clamp(20px, calc(35 / var(--inner) * 100vw), 35px) 15px; background: #f8f8f8; font-size: var(--font-size-16); color: #242424;}
.group.magazine-bot .img {width: 49.090909%;}
.magazine-large .magazine-txt,
.magazine-bot.group .magazine-txt {padding-right: clamp(20px, calc(80 / var(--inner) * 100vw), 80px);}
.bg-gray .magazine-txt {background: #fff;}
.magazine-keyword {margin-bottom:clamp(5px, calc(10 / var(--inner) * 100vw), 10px); letter-spacing: 0; font-size: var(--font-size-16);}
.magazine-txt h3 {margin-bottom: clamp(15px, calc(25 / var(--inner) * 100vw), 25px);font-size: var(--font-size-28); line-height: 1.2em;}
.magazine-txt h3 span {display: inline-block;}

.models-slider-items {position: relative;}
.models-slider-items .item {position: relative;}
.models-slider-items .bg-img img {width: 100%;}
.models-slide-txt {position: absolute; bottom:170px; left: 50%; width: 100%; max-width: 1820px; padding: 0 var(--contain-padding); transform: translateX(-50%); color: #fff;}
.models-slide-txt strong {display: block; margin-bottom: 20px; font-family:'AstonMartinFlare',sans-serif; font-size: var(--font-size-32); line-height: 1.2em;}
.models-slide-txt div {height: 0;}
.models-slide-txt .magazine-keyword {height: auto;}
.models-func {position: absolute; bottom: 28px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: clamp(20px, calc(215 / var(--inner) * 100vw), 215px); padding: 0 30px;}
.models-slide-arrow {display: block; width: 68px; height: 23px; background: url('/images/sub/arrow-models.png') no-repeat center center; background-size: contain; cursor: pointer;}
.models-slide-arrow.models-next {transform: scaleX(-1);}
.models-paginate ul {display: flex; gap: 8px; line-height: 0;}
.models-paginate button {width: 48px; height: 2px; background: #fff; border: 0; opacity: .5; overflow: hidden; text-indent: -9999em;}
.models-paginate .slick-active button {opacity: 1;}

.models-intro .image {padding-right:8%;}
.models-intro .image img {width:100%;}
.models-intro .content {position:relative; margin-top:-40px; padding:45px 60px 0; border-radius:50px 0 0 0; background:#fff;}
.models-intro h2 {margin-bottom:16px; font-size:var(--font-size-35); line-height:1.33em; letter-spacing:-.03em;}
.models-intro p {color:#454545; font-size:var(--font-size-20); line-height:1.65em; letter-spacing:-.03em;}
.models-intro p:not(:last-child) {margin-bottom:18px;}

.models-content {padding:100px 0; background:#021311; color:#fff;}

.models-panel {display:flex;}
.models-panel.reverse {flex-direction:row-reverse;}
.models-panel.reverse .content {align-items:flex-end;}
.models-panel .image {width:calc(50% + 80px);}
.models-panel .image img {width:100%;}
.models-panel .content {display:flex; flex-direction:column; justify-content:flex-end; flex:1 1 auto; min-width:0; width:1%; padding:60px 80px;}
.models-panel .inner {position:relative; width:100%; max-width:600px;}
.models-panel h2 {margin-bottom:24px; font-size:var(--font-size-35); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.models-panel h3 {margin-bottom:18px; color:var(--color-primary); font-size:var(--font-size-26); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.models-panel p {font-size:var(--font-size-20); font-weight:300; line-height:1.6em; letter-spacing:-.03em;}
.models-panel p:not(:last-child) {margin-bottom:18px;}
.models-panel p span {display:inline-block;}
.models-panel .name {color:#f8f8f8; font-size:var(--font-size-16);}
.models-panel .swiper-button {width:48px; height:48px; margin-top:-24px; background-size:contain; opacity:.6;}
.models-panel .swiper-button-next {right:30px; background-image:url('../images/sub/slide3-next.svg');}
.models-panel .swiper-button-prev {left:30px; background-image:url('../images/sub/slide3-prev.svg');}
.models-panel .swiper-button-disabled {display:none;}

.models-carousel .swiper-slide {width:80%; max-width:1400px;}
.models-carousel .swiper-pagination {position:static;}
.models-carousel .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; opacity:1; background:#ddd;}
.models-carousel .swiper-pagination-bullet-active {background:var(--color-primary);}
.models-carousel .controls {position:absolute; bottom:30px; left:0; width:100%; z-index:50; display:flex; align-items:center; justify-content:center; line-height:0;}
.models-carousel .ctr-btn {display:block; width:10px; height:10px; border:0; margin-left:10px;}
.models-carousel .ctr-btn.stop {background:url('../images/sub/stop.svg') 50% 50% no-repeat;}
.models-carousel .ctr-btn.play {background:url('../images/sub/play.svg') 50% 50% no-repeat;}

.celebrities {display:flex; margin-top:30px;}
.celebrities .pic {min-width:100px;}
.celebrities p {margin-top:10px; font-size:var(--font-size-18);}

/* Enquiry */
.enquiry-wrap {max-width:890px; margin:0 auto; padding-top:100px;}
.enquiry-wrap h2 {margin-bottom:35px; font-size:var(--font-size-35); line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.enquiry-wrap .cate {display:flex; justify-content:center; margin-bottom:55px; color:#454545; font-size:var(--font-size-18); line-height:1.2em; text-align:center;}
.enquiry-wrap .cate .item {position:relative;}
.enquiry-wrap .cate .item input {position:absolute; width:0; height:0; visibility:hidden;}
.enquiry-wrap .cate .item label {display:flex; align-items:center; justify-content:center; position:relative; width:120px; height:58px; cursor:pointer;}
.enquiry-wrap .cate .item label:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd;}
.enquiry-wrap .cate .item input:checked + label {color:var(--color-primary);}
.enquiry-wrap .cate .item input:checked + label:after {height:2px; background:var(--color-primary);}
.enquiry-wrap .form .row {display:flex; flex-wrap:wrap; margin:-15px -25px;}
.enquiry-wrap .form .col {width:50%; padding:15px 25px;}
.enquiry-wrap .form .col.col-2 {width:100%;}
.enquiry-wrap .form .tit {display:block; margin-bottom:8px; font-size:var(--font-size-17); font-weight:500; line-height:1.2em;}
.enquiry-wrap .form .required {color:#ff4e09;}
.enquiry-wrap .form .input {display:block; width:100%; height:50px; border-radius:5px; color:#767676;}
.enquiry-wrap .form-agree .scroll-box {border-radius:5px; background:#fff;}

/* Contact */
.show-room-title {padding:80px 0 90px; text-align:center;}
.show-room-title h2 {margin-bottom:24px; font-size:var(--font-size-35); line-height:1.33em; letter-spacing:-.03em;}
.show-room-title p {color:#454545; font-size:var(--font-size-20); line-height:1.65em; letter-spacing:-.03em;}
.show-room-title p:not(:last-child) {margin-bottom:18px;}

.show-room-content {padding:100px 0; background:#f8f8f8; text-align:center;}
.show-room-content .imgs {display:flex; gap:30px; margin-bottom:55px;}
.show-room-content h2 {margin-bottom:24px; font-size:var(--font-size-35); line-height:1.33em; letter-spacing:-.03em;}
.show-room-content p {color:#454545; font-size:var(--font-size-20); line-height:1.65em; letter-spacing:-.03em;}
.show-room-content p:not(:last-child) {margin-bottom:18px;}

.directions {display:flex; flex-wrap:wrap; justify-content:space-between; gap:50px; padding:60px 0 45px; border-bottom:1px solid #ddd;}
.directions .address {display:flex;}
.directions .address h3 {margin-right:70px; font-size:var(--font-size-22); line-height:1.33em; letter-spacing:-.03em;}
.directions .address .text {font-size:var(--font-size-20); font-weight:500; line-height:1.5em; letter-spacing:-.03em;}
.directions .address .text p {display:flex; align-items:flex-start;}
.directions .address .text p:not(:last-child) {margin-bottom:10px;}
.directions .address .text p img {width:24px; min-width:24px; margin-top:3px; margin-right:15px;}
.directions .info {font-size:var(--font-size-18); line-height:1.5em;}
.directions .info .hour {display:flex; flex-wrap:wrap; gap:10px 35px;}
.directions .info .hour strong {margin-right:8px;}
.directions .info .sns {text-align:right; margin-top:16px;}
.directions .info .sns a {margin-left:6px;}
.root_daum_roughmap .cont {display: none;}

.service-center {display:flex; align-items:center; padding:100px 0;}
.service-center .image {width:50%;}
.service-center .content {width:50%; padding:0 75px;}
.service-center h2 {margin-bottom:16px; font-size:var(--font-size-35); line-height:1.33em; letter-spacing:-.03em;}
.service-center h3 {margin-bottom:24px; font-size:var(--font-size-24); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.service-center p {color:#454545; font-size:var(--font-size-18); line-height:1.65em; letter-spacing:-.03em;}

.root_daum_roughmap {width:100% !important;}

/* Consumer Information */
.page-consuimer {padding-top:clamp(50px, calc(100 / var(--inner) * 100vw), 100px);}
.ci-accordion-wrapper {border-top: 2px solid #2c2c2c;}
.ci-accordion {padding: 0 clamp(0px, calc(60 / var(--inner) * 100vw), 60px); border-bottom: 1px solid #ddd;}
.ci-accordion-title, .ci-accordion-cnt a {display: flex; align-items: center; justify-content: space-between; gap: 20px; position: relative; padding: clamp(15px, calc(43 / var(--inner) * 100vw), 43px) 0; font-size: var(--font-size-35); line-height: 1.2857em; font-weight: 600; color: #2c2c2c; cursor:pointer;}
.ci-accordion-title:after {content: ''; display: block; width: 56px; height: 56px; background: url('/images/sub/accordion-arrow.png') no-repeat center center; background-size: contain; transition: .2s;}
.on .ci-accordion-title:after {background-image: url('/images/sub/accordion-arrow-on.png')}
.on .ci-accordion-title {color: var(--color-primary);}
.ci-accordion-cnt {display: none; padding-bottom: clamp(20px, calc(50 / var(--inner) * 100vw), 50px);}
.ci-accordion-cnt li:not(:last-child) {margin-bottom: 6px;}
.ci-accordion-cnt a {padding: clamp(10px, calc(24 / var(--inner) * 100vw), 24px) clamp(0px, calc(60 / var(--inner) * 100vw), 60px); background: #f4f4f4; font-size: var(--font-size-20); line-height: 1.5em;}
.ci-accordion-cnt a:hover {color: var(--color-primary);}
.ci-accordion-cnt a:after {content: ''; display: block; width: 66px; height: 46px; border-radius: 23px; border: 1px solid #ddd; background: #fff url('/images/sub/icon-download.png') no-repeat center center; transition: .2s;}
.ci-accordion-cnt a:hover:after {border-color:#2c2c2c;}