@charset "utf-8";

.tableScroll {display:none;}
.tableScroll {padding:8px 16px; background:var(--green2); border-radius:10px 10px 0 0;}
.tableScroll p {padding:4px 0 0 33px; background:url(../images/common/i-scroll.svg)0 center /24px no-repeat; font-size:14px; color:#fff;}

/* ***** ·¹À̾î ***** */
.layer {display:none; position:fixed; left:0; top:0; width:100%; height:100vh;background:rgba(0,0,0,.7); z-index:99999; }
.layer .layerWrap {max-width:calc(100% - 40px); background:#fff; border-radius:20px;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden;}
.layer .layerTitle {padding:0 100px 0 30px; position:relative; background:var(--green2);}
.layer .layerTitle .tit {padding:20px 0; font-size:30px; color:#fff; font-weight:700; font-family:var(--f_NEXON_V1); line-height:1.2; }
.layer .layerTitle .close {width:75px; height:75px; position:absolute; right:0; top:0; display:block; background:url(../images/common/i-x.png)center no-repeat;}
.layer .layerInner {max-width:100%;}
/* .layer iframe {max-width:100%} */

/* reser */
.layer.reser {}
.layer.reser .layerInner {border:5px solid #fff;}
.layer.reser .layerInner iframe {width:960px; height:700px}
.reser .reser-info {padding:35px 45px; border-bottom:1px solid var(--border1);}
.reser .reser-info>div {display:flex; gap:30px;}
.reser .reser-info>div+div {margin-top:10px;}
.reser .reser-info p {padding-left:32px; color:#000; position:relative;}
.reser .reser-info p a {margin-left:10px; padding:0 20px;border-radius:100px; background:var(--yellow); display:inline-block;}
.reser .reser-info p:before {width:25px; height:25px; line-height:25px; background:center no-repeat; border-radius:50%; content:''; display:block; position:absolute; left:0;top:-2px; font-family:var(--f_NEXON_V1); font-weight:700; color:#fff; font-size:10px; text-align:center;}
.reser .reser-info p.my:before {content:'MY'; background-color:var(--sky);}
.reser .reser-info p.people:before {background-image:url(../images/common/i-people.png);background-color:#000;}
.reser .reser-info p.star:before {background-image:url(../images/common/i-star.png);background-color:var(--pink);}

.reser .reser-cal {padding:35px 45px;}
.reser .reser-cal .infoTxt {margin-top:5px; font-size:14px;}
.reser .reser-cal-tit {padding-bottom:10px; gap:15px; display:flex; justify-content:center; align-items:center; position:relative;}
.reser .reser-cal-tit p {font-size:18px; position:absolute; left:0; top:0; font-weight:500; transform:var(--textRotate); color:#000;}
.reser .reser-cal-tit a {width:30px; height:30px; background:#000 url(../images/common/calArrow-prev.png)center no-repeat; border-radius:50%;}
.reser .reser-cal-tit a.prev {}
.reser .reser-cal-tit span {font-size:18px; font-weight:500; transform:var(--textRotate); color:#000; line-height:1;}
.reser .reser-cal-tit a.next {background-image:url(../images/common/calArrow-next.png);}

.reser .reser-cal-table {}
.reser .reser-cal-table td {position:relative; padding:0;}
/* .reser .reser-cal-table td a {display:flex; position:absolute; left:0; top:0; width:100%; height:100%; align-items:center; justify-content:center;} */
/* .reser .reser-cal-table td.red {background:#f00; color:#fff;} */
/* .reser .reser-cal-table td.green {background:var(--green2); color:#fff;} */
/* .reser .reser-cal-table td.sky {background:var(--sky); color:#fff;} */
/* .reser .reser-cal-table td.gray {background:#e5e5e5; color:#999;} */

.reser .reser-time {padding:40px 0 15px; display:flex; justify-content:space-between; align-items:end; line-height:15px;}
.reser .reser-time p {font-size:18px; font-weight:500; transform:var(--textRotate); color:var(--sky);}
.reser .reser-time ul {display:flex; gap:10px; flex-wrap:wrap;}
.reser .reser-time ul li {padding-left:15px; position:relative; color:#000; font-size:12px;}
.reser .reser-time ul li:before {width:10px; height:10px; background:#e5e5e5; border-radius:50%; left:0; top:2px; position:absolute; display:block; content:'';}
.reser .reser-time ul li.red:before {background:#f00;}
.reser .reser-time ul li.green:before {background:var(--green2);}
.reser .reser-time ul li.sky:before {background:var(--sky);}
.reser .reser-time ul li.yellow:before {background:var(--yellow);}

.reser .regulation {padding:50px 40px; background:#0e1b2f; position:relative; color:#fff;}
.reser .regulation:before {opacity:.05; width:180px; height:180px; background:url(../images/common/textIconBg.svg)center /100% no-repeat; right:0; top:0; display:block; position:absolute; content:'';}
.reser .regulation>div+div {margin-top:30px;}
.reser .regulation p {color:var(--yellow); font-size:18px; font-weight:500; transform:var(--textRotate);}
.reser .regulation ul {}
.reser .regulation ul li {margin-top:10px; padding-left:10px; position:relative; line-height:1.4;}
.reser .regulation ul li:before {width:4px; height:4px; background:var(--yellow); border-radius:50%; left:0; top:7px; position:absolute; content:''; display:block;}
.reser .regulation ul li span {display:block;}

/* cam */
.layer.cam {}
.cam .layerCam-day {padding:45px 50px; }
.cam .layerCam-day>p {margin:0 0 16px; padding:0 0 0 30px; background:url(../images/common/textIcon.svg)0 center /22px no-repeat; color:#000;}
.cam .layerCam-time {padding:30px 50px; background:#f7f7f7; border:1px solid var(--border1);}
.cam .layerCam-time>p {color:#000; font-size:18px; font-weight:500; transform:var(--textRotate);}
.cam .layerCam-time label {cursor:auto;}
.cam .layerCam-time label:hover {background:#fff;}


/* ³â¿ùÀÏ ¼±Åà */
.dataChoiceType1 {display:flex; flex-direction:row; gap:5px;}
.dataChoiceType1 article {position:relative;}
.dataChoiceType1 article select {width:100%; padding-left:40px;}
.dataChoiceType1 article span {position:absolute; left:0; top:0; height:100%; display:block; padding:0 10px; line-height:40px; border-right:1px solid #ddd;}

/* cancel */
.cancel {}
.cancel .cancelTxt {padding:20px 50px;}
.cancel .layerCam-time label {cursor:pointer;}
.cancel .layerCam-time label:hover {background:#f7f7f7;}

/* reportPrint */
.layer.reportPrint {}
.layer.reportPrint .layerInner {border:1px solid var(--border1); overflow-y:auto; height:600px;}
.layer.reportPrint .reportPrint-inner {padding:30px;}

/* ¿µ¼öÁõ */
/* receipt */
.layer.receipt {}
.layer.receipt iframe {width:700px; height:500px;}

.receiptPrint {}
.receiptPrint .print_head {}
.receiptPrint .print_head {width: 100%; display: block; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);position: fixed;z-index: 99; background: #fff; line-height:1;}
/* .receiptPrint .print_head {font-size: 18px; color: #333; float:left;} */
.receiptPrint .print_head .print_wrap {padding: 20px 0; width:600px; margin:0 auto; position:relative;}
.receiptPrint .print_head .print_wrap strong {color:#000; font-size:18px;}
.receiptPrint .print_head .print_btn {position:absolute; right:0; top:10px;}
.receiptPrint .print_head .print_btn a {background: #9fadc3; color: #fff !important; font-weight:400; font-size: 14px; padding: 10px 50px; line-height: 2.6; border-radius: 100px;}

.receiptPrint-wrap {width:650px; margin:0 auto; padding:100px 0 0px; max-width:100%;}
.receiptPrint-inner {border:3px solid #000; padding:50px; position:relative;}
.receiptPrint-inner .print_logo {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:.2;}
.receiptPrint-tit {text-align:center; font-size:36px; padding:30px 0 40px; font-weight:400;}
.receiptPrint h3 {position:relative; padding-left:25px; font-size:20px;}
.receiptPrint h3:before {width:18px; height:18px; left:0; top:0; border:3px solid ; border-radius:50%; content:''; display:block; position:absolute;}
/* .receiptPrint h3:after {width:calc(100% - 100px); height:1px; left:100px; top:8px; background:#999; content:''; display:block; position:absolute;} */
.receiptPrint dl {margin-top:10px; position:relative;}
.receiptPrint dl>* {padding-top:10px;}
.receiptPrint dt {padding-left:10px;position:absolute; left:0; color:#000;}
.receiptPrint dt:before {width:3px; height:3px; left:0; top:18px; border-radius:50%; background:#666; content:''; display:block; position:absolute;}
.receiptPrint dd {padding-left:140px; }
.receiptPrint .buy {padding-top:40px; border-top:1px solid #ccc;}
/* .receiptPrint .supply {margin:50px 0; padding:50px 0; border-style:solid; border-color:#ccc; border-width:1px 0 1px;} */
.receiptPrint .supply {margin:40px 0;padding-top:40px; border-top:1px solid #ccc;}
.receiptPrint .end {text-align:center;padding-top:40px; border-top:1px solid #ccc;}
.receiptPrint .end .date {}
.receiptPrint .end .ceo {padding:10px 0; font-size:21px; font-weight:700; color:#000;}
.receiptPrint .end .ceo .sign {}
.receiptPrint .end .ceo .sign img {width:40px;}
.receiptPrint .end .notice {color:#f00;}

/* schedule */
.layer.schedule {}
.layer.schedule .schedule-day {padding:45px 50px; }
.layer.schedule .schedule-time {padding:30px 50px; background:#f7f7f7; border:1px solid var(--border1);}
.layer.schedule .schedule-time label {cursor:auto;}

.layer.tutorSchedule {}
.layer.studyOpen iframe,
.layer.tutorSchedule iframe {width:800px; height:700px;}
/* .layer.tutorSchedule .layerInner {overflow-y:auto; height:500px;} */
body.tutorSchedule {}
body.tutorSchedule .tutorSchedule-inner {padding:20px;}
body.tutorSchedule .tutorSchedule-item {}
body.tutorSchedule .tutorSchedule-item+div {margin-top:40px;}
body.tutorSchedule .tutorSchedule-item h3 {position:relative; padding:0 0 12px 25px; font-size:20px;}
body.tutorSchedule .tutorSchedule-item h3:before {width:18px; height:18px; left:0; top:0; border:3px solid ; border-radius:50%; content:''; display:block; position:absolute;}
body.tutorSchedule .tutorSchedule-item table td {text-align:left;}

/* layerBtn */
.layerBtn {padding:30px 0 50px; display:flex;justify-content:center; gap:10px;}
.layerBtn>* {padding:0 46px; line-height:50px; color:#fff; border-radius:100px;}
.layerBtn>*:hover {background:#f1f1f1;}
.layerBtn>*.green {background:var(--green);}
.layerBtn>*.yellow {background:var(--yellow);}
.layerBtn>*.sky {background:var(--sky);}
.layerBtn>*.red {background:var(--red);}
.layerBtn>*.gray {background:#999;}
.layerBtn>*.black {background:#282828;}


/* ************************ Å×ºí¸´ (~900) ************************ */
@media screen and (max-width: 900px) {
	
	.layer {padding:5vw; height:100%;}
	.layer .layerWrap {
		display:flex; flex-direction:column;
		width:100%; max-width:100%; height:100%; background:#fff; border-radius:10px;
		position:relative; left:auto; top:auto; transform:none;
	}
	.layer .layerInner {}
	.layer .layerTitle {height:76px;}
	.layer .layerInner {height:calc(100% - 76px);}
	
	
	/* reser */
	.layer.reser {}
	.layer.reser .layerInner {border:none;}
	.layer.reser .layerInner iframe {width:100%; height:100%}
	.reser .reser-cal-table {overflow-x:auto;}
	
	
	/* ¼ö¾÷¿¹¾à */
	.cam {padding:20px 0;}
	.cam .layerCam-day {padding:20px;}
	.cam .layerCam-day>p {background-position:0 0;}
	.cam form.type2 .inputGroup {flex-direction:column; padding:10px;}
	.cam form.type2 .inputGroup fieldset {width:100%; display:flex; flex-direction:column;}
	.cam form.type2 .inputGroup fieldset.dateOnly {gap:5px;}	
	.cam form.type2 .inputGroup fieldset.dateOnly input {width:100%;}	
	.cam form.type2 .inputGroup fieldset.dateOnly input+span {display:none;}	
	.mobileCalInner {padding:20px;}
	
	
	/* ³â¿ùÀÏ ¼±Åà */
	.dataChoiceType1 {display:flex; flex-direction:column; gap:5px;}
	.dataChoiceType1 article {position:relative;}
	.dataChoiceType1 article select {width:100%; padding-left:40px;}
	.dataChoiceType1 article span {position:absolute; left:0; top:0; height:100%; display:block; padding:0 10px; line-height:40px; border-right:1px solid #ddd;}
	
	/* cancel */
	.cancel {}
	.cancel .cancelTxt {padding:20px;}
	.cam .layerCam-time {padding:20px;}
	
	.layer.studyOpen iframe,
	.layer.tutorSchedule iframe {width:100%; height:100%; padding-bottom:30px;}
	

}

/* ************************ Å×ºí¸´ (~900) ************************ */
@media screen and (max-width: 880px) {
	.tableScroll {display:block;}
}

/* ************************ ¸ð¹ÙÀÏ(~768) ************************ */
@media screen and (max-width: 767px) {
	.tableScroll {display:block;}
	.layer .layerInner {}
	.layer .layerTitle {height:60px;}
	.layer .layerInner {height:calc(100% - 60px);}
	/* .layer .layerWrap {width:100%;} */
	.layer .layerTitle {padding:0 20px;}
	.layer .layerTitle .tit {font-size:18px;}
	.layer .layerTitle .close {width:60px; height:60px; background-size:16px;}
	
	/* layerBtn */
	.layerBtn {padding:10px 0 0;}
	.layerBtn a {line-height:38px; font-size:13px; border-radius:2px;}
	
	/* ¿µ¼öÁõ */
	.layer.receipt iframe {width:100%;}
	.receiptPrint .print_head .print_wrap {}
	
	/* reser */
	.reser .reser-info {padding:20px;}
	.reser .reser-info>div {flex-wrap:wrap; gap:10px;}
	.reser .reser-info p {width:100%;}
	
	.reser .reser-cal {padding:20px}
	.reser .reser-cal-tit {padding-top:30px;}
	.reser .reser-cal-tit p {font-size:16px;}
	.reser .reser-time {display:block;}
	.reser .reser-time p {padding-bottom:10px;}
	
	.reser .regulation {padding:40px 20px;}
	.reser .regulation p {font-size:16px;}
	.reser .regulation ul li {margin-top:10px; font-size:13px; line-height:1.7;}
	.reser .regulation>div+div {margin-top:20px;}
	
	
	
}


/* ************************ ¸ð¹ÙÀÏ ¾ÆÀÌÇÁ·¹ÀÓ(~500) ************************ */
@media screen and (max-width: 699px) {
	.receiptPrint-wrap {padding:80px 20px 0;}
	.receiptPrint .print_head .print_wrap {width:100%; padding:20px;}
	.receiptPrint .print_head .print_btn {right:20px;}
	
	
}