@charset "utf-8";
.tour_inner{width: 100%; max-width: 1380px; margin: 0 auto;}
/*공통*/
#content{color:#323232}
.board_button{margin:0 40px 40px 40px} /*http://jh.mx.co.kr/tour/tour_guide/news 글쓰기버튼 위에 있어서 margin-bottom:40px */
.tab_list{position:relative; margin:30px auto 20px; max-width:1380px; width:100%;}
.btn_blue2{color:#4264a3 ; border:1px solid #2d58b5; background:#fff}
.btn_black{color:#1a2a42 ; border:1px solid #1a2a43; background:#fff }
.fc_blue2{color:#4264a3 !important; font-weight:400}
/*추천코스 텍스트 2줄일때 아이콘 위에위치 20171213정석화*/
span.icon_position{vertical-align:top}
span.icon_like1{margin-right:10px}
/*관광후기 패딩값 다를때*/
.tourboard_detail_box_review{width:100%; background:#f4f4f4; padding-top:35px; padding-bottom:35px}
/*공통//*/
/*관광 일반모듈 - 관광기본갤러리 */
.gallery_tour .category_area{height:49px; margin-bottom:35px; position:relative;}
.gallery_tour .category_area form > div{float:left; border:1px solid #d2d2d2 ; box-sizing:border-box}
.gallery_tour .category_area form > div.categoty{/*position:relative;*/ width:20%}
.gallery_tour .category_area form > div.all_num{width:10%; border-left:0}
.gallery_tour .category_area form > div.page_num{width:45%; border-left:0}
.gallery_tour .category_area form > div.search{width:25%; border-left:0}
.gallery_tour .category_area form > div.categoty > a{display:block; padding:13px 17px 12px}
.gallery_tour .category_area form > div.categoty > a > span{float: right; width:9px; height:6px; background:url("/images/board/down_arrow.gif") no-repeat; margin-top:8px}
.gallery_tour .category_area form > div.categoty > a.on > span{float: right; width:9px; height:6px; background:url("/images/board/up_arrow.gif") no-repeat; margin-top:8px}
.gallery_tour .category_area form > div.categoty .btn_wrap button{ display:block;padding:0;border:0; background:#fff; text-align: left;padding-left: 17px; height: 25px;line-height: 25px; font-size:14px; font-weight:300; float:left; color:#626262; width:20%; cursor: pointer;}
.gallery_tour .category_area form > div.categoty .btn_wrap button:first-child{border-top:none}
.gallery_tour .category_area form > div.categoty .btn_wrap button:hover{color:#4264a3;}
.gallery_tour .category_area form > div.categoty .btn_wrap button.on{color:#4264a3; font-weight:400; text-decoration: underline;}
.gallery_tour .category_area form > div.categoty div.btn_wrap{display:none; position:absolute; width:95.8%; padding:2%; z-index:95; background-color:#fff; border:1px solid #d2d2d2; left:0; top:55px;}
.gallery_tour .category_area form > div.all_num > p {padding:13px 0 12px; text-align:center}
.gallery_tour .category_area form > div.page_num > p{padding:13px 0 12px; padding-left:17px; background:#f4f4f4}
.gallery_tour .category_area form > div.page_num > p > span {color:#ff5957}
.gallery_tour .category_area form > div.search{position: relative;}
.gallery_tour .category_area form > div.search > label{position: absolute; top: 0; left: 0; height: 52px; line-height: 52px; padding-left: 17px; cursor: text;}
.gallery_tour .category_area form > div.search > input{float:left; width:70%; border:0; height:52px; padding-left:17px; box-sizing:border-box;}
.gallery_tour .category_area form > div.search > button{float: right; background:#67676d;border:0;width: 30%; color:#fff; cursor: pointer; height: 54px; line-height: 54px; margin: -1px 0;}
.gallery_tour .gallery_tour_img{border-bottom:1px solid #d2d2d2; margin-bottom: 30px;}
.gallery_tour .gallery_tour_img ul li{float:left; width: 23%; margin: 0 1% 2%; border: 1px solid #d2d2d2; border-radius: 5px; box-sizing: border-box;}
.gallery_tour .gallery_tour_img ul li a{display:block; position:relative; overflow:hidden; padding: 25px;}
.gallery_tour .gallery_tour_img ul li a div.num{position:absolute; bottom:45px; right:0px; width:50px; height:40px; line-height:40px; text-align:center; background:rgba(0,0,0,.5); color:#fff; font-weight:400; z-index:95 }
.gallery_tour .gallery_tour_img ul li a div.img_box{display: flex; justify-content: center; overflow: hidden;}
.gallery_tour .gallery_tour_img ul li a > p{position:relative; text-align:center; font-weight:400; background:#fff; margin-top: 10px;}
.gallery_tour .gallery_tour_img ul li a > p strong{position: relative; display: inline-block; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 50px; max-width: 100%;}
.gallery_tour .gallery_tour_img ul li a > p span.new{position: absolute; top: 0; right: 0;}
.gallery_tour .gallery_tour_img ul li a span.icon_new1, span.icon_new{margin-top: -2px;}
.gallery_tour .gallery_tour_img ul li a:hover img{transform:scale(1.2); transition:1.5s ease}
/* 관광기본갤러리 카테고리 없을떄*/
.gallery_tour .no_cate form > div.all_num{border-left:1px solid #d2d2d2}
.gallery_tour .no_cate form > div.page_num{width:65%}
/*.tour_photo_view img{width: 100%;}이미지가 강제로 늘려지고있어서 삭제*/
/*관광 페이징*/
.paging .num a.on{background:#4264a3; border-color:#5258a3}
.board_guide2{text-align:center; border:0; padding-top:65px}
.guide_img9{background:url(/images/board/board_guige_img9.png) no-repeat #f4f4f4 scroll 50% 65px}
.guide_img5{background:url(/images/board/board_guige_img5.png) no-repeat #f4f4f4 scroll 50% 65px}
/* 관광홍보물 신청안내*/
.tourboard_detail_area .bookapply_top_alert{background:#f4f4f4; padding-bottom:65px}
.tourboard_detail_area .bookapply_top_alert .guide_txt{text-align:center; color:#1a2a42}
.tourboard_detail_area .bookapply_top_alert .guide_txt .fc_red{font-weight:400}
.tourboard_detail_area .bookapply_top_alert .guide_txt h3{padding-bottom:50px}
.tourboard_detail_area .bookapply_top_alert .guide_txt > p{font-weight:400}
.tourboard_detail_area .bookapply_top_alert .board_button{margin:40px 0 30px}
.tbl_type_stream dt .span_date{color:#2c384b}
/* 관련여행코스 */
.course_related{background:#f4f9fd; padding:70px 0 90px}
.sns_wrap{border-top:1px solid #d2d2d2}
.gm-style .gm-style-iw > div, .gm-style .gm-style-iw > div > div{overflow:hidden !important}
/* 나의 여행코스 상세정보 */
.fc_white{color:#fff !important}
/* 모듈 write */
table.board_write td input{margin:0px 6px 7px 6px; vertical-align:top}
table.board_write td select{height:34px}
.button_list > ul > li > a{border-radius:5px}
.guide_img6{background-position: 50% 0}
.guide_img6 .agree_tit{padding-top:10px !important}
/*동영상오디오채널*/
.tbl_type_stream p.img > a > img{width: 100%;}
table.board_write td input[type="radio"]#encoding_audio_channels1, table.board_write td input[type="radio"]#encoding_audio_channels2 { float:left; margin-bottom: 0;}
table.board_write td label[for="encoding_audio_channels1"], table.board_write td label[for="encoding_audio_channels2"] { float:left; margin: 0;}
table.board_write td input.checkbox { width:auto;}
/*모듈 공공누리 - 관광 1200px
.open_type {width:1200px; margin:0 auto; box-sizing:border-box}*/
/*모듈 공공누리 - 관광용*/
.open_type {max-width:1380px; margin:0 auto; position:relative; clear:both; width: 97%; display: block; height: 54px;}
.open_type .type_1{float: left; margin-bottom:20px;}
.open_type .type_1 a{display: block;}
.open_type .type_1 a:hover{box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.7);}
.open_type .type_1_text{display: none; position: absolute; top: 5px; left: 215px; width: 500px; padding-left: 20px;}
.open_type .type_1_text a{display: inline-block; font-weight: 400; color: #4264a3;}
.open_type .type_1_text a:hover{text-decoration: underline;}
.open_type:hover .type_1_text{display: block;}
/*=====================================================================↑위는는 추가 모듈 스타일===================================================*/
/*=================================================================================================================================================*/
/*=================================================================================================================================================*/
/*=================================================================================================================================================*/
/*=================================================================================================================================================*/
/*=================================================================================================================================================*/
/*=================================================================================================================================================*/
/*=================================================================================================================================================*/
/*=====================================================================↓아래는 이전 모듈 스타일===================================================*/
#board_wrap { max-width:1380px; margin:0 auto; padding:50px 2% 0; width:96%;}
.board_wrap { max-width:1380px; margin:0 auto; padding:25px 0 0}
.tourboard_detail_box .board_wrap{padding-top:0}
.tourboard_detail_box .guide_txt { text-align:center; line-height:1.6; font-size:15px; margin-bottom:30px;}
.tourboard_detail_area .sns-section {padding-top:75px}
@media screen and (max-width:1420px){
.board_wrap{padding: 65px 1.5% 0;}
}
.bold {font-weight:400;}
/* 게시판 Top 설정 */
table tr.tr_notice td.list_idx { background: url("/images/board/notice_top.gif") no-repeat scroll 50% 50% #f8f9fb; text-indent: -100000px;}
table tr.tr_notice td, table tr.tr_finish td {background-color:#f8f9fb;}
/* 테이블 추가 스타일 */
td.bg_gray1 {background-color:#fafafa; vertical-align:top; padding:5px 0 0 !important;}
td.td_asw { background-color:#fafafa; padding:20px 20px 20px 0;}
td.panone { padding:0 !important;}
/* 기본게시판2 List (키워드게시판 적용) ----------------------------------------- */
.board_t2 {border-top:1px solid #0d4412; width:100%; clear: both;}
.board_t2 th {border-bottom:1px solid #0d4412; color: #323232; padding: 13px 5px;text-align:center; background-color:#f8f9fb; font-size:15px; font-weight:normal;}
.board_t2 td {border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2; color: #323232; padding: 10px 15px; text-align: center; font-size:14px;}
.board_t2 th.bnone {border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;color: #0d4412 !important; background:none !important;}
.board_t2 td input {
background-color: #f8f9fb;
border: 1px solid #d2d2d2;
height: 30px;
padding-left: 5px;
margin:2px 0;
}
#add_url { width:90px;}
.board_t2 a:hover { text-decoration:underline;}
.keyword_list { width:100%;}
/* 기본게시판3 (관광지 상세정보 내 이용안내) ----------------------------------------- */
.board_t3 {border:1px solid #d2d2d2; width:100%; clear: both;}
.board_t3 th {border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2; color: #323232; padding: 10px;text-align:left; background-color:#fafafa; font-size:14px; font-weight:normal;}
.board_t3 td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;color: #323232; padding: 10px;text-align:left; font-size:14px;}
/* 공지사항 List ----------------------------------------- */
#notice_list {width:100%; margin-top:0px;}
#notice_list ul {width:100%;}
#notice_list ul li { border-bottom:1px solid #d2d2d2; margin-bottom:40px; padding-bottom:40px; background:none !important;}
#notice_list span.n_num { background-color:#eef2f6; border:1px solid #d2d2d2; display: inline-block; font-size:14px; color:#323232; margin-right:15px; padding:7px 0; width:59px; text-align:center;}
#notice_list li.notice_top span.n_num {background-color: #fbb40f !important;border: 1px solid #fbb40c !important;color:#000; font-weight: bold;}
#notice_list span.n_date { display: inline-block; font-size:14px; color:#707070; margin-right:13px; padding:0;line-height: 11pt; vertical-align:top;}
#notice_list p.n_tit { display: block; font-size:20px; color:#323232; margin:-22px 5px 0 80px; padding:0; font-weight:400;}
#notice_list p.n_txt { display: block; font-size:14px; color:#323232; margin:25px 0 0; padding:0;}
#notice_list a:hover { text-decoration:underline;}
/* 문화행사소식 List ----------------------------------------- */
.img_news1 ul::after {
clear: both;
content: "";
display: block;
}
.img_news1 ul {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
margin: 0;
overflow: hidden;
padding: 0;
}
.img_news1 li {
border-bottom: 1px solid #d2d2d2;
float: left;
height: 405px;
overflow: hidden;
padding:45px 0 !important;
position: relative;
top: 1px;
width: 25%;
background:none !important;
}
.img_news1 span.news_thumb { display:inline-block; height:308px; width:290px; overflow: hidden; background: url("/images/board/logo_bg_1.png") #ededed no-repeat 50% 50%;}
.img_news1 span.news_thumb img { width:100%; height:100%;}
.img_news1 strong {color: #323232; display: inline-block; font-size:17px; margin: 10px 0;}
.img_news1 li p {color: #323232; display: block;font-size:14px; margin-bottom:0 !important;}
/* 관광후기 - 리스트 ------------------------------------------------------------------------------ */
.check_keyword h5 {color:#3461c5 !important; font-size:15px !important; font-weight:400 !important; margin:0 !important; padding-left:0 !important; background-image:none !important}
.sch_keyword {text-align:center; padding:0; margin:0;}
.sch_keyword .srch2 label { color:#0d4412; margin-right:10px; font-size:17px;}
.sch_keyword .srch2 input.keyword { width:280px; height:40px; background:#fff; border:1px solid #d2d2d2; padding:0 0 0 5px;}
.btn-wh { border:1px solid #FFF;cursor: pointer;}
.btn_glass {background: url("/images/board/sch_glass.png") no-repeat 50% 50%; text-indent:-10000px; width:38px; height:32px;}
.btn_bor_sch { background:#fff; border:1px solid #2c384b; cursor: pointer; height:42px; width:158px; color:#2c384b; font-size:15px;}
/* 체크박스 스타일 */
.checkbox {padding:0 0 10px; width:100%; display:inline-block; border-bottom:1px solid #d2d2d2;margin: 0 0 30px;}
.checks {position: relative;}
.checks label {font-size:14px; color:#323232; margin:10px 0; float:left;}
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
position: absolute;
/* width: 1px;
height: 1px;*/
padding: 0;
margin: -1px;
overflow: hidden;
clip:rect(0,0,0,0);
border: 0
}
.checks input[type="checkbox"] + label {
display: inline-block;
line-height: 15px;
position: relative;
padding-left:25px; /* 글자와 체크박스 사이의 간격을 변경 */
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */
content: '';
position: absolute;
left: 0;
top: 0; /* 이 값을 변경해서 글자와의 정렬 */
width: 13px; /* 체크박스의 너비를 지정 */
height: 13px; /* 체크박스의 높이를 지정 */
line-height: 13px; /* 세로정렬을 위해 높이값과 일치 */
text-align: center;
background: #fafafa;
border: 1px solid #d2d2d2;
}
.checks input[type="checkbox"]:checked + label:before {/* 체크박스를 체크했을때 */
content: '\2714'; /* 체크표시 유니코드 사용 */
color: #ff5957;
border: 2px solid #ff5957;
}
.checks label.label_etc { width:auto !important; margin-right:10px !important;}
table.board_write .checks {margin-left:0 !important;}
table.board_write .checks > span { float:left; width:15%;}
.checks .item { width:10%;float: left;}
.open_tab { width:345px; border-top:1px solid #2c384b; margin:0 auto }
.open_tab a { display:block; padding:5px 0 5px 20px; background:#0d4412; width:115px; color:#fff; font-size:14px; margin:-1px auto 0; border:1px solid #2c384b; border-radius:2px;}
.open_tab a.sch_open {background:#2c384b url("/images/board/bg_arrow_up.png") no-repeat 91% center;}
.open_tab a.sch_close {background:#2c384b url("/images/board/bg_arrow_down.png") no-repeat 91% center;}
.postscript_list {padding:0 0 20px;}
.view_option { border-bottom:1px solid #0d4412; padding:0 0 40px; font-size:14px; margin-bottom:10px; height:39px;text-align: center; position:relative;}
.view_option p { color:#0d4412;padding:0; position:absolute; bottom:10px; text-align:right; right:15px; }
ul.btn_option { margin:0 auto; display:inline-block;}
ul.btn_option li { background:none !important; float:left; margin-left:4px;border:1px solid #2c384b; text-align:center !important; padding:0 !important;}
ul.btn_option li.b_write a { background-color:#2c384b; color:#fff;}
ul.btn_option li a { color:#2c384b; display:block; width:136px; height:37px; line-height:37px;}
ul.btn_option li.on a{background:#3461c5; color:#fff}
ul.btn_option li.on span.icon_latest{background-position:-260px -73px}
ul.btn_option li.on span.icon_recom{background-position:-260px -92px}
.post_article {clear:both; margin:0 0 30px; position:relative;}
.post_article dl { margin:0; border-bottom:1px solid #d2d2d2; padding:20px;}
.post_article dl dt a { font-size:16px; font-weight:400; margin-bottom:15px; color:#4264a3;}
.post_article dl dt a:hover { color:#323232; text-decoration:underline;}
.post_article dl dd {font-size:14px; margin-bottom:5px;}
.post_article dl dd.tourist p { margin:-26px 0 0 40px; width:90%;}
.post_article dl dd.post_date { color:#707070;}
.post_article dl dd.post_date span {margin:0 0 0 30px;}
.post_article dl dd.post_date span.post_recom {margin-left: 0 !important;}
.post_article dl dd.post_txt { color:#323232; margin:10px 0 20px;}
.btn_recom a { background:#eef2f6; border:1px solid #0d4412; border-radius:3px; color:#0d4412;; text-align:center; padding:4px 10px; font-size:14px; display:block;}
.course_article {clear: both; margin: 30px 0 0; position: relative; display: inline-block; width: 100%;}
.course_article .article_img {width:30%; height:253px; background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%; overflow:hidden; margin:0 2% 0 0 !important; float:left; display: flex; justify-content: center;}
.course_article .article_img img { min-height:253px;}
.course_article dl {border: 1px solid #d3d3d3; display:inline-block; margin:0; padding: 20px 2%; width:63.5%; min-height: 213px;}
.course_article dl dt {font-size: 19px; font-weight: 400; margin-bottom: 15px;}
.course_article dl dd {font-size: 15px; margin-bottom: 5px;}
.course_article dl dd.tourist p {margin:0 !important; display:inline-block;vertical-align:middle;width: 90%;word-break: keep-all;}
.course_article dl dd.period {color: #323232;}
.course_article dl dd.post_txt {color: #323232; margin-top: 10px; word-break: break-all;}
/* 관광후기 - 상세 ------------------------------------------------------------------------------ */
.postscript_tit {border:2px solid #1c5280; text-align:center;}
.postscript_tit dl { background:#eef2f6; padding:20px; text-align:center;}
.postscript_tit dl dt {font-size:24px; text-decoration: underline; color:#1a2a42; margin-bottom:20px;word-break: keep-all;line-height: 30px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.postscript_tit dl dd {font-size:15px; color:#323232; display:inline; margin:0 25px;}
p.course {font-size:15px; color:#1c5280; padding:15px 25px;word-break: keep-all; margin:0 !important;}
/* 할인쿠폰게시판 - 리스트 ------------------------------------------------------------------------------ */
.coupon_option {margin:0 0 25px;}
ul.tab_category {display: inline-block; margin:0 0 45px; width:100%;}
ul.tab_category li {float:left; width:20%; text-align:center; padding:0 !important;}
ul.tab_category li a { display:block; background:#f8f9fb; border:1px solid #d2d2d2; color:#0d4412; font-size:17px; padding:0; margin:0; line-height:50px; text-align:center;}
ul.tab_category li a.onhover {
background: #fff none repeat scroll 0 0;
border-bottom: none !important;
font-weight:400;
}
td a.btn_coupon { display:block; background:#fafafa; border:1px solid #d2d2d2; font-size:13px; color:#323232; padding:5px;}
#coupon_sch {clear:both;}
#coupon_sch select {height: 36px; width: 110px;}
#coupon_sch .keyword {background-color: #f8f9fb; border: 1px solid #d5d5d5; height: 30px; line-height: 15px; margin-left: 1px; padding: 2px 5px; width: 300px;}
#coupon_sch .btn-sch {color: #fff; cursor: pointer; height: 36px; padding: 0 10px; background: #4f576a; margin:0 0 0 -50px; border:none;}
/* 할인쿠폰디자인 ------------------------------------------------------------------------------ */
#print_coupon {width:670px; height:525px;/*height:424px;*/ border:1px solid #ef4a47;background: #fff url("/images/board/coupon_bg_1.jpg") no-repeat scroll 0 0;}
#print_coupon h3 {margin:13px 0 28px !important; background:none !important; width:50%;}
#print_coupon h4 {margin:0 0 13px 0 !important; background:none !important; padding:0;}
#print_coupon h3 a {color:#fff;margin:0 0 0 10px; display:block; font-size:0;}
#print_coupon h3 a#coupon_a {background: transparent url("/images/board/btn_print1.jpg") no-repeat scroll 0 0; display: inline-block;font-size: 0; height: 26px; vertical-align: middle; width:79px;}
#print_coupon h3 a#coupon_a span { display:none;}
#print_coupon .coupon_info { display:inline-block; margin:0 0 0 40px; height:127px;}
.coupon_info p.discount {/*background: url("/images/board/coupon_bg.gif") no-repeat scroll 0 0;*/ margin-left: 5px; height:87px; width:220px; text-align:center;line-height: 40px;color: #fff;font-size:45px;font-weight: 400; padding-top:40px;font-family: Arial,Verdana !important;}
.coupon_info p.discount em {font-size:50px; color:#fff; font-style:normal; font-weight:400; line-height:50px; display:inline-block;}
.coupon_info dl {margin: -110px 0 0 250px; width: 350px; float:left;}
.coupon_info dl dt {font-size:23px; font-weight:400; color:#fff; margin-bottom:10px;}
.coupon_info dl dd {font-size:15px; color:#fff; line-height:1.5;}
p.tip {padding:10px 0; font-size:15px; font-weight:400; color:#5a201f; margin-top:55px;}
#print_coupon .guide {margin:15px 0 0 28px; font-size:14px;}
#print_coupon .guide ul li {color:#323232; line-height:1.5; list-style:none;}
#print_coupon .coupon_close { position:absolute; top:15px; right:15px; margin:0;}
#print_coupon .coupon_close a {
background: transparent url("/images/board/icon_close_1.png") no-repeat scroll 0 0;
display: inline-block;
font-size: 0;
height: 18px;
margin:0;
vertical-align: middle;
width:18px;
}
#print_coupon .guide .coupon_qr {position:absolute; right:-20px; bottom:15px;}
/* 홍보물 신청 상단문구 -추가 스타일 ------------------------------------------------------------------------------ */
.new_agreebox_wrap{max-width: 1380px; margin: 0 auto;}
.board_guide2 .agree_tit {font-size:21px; color:#1a2a42; padding:75px 0 0; font-weight:400}
.board_guide2 .alrimi_tit {font-size:24px; color:#0d4412; margin:80px 0 0;}
.board_guide2 .txt_box1 {height: 200px; overflow: auto; margin: 20px 0; padding: 25px 20px; text-align: left; border-style: solid; border-width: 1px 4px 7px 1px; border-color: #777 #999; border-radius: 4px;}
.board_guide2 .txt_box2 {font-size:14px; color:#323232; font-weight:400; margin:25px 0;}
.privacy_checks {border-top:1px solid #0d4412; padding-top:20px; margin:0 auto; display:inline-block;}
.privacy_checks input[type="checkbox"]#agree_privacy{cursor: pointer;}
.privacy_checks input[type="checkbox"]#agree_privacy:hover+label[for="agree_privacy"]{color: #2c9a37;}
.privacy_checks label {font-size:17px !important; color:#323232;font-weight:400; cursor: pointer;}
.privacy_checks label[for="agree_privacy"]:hover {color: #2c9a37;}
.board_under_line{ border-bottom:1px solid #3461c5;}
.board_guide2{padding-bottom:0; background-color:transparent}
.board_guide2 p textarea.txt_box1 {width: 96%;} /*텍스트 박스 정렬추가*/
/* 월별문화행사 ----------------------------------------------------------------------------------------------------- */
.monthly_bar { background:#f8f9fb; border:1px solid #d2d2d2; vertical-align:middle; margin-bottom:35px;height:56px; }
.nav_calendar {display:inline-block;height:56px; float:left;}
.nav_calendar span.num_year{ background:#eef2f6; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; display:inline-block;font-size:24px; color:#0d4412; height:40px; padding:16px 0 0; width:126px; text-align:center;}
.nav_calendar span.num_month{ background:#1a2a42; border-right:1px solid #d2d2d2; display:inline-block;font-size:24px; color:#fff; height:40px; padding:16px 0 0; width:75px; text-align:center; }
.nav_calendar a.month_prev {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -366px -52px;
display: inline-block;
font-size:0;
height: 56px;
margin:0;
vertical-align: top;
width:68px;
}
.nav_calendar a.month_next {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -435px -52px;
border-right:1px solid #d2d2d2;
display: inline-block;
font-size:0;
height: 56px;
margin:0;
vertical-align: top;
width:68px;
}
.nav_calendar a span {padding:0 !important;}
.monthly_bar .help { position:inherit; float:left}
/* 시티투어 온라인예약 */
.month_alert{padding: 30px 20px 30px 160px;}
/*.calendar_mon td{word-break: break-all; text-align: center;}
.calendar_mon td a.data_complete{display: block; padding: 5px 10px; background-color: #afafaf; color: #333; border-radius: 5px;}
.calendar_mon td ul{margin-top: 10px; display: inline-block; width: 100%;}
.calendar_mon td ul:first-child{margin: 0;}
.calendar_mon td li{text-align: center !important; border-radius: 5px; margin: 0; position: relative; clear: both; overflow: hidden;}
.calendar_mon td li.manager_btn{margin-top: -2px; border-radius: 0 0 5px 5px; overflow: hidden; background: none !important;}
.calendar_mon td a.li_etc.view_popup{display: block; padding: 6px 10px; background-color: #403a3a; color: #fff; border-radius: 5px;}
.calendar_mon td a.li_etc.view_popup span{display: inline-block; color: #fff;}
.calendar_mon td li.manager_btn a{display: block; background-color: #f3c204; color: #333; border-radius: 0; margin: 0; position: relative; top: 0; border: 0; padding: 5px 0; font-size: 14px; float: left; width: 50%;}
.calendar_mon td li.manager_btn a span{display: inline-block;}
.calendar_mon td li.manager_btn a span.icon{width: 14px; height: 14px; background: url("/images/board/reserve_manager_btn.png") no-repeat; position: relative; top: 2px; margin-right: 5px;}
.calendar_mon td li.manager_btn a.data_modify span.icon{background-position: 0 -34px;}
.calendar_mon td li.manager_btn a.modify span.icon{background-position: 0 -68px;}
.calendar_mon td li.manager_btn a.data_modify{background-color: #2c9a37;}
.calendar_mon td li.manager_btn a.modify{background-color: #f3c204;}
.calendar_mon td li.manager_btn a.data_modify span{color: #fff;}
.calendar_mon td li.manager_btn a.modify span{color: #333;}
.calendar_mon td li.event a.data_modify{display: block; margin: 0; text-align: center; background-color: #ffda21; border: 0; border-radius: 0; font-size: 14px;}
.calendar_mon td li.event a.data_modify:hover{background-color: #d24a34; color: #fff;}
.calendar_mon td span.btn.holly_day{background-color: #e1574c; color: #fff; padding: 3px 10%; width: 80%; border-radius: 5px; display: inline-block;}
.calendar_mon td a.btn.holly_day.modify{background-color: #f3c204; padding: 2px 10%; width: 80%; border-radius: 0 0 5px 5px; display: inline-block; margin-top: -2px;}
.calendar_mon td a.btn.holly_day.modify span.icon{width: 14px; height: 14px; display: inline-block; margin-right: 3px; position: relative; top: 2px; background: url(/images/board/reserve_manager_btn.png) no-repeat 0 -68px;}
.calendar_mon td li a p{padding: 0; border-top: 1px dashed #828282;}
.calendar_mon td li a p:first-child{border-top: 0;}
.calendar_mon td li a p:before{content: none;}*/
.reserve_box { position:fixed; bottom: 10px; left:30%; background-color:#fff; border:3px solid #113184; width:430px; min-height:266px; padding:40px; z-index: 10;}
.reserve_box dt{font-size: 24px; font-weight: 400; display: block; margin-bottom: 25px;}
.reserve_box dd{display: block; margin: 5px 0;}
.reserve_box dd label{width: 70px; float: left; height: 22px; line-height: 22px; padding: 5px 0;}
.reserve_box dd input, .reserve_box dd select{padding: 5px 10px; margin-left: 5px; width: 75.7%; border: 1px solid #aaa; border-radius: 5px;}
.reserve_box dd input[type="text"]#re_date{border: 0;}
.reserve_box dd select{width: 80.9%;}
.reserve_box dd#wrap_person ._notice{display: inline-block; margin-left: 7px;}
.reserve_box dd#wrap_person .other_person_div{margin: 10px 0; overflow-y: scroll; max-height: 150px;}
.reserve_box dd#wrap_person .other_person_div input[type="text"]{margin: 2px 0 2px 12px; width: 74%;}
.reserve_box dd textarea{float: left; width: 75.7%; margin-left: 82px; border: 1px solid #aaa; border-radius: 5px; padding: 5px 10px;}
.reserve_box dd label[for="re_privite_Chk"]{width: 49%; float: left; margin: 5px 0 0 82px;}
.reserve_box dd input#re_privite_Chk{float: left; width: 4%; margin: 15px 0 0 0;}
.reserve_box dd:last-child{display: inline-block;}
.reserve_box dd div.address_box{width: 75.7%; display: inline-block; vertical-align: top;}
.reserve_box dd div.address_box input#zipcode{margin-bottom: 4px;}
.reserve_box .re_button{clear: both; margin-top: 10px; border-top: 1px solid #aaa; text-align: center;}
.reserve_box .re_button a.reserv_ok{display: inline-block; padding: 5px 20px; background-color: #403a3a; border-radius: 5px; color: #fff; margin-top: 15px; min-width: 100px;}
.reserve_box .re_button a.reserv_ok:hover{background-color: #4264a3;}
.reserve_close { position:absolute; top:0; right:0;}
.reserve_close a {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -570px 0;
display: inline-block;
font-size: 0;
height: 30px;
margin: 0;
vertical-align: middle;
width: 35px;
}
.board_button.city_button ul li{width: 200px;}
.board_button.city_button li a{width: auto;}
table.board_write td .repeat_box{float: left; width: 100%;}
table.board_write td .repeat_box p{float: left; display: none;}
table.board_write td .repeat_box p label{float: left; margin: 0 10px 0 0;}
table.board_write td .repeat_box p input{float: left; margin: 0 6px;}
table.board_write td .repeat_box p.repeat_select{margin-right: 10px; display: block;}
table.board_write td .repeat_box p.type_month2{}
table.board_write td .repeat_box p.select_week{width: 70%;}
/* 시티투어 온라인예약확인 */
#search_div{border: 1px solid #2c9a37; padding: 40px; text-align: center; background-color: #fbfbfb; margin-top: 60px;}
#search_div p#search_title{display: block; font-size: 20px; margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 25px; line-height: 27px;}
#search_div p#search_title span{font-weight: 400;}
#search_div .bg_icon{display: inline-block; width: 100px; height: 97px; vertical-align: top; background: url("/images/board/city_check_icon.png") no-repeat 0 0; margin: 7px 15px 0 0;}
#search_div ul#form_ul{display: inline-block; vertical-align: top;}
#search_div ul#form_ul li{padding: 2px 60px 2px 0; margin: 6px 0;}
#search_div ul#form_ul label{margin-right: 10px; font-size: 18px; height: 30px; line-height: 30px; display: inline-block; width: 50px; text-align: right;}
#search_div ul#form_ul input{font-size: 18px; height: 30px; line-height: 30px; padding: 2px 5px; text-align: center;}
#search_div .submit_box{display: block;}
#search_div input[type="submit"]{border: 0; border-radius: 4px; background-color: #2c9a37; color: #fff; padding: 5px 20px; width: 150px; margin: 15px 0; line-height: 25px; min-height: 25px; cursor: pointer;}
#search_div input[type="submit"]:hover{background-color: #4264a3; transition: ease-in-out 0.2s;}
#search_div ul#form_ul li.name{}
#search_div ul#form_ul li.name label{margin-right: 20px;}
#search_div ul#form_ul li.name input{width: 380px;}
#search_div ul#form_ul li.phone .phone_input_box{width: 392px; display: inline-block;}
#search_div ul#form_ul li.phone label{position: absolute; top: 0; left: 0; width: 0; height: 0; text-indent: -99999px; font-size: 0;}
#search_div ul#form_ul li.phone label.title_label{position: relative; width: 50px; height: 30px; text-indent: 0; display: inline-block; font-size: 18px; margin-right: 20px;}
#search_div ul#form_ul li.phone input{width: 95px; margin: 0 10px;}
#search_div ul#form_ul li.phone input#phone1{margin-left: 0; float: left;}
#search_div ul#form_ul li.phone input#phone3{margin-right: 0; float: right;}
.chk_table{margin: 50px 0 50px;}
.chk_table input[type="checkbox"]{width: 18px; height: 18px;}
table.tour_reservation .other_box{position: relative;}
table.tour_reservation .other_box a.btn.view_other{background-color: #f3c204; padding: 5px 12px; border-radius: 5px; display: inline-block;}
table.tour_reservation .other_box a.btn.delete{background-color: #403a3a; padding: 5px 12px; border-radius: 5px; display: inline-block; color: #fff; margin-left: 4px;}
table.tour_reservation .other_box .div_other{position: absolute; top: 57px; right: 0; z-index: 2; border: 1px solid #403a3a; background-color: #fff; padding: 10px 25px; border-radius: 5px; width: 250px; display: none;}
table.tour_reservation .other_box .div_other dl{display: inline-block; width: 100%;}
table.tour_reservation .other_box .div_other dl dt{clear: both; width: 25%; text-align: left; float: left; padding: 10px 10% 10px 0; border-top: 1px dashed #aaa;}
table.tour_reservation .other_box .div_other dl dd{float: left; width: 65%; padding: 10px 0; border-top: 1px dashed #aaa; text-align: left;}
table.tour_reservation .other_box .div_other dl dd span{display: block;}
table.tour_reservation .other_box .div_other dl dt:nth-child(1), table.tour_reservation .other_box .div_other dl dd:nth-child(2){border-top: 0;}
table.tour_reservation .other_box .div_other a{display: inline-block; padding: 3px 15px; color: #fff; background-color: #4264a3; border-radius: 5px; margin-bottom: 10px;}
/* 관광책자신청 */
.book_application .tourboard_detail_box{background: none; padding-bottom: 0;}
.book_alert{padding: 30px 20px 30px 160px;}
.book_alert .guide_txt{margin-bottom: 0; text-align: left;}
.book_listwrap{padding: 0;}
/* 권역별 안내 (상세 추가 및 변경 2016.09.05)----------------------------------------------------------------------------------------------------- */
.tourboard_detail_box { width:100%; margin: 0; padding: 40px 0 60px 0; background-color: #f4f4f4;}
.tourboard_detail_box h3 { background:none !important;font-size:35px !important; color:#1c1c1c !important; font-weight:300 !important; padding:30px 0 40px !important; text-align:center;}
.tourboard_detail_box h3.g_line {color:#000 !important;background: url("/images/board/h3_line_g.gif") no-repeat center bottom;padding: 50px 0 20px !important;margin-bottom: 30px;}
.tourboard_detail_top {margin: 0 auto; max-width: 1380px; width: 94%; position: relative;}
.tourboard_detail_top .region_box{border:1px solid #1c1c1c}
/*.tourboard_detail_top .region_box:after{display:block; content:""; border-bottom:3px solid #000} 음식점 뷰에서 하단 선이 굵게나옴 20200621김용선*/
.tourboard_detail_box .button_list a.btn_blue1:hover{border: 1px solid #2c9a37; background-color: #2c9a37;}
/*관광 기본모듈 list*/
.region_box { border: 2px solid #2c384b; position:relative; display:inline-block; width:100%; /*padding: 0 33.1% 0 33.33%;*/ box-sizing: border-box;}
.region_box.tour_list_wrap{padding: 0 166px 0 0;}
.region_box .bg_triangle {background: url("/images/board/tour/bg_triangle.png") no-repeat 0 0; width:18px; height:28px; position:absolute; top:53px; left:589px;}
.region_box .thumb_img { float:left; height:334px; width:35%; overflow:hidden; background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%; display: flex; justify-content: center;}
/*.region_box .att_info_box {position: relative; display:inline-block; width:33.33%; border-left: 1px solid #1c1c1c; border-right: 1px solid #1c1c1c; padding:0 0 20px;height: 334px; background-color: #fbfbfb;} height값이 달라졌다 큰일이다. 어디서 또 쓰고 있는걸까*/
.region_box .att_info_box {position: relative; display:inline-block; width:32%; border-left: 1px solid #1c1c1c; border-right: 1px solid #1c1c1c; min-height: 334px; background-color: #fbfbfb; padding-bottom: 70px; box-sizing: border-box;}
.att_info_box dl.basic_info {width:100%; padding:12px 0; border-bottom:1px solid #1c1c1c; line-height: 2.2;}
dl.basic_info dt { font-weight:400; margin:0 0 0 20px; }
dl.basic_info dt.i_add {background: url("/images/board/i_add.png") no-repeat 0 7px; padding:0 0 0 22px;}
dl.basic_info dt.i_call {background: url("/images/board/i_call.png") no-repeat 0 9px; padding:0 0 0 22px;}
dl.basic_info dt.i_recom {background: url("/images/board/i_recom.png") no-repeat 0 10px; padding:0 0 0 22px;}
dl.basic_info dd { height:19px; margin:-26px 15px 0 85px; line-height:19px; width:72%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.att_info_box dl.detail_info {width:100%; padding:10px 0;font-size:14px;}
dl.detail_info dt { font-weight:400; margin:0 0 0 20px; line-height:22px; clear: both;}
dl.detail_info dd {margin:-22px 10px 0 100px; color:#707070; line-height:22px; word-break: break-all; float:left;}
/*dl.detail_info dd.parking{line-height: 17px;}*/
.att_info_box p.etc_info {font-size:13px; padding:0 20px 8px; color:#707070; line-height:1.4 !important; margin:0 !important;}
@media screen and (min-width:850px) and (max-width:1180px){
.att_info_box dl.detail_info { font-size:13px;}
dl.detail_info dt, dl.detail_info dd{ line-height:20px;}
}
.tour_btn_info{position:absolute; bottom:20px; width: 100%;}
.tour_btn_info ul.btn_info, .att_info_box ul.btn_info {margin: 0 20px; position: relative; bottom: auto;}
.tour_btn_info ul.btn_info li, .att_info_box ul.btn_info li{margin: 0 0 0 2%; width: 32%; float: left;}
.tour_btn_info ul.btn_info li:first-child, .att_info_box ul.btn_info li:first-child{margin-left: 0;}
.tour_btn_info ul.btn_info li a, .att_info_box ul.btn_info li a{padding: 0 !important; text-align: center; border:1px solid #46475c; display: block; height: 37px; font-size: 14px; color: #000; line-height: 37px; border-radius: 5px;}
.tour_btn_info ul.btn_info li a.btn_pick, .att_info_box ul.btn_info li a.btn_pick{background: url("/images/board/dot_pattern.gif") repeat 0 0;}
.tour_btn_info ul.btn_info li a.btn_homepage, .att_info_box ul.btn_info li a.btn_homepage{background:#fff;}
.tour_btn_info ul.btn_info li a.btn_recom, .att_info_box ul.btn_info li a.btn_recom{background:#4264a3; color:#fff !important;}
.area_txt { width:100%; padding:50px 0; font-size:15px;}
.region_map {background: url("/images/board/tour/region_map.jpg") no-repeat 0 0; float:left; height:447px; width:590px; border-right:1px solid #0d4412; position:absolute; top: 0; left: 0;}
.region_map h2.box_tit { position:absolute; top:30px; left:30px; font-size:19px; font-weight:400; color:#0d4412; display:none;}
.region_view { vertical-align:top; padding:10px 0 10px 590px; height:427px;}
.region_view h3 {font-size:23px !important; font-weight:400 !important; color:#0d4412 !important; padding:0 0 10px !important; margin: 5px auto 0 !important; background:none !important; width:90%;}
.region_view_list { width:90%; margin:0 auto; height:232px; border-bottom: 1px solid #ccc; border-top: 1px solid #0c266b;}
.region_tourist {border-left:1px solid #d2d2d2; padding:16px 0; float:left; height:200px; width:33%;}
.region_tourist:first-child{border-left: 0;}
.region_tourist dl { padding:0; margin:0 auto; width:86%; max-width:195px; position: relative;}
.region_tourist dl dt { font-size:17px; font-weight:400; margin-bottom:10px;}
.region_tourist dl dd {font-size:14px; color:#323232;}
.region_tourist dl dd.tourist_img {height:134px;max-width:195px;width:100%; margin:0 0 5px;}
.region_tourist.tour dl dd.tourist_img {background: #f2f5f4 url("/images/board/tour/tour_noimage.png") no-repeat 60% center / 40%;}
.region_tourist.food dl dd.tourist_img {background: #f2f5f4 url("/images/board/tour/food_noimage.png") no-repeat 60% center / 40%;}
.region_tourist.lodg dl dd.tourist_img {background: #f2f5f4 url("/images/board/tour/lodge_noimage.png") no-repeat 60% center / 40%;}
.region_tourist dl dd.tourist_img a{display: block; height: 100%;}
.region_tourist dl dd.tourist_img img { width:100%; height:134px;}
.region_tourist dl dd.tourist_like { position: absolute; right: 0; bottom: -28px;}
.region_tourist dl dd.tourist_name { float:left; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.region_view p {font-size:14px; width:90%; margin:15px auto 0; height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.region_view p.tourist_major { margin:15px auto 0; width:90%; border-top:1px solid #d2d2d2; padding-top:15px;}
.region_view p span { margin-right:5px;}
.region_map ul li { background:none !important;}
.region_map ul li a {position: absolute; left: 50%;}
.region_map ul li.region1 a { background: url("/images/board/tour/region1_off.png") no-repeat 0 0; width: 267px; height: 169px; top: 20px; margin-left: -162px;}
.region_map ul li.region2 a { background: url("/images/board/tour/region2_off.png") no-repeat 0 0; width: 144px; height: 62px; top: 152px; margin-left: -23px;}
.region_map ul li.region3 a { background: url("/images/board/tour/region3_off.png") no-repeat 0 0; width: 145px; height: 217px; top: 160px; margin-left: -144px;}
.region_map ul li.region4 a { background: url("/images/board/tour/region4_off.png") no-repeat 0 0; width: 133px; height: 192px; top: 197px; margin-left: -14px;}
.region_map ul li a span{position: absolute; z-index: 5;}
.region_map ul li a span.text{border-radius: 50px; background-color: #38393a; color: #fff; height: 26px; line-height: 26px; padding: 0 15px; font-size: 13px;}
.region_map ul li a.on span.text, .region_map ul li a:hover span.text{background-color: #000;}
.region_map ul li.region1 a span.text{top: 73px; left: 134px;}
.region_map ul li.region2 a span.text{top: 29px; left: 11px;}
.region_map ul li.region3 a span.text{top: 108px; left: 26px;}
.region_map ul li.region3 a span.item01{top: 79px; left: 103px; width: 101px; height: 37px; background: url("/images/board/tour/region3_item01.png") no-repeat 0 0; pointer-events: none;}
.region_map ul li.region4 a span.text{top: 61px; left: 76px;}
.region_map ul li.region1 a.on, .region_map ul li.region1 a:hover {background: url("/images/board/tour/region1_on.png") no-repeat 0 0;}
.region_map ul li.region2 a.on, .region_map ul li.region2 a:hover { background: url("/images/board/tour/region2_on.png") no-repeat 0 0;}
.region_map ul li.region3 a.on, .region_map ul li.region3 a:hover { background: url("/images/board/tour/region3_on.png") no-repeat 0 0;}
.region_map ul li.region4 a.on, .region_map ul li.region4 a:hover { background: url("/images/board/tour/region4_on.png") no-repeat 0 0;}
.region_map p.txt_info { background:#f0f0f0; color:#323232; font-size:14px; text-align:center; width:100%; position:absolute; bottom:0; line-height:40px !important; margin:0 !important;}
@media screen and (max-width:1120px) { .region_view_list{border-bottom: 0;}
.region_tourist { border-left:none; float:none; width:100%; height:auto; padding:15px 0 0;}
.region_tourist dl { margin:0;}
.region_tourist dl dt { font-size:17px;}
.region_tourist dl dd.tourist_img { display:none;}
.region_tourist dl dd.tourist_name { display:none;}
.region_tourist dl dd.tourist_like { display:none;}
.menu_info .menu_list { width: 49.9% !important;}
}
@media screen and (max-width:1000px) { .region_box .thumb_img {width: 34% !important;}
.region_box .att_info_box {width: 40% !important;}
.details_map {width: 25.7% !important;}
ul.btn_info li a {padding: 0 12px !important;}
.att_info_box p.etc_info {height: 13px; overflow:hidden;}
.sum_info li {margin: 0 10px !important;}
}
@media screen and (max-width:850px) { .region_box .thumb_img {width: 40% !important;}
.region_box .att_info_box {width: 59.6% !important; border-right:none !important;}
.sum_info li {margin: 0 5px !important;}
.etc_txt h4.etc_title {display: none !important;}
.etc_txt p {line-height: 55px !important; vertical-align: middle;}
.menu_info .etc_txt h4.etc_title {display: block !important;}
.cscon dl dd.w_addr {width: 100% !important;}
.cscon dl dd.w_phone {width: 40% !important;}
.cscon dl {width: 80% !important;}
.details_map {float:inherit;width: 99.9% !important;border-top: 1px solid #3e635c;}
}
.food_wrap .region_box .thumb_img{background: #f2f5f4 url("/images/board/tour/food_noimage.png") no-repeat center;}
.lodge_wrap .region_box .thumb_img{background: #f2f5f4 url("/images/board/tour/lodge_noimage.png") no-repeat center;}
.tourlist_wrap .region_box .thumb_img{background: #f2f5f4 url("/images/board/tour/tour_noimage.png") no-repeat center;}
.maplist .list ul li.foods .list_img a.noimg{background: #f2f5f4 url("/images/board/tour/food_noimage.png") no-repeat 60% center / 40%;}
.maplist .list ul li.lodgs .list_img a.noimg{background: #f2f5f4 url("/images/board/tour/lodge_noimage.png") no-repeat 60% center / 40%;}
.maplist .list ul li.mountain .list_img a.noimg{background: #f2f5f4 url("/images/board/tour/tour_noimage.png") no-repeat 60% center / 40%;}
.tourist_area { margin:30px 0 0;display:inline-block; width:100%; overflow:hidden; min-height:300px;}
.tourist_area.region_list .list_box dl dt a{line-height: 31px; padding-left: 36px; width: 82%;}
.tourist_sch_box {background:#f4f4f4; border:1px solid #d2d2d2; display:block; position:relative;height: 47px;}
.sch_option {display:inline;height:47px;float:left;}
.tourist_sch_box .sch_option {border-right: 1px solid #d2d2d2;}
.sch_option select {height: 47px; width: 100px; padding-left:10px; vertical-align:middle; border:none !important; cursor: pointer;}
/*.select-st1 {background: #fff; border: none; margin: 0; overflow: hidden; padding: 0 0 0 3px;}*/
.tourist_sch_box dl {float:left; font-size:15px; color:#323232; font-weight:400}
.tourist_sch_box dt {float:left; padding: 13px 5px 10px 20px; height: 24px;}
.tourist_sch_box dt.all_page, .tourist_sch_box dd.all_num{background:#fff}
.tourist_sch_box dd.all_num{border-right:1px solid #d2d2d2}
.tourist_sch_box dd {float:left; padding: 13px 20px 10px 0; height: 24px;}
.tourist_sch_box dd #search_page{color:#ff5957 !important}
.board_sch2 { float:right; height:47px;}
.board_sch2 fieldset {border-left: 1px solid #d2d2d2; display: inline-block; position:relative;}
.board_sch2 label { margin: 10px 0 0 8px; position: absolute; color:#707070; font-size:14px; left:19px; cursor: text;}
.b_search_input {
float:left;
border:none !important;
color: #777;
font-size: 14px;
height:45px;
line-height: 45px;
padding-left:15px;
vertical-align: middle;
width: 229px;
}
.top_search_btn {
float:right;
background:#4f576a;
border: 0 none;
color:#fff;
cursor: pointer;
height: 47px;
vertical-align: middle;
width: 56px;
}
.sch_option .nice-select {border:none !important; font-size:15px !important; height:45px !important; line-height:45px !important;}
/* 관광지 리스트(공통) ----------------------------------------------------------------------------------------------------- */
.tourist_list_group {margin-top:20px; margin-left:1px;}
.list_box {border:1px solid #d2d2d2; width:25%; box-sizing:border-box; min-height:342px; margin:0 0 10px -1px; padding:25px 0; display:inline-block; float:left; overflow:hidden;text-align: center;}
/*관심콘텐츠에 높이값 짤려서 height값 숨김 20171219 정석화*/
.list_box.interest { /*height:280px;*/ min-height:auto;}
.list_box dl { display: inline-block; margin: 0 auto; padding: 0 5% 15px; text-align: center; width: 80%;}
.list_box dl dt { font-size:17px; margin-bottom:10px; height:32px; text-align:left !important; position:relative;}
.list_box dl dt a{font-weight:400; position: absolute; left: 4px; top: 1px; width: 84%; padding-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_box dl dt span{margin-top: 3px; line-height:32px}
.tourlist_box .list_box dl dt span{line-height: 22px;}
.list_box dl dt span.icon_att_s {background: #d64227; width:30px; height: 25px; border-radius: 3px; line-height:24px !important; font-size:13px;}
.list_box dl dt span.icon_stay_s{background: #4264a3; width:30px; height: 25px; border-radius: 3px; line-height:24px !important; font-size:13px;}
.list_box dl dt span.icon_food_s{background: #FF7D0A; width:30px; height: 25px; border-radius: 3px; line-height:24px !important; font-size:13px;}
.list_box dl dd { font-size:14px; color:#323232; line-height:2; text-align:left !important; width:98%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.list_box dl dd .info_txt {line-height: 1.5; margin: 4px 0 0; vertical-align: middle; word-break:break-all;}
.list_box dl dd.tourist_thumb { height:154px; width:100%; overflow:hidden; background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%; margin-bottom:10px; position:relative;}
.list_box.tour dl dd.tourist_thumb{background: #f2f5f4 url("/images/board/tour/tour_noimage.png") no-repeat center / 30%;}
.list_box.food dl dd.tourist_thumb{background: #f2f5f4 url("/images/board/tour/food_noimage.png") no-repeat center / 30%;}
.list_box.lodg dl dd.tourist_thumb{background: #f2f5f4 url("/images/board/tour/lodge_noimage.png") no-repeat center / 30%;}
.list_box dl dd.tourist_thumb a{display: block; height: 100%;}
.list_box dl dd.tourist_thumb img { width:100%; height:100%;}
.list_box dl dd.tourist_thumb .icon_coupon_on { position:absolute; bottom:0; right:0;}
.list_box p { display:inline;}
.list_box span.putin {display:block;}
.list_box span.putin a {
background: url("/images/board/bg_putin.gif") repeat scroll 0 0;
border: 1px solid #d2d2d2;
display: block;
font-size: 14px;
margin: 0 auto;
padding: 7px 0;
text-align: center;
width: 80%;
}
.list_box span.putin a:hover{border-color: #4264a3;}
.list_box span.line { border:1px solid #d2d2d2; display:inline-block;padding:5px 30px; font-size:14px; text-align:center;}
.food_icon_div{position: absolute; top: 6px; right: 3px; z-index: 10; display: inline-block;}
.tour_food.tourist_area{position: relative; overflow: visible;}
.tour_food .icon_box_info{position: absolute; top: -37px; right: 0;}
.tour_food .icon_box_info > span{float: left; margin-left: 15px; display: block; height: 25px; line-height: 25px;}
.tour_food .icon_box_info > span span.icon{float: left; width: 25px; height: 25px; margin-right: 5px; display: block; text-indent: -99999px; background: url("/images/board/board_cont_bg.png") no-repeat;}
.tour_food .icon_box_info > span.morning span.icon{background-position: -624px -45px;}
.tour_food .icon_box_info > span.toilet span.icon{background-position: -654px -45px;}
.tour_food .list_box dl dt a{width: 100%; padding-right: 60px; box-sizing: border-box;}
.tour_food .list_box dl dt .icon_box{position: absolute; top: 0; right: 0;}
.tour_food .list_box dl dt .icon_box span{float: left; width: 25px; height: 25px; margin-left: 5px; display: block; text-indent: -99999px; background: url("/images/board/board_cont_bg.png") no-repeat;}
.tour_food .list_box dl dt .icon_box span.morning{background-position: -624px -45px;}
.tour_food .list_box dl dt .icon_box span.toilet{background-position: -654px -45px;}
/*관심콘텐츠*/
.like_contents_list{margin: 20px 0 0 1px;}
.interest dl dt {position:relative; height: 31px;}
.interest dl dt span {
display: inline-block;
font-size:0;
height: 31px;
margin:0;
position:absolute;
width:31px;
top:0;}
.interest dl dt a {padding-left:36px; line-height:27px; box-sizing: border-box; width: 100%;}
.interest dl {padding:0 !important;}
.interest span.putin {margin:20px 0 0 0; display:inline-block;}
.interest span.putin a {margin:0 !important;}
/*관심콘텐츠아이콘*/
.interest dl dt span.type_ten.on { background:url("/images/board/board_cont_bg.png") no-repeat scroll -404px -189px; }
.interest dl dt span.type_food.on { background:url("/images/board/board_cont_bg.png") no-repeat scroll -404px -375px; }
.interest dl dt span.type_stay.on { background:url("/images/board/board_cont_bg.png") no-repeat scroll -404px -344px; }
.interest dl dt span.type_shop.on { background:url("/images/board/board_cont_bg.png") no-repeat scroll -404px -406px; }
/* 관광명소 목록 ----------------------------------------------------------------------------------------------------- */
.map_area {border-right: 1px solid #0d4412; width: 100%;}
.map_api {height:346px; width:100%; overflow:hidden; position:relative;}
.attraction_sum { background-color:#f8f9fb;vertical-align:top; padding:20px 30px 20px 0; height:308px;display:inline-block;}
dl.attraction_info { margin:0 0 0 30px;display: inline-block; width:335px;}
dl.attraction_info dt {font-size:21px; color:#0d4412; border-bottom:1px solid #d2d2d2; padding-bottom:15px; margin-bottom:15px;}
dl.attraction_info dt a {color:#0d4412;}
dl.attraction_info dd {font-size:16px; color:#323232; line-height:2.4;}
dl.attraction_info dd.thumb_img { margin-top:15px;}
dl.attraction_info dd p {font-size:14px; border:1px solid #d2d2d2; border-radius:2px; text-align:center; padding:7px 0; float:left; width:160px; margin:0 0 10px 10px; background-color:#fff;}
dl.attraction_info dd p a { display: inline-block;}
dl.attraction_info dd a.btn_heart {
background:url("/images/board/board_cont_bg.png") no-repeat scroll -177px -140px;
height:19px;
font-size:14px;
padding: 2px 0 0 26px;
margin-left:20px
}
.region_box .bg_triangle2 {
background: url("/images/board/bg_triangle2.png") no-repeat scroll 0 0;
height: 23px;
left: 781px;
position: absolute;
top: 22px;
width: 18px;
}
.attraction_thumb {height:106px; width:161px; border:1px solid #d2d2d2; overflow:hidden; float:left;}
p.map_sch {margin-top:10px; font-size:14px;}
p.map_sch a {
display:inline-block;
background:url("/images/board/board_cont_onoff.png") no-repeat scroll 0px -23px;
height:22px;
line-height:22px;
margin:0;
padding:0 0 0 50px;
}
p.map_sch a.on {
background:url("/images/board/board_cont_onoff.png") no-repeat scroll 0px -0px;
height:22px;
width:230px;
margin:0;
padding:0 0 0 50px;
}
p.po_anchor{ position:absolute; top:50px; left:400px; }
p.po_selected{ position:absolute; top:150px; left:200px; z-index:1000;}
.map_api .po_info {position:absolute; top:85px; left:240px; z-index:1001;}
.map_api .po_info {background:url("/images/board/bg_mapon.gif") repeat-x; height:54px; border:1px solid #4e4e4e; border-radius:3px; padding:0 10px; text-align:center;}
.map_api .po_info dl { margin-top:3px;}
.map_api .po_info dl dt { font-size:15px; font-weight:400;}
.map_api .po_info dl dd {display:inline-block; font-size:12px; font-weight:400;}
.map_api .po_info dl dd a {color:#707070;}
.map_api .po_info dl dd a.detail_view {background:url("/images/board/bg_arrow1.png") no-repeat right center; padding-right:10px; vertical-align:middle;}
.map_api .po_info dl dd a.detail_like {background:url("/images/board/bg_heart2.png") no-repeat left center; padding-left:16px; vertical-align:middle;}
.map_api .po_info dl dd span {color:#a6a7a8; font-size:11px; font-weight:normal; padding:0 5px;}
.bg_triangle3 {
background: url("/images/board/bg_triangle3.png") no-repeat scroll 0 0;
height: 11px;
left: 45%;
position: absolute;
top: 54px;
width: 17px;
}
/* 관광명소 상세 상단 ----------------------------------------------------------------------------------------------------- */
.photo_info {border-right:1px solid #d2d2d2;float:left; height: 334px; overflow: hidden; position: relative; width: 500px; background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%;}
.photo_info img { width:100%; height:334px;}
.photo_info ul {position:absolute; bottom:0; right:0;}
.photo_info ul li {float:left; margin:0; padding:0 !important;}
.photo_info ul li.photo_more a {background:url("/images/board/board_cont_bg.png") no-repeat scroll 0px -392px; width:101px; height:38px; font-size:0; display:inline-block;}
.photo_info ul li.vod_more a {background:url("/images/board/board_cont_bg.png") no-repeat scroll -101px -392px; width:96px; height:38px; font-size:0; display:inline-block;}
.details_info {width:390px; float: left; vertical-align:top;}
.details_info .btn_down { margin:30px 0 0 30px; display:inline-block;padding:0 !important;}
.details_info .btn_down li { float:left; margin-right:3px; padding:0 !important; background:none !important;}
.details_info .btn_down li.btn_star a {background:url("/images/board/btn_star.gif") no-repeat scroll 0 0; width:158px; height:73px; font-size:0; display:inline-block;}
.details_info .btn_down li.btn_homepage a {background:url("/images/board/btn_homepage.gif") no-repeat scroll 0 0; width:85px; height:73px; font-size:0; display:inline-block;}
.details_info .btn_down li.btn_coupon a {background:url("/images/board/btn_coupon.gif") no-repeat scroll 0 0; width:85px; height:73px; font-size:0; display:inline-block;}
/*.details_map {width:33.1%;position:relative; overflow:hidden;float: right;}*/
.details_map{position: absolute; top: 0; right: 0; width: 33%; height: 100%; overflow: hidden;}
.details_map #tour_map_canvas{height: 100% !important;}
.details_map .po_info {position:absolute; top:100px; left:50px;}
.po_info { background:#fff;border: 1px solid #4e4e4e; border-radius: 3px; padding: 0 10px; text-align: center; display:inline-block;}
.po_info p {font-size:14px;}
.po_info .bg_triangle6 {background: url("/images/board/bg_triangle6.png") no-repeat scroll 0 0; left:47%; height: 12px; position: absolute; width: 9px;}
.details_map .btn_map_more {position:absolute; bottom:0; right:0;}
.details_map .btn_map_more a { background:#333; color:#fff; padding:5px 8px; font-size:13px;}
/*카카오지도 커스텀오버레이*/
.map_contents_wrap{text-align: center; right: 0; margin: -1px -10px; background-color: #fff; padding: 1px 0; border: 1px solid #333;}
.map_contents_wrap:after{content: ''; position: absolute; top: 100%; left: 50%; border-style: solid; border-width: 7px 8px 0 8px; border-color: #333 transparent; margin-left: -8px;}
.map_contents{padding: 5px 0;}
.map_contents strong{display: block; margin: 0;}
.close_img_btn{top: 0 !important; right: -9px !important;}
/* 관광명소 상세 하단 ----------------------------------------------------------------------------------------------------- */
.tourboard_detail_wrap { width:100%; margin:0 auto;}
#detail_wrap {margin-top:30px; width:100%;}
#photoview {position:relative; margin:0; height:640px; padding-bottom: 100px; overflow: hidden;}
#photoview .photo_area { background:#fff; border:1px solid #d2d2d2; text-align:center;position:relative;}
#photoview .photo_area .gallery-big > img {position: relative; width:100%; overflow:hidden; height:auto; z-index: 2;}
.imagegallery .gallerythumbs { width:100%; background: transparent url("/images/board/photo_thumb_bg.png") repeat scroll 0 0; padding:10px 0; position:absolute; bottom:0; left:0;}
.imagegallery .gallerythumbs img {height:64px; width:100%; }
.imagegallery .gallerythumbs a { margin:0 3px; display:inline-block;border:5px solid #232323;height:64px; width:80px;}
.gallerythumbs a.on, .gallerythumbs a:hover {border: 5px solid #ffb502 !important;}
.imagegallery .gallerythumbs span.apded_btn{position: relative; top: 25px; display: inline-block; vertical-align: top;}
.photo_area .img_wrap {max-height:738px; max-width:1000px; overflow:hidden; text-align:center; margin:0 auto;}
.gallerypager .gallery-prev {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -163px -732px;
display: inline-block;
font-size: 0;
height: 50px;
right: 50px;
margin: 0;
position: absolute;
top: 0;
vertical-align: top;
width: 49px;
}
.gallerypager .gallery-next {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -213px -732px;
display: inline-block;
font-size: 0;
height: 50px;
margin: 0;
position: absolute;
right: 0;
top: 0;
vertical-align: top;
width: 49px;
}
/* 관광명소 상세 하단 - 관련여행코스 새로 추가 ----------------------------------------------------------------------------------------------------- */
.course_info { margin:0 auto; padding:40px 0 0 0; max-width:1380px}
h3.line_r {font-size: 28px !important; line-height:35px !important; font-weight: 300; /*text-align: center;*/ color:#181818; }
.re_course_list { margin:55px 0 0; width:100%; border-top:3px solid #1c1c1c;}
.re_course_list li { margin:0; padding:25px 0; width:100%; border-bottom:1px solid #d2d2d2;}
.re_course_list li a {display:block;}
.re_course_list li a.co_thumb {background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll center center;margin:0 0 0 30px; height:114px; width:114px; position:relative;}
.re_course_list li a.co_thumb img { width:100%; height:114px;}
.re_course_list li span.bg_roung_114 { height:114px; width:114px; position: absolute; background: transparent url("/images/board/round_bg_114.png") no-repeat 0 0; top:0; left:0; font-size:0;}
.re_course_list li strong a {font-size:19px; font-weight:400; padding:0 10px 0 0; margin:-114px 0 0 175px; color:#323232;}
.re_course_list li p {font-size:15px; padding:0 20px 0 0; margin:10px 0 0 175px; line-height: 1.4;}
.re_course_list li a.btn_detail_y { display:block; margin:20px 0 0 175px; background:#434487; color:#fff; padding:0 ; height:33px; line-height:33px; width:140px; font-size:14px; text-align:center;}
/* 관광명소 상세 하단 - 주변정보 새로 추가 ----------------------------------------------------------------------------------------------------- */
.around_info {width:96%; margin:0 auto; padding:70px 0 0; max-width:1200px;}
/* { width:100%; position: relative; margin-top:30px; overflow:hidden;}*/
p.around_add { margin:0 0 30px !important; height:48px; line-height:48px !important; background:#1a2a42 url("/images/board/add_title_bg.gif") no-repeat scroll 0 0; color:#fff; padding: 0 0 0 75px;}
.around_info .around_map {margin-top:40px;}
.board_list_prev {margin:10px auto 80px; text-align:center;}/*목록으로 버튼 위로 공간이 너무 많아서 margin: 90px auto 0;*/
.board_list_prev a.btn_list_prev { height:36px; color:#fff; background:#4264a3; width:160px; border:1px solid #5258a3; border-radius:3px; display:block; margin:0 auto; line-height:36px;}
.detail_txt .po_anchor_on { position:absolute; top:100px; left:100px;}
.po_anchor_on span {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 0;
font-weight: 400;
height: 28px;
margin: 0;
padding-top: 3px;
text-align: center;
width: 24px;
}
.po_anchor_on span.around_stay_s {background-position: -126px -498px;}
.po_anchor_on span.around_food_s {background-position: -150px -498px;}
.po_anchor_on span.around_etc_s {background-position: -174px -498px;}
/* .po_info {
left: 50px;
position: absolute;
top: 75px;
}*/
.detail_txt .around_shop {display:inline-block; margin-left:5px; position:relative; width:705px;}
.detail_txt .around_shop ul { width:100%; margin-top:35px;}
.detail_txt .around_shop ul li {border:1px solid #d5d5d5; padding:20px 19px 18px !important; margin:0 0 17px 17px; float:left; background:none !important;}
.detail_txt .around_shop ul li a { display:block;}
.detail_txt .around_shop strong {font-size:16px; font-weight:normal; display:block;}
.detail_txt .around_shop span {font-size:14px;display:block; color:#707070;}
.detail_txt .around_shop .shop_info { line-height:1.2; margin-top:20px;}
.detail_txt .around_shop ul li a.null { display:inline-block; height:123px; width:178px; overflow: hidden; background: url("/images/board/logo_bg_1.png") #ededed no-repeat 50% 50%;}
.around_stay {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -200px -596px;
display: inline-block;
font-size: 0;
height: 38px;
margin: 0;
padding: 0 0 0 37px;
}
.around_food {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -404px -583px;
display: inline-block;
font-size: 0;
height: 35px;
margin: 0;
padding: 0 0 0 37px;
}
.around_etc {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -404px -620px;
display: inline-block;
font-size: 0;
height: 35px;
margin: 0;
padding: 0 0 0 37px;
}
.around_shop2 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -404px -509px;
display: inline-block;
font-size: 0;
height: 35px;
margin: 0;
padding: 0 0 0 37px;
}
.around_car {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -404px -659px;
display: inline-block;
font-size: 0;
height: 35px;
margin: 0;
padding: 0 0 0 37px;
}
.around_shop a.shop_prev {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -213px -452px;
display: inline-block;
font-size: 0;
height: 31px;
right: 0;
margin-right:37px;
position: absolute;
top: 0;
vertical-align: top;
width: 34px;
}
.around_shop a.shop_next {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -250px -452px;
display: inline-block;
font-size: 0;
height: 31px;
right: 0;
margin: 0;
position: absolute;
top: 0;
vertical-align: top;
width: 34px;
}
#vod_view {position:relative; margin-bottom:40px; background:#1a1c22;text-align:center;}
#vod_view .img_wrap {overflow:hidden; text-align:center; margin:0 auto;}
#vod_view p { position:absolute; top:-10px; left:0;}
#detail_wrap .area_txt {padding-bottom:70px; display:inline-block; width:100%;}
.area_txt h3.area_tit { background:none !important; border-top:1px solid #000; border-bottom:1px solid #d2d2d2; color:#000 !important; font-size:21px !important; font-weight:400 !important; padding:15px !important; text-align:center; margin:0 !important;}
.area_txt .detail_txt {padding-top:28px; color:#323232; line-height:1.6; width:100%;}
/* 숙박 목록 ----------------------------------------------------------------------------------------------------- */
.stay_sum {position:absolute; top:0px; right:0; width:166px; height:346px; background-color:#fff; vertical-align:top; background:url('/images/board/stay_sum_bg.png') no-repeat; padding:12px; box-sizing:border-box; z-index: 1;}
.stay_sum h3{font-size:15px; color:#f3f7ff; line-height:normal; padding: 15px 0 0 0; background: none; text-align: center; font-weight: 400;}
.stay_sum h3 span{display:block; font-size:21px}
.stay_sum ul {margin-top:60px}
.stay_sum ul li a{display:block; height:29px; line-height:29px; padding-left:9px; font-size:14px; color:#f3f7ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.stay_sum ul li a:hover{background:#e1574c;}
.stay_sum ul li.on a{background:#2c384b}
.stay_sum > p{color:#fff; margin-top:60px}
.line_d2 {border-bottom:1px solid #d2d2d2 !important;}
.tourist_sch_box p.btn_shop_app { float:left; display:block;}
.tourist_sch_box p.btn_shop_app a {background: #838486 url("/images/board/bg_arrow2.png") no-repeat scroll 93% center; display: block; padding: 0 25px 0 15px; color:#fff;height: 47px; line-height: 47px;}
/* 숙박 상세 - 상단 기본정보 (아이콘) ----------------------------------------------------------------------------------------------------- */
.sum_info {/*border:1px solid #4264a3;*/ background:#fff; width:100%; margin:9px 0; border:1px dashed #999999}
.sum_info ul {margin: 10px auto; /*text-align:center;*/}
/*.sum_info li {margin: 4px 10px; color:#8a8a8a; display:inline-block;font-size: 15px;letter-spacing: -1px; line-height: 38px}*/
.sum_info li {color:#8a8a8a; display:inline-block;font-size: 15px;letter-spacing: -1px; line-height: 38px; width: 15%; margin-left: 10px}
.sum_info li.on {color:#1c1c1c;}
.sum_info li span {
display: inline-block;
font-size:0;
margin-right:3px;
width:31px;
vertical-align: middle;
}
span.i_card {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -545px; height:21px;}
.sum_info li.on .i_card {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -545px; height:21px;}
span.i_call_reser {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -574px; height:25px;}
.sum_info li.on .i_call_reser {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -574px; height:25px;}
span.i_breakfast {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -603px; height:23px;}
.sum_info li.on .i_breakfast {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -603px; height:23px;}
span.i_animal {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -637px; height:30px;}
.sum_info li.on .i_animal {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -637px; height:25px;}
span.i_pack {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -669px; height:23px;}
.sum_info li.on .i_pack {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -669px; height:23px;}
span.i_one {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -699px; height:23px;}
.sum_info li.on .i_one {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -699px; height:23px;}
span.i_kids {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -533px -729px; height:24px;}
.sum_info li.on .i_kids {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -490px -729px; height:24px;}
span.i_morning {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -621px -758px; height:21px;}
.sum_info li.on .i_morning {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -621px -758px; height:21px;}
span.i_toilet {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -725px; height:24px;}
.sum_info li.on .i_toilet {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -624px -725px; height:24px;}
span.i_group {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -584px -791px; height:21px;}
.sum_info li.on .i_group {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -623px -791px; height:21px;}
/* 숙박 상세 ----------------------------------------------------------------------------------------------------- */
.course_info .stay_info { width:100%; margin:25px 0 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.course_info .stay_info li {width:100%; background:url("/images/board/dot_line_bg1.gif") repeat-x 0 bottom; padding: 14px 0; line-height: 25px;}
.course_info .stay_info li:last-child { background:none !important;}
.course_info .stay_info li strong {
font-size:17px;
font-weight:400;
display:inline-block;
width:145px;
vertical-align: middle;
margin:0 0 0 13px;
}
.course_info .stay_info li strong span {
display: inline-block;
font-size:0;
margin-right:7px;
width:29px;
height:25px;
vertical-align: middle;
}
.stay_info li strong span.i_season {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -547px;}
.stay_info li strong span.i_rate {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -573px;}
.stay_info li strong span.i_facil {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -599px;}
.stay_info li p {font-size:14px; display:inline-block; margin-bottom: 0 !important; padding: 2px 0;vertical-align: middle;width: 80%;}
/*.room_info {width:100%; margin:0;}*/
dl.room_list {width:100%; margin:0; border-bottom:1px solid #d2d2d2; padding:39px 0; position:relative;min-height: 259px;}
dl.room_list dt {font-size:19px; font-weight:400; margin-left:36%; margin-bottom:20px; color:#000}
dl.room_list dd.room_photo {position:absolute; top:0; left:0; width:33%; height:259px; overflow:hidden; margin-top:39px;background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll center center;}
dl.room_list dd.room_photo img {width:100%; height:259px;}
dl.room_list dd.room_facil {margin-left:36%; font-size:14px; line-height:2.4; color:#000}
dl.room_list dd.room_txt {margin-left:36%; margin-top:20px; font-size:14px; line-height:1.6; color:#000}
dl.room_list dd span {
display: inline-block;
font-size:0;
margin-right:7px;
width:29px;
height:27px;
vertical-align: middle;
}
dl.room_list dd span.i_man {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -624px -547px;}
dl.room_list dd span.i_rate2 {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -624px -581px;}
dl.room_list dd span.i_inside {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -624px -615px;}
.room_info { float: none !important;}
/* 음식점 상세 (타이틀 옆 음식점 표시 추가) ----------------------------------------------------------------------------------------------------- */
.tourboard_detail_top h3 span{font-size:13px; height:20px; line-height:19px; padding:0 10px; color:#fff; display:inline-block;vertical-align: middle;}
.tourboard_detail_top h3 span.s_model { background:#e1574c; border:1px solid #e1574c; border-radius:3px; margin-left:4px;}
.tourboard_detail_top h3 span.s_namdo { background:#f3c204; border:1px solid #f3c204; border-radius:3px; margin-left:4px; color: #403a3a;}
.tourboard_detail_top h3 span.s_best { background:#2c9a37; border:1px solid #2c9a37; border-radius:3px; margin-left:4px;}
.tourboard_detail_top h3 span.s_wando { background:#ffb502; border:1px solid #ffb502; border-radius:3px; margin-left:4px;}
.tourboard_detail_top .food_icon_div{top: 20px;}
.tourboard_detail_top .food_icon_div span{float: left; margin: 0 0 0 3px;}
.menu_info { width:100%; margin-top:40px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.menu_info .menu_list {width:33%; padding:25px 0; position:relative; min-height: 157px;display: inline-block; vertical-align:top;}
.menu_list dt { margin-left:177px; margin-bottom:10px; font-size:19px; font-weight:400;}
.menu_list dd.menu_photo { position:absolute; top:0; left:0; margin-top:25px;background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll center center; width:157px; height:157px; overflow:hidden;}
.menu_list dd.menu_photo img { width:100%; height:100%;}
span.bg_roung_157 {
background: transparent url("/images/board/round_bg_157.png") no-repeat scroll 0 0;
font-size: 0;
height: 157px;
left: 0;
position: absolute;
top: 0;
width: 157px;
}
.menu_list dd.menu_rate, .menu_list dd.menu_etc {font-size:15px; margin-left:177px; /*margin-bottom: 13px; */float:left;}
.tourboard_detail_wrap .menu_list dd.menu_rate, .menu_list dd.menu_etc{margin-bottom: 8px;}
.menu_list p.info_txt{margin-left: 210px; clear: both; line-height:20px}
.menu_list dd.menu_rate span.menu_price, .menu_list dd.menu_etc span.menu_price { display: block; float:left;/* margin-top:3px;*/}
.menu_list dd.menu_rate span.i_rate3, .menu_list dd.menu_etc span.i_etc {font-size: 0;width: 29px; display:inline-block; margin-right:6px; float:left; }
span.i_rate3 {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -672px -547px; height:29px;}
span.i_etc {background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -672px -581px; height:29px;}
.menu_list dd p {display: inline-block; margin: 2px 0 0 !important; /*word-break: keep-all;*/}
.etc_txt { width:100%;background: url("/images/board/dot_line_bg1.gif") repeat-x scroll 0 0; display:inline-block;}
.etc_txt h4.etc_title {background: transparent url("/images/board/h4_i_etc.gif") no-repeat scroll 0 2px; float:left; height: 27px; padding:0 0 0 40px; margin:15px 20px 15px 12px !important; font-size:17px !important; font-weight:400 !important; line-height:normal}
.etc_txt p { display:inline-block; font-size:14px; margin-bottom:0 !important; width:80%; margin-top:5px;}
.etc_txt p span { font-weight:400; margin:12px 5px 0 0;display:inline-block; line-height:24px;}
/*2인이상 이미지 스타일 수정 180312 배금아*/
.etc_txt p img.two_person {vertical-align:middle; margin:0 3px;}
.etc_txt p.menu_cont{margin: 0; padding: 15px 0; /*height: 27px;*/ line-height: 27px !important;}/*높이값이 지정되어 있어서 높이값 삭제*/
.etc_txt p.menu_cont span{margin: 3px; line-height: 14px; font-weight: 300;}
.etc_txt p.menu_cont span span{margin: 0;}
.detail_txt ul.menu_info {margin:0; padding:0;}
.detail_txt ul.menu_info > li {border:1px solid #d2d2d2; padding:2% !important; float:left; margin:0 5px; background:none !important; height: 330px;width: 20%;}
.detail_txt ul.menu_info > li strong {display:inline-block; font-size:18px; font-weight:normal; margin-bottom:5px;}
.detail_txt ul.menu_info > li p {width:100%; font-size:14px; text-align: left !important; word-break: break-all;}
.detail_txt ul.menu_info > li p.info_thumb {height:154px; overflow:hidden; background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%; margin-bottom:15px;}
.detail_txt ul.menu_info > li p span.price_info { width:74%; display:inline-block; vertical-align:middle; line-height:1.4;}
.detail_txt ul.menu_info > li p.info_txt {border-top:1px solid #d2d2d2; margin-top:15px; padding-top:10px; line-height:1.4; max-height:78px; overflow-y:auto;}
.detail_txt p.menu_etc {background:#fafafa; border:1px solid #d2d2d2; float:left; margin-top:10px; width:100%; font-size:14px;}
.detail_txt p.menu_etc strong { padding:30px 20px; border-right:1px solid #d2d2d2; display:inline-block; font-weight:normal;vertical-align: middle;}
.detail_txt p.menu_etc span { padding:20px;display:inline-block; width:85%; vertical-align:middle;}
/* 여행코스둘러보기 상세 ----------------------------------------------------------------------------------------------------- */
#board_postscript_view { display:inline-block; width:100%;}
#board_postscript_view .comment_info {border:1px solid #d2d2d2; padding:15px 25px; margin-top:15px; color:#1c5280; font-size:14px;}
#board_postscript_view .comment_info .comment_txt { width:92%; display:inline-block; color:#1a2a42;}
#course_lst {margin:40px 0 0;display: inline-block; width:100%;}
#course_lst .course_box { margin:0 0 10px; padding:0;}
#course_lst .cslst {background: url("/images/board/bg_courseview_line.gif") repeat-y scroll 22px 5px; margin-left:20px; padding:0 !important;}
#course_lst .cslst > li { display:block; margin:0 0 40px; padding:0; position:relative; background:none !important;}
#course_lst .cslst li h4 { position:absolute; top:0; left:10px; background:none !important; padding:0 !important; margin:0 !important;}
span.icon_bico {font-size:14px; font-weight:400; color:#010101; padding-top:2px; background-position:-274px -492px; height:39px; }
.cslst li .cscon {margin-left:80px; /*margin-left:90px;*/ border-bottom:1px solid #d2d2d2; padding-bottom:30px; display:inline-block; width:90%;}
.cscon .csimg { display:inline-block; height:104px; width:104px; overflow:hidden; vertical-align:top; position:relative; float:left;background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%;}
.cscon .csimg img {font-size:0;}
.cscon .csimg .bg_round2 { position:absolute; top:0; left:0; height:104px; width:104px;background: url("/images/board/bg_round2.png") no-repeat 0 0;}
.cscon dl {/*display:inline-block;*/ margin-left:20px; width:85%; float:left;}
.cscon dl dt {font-size:20px; font-weight:400; margin-bottom:10px;}
.cscon dl dt span {
display: inline-block;
font-size:0;
height: 31px;
/*margin-right:7px;*/
vertical-align: middle;
/*width:30px;8/ /* 관광타입*/
}
.cscon dl dd {font-size:15px; color:#707070; display:inline-block; margin-bottom:10px; float:left;}
.cscon dl dd.w_addr { width:50%;}
.cscon dl dd.w_phone { width:30%;}
.cscon dl dd.w_cost { width:100%;}
.cscon dl em {color:#0d4412; font-weight:400; font-style:normal;}
#course_lst span.icon_move {font-size:12px; color:#1c5280; position:absolute; top:48%; left:10px;}
.cscon dl dd > ul { display:block; margin-top:10px;}
.cscon dl dd > ul li { line-height:1.8 !important; font-size:14px !important;background: url("/images/board/dd_bl_1.gif") no-repeat scroll 0 11px !important; padding:0 0 0 9px !important; text-align:left !important; word-break: keep-all;}
.course_map {display:block; width:100%;}
.course_map h3.map_tit {font-size:17px !important; font-weight:400 !important;text-align: left; margin:0 !important; padding:0 !important; background:none !important;}
#courseview_map .course_map .course_map_area {border:1px solid #d2d2d2; overflow:hidden; margin-top:10px; width:100%; height:347px;}
.cs_button_list { display: inline-block; text-align:center; width:100%;margin-bottom: 50px;}
.cs_button_list ul { text-align:center; display: inline-block; margin:0 auto;}
.cs_button_list ul li { float:left; margin: 0 2px; background:none !important;}
.cs_button_list a {display: block; font-size: 15px; height: 22px; padding: 10px 20px 15px; text-align: center; min-width: 98px;}
.cs_button_list a.cs_btn_like {background:#1a2a42; color:#fff; border:1px solid #1a2a41;}
.cs_button_list a.cs_btn_list {background:#fff;border: 1px solid #1a2a41; color: #1a2a42;}
/* 내가쓴댓글 ----------------------------------------------------------------------------------------------------- */
.comment_my_tit {background: url("/images/board/board_guige_img7.png") no-repeat center 0;width:100%; border-bottom:1px solid #0d4412; padding-bottom:25px; text-align:center;}
.comment_my_tit h3.cm_title {margin-top:70px;font-size:27px; font-weight:400; color:#323232; display: inline-block;}
.comment_my_tit h3 em {color:#707070; font-style:normal; line-height:27px;}
#my_comment_area span.usr_date {font-size:19px; color:#323232; margin-right:30px;}
p.re_article span.icon_relate {
background: transparent url("/images/board/icon_relate.gif") no-repeat scroll 0 0;
display: inline-block;
font-size:14px;
color:#0d4412;
height: 26px;
margin-right:5px;
padding-left:7px;
width:63px;
vertical-align: middle;
}
p.re_article span.icon_newwin {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -404px -3px;
display: inline-block;
font-size:0;
height: 9px;
margin-left:5px;
width:11px;
vertical-align: middle;
}
p.re_article a {color:#0d4412; font-size:14px; text-decoration:underline;}
/* 공식SNS ----------------------------------------------------------------------------------------------------- */
p.sns_tit { margin-top: 120px;}
#sns_area {float:left; margin-bottom:50px; width:100%;}
#content .sns_box {float:left; width:24.9%; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; margin-left:-1px;}
#content .sns_box h3 {height:54px; width:100%; font-size:0 !important; display:block; margin:0 !important; padding:0 !important;}
#content .sns_box h3.tit_twitter {background: #20aff1 url("/images/board/sns_twitter.gif") no-repeat left 0;}
#content .sns_box h3.tit_blog {background: #45b500 url("/images/board/sns_blog.gif") no-repeat left 0;}
#content .sns_box h3.tit_facebook {background: #3b5997 url("/images/board/sns_facebook.gif") no-repeat left 0;}
#content .sns_box h3.tit_kakao {background: #ffc20e url("/images/board/sns_kakao.gif") no-repeat left 0;}
#content .sns_box ul.sns_list {display:block; text-align:center;}
#content .sns_box ul.sns_list li {display:block; border-bottom:1px solid #d2d2d2; padding:25px 0; background:0 !important;}
#content .sns_box ul.sns_list li a {display:block; width:270px; padding-left:14px;}
/* 콘텐츠 수집 - 목록 ----------------------------------------------------------------------------------------------------- */
span.icon_prosess2 {background: transparent url("/images/board/board_guide_process1.png") no-repeat scroll 0 0;
display: inline-block;
font-size: 0;
height: 164px;
margin: 0;
width:719px;
border-bottom:1px solid #1a2a42;
padding-bottom:35px;
}
td .shop_photo_thumb { background:#eef2f6; padding:20px;}
td .shop_photo_thumb ul { display: inline-block; padding:0 !important;}
td .shop_photo_thumb ul li { float:left; margin-right:10px; padding:0 !important; background:none !important;}
.con_reject {background: url("/images/board/reject_bg.gif") no-repeat scroll 25px center; border:1px solid #0d4412; padding:25px; margin:35px 0;}
.con_reject p { padding-left:140px; font-size:15px; color:#ff5957;}
.img_view {padding:7px 15px; margin-left:10px;}
.img_view:hover { text-decoration:none !important;}
/* 콘텐츠 수집 - 글쓰기 ----------------------------------------------------------------------------------------------------- */
.photo_checks { clear:both; margin-top:10px;}
.photo_checks ul { display:block;}
.photo_checks ul li { float:left; margin-right:10px; position:relative;}
.photo_checks ul li img { height:98px; width:150px;}
.photo_checks .img_ul { display: block; min-width: 816px; overflow: hidden;}
.photo_checks .img_ul li {float: left; margin: 5px 0; background:none !important; padding:0 !important; width: 100%;}
.photo_checks .img_ul li .tourism_img {
background: #f2f2f2 url("/images/board/bg_logo_s.png") no-repeat scroll 50% 50%;
border: 1px solid #c5c5c5;
height: 98px;
margin: 0 7px 0 5px;
position: relative;
width: 150px;
}
.photo_checks .img_ul li .tourism_img a.btn_close {position: absolute; right: 0; top: 0;}
.photo_checks ul li a img {
height: 20px;
width: 20px;
}
.photo_checks li #buttonUpload{height: 34px; position: relative; top: auto; right: auto; float: left; margin-left: 3px;}
input#mainimage { position:relative !important;}
/* 관리자 게시판 List (공지사항) ----------------------------------------- */
.boardlist {border-top:1px solid #d2d2d2; width:100%; clear: both;font-size:14px;}
.boardlist th {border-bottom:1px solid #d2d2d2; color: #323232; font-size:15px; font-weight:normal; padding: 15px 5px;text-align:left;}
.boardlist td {border-bottom: 1px solid #d2d2d2; color: #707070; padding: 15px 5px; text-align:left; line-height:1.5;}
/* 열어본페이지 ----------------------------------------- */
.list_box2 ul { margin-top:20px !important; display:inline-block;width: 100%;}
.list_box2 ul li {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
font-size: 14px;
margin-bottom: 20px;
padding: 0 0 20px !important;
border-bottom:1px solid #d2d2d2;
position:relative;
}
.list_box2 ul li > a {
margin-left:20px;
display:inline-block;
width:85%;
}
.list_box2 ul li a strong {
color: #0d4412;
}
.list_box2 ul li span.screen_thumb {
background: #eef2f6 url("/images/board/logo_bg_2.png") no-repeat scroll center center;
display: block;
float: left;
height: 49px;
margin:0;
width: 63px;
}
.list_box2 ul li p {
display: inline-block;
margin: 30px 0 0 20px;
width: 85%;
}
.list_box2 ul li span.url {
display: inline-block;
margin: 0 0 0 20px;
width: 85%;
}
.list_box2 ul li span.url a {color: #808e9b;}
.list_box2 ul li span.date {color: #707070; position:absolute; right:5px; top:0; font-size:13px;}
.tourist_sch_box2 {
background: #f8f9fb none repeat scroll 0 0;
border: 1px solid #d2d2d2;
display: inline-block;
position: relative;
width: 99.5%;
height: 47px;
}
.tourist_sch_box2 dl {
color: #323232;
display: inline;
float: left;
font-size: 15px;
margin: 12px 0 0;
}
.tourist_sch_box2 dt {
border-left: 1px solid #d2d2d2;
display: inline;
margin: 0 0 0 -1px;
padding: 14px 0 14px 20px;
}
.tourist_sch_box2 dd {
display: inline;
padding: 11px 20px 11px 0;
}
/* 관광안내책자신청하기 -------------------------------------------------------------------------- */
.go_on {background: transparent url("/images/board/ico_goon.png") no-repeat scroll 0 7px;display: inline-block; vertical-align: middle;padding: 0 0 0 18px;}
.go_finish {color:#099a84 !important; font-weight:400;}
/* 포커스뉴스(보도자료) -------------------------------------------------------------------------- */
.tbl_type_food {
border-bottom: 1px solid #cccccc;
float: left;
margin: 0 0 20px;
padding: 0 0 20px;
position: relative;
width: 100%;
}
.tbl_type_food p.img {
border: medium none !important;
background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll center center;
float: left;
margin: 0 4% 0 0;
position: relative;
vertical-align: middle !important;
width: 200px;
}
.tbl_type_food:first-child{margin-top:20px}
.tbl_type_food p.img a { width:100%; height:180px; overflow:hidden;}
.tbl_type_food p.img a img {width:100%; max-height:220px; overflow:hidden;}
.tbl_type_food dl {margin: 0; width:78%; float:left;}
.tbl_type_food dt.title {height: auto; text-align: left; word-break: break-all;}
.tbl_type_food dt {display: inline-block; font-size: 15px; margin: 0 0 5px; padding: 3px 0;}
.tbl_type_food dt .span_tit {font-weight: 400; margin: 0; padding: 0; vertical-align: middle;}
.tbl_type_food dt .span_date {color: #0d4412; font-size: 12px; margin: 0; padding: 0; position: absolute; right: 0; top: 5px;}
.tbl_type_food dd.con {color: #464646; margin: 0; padding: 0 0 10px; text-align: justify; line-height:1.6;}
/* 군민배너 ----------------------------------------------------------------------------------------------------- */
#banner {margin-bottom: 20px; width: 100%;}
.banner_list {float: left; height: 53px; margin-bottom: 20px; width: 50%;}
.banner_list p.img {border: 1px solid #e1e1e1;float: left; margin-right: 5px; padding: 3px; width: 156px; height:36px;}
.banner_list p.img img {width: 156px !important; height:36px !important;}
.popupzone_type {float: left; margin: 0; padding: 0; width: 60%;}
.popupzone_type dt {font-size: 13px; font-weight:400; height: 20px; margin: 0; padding: 3px 0 0 5px;}
.popupzone_type dd {color: #555555; font-size: 11px; line-height: 16px; margin: 0; padding: 1px 0 0 0;}
.popupzone_type dd br { display:none !important;}
/* 지도 윈도우 ----------------------------------------------------------- */
/* .po_info {background: #fff; border: 1px solid #4e4e4e; border-radius: 3px; padding:10px 15px 15px; position:relative;}
/* .po_info { left: 700px; position: absolute; top: 120px; z-index: 1001;}*/
.po_info2 {padding:5px 5px 15px; position:relative; font-family: "Nanum Gothic","Dotum","돋움","Arial";}
.po_info2 h4 { font-size:14px !important; font-weight:400;border-bottom:1px solid #d2d2d2; margin:0 !important;}
.po_info2 p.info_img { height:65px; width:87px; overflow:hidden; background: url("/images/board/logo_bg_1.png") #ededed no-repeat 50% 50% / 50% auto; float:left;}
.po_info2 p.info_text { font-size:12px; color:#707070; display:inline-block; margin-left:10px; margin-bottom:5px;}
.po_info2 p.info_text span { display:block; line-height:1.2;}
.po_info2 p.info_btn span a.btn_a { display:inline-block; background-color: #0d4412; padding:2px 8px; color:#fff; font-size:12px; margin-left:10px; margin-top:3px;}
.po_info2 p.info_btn span a.btn_d { display:inline-block; background-color:#eef2f6; border:1px solid #0d4412; padding:1px 7px; color:#0d4412; font-size:12px; margin-left:7px; margin-top:3px;}
.po_info2 .bg_triangle4 {
background: url("/images/board/bg_triangle4.png") no-repeat scroll 0 0;
height: 27px;
left: -24px;
position: absolute;
top: 22px;
width: 24px;
}
.po_info2 p.info_close { position:absolute; top:10px; right:10px;}
.po_info2 p.info_close a {
background: transparent url("/images/board/board_cont_bg.png") no-repeat -741px -92px;
height:11px;
width:11px;
display:inline-block;
margin:0;
font-size:0;
}
/*설문조사*/
.tit-box {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
clear: both;
margin: 0 0 15px;
padding: 10px 0;
width: 100%;
}
.tit-box::after {
clear: both;
content: "";
display: block;
}
#content .tit-box h3 {
background: rgba(0, 0, 0, 0) url("/images/common/alert_tip.gif") no-repeat scroll 0 9px;
color: #333;
display: inline-block;
font-size: 16px;
letter-spacing: -1px;
margin: 0 0 0 10px;
padding: 5px 10px 3px 25px !important;
}
.tit-box dl {
float: right;
margin: 5px 0 0;
}
.tit-box dl.left {
float: right;
margin: 0;
}
.tit-box dl dt, .tit-box dl dd {
float: left;
font-size: 12px;
}
.tit-box dl dt {
color: #0d4412;
margin: 1px 3px 1px 0;
}
.tit-box dl dd {
color: #666;
margin: 1px 11px 1px 0;
}
#pollgroup {
overflow: hidden;
margin-top:15px;
}
#pollgroup h3 {
background: #eff6f5 url("/images/common/icon_polltit.png") no-repeat scroll 19px 12px;
float: left;
font-size: 14px;
font-weight: normal;
margin: 3px 0 0 !important;
min-height: 40px;
padding: 16px 3% 10px 8% !important;
width: 89%;
}
#pollgroup .poll_button {
background-image: none;
float: left;
margin: 6px 0;
}
#pollgroup .poll_button ul li {
background-image: none;
float: left;
}
#pollgroup .board_content {
float: left;
margin: 5px 0 20px;
min-height: 250px;
width: 100%;
}
#pollgroup .board_content div.term {
color: #28a031;
margin: 10px 0 15px 8px;
}
#pollgroup .board_content div.term span {
background: rgba(0, 0, 0, 0) url("/images/common/board/board_icon.png") no-repeat scroll -102px 0;
font-weight: 400;
margin-right: 5px;
padding-left: 16px;
}
.poll_qst_title {
font-size: 14px;
margin-left: 10px;
}
.poll_qst_requisite {
margin-left: 5px;
}
#pollgroup .poll_box .poll {
background-color: #f7f7f7;
border: 1px dashed #e3e3e3;
float: left;
margin-bottom: 5px;
padding: 1%;
width: 98%;
}
#pollgroup .poll textarea {
border: 1px solid #d8d7d7;
width: 640px;
}
#pollgroup .poll input {
border: 1px solid #d8d7d7;
padding: 3px;
}
s #pollgroup .poll .poll_qst_number {
background: rgba(0, 0, 0, 0) url("/images/www/icon/h_li.gif") no-repeat scroll left 4px;
float: left;
margin-left: 10px;
padding: 0 0 0 10px;
}
#pollgroup dl.left {
float: left;
margin: 10px 0;
overflow: hidden;
}
#pollgroup dl.left dt {
background: rgba(0, 0, 0, 0) url("/images/www/icon/h3_1.gif") no-repeat scroll left 7px;
float: left;
font-weight: 400;
margin: 2px 0 1px;
padding: 5px 0 0 17px;
width: 55px;
clear:left;
}
#pollgroup dl.left dd {
float: left;
margin: 2px 0 1px;
padding: 5px 0 0 15px;
width: 600px;
}
.set-box {
clear: both;
margin-top: 10px;
overflow: hidden;
width: 99%;
}
.set-box dl.left dt, .set-box dl.left dd {
float: left;
margin-left: 0;
margin-right: 5px;
padding-left: 0;
}
.set-box dl.left dt {
color: #707070;
text-indent: -5000px;
}
.set-box dl.left dd span {
font-size: 12px;
margin: 0 4px 0 5px;
}
.set-box dl.left dd span.blog_cate {
color: #02aac4 !important;
}
.set-box dl.right {
float: right;
margin: 0;
}
.set-box dl.right dt, .set-box dl.right dd {
color: #999;
float: left;
font-size: 11px;
}
.set-box dl.right dt {
margin-right: 8px;
}
span.btn_round_red em {
color: #fff;
display: block;
height: 17px;
line-height: 17px;
font-weight: 300;
margin: 0;
padding: 4px 7px;
background-color: #b20c0b;
}
span.btn_round_red {
border-radius: 2px;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
span.btn_round_blue em {
color: #fff;
display: block;
height: 17px;
line-height: 17px;
font-weight: 300;
margin: 0;
padding: 4px 7px;
background-color: #092971;
}
span.btn_round_blue {
border-radius: 2px;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
span.btn_round_green em {
color: #fff;
display: block;
height: 17px;
line-height: 17px;
font-weight: 300;
margin: 0;
padding: 4px 7px;
background-color: #0b5a01;
}
span.btn_round_green {
border-radius: 2px;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
#pollgroup .board_button ul li{ margin-top:25px;}
.board_print a span{
background: rgba(0, 0, 0, 0) url("/images/business/sub/btn_print.png") no-repeat scroll 0 0;
float: left;
font-size: 0;
height: 35px;
margin-bottom: 20px;
margin-top: 15px;
overflow: hidden;
text-indent: -5000px;
width: 163px;
}
/*엑스포 할인업소*/
.list_box dl dd.tourist_thumb .icon_discount_on {
bottom: 0;
position: absolute;
right: 0;
}
span.icon_discount_on {
background: transparent url(/images/board/discount_bg01.png) no-repeat scroll 0px 0;
display: inline-block;
font-size: 0;
height: 29px;
margin: 0;
vertical-align: middle;
width: 86px;}
/*tour_common.css */
/*사진*/
.contphoto { background-color:#e6f8f8; min-height:664px; border-bottom:1px solid #92baba;}
.contphoto h3 { text-align:center; background: url("/images/tour/contents/contphoto_tit_ico.png") no-repeat scroll center top !important; padding-top:150px !important;}
.contphoto ul.photo { margin-top:53px; margin-bottom:39px; }
.contphoto ul.photo li { float:left; margin-left:1%; width:24.2%; max-width:290px;}
.contphoto ul.photo li:first-child { margin-left:0;}
.contphoto ul.photo li a { display:block;}
.contphoto ul.photo li a img { width:100%;}
.contphoto p.more { text-align:center; clear:both;}
.contphoto p.more a.btn2 { padding:8px 48px !important; margin-top:40px;}
/*컨텐츠하단지도*/
.contmap { position:relative; min-height:725px; width:100%; display:table;}
.mapimg {/*background: url("/contents/2978/guidemap.jpg") no-repeat center top;*/ margin:0 auto; max-width:1200px;}
.around_map { margin-top:35px;}
.map_tit { width:100%; background: url("/images/tour/contents/opw_80.png") repeat 0 0; padding-top:40px; /*padding-bottom:20px;*/}
.TourMap .here { background: url("/images/tour/contents/here.png") no-repeat center top; padding-top:40px; }
.TourMap .here span.name { display:block; background-color:#0d4412; border-radius:15px; color:#fff; padding:5px 15px;}
.TourMap .food { background: url("/images/tour/contents/map_foodico.png") no-repeat 0 0; min-width:30px; min-height:34px; }
.TourMap .lodge { background: url("/images/tour/contents/map_lodgeico.png") no-repeat 0 0; min-width:30px; min-height:34px;}
.TourMap .shopinfo { width:200px; background-color:#fff; border:1px solid #0d4412; }
.TourMap .shopinfo > span { display:block; font-size:12px;}
.TourMap .shopinfo > span.name { background-color:#1a2a42; font-size:14px; font-weight:400; color:#fff; line-height:34px; padding:0 0 0 13px; }
.TourMap .shopinfo .name .mountain, .TourMap .shopinfo .name .tour { background: url("/images/tour/contents/map_mountainico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .temple { background: url("/images/tour/contents/map_templeico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .beach { background: url("/images/tour/contents/map_beachico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .camping { background: url("/images/tour/contents/map_campingico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .lodgs { background: url("/images/tour/contents/map_lodgsico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .foods { background: url("/images/tour/contents/map_foodico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .shop { background: url("/images/tour/contents/map_shopico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .leisure { background: url("/images/tour/contents/map_leisureico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .perform { background: url("/images/tour/contents/map_performico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .name .tours { background: url("/images/tour/contents/map_toursico_s.png") no-repeat 0 0; padding:0 0 0 22px;}
.TourMap .shopinfo .photo img { width:200px; height:116px;}
.TourMap .info_img {
background-attachment: scroll;
background-clip: border-box;
background-color: #f2f5f4;
background-image: url("/images/board/logo_bg_1.png");
background-origin: padding-box;
background-position-x: 50%;
background-position-y: 50%;
background-repeat: no-repeat;
background-size: auto auto;
height: 116px;
margin-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 100%;
}
.TourMap .shopinfo .add, .TourMap .shopinfo .tel { padding:0 0 0 27px; height:22px; line-height:22px; color:#323232}
.TourMap .shopinfo .add { background: url("/images/tour/contents/map_shopinfo_add.png") no-repeat 8px 1px; width: 174px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.TourMap .shopinfo .tel { background: url("/images/tour/contents/map_shopinfo_tel.png") no-repeat 8px 3px; padding-bottom:8px;}
.TourMap .shopinfo .close { position:absolute; top:9px; right:8px; background: url("/images/tour/contents/map_shopinfo_close.png") no-repeat 0 0;}
.TourMap .shopinfo .close a { display:block; width:14px; height:14px; text-indent:-5000px; }
.TourMap .bbl { background: url("/images/tour/contents/map_shopinfo_bbl.png") no-repeat 0 0; height:20px; margin-left:122px;}
.TourMap .add_wrap { position:absolute; /*bottom:0;*/ background-color:#464445; width:100%; height:48px; }
.TourMap .add_wrap .inner { padding:0 !important;}
.TourMap .add_wrap p { margin-bottom:0 !important;}
.TourMap .add_wrap p.map_add { color:#fff; line-height:48px !important; float:left; background: url("/images/tour/contents/map_add_ico.gif") no-repeat 0 0; padding-left:72px;}
.TourMap .add_wrap p.naver_map { float:right; background-color:#126843; height:48px;}
.TourMap .add_wrap p.naver_map a { color:#fff; line-height:48px; padding:10px 50px 10px 25px; background: url("/images/tour/contents/naver_map_ico.png") no-repeat scroll 117px 11px;}
.TourMap .bottom {background: url("/images/tour/contents/map_botm.png") no-repeat scroll 0 0; height:10px; width:13px; margin-top:-1px; margin-left:100px;}
/*태그,저작권*/
#content div.tab_ccl { position:relative; display:inherit; /*padding:0 0 55px;*/ margin-top:45px; margin-bottom:0; min-height:34px; clear:both; }
#content div.tab_ccl .tag_list { line-height:21px; width:70%; background: url("/images/tour/contents/blt_tag.gif") no-repeat scroll 0 2px !important; padding-left:44px;}
.ccl {/*padding-top:63px;*/ position:absolute; top:-15px; right:0; z-index:1; }
.ccl .desc { background-color:#fff; border:1px solid #d2d2d2; line-height: 18px !important; width:220px; color: #6e6e6e; font-size: 11px; position: absolute; right:234px; bottom:-5px; padding:10px; display:none;}
.ccl .desc a {color: #373737; display: block; font-size: 12px;font-weight: 400; padding-bottom: 3px;}
/* 갤러리 */
div.one_title > ul > li{min-height: inherit;}
div.social_gallery{margin-top: 60px;}
div.social_gallery .collage_widget{max-height: 295px; height: 100%;}
div.social_gallery > ul > li{max-height: 365px;}
.excel_btn{float: right; margin: -30px 0 20px;}
.excel_btn a{display: block; padding: 7px 15px; background-color: #403a3a; color: #fff;}
.excel_btn a:hover{background-color: #4264a3;}
.div.social_gallery{margin-top: 10px;}
/*위치,음식점,코스 지도 및 리스트 공통*/
.maplist { border:1px solid #d2d2d2; display:inline-block; width:99.8%; text-align: left;}
.maplist .map { width: 50%; height: 536px; float: left; background-color: #f0eee7; border-right:1px solid #d2d2d2; box-sizing: border-box;}
.maplist .map_place { width:100%; overflow:hidden; position:relative;}
.maplist .list { width:50%; float:left; height: 541px; overflow: auto;}
.maplist .list ul { display:inline-block; width:100%;}
.maplist .list ul li {float: left; padding:24px 5% 24px; width: 90%; display: inline-block; border-bottom: 1px solid #d1d4d9;}
.maplist .list ul li a { display:block;}
.maplist .list ul li .list_img {float: left; margin-right: 5%; width:37%; max-width: 194px; height: 122px; }
.maplist .list ul li .list_img a.noimg { max-width: 192px; height: 120px; background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat center center; border: 1px solid #e1e1e1;}
.maplist .list ul li .list_img img{transition: ease-in-out 0.3s;}
.maplist .list .list_cont { float:left; width: 58%;}
.maplist .list .list_cont a.tit { display: inline-block; height:29px; line-height:26px; font-size:19px;}
.maplist .list .list_cont a.tit .ico { display:block; float:left; text-indent:-99999px; background:url("/images/tour/sub/tourmap_sp.png") no-repeat scroll; width:29px; height:29px; margin-right:5px;}
.maplist .list .list_cont a.tit .mountain, .maplist .list .list_cont a.tit .tour { background-position:0 0;}
.maplist .list .list_cont a.tit .temple { background-position:0 -33px;}
.maplist .list .list_cont a.tit .beach { background-position:0 -66px;}
.maplist .list .list_cont a.tit .camping { background-position:0 -99px;}
.maplist .list .list_cont a.tit .lodgs { background-position:0 -132px;}
.maplist .list .list_cont a.tit .foods { background-position:0 -165px;}
.maplist .list .list_cont a.tit .shop { background-position:0 -198px;}
.maplist .list .list_cont a.tit .leisure { background-position:0 -231px;}
.maplist .list .list_cont a.tit .perform { background-position:0 -264px;}
.maplist .list .list_cont a.tit .tours { background-position:0 -297px;}
.maplist .list .list_cont a.tit .service { background-position:0 -330px;}
.maplist .list .list_cont a.tit .traffic { background-position:-197px -198px;}
.maplist .list .on .list_cont a.tit .mountain, .maplist .list .on .list_cont a.tit .tour { background-position:-33px 0;}
.maplist .list .on .list_cont a.tit .temple { background-position:-33px -33px;}
.maplist .list .on .list_cont a.tit .beach { background-position:-33px -66px;}
.maplist .list .on .list_cont a.tit .camping { background-position:-33px -99px;}
.maplist .list .on .list_cont a.tit .lodgs { background-position:-33px -132px;}
.maplist .list .on .list_cont a.tit .foods { background-position:-33px -165px;}
.maplist .list .on .list_cont a.tit .shop { background-position:-33px -198px;}
.maplist .list .on .list_cont a.tit .leisure { background-position:-33px -231px;}
.maplist .list .on .list_cont a.tit .perform { background-position:-33px -264px;}
.maplist .list .on .list_cont a.tit .tours { background-position:-33px -297px;}
.maplist .list .on .list_cont a.tit .service { background-position:-33px -330px;}
.maplist .list .on .list_cont a.tit .traffic { background-position:-230px -198px;}
.maplist .mountain.on .list_cont a.tit, .maplist .tour.on .list_cont a.tit{color: #3C9D00;}
.maplist .temple.on .list_cont a.tit{color: #754C24;}
.maplist .beach.on .list_cont a.tit{color: #26A6DB;}
.maplist .camping.on .list_cont a.tit{color: #01B989;}
.maplist .lodgs.on .list_cont a.tit{color: #AD5CAB;}
.maplist .foods.on .list_cont a.tit{color: #FF940A;}
.maplist .shop.on .list_cont a.tit{color: #456CC7;}
.maplist .leisure.on .list_cont a.tit{color: #CFC10B;}
.maplist .perform.on .list_cont a.tit{color: #605CA8;}
.maplist .tours.on .list_cont a.tit{color: #e1574c;}
.maplist .service.on .list_cont a.tit{color: #AF3E81;}
.map_place .ico { position:absolute; top:5%; left:5%; width:90%;}
.map_place .ico li, .map_place .icoon li { float:left;}
.map_place .icoon { position:absolute; top:15%; left:5%;}
.map_place span { display:block; width:29px; height:33px; text-indent:-99999px; background:url("/images/tour/sub/tourmap_sp.png") no-repeat scroll;}
.map_place .map_mountain, .map_place .tour { background-position:-99px 0;}
.map_place .map_temple { background-position:-99px -33px;}
.map_place .map_beach { background-position:-99px -66px;}
.map_place .map_camping { background-position:-99px -99px;}
.map_place .map_lodgs { background-position:-99px -132px;}
.map_place .map_foods { background-position:-99px -165px;}
.map_place .map_shop { background-position:-99px -198px;}
.map_place .map_leisure { background-position:-99px -231px;}
.map_place .map_perform { background-position:-99px -264px;}
.map_place .map_tours { background-position:-99px -297px;}
.maplist .list .list_cont dl { margin:8px 0; min-height:24px;}
.maplist .list .list_cont dd { float:left; margin-right:7px; margin-bottom:3px; width:33%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.maplist .list .list_cont dd.address_cont { width:40%;}
.maplist .list .list_cont .address,
.maplist .list .list_cont .tel { display:block; float:left; text-indent:-99999px; background:url("/images/tour/sub/tourmap_sp.png") no-repeat scroll; width:24px; height:24px; margin-right:5px;}
.maplist .list .list_cont .address { background-position:-153px -26px;}
.maplist .list .list_cont .tel { background-position:-153px 0;}
.maplist .list .btn_box a { border:2px solid #403a3a; display:inline-block; padding:3px 13px 3px; border-radius:5px; font-size:14px;}
.maplist .list .btn_box a.put { background-color:#403a3b; color:#fff;}
@media screen and (max-width:1240px) {
.maplist .list .list_cont dd { float:none;}
.maplist .list ul li .list_img { margin-right:5%; width:37%; height: 150px;}
.maplist .list ul li .list_img img { width:100%; height:150px;}
.maplist .list ul li .list_img a.noimg { height:148px;}
.maplist .list .list_cont dd.address_cont, .maplist .list .list_cont dd.tel_cont { width:70%;}
}
@media screen and (max-width:1070px) {
.maplist .map { width:45%;}
.maplist .list { width:54.8%;}
}
@media screen and (max-width:980px) {
.maplist .map { width:100%; border-right:none; border-bottom:1px solid #d2d2d2;}
.maplist .list { width:100%;}
}
@media screen and (min-width:790px) and (max-width:980px) {
.maplist .list .list_cont dd.address_cont, .maplist .list .list_cont dd.tel_cont { float:left; width:40%;}
.maplist .list ul li .list_img{height: 122px;}
.maplist .list ul li .list_img img { width:194px; height:122px;}
.maplist .list ul li .list_img a.noimg {height:120px;}
}
/*공영주차장목록 18.3.22 전지은*/
.maplist .list .list_cont dt.paking_info,
.maplist .list .list_cont dt.parking_detail { clear:both; float:left; width:40%; background:url("/images/tour/sub/tourmap_sp.png") no-repeat -535px -314px; padding-left:9px;}
.maplist .list .list_cont dd.paking_info_cont,
.maplist .list .list_cont dd.parking_detail_cont { float:left;}
.maplist .list .list_cont dt.paking_info,
.maplist .list .list_cont dd.paking_info_cont { margin-top:7px; margin-bottom:0; color:#cd4e4e;}
/*위치및주변정보*/
.surrounding {position: relative; width:100%; padding:80px 0 45px; display:inline-block; /*border-top:1px solid #d2d2d2;*/}
.surrounding h3 { margin-bottom:30px; text-align:center; font-size:32px;}
.surrounding .maplist { border-bottom:none;}
.surrounding .maplist .list .btn_box a { border:2px solid #7d7d7d;}
.surrounding .maplist .list .btn_box a.put { background-color:#7d7d7d;}
.add_navigate { height:45px; width:100%; background-color:#4264a3; margin-top:-5px;}
.add_navigate p { height:45px; line-height:45px;}
.add_navigate .add { float:left; color:#fff;}
.add_navigate .add .ico { display:block; float:left; width:20px; height:22px; background:url("/images/tour/sub/cont_sp.png") no-repeat -107px -93px; margin:12px 6px 0 20px; }
.add_navigate .navigate { float:right; background-color:#f3c204;}
.add_navigate .navigate a { padding:0 25px 0 0;}
.add_navigate .navigate a .ico { display:block; float:left; width:31px; height:30px; background:url("/images/tour/sub/cont_sp.png") no-repeat -138px -85px; margin:8px 5px 0 20px; }
.surrounding .list-wrap { margin: 20px auto 30px; }
.surrounding .nav-list { overflow: hidden; padding: 0; display:inline-block; width:100%; text-align:center; }
.surrounding .nav-list li { display:inline-block; height: 42px; padding: 0; }
.surrounding .nav-list li a { background-color:#2c9a37; color: #fff; display: block; line-height: 23px; height:24px; padding: 8px 0; text-align: center; width: 135px; }
.surrounding .nav-list li.active a { background-color:#403b38; color:#fff; }
/*음식점지도*/
.restaurant { display:inline-block; width:100%; padding:80px 0 0; }
.restaurant .inner{text-align: center;}
.restaurant h3 { text-align:center; font-size:32px; margin:0 auto 15px; line-height:39px; display: inline-block;}
.restaurant h3 a{margin-left: 10px; display: block;}
.restaurant h3 a span.more { display:inline-block; text-indent:-99999px; background:url("/images/tour/sub/cont_sp.png") no-repeat scroll -56px -75px; width:40px; height:40px; margin-left: 10px;}
.restaurant .rest_ment { margin-bottom:10px; font-size:17px; display:none;}
.restaurant .list_img { position:relative;}
.restaurant .like_9mi { background-color:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; color:#fff; padding:0 5px;}
.restaurant .like_icon { background:url("/images/tour/sub/like_9mi.png") no-repeat 0 5px; display:block; float:left; text-indent:-99999px; width:17px; height:21px; margin-right:5px; }
/*코스 모듈*/
.attraction { display:inline-block; width:100%; padding:80px 0 0; }
.attraction h3 { margin-bottom:30px; text-align:center; font-size:32px;}
.attraction .maplist .map, .attraction .maplist .list { height:735px;}
.attraction .map_place > img.map { width:100%;}
.maplist .list .list_cont a.tit .num01 { background-position:-197px 0;}
.maplist .list .list_cont a.tit .num02 { background-position:-230px 0;}
.maplist .list .list_cont a.tit .num03 { background-position:-263px 0;}
.maplist .list .list_cont a.tit .num04 { background-position:-296px 0;}
.maplist .list .list_cont a.tit .num05 { background-position:-329px 0;}
.maplist .list .list_cont a.tit .num06 { background-position:-197px -33px;}
.maplist .list .list_cont a.tit .num07 { background-position:-230px -33px;}
.maplist .list .list_cont a.tit .num08 { background-position:-263px -33px;}
.maplist .list .list_cont a.tit .num09 { background-position:-296px -33px;}
.maplist .list .list_cont a.tit .num10 { background-position:-329px -33px;}
.maplist .list .list_cont a.tit .num11 { background-position:-197px -66px;}
.maplist .list .list_cont a.tit .num12 { background-position:-230px -66px;}
.maplist .list .list_cont a.tit .num13 { background-position:-263px -66px;}
.maplist .list .list_cont a.tit .num14 { background-position:-296px -66px;}
.maplist .list .list_cont a.tit .num15 { background-position:-329px -66px;}
.maplist .list .list_cont a.tit .num16 { background-position:-197px -99px;}
.maplist .list .list_cont a.tit .num17 { background-position:-230px -99px;}
.maplist .list .list_cont a.tit .num18 { background-position:-263px -99px;}
.maplist .list .list_cont a.tit .num19 { background-position:-296px -99px;}
.maplist .list .list_cont a.tit .num20 { background-position:-329px -99px;}
.maplist .list .list_cont a.tit .num21 { background-position:-197px -132px;}
.maplist .list .list_cont a.tit .num22 { background-position:-230px -132px;}
.maplist .list .list_cont a.tit .num23 { background-position:-263px -132px;}
.maplist .list .list_cont a.tit .num24 { background-position:-296px -132px;}
.maplist .list .list_cont a.tit .num25 { background-position:-329px -132px;}
.maplist .list .list_cont a.tit .num26 { background-position:-197px -165px;}
.maplist .list .list_cont a.tit .num27 { background-position:-230px -165px;}
.maplist .list .list_cont a.tit .num28 { background-position:-263px -165px;}
.maplist .list .list_cont a.tit .num29 { background-position:-296px -165px;}
.maplist .list .list_cont a.tit .num30 { background-position:-329px -165px;}
.maplist .list .on .list_cont a.tit .num01 { background-position:-372px 0;}
.maplist .list .on .list_cont a.tit .num02 { background-position:-405px 0;}
.maplist .list .on .list_cont a.tit .num03 { background-position:-438px 0;}
.maplist .list .on .list_cont a.tit .num04 { background-position:-471px 0;}
.maplist .list .on .list_cont a.tit .num05 { background-position:-504px 0;}
.maplist .list .on .list_cont a.tit .num06 { background-position:-372px -33px;}
.maplist .list .on .list_cont a.tit .num07 { background-position:-405px -33px;}
.maplist .list .on .list_cont a.tit .num08 { background-position:-438px -33px;}
.maplist .list .on .list_cont a.tit .num09 { background-position:-471px -33px;}
.maplist .list .on .list_cont a.tit .num10 { background-position:-504px -33px;}
.maplist .list .on .list_cont a.tit .num11 { background-position:-372px -66px;}
.maplist .list .on .list_cont a.tit .num12 { background-position:-405px -66px;}
.maplist .list .on .list_cont a.tit .num13 { background-position:-438px -66px;}
.maplist .list .on .list_cont a.tit .num14 { background-position:-471px -66px;}
.maplist .list .on .list_cont a.tit .num15 { background-position:-504px -66px;}
.maplist .list .on .list_cont a.tit .num16 { background-position:-372px -99px;}
.maplist .list .on .list_cont a.tit .num17 { background-position:-405px -99px;}
.maplist .list .on .list_cont a.tit .num18 { background-position:-438px -99px;}
.maplist .list .on .list_cont a.tit .num19 { background-position:-471px -99px;}
.maplist .list .on .list_cont a.tit .num20 { background-position:-504px -99px;}
.maplist .list .on .list_cont a.tit .num21 { background-position:-372px -132px;}
.maplist .list .on .list_cont a.tit .num22 { background-position:-405px -132px;}
.maplist .list .on .list_cont a.tit .num23 { background-position:-438px -132px;}
.maplist .list .on .list_cont a.tit .num24 { background-position:-471px -132px;}
.maplist .list .on .list_cont a.tit .num25 { background-position:-504px -132px;}
.maplist .list .on .list_cont a.tit .num26 { background-position:-372px -165px;}
.maplist .list .on .list_cont a.tit .num27 { background-position:-405px -165px;}
.maplist .list .on .list_cont a.tit .num28 { background-position:-438px -165px;}
.maplist .list .on .list_cont a.tit .num29 { background-position:-471px -165px;}
.maplist .list .on .list_cont a.tit .num30 { background-position:-504px -165px;}
/*위치 및 주변정보 로딩*/
.surrounding .loding_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}
.loader {position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -37px; width: 75px; height: 100px;}
.loader_bar {position: absolute; bottom: 0; width: 10px; height: 50%; background: #fff; -webkit-transform-origin: center bottom; transform-origin: center bottom; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);}
.loader_bar:nth-child(1) {left: 0px; -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); -webkit-animation: barUp1 4s infinite; animation: barUp1 4s infinite;}
.loader_bar:nth-child(2) {left: 15px; -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); -webkit-animation: barUp2 4s infinite; animation: barUp2 4s infinite;}
.loader_bar:nth-child(3) {left: 30px; -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); -webkit-animation: barUp3 4s infinite; animation: barUp3 4s infinite;}
.loader_bar:nth-child(4) {left: 45px; -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); -webkit-animation: barUp4 4s infinite; animation: barUp4 4s infinite;}
.loader_bar:nth-child(5) {left: 60px; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-animation: barUp5 4s infinite; animation: barUp5 4s infinite;}
.loader_ball {position: absolute; bottom: 10px; left: 0; width: 10px; height: 10px; background: #fff; border-radius: 50%; -webkit-animation: ball 4s infinite; animation: ball 4s infinite;}
@-webkit-keyframes ball {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
5% {
-webkit-transform: translate(8px, -14px);
transform: translate(8px, -14px);
}
10% {
-webkit-transform: translate(15px, -10px);
transform: translate(15px, -10px);
}
17% {
-webkit-transform: translate(23px, -24px);
transform: translate(23px, -24px);
}
20% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
27% {
-webkit-transform: translate(38px, -34px);
transform: translate(38px, -34px);
}
30% {
-webkit-transform: translate(45px, -30px);
transform: translate(45px, -30px);
}
37% {
-webkit-transform: translate(53px, -44px);
transform: translate(53px, -44px);
}
40% {
-webkit-transform: translate(60px, -40px);
transform: translate(60px, -40px);
}
50% {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
57% {
-webkit-transform: translate(53px, -14px);
transform: translate(53px, -14px);
}
60% {
-webkit-transform: translate(45px, -10px);
transform: translate(45px, -10px);
}
67% {
-webkit-transform: translate(37px, -24px);
transform: translate(37px, -24px);
}
70% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
77% {
-webkit-transform: translate(22px, -34px);
transform: translate(22px, -34px);
}
80% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
87% {
-webkit-transform: translate(7px, -44px);
transform: translate(7px, -44px);
}
90% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
5% {
-webkit-transform: translate(8px, -14px);
transform: translate(8px, -14px);
}
10% {
-webkit-transform: translate(15px, -10px);
transform: translate(15px, -10px);
}
17% {
-webkit-transform: translate(23px, -24px);
transform: translate(23px, -24px);
}
20% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
27% {
-webkit-transform: translate(38px, -34px);
transform: translate(38px, -34px);
}
30% {
-webkit-transform: translate(45px, -30px);
transform: translate(45px, -30px);
}
37% {
-webkit-transform: translate(53px, -44px);
transform: translate(53px, -44px);
}
40% {
-webkit-transform: translate(60px, -40px);
transform: translate(60px, -40px);
}
50% {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
57% {
-webkit-transform: translate(53px, -14px);
transform: translate(53px, -14px);
}
60% {
-webkit-transform: translate(45px, -10px);
transform: translate(45px, -10px);
}
67% {
-webkit-transform: translate(37px, -24px);
transform: translate(37px, -24px);
}
70% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
77% {
-webkit-transform: translate(22px, -34px);
transform: translate(22px, -34px);
}
80% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
87% {
-webkit-transform: translate(7px, -44px);
transform: translate(7px, -44px);
}
90% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes barUp1 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@keyframes barUp1 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@-webkit-keyframes barUp2 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@keyframes barUp2 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@-webkit-keyframes barUp3 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@keyframes barUp3 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@-webkit-keyframes barUp4 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@keyframes barUp4 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@-webkit-keyframes barUp5 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes barUp5 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
/*태그*/
.tag_ccl { display:inline-block; width:100%; padding:50px 0;}
.tag_ccl .tag_list { background:url("/images/common/blt_tag.gif") no-repeat scroll 0 2px !important; line-height:21px; padding-left:46px; width:55%; font-size:15px; float:left;}
.tag_ccl .tag_list a { color:#1a4589; }
.tag_ccl .ccl { float:right; position:relative;}
.tag_ccl .ccl .desc { background-color:#fff; border:1px solid #d2d2d2; bottom:-20px; color:#6e6e6e; font-size:12px; line-height:18px !important; padding:10px; position:absolute; right:133px; width:376px;}
.tag_ccl .ccl .desc a { display:block; font-size:13px; margin-bottom:5px;}
/*sns*/
.nav-wrap { float:none !important;}
.snswrap {clear: both; border-top:1px solid #d2d2d2; padding:65px 0 0;}
.snswrap h3 { font-size:30px; color:#000; text-align:center; margin-bottom:30px;}
.snswrap .sns-section { padding-top:0;}
.sns-section { clear: both; position: relative; }
.sns-section > ul { padding: 0; }
.sns-section .list-wrap { margin: 15px auto 0; }
.sns-section .sns_tab { overflow: hidden; padding: 0; display:inline-block; width:100%; text-align:center; }
.sns-section .sns_tab li { display:inline-block; min-height: 42px; padding: 0; }
.sns-section .sns_tab li a { background-color: #4264a3; color: #fff; display: block; line-height: 23px; height:24px; padding: 8px 0; text-align: center; width: 150px; }
.sns-section .sns_tab li.active a { background-color:#403b38; color:#fff; }
.sns-list { display: block; }
.sns-section #search_view { margin-left: -10px; overflow:hidden}
.sns-section .sns-list { clear: both; margin: 30px 0; float: none !important;}
.sns-section .sns-list li::after { background-color: #fff; clear: both; }
.sns-section .sns-list li { background: transparent url("/images/common/search_view_name_bg.gif") repeat-x scroll 0 bottom; border: 1px solid #dfdfdf; float: left; height: 267px; letter-spacing: -1px; margin-bottom: 10px; margin-left: 0.835%; padding: 0; position: relative; width: 18.95%; transition: all 0.3s ease 0s; box-sizing: border-box;}
.sns-section .sns-list li:hover { border-color:#4264a3;}
.sns-section .sns-list li.mar0 { margin-right: 0; }
.sns-section .sns-list li > a { display: block; height: 195px; padding: 15px 18px 50px; }
.sns-section .sns-list li .badge { bottom: 0; height: 32px; position: absolute; right: 12px; text-indent: -9999px; width: 40px; z-index: 30; }
.sns-section .sns-list li h3 { background:none repeat scroll 0 0; margin: 0 auto; padding: 0; width: 85%; text-align:left; }
.sns-section .sns-list li.blog h3, .sns-section .sns-list li.daum_blog h3 { margin-bottom:9px; }
.sns-section .sns-list li h3 > a { background:none repeat scroll 0 0; color: #323232; display: block; font-size: 15px; height: 44px; line-height: 22px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.sns-section .sns-list li .name { bottom: 5px; color: #707070; font-size: 12px; height: 22px; left: 12px; overflow: hidden; position: absolute; width: 70%; }
.sns-section .sns-list li .name a { overflow: hidden; width: 74%; }
.sns-section .sns-list li.blog .badge { background:url("/images/common/icon-sns2.png") no-repeat scroll 0 -64px; width: 24px; }
.sns-section .sns-list li.youtube .badge { background:url("/images/common/icon-sns2.png") no-repeat scroll 0 -32px; width: 53px; }
.sns-section .sns-list li.daum_blog .badge { background:url("/images/common/icon-sns2.png") no-repeat scroll 0 -127px; width: 35px; }
.sns-section .sns-list .desc { font-size: 14px; height: 150px; line-height: 150%; margin: 0 auto; overflow: hidden; width: 85%; word-break: break-all; }
.sns-section .sns-list .desc a { color: #707070; }
.sns-section .sns-list li.blog .desc a { color: #707070; font-size: 14px; line-height: 150%; word-break: break-all; }
.sns-section .sns-list .desc .play_btn { left: 45%; position: absolute; top: 108px; }
.sns-section .sns-list .desc .img { background-position: center center; background-repeat: no-repeat; display: block; height: 110px; width:100%;}
.sns-section .sns-list .desc .img img { width:100%; height: 110px;}
.sns-section .sns-list .desc span { color: #707070; display: block; font-size: 14px; height: 34px; line-height: 17px; margin-top: 12px; overflow: hidden; }
#board_basic_view .tourguide_file{padding: 15px 5px 15px 10px;}
table.board_write .select_explanation_time > div{margin: 0 0 6px 6px; float: left;}
table.board_write .select_explanation_time .select_start{margin-right: 10px;}
table.board_write .select_explanation_time .select_end{}
table.board_write td.language_application label, table.board_write td.tourguide_application label{float: left;}
table.board_write td.language_application label{width: 45px;}
table.board_write td.language_application input, table.board_write td.tourguide_application input{float: left;}
table.board_write td.visit_count label{float: none;}
table.board_write td.visit_count input{float: none;}
table.board_write td.visit_count p{clear: both;}
table.board_write td.input_phone_box input[type="text"]{width: 20%; max-width: 170px;}
table.board_write td.input_phone_box input[type="text"]#leader{margin-left: 19px;}
/* 홍보동영상 */
.tbl_type_stream{margin: 20px 0;}
.movie_cont.fixed_player{width: 45%; padding: 550px 0 0 45%; -moz-padding : 80px 0 0 45%; min-height: 550px;}
.vodbg > .video_view.fixed_player{width: 40%; left: 7%; margin-left: 0;}
.vodbg > .video_view.fixed_player > video.fixed_player{width: 100%; min-width: 307px;}
/*인증로그인*/
.no_member_login {background-color:#fafafa; padding:0px 150px 60px 150px; border:1px solid #cdcdcd; text-align:center;}
.no_member_login h3 {background: url(/images/common/member/sch_id_ico.gif) no-repeat center; margin-bottom:20px; padding-top:120px; border-bottom:1px solid #2c9a37;}
.no_member_login p {margin-bottom:30px;}
/* 업소등록신청 */
/*음식점/숙박업소 등록신청 20171210_김용선*/
.tourist_sch_box .registration{float: right;}
.tourist_sch_box .registration span{display: block; padding: 11px 15px 12px; background-color: #1a2a42; color: #fff;}
.registration_btn{margin-bottom: 50px !important;}
.agree_title{margin-top: 100px;}
/*설문조사 */
.set-box.tour_setbox dl.left dd span{margin: 0;}
#pollgroup.tour_survey h3{padding: 10px 3% 10px 70px !important; box-sizing: border-box; width: 100%;}
.poll_box { margin-top:15px;}
.qst_box { border:1px solid #d2d2d2; background-color:#fafafa; padding:20px; margin-bottom:15px;}
.survey_date select{margin: 0 3px; width: 16.5% !important;}
.survey_date select#start_date_y, .survey_date select#finish_date_y{margin-left: 0;}
.survey_date .next{display: block; height: 3px;}
.qst_title_box { margin-top:7px;}
.qst_title_box span.pointer{ margin-left:2px;}
.qst_title_box input {width:63%; margin-left:5px; margin-right:5px;}
.qst_box input { height:28px; line-height:28px; border:1px solid #d2d2d2; margin-bottom:5px; padding: 0 10px; box-sizing: border-box;}
.qst_box input.qst_asw_text { width:95%; margin-bottom:5px;}
.qst_asw_type_box select, .qst_asw_type_box span, .qst_asw_type_box span label { height:28px; line-height:28px; margin-left:5px; min-width:60px;}
.qst_requisite input { margin-left:5px; margin-top:3px;}
.qst_asw_type_box { margin-bottom:7px;}
.survey_add .num_box{display: block; font-weight: 400; margin-bottom: 5px;}
.survey_add input.qst_title{margin: 0 0 5px 0; padding: 0 10px;}
textarea#contents, textarea#note, textarea#paper3, textarea#paper4{margin-left: 6px;}
.fileUpload .file_name{margin-left: 6px; width: 60%;}
table.board_write td input, #file_0_alt{margin-left: 6px;}
/*축제/공연행사 20180412_김민경*/
.eventnews td li{ background-color:#FFF !important; text-align:left !important;}
.eventnews td a.li_etc.view_popup{ background-color:#FFF !important; display:inline; color:#d53048 !important; padding:0 !important;}
.eventnews td span.icon_etc{ background:url("/images/board/board_cont_bg.png") no-repeat scroll -777px -856px !important;}
.eventnews td ul{ margin-top:15px !important;}
.eventnews_box{ position:fixed !important; top:320px !important;}
/*관광 통합검색 연관검색어*/
.search_list .serch_tag > span{float: left;}
.search_list .serch_tag ul.tag_list{margin: 0;}
/*관광통합검색 이미지*/
#result_list #movie .sch_detail_movie li a:first-child{display: flex; justify-content: center;}
#result_list #movie .sch_detail_movie li a > img{width: 325px; height: 180px;}
/*카테고리리스트 (관광은 메뉴명이 길어서 별도로 통제)*/
.cate_list{padding-top: 1px;}
.cate_list li{width: 33%; margin: 0;}
.cate_list li:nth-child(1) a, .cate_list li:nth-child(2) a, .cate_list li:nth-child(3) a, .cate_list li:nth-child(4) a, .cate_list li:nth-child(5) a{border-top: 0;}
.cate_list li a{border-width: 0 1px 1px 0;}
.cate_list li:nth-child(n+0):nth-child(-n+3) a{border-top: 1px solid #d2d2d2;}
/*서펜제 보성소리 축제 > 경연대회 참가신청*/
.song_request_wrap{height: 228px; font-weight: 300;}
.song_request_wrap > .song_request{position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; background: url("/images/board/tour/sopyonje_bg.jpg") no-repeat center center; text-align: center; padding: 1px;}
.song_request_wrap > .song_request > .ment{color: #fff; font-size: 19px; line-height: 26px; margin-top: 70px;}
.song_request_wrap > .song_request > .song_btn_box{text-align: center; margin-top: 24px;}
.song_request_wrap > .song_request > .song_btn_box > a{display: inline-block; border: 2px solid; border-radius: 3px; height: 40px; line-height: 40px; padding: 0 25px; color: #fff; transition: ease-in-out 0.15s;}
.song_request_wrap > .song_request > .song_btn_box > a.p_btn{background-color: #4264a3; border-color: #4264a3;}
.song_request_wrap > .song_request > .song_btn_box > a.w_btn{border-color: #fff; margin-left: 3px;}
.song_request_wrap > .song_request > .song_btn_box > a:hover{background-color: #fbbc0f; border-color: #fbbc0f; color: #000;}
/*개인정보 제공 동의서*/
.agree_wrapper h3{text-align: center;}
.agree_wrapper .agree_btn_box{}
.agree_wrapper .agree_btn_box input[type="submit"]{background-color: transparent; border: 2px solid #4264a3; color: #4264a3; height: 40px; line-height: 36px; padding: 0 25px; transition: ease-in-out 0.15s; cursor: pointer;}
.agree_wrapper .agree_btn_box input[type="submit"]:hover{background-color: #4264a3; color: #fff;}
/*관광안내도신청*/
.board_wrap .apply, .board_wrap .request{display: inline-block; color: #fff; background-color: #4264a3; padding: 0 30px; border-radius: 5px; height: 30px; line-height: 30px;}
.board_wrap .receipt{display: inline-block; color: #fff; background-color: #d64227; padding: 0 30px; border-radius: 5px; height: 30px; line-height: 30px;}
.board_wrap .defer{display: inline-block; color: #333; background-color: #fbbc0f; padding: 0 30px; border-radius: 5px; height: 30px; line-height: 30px;}
.board_wrap .completion, .board_wrap .complete{display: inline-block; color: #fff; background-color: #029802; padding: 0 30px; border-radius: 5px; height: 30px; line-height: 30px;}
/*관광해설사신청*/
.tour_view_wrap{position: relative;}
.tour_view_wrap .photo_view{display: none; display: block; position: absolute; bottom: 62px; left: 50%; margin-left: -300px;}
.tour_view_wrap .photo_view:before{content: ''; position: absolute; top: 8px; left: 8px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.65); z-index: 1; border-radius: 5px;}
.tour_view_wrap .photo_view img{position: relative; z-index: 2; border: 1px solid #333; border-radius: 5px;}
/*푸소*/
.list_search_store{border:1px solid #d7d7d7; border-top:2px solid #464649;}
.list_search_store .list_menu{height:100px;}
.list_search_store .list_menu li{float:left; width:133.1px;}
.list_search_store .list_menu li a{display:block; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:64px; padding-top:36px; text-align:center; position:relative; color:#403b38; font-size:17px;}
.list_search_store .list_menu li:hover a, .list_search_store .list_menu li a.on{background-color:#464649; color:#fff;}
.list_search_store .list_menu li:first-child a{border-left:0;}
.store_wrap{margin-right: 3px;}
.search_store_wrap{background-color: #f0f0f0; height:50px; padding:38px 0; margin-right: 3px; display: inline-block; width: 100%;}
.search_store_form > div{position:relative;}
.search_store_form .search_store_box{width:16%;}
.search_store_form .search_store_option label{position:absolute; top:0; left:0; text-indent:-5000px; z-index:-1;}
.search_store_form .search_store_option .prettydropdown{min-width:167px;}
.search_store_form .search_store_option .prettydropdown > ul{border:1px solid #d2d2d2;}
.search_store_form .search_store_option .prettydropdown > ul > li{min-width:139px;}
.search_store_form .search_store_option .prettydropdown > ul > li.selected:before, .search_store_form .search_store_option .prettydropdown > ul > li.selected:after{background: url("/images/board/store_search_sp.png") no-repeat 0 -830px; width:9px; height:5px; top:21px; right:20px; border:0; margin:0;}
.search_store_form .search_store_option .prettydropdown > ul.active > li.selected:before, .search_store_form .search_store_option .prettydropdown > ul.active > li.selected:after{background:none;}
.search_store_form .search_store_option .prettydropdown > ul.active > li > span.checked{display:none;}
.search_store_form .search_store_option select{width:100%; padding:12px 0 12px 11%; color:#6f6f6f; height:50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url("/images/board/store_search_sp.png") no-repeat 138px -809px;}
.search_store_form .search_store_option select::-ms-expand{display:none;}/* select 화살표 없애기 for IE10,11 */
.search_store_form{text-align: center;}
.search_store_form .search_store_keyword_wrap{display: inline-block; text-align: left;}
.search_store_form .search_store_keyword_wrap .region_select_box{float: left; margin-right: 10px; position: relative;}
.search_store_form .search_store_keyword_wrap .region_select_box > a{position: relative; display: block; width: 100px; background-color: #fff; border: 1px solid #d2d2d2; height: 48px; line-height: 48px; padding: 0 40px 0 20px;}
.search_store_form .search_store_keyword_wrap .region_select_box > a:after{content: ''; position: absolute; top: 50%; right: 10px; width: 0; height: 0; border-style: solid; border-color: #999 transparent; border-width: 5px 5px 0 5px; margin-top: -3px;}
.search_store_form .search_store_keyword_wrap .region_select_box .region_list{display: none; position: absolute; top: 52px; left: 0; background-color: #fff; width: 100%; box-sizing: border-box; border: 1px solid #d2d2d2; z-index: 1;}
.search_store_form .search_store_keyword_wrap .region_select_box .region_list ul{}
.search_store_form .search_store_keyword_wrap .region_select_box .region_list ul li{}
.search_store_form .search_store_keyword_wrap .region_select_box .region_list ul li a{display: block; padding: 10px 20px; border-top: 1px solid #d2d2d2;}
.search_store_form .search_store_keyword_wrap .region_select_box .region_list ul li:first-child a{border-top: 0;}
.search_store_form .search_store_keyword_wrap .search_box_wrap{float: left; position: relative;}
.search_store_form .search_store_keyword_wrap label{position:absolute; top:12px; left:21px; color:#6f6f6f;}
.search_store_form .search_store_keyword_wrap .search_store_input{width: 260px; height:48px; padding:0 20px; color:#6f6f6f; float:left;}
.search_store_form .search_store_keyword_wrap input[type=submit]{border:0; background-color:#464649; color:#fff; padding:13px 30px; font-weight:300;}
.search_store_form .search_store_keyword_wrap .register{position:absolute; top:0; right:0; color:#fff; background-color:#cc2534; padding:14px 5%;}
.area_list_group{clear: both;}
.area_list_group .list_box{min-height: inherit;}
.area_list_group .list_box dl dd{height: auto;}
.area_list_group .list_box dl dd.area_thumb{margin-bottom: 10px;}
.area_list_group .list_box dl dd a img{width: 100%;}
/*임시*/
.area_result{display: none;}
/*댓글*/
#comment_form { position:relative; margin-top:30px;}
.area_tit{font-size:32px; line-height:35px; font-weight:400; text-align:center; color:#010101;}
/*행사일정*/
.monthly_bar { position:relative;}
/*===================↑↑↑↑관광 모듈스타일은 요기 위에다가 작성↑↑↑↑===============
===============================board_common에서 가져온 아이콘===========================
========================================================================================*/
/*span.icon_perform {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px 0px;
display: inline-block;
text-indent: -99999px;
height: 16px;
margin-right:5px;
vertical-align: middle;
width:17px;
}
span.icon_exhibition {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -16px;
display: inline-block;
text-indent: -99999px;
height: 16px;
margin-right:5px;
vertical-align: middle;
width:17px;
}
span.icon_etc {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -32px;
display: inline-block;
text-indent: -99999px;
height: 16px;
margin-right:5px;
vertical-align: middle;
width:17px;
}*/
span.icon_charge {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -545px 0px;
display: inline-block; /* 원표시 */
text-indent: -99999px;
height: 20px;
margin-left:5px;
vertical-align: middle;
width:20px;
}
span.icon_nocharge {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -545px -20px;
display: none;
text-indent: -99999px;
height: 20px;
margin-left:5px;
vertical-align: middle;
width:20px;
}
span.icon_key1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -129px -31px;
display: inline-block;
text-indent: -99999px;
height: 16px;
margin-right:7px;
padding-top:3px;
vertical-align: middle;
width:12px; /* 열쇠1 */
}
span.icon_tourism {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -618px 0;
display: inline-block;
text-indent: -99999px;
height: 30px;
margin-right:7px;
vertical-align: middle;
width:30px; /* 관광지 */
}
span.icon_restaurant {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -650px 0;
display: inline-block;
text-indent: -99999px;
height: 30px;
margin-right:7px;
vertical-align: middle;
width:30px; /* 관광지 */
}
span.icon_stay {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -682px 0;
display: inline-block;
text-indent: -99999px;
height: 30px;
margin-right:7px;
vertical-align: middle;
width:30px; /* 관광지 */
}
span.icon_prosess1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -205px;
display: inline-block;
text-indent: -99999px;
height: 98px;
margin:0;
vertical-align: middle;
width:380px; /* 신청-접수-배정*/
}
span.icon_call1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -63px;
display: inline-block;
text-indent: -99999px;
height: 22px;
margin-right:5px;
vertical-align: middle;
width:22px; /* 전화번호*/
}
span.icon_address1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -91px;
display: inline-block;
text-indent: -99999px;
height: 22px;
margin-right:5px;
vertical-align: middle;
width:22px; /* 주소*/
}
span.icon_room {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -115px;
display: inline-block;
text-indent: -99999px;
height: 22px;
margin-right:5px;
vertical-align: middle;
width:22px; /* 객실*/
}
span.icon_menu {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -164px;
display: inline-block;
text-indent: -99999px;
height: 22px;
margin-right:5px;
margin-top: 4px;
vertical-align: top;
width:22px; /* 음식점메뉴*/
}
span.icon_coupon_on {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -719px -0;
display: inline-block;
text-indent: -99999px;
height: 34px;
margin:0;
vertical-align: middle;
width:43px; /* 쿠폰 있을때*/
}
span.icon_up1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -366px -113px;
display: inline-block;
text-indent: -99999px;
height: 32px;
margin-right:3px;
vertical-align: middle;
width:36px; /* 화살표-위로*/
}
span.icon_down1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -407px -113px;
display: inline-block;
text-indent: -99999px;
height: 32px;
margin-right:3px;
vertical-align: middle;
width:36px; /* 화살표-아래로*/
}
span.icon_del1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -448px -113px;
display: inline-block;
text-indent: -99999px;
height: 32px;
margin:0;
vertical-align: middle;
width:36px; /* 화살표-아래로*/
}
span.icon_addr {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -85px;
display: inline-block;
text-indent: -99999px;
height: 28px;
margin-right:5px;
vertical-align: middle;
width:22px; /* 주소*/
}
span.icon_address2 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -122px -53px;
display: inline-block;
text-indent: -99999px;
height: 34px;
margin-right:10px;
vertical-align: middle;
width:34px; /* 관광명소-주소*/
}
span.icon_address3 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0px -726px;
display: inline-block;
text-indent: -99999px;
height: 26px;
margin-right:10px;
vertical-align: middle;
width:29px; /* 여행코스-주소*/
}
span.icon_call2 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -122px -92px;
display: inline-block;
text-indent: -99999px;
height: 34px;
margin-right:10px;
vertical-align: middle;
width:34px; /* 관광명소-전화*/
}
span.icon_call3 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -30px -726px;
display: inline-block;
text-indent: -99999px;
height: 26px;
margin-right:10px;
vertical-align: middle;
width:29px; /* 관광명소-전화*/
}
span.icon_like4 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -123px -133px;
display: inline-block;
text-indent: -99999px;
height: 34px;
margin-right:10px;
vertical-align: middle;
width:34px; /* 관광명소-추천*/
}
span.icon_coupon1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -179px -54px;
display: inline-block;
text-indent: -99999px;
height: 21px;
margin-right:10px;
vertical-align: middle;
width:36px; /* 쿠폰있음*/
}
span.icon_star1 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -177px -79px;
display: inline-block;
text-indent: -99999px;
height: 21px;
margin-right:10px;
vertical-align: middle;
width:30px; /* 관심담기*/
}
span.icon_att_s {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -647px;
color:#fff;
float:left;
font-size:12px;
height: 22px;
margin-right:7px;
text-align:center;
width:25px;
}
span.icon_stay_s {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -670px;
color:#fff;
float:left;
font-size:12px;
height: 22px;
margin-right:7px;
text-align:center;
width:25px;
}
span.icon_food_s {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -693px;
color:#fff;
float:left;
font-size:12px;
height: 22px;
margin-right:7px;
text-align:center;
width:25px;
}
span.icon_food_good {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -345px -686px;
display: inline-block;
font-weight:400;
height: 30px;
margin:-3px 3px 0 10px;
text-align:center;
width:28px;
text-indent: -99999px;
vertical-align:middle; /* 모범음식점*/
}
span.icon_food_best {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -378px -687px;
display: inline-block;
font-weight:400;
height: 28px;
margin:0 3px 0 0;
text-align:center;
width:28px;
text-indent: -99999px;
vertical-align:middle; /* 맛집*/
}
span.icon_namdo_good {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -284px -732px;
display: inline-block;
font-weight:400;
height: 28px;
margin:0 3px 0 0;
text-align:center;
width:28px;
text-indent: -99999px;
vertical-align:middle;/* 남도명가*/
}
span.icon_att_b {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -644px -121px;
color:#fff;
display: inline-block;
font-size:15px;
font-weight:400;
height: 41px;
margin:0;
padding-top:3px;
text-align:center;
width:34px; /* 관광지-큰사이즈*/
}
span.icon_stay_b {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -199px -546px;
color:#fff;
display: inline-block;
font-size:15px;
font-weight:400;
height: 41px;
margin:0;
padding-top:3px;
text-align:center;
width:34px; /* 관광지-큰사이즈*/
}
span.icon_food_b {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -239px -546px;
color:#fff;
display: inline-block;
font-size:15px;
font-weight:400;
height: 41px;
margin:0;
padding-top:3px;
text-align:center;
width:34px; /* 음식점-큰사이즈*/
}
span.icon_att_b_slected {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -608px -121px;
display: inline-block;
text-indent: -99999px;
height: 41px;
margin:0;
padding-top:3px;
text-align:center;
width:34px; /* 선택된 관광지*/
}
span.icon_stay_b_slected {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -199px -596px;
display: inline-block;
text-indent: -99999px;
height: 38px;
margin:0;
padding-top:3px;
text-align:center;
width:32px;
/* 선택된 숙박*/
}
span.icon_food_b_slected {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -239px -596px;
display: inline-block;
text-indent: -99999px;
height: 38px;
margin:0;
padding-top:3px;
text-align:center;
width:32px;
/* 선택된 음식점*/
}
span.icon_parking_off {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -31px -166px;
display: inline-block;
text-indent: -99999px;
height: 29px;
margin-right:5px;
text-align:center;
width:29px;
vertical-align: middle;/* 주차시설*/
}
span.icon_parking_on {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -166px;
display: inline-block;
text-indent: -99999px;
height: 29px;
margin-right:5px;
text-align:center;
width:29px;
vertical-align: middle;/* 주차시설*/
}
span.icon_parking2 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -60px -726px;
display: inline-block;
text-indent: -99999px;
height: 26px;
margin-right:10px;
text-align:center;
width:29px;
vertical-align: middle;/* 주차시설*/
}
span.icon_price {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -345px -645px;
display: inline-block;
text-indent: -99999px;
height: 39px;
margin-right:5px;
text-align:center;
width:39px;
vertical-align: middle;/* 가격*/
}
span.icon_price2 {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -90px -726px;
display: inline-block;
text-indent: -99999px;
height: 26px;
margin-right:10px;
text-align:center;
width:29px;
vertical-align: middle;/* 가격*/
}
span.icon_bico {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -274px -498px;
display: inline-block;
height: 36px;
margin:0;
text-align:center;
width:30px; /* 위치*/
}
span.icon_move {
background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -345px -725px;
display: inline-block;
height: 29px;
margin:0;
text-align:center;
width:50px; /* 위치*/
}
/*======================================================================================
========================================================================================*/
/*개인정보동의서 - 181217 전지은*/
.agree_wrapper { border:1px solid #d2d2d2; padding:6% 4%;}
.agree_wrapper p.basic { text-align:left;}
.agree_wrapper h4 { margin-top:45px;}
.agree_wrapper .agree_ment_m { background-color:#eaebed; padding:10px 0;}
/*관광불편신고버튼*/
.sexually_btn { text-align:left;}
/*상단문구(관광용)*/
.content_top_alert, .content_top_alert2{max-width: 1310px; /*margin: 40px auto 30px;*/}
@media screen and (max-width:1310px){
.content_top_alert, .content_top_alert2{margin: 40px 1.5% 30px;}
}
/*관광갤러리*/
/*board_common_old.css와 스타일 중복나서 깨짐, 필요시 주석 풀기전에 문의 후 작업*/
/*.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item img{width: 100%;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item .noimage{text-align: center; background-color: #fff;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item .noimage img{width: auto;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb1 .item, .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb2 .item, .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb3 .item, .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item:first-child{height: 210px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb4 .item, .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item, .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item{height: 105px;}*/
/*관광/음식/숙박 뷰페이지 갤러리*/
.es-carousel-wrapper{
background: #101010;
padding:10px 27px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
margin-bottom:20px;
}
.es-carousel{
overflow:hidden;
background:#000;
}
.es-carousel ul{
display:none;
}
.es-carousel ul li{
height:100%;
float:left;
display:block;
}
.es-carousel ul li a{
display:block;
border-style:solid;
border-color:#222;
opacity:0.8;
-webkit-touch-callout:none;
/* option */
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
border-color:#fff;
opacity:1.0;
}
.es-carousel ul li a img{
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.es-nav span{
position:absolute;
top:50%;
left:8px;
background:transparent url(../images/nav_thumbs.png) no-repeat top left;
width:14px;
height:26px;
margin-top:-13px;
text-indent:-9000px;
cursor:pointer;
opacity:0.8;
}
.es-nav span.es-nav-next{
right:8px;
left:auto;
background-position:top right;
}
.es-nav span:hover{
opacity:1.0;
}
.rg-image-wrapper{
position:relative;
padding:20px 30px;
background:transparent url(../images/black.png) repeat top left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
min-height:20px;
}
.rg-image{
position:relative;
text-align:center;
line-height:0px;
}
.rg-image img{
max-height:100%;
max-width:100%;
}
.rg-image-nav a{
position:absolute;
top:0px;
left:0px;
background:#000 url(../images/nav.png) no-repeat -20% 50%;
width:28px;
height:100%;
text-indent:-9000px;
cursor:pointer;
opacity:0.3;
outline:none;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
right:0px;
left:auto;
background-position:115% 50%;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
opacity:0.8;
}
.rg-caption {
text-align:center;
margin-top:15px;
position:relative;
}
.rg-caption p{
font-size:11px;
letter-spacing:2px;
font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
line-height:16px;
padding:0 15px;
text-transform:uppercase;
}
.rg-view{
height:30px;
}
.rg-view a{
display:block;
float:right;
width:16px;
height:16px;
margin-right:3px;
background:#464646 url(../images/views.png) no-repeat top left;
border:3px solid #464646;
opacity:0.8;
}
.rg-view a:hover{
opacity:1.0;
}
.rg-view a.rg-view-full{
background-position:0px 0px;
}
.rg-view a.rg-view-selected{
background-color:#6f6f6f;
border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
background-position:0px -16px;
}
.rg-loading{
width:46px;
height:46px;
position:absolute;
top:50%;
left:50%;
background:#000 url(../images/ajax-loader.gif) no-repeat center center;
margin:-23px 0px 0px -23px;
z-index:100;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
opacity:0.7;
}
/*========================================================================================*/
/* 관광모듈 VIEW 페이지 이미지 슬라이드 20190122 서희진 ******************************/
#photo_slider_thumnail {position:relative; z-index:1; width:100%; height:100%; background-color: #424242;}
#photo_slider_thumnail #toolbar{position:absolute; z-index:3; right:10px; top:10px; padding:5px; background:url(/images/board/tour/test/fs_img_g_bg.png); display: none;}
#photo_slider_thumnail #toolbar img{border:none;}
#photo_slider_thumnail #img_title{display: none; position:absolute; z-index:3; left:10px; top:10px; padding:10px; background:url(/images/board/tour/test/fs_img_g_bg.png); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:24px; text-transform:uppercase;}
#photo_slider_thumnail #bg{position:absolute; z-index:1; overflow:hidden; width:100%; height:100%; background-size: cover !important; display: flex;}
#photo_slider_thumnail #bg #noise{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000 url("/images/board/tour/noise6.png"); opacity: 0.8; display: none;}
/*#photo_slider_thumnail #bg #noise.origin{display: block;}*/
#photo_slider_thumnail #bg #canvasHolder{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
#photo_slider_thumnail #bg #canvasHolder.origin{display: block;}
#photo_slider_thumnail #bg #canvasHolder #canvas{width: 100% !important; height: 100% !important;}
#photo_slider_thumnail #bgimg{-ms-interpolation-mode: bicubic; width: 100%; margin: 0 auto !important;}
#photo_slider_thumnail #bgimg.origin{margin-left: auto !important; margin-right: auto !important; display: block !important; width: auto; height: 100%; position: relative; z-index: 2;}
#photo_slider_thumnail #thumbnails_wrapper{z-index:2; position:absolute; bottom:-100px; width:100%; background:url(/images/board/tour/test/empty.gif); /* stupid ie needs a background value to understand hover area */}
#photo_slider_thumnail #outer_container{position:relative; padding:0; width:100%; margin:0px auto;}
#photo_slider_thumnail #outer_container .thumbScroller{position:relative; overflow:hidden; /*background:url(/images/board/tour/test/fs_img_g_bg.png);*/ background-color: #353535;}
#photo_slider_thumnail #outer_container .thumbScroller, #photo_slider_thumnail #outer_container .thumbScroller .container, #photo_slider_thumnail #outer_container .thumbScroller .content{height:100px;}
#photo_slider_thumnail #outer_container .thumbScroller .container{position:relative; left:0;}
#photo_slider_thumnail #outer_container .thumbScroller .content{float:left;}
#photo_slider_thumnail #outer_container .thumbScroller .content div{margin:5px; height:100%;}
#photo_slider_thumnail #outer_container .thumbScroller img{border:5px solid #fff;height:70px;}
#photo_slider_thumnail #outer_container .thumbScroller .content div a{display:block; padding:5px;}
#photo_slider_thumnail #outer_container .thumbScroller .content div.on a img{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;border: 5px solid #e1574c;}
#photo_slider_thumnail .nextImageBtn, #photo_slider_thumnail .prevImageBtn{display:block; position:absolute; width:100px; height:100px; top:50%; /*margin:-50px 0 0;*/ z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
#photo_slider_thumnail .nextImageBtn:hover, #photo_slider_thumnail .prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#photo_slider_thumnail .nextImageBtn{right:0; background:#000 url(/images/board/tour/test/nextImgBtn.png) center center no-repeat;}
#photo_slider_thumnail .prevImageBtn{background:#000 url(/images/board/tour/test/prevImgBtn.png) center center no-repeat;}
#photo_slider_thumnail #preloader{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 3;}
#photo_slider_thumnail #preloader .sk-circle {position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px;}
#photo_slider_thumnail #preloader .sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#photo_slider_thumnail #preloader .sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
#photo_slider_thumnail #preloader .sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
#photo_slider_thumnail #preloader .sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
#photo_slider_thumnail #preloader .sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*웹툰 갤러리*/
.paging_btn {margin-top:50px;}
.paging_btn .paging_box {width: 100%; display: inline-block; position: relative; height: 40px;}
.paging_btn .paging_box li{width:33%; display: inline-block; overflow: hidden; line-height: 40px;}
.paging_btn .paging_box li.prev_box {margin-left: 0; float: left; text-align: left;}
.paging_btn .paging_box li.bar_box {margin:0 auto; text-align: center;}
.paging_btn .paging_box li.next_box {margin-right:0; float: right; text-align: right;}
.paging_btn .paging_box li.prev_box span.ico {display: inline-block; width:7px; height:12px; background: url("/images/board/module_sp.png") no-repeat -100px -66px; margin-right:10px;}
.paging_btn .paging_box li.next_box span.ico {display: inline-block; width:7px; height:12px; background: url("/images/board/module_sp.png") no-repeat -117px -66px; margin-left:10px;}
.paging_btn .paging_box li.bar_box a {padding:7px 40px; border: #333 solid 1px; border-radius: 3px; color:#333;}
/*퀴즈추첨*/
.srch_box { border:1px solid #d2d2d2; border-radius:4px; padding:12px; position:relative; min-width:700px; text-align: center;} /*상단검색*/
.srch_box:hover{ border:1px solid #000; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.srch_box fieldset, .srch_box form{ display:inline-block;}
.srch_box_tit{ /*color:#089efa; margin-right:20px; font-size:16px;*/ display: none;}
.srch_box{ margin-bottom:10px;}
.srch_box input[type=text]{ border:1px solid #d2d2d2; height:28px; line-height:28px; padding:0 2px;}
.srch_box span label{ padding-right:10px; font-size:14px;}
.srch_box input[type=submit]{ background:#666; height:30px; padding:0 10px; color:#FFF; vertical-align:middle; border:none !important; }
/*추첨기능*/
.btn_winner{ background:#f0506f; color:#fff; display:inline-block; width:100px; height:22px; border-radius:4px; padding-top:2px;}
.btn_winner_delete{ background:#868686; color:#fff; display:inline-block; width:100px; height:22px; border-radius:4px; padding-top:2px;}
.btn_winner:hover, .btn_winner_delete:hover { background:#666; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#FFF;border:1px solid #666}
.btn_winner_view{display:inline-block; width:100px; height:22px; border-radius:4px; padding-top:2px; background: #fff; color: #666; border: 1px solid #d2d2d2;}
.btn_winner_view:hover { background:#666; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#FFF;border:1px solid #666}
.btn_winner_close { position:absolute; right:-10px; top:-10px; width:35px; height:35px; background:url("/images/tour/contents/close_btn.png") no-repeat; text-indent:-99999px;}
.winner_wrap input[type=text]{ border:1px solid #d2d2d2; height:28px; line-height:28px; padding:0 2px; width: 100px;}
.winner_wrap input[type=submit]{ background:#f0506f; color:#fff; display:inline-block; width:100px; height:30px; border-radius:4px; padding-top:0px; cursor:pointer; margin-top: 15px;}
.winner_wrap input[type=submit]:hover { background:#666; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#FFF;border:1px solid #666}
.winner_wrap{ position:absolute; top:250px !important; left:45% !important; border:3px solid #f0506f !important; width:400px !important; font-size:16px; height:135px !important;}
.winner_wrap p.notice { padding:12px; position:relative; min-width:300px; background-color:#f0506f; color:#fff; font-size:20px; } /*상단검색*/
td.winner_cnt {font-weight: bold; }
#winner_form{ margin-top:10px;}
.comment_wrap h1{ text-align:center; font-size:28px; font-weight:600; margin:20px 0;}
.tit_comment{ float:left; display:inline-block; background-color:#f3f4f5; padding:10px 30px; margin-top:20px;}
.winner_del { float:right; display:inline-block;}
.winner_del a{display:inline-block; color:#fff; padding:10px 28px 8px 30px; border-radius:20px; margin:18px 0;}
.winner_del .btn_winner_delete_2{ background-color:#676767;}
.winner_del .btn_winner_view_2{ background-color:#c83232;}
.winner_del .back{ background-color:#676767;}
.sns_point { background-color:#fffc00; display:inline-block; color:#2a548e; font-weight:bold; padding:0 20px;}