@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
@font-face {
  font-family: 'AbsolutHeadline';
  font-style:normal;
  font-weight: 700;
  src: url(https://img.vogue.co.kr/vogue/event/201111-absolut/AbsolutHeadline.otf);
}
@font-face {
  font-family: 'Absolut-Medium';
  font-style:normal;
  font-weight: 300;
  src: url(https://img.vogue.co.kr/vogue/event/201111-absolut/Absolut-Medium.otf);
}
@font-face {
  font-family: 'Absolut-Bold';
  font-style:normal;
  font-weight: 700;
  src: url(https://img.vogue.co.kr/vogue/event/201111-absolut/Absolut-Bold.otf);
}



html { font-size: 20px; letter-spacing: -0.03rem; color: #fff; background-color: #ff8674; }
body, h1, h2, h3, h4 { font-family: 'Absolut-Medium','Noto Sans KR', sans-serif; font-weight: 300; text-align: center; color: #fff; 
/*max-width: 1400px;
    margin: 0 auto;
    background-color: #ff8674;*/}

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

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

.main-tit { padding-top: 0;}
.main-tit .title-logo { width: 50%; height: auto; margin: 0 auto; }
.main-tit p { color: #d2d2d2;}

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: 638px) {
	html { font-size: 13px;  }
	h1 { font-size: 30px !important;}
	h2 { font-size: 22px !important;}
	.br-m { display:block;}
	.br-p { display:none;}
	.img-m { display: block;}
	.img-p { display: none;}
	
	.uk-logo { width: 100px; min-height: 50px;}

}

.uk-container { max-width: 1100px;}

.ab-berry { background-image: url("https://img.vogue.co.kr/vogue/event/201111-absolut/img-berry.png"); background-position: center; background-repeat: repeat-x; height: 200px;
    width: 100%; background-size: contain;}
.topic-1 .ab-magic-card {  font-size: 28px;}
.topic-1 .ab-magic1 { position: relative; max-width: 600px;}
.topic-1 .ab-magic1 div { border: 1px solid #ff8674; text-shadow: 1px 2px 5px rgba(0,0,0,0.76);}
.topic-1 .ab-magic3, .topic-1 .ab-magic4 { position: relative;}
.topic-1 .ab-magic3 p { background-image: url("https://img.vogue.co.kr/vogue/event/201111-absolut/img-magic-ico1.jpg"); background-size:contain; background-repeat: no-repeat; position: absolute; width: 250px; height: 250px; bottom: -30%; z-index: -1; left: -15%;}
.topic-1 .ab-magic4 { margin-top: 50px;}
.topic-1 .ab-magic4 p { background-image: url("https://img.vogue.co.kr/vogue/event/201111-absolut/img-magic-ico2.jpg"); background-size:contain; background-repeat: no-repeat; position: absolute; width: 80px; height: 80px; top: -22%; z-index: -1; right: -8%;}
.topic-1 .video-full { border: 20px solid #fff; max-width: 750px; margin: 20px auto;}

.topic-2 .ab-recipe { background-color: #3d4412; padding: 40px 0; overflow: hidden;}
.topic-2 .ab-recipe h3 { color: #ff8674; font-family: 'AbsolutHeadline', sans-serif; letter-spacing: 0; font-size: 36px;}
.topic-2 .ab-recipe ul div { margin-top: 10px;}
.topic-2 .ab-recipe ul, .topic-2 .ab-recipe li { overflow: visible;}
.topic-2 .ab-recipe li { padding: 0 10px;}

.topic-3 .ab-coment { margin-top: -40px; margin-left: -20px; z-index: 999;}
.topic-3 .uk-button { color: #fff; font-size: 28px; background-color: #3d4412; box-shadow: 1px 2px 5px rgba(0,0,0,0.76); border: 0; padding: 15px 20px;  }
.topic-3 .ab-info { color: #454545; font-size: 16px; }


@media (max-width: 1024px) {
	.ab-berry { height: 120px;}
}
@media (max-width: 638px) {
	.ab-berry { height: 80px;}
	.main-img .uk-height-small { height: 50px;}
	.topic-1 .ab-magic-card {  font-size: 18px;}
	.topic-1 .ab-arrow img { width: 50px;}
	.topic-1 .uk-grid-small { margin-left: 0;}
	.topic-1 .ab-magic3 p { width: 180px; bottom: -40px;}
	.topic-1 .ab-magic4 p { width: 60px; top: -29%; right: -3%;}
	.topic-1 .video-full { border: 0;}
	
	.topic-2 .uk-height-viewport { min-height: inherit; padding: 60px 20px;}
	.topic-2 .ab-recipe h3 { font-size: 18px;}
	
	.topic-3 .ab-coment { margin-top: -40px; margin-left: 20px;}
	.topic-3 .ab-last { padding: 0;}
	.topic-3 .uk-button { font-size: 18px;
    line-height: 1.3em; max-width: 80%; }
	.topic-3 .ab-info { font-size: 13px; }

}