@charset "utf-8";
/* ==========================================================================
   service_popup.css — service 모달 확장 (modal.css 이후)
   ========================================================================== */

/* --------------------------------------------------------------------------
   modal_lesson_coupon — 레슨/쿠폰 약관
   -------------------------------------------------------------------------- */
.modal_lesson_coupon .modal-content {max-width:660px;padding:60px 40px 35px;height:730px;}
.modal_lesson_coupon .modal-content.type_titS .modal-title {padding-bottom:45px;}
.modal_lesson_coupon .modal-content.type_titS .modal-cont {padding:0;}
.modal_lesson_coupon .agree_area {padding:20px 0;border:1px solid #e0e0e0;max-height:320px;}
.modal_lesson_coupon .agree_area dl {margin-bottom:19px;padding:0 42px;position:relative;color:#000;line-height:22px;}
.modal_lesson_coupon .agree_area dl.info_star:before {content:'*';display:inline-block;position:absolute;left:30px;top:3px;}
.modal_lesson_coupon .agree_area dl dt {font-family:'yoonb';font-size:13px;}
.modal_lesson_coupon .agree_area dl dd {font-size:13px;margin:0.25em 0;}
.modal_lesson_coupon .agree_area dl dd strong {font-family:'yoonb',sans-serif;font-size:1.2em;text-decoration:underline;}
.modal_lesson_coupon .coupon_agree_btn {padding:30px 100px 10px;text-align:center;color:#000;}
.modal_lesson_coupon .coupon_agree_btn li {float:left;width:50%;}
.modal_lesson_coupon .coupon_agree_btn input {width:18px;height:18px;vertical-align:top;border:1px solid #000;}
.modal_lesson_coupon .coupon_agree_btn label {padding-left:10px;}
.modal_lesson_coupon .pd_select {margin:45px 60px 40px;}
.modal_lesson_coupon .pd_select .mt_btn button {height:50px;padding-left:15px;}
.modal_lesson_coupon .pd_select .mt_select p b {padding-left:5px;color:#ee3f22;}
.modal_lesson_coupon .btn_area button {margin:0 6px;max-width:135px;}
.modal_lesson_coupon .mt_list button {padding-left:15px;height:50px;}
.modal_lesson_coupon .mt_btn {border:0;border-bottom:1px solid rgba(0,0,0,0.15);}
.modal_lesson_coupon .mt_btn button p {padding-left:0;color:#888;font-size:16px;}

/* --------------------------------------------------------------------------
   modal_beauty_user — 뷰티 유저 동의 (lesson_coupon 변형)
   -------------------------------------------------------------------------- */
.modal_beauty_user.modal_lesson_coupon .modal-content {height:auto;font-family:'yoon',sans-serif;}
.modal_beauty_user.modal_lesson_coupon .modal-content.type_titS .modal-title {padding-bottom:24px;font-family:'yoon',sans-serif;font-weight:700;}
.modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree {min-height:54px;padding:15px 0;border:0;text-align:left;}
.modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree label {padding-left:44px;font-weight:700;font-size:18px;color:#000;line-height:1.4;}
.modal_beauty_user.modal_lesson_coupon .agree_area {max-height:157px;padding:10px 0;overflow:hidden;overflow-y:auto;}
.modal_beauty_user.modal_lesson_coupon .agree_area .mCSB_scrollTools {width:23px;}
.modal_beauty_user.modal_lesson_coupon .agree_area .mCSB_container {padding:10px 0;}
.modal_beauty_user.modal_lesson_coupon .agree_area dl {padding:0 30px;}
.modal_beauty_user.modal_lesson_coupon .agree_area dl.info_star:before {left:17px;}
.modal_beauty_user.modal_lesson_coupon .agree_area dl dt {font-family:'yoon',sans-serif;font-weight:700;font-size:16px;color:#000;}
.modal_beauty_user.modal_lesson_coupon .agree_area dl dd {font-size:16px;color:#333;}
.modal_beauty_user.modal_lesson_coupon .coupon_agree_btn {margin-bottom:15px;padding:14px 0;}
.modal_beauty_user.modal_lesson_coupon .coupon_agree_btn li {float:none;display:inline-block;width:auto;margin:0 21px;}
.modal_beauty_user.modal_lesson_coupon .mh_input .jgeeseInput.radio_box label {min-height:27px;padding-left:28px;font-size:18px;color:#333;line-height:1.3;}
.modal_beauty_user.modal_lesson_coupon .modal-content .btn_area {padding:8px 0;font-size:0;}
.modal_beauty_user.modal_lesson_coupon .btn_area button {max-width:140px;margin:0 4px;}

/* --------------------------------------------------------------------------
   modal_reserv — 예약 확인
   -------------------------------------------------------------------------- */
.modal_reserv .modal-content {max-width:660px;}
.modal_reserv .modal-content.type_titS .modal-title {padding-bottom:55px;}
.modal_reserv .modal-content.type_titS .modal-cont {padding:0 70px;}
.modal_reserv .title {margin-bottom:60px;font-size:26px;color:#000;letter-spacing:0;}
.modal_reserv .inner {border-bottom:1px solid #e0e0e0;font-size:16px;color:#000;}
.modal_reserv .inner table {width:100%;}
.modal_reserv .inner th {text-align:left;}
.modal_reserv .inner th,
.modal_reserv .inner td {padding:7px 0;}
.modal_reserv .inner .reserv_map li a {color:#ee3f22;font-size:13px;border-bottom:1px solid #ee3f22;}
.modal_reserv .inner .reserv_map li {float:left;}
.modal_reserv .inner .reserv_map li:first-child {margin-right:10px;}
.modal_reserv .inner .txt_box {position:static;}
.modal_reserv .inner .txt_box th {padding:9px 0 0;vertical-align:top;}
.modal_reserv .inner .txt_box td textarea {border:0;color:#000;padding:0;}
.modal_reserv .reserv_q {text-align:center;position:relative;}
.modal_reserv .btn_area button {margin:10px 5px;}
.modal_reserv .reserv_q p {padding:35px 0 35px 3px;font-size:16px;}
.modal_reserv .reserv_q p .ico_rv {padding-left:45px;background:url(/resources/images/service/note.png) no-repeat left center;line-height:35px;display:inline-block;color:#000;}

/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media only all and (max-width:640px) {
	.modal_lesson_coupon .modal-content {max-width:inherit;width:295px;}
	.modal_lesson_coupon .modal-content.type_titS {padding:60px 25px 25px;height:550px;}
	.modal_lesson_coupon .modal-content.type_titS .modal-title {padding-bottom:30px;font-size:16px;letter-spacing:0;}
	.modal_lesson_coupon .modal-content.type_titS .modal-cont {padding:0;height:260px;}
	.modal_lesson_coupon .agree_area {max-height:260px;padding:20px 5px 0 5px;font-size:11px;}
	.modal_lesson_coupon .agree_area dl {margin-bottom:19px;padding:0 15px;line-height:inherit;}
	.modal_lesson_coupon .coupon_agree_btn {padding:10px 0 20px;font-size:13px;}
	.modal_lesson_coupon .coupon_agree_btn input {margin-right:3px;width:14px;height:14px;}
	.modal_lesson_coupon .pd_select {margin:0;font-size:13px;}
	.modal_lesson_coupon .pd_select .mt_btn button,
	.modal_lesson_coupon .mt_list button {height:50px;padding-left:15px;}
	.modal_lesson_coupon .pd_select .mt_select p b {padding-left:5px;}
	.modal_lesson_coupon .btn_area {padding-top:30px;}
	.modal_lesson_coupon .btn_area button {max-width:120px;height:42px;line-height:42px;margin:0 1px;font-size:13px;}
	.modal_lesson_coupon .agree_area dl.info_star:before {left:5px;}
	.modal_lesson_coupon .mt_btn button p {font-size:13px;}

	.modal_beauty_user.modal-wrap {padding:15px;}
	.modal_beauty_user.modal-wrap .modal-content {width:100%;height:auto;padding:50px 25px 30px;}
	.modal_beauty_user.modal-wrap .modal-content.type_titS .modal-cont {height:auto;}
	.modal_beauty_user.modal_lesson_coupon .modal-content.type_titS .modal-title {padding-bottom:15px;}
	.modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree {min-height:20px;padding:10px 0;}
	.modal_beauty_user.modal_lesson_coupon .modal-content .modal-cont .all_agree label {padding-left:28px;font-size:13px;line-height:1.3;}
	.modal_beauty_user.modal_lesson_coupon .agree_area {max-height:150px;}
	.modal_beauty_user.modal_lesson_coupon .agree_area dl {padding:0 22px;margin-bottom:14px;}
	.modal_beauty_user.modal_lesson_coupon .agree_area dl.info_star:before {left:13px;}
	.modal_beauty_user.modal_lesson_coupon .agree_area dl dt,
	.modal_beauty_user.modal_lesson_coupon .agree_area dl dd {font-size:12px;}
	.modal_beauty_user.modal_lesson_coupon .coupon_agree_btn li {margin:0 10px;}
	.modal_beauty_user.modal_lesson_coupon .mh_input .jgeeseInput.radio_box label {min-height:18px;padding-left:20px;font-size:13px;}
	.modal_beauty_user.modal_lesson_coupon .modal-content .btn_area {padding-bottom:6px 0;}
	.modal_beauty_user.modal_lesson_coupon .agree_area .mCSB_scrollTools {width:12px;}
	.modal_beauty_user.modal_lesson_coupon .agree_area .mCSB_container {padding:6px 0;}

	.modal_reserv .modal-content {max-width:inherit;width:295px;padding:65px 25px 25px;}
	.modal_reserv .modal-content.type_titS .modal-title {padding-bottom:5px;font-size:16px;}
	.modal_reserv .modal-content.type_titS .modal-cont {padding:0;}
	.modal_reserv .title {margin-bottom:25px;font-size:13px;}
	.modal_reserv .inner {font-size:12px;}
	.modal_reserv .inner th,
	.modal_reserv .inner td {padding:9px 0;}
	.modal_reserv .inner th {width:30%;}
	.modal_reserv .inner td {width:70%;}
	.modal_reserv .inner .reserv_map li:first-child {margin-right:10px;font-size:12px;}
	.modal_reserv .inner .reserv_map li a {font-size:10px;}
	.modal_reserv .inner .txt_box th {padding:9px 0 0;}
	.modal_reserv .inner .txt_box td textarea {font-size:12px;line-height:2;}
	.modal_reserv .reserv_q {max-width:120px;margin:0 auto;}
	.modal_reserv .reserv_q p {padding:30px 0 20px 3px;letter-spacing:0;font-size:16px;}
	.modal_reserv .reserv_q p .ico_rv {padding-left:0;padding-top:30px;background:url(/resources/images/service/note.png) no-repeat top center;line-height:inherit;font-size:13px;background-size:25px;}
	.modal_reserv .btn_area button {margin:0 1px;max-width:120px;height:42px;line-height:42px;font-size:13px;}
}

/* --------------------------------------------------------------------------
   hover
   -------------------------------------------------------------------------- */
@media (hover:hover) {
	.modal_lesson_coupon .mt_list button:hover {height:50px;padding-left:15px;}
}