@charset "utf-8";

#middle .con01{height: 634px; background: url('/images/tour/main/bg_middle.png') no-repeat 60% 0px; position:relative; z-index: 0;}
#middle .con02{height: 180px; background:url('/images/tour/main/bg_way_b.png') repeat center 0px;}
#middle .con03{height: 199px; background:#fff; padding: 50px 0px 90px 0px;}
#middle .con04{height: 528px; background:url('/images/tour/main/bg_search_b.png') repeat center 0px;overflow: hidden;}
#middle .con05{height: 195px; background:#fff; padding: 70px 0px 110px 0px;}


/* 메인비쥬얼*/
#visual_wrap{padding-top:20px; width:1152px; height: 490px; margin:0 auto;position: relative;}
#visual_wrap .visual.inner {height: 490px;}
#visual_wrap .ctrl{position: absolute;bottom: 0px; left: 415px; width: 300px;}
#visual_wrap .ctrl a{   margin: 3px 0 0 5px;}
#visual_wrap .ctrl>p>a{float:right; height:27px; margin-left:5px; margin-top:8px;}
#visual_wrap .ctrl span{height:34px; float: left;}
#visual_wrap .ctrl span:first-child{margin-left:0px;}
#visual_wrap .ctrl span a{float: left;background: #c3c3c3; border-radius: 20px; padding: 4px 20px;  text-align: center; color:#fff;line-height: 25px;height: 23px;}
#visual_wrap .ctrl span.on a, #visual_wrap .ctrl span a:hover, #visual_wrap .ctrl span a:focus{background: #00aaf9;}
#visual_wrap .ctrl span#img02.on a, #visual_wrap .ctrl span#img02 a:hover,  #visual_wrap .ctrl span#img02 a:focus{background: #aa297c;}
#visual_wrap .ctrl span#img03.on a, #visual_wrap .ctrl span#img03 a:hover,  #visual_wrap .ctrl span#img03 a:focus{background: #eeba18;}
#visual_wrap .ctrl #main_stop {margin-top: 8px;display: block;width: 23px;float: left;}
#main_prev{position: absolute;left: -422px;top: -205px;}
#main_next{position: absolute;right: -438px;top: -205px;}


