@charset "utf-8";

/* ======================================================
   .reserve-wrap 
=========================================================*/
.reserve-wrap{position:relative; max-width:1100px; margin:0 auto;}
.reserve-wrap h2{ font-size:48px; letter-spacing:-0.03em; font-weight:500; line-height:1.2em; color:#3a3a3a; text-align:center; margin-bottom:75px;}
.reserve-wrap h2 span{color:#373d90}
.reserve-wrap .gap27{height:27px;}
.reserve-wrap .gap45{height:45px;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap h2{font-size:43px; margin-bottom:60px;}
	}
	@media only screen  and (max-width:1200px) {
		.reserve-wrap h2{font-size:38px; margin-bottom:50px;}
	}
	@media only screen and (max-width:999px){
		.reserve-wrap h2{font-size:33px; margin-bottom:40px;}

		.reserve-wrap .gap27{height:15px;}
		.reserve-wrap .gap45{height:30px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap h2{font-size:28px; margin-bottom:30px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap h2{font-size:23px; margin-bottom:20px;}
	}
	


/* .reserve-wrap common */
.reserve-wrap .field{font-size:0;}
.reserve-wrap .field:after{display:block; content:"";clear:both;}

.reserve-wrap .chk-input {display:inline-block; vertical-align:top; position:relative;}
.reserve-wrap .chk-input input[type="text"], .chk-input input[type="password"]{height:38px; letter-spacing:-0.03em; border:1px solid #cacaca; background:#fff; color:#afafaf; padding:0 10px;font-size:14px; box-sizing:border-box; display:block; width:100%; position:relative;}
	
.reserve-wrap .chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.reserve-wrap .chk-select:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; background-size:9px auto;position:absolute; width:12px; height:10px; margin-top:-5px; position:absolute; right:9px; top:50%; display:block; content:""; z-index:3}
.reserve-wrap .chk-select select{font-size:14px; border:1px solid #cacaca; width:100%; height:38px; color:#afafaf; box-sizing:border-box; padding:0 20px 0 7px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.reserve-wrap .chk-select select::-ms-expand{display:none;}
.reserve-wrap .chk-select.active select{color:#222;}
	
.reserve-wrap .chk-radio{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.reserve-wrap .chk-radio input[type="radio"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.reserve-wrap .chk-radio input[type="radio"] + label{display:block; position:relative; padding-left:25px; font-size:16px; line-height:18px; color:#3a3a3a; height:20px; font-weight:400; letter-spacing:-0.01em; cursor:pointer;}
.reserve-wrap .chk-radio input[type="radio"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c6c6c6; border-radius:100%;}
.reserve-wrap .chk-radio input[type="radio"]:checked + label{font-weight:300}
.reserve-wrap .chk-radio input[type="radio"]:checked + label:before{background:url(../_Img/Sub/radio-on.png) no-repeat center #fff;}

.reserve-wrap .chk-check{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.reserve-wrap .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.reserve-wrap .chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:29px; font-size:15px; line-height:18px; color:#3a3a3a; height:20px; font-weight:300; letter-spacing:-0.03em; cursor:pointer;}
.reserve-wrap .chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c6c6c6; border-radius:3px;}
.reserve-wrap .chk-check input[type="checkbox"]:checked + label{font-weight:300}
.reserve-wrap .chk-check input[type="checkbox"]:checked + label:before{background:url(../_Img/Sub/check-on.png) no-repeat center #fff; background-size:70% auto;}
	@media only screen  and (max-width:1350px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap .chk-radio input[type="radio"] + label{font-size:14px; padding-left:25px; height:18px; line-height:16px;}
		.reserve-wrap .chk-radio input[type="radio"] + label:before{width:18px;height:18px;}
		.reserve-wrap .chk-check input[type="checkbox"] + label{font-size:14px;padding-left:25px; height:18px; line-height:16px;}
		.reserve-wrap .chk-check input[type="checkbox"] + label:before{width:18px;height:18px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap .chk-input input[type="text"], .chk-input input[type="password"]{height:35px; padding-left:7px;}
		.reserve-wrap .chk-select select{height:35px;padding-left:5px;}
		/*.reserve-wrap .chk-radio:nth-child(3) {margin-left:0px;}*/
        
        .reserve-wrap .birth .chk-radio:nth-child(3) {margin-left:15px;}
        .reserve-wrap .birth .chk-radio:nth-child(5) {margin-left:0px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap .chk-radio input[type="radio"] + label{font-size:13px;}
		.reserve-wrap .chk-check input[type="checkbox"] + label{font-size:13px;}
		/*.reserve-wrap .chk-radio:nth-child(3) {margin-left:0px;}*/
        
        .reserve-wrap .birth .chk-radio:nth-child(3) {margin-left:15px;}
        .reserve-wrap .birth .chk-radio:nth-child(5) {margin-left:0px;}
       
	}
	

.reserve-wrap .guide{background:#f2f2f2; padding:25px;}
.reserve-wrap .guide li{position:relative;padding-left:7px; line-height:1.3em; font-size:14px; font-weight:300; letter-spacing:-0.02em;}
.reserve-wrap .guide li:nth-child(n+2){margin-top:7px;}
.reserve-wrap .guide li:before{width:2px;height:2px; position:absolute; left:0; top:8px; display:block; content:"";background:#909090;}
.reserve-wrap .guide li span{color:#3a3a3a; font-weight:500}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap .guide{padding:20px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap .guide{padding:17px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap .guide{padding:15px;}
		.reserve-wrap .guide li{font-size:13px;}
		.reserve-wrap .guide li:before{top:7px;}
	}
	@media only screen and (max-width:480px){
		
	}
/* .reserve-wrap.choice */
.reserve-wrap.choice .types{}
.reserve-wrap.choice .types ul{}
.reserve-wrap.choice .types ul:after{display:block; content:"";clear:both;}
.reserve-wrap.choice .types li{/*float:left;*/ margin: 0 auto; width:48%;text-align:center;}
.reserve-wrap.choice .types li:nth-child(2){float:right;}
.reserve-wrap.choice .types li .vc{height:340px; position:relative; display:flex;align-items: center; justify-content: center;}
.reserve-wrap.choice .types li .vc:after{width:100%;height:100%; position:absolute; left:0 ; top:0;box-sizing:border-box; border:10px solid #2682c6; display:block; content:""; z-index:-1; opacity:0;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.reserve-wrap.choice .types li .vc:before{width:100%;height:100%; position:absolute; left:0 ; top:0;box-sizing:border-box; border:1px solid #cacaca; display:block; content:""; z-index:-1; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.reserve-wrap.choice .types li .vc div:first-child{width:100%;}
.reserve-wrap.choice .types li .ico{}
.reserve-wrap.choice .types li .btxt{margin-top:12px;font-size:24px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#3a3a3a}
.reserve-wrap.choice .types li .stxt{margin-top:7px;font-size:16px; font-weight:300; line-height:1.4em; letter-spacing:-0.03em; color:#878787}
.reserve-wrap.choice .types li a{margin-top:25px;width:112px;height:40px; line-height:40px; color:#fff; font-size:16px; display:inline-block;vertical-align:top;background:#cacaca;border-radius:5px; letter-spacing:-0.03em; font-weight:300;}

.reserve-wrap.choice .types li .vc:hover:after, .reserve-wrap.choice .types li.active .vc:after{opacity:1;}
.reserve-wrap.choice .types li .vc:hover:before, .reserve-wrap.choice .types li.active .vc:before{opacity:1;}

.reserve-wrap.choice .types li:nth-child(2) .vc:after{border-color:#373d90;}
.reserve-wrap.choice .types li:nth-child(2) .vc:hover:after{}

.reserve-wrap.choice .types li:nth-child(1) .vc:hover a, .reserve-wrap.choice .types li.active:nth-child(1) .vc a{background:#2682c6;}
.reserve-wrap.choice .types li:nth-child(2) .vc:hover a, .reserve-wrap.choice .types li.active:nth-child(2) .vc a{background:#373d90;}

.reserve-wrap.choice .other{}
.reserve-wrap.choice .other ul{}
.reserve-wrap.choice .other ul:after{display:block; content:"";clear:both}
.reserve-wrap.choice .other li{float:left; width:50%;box-sizing:border-box; position:relative; padding:9px 0;}
.reserve-wrap.choice .other li:nth-child(2){float:right; padding-left:5%; width:50%;}
.reserve-wrap.choice .other li:nth-child(2):before{width:1px;height:100%;background:#dfdfdf; position:absolute; left:2%; top:0; display:block; content:"" }
.reserve-wrap.choice .other li p{ line-height:28px; height:30px; color:#696969; font-size:16px; letter-spacing:-0.03em;display:inline-block;vertical-align:top;}
.reserve-wrap.choice .other li a{width:86px;height:30px ;border-radius:5px; text-align:center; line-height:28px; color:#fff; font-size:16px; letter-spacing:-0.03em; font-weight:300;display:inline-block;vertical-align:top; margin-left:15px;}
.reserve-wrap.choice .other li:nth-child(1) a{background:#2682c6;}
.reserve-wrap.choice .other li:nth-child(2) a{background:#acacac;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.choice .types li .vc{height:310px;}
		.reserve-wrap.choice .types li .vc:after{border-width:8px;}
		.reserve-wrap.choice .types li .ico{}
		.reserve-wrap.choice .types li .ico img{width:80px;}
		.reserve-wrap.choice .types li .btxt{font-size:21px;margin-top:10px;}
		.reserve-wrap.choice .types li .stxt{font-size:15px;margin-top:5px;}

		.reserve-wrap.choice .types li a{margin-top:20px; width:100px; height:38px; line-height:38px; font-size:15px;}

		.reserve-wrap.choice .other li p{font-size:15px;}
		.reserve-wrap.choice .other li a{font-size:15px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.choice .types li .vc{height:280px;}
		.reserve-wrap.choice .types li .vc:after{border-width:6px;}
		.reserve-wrap.choice .types li .ico{}
		.reserve-wrap.choice .types li .ico img{width:70px;}
		.reserve-wrap.choice .types li .btxt{font-size:19px;margin-top:7px;}
		.reserve-wrap.choice .types li .stxt{font-size:14px;margin-top:3px; word-break: keep-all; padding:0 15px;}

		.reserve-wrap.choice .types li a{margin-top:17px; width:90px; height:34px; line-height:34px; font-size:15px;}

		.reserve-wrap.choice .other li{float:none; width:auto; padding-right:90px;}
		.reserve-wrap.choice .other li:nth-child(2){float:none; padding-left:0; width:auto; border-top:1px solid #dfdfdf}
		.reserve-wrap.choice .other li:nth-child(2):before{display:none;}
		.reserve-wrap.choice .other li p{font-size:14px; }
		.reserve-wrap.choice .other li a{position:absolute; right:0; top:9px; font-size:14px; width:80px;}

		.reserve-wrap.choice .gap45{height:30px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.choice .types li{width:90%}
		.reserve-wrap.choice .types li .vc{height:240px;}
		.reserve-wrap.choice .types li .vc:after{border-width:6px;}
		.reserve-wrap.choice .types li .ico{}
		.reserve-wrap.choice .types li .ico img{width:60px;}
		.reserve-wrap.choice .types li .btxt{font-size:17px;margin-top:5px;}
		.reserve-wrap.choice .types li .stxt{font-size:14px;margin-top:2px; display:none;}

		.reserve-wrap.choice .types li a{margin-top:15px; width:80px; height:30px; line-height:30px; font-size:14px;}
		
		.reserve-wrap.choice .other li{padding-right:85px;}
		.reserve-wrap.choice .other li p{font-size:13px; line-height:1.2em; display:flex;align-items: center; justify-content: left;  height:30px}
		.reserve-wrap.choice .other li a{width:74px;}

		.reserve-wrap.choice .gap45{height:20px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.choice .types li .vc{height:190px;}
		.reserve-wrap.choice .types li .vc:after{border-width:4px;}
		.reserve-wrap.choice .types li .ico img{width:50px;}
		.reserve-wrap.choice .types li .btxt{font-size:16px;}
		.reserve-wrap.choice .types li a{margin-top:15px; width:70px; font-size:13px;}
	}
	@media only screen and (max-width:380px){
	.reserve-wrap.choice .types li .vc{height:160px;}
	}

/* .reserve-wrap.person */
.reserve-wrap.person{}
.reserve-wrap.person .write{margin-top:37px;}
.reserve-wrap.person .write table{table-layout:fixed;border-top:2px solid #3a3a3a;}
.reserve-wrap.person .write table tbody{}
.reserve-wrap.person .write table tbody th{background:#f4f4f4;border-bottom:1px solid #c3c3c3;text-align:center; font-weight:400; font-size:16px; letter-spacing:-0.03em; color:#3a3a3a; padding:10px;}
.reserve-wrap.person .write table tbody td{border-bottom:1px solid #c3c3c3;text-align:left; font-size:16px; font-weight:300;letter-spacing:-0.03em; color:#3a3a3a; padding:10px;}
.reserve-wrap.person .write .nec{position:relative; display:inline-block;vertical-align:top;}
.reserve-wrap.person .write .nec:after{color:#2682c6; font-size:16px;  content:"*"; display:block; line-height:1em; position:absolute; right:-10px; top:1px;}
	@media only screen and (max-width:999px){
		.reserve-wrap.person .write{margin-top:30px;}
	}
	@media only screen and (max-width:780px){
		.reserve-wrap.person .write table colgroup{display:none;}
		.reserve-wrap.person .write table tbody tr{display:block; overflow:hidden; padding:0;}
		.reserve-wrap.person .write table tbody th{font-size:15px; display:block; float:left; width:100%; border-bottom:none;text-align:left;box-sizing:border-box; padding:10px 12px}
		.reserve-wrap.person .write table tbody td{padding:0; font-size:15px; display:block; float:left; width:100%;box-sizing:border-box; padding:10px 12px}

		.reserve-wrap.person .write .nec:after{font-size:14px;}
	}
	@media only screen and (max-width:680px){	
		.reserve-wrap.person .write{margin-top:25px;}
		.reserve-wrap.person .write table tbody th{font-size:14px; padding:9px 12px}
		.reserve-wrap.person .write table tbody td{font-size:14px; padding:9px 12px}

		.reserve-wrap.person .write .nec:after{top:3px;}
	}
	@media only screen and (max-width:480px){	
		.reserve-wrap.person .write{margin-top:20px;}
	}

.reserve-wrap.person .field .ctxt{display:inline-block;vertical-align:top; font-size:16px; color:#afafaf; padding:0 7px; line-height:38px;}

.reserve-wrap.person .field.names .chk-input{width:320px;}

.reserve-wrap.person .field.phone .ctxt{}
.reserve-wrap.person .field.phone .chk-select{width:94px;}
.reserve-wrap.person .field.phone .chk-input{width:94px;}

.reserve-wrap.person .field.birth .ctxt{margin-right:4px;}
.reserve-wrap.person .field.birth .chk-select{width:94px;}
.reserve-wrap.person .field.birth .chk-input{width:94px;}

.reserve-wrap.person .field.email .ctxt{}
.reserve-wrap.person .field.email .chk-select{width:94px; margin-left:8px;}
.reserve-wrap.person .field.email .chk-input.w128{width:128px;}
.reserve-wrap.person .field.email .chk-input.w168{width:168px;}

.reserve-wrap.person .agreement{margin-top:30px;border-top:2px solid #3a3a3a;position:relative; }
.reserve-wrap.person .agreement .txt{padding:25px 40px ; height:175px; overflow-y:scroll; box-sizing:border-box;}
.reserve-wrap.person .agreement .txt:after{width:100%;height:100%; position:absolute; left:0; top:0;box-sizing:border-box; display:block; content:"";z-index:-1; border:1px solid #c3c3c3; border-top:0;}
.reserve-wrap.person .agreement .btxt{font-size:16px; font-weight:400 ;color:#3a3a3a; line-height:1.3em; margin-bottom:10px;}
.reserve-wrap.person .agreement .stxt{font-size:14px; font-weight:300 ;color:#5c5c5c; line-height:1.3em; padding-left:7px;}
.reserve-wrap.person .agreement .ctxt{font-size:14px; font-weight:300 ;color:#a0a0a0; line-height:1.3em; padding-left:7px;}

.reserve-wrap.person .agreechk{margin-top:20px; text-align:center;}

.reserve-wrap.person .btns{margin-top:42px; text-align:center;}
.reserve-wrap.person .btns a{width:250px;height:72px; line-height:70px; border-radius:10px; background:#2682c6; display:inline-block;vertical-align:top; font-size:24px; font-weight:500; letter-spacing:-0.03em; color:#fff; text-align:center;}


.reserve-wrap.reserve .agreement{margin-top:30px;border-top:2px solid #3a3a3a;position:relative; }
.reserve-wrap.reserve .agreement .txt{padding:25px 40px ; height:175px; overflow-y:scroll; box-sizing:border-box;}
.reserve-wrap.reserve .agreement .txt:after{width:100%;height:100%; position:absolute; left:0; top:0;box-sizing:border-box; display:block; content:"";z-index:-1; border:1px solid #c3c3c3; border-top:0;}
.reserve-wrap.reserve .agreement .btxt{font-size:16px; font-weight:400 ;color:#3a3a3a; line-height:1.3em; margin-bottom:10px;}
.reserve-wrap.reserve .agreement .stxt{font-size:14px; font-weight:300 ;color:#5c5c5c; line-height:1.3em; padding-left:7px;}
.reserve-wrap.reserve .agreement .ctxt{font-size:14px; font-weight:300 ;color:#a0a0a0; line-height:1.3em; padding-left:7px;}


	@media only screen  and (max-width:1350px) {
		.reserve-wrap.person .btns{margin-top:35px;}
		.reserve-wrap.person .btns a{width:230px;height:65px; line-height:63px;font-size:21px}

		.reserve-wrap.person .agreement .txt{padding:25px 30px;}
	}
	@media only screen  and (max-width:1200px) {
		.reserve-wrap.person .field .ctxt{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.person .agreement .txt{padding:25px 25px;}
		.reserve-wrap.person .agreement .btxt{font-size:15px;}
		.reserve-wrap.person .agreement .stxt{font-size:13px;}
		.reserve-wrap.person .agreement .ctxt{font-size:13px;}

		.reserve-wrap.person .agreechk{margin-top:15px;}
		.reserve-wrap.person .btns{margin-top:30px;}
		.reserve-wrap.person .btns a{width:220px;height:60px; line-height:58px;font-size:19px}

		.reserve-wrap.person .field .ctxt{font-size:14px;}
        
        .reserve-wrap.reserve .agreement .txt{padding:25px 25px;}
		.reserve-wrap.reserve .agreement .btxt{font-size:15px;}
		.reserve-wrap.reserve .agreement .stxt{font-size:13px;}
		.reserve-wrap.reserve .agreement .ctxt{font-size:13px;}
	}
	@media only screen and (max-width:780px){
		.reserve-wrap.person .field.names .chk-input{width:100%;}

		.reserve-wrap.person .field.phone .ctxt{width:5%; padding:0; margin:0; text-align:center; line-height:35px;}
		.reserve-wrap.person .field.phone .chk-select{width:30%;}
		.reserve-wrap.person .field.phone .chk-input{width:30%;}
		
		.reserve-wrap.person .field.birth .ctxt{width:7%; padding:0; margin:0; text-align:center; line-height:35px;}
		.reserve-wrap.person .field.birth .chk-select{width:26%;}
		.reserve-wrap.person .field.birth .chk-select:nth-child(1){width:35%;}
		.reserve-wrap.person .field.birth .chk-select:nth-child(3){width:22%;}
		.reserve-wrap.person .field.birth .chk-select:nth-child(5){width:22%;}


		.reserve-wrap.person .field.email .ctxt{width:8%; padding:0; margin:0; text-align:center; line-height:35px;}
		.reserve-wrap.person .field.email .chk-select{width:94px; margin-left:8px;}
		.reserve-wrap.person .field.email .chk-input.w128{width:30%;}
		.reserve-wrap.person .field.email .chk-input.w168{width:62%;}
		.reserve-wrap.person .field.email .chk-select{width:100%;margin-top:5px; margin-left:0;}

	}
	@media only screen and (max-width:680px){
		.reserve-wrap.person .agreement .txt{padding:20px 15px;}
		.reserve-wrap.person .agreement .btxt{font-size:14px;}
		.reserve-wrap.person .btns a{width:200px;height:52px; line-height:51px;font-size:17px}
        
        .reserve-wrap.reserve .agreement .txt{padding:20px 15px;}
		.reserve-wrap.reserve .agreement .btxt{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.person .agreement .txt{padding:15px 12px;}

		.reserve-wrap.person .btns a{width:180px;height:45px; line-height:43px;font-size:16px}
        
        .reserve-wrap.reserve .agreement .txt{padding:15px 12px;}
	}


/* .reserve-wrap.reserve */
.reserve-wrap.reserve{max-width:1100px; }
.reserve-wrap.reserve h3{position:relative; font-size:20px; color:#3a3a3a; font-weight:500; letter-spacing:-0.035em; line-height:1.2em; padding-left:10px; margin-bottom:15px;}
.reserve-wrap.reserve h3:before{width:4px;height:18px;background:#2682c6; position:absolute; left:-2px; top:3px; display:block; content:""}

.reserve-wrap.reserve .visit{position:relative;border-bottom:2px solid #3a3a3a; background:#f4f4f4; padding:20px 25px}
.reserve-wrap.reserve .visit .nums{position:absolute; right:25px; top:50%; margin-top:-12px; height:24px; line-height:24px;  font-size:18px; font-weight:500; color:#515151; letter-spacing:-0.02em;}
.reserve-wrap.reserve .visit .nums span{color:#373d90; font-weight:700;}

.reserve-wrap.reserve .genders{padding:35px 25px;}
.reserve-wrap.reserve .genders ul{margin-left:10px;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.reserve h3{font-size:19px;}
		.reserve-wrap.reserve .visit{padding:15px 20px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve h3{font-size:18px;}
		.reserve-wrap.reserve h3:before{left:0;}
		.reserve-wrap.reserve .genders{padding:30px 20px;}
		.reserve-wrap.reserve .genders ul{margin-left:0;}
		.reserve-wrap.reserve .genders .mg30{margin-left:20px}
		
		.reserve-wrap.reserve .visit{padding:15px 15px;}
		.reserve-wrap.reserve .visit .mg30{margin-left:20px}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve h3{font-size:17px; margin-bottom:10px;}
		.reserve-wrap.reserve h3:before{height:16px;}
		.reserve-wrap.reserve .genders{padding:25px 15px;}
		.reserve-wrap.reserve .genders .mg30{margin-left:15px}

		.reserve-wrap.reserve .visit{padding:15px 12px;text-align:center;border-bottom:none;border-top:2px solid #3a3a3a; border-bottom:1px solid #c3c3c3}
		.reserve-wrap.reserve .visit .mg30{margin-left:15px}
		.reserve-wrap.reserve .visit .nums{right:auto; top:auto ;margin-bottom:5px; margin-top:0; position:relative; font-size:17px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .genders{padding:20px 12px;}
	}

.reserve-wrap.reserve .subject{border-top:1px solid #c3c3c3; padding:35px 25px;}
.reserve-wrap.reserve .subject ul{}
.reserve-wrap.reserve .subject ul:after{display:block; content:"";clear:both;}
.reserve-wrap.reserve .subject li{text-align:center; float:left; width:10.9857%}
.reserve-wrap.reserve .subject li a{display:inline-block;vertical-align:top; max-width:100%;}
.reserve-wrap.reserve .subject li.active .img:after{border-color:#ff8a23; border-width:2px;}
.reserve-wrap.reserve .subject li .img{position:relative; width:100%; border-radius:100%;overflow:hidden;box-sizing:border-box; max-width:100px;}
.reserve-wrap.reserve .subject li .img:after{width:100%; height:100%;  border:1px solid #cbcbcb;  position:absolute; left:0; top:0;display:block; content:""; border-radius:100%; z-index:2;box-sizing:border-box;}
.reserve-wrap.reserve .subject li .img img{width:100%;}
.reserve-wrap.reserve .subject li .txt{ text-align:center; font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#515151;margin-top:10px;margin-bottom:20px; line-height:1.2em;}
	@media only screen  and (max-width:1350px) {
		
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve .subject{padding:30px 20px;}
		.reserve-wrap.reserve .subject li{ width:20%}
		.reserve-wrap.reserve .subject li:nth-child(n+6){margin-top:15px;}
		.reserve-wrap.reserve .subject li .img{width:90px;}
		.reserve-wrap.reserve .subject li .txt{font-size:15px; margin-top:7px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve .subject{padding:25px 15px;}
		.reserve-wrap.reserve .subject li{ width:25%}
		.reserve-wrap.reserve .subject li:nth-child(n+5){margin-top:15px;}
		.reserve-wrap.reserve .subject li .img{width:85px;}
		.reserve-wrap.reserve .subject li .txt{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .subject{padding:20px 12px;}
		.reserve-wrap.reserve .subject li{ width:33.333333%}
		.reserve-wrap.reserve .subject li:nth-child(n+4){margin-top:15px;}
		.reserve-wrap.reserve .subject li .img{width:80px;}
		.reserve-wrap.reserve .subject li .txt{font-size:13px;}
	}
.reserve-wrap.reserve .teacher{border-top:1px solid #c3c3c3; padding:35px 25px;}
.reserve-wrap.reserve .teacher .scrolls{margin-left:10px; background:#f4f4f4; /*height:178px;*/ overflow-y:auto; padding:20px 55px 20px 55px; box-sizing:border-box; }
.reserve-wrap.reserve .teacher ul{padding-bottom:20px;}
.reserve-wrap.reserve .teacher ul:after{display:block;content:"";clear:both;}
.reserve-wrap.reserve .teacher li{float:left; width:48%; position:relative;}
.reserve-wrap.reserve .teacher li:before{width:100%;height:100%; position:absolute; left:0; top:0; box-sizing:border-box; border:1px solid #d9d9d9;background:#fff;z-index:1; display:block; content:"";}
.reserve-wrap.reserve .teacher li.active:before{border:2px solid #2682c6;}
.reserve-wrap.reserve .teacher li:nth-child(even){float:right;}
.reserve-wrap.reserve .teacher li:nth-child(n+3){margin-top:20px;}

.reserve-wrap.reserve .teacher li a{display:block; position:relative; padding:17px 17px 17px 125px; z-index:5;}
.reserve-wrap.reserve .teacher li .img{position:absolute; left:17px; top:17px; width:90px;height:110px;}
.reserve-wrap.reserve .teacher li .img img{width:100%;height:110px;object-fit:cover;}
.reserve-wrap.reserve .teacher li .vc{height:110px; display:flex;align-items: center; justify-content:left;}
.reserve-wrap.reserve .teacher li .vc div:first-child{width:100%;}
.reserve-wrap.reserve .teacher li .btxt{ font-size:14px; font-weight:300; line-height:1.2em; color:#515151; letter-spacing:-0.03em; padding-bottom:7px; margin-bottom:7px; position:Relative; border-bottom:2px solid #e3e3e3;}
.reserve-wrap.reserve .teacher li .btxt:after{width:110px;height:2px; position:absolute; left:0; bottom:-2px; background:#373d90; display:block; content:"";}
.reserve-wrap.reserve .teacher li .btxt span{font-size:16px; font-weight:500;}
.reserve-wrap.reserve .teacher li .stxt{ font-size:14px; font-weight:300; line-height:1.4em; color:#838383; letter-spacing:-0.03em;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.reserve .teacher .scrolls{padding:20px 45px;}
		
		.reserve-wrap.reserve .teacher li .btxt:after{width:100px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve .teacher{padding:30px 20px;}
		.reserve-wrap.reserve .teacher .scrolls{margin-left:0;padding:20px 35px;}

		.reserve-wrap.reserve .teacher li .btxt:after{width:80px;}
		.reserve-wrap.reserve .teacher li .stxt{max-height:40px; overflow:hidden;}
	}
	@media only screen and (max-width:780px){
		.reserve-wrap.reserve .teacher{padding:25px 15px;}
		.reserve-wrap.reserve .teacher .scrolls{/*height:240px;*/padding:20px 20px;}
		.reserve-wrap.reserve .teacher li{float:none; width:auto;}
		.reserve-wrap.reserve .teacher li a{padding-left:120px;}
		.reserve-wrap.reserve .teacher li:nth-child(even){float:none;}
		.reserve-wrap.reserve .teacher li:nth-child(n+2){margin-top:15px;}

	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve .teacher{padding:20px 15px;}
		.reserve-wrap.reserve .teacher .scrolls{padding:20px 25px;}
		.reserve-wrap.reserve .teacher li a{padding:15px 15px 15px 115px;}
		.reserve-wrap.reserve .teacher li .img{left:15px; top:15px;}
		.reserve-wrap.reserve .teacher li:nth-child(n+2){margin-top:10px;}
		.reserve-wrap.reserve .teacher li .stxt{font-size:13px;max-height:37px}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .teacher{padding:20px 12px;}
		.reserve-wrap.reserve .teacher .scrolls{padding:15px 12px;}
	}
.reserve-wrap.reserve .schedule{margin-top:35px;border-top:1px solid #c3c3c3; border-bottom:2px solid #3a3a3a;}
.reserve-wrap.reserve .schedule:after{display:block ;content:"";clear:both}
.reserve-wrap.reserve .schedule .fl{width:39%; position:relative;  box-sizing:border-box; padding:40px 25px}
.reserve-wrap.reserve .schedule .fl:after{width:1px;height:100%; right:-1px; top:0; display:block; content:"";position:absolute; background:#c3c3c3}
.reserve-wrap.reserve .schedule .fr{width:61%; box-sizing:border-box; border-left:1px solid #c3c3c3;}
.reserve-wrap.reserve .schedule .item{box-sizing:border-box; padding:45px 30px}
.reserve-wrap.reserve .schedule .fr.small .item{padding:35px 40px}
.reserve-wrap.reserve .schedule .item:nth-child(n+2){border-top:1px solid #c3c3c3}

.reserve-wrap.reserve .process{background:#f4f4f4;padding:15px 25px; word-break: keep-all;}
.reserve-wrap.reserve .process:after{display:block; content:"";clear:both;}
.reserve-wrap.reserve .process p{line-height:1.2em; padding-left:27px; letter-spacing:-0.03em;background:url(../_Img/Sub/ico-process.png) no-repeat left 0;  font-size:16px; color:#3a3a3a; font-weight:400;word-break: keep-all;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.reserve .schedule{margin-top:30px;}
		.reserve-wrap.reserve .schedule .fl{padding:35px 20px;}
		.reserve-wrap.reserve .schedule .item{padding:40px 25px}
		.reserve-wrap.reserve .schedule .fr.small .item{padding:30px 35px}

		.reserve-wrap.reserve .process{padding:12px 20px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve .schedule{margin-top:25px;}
		.reserve-wrap.reserve .schedule .item{padding:30px 20px;}
		.reserve-wrap.reserve .schedule .fl{padding:30px 20px;width:45%; }
		.reserve-wrap.reserve .schedule .fr{width:55%; }
		.reserve-wrap.reserve .schedule .fr.small .item{padding:30px 20px}

		.reserve-wrap.reserve .process{padding:15px 15px;}
		.reserve-wrap.reserve .process p{font-size:15px; background-size:16px auto; padding-left:24px;}
	}
	@media only screen and (max-width:780px){
		.reserve-wrap.reserve .schedule .fl{float:none; width:auto;padding:20px 15px;border-bottom:1px solid #c3c3c3;}
		.reserve-wrap.reserve .schedule .fl:after{display:none;}
		.reserve-wrap.reserve .schedule .fr{float:none; width:auto; border-left:0; }
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve .schedule{margin-top:20px;}
		.reserve-wrap.reserve .schedule .item{padding:25px 15px;}
		.reserve-wrap.reserve .schedule .fr.small .item{padding:25px 15px}

		.reserve-wrap.reserve .process{padding:15px 15px;}
		.reserve-wrap.reserve .process p{font-size:14px; padding-top:1px;}

		.reserve-wrap.reserve .schedule .fl{padding:20px 12px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .schedule .item{padding:20px 12px;}
		.reserve-wrap.reserve .schedule .fr.small .item{padding:20px 12px}
	}
.reserve-wrap.reserve .calendar{margin-left:10px; padding:25px 30px; background:#f4f4f4; max-width:340px; box-sizing:border-box;}
.reserve-wrap.reserve .calendar .month{position:relative; height:24px;}
.reserve-wrap.reserve .calendar .month .prev{width:24px;height:24px; position:absolute; left:0; top:0;background:url(../_Img/Sub/calendar-prev.png) no-repeat center center}
.reserve-wrap.reserve .calendar .month .next{width:24px;height:24px; position:absolute; right:0; top:0;background:url(../_Img/Sub/calendar-next.png) no-repeat center center}
.reserve-wrap.reserve .calendar .month p{font-weight:500; line-height:24px; color:#515151;font-size:16px; text-align:center;}
.reserve-wrap.reserve .calendar .con{background:#fff; border:1px solid #d9d9d9;margin-top:15px;padding:10px 15px;}
.reserve-wrap.reserve .calendar table{}
.reserve-wrap.reserve .calendar table thead tr th{color:#515151;padding:7px;text-align:center; font-size:14px; font-weight:300; letter-spacing:-0.03em; line-height:1.2em;}
.reserve-wrap.reserve .calendar table thead tr th:first-child{color:#db3232;}
.reserve-wrap.reserve .calendar table thead tr th:last-child{color:#1c84dc;}
.reserve-wrap.reserve .calendar table tbody tr td{padding:4px 0; text-align:center;}
.reserve-wrap.reserve .calendar table tbody tr td a{width:28px;height:28px; display:inline-block;box-sizing:border-box;vertical-align:top;border-radius:100%; text-align:center; line-height:27px;color:#515151;text-align:center; font-size:13px; font-weight:300; letter-spacing:-0.03em; }
.reserve-wrap.reserve .calendar table tbody tr td.before{opacity:0.5}

.reserve-wrap.reserve .calendar table .around{background:#eccbff;}
.reserve-wrap.reserve .calendar table .am{background:#aedaff;}
.reserve-wrap.reserve .calendar table .pm{background:#ffaec7;}
.reserve-wrap.reserve .calendar table .selected{background:none; border:2px solid #2682c6;  line-height:22px;}

.reserve-wrap.reserve .calendar .ico{margin-top:17px;text-align:center; font-size:0;}
.reserve-wrap.reserve .calendar .ico li{ display:inline-block;vertical-align:top; line-height:14px; font-size:14px; padding-left:20px; color:#515151; font-weight:300;position:relative;}
.reserve-wrap.reserve .calendar .ico li:nth-child(n+2){margin-left:17px;}
.reserve-wrap.reserve .calendar .ico li:before{width:14px;height:14px; position:absolute; left:0; top:1px;border-radius:100%; display:block; content:"";}
.reserve-wrap.reserve .calendar .ico li.around:before{background:#eccbff;}
.reserve-wrap.reserve .calendar .ico li.am:before{background:#aedaff;}
.reserve-wrap.reserve .calendar .ico li.pm:before{background:#ffaec7;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.reserve .calendar{padding:20px 25px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve .calendar{margin-left:0;padding:15px 20px;}
		.reserve-wrap.reserve .calendar table tbody tr td{padding:1px 0;}

		.reserve-wrap.reserve .calendar .ico{margin-top:12px;}
		.reserve-wrap.reserve .calendar .con{margin-top:10px; padding:10px;}
	}
	@media only screen and (max-width:780px){
		.reserve-wrap.reserve .calendar{max-width:none;}
		.reserve-wrap.reserve .calendar table tbody tr td{padding:4px 0;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve .calendar{padding:15px;}
		.reserve-wrap.reserve .calendar .ico li{font-size:13px;}		
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .calendar{padding:12px;}
		.reserve-wrap.reserve .calendar table tbody tr td a{font-size:12px;}
	}

.reserve-wrap.reserve .field.cate{padding-left:10px;}
.reserve-wrap.reserve .field.cate .chk-select{width:200px;}
.reserve-wrap.reserve .field.cate .chk-select select{font-size:16px; color:#5c5c5c !important;}

.reserve-wrap.reserve .field.hours{padding-left:10px;}
.reserve-wrap.reserve .field.hours .ctxt{font-weight:500; color:#5c5c5c; letter-spacing:-0.03em; line-height:38px; display:inline-block;vertical-align:top; margin-right:10px; font-size:16px;}
.reserve-wrap.reserve .field.hours .ctxt.mg35{margin-left:35px;}
.reserve-wrap.reserve .field.hours .chk-select{width:140px;}
.reserve-wrap.reserve .field.hours .chk-select select{font-weight:300; color:#515151 !important}

.reserve-wrap.reserve .field.time{padding-left:10px;}
.reserve-wrap.reserve .field.time .chk-radio{margin-right:30px;}
.reserve-wrap.reserve .field.time .chk-radio:last-child{margin-right:0;}

.reserve-wrap.reserve .field.symptom{}
.reserve-wrap.reserve .field.symptom .chk-input{width:100%; box-sizing:border-box; padding-left:10px;}
.reserve-wrap.reserve .field.symptom textarea{height:120px; width:100%; box-sizing:border-box; border:1px solid #d9d9d9; font-size:16px; font-weight:300; padding:10px; line-height:1.5em; resize:none; letter-spacing:-0.03em;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.reserve .field.cate .chk-select select{font-size:15px; }
		.reserve-wrap.reserve .field.symptom textarea{font-size:15px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve .field.cate{padding-left:0;}
		.reserve-wrap.reserve .field.cate .chk-select{width:180px;}
		.reserve-wrap.reserve .field.cate .chk-select select{font-size:14px; }

		.reserve-wrap.reserve .field.hours{padding-left:0;}
		.reserve-wrap.reserve .field.hours .ctxt{font-size:15px}
		.reserve-wrap.reserve .field.hours .ctxt.mg35{margin-left:25px;}
		.reserve-wrap.reserve .field.hours .chk-select{width:110px;}

		.reserve-wrap.reserve .field.time{padding-left:0;}
		.reserve-wrap.reserve .field.time .chk-radio{margin-right:20px}
		
		.reserve-wrap.reserve .field.symptom .chk-input{padding-left:0;}
		.reserve-wrap.reserve .field.symptom textarea{font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve .schedule{margin-top:20px;}
		.reserve-wrap.reserve .schedule .item{padding:25px 15px;}

		.reserve-wrap.reserve .process{padding:15px 15px;}
		.reserve-wrap.reserve .process p{font-size:14px; padding-top:1px;}
		
		.reserve-wrap.reserve .field.hours .ctxt{font-size:14px;margin-right:7px; line-height:35px; }
		.reserve-wrap.reserve .field.hours .ctxt.mg35{margin-left:15px;}
		.reserve-wrap.reserve .field.hours .chk-select{width:100px;}
		
		.reserve-wrap.reserve .field.time .chk-radio{margin-right:15px}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .schedule .item{padding:20px 12px;}
		.reserve-wrap.reserve .field.hours .ctxt{margin-right:6px; }
		.reserve-wrap.reserve .field.hours .ctxt.mg35{margin-left:13px;}
		.reserve-wrap.reserve .field.symptom textarea{font-size:13px;}
	}





.reserve-wrap.reserve .inter{text-align:center; margin-top:55px;}
.reserve-wrap.reserve .inter p{font-size:18px; font-weight:400; color:#3a3a3a;line-height:1.35em;letter-spacing:-0.035em; word-break: keep-all;}

.reserve-wrap.reserve .result{text-align:center; margin-top:70px;}
.reserve-wrap.reserve .result p{font-size:18px; font-weight:300; line-height:1.2em;letter-spacing:-0.03em; word-break: keep-all;}
.reserve-wrap.reserve .result p span{font-weight:500; color:#373d90; }

.reserve-wrap.reserve .btns{margin-top:42px; text-align:center;}
.reserve-wrap.reserve .btns a{width:300px;height:72px; line-height:70px; border-radius:10px; background:#2682c6; display:inline-block;vertical-align:top; font-size:24px; font-weight:500; letter-spacing:-0.03em; color:#fff; text-align:center;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.reserve .btns{margin-top:35px;}
		.reserve-wrap.reserve .btns a{width:260px;height:65px; line-height:63px;font-size:21px}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.reserve .inter{margin-top:40px;}
		.reserve-wrap.reserve .inter p{font-size:17px; }

		.reserve-wrap.reserve .result{margin-top:60px;}
		.reserve-wrap.reserve .result p{ font-size:17px;}

		.reserve-wrap.reserve .btns{margin-top:30px;}
		.reserve-wrap.reserve .btns a{width:240px;height:60px; line-height:58px;font-size:19px}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.reserve .inter{margin-top:30px;}
		.reserve-wrap.reserve .inter p{font-size:16px; }

		.reserve-wrap.reserve .result{margin-top:40px;}
		.reserve-wrap.reserve .result p{ font-size:16px;}

		.reserve-wrap.reserve .btns a{width:220px;height:52px; line-height:51px;font-size:17px}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.reserve .inter p{font-size:15px; }
		.reserve-wrap.reserve .result p{ font-size:15px;}
		.reserve-wrap.reserve .btns a{width:200px;height:45px; line-height:43px;font-size:16px}
	}


/* .reserve-wrap.end */
.reserve-wrap.end{max-width:1100px}
.reserve-wrap.end h3{text-align:center;font-size:30px; font-weight:500; letter-spacing:-0.035em; line-height:34px;color:#3a3a3a; margin-bottom:50px;}
.reserve-wrap.end h3 span{color:#373d90;}

.reserve-wrap.end .stit{ padding:37px 0; text-align:center;}
.reserve-wrap.end .stit span{font-size:24px; font-weight:400; letter-spacing:-0.03em; line-height:34px; padding-left:40px; background:url(../_Img/Sub/ico-processb.jpg) no-repeat left center;color:#3a3a3a}
.reserve-wrap.end .stit i{color:#373d90; font-weight:500;}
.reserve-wrap.end .stit br{display:none;}

.reserve-wrap.end .detail{}
.reserve-wrap.end .detail table{table-layout:fixed;border-bottom:2px solid #3a3a3a;border-top:1px solid #c3c3c3;}
.reserve-wrap.end .detail table tbody{}
.reserve-wrap.end .detail table tbody th{background:#f4f4f4;border-bottom:1px solid #c3c3c3;text-align:center; font-weight:400; font-size:16px; letter-spacing:-0.03em; color:#3a3a3a; padding:10px;}
.reserve-wrap.end .detail table tbody td{border-bottom:1px solid #c3c3c3;text-align:left; font-size:16px; font-weight:400;letter-spacing:-0.03em; color:#3a3a3a; padding:10px 15px;}
.reserve-wrap.end .detail table tbody td p{line-height:38px;}
.reserve-wrap.end .detail .nec{position:relative; display:inline-block;vertical-align:top; width:75px ;text-align:left; padding-left:10px;}
.reserve-wrap.end .detail .nec:after{width:5px;height:5px; border-radius:100%; background:#2682c6;  content:""; display:block; position:absolute; left:0; top:8px;}

.reserve-wrap.end .btns{margin-top:42px; text-align:center;}
.reserve-wrap.end .btns a{width:250px;height:72px; line-height:70px; border-radius:10px; background:#2682c6; display:inline-block;vertical-align:top; font-size:24px; font-weight:500; letter-spacing:-0.03em; color:#fff; text-align:center;}
	@media only screen  and (max-width:1350px) {
		.reserve-wrap.end h3{font-size:27px; margin-bottom:40px;}
		
		.reserve-wrap.end .detail table tbody th{font-size:15px; padding:9px;}
		.reserve-wrap.end .detail table tbody td{font-size:15px; padding:9px 12px;}
		.reserve-wrap.end .detail table tbody td p{line-height:32px;}

		.reserve-wrap.end .detail .nec:after{width:4px;height:4px; top:7px;}

		.reserve-wrap.end .stit{ padding:30px 0;}
		.reserve-wrap.end .stit span{font-size:21px; line-height:1.2em; padding-left:30px ;background-size:22px auto;}

		.reserve-wrap.end .btns{margin-top:35px;}
		.reserve-wrap.end .btns a{width:230px;height:65px; line-height:63px;font-size:21px}
	}
	@media only screen  and (max-width:1200px) {
		.reserve-wrap.end h3{font-size:24px;}
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.end h3{font-size:21px;margin-bottom:30px;}

		.reserve-wrap.end .stit{ padding:25px 0;}
		.reserve-wrap.end .stit span{font-size:19px;background-size:20px auto;}

		.reserve-wrap.end .detail table colgroup col:nth-child(1){width:110px;}
		.reserve-wrap.end .detail table colgroup col:nth-child(3){width:110px;}

		.reserve-wrap.end .btns{margin-top:30px;}
		.reserve-wrap.end .btns a{width:200px;height:60px; line-height:58px;font-size:19px}
	}
	@media only screen and (max-width:780px){
		.reserve-wrap.end .detail table{border-top:2px solid #3a3a3a; border-bottom:none}
		.reserve-wrap.end .detail table colgroup{display:none;}
		.reserve-wrap.end .detail table tbody tr{overflow:hidden;display:block;}
		.reserve-wrap.end .detail table tbody th{font-size:14px; padding:7px 10px; float:left; width:100px; box-sizing:border-box; display:flex;align-items: center; justify-content: left; height:45px;}
		.reserve-wrap.end .detail table tbody td{font-size:14px; padding:7px 10px; float:left;width:calc( 100% - 100px ); box-sizing:border-box; display:flex;align-items: center; justify-content: left; height:45px;}
		.reserve-wrap.end .detail table tbody td p{line-height:1.25em;}
		
		.reserve-wrap.end .detail .nec{padding-left:8px;}
		.reserve-wrap.end .detail .nec:after{width:3px;height:3px; top:9px;}
	}
	@media only screen and (max-width:680px){
		.reserve-wrap.end h3{font-size:19px;margin-bottom:30px;}

		.reserve-wrap.end .stit{ padding:20px 0;}
		.reserve-wrap.end .stit span{font-size:17px;padding-left:25px ;background-size:18px auto;}
		.reserve-wrap.end .stit br{display:block;}

		.reserve-wrap.end .detail table tbody th{font-size:14px; padding:5px 10px; height:40px;}
		.reserve-wrap.end .detail table tbody td{font-size:14px; padding:5px 10px; height:40px;}

		.reserve-wrap.end .btns a{width:180px;height:52px; line-height:51px;font-size:17px}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.end h3{font-size:17px;margin-bottom:20px;}
		.reserve-wrap.end .stit{}
		.reserve-wrap.end .stit span{background-size:16px auto;}
		.reserve-wrap.end .btns a{width:140px;height:45px; line-height:43px;font-size:16px}
	}

/* .reserve-wrap.list */
.reserve-wrap.list{max-width:1100px}
.reserve-wrap.list .total{text-align:right;color:#a1a1a1; font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:1.2em;}
.reserve-wrap.list .total span{color:#767676;}

.reserve-wrap.list table{margin-top:17px; table-layout:fixed; border-bottom:2px solid #3a3a3a}
.reserve-wrap.list table thead th{padding:10px 5px; background:#373d90; font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#fff; text-align:center;}
.reserve-wrap.list table tbody tr td{text-align:center; border-bottom:1px solid #c3c3c3;letter-spacing:-0.03em; padding:13px 5px; height:30px; font-size:16px; color:#3a3a3a; font-weight:300}
.reserve-wrap.list table tbody tr td:first-child{background:#f4f4f4;}
.reserve-wrap.list table .state-btn{height:28px;text-align:center; border:1px solid #bebebe; border-radius:4px;display:inline-block;vertical-align:top; width:64px; font-size:14px; font-weight:300; letter-spacing:-0.03em; line-height:28px; background:#f3f3f3}

.reserve-wrap.list .cviolet{font-weight:400; color:#373d90;}
.reserve-wrap.list .cgray{font-weight:400;color:#9b9b9b}
.reserve-wrap.list .cblack{font-weight:400;color:#3a3a3a}
.reserve-wrap.list .corange{font-weight:400;color:#ff7200}
.reserve-wrap.list .b{font-weight:500 !important;}
	@media only screen  and (max-width:1350px) {
		
	}
	@media only screen  and (max-width:1200px) {
		.reserve-wrap.list .total{font-size:15px}
		.reserve-wrap.list table thead th{font-size:13px;}
		.reserve-wrap.list table tbody tr td{font-size:15px;padding:10px 5px;}
	}
	@media only screen and (max-width:999px){
		.reserve-wrap.list .total{font-size:14px}
		.reserve-wrap.list table{margin-top:15px;} 
		.reserve-wrap.list table tbody tr td{font-size:14px;}
	}
	@media only screen and (max-width:800px){
		.reserve-wrap.list table{border-top:2px solid #373d90; border-bottom:none;}
		.reserve-wrap.list table colgroup{display:none;}
		.reserve-wrap.list table thead{display:none}
		.reserve-wrap.list table tbody tr:first-child{border-top:none;}
		.reserve-wrap.list table tbody tr:nth-child(n+2){margin-top:12px;}
		.reserve-wrap.list table tbody tr{overflow:hidden; box-sizing:border-box; position:relative; padding:0 0; display:block;border:1px solid #c3c3c3}
		.reserve-wrap.list table tbody tr td{float:left;position:relative; padding:7px 0 7px 105px; height:auto; width:100%; box-sizing:border-box; text-align:left; display:block; border-bottom:none;}
		.reserve-wrap.list table tbody tr td:after{width:90px;height:100%; background:#f5f5f5; border-right:1px solid #c3c3c3; box-sizing:border-box; position:absolute; left:0; top:0; display:block; content:""}
		.reserve-wrap.list table tbody tr td:nth-child(1){display:none;}
		.reserve-wrap.list table tbody tr td:nth-child(n+3){border-top:1px solid #c3c3c3}

		.reserve-wrap.list table tbody tr td:before{width:90px; text-align:left; height:100%; text-align:center; top:0; display:flex;align-items: center; justify-content: left; font-size:14px; padding-left:10px; color:#313131; position:absolute; left:0; top:0; z-index:5; line-height:1.1em; font-weight:500; content:"" }
		
		.reserve-wrap.list table tbody tr td:nth-child(2):before{content:"예약번호"}
		.reserve-wrap.list table tbody tr td:nth-child(3):before{content:"이름"}
		.reserve-wrap.list table tbody tr td:nth-child(4):before{content:"초/재진"}
		.reserve-wrap.list table tbody tr td:nth-child(5):before{content:"진료과"}
		.reserve-wrap.list table tbody tr td:nth-child(6):before{content:"의료진"}
		.reserve-wrap.list table tbody tr td:nth-child(7):before{content:"예약날짜"}
		.reserve-wrap.list table tbody tr td:nth-child(8):before{content:"예약시간"}
		.reserve-wrap.list table tbody tr td:nth-child(9):before{content:"구분"}
		.reserve-wrap.list table tbody tr td:nth-child(10):before{content:"취소"}

		.reserve-wrap.list table .state-btn{height:26px; line-height:24px; font-size:13px; width:60px;}
	}
	@media only screen and (max-width:580px){
		.reserve-wrap.list table tbody tr td{font-size:14px; padding:7px 0 7px 95px; }
		.reserve-wrap.list table tbody tr td:after{width:80px;}
		.reserve-wrap.list table tbody tr td:before{font-size:13px;width:80px;}
	}
	@media only screen and (max-width:480px){
		.reserve-wrap.list .total{font-size:13px}
		.reserve-wrap.list table{margin-top:10px;} 
	}



        .doc_brn_more { position:absolute; background:#F60; width:60px; height:30px; bottom:15px; left:370px; z-index:999; color:#fff; text-align:center; padding-top:6px; background:url(../_Img/Sub/btn_tt_01.png) #015294 no-repeat center;}

    @media only screen  and (max-width:1350px) {
		
	}
	@media only screen  and (max-width:1200px) {
       .doc_brn_more { position:absolute; background:#F60; width:50px; height:25px; bottom:15px; left:85%; z-index:999; color:#fff; text-align:center; padding-top:3px; background:url(../_Img/Sub/btn_tt_01.png) #015294 no-repeat center; }		
	}
    @media all and (max-width:767px) {
       .doc_brn_more { position:absolute; background:#F60; width:50px; height:25px; bottom:10px; left:75%; z-index:999; color:#fff; text-align:center;   background:url(../_Img/Sub/btn_tt_01.png) #015294 no-repeat center;}	
	}