@charset "utf-8";

h4, .h4 { margin-top:50px; padding-left:32px; font-size:24px; color:#333333; background:url('/tour/images/contents/h4.gif') no-repeat left 6px; font-weight:bold; }
.sblet { padding-top:3px; padding-left:24px; font-weight:bold; font-size:20px; color:#3b2b53; background:url('/tour/images/contents/sblet.gif') no-repeat left 8px;}
.ssblet {margin-top:5px; padding-left:17px; font-size:16px; background:url('/tour/images/contents/ssblet.gif') no-repeat left 5px; }
.sssblet {margin-top:5px; padding-left:11px; background:url('/tour/images/contents/sssblet.gif') no-repeat left 8px;}
.ssssblet {padding-left:18px; background:url('/tour/images/contents/ssssblet.gif') no-repeat left 11px;}
.para01 {margin:20px 0px 0px 9px}
.para02 {margin:15px 0px 0px 16px }
.para03 {margin:8px 0px 10px 0px }

/*테이블*/
.datatable { margin-top:10px; margin-bottom:20px; }
.datatable .data { width:100%; text-align:center; }
.datatable .data caption { display:block; position:fixed; top:-500000px; margin:0px; padding:0px; width:0px; height:0px; text-indent:-50000px; border:0px; }
.datatable .data thead th { padding:10px 0px; background:#cdc5d9; color:#3b2b53; border-left:1px solid #aea6ba; border-top:1px solid #aea6ba; }
.datatable .data thead th.line { border-right:1px solid #aea6ba; }
.datatable .data thead th:first-child { border-left:none; }
.datatable .data thead tr:first-child th { border-top:none; }
.datatable .data tbody td, .datatable .data tbody th { padding:8px 1%; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; }
.datatable .data tbody th { color:#494949; background:#f5f5f5; }
.datatable .data tbody td.line { border-right:1px solid #d8d8d8 !important; }
.datatable .data tr th:last-child,
.datatable .data tr td:last-child { border-right:0px; }

.datatable2 { margin-top:10px; margin-bottom:20px; border-top:2px solid #9b90ac; }
.datatable2 .data { width:100%; text-align:center; }
.datatable2 .data caption { display:block; position:fixed; top:-500000px; margin:0px; padding:0px; width:0px; height:0px; text-indent:-50000px; border:0px; }
.datatable2 .data thead th { padding:10px 0px; background:#cdc5d9; color:#3b2b53; border-left:1px solid #aea6ba; }
.datatable2 .data thead th:first-child { border-left:none; }
.datatable2 .data thead tr:first-child th { border-top:none; }
.datatable2 .data tbody td, .datatable2 .data tbody th { padding:8px 1%; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; }
.datatable2 .data tbody th { color:#494949; background:#f5f5f5; }
.datatable2 .data tr th:last-child,
.datatable2 .data tr td:last-child { border-right:0px; }
.datatable2 img { max-width:100%}

.resizing img { max-width:100%; }

a.map_pin img { vertical-align:bottom; }
a.map_pin { padding-top:5px; padding-bottom:5px; padding-left:31px; background:url('/tour/images/contents/map_pin.gif') no-repeat left 0; }

/*step*/
ol.step { margin-top:10px; width:100%; overflow:hidden; }
ol.step>li { position:relative; box-sizing:border-box; vertical-align:top; padding:14px 18px; border:1px solid #9b9b9b; text-align:center; float:left; display:inline-block; margin-left:3%; margin-bottom:2%; font-weight:bold; }
ol.step>li:before { width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:50%; right:-20px; margin-top:-3px; content:""; }
ol.step>li:after { width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:50%; right:-20px; margin-top:3px; content:""; }

ol.step.block>li { display:block; width:100%; margin-left:0; margin-bottom:6%; }
ol.step.block>li:before { width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:75px; right:50%; margin-top:3px; content:""; }
ol.step.block>li:after { width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:75px; right:50%; margin-top:3px; margin-right:-6px; content:""; }
ol.step.block>li.two:before { width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:95px; right:50%; margin-top:3px; content:""; }
ol.step.block>li.two:after { width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:95px; right:50%; margin-top:3px; margin-right:-6px; content:""; }

ol.step>li:first-child { margin-left:0; border:1px solid #7952ad; color:#7952ad; }
ol.step>li:last-child { border:1px solid #709ac7; color:#709ac7; }
ol.step>li:last-child:before { display:none; }
ol.step>li:last-child:after { display:none; }

.round { border-radius:30px; }

.tbox { padding:35px; margin-bottom:15px; background:#f9f9f9; border:1px solid #d2d2d2; box-sizing:border-box; color:#575757; font-size:15px; }
.tbox.sm { padding:16px; background:#f0f0f0; border:none; font-size:14px; letter-spacing:-1.5px; }
.tbox>p.tit { color:#333333; font-size:16px; font-weight:bold; }

.tbox2 { padding:0 10px 15px; margin-bottom:15px; background:#fff; border:1px solid #d2d2d2; border-top:2px solid #6941a0; box-sizing:border-box; color:#575757; font-size:15px; }
.tbox2>p.tit { color:#333333; font-size:16px; font-weight:bold; }
.tbox2>.h4 { margin-top:0; font-size:19px; }
.tbox2>.sblet { font-size:18px; }

span.bg_gr { padding:5px 10px; background:#f0f0f0; }

.c_bl { color:#1d61ac; }

.under { text-decoration:underline; }

ul.bg_gr { margin-top:5px; }
ul.bg_gr li { padding:5px 10px; background:#f0f0f0; margin-bottom:6px; }
ul.bg_gr li:last-child { margin-bottom:0; }

#detail_con { margin-top:50px; }

.a_btn { display:inline-block; padding:7px 20px; background:#6941a0 url('/tour/images/contents/down_edge.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:16px; font-weight:bold; }
.a_btn.sm { padding:2px 20px; font-size:14px; }
.a_btn2 { display:inline-block; padding:7px 20px; background:#1d61ac url('/tour/images/contents/down_edge3.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:16px; font-weight:bold; }
.a_btn2.sm { padding:2px 20px; background:#1d61ac url('/tour/images/contents/down_edge3.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:14px; font-weight:bold; }

.a_target { margin-left:10px; text-decoration:underline; }
.a_target span { padding-left:20px; background:url('/tour/images/contents/ico_target.gif') no-repeat left center; }

.a_pdf { display:inline-block; padding:3px 20px; background:#fff; border:1px solid #ea4c3a; color:#ea4c3a; font-size:16px; font-weight:bold; border-radius:30px; }
.a_pdf span { padding-left:22px; background:url('/tour/images/contents/pdf_ico.gif') no-repeat left center; }
.a_pdf.sm { padding:2px 20px; font-size:14px; }

.sub_txt { margin-left:15px; font-size:15px; color:#484848; font-weight:normal; }

.btn_down { display:inline-block; padding:7px 20px; background:#6941a0 url('/tour/images/contents/down_edge.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:16px; font-weight:bold; }
.btn_down span { padding-right:20px; background:url('/tour/images/contents/ico_down.gif') no-repeat right center; }
.btn_down.sm { margin-left:10px; padding:2px 20px; background:#6941a0 url('/tour/images/contents/down_edge.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:14px; font-weight:bold; }
.btn_down.sm span { padding-right:20px; background:url('/tour/images/contents/ico_down.gif') no-repeat right center; }

.btn_down2 { display:block; padding:7px 20px; background:#f0f0f0 url('/tour/images/contents/down_edge2.gif') no-repeat right bottom; border:1px solid #cccccc; color:#484848; font-size:16px; font-weight:bold; text-align:center; }
.btn_down2 span { padding:0 20px; background:url('/tour/images/contents/ico_down2.gif') no-repeat right center; }

.linkBox { overflow:hidden; width:97%; background:#f7f4f4; border:1px solid #ddd; padding:3% 1%; }
.linkBox li { float:left; width:33%; padding:4px 0; }
.linkBox li a { display:block; padding:10px 30px; background:url('/tour/images/contents/link_blet.gif') no-repeat 20px 20px; transition:all .3s; word-wrap:break-word;}
.linkBox li a:hover { color:#fff; font-weight:600; background:#6941a0 url('/tour/images/contents/link_blet.gif') no-repeat 20px 20px; }

/*연수구립관악단*/
.symphonic_top { padding:5px; background:#d5d5d5; border:1px solid #c8c8c8; }
.symphonic_top .inner { overflow:hidden; height:275px; background:#fff url('/tour/images/contents/symphonic_book_bg.gif') no-repeat right top; border:1px solid #c8c8c8; }
.symphonic_top .photo { width:50%; float:left; }
.symphonic_top .txt { width:50%; float:left; }
.symphonic_top .txt>ul { padding:6%; }

.conductor { overflow:hidden; background:url('/tour/images/contents/conductor_bg.gif') no-repeat left top;}
.conductor .photo { float:left; width:20%; }
.conductor .txt { float:left; width:72%; margin-left:8%;}

.symphonic_his { overflow:hidden; }
.symphonic_his div { overflow:hidden; padding:30px 0; border-top:1px dashed #cccccc; }
.symphonic_his div:first-child { padding-top:0; border-top:none; }
.symphonic_his div p { float:left; width:12%; display:inline-block; padding:4px 0; background:#728ead; border-radius:30px; font-size:18px; font-weight:bold; color:#fff; text-align:center; }
.symphonic_his div ul { float:left; width:84%; margin-left:3%; }
.symphonic_his div ul li strong { margin-right:17px; color:#1d61ac; font-weight:bold; }

.symphonic { margin-top:20px; }
.symphonic .box_wrap { overflow:hidden; }
.symphonic .box_wrap>div { float:left; width:48%; margin-left:2%; padding-bottom:3%; min-height:275px; border:1px solid #ddd; }
.symphonic .box_wrap.long>div { min-height:360px; }
.symphonic .box_wrap.short>div { min-height:245px; }
.symphonic .box_wrap>div:first-child { margin-left:0; }
.symphonic .box_wrap>div .tit { margin:6px 7px; padding:15px; background:#e9e9e9; font-size:17px; font-weight:bold; color:#333333; text-align:center; }
.symphonic .box_wrap>div .txt { margin:35px 25px 0 25px; }

p.art_profile { text-align:center; margin-top:10px; }
p.art_profile img { max-width:100%; }


/*문화의 집*/
.culture_top { padding-bottom:132px; background:url('/tour/images/contents/culture_bg.gif') no-repeat bottom left; }
.culture_top .culture_wrap { padding:5px; background:#728ead; border:1px solid #3e6ea4; }
.culture_top .culture_wrap .inner { overflow:hidden; height:415px; background:#fff; border:1px solid #3e6ea4; }
.culture_top .culture_wrap .inner .photo { float:left; width:50%; }
.culture_top .culture_wrap .inner .txt { float:left; width:50%; }

.slide_img { overflow:hidden; margin-top:15px; }
.slide_img .thum .con { float:left; width:592px; }
.slide_img .thum .con img { width:100%; }
.slide_img .thum .list { float:left; width:308px; border:1px solid #cccccc; border-left:none; box-sizing:border-box; }
.slide_img .thum .list ul { padding:18px; overflow:hidden; }
.slide_img .thum .list ul li { float:left; width:80px; height:55px; border:3px solid #d7d7d7; margin-left:1px; margin-top:1px; }
.slide_img .thum .list ul li:nth-child(1), .slide_img .thum .list ul li:nth-child(2), .slide_img .thum .list ul li:nth-child(3) { margin-top:0px; }
.slide_img .thum .list ul li:nth-child(3n) { margin-left:0; }
.slide_img .thum .list ul li img { width:100%; height:100%; }
.slide_img .thum .list ul li:hover, .slide_img .thum .list ul li.select { border:3px solid #6941a0; }
.slide_img .thum .list .btn_wrap { padding:18px; }
.slide_img .thum .list .btn_wrap a { margin-bottom:3px; }
.slide_img .thum .list .btn_wrap .a_btn { display:block; }

.flat { margin-top:20px; padding:5px; background:#728ead; border:1px solid #3e6ea4; }
.flat .inner { padding:15.2px; background:#e5e5e5; border:1px solid #dddddd; }
.flat .inner .in { overflow:hidden; background:#fff; border:1px solid #dddddd; max-height:442px; }
.flat .inner .in img { max-width:100%; }

/*찾아오시는 길*/
.location { margin-top:20px; }
.location .inner { padding:10px; background:#fff; border:1px solid #cccccc; }
.location .in { background:#fff; border:1px solid #dddddd; }
.location .location_tit { margin-top:3px; padding:8px 0; background:#e9e9e9; text-align:center; }
.location .box { display:block; overflow:hidden; margin-top:20px; border:1px solid #d6d6d6; min-height:110px; margin-bottom:10px; }
/* .location .box img { max-width:100%; margin-top:20px; border:1px solid #d6d6d6; margin-bottom:10px; } */
.location .box .ico { float:left; width:20%; text-align:center; }
.location .box .ico>.subway { margin-top:28px; }
.location .box .ico>.bus { margin-top:50px; }
.location .box .txt { float:left; width:75%; padding:3.5% 2%; border-left:1px dashed #d6d6d6; }
.location .box .txt p { font-size:18px; font-weight:bold; color:#333333; }

/*코스 진행도*/
.course_map_box { overflow:hidden; margin-top:20px; padding-top:40px; border:1px solid #cccccc; border-top:3px solid #6941a0; }
.course_map_box .course_map { margin:0 20px 40px; }
/*.course_map_box .course_map:before { width:3.6%; }
.course_map_box .course_map:after { width:3.6%; }*/

.course_map_box .course_map_api { border-top:1px solid #ccc; max-height:531px; text-align:center; }
.course_map_box .course_map_api2 { border-top:1px solid #ccc; max-height:430px; }

.course_info { overflow:hidden; }
.course_info .right { float:right; margin-top:10px; }
.course_info .right div { padding:10px 15px; float:left; border:1px solid #333333; margin-left:6px; font-size:14px; font-weight:bold; color:#333333; text-align:left; }
.course_info .right div p { float:left; }
.course_info .right div p img { margin-right:12px; padding:0 8px; border-right:2px dotted #707070; vertical-align:middle; }

.course_map { position:relative; margin-top:30px; overflow:hidden; background:url('/tour/images/contents/course_map_line.gif') repeat-x center 15px; }
/*.course_map:before { display:block; content:''; background:#fff; position:absolute; left:0px; width:3.3%; height:32px; }
.course_map:after { display:block; content:''; background:#fff; position:absolute; right:0px; width:3.3%; height:32px; }*/
.course_map>ul.col5>li { width:20%; }
.course_map>ul.col6>li { width:16%; }
.course_map>ul.col7>li { width:14.28%; }
.course_map>ul.col9>li { width:11.11%; }
.course_map>ul.col10>li { width:10%; }
.course_map>ul.col11>li { width:9.09%; }
.course_map>ul>li { float:left; text-align:center; font-size:14px; font-weight:bold; color:#484848; line-height:18px; }
.course_map>ul>li>p { padding:2px; width:28px; height:28px; background:#484848; border-radius:40px; margin:0 auto 10px; }
.course_map>ul>li>p>span { display:block; border:2px solid #fff; border-radius:40px; text-align:center; font-size:13px; font-weight:bold; color:#fff; }
.course_map>ul>li>p.point { background:#1d61ac; }

/*둘레길 상세정보*/
.course_box { margin-top:20px; }
.course_box>div { position:relative; overflow:hidden; margin-bottom:15px; padding:15px 15px 8px 15px; border:1px solid #ddd; }
.course_box>div .photo { float:left; width:21%; margin-right:3%; }
.course_box>div .photo img {width:100%; }
.course_box>div .txt { float:left; width:72%; }
.course_box>div .txt p { font-size:17px; font-weight:bold; color:#333333; margin:8px 0; }

.course_num>p { position:absolute; right:10px; bottom:0px; padding:2px; width:28px; height:28px; background:#484848; border-radius:40px; margin:0 auto 10px; }
.course_num>p>span { display:block; border:2px solid #fff; border-radius:40px; text-align:center; font-size:13px; font-weight:bold; color:#fff; }
.course_num>p.point { background:#1d61ac; }

.course_num.rel { display:inline-block; }
.course_num.rel>p { display:inline-block; position:relative; right:0; bottom:0; padding:2px; width:28px; height:28px; background:#484848; border-radius:40px; margin:0 auto; }
.course_num.rel>p>span { display:block; border:2px solid #fff; border-radius:40px; text-align:center; font-size:13px; font-weight:bold; color:#fff; }
.course_num.rel>p.point { background:#1d61ac; }

/*연수둘레길 안내*/
.perimeter_info { padding:5px; background:#728ead; border:1px solid #3e6ea4; }
.perimeter_info .inner { overflow:hidden; padding:15px; background:#fff; border:1px solid #3e6ea4; }
.perimeter_info .inner .in { overflow:hidden; background:#fff; border:1px solid #dddddd; }
.perimeter_info .inner .in img { max-width:100%; }

/*프로그램 컨텐츠*/
.program_form { overflow:hidden; margin-top:20px; }
.program_form .pro_wrap { margin-top:20px; padding-bottom:25px; margin-bottom:30px; border-bottom:1px dashed #ddd; }
.program_form .photo { width:88%; margin:0 auto; }
.program_form .photo .inner { display:block; padding:9px; background:#fff; border:1px solid #cccccc; }
.program_form .photo .inner img { width:100%; }
.program_form .photo .tit { display:block; margin-top:2px; padding:10px 0; width:100%; background:#e5e5e5; text-align:center;}

.program_form2 .pro_wrap2 { overflow:hidden; margin-top:20px; }
.program_form2 .photo { float:left; width:32.6%; margin-left:1%; }
.program_form2 .photo:first-child { margin-left:0; }
.program_form2 .photo .inner { display:block; padding:9px; background:#fff; border:1px solid #cccccc; }
.program_form2 .photo .inner img { width:100%; }
.program_form2 .photo .tit { display:block; margin-top:2px; padding:10px 0; width:100%; background:#e5e5e5; text-align:center;}

.program_form3 .pro_wrap3 { overflow:hidden; margin-top:20px; padding-bottom:25px; margin-bottom:30px; border-bottom:1px dashed #ddd; }
.program_form3 .pro_wrap3:last-child { border-bottom:none; }
.program_form3 .photo { float:left; width:49%; margin-left:1%; }
.program_form3 .photo:first-child { margin-left:0; }
.program_form3 .photo:nth-child(2n+3) { margin-left:0; }
.program_form3 .photo .inner { display:block; padding:9px; background:#fff; border:1px solid #cccccc; }
.program_form3 .photo .inner img { width:100%; }
.program_form3 .photo .tit { display:block; margin-top:2px; padding:10px 0; width:100%; background:#e5e5e5; text-align:center;}

.program_form .text_con { margin-top:30px; margin-bottom:0px; }

/*보호수*/
.protect { margin-top:20px; overflow:hidden; }
.protect>ul { overflow:hidden; }
.protect>ul>li { float:left; margin:0 1% 18px; width:48%; background:#f5f5f5; border:1px solid #cccccc; box-sizing:border-box; box-shadow:0 2px 0 #e1dde6; }
.protect>ul>li .photo { float:left; width:41%; border-right:1px dotted #cccccc; background:#fff; }
.protect>ul>li .photo .in { padding:15px; }
.protect>ul>li .txt { float:left; width:58.7%; }
.protect>ul>li .txt .in { padding:15px 20px; }

/*맛자랑 경연대회*/
.taste_contest { overflow:hidden; }
.taste_contest div.left { float:left; }
.taste_contest div.right { float:right; width:/*416px*/45%; text-align:center; }
.taste_contest div.right .photo .inner { padding:9px; background:#fff; border:1px solid #cccccc; }
.taste_contest div.right .photo .inner { display:block; }
.taste_contest div.right .photo .inner img { max-width:100%; }
.taste_contest div.right .photo .tit { display:block; margin-top:2px; padding:10px 0; width:100%; background:#e9e9e9; text-align:center;}

/*음식문화시범거리*/
.demonstration_mark { background:url('/tour/images/contents/demonstration_mark.gif') no-repeat left center; padding:11px 0 11px 140px;}

/*연수자전거 추진배경 및 비전*/
.promotion_vision { margin-top:20px; }
.promotion_vision .box_wrap { overflow:hidden; margin-top:70px; border:1px solid #ddd; }
.promotion_vision .box_wrap>div { float:left; width:33.26%; min-height:378px; border-left:1px solid #ddd; }
.promotion_vision .box_wrap>div:first-child { border-left:none; }
.promotion_vision .box_wrap>div .tit { margin:6px 7px; padding:15px; background:#e9e9e9; font-size:17px; font-weight:bold; color:#333333; text-align:center; }
.promotion_vision .box_wrap>div .txt { margin:35px 25px; padding-top:120px; }
.promotion_vision .box_wrap>div.box01 .txt { background:url('/tour/images/contents/promotion_vision_ico01.gif') no-repeat center top; }
.promotion_vision .box_wrap>div.box02 .txt { background:url('/tour/images/contents/promotion_vision_ico02.gif') no-repeat center top; }
.promotion_vision .box_wrap>div.box03 .txt { background:url('/tour/images/contents/promotion_vision_ico03.gif') no-repeat center top; }

/*갤러리*/
.gallery { overflow:hidden; }
.gallery ul { overflow:hidden; }
.gallery ul.col2 li { width:49%; margin-right:1%; margin-bottom:1%; }
.gallery ul li { float:left; text-align:center; }
.gallery ul li img { max-width:100%; }

/*자전거이용문화정착*/
.culture_settlement { margin-top:20px; }
.culture_settlement .box_wrap { overflow:hidden; }
.culture_settlement .box_wrap>div { float:left; width:48%; margin-left:2%; margin-bottom:2%; min-height:378px; border:1px solid #ddd; }
.culture_settlement .box_wrap>div:nth-child(2n+1) { margin-left:0; }
.culture_settlement .box_wrap>div .tit { margin:6px 7px; padding:15px; background:#e9e9e9; font-size:17px; font-weight:bold; color:#333333; text-align:center; }
.culture_settlement .box_wrap>div .txt { margin:35px 25px; padding-top:120px; }
.culture_settlement .box_wrap>div.box01 .txt { background:url('/tour/images/contents/culture_settlement_ico01.gif') no-repeat center 10px; }
.culture_settlement .box_wrap>div.box02 .txt { background:url('/tour/images/contents/culture_settlement_ico02.gif') no-repeat center 25px; }
.culture_settlement .box_wrap>div.box03 .txt { background:url('/tour/images/contents/culture_settlement_ico03.gif') no-repeat center 25px; }

/*자전거등록*/
.registration { margin-top:20px; }
.registration .box_wrap { overflow:hidden; }
.registration .box_wrap>div { float:left; width:48%; margin-left:2%; padding-bottom:3%; min-height:378px; border:1px solid #ddd; }
.registration .box_wrap>div:first-child { margin-left:0; }
.registration .box_wrap>div .tit { margin:6px 7px; padding:15px; background:#e9e9e9; font-size:17px; font-weight:bold; color:#333333; text-align:center; }
.registration .box_wrap>div .txt { margin:35px 25px; padding-top:120px; }
.registration .box_wrap>div.box01 .txt { background:url('/tour/images/contents/registration_ico01.gif') no-repeat center top; }
.registration .box_wrap>div.box02 .txt { background:url('/tour/images/contents/registration_ico02.gif') no-repeat center top; }

/*자전거 조회하기*/
.views input[type=text] { padding:10px; border:1px solid #dddddd; font-weight:bold; color:#484848; }
.views input[type=button] { padding:10px 17px; background:#0f57a7; border:none; font-size:15px; font-weight:bold; color:#fff; vertical-align:bottom; }
.views td { position:relative; }
.views td a.op_pop { display:inline-block; padding:7px 20px; background:#1d61ac url('/tour/images/contents/down_edge3.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:16px; font-weight:bold; }
.views td a.op_pop.sm { padding:4px 20px; background:#1d61ac url('/tour/images/contents/down_edge3.gif') no-repeat right bottom; border:1px solid #3b2b53; border-bottom:3px solid #3b2b53; color:#fff; font-size:14px; font-weight:bold; }
.views .views_pop { display:none; position:absolute; left:4.5%; top:30%; z-index:1; padding:4px; width: 90%; min-width: 320px; background: #fff; border: 1px solid #ccc; box-shadow: 1px 0px 6px rgba(0,0,0,.4); }
.views .views_pop .txt01 { display:block; }
.views .views_pop dl { padding:5%; border:1px solid #ccc; }
.views .views_pop dl dt { margin-bottom:10px; font-size:20px; }
.views .views_pop p.close { position:absolute; top:20px; right:20px; }
.views .views_pop p.close a { display:block; width:30px; height:30px; text-indent:-5000px; }
.views .views_pop p.close a:after,
.views .views_pop p.close a:before { display:block; content:''; position:absolute; top:5px; right:15px; width:1px; height:20px; background:#333; }
.views .views_pop p.close a:after { transform:rotate(45deg); }
.views .views_pop p.close a:before { transform:rotate(-45deg); }
/*.views .views_btn { margin-top:20px; }
.views .views_btn input[type=submit]{ padding:10px 27px; background:#0f57a7; border:none; font-size:15px; font-weight:bold; color:#fff; vertical-align:middle; }
.views .views_btn a.cancel { padding:10px 27px; background:#333; border:none; font-size:15px; font-weight:bold; color:#fff; }*/
.views .views_img { margin-top:20px; border:1px solid #ddd; }

/*연수자전거지도*/
.bike_map { position:relative; margin-top:20px; }
.bike_map .road_view { position:absolute; right:15px; bottom:20px; width:350px; height:250px; background:#fff; border:2px solid #6941a0; }

.bicycle_business { display:block; text-align:center; margin-top:20px; }
.bicycle_business li { display:inline-block; width:45%; margin:0 15px; }
.bicycle_business li img { width:90%; height:auto; margin-bottom:20px; }

/*위생등급제 E-BOOK*/
.ebook { overflow:hidden; margin-top:20px; }
.ebook ul li { float:left; width:33.2%; padding:20px 0; text-align:center; border-right:1px dotted #ddd; }
.ebook ul li:nth-child(3n+3) { border-right:none; }
.ebook ul li .thum { position:relative; width:251px; height:296px; margin:0 auto; border:1px solid #7f848b; background:url('/tour/images/contents/ebook_thum_bg.gif') no-repeat left top; }
.ebook ul li .thum div { width:251px; margin-left:0px; }
.ebook ul li .thum .edge { position:absolute; top:0; right:0; text-align:right; }
.ebook ul li p { margin-top:20px; margin-bottom:20px; font-size:20px; color:#000000; }

/*해넘이행사*/
.year_info { overflow:hidden;}
.year_info .subject { padding:28px 0; text-align:center; }
.year_info .subject .small { font-size:18px; }
.year_info .subject .big { font-size:40px; font-weight:bold; letter-spacing:-0.5px; }

/*능허대문화축제*/
.story>div { position:relative; overflow:hidden; margin-bottom:15px; background:#f9f9f9; border:1px solid #d2d2d2; box-sizing:border-box; }
.story .img { position:absolute; left:5%; top:20px; }
.story .con { overflow:hidden; float:right; width:60%; padding-left:5%; padding-right:5%; background:url('/tour/images/contents/story_Rbg.gif') no-repeat left top; background-size:auto 100%; }
.story .songhwa .img { left:auto; right:5%; }
.story .songhwa .con { float:left; width:55%; padding-right:10%; background:url('/tour/images/contents/story_Lbg.gif') no-repeat right top; background-size:auto 100%; }
.story .con p { margin-top:20px; margin-left:120px; }
.story .songhwa .con p { margin-left:0; margin-right:100px; }
.story .con .tit { margin-top:0; font-size:40px; font-weight:400; font-family:'Nanum Myeongjo',serif; line-height:50px; }
.story .con .tit span { font-weight:800; font-family:'Nanum Myeongjo',serif; }
.story .yeonsu .con .tit { margin-top:35px; color:#6941a0; }
.story .yeonsu .con p:last-child { margin-bottom:35px; }
.story .songhwa .con .tit { margin-top:51px; color:#1d61ac; }
.story .songhwa .con p:last-child { margin-bottom:51px }
.story .songdo .con .tit { margin-top:82px; color:#222; }
.story .songdo .con p { margin-top:80px; }
.story .songdo .con p:last-child { margin-bottom:82px }

.story2 { padding:50px; background:#f9f9f9; border:1px solid #d2d2d2; box-sizing:border-box; }
.story2 .box1 { padding-bottom:50px; margin-bottom:50px; border-bottom:1px dashed #d2d2d2; }
.story2 .tit { margin:30px 10%; padding-top:30px; padding-bottom:30px; font-size:40px; border-top:1px solid #000; border-bottom:1px solid #000; color:#000; text-align:center; letter-spacing:-1px; font-weight:400; font-family:'Nanum Myeongjo',serif; line-height:50px; }
.story2 .tit span { font-weight:800; font-family:'Nanum Myeongjo',serif; }
.story2 .img { float:left; width:40%; margin-top:20px; margin-right:3%; }
.story2 .img img { padding:5px; background-color:#FFF; border:1px solid #d2d2d2; } 
.story2 .con { padding-top:20px; }
.story2 .con p { margin-top:30px; }
.story2 .con p:first-child { margin-top:0; }
.story2 .yeonsu_ic { position:relative; padding-top:20px; }
.story2 .yeonsu_ic span { margin-left:37px; }
.story2 .yeonsu_ic img { position:absolute; top:-20px; height:80px; }

.program_table tbody td { height:35px;}
.program_table .bg { background-color:#F5F5F5; }
.program02 .para02 { display:table; width:100%; }
.program02 .para02>li { display:table-cell; width:50%; }

.location .neungheodae { text-align:center; }
.location .neungheodae p span { margin:5px; padding:10px; font-weight:bold; color:#fff; }
.location .neungheodae p span.red { background-color:#d03029; }
.location .neungheodae p span.blue { background-color:#073387; }
.location .neungheodae ul { margin-top:20px; margin-bottom:20px; }
.location .neungheodae .point { color:#d03029; }

@media screen and (max-width:1217px) {
	.slide_img { overflow:hidden; margin-top:15px; }
	.slide_img .thum .con { width:100%; }
	.slide_img .thum .list { width:99.5%; border:1px solid #cccccc; }
	.slide_img .thum .list ul { padding:18px; overflow:hidden; }
	.slide_img .thum .list ul li { float:left; width:80px; height:55px; border:3px solid #d7d7d7; margin-left:1px; margin-top:1px; }
	.slide_img .thum .list ul li:nth-child(1), .slide_img .thum .list ul li:nth-child(2), .slide_img .thum .list ul li:nth-child(3) { margin-top:0px; }
	.slide_img .thum .list ul li:nth-child(3n) { margin-left:0; }
	.slide_img .thum .list ul li img { width:100%; height:100%; }
	.slide_img .thum .list ul li:hover, .slide_img .thum .list ul li.select { border:3px solid #6941a0; }
	.slide_img .thum .list .btn_wrap { padding:18px; }
	.slide_img .thum .list .btn_wrap a { margin-bottom:3px; }

	.promotion_vision .box_wrap { overflow:hidden; margin-top:30px; border:1px solid #ddd; }
	.promotion_vision .box_wrap>div { float:left; width:100%; min-height:auto; border-left:none; border-top:1px solid #ddd; }
	.promotion_vision .box_wrap>div:first-child { border-top:none; }
	.promotion_vision .box_wrap>div .tit { margin:6px 7px; padding:15px; background:#e9e9e9; font-size:17px; font-weight:bold; color:#333333; text-align:center; }

	.culture_settlement .box_wrap>div { width:99.5%; margin-left:0; margin-bottom:2%; min-height:auto; }
	.culture_settlement .box_wrap>div .tit { margin:6px 7px; padding:15px; background:#e9e9e9; font-size:17px; font-weight:bold; color:#333333; text-align:center; }

	.registration .box_wrap>div { width:99.5%; margin-left:0; margin-bottom:2%; padding-bottom:3%; min-height:auto; }
	.registration>p { text-align:center;}
	.registration>p>span.pc_block { margin-left:5px; }

	.symphonic .box_wrap>div { width:99.5%; margin-left:0; margin-bottom:2%; min-height:auto; }

}

@media screen and (max-width:1200px) {
	.symphonic_top .inner { height:100%; background-position:right bottom; }
	.symphonic_top .photo { width:100%; }
	.symphonic_top .photo img { width:100%; }
	.symphonic_top .txt { width:100%; margin-top:-2%; }
	.symphonic_top .txt>ul { padding:6%; }
}

@media screen and (max-width:1170px) {
	.culture_top { padding-bottom:132px; background:url('/tour/images/contents/culture_bg.gif') no-repeat bottom left; }
	.culture_top .culture_wrap .inner { overflow:hidden; height:100%; background:#fff; border:1px solid #3e6ea4; }
	.culture_top .culture_wrap .inner .photo { width:100%; }
	.culture_top .culture_wrap .inner .photo img { width:100%; }
	.culture_top .culture_wrap .inner .txt { width:100%; }
	.culture_top .culture_wrap .inner .txt img { width:100%; margin-top:-2%;}

	.protect>ul>li { margin:0 0 18px; width:100%; background:#f5f5f5; border:1px solid #cccccc; box-sizing:border-box; box-shadow:0 2px 0 #e1dde6; }
	.protect>ul>li .photo { float:left; width:100%; border-right:none; border-bottom:1px dotted #cccccc; }
	.protect>ul>li .photo .in { padding:15px; text-align:center; }
	.protect>ul>li .photo .in img { max-width:100%; }
	.protect>ul>li .txt { float:left; width:58.7%; }
	.protect>ul>li .txt .in { padding:15px 20px; }

	.story2 .img { float:none; width:100%; margin-top:20px; text-align:center; }
}

@media screen and (max-width:1120px) {
	ol.step { margin-top:10px; width:100%; overflow:hidden; }
	ol.step>li { width:96%; padding:14px 0; display:block; margin-left:0; margin-bottom:6%; }
	ol.step>li:before { width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:120%; right:50%; margin-top:3px; content:""; }
	ol.step>li:after { width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:120%; right:50%; margin-top:3px; margin-right:-6px; content:""; }
}

@media screen and (max-width:1080px) {
	.linkBox li { width:49%; }

	.conductor { overflow:hidden; background:url('/tour/images/contents/conductor_bg.gif') no-repeat left top;}
	.conductor .photo { width:100%; }
	.conductor .txt { width:100%; margin-left:0; margin-top:4%; }

	.symphonic_his div p { width:20%; display:block; }
	.symphonic_his div ul { width:100%; margin-top:2%;}
	.symphonic_his div ul li strong { margin-right:17px; color:#1d61ac; font-weight:bold; }

}

@media screen and (max-width:1010px) {
	.taste_contest div.left { width:100%; }
	.taste_contest div.right { width:100%; margin-top:20px; }
	.taste_contest div.right .photo .tit { width:auto; padding:10px; }

	/*우수음식점 E-BOOK*/
	.ebook ul li { width:100%; padding:20px 0; border-bottom:1px dotted #ddd; border-right:none; }
	.ebook ul li .thum { width:251px; height:360px; margin:0 auto; border:1px solid #7f848b; background:url('/tour/images/contents/ebook_thum_bg.gif') no-repeat left top; }
	.ebook ul li .thum div { width:251px; margin-left:0px; }
	.ebook ul li p { margin-top:20px; margin-bottom:20px; font-size:20px; color:#000000; }
}

@media screen and (max-width:930px) {
	.course_map { background:url('/tour/images/contents/course_map_line2.gif') repeat-y center top; }
	.course_map>ul>li { width:100% !important; }
	.course_map>ul>li { float:left; text-align:center; font-size:14px; font-weight:bold; color:#484848; padding:20px 0; }
	.course_map>ul>li:first-child { padding-top:0; }
	.course_map>ul>li:last-child { padding-bottom:0; }

	.course_info .right div { padding:10px 15px; width:91.5%; margin-left:0; margin-bottom:6px; }

	.course_box>div { margin-bottom:15px; padding:15px 15px 50px 15px; }
	.course_box>div .photo { width:100%; margin-right:0; }
	.course_box>div .photo img { width:100%; }
	.course_box>div .txt { width:100%; }

	.demonstration_mark { background:url('/tour/images/contents/demonstration_mark.gif') no-repeat center top; padding:150px 0 0;}

	.bike_map .road_view { position:relative; right:0; bottom:0; width:99.5%; height:250px; background:#fff; border:2px solid #6941a0; }

	.story .img, .story .songhwa .img { position:inherit; left:auto; right:auto; top:auto; width:90%; padding-bottom:5%; margin:5%; border-bottom:1px dotted #d2d2d2; text-align:center; }
	.story .con, .story .songhwa .con { width:90%; padding:0 5% !important; margin:0; background:none; }
	.story .con p, .story .songhwa .con p { margin-left:0; margin-right:0; text-align:center; }
	.story .con .tit { margin-top:20px !important; }
	.story .con p:last-child { margin-bottom:40px !important; }
	
	.program02 .para02,
	.program02 .para02>li { display:block; width:100%; }
}

@media screen and (max-width:767px) {
	.program_form2 .photo { width:100%; margin-left:0; padding-bottom:25px; margin-bottom:30px; border-bottom:1px dashed #ddd; }
	.program_form2 .photo:last-child { margin-bottom:0; padding-bottom:0px; border-bottom:none; }

	.program_form3 .pro_wrap3 { margin:0; padding:0; border:none; }
	.program_form3 .pro_wrap3:first-child { margin-top:0; }
	.program_form3 .pro_wrap3:first-child>.photo:first-child { margin-top:20px; padding:0; border:none; }
	.program_form3 .photo { width:100%; margin-left:0; padding-top:25px; margin-top:30px; border-top:1px dashed #ddd; }

	.bicycle_business li { display:block; width:100%; margin-bottom:20px; }
	.bicycle_business li img { margin-bottom:0; }
}

@media screen and (max-width:560px) {
	.linkBox li { float:none; width:auto; padding-bottom:0; }
	.location .location_tit { padding:8px;}
	.location .box .ico { width:100%; }
	.location .box .ico>.subway { margin:20px 0 10px; }
	.location .box .ico>.bus { margin:20px 0 10px; }
	.location .box .txt { width:100%; padding:3.5% 4%; border-left:none; border-top:1px dashed #d6d6d6; }
	.location .box .txt strong { display:block; }

	.program_form .photo .tit { width:96%; padding:2%; }
	
	.story2 { padding:0; background:none; border:none; }


}