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

#wrap{position:relative;width: 100%;    max-width: 768px;margin: 0 auto;}

.payment {padding: 20px 0;background: #fff;}


.big_title_c{font-size:1.7em; text-align:center; font-weight:bold; padding-bottom:10px}
.big_title{font-size:1.2em; /*padding-left:10px; */padding-bottom:10px}
.big_title img{height:20px; width:auto; padding:0 0 5px 2%}
.big_title2{text-align:center; padding:20px 0; font-size:1.7em; font-weight:bold}
.big_title2 img{width:auto; height:25px}
.box_padding{padding:10px}
.box_padding2{padding-bottom:10px; text-align:center; font-size:1.5em; font-weight:600}

.box_contents{/*margin:10px; */padding:10px; background:#fff}
.box_contents2{padding:10px; background:#fff}
.tit{color:#000; display:block}
.price{color:#f00000; font-size:1.2em; font-weight:700; font-family: 'Roboto', 'Nanum Gothic', 'sans-serif'}
.ment{color:#939393; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cate_map{color:#9d9d9d; font-size:0.9em}
.w50{width:50%; float:left}
.part{padding:0 10px; color:#cdcdcd}
.thum{position:relative}
.thum img{/*min-height:115px*/}

#btn_c{position:relative; padding-top:15px; padding-bottom:30px; margin-top:15px; border-top:1px solid #aaa; text-align:center}
#btn_r{position:relative; text-align:right; padding-top:15px}

.w50px{width:55px}
.w60px{width:65px}
.w80px{width:80px}
.w100px{width:105px}
.w30ps{width:30%}
.w33ps{width:33%}
.w45ps{width:45%}
.w60ps{width:62%}
.w70ps{width:70%}
.w100ps{width:100%}
.ic_calendar{background:url(../img/ic_calendar.jpg) no-repeat 95% 50% #fff;}

.step01{color:#ff9c00; font-weight:700}
.step02{color:#5266b3; font-weight:700}
.step03{color:#b8b8b8; font-weight:700}
.step04{color:#ff0000; font-weight:700}
.step05{color:#905ace; font-weight:700}

/*box_list*/
.con_list_box{position:relative}
.con_list_box li{float:left; width:48%}
.con_list_box li:nth-child(odd){margin-right:4%; margin-bottom:10px; padding-bottom:10px}
.con_list_box li span{display:block}
.con_list_box li span.tit{margin:5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* ���μ� */ -webkit-box-orient: vertical; word-wrap:break-word;}
.con_list_box li span.cate_map{display:block; margin-top:5px}

/*line_list*/
.con_list_line{position:relative}
.con_list_line li{height:88px; position:relative; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px}
.con_list_line li span{display:block}
.con_list_line li span.thum{width:125px; position:absolute}
.con_list_line li span.thum img{height:88px}
.con_list_line li span.thum strong img{height:auto !important}
.con_list_line li span.tit, .con_list_line li span.cate_map{padding-bottom:5px}
.con_list_line li .con_info{margin-left:135px}
.con_list_line li .best_on{position:absolute; z-index:9; top:48px;left:83px; 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}
.con_list_line li .best_on img{width:100%; height:100%}

/*txt_list*/
.con_list_txt{position:relative}
.con_list_txt li{padding-bottom:4%; border-bottom:1px solid #ddd; margin-bottom:4%}
.con_list_txt li:last-child{padding:0; border-bottom:0; margin-bottom:0}
.con_list_txt li span{display:block}
.con_list_txt li span.ment{padding:5px 0}

#main_bn{position:relative; margin-bottom:30px}
#main_bn .bn01, #main_bn .bn02{padding-bottom:10px; display:block}

#main_promotion{position:relative; margin:40px auto}
#main_promotion:after{clear:both; content:""; display:block}
#main_promotion .tabs{/*min-width:calc(100% - 250px); width:50%; max-height:250px; */ background:#f5f5f5; position:relative}
#main_promotion .tabs h4{position:absolute; top:15px; left:10px; color:#9d9d9d}
#main_promotion .tabs .con_info{position:absolute; left:10px; top:45px; width:45%}
#main_promotion .tabs .con_info .title{font-size:1.2em; line-height:1.3em; font-weight:600}
#main_promotion .tabs .con_info .price{font-size:1.3em; line-height:2em}
#main_promotion .tab_container{max-width:250px; width:50%; float:left}
#main_promotion .tabs img{/*height:250px; */width:50%; max-width:250px; margin-left:50%}

#main_md{position:relative; padding:10px}
#main_md .con_list_box{padding-top:20px}
/*#main_md .cate_map{display:block; padding-bottom:5px}*/

#main_special{position:relative; margin-bottom:30px}
#main_special .con_list_page{text-align:center; padding-top:15px; margin-top:15px; border-top:1px solid #aaa}
#main_special .con_list_page a{display:inline-block}
#main_special .bx-viewport img{height:130px}

.bg_gray{background:#f5f5f5}
#md_jp, #md_overseas{position:relative; margin-bottom:30px}
#md_jp .box_contents, #md_overseas .box_contents{padding-top:10px}
#md_jp .md_jp_cate{padding:10px}
#md_jp table{margin-bottom:2px}
#md_jp td{text-align:center;border:1px solid #b5b5b5; background:#fff}
#md_jp td a{display:block; padding:10px}
#md_jp td .active{/*background:#ed1d24; color:#fff*/}




#footer{position:relative; border-top:2px solid #3f3f3f;}
#footer .help{padding:20px 10px; border-bottom:1px solid #d1d1d1}
#footer .help span{display:block}
#footer .help dt, #footer .help dd{float:left}
#footer .help dt{color:#9d9d9d; font-weight:700; width:20%}
#footer .help dd{width:80%}
#footer .help .tel_num{font-family: 'Roboto', 'Nanum Gothic', 'sans-serif'; font-weight: 700; color:#ed1d24; font-size:2.2em; padding-bottom:8px}
#footer .help .time{color:#9d9d9d}
#footer .help .account_num{font-family: 'Roboto', 'Nanum Gothic', 'sans-serif'; font-weight: 700; font-size:1.7em}
#footer .help .account_text{color:#9d9d9d; padding:8px 0}

#footer .footer_icon{position:relative}
#footer .footer_icon li{float:left; width:25%; background:#f5f5f5; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; box-sizing:border-box}
#footer .footer_icon li:last-child{border-right:0}
#footer .fnb{position:relative; border-bottom:1px solid #c7c7c7; background:#fff; height:26px; padding:10px 0 0 10px}
#footer .fnb a{color:#888}
#footer .top a{display:block; position:absolute; top:0; right:0; width:25%; height:26px; padding-top:10px; text-align:center; color:#fff; font-family: 'Roboto', 'Nanum Gothic', 'sans-serif'; font-weight: 700; text-align:center}
#footer .copy{padding:4%; color:#888; font-size:0.85em}

.alert_info{position:relative;}
.num_alert{padding:4px 6px; position:absolute; background:red; border-radius:19px; text-align:center; font-weight:bold; width:15px; height:15px; font-size:0.8em; line-height:1.4em; color:#fff;}
.alert_chk{background:#f7f8f9;}


.tour_sel_notice {margin-top: 20px; line-height: 1.5em;}
.tour_sel_notice img{width: 13px; height: 13px}

.w_btn{background:#fff; border:1px solid #717171; box-sizing:border-box;}
.o_btn{background:#ff9c00; font-weight:600; color:#fff;}
.b_btn{background:#5266b3; font-weight:600; color:#fff;}
.r_btn{background:#ed1d24;}
.g_btn{background:#3f3f3f; color:#fff;}


.board_sider{position:relative; text-align:center}
.board_sider div, .board_sider span{display:inline-block; cursor:pointer; text-indent:-9899px}
.board_sider .btn_Prev{width:33px; height:33px; background:url(/assets/img/all_aw.png) 0 -166px no-repeat}
.board_sider .btn_Prev:hover{background:url(/assets/img/all_aw.png) 0 -130px no-repeat}
.board_sider .btn_Next{width:33px; height:33px; background:url(/assets/img/all_aw.png) -63px -166px no-repeat}
.board_sider .btn_Next:hover{background:url(/assets/img/all_aw.png) -63px -130px no-repeat}
.board_sider .switchON, .main_emer_slider .switchOFF:hover{width:16px; height:33px; background:url(/assets/img/all_aw.png) 0px 8px no-repeat}
.board_sider .switchOFF{width:16px; height:33px; background:url(/assets/img/all_aw.png) -21px 8px no-repeat}

.event_board_slider .btn_Prev {
    width: 33px;
    height: 33px;
    background: url(/assets/img/all_aw.png) 0 -166px no-repeat;
}

.event_board_slider .btn_Prev, .event_board_slider .btn_Next {
    display: inline-block;
    cursor: pointer;
    text-indent: -9899px;
}

.event_board_slider .bx-next {
	top:40% !important;
	right : 10px !important;
    width: 33px !important;
    height: 33px !important;
    background: url(/assets/img/all_aw.png) -63px -166px no-repeat  !important;
}

.event_board_slider .bx-prev{
	top:40% !important;
	left : 10px !important;
	width: 33px !important;
    height: 33px !important;
    background: url(/assets/img/all_aw.png) 0 -166px no-repeat  !important;}




    .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}

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

    .tour_detail_option .big_title_ty2{background: #f8f8f8; font-size: 1em; border:1px solid #aaa; padding:8px; position: relative; line-height: 1.4em}
    .tour_detail_option .big_title_ty2 .end_info{font-size:0.9em; font-weight: normal; color:#838383}
    .tour_detail_option .big_title_ty2 .block_num{font-weight: normal}
    .tour_detail_option .ty2_option{border:1px solid #aaa; padding: 8px; border-top: 0; margin-bottom: 20px}

    .tour_detail_option .big_title_ty2 .recruit_st01, .tour_detail_option .big_title_ty2 .recruit_st02, .tour_detail_option .big_title_ty2 .recruit_st03, .tour_detail_option .big_title_ty2 .recruit_st04{position: absolute; padding:8px; right: 8px; top: 20px; font-size: 0.9em; line-height: 1em}
    .tour_detail_option .big_title_ty2 .recruit_st01{background: #ff9c00; color:#fff} /*������*/
    .tour_detail_option .big_title_ty2 .recruit_st02{background:#5266b3; color: #fff} /*����Ȯ��*/
    .tour_detail_option .big_title_ty2 .recruit_st03{background:#c7c7c7; color: #fff} /*��������*/
    .tour_detail_option .big_title_ty2 .recruit_st04{background: #333; color: #fff} /*����*/



    #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:19%; margin-right:1%}
    #tour_btn .btn03{width:49%}
    #tour_btn input[type="submit"],
    #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:90px}
    #tour_detail_btn .btn_open{border:1px solid #eb2325; color:#eb2325; width:90px; 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.6em}
    #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,
    .reser .tourCalendar_wrap {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}

    .reser .tour_detail_txt {position:relative; border:1px solid #aaa; padding:10px; margin:8px 0;}
    .reser .tour_detail_txt .tit {font-size:1.1em;    line-height: 1.5; margin-bottom: 10px}
    .reser .tour_detail_txt .con {font-size:0.9em;    line-height: 1.5;}

    .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}

/* 달력 */
.calendar_form_month {text-align:center;position:relative;margin-bottom: 15px;}
.calendar_form_btn {display: flex;justify-content: center;align-items: center;}
.calendar_form_btn #calendar_form_date {margin: 0 5px;}

.tourCalendar_warn {display: flex;justify-content: center;margin-bottom: 10px}
.tourCalendar_warn p {}

.tourCalendar {}
.tourCalendar table {width:100%;border-collapse: collapse;padding:0;margin:0;    table-layout: fixed;}
.tourCalendar table th{border:1px solid #aaa; background-color: #f7f8f9; padding:8px; color:#939393;}
.tourCalendar table td {border:1px solid #aaa; padding:5px; position:relative; vertical-align: top; }
.tourCalendar table td .container {position: relative;min-height: 30px;}
.tourCalendar table td .cal_date {margin-bottom: 5px;text-align: center}
.tourCalendar table td .cal_date .num {width: 25px;height: 25px;display: inline-block;vertical-align: middle;line-height: 25px;text-align: center;border-radius: 50%;}
.tourCalendar table td .cal_date .num.today {color: #fff;background: red}
.tourCalendar table td .close_txt {text-align: center;display: flex;align-items: center;justify-content: center;}
.tourCalendar table td .hide_txt {display: none;}
.tourCalendar table td a.showRoom {display: flex;flex-wrap: wrap;text-align: center;  padding:5px; border-radius: 5px}
.tourCalendar table td a.showRoom span.booking {width: 20px;color: #fff;font-size: 11px;margin-right: 5px;text-align: center;}
.tourCalendar table td a.showRoom span.booking.enable {background: #8ec31f;}
.tourCalendar table td a.showRoom span.booking.complete {background: #FA565A;}

.tourCalendar table td .cal_content{/*overflow-y:hidden;*/ height:auto; line-height:1.5em;}
.tourCalendar table td .cal_content a:hover{color:#e32227;}

@media screen and (max-width:420px) {
  .tourCalendar table td a.showRoom {justify-content: center;}
  .tourCalendar table td a.showRoom span.booking {margin-right: 0;}
}

.satColor{color:#2a88b8 !important;}
.sunColor{color:#d14339 !important;}
.weekday{color:#333 !important;}

#loading_mask {width:100%; height:100%; position:fixed; top:0; left:0;z-index: 10;display:none;background: rgba(0, 0, 0, 0.5);}
#loading_area {display: flex;justify-content: center;align-items: center;height: 100%;}
#loading_area div.boxTxt {background: #fff;max-width: 320px;    padding: 50px 100px;    border-radius: 10px;}
#loading_area div.boxTxt p {font-weight: bold}

#mask {width:100%; height:100%; position:fixed; top:0; left:0;z-index: 10;display:none;background: rgba(0, 0, 0, 0.5);}
#calendar_area {display: flex;justify-content: center;align-items: center;height: 100%;}
.roomCalendar {width: 280px;}
.roomCalendar table {width:100%;border-collapse: collapse;padding:0;margin:0;    table-layout: fixed;background: #fff}
.roomCalendar table caption {background: #fff;padding: 10px}
.roomCalendar table th{border:1px solid #aaa; background-color: #f7f8f9; padding:0; color:#939393; width: 38px;height: 38px;}
.roomCalendar table td {border:1px solid #aaa; position:relative;width: 38px;height: 38px;    vertical-align: top; text-align: center;}
.roomCalendar table td div.dd {position: relative;width:100%;height: 100%;    display: flex;align-items: center;justify-content: center;}
.roomCalendar table td div.dd a {color:inherit;}
.roomCalendar table td div.dd.available {background: #ff9c00;color:#fff}
.roomCalendar table td div.dd.disabled {background: #f5f5f5;}
.roomCalendar table td div.dd.wait {background: #5266b3;color:#fff}
.roomCalendar div.closebtn {width: 100%;height: auto;background: #eee;color: #4a4a4a;padding: 10px 0;cursor: pointer;text-align: center;}

.project_popup_bg{width:100%; height:100%; position:fixed; top:0; left:0;z-index: 10;display:none;}
.project_popup_bg div.bg {width: 100%;height: 100%;position: absolute;transition: all 0.3s ease-in-out;z-index: 11;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.project_popup_bg div.box {width: 100%;height: 100%;display: flex;position: relative;z-index: 20;justify-content: center;align-items: center;}
.project_popup_bg div.box div.room_box {width: 100%;max-width: 650px;border-radius: 5px;background: #fff;padding: 20px 15px;}
.project_popup_bg div.box div.room_box p.date {text-align: center;margin: 0;padding-bottom: 20px;font-size:1.3em;}
.project_popup_bg div.box div.room_box div.rlist {min-height: 100px;max-height: 350px;overflow: hidden;overflow-y: auto;display: flex;    flex-wrap: wrap;}
.project_popup_bg div.box div.room_box div.rlist .room {width: 33.333333333333333%;margin: 0;padding: 6px 0;}
.project_popup_bg div.box div.room_box div.rlist .room a {display: flex;flex-wrap: nowrap;width:100%;font-size: 12px;}
.project_popup_bg div.box div.room_box div.rlist .room a.roomNone {cursor: default;}
.project_popup_bg div.box div.room_box div.rlist .room a span.booking {width: 20px;color: #fff;font-size: 11px;margin-right: 5px;text-align: center;}
.project_popup_bg div.box div.room_box div.rlist .room a span.booking.enable {background: #8ec31f;}
.project_popup_bg div.box div.room_box div.rlist .room a span.booking.complete {background: #FA565A;}
.project_popup_bg div.box div.room_box div.rlist .room a span.text {max-width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.project_popup_bg div.box div.room_box div.rlist .room a span.cnt {}
.project_popup_bg div.box div.room_box div.closebtn {width: 100%;height: auto;background: #eee;color: #4a4a4a;margin-top: 20px;padding: 10px 0;cursor: pointer;text-align: center;}