#visual_wrap .visual li{display:none;}
#visual_wrap .visual li.view{display:block;}
#visual_wrap .visual_list{width: 100%; background: #000; /* float:left; */ position: relative;}
#visual_wrap #visual02{background:#e1e1e1}
#visual_wrap .visual_list .tit{background:url('/images/tour/main/bg_main_visual.png') repeat center 0px; width: 258px; height: 142px; padding: 40px 30px; color:#fff;float: left;}
#visual_wrap .visual_list .tit02{background:url('/images/tour/main/bg_main_visual02.png') repeat center 0px;}
#visual_wrap .visual_list .tit span{font-size: 42px;float: right;color: #baeaff;}
#visual_wrap .visual_list .visual_list_s02 .tit span{font-size: 15px; color:#fff;}
#visual_wrap .visual_list .tit h3{float:left; background:url('/images/tour/main/bg_main_visual_tit.png') no-repeat left 0px;font-size: 42px;height: 92px;padding-top: 34px;padding-left: 10px;}
#visual_wrap .visual_list .tit02 h3{margin-top:-10px; width:200px;}
#visual_wrap .visual_list .tit h3 em{font-size: 42px;margin-top: -17px;padding-right: 22px;float: left;}
#visual_wrap .visual_list .tit h3.tit02 em{margin-top: -22px;}
#visual_wrap .visual_list .visual_list_s{width: 477px; height: 444px;float: left;}
#visual_wrap .visual_list .visual_list_s li{width: 159px; float: left;position: relative;display: block; opacity: 0.65;}
#visual_wrap .visual_list .visual_list_s li.on{opacity: 1;}
#visual_wrap .visual_list .visual_list_s li img{width: 160px; height: 111px;}
#visual_wrap .visual_list .visual_list_s li a{ color: #fff; display: block; position: relative; height: 111px; overflow: hidden; box-sizing: border-box;}
#visual_wrap .visual_list .visual_list_s li.on a,#visual_wrap .visual_list .visual_list_s li a:hover,#visual_wrap .visual_list .visual_list_s li a:focus,#visual_wrap .visual_list .visual_list_s li a:active{border:5px solid #0076ff;}
#visual_wrap .visual_list .visual_list_s li .txt{z-index: 1;position: absolute;display: table-cell;left: 0;top: 45px;vertical-align: middle;text-align: center;width: 100%;font-size: 17px;}
#visual_wrap .visual_list .visual_list_s li .txt02{position:absolute;left:0px;top:18px;}
#visual_wrap .visual_list .visual_list_s li.on .txt em, #visual_wrap .visual_list .visual_list_s li a:hover .txt em, #visual_wrap .visual_list .visual_list_s li a:focus .txt em{position: absolute;top: -50px;left: 60px;background: url('/images/tour/main/main_visual_on.png') no-repeat center 0px;height: 45px;width: 48px;padding-top: 9px;color: #333;font-size: 14px;font-weight: 600;display: block;}
#visual_wrap .visual_list .visual_list_s li .txt em {display: none;}
#visual_wrap .visual_list .visual_list_s li.on .txt {top: 50px;}
#visual_wrap .visual_list .visual_list_s02{width:477px; height: 220px;float: left;position:relative;}
#visual_wrap .visual_list .visual_list_s02 li{width: 159px; float: left;display:block;opacity: 0.65;position: relative;}
#visual_wrap .visual_list .visual_list_s02 li.on{opacity: 1;}
#visual_wrap .visual_list .visual_list_s02 li img{width: 159px; height: 112px;}
#visual_wrap .visual_list .visual_list_s02 li a{ width: 159px;height: 222px;float: left; box-sizing: border-box;overflow:hidden;}
#visual_wrap .visual_list .visual_list_s02 li a:hover, #visual_wrap .visual_list .visual_list_s02 li a:focus, #visual_wrap .visual_list .visual_list_s02 li.on a{border:5px solid #b80085 !important;color:#b52f8f;}
#visual_wrap .visual_list .visual_list_s02 li a:hover img{height:110px}
#visual_wrap .visual_list .visual_list_s02 li .txt{display:inline-block;width: 158px; height: 79px; font-size:18px; text-align:center;line-height: 21px; padding-top:30px;}
#visual_wrap .visual_list .visual_list_s02 li.first a {border-bottom: 1px solid #ddd;}
#visual_wrap .visual_list .visual_list_s02 li.second a .image {padding-top: 112px !important;display: block;}
#visual_wrap .visual_list .visual_list_s02 li.second a .txt{margin-top: -212px;display: block;}

