@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 */
.membersweek *:focus {
    outline: 0;
}

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

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

/* btn */
.membersweek .intro_inner .btn_area { display: flex; justify-content: space-between; align-items: center; }
.membersweek .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; }
.membersweek .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; }
.membersweek .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/membersweek/kakao_ico.png') 50% 50%/contain no-repeat; vertical-align: top; }
.membersweek .fill_orange { color: #fff; border: 3px solid #d94829; background: #d94829; }
.membersweek .line_orange { color: #d94829; border: 3px solid #d94829; }

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

.membersweek .inner { position: relative; margin: 0 auto; width: 100%; max-width: 1600px; height: 100%; }
.membersweek .timeWrap > span { font-size: 15px; font-weight: 600; }
.membersweek .timeWrap > span.a_hours { left: 210px; }

/* scr-caution renewal */
.membersweek .scr-caution { padding: 0; background: #262626;}
.membersweek .note_bar { border-bottom: 1px solid #555; background: #333; }
.membersweek .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; }
.membersweek .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;}
.membersweek .note_bar h3::after { content: ''; float: right; width: 50px; height: 100%; background: url('/content/dam/glo-jp/korea-images/event/past-events/2022/membersweek/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; }
.membersweek .note_bar h3.open::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.membersweek .note_contents { /*display: none;*/ padding: 3% 0; background: #262626;}
.membersweek .note_lst { margin: 0 auto; padding: 0 7%; width: 100%; max-width: 1440px; color: #fff; background: #262626; box-sizing: border-box; }
/* .membersweek .note_lst:first-child { margin: 0 auto 60px; } */
.membersweek .note_lst dt { margin: 0 0 25px; font-size: 23px; font-weight: 700; line-height: 1.4; letter-spacing: -0.05rem; }
.membersweek .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; }
.membersweek .note_lst dd::before { content: ''; position: absolute; top: 14.5px; left: 0; width: 3px; height: 3px; background: #fff; }
/* //members week common */

/*  members week members-5th */
.body-sub .glo-contents.members_5th { max-width: 100%; color: #1e1e1e; font-family: 'Gotham', 'AppleSDGothicNeo-Regular', 'notokr', '맑은고딕', 'Malgun Gothic', sans-serif; }
.glo-wrap.wide .members_5th .duration { margin: 2% 0 5%; font-size: 28px; }

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

.members_5th .members_intro { position: relative; overflow: hidden; width: 100%; height: 870px; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/membersweek/visual_top.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-sizing: content-box; }
.members_5th .members_intro h2 .en { display: block; font-size: 134px; }
.members_5th .members_intro h4 { padding: 0 2% 3%;line-height: 1.2; text-transform: uppercase; letter-spacing: 24px; }
.members_5th .members_intro .century { font-weight: 700; }
.members_5th .members_intro .btn_area { max-width: 600px; margin:40px 0 0;}
.members_5th .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; }
.members_5th .intro_area { position: relative; display: inline-block; width: 90%; max-width: 685px; line-height: 1; opacity: 0; }
.members_5th .transform_area { margin: 7% 0 0; }
.members_5th .time_subtx { padding: 0 0 0 1%; font-size: 28px; letter-spacing: 4.3px; }
.members_5th .time_subtx span { font-weight: 900; }
.members_5th .timeWrap { transform: scale(0.9); transform-origin: 10% 0; }
.members_5th .flipTimer .digit > div.digit-bottom, 
.members_5th .flipTimer .digit > div.shadow-bottom { background-color: #444; }

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

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

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

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

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

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

/* members week 5th kakao */
.membersweek.kakao .benefit_img { opacity: 0; }
.membersweek.kakao .btn { padding: 0 32px; width: auto; text-align: left; box-sizing: content-box;}
.membersweek.kakao .btn:after { content: ''; display: inline-block; margin: 0 0 0 16px; width: 20px; height: 100%; background: url('/content/dam/glo-jp/korea-images/event/past-events/2022/membersweek/slide_btn.png') 100% 50%/auto 24px no-repeat; vertical-align: top; }
/* //members week 5th kakao */


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

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

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

	.members_5th .reference_list { padding: 0 5%; }
	/*  //members week members-5th */	
}

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

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

	.members_5th .members_intro { height: 100vh; max-height: 720px; }
	.members_5th .members_intro h4 { padding: 0 2%; letter-spacing: 21px; }
	.members_5th .members_intro h2 .en { font-size: 103px; }
	.members_5th .time_subtx { font-size: 20.5px; }
	.members_5th .timeWrap { transform: scale(0.7); }
	.members_5th .members_intro .btn_area { max-width: 470px; }

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

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

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

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

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

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

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

	.members_5th .members_intro { max-height: 850px; background-position: 58% 50%; }

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

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

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

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

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

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

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

		/* font */
	.membersweek h2 { font-size: 100px; }
	/* //members week common */
	
	/*  members week members-5th */	
	.members_5th .benefit_text h3,
	.members_5th .scr-gift h3 { margin: 1% 0 3%; }

	.members_5th .members_intro { max-height: 100%; background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2022/membersweek/visual_top_m.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
	.members_5th .members_intro h2 .en { font-size: 88px; }
	.members_5th .members_intro h4 { padding: 0 0 2%; letter-spacing: 15px; }
	.members_5th .intro_area { width: 100%; max-width: inherit; height: 100%; }
	.members_5th .intro_area .top_title { text-align: center; }
	.members_5th .transform_area { position: absolute; bottom: 1%; left: 0; margin: 0; }
	.members_5th .time_subtx { padding: 0; text-align: center; }
	.members_5th .timeWrap { transform: scale(0.7) translateX(13%); }
	.members_5th .members_intro .btn_area { margin: 0 auto; }
	
	.members_5th .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/membersweek/product_bg_m.jpg'); background-position: 50% 90%; }
	.members_5th .benefit_img { width: 100%; }
	.members_5th .benefit_text { width: 100%; text-align: center; }
	.members_5th .scr-benefit .w_banefit_price { margin: 0 auto; width: 340px; }
	.members_5th .benefit_img .bronze { top: 6%; left: 40%; max-width: 240px; }
	.members_5th .benefit_img .black { top: 15%; left: 18%; max-width: 200px; }
	.members_5th .benefit_img .mint { top: 28%; left: 60%; max-width: 180px; }
	.members_5th .benefit_img .blue { top: 38%; left: 32%; }
	
	.members_5th .benefit_notice { margin: 3% 0; }
	.members_5th .benefit_notice p { font-size: 16px; }

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

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

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

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

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

	.members_5th .note_lst dd { font-size: 14px; }
	/*  //members week members-5th */

	/* members week 5th kakao */
	.membersweek.kakao .btn { padding: 0 6vw; }
	/* //members week 5th kakao */
}

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

	/*  members week members-5th */
	.members_5th .intro_inner { padding: 8% 0; }
	.members_5th .members_intro h2 .en { font-size: 63px; }
	.members_5th .members_intro h4 { letter-spacing: 6px; }

	.members_5th .transform_area { width: 100%; }
	.members_5th .timeWrap { transform: scale(0.7) translateX(5%); transform-origin: 0 -10%; }
	.members_5th .members_intro .btn_area { margin: 0 5%; max-width: inherit; }

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

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

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

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

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

	.members_5th .note_bar h3 { height: 75px; line-height: 75px; font-size: 4.5vw; }
	.members_5th .note_bar h3:before { width: 30px; height: 30px; line-height: 26px; font-size: 16px; }
	.members_5th .note_bar h3:after { background-size: 25px auto; }
	.members_5th .note_lst dt {  margin: 0 0 12px; font-size: 19px; }
	.members_5th .note_lst dd { font-size: 13px; }
	/*  //members week members-5th */	
}

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

	.members_5th .members_intro { height: 97vh }
	.members_5th .intro_inner { padding: 8% 0 0; }
	.members_5th .members_intro h2 .en { letter-spacing: -1vw; }
	.members_5th .transform_area { bottom: 5%; }
	.members_5th .time_subtx { font-size: 16px; letter-spacing: 5px; }
	.members_5th .timeWrap { margin: 0 0 5%; transform: scale(0.6) translateX(7%); }

	.members_5th .members_intro .btn_area { position: absolute; top: 65%; left: 0; width: 90%; }
	.members_5th .members_intro .kakao_btn { margin: -14px auto 0; padding: 0 5px; height: 25px; line-height: 25px; font-size: 11px; }

	.glo-wrap.wide .members_5th .scr-new-life p, 
	.glo-wrap.wide .members_5th .scr-boost-mode p { font-size: 14px; }
	.members_5th .life_contents, 
	.members_5th .boost_contents { height: 105vh; }
	/*  //members week members-5th */	
	
	/* members week 5th kakao */
	.membersweek.kakao .btn:after { width: 16px; background-size: auto 20px; }
	/* //members week 5th kakao */
}

@media screen and (max-width: 414px) {
	.members_5th .time_subtx { letter-spacing: 2.3px; }
	.members_5th .timeWrap { transform: scale(0.5) translateX(11%); }

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

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

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

	.members_5th .scr-review .btn_area { margin: 0; }
}
@media screen and (max-width: 390px) {
	.membersweek h2 { font-size: 58px; }
	.members_5th .members_intro h2 .en { font-size: 50px; }
	.members_5th .members_intro h4 { font-size: 18px; letter-spacing: 4px; }
	.members_5th .members_intro { height: 100vh }
	.members_5th .timeWrap { transform: scale(0.5) translateX(8%); }
}

@media screen and (max-width: 375px) {
	.membersweek h2 { font-size: 58px; }
	.members_5th .members_intro { height: 95vh }
	.members_5th .members_intro h2 .en { font-size: 50px; }
	.members_5th .members_intro h4 { font-size: 18px; letter-spacing: 4px; }

	.members_5th .timeWrap { transform: scale(0.5) translateX(7%); }
	.members_5th .members_intro .btn_area { top: 63%; }
	
	.members_5th .benefit_img .black { left: 4%; }
	.members_5th .benefit_img .mint { left: 63%; }
	.members_5th .benefit_img .blue { left: 25%; }

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

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

	.members_5th .life_contents, 
	.members_5th .boost_contents { height: 80vh; }
	.members_5th .scr-new-life p sup, 
	.members_5th .scr-boost-mode p sup { font-size: 10px; }
}

@media screen and (max-width: 320px) {
	
	.members_5th .time_subtx { letter-spacing: 0; }
	.members_5th .timeWrap { width: 300%; transform: scale(0.5) translateX(0); }

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

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

	.members_5th .note_lst dd { font-size: 11px; }
}

/* //media query */