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

.heaer_banner{position:relative}

#wrap{position:relative}
#header{position:relative; height:58px; border-bottom:5px solid; background:#fff}
#header img{width:100%}
#header .link01{position:absolute; left:10px; top:13px; width:30px; display:block}
#header .link02{position:absolute; right:10px; top:13px; width:30px; display:block}
#header .link03{position:absolute; right:40px; top:13px; width:30px; display:block}

#header .logo{width:auto; margin:0 auto; padding-top:22px; text-align:center}
#header .logo img{width:auto; height:16px}

#main_search{position:relative; background:#ededed; padding:10px; margin-bottom:20px}
#main_search .search_img{width:60px; height:auto}
#main_search .search_bg input[type="text"]{border:0; width:100%}
#main_search td.search_bg_btn{background:#ed1d24}
#main_search .search_bg .cf{margin-bottom:5px}
#main_search .search_bg .cf:last-child{margin-bottom:0}
/*#main_search .search_bg .ic_calendar{width:46% !important}*/
#main_search .search_bg .col01{width:49%; float:left}
#main_search .search_bg .col02{float:right; width:49%; text-align:right}
/*#main_search .search_bg input[type="image"]{width:25px}*/

#main_slide{position:relative; margin-bottom:70px}
#main_slide .slide_btn_area{text-align:center}
#main_slide .slide_btn{display:inline-block; margin:10px 0; cursor:pointer}
#main_slide .slide_btn img{width:18px}

#opacity_back{width:100%; height:100%; background:#000; position:fixed;top:0; left:0; opacity:0.7; z-index:9}
#gnb{position:absolute; top:0; left:0; width:70%; z-index:99999; background:#fff}
#gnb .gnb_top{position:relative; border-top:3px solid #3f3f3f; height:30px; padding:4%}
#gnb .gnb_close{position:absolute; top:10px; right:10px; width:30px; cursor:pointer}
#gnb li a{display:block; padding:5% 4%}
#gnb li .cate01 a{background:#4c505c; border-bottom:1px solid #717685}
#gnb li .cate02 a{background:#3f3b42; border-bottom:1px solid #000}
#gnb li .cate01 a, #gnb li .cate02 a{font-size:1.2em; color:#fff; font-weight:600; display:block}
#gnb li dt a{background:#ededed; color:#000; font-weight:600}
#gnb li dt a, #gnb li dd a{border-bottom:1px solid #c7c7c7; padding:4% 0 4% 8%; font-size:1.13em}

#gnb2{position:absolute; top:0; left:0; width:70%; z-index:99999}
#gnb2 .gnb_top01{border-bottom: 1px solid #eee; color: #fff; position:relative; height:30px; padding:4%; background: #F68411; font-weight: 600; line-height: 30px; font-size: 1.1em}
#gnb2 .gnb_top01 span{margin-right:10px}
#gnb2 .gnb_top02{background:#F68411}
#gnb2 .gnb_top02:after{clear: both; content: ""; display: block}
#gnb2 .gnb_top02 li{float: left; width:50%; border-right: 1px solid #eee; box-sizing: border-box}
/*#gnb2 .gnb_top02 li:last-child{width:34%; border-right: 0}*/
#gnb2 .gnb_top02 li a{padding: 4% 0; color: #fff; text-align: center; display: block; font-size: 1.1em; line-height: 30px}
#gnb2 .gnb_top02 li a span{font-size: 1em; margin-right:5px}
#gnb2 .gnb_top{position:relative; }
#gnb2 .gnb_close{position:absolute; top:38%; right:0px; width:30px; cursor:pointer; color: #fff; font-size: 0.9em}
#gnb2 li a{display:block; padding:5% 4%}
#gnb2 li .cate01 a{background:#fff; border-bottom:1px solid #d1d1d1}
#gnb2 li .cate02 a{background:#f5f5f5; border-bottom:1px solid #d1d1d1}
#gnb2 li .cate01 a, #gnb2 li .cate02 a{font-size:1.2em; /*font-weight:600; */display:block}
#gnb2 li dt a{background:#ededed; color:#000; /*font-weight:600*/}
#gnb2 li dt a, #gnb2 li dd a{border-bottom:1px solid #c7c7c7; padding:4% 0 4% 8%; font-size:1.13em}
#gnb2 li dd a{; background: #dadada}


#sub_menu{position:relative; background:#fff}
#sub_menu li{float:left; border-left:1px solid #aaa; border-bottom:1px solid #aaa; box-sizing:border-box}
#sub_menu li a{display:block; padding:10px; text-align:center}
#sub_menu li a.on{font-weight:600}


#sub_menu3{position:relative; background:#fff}
#sub_menu3 li{float:left; border-left:1px solid #aaa; border-bottom:1px solid #aaa; box-sizing:border-box; width:33%; margin-top:-1px/* margin-left:-1px*/}
/*#sub_menu3 li:last-child{width:34%}*/
#sub_menu3 li:nth-child(3n+3){width:34%}
#sub_menu3 li a{display:block; padding:10px; text-align:center}
#sub_menu3 li a.on{font-weight:600}