#visual_wrap .visual_img{height: 444px;background: #000;float: left;overflow: hidden;}
#visual_wrap .visual_img ul{height: auto;}
#visual_wrap .visual_img li{display:none; width: 522px;}
#visual_wrap .visual_img li.on{display:block;}
#visual_wrap .visual_img li img {height: 332px; width:522px;}
#visual_wrap .visual_img .text{float:left; padding:15px 25px 25px 25px; width: 472px; height: 71px;position:relative;}
#visual_wrap .visual_img .text span{background: none;padding-right: 7px;margin-right: 0px;height: auto;float: left;width: 270px;padding-left: 16px;padding-top: 0px;}
#visual_wrap .visual_img .txt{border-left:1px solid #666666; color:#fff; font-size:14px;display: inline-block;margin-left: 13px;margin-top:25px; padding-left: 17px;}
#visual_wrap #visual02 .visual_img .txt {display: none;}
#visual_wrap .visual_img a{ position:absolute;right:27px;bottom:30px;}
#visual_wrap .visual_img .text .tit02{color:#f3cf33; font-size:14px;}
#visual_wrap .visual_img .text .tit02 em{color:#b80085; font-size:35px; font-family:'NanumMyeongjo',sans-serif;}
#visual_wrap #visual02 .visual_img .text span {width: 390px;}
#visual_wrap .visual_img02 .text .tit02{background: none;padding: 0px;height: auto;width: auto;margin-right: 0px;}
#visual_wrap .visual_img02 .text .tit02 em{color: #1480fe;}
#visual_wrap .visual_img a.link {background: url(/images/tour/main/btn_go01.png) no-repeat;display: block;width: 37px;height: 37px;text-indent: -9999px;}
#visual_wrap .visual_img.visual_img02 a.link {background: url(/images/tour/main/btn_go02.png) no-repeat;display: block;width: 37px;height: 37px;text-indent: -9999px;}
#middle .con01 .q_icon{position:relative; height:102px;margin-top: 22px;}
#middle .con01 .q_icon li{float:left; width: 151px; height: 89px; padding-left: 182px; font-size:24px; font-weight:600;padding-top: 13px;}
#middle .con01 .q_icon li a{color:#000;}
#middle .con01 .q_icon li a:hover, #middle .con01 .q_icon li a:focus{color:#000;}
#middle .con01 .q_icon li span{font-size:13px; font-weight:normal;display: block; color:#696969;} 
#middle .con01 .q_icon li.icon01{background: #eee url('/images/tour/main/link01.jpg') no-repeat left 0px;}
#middle .con01 .q_icon li.icon02{background: #eee url('/images/tour/main/link02.jpg') no-repeat left 0px;}
#middle .con01 .q_icon li.icon03{background: #eee url('/images/tour/main/link03.jpg') no-repeat left 0px;}

/* 마실길, 코스, 시간표 */
#middle .con02 .load{width:1040px; margin:0 auto; padding-top:22px; position: relative; height: 159px;}
#middle .con02 .load h3{float:left; background: url('/images/tour/main/bg_way.png') no-repeat left 56px; padding-right: 6px;height: 158px;width: 247px;padding-left: 24px;}
#middle .con02 .load h3 a.more{display: block;margin: 1px 22px 0 157px;color: #fff;background: url(/images/tour/common/arr_r.png) no-repeat right 4px;}
#middle .con02 .load h3 a.more:hover{text-decoration:underline;}
#middle .con02 .load h3 a:hover, #middle .con02 .load h3 a:focus{}
#middle .con02 .load ul{width: 575px; margin: 15px 0px 0px 0px;float: left;position: relative;padding-left: 38px;}
#middle .con02 .load li{float:left; width: 57px; height: 33px;text-align: center;} 
#middle .con02 .load li a{float:left; width: 49px; height: 14px; border:1px solid #ad8d48; color:#6e4f1f;line-height: 18px;padding: 5px 0px; font-size: 12px;} 
#middle .con02 .load li.last{width:70px;}
#middle .con02 .load li.last a{width:70px;}
#middle .con02 .load li a.on, #middle .con02 .load li a:hover, #middle .con02 .load li a:focus {background:#775820; border: 1px solid #775821; color:#fff; display:block}
#middle .con02 .load .course{ display:none;width: 605px;height: 101px;margin-top: 20px;margin-left: 0px;position: absolute;left: 40px;top: 22px;text-align: left;}
#middle .con02 .load .course.on{display:block;}
#middle .con02 .load span.load_name {font-size: 21px;color: #775820;display: block;width: 120px;letter-spacing: -0.05em;line-height: 1.4;}
#middle .con02 .load span.load_text {font-size: 14px;margin-left: 12px;margin-top: 6px;display: block;width: 394px;}
#middle .con02 .load span.time {background: url('/images/tour/main/time_bg.png') no-repeat left 11px;padding: 22px 0 0 125px;margin: 12px 0 0 132px;display: block;}
#middle .con02 .load span.time02 {background: url('/images/tour/main/time_bg02.png') no-repeat left 11px;padding-left: 148px;}
#middle .con02 .load span.time03 {background: url('/images/tour/main/time_bg03.png') no-repeat left 11px;padding-left: 172px;}
#middle .con02 .load .course span {height:30px;float: left;}
#middle .con02 .load p {float: right;width: 137px;height: 137px;text-align: center; color:#38342d; font-size:16px; position:relative;}
#middle .con02 .load p img{float:left; width: 138px; height: 124px;margin-top: 6px;}
#middle .con02 .load p span{position: absolute;top: 32px;left: 43px;}
#middle .con02 .load p a {display: block;width: 148px;height: 140px;z-index: 3;position: absolute;}
#middle .con02 .load p em{font-size:18px; font-weight:600;}
#middle .con02 .load span.bico {width: 146px;height: 154px;display: block;background: url('/images/tour/main/Timetable_bg.png') no-repeat 50% 0;position: absolute;left: 0px;top: 4px;}
#middle .con02 .load li a.more {position: absolute;left: 0;top: 61px;border: none;width: 70px;}
#middle .con02 .load li a.more:hover, #middle .con02 .load li a.more:focus{background:none;text-decoration: underline;color:#6e4f1f;}


