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

html { font-size: 1.25rem; color: #000; }
body, h1, h2 { font-family: 'Noto Sans KR', 'Roboto', sans-serif; font-weight: 400; text-align: center; color: #000; word-break: keep-all; letter-spacing: -0.01rem;}

.br-m { display: none;}
.br-p { display:block;}
.img-m { display: none;}
.img-p { display: block; margin:0 auto;}
.bg-m { display: none;}
.bg-p { display:block;}
.video-m { display: none;}
.video-p { display:block;}
.uk-section { position: relative; overflow: hidden;}

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

.main-tit { padding-top: 0; padding-bottom: 0;}
.main-tit .title-logo { width: 100%; max-width: 900px; height: auto; margin: 0 auto;}
.main-tit p { color: #fff; line-height: 1.5em;}

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) {
	.bg-m { display:block;}
	.bg-p { display:none;}	
	.br-m { display:block;}
	.br-p { display:none;}
}

@media (max-width: 638px) {
	html { font-size: 13px;}
	.img-m { display: block; margin:0 auto; }
	.img-p { display: none;}
	.video-m { display: block;}
	.video-p { display:none;}
}

/* 커스텀 */
.uk-position-top { z-index: 10;}
.uk-footer-logo {max-width:10%; width:100%; min-height:auto; text-align:center;}	

.main-tit .main-img { max-width: 700px !important; height: auto !important;}
.main-tit .uk-cover-container { background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/main-bg-bk.jpg"); background-repeat: repeat-x; background-position: center; background-size: auto 100%;}
.main-tit .uk-position-center { width: 100%; }
.main-tit .model { width: 100% !important; max-width: 1200px !important; height: auto !important; margin: 0 auto; position: relative;}

.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: #000; border-radius: 50px; line-height:45px; }

/* about */
.about-con .txt-box { max-width: 640px; }
.about-con .txt-box .txt-tit { font-size: 1.5rem; font-weight:300; background-color: #0b4b97; color:#fff; max-width:150px; padding:5px; margin:0 auto; }
.about-con .txt-box .txt-sub-tit { font-size:2.3rem; font-weight:400; letter-spacing: -0.1rem; line-height:1.2; }
.about-con .txt-box .txt-sub-tit > b { font-weight:500; }
.about-con .txt-box .txt-about { max-width:500px; margin:0 auto; text-align:justify; font-size:1.15rem; line-height:1.5; /* letter-spacing: -0.025rem; */ letter-spacing: 0; padding:5% 0 0; }
.about-con .txt-box .txt-about > b { color:#0b4b97; }
.about-video { padding-bottom:4%; }

/* topic-1 */
.topic-1 { padding-bottom:0; background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic1-bg.jpg"); background-size:cover; background-position:top; height:auto; }
.topic-1 .content-wrap .content-box .img-p { margin:0 auto; }

.topic-1 .popup1 { position:relative; z-index: 99999; margin:0; top:-190px; left:-10%; }
.topic-1 .popup1 > button { border:none; -webkit-tap-highlight-color : transparent !important; }
.topic-1 .popup1 .popup_p1 { position: absolute; width: 240px !important; height:auto; top: -600% !important; left: 190% !important; }
.topic-1 .popup1 .popup_p1 > div { padding:10px !important; }
.topic-1 .popup1 .popup_p1 > div > button { float:right; }
.topic-1 .popup1 .popup_p1 > div > .txt-product { color:#000; }
.topic-1 .popup1 .popup_p1 > div > .txt-product p { margin:1% 0; }
.topic-1 .popup1 .popup_p1 > div > .txt-product .txt-product-tit { font-size:0.75rem; }
.topic-1 .popup1 .popup_p1 > div > .txt-product .txt-product-name { font-size:1rem; font-weight:700; letter-spacing: -0.02rem; }
.topic-1 .popup1 .popup_p1 > div > .txt-product .txt-product-price { color:#0b4b97; font-size:1.5rem; font-weight:700; }
.topic-1 .popup1 .popup_p1 > div > .txt-product .txt-product-link a { color:#0b4b97; font-size:0.95rem; font-weight:400; }

.topic-1 .popup2 { position:relative; z-index: 99999; margin:0; top:-60px; left:12%; }
.topic-1 .popup2 > button { border:none; -webkit-tap-highlight-color : transparent !important; text-decoration-line: underline; text-underline-offset: 4px; color:#0b4b97; font-weight:600; }
.topic-1 .popup2 .popup_p2 { position: absolute; width: 240px !important; height:auto; top: -1210% !important; left: -65% !important; }
.topic-1 .popup2 .popup_p2 > div { padding:10px !important; }
.topic-1 .popup2 .popup_p2 > div > button { float:right; }
.topic-1 .popup2 .popup_p2 > div > .txt-product { color:#000; }
.topic-1 .popup2 .popup_p2 > div > .txt-product p { margin:1% 0; }
.topic-1 .popup2 .popup_p2 > div > .txt-product .txt-product-tit { font-size:0.75rem; }
.topic-1 .popup2 .popup_p2 > div > .txt-product .txt-product-name { font-size:1rem; font-weight:700; letter-spacing: -0.02rem; }
.topic-1 .popup2 .popup_p2 > div > .txt-product .txt-product-price { color:#0b4b97; font-size:1.5rem; font-weight:700; }
.topic-1 .popup2 .popup_p2 > div > .txt-product .txt-product-link a { color:#0b4b97; font-size:0.95rem; font-weight:400; }

.topic-1 .button-icon > p { color:#0b4b97; }
.topic-1 .button-icon > p:hover { color:#fff; transition: all .5s; }
.topic-1 .button-icon > p:active .button-icon > p:visited { color:#fff; }

/* topic-2 */
.topic-2 { background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic2-bg.jpg"); background-size:cover; background-position:top; height:auto; }
.topic-2 .content-box > div > .topic_txt { max-width: 42%; text-align:left; padding-right:0; }
.topic-2 .content-box > div > .topic_txt > p { color:#fff; padding: 0 0 20%; font-size:1.15rem; }
.topic-2 .content-box > div > .img { padding-right:0; }
.topic-2 .content-box .topic2-video { padding-top:4%; }

/* topic-3 */
.topic-3 { padding-bottom:0; background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic3-bg.jpg"); background-size:cover; background-position:top; height:auto; }
.topic-3 .video-bg { position:absolute; top:0; left:0; height:100%; width:100%; z-index: -1; }
.topic-3 .video-bg video { width:100%; height:100%; object-fit: cover; }
.topic-3 .content-wrap .content-box { padding:0 0 10%; }
.topic-3 .content-wrap .content-box .img-p { margin:0 auto; }
.topic-3 .popup1 { position:relative; z-index: 99999; margin:0; top:-640px; left:-22%; }
.topic-3 .popup1 > button { border:none; -webkit-tap-highlight-color : transparent !important; }
.topic-3 .popup1 .popup_p1 { position: absolute; width: 240px !important; height:auto; top: 160% !important; left: 220% !important; }
.topic-3 .popup1 .popup_p1 > div { padding:10px !important; }
.topic-3 .popup1 .popup_p1 > div > button { float:right; }
.topic-3 .popup1 .popup_p1 > div > .txt-product { color:#000; }
.topic-3 .popup1 .popup_p1 > div > .txt-product p { margin:1% 0; }
.topic-3 .popup1 .popup_p1 > div > .txt-product .txt-product-tit { font-size:0.75rem; }
.topic-3 .popup1 .popup_p1 > div > .txt-product .txt-product-name { font-size:1.1rem; font-weight:700; letter-spacing: -0.02rem; }
.topic-3 .popup1 .popup_p1 > div > .txt-product .txt-product-price { color:#b84772; font-size:1.5rem; font-weight:700; }
.topic-3 .popup1 .popup_p1 > div > .txt-product .txt-product-link a { color:#b84772; font-size:0.95rem; font-weight:400; }
.topic-3 .button-icon > p { color:#b84772; }
.topic-3 .button-icon > p:hover { color:#fff; transition: all .5s; }
.topic-3 .button-icon > p:active .button-icon > p:visited { color:#fff; }

/* topic-4 */
.topic-4 { background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic4-bg1.jpg"); background-size:cover; background-position:bottom; height:auto; padding-top:0; }
.topic-4 .content-box > div > .topic_txt { max-width: 42%; text-align:right; padding:10% 0 0 0; }
.topic-4 .content-box > div > .topic_txt > p { color:#fff; padding: 0 0 20%; font-size:1.15rem; text-shadow: 2px 2px 6px #bb537b; }
.topic-4 .content-box > div > .img { padding-right:0; }

/* topic-5 */
.topic-5 { padding-bottom:0; background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic5-bg1.jpg"); background-size:cover; background-position:top; height:auto; }
.topic-5 .video-bg { position:absolute; top:0; left:0; height:100%; width:100%; z-index: -1; }
.topic-5 .video-bg video { width:100%; height:100%; object-fit: cover; }
.topic-5 .content-wrap .content-box { padding:5% 0 8%; }
.topic-5 .content-wrap .content-box .img-p { margin:0 auto; }
.topic-5 .popup1 { position:relative; z-index: 99999; margin:0; top:-270px; left:-18%; }
.topic-5 .popup1 > button { border:none; -webkit-tap-highlight-color : transparent !important; }
.topic-5 .popup1 .popup_p1 { position: absolute; width: 240px !important; height:auto; top: -420% !important; left: 360% !important; }
.topic-5 .popup1 .popup_p1 > div { padding:10px !important; }
.topic-5 .popup1 .popup_p1 > div > button { float:right; }
.topic-5 .popup1 .popup_p1 > div > .txt-product { color:#000; }
.topic-5 .popup1 .popup_p1 > div > .txt-product p { margin:1% 0; }
.topic-5 .popup1 .popup_p1 > div > .txt-product .txt-product-tit { font-size:0.75rem;}
.topic-5 .popup1 .popup_p1 > div > .txt-product .txt-product-name { font-size:1.1rem; font-weight:700; letter-spacing: -0.02rem; }
.topic-5 .popup1 .popup_p1 > div > .txt-product .txt-product-price { color:#f04f10; font-size:1.5rem; font-weight:700; }
.topic-5 .popup1 .popup_p1 > div > .txt-product .txt-product-link a { color:#f04f10; font-size:0.95rem; font-weight:400; }
.topic-5 .button-icon > p { color:#f04f10; }
.topic-5 .button-icon > p:hover { color:#fff; transition: all .5s; }
.topic-5 .button-icon > p:active .button-icon > p:visited { color:#fff; }

/* topic-6 */
.topic-6 { background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic6-bg.jpg"); background-size:cover; background-position:center left; height:auto; }
.topic-6 .content-box > div { align-items: self-start; }
.topic-6 .content-box > div:nth-child(1) { padding-bottom: 5%; }
.topic-6 .content-box > div > .img1 { padding-top:16%; padding-right:0; }
.topic-6 .content-box > div > .img2 { padding-left:0; }

/* topic-7 */
.topic-7 { background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic7-bg.jpg"); background-size:cover; background-position:top; overflow:visible; }
.topic-7 .content-box > div:nth-child(1) { padding-bottom:8%; }
.topic-7 .content-box .ugg-logo { max-width:300px; margin:0 auto; }
.topic-7 .content-box .ugg-logo .footer-btn { max-width: 300px; background-color: #000; color:#fff; margin:30px 0; }
.topic-7 .content-box .ugg-logo .footer-btn > a { padding: 3% 0; }
.topic-7 .content-box .ugg-logo .footer-btn > a:hover { color:#fff; }

/* logo_roliing */
.logo_rolling { background-color: #b84772; padding:0.5% 0; }

.section-slider{
    width:100%;
    overflow-x: hidden;
}

.section-slider img{
    width: 100%;
    padding: 0 1.875rem;
}

.section-slider .swiper-wrapper{
    transition-timing-function: linear;
}


@media (max-width: 1200px) {
	.topic-1 .content-wrap .content-box > div:nth-child(1) { padding-bottom:2%; }
	.topic-1 .popup1 { position:absolute; top:71%; left:30%; }	
	.topic-1 .popup2 { position:absolute; top:93%; left:53%; }		
	.topic-3 .popup1 { position:absolute; top:15%; left:27%; }
	.topic-5 .popup1 { position:absolute; top:60%; left:28%; }
	.section-slider img { padding: 0 1rem; }
}

@media (max-width: 959px) {	
	.uk-footer-logo { max-width:20%; min-height:auto; }
	.main-tit .title-logo { width:85%; }
	.topic-1 .popup1 .popup_p1 { left: 180% !important; }
	.topic-1 .popup2 { top:90%; }		
	.topic-1 .popup2 .popup_p2 { top:-1140% !important; left:-60% !important; }
	.topic-3 .popup1 .popup_p1 { top:50% !important; left:180% !important; }
	.topic-4 .content-wrap .content-box > div > .topic_txt > p { font-size:0.92rem; }
	.topic-5 .popup1 .popup_p1 { top:-450% !important; left:150% !important; }

}

@media (max-width: 820px) {	
	.topic-1 .popup1 .popup_p1 { top: -560% !important; left:120% !important; }
	.topic-1 .popup2 .popup_p2 { top: -1030% !important; left:-55% !important; }
	.topic-3 .popup1 .popup_p1 { top:20% !important; left: 140% !important; }	
	.topic-4 .content-box > div > .topic_txt { max-width:40%; }
}


@media (max-width: 638px) {

	/* 공통 */
	.uk-position-top { top: 0px; z-index: 10; }	
	.uk-logo {max-width:50%; width:100%; height:auto; margin: 0 auto; }
	.main-tit .main-img { max-width: 100% !important; }
	.button-icon > p { font-size:3rem; width:40px; height:40px; line-height:35px; }

	/* about */
	.about-con { padding: 18% 14% 6%; }
	.about-con .txt-box .txt-tit { max-width:100px; font-size:1.2rem; }
	.about-con .txt-box .txt-sub-tit { font-size:1.9rem; line-height: 1.2; }
	.about-con .txt-box .txt-about { font-size:1rem; padding: 0 0 4%; letter-spacing: -0.05rem; }
	.about-con .txt-box .txt-about .txt-box > p:nth-child(2) { padding:0; }

	/* topic-1 */
	.topic-1 { background-position: left; padding:5% 0; }
	.topic-1 .popup1 { left:18%; }
	.topic-1 .popup1 .popup_p1 { width:220px !important;  top:-594% !important; left:90% !important; }	
	.topic-1 .popup2 { top:90%; left:47%; }
	.topic-1 .popup2 .popup_p2 { width:220px !important; top:-870% !important; left:-57% !important; }		
	.topic-1 .popup2 > button { text-underline-offset: 2px; font-size:1rem; }  

	/* topic-2 */
	.topic-2 { padding:5% 0 10%; }
	.topic-2 .content-wrap .content-box > div:nth-child(1) { position: relative; left:4%; }
	.topic-2 .content-wrap .content-box > div:nth-child(1) > .img { padding: 0 5%; }
	.topic-2 .content-wrap .content-box > div:nth-child(1) > .topic_txt { max-width:100%; margin-top:2%; padding:0 5%; }
	.topic-2 .content-wrap .content-box > div:nth-child(1) > .topic_txt > p { font-size:1rem; text-align:justify; text-align-last:center; color:#000; padding-bottom:10%; }
	.topic-2 .content-wrap .content-box > div:nth-child(2) > .topic2-video > video { position: relative; max-width:110%; left:-5%; }

	/* topic-3 */
	.topic-3 { padding-top: 0; }
	.topic-3 .content-wrap { padding:0 2%; }
	.topic-3 .content-wrap .content-box { padding: 5% 0; }
	.topic-3 .content-wrap .content-box > div:nth-child(1) { margin:0; }
	.topic-3 .content-wrap .content-box > div:nth-child(1) > div { padding:0; }
	.topic-3 .content-wrap .content-box > div > .img > .img-m { width:100%; position:relative; left:1%; }
	.topic-3 .popup1 { top:20%; left:20%; }
	.topic-3 .popup1 > button > img { max-width:40px; }
	.topic-3 .popup1 .popup_p1 { width:220px !important; height:auto !important; top:-100% !important; left: 30% !important; margin:0; }	

	/* topic-4 */
	.topic-4 { padding-top:6%; padding-bottom:0; background-image: url("https://img.vogue.co.kr/vogue/event/240423-ugg/topic4-bg2.jpg"); }
	.topic-4 .content-wrap .content-box > div:nth-child(1) { position:relative; left:4%; }
	.topic-4 .content-wrap .content-box > div:nth-child(1) > .img { padding:0 5%; }
	.topic-4 .content-wrap .content-box > div:nth-child(1) > .topic_txt { max-width:100%; padding:0 5%; margin-top:3%; order:2; }
	.topic-4 .content-wrap .content-box > div:nth-child(1) > .topic_txt > p { color:#b84772; font-size:1rem; text-align: justify; text-align-last: center; text-shadow: none; }
	.topic-4 .content-wrap .content-box > div:nth-child(2) > .topic2-video { position: relative; /*width:110%; left:-5%;*/ width:111%; margin-left:-5%; }	

	/* topic-5 */
	.topic-5 { padding-top:0; }
	.topic-5 .content-wrap { padding:0 5%; }
	.topic-5 .content-wrap .content-box { padding:6% 0 4%; }
	.topic-5 .popup1 { top:74%; left:38%; }
	.topic-5 .popup1 .popup_p1 { top:-620% !important; left:-180% !important; }	

	/* topic-6 */
	.topic-6 { padding-top: 6%; padding-bottom:10%;  }
	.topic-6 .content-wrap { padding:0 5%; }
	.topic-6 .content-wrap .content-box > div:nth-child(1) { position:relative; margin:0; left:0; }
	.topic-6 .content-wrap .content-box > div:nth-child(1) > .img1 { order:2; padding:0; margin-top:0; }
	.topic-6 .content-wrap .content-box > div:nth-child(1) > .img2 { order:1; padding:0; }
	.topic-6 .content-wrap .content-box > div:nth-child(2) { margin:3% 0 0; position: relative; }	

	/* topic-7 */
	.topic-7 .content-box .img { position:relative; left:1%; }
	.topic-7 .content-box .ugg-logo { max-width:150px; }
	.topic-7 .content-box .ugg-logo .footer-btn { margin: 15px 0 0 ;}
	.topic-7 .content-box .ugg-logo .footer-btn > a { font-size:1.1rem; padding:0; }	

	/* logo_rolling */
	.logo_rolling { padding:2% 0; }
	.section-slider img{ padding: 0 1rem; }

}


@media (max-width: 376px) {
	.about-txt .txt-box .txt-sub-tit { font-size: 1.85rem; }
}

@media (max-width: 281px) {
	.topic-1 .popup1 .popup_p1 { width:150px !important; height:auto !important; top:-457% !important; left:100% !important; }	
	.topic-1 .popup2 .popup_p2 { width:150px !important; height:auto !important; top:-320% !important; left:-30% !important; }
	.topic-3 .popup1 .popup_p1 { width:150px !important; height:auto !important; top:-100% !important; left:40% !important; }
	.topic-5 .popup1 .popup_p1 { width:150px !important; height:auto !important; top:-450% !important; left:-100% !important; }
}