@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
/*@media (min-width:320px) {*/
* {
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#222;
}
body {
	margin:0 auto;
	background: #eee;
}
h1,h2,h3,h4,h5,h6 {margin:0;}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
input, button {margin:0;padding:0; border:0; background: transparent; outline: none;}
p {margin:0;padding:0;word-break:break-all}
img {image-rendering: auto; vertical-align: top;}
table, tbody, tr, th, td{border-spacing: 0;}
a {text-decoration: none;}
button {
	cursor:pointer;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
	box-sizing: border-box;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
hr {
	border-top:10px solid #F8F8F8;
	border-bottom:0;
	border-left:0;
	border-right:0;
	margin:10px 0;
}
hr.checkbox {
	border-top:1px solid #ddd;
	border-bottom:0;
	border-left:0;
	border-right:0;
	margin:10px 0;
}
.container {
	position:relative;
	max-width:480px;
	margin:0 auto;
	background:#fff;
	min-height:100vh;
	min-height: calc(var(--vh, 1vh) * 100);
}	

.inner_container {
	width:80%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}
.login_box {margin-top:20%;}
.main_title {
	margin:30px 0;
	font-size:1.5em;
	font-weight:700;
}
.form_login input {
	position:relative;
	width:100%;
	padding:15px;
	background:#eee;
	margin-bottom:10px;
	
}
.btn_row {
	position:relative;
	width:100%;
	text-align:center;
	margin-top:20px;
}
.btn_row button {
	color:#999;
	margin:0 5px;
	padding:0 8px;
	height:30px;	
	font-size:0.8em;
}
.btn_row span {
	display:inline-block;
	width:1px;
	height:0.7em;
	background:#999;
}
.join_row {
	position:relative;
	width:100%;
	font-size:0.9em;
	margin-top:20px;
}
button.btn_join {
	border:1px solid #910023;
	border-radius: 15px;
	padding:0 5px;
	color:#910023;
	margin-left:5px;
}
.btn_bottom {
	position:fixed;
	bottom:0;
	width:100%;
	max-width:480px;
	z-index:5;
	text-align:center;
}

.catalog {
	position:absolute;
	bottom:5%;
	left:10%;
	text-align:center;
}
.catalog a {line-height:62px; color:#910023; font-size:0.9em; font-weight:500; text-decoration:underline;}
.catalog img {width:30px; margin-right:10px;}
.ic_kakao {
	position:fixed;
	right:10%;
	bottom:5%;
	width:62px;
	height:62px;
}
.language {
	position:fixed;
	display:flex;
	flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
	justify-content:space-between;
	bottom:5%;
	left:10%;
	width:auto;
	height:62px;
	border:1px solid #D5D5D5;
	background:#fff;
	padding:12px;
}
.language p {font-size:0.8em;margin-right:20px;}
.language p span {font-size:0.8em; color:#999;}
.language > .convert {
	font-size:0.8em;
	color:#910023;
	font-weight:700;
}

button.btn_login {
	background:#910023;
	color:#fff;
	padding:15px;
	width:100%;
	margin-top:10px;
} 


.sub_title {
	position:fixed;
	width:100vw;
max-width:480px;
	height:60px;
	background: #fff;
	padding:15px 20px;
	border-bottom:1px solid #ccc;
	top:0;
	left:50%;
transform:translate(-50%,0);
	z-index:2;
}
button.btn_back {
	position:absolute;
	display:inline-block;
	line-height:30px;
	padding:5px 10px;
	top:10px;
	left:10px;
}
.sub_title h1 {
	width:100%;
	text-align: center;
	font-size:1.125em;
	font-weight:700;
	line-height:30px;
}

.sub_container {
	position:relative;
	max-width:480px;
	width:100vw;
	min-height:calc(100vh - 60px);
	margin:0 auto;
	margin-top:60px;
	background: #fff;
	padding:20px 0 100px;
	overflow:hidden;	
}



.sub_container2 {
	position:relative;
	max-width:480px;
	width:100vw;
	min-height:calc(100vh - 60px);
	margin:0 auto;
	margin-top:60px;
	background: #eee;
	padding:20px 0;
	overflow:hidden;	
}
.sub_container h1 {
	font-size:1.375em;
	font-weight:700;
	padding-top:20px;
	margin-bottom:12px;
}
.sub_container2 h2 {
	font-size:1.375em;
	font-weight:700;
	padding:0 20px;
	margin-top:10px;
}

.sub_container h4 {font-size:1em; margin-bottom:20px; color:#777}

.sub_container h3 {
	font-size:1em;
	color:#777;
	padding-bottom:20px; 
	margin:10px 0;
}
.sub_container h3.done {
	font-size:1.2em;
	font-weight:700;
	border:0;
	padding:0;
}

.notice_wrap {
	font-size:1em;
	padding:0 20px;
	padding-bottom:10px;
	word-break: keep-all;
}
.notice_wrap h2 {font-size:1.375em; font-weight:700; margin-top:10px;margin-bottom:10px;}
.notice_wrap h3 {margin-bottom:10px;}

.padding_wrap {padding:0 20px; position:relative; width:100%;}

.form_wrap {
	position:relative;
	width:100%;
	padding:20px;
}
.form_wrap_stu {
	position:relative;
	width:100%;
	padding:20px 10px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
}
.form_wrap h1 {
	font-size:1.2em;
	font-weight:700;
	margin-top:20px;
	margin-bottom:10px;
}
.form_wrap_stu h1 {
	font-size:1.2em;
	font-weight:700;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	display: inline-block;
	vertical-align: middle;
}
.form_btn {
	position:relative;
	width:100%;
	text-align:right;
}
.form_btn button.btn_plus {
	position:relative;
	border-radius:1.2em;
	border:1px solid #666;
	color:#666;
	height:2.4em;
	padding:0 10px;
	font-size:0.8em;
	display:inline-block;
	vertical-align: middle;
}
.form_btn p {
	font-size:0.8em;
	padding:5px;
	vertical-align: middle;
	display:inline-block;
}
.form_stu {
	padding:10px;
	position:relative;
	width:100%;
	padding:10px;
	border-radius:1em;
	background: #fafafa;
	border:1px solid #eee;
	margin-top:10px;
	margin-bottom:30px;
}

.form_stu button.btn_dlt {
	position:absolute;
	top:-1em;
	right:0;
	width:2em;
	height:2em;
	text-align:center;
	border-radius: 50%;
	background: #fff;
	border:2px solid #ccc;
}

.form_row {
	position:relative;
	width:100%;
	margin-bottom:30px;
}
.form_row label {font-size:0.9em;}
.form_row label span {font-size:inherit;color:#e03131}
.form_row label a {text-decoration:underline; color:#222;}
.form_row label, .form_row_half label, .form_radio1 label {
	position:relative;
	display: block;
	padding:5px;
}
.form_row input[type="text"], .form_row input[type="number"], .form_row input[type="password"], .form_row_half input[type="text"]{
	position:relative;
	width:100%;
	padding:10px;
	border-bottom:1px solid #ccc;
	color:#222;
	font-size:0.9em;
	margin-bottom:10px;
}
.form_row input[type="checkbox"] {
  position: absolute;
  opacity: 0;
	
}
.form_row input[type="checkbox"] + label {
	display:block;
	margin:12px 0 12px 1.8em;
	font-size:1em;
	padding:0;
	color:#777;
	line-height:1.7;
}
.form_row input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 1.375em;
  height: 1.375em;
  position: absolute;
  top: 0.2em;
  left:-1.8em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  background:url('../images/ic_check_default.svg');
}
.form_row input[type="checkbox"]:checked + label:before {
  background:url('../images/ic_check_active.svg');
}
.form_row input[type="checkbox"]:focus + label:before {
  outline: none;
  border-color: #910023;
}
.form_row input[type="checkbox"]:disabled + label:before {
  box-shadow: inset 0 0 0 2px #fff;
  border-color: #ccc;
  background: #ccc;
}
.form_row input[type="checkbox"] + label:empty:before {
  margin-right: 0;
}
.form_row_half {
	position:relative;
	display:inline-block;
	width:48%;
}
.form_title {
	font-size:1.125em;
	font-weight:700;
	color:#777;
	margin-bottom:12px;
}
.form_txt {
	position:relative;
	line-height:1.8;
	color:#777
}
.form_radio1 {
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.form_radio1 label {display:block;}
.form_radio1 input[type="radio"] {display:none;}
.form_radio1 input[type="radio"]+label {
	position:relative;
	display: inline-block;
	width:49%;
	padding:5px 10px;
	border:1px solid #666;
	color:#666;
	border-radius:5px;
	margin:10px 0;
	text-align: center;
	font-size:0.8em;
	background: #fff;
}
.form_radio1 input[type="radio"]+label:hover, .form_radio1 input[type="radio"]:checked+label{
	border:1px solid #666;
	background:#666;
	color:#fff;
	cursor:pointer;
}
.form_row h2 span { margin-left:5px; font-size:0.8em;}
.form_radio2 {
	margin:10px 0;
}
.form_radio2 input[type=radio] {
  position: absolute;
  opacity: 0;
	
}
.form_radio2 input[type=radio] + label {
	display:block;
	width:100%;
	font-size:1.125em;
	padding:16px 0;
	border-bottom:1px solid #ddd;
}
.form_radio2 input[type=radio] + label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 2px solid #ccc;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  position: relative;
  top: 0;
  margin-right: 0.5em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.form_radio2 input[type=radio]:checked + label:before {
  background-color: #fff;
  border-color: #910023;
  box-shadow: inset 0 0 0 6px #910023;
}
.form_radio2 input[type=radio]:focus + label:before {
  outline: none;
  background-color: #fff;
  border-color: #910023;
  box-shadow: inset 0 0 0 6px #910023;
}
.form_radio2 input[type=radio]:disabled + label:before {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: inset 0 0 0 6px #ccc;
}
.form_radio2 input[type=radio] + label:empty:before {
  margin-right: 0;
}
.form_slt select {
	width:100%;
	border-radius:5px;
	border:1px solid #ccc;
	padding:10px;
	font-size:0.8em;
	margin-top:10px;
	background: #fff;
}
.pay_info {
	position:relative;
	width:100%;
	padding:8px 0;
	display:flex;
	flex-wrap:wrap;
}
.pay_info label {
	color:#777;
	width:110px;
	vertical-align:top;
	font-size:1.125em;
	padding:0;
}
.pay_info p {
	width:calc(100% - 110px);
	text-align:right;
	vertical-align:top;
	font-weight:700;
	font-size:1.125em;
}
.pay_info.en {
	padding:10px 0;
}
.pay_info.en label {
	width:100%;
	margin-bottom:6px;
}
.pay_info.en p {
	width:100%;
	text-align:left
}

button.btn_edit {
	position:absolute;
	top:20px;
	right:20px;
	border:1px solid #ccc;
	border-radius:5px;
	height:30px;
	color:#444;
	font-size:1em;
	width:76px;
	height:36px;
}
button.btn_edit2 {
	border-radius:10px;
	color:#fff;
	padding:0.5em 1em;
	background: #910023;
}

.pay_info_txt {
	margin:10px 0 30px;
	padding:16px;
	word-break: keep-all;
	background:#F8F8F8;
	border-radius:5px;
}
.pay_info_txt li {padding-bottom:5px; color:#777;}

.agree_title {font-weight:700; margin:20px 0;}


button.btn_joinin {
	position:fixed;
	background:#910023;
	color:#fff;
	padding:20px;
	width:100%;
	max-width:480px;
	bottom:0;
	z-index:5;
	font-weight:700;
	font-size:1.25em;
} 

.mypage_wrap {
	position:relative;
	width:100vw;
	max-width:480px;
	min-height:100vh;
	overflow: hidden;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.mypage_bank {
	position:relative;
	margin-top:20px;
	padding:15px;
	background:#eee;
	border-radius:10px;
}
.mypage_bank .bank {
	display:flex;
}
.mypage_bank .bank img {
	width:20px;
	height:20px;
	vertical-align:middle;
}
.mypage_bank .bank span.bankn {position:relative; font-size:0.8em; vertical-align:middle; line-height:20px; right:0;}
.mypage_bank p {
	font-size:1.2em;
	padding-top:10px;
}
.mypage_forward {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	padding:15px;
	background:#eee;
	border-radius:10px;
}
.mypage_forward p {font-size:1em;padding-top:0;}
.mypage_forward p span{right:15px;font-weight:700;}
.btn_copy {
	position:absolute;
	right:15px;
	bottom:15px;
	background:#fff;
	padding:5px 10px;
	border:1px solid #ccc;
	border-radius:10px;
}
button.btn_logout {
	position:absolute;
	top:20px;
	right:20px;
	background: #910023;
	color:#fff;
	border-radius:5px;
	padding:5px 10px;
	font-size:0.8em;
}
.mypage_name {
	font-size:1.1em;
	font-weight:700;
	margin-bottom:16px;
}

.mypage_info {
	position:relative;
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:40px 0 20px 0;
}
.mypage_box {
	width:calc(100%/3);
	text-align:center;
	padding:10px;
	
}
.mypage_box h2 {font-size:1.1em;}
.mypage_box h1 {font-size:1.2em; font-weight:700; margin-top:20px;}

.mypage_pay {margin:40px 0 20px;}
.mypage_pay h2 { font-size:1em; font-weight:700; color:#666; margin-bottom:5px;}
.mypage_pay h1 { font-size:1.5em; font-weight:700; etter-spacing: 0.1em;}
.mypage_pay h1 p { font-size:0.6em; font-weight:700; display:inline-block;margin-left:5px;}

.mypage_row {
	position:relative;
	width:100%;
	padding:20px;
	border-bottom:1px solid #ccc;
}

.mypage_row span {
	position:absolute;
	right:20px;
}

.form_calendar {
	position:relative;
	margin-bottom:20px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.date_wrap1, .date_wrap2 {
	width:100%;
}
.date_wrap2 {margin-bottom:10px}
.date_wrap1 p,
.date_wrap2 p {
	font-size:1.125em;
	color:#777;
	margin-bottom:8px;
}
.date_wrap1 input {
	position:relative;
	border:1px solid #ccc;
	padding:16px;
	width:100%;
	font-size:1.125em;
	box-shadow:none;
	background:url('../images/calendar.png');
	background-repeat:no-repeat;
	background-position:97% center;
	border-radius:5px;
	margin-bottom:25px;
}

.date_wrap2 .date_end {
	position:relative;
	padding:16px;
	width:100%;
	font-size:1.125em;
	color:#bcbcbc;
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#F6F6F6
}
.form_calendar span {font-size:2em; vertical-align: middle; line-height:70px;}
.button_row {
	margin:30px auto;
	text-align:center;
	width:100%
}
button.btn_slt {
	width:100%;
	height:48px;
	padding:12px;
	font-size:1em;
	border-radius:5px;
	color:#444;
	font-weight:700;
	border:1px solid #ccc;
	margin-top:20px
}
.select_days {
	margin:20px 0 30px;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.select_lunch, .select_dinner {
	position:relative;
	width:100%;
	background:#F8F8F8;
	border-radius:5px;
	padding:16px;
	margin-bottom:10px
}
.select_lunch p {
	position:relative;
	word-break:keep-all;
}
.select_dinner p {
	position:relative;
	word-break:keep-all;
}
.ex_lunch {
	font-size:1.125em;
	margin-bottom:12px;
	color:#777;
}

.ex_dinner {
	font-size:1.125em;
	margin-bottom:12px;
	color:#777;
}

.refund_info {
	position:relative;
	width:100%;
}

.refund_info span {
	display:block;
	width:100%;
	font-size:1.125em;
	color:#777;
	margin-bottom:10px
}
.refund_info > input {
	position:relative;
	width:100%;
	padding:15px 16px!important;
	border:1px solid #ccc;
	border-radius:5px;
	color:#222;
	font-size:1.25em!important;
	margin-bottom:20px!important;
}
.refund_info > input::placeholder {color:#bcbcbc}

/* 달력 선택 */

.cal_container {
	position:relative;
	max-width:480px;
	width:100vw;
	min-height:calc(100vh - 60px);
	margin:0 auto;
	margin-top:60px;
	background: #fff;	
}

.calendar {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:100px;
}
.cal_days {
	position:fixed;
	width:100%;
	max-width:480px;
	height:40px;
	display:flex;
	border-bottom:1px solid #ccc;
	background: #fff;
	z-index:2;
}
.cal_day {
	width:calc(100% / 7);
	/*border-right:1px solid #ccc;*/
	text-align:center;
	line-height:40px;
}
.cal_day:first-child {color:#aaa;}
.cal_day:last-child {border:0;}
.cal_year_month {
	margin-top:40px;
	padding:10px;
	font-weight:700;
}
.dates {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap: wrap;
	border-top:1px solid #eee;
}
.cal_date {
	position:relative;
	display: inline-block;
	width:calc(100% / 7);
	height:calc((100vh - 160px)/7);
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	text-align:left;
	font-size:0.8em;
	vertical-align: top;
}
.cal_date span {padding:0.2em}
.cal_date.gray span {color:#aaa;}
.cal_date:nth-of-type(7n+1) span {color:#aaa;}
.cal_date:nth-of-type(7n) {border-right:0;}
.cal_date .sch {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background: #ff416f;
	color:#fff;
	font-size:0.8em;
	margin-bottom:0.2em;
}
.cal_date .exlunch,
.cal_date .inlunch {
	color:#ff6e00;
	width:100%;
	font-size:0.8em;
	margin-bottom:0.2em;
	border-left:3px solid #ff6e00;
	padding-left:0.3em;
}

.cal_date .exdinner,
.cal_date .indinner {
	color:#5400ff;
	width:100%;
	font-size:0.8em;
	margin-bottom:0.2em;
	border-left:3px solid #5400ff;
	padding-left:0.3em;
}
.cal_Active {
	background:#DAD9FF;
}
.today {color:red;}


.meal_slt {
	display:none;
	position:fixed;
	bottom:0;
	z-index:10;
	max-width:480px;
	width:100%;
	background: #fff;
	border-radius:20px 20px 0 0;
	padding:20px;
	overflow: hidden;
	box-shadow:0 -5px 5px #ccc;
}
.meal_slt h2 {
	font-weight:700;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.meal_slt button.btn_submit {
	position:absolute;
	top:20px;
	right:20px;
	color:#666;
}
.meal_slt input {
    display: none;
}

.meal_slt label {
    cursor: pointer;
    position: relative;
    display: block;
    font-size: 1em;
    padding-top: 20px;
	text-align: justify;
}

.meal_slt input[type="checkbox"] {
    position: absolute;
    visibility: hidden !important;
}

.meal_slt input[type="checkbox"] + label:before, .meal_slt input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    margin-top: 20px;
    box-sizing: border-box;
}

.meal_slt input[type="checkbox"] + label:before {
    width: 48px;
    height: 20px;
	top:2px;
    right: 0;
    background: #ccc;
    border-radius: 10px;
}

.meal_slt input[type="checkbox"]:checked + label:before {
    background: #d8a5b1;
}

.meal_slt input[type="checkbox"] + label:after {
    width: 24px;
    height: 24px;
	top:0;
    right: 24px;
    background: #999;
    border-radius: 50%;
    transition: all 200ms ease-out;
}

.meal_slt input[type="checkbox"]:checked + label:after {
    right: 0;
    background: #910023;
}


/* 신청 완료 */

.done_name {
	position:relative;
	width:100%;
	padding:30px 0 50px;
	border-bottom:1px solid #222;
	margin-bottom:30px;
}
.done_name h2 {
	text-align:center;
}

.done_info {
	position:relative;
	width:100%;
	height:auto;
	padding:5px 0;
	color:#666;
}

.done_info:last-child {
	padding:5px 0 10px;
}
.done_info span {
	position:absolute;
	right:0;
	color:#222;
	font-weight:700;
}
.done_info.final {
	margin-top:5px;
	padding-top:10px;
	border-top:1px solid #ccc;
	font-weight:700;
	margin-bottom:20px;
	color:#910023;
}

.done_info.final span {
	font-size:1.2em;
	color:#910023;
}

/* 신청 내역 */
.list_box {
	position:relative;
	width:100%;
	background: #fff;
	padding:20px;
	margin-bottom:20px;
}
.list_title {
	position:relative;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.list_title p {
	display:inline-block;
}
.list_title button {
	position:absolute;
	right:0;
	top:0;
	border:1px solid #999;
	color:#999;
	padding:0.2em 0.4em;
	font-size:0.8em;
	border-radius:5px;
}
.list_cont {
	width:100%;
	padding:10px 0;
}
.list_cont h2 {font-weight:700;}
.list_meals {
	display:flex;
	flex-wrap: wrap;
	width:100%;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	position:relative;
}
.list_meals .list_subtitle {
	display:inline-block;
	vertical-align: top;
	width:20%;
	color:#910023;
}
.list_meals .list_subcont {
	display:inline-block;
	vertical-align: top;
	width:calc(80% - 100px);
	word-break: keep-all;
}
.list_meals .btn_cal {
	position:absolute;
	top:-5px;
	right:0;
	border-radius:5px;
	background:#910023;
	color:#fff;
	padding:5px;
}
.list_pay {
	position:relative;
	width:100%;
}
.list_pay p {
	display: inline-block;
}
.list_pay p.red{color:#f00}
.list_pay p.gray{color:#808080}
.list_pay span {
	position:absolute;
	right:0;
}

/* 이월 금액 */
.sup_box {
	position:relative;
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
}
.sup_box h2 {font-size:1em;}
.sup_box h1 {font-size:1.4em; font-weight:700;}
.sup_row {
	position:relative;
	width:100%;
	padding:20px;
	border-bottom:1px solid #ccc;
}
.sup_title {
	display: inline-block;
}
.sup_num {
	position:absolute;
	top:20px;
	right:20px;
}
.sup_date {font-size:0.8em; color:#999;}

/* id/pw찾기 */
.tab_wrapper {
    position:relative;
	width:100%;
	display:block;
}

.tab_container {
	position:relative;
    width: 100%;
}
.tab_content {
    padding: 20px 0;
    display: none;
}
.find_title {
	font-size:1.0em;
	font-weight:700;
	margin:10px 0;
}
.find_input input {
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
button.btn_find {
	margin-top:30px;
	position:relative;
	width:100%;
	padding:10px;
	background: #910023;
	color:#fff;
}
ul.tabs {
    margin: 0;
	padding:0;
    border-left: 1px solid #ccc;
    width: 100%;
	display:flex;
}
ul.tabs li {
	width:calc(100%/2);
	padding:10px;
    text-align:center;
    cursor: pointer;
    border: 1px solid #ccc;
    border-left: 0;
	border-bottom:0;
    overflow: hidden;
    position: relative;
	background: #ccc;
	color:#fff;
}
ul.tabs li.active {
    background: #fff;
	color:#222;
}

.find_wrap {
	position:relative;
	width:100%;
	padding-top:50px;
}
.find_row {
	position:relative;
	width:100%;
	margin-bottom:20px;
	display:flex;
	justify-content:space-between;
}
.find_row input[type="number"] {
	padding:10px;
	
}
input.input_number1 {
	border-bottom:1px solid #999;
	width:60%;
	display:inline-block;
	font-size:0.8em;
}
input.input_number2 {
	width:100%;
	background:#eee;
	font-size:1.2em;
	font-weight:700;
}
button.btn_ex {
	width:38%;
	border-radius:5px;
	padding:10px;
	border:1px solid #999;
	font-size:0.8em;
}
span.red {color:#ff0000;}

.table_find {
	position:relative;
	width:100%;
	margin-bottom:20px;
}
.table_find tr td {
	padding:10px;
	font-size:1.1em;
}
.table_find tr td:nth-child(1) {width:20%; color:#999}
.table_find tr td:nth-child(2) {width:80%; font-weight:700;}

/* 신청 메인 */
.form_main {
	position:relative;
	padding:20px 0;
	width:100%;
	background: #eee;

}

.form_box {
	position:relative;
	background: #fff;
	width:100%;
	padding:20px;
	margin-bottom:20px;
	overflow: hidden;
}

.form_box button.btn_exc {
	width:100%;
	height:auto;
	background: #910023;
	color:#fff;
	margin-top:20px;
	padding:10px 0;
}

.form_box button.btn_exc.wait {background: #999;}
.form_box button.btn_exc.done {background: #fff; color:#222;}
.form_box h1 {font-size:1.3em; font-weight:700; display: inline-block; vertical-align: baseline;}
.form_box h2 {font-size:1em; display: inline-block; vertical-align: baseline; margin-left:10px;}

.notice_box {
	width:100%;
	padding:16px;
	border-radius:5px;
	background:#F3F5F7;
	margin-bottom:16px;
}
.count_row {
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
}
.count_label {
	font-size:1.125em;
}
.count_price {
	font-weight:700;
	text-align:right;
	font-size:1.125em;
}
.count_total {
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-top:1px solid #ddd;
	margin-top:10px;
	padding-top:10px;
}
.count_total span {
	font-size:1.125em;
	font-weight:700;
}
.count_total h2 {
	color:#BE002E;
	font-size:1.25em;
	display:inline-block;
	margin:0;
}
.notice_row {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:16px;
}
.notice_row label {
	width:90px;
	font-size:1.125em;
	color:#777;
}
.notice_row p {
	width:calc(100% - 90px);
	font-size:1.125em;
	font-weight:500;
}
.notice_row.en {
	margin-bottom:20px;
}
.notice_row.en label {
	width:100%;
	margin-bottom:6px;
}
.notice_row.en p {
	width:100%;
}
.step {font-size:0.8em;}
.step .step_1 {display:inline-block; margin-right:10px;}
.step .step_2 {display:inline-block; padding-left:10px; border-left:1px solid #222;}

.notice_p {
	font-size:0.8em;
	color:#aaa;
	margin-top:-5px;
}


/* 약관류 */
.privacy {line-height:160%;}
.privacy h2 {font-size:1rem; margin-bottom:15px;}
.privacy h3 {font-size:1rem; margin-bottom:10px;}
.privacy h4 {font-size:0.9rem; margin-bottom:10px; color:#aaa;}
.privacy ol {font-size:0.8rem; margin-left:20px; margin-bottom:20px;}
.privacy p {font-size:0.8rem; margin-bottom:20px;}