@charset "utf-8";

/* common */
.care-title {margin-top: 80px; padding-top: 80px; border-top: dashed 1px #ddd;}
.care-title.mt0 {margin-top: 0; padding-top: 0; border-top: none;}
#mLnb {min-height: 300px;}
#care-lnb {width: 220px;}
#care-lnb.fixed {position: fixed; top: 0; padding-top: 50px; z-index: 99;}

@media (max-width: 1200px){
	.care-title {margin-top: 40px; padding-top: 40px;}
	#mLnb {min-height: 0px;}
	#care-lnb {width: 100%;}	
	#care-lnb.fixed {position: fixed; top: 0; padding-top: 0; left: 0; right: 0;}
	#care-lnb .mLnb__title {display: none;}
	#care-lnb.fixed .nav .sub_nav {padding: 0px !important; border-radius: 0px !important; border: none !important; background: #fff; border-bottom: solid 1px #ddd !important;}
	#care-lnb.fixed .nav .sub_nav:after {content: ''; display: table; clear: both;}
	#care-lnb.fixed .nav .sub_nav > li {display: block !important; margin: 0 !important; float: left !important;}
	#care-lnb.fixed .nav .sub_nav > li:nth-child(1) {width: 30%;}
	#care-lnb.fixed .nav .sub_nav > li:nth-child(2) {width: 25%;}
	#care-lnb.fixed .nav .sub_nav > li:nth-child(3) {width: 45%;}
	#care-lnb.fixed .nav .sub_nav > li > button {height: 44px !important; line-height: 44px !important; text-align: center !important;}
	#care-lnb.fixed .nav .sub_nav > li > button.on {color: #fff !important; background: #007af3 !important; }
}



/* about */
.about {}
.about * {box-sizing: border-box;}
.about li {margin-bottom: 60px;}
.about li:last-child {margin-bottom: 0;}
.about li dl {display: table;}
.about li dl:after {content: ''; display: table; clear: both;}
.about li dl dt {position: relative; width: 50%;}
.about li dl dd {width: 50%; display: table;}
.about li dl dd > div {display: table-cell; width: 100%; vertical-align: middle;}
.about li dl dd h4 {font-size: 34px;}
.about li dl dd h5 {font-size: 16px; font-weight: 500; margin-top: 10px; color: #007af3;}
.about li dl dd p {font-size: 14px; line-height: 1.4; color: #666; margin-top: 20px;}
.about li:nth-child(even) dl dt {float: right;}
.about li:nth-child(even) dl dd {float: left; padding-right: 40px;}
.about li:nth-child(odd) dl dt {float: left;}
.about li:nth-child(odd) dl dd {float: right; padding-left: 40px;}

@media (max-width: 768px){
	.about li {margin-bottom: 40px;}
	.about li dl {display: block;}
	.about li dl dt {width: 100%;}
	.about li dl dd {width: 100%; display: block; height: auto !important; margin-top: 20px;}
	.about li dl dd > div {display: block;}
	.about li dl dd h4 {font-size: 22px;}
	.about li dl dd h4 br {display: none;}
	.about li:nth-child(even) dl dt {float: none;}
	.about li:nth-child(even) dl dd {float: none; padding-right: 0;}
	.about li:nth-child(odd) dl dt {float: none;}
	.about li:nth-child(odd) dl dd {float: none; padding-left: 0;}
}


/* address */
.map-google {}
.map-google iframe {display: block; width: 100% !important;}
.map-address {margin-top: 30px; padding-left: 15px; border-left: solid 1px #aaa;}
.map-address h5 {font-size: 18px; font-weight: 500;}
.map-address p {font-size: 14px; margin-top: 10px; color: #666; line-height: 1.3;}

@media (max-width: 768px){
	.map-address {margin-top: 20px; padding-left: 10px;}
	.map-address h5 {font-size: 16px;}
	.map-address p {font-size: 13px;}
	.map-address p br {display: none;}
}




/* reservation */
#reservation * {box-sizing: border-box;}
.rsv-title {display: table; width: 100%; height: 220px; background: url('https://img.megastudyth.com/reservation/reservation_top_bg.jpg')no-repeat center center / cover;}
.rsv-title > div {display: table-cell; width: 100%; vertical-align: middle; padding-left: 60px; padding-right: 60px;}
.rsv-title h3 {font-size: 30px; color: #fff; font-weight: 300; width: 45%; line-height: 1.2;}
.rsv-title h3 span {font-weight: 500;}

.rsv-introduce {margin-top: 60px;}
.rsv-introduce h5 {font-size: 30px;}
.rsv-introduce p {font-size: 16px; color: #666; font-weight: 300; margin-top: 10px; line-height: 1.3;}

.rsv-step {margin-top: 60px;}
.rsv-step dd {margin-top: 20px;}
.rsv-step dd ul {margin: 0 -20px;}
.rsv-step dd ul:after {content: ''; display: table; clear: both;}
.rsv-step dd ul li {float: left; width: 33.3333%; padding: 0 20px; position: relative;}
.rsv-step dd ul li:after {content: ''; display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; left: 100%; top: 50%; margin-top: -15px; margin-left: -15px; background: #ccc url('https://img.megastudyth.com/reservation/step_arrow.png')no-repeat center center / 8px auto;}
.rsv-step dd ul li:last-child:after {display: none;}
.rsv-step dd ul li > div {padding-bottom: 100%; position: relative;}
.rsv-step dd ul li > div > div {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.rsv-step dd ul li > div > div > div {display: table; width: 100%; height: 100%; border: solid 1px #ddd;}
.rsv-step dd ul li > div > div > div > div {display: table-cell; text-align: center; vertical-align: middle;}
.rsv-step dd ul li p {font-size: 14px;}
.rsv-step dd ul li p:before {content: ''; display: block; margin: 0 auto 20px; width: 90px; height: 90px;}
.rsv-step dd ul li:nth-child(1) p:before {background: url('https://img.megastudyth.com/reservation/step_ico01.png')no-repeat center center / cover;}
.rsv-step dd ul li:nth-child(2) p:before {background: url('https://img.megastudyth.com/reservation/step_ico02.png')no-repeat center center / cover;}
.rsv-step dd ul li:nth-child(3) p:before {background: url('https://img.megastudyth.com/reservation/step_ico03.png')no-repeat center center / cover;}

.rev-bullet {position: relative; padding-left: 20px; font-size: 20px; font-weight: 400; line-height: 0.9;}
.rev-bullet:before {content: ''; display: block; width: 15px; height: 15px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; border-right: 15px solid transparent; border-bottom: 15px solid #007af3;}

.rsv-saying {margin-top: 60px; display: table; width: 100%;}
.rsv-saying dt {display: table-cell; vertical-align: middle; width: 50%; padding: 40px; line-height: 1.3; border: solid 1px #ddd;}
.rsv-saying dt h5 {font-size: 26px; font-weight: 200;}
.rsv-saying dt p {margin-top: 20px; font-size: 24px; font-weight: 500;}
.rsv-saying dt p span {color: #007af3;}
.rsv-saying dd {display: table-cell; vertical-align: middle; width: 50%; background: url('https://img.megastudyth.com/reservation/reservation_road.jpg')no-repeat center center / cover;}
.rsv-saying dd div {padding-bottom: 68.1818%;}


.rsv-care {margin-top: 60px;}
.rsv-care dd {border: solid 1px #ddd; background: #fafafa; padding: 20px 30px; margin-top: 20px;}
.rsv-care dd ol:after {content: ''; display: table; clear: both;}
.rsv-care dd ol li {position: relative; float: left; width: 50%; padding: 5px 0; font-size: 16px; font-weight: 300; padding-left: 20px;}
.rsv-care dd ol li:before {content: ''; display: block; width: 14px; height: 14px; position: absolute; left: 0; top: 8px; background: url('https://img.megastudyth.com/reservation/reservation_care_check.png')no-repeat center center / cover;}

.rsv-form__title {margin-top: 80px; padding-top: 80px; border-top: dashed 1px #ccc; text-align: center; font-size: 36px; font-weight: 600;}

.rsv-resv {margin-top: 30px; border: solid 1px #ddd; background: #fafafa; padding: 20px;}
.rsv-resv h5 {font-size: 16px; font-weight: 400;}
.rsv-resv p {font-size: 13px; font-weight: 300; margin-top: 10px; line-height: 1.3;}

.rsv-form {margin-top: 20px;}
.rsv-form__table {table-layout: auto;}
.rsv-form__table th,
.rsv-form__table td {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px; text-align: left; font-size: 16px;}
.rsv-form__table th {width: 200px; font-weight: 500; background: #fafafa;}
.rsv-form__table th br {display: none;}
.rsv-form__table td {width: auto;}

.rsv-form__table input[type="text"],
.rsv-form__table input[type="email"],
.rsv-form__table input[type="tel"] {display: block; width: 100%; height: 36px; box-sizing: border-box; padding: 0 5px; border: solid 1px #c1c8d0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.rsv-form__table select {display: block; height: 36px; width: 100%; padding-left: 5px; padding-right: 30px; border: solid 1px #c1c8d0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/reservation/select_arrow.png')no-repeat right 10px center / 11px auto; cursor: pointer;}
.rsv-form__table textarea {display: block; padding: 10px; border: solid 1px #c1c8d0; width: 100%; height: 200px; resize: none; box-sizing: border-box;}
.rsv-form__table input[type="text"]:focus,
.rsv-form__table input[type="email"]:focus,
.rsv-form__table input[type="tel"]:focus,
.rsv-form__table select:focus,
.rsv-form__table textarea:focus {border-color: #007af3;}

.rsv-form__name {max-width: 300px !important;}
.rsv-form__mail {max-width: 300px;}
.rsv-form__select {max-width: 300px;}

.rsv-form__visit {width: 100%; max-width: 300px;}
.rsv-form__visit:after {content: ''; display: table; clear: both;}
.rsv-form__visit li {float: left; box-sizing: border-box;}
.rsv-form__visit li:nth-child(1) {width: 50%; padding-right: 5px;}
.rsv-form__visit li:nth-child(2) {width: 50%; padding-left: 5px;}

.rsv-form__day {position: relative;}
.rsv-form__day input[type="text"] {padding-right: 36px;}
.rsv-form__day input[type="text"] + button {display: block; position: absolute; right: 0; top: 0; width: 36px; height: 36px; text-indent: -9999px; background: url('https://img.megastudyth.com/reservation/datepicker_calendar.png')no-repeat center center / 16px auto;}
.rsv-form__time {}

.rsv-form__phone {width: 100%; max-width: 300px;}
.rsv-form__phone:after {content: ''; display: table; clear: both;}
.rsv-form__phone li {float: left;}
.rsv-form__phone li:nth-child(odd) {width: 30%;}
.rsv-form__phone li:nth-child(even) {width: 5%; text-align: center; height: 36px; line-height: 36px; font-size: 14px; font-weight: 400;}

.rsv-form__submit {margin-top: 30px; text-align: center;}
.rsv-form__submit button {display: inline-block; margin: 0 5px; width: 200px; height: 50px; border-radius: 4px; margin: 0 auto; line-height: 50px; color: #fff; font-size: 20px; font-weight: 700; -webkit-transition: all 0.3s; transition: all 0.3s;}
.rsv-form__submit button.gry {background: #666;}
.rsv-form__submit button.blu {background: #007af3;}


.rsv-form__desc {margin-top: 40px; padding-top: 60px; position: relative; text-align: center;}
.rsv-form__desc:before {content: ''; display: block; width: 1px; height: 20px; background: #aaa; position: absolute; top: 0; left: 50%;}
.rsv-form__desc p {font-size: 14px;}
.rsv-form__desc a {display: inline-block; position: relative; padding-left: 35px; height: 30px; line-height: 26px; margin-top: 5px; font-size: 17px;}
.rsv-form__desc a:hover {text-decoration: underline;}
.rsv-form__desc a:before {content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; background: url('https://img.megastudyth.com/reservation/naver_line.png')no-repeat center center / cover;}




@media (max-width: 768px){
	.rsv-title {height: 160px;}
	.rsv-title > div {padding-left: 20px; padding-right: 20px;}
	.rsv-title h3 {font-size: 20px; width: 70%;}
	.rsv-introduce {margin-top: 30px;}
	.rsv-introduce h5 {font-size: 20px;}
	.rsv-introduce p {font-size: 14px;}
	.rsv-step {margin-top: 30px;}
	.rsv-step dd {margin-top: 20px;}
	.rsv-step dd ul {margin: 0;}
	.rsv-step dd ul li {float: none; width: 100%; padding: 0; margin-bottom: 10px;}
	.rsv-step dd ul li:last-child {margin-bottom: 0;}
	.rsv-step dd ul li:after {display: none;}
	.rsv-step dd ul li:last-child:after {display: none;}
	.rsv-step dd ul li > div {padding-bottom: 0;}
	.rsv-step dd ul li > div > div {position: static;}
	.rsv-step dd ul li > div > div > div {display: block; height: auto;}
	.rsv-step dd ul li > div > div > div > div {display: block; text-align: left; padding: 25px 25px 25px 100px;}
	.rsv-step dd ul li p {font-size: 16px; font-weight: 300;}
	.rsv-step dd ul li p:before {margin: 0; width: 50px; height: 50px; position: absolute; left: 25px; top: 50%; margin-top: -25px; }
	.rsv-step dd ul li p:after {position: absolute; right: 15px; top: 50%; color: #e5e5e5; font-size: 30px; font-weight: 500; transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.rsv-step dd ul li:nth-child(1) p:after {content: '01';}
	.rsv-step dd ul li:nth-child(2) p:after {content: '02';}
	.rsv-step dd ul li:nth-child(3) p:after {content: '03';}
	.rev-bullet {padding-left: 15px; font-size: 18px; line-height: 0.6;}
	.rev-bullet:before {width: 10px; height: 10px; border-right: 10px solid transparent; border-bottom: 10px solid #007af3;}
	.rsv-saying {margin-top: 30px; display: block; width: 100%;}
	.rsv-saying dt {display: block; width: 100%; padding: 20px;}
	.rsv-saying dt h5 {font-size: 20px;}
	.rsv-saying dt p {margin-top: 10px; font-size: 16px;}
	.rsv-saying dt p br {display: none;}
	.rsv-saying dd {display: block; vertical-align: middle; width: 100%;}
	.rsv-care {margin-top: 30px;}
	.rsv-care dd {padding: 20px;}
	.rsv-care dd ol li {float: none; width: 100%; padding: 0 0 0 20px; font-size: 14px; margin-bottom: 10px;}
	.rsv-care dd ol li:last-child {margin-bottom: 0;}
	.rsv-care dd ol li:before {top: 0;}
	.rsv-form__title {margin-top: 40px; padding-top: 40px; font-size: 26px;}
	.rsv-resv {margin-top: 20px; padding: 15px;}
	.rsv-resv h5 {font-size: 14px;}
	.rsv-resv p {font-size: 12px;}
	.rsv-form {margin-top: 15px;}
	.rsv-form__table th,
	.rsv-form__table td {padding: 5px; font-size: 14px;}
	.rsv-form__table th {width: 80px;}
	.rsv-form__table th br {display: block;}
	.rsv-form__table input[type="text"],
	.rsv-form__table input[type="email"],
	.rsv-form__table input[type="tel"] {font-size: 14px;}
	.rsv-form__table select {font-size: 14px;}
	.rsv-form__table textarea {font-size: 14px;}
	.rsv-form__visit li {float: left;}
	.rsv-form__visit li:nth-child(1) {padding-right: 2px;}
	.rsv-form__visit li:nth-child(2) {padding-left: 2px;}
	.rsv-form__submit {margin-top: 20px;}
	.rsv-form__submit button {width: 160px; height: 44px; line-height: 44px; font-size: 16px;}
	.rsv-form__desc {margin-top: 20px; padding-top: 40px;}
	.rsv-form__desc p {font-size: 13px;}
	.rsv-form__desc a {padding-left: 25px; height: 20px; line-height: 18px; margin-top: 10px; font-size: 14px; text-decoration: underline;}
	.rsv-form__desc a:before {width: 20px; height: 20px; margin-top: -10px;}
}




.mpg-care__btn {display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; white-space: nowrap; font-size: 12px !important; text-align: center; border: solid 1px #0082ff; color: #0082ff; box-sizing: border-box; font-size: 14px; font-weight: 400; -webkit-border-radius: 6px; border-radius: 6px;}
.mpg-care__btn.disabled {background: #eee; border-color: #eee; color: #aaa;}
.mpg-care__more {position: relative; border: solid 1px #ddd; padding: 10px; -webkit-border-radius: 6px; border-radius: 6px;}
.mpg-care__more p {cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 1.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mpg-care__more p.on {height: auto; -webkit-line-clamp: inherit;}
.mpg-care__more p:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; right: 7px; top: 7px; text-indent: -9999px; background: url('https://img.megastudyth.com/common/board_more_down.png')no-repeat center center / 8px auto;}
.mpg-care__more p.on:after {background: url('https://img.megastudyth.com/common/board_more_up.png')no-repeat center center / 8px auto;}