@charset "utf-8";
/* Common */
.sec-tit {font-weight:700; font-size:35px; font-family:"montserrat", sans-serif; line-height:1em; margin-bottom:30px;}
.sec-tit.small {font-size:25px; margin-bottom:0;}
.section {padding-bottom:100px;}
.vbox-container {display: flex; align-items: center; justify-content: center;}
.vbox-content {max-width: 1140px; padding:20px 30px;}
.vbox-next, .vbox-prev {width:46px; height:96px;}
.vbox-prev {left:115px;background:url('../images/sub/veno_prev.png') no-repeat center center; background-size:contain;}
.vbox-next {right:115px;background:url('../images/sub/veno_next.png') no-repeat center center; background-size:contain;}
.vbox-next span, .vbox-prev span {display:none;}
.vbox-close {top:50%; right:50%; width:114px; height:114px; justify-content:center; margin-top:-57px; margin-right:-57px; background:url('../images/sub/veno_close.png') no-repeat center center; background-size:contain; opacity:0;}
.vbox-close * {display:none;}
.swiper-container {padding-bottom:60px;}
.swiper-pagination {bottom:0 !important;}
.swiper-pagination-bullet {width:13px; height:13px; background:#fff; opacity:1;}
.swiper-pagination-bullet-active {background:#4b53a3;}

/* sub01_01 & sub02_01 */
#sub .main-fashion .sub-title {padding-bottom:30px; padding-top:0;}
.main-fashion, .annual-fashion {min-height:100vh; padding:40px 0;}
.main-fashion.fashion-show {background:url('../images/sub/bg_fasion_show.jpg') no-repeat center center; background-size:cover;}
.main-fashion.fashion-exhibit {background:url('../images/sub/bg_fasion_exhibit.jpg') no-repeat center center; background-size:cover;}
.magazine-slide .swiper-container {margin:-40px; padding-bottom:0;}
.magazine-slide .swiper-slide {width:36%; padding:30px 30px 0; height:auto; display:flex; flex-direction:column; justify-content:center;}

.magazine-slide .img {width:fit-content; overflow:hidden; box-shadow:2px 2px 40px rgba(0,0,0,.8); position:relative; margin:0 auto; padding-bottom:145%; width:100%;}
.magazine-slide .img img {position:absolute; width:100%; height:auto; max-width:100%; min-height:100%; object-fit:cover; left:0; top:50%; transform:translateY(-50%);}
.magazine-slide .img:before {position:absolute; content:''; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.25);}
.magazine-slide .swiper-slide-active .img:before {opacity:0;}
.magazine-slide .txt {font-family:'SCoreDream'; font-size:20px; font-weight:600; text-align:center; padding-top:15px;}
.magazine-slide {position:relative; padding:0 210px; margin:0 auto; max-width:100%;}
.magazine-slide .swiper-button-prev {left:60px;background:url('../images/main/magazine_prev.png') no-repeat center center; background-size:contain; opacity:.3;}
.magazine-slide .swiper-button-next {right:60px;background:url('../images/main/magazine_next.png') no-repeat center center; background-size:contain; opacity:.3;}
.magazine-slide .swiper-button-prev, .magazine-slide .swiper-button-next { width:30px; height:58px; transition:.2s;}
.magazine-slide .swiper-button-prev:hover, .swiper-button-next:hover {opacity:1;}

/* sub01_02 & sub02_02 */
.annual-fashion {display:flex; align-items:center;}
.annual-fashion.annual-show {background:url('../images/sub/bg_annual_show.jpg') no-repeat center center; background-size:cover;}
.annual-fashion.annual-exhibit {background:url('../images/sub/bg_annual_exhibit.jpg') no-repeat center center; background-size:cover;}
.annual-fashion .inner {padding:0 100px;}
.annual-fashion h2 {font-size:140px; font-family:"montserrat", sans-serif; line-height:.9286em; margin-bottom:55px; text-shadow:2px 2px 20px rgba(0,0,0,.5)}
.annual-fashion .btn-sort {font-size:18px; font-weight:400; padding:17px 46px 17px 26px; border-radius:30px; position:relative; border-color:#fff;}
.annual-fashion .btn-sort:hover { border-color:#4b53a3;}
.annual-fashion .btn-sort:before {position:absolute; content:''; width:8px; height:14px; right:26px; top:50%; background:url('../images/sub/arrow_btn.png') no-repeat center center; background-size:contain; margin-top:-7px;}
.annual-fashion .detail-btns {display:flex; gap:20px; }

/* sub01_03 & sub02_03 */
.look, .designers {max-width:1720px; margin:0 auto;}
#sub .sub-title { padding-top:120px; padding-bottom:50px;}
.look-slide {position:relative; padding: 30px 0; overflow: hidden;}
.look-slide .pag-wrap {position: absolute; width: 100%; bottom: 0; display: flex; justify-content: center; gap: 11px; z-index: 5;}
.look-slide .swiper-container {position: unset; margin:0 -15px;padding-bottom: 0; height: 330px;}
.look-slide .swiper-pagination, .look-slide .swiper-pagination2 {position: unset; padding: 0 3px;}
.look-slide .swiper-button-prev, .look-slide .swiper-button-next {top:50%; width:50px; height:60px; z-index: 50;}
.look-slide .swiper-button-prev {left:-1px;background:rgba(0,0,0,.8) url('../images/sub/popup_prev.png') no-repeat center center;}
.look-slide .swiper-button-next {right:-1px;background:rgba(0,0,0,.8) url('../images/sub/popup_next.png') no-repeat center center;}
.look-slide .swiper-pagination-bullet {display: none; width: 30px; height: 20px; line-height: 20px; font-size: 12px; color:#fff; opacity: 1; background: none;}
.look-slide .swiper-pagination {text-align: right;}
.look-slide .swiper-pagination2 {text-align: left;}
.look-slide .swiper-pagination .swiper-pagination-bullet-active {display: inline-block;}
.look-slide .swiper-pagination2 .swiper-pagination-bullet:last-child {display: inline-block; position: relative;}
.look-slide .swiper-pagination2 .swiper-pagination-bullet:last-child:before {position: absolute; content: '/'; left: -10px;}
.look-slide .swiper-slide {padding:0 15px; display:flex; flex-direction:column; justify-content:center;height:auto; max-width: 437.5px;}
.look-slide .img, .look-slide .video {position:relative; width:100%; padding-bottom:73.62%; transition:.3s;}
.look-slide .swiper-slide:hover .img {padding-bottom:80%}
.look-slide .img img,
.look-slide .video video {position:absolute; width:100%; height:auto; min-height:100%; max-height:100%; object-fit:cover; top:50%; left:0; transform:translateY(-50%);}

.ex-video-slide .swiper-container {overflow:visible; margin:0 -30px; }
.ex-video-slide .swiper-slide {padding:0 30px;}
.ex-video-slide .swiper-slide .video-container {border:8px solid #1a1a1a;}
.ex-video-slide .swiper-slide-active .video-container {border-color:#4b53a3; border-radius:20px;}
.ex-video-slide .video-tit {padding:20px; font-weight:500; font-size:20px; text-align:center;}
.ex-video-slide .swiper-button-prev, .ex-video-slide .swiper-button-next {top:40%; width:55px; height:18px; opacity:.4;}
.ex-video-slide .swiper-button-prev:hover, .ex-video-slide .swiper-button-next:hover {opacity:1;}
.ex-video-slide .swiper-button-prev {left:190px;background:url('../images/sub/ex_video_prev.png') no-repeat center center; background-size:contain;}
.ex-video-slide .swiper-button-next {right:190px;background:url('../images/sub/ex_video_next.png') no-repeat center center; background-size:contain;}

.ex-video-thumbs {position:relative;}
.ex-video-thumbs .swiper-container {padding:0 30px; max-width:1100px;}
.ex-video-thumbs .swiper-slide .video-container {border: 3px solid #1a1a1a; border-radius: 4px; overflow: hidden;}
.ex-video-thumbs .swiper-slide-active .video-container {border-color: #4b53a3;}

.flex-tit {display: flex; justify-content: space-between;}
.btn-all {display: flex; align-items:center; justify-content: center; width: 78px; height: 38px; background: #4b53a3; border-radius: 6px;}

/* sub01_03_view */
.look-view {max-width:1780px; padding:0 30px; margin:0 auto;}
.pdf-viewer-iframe {width:100%; position:relative; padding-bottom:80%; height:0; overflow:hidden; background:#000; margin-bottom:40px;}
.pdf-viewer-iframe iframe {position:absolute; width:100%; height:auto; max-width:100%; min-height:100%; top:0; left:0;}

/* sub02_03_view */
.look-view .flex-tit {padding-top: 120px;}
.exhibitors-gallery-list ul {display: flex; flex-wrap: wrap; margin: -15px;}
.exhibitors-gallery-list ul li {width: 25%; padding: 15px;}
.exhibitors-gallery-list ul li .img,
.exhibitors-gallery-list ul li .video {position: relative; overflow: hidden; padding-bottom: 73.62%;}
.exhibitors-gallery-list ul li .img img,
.exhibitors-gallery-list ul li .video video {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}

/* sub01_04 */
.designers {max-width:1720px; margin:0 auto; padding-bottom:100px;}
.designers .sec-tit {position:relative; z-index:1; text-align:center; margin-bottom:0; cursor:pointer;}
.designers .sec-tit .inner {width:fit-content; margin:0 auto; font-size:30px; padding:100px 0; text-shadow:2px 2px 15px rgba(0,0,0,.5);}
.designers .sec-tit h2 {font-size:45px; margin-top:15px; position:relative;}
.designers .sec-tit h2:before {position:absolute; content:''; width:22px; height:15px; background:url('../images/sub/stage_arrow.png') no-repeat center center; background-size:contain; right:-45px; top:50%; margin-top:-7px;}
.designers .sec-tit.active h2:before {transform:rotate(180deg);}
.designers .bg-cnt, .designers .bg-cnt img {position:absolute; width:100%; height:100%; object-fit:cover; z-index:-1; left:0; top:0;}
.designers .section {padding-bottom:20px;}
.stage-tit {text-align:center; margin-top:100px; margin-bottom:48px; font-family:"montserrat", sans-serif; font-weight:700; font-size:40px; line-height:1em;}
.stage-items {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:60px;}
.stage-items .item {position:relative; width:calc((100% - 90px) / 4); font-family:"montserrat", sans-serif;}
.stage-items .item .img {position:relative; width:100%; padding-bottom:112.885%; overflow:hidden;}
.stage-items .item .img img {position:absolute; width:100%; height:auto; min-height:100%; max-width:100%; object-fit:cover; top:50%;left:0; transform:translateY(-50%);}
.stage-items .item .name {position:absolute; bottom:15px; left:15px; font-weight:500; line-height:1em;}
.stage-cnt {display:none;}

/* sub01_04_detail */
.designer-details {display:flex;font-family:"roboto", sans-serif;}
.designer-image {width:33.334%;}
.designer-image .img {position:relative; padding-bottom:112.5%; overflow:hidden;}
.designer-image .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.designer-image .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.designer-info {flex:1; padding-left:60px; display:flex; flex-direction:column;}
.designer-info .info-tit {display:flex; gap:30px; justify-content:space-between; align-items:center; line-height:1.3em; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(221,221,221,.3);}
.designer-info .name {font-weight:700; font-size:50px; line-height:1em;}
.sns-item {display:flex; gap:10px; font-size:15px; color:#cfcfcf;}
.sns .ico {margin-right:10px;}
.designer-info .desc {flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:30px;}
.designer-info .txt {font-family:'Pretendard';}
.designer-info .txt-tit { font-family:"roboto", sans-serif; font-size:32px; font-weight:700; line-height:1em; margin-bottom:10px;}
.btn-stage {font-size:15px; color:#7b7b7b; line-height:1em; display:inline-block;}
.btn-stage:hover {color: #4b53a3;}
.designer-entry .items {display:flex; flex-wrap:wrap; margin-top:30px;}
.designer-entry .item {min-width:25%; flex:1; position:relative;}
/* .designer-entry .item img {position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); max-width:100%; min-height:100%; object-fit:cover;} */
.conceptmap .sec-cnt {margin-top:30px;}
.conceptmap .sec-cnt .img {position:relative; width:100%; /* padding-bottom:80%; overflow:hidden; */ background:#fff;}
/* .conceptmap .sec-cnt .img img {position:absolute; width:auto; height:100%; left:50%; transform:translateX(-50%); object-fit:contain;} */
.conceptmap .sec-cnt .img img {width:100%;}
.speech .txt {padding-top:20px; margin-top:20px; border-top:1px solid rgba(255,255,255,.3); font-weight:300; line-height:1.75em;}
.message .sec-cnt {margin-top:30px; display:flex; flex-direction:column; gap:20px;}
.message textarea.input {height:200px; background:none; border:1px solid rgba(255,255,255,.3); border-radius:20px; color:#fff;}
.send-message {border-radius:4px; background:#4b53a3; padding:8px 27px; border:none; width:fit-content;}

/* sub02_04 */
.exhibitors-grid .item-sizer {width:20%}
.exhibitors-grid .items {margin:-17px;}
.exhibitors-grid .items:after {content:""; display:block; clear:both;}
.exhibitors {max-width:1780px; margin:0 auto;}
.exhibitors-grid .item {float:left; width:20%; padding:17px; transition-timing-function:ease-in-out !important; transition-duration:.6s !important;}
.exhibitors-grid .item:nth-child(3) .card {margin-top:35%;}
.exhibitors-grid .item:nth-child(5) .card {margin-top:20%;}
.exhibitors-grid .card {display:block; position:relative; overflow:hidden; color:#fff;}
.exhibitors-grid .card .img {position:relative;}
.exhibitors-grid .card .img img {display:block; width:100%; transition:.2s;}
.exhibitors-grid .card .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity:0; transition:.2s;}
.exhibitors-grid .group-show {position: absolute; top: 10px; left: 10px;border-radius: 10px; z-index: 1;}
.exhibitors-grid .group-show img {height: 35px;}

.exhibitors-grid .name {position:absolute; left:10px; bottom:15px; line-height:1em; font-weight:500;font-family:"montserrat", sans-serif; text-shadow:0 0 5px rgba(0,0,0,.5);}
.exhibitors-grid .card:hover .img img {transform:scale(1.02);}
.exhibitors-grid .card:hover .img:after {opacity:1;}

/* sub02_04_view */
.exhibitors-view .group-icon {position: absolute; left: 0; bottom: 50px; z-index: 1;}
.exhibitors-view .group-icon img {height: 50px;}
.exhibitors-view {max-width:1720px; margin:0 auto;}
.exhibitors-view .sub-title {position:relative;}
.exhibitors-view .sub-title h2 {font-size:50px; font-weight:600;}
.exhibitors-view .sub-title .btn-all {position: absolute; right: 0;}
.exhibitors-view .sns {position:absolute; right:0; bottom:50px;}

.exhibitors-view .group-info {margin-bottom: 55px; padding: 0 30px; text-align: center; font-size: 26px; line-height: 1.5385em;}
.exhibitors-view .group-info .group-tit {margin-bottom: 45px;}
.exhibitors-view .group-info .brand-tit {margin-right: 10px; font-weight: 600;}

.exhibit-popup .sec-cnt {margin-top:30px; display:flex; position:relative;}
.exhibit-popup .big-img {width:63.95%; position:relative; overflow:hidden;}
.exhibit-popup .big-img .item {position:relative; padding-bottom:72.728%; overflow:hidden;}
.exhibit-popup .big-img img {position:absolute; width:100%; height:100%; object-fit:contain; max-width:100%; min-height:100%; left:0; top:50%; transform:translateY(-50%);	}
.exhibit-popup .slick-arrow {position:absolute; width:50px; height:60px; z-index:50; font-size:0; overflow:hidden; text-indent:-9999em; border:none; top:50%; transform:translateY(-50%); transition:.3s; cursor:pointer;}
.exhibit-popup .slick-arrow:hover {background-color:#000;}
.exhibit-popup .slick-prev {left:0; background:rgba(0,0,0,.5) url('../images/sub/popup_prev.png') no-repeat center center;}
.exhibit-popup .slick-next {right:0; background:rgba(0,0,0,.5) url('../images/sub/popup_next.png') no-repeat center center;}
.exhibit-popup .popup-nav {width:36.05%; padding-left:20px; position:unset;}
.exhibit-popup .popup-nav .items {display:flex !important; flex-wrap:wrap;}
.exhibit-popup .popup-nav .item {position:relative; width:33.3333%; overflow:hidden; padding-bottom:24.3%; cursor:pointer;}
.exhibit-popup .popup-nav .item img {position:absolute; width:100%; height:auto; padding:5px; max-width:100%; min-height:100%; object-fit:cover; left:0; top:50%; transform:translateY(-50%);}
.exhibit-popup .popup-nav .item:after {position:absolute; content:''; top:0; left:5px; bottom:0; right:5px; background:rgba(0,0,0,.5); z-index:1;}
.exhibit-popup .popup-nav .item.active:after {background:none; border:5px solid #4b53a3;}
.exhibit-popup .slick-dots {position:absolute; right:0; bottom:0; display:flex; gap:10px; justify-content:center; width:calc(36.05% - 20px);}
.exhibit-popup .slick-dots button {width:13px; height:13px; background:#fff; opacity:1; overflow:hidden; text-indent:-9999em; font-size:0; border:none; border-radius:100%;}
.exhibit-popup .slick-dots .slick-active button {background:#4b53a3;}

.exhibit-product .sec-cnt {margin-top:30px;}
.exhibit-product .items {display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
.exhibit-product .item {/* flex:1 0 auto; */ position:relative; overflow:hidden; height:440px;}
.exhibit-product .item img {position:relative; width:auto; height:100%; min-width:100%; max-height:100%; object-fit:contain; left:50%; top:0; transform:translateX(-50%);}

.vbox-child {width:100%; position:relative; height:80vh; background:none !important; box-shadow:none !important; overflow:hidden;}
.vbox-child img {position:absolute; width:auto; height:100%; min-width:100%; max-height:100%; top:0; left:50%; transform:translateX(-50%); object-fit:contain;}

/* sub03_01 */
.community {display: flex; max-width: 1460px; margin: 160px auto 0; padding: 0 30px;}
.community-menu {width: 250px; padding-right: 60px;}
#sub .community-menu .sub-title {padding: 0 0 15px; border-bottom: 3px solid #fff;}
.community-menu .sub-title h2 {font-family:"montserrat", sans-serif; font-weight: 700; font-size: 26px; text-align: left;}
.community-title {margin-bottom: 35px; font-family:"montserrat", sans-serif; font-weight: 700; font-size: 40px;}
.community-wrapper {flex: 1;}