@charset "utf-8";

/*
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900'); 
*/

@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

* { box-sizing: border-box; word-break: keep-all; }

html, body {
	font-family: 'NanumSquare', sans-serif; 
	-webkit-text-size-adjust:none;
}


html {height:100%; overflow-y: scroll; -webkit-overflow-scrolling : touch; overflow-x: hidden; }
body {margin:0;padding:0;font-size:14px;font-weight: 500;height:100%; color:#000; }

html, body { width: 100%; height:100%; background: #000; }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:700; font-size:15px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {font-size:14px;font-weight: 500;color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
ul {padding:0; margin:0; list-style:none;}
li {padding:0; margin:0; list-style:none;}
ul:after{display:block;visibility:hidden;clear:both;content:""}
li:after{display:block;visibility:hidden;clear:both;content:""}



select {
    -webkit-appearance: none;  /* ����Ƽ�� ���� ���߱� */
    -moz-appearance: none;
    appearance: none;
    background: url('../images/select_arrow.png') no-repeat 95% 50%;  /* ȭ��ǥ ����� �̹��� */
}

/* IE 10, 11�� ����Ƽ�� ȭ��ǥ ����� */
select::-ms-expand {
    display: none;
}

select {
	width: 100%;
    height: 36px;
	padding: 0px 12px;
    background: url('../images/select_arrow.png') no-repeat; /* ����Ƽ�� ȭ��ǥ�� Ŀ���� ȭ��ǥ�� ��ü */
	background-size: 10px; 
	background-position: right 10px center;
	background-color: #191919; border-radius: 2px; color: #fff;
	border: 0px;
    -webkit-appearance: none; /* ����Ƽ�� ���� ���߱� */
    -moz-appearance: none;
    appearance: none;
	font-size: 14px;
}



.fl { float: left; }
.fr { float: right; }
.alignr { text-align: right !important; }
.alignl { text-align: left !important; }
.alignc { text-align: center !important; }
.margint-5 { margin-top: -5px !important; }
.margint0 { margin-top: 0px !important; }
.margint3 { margin-top: 3px !important; }
.margint5 { margin-top: 5px !important; }
.margint7 { margin-top: 7px !important; }
.margint10 { margin-top: 10px !important; }
.margint20 { margin-top: 20px !important; }
.margint30 { margin-top: 30px !important; }
.margint40 { margin-top: 40px !important; }
.margint50 { margin-top: 50px !important; }
.w50-10 { width: calc(50% - 10px); }


.marginb10 { margin-bottom: 10px !important; }
.marginb40 { margin-bottom: 40px !important; }

.padding1020 { padding: 10px 20px !important; }
.padding35_0 { padding: 35px 0px !important; }
.padding40 { padding: 40px; }
.padding20 { padding: 20px; }
.padding20_0 { padding: 20px 20px 0px !important; }
.padding40 { padding: 40px; }
.padding35_40 { padding: 35px 40px 40px; }

.color_fff { color: #fff !important; }
.color_y { color: #ffe131 !important;}

.alert_txt { text-align: center; color: red; line-height: 40px; }

.checkbox { display: none; }
.checkbox + label { 
	display: inline-block; background: url('../images/ch01_off.png') no-repeat right top 0px; 
	background-size: 16px; padding-right: 22px; color: #fff;
}
.checkbox:checked + label { 
	background: url('../images/ch01_on.png') no-repeat right top 0px;
	background-size: 18px; color: #fff; 
}

.checkbox02 { display: none; }
.checkbox02 + label { 
	display: inline-block; background: url('../images/ch02_off.png') no-repeat left calc(50% - 45px) center; 
	background-size: 18px; text-align: center; color: #000; line-height: 40px; width: 100%; border: 1px solid #f0f0f0; border-radius: 4px;
	font-size: 14px; font-weight: 700;
}
.checkbox02:checked + label { 
	background: url('../images/ch01_on.png') no-repeat left calc(50% - 45px) center; 
	background-size: 18px; color: #fff; background-color: #0b2363; border: 1px solid #0b2363;
}

.checkbox03 { display: none; }
.checkbox03 + label { 
	display: inline-block; background: url('../images/ch02_off.png') no-repeat left center; 
	background-size: 14px; padding-left: 23px; color: #000;
}
.checkbox03:checked + label { 
	background: url('../images/ch02_on.png') no-repeat left center;
	background-size: 14px; 
}


.radio01 { display: none; }
.radio01 + label { 
	display: inline-block; 
	text-align: center; color: #000; line-height: 40px; border: 1px solid #f0f0f0; border-radius: 4px;
	font-size: 12px; font-weight: 700; width: 55px;
}
.radio01:checked + label { 
	background-color: #0b2363; border: 1px solid #0b2363; color: #fff;
}





.y_pointer { 
	position: absolute; left: 0px; top: 0px;
	background: #fff034; display: inline-block; width: 4px; height: 100%; border-radius: 2px; 
}
.y_pointer_title { 
	position: absolute; left: 15px; top: calc(50% - 7px);
	background: #fff034; display: inline-block; width: 4px; height: 14px; border-radius: 2px; 
}



.button_area { position: fixed; left: 0px; bottom: 0px; width: 100%; }

.submit_button { width: 100%; border-radius: 5px; height: 43px; text-align: center; background: #222222; border: none; color: #555555; font-size: 14px; margin-top: 5px; }
.submit_button.active { background: #0b2363; color: #fff; }


.submit_button_out { width: 100%; border-radius: 5px; height: 43px; text-align: center; background: #222222; border: none; color: #555555; font-size: 14px; margin-top: 5px; }
.submit_button_out.active { background: #ffe131; color: #000; }


.submit_button_gray { width: 100%; border-radius: 5px; height: 43px; text-align: center; background: #f8f8f8; border: none; color: #cdcdcd; font-size: 14px; margin-top: 5px; }
.submit_button_gray.active { background: #0b2363; color: #fff; }
.submit_button_gray.active_kakao { background: #ffe131; color: #000000; }

.submit_button_cker { width: 100%; border-radius: 5px; height: 43px; text-align: center; background: #f8f8f8; border: none; color: #cdcdcd; font-size: 14px; margin-top: 5px; }
.submit_button_cker.active_cker { background: #0b2363; color: #fff; }

.rule_button { display: inline-block; } 
.rule_button::after { 
	content: ''; 
	display: inline-block; width: 18px; height: 18px; margin-left: 5px;
	background-image: url('../images/rule_icon.png');
	background-repeat: no-repeat;
	background-size: 18px; 
	vertical-align: middle;
}

.input_clear {
	position: absolute; top: 50%; right: 15px; 
	width: 18px; height: 18px; margin-top: -9px;
	background-image: url('../images/input_clear.png');
	background-repeat: no-repeat;
	background-size: 18px;
	
	
}

.normar_button01 { width: 100%; border-radius: 5px; height: 43px; text-align: center; background: #000; border: none; color: #fff; font-size: 14px; margin-top: 5px; }

.alert_popups { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: none; }
.alert_popups > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.alert_popups > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.alert_popups > div > div > div { background: #fff; padding: 5px; width: calc(100% - 50px); margin: auto; border-radius: 3px; }
.alert_popups > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.alert_popups > div > div > div > p#alert_popups_comment { padding: 25px 10px; color: #2d2d2d; }
.alert_popups > div > div > div > div.main_notice { height: 70vh; padding: 10px; overflow: auto; }
.alert_popups > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 40px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 12px; margin-top: 5px; 
}
.alert_popups > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.alert_popups > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.alert_popups > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }




.alert_popups_new { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: none; }
.alert_popups_new > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.alert_popups_new > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.alert_popups_new > div > div > div { background: #fff; padding: 5px; width: calc(100% - 50px); margin: auto; border-radius: 3px; }
.alert_popups_new > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.alert_popups_new > div > div > div > p#alert_popups_comment { padding: 25px 10px; color: #2d2d2d; }
.alert_popups_new > div > div > div > div.main_notice { height: 70vh; padding: 10px; overflow: auto; }
.alert_popups_new > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 40px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 12px; margin-top: 5px; 
}
.alert_popups_new > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.alert_popups_new > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.alert_popups_new > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }


.alert_notice_popups { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: none; }
.alert_notice_popups > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.alert_notice_popups > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.alert_notice_popups > div > div > div { background: #fff; padding: 5px; width: calc(100% - 50px); margin: auto; border-radius: 3px; }
.alert_notice_popups > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.alert_notice_popups > div > div > div > p#alert_popups_comment { padding: 25px 10px; color: #2d2d2d; }
.alert_notice_popups > div > div > div > div.main_notice { height: 70vh; padding: 10px; overflow: auto; }
.alert_notice_popups > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 40px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 12px; margin-top: 5px; 
}
.alert_notice_popups > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.alert_notice_popups > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.alert_notice_popups > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }

.alert_normal_popups { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: none; }
.alert_normal_popups > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.alert_normal_popups > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.alert_normal_popups > div > div > div { background: #fff; padding: 5px; width: calc(100% - 50px); margin: auto; border-radius: 3px; }
.alert_normal_popups > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.alert_normal_popups > div > div > div > p#alert_popups_comment { padding: 25px 10px; color: #2d2d2d; }
.alert_normal_popups > div > div > div > div.main_notice { height: 70vh; padding: 10px; overflow: auto; }
.alert_normal_popups > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 40px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 12px; margin-top: 5px; 
}
.alert_normal_popups > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.alert_normal_popups > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.alert_normal_popups > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }







.abort_popups { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: none; }
.abort_popups > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.abort_popups > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.abort_popups > div > div > div { background: #fff; padding: 5px; width: calc(100% - 50px); margin: auto; border-radius: 3px; }
.abort_popups > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.abort_popups > div > div > div > p#alert_popups_comment { padding: 25px 10px; color: #2d2d2d; }
.abort_popups > div > div > div > div.main_notice { height: 70vh; padding: 10px; overflow: auto; }
.abort_popups > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 40px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 12px; margin-top: 5px; 
}
.abort_popups > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.abort_popups > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.abort_popups > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }




.alert_popups_tablet { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10000; display: none; }
.alert_popups_tablet > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.alert_popups_tablet > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.alert_popups_tablet > div > div > div { background: #fff; padding: 5px; width: calc(50% - 50px); margin: auto; border-radius: 3px; }
.alert_popups_tablet > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.alert_popups_tablet > div > div > div > p#alert_popups_tablet_comment { padding: 50px 10px; color: #2d2d2d; font-weight: 700; font-size: 18px;}
.alert_popups_tablet > div > div > div > p.alert_normal_comment { padding: 50px 10px; color: #2d2d2d; font-weight: 700; font-size: 18px;}
.alert_popups_tablet > div > div > div > p.main_notice { height: 70vh; }
.alert_popups_tablet > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 60px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 16px; margin-top: 5px; 
}
.alert_popups_tablet > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.alert_popups_tablet > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.alert_popups_tablet > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }


.alert_popups_tablet_confirm { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10000; display: none; }
.alert_popups_tablet_confirm > div { display: table; width: 100%; height: 100%; vertical-align: middle; }
.alert_popups_tablet_confirm > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;  }
.alert_popups_tablet_confirm > div > div > div { background: #fff; padding: 5px; width: calc(50% - 50px); margin: auto; border-radius: 3px; }
.alert_popups_tablet_confirm > div > div > div > h2 { padding: 15px 0px; border-bottom: 1px solid #f0f0f0; font-size: 18px; text-align: center; }
.alert_popups_tablet_confirm > div > div > div > p#alert_popups_tablet_comment { padding: 50px 10px; color: #2d2d2d; font-weight: 700; font-size: 18px;}
.alert_popups_tablet_confirm > div > div > div > p.main_notice { height: 70vh; }
.alert_popups_tablet_confirm > div > div > div > p > button {
	width: 100%; border-radius: 5px; height: 60px; text-align: center; background: #0b2363; border: none; color: #fff; font-size: 16px; margin-top: 5px; 
}
.alert_popups_tablet_confirm > div > div > div > p > button.alt {
	background: transparent; border: 1px solid #cdcdcd; color: #000;
}

.alert_popups_tablet_confirm > div > div > div > p.confirm { display: flex; flex-wrap: wrap; }
.alert_popups_tablet_confirm > div > div > div > p.confirm > button { flex: 1; margin: 0 2px; }




#seat_select.alert_popups > div > div { text-align: left; vertical-align: bottom; }
#seat_select.alert_popups > div > div > div { width: 100%; padding: 35px 40px 40px; border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#seat_select.alert_popups > div > div > div > div.rows01_area > ul > li > a {
	background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right 12px;
    background-size: 6px;
}
#seat_select.alert_popups > div > div > div > div.rows01_area > ul > li > a:active {
	background-image: url(../images/arrow_right_w.png);
	color: #fff;	
}


#seat_select_move.alert_popups > div > div { text-align: left; vertical-align: bottom; }
#seat_select_move.alert_popups > div > div > div { width: 100%; padding: 35px 40px 40px; border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#seat_select_move.alert_popups > div > div > div > div.rows01_area > ul > li > a {
	background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right 12px;
    background-size: 6px;
}
#seat_select_move.alert_popups > div > div > div > div.rows01_area > ul > li > a:active {
	background-image: url(../images/arrow_right_w.png);
	color: #fff;	
}

#seat_use_confirm.alert_popups > div > div > div { padding: 20px; }
#seat_use_confirm.alert_popups > div > div > div > div.cash_area {
	margin-bottom: 20px; padding-bottom: 15px;
    border-bottom: 1px solid #cdcdcd; 
}
#seat_use_confirm.alert_popups > div > div > div > div.cash_area > span.cash {
    display: inline-block;
    margin-top: 5px;  padding-left: 20px;
    background-image: url(../images/D_cash.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    font-size: 18px;
}
#seat_use_confirm.alert_popups > div > div > div > div:nth-child(2) > p {
	margin-bottom: 10px; font-weight: bold;
}
#seat_use_confirm.alert_popups > div > div > div > div:nth-child(2) > small {
	display: block; margin-bottom: 20px;
}




#seat_use_confirm.alert_normal_popups > div > div > div { padding: 20px; }
#seat_use_confirm.alert_normal_popups > div > div > div > div.cash_area {
	margin-bottom: 20px; padding-bottom: 15px;
    border-bottom: 1px solid #cdcdcd; 
}
#seat_use_confirm.alert_normal_popups > div > div > div > div.cash_area > span.cash {
    display: inline-block;
    margin-top: 5px;  padding-left: 20px;
    background-image: url(../images/D_cash.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    font-size: 18px;
}
#seat_use_confirm.alert_normal_popups > div > div > div > div:nth-child(2) > p {
	margin-bottom: 10px; font-weight: bold;
}
#seat_use_confirm.alert_normal_popups > div > div > div > div:nth-child(2) > small {
	display: block; margin-bottom: 20px;
}




