@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* css reset */
html {font-size:15px;}
html, body {-webkit-text-size-adjust:none;height:100%;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {word-break: keep-all;margin:0; padding:0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ol, ul, li {list-style:none} img, fieldset {border:0 none}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea {-webkit-appearance:none}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {/* WebKit browsers */color:#fff !important;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#fff !important;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color:#fff !important;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color:#fff !important;}
button {border:0 none; background:transparent; cursor:pointer}
table caption {width:0; height:0; visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse; border-spacing:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
a {text-decoration:none}
body {
	background:transparent;line-height:1.15;letter-spacing:-0.3px;
	font-family:Helvetica,AppleSDGothicNeo,Arial,sans-serif;
	-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none;word-break:break-all;
}
* { font-family: 'Noto Sans KR';font-weight: 300;}

/* common */
.box_sh{-webkit-box-shadow:1.25px 1.25px 3px rgba(0,0,0,0.3);-mox-box-shadow:1.25px 1.25px 3px rgba(0,0,0,0.3);box-shadow:1.25px 1.25px 3px rgba(0,0,0,0.3)}
.txt_sh{text-shadow:0.8px 0.8px 1px rgba(0,0,0,0.15)}
.radius_full {border-bottom-right-radius:100%;border-bottom-left-radius:100%;border-top-right-radius:100%;border-top-left-radius:100%}

.div_header {position:fixed;width:100%;z-index:5}
.div_header_inner{height:52px;/*max-width:480px;*/margin:0 auto;position:relative;background-color:transparent;color:#fff;
border-bottom:1px solid #D5B66E;}
.div_content {/*max-width:480px;*/margin:0 auto;position:relative}

.btn_back {position:absolute;top:17px;left:12px;height:18px}
.btn_left {position:absolute;top:11px;left:12px;height:16px;padding:6px}
.btn_right {position:absolute;top:17px;right:9px;height:22px}

.title_header {height:52px;line-height:53px;text-align:center;font-size:1rem;/*letter-spacing:-1px;font-weight:bold*/}

.padding_top_header {padding-top:52px}
.div_content {width:100%;/*max-width:480px;*/margin:0 auto}

/* 추가 */
.logo_wrap { width: 100%; height: auto; position: relative; padding: 2.5rem 7.5%; box-sizing: border-box;
	background-image: url(../images/bg_mainImg.png); background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.logo_wrap::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
background-image: url(../images/bg_gradient.png); background-position: bottom; background-size: cover; background-repeat: no-repeat; }

.img_full {width:100%;display:block; padding-bottom: 20px; z-index: 1; position: relative; }
.logo_wrap .img_full { padding-bottom: 0; }

.hidden {display:none!important}


/* popup_type_new */
div.popup_wrap {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;background-color:rgba(0,0,0,0.6);z-index:10;word-break:break-all;overflow:auto}
div.popup_wrap:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0}
div.popup_content {display:inline-block;vertical-align:middle;width:100%;padding:20px 0;font-size:1rem}

.box_vertical {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;overflow:auto}
.box_vertical:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0}
.box_vertical_inner {display:inline-block;vertical-align:middle;width:100%;padding:20px 0;font-size:1rem}


/* custom */
.back_01233c {background-color:#01233c;}
.index_div {width:100%;position:relative;}
.align_center {text-align:center;}
.padding_top_40 {padding-top:40px;}
.padding_top_15 {padding-top:15px;}
.padding_top_20 {padding-top:20px;}
.padding_bottom_60 {padding-bottom:20px;}
.padding_bottom_200 {padding-bottom:3rem;}
.div_90 {width:90%;margin:0 auto;}
/*index.html*/
.div_txt_info {position:absolute;width:64%;left:18%;top:53%;}
.div_txt_info table {color:#fff;width:100%;font-size:0.813rem;}
.div_txt_info table td {vertical-align:top;padding:3px 0;letter-spacing:-0.7px;line-height:1.3;}
.div_txt_info table td:nth-child(1) {white-space:nowrap;padding-right:5px;}
.a_ticket {color:#00a0e9;font-size:0.938rem;padding-bottom:1px;border-bottom:1px solid #00a0e9;padding-top:12px;display:inline-block;}

.div_txt_notice {position:absolute;width:80%;left:10%;top:90%;color:#fff;font-size:0.9rem;letter-spacing:-1px;line-height:1.3;display: none; }
.div_txt_notice p {margin-bottom:7px;}
.p_point {position:relative;padding-left:0.3rem;font-size:0.85rem;line-height:1.4;letter-spacing: 0;box-sizing: border-box;}
.p_point_strong { font-weight: 500; font-size:0.98rem;line-height:1.8;padding-left:0rem;}
/* .span_pointer {position:absolute;top:0;left:0;} */

.p_point::before { content:'- '; }
.p_point_strong::before { content:''; }
.font_fff{color:#fff;}


/*info.html*/

.back_pattern{background-color:#002923;}
.back_pattern_header{background-color:#002923;/*background-image:url(../images/bg_pattern.png)*/;background-size:100% auto;background-attachment:fixed;background-repeat:no-repeat;background-position:center top;}
.div_84 {width:85%;margin:0 auto;}
.p_main .div_84 { width: 100%; }

.contents_wrap { width: 100%; padding: 0 7.5%; padding-bottom: 5rem; box-sizing: border-box;
background-image:url(../images/bg_pattern.png);background-size:100%;background-repeat:repeat;background-position:top;/*background-attachment:fixed;*/}
.div_info_table_wrap {color:#fff;font-size:0.88rem;line-height: 0.88rem;letter-spacing:-0.02rem;margin:1.5rem 0 1.5rem 0;font-weight: 300; }
.div_info_table_wrap table {width:100%}
.div_info_table_wrap table td {vertical-align:top;padding:3px 0;line-height:1.4;}
.div_info_table_wrap table td:nth-child(1) {white-space:nowrap;padding-right:8px;}
.div_info_table_wrap table td:nth-child(2) {}
.div_info_table_wrap table td p { margin-bottom: 0.15rem; letter-spacing: 0rem !important;line-height: 1.25rem;}


.div_info_open_wrap{color:#fff;border: 1px solid #D5B66E;background-color:rgba(10,62,55,0.58);
	margin-bottom:0.5rem;box-sizing: border-box;}
.div_info_open_wrap .div_info_table_wrap {color:#fff;width:90%;margin:0 auto;padding:12px 0;}
/*  */
.div_info_table_wrap .small_txt {display: inline-block;
    font-size: 0.80rem;
    box-sizing: border-box;
    padding-left: 3rem;}


.div_info_open_title {width:100%;padding:0.68rem 0;text-align:center;position:relative;}
.div_info_open_title span { font-size:0.85rem; line-height: 0.85rem; font-we ight:500;}
.img_arrow_down {position:absolute;top:40%;height:20%;right:5%;}

.div_info_open_content {width:100%;display:none;position:relative;padding: 0.2rem 0;box-sizing: border-box; }
.div_info_open_content:before{position:absolute;width:86%;left:7%;top:0;background-color:#D5B66E;height:1px;content:"";}

.div_info_open_wrap.on .div_info_open_content {display:block;}
.div_info_open_wrap.on .img_arrow_down{
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-moz-transform:rotate(180deg);
transform:rotate(180deg);
}
.info_open_content_tit {text-align:center;font-size:0.95rem;line-height:1.3;padding:20px 0;color: #D5B66E; }

.usrInfo { color: #fff; }
.div_stamphere_wrap {display:block;width:40%;margin:0 auto;padding:5px 0 40px;position:relative;}
.img_echossIcon_div_info {position:absolute;width:14%;bottom:14px;right:7%;}
.p_table_num {position:absolute;top:46%;text-align:center;color:#fff;width:100%;left:0;}

.btn_goldbar {width:100%;padding:0.85rem 0;background-image:url(../images/btn_bg_gold.png);background-repeat:no-repeat;background-size:100% 100%;
	color:#fff;text-align:center;font-size:0.85rem;line-height:0.85rem; font-weight: 400;
	margin-bottom:0.55rem;position:relative;
-webkit-transform:scale(1.04);
-o-transform:scale(1.04);
-moz-transform:scale(1.04);
transform:scale(1.04);
}
.img_blind {position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;display:none;}
.btn_goldbar.blind .img_blind{display:block}

.img_echoss_bottom {position:fixed;bottom:0;width:100%;left:0;padding:30px 0 15px 0;}

.img_echoss_bottom img {display:block;width:28%;margin:0 auto;}
.img_echoss_bottom.static {position:static;}

.p_main .img_echoss_bottom { position: absolute; }

/*regist_parking.html*/

.p_drive .contents_wrap { background-position: 0 -2rem; padding: 0;}
.div_drive_txt {width: 80%;margin: 0 auto;color:#fff;font-weight: 200;
	font-size:0.93rem;line-height: 1.24rem; letter-spacing:-0.3px;
	padding:0.75rem 0;padding-bottom: 3rem;box-sizing: border-box;}



/*  */
.regist_title {text-align:center;margin: 0 auto; padding:1rem 0 1.5rem;color:#fff;
	font-size:0.83rem;line-height: 0.87rem;font-weight:400;}
.div_input_deco_wrap {width:80%;margin:0 auto;}
.input_div {width:100%;padding:0.6rem 0;margin-bottom:10px;}
.input_div input {color:#fff;width:94%;margin:0 auto;display:block;background-color:transparent;outline:0;border:0;text-align:center;font-size:0.85rem;}
.back_wh_deco {background-color: rgba(10,62,55,0.58); border: 1px solid #D5B66E; box-sizing: border-box;}

input::-webkit-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}
input::-moz-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}
input::-ms-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}
input::-o-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}


input::-webkit-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}
input::-moz-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}
input::-ms-input-placeholder { color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}
input::-o-input-placeholder{ color:rgba(256,256,256,0.8) !important; font-weight: 200;font-size: 0.8rem;line-height: 0.8rem;}

/* 180430 추가 */
input:focus::-webkit-input-placeholder{ color: transparent!important; }
input:focus::-moz-placeholder{ color: transparent!important; }
input:focus:-ms-placeholder{ color: transparent!important; }
input:focus:-o-placeholder{ color: transparent!important; }


.btn_deco_wh {background-image:url(../images/bg_btn_wh.png);background-repeat:no-repeat;background-size:100% 100%;padding:15px 0;font-size:0.85rem;padding:15px 0;text-align:center;color:#01233c;font-weight:bold;}

/*  */
.btn_deco_wh span { font-size: 1rem; line-height: 1rem; font-weight: 500;}
.div_txt_notice {position:static;margin:0 auto;text-align: center;margin-bottom: 3rem;}
.btn_deco_wh.navy {background-image:url(../images/bg_btn_navy.png);color:#fff;width:90%;margin:0 auto;margin-bottom:5px;}

.r_img_echoss_bottom { position: relative; }


/* 클래스 추가,  */
.div_content_register.complete .btn_deco_wh { display: none; }
.div_content_register.complete .div_txt_notice { display: block; }
.div_content_register.complete .div_input_deco_wrap { padding-bottom: 1rem; }



.popup_content_inner {width:70%;margin:0 auto;background-color:#fff;color:#002923;padding:10px 0;margin-bottom:30px;}
.popup_txt_p {font-size:0.85rem;width:90%;margin:0 auto;line-height:1.3;}

.popup_content_inner .popup_txt_p {padding:30px 0;}

.btn_pop_close {display:block;padding:10px 0;width:7%;margin:0 auto;}



/*info_concert.html*/
.div_concert_info {width:100%;padding-bottom:20px;}

/*  */
.p_gift .div_concert_info { margin-top: 0.5rem; background-image:url(../images/bg_pattern.png);background-size:100%;background-repeat:repeat;background-position:0 -2rem; }
.div_84_wrap { width: 100% !important; }

.p_gift .div_84 { margin-bottom: 0.75rem; width: 80%; }
.p_video_title {font-size:0.813rem;color:#fff;padding:20px 0;line-height:1.5;}

.replay_video_div_wrap {width:100%;position:relative;}
#video_replay {width:100%;display:block;}


.div_video_alert_wrap {position:absolute;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;background-color:rgba(0,0,0,0.7);}
.div_video_alert_wrap:before{width:0;height:100%;display:inline-block;vertical-align:middle;content:"";}
.div_video_alert_inner {width:90%;margin:0 auto;display:inline-block;vertical-align:middle;}
.img_alert {display:block;width:56%;margin:0 auto;}



/*gift_pick.html*/
.div_title_giftpick {width:82%;margin:0 auto;padding:2rem 0; padding-bottom: 0.75rem;}
.img_txt_giftpick {display:block;width:22%;margin:0 auto;padding:20px 0 15px;}
.gift_notice_top {font-size:0.938rem;font-weight:bold;color:#fff;text-align:center;padding-bottom:30px;line-height:1.3;}

.div_sponsor_wrap {width:90%;margin:0 auto;margin-top:1.2rem;background-color: rgba(10,62,55,0.58);/*border: 1px solid #D5B66E;*/ box-sizing: border-box;}
.title_sponsor_p {font-weight:500;text-align:center;padding:0.85rem 0;font-size:0.85rem;color:#fff;/*border-bottom:1px solid #D5B66E;*/}
.sponsor_list_ul {width:100%;overflow:auto;padding:5px 0;}
.sponsor_list_ul li {width:45.50%;min-height: 5rem;display: flex;justify-content: center;align-items: center;
	float:left;margin:5px 0;margin-left:3%;padding:0.25rem;border:1px solid #fff; background-color: #fff;}
.sponsor_list_ul li:nth-child(2n){margin-left:3%;margin-right:3%;}

.sponsor_list_ul li img { padding-bottom: 0; }

/* 상품내역 */
.div_gift_wrap { width:90%;margin:0 auto;background-color: rgba(10,62,55,0.58); border: 1px solid #D5B66E; box-sizing: border-box; margin-bottom: 3.5rem;}
.gift_list_ul { padding: 0.5rem 0; width:100%;overflow:auto;}
.gift_list_ul li { margin-bottom: 0.5rem; border-bottom:0.1px solid #D5B66E; padding-bottom: 0.5rem; box-sizing: border-box;}
.gift_list_ul li:first-child { border-top:none; }
.gift_list_ul li:last-child { margin-bottom: 0rem;border-bottom:none; }

.gift_list_img { width: 94%; max-height: 10rem; overflow: hidden; margin: 0 auto;
	display: flex; justify-content: center; align-items: center; border: 1px solid #e1e1e1; }
.gift_list_img .img_full { padding-bottom: 0; }
.gift_list_tit { text-align:center;padding:0.8rem 3%;font-size:0.9rem; line-height: 0.9rem;font-weight: 500;color:#01233c;letter-spacing: 0;}
.gift_list_txt { padding:0.5rem 3%;font-size:0.8rem;line-height: 0.85rem;font-weight:200;color:#fff; }
.gift_list_ul li p { color: #fff;}


/* 협찬사 */
.img_full_corp, .img_full_gift { padding-bottom: 0; }

/*  */
.popup_content_inner_goldbar {width:80%;margin:0 auto;padding:30px;background-color:#fff;background-image:url(../images/img_pop_goldframe.png);background-size:100% 100%;color:#01233c;letter-spacing:-0.5px;margin-bottom:30px;position:relative;}
.img_gift_poptitle {display:block;width:68%;margin:0 auto;padding:20px 0;}
.popup_item_div {width:90%;margin:0 auto;}
.popup_item_div .img_full {padding-bottom:20px;}
.popup_tit_p {font-size:1rem;font-weight:bold;}
.popup_txt_p_sub {padding:15px 0 5px;font-size:0.813rem;text-align:center;width:94%;margin:0 auto;}
.popup_content_inner_goldbar .img_echoss_bottom img {width:70%;}
.img_used {position:absolute;width:50%;top:35%;right:10%;}
.pop_img_echossicon {position:absolute;width:15%;bottom:8%;right:11%;}

.img_pop_lose {display:block;width:68%;margin:0 auto;padding-bottom:10px;}



.loading_div {width:22%;margin:0 auto;position:relative;}
.img_loading_rotate {z-index: 1;position:absolute;top:0;left:0;width:100%;height:100%;
-webkit-animation:rotate 1.5s linear infinite;
-moz-animation:rotate 1.5s linear infinite;
-ms-animation:rotate 1.5s linear infinite;
-o-animation:rotate 1.5s linear infinite;
animation:rotate 1.5s linear infinite;
}
.loading_div .img_full { padding-bottom: 0; }

@-webkit-keyframes rotate {
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(720deg)}
}
@-moz-keyframes rotate {
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(720deg)}
}
@-ms-keyframes rotate {
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(720deg)}
}
@-o-keyframes rotate {
	from{-o-transform:rotate(0deg)}
	to{-o-transform:rotate(720deg)}
}
@keyframes rotate {
	from{transform:rotate(0deg)}
	to{transform:rotate(720deg)}
}


/************************************media query***********************************/
@media only screen and (min-width: 340px){
    html { font-size: 90% !important; }
}
@media only screen and (min-width: 360px){
    html { font-size: 95% !important; }
}
@media only screen and (min-width: 375px){
    html { font-size: 105% !important; }
}
@media only screen and (min-width: 400px){
    html { font-size: 115% !important; }
}
@media only screen and (min-width: 440px){
    html { font-size: 137.5% !important; }
}
@media only screen and (min-width: 480px){
    html { font-size: 150% !important; }
}
@media only screen and (min-width: 520px){
    html { font-size: 162.5% !important; }
}
@media only screen and (min-width: 560px){
    html { font-size: 175% !important; }
}
@media only screen and (min-width: 600px){
    html { font-size: 187.5% !important; }
}
@media only screen and (min-width: 640px){
    html { font-size: 195% !important;
}
@media only screen and (min-width: 680px){
    html { font-size: 200% !important; }
}
@media only screen and (min-width: 720px){
    html { font-size: 205% !important; }
}
@media only screen and (min-width: 760px){
   html { font-size: 210% !important; }
}
@media only screen and (min-width: 800px){
   html { font-size: 215% !important; }
}
@media only screen and (min-width: 960px){
   html { font-size: 230% !important; }
}