/* CSS Document */
@charset "utf-8";

.route_title{font-size:1.1em; padding:15px 10px; margin:0; font-weight:normal; border-bottom:1px solid #d1d1d1}
/*.route_title{position:absolute; width:92%; background:#000; top:0; left:0; opacity:0.7; z-index:5; color:#fff; font-size:1.1em; padding:15px 4%; margin:0; font-weight:normal}*/

#sub_best{position:relative; margin-bottom:10px; padding-top:4%}
#sub_best strong{width:60px; position:absolute; left:0; right:0}
#sub_best li{/*padding-top:4%*/}
#sub_best li:last-child{border-bottom:0; padding-bottom:0; margin-bottom:}

.sub_best_big{position:relative; background:#ededed; padding:10px}
.sub_best_big a{display:block}
.sub_best_big .thum{position:relative}
.sub_best_big .thum img{height:auto !important}
.sub_best_big .best_on{position:absolute; z-index:1; bottom:-15px;right:10px; text-align: center; background:#ed1d24; font-family: 'Roboto', 'Nanum Gothic', 'sans-serif'; font-weight:700; color:#fff; font-size:1em; width:32px; height:30px; line-height:1.2em; padding:5px}
.sub_best_big .info{background:#fff; padding:10px}
.sub_best_big .info .tit{height:40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.sub_best_big li{/*float:left; width:100%*/}

#sub_list{position:relative; margin-bottom:30px; padding:10px}
#sub_list li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d1d1d1; height:88px; position:relative}
#sub_list li:last-child{border-bottom:0}
#sub_list li a, #sub_list li span{display:block}
#sub_list li .thum{width:125px; display:block; position:absolute; left:0px; top:0px}
#sub_list li .thum img{height:88px}
#sub_list li .info{margin-left:135px}
#sub_list li .tit{height:32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; margin-bottom:5px}
.sub_more{margin-top:10px}

.tour_detail_img{position:relative}
#tour_detail{position:relative; background:#fff; padding:2%}
#tour_detail .tour_title{font-size:1.2em; padding:10px 0 15px 0; margin-bottom:10px; border-bottom:2px solid #717171; display:block; line-height:1.3em}
#tour_detail .tour_title span.s_tip{padding:10px; display:block; background:#f5f5f5; color:#898989; margin-top:10px; font-weight:normal; font-size:0.8em; line-height:1.2em}

.tour_detail_info{position:relative; margin-bottom:10px}
.tour_detail_info table{border-top:1px solid #aaa; border-right:1px solid #aaa; margin-bottom:5px}
.tour_detail_info th, .tour_detail_info td{border-left:1px solid #aaa; border-bottom:1px solid #aaa; padding:8px; font-size:0.9em}
.tour_detail_info th{background:#f7f8f9; color:#939393; text-align:center}


#tour_date{position:relative; padding:2%; margin-bottom:30px}
#tour_date li{position:relative; padding:15px; background:#fff; border:1px solid #aaa; margin-bottom:10px}
#tour_date li:after{clear:both; content:""; display:block}
#tour_date p.tit{float:left; width:55%; display:block}
#tour_date p.tit .b_date{color:#000; font-weight:600; font-size:1.1em}
#tour_date p.tit .f_wgray{font-size:0.9em}
#tour_date p.won{float:right}
#tour_date li a{display:block; background:red}
#tour_date p.won span{display:block; text-align:right}
#tour_date p.won .price{font-size:1.2em; line-height:1.7em; display:inline-block}
#tour_date p.won .cost_price{display:inline-block}

.tour_detail_option{position:relative; padding-top:20px}
.tour_detail_option .big_title{padding-bottom:8px}
.tour_detail_option .w100{width:100%}

#tour_sum{margin-top:20px; padding-top:15px; border-top:2px solid #717171; text-align:right}
#tour_sum .tour_sum_txt{font-weight:600; margin-right:5px}
#tour_sum .tour_sum_price{color:#f00000; font-size:1.5em; font-weight:600; letter-spacing:-0.5px; font-family:Arial, '나눔고딕', Helvetica, sans-serif}

#tour_btn{position:relative; margin-top:15px}
#tour_btn span{display:block; float:left}
#tour_btn .btn01{width:30%; margin-right:1%}
#tour_btn .btn02{width:49%; margin-right:1%}
#tour_btn .btn03{width:49%}
#tour_btn input[type="button"]{width:100%; padding:10px 0; font-size:1.1em !important}

#tour_detail_btn{position:relative; padding:4%}
#tour_detail_btn span{padding:2%; background:#fff; float:right; text-align:center}
#tour_detail_btn span, #tour_detail_btn a{display:block}

#tour_detail_btn .btn_close{border:1px solid #b5b5b5; width:45%}
#tour_detail_btn .btn_open{border:1px solid /*#eb2325; color:#eb2325; */; width:45%; margin-right:-1px}
#tour_detail_btn .btn_open a{/*color:#eb2325; */font-weight:600}

#tour_detail_tab{position:relative; margin-bottom:30px}
#tour_detail_tab .tabs{position:relative; background:url(../img/ic_check.png) no-repeat 10px 50% #f0f0f0; background-size:10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-size:1.1em; font-weight:600; margin-top:-1px}
#tour_detail_tab .tabs a{display:block; padding:10px 0 10px 25px}
#tour_detail_tab .tabs .aw{position:absolute; width:20px; right:4%; top:25%; display:block}
#tour_detail_tab .tabs_view{padding:4% 4% 20px 4% ; background:#fff; display:block; line-height: 1.7em; font-size: 1.1em; word-wrap:break-word;}
#tour_detail_tab .tabs_view img{width:100% !important; height:auto !important}

.reser{position:relative; padding:10px}
.reser_box{width:96%; height:40px; margin:8px 0; font-size:0.8em}
.reser .tour_detail_info{margin:8px 0 20px}
.reser .tour_detail_sum{position:relative; border:1px solid #aaa; padding:10px; margin:8px 0}
.reser .tour_detail_sum .price{font-size:1.3em; font-weight:600}
.reser .tour_detail_sum .f_red, .reser .tour_detail_sum .f_wgray{padding:5px 0}
.reser .tour_detail_sum .f_wgray{font-size:0.9em}

.tourTR1{background:#aaa; color:#fff; font-weight:600; padding:10px; display:block; position:relative}

.all_agree{margin-top:20px; font-size:1.1em; line-height:1.2em}


#tour_detail .tour_sns{position:relative; padding:10px 0}
#tour_detail .tour_sns li{float:right; width:45px; margin-right:5px}


.tabs_view .tabs_view_stitle{background:#f0f0f0; padding:10px; border-top:1px solid #aaa; font-weight:700; margin-bottom:10px}
.tabs_view .tabs_view_stitle span.stxt{font-weight:normal; color:#717171; display:block}

td.credit_num input{width:calc(25% - 5px);}




.iconSet{position:relative}
.iconSet dl{padding-bottom:15px; border-bottom:1px solid #d1d1d1; margin-bottom:15px}
.iconSet dt, .iconSet dd{/*float:left*/}
.iconSet dt{font-weight:700; padding-left:22px; font-size:1.1em; padding-bottom:8px}
.iconSet dd{font-size:1em}
.iconSet dt.ics_point{background:url(/img/icon_set/icon_point.png) no-repeat -3px 0px; background-size:20px}
.iconSet dt.ics_plus{background:url(/img/icon_set/icon_plus.png) no-repeat -3px 0px; background-size:20px}
.iconSet dt.ics_time{background:url(/img/icon_set/icon_time.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_year{background:url(/img/icon_set/icon_year.png) no-repeat -3px 2px; background-size:20px}
.iconSet dt.ics_place{background:url(/img/icon_set/icon_place.png) no-repeat -3px 2px; background-size:20px}
.iconSet dt.ics_item{background:url(/img/icon_set/icon_item.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_company{background:url(/img/icon_set/icon_company.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_house{background:url(/img/icon_set/icon_house.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_coin{background:url(/img/icon_set/icon_coin.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_etc{background:url(/img/icon_set/icon_etc.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_rest{background:url(/img/icon_set/icon_rest.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_reserve{background:url(/img/icon_set/icon_reserve.png) no-repeat -3px 1px; background-size:20px}
.iconSet dt.ics_voucher{background:url(/img/icon_set/icon_voucher.png) no-repeat -3px 1px; background-size:20px}