@charset "utf-8";
/*
<UPLEAT> UI Dev Team
{Oh Young Ju}, {An Se Jung}, {Lee Yun Hee}, Hwang Mi Ae, Kim So Young, Cho Han Sol, {Kang Young Sun}
commnet : pc mpg
 */

.coupon_sitem{display:inline-block;content:'';background-repeat:no-repeat;background-image:url('https://image.hanatour.com/usr/static/img/pc/mpg/spr_mpg.png')}
.reviews_thumnail_wrap{border-top:2px solid #111;padding:20px 0 0 194px;position:relative;min-height:136px;margin-bottom:20px}
.reviews_thumnail_wrap .img{position:absolute;top:20px;left:0;width:174px;height:116px;display:block}
.reviews_thumnail_wrap .img img{display:block;width:174px;height:116px}
.reviews_thumnail_wrap .item_text.stit{margin-top:0;font-size:13px;color:#666}
.companion_type .form_holder{width:22%}
.msg_wrap .msg_box .btn_wrap{margin-top:15px;padding-left:60px;text-align:left}

.user_info{padding:20px 0 15px;font-size:15px;color:#333;font-weight:bold}
.mailto_list{overflow:hidden}
.mailto_list .right_cont{margin-top:10px}
.mailto_list+.mailto_list{margin-top:22px}

.list_bul_wrap.wide ul li{padding-bottom:18compx}
.list_bul_wrap.wide ul li:last-child{padding-bottom:0}
.tbl td>a:hover{text-decoration:underline}
.tbl td>a.btn:hover{text-decoration:none}
.lypop_body .coupon_list_wrap{margin:0 auto;float:none}

.text_wrap.type .right_cont a.txt.arrow_r{top:5px}
.member_info{display:table;background:#fff;border:2px solid #e26a98}
.member_info .inr{display:table-cell;float:none;width:auto;padding:40px;vertical-align:middle}
.member_info .inr.right{float:none;width:409px;height:auto;background:#f7f7f7}
.member_info .inr.right2{width:492px;background:#f7f7f7}
.member_info .inr.right .tit,
.member_info .inr.right2 .tit{display:inline-block;font-size:17px;color:#333}
.member_info .inr.right .txt{margin-top:10px}
.member_info .inr.right .grade3{margin-left:5px}
.member_info a.txt.arrow_r + a.txt.arrow_r{margin-left:29px}
.member_info a.txt.arrow_r{padding-right:18px;font-size:14px;color:#666}
.member_info a.txt.arrow_r:after{width:14px;height:14px;background:url('https://image.hanatour.com/usr/static/img/pc/com/spr_com.png') no-repeat;background-position:-463px -78px}
.member_info .tit_area .tit_group .nrank{font-size:17px;font-weight:600;line-height:27px;vertical-align:middle}
.member_info .tit_area .tit_group .nrank .grade3:before{top:5px}
.member_info .tit_area .tit_group .nrank .grade3{margin-left:5px}
.tit_area{position:relative;height:100px}
.tit_area .tit_group{display:block;height:100px;padding-left:105px}
.tit_area .tit_group strong{display:block;font-size:22px;color:#111;font-weight:400;line-height:32px}
.tit_area .tit_group strong .bk{font-weight:600}
.tit_area .tit_group p{padding-top:15px;font-size:15px;color:#333;line-height:1}
.tit_area + strong{display:block;padding-top:46px}
.tit_area + strong,
.tit_area + strong + p{font-size:22px;color:#666}
/*마이페이지_회원등급 */
.member_info .tit_area .grade,
.member_info .tbl .grade{display:inline-block;width:80px;height:95px;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/spr_mpg.png') no-repeat}
.tit_area .grade{position:absolute;top:0}
.member_info .grade.lv0{background-position:-426px 0}
.member_info .tbl .grade.lv1,
.member_info .grade.lv1{background-position:0 0}
.member_info .tbl .grade.lv2,
.member_info .grade.lv2{background-position:-85px 0}
.member_info .tbl .grade.lv3,
.member_info .grade.lv3{background-position:-170px 0}
.member_info .tbl .grade.lv4,
.member_info .grade.lv4{background-position:-255px 0}
.member_info .tbl .grade.lv5,
.member_info .grade.lv5{background-position:-340px 0}

.grade2{position:relative;font-weight:600}
.grade2:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:8px}
.grade2.lv1:after{background:rgba(66, 146, 231, .2)}
.grade2.lv2:after{background:rgba(230, 80, 19, .2)}
.grade2.lv3:after{background:rgba(189, 192, 207, .2)}
.grade2.lv4:after{background:rgba(255, 188, 40, .2)}
.grade2.lv5:after{background:rgba(236, 35, 65, .2)}

.grade3{position:relative;display:inline-block;height:20px;padding-left:24px}
.grade3:before{content:'';position:absolute;left:0;width:20px;height:20px;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/spr_mpg.png') no-repeat}
.grade3.lv1:before{background-position:0 -100px}
.grade3.lv2:before{background-position:-25px -100px}
.grade3.lv3:before{background-position:-50px -100px}
.grade3.lv4:before{background-position:-75px -100px}
.grade3.lv5:before{background-position:-100px -100px}

.lv1{color:#4290e5}
.lv2{color:#e65013}
.lv3{color:#bdc0cf}
.lv4{color:#ffbc28}
.lv5{color:#ec2341}

.goal_wrap{margin-top:30px}
.goal_wrap.line{margin-top:22px;padding-top:22px;border-top:1px solid #ddd}
.goal_wrap .ly_wrap{margin-top:20px}
.goal_wrap .ly_wrap:first-child{margin-top:0}
.goal_wrap p{margin-top:10px;color:#666}
.goal_wrap p .numb{font-size:15px}
.goal_wrap p em{color:#333;font-weight:600}
.goal_wrap .graph_area{position:relative;height:8px;border:1px solid #eee;background:#fff}
.goal_wrap .graph_area .graph{position:absolute;top:1px;height:6px;background:#5e2bb8}
.goal_wrap .fr p{text-align:right}
.box_group .icn,
.icon_txt .icn{width:40px;height:40px;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/spr_mpg.png') no-repeat}

.icon_txt{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}
.icon_txt:after{content:'';display:block;clear:both}
.icon_txt li{float:left;width:50%;padding-bottom:30px}
.icon_txt li:last-child{padding-bottom:0}
.icon_txt .tit_area{height:40px}
.icon_txt .tit_area p{display:table-cell;height:40px;padding:0 0 0 52px;font-size:14px;vertical-align:middle}
.icon_txt .tit_area .icn{position:absolute;top:0;left:0}
.icon_txt .icn.vip1{background-position:-362px -125px}
.icon_txt .icn.vip2{background-position:-45px -125px}
.icon_txt .icn.vip3{background-position:-90px -125px}
.icon_txt .icn.vip4{background-position:-135px -125px}
.icon_txt .icn.vip5{background-position:-405px -125px}

.icn.mpg1{background-position:-225px -125px}
.icn.mpg2{background-position:-270px -125px}
.icn.mpg3{background-position:-315px -125px}
.tbl .date2,.tbl .sub_txt_s{font-size:13px;color:#888}

.ly_tbl{display:table;width:100%}
.ly_tbl .inr{display:table-cell}
.ly_tbl .inr.w526{width:574px;padding-right:48px}
.ly_tbl .w526 .default_list span{line-height:1}
.ly_tbl .default_list li{padding:15px 0 16px}
.ly_tbl .default_list>li .category{top:15px}
.box_group{display:table;width:100%;margin-top:15px;padding:0;border-radius:0}
.box_group > li{display:table-cell;width:33%;padding:35px 0 30px;text-align:center;cursor:pointer}
.box_group > li+li{border-left:1px solid #ddd}
.box_group > li .text_wrap.sml{margin:20px 0 0}

.my_qna .inr {float:left;display:block}
.my_qna .inr+.inr {width:436px}
.my_qna .inr .default_list {min-height:108px;}
.my_qna .inr .default_list .cont {display:block}
.my_qna .inr .default_list li .data_no {display:block;min-height:109px}


ul.btn_wrap:after{content:'';display:block;clear:both}
ul.btn_wrap li{float:left;width:250px;padding-bottom:10px}
ul.btn_wrap li:nth-child(2n){padding-left:10px}
ul.btn_wrap li .btn{padding-left:58px;text-align:left}
ul.btn_wrap li .btn.icn span:before{width:20px;height:20px;margin-right:15px;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/spr_mpg.png') no-repeat;vertical-align:middle}
ul.btn_wrap li .btn.icn .member:before{background-position:0 -262px}
ul.btn_wrap li .btn.icn:hover .member:before{background-position:-22px -262px}
ul.btn_wrap li .btn.icn .pw:before{background-position:-44px -262px}
ul.btn_wrap li .btn.icn:hover .pw:before{background-position:-66px -262px}
ul.btn_wrap li .btn.icn .sns:before{background-position:-88px -262px}
ul.btn_wrap li .btn.icn:hover .sns:before{background-position:-110px -262px}
ul.btn_wrap li .btn.icn .out:before{background-position:-132px -262px}
ul.btn_wrap li .btn.icn:hover .out:before{background-position:-154px -262px}

.pt0 .text_wrap.bg{padding:24px 20px;background:#f7f7f7}
td .form_wrap.group .form_holder{margin-bottom:10px}
td .form_wrap .unit .icn.mileage{top:0;vertical-align:middle}

/* =예약상세-패키지 */
.daily_room li{margin-bottom:15px}
.daily_room li em{padding-right:20px}
.partner_list:after{content:'';display:block;clear:both}
.partner_list .tit{display:inline-block;padding-top:13px;font-size:15px;color:#111;line-height:24px}
.partner_list .right_cont{position:absolute;right:25px;top:25px}
.partner_list .right_cont a.btn{min-width:auto;padding:0 15px;height:32px;margin-left:6px;line-height:30px}
.partner_list > li{position:relative;float:left;width:425px;margin-left:20px;margin-bottom:20px;padding:25px;border:1px solid #c2c2c2}
.partner_list > li:nth-child(2n-1){margin-left:0}
.partner_list > li .img_box{float:left;width:110px;height:110px;margin:0 50px 0 0;background:url('https://image.hanatour.com/usr/static/img/pc/com/ico_noimg_guide.png') no-repeat}
.partner_list > li .img_box img{border-radius:100%}
.partner_list > li .partner_info{position:relative;float:left;width:210px}
.partner_list > li .partner_info{margin-top:13px}
.partner_list > li .partner_info .right_cont{top:50%;right:0;margin-top:-16px}

/*.partner_list > li .txt_box{position:absolute;top:25px;left:25px;width:130px;margin:0;font-weight:600;font-size:15px}
.partner_list > li .partner_info{position:relative;padding-left:135px}
.partner_list > li .partner_info+.partner_info{padding-top:10px}
.partner_list > li .partner_info .right_cont{position:absolute;top:50%;right:25px;margin-top:-16px}
*/
.svc_list:after{content:'';display:block;clear:both}
.svc_list li{float:left;width:210px;height:78px;margin-left:10px}
.svc_list li:first-child{margin-left:0}
.svc_list li .btn{width:210px;height:78px;padding-top:24px;font-size:15px;color:#333}
.svc_list li .btn span:before{width:30px;height:30px;margin-right:10px;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/spr_mpg.png') no-repeat;vertical-align:middle}
.svc_list li .btn .schedule:before{background-position:0 -284px}
.svc_list li .btn .qna:before{background-position:-35px -284px}
.svc_list li .btn .review:before{background-position:-70px -284px}
.svc_list li .btn .exchange:before{background-position:-105px -284px}
.svc_list li .btn .mileage2:before{background-position:-140px -284px}
/* mileage_profit */
.mileage_profit{border:1px solid #ddd;margin-top:40px}
.mileage_profit ul{overflow:hidden}
.mileage_profit li{width:25%;float:left;position:relative;padding:110px 30px 40px;text-align:center;border-left:1px solid #ddd}
.mileage_profit li strong{display:block;font-size:17px;color:#111;font-weight:600;line-height:1;margin-bottom:10px}
.mileage_profit li p{line-height:22px;font-size:14px;color:#666}
.mileage_profit li:before{width:50px;height:50px;position:absolute;top:40px;left:50%;margin-left:-25px}
.mileage_profit li:nth-child(1){border-left:none}
.mileage_profit li:nth-child(1):before{background-position:-263px -62px}
.mileage_profit li:nth-child(2):before{background-position:-315px -62px}
.mileage_profit li:nth-child(3):before{background-position:-367px -62px}
.mileage_profit li:nth-child(4):before{background-position:-419px -62px}

/* worldwide_service */
.worldwide_service{margin-top:40px;border-top:1px solid #ddd;padding:40px 0;border-bottom:1px solid #ddd}
.worldwide_service .text_wrap{margin-top:0;margin-bottom:20px}
.worldwide_service>ul{overflow:hidden}
.worldwide_service>ul>li{float:left;width:50%;height:130px;position:relative;padding-left:130px}
/* .worldwide_service>ul>li li{font-size:14px;color:#666}
.worldwide_service>ul>li .list_bul.dash>li:before{top:11px;color:#666} */
.worldwide_service>ul>li .img{width:100px;height:100px;position:absolute;top:0;left:0}
.worldwide_service>ul>li strong{font-size:15px;font-weight:600;color:#333;line-height:1;margin:14px 0 15px;display:block}
.worldwide_service>ul>li p{line-height:22px}

/* 호텔 상품평 */
.review_wrap .list_review li .text_wrap.mid{margin:0 0 15px}
.review_wrap .list_review li .text_wrap.mid .tit{vertical-align:top;display:inline-block}
.review_wrap .list_review li .text_wrap.mid .tit + .tag_group{margin-left:5px}
.review_wrap .list_review li .text_wrap.mid + .inr{width:730px;padding-left:0 !important}
.review_wrap .premium{font-size:17px;color:#5e2bb8;line-height:1;display:block;margin-bottom:20px;padding-left:26px;position:relative}
.review_wrap .premium:before{display:block;content:'';width:18px;height:18px;background-position:-479px -78px;position:absolute;top:0;left:0}
.review_wrap .list_review li .inr .btn_area{margin-top:70px;text-align:right}
.review_wrap .list_review li .inr .img_box + .btn_area{margin-top:20px}
.review_wrap .option_wrap .grade{font-size:14px}
.review_wrap .option_wrap .grade_txt{font-size:14px}
.review_wrap .option_wrap .tit_txt{font-size:14px;display:inline-block;margin-left:5px;vertical-align:middle;font-weight:600}
.review_area .wrap_star.violet{width:92px;height:15px;background-position:-232px -273px}
.review_area .wrap_star.violet .star_value{background-position:-232px -256px}
/* .review_wrap .list_review li .inr:last-child{padding-top:32px} */

/* 할인쿠폰 다운로드 */
.coupon_sitem{width:160px;height:90px;background-position:0 -170px;padding-left:26px;display:table-cell;vertical-align:middle}
.coupon_sitem.air{background-position:-162px -170px}
.coupon_sitem.htl{background-position:-324px -170px}
.coupon_sitem .tit{font-size:12px;color:#5e2bb8;line-height:1}
.coupon_sitem .price{font-size:28px;font-weight:800;color:#111;line-height:1;letter-spacing:-2px;margin-bottom:5px}
.coupon_sitem .price span{font-size:15px;position:relative;top:-3px}
.coupon_sitem .etc{display:block;line-height:1;font-size:12px;color:#999;margin-top:5px}
.coupon_sitem.air .tit{color:#5da3f6}
.coupon_sitem.htl .tit{color:#8b79f0}

/* 사용 가능한 쿠폰 */
.coupon_useable{height:140px;position:relative;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/bg_coupon_useable.png') no-repeat;padding:35px 280px 0 280px}
.coupon_useable .btn{position:absolute;top:40px;right:70px}
.coupon_useable .coupon_item{width:167px;height:88px;background:url('https://image.hanatour.com/usr/static/img/pc/mpg/bg_coupon_item.png') no-repeat;display:block;position:absolute;left:77px;top:29px;text-align:center;padding:15px 0 0}
.coupon_useable .coupon_item em{font-size:13px}
.coupon_useable .coupon_item .price{font-size:28px;color:#111;font-weight:600;padding-right:27px;line-height:1;margin-top:5px;text-align:right}
.coupon_useable .coupon_item .price .icn.mileage{top:10px}
.coupon_useable .item_text{font-size:17px;color:#111}

.htl_info .info_wrap .item_text{color:#111}
.htl_info .info_wrap .item_text + .item_text{margin-top:5px}
.tbl .type2 td .btn{margin-left:5px}
.text_wrap.line{border-color:#999}
.line_list {border-top:1px solid #ddd;margin-top:15px}
.line_list li{position:relative;border-bottom:1px solid #ddd;padding:15px 20px;font-size:15px;color:#333}
.line_list li .tit{display:inline-block;vertical-align:middle;color:#111}
.line_list li .price{display:inline-block;vertical-align:middle;margin-right:10px}
.line_list li .num_count_group{vertical-align:middle}
.line_list li .right_cont{float:none;position: absolute;right:20px;top:8px}
.line_list li .txt{margin-left:20px}

/* 일대일문의 */
.lypop_body .scroll_wrap{height:150px;margin-top:10px;padding:15px}
.lypop_body .reply_wrap{padding:0 10px 25px;border-bottom:1px solid #ddd}

.text_wrap.line{padding-bottom:20px}
.text_wrap.top .right_cont.center{top:-50%}

.js_acc .header.link_arr:after{background-position:-57px -327px}
.lypop_body .tbl table.type1 td>span{display:inline-block;vertical-align:middle;height:26px;line-height:24px}

.prod_list_wrap li .tag_group + .item_title2{line-height:27px}
.prod_list_wrap li .price_group{margin-top:18px}

.form_holder.certify_num{width:400px}
.form_holder.certify_num .time{display:inline-block;color:#5e9acd;position:absolute;top:11px;right:120px;z-index:10}

.ly_wrap.pay_info .banner_wrap{height:auto}
.pay_info .banner_wrap.no_refund .banner{height:auto}
.pay_info .banner_wrap.no_refund .banner img{width:306px;height:auto}
.pay_info .banner_wrap.no_refund .banner.bgImg .text_wrap{margin:0;padding:15px 20px}
.pay_info .banner_wrap.no_refund .banner.bgImg .tit{font-size:15px;font-weight:600}