@charset "UTF-8";

/* 전사이트 공통으로 쓰는 페이지 */
/* 홈페이지가이드 */
.accessibility_icon{background-image:url(/common/images/sub/accessibility_icon.gif);}
.email_icon{background-image:url(/common/images/sub/email_icon.png);}
.movie_icon{background-image:url(/common/images/sub/movie_icon.png);}
/* 개인정보활용 동의 문구 공통 */
.privacy{}
.box.type2.privacy .inner_box{padding:0;}
.privacy .text{height:200px;margin:0;padding:15px 5px 15px 20px;}
.privacy .text .text_inner{height:100%;overflow-y:auto;}
.privacy .agree{padding:10px 15px;background-color:#f1f1f1;color:#000;}
@media screen and (max-width:568px) {
  #contents .box2.privacy .inner_box{padding:0;}
  #contents .box2.privacy .agree{padding:10px 15px;}
}
/* 저작권 정책 */
.box.type2.icon_box.open_icon_box .inner_box{padding-left:210px;}
.open_icon{width:220px;min-height:95px;background-image:url(/common/images/sub/open_icon.png);}
/* ===============================검색=============================== */
.program_search{margin:30px 0;padding:25px 0;background:url(/common/images/sub/box1_pattern1.gif) repeat;border:1px solid #e5e5e5;border-top:2px solid #5c5c5c;text-align:center;}
.program_search label{display:inline-block;width:70px;padding:0 0 0 20px;background:url(/common/images/program/program_search_icon.png) no-repeat left 8px;}
.program_search input[type="text"]{width:100%;height:32px;margin:0;padding:0;background-color:#fff;border:none;line-height:32px;}

.program_search .search_default{float:left;width:100%;margin:10px 0 0 0;}

.program_search .search_select{display:inline-block;min-width:10%;}
.program_search .search_select span{display:block;background-color:#fff;border:1px solid #aaa;}
.program_search .search_select select{width:100%;height:32px;margin:0;padding:0;background:transparent;border:none;line-height:32px;}

.program_search .search_text{display:inline-block;min-width:20%;margin:0;padding:0;}
.program_search .search_text span{display:block;padding:0 10px;background-color:#fff;border:1px solid #aaa;}
.program_search .search_text input[type="text"]{}

.program_search .search_date{float:left;width:55%;}
.program_search .search_date span{display:inline-block;position:relative;width:110px;padding:0 42px 0 10px;background-color:#fff;border:1px solid #aaa;}
.program_search .search_date button{display:block;position:absolute;top:0;right:0;width:32px;height:32px;background:url(/common/images/program/program_search_icon.png) #aaa no-repeat 50% -38px;border:none;color:transparent;font-size:1px;line-height:1px;}

.program_search .search_part{float:left;}

.program_search .search_btn{display:inline-block;min-width:10%;}
.program_search .search_btn span{display:inline-block;width:95px;height:34px;}
.program_search .search_btn input{height:100%;padding:0 15px;border-radius:0;line-height:100%;}
.program_search .search_btn .btn_submit{background-color:#778495;border:1px solid #778494;text-align:center;}
.program_search .search_btn input[type="submit"]{padding:0 25px 0 5px;background:url(/common/images/program/program_search_icon.png) #778495 no-repeat right -95px;color:#fff;}
.search_button{display:inline-block;width:95px;height:34px;background-color:#778495;border:1px solid #778494;text-align:center;}
.search_button input[type="submit"]{height:100%;padding:0 25px 0 5px;background:url(/common/images/program/program_search_icon.png) #778495 no-repeat right -94px;border-radius:0;color:#fff;line-height:100%;}

.program_search .search_btn .btn_reset{background-color:#fff;border:1px solid #aaa;text-align:center;}
.program_search .search_btn input[type="reset"]{}


/* -- 상세검색 -- */
.program_search.detail{text-align:left;}
.program_search.detail .search_inner{position:relative;margin:0 40px;}
.program_search.detail .search_select{width:150px;}
.program_search.detail .search_text{width:465px;}
.program_search.detail .search_btn{position:absolute;top:1px;bottom:1px;right:0;width:120px;}
.program_search.detail .search_btn span{display:block;width:auto;height:50%;overflow:hidden;}
.program_search.detail .search_btn input[type="submit"]{background-position:right -92px;}
.program_search.detail .search_btn .btn_reset{position:relative;z-index:1;margin-top:-2px;border-top:none;}
@media all and (max-width:1000px) {
    .program_search .search_date{width:100%;}
    .program_search .search_part{width:100%;margin:10px 0 0 0;}
    .program_search.detail .search_text{width:auto;}
    .program_search.detail .search_btn input[type="submit"]{background-position:right -82px;}
}
@media all and (max-width:717px) {
    .program_search.detail .search_inner{margin:0 3%;}
    .program_search .search_date,.program_search .search_part,.program_search.detail .search_default{position:relative;width:calc(100% - 90px);padding:0 0 0 90px;}
    .program_search .search_date label,.program_search .search_part label,.program_search.detail .search_default label{position:absolute;top:2px;left:0;margin:0;}
    .program_search .search_date .date{width:calc(48% - 54px);}
    .program_search.detail .search_select{width:97%;}
    .program_search.detail .search_default .search_select,.program_search.detail .search_default .search_text{width:48%;}
    .program_search.detail .search_btn{position:static;top:inherit;width:100%;margin:10px 0 0 0;}
    #contents .program_search.detail .search_btn span{display:inline-block;width:calc(48% - 2px);height:auto;margin:0;border:1px solid #778495;}
    .program_search.detail .search_btn span input{width:100%;height:36px;margin:0;padding:0;background-image:none;line-height:36px;}
}
@media all and (max-width:500px) {
    .program_search .search_date, .program_search .search_part, .program_search.detail .search_default{width:100%;padding:0;}
    #contents .program_search label{width:1px;height:1px;background:none;color:transparent;font-size:1px;line-height:1px;}
}
@media all and (max-width:414px) {
    .program_search.detail .search_default .search_select,.program_search.detail .search_default .search_text{width:97%;}
    .program_search.detail .search_default .search_text{margin:10px 0 0 0;}
}

/* -- 검색_박물관 -- */
.museum_search.box.type4{padding:35px 0 35px 240px;}
.museum_search.box.type4 .point_line{border-top:none;}
.museum_search .search_title{position:absolute;top:-1px;left:-1px;bottom:-1px;width:240px;/* height:107px; */padding:39px 40px 0 0;background:url(/common/images/program/search_bg.png) no-repeat right top;color:#fff;font-size:24px;line-height:26px;text-align:center;vertical-align:middle;}
.museum_search .search_title i{display:inline-block;width:30px;height:30px;margin:0 13px 0 0;background:url(/common/images/program/search_icon.png) no-repeat 50%;vertical-align:middle;}
.museum_search .search_select{background-color:#fff;border:1px solid #868686;}
.museum_search .search_select select{width:130px;height:34px;background-color:transparent;border:none;border-radius:0;line-height:34px;}
.museum_search .input_text{display:inline-block;width:315px;height:34px;background-color:#fff;border:1px solid #868686;border-radius:0;line-height:30px;vertical-align:middle;}
.museum_search .input_text input{display:block;width:96%;margin:2px 2%;}
.museum_search .search_btn input{background-color:#778495;color:#fff;}
@media only screen and (max-width:640px) {
  .program_search{padding:0;}
  .program_search form{margin:15px 3%}
  .program_search select{width:100%;height:34px;margin:2px 0;border:1px solid #868686;border-radius:0;line-height:34px;}
  .program_search span{display:block}
  .program_search .input_text input{width:96%;margin:2px 2%;padding-left:0;padding-right:0;text-align: center;}
  .program_search .submit{width:100%;margin:2px 0;}
  .program_search.type_left {margin-top:0;margin-bottom:10px}
}
/* =============================== 페이징 =============================== */
.pagination{position:relative;margin-top:25px;text-align:center;}
.pagination a, .pagination strong{display:inline-block;width:26px;height:26px;margin-left:2px;margin-right:2px;text-align:center;font-size:13px;color:#252525;line-height:28px;letter-spacing:-2px;vertical-align:middle;}
.pagination a{border:solid 1px #dedede;background:#fff}
.pagination strong{border:solid 1px #353535;background:#353535;color:#fff;font-weight:normal;}
.pagination span.page_btn {display:inline-block;margin:0 5px}
.pagination span.page_btn a{width:26px;height:26px;background: url("/common/images/board/bbs_icon.png") no-repeat;font-size:0;line-height:0;text-indent:100%;}
.pagination span.page_btn img{vertical-align:middle}
*:first-child+html .pagination span.page_btn a{text-indent:0}
.pagination span.page_btn .prev_end {background-position: 7px -92px;}
.pagination span.page_btn .prev{background-position: -40px -92px;}
.pagination span.page_btn .prev_one{display:none;background:none;}
.pagination span.page_btn .next_one{display:none;background:none;}
.pagination span.page_btn .next{background-position: -90px -92px;}
.pagination span.page_btn .next_end {background-position: -143px -92px;}
@media only screen and (max-width:640px) {
  .pagination span.page{display:none}
  .pagination span.page_btn{margin:0}
  .pagination span.page_btn a{width:40px;height:40px;background-color:#fafafa;line-height:42px}
  .pagination span.page_btn .prev,.pagination span.page_btn .next {display:none}
  .pagination .page_btn.prev_group{width:48%;text-align:right}
  .pagination .page_btn.next_group{width:48%;text-align:left}
  .pagination span.page_btn i{display:inline-block;width:24px;height:100%;background: url("/common/images/board/bbs_icon.png") no-repeat;vertical-align: middle}
  .pagination span.page_btn .prev_end {background-position: 15px -85px;}
  .pagination span.page_btn .prev_one, .pagination span.page_btn .next_one{display:inline-block;width:auto;min-width:55%;background:#fafafa;font-size:inherit;text-indent: 0}
  .pagination span.page_btn .prev_one {padding-right:10px;}
  .pagination span.page_btn .prev_one i{background-position : -45px -85px;}
  .pagination span.page_btn .next_one {padding-left:10px;}
  .pagination span.page_btn .next_one i{background-position : -90px -85px;}
  .pagination span.page_btn .next_end {background-position: -136px -85px;}
}
@media screen and (max-width:414px) {
  .pagination{/*position:absolute;top:0;left:0;*/width:100%;transition:all .5s;}
  .pagination.iframe_paging{position:static;top:inherit;left:inherit;}
  .mobile .pagination{position:fixed;top:10px; margin:0;padding:10px 0; background-color:rgba(0,0,0,0.5);transition:all .5s;}
  .mobile .pagination span.page_btn .prev_one,.mobile .pagination span.page_btn .next_one{background-color:rgba(255,255,255,0.5);}
  .tour_view .pagination { display:none !important;}
}
@media only screen and (max-width:359px) {
  .pagination span.page_btn .prev_end {display:none}
  .pagination span.page_btn .prev_one, .pagination span.page_btn .next_one{min-width:80%}
  .pagination span.page_btn .next_end {display:none}
}
/* 범례 공통 */
.legend_unit span{display:inline-block;font-size:14px;line-height:16px;vertical-align:middle;}
.legend{display:inline-block;min-width:80px;padding:0 12px;background:url(/common/images/program/legend1_pattern.png) repeat;border:1px solid transparent;color:#fff;font-size:13px;line-height:28px;background-color:#b22222;}
.legend.leg1{background-image:url(/common/images/program/legend1_pattern.png);background-color:#778495;border-color:#778494;}
.legend.leg2{background-image:url(/common/images/program/legend4_pattern.png);background-color:#49515d;border-color:#49515c;}
.legend.leg3{background-image:url(/common/images/program/legend5_pattern.png);background-color:#f0f0f0;border-color:#f0f0df;color:#333;}
.legend.leg4{background-image:url(/common/images/program/legend2_pattern.png);background-color:#2c61ad;border-color:#2c61ac;}
.legend_unit{}
.legend_unit li{float:left;}
.legend_unit > li > i{display:inline-block;width:1px;height:10px;margin:0 15px;background-color:#2d3036;vertical-align:middle;}
.legend_unit .legend{width:16px;height:16px;margin:0 5px 0 0;padding:0;min-width:inherit;vertical-align:middle;}
/* 완료 알림창 */
.alert_complete{position:absolute;top:0;left:0;bottom:0;right:0;width:96%;max-width:560px;height:270px;margin:auto;}
.alert_complete .inner_box{background-color:#f6f6f6;border:1px solid #ddd;border-top:2px solid #5c5c5c;}
.alert_complete .title{display:block;padding:20px;border-bottom:1px solid #ddd;color:#2f2f2f;font-size:18px;font-weight:500;line-height:20px;}
.alert_complete .close_btn{display:block;position:absolute;top:15px;right:15px;width:30px;height:30px;margin:0;padding:0;background:url(/common/images/program/education_sprite.png) no-repeat 7px -78px;border:1px solid #ddd;color:transparent;font-size:1px;line-height:1px;}
.alert_complete .text{position:relative;margin:35px 100px;padding:5px 0 0 80px;font-size:14px;line-height:18px;}
.alert_complete .text i{display:block;position:absolute;top:0;left:0;width:57px;height:60px;background:url(/common/images/program/education_sprite.png) no-repeat left top;}
.alert_complete .button{margin:0 0 30px;text-align:center;}
/* 기본게시판 */
table.bbs_default.list{width:100%;border-collapse:collapse;margin-top:5px;}
table.bbs_default.list thead tr:first-child th{border-top: 2px solid #151515;border-bottom:1px solid #aaa}
table.bbs_default.list th{padding:12px 10px;border-bottom:1px solid #d9d9d9; text-align:center;font-weight:600;}
table.bbs_default.list td{padding:12px 10px;border-bottom:1px solid #d9d9d9;color:#737373;text-align:center;}
table.bbs_default.list td.subject{text-align:left}
table.bbs_default.list td.subject a{display:inline}
table.bbs_default.list .delete td{color:#aaa;}
table.bbs_default.list .delete td.subject a{color:#aaa}
table.bbs_default.list td img{margin-left:5px;vertical-align: middle}
table.bbs_default.list .notice td{background:#fafafa;font-weight:600;color:#333}
table.bbs_default.list .notice a{font-weight:600;color:#333}
table.bbs_default.list .notice .noticeItem{}
table.bbs_default.list .empty{padding:40px 0;text-align:center;}
table.bbs_default.list .delete .delete_info{font-size:0.9em;color:#2e84d1}

@media only screen and (max-width:640px){
  .bbs_explain_top ul{margin-left:0;}
  .bbs_explain_bottom ul{margin-left:0;}
  table.bbs_default.list colgroup{display:none}
  table.bbs_default.list thead th,table.bbs_default.list tbody td.num{display:none;}
  table.bbs_default.list tbody {border-top: 1px solid #151515;}
  table.bbs_default.list tbody tr{display:block;padding:4px 0;border-bottom:1px solid #d9d9d9;}
  table.bbs_default.list tbody tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
  table.bbs_default.list tbody tr{display: inline-block;}
  table.bbs_default.list tbody tr{display: block;}
  table.bbs_default.list tbody tr:nth-child(odd) {background:#f8f8f8}
  table.bbs_default.list tbody td{display:block;float:left;clear:left;width:100%;padding: 3px 10px 3px;border:none;text-align:left;box-sizing:border-box }
  table.bbs_default.list tbody td.subject{width:auto;}
  table.bbs_default.list [data-cell-header]:before {	content: attr(data-cell-header); 	display: inline-block; }
  table.bbs_default.list .checkbox{display:none}
}

/* 기본 게시판 view */
table.bbs_default {width:100%; border-collapse: collapse; margin:0;}
table.bbs_default.view tr:first-child th,table.bbs_default.view tr:first-child td{border-top: 2px solid #151515;}
table.bbs_default.view th{width:20%;padding:12px 10px;border-bottom:1px solid #d9d9d9;background:#f8f8f8;font-weight:600;text-align:center;}
table.bbs_default.view td{padding:12px 10px 12px 25px;border-bottom:1px solid #d9d9d9;}
table.bbs_default.view thead tr:first-child th{border-top: 2px solid #151515;border-bottom:1px solid #aaa}
table.bbs_default.view .subject td{font-weight:700}
table.bbs_default.view .subject.delete .subject_text{font-weight:400;color:#888}
table.bbs_default.view .delete .delete_info{font-size:0.9em;color:#2e84d1}
table.bbs_default.view .bbs_content {min-height:150px;text-align:left}
table.bbs_default.view .bbs_content img{max-width:640px;height:auto;}
table.bbs_default.view .bbs_content .photo_area{margin-bottom:25px;text-align:center;}
table.bbs_default.view .bbs_content .photo_view{position:relative;width:auto;margin:15px auto;font-size:0;line-height: 0;}
table.bbs_default.view .bbs_content .photo_view .photo_wrap{display:inline-block;position:relative;}
table.bbs_default.view .bbs_content .photo_view img{max-width:640px;max-height:480px;padding:5px;border:1px solid #eee}
table.bbs_default.view .bbs_content .photo_zoom{display:block;overflow:hidden;position:absolute;bottom:7px;right:7px;z-index:10;width:25px;height:25px;padding:6px;background:url("/common/images/board/mask.png");font-size:12px;}
table.bbs_default.view .bbs_content .photo_zoom a{display:block;width:25px;height:25px;background: url('/common/images/board/bbs_icon.png') no-repeat 0 -200px;font-size:0;line-height:0;text-indent: 100%;}
table.bbs_default.view  ul.view_attach{}
table.bbs_default.view  ul.view_attach li{margin:1px 0}
table.bbs_default.view  ul.view_attach li img{margin-right:5px;vertical-align:middle;}
table.bbs_default.view  ul.view_attach li .file_size{margin-left:10px; font-size:11px;letter-spacing:-1px;font-family : 'dotum'; color:#2e84d1}
table.bbs_default.view  ul.view_attach li .download_num{margin-left:10px; font-size:11px;letter-spacing:-1px; font-family : 'dotum'; color:#2e84d1}
table.bbs_default.view  .bbs_attach_preview {display:inline-block;height:20px;line-height:20px;margin-left:5px;padding-left:8px;border:1px solid #686868;background:#686868;color:#fff;font-size:0.9em;vertical-align: middle}
table.bbs_default.view  .bbs_attach_preview .ico_preview{display:inline-block;width:20px;height:20px;margin:0 0 1px 10px;background:#fff url("/common/images/board/bbs_icon.png") no-repeat -95px -46px;vertical-align: top}

@media only screen and (max-width:640px){

  table.bbs_default.view tr{display:block;padding:4px 0;}
  table.bbs_default.view tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
  table.bbs_default.view tr{display: inline-block;}
  table.bbs_default.view tr{display: block;}
  table.bbs_default.view th{display:block;float:left;clear:left;width:100%;padding:10px 3% 0;border:none;background:none;color:#222;text-align: left;box-sizing:border-box }
  table.bbs_default.view td{display:block;float:left;clear:left;width:100%;padding:0 3% 10px;box-sizing:border-box }
  table.bbs_default.view tr:first-child th{border-bottom:none}
  table.bbs_default.view tr:first-child td{border-top: none}
  table.bbs_default.view .bbs_content img{width:100%;max-width:none;height:auto;}
  table.bbs_default.view .bbs_content .photo_view{width:100%}
  table.bbs_default.view .bbs_content .photo_view img{max-width:100%;max-height:600px;padding:0;border:none;}
  table.bbs_default.view  ul.view_attach li a:not(.bbs_attach_preview){display:block}
  table.bbs_default.view  ul.view_attach li .file_size{margin-left:22px}
  table.bbs_default.view input[type="radio"], table.bbs_default.view input[type="checkbox"]{width:auto;height:auto;padding-left:0;}
}
@media only screen and (max-width:500px) {
  table.bbs_default.view tr{border-bottom:none}
  table.bbs_default.view th{display:block;width:94%;padding:10px 3% 0;background:none;text-align: left}
  table.bbs_default.view td{display:block;width:94%;padding:0 3% 10px}
  table.bbs_default.view [data-cell-header]:before {content: attr(data-cell-header); display: inline-block; }
}
/* 열린시장실 포토갤러리 상세보기 */
.photo{}
.photo .title_area{margin:0 0 20px;padding:15px 3%;border-top:2px solid #151515;border-bottom:1px solid #d9d9d9;color:#121212;line-height:16px;text-align:center;}
.photo .text_area{margin:20px 0 0 0;}
.photo_album{position:relative;}
.photo_album .image_wrap{position:static;width:940px;height:550px;margin:0 auto;}
.photo_album .image_wrap img{position:static;}
.photo_album .btn_wrap{position:relative;padding:30px 0;background-color:#f8f8f8;border:1px solid #e9e9e9;}
.photo_album .control_btn{}
.photo_album .control_btn button{display:block;position:absolute;top:50%;width:43px;height:43px;margin:-21px 0 0 0;background:url(/common/images/program/photo_btn.png) #a0a0a0 no-repeat;border-radius:50%;color:transparent;font-size:1px;line-height:1px;}
.photo_album .control_btn .btn_prev{left:30px;background-position:15px 9px;}
.photo_album .control_btn .btn_next{right:30px;background-position:0 -34px;}
.photo_album .thumbnail_wrap{overflow:hidden;width:100%;max-width:775px;margin:0 auto;}
.photo_album .thumb_list{position:relative;width:400%;}
.photo_album li{float:left;position:relative;width:5%;text-align:center;}
.photo_album .thumb_list button{display:block;width:145px;height:90px;margin:0 auto;font-size:0;line-height:0;}
.photo_album li i{display:block;position:absolute;top:0;left:5px;width:145px;height:90px;background:url(/common/images/program/photo_mask.png) repeat;}
.photo_album li button:hover i,.photo_album li button.active i{display:none;}
/* 기본게시판 write */
.exactly{display: inline-block;width: 12px; height: 12px; font-size: 0; text-indent: 100%;vertical-align: middle}
.exactly.y{background: url('/common/images/board/bbs_icon.png') no-repeat 0 -50px;}
.write_guide{margin-top : 25px;}

table.bbs_default.write {width:100%;margin-top:5px;border-collapse:collapse;}
table.bbs_default.write tr:first-child th,table.bbs_default.write tr:first-child td{border-top: 2px solid #151515;}
table.bbs_default.write th{width:20%;padding:8px 10px;border-bottom:1px solid #d9d9d9;background:#f8f8f8;font-weight:600;text-align:center;}
table.bbs_default.write thead tr:first-child th{border-top: 2px solid #151515;border-bottom:1px solid #aaa}
table.bbs_default.write td{padding:8px 25px;border-bottom:1px solid #d9d9d9;}
table.bbs_default.write img{vertical-align: middle}
table.bbs_default.write td label{margin-right:10px}
table.bbs_default.write .subject input{width:100%;}
table.bbs_default.write .date{width:100px;border:none;text-align:center}
table.bbs_default.write .date_wrap{display:inline-block;border:1px solid #e9e9e9}
table.bbs_default.write .ico_calendar{display:inline-block;width:20px;height:20px;margin:0 3px;background: url(/common/images/board/bbs_icon.png) no-repeat -48px -48px;vertical-align: middle}
table.bbs_default.write .ico_calendar button{display:inline-block;width:20px;height:20px;font-size:0}
table.bbs_default.write .phone {width:80px; text-align: center}
table.bbs_default.write .zipcode{width:80px; text-align: center}
table.bbs_default.write .addr_left {float:left;width:48%}
table.bbs_default.write .addr_right {float:right;width:50%}
table.bbs_default.write .addr{width:100%;}
table.bbs_default.write .addr2{width:100%;}
table.bbs_default.write .tel_number input[type="number"]{width:125px;}
table.bbs_default.write .bbs_btn_small {padding:0 6px;border:1px solid #686868;background:#686868;color:#fff;text-decoration: none}
table.bbs_default.write .bbs_content {width:100%;min-height:250px;padding:5px 3px;}
table.bbs_default.write .attach li{padding:5px 0;}
table.bbs_default.write .attach li:first-child{border:none}
table.bbs_default.write .attach li > div:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
table.bbs_default.write .attach li > div {display: inline-block;}
* html table.bbs_default.write .attach li > div {height: 1%;}
table.bbs_default.write .attach li > div {display: block;}
table.bbs_default.write .attach_alt{position:relative;}
table.bbs_default.write .attach_file{position:relative;}
table.bbs_default.write .attach_file .file_label{position:absolute;top:7px;left: 0;width:14px;height:21px;background: url(/common/images/board/bbs_icon.png) no-repeat -50px -150px;font-size:0;text-indent: 100%;vertical-align: middle}
*:first-child+html table.bbs_default.write .file_label{text-indent:0}
table.bbs_default.write .attach_file .file_input {display:inline-block;width:76%;margin-left:23px;margin-right:8px;}
table.bbs_default.write .attach_file .file_input input{width:100%;}
table.bbs_default.write .attach_alt .alt_label {position:absolute;top:5px;left: 0;width:16px;height:21px;background: url(/common/images/board/bbs_icon.png) no-repeat -200px -148px;font-size:0;text-indent: 100%;}
*:first-child+html table.bbs_default.write .alt_label {text-indent:0}
table.bbs_default.write .attach_alt .alt_input {display:block;margin-left:23px}
table.bbs_default.write .attach_alt .alt_input input{width:100%;}

@media only screen and (max-width:640px){
  table.bbs_default.write tr{display:block;padding:4px 0;}
  table.bbs_default.write tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
  table.bbs_default.write tr{display: inline-block;}
  table.bbs_default.write tr{display: block;}
  table.bbs_default.write th{display:block;float:left;clear:left;width:100%;padding:10px 3% 0;border:none;background:none;color:#222;text-align: left;box-sizing:border-box }
  table.bbs_default.write td{display:block;float:left;clear:left;width:100%;padding:0 3% 10px;box-sizing:border-box }
  table.bbs_default.write tr:first-child th{border-bottom:none}
  table.bbs_default.write tr:first-child td{border-top: none}
  table.bbs_default.write input.date{}
  table.bbs_default.write .addr_left {float:none;width:100%}
  table.bbs_default.write .addr_right {float:none;width:100%}
  table.bbs_default.write [data-cell-header]:before {	content: attr(data-cell-header); 	display: inline-block; }
  table.bbs_default.write .content_in {display:block;margin-bottom:5px}
  table.bbs_default.write input[type="radio"], table.bbs_default.write input[type="checkbox"]{width:auto;height:auto;padding-left:0;}
  table.bbs_default.write .tel_number select,table.bbs_default.write .tel_number input[type="number"]{width:100%;height:34px;padding:5px;box-sizing:border-box;}
}
/* =============================== 웹진형 게시판 ===============================*/
.webzine_list{}
.webzine_list li{display:block;}
.webzine_list .image{display:block;position:relative;overflow:hidden;margin:0;padding:0;font-size:0;line-height:0;text-align:center;}
.webzine_list .image img{position:absolute;top:0;left:0;bottom:0;right:0;/* width:auto;height:100%; */margin:auto;transition:all .6s;}
.webzine_list .title i{display:inline-block;vertical-align:middle;}
.webzine_list .title em{display:inline-block;vertical-align:middle;}
.webzine_list a:hover{text-decoration:none;}
.webzine_list a:hover .image img{transform:scale(1.2);transition:all 1s;}
.webzine_list a:hover .image.no_img img{transform:inherit;transition:inherit;}
/* -------------------------------- 웹진형 리스트 심플 -------------------------------- */
.webzine_list.simple li{float:left;}
.webzine_list.simple .image{position:relative;}
/* -------------------------------- 웹진형 리스트 상세 -------------------------------- */
.webzine_list.detail li{position:relative;}
.webzine_list.detail .image{position:absolute;top:0;left:0;}
/* -------------------------------- 대표 역사관 리스트 -------------------------------- */
.webzine_list.history{width:101%;margin:0 0 0 -1%;}
.webzine_list.history li{float:left;width:24%;margin:0 0 30px 1%;}
.webzine_list.history .image{width:227px;height:170px;background-color:#f8f8f8;}
.webzine_list.history .title{display:block;height:36px;padding:10px 10px 9px 10px;border-bottom:1px solid #b2b2b2;color:#515151;font-size:14px;line-height:18px;text-align:center;}
.webzine_list.history .title i{height:36px;}
.webzine_list.history a{display:block;}
.webzine_list.history a:hover .title{padding:10px 10px 8px 10px;background:url(/common/images/program/history_list_title.png) no-repeat left top;border-bottom:2px solid #000;}
/* -------------------------------- 대표 착한가격업소 리스트 -------------------------------- */
.webzine_list.price{width:102%;margin:0 0 0 -2%;}
.webzine_list.price li{float:left;width:31.333333%;margin:0 0 0 2%;}
.webzine_list.price a{display:block;border:1px solid #d7d7d7;}
.webzine_list.price .image{width:100%;height:224px;}
.webzine_list.price .price_name{display:block;position:absolute;bottom:0;left:0;right:0;height:60px;background:url(/common/images/program/price_mask.png) repeat;color:#fff;font-size:18px;font-weight:500;line-height:60px;text-align:left;}
.webzine_list.price .price_name i{display:inline-block;width:36px;height:36px;margin:0 15px;background:url(/common/images/program/price_icon.png) #eb6900 no-repeat 50%;border-radius:50%;vertical-align:middle;}
.webzine_list.price .price_info{display:block;padding:15px;}
.webzine_list.price .price_info span{display:block;margin:6px 0 0 0;font-size:14px;line-height:22px;}
.webzine_list.price .price_info span:first-child{margin:0;}
.webzine_list.price .price_info i{display:inline-block;width:65px;margin:0 10px 0 0;background-color:#ececec;text-align:center;}
/* -------------------------------- 대표 역사관 상세 -------------------------------- */
/* 이미지 상세 슬라이드 있을 경우 */
.slide{position:relative;margin:0;padding:0;}
.slide_control{position:absolute;left:inherit;right:0;bottom:0;width:123px;height:40px;margin:0;padding:0;}
.slide_control button{display:inline-block;float:left;position:relative;z-index:1;width:40px;height:40px;margin:0 0 0 1px;padding:0;background:url(/common/images/program/slide_prev.png) #000 no-repeat 50%;border:none;color:transparent;font-size:0;line-height:0;}
.slide_control .slide_next{background-image:url(/common/images/program/slide_next.png);}
.slide_control .count{display:inline-block;float:right;position:static;width:40px;height:40px;margin:0 0 0 1px;background-color:#000;color:#fff;line-height:40px;text-align:center;vertical-align:middle;}
.slide .image_wrap{width:100%;max-width:260px;height:195px;margin:0;overflow:hidden;}
.image_wrap ul{position:relative;}
.slide .image_wrap li{float:left;position:relative;width:260px;height:195px;background-color:#333;text-align:center;}
.image_wrap img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.image_wrap li img{height:100%;}

.webzine_view.history{position:relative;}
.webzine_view.history .view_summary{position:relative;padding:95px 35px 35px 35px;background:url(/common/images/sub/box1_pattern1.gif) #fff repeat;border:1px solid #ddd;border-radius:3px 3px 0 0;}
.webzine_view.history .view_image{float:left;width:260px;height:195px;padding:5px;background-color:#fff;}
.webzine_view.history .title{position:absolute;top:-1px;left:-1px;right:-1px;height:52px;padding:4px;background:url(/common/images/program/museum_title_pattern.png) #44becc no-repeat 50% top;border-radius:3px 3px 0 0;text-align:center;}
.webzine_view.history .title.gray{background-color:#7d7d7d;}
.webzine_view.history .title i{display:inline-block;width:0;height:52px;vertical-align:middle;}
#contents .webzine_view.history .title h3{display:inline-block;margin:0;padding:0;background:none;color:#fff;font-size:22px;font-weight:500;line-height:26px;vertical-align:middle;}
.webzine_view.history .text{float:left;position:relative;width:570px;margin:0 0 0 25px;}
.webzine_view.history .no_image .text{width:100%;margin:0;}
.webzine_view.history .text > ul > li{position:relative;margin:0 0 5px;padding:1px 0 1px 110px;}
.webzine_view.history .text li span{display:block;position:absolute;top:0;left:0;width:80px;height:25px;background-color:#4f4f4f;}
.webzine_view.history .text span span{top:1px;left:-1px;bottom:1px;width:62px;height:23px;padding:0 0 0 20px;background:url(/common/images/program/museum_icon.png) #4f4f4f no-repeat 7px 9px;color:#fff;font-size:13px;line-height:23px;}
.webzine_view.history .text li span i{display:block;position:absolute;top:-1px;right:-12px;width:14px;height:25px;background:url(/common/images/program/museum_icon.png) no-repeat left -29px;}
.webzine_view .link_btn{text-align:right;}
.webzine_view .link_btn a{display:inline-block;position:relative;overflow:hidden;width:42px;height:42px;border-radius:21px;text-align:left;transition:all .4s;}
.webzine_view .link_btn span{margin:0 0 0 42px;color:#fff;line-height:42px;vertical-align:middle;white-space:nowrap;}
.webzine_view .link_btn a:hover{text-decoration:none;transition:all .4s;}
.webzine_view .link_btn i{display:inline-block;position:absolute;top:0;left:0;width:42px;height:42px;background:url(/common/images/program/museum_icon.png) no-repeat;color:transparent;font-size:1px;line-height:1px;vertical-align:middle;}
.webzine_view .homepage{background-color:#2c61ad}
.webzine_view .link_btn .homepage:hover{width:120px;}
.webzine_view .homepage i{background-position:-36px -20px;}
.webzine_view .map_naver{background-color:#00c73c}
.webzine_view .link_btn .map_naver:hover{width:170px;}
.webzine_view .map_naver i{background-position:-93px -22px;}
.webzine_view .map_daum{background-color:#608cff}
.webzine_view .link_btn .map_daum:hover{width:160px;}
.webzine_view .map_daum i{background-position:-153px -22px;}
.webzine_view .traffic{background-color:#0096ce}
.webzine_view .link_btn .traffic:hover{width:140px;}
.webzine_view .traffic i{background-position:-213px -16px;}
.view_detail{padding:0 0 50px;border-bottom:1px solid #cacaca;}
.view_detail .detail_title{margin:35px 0 30px;background:url(/common/images/program/history_title_pattern.gif) repeat-x left 50%;text-align:center;}
#contents .view_detail h4{display:inline-block;margin:0;padding:0 30px;background:#fff;color:#2f2f2f;font-size:20px;line-height:22px;}
/* 이미지 상세보기 틀 */
.webzine_image_detail{display:none;position:relative;z-index:1;width:100%;height:575px;margin:0 auto;background-color:#7d7d7d;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.7)}
.webzine_image_detail .webzine_close{display:block;position:absolute;top:19px;right:30px;width:23px;height:23px;background:url(/common/images/program/view_detail_close.png) no-repeat 50%;color:transparent;font-size:1px;line-height:1px;}
.webzine_image_detail .webzine_close{display:block;position:absolute;top:19px;right:30px;width:23px;height:23px;background:url(/common/images/program/view_detail_close.png) no-repeat 50%;color:transparent;font-size:1px;line-height:1px;}
.webzine_image_detail .detail_title{position:relative;padding:18px 30px;background:url(/common/images/program/webzine_view_title.png) no-repeat 50% top;color:#fff;font-size:22px;line-height:24px;}
.webzine_image_detail .detail_title .sub_title{margin:0 0 0 18px;color:#c5c5c5;font-size:16px;line-height:18px;}
.webzine_image_detail .detail_title .standard{position:absolute;bottom:20px;right:90px;color:#fff;font-size:13px;line-height:15px;}
.webzine_image_detail .detail_copyright{padding:15px;background:url(/common/images/program/webzine_view_title.png) no-repeat 50% bottom;color:#eae0d0;font-size:13px;line-height:15px;text-align:center;}
.webzine_image_detail .detail_copyright span{display:block;}
.webzine_image_detail .detail_image{position:relative;margin:0 5px;background-color:#fdfaf5;text-align:center;}
/* -------------------------------- 박물관 소장품 리스트 -------------------------------- */
.webzine_list.collection{width:1000px;margin:0 0 0 -60px;padding:0 0 40px;border-bottom:1px solid #cacaca;}
.webzine_list.collection li{width:190px;margin:0 0 50px 60px;}
.webzine_list.collection .title{display:block;width:92%;height:49px;padding:0 4%;background:url(/common/images/sub/box1_pattern4.png) #535353 repeat;text-align:center;}
.webzine_list.collection .title i{height:100%;}
.webzine_list.collection .title em{color:#fff;font-size:16px;line-height:18px;}
.webzine_list.collection .image{width:100%;height:190px;background-color:#f8f8f8;}
/* -------------------------------- 박물관 전시안내 리스트 -------------------------------- */
.webzine_list.exhibit > li{min-height:170px;margin:0 0 25px;padding:20px 0 25px 240px;border-bottom:1px solid #cacaca;}
.webzine_list.exhibit .image{width:190px;height:190px;background-color:#f8f8f8;}
.webzine_list.exhibit .title{position:relative;padding:0 0 0 90px;color:#000;font-size:23px;font-weight:500;line-height:25px;vertical-align:middle;}
.exhibit_leg{display:inline-block;position:absolute;top:1px;left:0;height:21px;padding:0 25px 0 7px;background:url(/common/images/program/legend_bul.png) no-repeat right top;color:#fff;font-size:11px;font-weight:300;line-height:21px;vertical-align:middle;}
.exhibit_leg.leg1{background-color:#248e2e}
.exhibit_leg.leg2{background-color:#c1bf3e}
.exhibit_leg.leg3{background-color:#4f4f4f}
/*
.museum_list .img .hover_mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;background:url(../images/program/img_mask.png) repeat;}
.museum_list .img .hover_mask i{display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:60px;height:60px;margin:auto;background:url(../images/program/mask_more.png) no-repeat 50%;border:2px solid #fff;border-radius:30px;}
.museum_list a:hover{text-decoration:none;font-weight:600;}
.museum_list a:hover .img .hover_mask{display:block;}
*/
/* -------------------------------- 박물관 소장품 상세보기 -------------------------------- */
.program_view{padding:0 0 40px;border-bottom:1px solid #cacaca;}
.program_view .title{margin:0 0 40px;color:#2f2f2f;font-size:30px;font-weight:500;line-height:32px;}
.program_view .view_image.no_img{width:500px;height:335px;margin:0 auto;}
/* =============================== 착한가격업소 상세보기 =============================== */
.good_price_view{}
#contents .good_price_view h3{margin:0 0 30px;padding:0 0 20px 0;background:none;border-bottom:1px solid #999;color:#444;font-size:28px;font-weight:500;letter-spacing:-1px;line-height:30px;}
#contents .good_price_view h4{position:relative;margin:0 0 15px;padding:15px;background:none;border:1px solid #dbdbdb;border-left:3px solid #007653;color:#303030;font-size:18px;font-weight:500;line-height:20px;}
.good_price_view h4 .bullet{display:block;position:absolute;top:50%;right:15px;width:23px;height:9px;margin:-5px 0 0 0;background:url(/common/images/program/good_price_sprite.png) no-repeat left -123px;}
.good_price_view .store_image{float:left;position:relative;width:450px;}
.store_image .image_wrap{width:444px;height:331px;overflow:hidden;border:3px solid #d0d0d0;}
.store_image .image_wrap ul{position:relative;width:1000%;}
.store_image .image_wrap li{float:left;position:relative;width:10%;}
.store_image .image_wrap img{position:static;}
.store_image .thumbnail_wrap{overflow:hidden;width:348px;margin:10px auto;}
.store_image .thumbnail_wrap ul{position:relative;width:1160px;}
.store_image .thumbnail_wrap li{float:left;position:relative;width:10%;text-align:center;}
.store_image .thumbnail_wrap button{margin:0;padding:0;background:none;border:3px solid #d0d0d0;font-size:0;line-height:0;}
.store_image .thumbnail_wrap .active button{border-color:#333;}
.store_image .control_btn{position:absolute;bottom:70px;left:0;right:0;height:0;}
.store_image .control_btn button{display:block;width:23px;height:37px;margin:0;padding:0;background:url(/common/images/program/good_price_sprite.png) no-repeat;color:transparent;font-size:1px;line-height:1px;}
.store_image .control_btn .btn_prev{float:left;background-position:left top;}
.store_image .control_btn .btn_next{float:right;background-position:left -55px;}
.good_price_view .store_summary{float:left;width:470px;margin:0 0 0 20px;}
.good_price_view .store_info{margin:0 0 0 20px;color:#363636;}
.good_price_view .store_info span{color:#000;font-weight:400;}
.good_price_view .store_info > li{position:relative;min-height:20px;margin:0 0 10px 0;padding:0 0 0 33px;font-size:14px;line-height:20px;}
.good_price_view .store_icon{display:block;position:absolute;top:0;left:0;width:23px;height:20px;background:url(/common/images/program/good_price_sprite.png) no-repeat;}
.good_price_view .icon1{background-position:left -169px;}
.good_price_view .icon2{background-position:left -199px;}
.good_price_view .icon3{background-position:left -228px;}
.good_price_view .icon4{background-position:left -257px;}
.good_price_view .icon5{background-position:left -288px;}
.good_price_view .icon6{background-position:left -317px;}
.good_price_view .icon7{background-position:left -349px;}
.good_price_view .icon8{background-position:left -379px;}
.good_price_view .store_info ul{margin:5px 0 0 0;color:#666;}
.good_price_view .store_info ul span{color:#666;}
/* ===========================================설문조사 list=========================================== */
table.poll_table.list{width:100%;margin:0;border-top:2px solid #535353;border-collapse:separate;}
table.poll_table.list thead.th{border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
table.poll_table.list thead.th th{padding:6px 9px;background:#f3f3f3;border-bottom:1px solid #dbdbdb;color:#222;line-height:18px;vertical-align:middle;}
table.poll_table.list tbody.tb th{background-color:#fefefe;border-bottom:1px solid #dbdbdb;vertical-align:middle;}
table.poll_table.list tbody.tb td{position:relative;padding:10px 10px 9px;border-bottom:1px solid #dbdbdb;text-align:center;vertical-align:middle;}
table.poll_table.list tbody.tb td img{vertical-align:middle;}
table.poll_table.list tbody.tb th{background-color:#fefefe;border-bottom:1px solid #dbdbdb;}
table.poll_table.list tbody.tb td{border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
table.poll_table.list .poll_list{background-color:#f9f9f9;}
table.poll_table.list tbody.tb .first,table.poll_table.list thead.th .first{border-left:none;}
table.poll_table.list tbody.tb .subject{text-align:left;}
table.poll_table.list .state{display:inline-block;padding:7px 15px;color:#fff;font-size:15px;line-height:17px;}
table.poll_table.list .sta1{background-color:#333}
table.poll_table.list .sta2{background-color:#333}
table.poll_table.list .sta3{background-color:#333}
table.poll_table.list .sta4{background-color:#333}
/* 설문조사 progress bar */
.progress_bar{width:100%;background-color:#eee;}
.progress_bar div{height:12px;width:0;background-repeat:repeat-x;background-position:left top;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}
.bar1 div{background-image:url('../images/program/poll_pattern1.gif');}
.bar2 div{background-image:url('../images/program/poll_pattern2.gif');}
.bar3 div{background-image:url('../images/program/poll_pattern3.gif');}
.bar4 div{background-image:url('../images/program/poll_pattern4.gif');}
.bar5 div{background-image:url('../images/program/poll_pattern5.gif');}
@media screen and (max-width:667px) {
  table.poll_table.list thead.th th{display:none;}
  table.poll_table.list tbody.tb tr{border-bottom: 1px solid #dbdbdb;border-top: 1px solid #fff;}
  table.poll_table.list tbody.tb tr:first-child{border-top:2px solid #535353;}
  table.poll_table.list tbody.tb tr.odd{background:none;}
  table.poll_table.list tbody.tb tr.even{background:none;}
  table.poll_table.list tbody.tb td{display:block;padding: 6px 10px 6px;border:none;text-align:left;box-sizing:border-box;}
  table.poll_table.list tbody.tb td:first-child{display:none;}
  table.poll_table.list tbody.tb td:first-child{display:block;}
  table.poll_table.list [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;}
}
@media screen and (max-width:414px) {
  table.poll_table.list thead.th{display:none;}
  table.poll_table.list tbody.tb th{display:block;padding:10px 0;background-color:#66717d;color:#fff;}
  table.poll_table.list tbody.tb td{display:block;}
}
/* ===========================================설문조사 view=========================================== */
table.poll_table.view{width:100%;margin:0;font-size:13px}
table.poll_table.view tbody{border-top:solid 2px #535353;}
table.poll_table.view th{width:15%;padding:10px 6px 10px;border-bottom:1px solid #e7e7e7;background-color:#fbf7f1;color:#222;font-weight:normal;box-sizing:border-box;}
table.poll_table.view td{padding:10px 6px 10px;border-bottom:1px solid #e7e7e7;}
table.poll_table.view td input,table.poll_table.view td select{height:30px;box-sizing:border-box;line-height:28px;}
table.poll_table.view td.subject input,table.poll_table.view td.file input[type="text"]{width:100%;}
table.poll_table.view td textarea{width:100%;height:300px;box-sizing:border-box;}
table.poll_table.view td input[type="file"]{width:80%;}
table.poll_table.view td th,table.poll_table.view td td{border-bottom:1px solid #c8c8c8;}
table.poll_table.view td img{vertical-align:middle;}
table.poll_table.view td.substance{padding:20px 10px;}
.brd_file li{margin:5px 0;}
.brd_file li a{display:inline-block;position:relative;margin:0 15px 0 0;padding:0 0 0 20px;vertical-align:middle;}
.brd_file li a img{position:absolute;top:0;left:0;}
.brd_file li a span{display:block;white-space:nowrap;width:100%;overflow:hidden;}
@media screen and (max-width:667px) {
  table.poll_table.view{border-bottom:none}
  table.poll_table.view th{display:block;width:100%;padding:5px 20px;background-color:#f9f9f9;border:0;border-bottom:1px dashed #e7e7e7;color:#4f7eaf;font-size:15px;text-align:left;font-weight:bold;}
  table.poll_table.view td{display:block;padding:10px 20px;border-bottom-color:#d9d9d9;}
  table.poll_table.view td.subject{padding:10px 20px;font-size:14px}
  table.poll_table.view td input[type="file"]{width:100%;}
}
@media screen and (max-width:430px) {
  .brd_file{width:100%;max-width:250px;}
  .brd_file li{width:100%;}
  .brd_file li a{padding:0 0 0 10%;}
}
/* 사전정보목록 */
.befeatPublictPath{padding:10px 15px 10px 35px;background:url(/common/images/program/path_icon.png) #f0f0f0 no-repeat 15px 13px;font-size:13px;letter-spacing:-1px;line-height:17px;}
/* 사전정보공표 카테고리*/
.public_list{padding:13px;background:#f4f4f4;}
.public_list li{float:left;width:14.285714%;}
.public_list a{display:block;margin:5px;padding:10px 0;border:2px solid #fff;text-align:center;background:#fff;}
.public_list a:hover,.public_list .on a{border:2px solid #3155a4; text-decoration:none;}
.public_list i{display:block;width:55px;height:53px;margin:3px auto 10px;background:url(/common/images/program/public_icon.png) no-repeat;}
.public_list .all{background-position:left top;}
.public_list .IEMCL01{background-position:-74px top;}
.public_list .IEMCL02{background-position:-148px top;}
.public_list .IEMCL03{background-position:-222px top;}
.public_list .IEMCL04{background-position:-296px top;}
.public_list .IEMCL05{background-position:-370px top;}
.public_list .IEMCL06{background-position:-444px top;}
.public_list .IEMCL07{background-position:-518px top;}
.public_list .IEMCL08{background-position:-592px top;}
.public_list .IEMCL09{background-position:-666px top;}
.public_list .IEMCL10{background-position:-740px top;}
.public_list .IEMCL11{background-position:-814px top;}
.public_list .IEMCL12{background-position:-882px top;}
.public_list .IEMCL13{background-position:-958px top;}
@media all and (max-width:1000px) {
.public_list li{width:20%;}
}@media all and (max-width:640px) {
.public_list li{width:50%;}
.public_list i{width:36px;height:35px;background-size:auto 35px;}
.public_list .all{background-position:left top;}
.public_list .IEMCL01{background-position:-46px top;}
.public_list .IEMCL02{background-position:-96px top;}
.public_list .IEMCL03{background-position:-146px top;}
.public_list .IEMCL04{background-position:-196px top;}
.public_list .IEMCL05{background-position:-244px top;}
.public_list .IEMCL06{background-position:-294px top;}
.public_list .IEMCL07{background-position:-343px top;}
.public_list .IEMCL08{background-position:-391px top;}
.public_list .IEMCL09{background-position:-440px top;}
.public_list .IEMCL10{background-position:-488px top;}
.public_list .IEMCL11{background-position:-537px top;}
.public_list .IEMCL12{background-position:-587px top;}
}
/* 시정홍보알리미 인트로 페이지 */
.municipal_service{}
.municipal_service ul{width:103%;margin:0 0 0 -3%;}
.municipal_service li{float:left;width:30.333333%;margin:0 0 0 3%;}
.municipal_service .inner_line{padding:35px 10px;background-color:#fff;border:4px solid transparent;border-radius:6px;text-align:center;}
.municipal_service .service_link1 .inner_line{border-color:#779bcf;}
.municipal_service .service_link2 .inner_line{border-color:#6eb49f;}
.municipal_service .service_link3 .inner_line{border-color:#f29a58;}
.municipal_service .title{font-size:22px;font-weight:400;line-height:24px;}
.municipal_service .service_link1 .title{color:#1450a6;}
.municipal_service .service_link2 .title{color:#006d4d;}
.municipal_service .service_link3 .title{color:#df6912;}
.municipal_service .title i{display:block;width:23px;height:4px;margin:15px auto;background-color:#a6aaae;}
.municipal_service p{height:100px;color:#464646;}
.municipal_service .block_line{display:block;}
.municipal_service .btn span{width:100px;text-align:left;}
/* 사투리 */
.dialect_list{position:relative;padding:25px;background:url(/common/images/program/dialect_bg2.gif) no-repeat 50% top;text-align:center;}
#contents .dialect_list h3{margin:0 0 10px;padding:0;background:none;color:#fff;font-size:22px;font-weight:500;line-height:24px;text-align:center;}
.dialect_list p{margin:0 0 15px;color:#dadada;text-align:center;}
.dialect_list .legend{display:inline-block;position:relative;z-index:1;padding:6px 15px;background:url(/common/images/program/dialect_bg2.gif) no-repeat 50%;border:1px solid #dadada;color:#fff;}
.dialect_list .line{display:block;position:absolute;top:125px;left:25px;right:25px;height:1px;background-color:#8d8d8c;}
.dialect_list ul{margin:15px 0 0 0;}
.dialect_list li{display:inline-block;}
.dialect_list li button,.dialect_list li a{display:block;width:34px;height:34px;margin:0;padding:0;background-color:#e5e5e5;border-radius:3px;color:#2f2f2f;font-size:20px;line-height:34px;}
.dialect_list li button:hover,.dialect_list li a:hover,.dialect_list li button.current,.dialect_list li a.current{background-color:#313131;color:#fff799;}
.dialect_word{margin:20px 0 0 0;border-top:1px solid #565656;}
.dialect_word li{float:left;width:33.333333%;padding:15px 0;border-bottom:1px solid #e1e1e1;}
.dialect_word span{margin:0 0 0 10px;padding:0 0 0 20px;background:url(/common/images/sub/template_icon1.png) no-repeat -1220px -144px;}
.dialect_data{border-top:1px solid #565656;}
.dialect_data li{border-bottom:1px solid #e1e1e1;}
.dialect_data .data_btn{position:relative;width:100%;margin:0;padding:15px 0;background:none;border:none;text-align:left;}
.dialect_data .data_btn span{margin:0 0 0 19px;padding:0 0 0 20px;background:url(/common/images/sub/template_icon1.png) no-repeat -1220px -144px;}
.dialect_data .data_btn i{display:block;position:absolute;top:50%;right:10px;width:17px;height:15px;margin:-8px 0 0 0;background:url(/common/images/program/dialect_bul.png) no-repeat 4px top;}
.dialect_data .data_btn.open{background-color:#f8f8f8;}
.dialect_data .data_btn.open i{background-position:right top;}
.dialect_data .data_detail{display:none;padding:5px 40px 30px 40px;background-color:#f8f8f8;}
/* 일정 달력 */
.calendar{padding:25px 0 0 0;background:url(/common/images/sub/box1_pattern1.png) #757575 repeat;}
.calendar.soccer{padding:0;background:none;}
.calendar_list{position:relative;margin:0 0 50px 0;padding:0;}
.plan_legend{position:absolute;top:25px;left:0;}
.place{display:inline-block;width:30px;height:31px;margin:0 3px 0 0;padding:0 5px 0 0;background:url(/common/images/program/calendar_bul.png) no-repeat;color:#fff;font-size:11px;line-height:31px;text-align:center;vertical-align:middle;}
.leg1{background-position:-2px -115px;}
.leg2{background-position:-2px -147px;}
.calendar_top{height:60px;margin:0 20px;padding:0;border-bottom:1px solid #939393;text-align:center;}
.calendar_top .top_inner{position:relative;width:240px;margin:0 auto;}
#contents .calendar_top h3{display:block;position:absolute;top:0;left:0;width:100%;margin:0;padding:0;background:none;color:#fff;font-size:25px;font-weight:600;line-height:27px;text-align:center;vertical-align:middle;}
#contents .calendar_top h3 i{display:inline-block;width:32px;height:28px;margin:0 13px 0 0;background:url(/common/images/program/calendar_bul.png) no-repeat left top;vertical-align:middle;}
.calendar_top button,.calendar_top a{display:inline-block;position:relative;z-index:1;width:13px;height:23px;margin:0;padding:0;background:url(/common/images/program/calendar_sprite.png) no-repeat;border:none;color:transparent;font-size:0;line-height:0;vertical-align:middle;}
.calendar_top .cal_prev{float:left;background-position:left top;}
.calendar_top .cal_next{float:right;background-position:right top;}
.calendar_top .explanation{color:#bababa;font-size:14px;line-height:16px;text-align:right;}
.calendar_table{width:100%;margin:0;border-collapse:separate;border-spacing:0;}
.calendar_table thead th{width:14.285714%;margin:0;padding:12px 0;}
.calendar_table thead th span{color:#fff;font-size:16px;font-weight:500;line-height:18px;}
.calendar_table tbody{border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.calendar_table tbody td{position:relative;width:12.285714%;max-width:113px;min-width:113px;height:83px;padding:0 0 1% 0;background-color:#fff;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;vertical-align:top;}
.calendar_table tbody td:first-child{max-width:112px;min-width:112px;border-left:1px solid #e2e2e2;}
.calendar_table tbody td:hover{background-color:#f9f9f9;}
.calendar_table tbody .today span{border-bottom:1px solid #383838;}
.calendar_table tbody .sat span{color:#0d1fa3;}
.calendar_table tbody .sat.today span{border-color:#0d1fa3;}
.calendar_table tbody .sun span,.calendar_table tbody .holiday span{color:#c30c0c;}
.calendar_table tbody .sun.today span,.calendar_table tbody .holiday.today span{border-color:#c30c0c;}
.calendar_table .plan{background-color:#f8f8f8;}
.calendar_table .event_count{position:absolute;top:50%;left:0;right:0;margin:-16px auto 0;text-align:center;}
.calendar_table .event_count a{display:inline-block;padding:8px 0 7px 0;border-bottom:1px solid #eb6100;color:#eb6100;font-size:14px;font-weight:400;line-height:16px;}
.calendar_table .event_count a:hover{text-decoration:none;}
/* 축구단 일정달력 */
#contents .soccer .calendar_top{border-bottom:none;}
#contents .soccer .calendar_top h3{top:5px;color:#313131;font-size:25px;font-weight:normal;line-height:27px;}
.soccer .calendar_top .top_inner{width:300px;}
.soccer .calendar_top a{width:22px;height:39px;background-image:url(/common/images/program/calendar_bul.png);}
.soccer .calendar_top .cal_prev{background-position:left -57px;}
.soccer .calendar_top .cal_next{background-position:right -57px;}
.soccer .calendar_table{margin:20px 0 0 0;}
.soccer .calendar_table thead th{padding:0;background-color:#bababa;border-bottom:1px solid #fff;}
.soccer .calendar_table thead th span{display:block;padding:12px 0;border-top:3px solid #434142;border-right:1px solid #fff;}
.soccer .calendar_table thead th:first-child span{border-left:1px solid #fff;}
.soccer .calendar_table thead .sun{background-color:#e75040;}
.soccer .calendar_table thead .sat{background-color:#0d6ad2;}
.soccer .calendar_table tbody{border-color:#fff;}
.soccer .calendar_table tbody td{height:108px;background-color:#f5f5f5;border-color:#fff;}
.soccer .calendar_table tbody td:first-child{border-color:#fff;}
.soccer .calendar_table tbody .today{background-color:#d0d0d0;}
.soccer .calendar_table tbody .today span{border:none;}
/* 축구단 일정표 */
.soccer .calendar_table td > div{position:absolute;top:0;left:0;bottom:0;right:0;border:3px solid transparent;}
.soccer .calendar_table td > .home_game{border-color:#05499e;}
.soccer .calendar_table td > .away_game{border-color:#e11936;}
.calendar_table td span{display:inline-block;position:absolute;top:5px;left:5px;font-size:11px;line-height:13px;text-align:center;}
.soccer .calendar_table td .place,.soccer .calendar_table td span{width:30px;height:31px;margin:0 3px 0 0;padding:0 5px 0 0;line-height:31px;}
.soccer .calendar_table td p{height:54px;overflow:hidden;margin:40px 10px 10px 10px;font-size:14px;line-height:18px;text-align:left;}
.soccer .calendar_table td p br{display:none;}
@media all and (max-width:640px) {
    .calendar_table tbody td,.calendar_table tbody td:first-child{width:calc(13.285714% - 1px);max-width:inherit;min-width:inherit;}
}
/*
@media only screen and (max-width:640px){
  .calendar_table{border-top:1px solid #e5e5e5;}
  .calendar_table thead{display:none;}
  .calendar_table tbody tr td.empty,.calendar_table tbody tr td:first-child.empty{display:none;}
  .calendar_table tbody td:first-child,.calendar_table tbody td{display:block;position:relative;width:96%;max-width:none;min-width:inherit;height:17px;padding:0 2%;border:1px solid #e5e5e5;border-top:none;line-height:17px;}
}
*/
/* 축구단 선수단 소개 */
.player_detail{}
.player_detail .player_image{float:left;width:164px;margin:0 40px 0 0;}
.player_detail .player_image .image_box{padding:6px 6px 0 6px;}
.player_detail .player_image .image{width:150px;height:198px;}
.player_detail .player_image .image img{width:100%;}
.player_detail .image_sub_title{padding:15px 0;}
.player_detail .player_intro{float:left;width:736px;}
  /* =============================== 사이트맵 =============================== 
.sitemap{width:100%;max-width:900px;overflow:hidden;}
.sitemap_col{width:103.333333%;margin:0 0 70px -3.333333%;}
.sitemap_box{float:left;width:30%;margin:0 0 0 3.333333%;}
.sitemap_col.col4{width:103%;margin:0 0 70px -3%;}
.sitemap_col.col4 .sitemap_box{width:22%;margin:0 0 0 3%;}
#contents .sitemap_box h3{margin:0;padding:15px 0;background:#535353;color:#fff;font-size:16px;font-weight:500;line-height:18px;text-align:center;}
.sitemap_box h3 a{color:#fff;font-size:16px;font-weight:500;line-height:18px;}
.sm2depth > li{padding:1px 0 0 0;}
.sm2depth > li > a{display:block;margin:10px 0 0 0;padding:14px 0;border:1px solid #5c5c5c;color:#313131;font-size:15px;font-weight:500;line-height:17px;text-align:center;}
.sm3depth{padding:0;}
.sm3depth a{display:block;margin:10px 20px;padding:0 0 0 20px;background:url(/common/images/sub/template_icon1.png) no-repeat -1220px -139px;color:#414141;font-size:1.071em;}
.sm4depth{padding:5px 12px;background-color:#f0f0f0;}
.sm4depth li{margin:5px 2px;}
.sm4depth a{display:block;padding:0 0 0 10px;background:url(/common/images/sub/template_icon1.png) no-repeat -1227px -295px;color:#414141;font-size:1.071em;}
@media screen and (max-width:640px) {
  .sitemap_col{width:100%;margin:0;}
  .sitemap_box{width:100%;margin:0 0 30px 0;}
  .sm3depth li{display:inline-block;float:left;margin:0 8px;}
}*/
  /* =============================== 사이트맵 =============================== */
.sitemap_box:after { clear:both; content:""; display:block;}
.sm2depth > li{ float:left; width:30%; padding:0 1.5%;}
.sm2depth > li > a{display:block;margin:10px 0 0 0;padding:14px 0;border:1px solid #5c5c5c;color:#313131;font-size:15px;font-weight:500;line-height:17px;text-align:center;}
.sm3depth { margin:20px 0;}
.sm3depth > li > a{display:block;margin:5px 0;padding:5px 0 8px 25px; background:url(/common/images/sub/template_icon1.png) no-repeat 5px -135px;color:#414141; border-bottom:1px dashed #ddd;}
.sm4depth { margin:10px;}
.sm4depth a{display:block;padding:0 0 0 10px;background:url(/common/images/sub/template_icon1.png) no-repeat -1227px -295px;color:#666;font-size:0.95em;}
@media screen and (max-width:1000px) {
.sm2depth > li{ width:48%; padding:0 1%;}
}
@media screen and (max-width:640px) {
.sm2depth > li{ width:100%; padding:0;}
}

/* 배너존 */
#contents .banner{overflow:hidden;}
#contents .banner .item_list{border-top:1px solid #333;}
#contents .banner .item_list li{float:left;width:25%;height:51px;margin:-1px 0 0 0;padding:10px 0;border-bottom:1px dashed #bdbdbd;}
#contents .banner a,#contents .banner div{display:block;margin:0;padding:0;background-repeat:no-repeat;background-position:left 22px;color:#333;font-size:15px;line-height:17px;}
#contents .banner a:hover{text-decoration:none;}
#contents .banner a:hover span{border-bottom:1px solid #333;}
#contents .banner.no_item_list{padding:15px 0;border-top:1px solid #333;border-bottom:1px dashed #bdbdbd;font-size:17px;font-weight:600;line-height:21px;text-align:center;}
/* 뷰어다운로드 */
.viewer_list{border-top:1px solid #333;}
.viewer_list li{position:relative;width:100%;min-height:117px;border-bottom:1px solid #dadada;}
.viewer_list .viewer_img{position:absolute;top:0;left:0;width:180px;}
.viewer_list .viewer_img .viewer{display:block;height:50px;margin:0 0 5px 0;background:url(/common/images/sub/viewer1.gif) no-repeat 50%;}
.viewer_list .viewer_img .viewer2{background-image:url(/common/images/sub/viewer2.gif);}
.viewer_list .viewer_img .viewer3{background-image:url(/common/images/sub/viewer3.gif);}
.viewer_list .viewer_img .viewer4{background-image:url(/common/images/sub/viewer4.gif);}
.viewer_list .viewer_img .viewer5{background-image:url(/common/images/sub/viewer5.gif);}
.viewer_list .viewer_img .viewer6{background-image:url(/common/images/sub/viewer6.gif);}
.viewer_list .viewer_img .viewer7{background-image:url(/common/images/sub/viewer7.gif);}
.viewer_list .viewer_img .viewer8{background-image:url(/common/images/sub/viewer8.gif);}
.viewer_list .viewer_img .viewer9{background-image:url(/common/images/sub/viewer9.gif);}
.viewer_list .viewer_img .inner_box{padding:15px 0;border-right:1px solid #dadada;text-align:center;}
.viewer_list .viewer_text{margin:0 0 0 180px;padding:20px 0;}
.viewer_list .viewer_text div,.viewer_list .viewer_text p{margin:3px 0 3px 35px;}
#contents .viewer_list .btn{padding:5px 15px;}
@media screen and (max-width:800px) {
  .viewer_list .viewer_img .inner_box{border-right:none;}
  .viewer_list .viewer_text{min-height:80px;border-left:1px solid #dadada;}
}
@media screen and (max-width:414px) {
  .viewer_list .viewer_img{position:static;top:inherit;left:inherit;width:100%;margin:0 0 15px 0;}
  .viewer_list .viewer_text{margin:0;padding:15px 0;border-left:none;border-top:1px dashed #dadada;}
  .viewer_list .viewer_text div, .viewer_list .viewer_text p{margin:3px 0;}
}

/* .program_search 추가 */
.program_search.n_sear .search_inner{position:relative;margin:0 30px;}
.program_search.n_sear .search_inner .search_btn span { min-height:32px;}
.program_search.n_sear label { font-weight:600;}
.program_search.n_sear .n_select {float:left; line-height:32px; min-height:36px;}
.program_search.n_sear .n_select select { height:32px;}
.program_search.n_sear .n_date {float:left; margin-left:3%; min-height:36px;}
.program_search.n_sear .n_date span{display:inline-block;position:relative;width:110px;padding:0 42px 0 10px;background-color:#fff;border:1px solid #aaa;}
.program_search.n_sear .n_date i{display:inline-block;position:absolute;top:0;right:0;width:32px;height:32px;background:url(/common/images/program/program_search_icon.png) #aaa no-repeat 50% -38px;border:none;color:transparent;font-size:1px;line-height:1px;}
.program_search.n_sear .n_text { float:left; margin-left:3%; min-height:36px;}
.program_search.n_234 label{display:inline-block;width:auto;padding:0 0 0 5px;background:none;}
.program_search.n_234 .n_date {margin:10px 0 0 0; width:100%;}


/* program_search_n */
.program_search_n{margin:30px 0;padding:25px;background:url(/common/images/sub/box1_pattern1.gif) repeat;border:1px solid #e5e5e5;border-top:2px solid #5c5c5c;text-align:center;}
.program_search_n label{display:inline-block;color:#333; font-weight:600; margin-right:20px; min-width:70px;}
.program_search_n input[type="text"]{height:32px;margin:0;padding:0 0 0 10px; box-sizing:border-box; background-color:#fff;border:1px solid #aaa;line-height:32px;}
.program_search_n select{height:32px;margin:0;padding:0;background-color:#fff;border:1px solid #aaa;line-height:32px; min-width:110px;}

.program_search_n .search_inner { position:relative;}
.program_search_n .fl_left { float:left; text-align:left; margin:2px 0;}

.program_search_n .search_date{display:inline-block;position:relative;}
.program_search_n .search_date i{display:inline-block;position:absolute;top:0;right:0;width:32px;height:32px;background:url(/common/images/program/program_search_icon.png) #aaa no-repeat 50% -38px;border:none;color:transparent;font-size:1px;line-height:1px;}
.program_search_n .label_s { min-width:auto; font-weight:400; color:#666;}


.program_search_n .search_btn{position:absolute;top:2px;bottom:2px;right:0; min-width:14%;}
.program_search_n .search_btn .btn_submit{display:block;width:auto;height:100%;overflow:hidden;background-color:#778495;text-align:center;}
.program_search_n .search_btn .btn_submit i{ vertical-align:middle;display:inline-block; width:18px; height:18px; background:url(/common/images/program/program_search_icon.png) #778495 no-repeat right -102px;}
.program_search_n .search_btn input[type="submit"]{line-height:100%; height:100%;padding:0 10px;color:#fff;}


@media screen and (max-width:800px) {
/* width */
.program_search_n .w5p,
.program_search_n .w10p,
.program_search_n .w15p,
.program_search_n .w20p,
.program_search_n .w25p,
.program_search_n .w30p,
.program_search_n .w35p,
.program_search_n .w40p,
.program_search_n .w45p,
.program_search_n .w50p,
.program_search_n .w55p,
.program_search_n .w60p,
.program_search_n .w65p,
.program_search_n .w70p,
.program_search_n .w75p,
.program_search_n .w80p,
.program_search_n .w85p,
.program_search_n .w90p,
.program_search_n .w95p,
.program_search_n .w100p{width:100% !important;}
.program_search_n label { display:none;}

}
/* ul_tour */
.ul_tour > li { float:left; width:32%; margin:0 2% 30px 0;}
.ul_tour > li:nth-child(3n) { margin:0 0 30px 0;}
.ul_tour > li > a { display:block; border:1px solid #ddd; transition: all .2s ease;}
.ul_tour > li > a:hover { transform:translate(0, 3px);}
.ul_tour > li .img { height:198px; overflow:hidden;}
.ul_tour > li .img img { width:100%; height:100%;}
.ul_tour > li .box_in { padding:5%; min-height:120px;}
.ul_tour > li .box_in .p_title { text-align:center; font-size:19px; color:#222; padding-bottom:10px;}
.ul_tour > li .box_in .p_desc { font-size:15px;}
.ul_tour .ul_desc > li {position: relative; padding: 0 0 0 10px;}
.ul_tour .ul_desc > li:before{position:absolute;left:0;top:12px;display:inline-block; content:"";width:3px;height:3px;background:#7b7b7b;}

@media screen and (max-width:800px) {
.ul_tour > li { width:49%; margin:0 2% 30px 0;}
.ul_tour > li:nth-child(3n) { margin:0 2% 30px 0;}
.ul_tour > li:nth-child(2n) { margin:0 0 30px 0;}
}

@media screen and (max-width:480px) {
.ul_tour > li { width:100%; margin:0 0 30px 0;}
.ul_tour > li:nth-child(3n) { margin:0 0 30px 0;}
}

.tour_view h4 { margin-left:0 !important; margin-bottom:10px !important;}
.tour_view .bu { margin:0 !important; padding:0;}
.tour_view .bu li{ width:47% !important; float:left !important;}

.tour_view .top_con .title {border-top:2px solid #2a2a2a; text-align:center; line-height:44px; color:#333; font-size:25px; letter-spacing:-0.05em; padding:20px 0; position:relative;}
.tour_view .top_con .title .btn_movie { background:#1197d5 url(/site/tour/images/contents/icon_movie.png) no-repeat center; display:inline-block; width:54px; height:44px; font-size:0; vertical-align:middle; margin-left:10px;}
.tour_view .top_con .title .btn_vr { background:#22b24c url(/site/tour/images/contents/icon_vr.png) no-repeat center; display:inline-block; width:54px; height:44px; font-size:0; vertical-align:middle; position:absolute; right:10px; top:20px;}

.tour_view .tour { width:100%; height:480px; overflow:hidden; position:relative; background:#26253e; padding:30px; box-sizing:border-box;}
.tour_view .tour .left { width:600px; float:left; position:relative; margin-left:26px;}
.tour_view .tour .right { padding-left:45px; width:170px; float:left;}
.tour_view .tour .right .slick-track { width:auto !important; /*transform:none !important;*/}
.tour_view .tour .right .pagination { margin-top:0px !important;}
.tour_view .tour .right .page_btn button { width:30px; height:30px; font-size:0; cursor:pointer; z-index:1000; }
.tour_view .tour .right .page_btn .prev {background:url(/site/tour/images/contents/btn_tour_prev.png) no-repeat center; background-size:100%;}
.tour_view .tour .right .page_btn .next {background:url(/site/tour/images/contents/btn_tour_next.png) no-repeat center; background-size:100%;}
.tour_view .tour .right .page { color:#fff; line-height:30px; vertical-align:middle;}
.tour_view .tour .right .page span { color:#fff; line-height:30px; display:inline-block; vertical-align:middle;}
.tour_view .tour .tour_list a { z-index:100; display:block; position:relative;}
.tour_view .tour .tour_nav { height:370px; width:180px; z-index:1000;}
.tour_view .tour .tour_nav a { display:block;}
.tour_view .tour .tour_nav .slick-slide { margin:0 7px 10px 7px !important; padding:0 !important; border:3px solid #fff !important;}
.tour_view .tour .tour_nav .slick-slide.slick-current { border:3px solid #f60 !important;}


.tour_view .tour .tour_control button{ position:absolute; bottom:15px; width:50px; height:50px; font-size:0; cursor:pointer; z-index:1000;}
.tour_view .tour .tour_control button.prev{background:url(/site/tour/images/contents/btn_tour_prev.png) no-repeat center; background-size:100%; left:20px;}
.tour_view .tour .tour_control button.next{background:url(/site/tour/images/contents/btn_tour_next.png) no-repeat center; background-size:100%; right:20px;}

.tour_view .tab_tour { border-left:1px solid #cdcdcd; margin-top:30px;}
.tour_view .tab_tour li { float:left; width:25%;}
.tour_view .tab_tour li a { border:1px solid #cdcdcd; border-left:none; display:block; line-height:1em; padding:15px 0 0 20px; height:30px}
.tour_view .tab_tour li a.on { color:#252424; border-top:3px solid #f58220; padding-top:13px; background:url(/site/tour/images/contents/bg_tab.png) no-repeat 90% center;}

.tour_view .point span {width:84px; height:22px; color:#fff; font-weight:600; font-size:14px; padding-right:5px; text-align:center; line-height:22px; display:inline-block; margin-right:10px; }
.tour_view .point .bg1 { letter-spacing:0em; background:url(/site/tour/images/contents/bg_point1.png) no-repeat center;}
.tour_view .point .bg2 { background:url(/site/tour/images/contents/bg_point2.png) no-repeat center;}

.tour_info .btn_more { display:block; border:1px solid #e1e1e1; color:#666; text-align:center; padding:10px;}
.tour_info .btn_more i { margin-left:10px; width:14px; height:7px; display:inline-block; font-size:0; background:url(/site/tour/images/contents/bg_more_ar.png) no-repeat center;}


@media screen and (max-width:1000px) {
.tour_view .tour .left { width:550px; margin-left:0;}
.tour_view .tour .right { padding-left:10px;}
}
@media screen and (max-width:800px) {
.tour_view .bu li{ width:95% !important;}

.tour_view .tour { height:auto; padding:20px;}
.tour_view .tour .left { width:100%; float:none; margin:0 auto;}
.tour_view .tour .right { padding-left:0; width:100%;}
.tour_view .tour .right .pagination { margin-top:5px !important;}
.tour_view .tour .right .tour_nav { display:none !important;}
.tour_view .tour .right .page_btn .prev { display:none;}
.tour_view .tour .right .page_btn .next { display:none;}
.tour_view .tour .tour_control button{ width:30px; height:30px;}

.tour_view .tab_tour li { width:33.33%;}
}

.ul_img_info > li { float:left; width:32%; margin:0 2% 30px 0;}
.ul_img_info > li:nth-child(3n) { margin:0 0 30px 0;}
.ul_img_info > li img { width:100%; height:100%;}
.ul_img_info li a{ display:block; position:relative; height:198px; overflow:hidden;}
.ul_img_info li a .p_title {position:absolute;left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); text-align:center; line-height:50px; color:#fff;}
.ul_img_info li a .tour_ca {position:absolute;left:0; top:0; display:inline-block; font-size:14px; color:#fff; width:70px; line-height:30px; text-align:center;}
.ul_img_info li a .tour_ca.bg2 { background:#22b24c;}
.ul_img_info li a .tour_ca.bg3 { background:#de412c;}
.ul_img_info li a .tour_ca.bg4 { background:#428bef;}
@media screen and (max-width:500px) {
.ul_img_info > li { width:49%; margin:0 2% 20px 0;}
.ul_img_info > li:nth-child(3n) { margin:0 2% 20px 0;}
.ul_img_info > li:nth-child(2n) { margin:0 0 20px 0;}
}

.tour_map { width:100%; height:450px; background:#efefef;}

.ul_sns { border-top:1px solid #636363;}
.ul_sns > li { border-bottom:1px solid #ddd; padding:15px; position:relative;}
.ul_sns > li .btn_link {position:absolute; right:20px; top:20px;}
.ul_sns > li .icon_sns { display:inline-block; width:37px; height:37px; font-size:0; vertical-align:middle; margin-right:10px;}
.ul_sns > li .icon_sns.bg1 { background:url(/site/tour/images/contents/icon_sns1.gif) no-repeat;}
.ul_sns > li .icon_sns.bg2 { background:url(/site/tour/images/contents/icon_sns2.gif) no-repeat;}
.ul_sns > li .icon_sns.bg3 { background:url(/site/tour/images/contents/icon_sns3.gif) no-repeat;}
.ul_sns > li .icon_sns.bg4 { background:url(/site/tour/images/contents/icon_sns4.gif) no-repeat;}

/* ul_review */
.ul_review > li { float:left; width:32%; margin:0 2% 30px 0;}
.ul_review > li:nth-child(3n) { margin:0 0 30px 0;}
.ul_review a { display:block; position: relative; transition: all .3s ease;}
.ul_review .image { display: block;  width:100%; height:198px; overflow:hidden;}
.ul_review a .ctn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; background-color:rgba(0,0,0,0.6);}
.ul_review .ctn .title { color:#fff; font-size:18px; position: absolute; top: 50%; left: 10%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align:center; width:80%;}
.ul_review .ctn .re_tour { opacity: 1; transition: all .3s ease; font-size:13px; background:#f58220; color:#fff; display:inline-block; padding:0 10px; margin-top:25px;}

.ul_review .ctn i.more { position: absolute; bottom: 0; left:50%; margin-left:-18px; opacity: 0; transition: all .3s ease; display:inline-block; width:37px; height:37px;background:url(/site/tour/images/contents/icon_review_more.png) no-repeat center;}

.ul_review a:hover .ctn { background-color:rgba(0,0,0,0.8);}
.ul_review a:hover .ctn .re_tour  { opacity: 0;}
.ul_review a:hover .ctn i.more  { opacity: 1;}

@media screen and (max-width:800px) {
.ul_review > li { width:49%; margin:0 2% 20px 0;}
.ul_review > li:nth-child(3n) { margin:0 2% 20px 0;}
.ul_review > li:nth-child(2n) { margin:0 0 20px 0;}
}
/*
.ul_review a .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color:rgba(0,0,0,0.8);}
.ul_review a:hover .overlay { opacity: 1;}
.ul_review a:hover .ctn  { opacity: 0;}
.ul_review .text { color: white; font-size:18px; position: absolute; top: 50%; left: 10%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align:center; width:80%;}
.ul_review .text i { width:37px; height:37px; display:block; margin:10px auto; background:url(/site/tour/images/contents/icon_review_more.png) no-repeat center;}*/

/* review_view */
.review_view .top_desc { border-top:2px solid #2a2a2a; padding:40px 30px;}
.review_view .top_desc .p_title { font-size:30px; font-weight:600; color:#333; font-family: 'Nanum Myeongjo'; padding-bottom:20px;}
.review_view .top_desc .p_source { font-size:14px; border-bottom:1px dashed #ddd; display:inline-block; padding:2px 10px; margin-bottom:10px;}
.review_view .top_desc .p_name { font-size:20px; color:#333;}


/* govern_list */
.govern_list > li { float:left; width:32%; position:relative; margin:0 2% 30px 0;}
.govern_list > li:nth-child(3n) { margin:0 0 30px 0;}
.govern_list > li .line { border:none; background:#edf2f7; margin:0; min-height:160px; padding:30px;}
.govern_list > li .img { position:absolute; top:30px; left:30px; width:130px; height:160px; background:#fff;}
.govern_list > li .img img { height:100%;}
.govern_list > li .text { margin-left:150px;}
.govern_list > li .text .h4 { margin:10px 0 0 0 !important;}
.govern_list > li .text .bu { padding-left:7px !important;}
.govern_list > li .text .em_blue3 { color:#333;}

@media screen and (max-width:1000px) {
.govern_list > li { width:49%; margin:0 2% 30px 0;}
.govern_list > li:nth-child(3n) { margin:0 2% 30px 0;}
.govern_list > li:nth-child(2n) { margin:0 0 30px 0;}
}
@media screen and (max-width:800px) {
.govern_list > li { width:100%; margin:0 0 30px 0;}
} 
@media screen and (max-width:500px) {
.govern_list > li .line { min-height:130px; padding:20px;}
.govern_list > li .img { width:100px; top:20px; left:20px; height:130px;}
.govern_list > li .img img { width:100px; height:100%;}
.govern_list > li .text { margin-left:110px;}
}

/* ul_skin1 */
.ul_skin1 > li { float:left; width:32%; position:relative; margin:0 2% 20px 0;}
.ul_skin1 > li:nth-child(3n) { margin:0 0 20px 0;}
.ul_skin1 > li a { display:block; border:1px solid #ddd; padding:25px;}
.ul_skin1 > li .img { background:#f4f4f4; text-align:center; height:160px; margin-bottom:20px;}
.ul_skin1 > li .img img { height:100%;}
.ul_skin1 > li .text .title { font-size:17px; color:#333; padding-bottom:5px;}
.ul_skin1 > li .text .bu { padding-left:0 !important; font-size:14px;}


/* ul_lan */
.ul_lan > li { float:left; width:32%; margin:0 2% 30px 0;}
.ul_lan > li:nth-child(3n) { margin:0 0 30px 0;}
.ul_lan > li > a { display:block; border:1px solid #ddd; transition: all .2s ease;}
.ul_lan > li > a:hover { transform:translate(0, 3px);}
.ul_lan > li .img { height:198px; overflow:hidden;}
.ul_lan > li .img img { width:100%; height:100%;}
.ul_lan > li .box_in { padding:5%;}
.ul_lan > li .box_in .p_title { text-align:center; color:#222; padding-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ul_lan .ul_desc > li {position: relative; padding: 0 0 0 10px;}
.ul_lan .ul_desc > li:before{position:absolute;left:0;top:12px;display:inline-block; content:"";width:3px;height:3px;background:#7b7b7b;}

@media screen and (max-width:800px) {
.ul_lan > li { width:49%; margin:0 2% 30px 0;}
.ul_lan > li:nth-child(3n) { margin:0 2% 30px 0;}
.ul_lan > li:nth-child(2n) { margin:0 0 30px 0;}
}

@media screen and (max-width:480px) {
.ul_lan > li { width:100%; margin:0 0 30px 0;}
.ul_lan > li:nth-child(3n) { margin:0 0 30px 0;}
}


.lan_view .top_con .title {text-align:center; line-height:44px; color:#333; font-size:25px; letter-spacing:-0.05em; padding:20px 0;}

.lan_view .tour { width:100%; height:467px; overflow:hidden; position:relative; background:#26253e;}
.lan_view .tour .left { width:700px; float:left; position:relative;}
.lan_view .tour .right { padding-left:45px; width:150px; float:left;}
.lan_view .tour .right .slick-track { width:auto !important; transform:none !important;}
.lan_view .tour .right .pagination { margin-top:0px !important;}
.lan_view .tour .right .page_btn a { background-color:#fff !important;}
.lan_view .tour .right .page { color:#fff;}
.lan_view .tour .tour_list a { z-index:100; display:block; position:relative;}

.lan_view .tour .tour_nav { height:405px; width:150px; overflow:hidden; padding-top:40px; z-index:1000;}
.lan_view .tour .tour_nav a { display:block;}
.lan_view .tour .tour_nav .slick-slide { width:130px !important; margin:20px 7px 10px 7px !important; padding:0 !important; border:3px solid #fff !important;}
.lan_view .tour .tour_nav .slick-slide.slick-current { border:3px solid #f60 !important;}

.btn_t1 { line-height:32px; text-align:center; font-size:15px;}
.btn_t2 { background:#f60 !important; border:1px solid #f60 !important;}
.font_t1 { font-weight:600; color:#173c88 !important;}