@charset "utf-8";
/* ### 180820_수정 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/* Kelson Sans */
@font-face {
	font-family: 'Kelson Sans Light';
	font-style: normal;
	font-weight: 200;
	src: url(./font/KelsonSans-Light.eot) format('embedded-opentype'),
	url(./font/KelsonSans-Light.ttf) format('truetype'),
	url(./font/KelsonSans-Light.woff) format('woff');
}
@font-face {
	font-family: 'Kelson Sans Regular';
	font-style: normal;
	font-weight: 400;
	src: url(./font/KelsonSans-Regular.eot) format('embedded-opentype'),
	url(./font/KelsonSans-Regular.ttf) format('truetype'),
	url(./font/KelsonSans-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Kelson Sans Bold';
	font-style: normal;
	font-weight: 700;
	src: url(./font/KelsonSans-Bold.eot) format('embedded-opentype'),
	url(./font/KelsonSans-Bold.ttf) format('truetype'),
	url(./font/KelsonSans-Bold.woff) format('woff');
}


/***************************************************************/
/*                          Reset CSS                          */
/***************************************************************/
* { margin: 0; padding: 0; letter-spacing: 0; word-break: keep-all;
	font-family: 'Noto Sans kr', sans-serif; font-weight: 400; color: #000000;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none; }
a { text-decoration: none; letter-spacing: 0; word-break: keep-all;
	font-family: 'Noto Sans kr', sans-serif; font-weight: 400; color: #000000;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none; }
ul, li { list-style-type: square; }
ol { list-style: none; }
img { border: none; display: block; }

body { -ms-overflow-style: none; }
body::-webkit-scrollbar { display: none; }
input,button,select { border: none; outline: 0;
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
		 -o-appearance: none;
		 	appearance: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
		 -o-border-radius: 0;
		 	border-radius: 0; }
input:focus, select:focus { outline: 0 none; }

/* ### 180820_1_수정 */
/*
input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color: #555655; font-size: 1.25rem; line-height: 1.5; }

input::-moz-placeholder,
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color: #555655; font-size: 1.25rem; line-height: 1.5; }

input:-ms-input-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color: #555655; font-size: 1.25rem; line-height: 1.5; }
 */

section, article, aside, header, footer, nav, figure, figcaption{ display: block; }



/***************************************************************/
/*                            공 통                            */
/***************************************************************/
.page { width: 100%; height: auto; min-height: 100vh;
	position: absolute; top: 0; left: 0; box-sizing: border-box; }

/* 본문 */
.contents { width: 100%; height: auto;
	position: absolute; top: 0; left: 0; padding-top: 3.6rem; box-sizing: border-box; }

/* 텍스트 */
.tit { font-family: 'Kelson Sans Bold'; color: #DF1158; margin-bottom: 0.6rem; }
.txt24 { font-size: 0.8rem; line-height: 1.5; text-align: left; color: #555655; }
.txt28 { font-size: 0.92rem; line-height: 1; text-align: center; color: #555655; }
.txt30 { font-size: 0.96rem; line-height: 1.5; text-align: left; }
.txt32 { font-size: 1.06rem; line-height: 1.4; }
.txt34 { font-size: 1.12rem; line-height: 1.6; }
.txt38 { font-size: 1.25rem; line-height: 1; }
.txt42 { font-size: 1.35rem; line-height: 1; }
.txt52 { font-size: 1.7rem; line-height: 1; }

/* 로고 :: Aruba */
.logoArea { padding-bottom: 1rem; box-sizing: border-box; }
.img_logo_aruba { width: 4.2rem; margin: 0 auto; }


/* flex */
.flex_center { display: flex; display: -ms-flexbox;
	justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
	align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; }

.flex_start { display: flex; display: -ms-flexbox;
	justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start;
	align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; }

.flex_start_center { display: flex; display: -ms-flexbox;
	justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start;
	align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; }

.flex_between { display: flex; display: -ms-flexbox;
	justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify;
	align-items: center; -webkit-box-align: center; -ms-flex-align: center; }

.flex_between_end { display: flex; display: -ms-flexbox;
	justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify;
	align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; }

/* ### 180820_추가 */
.flex_between_start { display: flex; display: -ms-flexbox;
	justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify;
	align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }


/***************************************************************/
/*                            헤 더                            */
/***************************************************************/
header { width: 100%; height: 3.6rem; z-index: 5;
	position: absolute; top: 0; left: 0; box-sizing: border-box; }

/* 헤더 아이콘 (뒤로가기) */
.header_left { height: 100%; display: inline-block;
	padding: 1.3rem 1.1rem; box-sizing: border-box; }
.header_left img { height: 1.2rem; }

/* 헤더 오른쪽 텍스트 */
.header_right { padding: 0 1.3rem; box-sizing: border-box; }



/***************************************************************/
/*                             Main                            */
/***************************************************************/
#pMain { background-color: #2554A5; }

/* 본문 */
#cMain { background: url(../img/bg_pattern_main.png);
	background-position: center; background-size: contain;
	background-color: #fff; }

/* 로고 영역 */
/* ### 180820_수정 */
.mainLogoArea { margin-bottom: 4rem; }
.img_logo_apac2018 { width: 12rem;
	margin: 0 auto; margin-top: 0.75rem; margin-bottom: 1.25rem; }

/* 중앙 네비 버튼 영역 */
.btnArea_wrap { width: 100%; padding: 0 1.4rem; margin-bottom: 4rem; box-sizing: border-box; }
/* ### 180820_수정 */
.btnArea { width: 100%; padding: 0 1rem; border: 1px solid #DF1158;
	background-color: #fff; box-sizing: border-box; }
.btn_inner { width: 100%; padding: 1.8rem 0.5rem 2rem 0.5rem; box-sizing: border-box; }

/* 버튼 :: Stamp Rally */
#pMain .btnArea a:first-child { border-bottom: 1px solid #DF1158; box-sizing: border-box; }

/* ### 180822_추가 */
#pMain .btnArea div:first-child { border-bottom: 1px solid #DF1158; box-sizing: border-box; }

/* 아이콘 이미지*/
.btn_icon { width: 4.1rem; min-width: 4.1rem; margin-right: 0.9rem; }

/* 텍스트 영역 */
.txt_wrap { margin-top: 0.5rem; }
.txt_wrap .txt30 { color: #555655; }
#btnVipLounge .txt24 > span { color: #EC8003; display: block; }

/* 탭 아이콘 */
/* ### 180820_수정 */
.icon_tab { display: inline-block; height: 0.8rem; margin-left: 0.4rem; }

/* 이미지 :: 도시 */
#imgCityArea { width: 100%; padding: 0 1.4rem; box-sizing: border-box; }
#imgCity { width: 100%; }

/* 로고 :: Aruba */
#cMain .logoArea { padding-top: 1.1rem; background-color: #2554A5; border-bottom: 0.5rem solid #2554A5;
	margin-top: -0.05rem; z-index: 1; position: relative; }

/* ### 180820_추가 */
#btnVipLounge .txt38 { line-height: 1.3; }

/***************************************************************/
/*                         Stamp Rally                         */
/***************************************************************/
#pStampRally { background-color: #fff; }

/* 본문 */
#cStampRally { padding-top: 0; background: url(../img/bg_pattern_main.png);
	background-position: center; background-size: contain; background-repeat: repeat;
	background-color: #fff; }

/* 상단 배경 이미지 영역 */
#bgStampRally { width: 100%; height: auto; }

/* 배경 이미지 */
.bg_apac { width: 100%; position: relative; z-index: 1; }

/* 로고 텍스트 영역 */
#bgStampRally_wrap { width: 49%; z-index: 2;
	position: absolute; top: 2.8rem; right: 10%;
	/*margin: 2.8rem 2.4rem 0 auto;*/ text-align: center; }

/* 로고 */
#bgStampRally .img_logo_apac2018 { width: 100%; margin: 0; margin-bottom: 1rem; }

/* 텍스트 */
#bgStampRally .txt52 { margin: 0; }

/* 설명부 (Read more) */
#stampRallyInfo { width: 100%; padding: 3rem 3.5rem 2.6rem 3.5rem; text-align: center; box-sizing: border-box; }
#stampRallyInfo .txt28 { line-height: 1.5; margin-bottom: 1.7rem; }
#stampRallyInfo .txt28 > p { font-weight: 700; line-height: 1; margin-bottom: 0.5rem; }

/* 버튼 :: Read more */
#btnMore { height: 2.4rem; display: inline-block;
	padding: 0.75rem 1.55rem 0.85rem 1.55rem; margin-bottom: 0 !important;
	font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 1 !important;
	border: 1px solid #AFAFAF; background-color: #fff; box-sizing: border-box;
	-webkit-border-radius: 1.2rem;
	   -moz-border-radius: 1.2rem;
		-ms-border-radius: 1.2rem;
		 -o-border-radius: 1.2rem;
			border-radius: 1.2rem; }

#cStampRally .btn_inner { padding: 2.1rem 1.05rem 2.1rem 1.05rem; }

/* 원형 스탬프 갯수 영역 */
.stampNumArea { width: 4.2rem; height: 4.2rem; margin-right: 1.1rem;
	 -webkit-border-radius: 50%;
  	   -moz-border-radius: 50%;
  		-ms-border-radius: 50%;
  		 -o-border-radius: 50%;
  			border-radius: 50%; }
.stampNum_wrap { display: inline-block; text-align: center; }

/* 숫자 */
.stampNum { font-family: 'Kelson Sans Bold'; color: #fff;
	font-size: 1.8rem; line-height: 1; margin-bottom: 0.2rem; }
.stampTxt { font-family: 'Open Sans', sans-serif; color: #fff;
	font-size: 0.55rem; line-height: 1; }
#btnActivity .stampNumArea { background-color: #EC8003; }
#btnExpZone .stampNumArea { background-color: #DF1158; }

/* 텍스트 */
#btnActivity .txt34 { color: #EC8003; line-height: 1; margin-bottom: 0.5rem; }
#btnActivity .txt24 > p { color: #EC8003; line-height: 1.5; }
#btnExpZone .txt38 { color: #DF1158; line-height: 1.5; margin-bottom: 0; }

#btnActivity .icon_tab, #btnExpZone .icon_tab { height: 0.8rem; margin-left: 0.45rem; }

/* 로고 :: Aruba */
#cStampRally .logoArea { padding-top: 3rem; padding-left: 2.5rem; padding-right: 2.5rem;
	background-color: #2554A5; margin-top: -0.05rem; z-index: 1; position: relative; }
#cStampRally .logoArea .txt30 { color: #fff; margin-bottom: 2.5rem; }



/***************************************************************/
/*                         Read More                         */
/***************************************************************/
#pReadMore { background-color: #fff; }

/* 본문 */
#cReadMore { background: url(../img/bg_pattern_main.png);
	background-position: center; background-size: contain; background-repeat: repeat;
	background-color: #fff; }

/* 텍스트 묶음 */
.session { padding: 0 1.6rem; box-sizing: border-box; }
/* ### 180820_수정 */
.session_wrap { width: 100%; height: 100%; padding: 1.3rem 0;
	/*border-bottom: 1px solid #DF1158;*/ box-sizing: border-box; }

/* ### 180820_추가 */
#sessionInfo { text-align: center; padding: 4.3rem 1.6rem; padding-bottom: 0; }
#sessionInfo .session_wrap { width: auto; text-align: center;
	color: #555655; font-weight: 700; display: inline-block; padding: 0.15rem 1.5rem;
	border-left: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
 	border-bottom: 0; }

#session01 .session_wrap { padding-top: 1.9rem; }
/* ### 180820_추가 */
#session02 .session_wrap { padding-bottom: 2rem; }
/* ### 180820_수정 */
#session03 { padding-bottom: 4.5rem; }
#session03 .session_wrap { border: none; }

/* 텍스트 */
.session .tit { font-family: 'Noto Sans kr', sans-serif; font-weight: 700; margin-bottom: 1rem; }
/* ### 180820_수정 */
/* ### 180821_수정 */
.session .txt28_wrap { margin-bottom: 1.75rem; box-sizing: border-box; margin-top: 0.75rem; }
.session ul { padding-left: 1rem; padding-right: 2rem; }

.session .txt28_wrap:last-child { margin-bottom: 0; }
.session .txt28 { position: relative; text-align: left; line-height: 1.53; color: #AFAFAF; }
.session ul .txt28 { display: list-item; list-style-position: outside; list-style-type: square; }

/* 텍스트 */
/* ### 180820_수정 */
.session .txt32 { font-weight: 700; color: #555655; margin-bottom: 0.35rem; }
.session .txt28 > p { color: #555655; }

/* ### 180820_추가 */
#session01 .txt32 { font-weight: 400; }


.txt_blue { color: #2354A7; }

/* 별표 */
.imp { color: #EC8003; }

/* note 텍스트 */
#titNote { color: #EC8003; font-weight: 700; margin-bottom: 0.5rem; }
.session ol.txt28_wrap { padding-left: 0; }
.session ol .txt28::before { color: #EC8003; margin-right: 0.2rem; }
.session ol .txt28:nth-child(1)::before { content: '*'; margin-left: 0.6rem; }
.session ol .txt28:nth-child(2)::before { content: '**'; }

/* 로고 :: Aruba */
#cReadMore .logoArea { padding-top: 1.2rem; padding-left: 2.5rem; padding-right: 2.5rem;
	background-color: #2554A5; z-index: 1; position: relative; }



/***************************************************************/
/*                     Activity Stamp Card                     */
/***************************************************************/
#pActivity { background-color: #F3F3F3; }

/* 본문 */
#cActivity { padding-top: 0; background-color: #F3F3F3; }

/* 상단 배경 이미지 영역 */
/* ### 180820_1_수정 */
.bgArea { width: 100%; height: auto; padding-bottom: 3rem; box-sizing: border-box; background-color: #EC8003; }

/* 배경 이미지 */
.bg_bgArea { width: 100%; position: relative; z-index: 1; }
.bg_pattern_gradient { width: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

/* 로고 텍스트 영역 */
.bgTxt_wrap { width: 100%; text-align: center; z-index: 2;
	position: absolute; top: 3rem; left: 0; }
.logo_apac2018_white { height: 1.9rem; margin-bottom: 0.6rem; display: inline-block; }
.bgTxt_wrap .txt38 { color: #fff; font-weight: 700; margin-bottom: 1.2rem; }
/* ### 180820_수정 */
/* ### 180820_1_수정 */
.bgTxt_wrap .txt24 { color: #fff; text-align: center; line-height: 1.7;
	padding: 0 2.0rem; box-sizing: border-box; }
/* ### 180820_1_추가 */
.bgTxt_wrap .txt24 > span { position: relative; color: #fff; text-align: center; font-weight: 700; display: block; margin-top: 1.5rem;  }
.bgTxt_wrap .txt24 > span::before { content: ''; width: 3rem; height: 1px;background-color: #fff;
position: absolute; top: -0.5rem; left:50%; margin-left: -1.5rem; }


/* 스탬프 영역 */
.stampArea { width: 100%; position: relative; z-index: 2; background-color: #F3F3F3; }
.stampArea_inner { width: 100%; padding: 0 1.4rem; padding-bottom: 0rem; box-sizing: border-box; }
#breakoutArea { padding-top: 2.6rem; }
#techPgArea { padding-top: 1.8rem; }

/* 타이틀 */
.stampArea_inner .txt38 { font-weight: 700; color: #EC8003; margin-bottom: 1.8rem; }
.stampArea_inner .txt28 { text-align: left; margin-bottom: 0.75rem; margin-top: 0.5rem; }

/* 스탬프 이미지 영역 */
.stamp_wrap { width: 100%; }

/* 스탬프 */
.stamp { width: 16%; margin-right: 5%; margin-bottom: 0.7rem; display: inline-block; }
.stamp:nth-child(5n) { margin-right: 0; }

.stamp img { width: 100%; }
.stamp_active { display: none; }

/* 클래스 추가 (스탬프 on) */
.stamp.on .stamp_inactive { display: none; }
.stamp.on .stamp_active { display: block; }

/* RFID cardholder 영역 */
.rfidArea { width: 100%; position: relative; z-index: 2;
	padding: 2rem 0.75rem; padding-bottom: 4rem; background-color: #F3F3F3; box-sizing: border-box; }
#rfidArea_activity { padding-bottom: 3rem; }

/* Gift to claim 텍스트  */
.txt_gift { width: 100%; position: relative; text-align: center; margin-bottom: 2.1rem; }
.txt_gift .txt28 { color: #C4C5C6; z-index: 1;
	padding: 0 0.9rem; box-sizing: border-box;
	position: relative; background-color: #F3F3F3 }
.line { width: 100%; height: 1px;
position: absolute; top: 50%; left: 0; background-color: #C4C5C6; }

/* 텍스트 */
/* ### 180820_수정 */
.txt_rfid { font-family: Arial; line-height: 1.5; margin-bottom: 2rem; padding: 0 1.45rem; box-sizing: border-box; }

/* 카드홀더 영역 */
.rfid_wrap { margin-bottom: 0.5rem; background-color: #fff;
	padding: 0 1.1rem; border: 1px solid #D2CFCD; box-sizing: border-box; }

/* RFID 없음 */
/* ### 180820_수정 */
#noValue { font-family: 'Open Sans', sans-serif;
line-height: 1.4; font-weight: 400;
color: #B4B4B4; padding: 2rem 1rem; box-sizing: border-box; }

/* 선물 아이콘 */
/* ### 180820_수정 */
.icon_gift { width: 2.8rem; min-width: 2.8rem; height: 2.8rem; margin-right: 1.2rem; display: inline-block; }

/* RFID 카드홀더 */
#rfid { font-family: 'Open Sans', sans-serif; font-weight: 700;
	padding: 1.4rem 0; box-sizing: border-box; }
.img_cardholder { width: 4.6rem; margin-right: 2.5rem; }

/* 카드홀더 영역 하단 텍스트 */
.rfidArea > .txt28:not(.txt_rfid) { font-family: 'Open Sans', sans-serif;
margin-left: 0.5rem; margin-top: 1rem; text-align: left; color: #656569; font-weight: 400; }

/* 하단 더보기 영역 */
#cActivity .session { background-color: #fff; }
#cActivity #session01 { padding-top: 1.5rem; }

/* 로고 :: Aruba */
#cActivity .logoArea { padding-top: 1.2rem; padding-left: 2.5rem; padding-right: 2.5rem;
	background-color: #2554A5; z-index: 1; position: relative; }



/***************************************************************/
/*                 Experience Zone Stamp Card                  */
/***************************************************************/
#pExpZone { background-color: #F3F3F3; }

/* 본문 */
#cExpZone { padding-top: 0; background-color: #F3F3F3; }

/* 상단 이미지 및 타이틀 */
#bgExpZone { background-color: #DF1158; padding-bottom: 3rem; overflow: hidden; box-sizing: border-box; }

/* 스탬프 영역 */
#exp_stampArea { position: relative; z-index: 3; background-color: #DF1158; }

/* 타이틀 */
#exp_stampArea > .txt30 { font-weight: 700; margin-top: -0.5rem; margin-bottom: 1.55rem;
	text-align: center; color: #fff; position: relative; z-index: 1; }

/* 스탬프 이미지 영역 */
#exp_wrap { position: relative; text-align: center; }

/* 스탬프 */
.stamp_exp { width: 23%; position: relative; z-index: 4;
	margin-right: 4%; margin-bottom: 1.4rem; display: inline-block; }
.stamp_exp:nth-child(3n) { margin-right: 0; }
.stamp_exp:nth-child(8) { margin-right: 7%; }
#finish_stamp { margin-right: -3%; box-sizing: border-box; }

.stamp_exp img { width: 100%; }
.stamp_exp_active { display: none; }

/* 클래스 추가 (스탬프 on) */
.stamp_exp.on .stamp_exp_inactive { display: none; }
.stamp_exp.on .stamp_exp_active { display: block; }

/* 스탬프 라인 */
#stampLine { width: 100%; z-index: 1;
	position: absolute; top: 0; left: 0; }

/* ExpZone 설명 영역 */
#expZoneInfo { width: 100%; position: relative; z-index: 3;
	padding: 3rem 1.3rem; padding-bottom: 0.5rem;
	 background-color: #F3F3F3; box-sizing: border-box; }
#expZoneInfo .txt28_wrap { padding: 2.1rem 2.5rem; background-color: #fff; box-sizing: border-box;
	-webkit-border-radius: 0.75rem;
	   -moz-border-radius: 0.75rem;
		-ms-border-radius: 0.75rem;
		 -o-border-radius: 0.75rem;
			border-radius: 0.75rem; }
#expZoneInfo .txt28_wrap .txt28 { text-align: left;
display: list-item; list-style-position: outside; list-style-type: disc; color: #DF1158; }
#expZoneInfo .txt28_wrap .txt28 p { color: #555655; margin-left: -0.4rem;
	margin-bottom: 0.65rem; line-height: 1.5; box-sizing: border-box; }
#expZoneInfo .txt28_wrap .txt28:last-child p { margin-bottom: 0; }

/* 로고 :: Aruba */
#cExpZone .logoArea { padding-top: 1.2rem; padding-left: 2.5rem; padding-right: 2.5rem;
	background-color: #2554A5; z-index: 1; position: relative; }



/***************************************************************/
/*                 Experience Zone Stamp Card                  */
/***************************************************************/
/* ### 180820_수정 */
#pGift { background: url(../img/bg_pattern_main.png);
		background-position: center; background-size: contain;
		background-color: #F3F3F3; }

/* 헤더 */
#pGift header { background-color: #DF1158; }
#pGift .header_left { position: absolute; top: 0; left: 0; }
#pGift .header_center { font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 1; color: #fff; }

/* 본문 */
/* ### 180820_수정 */
#cGift { /*background-color: #F3F3F3;*/ padding: 4.3rem 0.7rem 0 0.7rem; }

/* 쿠폰 상세 영역 */
#couponDetail { width: 100%; padding: 1.35rem; padding-bottom: 2rem;
	margin-bottom: 1rem; background-color: #fff; box-sizing: border-box; }

/* 로고 */
.logo_aruba_small { width: 3.2rem; margin: 0 auto; margin-bottom: 0.5rem; }

/* 이미지 */
#imgGift { width: 65%; margin: 0 auto; box-sizing: border-box; }
#imgGift img { width: 100%; }

/* 텍스트 */
#couponDetail .txt_wrap {  }
#couponDetail .txt_wrap > p { text-align: center; }
/* ### 180829_추가 */
#couponDetail .txt_wrap > .txt30 { color: #F58220; margin-bottom: 0.4rem; padding: 0 1.5rem; box-sizing: border-box; }
#couponDetail .txt_wrap > .txt42 { color: #000000; font-weight: 700; margin-bottom: 0.95rem; }
#couponDetail .txt_wrap > .txt24 { color: #656569; }


/* 하단 (스탬프 영역) */
#gift_stampArea { padding: 0.8rem 1.2rem 0.8rem 1.2rem; background-color: #fff; }

/* 텍스트 */
#gift_stampArea .txt24 { color: #656569; padding-right: 1rem; box-sizing: border-box; }

/* 이미지 */
#gift_stampArea .icon_stamp { margin-right: 0; margin-left: 1rem; background-color: #E3E4F3; }

/* 아이콘 :: Redeemed */
#icon_redeem { width: 100%; height: 100%; z-index: -1;
	position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-ransition: 0.5s;
	  -moz-transition: 0.5s;
	   -ms-transition: 0.5s;
	    -o-transition: 0.5s;
	       transition: 0.5s; }
#icon_redeem img { width: 65%; margin: 50% 5% 0 auto; }

/* 클래스 추가 (스탬핑 후, Redeemed 아이콘) */
#pGift.active + #icon_redeem { opacity: 1; z-index: 4; }



/***************************************************************/
/*                          Vip Lounge                         */
/***************************************************************/
#pVipLounge { color: #fff; background-color: #000; }

/* 헤더 */
#pVipLounge .header_right { line-height: 1; color: #fff; }

/* 본문 */
#cVipLounge { padding-left: 1.2rem; padding-right: 1.2rem; background-color: #000; }

/* 로고 */
.img_logo_airhead { width: 13.2rem;
	margin: 0 auto; margin-top: 3rem; margin-bottom: 3.3rem; }

/* 핀코드 박스 */
#pincodeArea { width: 100%; background-color: #fff; }

/* 상단박스 */
#pincodeArea .topArea { background: url(../img/bg_pattern.png);
	background-position: center; background-size: cover; background-color: #EC8003;
	padding: 0 1.95rem; padding-top: 2.8rem; padding-bottom: 3rem; box-sizing: border-box; }
#pincodeArea .topArea .txt30 { margin-bottom: 2rem; color: #fff; text-align: center; }

/* 입력창 영역 */
#inputArea { width: 100%; height: 3.7rem; position: relative; }

/* input */
/* ### 180820_1_수정 */
#inputPincode { width: 100%; height: 100%; padding: 0 1.7rem;
	/*padding: 0.9rem 1.7rem;*/ padding-right: 6.5rem; box-sizing: border-box; }

/* 확인 버튼 */
#btnPincode { width: 5.6rem; height: 100%;
	position: absolute; top: 0; right: 0; font-weight: 700;
	line-height: 1; background-color: #DF1158; color: #fff; }

/* 하단박스 */
#pincodeArea .bottomArea { padding: 2rem 2.8rem; text-align: center; color: #555655; margin-bottom: 4rem; box-sizing: border-box; }

/* ### 180821_추가 */
.txt_signUp { margin-top: 1rem; color: #555655; }
.txt_signUp strong { font-weight: 700; margin-right: 0.5rem; }

/***************************************************************/
/*                          Vip Stamp                          */
/***************************************************************/
#pVipStamp { background-color: #fff; }

/* 본문 */
#cVipStamp { padding-left: 1.8rem; padding-right: 1.8rem; background-color: #fff; }

/* 카드 목걸리 이미지 부분 */
.img_string { width: 9rem; position: absolute; top: 0; left: 50%; margin-left: -4.5rem; }
#imgString01 { z-index: 3; }
#imgString02 { z-index: 1; }

/* 아이디 카드 영역 */
#passCardArea { position: relative; overflow: hidden; z-index: 2;
	margin-bottom: 1rem; box-sizing: border-box;
	-webkit-border-radius: 1.5rem;
	   -moz-border-radius: 1.5rem;
		-ms-border-radius: 1.5rem;
		 -o-border-radius: 1.5rem;
			border-radius: 1.5rem; }

/* 상단 (헤더 로고 영역) */
#passCardArea .topArea { padding: 3.3rem 2.2rem 1.4rem 2.2rem; box-sizing: border-box;
	background: url(../img/bg_pattern.png);
	background-position: center; background-size: cover; background-color: #EC8003; }
.img_logo_apac { width: 3.3rem; display: inline-block; margin-right: 0.7rem; }
/* ### 180820_수정 */
#passCardArea .topArea > span { font-size: 1.05rem; line-height: 1.2; font-weight: 700; color: #fff; margin-right: 0.6rem; }

/* 중앙 (로고 영역) */
#passCardArea .centerArea { background-color: #000; }
#passCardArea .centerArea .img_logo_airhead { padding-top: 3.5rem; padding-bottom: 4rem; box-sizing: border-box;
	margin-top: 0; margin-bottom: 0; }


/* 하단 (스탬프 영역) */
.stampIconArea { padding: 1.3rem 2.2rem 1.5rem 2.2rem; box-sizing: border-box; }
#vip_stampArea { background: url(../img/bg_pattern.png);
	background-position: center; background-size: cover; background-color: #EC8003; }

/* 스탬프 이미지 */
.icon_stamp { width: 4.5rem; min-width: 4.5rem; margin-right: 1rem; background-color: #fff;
	-webkit-border-radius: 2.25rem;
	   -moz-border-radius: 2.25rem;
	    -ms-border-radius: 2.25rem;
		 -o-border-radius: 2.25rem;
		 	border-radius: 2.25rem; }

/* 스탬프 텍스트 */
.stampIconArea .txt24 { color: #fff; }

/* 스탬핑 후, ACCESS PASS */
#txtAccess { font-size: 1.75rem; line-height: 1;
	color: #fff; font-weight: 700; margin: 0 auto;
	display: none; }

/* 라운지 정보 텍스트 */
/* ### 180822_수정 */
#loungeInfo { font-size: 0.71rem; line-height: 1.5;
	padding: 0 0.5rem; box-sizing: border-box;
	text-align: center; color: #DF1158; margin-bottom: 3rem; }


/* 클래스 추가 (스탬핑 후, ACCESS PASS) */
#vip_stampArea.active { padding-top: 2.9rem; padding-bottom: 2.9rem; }
#vip_stampArea.active #txtAccess { display: block; }
#vip_stampArea.active .icon_stamp { display: none; }
#vip_stampArea.active .txt24 { display: none; }


/* ### 180827_추가 */
/* ### 180829_수정 */
strong {  }
.txt32 strong { font-size: 1.12rem; font-weight: 700; color: #DF1158; }
.txt28 strong { font-size: 1.06rem; font-weight: 700; color: #DF1158; }


/************************************media query***********************************/
@media only screen and (max-width: 339px){
	html { font-size: 13.5px !important; }
}
@media only screen and (min-width: 340px){
	html { font-size: 14px !important; }
}
@media only screen and (min-width: 360px){
	html { font-size: 15px !important; }
}
@media only screen and (min-width: 375px){
	html { font-size: 16px !important; }
}
@media only screen and (min-width: 410px){
	html { font-size: 17px !important; }
}
@media only screen and (min-width: 450px){
	html { font-size: 18px !important; }
}
@media only screen and (min-width: 500px){
	html { font-size: 25px !important; }
}
@media only screen and (min-width: 600px){
	html { font-size: 27px !important; }
}
@media only screen and (min-width: 700px){
	html { font-size: 28px !important; }
}
@media only screen and (min-width: 800px){
	html { font-size: 30px !important;
}
@media only screen and (min-width: 900px){
	html { font-size: 33px !important; }
}
@media only screen and (min-width: 1000px){
	html { font-size: 35px !important; }
}