@charset "utf-8";

/*!
 *@(주)가민정보시스템
 *@2017.05.23 류승호초안
 *@2017.10.24 류승호스타일변경
 *@ 추가수정 : 수정시 작성
 */

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.content h4{ font-size:24px; font-weight:500; color:#111; padding:10px 0; letter-spacing:-0.05em}
.content h4:after{ display:block; content:''; background:#165fc0; width:30px; height:3px;  margin-top:8px}
.content h5{ font-size:20px; font-weight:normal; color:#1156af; padding:10px 0}
.content h6{ font-size:18px; font-weight:500; color:#4a4a4a; padding:10px 0 10px 24px; position:relative}
.content h6:before{ display:block; content:""; border:#fd8f00 solid 6px; border-radius:20px;  width:5px; height:5px; position:absolute; left:0; top:10px;  } 
.content p{ font-size:16px; color:#686868; line-height:150%}



/*리스트타입*/
.list_basic > li{ position:relative; color:#686868; line-height:150%; font-size:16px;  padding-left:16px;  }
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:after{ display:none;}
.list_basic > li:after{ position:absolute; display:block; content:""; left:0; top:12px;}
.lt01 > li:after{  width:10px; height:2px; background:#000;}
.lt02 > li:after{  width:10px; height:2px; background:#b6b6b6;}
.lt03 > li:after{  width:6px; height:6px; background:#409700; left:3px; top:10px; border-radius:10px;}
.lt04 > li:after{  width:6px; height:6px; background:#000; left:3px; top:10px; border-radius:10px;}

.list_basic.date span{ float:none; display:block; padding:0 10px 0 0; color:#295dbc }
.list_basic.date p{ overflow:hidden}
@media all and (min-width:768px){
.list_basic.date span{ float:left;}
}

.ol_basic > li{ position:relative; padding-left:40px; color:#686868; padding-top:5px; min-height:30px; margin-bottom:5px;}
.ol_basic > li:after{ display:block; content:"1"; width:30px; height:30px; color:#fff; background:#000; position:absolute; left:0; top:0; border-radius:30px;}
.ol_basic > li:after{ text-align:center; line-height:30px; font-size:17px;}
.ol_basic > li:nth-child(1):after{  content:"1";}
.ol_basic > li:nth-child(2):after{  content:"2";}
.ol_basic > li:nth-child(3):after{  content:"3";}
.ol_basic > li:nth-child(4):after{  content:"4";}
.ol_basic > li:nth-child(5):after{  content:"5";}
.ol_basic > li:nth-child(6):after{  content:"6";}
.ol_basic > li:nth-child(7):after{  content:"7";}
.ol_basic > li:nth-child(8):after{  content:"8";}
.ol_basic > li:nth-child(9):after{  content:"9";}
.ol_basic > li:nth-child(10):after{  content:"10";}
.ol_basic > li:nth-child(11):after{  content:"11";}
.ol_basic > li:nth-child(12):after{  content:"12";}
.ol_basic > li:nth-child(13):after{  content:"13";}
.ol_basic > li:nth-child(14):after{  content:"14";}
.ol_basic > li:nth-child(15):after{  content:"15";}

.ot01 > li:after{ background:#83ad12}
.ot02 > li:after{ background:#d62020}
.ot03 > li:after{ background:#5183de}
.ot04 > li:after{ background:#858585}

.tab_s:after {content:"  "; display:block; clear:both;}
.tab_s ul {width:100%; font-size:0; margin-bottom:25px }
.tab_s ul:after {content:"  "; display:block; clear:both;}
.tab_s ul li {display:inline-block; float:left;}
.tab_s ul li a {display:block; position: relative; padding:17px 25px; margin-bottom:-1px; margin-right: -1px; z-index: 1;  text-align:center; color:#3a3a3a; font-size:14px; letter-spacing: -0.64px; border-left:1px solid #898989; border-top:1px solid #898989; border-right:1px solid #898989; border-bottom: 1px solid #898989; white-space: nowrap; background-color:#fff; }
.tab_s ul li.active a:before,
.tab_s ul li:hover a:before {content: ""; position: absolute; top:-1px; left:0; width:100%; height: 1px; background: #003881;}
.tab_s ul li.active a, .tab_s ul li:hover a { color:#3a3a3a; background-color:#f5f9fe; border-left:1px solid #003881; border-top:1px solid #003881; border-right:1px solid #003881; border-bottom: 1px solid #003881 !important; z-index: 5;}
@media screen and (max-width: 639px) and (min-width: 1px){
.tab_s ul{ position:relative; min-height:36px; transition:0.5s}
.tab_s ul li {display:block; float:none; position:absolute; width:100%;}
.tab_s ul li.active a { background:#f5f9fe url(/home/tour/images/sub/open.png) 95% center no-repeat; }
.tab_s ul li a{ padding:10px 0; }
.tab_s ul.open{ }
.tab_s ul.open li{ position:relative; transition:0.5s}
.tab_s ul.open li.active a { background:#f5fff9}
}
@media screen and (max-width: 768px) and (min-width: 640px){
.tab_s ul li {display:inline-block; float:left; width:33.333%}
.tab_s ul li a{ padding:17px 0; }
}

.tc01{ color:#000 !important}
.tc02{ color:#25724c !important}
.tc03{ color:#fe3c3c !important}
.tc04{ color:#2b86ec !important}

/*상태표시*/
.state{ font-size:11px; padding:4px 14px 6px;}
.state_fin{ border:#393939 solid 1px; background:#444; color:#fff } 
.state_ing{ border:#1552b8 solid 1px; background:#3788f6; color:#fff } 
.state_be{ border:#dcb666 solid 1px; background:#ffd800; color:#575757 } 


/*컨텐츠용버튼*/
.btn_con{ display:inline-block; background-color:#fff;  background-position:90% center; background-repeat:no-repeat; padding:15px 50px 15px 15px ;  font-size:14px; color:#000; border:#393939 solid 1px}
.btn_con:hover{ background-color:#fff;  background-position:90% center; background-repeat:no-repeat; border:#165fc0 solid 1px}
.btn_open{ background-image:url(/home/tour/images/sub/open.png); }
.btn_open:hover{ background-image:url(/home/tour/images/sub/open_on.png);  }
.btn_close{ background-image:url(/home/tour/images/sub/close.png); }
.btn_close:hover{ background-image:url(/home/tour/images/sub/close_on.png); }
.btn_more{ background-image:url(/home/tour/images/sub/more.png); }
.btn_more:hover{ background-image:url(/home/tour/images/sub/more_on.png); }
.btn_down{ background-image:url(/home/tour/images/sub/down.png); }
.btn_down:hover{ background-image:url(/home/tour/images/sub/down_on.png); }
.btn_link { background-image:url(/home/tour/images/sub/blank.png); }
.btn_link:hover{ background-image:url(/home/tour/images/sub/blank_on.png); }

.btn_list{ padding:12px 25px; background:#f6f6f6; border:#6d6d6d solid 1px; }
.btn_list:hover{ background:#003881; border:#002453 solid 1px; color:#fff; }
.btn_small{ margin: 3px 0 3px 15px; padding:2px 25px 0px 8px; background-repeat:no-repeat; background-position:90% center; background-size:20%; font-size:11px }
.btn_small:hover{ background-repeat:no-repeat; background-position:90% center; background-size:20%; }




/*기본테이블*/
.basic_table { width:98%; border-collapse:collapse; border-top:2px solid #003881;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th{ border-bottom:#003881 solid 1px !important  }
.basic_table thead tr th,.basic_table thead tr td {padding:15px 10px; border-bottom:#ccc solid 1px;  border-right: #ccc solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding:15px 10px; border-bottom:#ccc solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px;}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table th { font-size:14px; color:#686868; background-color:#f9f9f9; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#676767;  line-height:150%; text-align:center;  vertical-align:middle}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
@media all and(max-width:640px){
.basic_table th { font-size:16px;  background-color:#f9f9f9; vertical-align:middle }
.basic_table td { font-size:14px;  line-height:150%; text-align:center;  vertical-align:middle}
}

.tbl_st01 th{ background:#397bdf; color:#fff}
.basic_table.tbl_st01 thead tr th,.basic_table.tbl_st01 thead tr td {padding:10px; border-bottom:#4f4f4f solid 1px;  border-right: #4f4f4f solid 1px;}
.basic_table.tbl_st01 tbody tr th,.basic_table.tbl_st01 tbody tr td {padding:10px; border-bottom:#4f4f4f solid 1px; border-right: #4f4f4f solid 1px; border-left: #4f4f4f solid 1px;}


.img_box_wrap{ }
.img_cts_wrap img{ max-width:100%; }
.img_box_wrap:after{ display:block; content:""; clear:both }
.img_wrap{ text-align:center}
.img_wrap img{ max-width:100%; }
.img_wrap .exp_img{ display:block; padding:10px 0; }
.img_box_wrap .con_title{ display:block; font-size:20px; color:#686868; line-height:140%;}
@media screen and (min-width:640px){
.img_wrap{ float:left; margin-right:25px; text-align:left  }
}

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper {  position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0;   background: url(/home/tour/images/sub/arrow-left.png) no-repeat left 20%, linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0;  background: url(/home/tour/images/sub/arrow-right.png) no-repeat right  20%, linear-gradient(to right, rgba(255,255,255,0), #fff);}


/*컨텐츠내용시작*/

.content .con_top{ padding:20px; margin-bottom:20px; background:none; border:#d0d0cf solid 1px; text-align:center; overflow:hidden}
.content .con_top img{ float:none; margin-right:0;}
.content .con_top p{ padding-top:20px; line-height:140%;font-size:14px;}
.content .con_top span{ font-size:14px; }
.content .con_top span.blue{ display:block; color:#00aeef }
@media all and (min-width:640px) and (max-width:1023px) {
.content .con_top{ padding:20px 40px 20px 20px;  background:none; text-align:left;   }
.content .con_top p{ padding-top:10px; line-height:140%; font-size:16px;}
.content .con_top img{ float:left; margin-right:22px; }
}
@media all and (min-width:1024px){
.content .con_top{padding:20px; text-align:left;   }
.content .con_top p{font-size:16px;}
.content .con_top img{ float:left; margin-right:22px; }
}


/* 지도박스 */
.daum_api_map { background:#FFF; border:#d0d0cf solid 1px; text-align:center; height:350px;}

/* 시작 */
/*함평8경*/
.eight_view_list{}
.eight_view_list:after{ display:block; content:""; clear:both}
.eight_view_list a{ position:relative; display:block; margin-bottom:10px; height:130px; background-size:cover; background-position:center; background-repeat:no-repeat}
.eight_view_list .title_wrap{ position:absolute; bottom:0; display:inline-block; width:50%; background:rgba(0,0,0,.7); color:#fff; padding:15px;  }
.eight_view_list .title_wrap .num{ position:relative; display:inline-block; font-weight:bold; margin-bottom:10px;}
.eight_view_list .title_wrap .num:after{ display:block; content:""; background:#fff; width:100%; height:1px; margin-top:10px; }
.eight_view_list .title_wrap .title{ display:block; line-height:1.2; font-size:14px; }
.eight_view_list .title_wrap .title em{ font-style:normal; }
.eight_view_list .view01{ background-image:url(/home/tour/images/sub/bg_view01.jpg);}
.eight_view_list .view02{ background-image:url(/home/tour/images/sub/bg_view02.jpg);}
.eight_view_list .view03{ background-image:url(/home/tour/images/sub/bg_view03.jpg);}
.eight_view_list .view04{ background-image:url(/home/tour/images/sub/bg_view04.jpg);}
.eight_view_list .view05{ background-image:url(/home/tour/images/sub/bg_view05.jpg);}
.eight_view_list .view06{ background-image:url(/home/tour/images/sub/bg_view06.jpg);}
.eight_view_list .view07{ background-image:url(/home/tour/images/sub/bg_view07.jpg);}
.eight_view_list .view08{ background-image:url(/home/tour/images/sub/bg_view08.jpg);}
@media screen and (min-width: 640px){
.eight_view_list a{ float:left; width:49%; height:130px; margin-right:2%;}
.eight_view_list a:nth-child(2n){ margin-right:0;}
}
@media screen and (min-width: 1024px){
.eight_view_list a{height:180px; }
.eight_view_list a:nth-child(4){ margin-right:2%; }
.eight_view_list a:nth-child(5){ margin-right:0; }
.eight_view_list a:nth-child(6){ margin-right:2%; }
.eight_view_list .view_box01{ height:250px;}
.eight_view_list .view_box02{ width:32%;}
}
@media screen and (min-width:1100px){
.eight_view_list .view_box01{ width:460px; height:420px; margin-right:10px;}
.eight_view_list .view_box02{ width:305px; height:270px; margin-right:7px;}
.eight_view_list a:nth-child(4){ margin-right:7px; }
.eight_view_list a:nth-child(5){ margin-right:0; }
.eight_view_list a:nth-child(6){ margin-right:7px; }
.eight_view_list .title_wrap{ width:160px; height:170px; padding:22px }
.eight_view_list .title_wrap .num{ font-size:31px; }
.eight_view_list .title_wrap .title{ font-size:20px; }
.eight_view_list .title_wrap .title em{ font-style:normal; display:block}
}

.view_photo_wrap{ position:relative; }
.view_photo_wrap div img{ max-width:100% }

/*8경포토 컨트롤*/
.view_photo .owl-dots{ display:none !important}
.view_photo .owl-nav{ position:absolute; bottom:0; }
.view_photo .owl-nav a{ display:inline-block; width:30px; height:30px; margin-right:1px; text-indent:-9999px; }
.view_photo .owl-nav .owl-prev{ background:url(/home/tour/images/sub/prev.png) no-repeat; }
.view_photo .owl-nav .owl-next{ background:url(/home/tour/images/sub/next.png) no-repeat; }
.view_photo .owl-nav .owl-stop{ background:url(/home/tour/images/sub/pause.png) no-repeat; }
.view_photo .owl-nav .owl-play{ display:none; background:url(/home/tour/images/sub/play.png) no-repeat; }
#paging_alim{ position:absolute; bottom:0; background:rgba(0,0,0,.8); width:50px; height:30px; line-height:30px; margin-top:-30px; margin-left:93px; text-align:center; color:#fff; z-index:1000; font-size:14px; }

/*====== 문화관광 공통 ======*/

/*info 아이콘*/
.info_icon{ clear:both;}
.info_icon span{ display:inline-block; padding:7px 10px; margin:0 2px; border-radius:3px; font-size:14px; line-height:normal}
.info_icon .icon01{ background:#003e91; color:#fff; }
.info_icon .icon02{ background:#fd9b00; color:#fff; }
.info_icon .icon03{ background:#b46cde; color:#fff; }
.info_icon .icon04{ background:#589f43; color:#fff; }
.info_icon .icon05{ background:#68aef0; color:#fff; }
.info_icon .icon06{ background:#a29682; color:#fff; }
.info_icon .icon07{ background:#896225; color:#fff; }
.info_icon .icon08{ background:#44ab83; color:#fff; }
.info_icon .icon09{ background:#93b248; color:#fff; }
.info_icon .icon10{ background:#6d9baa; color:#fff; }
.info_icon .icon11{ background:#5f594e; color:#fff; }
.info_icon .icon12{ background:#556983; color:#fff; }
.info_icon .icon13{ background:#ac5814; color:#fff; }

/*주요관광지 포토갤러리*/
.total_num{ padding:15px 0 5px 0;}
.photo_list:after{ display:block; content:""; clear:both}
.photo_list li{ margin-bottom:15px;}
.photo_list li .photo_wrap{ display:block; position:relative}
.photo_list li .photo_wrap img{ width:100%; height:207px;}
.photo_list li .photo_wrap .info_icon{ position:absolute; right:10px; bottom:10px;}
.photo_list li .title{ display:block; margin-bottom:10px; font-size:16px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.photo_list li .info_block{ padding:15px; border-left:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; border-bottom:#d8d8d8 solid 1px;}
.photo_list li .info_block .location{ display:inline-block; font-size:14px; padding-left:26px; background:url(/home/tour/images/sub/icon_gp2.png) left center no-repeat; background-size:auto 75%; line-height:35px; margin-right:15px}
.photo_list.webzine li .info_block .exp{ margin-bottom:15px; font-size:14px;  line-height:1.2}

/*홈페이지아이콘*/
.homepage{ display:inline-block; padding:7px 22px 7px 10px; border:#d8d8d8 solid 1px; background:#fff url(/home/tour/images/sub/icon_new.png) 90% center no-repeat; font-size:12px; background-size:12px;  }
@media screen and (min-width:768px){
.photo_list li{ float:left;  width:32%; margin-right:2%;}
.photo_list li:nth-child(3n){ margin-right:0; }

.photo_list.webzine li{ float:none; width:auto; border:#d8d8d8 solid 1px; margin-right:0;  overflow:hidden}
.photo_list.webzine .photo_wrap{ float:left; line-height:0 }
.photo_list.webzine li .info_block{ padding:25px 20px; border:0; overflow:hidden }
.photo_list.webzine li .info_block .title{ font-size:18px; font-weight:500 }
.photo_list.webzine li .info_block .exp{ font-size:16px; }

}
@media screen and (min-width:1024px){
.homepage{ font-size:12px;  padding:9px 30px 9px 10px; background-size:auto }
}


/*콘텐츠 이미지 레프트와 텍스트 */
.ctsimg_wrap {overflow:hidden;}
.ctsimg_wrap .left_wrap{position:relative }
.ctsimg_wrap .left_wrap img{ width:100%;} 
.ctsimg_wrap .right_wrap{ overflow:hidden}

@media all and (min-width:640px) {
.ctsimg_wrap .left_wrap{ float:left; width:30%; margin-right:5%;}
.ctsimg_wrap .right_wrap{ width:65%;}
}



/*====== 문화관광 공통 끝 ======*/

/*8경상세 정보*/
.eight_view_detail .eight_view_info{ margin-top:15px;}
.eight_view_detail .eight_view_info .title_wrap{ padding-bottom:15px;}
.eight_view_detail .eight_view_info .title_wrap h4{ float:left;  font-size:22px;}
.eight_view_detail .eight_view_info .title_wrap h4:after{ display:none; }
.eight_view_detail .eight_view_info .title_wrap .homepage{ float:right;  margin-left:10px; margin-top:10px;margin-bottom:10px;}

.eight_view_detail .eight_view_info .info_detail{ padding-top:15px;  border-top:#d0d0d0 solid 1px; overflow:hidden }
.eight_view_detail .eight_view_info .info_detail dt{ float:left ; width:25%; font-weight:500; line-height:150%; font-size:14px}
.eight_view_detail .eight_view_info .info_detail dd{ float:left; width:75%; color:#6e6e6e; line-height:150%; font-size:14px;  overflow:hidden}

.eight_view_detail .eight_info_tab { position:relative; padding-top:45px; margin-top:25px; }
.eight_view_detail .eight_info_tab .info_tab{ position:absolute; top:0; width:33.333%; display:block; padding:15px 0 14px 0; text-align:center; background:#fafafa; color:#000; border:#d6d6d6 solid 1px; border-bottom:#626262 solid 1px; font-size:14px; }
.eight_view_detail .eight_info_tab .info_tab.active{ background:#fff;border:#626262 solid 1px; border-bottom:0; padding:15px 0; }

.eight_view_detail.v01 .eight_info_tab .info_tab{ width:33.333%}
.eight_view_detail.v01 .eight_info_tab .info_tab.tab01{ margin-left:0;}
.eight_view_detail.v01 .eight_info_tab .info_tab.tab02{ margin-left:33.333%;}
.eight_view_detail.v01 .eight_info_tab .info_tab.tab03{ margin-left:66.666%;}

.eight_view_detail.v02 .eight_info_tab .info_tab{ width:50%}
.eight_view_detail.v02 .eight_info_tab .info_tab.tab01{ margin-left:0;}
.eight_view_detail.v02 .eight_info_tab .info_tab.tab02{ margin-left:0;}
.eight_view_detail.v02 .eight_info_tab .info_tab.tab03{ margin-left:50%;}

.eight_view_detail .eight_info_tab .tab_detail{ display:none; padding:20px 0; }
.eight_view_detail .eight_info_tab .tab_detail p{ color:#626262; line-height:1.4 }

@media screen and (min-width:768px){
.eight_view_detail .eight_info_tab { padding-top:53px;}
.eight_view_detail.v01 .view_photo_wrap{ float:left; width:50%; }
.eight_view_detail.v02 .view_photo_wrap{ display:none }
.eight_view_detail.v01 .eight_view_info{ float:right; width:45%; margin:0 }
.eight_view_detail.v02 .eight_view_info{ float:none; width:100%; margin:0; padding:0 15px }
.eight_info_tab{ clear:both;}
}
@media screen and (min-width: 1024px){
.view_photo_wrap{ width:50%; }
.eight_view_info{  width:45%; }
.eight_view_info .title_wrap{ padding-bottom:25px;}
.eight_view_info .title_wrap h4{ font-size:25px;}

.eight_view_info .info_detail dt{ font-size:16px; line-height:1.8}
.eight_view_info .info_detail dd{ font-size:16px; line-height:1.8 }
.eight_info_tab .info_tab{  padding:18px 0 17px 0; font-size:16px; color:#5c5c5c }
.eight_info_tab .info_tab.active{ padding:18px 0; }

.eight_info_tab .tab_detail{ padding:32px 0;}
.eight_info_tab .tab_detail p{ font-size:16px; color:#626262; line-height:1.6 }
}
@media screen and (min-width: 1100px){
.eight_view_detail.v01 .view_photo_wrap{ width:430px; }
.eight_view_detail.v01 .eight_view_info{  width:465px; }
}

/*주변정보*/
.near_info{ position:relative;}
.near_info .cate_top{  border:#d8d8d8 solid 1px; margin-bottom:10px; height:44px;  transition:0.5s; overflow:hidden }
.near_info .cate_top.open{ height:auto;  transition:0.5s}
.near_info .cate_top:after{ display:block; content:""; clear:both}
.near_info .cate_top li{ display:none; position:relative; float:none;  line-height:32px; padding:5px;  transition:0.5s}
.near_info .cate_top li.open{ display:block; transition:0.5s }
.near_info .cate_top li.select{ display:block;}
.near_info .cate_top li.select:after{  position:absolute; top:3px; right:15px; display:block; content:"▼"; width:10px; height:10px; font-size:10px; }
.near_info .cate_top li a{ display:block; padding-left:40px; font-size:14px;  }
.near_info .cate_top li.select .icon_b{  background-image:url(/home/tour/images/sub/icon_place.png); }
.near_info .icon_b{ position:absolute; left:5px; top:5px; display:inline-block; width:32px; height:32px; background-image:url(/home/tour/images/sub/icon_place_off.png); background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.near_info .icon_s{ position:absolute; left:-30px; top:0; display:inline-block; width:22px; height:22px; background-image:url(/home/tour/images/sub/icon_place.png); background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.near_info .ib1{ background-position: 0 0;}
.near_info .ib2{ background-position:-32px 0;}
.near_info .ib3{ background-position:-64px 0;}
.near_info .ib4{ background-position:-96px 0;}
.near_info .ib5{ background-position:-128px 0;}
.near_info .ib6{ background-position:-160px 0;}
.near_info .ib7{ background-position:-192px 0;}

.near_info .is1{ background-position:-22px 0;}
.near_info .is2{ background-position:-44px 0;}
.near_info .is3{ background-position:-66px 0;}
.near_info .is4{ background-position:-88px 0;}
.near_info .is5{ background-position:-110px 0;}
.near_info .is6{ background-position:-132px 0;}

.near_info .info_map{ position:relative; width:100%;}
.near_info .info_map .info_box{ position:absolute; left:50%; bottom:50%; margin-left:-130px; margin-bottom:5px; width:260px;  padding:15px; background:#3d3d3d; box-sizing:border-box}
.near_info .info_map #map{ width:100%; min-height:350px; background:url(/home/tour/images/sub/info_map.jpg) no-repeat}
.near_info .info_map .info_box img{ display:none; width:100%;}
.near_info .info_map .info_box h5{ position:relative; color:#fff; font-size:16px; margin:0; padding:4px 0; margin-left:28px; margin-bottom:10px}
.near_info .info_map .info_box p{ color:#fff; font-size:14px; }
.near_info .info_map .info_box a{ display:inline-block; border:#fff solid 2px; padding:8px 35px 8px 8px; color:#fff; font-size:12px; margin-top:10px; background:url(/home/tour/images/sub/arrow_go.png) 90% center no-repeat; background-size: auto 12px }
.near_info .info_map .info_box:after{ position:absolute; left:50%; margin-left:-5px; bottom:-20px; display:block; width:0; height:0; border:transparent solid 10px;  border-top:#3d3d3d solid 10px; content:""}

.near_info .info_list{ border:#d8d8d8 solid 1px; }
.near_info .info_list_top{ background:#fafafa url(/home/tour/images/sub/icon_gp.png) 15px  center no-repeat; padding:15px 15px 20px 95px; background-size:70px; border-bottom:#d8d8d8 solid 1px; }
.near_info .info_list_top span{ display:block; padding:5px 0 }
.near_info .info_list_top > a{ display:inline-block; border:#d8d8d8 solid 1px; padding:10px 35px 10px 10px; color:#6f6f6f; font-size:12px; margin-top:10px; background:#fff url(/home/tour/images/sub/icon_refresh.png) 90% center no-repeat; background-size: auto 17px }
.near_info .info_list_top span.sub_title{ color:#6f6f6f }
.near_info .info_list_top span.title{ color:#038400; font-size:18px;  font-weight:500 }

.near_info .info_list  .info_list_ul{ overflow-y:auto; height:200px }
.near_info .info_list  .info_list_ul .info_item{ padding:15px 15px 15px 45px; border-top:#d8d8d8 solid 1px;  background:#fff;}
.near_info .info_list  .info_list_ul .info_item:first-child{ border:0;}
.near_info .info_list  .info_list_ul .info_item:hover{ background:#fffee3 }
.near_info .info_list  .info_list_ul .info_item a{ display:block; position:relative }
.near_info .info_list  .info_list_ul .info_item .icon_s{ top:5px;}
.near_info .info_list  .info_list_ul .info_item .title{ display:inline-block; font-size:16px; font-weight:500; padding:4px 0;}
.near_info .info_list  .info_list_ul .info_item p{ font-size:14px;}

.near_info .change_place{ display:none; background:rgba(0,0,0,.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:3000}
.near_info .change_place .place_box{ position:relative; width:80%; margin:20% auto;}
.near_info .change_place .place_box span{ display:block; font-size:16px; color:#fff; background:url(/home/tour/images/sub/icon_gp2.png) left center no-repeat; background-size:contain; padding:10px 0 10px 30px; margin-bottom:15px }
.near_info .change_place .place_box ul{ border:#474747 solid 1px; height:300px; overflow-y:auto}
.near_info .change_place .place_box ul li { font-size:14px; border-bottom:#474747 solid 1px}
.near_info .change_place .place_box ul li a{ display:block; background:#fff; padding:15px;}
.near_info .change_place .place_box ul li a:hover{ color:#fff; background:#0f7d00}
.near_info .change_place .close{ display:block; float:right; width:41px; height:41px; background:url(/home/tour/images/sub/close.jpg) no-repeat; text-indent:-9999px;}

.near_info .owl-nav{ display:none}

.near_info .info_title{ font-size:20px; padding-left:40px; padding-bottom:25px; border-bottom:#d8d8d8 solid 1px;}
.near_info .info_title:after{ display:none}
.near_info .info_title .icon_b{ left:0;  background-image:url(/home/tour/images/sub/icon_place.png); }
.near_info .info_title a{ display:inline-block; padding:8px 30px 8px 10px; border:#d8d8d8 solid 1px; background:#fff url(/home/tour/images/sub/icon_new.png) 86% center no-repeat; font-size:14px; margin-top:10px; margin-left:0;  }

.near_info dl{ padding:25px 0; overflow:hidden}
.near_info dl dt{ float:left; font-weight:500; width:25%; margin-bottom:10px; }
.near_info dl dd{ float:left;  width:75%;  margin-bottom:10px; color:#6e6e6e; line-height:120%; overflow:hidden}
.near_info .map_wrap{ }
.near_info .map_wrap img{ width:100%;}


/*난대전추가*/
.nan {}
.nan dt {font-size:18px; font-weight:600; margin-bottom:15px;}
.nan dd {line-height:25px;}

@media all and (min-width:768px) {
.near_info .cate_top{ height:auto; border:0;}
.near_info .cate_top li{ display:block; float:left; width:20%; line-height:42px; border:0; }
.near_info .cate_top li.select:after{ display:none}
.near_info .cate_top li a{ display:block; padding-left:48px; font-size:14px;  }
.near_info .icon_b{ width:42px; height:42px;}
.near_info .ib1{ background-position: 0 0;}
.near_info .ib2{ background-position:-42px 0;}
.near_info .ib3{ background-position:-84px 0;}
.near_info .ib4{ background-position:-126px 0;}
.near_info .ib5{ background-position:-168px 0;}
.near_info .ib6{ background-position:-210px 0;}
.near_info .ib7{ background-position:-252px 0;}	

.near_info .info_map{ width:60%; }
.near_info .info_map #map{ min-height:450px;}
.near_info .info_list{ position:absolute; top:62px; right:0; width:38%; }
    .near_info .info_list  .info_list_ul{ height:auto}
.near_info .info_list  .info_list_ul .info_item{ padding:24px 15px 24px 55px;}
.near_info .change_place .place_box{ position:relative; padding:0;}
.near_info .change_place .place_box ul{ height:auto; overflow:hidden}
.near_info .change_place .place_box ul li { float:left; width:25%; border-right:#474747 solid 1px}
.near_info .change_place .close{ position:absolute; right:0; top:0; }

.near_info .info_title{  font-size:24px; padding-left:55px;}
.near_info .info_title .icon_b{ } 
.near_info .info_title a{ margin-top:0; margin-left:15px;   }

.near_info dl{ float:left; width:45%; padding:25px 0; overflow:hidden}
.near_info dl dt{ float:left; font-weight:500; width:25%; margin-bottom:10px; }
.near_info dl dd{ float:left;  width:75%;  margin-bottom:10px; color:#6e6e6e; line-height:120%; overflow:hidden}
.near_info .map_wrap{ float:right; width:50%; margin-top:25px;}
.near_info .map_wrap img{ width:100%;}

}
@media all and (min-width:1024px) {
.near_info .cate_top{ width:600px; }
.near_info .info_map{ width:60%; }
.near_info .info_map #map{ width:100%; min-height:590px; }
.near_info .info_map .info_box img{ display:block; width:auto; margin-bottom:10px;}
.near_info .cate_top li.select .icon_b{  background-image:url(/home/tour/images/sub/icon_place_pc.png); }
.near_info .icon_b{ background-image:url(/home/tour/images/sub/icon_place_off_pc.png);  background-size:auto;}
.near_info .info_list{ position:absolute; top:0; right:0; width:290px; }
.near_info .change_place .place_box{ width:890px;}
.near_info .change_place .place_box ul li { width:16.66667%;}
}
@media all and (min-width:1100px) {
.near_info .info_map{ width:600px; }
}


/*지역별관광지*/
.local_select .local_map{ display:none; }
.local_select .local_select_list{}
.local_select .local_select_list h4{ }
.local_select .local_select_list h4:after{ display:none;}
.local_select .local_select_list .select_list{ padding:10px 0;}
.local_select .local_select_list .select_list:after{ display:block; content:""; clear:both }
.local_select .local_select_list .select_list li{ float:left; width:20%; font-size:12px;}
.local_select .local_select_list .select_list li a{ position:relative; display:block; padding:10px;  text-align:center;  border:#aeaeae solid 1px; background:#fff; }
.local_select .local_select_list .select_list li a.active{ border-color:#006636;   background:#008f4c; color:#fff; font-weight:500; }
.local_select .local_search{ padding:5px 0;}
.local_select .local_search input[type="text"]{ width:82%; border-radius:2px;}
.local_select .local_search .btn_sch{ width:16.5%; background:#484848; color:#fff;  border-radius:2px; height:40px;}

.local_tour_tab { position:relative; padding-top:45px; margin-top:10px; }
.local_tour_tab .info_tab{ position:absolute; top:0; width:25%; display:block; padding:15px 0 14px 0; text-align:center; background:#fafafa; color:#000; border:#d6d6d6 solid 1px; border-bottom:#626262 solid 1px; font-size:12px; }
.local_tour_tab .info_tab.active{ background:#fff;border:#626262 solid 1px; border-bottom:0; padding:15px 0; }
.local_tour_tab .info_tab.tab01{ margin-left:0;}
.local_tour_tab .info_tab.tab02{ margin-left:25%;}
.local_tour_tab .info_tab.tab03{ margin-left:50%;}
.local_tour_tab .info_tab.tab04{ margin-left:75%;}
.local_tour_tab .tab_detail{ display:none; padding:20px 0; }
.local_tour_tab .tab_detail p{ font-size:14px; color:#626262; line-height:1.4 }
@media all and (min-width:768px){
.local_select{ background:#f8f8f8; border:#d8d8d8 solid 1px; padding:30px;  }
.local_select:after{ display:block; content:""; clear:both }
.local_select .local_map{ display:block; float:left; width:45%;}
.local_select .local_map img{ width:100%; }
.local_select .local_select_list{ float:right; width:50%; margin-top:70px; }
.local_select .local_select_list .select_list li{ width:25%; font-size:14px;}
.local_select .local_select_list .select_list li a{ padding:15px 0;  }
}
@media all and (min-width:1100px){
.local_select .local_map{}
.local_select .local_map img{ width:auto }
.local_select .local_select_list{width:442px; margin-top:120px; }
.local_select .local_select_list .select_list li{  font-size:16px;}

.local_tour_tab .info_tab{ font-size:16px; }
}

/*일정별코스*/
.tour_course{}
.order_course{ border:#d8d8d8 solid 1px; background:#f8f8f8; padding:15px; }
.order_course h4{ margin-bottom:15px;}
.order_course h4:after{ display:none; }
.order_course ul{ overflow:hidden; }
.order_course ul li{ position:relative;  float:left;  width:25%; font-size:12px; padding-top:38px; text-align:center; margin-bottom:15px; background:url(/home/tour/images/sub/dot.jpg) 0 15px repeat-x;  overflow:hidden }
.order_course ul li:first-child:after{ position:absolute; left:0; top:0; display:block; width:50%; height:30px; content:""; background:#f8f8f8; z-index:10}
.order_course ul li:last-child:after{ position:absolute; right:0; top:0; display:block; width:50%; height:30px; content:""; background:#f8f8f8; z-index:10}
.order_course ul li span{ position:absolute; top:0; width:100%;display:block; text-align:center; z-index:20}
.order_course ul li span em{ display:inline-block; width:30px; height:30px; background:#003882; border-radius:30px; }

@media all and (min-width:768px){
.order_course ul li{ font-size:14px; width:20%; }
}
@media all and (min-width:1024px){
.order_course{ padding:15px 30px; }
.order_course ul li{ font-size:14px; line-height:1.2 }
.order_course ul li{ position:relative; width:12.5%; }
}

@media print{

}

/* 슬라이더*/
.slider_wrap .slide{ position:relative; line-height:0;}
.slider_wrap .slide img{ width:100%;}
.slider_wrap .slide span{ display:block; position:relative; bottom:0; width:100%; padding:15px; font-size:12px; line-height:1.3; color:#fff; background:rgba(0,0,0,.7);}
.slider_wrap .owl-nav{ display:none; }
.slider_wrap .owl-dots{ position:absolute; top:15px; right:15px; width:100%;  text-align:right}
.slider_wrap .owl-dots .owl-dot{ display:inline-block; margin-right:5px; }
.slider_wrap .owl-dots .owl-dot.active a{ background:#a1c329}
.slider_wrap .owl-dots .owl-dot a{ display:block;  width:15px; height:15px; background:#fff; border-radius:10px;  }
@media all and (min-width:768px){
.slider_wrap .slide span{  position:absolute; bottom:0; width:100%; padding:15px;  font-size:16px; }
.slider_wrap .owl-dots{ top:auto; bottom:17px;}
}

/*게시판 후기*/
.board_list .grade em{ display:block; width:80px; height:14px; margin:0 auto; background:url(/home/tour/images/sub/star.jpg) no-repeat; text-indent:-9999px}
.board_list .grade .grade1{ width:16px;}
.board_list .grade .grade2{ width:32px;}
.board_list .grade .grade3{ width:48px;}
.board_list .grade .grade4{ width:64px;}
.board_list .grade .grade5{ width:80px;}


/*로그인*/
.login_wrap{ padding-bottom:25px;}
.login_wrap:after{ display:block; clear:both; content:""}
.login_wrap .login_box{ text-align:left; padding-bottom:25px; overflow:hidden }
.login_wrap .login_box h4{ font-size:22px; margin-bottom:10px;}
.login_wrap .login_box h4:after{ display:none; }
.login_wrap .login_box img{ width:90px; margin:0px 15px 15px 0; float:left}
.login_wrap .login_box p{ font-size:12px; margin-bottom:15px; line-height:1.5}
@media all and (min-width:768px) {
.login_wrap .login_box{float:left; width:50%;text-align:center; padding:0 25px;}
.login_wrap .login_box img{ float:none; width:auto; margin:15px;}
.login_wrap .login_box p{ font-size:16px; min-height:80px; line-height:1.2}
}

/* 함평관광택시 */
.taxi_title {font-size: 40px;color: #000;padding: 2px 0px 0px 0px;border-bottom: 2px solid #C2DDB7;width: 100%;text-align: center;letter-spacing: -2px;font-weight: 600;}
.title_sub_01, .title_sub_02 {font-size:25px;color:#000;padding: 20px 0 15px 0;display:block;letter-spacing: -1.5px;margin-bottom: 20px;} 
 
.down_btn_wrap {text-align:center;}
.down_btn_wrap li {background:#378946;display:inline-block;width: 230px;height: 50px;margin:15px 0 0 3px;}
.poster_btn, .leaflet_btn{display:block;color:#fff;line-height: 50px;font-size: 18px;}


/*문화관광 스킨 */
    .wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 109px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
    .wrap * {padding: 0;margin: 0;}
    .wrap .info {width: 286px;height: 97px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
    .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
    .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
    .info .close:hover {cursor: pointer;}
    .info .body {position: relative;overflow: hidden;}
    .info .desc {position: relative;margin: 15px 0 0 10px;height: 50px;}
    .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
    .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
    .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .info .link {color: #5085BB;}