#side_menu{display:none}


@media (max-width:1280px){
table th, table td{word-break:break-all}

#body_wrap header .header{width:95%}
				.pc-trigger{display:none}
#body_wrap header .header .header_right{display:none}

#mobile_nav{clear:both; position:absolute; z-index:99; left:0%; top:0px}
#side_menu{display:none}

.navbar-toggle{width:20px; height:20px; background:none; margin:0; padding:0; position:absolute; right:10px; top:42px; cursor:pointer}
.navbar-toggle span{position:absolute; width:20px; height:3px; background:#000}
.navbar-toggle span:nth-child(1){margin-top:0px;}
.navbar-toggle span:nth-child(2){margin-top:6px;}
.navbar-toggle span:nth-child(3){margin-top:12px;}

#side_menu {display: block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none}
#side_menu .side_wr{width:250px;background:#222222;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #000;overflow-x:hidden;height:100%;overflow-y:auto}
#side_menu .side_wr.add_side_wr{}
#side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block;overflow:hidden}
#side_menu .side_wr .side_inner_abs{position: absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none}
#side_menu .side_wr{webkit-overflow-scrolling:touch}

#side_menu .m_menu li{display: block;  line-height: 40px;border-top: 1px solid #323232; position:relative;padding-left: 20px; }
#side_menu .m_menu li a.text_link{display:inline-block;width:65%;white-space:nowrap}
#side_menu .m_menu li a:hover{color: #2c8652;}
#side_menu .m_menu span{ position: absolute; right: 20px; top: 15px; } 

#side_menu .m_menu li, #side_menu .m_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {color: #fff;}
#side_menu .dropdown-custom-menu{background: #222222;overflow:hidden; width:100%;display:none;}
#side_menu .dropdown-custom-menu li{line-height: 30px; border:none !important; padding-left: 10px; background:none; }
#side_menu .dropdown-custom-menu li a{color: #888; }
#side_menu .dropdown-custom-menu li a:hover{color: #2c8652;}

#side_menu .m_login{text-align: center; margin: 10px; padding-bottom:1.5rem}
#side_menu .m_login a{color:#fff; padding:.2rem .5rem; margin-bottom:.4rem; border:1px solid #838383; display:block}
#side_menu .m_login ul{}
#side_menu .m_login ul li{display:inline-block; vertical-align:top;  }

#side_menu .m_login span{ padding: 0 5px;}
#side_menu .m_board{background: #000; clear: both; margin:0; }
#side_menu .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu .m_board li a:hover{color: #2c8652; }
#side_menu .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}
#side_menu h1{margin:0px; padding:20px 20px 0 20px; color:#2c8652; font-size:140%; line-height:1.4em}

.sub-cnts{min-height:auto; padding-top:1.5rem}

.sub_wrapper{background-size:220%; padding:0 1rem 5rem 1rem}

.sub_leftmenu p{font-size:2rem; padding-bottom:1rem}
}


@media (min-width:0px) and (max-width:450px){
#body_wrap header .header{padding:10px 0 0 0}
#body_wrap header .header h1{display:table; margin:auto auto auto -5px; text-align:center; width:100%}
#body_wrap header .header h1 img{max-width:125px}
#body_wrap header .header h1 img.header_firefly{width:120px !important; margin-left:7px;}
#body_wrap header .header_left_bg{width:130px;}
#body_wrap header .header_right_bg{width:130px;}


#navigation{padding:1rem 0}
#header_gnb>ul>li>a{font-size:110%; padding:0 0.3em}

.sub_leftmenu{width:100%}
.sub_leftmenu{padding:1rem 1rem 0 1rem; height:180px;background:url(/images/mtour/common/sub_visual_m.jpg) right/cover;  }
.sub_leftmenu ul {display:none}
.sub_leftmenu ul li{padding-bottom:0}
.sub_leftmenu ul li a{font-size:78%; padding:0.2rem .5rem; border-radius:5px; margin-bottom:0; max-width:145px; min-width:50px; min-width:0px !important; margin:0}
.sub_leftmenu h2{font-size:2em}


.main_community{padding:.5rem .5rem 2rem .5rem}
.main_community h1{width:120px; height:120px; margin-top:-6rem}
.main_community .main_community_in{padding:1.3rem; margin-top:5rem}
.main_community .main_community_in h1 p span{font-size:1rem}
.main_community .main_notice{width:100%}
.main_community .main_faq{width:100%; float:none}
.main_community .main_community_in h2{margin-top:1rem; margin-bottom:0.5rem}
.main_community .main_community_in h2 img{width:65px; display:none}

footer{padding:.6rem; font-size:90%}
footer .footer{width:100%; margin:auto}
footer .footer address p span{padding-left:0}
footer .footer .private_btn{float:none; margin:auto}
footer .footer .private_btn a{padding:0.3rem 1rem; font-size:80%; }

.tour_pass_card li{width:48%}

}


@media (min-width:431px) and (max-width:768px){
#body_wrap header .header{padding:10px 0 0 0}
#body_wrap header .header h1{display:table; margin:auto auto auto -5px; text-align:center; width:100%}
#body_wrap header .header h1 img{max-width:125px}
#body_wrap header .header h1 img.header_firefly{width:100%; max-width:150px !important; margin-left:7px;}
#body_wrap header .header_left_bg{width:130px;}
#body_wrap header .header_right_bg{width:130px;}


#navigation{padding:1rem 0}
#header_gnb>ul>li>a{font-size:110%; padding:0 0.3em}
.sub_wrapper{background-size:155%}
.sub_leftmenu{width:100%}
.sub_leftmenu{padding:1rem 1rem 0 1rem; height:180px;background:url(/images/mtour/common/sub_visual_m.jpg) right/cover;  }
.sub_leftmenu ul{display:none}
.sub_leftmenu ul li{padding-bottom:0}
.sub_leftmenu ul li a{font-size:80%; padding:0.2rem .5rem; border-radius:5px; margin-bottom:0; max-width:145px; min-width:50px; }


.sub_leftmenu ul li a{min-width:0px !important; margin:0}

.main_community{padding:.5rem .5rem 2rem .5rem}
.main_community h1{width:120px; height:120px; margin-top:-6rem}
.main_community .main_community_in{padding:1.3rem; margin-top:5rem}
.main_community .main_community_in h1 p span{font-size:1rem}
.main_community .main_notice{width:100%}
.main_community .main_faq{width:100%; float:none}
.main_community .main_community_in h2{margin-top:1rem; margin-bottom:0.5rem}
.main_community .main_community_in h2 img{width:65px; display:none}

footer{padding:2rem; font-size:90%}
footer .footer{width:100%; margin:auto}
footer .footer address p span{padding-left:0}
footer .footer .private_btn{float:none; margin:auto}
footer .footer .private_btn a{padding:0.3rem 1rem; font-size:80%; }

.tour_pass_card li{width:48%}

}


@media (min-width:769px) and (max-width:1024px){
#body_wrap header .header{padding:0 0 1.5em 0}
#body_wrap header .header{width:95%; height:130px}
#body_wrap header .header h1{width:100%; text-align:center; margin:auto; display:table}
#body_wrap header .header h1 img{max-width:150px;}
#body_wrap header .header h1 img.header_firefly{margin-left:10px;}


#body_wrap header .header_left_bg{width:255px;}
#body_wrap header .header_right_bg{width:255px;}

.program_roll .program_list{padding-left:0}
.program_roll .program_list h2{display:none}
 .program_roll_list .slick-next{padding-right:-8% !important}
.program_roll_list .slick-prev{padding-left:-8% !important}
.sub_wrapper{background-size:100%}
.sub_leftmenu{background-size:cover; height:270px; padding:2em}
.sub_leftmenu ul li a{font-size:1.2rem; padding:1rem}
.leftmenu{margin-top:0}
}

@media (min-width:1025px) and (max-width:1920px){
.sub_wrapper{background-size:100%}
.sub_leftmenu{height:370px}
}


@media (min-width:0px) and (max-width:450px){
.main_banner{padding:2rem 1.3rem; }
.main_banner .text_top{font-size:2rem}
.main_banner .text_top span{font-size:1rem; letter-spacing:0; line-height:1.2rem}
.mbanner_img1, .mbanner_img2, .mbanner_img3, .mbanner_img4,.mbanner_img5{height:350px}
.mbanner_text_wrap{width:70%}
.mbanner_text_wrap .mbanner_text{top:0.5rem; transform:translateY(1.5rem)}
.mbanner_text_wrap .mbanner_text .text_top{font-size:1.6rem; margin:auto auto 1rem auto}
.mbanner_text_wrap .mbanner_text .text_top span{line-height:1.6rem; font-size:1.1rem; padding-top:1rem; display:none}
.mbanner_text_wrap .mbanner_text ul{width:100%}
.mbanner_text_wrap .mbanner_text ul li{width:48%}
.mbanner_text_wrap .mbanner_text ul li div{width:100px; height:100px; margin-bottom:.6rem; }
.mbanner_text_wrap .mbanner_text ul li div p{word-break:keep-all}

.mbanner_text ul li{width:48%; margin-bottom:1em}
.mbanner_text ul li div{width:100px; height:100px;}

.main_banner .slick-prev, .main_banner .slick-next{background-size:50%}

.mbanner_rollimg .slick-prev, .mbanner_rollimg .slick-next{width:30px; height:30px}
.main_banner .slick-dotted.slick-slider{margin-bottom:0}
.mbanner_rollimg .slick-dots{bottom:1em}
.mbanner_rollimg .slick-dots li button:before{width:13px; height:13px}

.program_roll{padding:2.5rem 0 0 0; height:auto; background:none}
.program_roll .program_top{width:100%; margin:auto;  height:230px; background:#fff url(/images/mtour/main/main_bottom_back_img_m_re.jpg) no-repeat bottom center; background-size:145%; padding:0 1rem}
.program_roll .program_top h1{font-size:1.6rem; padding-bottom:.3em}
.program_roll .program_top span{font-size:1rem; line-height:1.2rem; transform:rotate(-0.04deg);-webkit-font-smoothing: antialiased;}
.program_roll .program_list h2{display:none}
.program_roll .program_list{padding:1rem; width:100%; background:#2b6978}

.program_roll .program_list .list-div ul{width:100%}
.program_roll .program_list .list-div ul li{width:31.5%; padding:0 0 10px 0; }
.program_roll .program_list .list-div ul li p{font-size:80%; color:#fff}



.fmain_community h1{width:150px; height:150px; margin-top:-6rem}
.fmain_community{padding:0.3rem 0 1.3rem 0}
.fmain_community .fmain_community_in{padding:1rem; margin:2rem auto auto auto}
.fmain_community .fmain_community_in .fmain_left h2{padding-bottom:.4em; font-size:120%; margin:0 0 1rem 0}

.fmain_left, .fmain_right{width:100%;}
.fmain_right{float:none; margin-top:1.5rem; padding:1em}
.fmain_right div h2 img{max-width:120px; margin-bottom:1em}
.fmain_right div ul li{width:100%; padding-bottom:1rem}
}



@media (min-width:451px) and (max-width:571px){

.main_banner{padding:0 2rem 1rem 2rem }
.main_banner .mbanner_img{height:auto; margin-bottom:2em}
.mbanner_img1, .mbanner_img2, .mbanner_img3, .mbanner_img4,.mbanner_img5,.mbanner_img6,.mbanner_img7{height:370px}
.mbanner_text_wrap{width:70%}
.mbanner_text_wrap .mbanner_text{top:0.5rem; transform:translateY(1.5rem)}
.mbanner_text_wrap .mbanner_text .text_top{font-size:1.6rem; margin:auto auto 1rem auto}
.mbanner_text_wrap .mbanner_text .text_top span{line-height:1.6rem; font-size:1.1rem; padding-top:1rem; display:none}
.mbanner_text_wrap .mbanner_text ul{width:100%}
.mbanner_text_wrap .mbanner_text ul li{width:48%}
.mbanner_text_wrap .mbanner_text ul li div{width:100px; height:100px; margin-bottom:.6rem; }
.mbanner_text_wrap .mbanner_text ul li div p{word-break:keep-all}


.main_banner .text_top{font-size:180%; padding-top:1em}
.main_banner .text_top span{font-size:50%}

.main_banner .slick-prev, .main_banner .slick-next{background-size:50%}
.mbanner_rollimg .slick-prev, .mbanner_rollimg .slick-next{width:30px; height:30px}
.main_banner .slick-dotted.slick-slider{margin-bottom:0}
.mbanner_rollimg .slick-dots{bottom:1em}
.mbanner_rollimg .slick-dots li button:before{width:13px; height:13px}


.mbanner_text ul li{width:48%; margin-bottom:1em}
.mbanner_text ul li div{width:100px; height:100px;}


.program_roll{padding:2.5rem 0; height:auto; background:#2b6978 url(/images/mtour/main/main_bottom_back_img_m_re.jpg) no-repeat top center; background-size:135%}
.program_roll .program_top{width:80%; margin:auto}
.program_roll .program_top h1{font-size:1.6rem; padding-bottom:.3em}
.program_roll .program_top span{font-size:1rem; line-height:1.2rem; transform:rotate(-0.04deg);-webkit-font-smoothing: antialiased;}
.program_roll .program_top{padding-bottom:9rem}
.program_roll .program_list h2{display:none}
.program_roll .program_list{padding-left:0; width:95%}

.program_roll .program_list .list-div ul{width:100%}
.program_roll .program_list .list-div ul li{width:24%; padding:0 0 10px 0; }
.program_roll .program_list .list-div ul li p{font-size:80%; color:#fff}


.fmain_community h1{width:150px; height:150px; margin-top:-6rem}
.fmain_community{padding:0.3rem .3rem 2rem }
.fmain_community .fmain_community_in{padding:1rem}
.fmain_community .fmain_community_in .fmain_left h2{padding-bottom:.4em}

.fmain_left, .fmain_right{width:100%;}
.fmain_right{float:none; margin-top:1.5rem}
.fmain_right div h2 img{max-width:150px; margin-bottom:1em}
.fmain_right div ul li{width:48%; padding-bottom:1rem}
}



@media (min-width:572px) and (max-width:870px){
.main_banner{padding:2rem}
.main_banner .mbanner_img{height:auto;}
.mbanner_img1, .mbanner_img2, .mbanner_img3, .mbanner_img4,.mbanner_img5,.mbanner_img6,.mbanner_img7{height:370px}
.mbanner_text_wrap{width:70%}
.mbanner_text_wrap .mbanner_text{top:2rem; transform:translateY(2rem)}
.mbanner_text_wrap .mbanner_text .text_top{font-size:1.6rem; margin:auto auto 1rem auto}
.mbanner_text_wrap .mbanner_text .text_top span{line-height:1.6rem; font-size:1.1rem; padding-top:1rem; display:none}
.mbanner_text_wrap .mbanner_text ul{width:100%; padding-top:2rem}
.mbanner_text_wrap .mbanner_text ul li{width:24%}
.mbanner_text_wrap .mbanner_text ul li div{width:90px; height:90px; margin-bottom:.6rem; }
.mbanner_text_wrap .mbanner_text ul li div p{word-break:keep-all}
.mbanner_rollimg .slick-prev, .mbanner_rollimg .slick-next{width:50px; height:50px}
.main_banner .slick-dotted.slick-slider{margin-bottom:0}


.main_banner .text_top{font-size:180%; padding-top:1em}
.main_banner .text_top span{font-size:50%}


.mbanner_text ul li {width:49%; margin-bottom:10px;}
.mbanner_text ul li div{width:120px; height:120px}
.main_banner .slick-prev, .main_banner .slick-next{background-size:50%}
.mbanner_rollimg .slick-prev, .mbanner_rollimg .slick-next{width:30px; height:30px}
.main_banner .slick-dotted.slick-slider{margin-bottom:0}
.mbanner_rollimg .slick-dots{bottom:1em}
.mbanner_rollimg .slick-dots li button:before{width:13px; height:13px}


.ntt{width:auto; display:inline-block; vertical-align:top}
.ndt{float:right; width:auto; display:inline-block; vertical-align:top}



.program_roll{padding-top:2.5rem; background-size:140%;  height:770px; background-color:transparent}
.program_roll .program_top{width:80%; margin:auto}
.program_roll .program_top h1{font-size:2rem; padding-bottom:.3em}
.program_roll .program_top span{font-size:1.1rem; line-height:1.6rem; transform:rotate(-0.04deg);-webkit-font-smoothing: antialiased;}
.program_roll .program_top{padding-bottom:1.5rem}
.program_roll .program_list h2{display:none}
.program_roll .program_list{padding-left:0; width:90%}

.program_roll .program_list .list-div ul{width:100%}
.program_roll .program_list .list-div ul li{width:24%}
.program_roll .program_list .list-div img{max-width:160px}


.fmain_community h1{width:150px; height:150px; margin-top:-6rem}
.fmain_community{padding:0.3rem .3rem 2rem }
.fmain_community .fmain_community_in{padding:3rem; margin-top:5rem}
.fmain_community .fmain_community_in .fmain_left h2{padding-bottom:.4em}

.fmain_left, .fmain_right{width:100%;}
.fmain_right{float:none; margin-top:1.5rem}
.fmain_right div h2 img{max-width:150px; margin-bottom:1em}
.fmain_right div ul li{width:32.5%; padding-bottom:1rem}
}


@media (min-width:871px) and (max-width:1280px){
#wrapper header{width:95%; margin:auto; height:auto;}

.main_banner .mbanner_img{height:auto; margin-bottom:3rem}
.mbanner_img1, .mbanner_img2, .mbanner_img3, .mbanner_img4,.mbanner_img5{height:500px}
.mbanner_text_wrap .mbanner_text ul li{width:24%}
.mbanner_text_wrap .mbanner_text ul li a{margin-bottom:1em}

.mbanner_text ul li div{font-size:3rem}
.mbanner_text ul li div{width:140px; height:140px; font-size:135%}

.mbanner_rollimg .slick-next, .mbanner_rollimg .slick-prev{width:50px; height:50px;}
.main_banner .slick-prev{background-size:45%}
.main_banner .slick-next{background-size:45%}


.program_roll{background-size:140%; height:910px; background-color:transparent; padding-top:1rem}
.program_roll .program_top{padding-bottom:0}
.program_roll .program_list .list-div ul{width:100%}
.program_roll .program_list .list-div ul li{width:24%}
.program_roll .program_list .list-div img{max-width:180px}


.fmain_community{padding:1rem .4rem 3rem}
.fmain_community .fmain_community_in{padding:3rem}
.fmain_community h1{margin:-10rem auto auto auto}

.fmain_left, .fmain_right{width:100%;}
.fmain_right{float:none; margin-top:2.5rem}
.fmain_right div h2 img{max-width:150px; margin-bottom:1em}
.fmain_right div ul li{width:32.5%; padding-bottom:1rem}
.ntt{width:auto; display:inline-block; vertical-align:top}
.ndt{float:right; width:auto; display:inline-block; vertical-align:top}
}

@media (min-width:1281px) and (max-width:1400px){
#wrapper header{width:95%; margin:auto; }
#body_wrap header .header h1{margin-left:-1em}
#body_wrap header .header .header_right{position:absolute; right:0px; top:10px; margin-right:10px;}
#body_wrap header .header .header_right .header_util .member_log ul li img{display:inline-block; vertical-align:middle}

.mbanner_text_wrap .mbanner_text ul li{width:24%}
.mbanner_text_wrap .mbanner_text ul li a{margin-bottom:1em}

.program_roll{background-size:140%; height:1000px}
.program_roll .program_list .list-div ul li{width:24%}
.program_roll .program_list .list-div img{max-width:180px}
.program_roll .program_top{padding-bottom:0}

.fmain_community{padding:1rem .4rem 3rem}
.fmain_community .fmain_community_in{padding:3rem}
.fmain_community h1{margin:-10rem auto auto auto}

.fmain_left, .fmain_right{width:100%;}
.fmain_right{float:none; margin-top:1.5rem}
.fmain_right div h2 img{max-width:150px; margin-bottom:1em}
.fmain_right div ul li{width:32.5%; padding-bottom:1rem}
.ntt{width:auto; display:inline-block; vertical-align:top}
.ndt{float:right; width:auto; display:inline-block; vertical-align:top}
}


@media (min-width:1501px) and (max-width:1559px){
#header_gnb>ul>li>a{padding:0 1.2em}
}

@media (min-width:1401px) and (max-width:1500px){
#body_wrap header .header .header_right {margin-right:.5em}
#body_wrap header .header .header_right .header_util .member_log ul li{padding:.2em}
#header_gnb>ul>li>a{padding:0 .5em}
}


@media (max-width:1280px){
#nav{display:none}
}


@media (min-width:0px) and (max-width:440px){
#body_wrap header{height:100px}
}

@media (min-width:441px) and (max-width:768px){
#body_wrap header{height:120px}
#body_wrap header .header h1 img{max-width:150px; vertical-align:middle}
#body_wrap header .header h1 img:nth-child(1){margin-right:10px}
}

@media (min-width:769px) and (max-width:1024px){
/*body_wrap header{height:100px}*/
}