@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');


html { font-size: 16px; color: #000; }
body, h1, h2 { font-family: 'Noto Sans KR', sans-serif; font-weight: 300; text-align: center; color: #000; word-break: keep-all;  letter-spacing: -0.5px}

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

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

.main-tit { padding-top: 0; padding-bottom: 0; background: #c0b59e; background: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/intro-bg.jpg"); background-size: cover;}
.main-tit .uk-position-center { width: 100%;}
.main-tit .title-logo { height: auto; margin: 8% auto 0; }
.main-tit p { color: #fff; font-size: 1.5rem;}
/* .main-tit .title-bg { width: auto !important; height: 100% !important; }*/
.main-tit .brand-logo img { max-width: 300px;}

.last_btn { text-align: center;}
.last_btn .uk-button { background-color: #000; color: #fff; border: 0; padding: 15px 30px; font-size: 1.5rem; font-weight: 500;}
.last_btn .uk-button:hover { background-color: #000; color: #fff; border: 0; padding: 15px 30px; font-size: 1.5rem; font-weight: 500;}

footer { background-color: #000; position: absolute; width: 100%; }
footer .uk-logo { min-height: auto;}
footer p, footer p a { font-size: 11px !important; font-weight: 300; color: #7f7f7f !important; margin: 10px 5px;}



@media (max-width: 1024px) {
	.img-m { display: block; text-align: }
	.img-p { display: none;}
}

@media (max-width: 638px) {
	html { font-size: 13px;}
	h1 { font-size: 30px !important;}
	h2 { font-size: 22px !important;}
	.br-m { display:block;}
	.br-p { display:none;}

}


/* 커스텀 */
:root {
  --scroll: 0;
  --content: 0;
}

.side-txt .uk-position-center-left { position: fixed !important; z-index: 1000; left: 0; }
.side-txt .uk-position-center-right { position: fixed !important; z-index: 1000; right: 0; }
.side-txt p { margin: 0 15px;}
.side-txt img { width: 30px;}

.caption { display: none; /* text-align: right; font-size: 0.7rem; color: #959595; padding: 10px; margin: 0;*/}

.uk-lightbox-toolbar.uk-position-bottom { padding-top: 20px; padding-bottom: 50px;}

.full-video { background-position: center; background-size: cover; /*height: 100vh; margin-top:-35px*/}
.full-video div { height: 100%;}

.video_txt b{color:#99cc66}
.full-video-1 { margin-bottom: 50px;}


.product_5{ margin-top:-41px !important  }
.product_6 {background-color: #ffea41; text-align: left; margin-top:-41px !important; }
.product_6 .txt{ margin-left:10px}



.concept-1 { background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg1.jpg");background-position: center; background-size: cover; height: 1600px;}
.concept-1 div { height: 100%;}
.concept-1 p { font-size: 1.1rem; text-align: left; color:#ffffff}
.concept-1 p.white_p{margin-left:450px; margin-top:70px}

.concept-2 { background-color: #ffea41; text-align: left;}
.concept-2 .caption { position: absolute; bottom: 0; right: 0; z-index: 10; color: #f2eee4;}
.concept-2 .concept-left { position: relative; padding:0px !important}
.concept-2 .concept-left .caption { margin-right: 4%; }
.concept-2 .concept-right{padding:0px !important; /*padding-bottom: 30px !important;*/}
.concept-2 .concept-right .photo { position: relative;}
.concept-2 .concept-right img{margin-left:28px}




.full-slide { background-color:#ffea41 }
.full-slide h2 img { max-width: 360px;}
.full-slide .caption { position: absolute; bottom: 0; right: 43px; width: 60%; z-index: 10; color: #f2eee4;}
.full-slide .uk-grid { margin-left: 0;}
 
.brand_info{background-color:#99cc66; padding: 100px 0; /*height: 1300px*/ }
.brand_info p {font-size:1.2rem; line-height: 2.2rem }
.mt10{margin-top:10px}

@media (min-width:1531px) {
.product_1 .img .l_img{max-width:none !important}
.product_1 .img .r_img{max-width:none ; margin-left:-15px; margin-top:-526px}
}
@media (min-width:769px) {
	
	.popup_11t span{color:#000000;font-size: 1.35rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top:22px}
	/* 비디오 */
	.video_txt {font-size:1.5rem; color:#000000; margin-top:70px; font-weight: 400; line-height: 42px}
	.video_txt2 {font-size:1.5rem; color:#000000; margin-top:50px; font-weight: 400; line-height: 42px; /*margin-bottom: -120px*/}
	h1.first_b {background-color:#99cc66; padding:4px 10px; width:330px; color:#ffffff; font-size:36px; margin:150px auto 0px auto; font-weight: 300;}
	label.video {font-size:3.7rem; color:#000000;font-weight: 400; line-height:70px}
	h1.first_b b {font-size:3.7rem; color:#000000;font-weight: 700;}	
	
	/* 제품 소개 1 */
	
	.product_1{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg1.jpg");background-position: center; height:1598px  }
	.product_1 div.img.uk-first-column{padding-top:100px}
	.product_1 .product_txt1{margin-top:-460px; text-align: left; color:#ffffff;font-size:1.1rem; margin-left:46px;font-weight:400}
	.product_1 .product_txt2{margin-top:-100px; text-align: right; color:#ffffff;font-size:1.1rem;font-weight:400}
	
	.product_1 .img .l_img{ }
	.product_1 .img .r_img{  margin-left:-15px; margin-top:-526px}
	.product_2{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg2.jpg");background-position: center; background-size: cover; height:1500px  }
	.product_2 .img .c_img{margin:0 auto !important; text-align: center}
	.txt-m {display:none}
	

	.popup{position:relative; z-index: 99999; top:-420px; left:-420px}
	.popup_p1{position:absolute; top: -350px !important; left:180px !important; width:240px !important; height: 347px !important}
	.popup_p1 div{padding:10px !important}
	.popup_p1 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p1 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 .bt_right{float:right}
	.popup_b{border:none; }
	
	
	.popup2{position:relative; z-index: 99999; top:-470px; left:360px}
	.popup_p2{position:absolute; top:0px !important; left:-200px !important; width:240px !important; height: 347px !important}
	.popup_p2 div{padding:10px !important}
	.popup_p2 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p2 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 .bt_right{float:right} 

	.popup3{position:relative; z-index: 99999; top:-470px; left:365px}
	.popup_p3{position:absolute; top:0px !important; left:68px !important; width:240px !important; height: 347px !important}
	.popup_p3 div{padding:10px !important}
	.popup_p3 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p3 b{color:#51c23e;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:link{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:visited{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:hover{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 .bt_right{float:right} 
	
	
	.popup4{position:relative; z-index: 99999; top:-600px; left:-75px}
	.popup_p4{position:absolute; top:-250px !important; left:150px !important; width:240px !important; height: 347px !important}
	.popup_p4 div{padding:10px !important}
	.popup_p4 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p4 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 .bt_right{float:right} 

		
	.product_txt3{font-size:1.2rem; margin-top:50px; color:#000000; font-weight:400}
	.product_3{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg3.jpg");background-position: center; background-size: cover; height:1600px  }
	.product_3 div.img.uk-first-column{padding-top:100px}
	.product_3 .product_txt1{margin-top:-460px; text-align: left; color:#ffffff;font-size:1.1rem;margin-left:46px;font-weight:400}
	.product_3 .product_txt2{margin-top:-100px; text-align: right; color:#ffffff;font-size:1.1rem;font-weight:400}
	.product_3 .img .l_img{max-width:none}
	.product_3 .img .r_img{margin-left:-15px; margin-top:-470px;max-width:none}

	.product_6 {text-align:center; font-size:1.25rem; color:#000000 !important}
	.product_6 p{text-align:center; font-size:1.25rem; color:#000000 !important ; font-weight:400; margin-top:65px}
	.product_7{background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg4.jpg");background-position: center; background-size: cover; height:1600px; margin-top:-42px }
	.product_7 h2{}
	.product_7 p{ color:#ffffff}


	.popup5{position:relative; z-index: 99999; top:-632px; left:-250px}
	.popup_p5{position:absolute; top:104px !important; left:-274px !important; width:240px !important; height: 347px !important}
	.popup_p5 div{padding:10px !important}
	.popup_p5 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p5 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 .bt_right{float:right}

	.popup6{position:relative; z-index: 99999; top:-470px; left:-100px}
	.popup_p6{position:absolute; top:0px !important; left:-330px !important; width:260px !important; height: 347px !important}
	.popup_p6 div{padding:10px !important}
	.popup_p6 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p6 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 .bt_right{float:right} 


	.popup7{position:relative; z-index: 99999; top:-470px; left:320px}
	.popup_p7{position:absolute; top:54px !important; left:-300px !important; width:240px !important; height: 347px !important}
	.popup_p7 div{padding:10px !important}
	.popup_p7 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p7 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 .bt_right{float:right} 

	.popup8{position:relative; z-index: 99999; top:-370px; left:1259px; text-align: center}
	.popup_p8{position:absolute; top:-200px !important; left:-250px !important; width:240px !important; height: 347px !important}
	.popup_p8 div{padding:10px !important}
	.popup_p8 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p8 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 .bt_right{float:right} 

	
	.popup9{position:relative; z-index: 99999; top:-600px; left:320px; text-align: center}
	.popup_p9{position:absolute; top:-100px !important; left:200px !important; width:240px !important; height: 347px !important}
	.popup_p9 div{padding:10px !important}
	.popup_p9 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p9 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 .bt_right{float:right} 
	
	.brand_info.full-slide > h1 > img { /*margin-top:120px;*/ margin-bottom:30px}
	div.uk-section.brand_info.full-slide > div:nth-child(4) > img { margin-top:30px; margin-bottom:10px}
	div.uk-section.product_6.full-slide > h1 > img{margin-top:20px; margin-bottom:50px}
	

	.popup10{position:relative; z-index: 99999; top:-870px; left:-198px; text-align: center}
	.popup_p10{position:absolute; top:0px !important; left:-200px !important; width:240px !important; height: 347px !important}
	.popup_p10 div{padding:10px !important}
	.popup_p10 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p10 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 .bt_right{float:right} 

	
	
	.popup_p11 {width:550px; margin:0 auto; text-align:left; margin-top: 50px;
    /*margin-bottom: -50px !important;*/}
	.popup_p11 p{float:left}
	.popup_p11 .popup_11t{float:left; margin-left:50px; margin-top:30px}
	.popup_p11 label{color:#000000;font-size: 21px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top:30px}
	.popup_p11 label.gray{color:#6c6c6c;font-size: 15px !important; font-family: 'Noto Sans KR', sans-serif; font-weight:100; margin-bottom:30px  }
	.popup_p11 b{color:#f58d39;font-size: 30px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:link{color:#f58d39;font-size: 21px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:visited{color:#f58d39;font-size: 21px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:hover{color:#f58d39;font-size: 21px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 .bt_right{float:right} 

	
	/*.last_btn {text-align:center; margin:50px auto; font-size: 2rem }*/
	/*.last_btn .uk-button{color:#ffffff; border:1px solid #000000; background-color: #000000; font-size:1.5rem; padding:15px 30px; font-weight:500;}*/
	.concept-2 .txt { margin: 5% 0 0 22%;}
	.concept-2 .txt_r{ margin: -5% 0 0 7%;}
	.concept-2 .txt p { width: 100%; font-size: 1.2rem; color:#000000;font-weight:400}
	.concept-2 .txt_r p { width: 100%; font-size: 1.2rem; color:#000000; text-align:left}
	.product_6 .uk-light .uk-slidenav{color:#000000 !important; margin-top:-250px}
}
@media (max-width: 640px) {
	
	.brand_info{height:auto}
	/*.last_btn {text-align:center; margin:0 auto; font-size: 2rem }*/
	/*.last_btn .uk-button{color:#ffffff; border:0; background-color: #000000; font-size:1.5rem; font-weight:500; padding:10px 25px; }*/
	.concept-2 .txt { margin: 5% 0 0 10%;padding-right:3%}
	.concept-2 .txt_r{ margin: 2% 0 0 7%; text-align:left; padding-right:7%}
	.concept-2 .txt p { width: 100%; font-size: 1.2rem; color:#000000;font-weight:400;text-align:left; padding-right:7%}
	.concept-2 .txt_r p { width: 100%; font-size: 1.2rem; color:#000000;font-weight:400; text-align:left}
	.main-tit { max-height: 700px;padding-top: 0; padding-bottom: 0;  background: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/intro-bg.jpg"); background-size: cover;}
	.main-tit .title-logo { margin: 47% auto 0; }
	.main-tit .title-bg { margin-left: 15%; max-height: 700px;}
	.main-tit .brand-logo { display: none;}
	.sticky-zone .sticky-pc { display: none;}
	.sticky-zone .sticky-m { display: block;}
	.sticky-zone .photo-box { margin-bottom: 20%;}
	.sticky-zone .photo div { width: 35%; }
	.sticky-zone .photo .caption { padding-right: 0;}
	.sticky-zone .photo-01 div { right: 10%; margin-top: -20%; }
	.sticky-zone .photo-02 div { margin-left: 17%; }
	.sticky-zone .photo-03 div { right: 0; margin-top: 44%;}
	
	
	.concept-1 { max-height: 700px;}
	
	h1.first_b {background-color:#99cc66; padding:4px 5px; width:49%; color:#ffffff; font-size:1.75rem !important; margin:18% auto 0px auto; font-weight: 300;}
	label {font-size:2.5rem; color:#000000;font-weight: 400; line-height:3rem}
	h1.first_b b {font-size:3.7rem; color:#000000;font-weight: 700;}	
	
	
	.video_txt {font-size: 1.5rem; color: #000000; margin-top: 7%; font-weight: 400; line-height: 2.5rem}
	.video_txt2 {font-size: 1.5rem; color: #000000; /*margin-top:70px;*/ font-weight: 400; line-height: 2.3rem; /*margin-bottom: -50px*/}
	
	/* 제품 소개 1 */
	
	.product_1{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg1.jpg");background-position: center; background-size: cover; height:auto  }
	.product_1 div.img.uk-first-column{}
	.product_1 .product_txt1,.product_1 .product_txt2{margin-top:20px; text-align: left; color:#ffffff;font-size:1.1rem; margin-left:10px} 
	.product_1 .uk-container {text-align: center; margin: 0 auto; width: 100%}
	.txt-w {display:none}
	.product_2{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg2.jpg");background-position: center; background-size: cover;   padding-bottom: 0; }
	.product_2 .img .c_img{margin:0 auto !important; text-align: center}
	.product_2 .con-01{margin:0 auto}
	
	
	.product_txt3{font-size:1.2rem; margin-top:50px; color:#000000}
	.product_3{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg3.jpg");background-position: center; background-size: cover; padding-top: 0;}
	.product_3 div.img.uk-first-column{padding-top:20px}
	.product_3 .product_txt1, .product_3 .product_txt2 {margin-top:20px; text-align: left; color:#ffffff; font-size:1.1rem; margin-left:10px}
	.product_3 .uk-container {text-align: center; margin: 0 auto; width: 100%}
	 
	.product_3 .img .l_img{ margin-top:20%}
	.product_3 .img .r_img{margin-left:-15px; margin-top:-470px; }
	.product_7{background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg4.jpg");background-position: center; background-size: cover; /*margin-top:-40px*/ }
	.product_7 p{ color:#ffffff}
	.product_7 .uk-grid-stack{margin:0 auto}
	.popup{position:relative; z-index: 999;  top:-400px; left:-10%}
	.popup_p1{position:absolute; top: -180px !important; left:-50% !important; width:240px !important; height: 347px !important}
	.popup_p1 div{padding:10px !important}
	.popup_p1 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p1 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 .bt_right{float:right}
	.popup_b{border:none; }
	
	
	.popup2{position:relative;  top:-450px  }
	.popup_p2{position:absolute;  top:-165px !important; left:-35% !important; width:240px !important; height: 347px !important}
	.popup_p2 div{padding:10px !important}
	.popup_p2 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p2 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 .bt_right{float:right}  
	.popup_p2 button{position:relative; z-index: 1}
	
	.popup_p3 button{position:relative; z-index: 1}
	.popup3{position:relative;   top:-450px; left:-20px}
	.popup_p3{position:absolute; z-index:999; top:-165px !important; left:-118% !important; width:240px !important; height: 347px !important}
	.popup_p3 div{padding:10px !important}
	.popup_p3 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p3 b{color:#51c23e;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:link{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:visited{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:hover{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 .bt_right{float:right} 
	

	.popup4{position:relative; z-index: 999; top:-350px; left:0px}
	.popup_p4{position:absolute; top:-243px !important; left:-80% !important; width:260px !important; height: 347px !important}
	.popup_p4 div{padding:10px !important}
	.popup_p4 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p4 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 .bt_right{float:right} 
	
	
	.popup5{position:relative; z-index: 999; top:-420px; left:15px  }
	.popup_p5{position:absolute; top:-150px !important; left:-44px !important; width:240px !important; height: 347px !important}
	.popup_p5 div{padding:10px !important}
	.popup_p5 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p5 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 .bt_right{float:right}

	.popup6{position:relative; z-index: 999;  top:-360px; left:82px }
	.popup_p6{position:absolute; top:-500% !important; left:-220% !important; width:260px !important; height: 347px !important}
	.popup_p6 div{padding:10px !important}
	.popup_p6 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p6 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 .bt_right{float:right} 
 
	

	.popup7{position:relative; z-index: 999; top:-400px}
	.popup_p7{position:absolute; top:-450% !important; left:-80% !important; width:240px !important; height: 347px !important}
	.popup_p7 div{padding:10px !important}
	.popup_p7 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p7 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 .bt_right{float:right} 

	

	.popup8{position:relative; z-index: 999; top:-400px; left:120px; text-align: center}
	.popup_p8{position:absolute; top:-550% !important; left:-10% !important; width:240px !important; height: 347px !important}
	.popup_p8 div{padding:10px !important}
	.popup_p8 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p8 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 .bt_right{float:right} 

	.popup9{position:relative; z-index: 999; top:-440px; left:120px; text-align: center}
	.popup_p9{position:absolute; top:-400% !important; left:-10% !important; width:240px !important; height: 347px !important}
	.popup_p9 div{padding:10px !important}
	.popup_p9 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p9 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 .bt_right{float:right} 
	
	
	.popup10{position:relative; z-index: 999; top:-540px; left:-80px; text-align: center}
	.popup_p10{position:absolute; top:-450% !important; left:10% !important; width:240px !important; height: 347px !important}
	.popup_p10 div{padding:10px !important}
	.popup_p10 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p10 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 .bt_right{float:right} 
	
	.popup_p11 {width:100%; margin:0 auto; text-align:left; margin-top:20px}
	.popup_p11 p{float:left}
	.popup_p11 p img{max-width:137px; margin-left:15px}
	.popup_p11 .popup_11t{float:left; margin-left:20px; margin-top:0px; line-height: 19px}
	.popup_p11 label{color:#000000;font-size: 1.4rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top:-12px}
	.popup_p11 span{color:#000000;font-size: 1.35rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top:-52px}
	.popup_p11 label.gray{color:#6c6c6c;font-size: 1.25rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight:100; margin-bottom:5px  }
	.popup_p11 b{color:#f58d39;font-size: 1.8rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:link{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:visited{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:hover{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 .bt_right{float:right} 

	.brand_info img{max-width:80%}
	.brand_info p{padding:4%}
	/*.brand_info.full-slide > h1 > img{margin-top:50px}*/
	.product_slide .uk-grid>*{padding:10px !important}
	.product_6 h1 img{max-width:80%}
	.product_6 p{text-align:center; color:#000000; margin:0 auto; font-size:1.1rem; padding:10px 20px}
	
	
	
}

@media (min-width:640px) and (max-width: 768px) {
	/*.last_btn {text-align:center; margin:0 auto; font-size: 2rem }*/
	/*.last_btn .uk-button{color:#ffffff; border:1px solid #000000; background-color: #000000; font-size:1.5rem; font-weight:500; padding:10px 25px;}*/
	.concept-2 .txt { margin: 3% 0 0 5%;}
	.concept-2 .txt_r{ margin: 2% 0 0 7%; text-align:left}
	.concept-2 .txt p { width: 100%; font-size: 1.2rem; color:#000000;font-weight:400;text-align:left}
	.concept-2 .txt_r p { width: 100%; font-size: 1.2rem; color:#000000;font-weight:400; text-align:left}
	.main-tit { max-height: 700px;padding-top: 0; padding-bottom: 0;  background: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/intro-bg.jpg"); background-size: cover;}
	.main-tit .title-logo { margin: 47% auto 0; }
	.main-tit .title-bg { margin-left: 15%; max-height: 700px;}
	.main-tit .brand-logo { display: none;}
	.sticky-zone .sticky-pc { display: none;}
	.sticky-zone .sticky-m { display: block;}
	.sticky-zone .photo-box { margin-bottom: 20%;}
	.sticky-zone .photo div { width: 35%; }
	.sticky-zone .photo .caption { padding-right: 0;}
	.sticky-zone .photo-01 div { right: 10%; margin-top: -20%; }
	.sticky-zone .photo-02 div { margin-left: 17%; }
	.sticky-zone .photo-03 div { right: 0; margin-top: 44%;}
	
	
	.concept-1 { max-height: 700px;}
	
	h1.first_b {background-color:#99cc66; padding:4px 5px; width:49%; color:#ffffff; font-size:1.75rem !important; margin:18% auto 0px auto; font-weight: 300;}
	label {font-size:2.5rem; color:#000000;font-weight: 400; line-height:3rem}
	h1.first_b b {font-size:3.7rem; color:#000000;font-weight: 700;}	
	
	
	.video_txt {font-size: 1.5rem; color: #000000; margin-top: 7%; font-weight: 400; line-height: 2.5rem}
	.video_txt2 {font-size: 1.5rem; color: #000000; /*margin-top:70px;*/ font-weight: 400; line-height: 2.3rem; /*margin-bottom: -50px*/}
	
	/* 제품 소개 1 */
	
	.product_1{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg1.jpg");background-position: center; background-size: cover; height:auto  }
	.product_1 div.img.uk-first-column{}
	.product_1 .product_txt1,.product_1 .product_txt2{margin-top:20px; text-align: left; color:#ffffff;font-size:1.1rem; margin-left:-4%} 
	.product_1 .uk-container {text-align: center; margin: 0 auto; width: 100%}
	.txt-w {display:none}
	.product_2{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg2.jpg");background-position: center; background-size: cover;   }
	.product_2 .img .c_img{margin:0 auto !important; text-align: center}
	.product_2 .con-01{margin:0 auto}
	
	
	.product_txt3{font-size:1.2rem; margin-top:50px; color:#000000}
	.product_3{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg3.jpg");background-position: center; background-size: cover; }
	.product_3 div.img.uk-first-column{padding-top:20px}
	.product_3 .product_txt1, .product_3 .product_txt2 {margin-top:20px; text-align: left; color:#ffffff; font-size:1.1rem; margin-left:-4%}
	.product_3 .uk-container {text-align: center; margin: 0 auto; width: 100%}
	 
	.product_3 .img .l_img{ margin-top:20%}
	.product_3 .img .r_img{margin-left:-15px; margin-top:-470px; }
	.product_7{background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg4.jpg");background-position: center; background-size: cover; margin-top:-40px }
	.product_7 p{ color:#ffffff}
	.product_7 .uk-grid-stack{margin:0 auto}
	.popup{position:relative; z-index: 999;  top:-200px; left:-35%}
	.popup_p1{position:absolute; top: -204px !important; left:127% !important; width:240px !important; height: 347px !important}
	.popup_p1 div{padding:10px !important}
	.popup_p1 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p1 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 .bt_right{float:right}
	.popup_b{border:none; }
	
	
	.popup2{position:relative; z-index: 999998; top:-250px; left:-26% }
	.popup_p2{position:absolute; top:-165px !important; left:-35% !important; width:240px !important; height: 347px !important}
	.popup_p2 div{padding:10px !important}
	.popup_p2 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p2 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 .bt_right{float:right} 

	.popup3{position:relative; z-index: 999998; top:-250px; left:-30% }
	.popup_p3{position:absolute;  top:-165px !important; left:-118% !important; width:240px !important; height: 347px !important}
	.popup_p3 div{padding:10px !important}
	.popup_p3 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p3 b{color:#51c23e;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:link{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:visited{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:hover{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 .bt_right{float:right} 
	

	.popup4{position:relative; z-index: 999; top:-350px; left:0px}
	.popup_p4{position:absolute; top:-243px !important; left:-80% !important; width:260px !important; height: 347px !important}
	.popup_p4 div{padding:10px !important}
	.popup_p4 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p4 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 .bt_right{float:right} 
	
	
	.popup5{position:relative; z-index: 999; top:-320px; left:-20%  }
	.popup_p5{position:absolute; top:-150px !important; left:-44px !important; width:240px !important; height: 347px !important}
	.popup_p5 div{padding:10px !important}
	.popup_p5 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p5 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 .bt_right{float:right}

	.popup6{position:relative; z-index: 999;  top:-266px; left:-15%}
	.popup_p6{position:absolute; top:-500% !important; left:-220% !important; width:260px !important; height: 347px !important}
	.popup_p6 div{padding:10px !important}
	.popup_p6 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p6 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 .bt_right{float:right} 
 
	

	.popup7{position:relative; z-index: 999; top:-250px; margin-left: -21%}
	.popup_p7{position:absolute; top:-450% !important; left:-80% !important; width:240px !important; height: 347px !important}
	.popup_p7 div{padding:10px !important}
	.popup_p7 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p7 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 .bt_right{float:right} 

	

	.popup8{position:relative; z-index: 999; top:-400px; left:238px; text-align: center}
	.popup_p8{position:absolute; top:-550% !important; left:-108% !important; width:240px !important; height: 347px !important}
	.popup_p8 div{padding:10px !important}
	.popup_p8 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p8 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 .bt_right{float:right} 

	.popup9{position:relative; z-index: 999; top:-550px; left:220px; text-align: center}
	.popup_p9{position:absolute; top:-400% !important; left:-10% !important; width:240px !important; height: 347px !important}
	.popup_p9 div{padding:10px !important}
	.popup_p9 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p9 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 .bt_right{float:right} 
	
	
	.popup10{position:relative; z-index: 999; top:-610px; left:-27%; text-align: center}
	.popup_p10{position:absolute; top:-125% !important; left:100% !important; width:240px !important; height: 347px !important}
	.popup_p10 div{padding:10px !important}
	.popup_p10 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p10 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 .bt_right{float:right} 
	
	.popup_p11 {width:67%; margin:0 auto; text-align:left; margin-top:20px}
	.popup_p11 p{float:left}
	.popup_p11 p img{max-width:156px; margin-left:20px}
	.popup_p11 .popup_11t{float:left; margin-left:20px; margin-top:0px}
	.popup_p11 label{color:#000000;font-size: 1.4rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top:-12px}
	.popup_p11 label.gray{color:#6c6c6c;font-size: 1.25rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight:100; margin-bottom:5px  }
	.popup_p11 b{color:#f58d39;font-size: 1.8rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:link{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:visited{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:hover{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 .bt_right{float:right} 

	.brand_info img{max-width:80%}
	.brand_info p{padding:4%}
	.brand_info.full-slide > h1 > img{margin-top:50px}
	.product_slide .uk-grid>*{padding:10px !important}
	.product_6 h1 img{max-width:80%}
	.product_6 p{text-align:center; color:#000000; margin:0 auto; font-size:1.1rem; padding:0 0 20px}
	
	.concept-2 .uk-width-1-2\@s{width:100%}
}
@media (min-width:1025px) and (max-width: 1530px) {
	.product_1 .img .l_img{max-width:110% !important; float:left; margin-top:-60px}
	.product_1 .img .r_img{max-width:100% ; margin-left:-15px; margin-top:-470px}
	 
	.product_1{ background-image: url("https://img.vogue.co.kr/vogue/event/220318-josephandstacey/product_bg1.jpg");background-position: center; background-size: cover; height:auto  }
	.product_1 div.img.uk-first-column{}
	 
	.product_3{height:auto}
	.brand_info{height:auto}
	.popup{position:relative; z-index: 999;  top:-400px; left:-30%}
	.popup_p1{position:absolute; top: -204px !important; left:127% !important; width:240px !important; height: 347px !important}
	.popup_p1 div{padding:10px !important}
	.popup_p1 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p1 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p1 .bt_right{float:right}
	.popup_b{border:none; }
	.product_1 .product_txt1{margin-left:0px}
	.product_1 .product_txt2{margin-right:-15px}
	.popup2{position:relative; z-index: 999998; top:-450px; left:26% }
	.popup_p2{position:absolute; top:-165px !important; left:-215% !important; width:240px !important; height: 347px !important}
	.popup_p2 div{padding:10px !important}
	.popup_p2 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p2 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p2 .bt_right{float:right} 
	div.product_txt2.txt-w.uk-first-column.uk-scrollspy-inview.uk-animation-slide-right-medium > p{margin-top:70px}
	.popup3{position:relative; z-index: 999998; top:-450px; left:24% }
	.popup_p3{position:absolute;  top:-165px !important; left:70% !important; width:240px !important; height: 347px !important}
	.popup_p3 div{padding:10px !important}
	.popup_p3 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p3 b{color:#51c23e;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:link{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:visited{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 a:hover{color:#51c23e;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p3 .bt_right{float:right} 
	

	.popup4{position:relative; z-index: 999; top:-500px; left:0px}
	.popup_p4{position:absolute; top:-243px !important; left:154% !important; width:260px !important; height: 347px !important}
	.popup_p4 div{padding:10px !important}
	.popup_p4 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p4 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p4 .bt_right{float:right} 
	
	
	.popup5{position:relative; z-index: 999; top:-550px; left:-20%  }
	.popup_p5{position:absolute; top:-150px !important; left:-44px !important; width:240px !important; height: 347px !important}
	.popup_p5 div{padding:10px !important}
	.popup_p5 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p5 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p5 .bt_right{float:right}

	.popup6{position:relative; z-index: 999;  top:-435px; left:-15%}
	.popup_p6{position:absolute; top:-500% !important; left:-220% !important; width:260px !important; height: 347px !important}
	.popup_p6 div{padding:10px !important}
	.popup_p6 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p6 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p6 .bt_right{float:right} 
 
	

	.popup7{position:relative; z-index: 999; top:-350px; margin-left: 21%}
	.popup_p7{position:absolute; top:-450% !important; left:-80% !important; width:240px !important; height: 347px !important}
	.popup_p7 div{padding:10px !important}
	.popup_p7 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p7 b{color:#378c83;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:link{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:visited{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 a:hover{color:#378c83;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p7 .bt_right{float:right} 

	

	.popup8{position:relative; z-index: 999; top:-400px; left:938px; text-align: center}
	.popup_p8{position:absolute; top:-550% !important; left:-108% !important; width:240px !important; height: 347px !important}
	.popup_p8 div{padding:10px !important}
	.popup_p8 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p8 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p8 .bt_right{float:right} 

	.popup9{position:relative; z-index: 999; top:-550px; left:220px; text-align: center}
	.popup_p9{position:absolute; top:-400% !important; left:165% !important; width:240px !important; height: 347px !important}
	.popup_p9 div{padding:10px !important}
	.popup_p9 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height:22px}
	.popup_p9 b{color:#f58d39;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:link{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:visited{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 a:hover{color:#f58d39;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p9 .bt_right{float:right} 
	
	
	.popup10{position:relative; z-index: 999; top:-1010px; left:-17%; text-align: center}
	.popup_p10{position:absolute; top:4% !important; left:-250% !important; width:240px !important; height: 347px !important}
	.popup_p10 div{padding:10px !important}
	.popup_p10 label{color:#000000;font-size: 16px !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold}
	.popup_p10 b{color:#8666b4;font-size: 26px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:link{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:visited{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 a:hover{color:#8666b4;font-size: 15px !important; font-family: 'Montserrat', sans-serif;}
	.popup_p10 .bt_right{float:right} 
	
	.popup_p11 {width:42%; margin:0 auto; text-align:left; margin-top:20px;}
	.popup_p11 p{float:left}
	.popup_p11 p img{max-width:156px; margin-left:20px}
	.popup_p11 .popup_11t{float:left; margin-left:20px; margin-top:0px}
	.popup_p11 label{color:#000000;font-size: 1.4rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top:-12px}
	.popup_p11 label.gray{color:#6c6c6c;font-size: 1.25rem !important; font-family: 'Noto Sans KR', sans-serif; font-weight:100; margin-bottom:5px  }
	.popup_p11 b{color:#f58d39;font-size: 1.8rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:link{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:visited{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 a:hover{color:#f58d39;font-size: 1.4rem !important; font-family: 'Montserrat', sans-serif;}
	.popup_p11 .bt_right{float:right} 

	.brand_info img{max-width:80%}
	
	.brand_info.full-slide > h1 > img{margin-top:50px}
	.product_slide .uk-grid>*{padding:10px !important}
	.product_6 h1 img{max-width:80%}
	.product_6 p{text-align:center; color:#000000; margin:0 auto; font-size:1.1rem; padding:0 0 20px}
	
}
@media (min-width:768px) and (max-width: 1024px) {
	.product_3 .img .r_img{max-width:128% !important; margin-left:-1%}
	.product_3 .img .l_img{max-width:128% !important; margin-left:0%}
	.product_3 .product_txt1{margin-top:0px}
	.product_3{height:auto}
	.popup5 {top:-402px; left:-109px}
	.popup_p5{top:155px !important; left:-140px !important}
	.popup6 {top:-335px}
	.popup_p6{left:-263px !important}
	body > div.uk-section.topic-contents.product_3 > div > div > div.uk-child-width-expand\@s.uk-grid-medium.uk-flex.uk-flex-middle.con-02.uk-grid > div.img.img-m.uk-first-column.uk-scrollspy-inview.uk-animation-slide-right-medium > img{max-width:125%; margin-top:-100px; }
	.product_3 .product_txt2{margin-left:34px; text-align:left}
	.popup7{left:-162px; top:-270px}
	.popup_p7{top:-154px !important; left:190px !important}
	
	.product_1{height:auto}
	.product_1 .img .l_img{max-width:125%}
	
	.product_1 .product_txt1{margin-top:60px}
	.popup{top:-224px; left:-224px}
	.product_1 .product_txt2{margin-left:45px; text-align:left}
	
	body > div.uk-section.topic-contents.product_1 > div > div > div.uk-child-width-expand\@s.uk-grid-medium.uk-flex.uk-flex-middle.con-02.uk-grid > div.img.img-m.uk-first-column.uk-scrollspy-inview.uk-animation-slide-right-medium > img{max-width:125%; margin-top:-100px; }
	.popup2{top:-270px; left:-166px}
	.popup3{top:-270px; left:-190px}
	.popup_p2{left:151px !important; top:-93px !important}
	.popup_p3{ top:-93px !important}
}


@media (min-width:1024px) and (max-width: 1530px) {
	.product_3 .img .r_img{max-width:128% !important; margin-left:-1%}
	.product_3 .img .l_img{max-width:128% !important; margin-left:-10%}
	.concept-2 .concept-left img { margin-left:28px} 
	.concept-2 .txt_r{margin:-2% 0 -2% 7%}
	.concept-2 .txt{margin:2% 0 -2% 22%}
}
@media (min-width:1531px) and (max-width:1910px){
	.concept-2 .txt_r{margin:-8% 0 -5% 7%}
	.concept-2 .concept-left img { margin-left:28px} 
}
@media (min-width:1911px){
	
	.concept-2 .concept-left img { margin-left:40px} 
}
@media (max-width: 1530px) {
	.half-slide .sticky-back { background-size: cover;}
	.full-video .uk-container { max-width: 79%;}
	.concept-1 { background-size: cover; background-position: center; }
	.concept-1 .uk-container-large { max-width: 85%;}
	.look-list .uk-container { max-width: 85%;}
	
}
@media (max-width: 1200px) {
	html { font-size: 14px;}
}
@media (max-width: 1024px) {
	.main-tit .title-logo { max-width: 85%;}	
	.sticky-zone .txt-box { margin: 20% 10%;}
	
	.sticky-zone .txt-box-bg p { margin-top: 25%; width: 50%; min-width: 460px; }
	.full-video { height: auto; /*padding: 20% 0;*/ z-index: 9999;}
	
	.full-slide { padding: 10% 0;}
}
@media (max-width: 959px) {
	html { font-size: 12px;}	
	.half-slide .photo-2 { opacity: calc((var(--content) - 20) * 0.5);}
	.full-slide { background-size: 150%;}
	.look-list .img-13410 img, .look-list .img-13918 img { visibility:visible;}
	/*.look-list .uk-grid > div { margin-top: 4%;}*/
}

@media (max-width: 639px) {
	.caption { font-size: 11px;}
	.side-txt { display: none;}
	.main-tit { max-height: 600px;}
	.main-tit .title-bg { margin-left: 15%; max-height: 600px;}
	.sticky-zone .photo div { width: 43%; }
	.sticky-zone .photo-01 div { right: 7%; margin-top: -20%; }
	.sticky-zone .photo-02 div { margin-left: 5%; margin-top: 25%; }
	.sticky-zone .photo-03 div { right: 0; margin-top: 80%; }
	.full-video { height: 350px; position: relative;}
	.full-video .uk-container { position: absolute; width: 100%; height: 350px; top: 0; z-index: 999;  min-width: 100%; left: 0; padding: 0;}
	.full-video .uk-container .uk-flex iframe { /*max-width: 90%;*/ margin: 0 auto; padding: 10% 5%; min-height: 400px;}
	.video-1 { margin: 0 0 50px 0;}
	
	
	.concept-1 { max-height: 600px;}
	.concept-1 p { background-color:rgba(255,255,255,0.80); padding: 30px 15px; text-align: center;}
	.concept-2 .photo { text-align: right;}
	.concept-2 img { max-width: 100%;}
	.concept-2 .photo img {} /*  max-width: 80%; */
	.concept-2 .caption { position: relative;}
	.concept-2 .concept-left .caption { text-align: left;  width: 60%;}
	.concept-2 .concept-right .caption { padding-right: 0; padding-left: 40%; }
	.concept-2 .concept-right .txt {  }
	
	.uk-slider .uk-icon { display: none;}
	.full-slide .uk-grid { height: 400px; min-height: unset !important;}
	.full-slide { padding: 15% 0;}
}

.event { background: #518fb6; color: #fff; font-size: 1.5rem; padding: 100px 0;}
.event h1 { font-size: 48px; font-weight: 500; color: #fff;}
.event h1 span { font-weight: 100;}
.event .gift { margin: 50px 0;}
.event .tit { font-weight: 500; margin-top: 50px; margin-bottom: -10px;}
.event .info { font-size: 1.0rem; margin-top: -10px;}
.event .uk-button { color: #ffffff; border:0; background-color: #000000; font-size: 1.5rem; padding: 15px 30px; font-weight: 500; margin-top: 30px;}

.full-video-2 p { font-size: 1.3rem; }

@media (max-width: 639px) {
	.event { font-size: 1.2rem; padding: 70px 0;}
	.event h1 { font-size: 1.8rem !important;}
	.event .gift { margin: 20px 0;}
	.event p { padding: 0 20px;}
	.event .tit { margin-top: 20px; }
	.event .uk-button { padding: 10px 25px; margin-top: 20px; }
}