@charset "utf-8";

.web_col{ display: table-column-group; }
.mob_col{ display: none; }
.mob_td{ display: none; }

@media ( max-width: 991px) {
	.web_col{ display: none; }
	.mob_col{ display: table-column-group; }
	.web_td{ display: none; }
	.mob_td{ display: table-row; }
}

#mypage, #order, #coupon_view{ background: #fff; }
.location a{ display: inline-block; vertical-align: middle; }

/*메뉴버튼*/
#mypage .mybtn ul li{ padding-bottom: 15px; }
#mypage .mybtn ul li img{ width: auto; max-width: 100%; }
#mypage .mybtn ul li a{ padding: 1em 0; font-size: 1.2em; text-align: center; border:1px solid #e5e5e5; }
#mypage .mybtn ul li:hover a{ font-weight: 500; color: #0d569b; border:1px solid #0d569b; }

#mypage .new h2 { font-size: 1.2em; padding: 1em 0 15px 0; font-weight: 500; }
#mypage .new h2 i{ margin: 0 5px 0 0; padding: 5px; font-size: 0.8em; font-weight: 300; color: #fff; border-radius: 5px; background: #0d569b; }

#mypage .new_order table{ border-top:2px solid #0d569b; }
#mypage .new_order th , #mypage .new_order td{ padding: 1em 10px; text-align: center; border-bottom: 1px solid #eee; }
#mypage .new_order th{ background: #f3f3f3; }

#mypage .state { padding: 0 0 2% 0; overflow: hidden; }
#mypage .state li{ float: left; padding:0 10px 0 0; }
#mypage .state li a{ display: block; padding:5px 10px; color: #ccc; border-bottom: 1px solid #fff; }
#mypage .state li:hover a{ color: #0d569b; border-bottom: 1px solid #0d569b; }
#mypage .state .on a{ color: #0d569b; border-bottom: 1px solid #0d569b; }

#coupon_view img{ width: auto; max-width: 100%; }
#coupon_view li{ text-align: center; }
#coupon_view .img{ max-width: 350px; margin: 0 auto; }
#coupon_view .coupon { position: relative; display: inline-block; }
#coupon_view .coupon_info{ position: absolute; top: 50%; left: 0; width: 80%; padding: 0 0 0 20px ; transform: translate( 0, -50%); }
#coupon_view .coupon_info p{ padding: 0 0 5px 0; }
#coupon_view .cupon_on{ display: block; }
#coupon_view .cupon_off{ display: none; }
#coupon_view .coupon_state { width: 70%; margin: 0 auto; overflow: hidden; }
#coupon_view .coupon_state dt{ font-weight: 400; text-align: center; line-height: 40px; border: 1px solid #f3f3f3; border-radius: 5px; background: #f3f3f3; }
#coupon_view .coupon_state dd p{ text-align: right; line-height: 40px; padding: 0 10px; border: 1px solid #cdcdcd; }
#coupon_view .on .cupon_on{ display: none; }
#coupon_view .on .cupon_off{ display: block; }
#coupon_view .on { color: #ccc; }
#coupon_view .on .coupon_info div { display: none; }

#coupon_view .guide { width: 70%; margin: 0 auto; color: #525252; overflow: hidden; }
#coupon_view .guide dt{ width: 20%; text-align:center; padding:5px 0; font-weight: 500; }
#coupon_view .guide dd{ padding: 20px 0 5px 0; }
#coupon_view .guide p{ display: block; position: relative; padding: 0 0 5px 0; }
/* #coupon_view .guide p:before{ content: "-"; position: absolute; left: -10px; } */

@media ( max-width: 991px) {
	#coupon_view .guide dt{  padding: 30px 0 5px 0; font-weight: 500;  }
	#coupon_view .coupon_state { width: 100%; }
	#coupon_view .guide { width: 100%; }
}

/* 예약확인 */
#order h2{ font-size: 1.2em; padding: 1em 0 15px 0; font-weight: 500; }
#order h2 i{ margin: 0 5px 0 0; padding: 5px; font-size: 0.8em; font-weight: 300; color: #fff; border-radius: 5px; background: #0d569b; }

#order dl{ margin: 0 0 10px 0; overflow: hidden; }
#order dt{ padding: 0 4px; letter-spacing: -1px; font-weight: 300; text-align: center; border:1px solid #f3f3f3; border-radius: 5px; background: #f3f3f3; }

#order .view .info_wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; line-height: 50px; }
#order .view .info_wrap > div { width: 100%; }
/* 	#order .view .info_wrap > div { width: calc(100% / 3); }
	#order .view .btn_box { color: #fff; background: #fa4169; }
	#order .view .btn_box input { display: block; height: 50px; line-height: 50px; } */

#order .view .buyer{ padding: 0 0 10px 0; border-bottom: 1px solid #eee; overflow: hidden; }
#order .view .buyer dt{ line-height: 40px; }
#order .view .buyer p{ line-height: 40px; padding: 0 10px; border: 1px solid #cdcdcd; }
#order .view .buyer pre{ min-height: 40px; padding: 6px 10px; border: 1px solid #cdcdcd; border-radius: 0; background: #fff; }

