@charset "utf-8";

.roll_img{width:100%;height:100%;}
.roll_img img{width:100%;height:100%;}
.btn_phone{display:inline-block;margin-left:15px;font-size:20px;font-weight:800;color:#4c4c4c;}

/* 인사말 */
.idc1{font-family:'Nanum Square';font-size:30px;font-weight:bold;color:#00437d;text-align:center;}
.idc1 span.green{color:#37a203;}
.idcBox{overflow:hidden;margin-top:60px;}
.idcBox .lft{float:left;width:55%;padding-right:25px;padding-right:30px;}
.idc2{font-family:'Nanum Square';font-size:27px;color:#333;line-height:1.1}
.idc3{margin-bottom:24px;font-family:'Nanum Square';font-weight:bold;font-size:38px;color:#333;line-height:1.8;}
.idc4{margin-bottom:25px;color:#666;line-height:1.7}
.idc5{color:#333;font-weight:500;line-height:1.7}
.idcBox .rgt{float:left;width:45%;height:342px}
.idcBox .rgt li{list-style:none;}
.roll_img .bx-wrapper .bx-pager, .roll_img .bx-wrapper .bx-controls-auto{bottom:10%}
.roll_img .bx-wrapper .bx-pager.bx-default-pager a{width:15px;height:15px;margin:0 3px;border-radius:50%;background:#f5faff;}
.roll_img .bx-wrapper .bx-pager.bx-default-pager a.active{background:#cdf200;}

/* 마을소개 */
.img img{max-width:100%;}
.town_list li{overflow:hidden;margin-bottom:15px;padding:0 !important;list-style:none}
.town_list li .thumb{overflow:hidden;float:left;width:25%;border-radius:5px;background:#b0b5c0;}
.town_list li .thumb.no{height:191px;}
.town_list li .thumb img{width:100%;}
.town_list li .town_info{float:left;width:75%;padding-left:5%;}
.town_list li .town_info h5{margin-bottom:10px;font-size:16px;font-weight:600;color:#398a23;}
.town_list li .town_info p{margin-bottom:0;}

/* 마을소개 영상 */
.movie{border-bottom:solid 1px #ccc;padding:0 0 68px;}
.movie .movie_box{overflow:hidden;width:730px;margin:0 auto;}
.movie .movie_box p.bullet{padding-left:18px;background:url(../images/sub/p_bullet.gif) 0 6px no-repeat;font-size:20px;color:#333;}
.movie .movie_box .movie_wrap{width:100%;height:510px;margin:38px 0 28px;background:#e5e5e5;text-align:center;}
.movie .movie_box .movie_go{display:inline-block;padding:9px 27px;border:solid 1px #aaa;font-size:15px;font-weight:500;color:#666;float:right;}

/* 오시는길 */
.location_tit{font-size:25px;font-weight:500;color:#333}
.location_tit span{color:#e7912b}
.location_sub{margin-bottom:30px;font-size:17px;color:#666}
.map_open{float:right;display:inline-block;height:45px;margin:0 15px 15px 0;padding:0 58px 0 18px;border:solid 1px #aaa;background:url(../images/sub/ico_map.gif) 95% 8px no-repeat;color:#333;text-align:center;line-height:45px;letter-spacing:-1px;}
#map{width:98%;height:420px;margin:0 auto;border:solid 1px #ccc;}
.locationInfo{overflow:hidden;width:99%;margin:30px 0 62px;padding-left:1%}
.locationInfo li{float:left;width:33.33%;height:65px;padding-left:80px;list-style:none;}
.locationInfo li dl dt{font-size:13px;font-weight:500;color:#555}
.locationInfo li dl dd{font-size:16px;font-weight:500;color:#333;}
.locationInfo li.address{background:url(../images/sub/ico_addr.gif) 0 0 no-repeat}
.locationInfo li.address span{font-weight:400;color:#666;}
.locationInfo li.phone{background:url(../images/sub/ico_phone.gif) 0 0 no-repeat}
.locationInfo li.fax{background:url(../images/sub/ico_fax.gif) 0 0 no-repeat}
.traffic_info{margin-top:40px;padding:25px 0 0 130px;min-height:97px;}
.traffic_info.kind1{background:url(../images/sub/ico_traffic1.jpg) 6px 0 no-repeat;}
.traffic_info.kind2{background:url(../images/sub/ico_traffic2.jpg) 6px 0 no-repeat;}
.traffic_info.kind3{background:url(../images/sub/ico_traffic3.jpg) 6px 0 no-repeat;}
.traffic_info ul li{color:#666;line-height:1.7;list-style:none;}
.traffic_info ul li strong{font-weight:500;color:#333;}

.win_info{padding:10px;}
h4.company{margin:0 0 8px;padding:0;background:none;font-size:16px;}

/* 축제 */
.festival{margin-top:50px;}
.festival .img_list{overflow:hidden;}
.festival .img_list li{float:left;list-style:none;}
.festival .img_list li.first{width:50%;}
.festival .img_list li.last{width:50%;}
.festival .img_list li img{width:100%;height:100%;}
.festival h4{margin:62px 0 28px;font-size:25px;font-weight:500;color:#333;}
.festival h4 span{color:#0d67cd;}
.festival h5{margin-bottom:15px;font-size:20px;font-weight:600;color:#2b89a0;}
.festival h5 span{color:#a9740e;}
.festival p{color:#666;line-height:1.8}
.festival p.q_phone{margin-top:30px;font-weight:500;color:#333;}

/* 체험이용안내 */
.exp_desc{overflow:hidden;width:100%;margin:0 auto;padding:40px 0 40px;border-top:solid 1px #666;}
.exp_desc dl{overflow:hidden;margin-bottom:50px}
.exp_desc dl dt{float:left;width:270px;height:130px;padding-top:40px;border-radius:5px;}
.exp_desc dl dt.tp1{background:#70bdce;}
.exp_desc dl dt.tp2{background:#ceab70;}
.exp_desc dl dt.tp3{background:#aaa;}
.exp_desc dl dt.tp4{background:#c9a6a6;}
.exp_desc dl dt span{display:block;margin:0 auto;width:140px;height:48px;border:solid 1px #fff;font-size:17px;font-weight:500;color:#fff;text-align:center;line-height:48px;}
.exp_desc dl dd{float:left;width:900px;padding:10px 0 0 35px;}
.exp_desc dl dd li{color:#666;line-height:1.5;list-style:none;}
.exp_desc dl dd li span.notice1{font-weight:600;color:#333;}
.exp_desc dl dd li span.notice2{font-weight:600;color:#965e00;}
.exp_desc dl dd .refund{display:inline-block;overflow:hidden;margin-top:30px;padding:0 20px;border:solid 1px #bbb;}
.exp_desc dl dd .refund li{float:left;padding:15px 20px;background:url(../images/sub/bg_refund.gif) 0 50% no-repeat;color:#333;list-style:none;}
.exp_desc dl dd .refund li:first-child{background:none;}
.exp_desc dl dd .refund li span{font-weight:500;color:#d74518;}

/* 숙박이용안내 */
.roll_img .roll_wrap li{overflow:hidden;height:240px;}

/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px){
#map{width:100%;}
.locationInfo{width:100%;padding-left:0;}

/* 체험이용안내 */
.exp_desc dl dt{width:25%;}
.exp_desc dl dd{width:75%;padding:10px 0 0 5%}
}

/* 넓이가 992px 이하일 때*/
@media (max-width: 992px) {
/* 체험이용안내 */
.exp_desc dl dd .refund{padding:0 10px}
.exp_desc dl dd .refund li{padding:10px 15px}
}

/* 넓이가 768px 이하일 때*/
@media (max-width: 768px) {
/* 인사말 */
.idcBox .lft{float:none;width:100%;padding:0 0 5%;}
.idcBox .rgt{float:none;width:100%;height:auto;}
.idcBox .rgt img{width:100%;}

/* 해바리마을소개 */
.town_list li .thumb{float:none;width:100%;}
.town_list li .town_info{float:none;width:100%;margin-top:15px;padding:0;}

/* 소개영상 */
.movie .movie_box{width:100%;max-width:768px;}

/* 오시는길 */
.locationInfo li{float:none;width:100%;margin-bottom:15px;}
.traffic_info{margin-top:15px;padding:0;min-height:auto;}
.traffic_info.kind1,
.traffic_info.kind2,
.traffic_info.kind3{background:none;}
.traffic_info ul li.fix{margin-bottom:10px;padding-left:15px;}
.traffic_info ul li.fix span{width:100%;margin-left:0;}

/* 지역축제 */
.festival .img_list li{float:none;width:100% !important}

/* 체험이용안내 */
.exp_desc{padding:40px 0 0}
.exp_desc dl dt{float:none;width:100%;}
.exp_desc dl dt span{font-size:15px;}
.exp_desc dl dd{float:none;width:100%;margin-top:15px;padding:0}
}

/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {

}

/* 넓이가 425px 이하일 때*/
@media all and (max-width:425px){

}