#seat_use_confirm.alert_popups_tablet > div > div > div { padding: 20px; }

#seat_use_confirm.alert_popups_tablet > div > div > div > div:nth-child(1) { padding: 30px 0px; }
#seat_use_confirm.alert_popups_tablet > div > div > div > div:nth-child(1) > p {
	margin-bottom: 10px; font-weight: bold; font-size: 18px;
}
#seat_use_confirm.alert_popups_tablet > div > div > div > div:nth-child(1) > small {
	display: block; margin-bottom: 20px; font-size: 14px;
}


#seat_use_confirm.alert_popups_tablet_confirm > div > div > div { padding: 20px; }

#seat_use_confirm.alert_popups_tablet_confirm > div > div > div > div:nth-child(1) { padding: 30px 0px; }
#seat_use_confirm.alert_popups_tablet_confirm > div > div > div > div:nth-child(1) > p {
	margin-bottom: 10px; font-weight: bold; font-size: 18px;
}
#seat_use_confirm.alert_popups_tablet_confirm > div > div > div > div:nth-child(1) > small {
	display: block; margin-bottom: 20px; font-size: 14px;
}





#smn_reser_cker.alert_popups > div > div > div { padding: 20px; }
#smn_reser_cker.alert_popups > div > div > div > div.cash_area {
	margin-bottom: 20px; padding-bottom: 15px;
    border-bottom: 1px solid #cdcdcd; 
}
#smn_reser_cker.alert_popups > div > div > div > div.cash_area > span.cash {
    display: inline-block;
    margin-top: 5px;  padding-left: 20px;
    font-size: 18px;
}
#smn_reser_cker.alert_popups > div > div > div > div:nth-child(2) > p {
	margin-bottom: 10px; font-weight: bold;
}
#smn_reser_cker.alert_popups > div > div > div > div:nth-child(2) > small {
	display: block; margin-bottom: 20px;
}