/* 공지사항, 팝업존 */
#middle .con03 .con03_s{width:1025px; margin:0 auto; padding-right:15px;background: url('/images/tour/main/now_buan.png') no-repeat;height: 270px;}
#middle .con03 .con03_s .tit{float:left; width: 213px; height:210px; /* background: url('/images/tour/main/notice_bg.png') no-repeat left bottom; */padding-left: 72px;}
#middle .con03 .con03_s .tit h3{margin-top:7px;}
#middle .con03 .con03_s .tit a {display: block;width: 200px;padding: 27px 0 83px;border-radius: 130px;text-align: center;}

#middle .con03 .con03_s .notice {position:relative;float:left;width: 369px;margin: 0px 26px 0 26px;}
#middle .con03 .con03_s .notice h3, #middle .con03 .con03_s .popup-zone h3 {font-size:20px;}
#middle .con03 .con03_s .notice ul {margin-top:30px;}
#middle .con03 .con03_s .notice ul:after {display:block;content:'';clear:both;}
#middle .con03 .con03_s .notice ul li {line-height:26px;background: url('/images/tour/main/dot_blue.png') no-repeat 0 13px;padding-left:12px;}
#middle .con03 .con03_s .notice ul li a{color:#666;}
#middle .con03 .con03_s .notice ul li a:hover, #middle .con03 .con03_s .notice ul li a:focus{font-weight:600;}
#middle .con03 .con03_s .notice .btn_more {position:absolute;top:0px;right:0;}

.popup-zone .status { display: none; }
.popup-zone .status.on { display: block; }

#middle .con03 .con03_s .popup-zone {position: relative;float:right;}
#middle .con03 .con03_s .popup-zone ul li a {display: block;width: 318px;height: 168px;}
#middle .con03 .con03_s .ctrl {position: absolute;right: 0;top: 0px; font-size:12px;}
#middle .con03 .con03_s .ctrl span{float:left;height:20px;line-height: 28px;margin-right: 10px;}
#middle .con03 .con03_s .ctrl a {width: 20px; height:21px; float: left;}
#middle .con03 .con03_s .ctrl a:hover, #middle .con03 .con03_s .ctrl a:focus{}


/* 부안여행길잡이 */
#middle .con04 .search{padding:50px 64px 0 40px; height: 485px; text-align:center; position:relative;}
#middle .con04 .search p{font-size:15px; color:#444; font-family:'NanumGothic'; margin-bottom: 32px;}
#middle .con04 .search h3{font-size:48px; color:#fabc00; background: url('/images/tour/main/search_tit.png') no-repeat 20px 7px;margin: 0 auto;width: 308px;padding-left: 88px; font-weight:600;text-indent: -9999px;}
#middle .con04 .search .inputSearch{background:#fff; width: 384px; height: 34px; border: 5px solid #fcd45c;padding: 0px 10px;margin-left: 20px;font-size: 20px;font-family: NanumBarunGothic;color: #0044F1;text-align: center;}
#middle .con04 .search .btn_search{position:absolute;right: 375px; top: 192px;}
#middle .con04 .search .search_list{background: url('/images/tour/main/search_bg2.png') no-repeat center 0px;height: 312px;position: relative;font-size: 15px;font-weight: 600;}
#middle .con04 .search .search_list li a{color: #fff;}
#middle .con04 .search .search_list li a:hover, #middle .con04 .search .search_list li a:focus{color: #fff;}

