@charset "utf-8";





html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { font-size: 4.1026vw; letter-spacing: -0.1026vw; }
html, body {
	position: relative;
	height: 100%;
	background-color: #F6F7F9;
}

body { -ms-overflow-style: none; }
::-webkit-scrollbar { display: none; }
img { width: 100%; }
* { box-sizing: border-box;}



/* Font */
@font-face {
	font-family: 'NanumSquare';
	font-weight: 300;
	src: url("./fonts/NanumSquareL.eot");
	src: url("./fonts/NanumSquareL.eot?#iefix") format('embedded-opentype'),
		 url("./fonts/NanumSquareL.woff") format('woff'),
		 url("./fonts/NanumSquareL.ttf") format('truetype');
   }
   @font-face {
	font-family: 'NanumSquare';
	font-weight: 400;
	src: url("./fonts/NanumSquareR.eot");
	src: url("./fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),
		 url("./fonts/NanumSquareR.woff") format('woff'),
		 url("./fonts/NanumSquareR.ttf") format('truetype');
   }
   @font-face {
	font-family: 'NanumSquare';
	font-weight: 700;
	src: url("./fonts/NanumSquareB.eot");
	src: url("./fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),
		 url("./fonts/NanumSquareB.woff") format('woff'),
		 url("./fonts/NanumSquareB.ttf") format('truetype');
   }
   @font-face {
	font-family: 'NanumSquare';
	font-weight: 800;
	src: url("./fonts/NanumSquareEB.eot");
	src: url("./fonts/NanumSquareEB.eot?#iefix") format('embedded-opentype'),
		 url("./fonts/NanumSquareEB.woff") format('woff'),
		 url("./fonts/NanumSquareEB.ttf") format('truetype');
   }



.fw-l { font-weight: 300 !important; }
.fw-r { font-weight: 400 !important; }
.fw-b { font-weight: 700 !important; }
.fw-eb { font-weight: 800 !important; }



select {
	width: 100%;
    height: 11.2821vw;
    color: #000;
	font-size: 3.5897vw;
	font-weight: 400;
    padding: 0 3.8462vw;
    border: 0.2564vw solid #E5E5E5;
    background: url('../images/ico_select_arrow.svg') right 2.5641vw center no-repeat;
    background-size: 11.2821vw 11.2821vw;
	background-color: #fff;
	margin-top: 5.1282vw;
	border-radius: 5.6410vw;
    filter: alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select:invalid { color: #999; }





/* TRAVIT WebView **************************************************/
.top_tpass { padding: 12.8205vw 5.1282vw  0 5.1282vw; }
.logo_tpass { width: 15.6410vw; }
.tpass_txt {
	color: #12396D;
	font-size: 4.6154vw;
	font-weight: 800;
	margin-top: 2.5641vw;
}
.btn_box { padding: 7.6923vw 5.1282vw 0 5.1282vw; }

.btn_pass,
.btn_wallet {
	padding: 7.6923vw 5.1282vw;
	background: #fff;
	border: 0.2564vw solid #E5E5E5;
	border-radius: 2.5641vw;
}
.ico_pass, .ico_wallet { text-align: center; }
.ico_pass img {
	width: 25.6410vw;
	border-radius: 100%;
	background: #32C5FF;
}
.pass_txtBox {
	color: #999;
	font-size: 4.1026vw;
	margin-top: 7.6923vw;
}

.issuance_btxt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.issuance_btxt .legend,
.issuance_btxt .value {
	color: #000;
	font-weight: 700;
}
.issuance_stxt {
	font-size: 3.5897vw;
	margin-top: 2.5641vw;
}
.btn_wallet { margin-top: 5.1282vw; }
.ico_wallet img {
	width: 25.6410vw;
	border-radius: 100%;
	background: #84CF36;
}





.black_Overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 1;
}
.pop_alert {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	padding: 0 5.1282vw;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.alert_container {
	padding: 7.6923vw 5.1282vw 5.1282vw 5.1282vw;
	background: #fff;
	border-radius: 5.1282vw;
}
.alert_title {
	color: #000;
	font-size: 5.1282vw;
	font-weight: 700;
	text-align: center;
}
.alert_txt {
	color: #999;
	font-size: 3.5897vw;
	line-height: 5.6410vw;
	text-align: center;	
	margin: 7.6923vw 0 5.1282vw 0;
}
.pop_btn {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 7.6923vw;
}
.btn_item {
	width: calc(50% - 1.2821vw);
	color: #fff;
	font-size: 4.1026vw;
	font-weight: 800;
	text-align: center;
	border-radius: 6.4103vw;
	padding: 3.8462vw 0;

}
.btn_item.close { background: #666; }
.btn_item.confirm { background: #2381FF; }

.check__data {
	background: #E9E9EB;
	padding: 5.1282vw;
	border-radius: 2.5641vw;
}
.check_row {
	color: #000;
	font-size: 3.5897vw;
	line-height: 6.1538vw;
}

.top_title {
	position: fixed;
	top: 0;
	width: 100%;
	color: #000;
	font-size: 5.1282vw;
	font-weight: 800;
	text-align: center;
	padding: 4.6154vw 0;
	background: #fff;
	border-bottom: 0.2564vw solid #DFDFDF;
	z-index: 10;
}
.fixed_btn {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	padding: 5.1282vw;
	background: #F6F7F9;
	z-index: 9;
}
.container {
	padding: 15.6410vw 0 23.0769vw 0;
	z-index: 1;
}

.input_data { padding: 7.6923vw 5.1282vw 5.1282vw 5.1282vw; }
.input_data .label {
	color: #000;
	font-size: 4.6154vw;
	font-weight: 800;
	line-height: 6.1538vw;

}
.input_data .input__name,
.input_data .input__num,
.input_data .input__pwd {
	width: 100%;
	font-size: 3.5897vw;
	margin-top: 5.1282vw;
	padding: 3.8462vw;
	border: 0.2564vw solid #E5E5E5;
	border-radius: 6.1538vw;
}
.input_data .input__pwd { text-align: center; }

.infobox { padding: 0 5.1282vw; }
.txt__box {
	padding: 5.1282vw;
	background: #fff;
	border: 0.2564vw solid #E5E5E5;
	border-radius: 5.1282vw;
}
.info_row {
	display: flex;
	flex-direction: row;
}

.ico_infotxt {
	display: inline-block;
	width: 4.1026vw;
	height: 4.1026vw;
	margin-right: 2.5641vw;
}
.ico_infotxt img {
	width: 4.1026vw;
	height: 4.1026vw;
	margin-top: -0.7692vw;
}
.infotxt.webrent {
	color: #000;
	font-size: 3.5897vw;
	line-height: 5.1282vw;
	margin-top: unset;
}

.infotxt .blue_txt {
	color: #2381FF;
	font-size: 3.5897vw;
	font-weight: 700;
	line-height: 5.1282vw;	
}

.check_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 5.1282vw;
	padding: 0 5.1282vw;
	color: #000;
	font-size: 3.5897vw;
	line-height: 5.6410vw;
}
.ico_check {
	display: inline-block;
	width: 6.1538vw;
	height: 6.1538vw;
	margin-right: 2.5641vw;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ico_check.off { background-image: url('../images/ico_checkOff.svg'); }
.ico_check.on { background-image: url('../images/ico_checkOn.svg'); }

.underline {
	color: #000;
	font-size: 3.5897vw;
	line-height: 5.6410vw;
	text-decoration: underline;
}

.birth_input {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.masktxt { margin-top: 5.1282vw; }

.gender {
	display: flex;
	flex-direction: row;
	margin-top: 5.1282vw;
}
.gender .item {
	width: calc(50% - 1.2821vw);
	color: #999;
	font-size: 4.1026vw;
	font-weight: 800;
	text-align: center;
	padding: 3.5897vw 0;
	background: #fff;
	border-radius: 6.4103vw;
	border: 0.2564vw solid #E5E5E5;
}
.gender .item.active {
	color: #2381FF;
	border-color: #2381FF;
}

.ticket_box {
	margin-top: 7.6923vw;
	padding: 0 5.1282vw;
	color: #fff;
}

.ticket_box .ticket__top {
	padding: 6.4103vw 5.1282vw 2.5641vw 5.1282vw;
	border-radius: 5.1282vw 5.1282vw 0 0;
	background: rgb(102,154,254);
	background: linear-gradient(90deg, rgba(102,154,254,1) 0%, rgba(79,126,215,1) 100%);
}

.ticket_box .dot__line {
	height: 5.1282vw;
	background-image: url('../images/img_cardDotline.svg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.ticket_box .ticket__bottom {
	padding: 2.5641vw 5.1282vw 5.1282vw 5.1282vw;
	border-radius: 0 0 5.1282vw 5.1282vw;
	background: rgb(102,154,254);
	background: linear-gradient(90deg, rgba(102,154,254,1) 0%, rgba(79,126,215,1) 100%);
}

.ticket_box.finish .ticket__top {
	padding: 6.4103vw 5.1282vw 2.5641vw 5.1282vw;
	border-radius: 5.1282vw 5.1282vw 0 0;
	background: #8FB6F9;
}

.ticket_box.finish .dot__line {
	height: 5.1282vw;
	background-image: url('../images/img_cardDotline_finish.svg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.ticket_box.finish .ticket__bottom {
	padding: 2.5641vw 5.1282vw 5.1282vw;
	border-radius: 0 0 5.1282vw 5.1282vw;
	background: #8FB6F9;
}

.ticket__top .header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.ticket__top .header .title {
	font-size: 4.1026vw;
	font-weight: 700;
	align-items: center;
	justify-content: center;
}

.ticket__top .header .txt_link {
	font-size: 3.5897vw;
	align-items: center;
	justify-content: center;
}

.ticket__top .header .ico__arrowR {
	width: 2.0513vw;
	margin-left: 1.2821vw;
	margin-top: -0.5128vw;
}
.pass_name {
	margin-top: 5.1282vw;
	font-size: 4.6154vw;
	font-weight: 800;
	line-height: 6.6667vw;
}
.pass_date {
	font-size: 3.5897vw;
	font-weight: 700;
}
.pass_date .info_txt { margin-top: 2.5641vw; }
.pass_date .info_txt span { color: #CFE0FF; }
.remaining_titme {
	margin-top: 5.1282vw;
	font-size: 4.1026vw;
}

.ticket__bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ticket__bottom .btn_scan {
	display: block;
	width: 100%;
	color: #2381FF;
	font-size: 4.1026vw;
	font-weight: 800;
	text-align: center;
	padding: 3.5897vw 0;
	background: #fff;
	border-radius: 6.9231vw;
}

.ticket__bottom .btn_wing {
	width: calc(50% - 0.7692vw);
	font-size: 4.1026vw;
	text-align: center;
	padding: 4.1026vw 0;
	border-radius: 6.9231vw;
}
.ticket__bottom .btn_wing.return {
	color: #2381FF;
	font-weight: 800;
	background: #fff;
}
.ticket__bottom .btn_wing.lock {
	font-weight: 400;
	background: unset;
	border: 0.2564vw solid #9DBEFC;
}

.ticket_box.finish .ticket__top .header .title,
.ticket_box.finish .ticket__top .header .txt_link { color: #DDE9FD; }

.ticket_box.finish .ticket__top .pass_name { color: #DCE8FC; }
.ticket_box.finish .pass_date .info_txt { color: #DBE8FC; }
.ticket_box.finish .pass_date .info_txt span { color: #B9D1FD; }
.ticket_box.finish .remaining_titme { color: #D9E9FE; }

.ticket__bottom .btn_finish {
	display: block;
	width: 100%;
	color: #5EA3FF;
	font-size: 4.1026vw;
	font-weight: 800;
	text-align: center;
	padding: 3.5897vw 0;
	background: #DDE9FD;
	border-radius: 6.9231vw;
}

.top_btnBack {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	border-bottom: 0.2564vw solid #DFDFDF;
	z-index: 10;
}
.top_btnBack .inner_box {
	width: 100%;
	position: relative;
	height: 15.8974vw;
}
.top_btnBack .inner_box .title_txt {
	width: 100%;
	color: #000;
	font-size: 5.1282vw;
	font-weight: 800;
	text-align: center;
	padding: 4.6154vw 0;
}
.top_btnBack .inner_box .btn_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 15.8974vw;
	height: 15.8974vw;
}

.pass_reward { 	padding: 15.6410vw 0 23.0769vw 0; }
.pass_wrap, .reward_wrap {
	padding: 0 5.1282vw;
	margin-top: 7.6923vw;
}
.wrap_title {
	color: #000;
	font-size: 4.6154vw;
	font-weight: 800;
	line-height: 6.1538vw;
}
.pass_item {
	position: relative;
	margin-top: 2.5641vw;
	padding: 5.1282vw 5.1282vw 12.8205vw 5.1282vw;
	background: #fff;
	border-radius: 5.1282vw 5.1282vw 0 0;
	border: 0.2564vw solid #E5E5E5;
	border-bottom: unset;
}

.pass_item .ticketedge {
	position: absolute;
	left: -0.2564vw;
	bottom: 0.5128vw;
	width: 100%;
	height: 1.5385vw;
}
.item_title_01 {
	color: #000;
	font-size: 4.1026vw;
	font-weight: 800;
	padding-bottom: 5.1282vw;
	border-bottom: 0.2564vw solid #e5e5e5;
}
.item_title_02 {
	color: #000;
	font-size: 3.5897vw;
	font-weight: 800;
	padding: 5.1282vw 0 2.5641vw 0;
}
.item_row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5.1282vw;
}
.item_row .item_txt {
	color: #000;
	font-size: 3.5897vw;
}

.reward_item {
	display: flex;
	flex-direction: row;
	margin-top: 2.5641vw;
	background: #fff;
	border: 0.2564vw solid #e5e5e5;
	border-radius: 2.5641vw;
	padding: 5.1282vw;
}

.reward_item .reward_time {
	margin-left: auto;
	width: 12.8205vw;
	height: 12.8205vw;
	color: #2381FF;
	font-size: 3.5897vw;
	font-weight: 700;
	text-align: center;
	border-radius: 100%;
	background: #E0F2FF;
	padding-top: 4.1026vw;
}

.reward_txt { width: calc(100% - 15.3846vw); }
.reward_txt .txt_01 { font-size: 3.5897vw; }
.reward_txt .txt_02 {
	margin-top: 2.5641vw;
	color: #999;
	font-size: 3.5897vw;
}

.error_wrap {
	position: relative;
	height: 100%;
}

.abs_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	padding: 0 5.1282vw;
}
.error_msg {
	color: #000;
	font-size: 5.1282vw;
	line-height: 7.6923vw;
	text-align: center;
	margin-top: 5.1282vw;
}

.img_link_error, .img_url_error { text-align: center; }
.img_link_error img, .img_url_error img { width: 39.4872vw; }

.find_insurance { padding: 15.6410vw 0 23.0769vw 0; }
.top_bigtxt {
	color: #000;
	font-size: 6.1538vw;
	line-height: 9.2308vw;
	padding: 7.6923vw 5.1282vw;
}
.top_bigtxt .point_txt {
	font-size: 6.1538vw;
	font-weight: 800;
}

.sch_insurance {
	color: #000;
	font-size: 4.6154vw;
	font-weight: 700;
	text-align: center;
}

.input_adress {
	padding: 0 5.1282vw;
	margin-top: 5.1282vw;
}

.adress_row .label_txt {
	color: #000;
	font-size: 4.6154vw;
	line-height: 6.1538vw;
	font-weight: 800;
}

.insurance_list { padding: 0 5.1282vw; }
.insurance_list .item {
	display: flex;
	flex-direction: row;
	padding: 5.1282vw;
	margin-top: 2.5641vw;
	background: #fff;
	border: 0.2564vw solid #e5e5e5;
	border-radius: 2.5641vw;
}
.insurance_list .item:first-child { margin-top: unset; }
.insurance_list .item .img_box {
	width: 15.3846vw;
	height: 15.3846vw;
	margin-right: 2.5641vw;
	background: #CCE0FA;
	border-radius: 100%;
}
.insurance_list .item .txt_box {
	width: calc(100% - 17.9487vw);
	color: #000;
}
.insurance_list .item .txt_box .title {
	font-size: 4.1026vw;
	font-weight: 700;
}
.insurance_list .item .txt_box .info {
	font-size: 3.5897vw;
	line-height: 5.1282vw;
	margin-top: 1.2821vw;
}

.result_bigtxt { padding: 7.6923vw 5.1282vw; }
.result_bigtxt .txt_1 {
	color: #000;
	font-size: 6.1538vw;
	line-height: 9.2308vw;
}
.result_bigtxt .txt_2 {
	color: #666;
	font-size: 4.1026vw;
	line-height: 6.1538vw;
	margin-top: 1.2821vw;
}
.result_bigtxt .btn_link {
	color: #2381FF;
	font-size: 3.5897vw;
	font-weight: 800;
	text-align: center;
	background: #fff;
	border: 0.2564vw solid #2381FF;
	padding: 3.3333vw 0;
	border-radius: 5.6410vw;
	margin-top: 7.6923vw;
}

/* Table **************************************************/
.guarantee { width: 100%; color: #000; border: 0.2564vw solid #ccc; background: #fff; }
.guarantee thead tr th { font-size: 3.5897vw; background: #eee; border-right: 0.2564vw solid #ddd; }
.guarantee tbody tr td { color: #666; font-size: 3.3333vw; line-height: 5.1282vw; border-bottom: 0.2564vw solid #ddd; border-right: 0.2564vw solid #ddd; }
.guarantee thead tr th,
.guarantee tbody tr td { padding: 2.5641vw; }
/* Table **************************************************/