#smn_reser_cker.alert_popups_new > div > div > div { padding: 20px; }
#smn_reser_cker.alert_popups_new > div > div > div > div.cash_area {
	margin-bottom: 20px; padding-bottom: 15px;
    border-bottom: 1px solid #cdcdcd; 
}
#smn_reser_cker.alert_popups_new > div > div > div > div.cash_area > span.cash {
    display: inline-block;
    margin-top: 5px;  padding-left: 20px;
    font-size: 18px;
}
#smn_reser_cker.alert_popups_new > div > div > div > div:nth-child(2) > p {
	margin-bottom: 10px; font-weight: bold;
}
#smn_reser_cker.alert_popups_new > div > div > div > div:nth-child(2) > small {
	display: block; margin-bottom: 20px;
}


#seat_change_msg.alert_popups { background: transparent; }
#seat_change_msg.alert_popups > div > div { vertical-align: bottom; padding-bottom: 20px;}
#seat_change_msg.alert_popups > div > div > div { background: rgba(11, 35, 99, .8); }
#seat_change_msg.alert_popups > div > div > div > p#alert_popups_comment { padding: 10px; color: #fff; }

.back_button {
	position: absolute; left: 0px; top: 0px; display: inline-block; width: 30px; height: 50px; line-height: 50px; text-align: center;
	background: url('../images/back_icon.png') no-repeat center center;
	background-size: 8px; color: #fff; 
}
.back_button_right {
	position: absolute; right: 0px; top: 0px; display: inline-block; width: 30px; height: 50px; line-height: 50px; text-align: center;
	background-size: 8px; color: #fff !important; font-size: 12px !important;
}
.alert_button_right {
	position: absolute; right: 0px; top: 0px; display: inline-block; width: 30px; height: 50px; line-height: 50px; text-align: center;
	background: url('../images/alert.png') no-repeat center center;
	background-size: 16px; color: #fff !important; font-size: 12px !important;
}
.alert_button_right.new {
	position: absolute; right: 0px; top: 0px; display: inline-block; width: 30px; height: 50px; line-height: 50px; text-align: center;
	background: url('../images/alert_new.png') no-repeat center center;
	background-size: 20px; color: #fff !important; font-size: 12px !important;
}
.alert_button_right > span {position: absolute; top: 6px; right: 0; width: 18px; height: 18px; line-height: 18px; background-color: #ffe131; border-radius: 50%; color: #000; text-align: center;}


.header_area { background: #000; padding: 0px 10px 0px; font-size: 14px; color: #fff; }
.header_area > div.header_title { position: relative; line-height: 50px; padding-left: 30px; }
.header_area > div.header_title.main {padding: 0; text-align: center;}
.header_area > div.header_title > span.store_code { position: absolute; top: 0; left: 0; display: inline-block; height: 50px; line-height: 50px; }
.header_area > div.comment_txt { position: relative; padding-left: 13px; margin-left: 15px; margin-top: 6px; margin-bottom: 18px; }

.back_white_area { width: 100%; height: calc(100% - 90px); background: #fff; overflow: auto; }
.footer_open { padding-bottom: 90px; }
.back_white_area_nocomment { width: 100%; height: calc(100% - 50px); background: #fff; overflow: auto; }
.rows01_area { margin-top: 22px; }
.rows01_area > ul > li { width: 100%; margin-top: 12px; }
.rows01_area > ul > li > a { display: inline-block; width: 100%; padding: 15px 20px; border-radius: 5px; border: 1px solid #f0f0f0; }
.rows01_area > ul > li > a > div > ul {}
.rows01_area > ul > li > a > div > ul > li { float: left; font-size: 14px; }
.rows01_area > ul > li > a > div > ul > li:first-child { line-height: 20px; }
.rows01_area > ul > li > a > div > ul > li:last-child { 
	float: right; padding: 3px 7px; border-radius: 3px; background: #0c2977; color: #fff; font-size: 14px; border: 1px solid #0c2977;
}
.rows01_area > ul > li > a > div > p { margin-top: 8px; font-size: 14px; color: #cdcdcd; }


.rows01_area > ul > li > a:active { background: #0b2363; border: 1px solid #0b2363;}
.rows01_area > ul > li > a:active > div > ul > li { color: #fff; }
.rows01_area > ul > li > a:active > div > ul > li:last-child { border: 1px solid #fff; }
.rows01_area > ul > li > a:active > div > p { color: #fff; }


.rows02_area { margin-top: 12px; }
.rows02_area > ul > li { position: relative; width: 100%; margin-top: 12px; }
.rows02_area > ul > li > a { display: inline-block; width: 100%; padding: 10px 20px; border-radius: 5px; border: 1px solid #f0f0f0; }
.rows02_area > ul > li > a > div > ul {}
.rows02_area > ul > li > a > div > ul > li { float: left; font-size: 14px; }
.rows02_area > ul > li > a > div > ul > li:first-child { line-height: 20px; }
.rows02_area > ul > li > a > div > ul > li:last-child { 
	float: right; padding: 4px 10px; border-radius: 3px; background: #ffe131; color: #000; font-size: 12px; 
}
.rows02_area > ul > li > a > div > p { margin-top: 6px; font-size: 12px; }



.rows03_area { margin-top: 12px; }
.rows03_area > ul > li { position: relative; width: 100%; margin-top: 12px; }
.rows03_area > ul > li > a { display: inline-block; width: 100%; padding: 10px 0px; border-bottom: 1px solid #f0f0f0; }
.rows03_area > ul > li > a > div > ul {}
.rows03_area > ul > li > a > div > ul > li { float: left; font-size: 14px; }
.rows03_area > ul > li > a > div > ul > li:first-child { line-height: 20px; }
.rows03_area > ul > li > a > div > ul > li:first-child > img { width: 12px; margin-right: 3px;  }
.rows03_area > ul > li > a > div > ul > li:last-child { 
	float: right; color: #cdcdcd; 
}
.rows03_area > ul > li > a > div > p { margin-top: 6px; font-size: 12px; padding-left: 19px;  }


.rows04_area { margin-top: 12px; }
.rows04_area > ul > li { 
	position: relative; width: 100%; margin-top: 12px; 

	display: block; width: 100%; 
	background: url('../images/bg_voucher_noline.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.rows04_area > ul > li > a { display: inline-block; width: 100%; padding: 15px 20px; }
.rows04_area > ul > li > a > div > ul {}
.rows04_area > ul > li > a > div > ul > li { float: left; font-size: 14px; }
.rows04_area > ul > li > a > div > ul > li:first-child { line-height: 20px; }
.rows04_area > ul > li > a > div > ul > li:first-child > img { width: 12px; margin-right: 3px;  }
.rows04_area > ul > li > a > div > ul > li:last-child { 
	float: right; 
}
.rows04_area > ul > li > a > div > p { margin-top: 6px; font-size: 12px;  }


.cash_rows {
	display: inline-block; line-height: 16px;
	position: absolute; right: 20px; bottom: 7px;
    background-image: url(../images/D_cash.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    padding-left: 20px;
	font-size: 12px;
}
.cash_rows2 {
	display: inline-block; line-height: 16px;
	position: absolute; right: 0px; bottom: 10px;
    background-image: url(../images/D_cash.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    padding-left: 20px;
	font-size: 12px;
}
.cash_rows3 {
	display: inline-block; line-height: 16px;
	position: absolute; right: 20px; bottom: 15px;
    background-image: url(../images/D_cash.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    padding-left: 20px;
	font-size: 12px;
}

.cash_rows4 {
	display: inline-block; line-height: 16px;
    background-image: url(../images/D_cash.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    padding-left: 20px;
	font-size: 12px;
}


.input_form_area {}
.input_form_area > div { margin-top: 25px; }
.input_form_area > div > div.input_title { font-size: 14px; font-weight: 700; margin-bottom: 15px; }
.input_form_area > div > div.input_title > span { margin-left: 5px; font-size: 13px; }
.input_form_area > div > div.input_comment { font-size: 13px; font-weight: 700; margin-bottom: 15px; color: #707070; line-height: 15px; }
.input_form_area > div > div.input_type01 { position: relative; }
.input_form_area > div > div.input_type01 > input {
	width: 100%; height: 42px; padding: 0px 10px; border: 1px solid #f0f0f0;
}
.input_form_area > div > div.input_type01 > input[type='text'],
.input_form_area > div > div.input_type01 > input[type='number'],
.input_form_area > div > div.input_type01 > input[type='password'] {
	width: 100%; height: 43px; padding: 0px 10px; border: none; border-bottom: 1px solid #f0f0f0; 
}
.input_form_area > div > div.input_type01 > span.time_cker { position: absolute; right: 10px; top: 15px; font-size: 12px; font-weight: 700; color: #cdcdcd; }

.input_form_area > div > div.input_type02 {}
.input_form_area > div > div.input_type02 > ul {}
.input_form_area > div > div.input_type02 > ul > li { float: left; width: calc(100% - 125px);}
.input_form_area > div > div.input_type02 > ul > li:last-child { float: right; width: 115px; margin-left: 10px; }
.input_form_area > div > div.input_type02 > ul > li > input {
	width: 100%; height: 43px; padding: 0px 10px; border: none; border-bottom: 1px solid #f0f0f0; 
}
.input_form_area > div > div.input_type02 > ul > li > button { margin-top: 0px !important; }

.header_tabs { width: calc(100% - 20px); margin: auto; margin-bottom: 1px; }
.header_tabs > li { float: left; width: 33.33333333333333333%; text-align: center; }
.header_tabs > li > a { display: inline-block; width: calc(100% - 20px); margin: auto; line-height: 37px; color: #707070; border-bottom: 2px solid #000; text-align: center; }
.header_tabs > li.active > a { color: #fff; border-bottom: 2px solid #fff; }

.icon_title { font-weight: 700; }
.icon_title > img { width: 12px; margin-right: 5px; }

.normal_title { font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #f8f8f8; }
.normal_title > img { width: 15px; margin-right: 5px; }

.normal_comment { padding-top: 10px; font-size: 13px; }

.normal_link_title { font-weight: 700; padding-bottom: 5px; border-bottom: 1px solid #f8f8f8; }
.normal_link_title > a { display: inline-block; width: 100%; line-height: 30px; font-size: 15px; font-weight: 700;}
.normal_link_title > a > img { width: 15px; margin-right: 5px; }

.modify_link_title { font-weight: 700; padding-bottom: 5px; border-bottom: 1px solid #f8f8f8; }
.modify_link_title > a { 
	display: inline-block; width: 100%; line-height: 30px; font-size: 13px; font-weight: 700; padding-right: 15px; 

    background-image: url(../images/arrow_right_link.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px;

}
.modify_link_title > a > img { width: 15px; margin-right: 5px; }
.modify_link_title > a > span { float: right; }
.modify_link_title > a > span.no_data { color: #cdcdcd; }
.modify_link_title > a > span > input { border: none; text-align: right; }





.view_info_area { padding: 15px 0px 15px; border-bottom: 1px solid #f7f7f7; }
.view_info_area > p { position: relative; padding-left: 100px; line-height: 30px; font-size: 13px; } 
.view_info_area > p > span.title_txt { position: absolute; left: 0px; }

.viewer_comment_txt { font-size: 13px; line-height: 20px; }


#virtual-keyboard2 { display: none; background:#eee; position: fixed; padding:10px; left: 0px; bottom: 0px; width: 100%; z-index: 100001 !important; }
#virtual-keyboard2 > ul { width: 1008px; margin: auto; }
#virtual-keyboard2 > ul > li { float: left; width: 700px; }
#virtual-keyboard2 > ul > li:last-child { float: right; width: 280px; margin-left: 10px; }
#virtual-keyboard2 > ul > li > ul {margin:0;padding:0; width: 100%; margin: auto; } 
#virtual-keyboard2 > ul > li > ul li {float:left; text-align:center; border:1px solid #c8c8c8; margin:0;padding:0; cursor: pointer; }
#virtual-keyboard2 > ul > li > ul li {background:#fff;}

#virtual-keyboard2 > ul > li > ul li {width:70px; height:70px; cursor:pointer;}
#virtual-keyboard2 > ul > li:last-child > ul { margin-top: 10px; }
.double_key { display: none; }
.keyboard_en { display: none; }
.shift_on { display: none; background: #666 !important; color: #fff; }
.koen_on { background: #666 !important; color: #fff; }


#virtual-keyboard3 { display: none; background:#eee; position: fixed; padding:10px; left: 0px; bottom: 0px; width: 100%; z-index: 100001 !important; }
#virtual-keyboard3 > ul { width: 1008px; margin: auto; }
#virtual-keyboard3 > ul > li { float: left; width: 700px; }
#virtual-keyboard3 > ul > li:last-child { float: right; width: 280px; margin-left: 10px; }
#virtual-keyboard3 > ul > li > ul {margin:0;padding:0; width: 100%; margin: auto; } 
#virtual-keyboard3 > ul > li > ul li {float:left; text-align:center; border:1px solid #c8c8c8; margin:0;padding:0; cursor: pointer; }
#virtual-keyboard3 > ul > li > ul li {background:#fff;}

#virtual-keyboard3 > ul > li > ul li {width:70px; height:70px; cursor:pointer;}
#virtual-keyboard3 > ul > li:last-child > ul { margin-top: 10px; }