#search01 {position: absolute;left: 65px;top: 2px; background-color: rgba(250,188,0,0.8); border-radius:50%; height:110px; width:110px; line-height:110px;}
#search02 {position: absolute;left: 120px;top: 190px;background-color: rgba(255, 128, 145, 0.8); border-radius:50%; height:80px; width:80px; line-height:80px;}
#search03 {position: absolute;left: 180px;bottom: 130px; background-color: rgba(230,76,80,0.9); border-radius:50%; height:130px; width:130px; line-height:130px;}
#search04 {position: absolute;left: 330px;top: 10px; background-color: rgba(71,104,190,0.8); border-radius:50%; height:125px; width:125px; line-height:125px;}
#search05 {position: absolute;z-index:1;left: 300px;bottom: 2px;background-color: rgba(132, 209, 255, 0.8); border-radius:50%; height:105px; width:105px; line-height:105px;}
#search06 {position: absolute;left: 360px;top: 130px;background-color: rgba(0, 202, 181, 0.8); border-radius:50%; height:140px; width:140px; line-height:140px;}
#search07 {position: absolute;z-index:1; right: 390px;bottom: 90px;background-color: rgba(255, 178, 13, 0.8); border-radius:50%; height:125px; width:125px; line-height:125px;}
#search08 {position: absolute;right: 400px;top: 3px;font-size: 18px; background-color: rgba(0,53,13,0.6); border-radius:50%; height:100px; width:100px; line-height:100px;}
#search09 {position: absolute;z-index:1; right: 280px;top: 180px;background-color: rgba(185, 216, 44, 0.9); border-radius:50%; height:105px; width:105px; line-height:105px;}
#search10 {position: absolute;right: 200px;bottom: 120px; background-color: rgba(250,188,0,0.8); border-radius:50%; height:130px; width:130px; line-height:130px;}
#search11 {position: absolute;right: 100px;bottom: 0px; background-color: rgba(230,76,80,0.9); border-radius:50%; height:150px; width:150px; line-height:150px;}
#search12 {position: absolute;right: 60px;top: 56px;background-color: rgba(93, 195, 255, 0.8); border-radius:50%; height:105px; width:105px; line-height:105px;}


/* 바로가기 서비스 */
#middle .con05 .link{height: 225px;}
#middle .con05 .link>div{float:left; border-top: 2px solid #000; padding-top: 20px;width: 312px;margin-left: 32px;}
#middle .con05 .link>div:first-child{margin-left:0px;}
#middle .con05 .link h3{font-size:20px; color:#000; font-weight:600;}
#middle .con05 .link h3 a{height: 162px;display: block;overflow: hidden;}
#middle .con05 .link span{font-size:14px; color:#444;}
#middle .con05 .link .link01{background: url('/images/tour/main/service01.png') no-repeat center 40px;}
#middle .con05 .link .link02{background: url('/images/tour/main/service02.png') no-repeat center 50px;}
#middle .con05 .link .link03{background: url('/images/tour/main/service03.png') no-repeat center 55px;}



/*효과*/
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 57px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}



/*2015.09.10(gs) layer popup*/
.layer {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}
.layer .pop-layer {display:block;}
.pop-layer {display:none;position:absolute;top:50%; left:50%;background-color:#fff;border:5px solid #3571B5;z-index:10;}	
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top:10px;border-top:1px solid #DDD;text-align:right;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}