#order .view .billing{ padding: 0 0 10px 0; border-bottom: 1px solid #eee; overflow: hidden; }
#order .view .billing dt{ line-height: 40px; letter-spacing: -1px; }
#order .view .billing p{ line-height: 40px; padding: 0 10px; border: 1px solid #cdcdcd; }

#order .view .voucher{ padding: 0 0 10px 0; border-bottom: 1px solid #eee; background: #f3f3f3; overflow: hidden; }
#order .view .voucher h2{ text-align:center; }
#order .view .voucher dt{ line-height: 40px; letter-spacing: -1px; }
#order .view .voucher dd p{ padding: 0 10px; line-height: 40px; border: 1px solid #cdcdcd; }
#order .view .voucher .guide{ padding: 10px; border-radius: 5px; }
#order .view .voucher .guide h5{ padding: 10px; background: #cdcdcd; }
#order .view .voucher .guide ul{ padding: 10px 0; }
#order .view .voucher .guide li{ position: relative; padding: 0 10px 5px 15px; }
#order .view .voucher .guide li:before{ content: "\e93f"; position: absolute; left:0; font-family: "xeicon"; }

#order .product h2{ padding: 1em 0 0 0; }
#order .product ul{ padding: 20px 0; border-bottom: 1px solid #eee; overflow: hidden; }
#order .product ul li{ float: left; }
#order .product .img{ width:20%; border-radius: 10px; overflow: hidden; }
#order .product .name_wrap{ width:80%; padding: 0 10px 10px 10px; }
#order .product .option_wrap{ width:80%; padding: 0 10px; }

#order .product .icon i{ display: inline-block; margin: 0 5px 0 0; padding: 2px 10px; font-size: 0.7em; border:1px solid; border-radius: 20px; }
#order .product .title{ padding: 5px 0; }
#order .product dt{ float: left; width: 30%; padding: 5px 0; border: 1px solid #f3f3f3; border-radius: 5px 0 0 5px; background: #f3f3f3; }
#order .product dd{ float: left; width: 70%; padding: 5px 10px; border: 1px solid #f3f3f3;}
#order .order_btn{ text-align: center; }
#order .order_btn a{ display: inline-block; vertical-align:middle; line-height: 30px; margin:0 5px; padding:10px 20px; }
#order .order_btn div{ display: inline-block; vertical-align:middle; line-height: 30px; margin:0 5px; padding:10px 20px; }

/* 증빙서류 */
#order .doc_view p { overflow: hidden; }
	#order .doc_view span { padding: 0; }
	#order .doc_view input { border: 0; }

/* 리뷰 */
#order .product .comment_wrap{ float: right; width: 80%; padding: 15px 10px 0 10px; }
#order .product .comment_wrap h5{ padding: 0 0 10px 0; }
#order .product .comment{ padding: 0 0 15px 0; }
#order .product .comment .text-right{ display:block; padding:10px 0 0 0; }
#order .product .comment ul{ padding: 0;     border-bottom: 0; }
#order .product .comment a{ display: inline-block; }
#order .comment .com_wrap .re dl{margin:0;}
#order .comment .com_wrap .re dl dt{ width: 100%; text-align: left; padding: 0; border: 0; border-radius: 0; background: none; }

@media ( max-width: 991px) {
	#order .product ul{ padding: 20px 0 10px 0; }
	#order .product .img{ width:30%; }
	#order .product .name_wrap{ width:70%; }
	#order .product .option_wrap{ width:100%; padding: 10px 0 0 0; clear: both; }
	#order .product .comment_wrap{ width: 100%; }
}

#mypage .caution{ padding: 15px 0; }
#mypage .caution ul{ padding: 10px; font-size: 0.8em; border-radius: 10px; background: #eee; }

/*쿠폰*/
#mypage .copon .register { padding: 0 0 1.5em 0; }
#mypage .copon .register .title{ line-height: 40px; text-align: center; border-radius: 5px; background: #f3f3f3; }
#mypage .copon .register input[type="submit"]{ color: #fff; border-radius: 5px; background: #0d569b; }

#mypage .copon table { border-top: 2px solid #0d569b; }
#mypage .copon th { padding: 1em 10px; text-align: center; background: #f3f3f3; }
#mypage .copon td { padding: 1em 10px; text-align: center; border-bottom: 1px solid #eee; }

/*적립금*/
#mypage .point .point_tt{ padding:0 0 10px 0; }
#mypage .point .point_tt b{ font-size: 1.5em; }
#mypage .point table { border-top: 2px solid #0d569b; }
#mypage .point th { padding: 1em 10px; text-align: center; background: #f3f3f3; }
#mypage .point td { padding: 1em 10px; text-align: center; border-bottom: 1px solid #eee; }

/*내정보수정*/
.form-group p{ height: 40px; padding: 0 10px; line-height: 39px; border:1px solid #cdcdcd; }
.form-group .title{ border:0; border-radius: 5px; background: #f3f3f3; }
.caution{ padding: 0 0 15px 0; }
.caution ul{ padding: 10px; font-size: 0.8em; border-radius: 10px; background: #eee; }
@media (max-width:991px) {
	.form-group .title{ padding: 0 10px 0 0; background: #fff; }
	.form-group .title:before{ content:"\e93f"; font-family: 'xeicon' !important; }
}