@charset "UTF-8";

/* slim scrollbar */
body::-webkit-scrollbar { width: 6px; } 
body::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
body::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.2); }
body::-webkit-scrollbar-thumb:active { background: rgba(0,0,0,.3); } 
body::-webkit-scrollbar-button { display: none; }

/* focus */
.boostweek *:focus {
    outline: 0;
}

/* boost week common */
.glo-wrap.wide, .glo-contents {font-family:'Mont','NotoSans',sans-serif; max-width:100%; padding:80px 0 0;}

/* font */
.boostweek h2 { font-size: 150px; font-weight: 900; }
.boostweek h3 { font-size: 80px; font-weight: 900; line-height: 1.2; }
.glo-contents.boostweek h4 { font-size: 35px; }
.boostweek h5 { font-size: 28px; font-weight: 600; line-height: 1.2; }
.boostweek .text_orange { color: #f14924; }

/* btn */
.boostweek .intro_inner .btn_area { display: flex; justify-content: space-between; align-items: center; }
.boostweek .btn { position: relative; display: inline-block; width: 48%; max-width: 300px; height: 70px; line-height: 70px; text-align: center; font-size: 26px; font-weight: 600; letter-spacing: -0.05rem; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.boostweek .kakao_btn { position: absolute; top: 0; left: 0; right: 0; width: 80%; max-width: 200px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 900; color: #191600; background: #fee500; border-radius: 30px; margin: -15px auto 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.boostweek .kakao_btn::before { content: ''; display: inline-block; margin-right: 5px; width: 18px; height: 100%; background: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/kakao_ico.png') 50% 50%/contain no-repeat; vertical-align: top; }
.boostweek .fill_orange { color: #fff; border: 3px solid #d94829; background: #d94829; }
.boostweek .line_orange { color: #d94829; border: 3px solid #d94829; }

/* layout */
.boost_row { display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.boost_row .col { width: 49.4%; }
.boost_row .col_vis { position: relative; width:50.6%; }
.boost_row .col_vis img { max-width: 100%; vertical-align: top; }
.boost_row .col_txt { padding: 0 0 0 6.5%; box-sizing: border-box; }

.boostweek .inner { position: relative; margin: 0 auto; width: 100%; max-width: 1600px; height: 100%; }
/* scr-caution renewal */
.boostweek .scr-caution { padding: 0; background: #262626;}
.boostweek .note_bar { border-bottom: 1px solid #555; background: #333; }
.boostweek .note_bar h3 { margin: 0 auto; padding:0 7%; width: 100%; max-width: 1440px; height: 110px; color: #fff; font-size: 28px; line-height: 110px; font-weight: 700; letter-spacing: -0.05rem; box-sizing: border-box; cursor: pointer; }
.boostweek .note_bar h3::before { content: '!'; display: inline-block; margin: -2px 10px 0 0; width: 32px; height: 32px; color: #fff; font-size: 18px; line-height: 28px; text-align: center;  border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-sizing:border-box;}
.boostweek .note_bar h3::after { content: ''; float: right; width: 50px; height: 100%; background: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/bot_arr.png') 50% 50% no-repeat; transition: transform .4s; -webkit-transition: transform .4s; -moz-transition: transform .4s; -ms-transition: transform .4s; -o-transition: transform .4s; }
.boostweek .note_bar h3.open::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.boostweek .note_contents { /*display: none;*/ padding: 3% 0; background: #262626;}
.boostweek .note_lst { margin: 0 auto; padding: 0 7%; width: 100%; max-width: 1440px; color: #fff; background: #262626; box-sizing: border-box; }
/* .boostweek .note_lst:first-child { margin: 0 auto 60px; } */
.boostweek .note_lst dt { margin: 0 0 25px; font-size: 23px; font-weight: 700; line-height: 1.4; letter-spacing: -0.05rem; }
.boostweek .note_lst dd { position: relative; padding: 0 0 0 16px; font-size: 19px; font-weight: 400; line-height: 32px; letter-spacing: -0.075rem; white-space: pre-line; }
.boostweek .note_lst dd::before { content: ''; position: absolute; top: 14.5px; left: 0; width: 3px; height: 3px; background: #fff; }
/* //boost week common */

/*  boost week boost-5th 기준 */
.body-sub .glo-contents.boostweek { padding: 72px 0 0; max-width: 100%; color: #1e1e1e;}

.boostweek img { max-width: 100%; vertical-align: top; }
.boostweek .benefit_text h3,
.boostweek .scr-gift h3 { margin: 3% 0 8%; }
.boostweek .scr-new-life h4,
.boostweek .scr-boost-mode h4,	
.boostweek .scr-brand-boost h4 { margin: 0; padding: 0; font-size: 68px; font-weight: 900; line-height: 1.2; }
.glo-wrap.wide .boostweek .scr-new-life p,
.glo-wrap.wide .boostweek .scr-boost-mode p { padding: 3% 0 5%; font-size: 24px; }
.boostweek .scr-new-life p sup,
.boostweek .scr-boost-mode p sup { font-size: 14px; }
.boostweek .life_contents, 
.boostweek .boost_contents { position: relative; width: 100%; height: 100%;}
.boostweek .icon { display: inline-block; width: 105px; height: 104px; }
.boostweek .icon img { position: relative; top: 50%; transform: translateY(-50%); }
.boostweek .icon_title { display: block; margin: 10% 0 0; line-height: 1.2; text-align: center; }
.boostweek .icon_title sup { font-size: 14px; }

.boostweek .boost_intro { position: relative; overflow: hidden; width: 100%; height: 870px; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220119/visual_top.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-sizing: content-box; }
.boostweek .boost_intro h2 .en { display: block; font-size: 134px; }
.boostweek .boost_intro h4 { padding: 0 2% 3%;line-height: 1.2; text-transform: uppercase; letter-spacing: 34.5px; }
.boostweek .boost_intro .century { font-weight: 700; }
.boostweek .boost_intro .btn_area { max-width: 600px; }
.boostweek .intro_inner { position: relative; overflow: hidden; margin: 0 auto; padding: 4% 0 0; width: 100%; height: 100%; max-width: 1440px; box-sizing: border-box; z-index: 11; }
.boostweek .intro_area { position: relative; display: inline-block; width: 90%; max-width: 685px; line-height: 1; opacity: 0; }
.boostweek .intro_img { opacity: 0; }
.boostweek .boost_intro .duration { margin: 3% 0 0 2%; padding: 1% 2%; width: 80%; color: #fff; font-size: 24px; text-align: center; background: #1e1e1e; }
.boostweek .boost_intro .duration span { position: relative; margin: 0 0 0 4%; }
.boostweek .boost_intro .duration span::before { content: ''; display: block; position: absolute; top: 50%; left: -6%; width: 1px; height: 20px; background: #fff; transform: translateY(-50%); }
.boostweek .transform_area { margin: 7% 0 0; }
.boostweek .time_subtx { padding: 0 0 0 3%; font-size: 28px; letter-spacing: 3.5px; }
.boostweek .time_subtx span { font-weight: 900; }
/* .boostweek .timeWrap { transform: scale(0.9); transform-origin: 10% 0; }
.boostweek .flipTimer .digit > div.digit-bottom, 
.boostweek .flipTimer .digit > div.shadow-bottom { background-color: #444; } */

.boostweek .scr-benefit { height: 830px; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/product_bg.jpg'); background-repeat: no-repeat; background-position: center left; background-size: cover; }
.boostweek .benefit_img { position: relative; width: 65%; height: 100%; }
.boostweek .benefit_img .bronze { position: absolute; top: 3%; left: 37%; max-width: 388px; z-index: 1; }
.boostweek .benefit_img .black { position: absolute; top: 13%; left: 12%; max-width: 350px; z-index: 1; }
.boostweek .benefit_img .mint { position: absolute; top: 38%; left: 59%; max-width: 327px; }
.boostweek .benefit_img .blue { position: absolute; top: 52%; left: 28%; max-width: 263px; }
.boostweek .benefit_text { width: 35%; color: #1e1e1e; text-align: left; opacity: 0; }
.boostweek .benefit_notice { margin: 1% 0; }
.boostweek .benefit_notice p { color: #534843; text-align: center; }

.boostweek .scr-gift { overflow: hidden; padding: 8% 0; background: #f1f2f5; }
.boostweek .gift-inner { position: relative; margin: 0 auto; width: 100%; max-width: 1440px; height: 100%; }
.boostweek .gift_list .gift-num { display: block; position: relative; color: #f04923; font-size: 24px; font-weight: 900; }
.boostweek .gift_list .gift-num::after { content: ''; display: block; position: absolute; bottom: 4px; left: 0; width: 70px; height: 1px; background: #f04923; }
.boostweek .gift_list .gift-name { font-size: 34px; font-weight: 900; }
.boostweek .gift_list li {margin:0 0 16px;}
.boostweek .gift_list li:last-child {margin:0;}

.boostweek .scr-new-life { overflow: hidden; }
.boostweek .scr-new-life h3 { padding: 5% 0; text-align: center; }
.boostweek .life_img { width: 70%; }
.boostweek .life_text { position: absolute; top: calc(50% - 280px); right: 0; padding: 3% 6% 3% 4%; background: #f1f3f5; }
.boostweek .life_list { width: 70%; }

.boostweek .scr-boost-mode { overflow: hidden; margin: 5% 0; }
.boostweek .boost_img { margin: 0 0 0 30%; width: 70%; text-align: right; }
.boostweek .boost_text { position: absolute; top: calc(50% - 305px); left: 0; padding: 3% 5% 3% 8%; color: #fff; background: #1e1e1e; z-index: 1; }

.boostweek .scr-review { padding: 4% 0; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/review_bg.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.boostweek .scr-review .swiper-container { margin: 0; padding: 10% 0 0; }
.boostweek .scr-review .swiper-slide { background: #fff; opacity: 1; }
.boostweek .scr-review .swiper-slide .thumbnail { background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/icon_review.png'); background-repeat: no-repeat; background-size: cover; }
.boostweek .scr-review .swiper-slide::after { background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/icon_quotation.png'); background-repeat: no-repeat; background-size: cover; background-position: center right; }
.boostweek .scr-review .btn_area { margin: 3% 0 0; text-align: center; }
.boostweek .review_title { color: #fff;text-align: center; }
.boostweek .review_title p { padding: 1% 0 0; font-size: 24px; }

.boostweek .scr-reference { margin: 1% 0; }
.boostweek .reference_list { padding: 0 2%; } 
.boostweek .reference_list sup {font-size: 12px; }
/* //boost week 5th 기준 */

/* boost week 5th 단독 */
.boost_5th .gotham_book {line-height:1.3;}
.boost_5th .transform_area { margin: 5% 0 0; }
.boost_5th .boost_intro .btn_area { margin: 10% 0 0; }
.boost_5th .scr-boost-mode .gotham_book {font-size:20px; margin:10px 0 40px;}
/* //boost week 5th 단독 */

/* boost week 5th encore 단독 */
.boost_5th.encore .boost_intro { background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220125/visual_top.jpg'); }
.boost_5th.encore .intro_area { opacity: 1; }
.boost_5th.encore .intro_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; }
.boost_5th.encore .intro_img .pro { position: absolute; bottom: 0; left: 73%; }
.boost_5th.encore .intro_img .pro img { width: 94%; }
.boost_5th.encore .boost_intro h4 { margin: 0; }
.boost_5th.encore .transform_area { margin: 7% 0 0 1.5%; max-width: 580px; }
.boost_5th.encore .time_subtx { padding: 0; font-weight: 900; letter-spacing: 0.435rem; }
.boost_5th.encore .time_subtx .text_orange { color: #dd5333; }
.boost_5th.encore .flipTimer_modify { margin: 0; }
.boost_5th.encore .flipTimer_modify .flipTimer { margin: 15px 0 0; height: 90px; font-size: 80px; }
.boost_5th.encore .flipTimer .digit > div.digit-bottom, 
.boost_5th.encore .flipTimer .digit > div.shadow-bottom { background-color: #444; }
.boost_5th.encore .flipTimer_modify .flipTimer .seconds, 
.boost_5th.encore .flipTimer_modify .flipTimer .minutes, 
.boost_5th.encore .flipTimer_modify .flipTimer .hours, 
.boost_5th.encore .flipTimer_modify .flipTimer .days { width: 130px; }
.boost_5th.encore .boost_intro .btn_area { margin: 8% 0 0; }
.boost_5th.encore .intro_notice { position: absolute; bottom: 3%; left: 0; width: 100%; }
.boost_5th.encore .intro_notice p { color: #888; text-align: center; }
.boost_5th.encore .scr-brand-boost { position: relative; overflow: hidden; width: 100%; height: 100%; }
.boost_5th.encore .scr-brand-boost h4 { color: #fff; text-align: center; }
.boost_5th.encore .brand_area { position: relative; width: 100vw; height: 100vh; min-height: 800px; }
.boost_5th.encore .brand_video { display: inline-block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100vh; text-align: center; transform: translateX(-50%); }
.boost_5th.encore .brand_text { position: absolute; top: calc(50% - 80px); left: 0; width: 100%; }
.boost_5th.encore .scr-benefit { padding: 8% 0; height: 100%; max-height: inherit; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220125/benefit_bg.jpg'); }
.boost_5th.encore .benefit_img { min-height: 620px; }
.boost_5th.encore .product_reveal { opacity: 0; }
.boost_5th.encore .benefit_img .blue { top: 0; left: 0; max-width: inherit; }
.boost_5th.encore .benefit_img .black { top: -15%; left: 13%; max-width: inherit; z-index: inherit; }
.boost_5th.encore .benefit_img .mint { top: -13%; left: 25%; max-width: inherit; }
.boost_5th.encore .benefit_img .bronze { top: 12%; left: 45%; max-width: inherit; }

.boost_5th.encore .scr-gift { height: 100vh;/*height: calc( 100vh + 72px );*/ box-sizing: border-box; }
.boost_5th.encore .gift_text { width: 55%; }
.boost_5th.encore .gift_img { width: 45%; }

.boost_5th.encore .scr-boost-mode + .scr-new-life { margin: 0 0 5%; }
/* //boost week 5th encore 단독 */

/* 20220302 boost week 5th encore 품절 */
.skin_soldout {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:80;}
.skin_soldout .skin_popup { position:relative; width:92%; max-width:400px; height:calc(100% - 4rem); margin:2rem auto;}
.skin_soldout .skin_popup .inner {position:absolute; top:50%; left:50%; width:100%; background:#fff; padding:50px 20px 30px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); text-align:center; box-sizing:border-box; box-shadow:0 1px 10px rgba(0,0,0,.25);}
.skin_soldout .skin_popup h3 { padding: 0 0 20px; font-size:32px; font-weight:900; line-height:1.3; letter-spacing:-0.025rem; border-bottom: 3px solid #e8e8e8;}
.skin_soldout .skin_popup p {font-size:16px; line-height:22px; letter-spacing:-0.025rem; white-space:pre-line; margin:20px 0;}
.skin_soldout .skin_popup strong {font-weight:900;}
.skin_soldout .skin_popup img {max-width:100%;}
.skin_soldout .skin_popup a {display:block; width:200px; height:55px; line-height:55px; text-align:center; font-size:18px; font-weight:700; letter-spacing:-0.04rem; background:#d94829; color:#fff; margin:20px auto 0; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px;}
.skin_soldout .skin_popup .soldout_cls {position:absolute; top:5px; right:5px; width:40px; height:40px; background:url(https://d3nsks150m8sxr.cloudfront.net/images/2021/slim_cp/share_cls.png) 50% 50%/20px auto no-repeat; text-indent:-9999px;}
@media screen and (max-width:450px){
    .skin_soldout .skin_popup .inner {max-height:100%; padding:50px 4% 25px; overflow-y:auto;}
    .skin_soldout .skin_popup h3 {font-size:26px;}
    .skin_soldout .skin_popup p {font-size:14px; margin:12px 0;}
    .skin_soldout .skin_popup a {width:165px; height:45px; line-height:45px; font-size:17px; margin:15px auto 0;}
}
/* //20220302 boost week 5th encore 품절 */

/* media query */
@media screen and (max-width: 1600px) {
	/* boost week common */	
	.boostweek .btn { height: 60px; font-size: 23px; line-height: 60px; }
		/* font */
	.boostweek h2 { font-size: 127px; }
	.glo-contents.boostweek h4 { font-size: 30px; }
	/* //boost week common */

	/*  boost week boost-5th 기준 */	
	.boostweek .boost_intro { height: 800px; }
	.boostweek .boost_intro h4 { letter-spacing: 20px; }
	.boostweek .boost_intro h2 .en { font-size: 113px; }
	.boostweek .boost_intro .btn_area { max-width: 500px; }
	.boostweek .boost_intro .kakao_btn { max-width: 160px; height: 28px; font-size: 14px; line-height: 28px; }
	.boostweek .boost_intro .kakao_btn::before { width: 15px; }
	.boostweek .boost_intro .duration { width: 67%; font-size: 20px; }
	.boostweek .boost_intro .duration span::before { height: 17px; }
	.boostweek .intro_inner { padding: 4% 5% 0; }
	.boostweek .transform_area { margin: 5% 0 0; }
	.boostweek .time_subtx { font-size: 22.5px; }
	/* .boostweek .timeWrap { margin: 0; transform: scale(0.76); transform-origin: 3% -10%; } */

	.boostweek .scr-benefit { background-position: center; }
	.boostweek .benefit_img { width: 62%; }
	.boostweek .benefit_img .bronze { left: 35%; }
	.boostweek .benefit_img .black { left: 5%; }
	.boostweek .benefit_img .blue { left: 23%; }
	.boostweek .benefit_text { margin: 0; width: 38%; }
	.boostweek .scr-gift { padding: 8% 5%; }

	.boostweek .scr-new-life h4, 
	.boostweek .scr-boost-mode h4,
	.boostweek .scr-brand-boost h4 { font-size: 68px; }
	.boostweek .reference_list { padding: 0 5%; }
	/*  //boost week boost-5th 기준 */	

	/* boost week 5th 단독 */
	/* .boost_5th .transform_area { margin: 2% 0 0; } */
	.boost_5th .boost_intro h4 { letter-spacing: 28.5px; }
	/* //boost week 5th 단독 */

	/* boost week 5th encore 단독 */
	.boost_5th.encore .boost_intro { background-position: 70% 50%; }
	.boost_5th.encore .transform_area { margin: 5% 0 0 1%; max-width: 490px; }
	.boost_5th.encore .time_subtx { letter-spacing: 0.42rem; }
	.boost_5th.encore .flipTimer_modify .flipTimer { height: 80px; font-size: 70px; }
	.boost_5th.encore .flipTimer_modify .flipTimer .seconds, 
	.boost_5th.encore .flipTimer_modify .flipTimer .minutes, 
	.boost_5th.encore .flipTimer_modify .flipTimer .hours, 
	.boost_5th.encore .flipTimer_modify .flipTimer .days { width: 110px; }
	.boost_5th.encore .flipTimer_modify .text { top: 113%; font-size: 11px; }
	.boost_5th.encore .intro_img .pro img { width: 83%; }
	.boost_5th.encore .intro_notice { bottom: 4.5%; }

	.boost_5th.encore .benefit_img .blue { left: 0; }
	.boost_5th.encore .benefit_img .black { left: 15%; }
	.boost_5th.encore .benefit_img .mint { left: 28%; }
	.boost_5th.encore .benefit_img .bronze { left: 46%; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 1300px) {
	/* boost week common */
		/* font */
	.boostweek h2 { font-size: 115px; }
	.boostweek h3 { font-size: 56px; }
	.glo-contents.boostweek h4 { font-size: 23px; }
	.boostweek h5 { font-size: 23px; }
	/* //boost week common */

	/*  boost week boost-5th */	
	.boostweek .scr-new-life h4, 
	.boostweek .scr-boost-mode h4,
	.boostweek .scr-brand-boost h4 { font-size: 45px; }
	.boostweek .scr-new-life p sup, 
	.boostweek .scr-boost-mode p sup { font-size: 12px; }
	.glo-wrap.wide .boostweek .scr-new-life p, 
	.glo-wrap.wide .boostweek .scr-boost-mode p { font-size: 20px; }

	.boostweek .boost_intro { height: 100vh; max-height: 720px; }
	.boostweek .boost_intro h4 { padding: 0 2%; letter-spacing: 21px; }
	.boostweek .boost_intro h2 .en { font-size: 103px; }
	.boostweek .boost_intro .duration { width: 60%; font-size: 18px; }
	.boostweek .boost_intro .duration span::before { height: 15px; }
	.boostweek .time_subtx { font-size: 20.5px; }
	.boostweek .boost_intro .btn_area { max-width: 470px; }

	.boostweek .scr-benefit { padding: 0; height: calc(100vh - 90px); max-height: calc(780px - 90px); background-position: center right; }
	.boostweek .benefit_img .bronze { top: 5%; left: 43%; max-width: 270px; }
	.boostweek .benefit_img .black { top: 20%; left: 22%; max-width: 230px; }
	.boostweek .benefit_img .mint { top: 42%; left: 65%; max-width: 200px; }
	.boostweek .benefit_img .blue { top: 58%; left: 38%; max-width: 150px; }
	.boostweek .scr-benefit .w_banefit_price { width: 280px; }
	.boostweek .benefit_notice p { font-size: 16px; }

	.boostweek .gift_list .gift-num { font-size: 18px; }
	.boostweek .gift_list .gift-num::after { width: 50px; }
	.boostweek .gift_list .gift-name { font-size: 23px; }

	.boostweek .scr-new-life h3 { padding: 3% 0; }
	.boostweek .life_text { top: calc(50% - 213px); }
	.boostweek .icon { width: 90px; height: 90px; }
	.boostweek .icon_title { font-size: 16px; }
	.boostweek .icon_title sup { font-size: 11px; }
	
	.boostweek .scr-boost-mode { margin: 3% 0; }
	.boostweek .boost_text { top: calc(50% - 228px); width: 40%; }

	.boostweek .scr-review { min-height: auto; }
	.boostweek .review_title p { font-size: 20px; }
	
	.boostweek .reference_list li { font-size: 14px; }
	/*  //boost week boost-5th */

	/* boost week 5th 단독 */
	.boost_5th .boost_intro h4 { letter-spacing: 29px; }
	/* //boost week 5th 단독 */
	
	/* boost week 5th encore 단독 */
	.boost_5th.encore .transform_area { max-width: 450px; }
	.boost_5th.encore .time_subtx { letter-spacing: 0.397rem; }
	.boost_5th.encore .flipTimer_modify .flipTimer { height: 70px; font-size: 60px;}
	.boost_5th.encore .flipTimer_modify .flipTimer .seconds, 
	.boost_5th.encore .flipTimer_modify .flipTimer .minutes, 
	.boost_5th.encore .flipTimer_modify .flipTimer .hours, 
	.boost_5th.encore .flipTimer_modify .flipTimer .days { width: 100px; }
	.boost_5th.encore .intro_img .pro img { width: 77%; }
	.boost_5th.encore .intro_notice p { font-size: 16px; }

	.boost_5th.encore .benefit_img { min-height: 460px; }
	.boost_5th.encore .benefit_img .blue { max-width: 16.5vw; }
	.boost_5th.encore .benefit_img .black { left: 11%; max-width: 21.1vw; }
	.boost_5th.encore .benefit_img .mint { left: 23%; max-width: 27.4vw; }
	.boost_5th.encore .benefit_img .bronze { left: 41%; max-width: 29.7vw; }
	.boost_5th.encore .brand_text { top: calc(50% - 54px); }
	.boost_5th.encore .scr-boost-mode + .scr-new-life { margin: 3% 0; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 1024px) {
	.boostweek .scr-benefit { background-position: center; }
	.boostweek .boost_text { width: auto; }
	.boostweek .scr-review { padding: 4% 0; }	
	.boostweek .note_contents { padding: 5% 0; }
    .boostweek .note_bar h3 { padding: 0 5%; height: 100px; line-height: 100px; font-size: 2.7vw; }
    .boostweek .note_lst dt { margin: 0 0 15px; font-size: 21px; }
    .boostweek .note_lst dd { font-size: 16px; line-height: 30px; }
    .boostweek .note_lst dd:before { top: 13.5px; }

	.boost_5th.encore .benefit_img .black { top: -5%; }
	.boost_5th.encore .benefit_img .mint { top: -3%; }
	.boost_5th.encore .benefit_img .bronze { top: 18%; }
}

@media screen and (max-width: 960px) {	
	.boostweek h3 { font-size: 50px; }

	.boostweek .col { width: 40%; }
	.boostweek .col_vis { width: 60%; }

	.boostweek .boost_intro { max-height: 850px; background-position: 58% 50%; }

	.boostweek .benefit_img .bronze { left: 33%; }
	.boostweek .benefit_img .black { left: 3%; }
	.boostweek .benefit_img .mint { left: 63%; }
	.boostweek .benefit_img .blue { left: 26%; }
	.boostweek .scr-benefit .w_banefit_price { width: 250px; }
	.boostweek .benefit_notice p { font-size: 14px; }

	.boostweek .scr-gift { padding: 15% 5%; }

	.boostweek .life_img { margin: 0 20% 0 0; width: 90%; }
	.boostweek .life_text { padding: 3% 4%; }

	.boostweek .boost_img { margin: 0 0 0 20%; width: 90%; }

	.boostweek .scr-review { padding: 8% 0; }
	.boostweek .scr-review .swiper-container { padding: 15% 0 0; }

	.boostweek .reference_list li { font-size: 12px; }

	/* boost week 5th encore 단독 */
	.boost_5th.encore .intro_notice p { font-size: 14px; }
	.boost_5th.encore .scr-benefit { padding: 15% 0; }
	.boost_5th.encore .benefit_img { min-height: 400px; }
	.boost_5th.encore .gift_img { width: 40%; }
	.boost_5th.encore .gift_text { width: 60%; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 768px) {
	/* boost week common */
	.glo-contents {padding:100px 0 0;}
	.boostweek .pc-only { display: none; }
	.boostweek .mobile-only { display: block; }

		/* font */
	.boostweek h2 { font-size: 100px; }
	/* //boost week common */
	
	/*  boost week boost-5th 기준 */
	.boostweek .benefit_text h3,
	.boostweek .scr-gift h3 { margin: 1% 0 3%; }

	.boostweek .boost_intro { height: 105vh; max-height: 100%; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220119/visual_top_m.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
	.boostweek .boost_intro h2 .en { font-size: 88px; }
	.boostweek .boost_intro h4 { padding: 0 0 2%; letter-spacing: 15px; }
	.boostweek .intro_area { width: 100%; max-width: inherit; height: 100%; }
	.boostweek .intro_area .top_title { text-align: center; }
	.boostweek .boost_intro .duration { margin: 1% auto 0; width: 350px; }
	.boostweek .boost_intro .duration span::before { left: -4.5%; }
	.boostweek .transform_area { position: absolute; bottom: 1%; left: 0; margin: 0; }
	.boostweek .time_subtx { padding: 0; text-align: center; }
	.boostweek .boost_intro .btn_area { margin: 0 auto; }
	
	.boostweek .scr-benefit { padding: 8% 0 0; height: calc(100vh - 90px); max-height: inherit; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220106/product_bg_m.jpg'); background-position: 50% 90%; }
	.boostweek .benefit_img { width: 100%; }
	.boostweek .benefit_text { width: 100%; text-align: center; }
	.boostweek .scr-benefit .w_banefit_price { margin: 0 auto; width: 340px; }
	.boostweek .benefit_img .bronze { top: 6%; left: 40%; max-width: 240px; }
	.boostweek .benefit_img .black { top: 15%; left: 18%; max-width: 200px; }
	.boostweek .benefit_img .mint { top: 28%; left: 60%; max-width: 180px; }
	.boostweek .benefit_img .blue { top: 38%; left: 32%; }
	
	.boostweek .benefit_notice { margin: 3% 0; }
	.boostweek .benefit_notice p { font-size: 16px; }

	.boostweek .scr-gift { padding: 8% 5%; }
	.boostweek .gift_img { margin: 3% auto 6%; width: 90%; }
	.boostweek .gift_text { width: 100%; text-align: center; }
	.boostweek .gift_text.mobile-only { margin: 0 auto; width: 85%; text-align: left; }
	.boostweek .gift_list .gift-num { width: 65px; font-size: 23px; }
	.boostweek .gift_list .gift-num::after { bottom: 4px; width: 65px; }
	.boostweek .gift_list li:nth-of-type(n+2) { margin: 3% 0 0; }

	.boostweek .life_contents, 
	.boostweek .boost_contents { height: 160vh; }
	.boostweek .life_img { margin: 0; width: 100%; }
	.boostweek .life_text { top: auto; bottom: 0; padding: 6% 8%; width: 90%; box-sizing: border-box;}

	.boostweek .scr-boost-mode { margin: 8% 0; }
	.boostweek .boost_img { margin: 0; width: 100%; }
	.boostweek .boost_text { top: auto; bottom: 0; padding: 6% 8%; width: 90%; box-sizing: border-box;}

	.boostweek .review_title p { padding: 3% 0 0; }

	.boostweek .scr-reference { margin: 3% 0; }
	.boostweek .reference_list li { font-size: 14px; }

	.boostweek .note_lst dd { font-size: 14px; }
	/*  //boost week boost-5th 기준 */
	/* boost week 5th 단독 */
	.boost_5th .boost_intro h4 { padding: 0 0 2% 3%; letter-spacing: 23px; }
	.boost_5th .transform_area { bottom: 8%; width: 100%; text-align: center; }
	.boost_5th .boost_intro .btn_area { margin: 4% auto 0; }

	/* //boost week 5th 단독 */

	/* boost week 5th encore 단독 */
	.boost_5th.encore .boost_intro { background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/220125/visual_top_m.jpg'); background-position: 50% 50%; }
	.boost_5th.encore .transform_area { left: calc(50% - (450px/2)); margin: 0; }
	.boost_5th.encore .flipTimer_modify { width: 100%; }
	.boost_5th.encore .intro_notice { bottom: 2%; }
	.boost_5th.encore .intro_notice p { padding: 0 5%; font-size: 16px; line-height: 1.2; }
	.boost_5th.encore .scr-benefit { padding: 8% 0; height: calc(100vh - 90px); background-position: center; }
	.boost_5th.encore .benefit_img .blue { top: 12%; left: 3%; max-width: 29vw; }
	.boost_5th.encore .benefit_img .black { top: 2%; left: 15%; max-width: 35vw; }
	.boost_5th.encore .benefit_img .mint { top: 3%; left: 27.5%; max-width: 46vw; }
	.boost_5th.encore .benefit_img .bronze { top: 16%; left: 47.5%; max-width: 49vw; }
	
	.boost_5th.encore .gift_img { width: 90%; }
	.boost_5th.encore .gift_text { width: 100%; }

	.boost_5th.encore .brand_area { height: 100vh; min-height: inherit; }
	
	/* .boost_5th.encore .scr-boost-mode { margin: 0 0 5%; } */
	.boost_5th.encore .scr-boost-mode + .scr-new-life { margin: 8% 0; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 767px) {
	.body-sub .glo-contents.boostweek { padding: 56px 0 0; }
}

@media screen and (max-width: 520px) {
	/* boost week common */
		/* font */
	.boostweek h2 { font-size: 72px; }
	.boostweek h3 { font-size: 30px; }
	.boostweek h5 { font-size: 18px; }
	/* //boost week common */

	/*  boost week boost-5th 기준 */
	.boostweek .intro_inner { padding: 8% 0; }
	.boostweek .boost_intro { height: 100vh; }
	.boostweek .boost_intro h2 .en { font-size: 63px; }
	.boostweek .boost_intro h4 { letter-spacing: 6px; }
	.boostweek .boost_intro .duration { width: 260px; font-size: 16px; }
	.boostweek .transform_area { width: 100%; }
	.boostweek .boost_intro .btn_area { margin: 0 5%; max-width: inherit; }

	.boostweek .scr-benefit { padding: 12% 0 0;  }
	.boostweek .benefit_text h3, 
	.boostweek .scr-gift h3 { margin: 3% 0 5%; }
	.boostweek .scr-benefit .w_banefit_price { width: 240px; }
	.boostweek .benefit_notice p { font-size: 12px; }
	.boostweek .benefit_img .bronze { top: 3%; max-width: 170px; }
	.boostweek .benefit_img .black { top: 10%; left: 15%; max-width: 150px; }
	.boostweek .benefit_img .mint { top: 26%; left: 62%; max-width: 125px; }
	.boostweek .benefit_img .blue { top: 32%; left: 29%; max-width: 110px; }

	.boostweek .scr-gift { padding: 12% 5%; }
	.boostweek .gift_img { margin: 8% auto 15%; }
	.boostweek .gift_text.mobile-only { width: 90%; }
	.boostweek .gift_list .gift-num { width: 45px; font-size: 16px; }
	.boostweek .gift_list .gift-num::after { width: 45px; }
	.boostweek .gift_list .gift-name { font-size: 16px; }

	.boostweek .scr-new-life h4, 
	.boostweek .scr-boost-mode h4,
	.boostweek .scr-brand-boost h4 { font-size: 26px; }
	.glo-wrap.wide .boostweek .scr-new-life p, 
	.glo-wrap.wide .boostweek .scr-boost-mode p { padding: 3% 0 8%; font-size: 16px; line-height: 1.5; }
	
	.boostweek .scr-new-life h3 { padding: 8% 0; }
	.boostweek .icon { width: 60px;  height: 60px; }
	.boostweek .icon_title { font-size: 12px; }
	.boostweek .icon_title sup { font-size: 10px; }
	.boostweek .life_contents, 
	.boostweek .boost_contents { height: 110vh; }

	.boostweek .review_title p { font-size: 16px; }
	.boostweek .scr-review .swiper-container { padding: 20% 0 0; }

	.boostweek .reference_list sup { font-size: 10px; }

	.boostweek .note_bar h3 { height: 75px; line-height: 75px; font-size: 4.5vw; }
	.boostweek .note_bar h3:before { width: 30px; height: 30px; line-height: 26px; font-size: 16px; }
	.boostweek .note_bar h3:after { background-size: 25px auto; }
	.boostweek .note_lst dt {  margin: 0 0 12px; font-size: 19px; }
	.boostweek .note_lst dd { font-size: 13px; }
	/*  //boost week boost-5th 기준 */
	/* boost week 5th 단독 */
	.boost_5th .boost_intro h4 { letter-spacing: 11px; }
	.boost_5th .transform_area { bottom: 2%; }
	.boost_5th .boost_intro .btn_area { margin: 6% 5% 0; }
	/* //boost week 5th 단독 */

	/* boost week 5th encore 단독 */
	.boost_5th.encore .flipTimer_modify .flipTimer .digit-set { border-radius: 5px; }
	.boost_5th.encore .flipTimer_modify .flipTimer .digit { border-radius: 5px; }
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div.digit-top, 
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div.shadow-top { border-radius: 5px 5px 0 0; }
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div.digit-bottom, 
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div.shadow-bottom { border-radius: 0 0 5px 5px; }
	.boost_5th.encore .intro_notice p { font-size: 12px; }

	.boost_5th.encore .boost_intro { background-position: 50% 80%; }
	.boost_5th.encore .boost_intro .btn_area { margin: 8% 5% 0; }
	.boost_5th.encore .transform_area { left: 0; max-width: inherit; }
	.boost_5th.encore .flipTimer_modify { margin: 0 auto; max-width: 450px; }
	.boost_5th.encore .scr-benefit { padding: 12% 0; height: 100vh; max-height: 720px; box-sizing: border-box; }
	.boost_5th.encore .benefit_img { margin: 5% 0 0; }
	.boost_5th.encore .scr-new-life h3 { padding: 12% 0; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 478px) {
	/*  boost week boost-5th 기준 */	
	.boostweek .btn { height: 50px; font-size: 4.25vw; line-height: 50px; }

	.boostweek .intro_inner { padding: 8% 0 0; }
	.boostweek .boost_intro h2 .en { letter-spacing: -1vw; }
	.boostweek .transform_area { bottom: 5%; }
	.boostweek .time_subtx { font-size: 16px; letter-spacing: 5px; }
	.boostweek .boost_intro .duration { padding: 1.5% 2%; font-size: 14px; }
	.boostweek .boost_intro .duration span::before { height: 12px; }
	.boostweek .boost_intro .btn_area { position: absolute; top: 65%; left: 0; width: 90%; }
	.boostweek .boost_intro .kakao_btn { margin: -14px auto 0; padding: 0 5px; height: 25px; line-height: 25px; font-size: 11px; }

	.glo-wrap.wide .boostweek .scr-new-life p, 
	.glo-wrap.wide .boostweek .scr-boost-mode p { font-size: 14px; }
	.boostweek .life_contents, 
	.boostweek .boost_contents { height: 105vh; }
	/*  //boost week boost-5th 기준 */
	/* boost week 5th 단독 */
	.boost_5th .transform_area { bottom: 20%; }
	.boost_5th .boost_intro .btn_area { margin: 8% 5% 0; }
	/* //boost week 5th 단독 */

	/* boost week 5th encore 단독 */
	.boost_5th.encore .transform_area { bottom: 10%; }
	.boost_5th.encore .time_subtx { padding: 0 0 0 1%; letter-spacing: 0.43rem; }
	.boost_5th.encore .flipTimer_modify { margin: 0 auto; max-width: 390px; }
	.boost_5th.encore .flipTimer_modify .flipTimer { height: 60px; font-size: 50px; }
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div { padding: 0 5px; }
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div.digit-top, 
	.boost_5th.encore .flipTimer_modify .flipTimer .digit > div.shadow-top { padding: 4px 5px 0; }
	.boost_5th.encore .flipTimer_modify .flipTimer .seconds, 
	.boost_5th.encore .flipTimer_modify .flipTimer .minutes, 
	.boost_5th.encore .flipTimer_modify .flipTimer .hours, 
	.boost_5th.encore .flipTimer_modify .flipTimer .days { width: 87px; }
	.boost_5th.encore .flipTimer_modify .text { font-size: 10px; }
	.boost_5th.encore .boost_intro .btn_area { position: relative; top: auto; left: auto; margin: 1% auto 0; }
	.boost_5th.encore .intro_notice { bottom: 2.5%; }

	.boost_5th.encore .boost_intro { background-position: 50% 80%; }
	.boost_5th.encore .benefit_img .bronze { top: 15%; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 414px) {
	.boostweek .time_subtx { letter-spacing: 2.3px; }

	.boostweek .benefit_img .bronze { left: 35%; }
	.boostweek .benefit_img .black { left: 8%; }
	.boostweek .benefit_img .mint { left: 61%; }
	.boostweek .benefit_img .blue { left: 27%; }

	.boostweek .reference_list li { font-size: 12px; }

	.boostweek .life_contents, 
	.boostweek .boost_contents { height: 92vh; }

	.boostweek .scr-review .btn_area { margin: 0; }

	/* boost week 5th encore 단독 */
	.boost_5th.encore .time_subtx { letter-spacing: 0.225rem; }
	.boost_5th.encore .flipTimer_modify { margin: 0 auto; max-width: 320px; }
	.boost_5th.encore .flipTimer_modify .flipTimer { height: 52px; font-size: 43px; }
	.boost_5th.encore .flipTimer_modify .flipTimer .seconds, 
	.boost_5th.encore .flipTimer_modify .flipTimer .minutes, 
	.boost_5th.encore .flipTimer_modify .flipTimer .hours, 
	.boost_5th.encore .flipTimer_modify .flipTimer .days { width: 72px; }
	.boost_5th.encore .boost_intro .btn_area { margin: 2% auto 0; }
	.boost_5th.encore .benefit_img .bronze { top: 14%; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 390px) { /*iphone 12pro*/
	.boostweek h2 { font-size: 58px; }
	.boostweek .boost_intro { height: 91vh }
	.boostweek .boost_intro h2 .en { font-size: 50px; }
	.boostweek .boost_intro h4 { font-size: 18px; letter-spacing: 4px; }
	.boostweek .boost_intro .duration { padding: 1.5% 0; width: 210px; }
	.boostweek .boost_intro .duration span { margin: 0 0 0 4.5%; }
	
	.boost_5th .boost_intro h4 { padding: 0 0 2% 2%; letter-spacing: 7.5px; }

	/* boost week 5th encore 단독 */
	.boost_5th.encore .flipTimer_modify .flipTimer { margin: 13px 0 0; }
	.boost_5th.encore .boost_intro { height: 100vh; }
	.boost_5th.encore .transform_area { bottom: 6%; }
	.boost_5th.encore .intro_notice { bottom: 1%; }
	.boost_5th.encore .benefit_img .blue { top: 8%; }
	.boost_5th.encore .benefit_img .bronze { top: 12%; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 375px) {
	.boostweek h2 { font-size: 56px; }	
/* 	.boostweek .boost_intro { height: 90vh } */
	.boostweek .boost_intro h2 .en { font-size: 48px; }
	.boostweek .boost_intro h4 { font-size: 18px; letter-spacing: 4px; }
	.boostweek .boost_intro .duration { padding: 1.5% 0; width: 205px; font-size: 14px; }

	.boostweek .boost_intro .btn_area { top: 63%; }
	
	.boostweek .benefit_img .black { left: 4%; }
	.boostweek .benefit_img .mint { left: 63%; }
	.boostweek .benefit_img .blue { left: 25%; }

	.boostweek .gift_list .gift-num { width: auto; font-size: 14px; }
	.boostweek .gift_list .gift-num::after { width: 40px; }
	.boostweek .gift_list .gift-name { font-size: 15px; }

	.boostweek .icon { width: 50px; height: 50px; }
	.boostweek .icon_title { font-size: 11px; }

	.boostweek .life_contents,
	.boostweek .boost_contents { height: 80vh; }
	.boostweek .scr-new-life p sup, 
	.boostweek .scr-boost-mode p sup { font-size: 10px; }
	/* boost week 5th 단독 */
	.boost_5th .intro_inner { padding: 8% 0; }
	.boost_5th .boost_intro h4 { padding: 0 0 1.5% 2%; letter-spacing: 7px; }
	.boost_5th .transform_area { bottom: 16%; }
	/* //boost week 5th 단독 */

	/* boost week 5th encore 단독 */
	.boost_5th.encore .intro_notice { bottom: 3%; }	
	.boost_5th.encore .benefit_img .bronze { top: 13%; }
	/* //boost week 5th encore 단독 */
}

@media screen and (max-width: 320px) {
	
	.boostweek .time_subtx { letter-spacing: 0; }

	.boostweek .reference_list li { font-size: 10px; }

	.glo-wrap.wide .boostweek .scr-new-life p, 
	.glo-wrap.wide .boostweek .scr-boost-mode p { font-size: 11px; }
	.boostweek .life_contents,
	.boostweek .boost_contents { height: 75vh; }
	.boostweek .icon { width: 50px; height: 50px; }
	.boostweek .icon_title { font-size: 10px; }

	.boostweek .note_lst dd { font-size: 11px; }
	/* boost week 5th 단독 */
	.boost_5th h2 {font-size:50px;}
	.boost_5th .boost_intro h4 { letter-spacing: 6px; }
	/* //boost week 5th 단독 */

	/* boost week 5th encore 단독 */
	.boost_5th.encore .benefit_img .bronze { top: 14%; }
	/* //boost week 5th encore 단독 */
}
/* //media query */