@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1/dist/web/static/pretendard-dynamic-subset.css");
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap'); */

html { background: #fff; padding: 0; margin: 0; font-size: 18px; line-height: 1.6rem; color: #000; /*letter-spacing: -0.01rem;*/}
/* body, h1, h2 { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; text-align: center; word-break: keep-all; } */
body, h1, h2 { font-family: 'Pretendard', sans-serif; font-weight: 400; text-align: center; word-break: keep-all; }

.br-m { display: none;}
.br-p { display:block;}
.img-m { display: none;}
.img-p { display: block;}
.uk-section { position: relative; overflow: hidden;}

.uk-logo { max-width: 150px;}
.uk-logo img { width: 100%;}

.container { max-width: 1200px; margin: 0 auto; }

@media (max-width: 768px) {
	html { font-size: 16px;}
	
}

@media (max-width: 638px) {
	/* html { font-size: 13px;} */
	.img-m { display: block; }
	.img-p { display: none;}
	.br-m { display:block;}
	.br-p { display:none;}

}

/* video { 
	outline:none;
	border:0
}

video {
	-webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
} */


/* top */
.top { background: linear-gradient(#BFE6FF, #FDFEFF); }
.top .top_logo { border-bottom:1px solid #003B89; }
.top .bottom_logo { max-width:280px; margin:0 auto; padding:20px 0; }

/* 메인 */
.main-tit .main-img { width: auto; height: 100%;}
.main-tit .uk-position-center { width: 100%; }
.main-tit .model { width: 100% !important; height: 100% !important; margin: 0 auto; position: absolute; z-index: 9;}
.main-tit .uk-slider { min-height: 70vh; max-height: 859px;}

/* topic-1 */
.container-about { max-width:850px; margin:0 auto; padding:0 20px; }
.topic-1 { padding: 3% 0 5%;}
.topic-1 .about_txt { font-size:1.438rem; line-height:1.25; letter-spacing: -0.02rem; padding:20px 0 40px; margin:0 auto;}

/* topic-2 */
.topic-2 { background:#F4F4F4; padding: 5% 0;}
.topic-2 .topic-btn { padding: 0 30px;}
.topic-2 .topic-btn a { display: block; background-size: contain !important; background-repeat: no-repeat !important; }
/* .topic-2 .topic-btn > div { padding:0 30px 0 0; } */
/* .topic-2 .topic-btn > div:last-child { margin:0; } */
.topic-2 .topic-btn .btn-01 a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_01.png");}
.topic-2 .topic-btn .btn-02 a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_02.png");}
.topic-2 .topic-btn .btn-03 a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_03.png");}

.topic-2 .topic-btn .btn-01.uk-active a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_01_on.png");}
.topic-2 .topic-btn .btn-02.uk-active a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_02_on.png");}
.topic-2 .topic-btn .btn-03.uk-active a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_03_on.png");}

.topic-2 .topic-btn .btn-01 a:hover { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_01_on.png");}
.topic-2 .topic-btn .btn-02 a:hover { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_02_on.png");}
.topic-2 .topic-btn .btn-03 a:hover { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/nav_img_03_on.png");}

/* 퀵 메뉴 */
.sticky-zone { background: #fff; z-index: 999; position: relative; }
.sticky-zone .sticky-list { position: absolute; right: 5%; width: 191px !important; padding-top: 50px; z-index:9999999;}
.sticky-zone .sticky-list li { margin-bottom: 12px; height: 191px;}
.sticky-zone .sticky-list li a { padding: 0; background-size: contain; background-repeat: no-repeat;}
.sticky-zone .sticky-list li a:hover { transition: .3s ease-in-out;}
.sticky-zone .uk-sticky-placeholder { height: 0 !important;}

.sticky-zone .sticky-list .btn-01 a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_01.png");}
.sticky-zone .sticky-list .btn-02 a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_02.png");}
.sticky-zone .sticky-list .btn-03 a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_03.png");}

.sticky-zone .sticky-list .btn-01.uk-active a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_01_on.png");}
.sticky-zone .sticky-list .btn-02.uk-active a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_02_on.png");}
.sticky-zone .sticky-list .btn-03.uk-active a { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_03_on.png");}

.sticky-zone .sticky-list .btn-01 a:hover { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_01_on.png");}
.sticky-zone .sticky-list .btn-02 a:hover { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_02_on.png");}
.sticky-zone .sticky-list .btn-03 a:hover { background: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/sticky_bt_03_on.png");}


/* 컨텐츠 공통 */
.contents { overflow: hidden; text-align: left; }
.contents h3 { margin: 15% 0;}
/* .contents h3 img { margin: 0 auto;} */
.contents h3 img { margin: 0 auto; }

.contents .content-box { position: relative; margin-top: 10%; text-align: left; padding: 0 30px;}
.contents .content-box .con_txt { color:#0F6FA4; }
.contents .content-box .con_txt .tit { font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight:500; line-height: 1; margin:10px 0; }
.contents .content-box .con_txt .txt { margin:10px 0; }

.button-icon { margin:0; padding:1px 0 0; }
.button-icon > p { position: relative; width:50px; height:50px; font-size:2.4rem; margin:1px auto; background-color: #fff; border-radius: 50px; line-height:45px; }
.button-icon > p:active .button-icon > p:visited { color:#fff; }

.popup_p1 { position: absolute; width: 240px !important; height:auto; width:420px !important; }
.popup_p1 > div { width:420px; height:420px; border-radius: 50%; text-align: center; color:#003b89; }
.popup_p1 > div > .txt-product { display:flex; flex-direction: column; max-width:300px; margin:0 auto; align-items: center; position: relative; top:12%; }
.popup_p1 > div > .txt-product > img { margin:0 0 20px; }
.popup_p1 > div > .txt-product .product_tit { /*font-size:1.275rem; font-weight:600;*/ margin:0 0 5px; }
.popup_p1 > div > .txt-product p { margin:0; }
.popup_p1 > div > button { position: absolute; top:14%; right:22%; z-index: 9999; }
.popup_p1 > div > button > svg { width:20px; height:20px; }

.popup1 { position: absolute; z-index: 99999; margin:0; }
.popup1 > button { border:none; -webkit-tap-highlight-color : transparent !important; }


/* contents-1 */
#content-01 .content-box .con_txt { padding: 0 0 0 5%; font-size:1.438rem; line-height: 1.5; margin-bottom:11%; }
#content-01 .wrap_01 .content-box > div { align-items:flex-end; }
#content-01 .wrap_01 .content-box .con_img { width:70%;}

#content-01 .wrap_02 { position: relative; margin-bottom:-40%; }
#content-01 .wrap_02 .content-box { position: relative; }
#content-01 .wrap_02 .content-box .img { width:100%; border:10px solid rgba(255, 255, 255, .5); }
#content-01 .wrap_02 .content-box .con_txt { padding:4% 0; text-align: center; color:#fff; }

#content-01 .wrap_02 .popup1 { top:49%; left:19%; }
#content-01 .wrap_02 .popup1 .popup_p1 { top: -430% !important; left: -320% !important; }
#content-01 .wrap_02 .popup1 .popup_p1 > div { padding:10px !important; }
#content-01 .wrap_02 .popup1 .popup_p1 > div > button { float:right; }
#content-01 .wrap_02 .popup1 .popup_p1 > div > .txt-product { color:#003B89; }
#content-01 .wrap_02 .popup1 .popup_p1 > div > .txt-product a { color:#003b89; }
#content-01 .wrap_02 .button-icon > p { color:#00B4FB; }

#content-01 .wrap_03 { background-image: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/content1_bg.jpg"); background-size:auto; background-position:top; height:auto; padding:30% 0 10%; }
#content-01 .wrap_03 .content-box .con_txt { color:#fff;  }
#content-01 .wrap_03 .content-box .img { padding:0; }
#content-01 .wrap_03 .content-box .con_txt { text-align: right; padding:0 30px 0 0; margin: 18% 0 0; width:50%; }
#content-01 .wrap_03 .content-box .img { width:calc(50% + 30px); }
#content-01 .wrap_03 .content-box > div:last-child { margin-top:-12%; align-items: flex-end; }
#content-01 .wrap_03 .content-box > div:last-child .con_txt { text-align: left; padding: 0 0 0 30px; margin:0 0 18%; }

/* 250515 수정 */
#content-01 .wrap_03 .content-box .slide_wrap { width:calc(50% + 30px); height:100%; }
#content-01 .wrap_03 .content-box .slide_wrap .uk-slideshow-items { aspect-ratio: 16 / 24 !important; }
#content-01 .wrap_03 .content-box .slide_wrap .uk-slideshow-items .img { width:100%;}


/* contents-2 */
#content-02 { background-image: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/content2_bg.jpg"); background-size:auto; background-position:top; height:auto; padding:10% 0; }
#content-02 .wrap_01 .small-box { max-width:800px; margin:0 auto; }
#content-02 .wrap_01 .con_txt h3 { padding-left:2%; margin:6% 0; }

#content-02 .wrap_01 .popup1 { top:35%; left:32%; }
#content-02 .wrap_01 .popup1 .popup_p1 { top: -30% !important; left: -370% !important; }
#content-02 .wrap_01 .popup1 .popup_p1 > div { padding:10px !important; }
#content-02 .wrap_01 .popup1 .popup_p1 > div > button { float:right; }
#content-02 .wrap_01 .popup1 .popup_p1 > div > .txt-product { color:#003B89;}
#content-02 .wrap_01 .popup1 .popup_p1 > div > .txt-product a { color:#1a5432; }
#content-02 .wrap_01 .button-icon > p { color:#00B4FB; }

#content-02 .content-box .con_txt { padding: 0 0 0 30px; font-size:1.438rem; line-height: 1.5; margin-bottom:11%; color:#1a5432;}
#content-02 .wrap_01 .content-box .con_txt:first-child { padding:0; margin:0; }
#content-02 .wrap_01 .content-box .con_txt:last-child { padding:6% 0; text-align: center; margin:0; }

#content-02 .wrap_02 .content-box > div { align-items: flex-end; }
#content-02 .wrap_02 .content-box .con_txt { width:42%; }


/* contents-3 */
#content-03 { background-image: url("https://img.vogue.co.kr/vogue/event/250526-easytomorrow/content3_bg.jpg"); background-size:auto; background-position:top; height:auto; padding:10% 0; }
#content-03 .wrap_01 .small-box { max-width:800px; margin:0 auto; }
#content-03 .wrap_01 .con_txt h3 { padding-left:2%; margin:6% 0; }

#content-03 .wrap_01 .popup1 { top:24%; left:35%; }
#content-03 .wrap_01 .popup1 .popup_p1 { top: -320% !important; left: -490% !important; }
#content-03 .wrap_01 .popup1 .popup_p1 > div { padding:10px !important; }
#content-03 .wrap_01 .popup1 .popup_p1 > div > button { float:right; }
#content-03 .wrap_01 .popup1 .popup_p1 > div > .txt-product { color:#003B89; }
#content-03 .wrap_01 .popup1 .popup_p1 > div > .txt-product a { color:#6A1329; }
#content-03 .wrap_01 .button-icon > p { background:#6A1329; color:#fff; }

#content-03 .content-box .con_txt { padding: 0 0 0 30px; font-size:1.438rem; line-height: 1.5; margin-bottom:11%; color:#6A1329;}
#content-03 .wrap_01 .content-box .con_txt:first-child { padding:0; margin:0; }
#content-03 .wrap_01 .content-box .con_txt:last-child { padding:6% 0; text-align: center; margin:0; }

#content-03 .wrap_02 .content-box > div { align-items: flex-end; }
#content-03 .wrap_02 .content-box .con_txt { width:42%; }


/* footer */
.footer { margin:0 auto; padding:50px 0 80px; }
.footer .bt_wrap { position: relative; max-width:800px; display:flex; justify-content: center; margin:0 auto; }

.footer .notice { margin-top:40px; }
.footer .notice p { position: relative; font-size:0.875rem; color:#696969; line-height:1.5; }

.footer img { padding:0 0 30px; }

@media (max-width: 1700px) {
	.sticky-zone .sticky-list { right:1%; }
}

@media (min-width: 1601px) {
	.sticky-zone .sticky-list { top: 0 !important;}
}

@media (max-width: 1600px) {
	/*.sticky-zone .sticky-list { display: none;}*/
	.sticky-zone .sticky-list { right: 50%; width: 600px !important; padding-top: 50px; margin-right: -320px !important; margin-top: -10px !important; }
	.sticky-zone .sticky-list ul { background: #fff; padding: 5px 5px 0 5px; border-radius: 100px; margin-bottom:3%; }
	.sticky-zone .sticky-list li { display: inline-block; height:186px; }
	
	
}

@media (max-width: 1400px) {
	#content-03 { padding:12% 0 18%; }
}

@media (max-width: 1024px) {
	.sticky-zone .sticky-list { width:390px !important; margin-right:-192px !important; }
	.sticky-zone .sticky-list a { background-size: contain !important; width: 120px; height: 120px;}
	.sticky-zone .sticky-list li { height:116px; }

	.contents .content-box .con_txt .tit { font-size: 1.625rem; }
	.contents .content-box .con_txt .txt { font-size: 1rem; }	

	#content-01 .wrap_03 .content-box .img { width:calc(50% + 22px); }
	#content-01 .wrap_03 .content-box .con_txt { padding:0 20px 0 0; }
	#content-01 .wrap_03 .content-box > div:last-child .con_txt { padding: 0 0 0 20px; }
	
}

@media (max-width: 768px) {
	.contents .content-box { margin-top: 10%; }

	#content-01 .wrap_02 { margin-bottom:-48%; }
	#content-02 .wrap_02 .content-box .con_txt, #content-03 .wrap_02 .content-box .con_txt  { width:70%; }
	#content-02 .wrap_02 .content-box, #content-03 .wrap_02 .content-box { margin:0; }
	#content-03 { padding:12% 0 29%; }

}

@media (max-width: 638px) {
	.uk-logo { max-width:100px; min-height: 60px;}

	.main-tit .model { position: relative;}
	.main-tit .main-img { max-width: 100% !important; height: auto; }
	.main-tit .uk-slider { display: none;}
	
	.bottom_logo img { max-width:180px; }
	
	.button-icon > p { width:30px; height:30px; font-size:1.5rem; line-height:1.7rem; }
	
	.contents h3 { margin: 0 auto 20px; text-align: center; }
	.contents .content-box { padding:0; margin-top:10vw; }
	.contents .content-box .con_txt .tit { font-size:1.25rem; margin:0 0 10px; }
	.contents .content-box .con_txt .txt { margin:0; }

	.popup_p1 { width:280px !important; }
	.popup_p1 > div { width:280px; height:280px; }
	.popup_p1 > div > .txt-product { top:7%; }
	.popup_p1 > div > .txt-product > img { max-width:35%; margin:0 0 10px; }
	.popup_p1 > div > .txt-product .product_tit { margin:0; }
	.popup_p1 > div > .txt-product .product_tit > img { max-width:70%; }
	.popup_p1 > div > .txt-product .link { font-size:0.875rem; }
	
	.topic-1 { padding:10% 0;}
	.topic-1 .container-about { padding:0 15px; margin:0 0 15px; }
	.topic-1 h1 { max-width:50%; margin:0 auto; }
	.topic-1 .about_txt { font-size:1rem; margin:0; }	

	.topic-2 { margin:0; padding:3vh 0; }
	.topic-2 .topic-btn { padding:0; }

	.sticky-zone .sticky-list { right: 50%; width: 260px !important; padding-top: 50px; margin-right: -130px !important; }
	.sticky-zone .sticky-list ul { border-radius: 50px; margin-bottom:12px; }
	.sticky-zone .sticky-list li { height: 74px;}
	.sticky-zone .sticky-list a { background-size: contain !important; width: 80px; height: 80px;}
	.sticky-zone .sticky-list a img { width: 100%; height: 100%;}	
	
	#content-01 .content-box .con_txt { font-size: 1rem; padding:30px 0 !important; margin:0; }
	#content-01 .wrap_01 .content-box > div { position: relative; flex-direction: column; align-items: flex-start; }
	#content-01 .wrap_01 .content-box > div > div { width:100%; text-align: center; margin:0; }
	#content-01 .wrap_01 .content-box .con_img { width:100%; }
		
	#content-01 .wrap_02 { margin-bottom:-70%; }
	#content-01 .wrap_02 .content-box { margin-top:0; }
	#content-01 .wrap_02 .content-box .img { border:5px solid rgba(255, 255, 255, .5); }
	#content-01 .wrap_02 .popup1 { top:38%; left:15%; }
	#content-01 .wrap_02 .popup1 .popup_p1 { top: -510% !important; left: -20% !important; }

	#content-01 .wrap_03 { background-image:url(https://img.vogue.co.kr/vogue/event/250526-easytomorrow/content1_bg_mo.jpg); background-size: cover; padding:70% 0 0; }
	#content-01 .wrap_03 .content-box { margin:0; }
	#content-01 .wrap_03 .content-box > div { flex-direction: column; }
	#content-01 .wrap_03 .content-box > div:first-child > .con_txt { width:100%; order:2; text-align: center; margin:0; }
	#content-01 .wrap_03 .content-box > div:first-child > .img { margin-left:-15px; margin-right:-15px; width:calc(100% + 30px); }

	#content-01 .wrap_03 .content-box > div:last-child { margin:0; }
	#content-01 .wrap_03 .content-box > div:last-child > .img { width:100%; }
	#content-01 .wrap_03 .content-box > div:last-child > .con_txt { width:100%; margin:0; text-align: center; }

	/* 250515 수정 */
	#content-01 .wrap_03 .content-box .slide_wrap { width:100%; }

	#content-02 { background-image: url(https://img.vogue.co.kr/vogue/event/250526-easytomorrow/content2_bg_mo.jpg); background-size: cover; padding:30px 0 0; }
	#content-02 .content-box { margin:0; }
	#content-02 .content-box .con_txt { font-size:1rem; padding:30px 0 !important; margin:0; }
	
	#content-02 .wrap_01 .content-box .con_txt:first-child { padding:0 !important; }
	#content-02 .wrap_01 .con_txt h3 { text-align: left; }
	#content-02 .wrap_01 .popup1 { top:32%; left:32%; }
	#content-02 .wrap_01 .popup1 .popup_p1 { top: -30% !important; left: -240% !important; }
	#content-02 .wrap_01 .popup1 .popup_p1 > div > .txt-product { top:15%; }
	#content-02 .wrap_01 .popup1 .popup_p1 > div > .txt-product > img { max-width:42%; }
	#content-02 .wrap_01 .popup1 .popup_p1 > div > .txt-product .product_tit > img { max-width:80%; }

	#content-02 .wrap_02 .content-box > div { flex-direction: column; }
	#content-02 .wrap_02 .content-box .con_txt { width:100%; text-align: center; }


	#content-03 { background-image: url(https://img.vogue.co.kr/vogue/event/250526-easytomorrow/content3_bg_mo.jpg); background-size: cover; padding:30px 0 80px; }
	#content-03 .content-box { margin:0; }
	#content-03 .content-box .con_txt { font-size:1rem; padding:30px 0 !important; margin:0; }
	
	#content-03 .wrap_01 .content-box .con_txt:first-child { padding:0 !important; }
	#content-03 .wrap_01 .con_txt h3 { text-align: left; }
	#content-03 .wrap_01 .popup1 { top:20%; left:28%; }
	#content-03 .wrap_01 .popup1 .popup_p1 { top: -120% !important; left: -240% !important; }
	#content-03 .wrap_01 .popup1 .popup_p1 > div > .txt-product { top:15%; }
	#content-03 .wrap_01 .popup1 .popup_p1 > div > .txt-product > img { max-width:42%; }
	#content-03 .wrap_01 .popup1 .popup_p1 > div > .txt-product .product_tit > img { max-width:80%; }

	#content-03 .wrap_02 .content-box > div { flex-direction: column; }
	#content-03 .wrap_02 .content-box .con_txt { width:100%; text-align: center; }	

	.footer { padding:30px 0 ; }
	.footer > div > img { max-width:60%; padding:0 0 20px; }
	.footer .notice { margin-top:20px; } 
	.footer .notice p { font-size:0.5rem; line-height: 1.6; }

	/* 250515 수정 */
	#content-01 .wrap_01 h3 img { max-width:70%; }
	#content-02 .wrap_01 h3 img { max-width:90%; }
	#content-03 .wrap_01 h3 img { max-width:100%; }
	
}

/* video 섬네일 */
.video { position: relative; width:100%; max-width:500px; height:0; padding-bottom: 105%; background: url(https://img.vogue.co.kr/vogue/event/250526-easytomorrow/video_bg.jpg) center center / cover no-repeat; cursor: pointer; margin:0 auto; }
.video iframe { position: absolute; width:100%; height:100%; top:0; left:0; }

@media (max-width: 638px) {
	.video { height:100vw; max-height:250px; }
}

.footer .bt_wrap a { width:100%; background:#002B64; color:#fff; font-size:1rem; height:60px; max-width:350px; display:flex; justify-content: center; align-items: center; }
.footer .bt_wrap > a:first-child { margin-right:20px; }

@media (max-width: 638px) {
	.footer .bt_wrap > a:first-child { margin-right:12px; }
}