@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);

/*  한국어 */
/*:lang(ko) { font-family: 'Noto Sans KR', sans-serif; }*/
/* 일본어 */
/*:lang(ja) { font-family: 'Noto Sans JP', sans-serif; }*/
 /* 중국어 (간체) */
/*:lang(zh-Hans) { font-family: 'Noto Sans SC', sans-serif; }*/

/*lang(ko) { font-family:Helvetica,AppleSDGothicNeo,Arial,sans-serif; }*/
/*lang(ja) { font-family:Helvetica,AppleSDGothicNeo,Arial,sans-serif; }*/
/*lang(zh-Hans) { font-family:Helvetica,AppleSDGothicNeo,Arial,sans-serif; }*/


/***************************************************************/
/*                          Animation                          */
/***************************************************************/
/* menu */
@-webkit-keyframes menu_ani {
	0% { width: 0; }
	5% { width: 100%; }
	95% { width: 100%; }
	100% { width: 0%; }
}
@-moz-keyframes menu_ani {
	0% { width: 0; }
	5% { width: 100%; }
	95% { width: 100%; }
	100% { width: 0%; }
}
@-ms-keyframes menu_ani {
	0% { width: 0; }
	5% { width: 100%; }
	95% { width: 100%; }
	100% { width: 0%; }
}
@-o-keyframes menu_ani {
	0% { width: 0; }
	5% { width: 100%; }
	95% { width: 100%; }
	100% { width: 0%; }
}
@keyframes menu_ani {
	0% { width: 0; }
	5% { width: 100%; }
	95% { width: 100%; }
	100% { width: 0%; }
}

/* text fade-in */
/* ### 180903_수정 */
@-webkit-keyframes txt_ani {
	0% { opacity: 0; }
	/* 94% { opacity: 0; } */
	100% { opacity: 1; }
}
@-moz-keyframes txt_ani {
	0% { opacity: 0; }
	/* 94% { opacity: 0; } */
	100% { opacity: 1; }
}
@-ms-keyframes txt_ani {
	0% { opacity: 0; }
	/* 94% { opacity: 0; } */
	100% { opacity: 1; }
}
@-o-keyframes txt_ani {
	0% { opacity: 0; }
	/* 94% { opacity: 0; } */
	100% { opacity: 1; }
}
@keyframes txt_ani {
	0% { opacity: 0; }
	/* 94% { opacity: 0; } */
	100% { opacity: 1; }
}