#sub_menu_select{padding:10px; text-align: center; border-bottom:1px solid #d1d1d1}
#sub_menu_select .element{width:100%}
.cost_price{color:#999; font-weight:normal !important; line-height:1.4em}


.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;    word-break: break-word;}
.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% !important}
.w33ps{width:33%}
.w45ps{width:45%}
.w60ps{width:62%}
.w70ps{width:67% !important}
.w100ps{width:100%}
.ic_calendar{background:url(../img/ic_calendar.jpg) no-repeat 95% 50% #fff;}

.step01{color:#f3aa2a; font-weight:700}
.step02{color:#1594df; font-weight:700}
.step03{color:#ff0000; font-weight:700}
.step04{color:#905ace; font-weight:700}
.step05{color:#905ace; font-weight:700}
.step06{color:#aeaeae; font-weight:700}

.view2_link{color:#fff; background:#F68411; padding: 5px 8px; font-size: 1em}
.view2_link u{font-size:8px !important; vertical-align: bottom; text-decoration: none}


/*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%; 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; line-height:2.4em}
#md_jp td a{display:block}
#md_jp td .active{}




#footer{position:relative; border-top:2px solid #3f3f3f; margin-top:20px}
#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:1.8em; padding-bottom:10px;}
#footer .help .tel_num span{font-size:0.6em; display:inline;}
#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 .help .ft_ic_half{width:50%; float:left;}
#footer .help .ft_ic_half a{position:relative; height:30px; line-height:30px; padding-left:40px; display:block; margin-bottom:8px;}
#footer .help .ft_ic_half img{width:30px; height:30px; position:absolute; top:0; left:0;}
#footer .fr_bannerList{overflow:hidden; margin:10px;}
#footer .fr_bannerList li{width:120px; height:70px; float:left;}

#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:16%; height:26px; padding-top:10px; text-align:center; font-family: 'Roboto', 'Nanum Gothic', 'sans-serif'; font-weight: 700; text-align:center; background: #F68411; color: #fff}
#footer .copy{padding:4%; color:#888; font-size:0.85em}

.loader{
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -80px;
    margin-top: -20px;
}
.loader h1{
	color:#FFF;
	font-size:16px;
	letter-spacing:1px;
	font-weight:200;
	text-align:center;
}
.loader span{
	width:16px;
	height:16px;
	border-radius:50%;
	display:inline-block;
	position:absolute;
	left:50%;
	margin-left:-10px;
	-webkit-animation:3s infinite linear;
	-moz-animation:3s infinite linear;
	-o-animation:3s infinite linear;

}


.loader span:nth-child(2){
	background:#E84C3D;
	-webkit-animation:kiri 1.2s infinite linear;
	-moz-animation:kiri 1.2s infinite linear;
	-o-animation:kiri 1.2s infinite linear;

}
.loader span:nth-child(3){
	background:#F1C40F;
	z-index:100;
}
.loader span:nth-child(4){
	background:#2FCC71;
	-webkit-animation:kanan 1.2s infinite linear;
	-moz-animation:kanan 1.2s infinite linear;
	-o-animation:kanan 1.2s infinite linear;
}


@-webkit-keyframes kanan {
    0% {-webkit-transform:translateX(20px);
    }

	50%{-webkit-transform:translateX(-20px);
	}

	100%{-webkit-transform:translateX(20px);
	z-index:200;
	}
}
@-moz-keyframes kanan {
    0% {-moz-transform:translateX(20px);
    }

	50%{-moz-transform:translateX(-20px);
	}

	100%{-moz-transform:translateX(20px);
	z-index:200;
	}
}
@-o-keyframes kanan {
    0% {-o-transform:translateX(20px);
    }

	50%{-o-transform:translateX(-20px);
	}

	100%{-o-transform:translateX(20px);
	z-index:200;
	}
}




@-webkit-keyframes kiri {
     0% {-webkit-transform:translateX(-20px);
	z-index:200;
    }
	50%{-webkit-transform:translateX(20px);
	}
	100%{-webkit-transform:translateX(-20px);
	}
}

@-moz-keyframes kiri {
     0% {-moz-transform:translateX(-20px);
	z-index:200;
    }
	50%{-moz-transform:translateX(20px);
	}
	100%{-moz-transform:translateX(-20px);
	}
}
@-o-keyframes kiri {
     0% {-o-transform:translateX(-20px);
	z-index:200;
    }
	50%{-o-transform:translateX(20px);
	}
	100%{-o-transform:translateX(-20px);
	}
}

.tabs_view iframe{width:100% !important}


.pop_call{display: none; background-color: white; width: 80%; height: auto}
.pop_call a.num_line{padding:15px; border-bottom: 1px #d1d1d1 solid; line-height: 1.6em; background: url(../img/f_call.png) no-repeat 95% 45%; background-size: 25px; display: block}
.pop_call a.num_line span{display: block; font-weight: 600; font-size: 1.3em; }
.pop_call a.num_line:last-child{border-bottom: 0}


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

.calendar_form_month{text-align:center; font-size:22px; font-weight:600; position:relative; height:50px; line-height:50px; border:1px solid #d1d1d1; border-bottom:none;}