/* fade-in */
@-webkit-keyframes fadeIn_ani {
	0% { opacity: 0; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadeIn_ani {
	0% { opacity: 0; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}
@-ms-keyframes fadeIn_ani {
	0% { opacity: 0; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fadeIn_ani {
	0% { opacity: 0; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn_ani {
	0% { opacity: 0; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}

/* fade-out */
@-webkit-keyframes fadeOut_ani {
	0% { opacity: 0; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes fadeOut_ani {
	0% { opacity: 0; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-ms-keyframes fadeOut_ani {
	0% { opacity: 0; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes fadeOut_ani {
	0% { opacity: 0; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fadeOut_ani {
	0% { opacity: 0; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}

/* border-out */
@-webkit-keyframes borderOut_ani {
	0% { border-color: #fff;  }
	90% { border-color: #fff; }
	100% { border-color: transparent; }
}
@-moz-keyframes borderOut_ani {
	0% { border-color: #fff;  }
	90% { border-color: #fff; }
	100% { border-color: transparent; }
}
@-ms-keyframes borderOut_ani {
	0% { border-color: #fff;  }
	90% { border-color: #fff; }
	100% { border-color: transparent; }
}
@-o-keyframes borderOut_ani {
	0% { border-color: #fff;  }
	90% { border-color: #fff; }
	100% { border-color: transparent; }
}
@keyframes borderOut_ani {
	0% { border-color: #fff;  }
	90% { border-color: #fff; }
	100% { border-color: transparent; }
}

/* slide-up */
@-webkit-keyframes slideUp_ani {
	0% { opacity: 0; margin-top: 0; }
	20% { opacity: 0; margin-top: 0; }
	25% { opacity: 1; margin-top: 0; }
	90% { opacity: 1; margin-top: 0; }
	100% { opacity: 1; margin-top: -42.4vw; }
}
@-moz-keyframes slideUp_ani {
	0% { opacity: 0; margin-top: 0; }
	20% { opacity: 0; margin-top: 0; }
	25% { opacity: 1; margin-top: 0; }
	90% { opacity: 1; margin-top: 0; }
	100% { opacity: 1; margin-top: -42.4vw; }
}
@-ms-keyframes slideUp_ani {
	0% { opacity: 0; margin-top: 0; }
	20% { opacity: 0; margin-top: 0; }
	25% { opacity: 1; margin-top: 0; }
	90% { opacity: 1; margin-top: 0; }
	100% { opacity: 1; margin-top: -42.4vw; }
}
@-o-keyframes slideUp_ani {
	0% { opacity: 0; margin-top: 0; }
	20% { opacity: 0; margin-top: 0; }
	25% { opacity: 1; margin-top: 0; }
	90% { opacity: 1; margin-top: 0; }
	100% { opacity: 1; margin-top: -42.4vw; }
}
@keyframes slideUp_ani {
	0% { opacity: 0; margin-top: 0; }
	20% { opacity: 0; margin-top: 0; }
	25% { opacity: 1; margin-top: 0; }
	90% { opacity: 1; margin-top: 0; }
	100% { opacity: 1; margin-top: -42.4vw; }
}

/* arrow-up */
@-webkit-keyframes arrow_ani {
	0% { margin-top: 1rem; opacity: 1; }
	100% { margin-top: 0;  }
}
@-moz-keyframes arrow_ani {
	0% { margin-top: 1rem; opacity: 1; }
	100% { margin-top: 0;  }
}
@-ms-keyframes arrow_ani {
	0% { margin-top: 1rem; opacity: 1; }
	100% { margin-top: 0;  }
}
@-o-keyframes arrow_ani {
	0% { margin-top: 1rem; opacity: 1; }
	100% { margin-top: 0;  }
}
@keyframes arrow_ani {
	0% { margin-top: 1rem; opacity: 1; }
	100% { margin-top: 0;  }
}

/* show */
@-webkit-keyframes show_ani {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes show_ani {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-ms-keyframes show_ani {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes show_ani {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes show_ani {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes photocard_animation {
    0% { background-image: url(../img/v_img/1.png) }
    6.66% { background-image: url(../img/v_img/2.png) }
    13.32% { background-image: url(../img/v_img/3.png) }
    19.98% { background-image: url(../img/v_img/4.png) }
    26.64% { background-image: url(../img/v_img/5.png) }
    33.33% { background-image: url(../img/v_img/6.png) }
    39.96% { background-image: url(../img/v_img/7.png) }
    46.62% { background-image: url(../img/v_img/8.png) }
    53.28% { background-image: url(../img/v_img/9.png) }
    59.94% { background-image: url(../img/v_img/10.png) }
    66.66% { background-image: url(../img/v_img/11.png) }
    73.26% { background-image: url(../img/v_img/12.png) }
    79.92% { background-image: url(../img/v_img/13.png) }
    86.58% { background-image: url(../img/v_img/14.png) }
    93.24% { background-image: url(../img/v_img/15.png) }
    100% { background-image: url(../img/v_img/1.png) }
}
@-moz-keyframes photocard_animation {
    0% { background-image: url(../img/v_img/1.png) }
    6.66% { background-image: url(../img/v_img/2.png) }
    13.32% { background-image: url(../img/v_img/3.png) }
    19.98% { background-image: url(../img/v_img/4.png) }
    26.64% { background-image: url(../img/v_img/5.png) }
    33.33% { background-image: url(../img/v_img/6.png) }
    39.96% { background-image: url(../img/v_img/7.png) }
    46.62% { background-image: url(../img/v_img/8.png) }
    53.28% { background-image: url(../img/v_img/9.png) }
    59.94% { background-image: url(../img/v_img/10.png) }
    66.66% { background-image: url(../img/v_img/11.png) }
    73.26% { background-image: url(../img/v_img/12.png) }
    79.92% { background-image: url(../img/v_img/13.png) }
    86.58% { background-image: url(../img/v_img/14.png) }
    93.24% { background-image: url(../img/v_img/15.png) }
    100% { background-image: url(../img/v_img/1.png) }
}
@-ms-keyframes photocard_animation {
    0% { background-image: url(../img/v_img/1.png) }
    6.66% { background-image: url(../img/v_img/2.png) }
    13.32% { background-image: url(../img/v_img/3.png) }
    19.98% { background-image: url(../img/v_img/4.png) }
    26.64% { background-image: url(../img/v_img/5.png) }
    33.33% { background-image: url(../img/v_img/6.png) }
    39.96% { background-image: url(../img/v_img/7.png) }
    46.62% { background-image: url(../img/v_img/8.png) }
    53.28% { background-image: url(../img/v_img/9.png) }
    59.94% { background-image: url(../img/v_img/10.png) }
    66.66% { background-image: url(../img/v_img/11.png) }
    73.26% { background-image: url(../img/v_img/12.png) }
    79.92% { background-image: url(../img/v_img/13.png) }
    86.58% { background-image: url(../img/v_img/14.png) }
    93.24% { background-image: url(../img/v_img/15.png) }
    100% { background-image: url(../img/v_img/1.png) }
}
@-o-keyframes photocard_animation {
    0% { background-image: url(../img/v_img/1.png) }
    6.66% { background-image: url(../img/v_img/2.png) }
    13.32% { background-image: url(../img/v_img/3.png) }
    19.98% { background-image: url(../img/v_img/4.png) }
    26.64% { background-image: url(../img/v_img/5.png) }
    33.33% { background-image: url(../img/v_img/6.png) }
    39.96% { background-image: url(../img/v_img/7.png) }
    46.62% { background-image: url(../img/v_img/8.png) }
    53.28% { background-image: url(../img/v_img/9.png) }
    59.94% { background-image: url(../img/v_img/10.png) }
    66.66% { background-image: url(../img/v_img/11.png) }
    73.26% { background-image: url(../img/v_img/12.png) }
    79.92% { background-image: url(../img/v_img/13.png) }
    86.58% { background-image: url(../img/v_img/14.png) }
    93.24% { background-image: url(../img/v_img/15.png) }
    100% { background-image: url(../img/v_img/1.png) }
}
@keyframes photocard_animation {
    0% { background-image: url(../img/v_img/1.png) }
    6.66% { background-image: url(../img/v_img/2.png) }
    13.32% { background-image: url(../img/v_img/3.png) }
    19.98% { background-image: url(../img/v_img/4.png) }
    26.64% { background-image: url(../img/v_img/5.png) }
    33.33% { background-image: url(../img/v_img/6.png) }
    39.96% { background-image: url(../img/v_img/7.png) }
    46.62% { background-image: url(../img/v_img/8.png) }
    53.28% { background-image: url(../img/v_img/9.png) }
    59.94% { background-image: url(../img/v_img/10.png) }
    66.66% { background-image: url(../img/v_img/11.png) }
    73.26% { background-image: url(../img/v_img/12.png) }
    79.92% { background-image: url(../img/v_img/13.png) }
    86.58% { background-image: url(../img/v_img/14.png) }
    93.24% { background-image: url(../img/v_img/15.png) }
    100% { background-image: url(../img/v_img/1.png) }
}


/***************************************************************/
/*                          Reset CSS                          */
/***************************************************************/
*, a { margin: 0; padding: 0;
	font-family:Helvetica,AppleSDGothicNeo,Arial,sans-serif;
	font-weight: 400; color: #414141;
	letter-spacing: 0; word-break: keep-all;
	-webkit-tap-highlight-color: transparent !important;
	/* -webkit-touch-callout: none; */
	/* touch-action: none; */
}
ul, li { list-style: none; }
ol { list-style: none; }
img { border: none; display: block; }

/* body { -ms-overflow-style: none;
	-webkit-user-select: none;
	   -moz-user-select: -moz-none;
	    -ms-user-select: none;
	 -khtml-user-select: none;
	        user-select: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; }
select::-ms-expand {
	display: none;
}

input:focus, select:focus { outline: 0 none; }

input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color: #414141; }

input::-moz-placeholder,
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color: #414141; }

input:-ms-input-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color: #414141; }

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; padding-top: 3.8rem;
	position: absolute; top: 0; left: 0; box-sizing: border-box; }

/* flex */
.flex_center { display: flex; display: -ms-flexbox; flex-direction: row;
	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; flex-direction: row;
	justify-content: flex-start !important; -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; flex-direction: row;
	justify-content: flex-start !important; -webkit-box-align: start; -ms-flex-align: start;
	align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; }

.flex_end_center { display: flex; display: -ms-flexbox; flex-direction: row;
	justify-content: flex-end !important; -webkit-box-align: end; -ms-flex-align: end;
	align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; }

.flex_between { display: flex; display: -ms-flexbox; flex-direction: row;
	justify-content: space-between !important; -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; flex-direction: row;
	justify-content: space-between !important; -ms-flex-pack: justify; -webkit-box-pack: justify;
	align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; }

.flex_between_start { display: flex; display: -ms-flexbox; flex-direction: row;
	justify-content: space-between !important; -ms-flex-pack: justify; -webkit-box-pack: justify;
	align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }

/* 텍스트 */
.txt18 { font-size: 0.68rem; line-height: 1.3; }
.txt20 { font-size: 0.70rem; line-height: 1.3; }
.txt23 { font-size: 0.8rem; line-height: 1.3; }
.txt24 { font-size: 0.84rem; line-height: 1; }
.txt25 { font-size: 0.92rem; line-height: 1.3; }
.txt27 { font-size: 0.95rem; line-height: 1; }
.txt28 { font-size: 1rem; }
.txt68 { font-size: 2.4rem; }

/* 헤더 */
header { width: 100%; height: 3.8rem; z-index: 5;
	position: fixed; top: 0; left: 0; text-align: center;
	background-color: #fff; }

/* 헤더 왼쪽 */
.header_left { width: 1.1rem; height: 100%;
	position: absolute; top: 0; left: 1.0rem; text-align: left; }

/* 메뉴 아이콘 */
.btn_menu { width: 100%; height: auto; }
.btn_menu > span { width: 100%; height: 0.22rem;
	margin-bottom: 0.18rem; display: block;
	-webkit-border-radius: 0.1rem;
	   -moz-border-radius: 0.1rem;
	    -ms-border-radius: 0.1rem;
	     -o-border-radius: 0.1rem;
	        border-radius: 0.1rem; }
.btn_menu > span:nth-child(1) { background-color: #4AB4E8;
	-webkit-animation: menu_ani linear 5s infinite;
	   -moz-animation: menu_ani linear 5s infinite;
	    -ms-animation: menu_ani linear 5s infinite;
	     -o-animation: menu_ani linear 5s infinite;
	        animation: menu_ani linear 5s infinite; }
.btn_menu > span:nth-child(2) { background-color: #53BCAA;
	-webkit-animation: menu_ani linear 5s 0.15s infinite;
	   -moz-animation: menu_ani linear 5s 0.15s infinite;
	    -ms-animation: menu_ani linear 5s 0.15s infinite;
	     -o-animation: menu_ani linear 5s 0.15s infinite;
	        animation: menu_ani linear 5s 0.15s infinite; }
.btn_menu > span:nth-child(3) { background-color: #E94746; margin-bottom: 0;
	-webkit-animation: menu_ani linear 5s 0.3s infinite;
	   -moz-animation: menu_ani linear 5s 0.3s infinite;
	    -ms-animation: menu_ani linear 5s 0.3s infinite;
	     -o-animation: menu_ani linear 5s 0.3s infinite;
	        animation: menu_ani linear 5s 0.3s infinite; }

/* 헤더 중앙 */
.header_center { height: 100%; line-height: 3.8rem; display: inline-block;
	font-weight: 500; letter-spacing: -0.035rem; }

/* ### 180911_추가 */
.header_center:lang(zh-Hans) { font-weight: 400; }
.header_center:lang(ja) { font-weight: 400; }


/* 헤더 오른쪽 */
.header_right { height: 100%;
	position: absolute; top: 0; right: 1.0rem; text-align: right; }
/* 포토카드 아이콘 */
.btn_photo { height: 1.02rem; }


/***************************************************************/
/*                             Intro                            */
/***************************************************************/
/* ### 180903_수정 */
#pIntro { background-color: #F3F3F3;
	/* height: 100vh;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll; */
	-webkit-overflow-scrolling: touch;

    overflow-x: hidden;
}

#pIntro::-webkit-scrollbar { display: none; }


/* 본문 */
/* ### 180903_추가 */
#cIntro { padding-bottom: 2.2rem;
	background-color: #F3F3F3; box-sizing: border-box;
/*position: fixed; top: 0; left: 0;*/ }

/* 타이틀 */
/* ### 180903_추가 */
#i_tit { min-height: 3.6rem; margin-top: 5rem; margin-bottom: 0.3rem;
	font-weight: 900; text-align: center;
	position: relative; opacity: 1; }


/* ### 180911_추가 */
#i_tit:lang(zh-Hans) { font-weight: 400; }
#i_tit:lang(ja) { font-weight: 400; }

/* ### 180903_추가 */
#i_txt { margin-bottom: 2.75rem; line-height: 1;
	color: #989898; letter-spacing: -0.03rem;
	font-weight: 300; text-align: center;
	position: relative; }


/* ### 180911_추가 */
#i_txt:lang(zh-Hans) { font-weight: 400; }
#i_txt:lang(ja) { font-weight: 400; }


/* 포토카드 영역 */
/* ### 180903_수정/추가 */
#photoCardArea { width: 100%; /*height: 6.5rem;*/
	text-align: center; white-space: nowrap;
	position: relative; }
#photoCard_wrap { width: 59%; display: inline-block;
	position: relative; padding: 0.1rem 1.8rem;
	border: 0.15rem solid #fff;
	/* border-color: transparent; */
	box-sizing: border-box;
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
		-ms-border-radius: 1rem;
		 -o-border-radius: 1rem;
			border-radius: 1rem; }

/* 배경 */
#photoCardBg { width: 100%; }
#photoCardBg img { width: 100%; }

/* 포토카드 (영상) */
#photoCard { width: 62%; height: 71%;
	position: absolute; top: 0.5rem; left: 19%; }
#photoCard img { width: 100%; margin: 0 auto; }

/* 핸드폰 영역 */
#phoneArea { width: 100%; z-index: 2;
	position: relative; top: -0.9rem; left: 0;
	box-sizing: border-box;
	/* margin-top: -42.4vw; */
 	margin-top: 0; }

/* ### 180903_추가 */
/* #phoneArea.dragging { opacity: 0.5; position: absolute; } */
#phone_wrap.dragging { opacity: 0.5; position: absolute; }

/* 화살표 */
#img_arrow { width: 100%; height: 3.4rem;
	position: absolute; top: 0; left: 0;
	margin-top: 1rem; opacity: 1; }
#img_arrow img { height: 100%; margin: 0 auto; }

/* 핸드폰 */
#phone_wrap { width: 100%; }
#img_phone { width: 100%; }
#txt_phone { width: 100%; height: 100%; color: #F2A098; text-align: center;
 	position: absolute; top: 0; left: 0; opacity: 0; }

/* 안내 텍스트 영역 */
#infoTxtArea { position: relative; top: -2rem; left: 0; margin-bottom: 3.2rem; }
#infoTxt { line-height: 1.4; letter-spacing: -0.015rem;
	color: #888888; text-align: center; }

/* 서비스 언어설정 */
/* ### 180903_추가 */
#langArea { width: 100%; height: 2rem; padding: 0 1.75rem;
	margin-bottom: 1.8rem; box-sizing: border-box;

	position: relative; }

/* select box 텍스트 */
#txt_lang { width: 35%; text-align: left; color: #414141;
	font-size: 0.87rem; line-height: 2rem; font-weight: 500; }



/* ### 180911_추가 */
#txt_lang:lang(zh-Hans) { font-weight: 400; }
#txt_lang:lang(ja) { font-weight: 400; }


/* select box */
#langSelectBox { width: 65%; height: 100%; text-align: left;
	font-size: 0.72rem; line-height: 2rem; font-weight: 400;
	padding: 0 0.5rem; color: #F2A098;
	background-color: #fff; border: 1px solid #D5D5D5;
	background-image: url(../img/icon_down.png);
	background-position: 95% 50%; background-repeat: no-repeat;
	background-size: 4.5%;
	box-sizing: border-box; }
option { color: #414141; }



/* 약관 텍스트 영역 */
#termsArea { width: 100%; padding: 0 1.75rem; box-sizing: border-box; }
#terms_wrap { width: 100%; height: 100%;
	padding-top: 2.5rem; padding-bottom: 2rem;
	border-top: 1px solid #D4D4D4; box-sizing: border-box; }

.terms_inner { margin-bottom: 1.7rem; line-height: 0; }
.terms_inner:last-child { margin-bottom: 0; }

#termsArea p { margin-bottom: 0.5rem; font-weight: 500; letter-spacing: -0.05rem; }

/* ### 180911_추가 */
#termsArea p:lang(zh-Hans) { font-weight: 400; }
#termsArea p:lang(ja) { font-weight: 400; }


#termsArea span { font-weight: 400; color: #F2A098; letter-spacing: -0.05rem; }

/* 버튼 :: 시작하기 */
#btn_start { width: 70%; height: 2.8rem; margin: 0 auto;
	text-align: center; line-height: 0;
	color: #414141; background-color: #fff;
	border: 0.15rem solid #414141; box-sizing: border-box;
	-webkit-border-radius: 1.4rem;
	   -moz-border-radius: 1.4rem;
	    -ms-border-radius: 1.4rem;
	     -o-border-radius: 1.4rem;
	        border-radius: 1.4rem; }
#btn_start > p { height: 100%; display: inline-block;
	font-weight: 700; line-height: 2.6rem; }


/* ### 180911_추가 */
#btn_start > p:lang(zh-Hans) { font-weight: 400; }
#btn_start > p:lang(ja) { font-weight: 400; }


/* 안내 텍스트 영역 */
/* #infoTxtArea { display: none; } */

/* ### 180905_추가 */
#photoCard_wrap { border-color: #fff; }
#photoCardArea.drop #photoCard_wrap { border-color: transparent; }


/********************************* Intro Animation ********************************/
#termsArea { display: none; }
#btn_start { display: none; }


/* 타이틀 밑 텍스트 */
#i_txt {
    -webkit-animation: fadeIn_ani 1.25s linear;
       -moz-animation: fadeIn_ani 1.25s linear;
        -ms-animation: fadeIn_ani 1.25s linear;
         -o-animation: fadeIn_ani 1.25s linear;
            animation: fadeIn_ani 1.25s linear;

/*    opacity: 0;*/
/*    -webkit-transition:opacity 1.25s;*/
/*    transition:opacity 1.25s;*/
}
/*#i_txt.on { opacity: 1; }*/

/* 화살표 */
/* ### 180903_수정 */
#img_arrow {
	-webkit-animation: arrow_ani 1s infinite 2s;
	   -moz-animation: arrow_ani 1s infinite 2s;
		-ms-animation: arrow_ani 1s infinite 2s;
		 -o-animation: arrow_ani 1s infinite 2s;
			animation: arrow_ani 1s infinite 2s;
		/*animation-iteration-count: 3;*/ }

/* 핸드폰 */
/* ### 180903_삭제 */
#phoneArea {
	 /*-webkit-animation: slideUp_ani 4s linear;
	   -moz-animation: slideUp_ani 4s linear;
	    -ms-animation: slideUp_ani 4s linear;
	     -o-animation: slideUp_ani 4s linear;
	        animation: slideUp_ani 4s linear; */ }

/* ### 180903_추가 */
#photoCardArea.drop #photoCard_wrap { position: absolute; top: 0; left: 20.5%;  }

/* #phoneArea.drop { position: absolute; margin-top:-11.4vw; } */
#photoCardArea.drop #phone_wrap { position: relative; top: -15vw }
#photoCardArea.drop #txt_phone { opacity: 0; }
#photoCardArea.drop ~ #phoneArea #img_arrow {
    display: none;
    opacity: 0;
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none; }

/* 포토카드 흰 테두리 */
/* ### 180903_수정 */
#photoCard_wrap {
	border-color: transparent;
 	/* -webkit-animation: borderOut_ani 4s linear;
	   -moz-animation: borderOut_ani 4s linear;
	    -ms-animation: borderOut_ani 4s linear;
	     -o-animation: borderOut_ani 4s linear;
	        animation: borderOut_ani 4s linear;*/ }




/* 핸드폰 글씨 */
 #txt_phone { opacity: 1; min-height: 58vw;
	/*-webkit-animation: fadeOut_ani 4s linear;
	   -moz-animation: fadeOut_ani 4s linear;
	    -ms-animation: fadeOut_ani 4s linear;
	     -o-animation: fadeOut_ani 4s linear;
	        animation: fadeOut_ani 4s linear;*/ }

/* 핸드폰 하단 안내 텍스트 */
/* ### 180903_삭제 */
#infoTxtArea {
	/* -webkit-animation: txt_ani 4.5s linear;
	   -moz-animation: txt_ani 4.5s linear;
	    -ms-animation: txt_ani 4.5s linear;
	     -o-animation: txt_ani 4.5s linear;
	        animation: txt_ani 4.5s linear; */ }

/* ### 180903_추가 */
#infoTxtArea { display: none; }
#photoCardArea.drop ~ #infoTxtArea { display: block; top: -15vw;
	-webkit-animation: txt_ani 1s linear;
	   -moz-animation: txt_ani 1s linear;
	    -ms-animation: txt_ani 1s linear;
	     -o-animation: txt_ani 1s linear;
	        animation: txt_ani 1s linear; }


/* 서비스 언어설정 */
/* ### 180903_삭제 */
#langArea {
	/* -webkit-animation: txt_ani 4.5s linear;
	   -moz-animation: txt_ani 4.5s linear;
	    -ms-animation: txt_ani 4.5s linear;
	     -o-animation: txt_ani 4.5s linear;
		    animation: txt_ani 4.5s linear; */ }

/* ### 180903_추가 */
#langArea { display: none; }
#photoCardArea.drop ~ #langArea {
	display: flex; display: -ms-flexbox; top: -15vw;
	-webkit-animation: txt_ani 1s linear;
	   -moz-animation: txt_ani 1s linear;
	    -ms-animation: txt_ani 1s linear;
	     -o-animation: txt_ani 1s linear;
	        animation: txt_ani 1s linear; }

/* 약관 텍스트 영역 */
#termsArea.show { display: block; }

#termsArea.show .terms_inner {
	-webkit-animation: show_ani 0.4s linear;
	   -moz-animation: show_ani 0.4s linear;
		-ms-animation: show_ani 0.4s linear;
		 -o-animation: show_ani 0.4s linear;
			animation: show_ani 0.4s linear; }

/* 버튼 :: 시작하기 */
#btn_start.show { display: block;
	-webkit-animation: show_ani 0.4s linear 0.2s;
	   -moz-animation: show_ani 0.4s linear 0.2s;
		-ms-animation: show_ani 0.4s linear 0.2s;
		 -o-animation: show_ani 0.4s linear 0.2s;
			animation: show_ani 0.4s linear 0.2s;  }


/***************************************************************/
/*                             Main                            */
/***************************************************************/
#pMain { background-color: #F3F3F3; }

#pMain header { border-bottom: 0.2rem solid #F3F3F3; }

/* 본문 */
#cMain { background-color: #F3F3F3; padding-top: 4rem; }

/* 리스트 */
.list { width: 100%; padding: 0.4rem 1rem;
	margin-bottom: 0.45rem; background-color: #fff; box-sizing: border-box; }

.list:last-child { margin-bottom: 0; }

/* 이미지 및 텍스트 영역 */
.list_wrap { width: 100%; height: 100%; padding: 0.7rem 0; box-sizing: border-box; }

/* 이미지 */
.list_img { width: 6.65rem; min-width: 6.65rem; overflow: hidden;
	position: relative; margin-right: 0.8rem; line-height: 0; }
.list_img img { width: 100%; }

/* 텍스트 */
.list_tit { letter-spacing: -0.065rem; font-weight: 300; color: #414141; line-height: 1.45; margin-bottom: 0.15rem; }

/* ### 180911_추가 */
.list_tit:lang(zh-Hans) { font-weight: 400; }

.list_validDate { letter-spacing: -0.065rem; font-weight: 300; color: #414141; line-height: 1.4; margin-bottom: 0.2rem; }

/* ### 180911_추가 */
.list_validDate:lang(zh-Hans) { font-weight: 400; }

.list_times { letter-spacing: -0.065rem; font-weight: 300; color: #414141; line-height: 1.4; }

/* ### 180911_추가 */
.list_times:lang(zh-Hans) { font-weight: 400; }


/* 바코드 영역 */
.list_barcode_wrap { width: 100%; padding: 0.6rem 0; box-sizing: border-box; }
.barcode {  }
.barcode_img { width: 2rem; min-width: 2rem; margin-right: 0.8rem; display: inline-block; }
.barcode_img img { width: 100%; }
.barcode_txt { color: #414141; display: inline-block; }

.icon_triangle { height: 1.1rem; }
.icon_triangle img { height: 100%; }

/* 포토카드 백그라운드 이미지 */
#photoCard #photo_card_background_image_cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;
	background-image: url(../img/v_img/1.png); z-index: 2; }

#photoCard.on #photo_card_background_image_cover { z-index: 1; }
#photoCard #photo_card_background_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;
	z-index: 1;
    -webkit-animation: photocard_animation linear 1.125s infinite;
    -moz-animation: photocard_animation linear 1.125s infinite;
    -ms-animation: photocard_animation linear 1.125s infinite;
    -o-animation: photocard_animation linear 1.125s infinite;
    animation: photocard_animation linear 1.125s infinite;
}
#photoCard.on #photo_card_background_image {
    z-index: 2;
}

/************************************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: 19px !important; }
}
@media only screen and (min-width: 500px){
	html { font-size: 21px !important; }
}
@media only screen and (min-width: 600px){
	html { font-size: 25.5px !important; }
}
@media only screen and (min-width: 700px){
	html { font-size: 30px !important; }
}
@media only screen and (min-width: 800px){
	html { font-size: 34px !important;
}
@media only screen and (min-width: 900px){
	html { font-size: 37.5px !important; }
}
@media only screen and (min-width: 1000px){
	html { font-size: 42.5px !important; }
}
