.inner {max-width: 1200px; margin: 0 auto; }
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}
#sub-vis{ background-color: #191b27; background-repeat:no-repeat; background-position:50% 100%;  height:300px; position:relative; }
.SV1{background-image:url(../../images/sub/sub_vis01.png);}
.SV2{background-image:url(../../images/sub/sub_vis02.png);}
.SV3{background-image:url(../../images/sub/sub_vis03.png);}
.SV4{background-image:url(../../images/sub/sub_vis04.png);}
.SV5{background-image:url(../../images/sub/sub_vis05.png);}
.SV6{background-image:url(../../images/sub/sub_vis01.png);}
.sub-vis-box{position:relative; width:100%; line-height:75px; padding-top:40px; color:#fff; font-size:4rem; font-weight:500; text-align:right; margin:0 auto;}
.sub-vis-box p{position:relative;/*filter: drop-shadow(1px 1px 15px rgba(0,0,0,0.8));*/ letter-spacing:4px; -moz-text-shadow: 2px 1px 5px rgba(0,0,0,0.5); -webkit-text-shadow: 2px 1px 5px rgba(0,0,0,0.5); text-shadow: 2px 1px 5px rgba(0,0,0,0.5);}
.snb{background:#f0f2f5; text-align:center;}
.snb li{display:inline-block; position:relative; }
.snb a{ font-size:1.8rem; display:block; padding:20px 50px;}
.snb li.current a{color:#1a78bf; background:#fff; font-weight:400;}
.snb li.current a:before{ display: block;content: ''; position: absolute; bottom:0; left: 50%; width:50px; height:2px;  background:#1a78bf; margin-left: -23px; z-index:1;}

#sub-tit{text-align:center; position:relative; width:100%;  max-width:1200px; margin:0 auto;  letter-spacing:-0.02em; padding:60px 0 0px;}
#sub-tit .top_tit{display:block; font-size:3.5rem; font-weight:400; margin-bottom:10px; position:relative; padding-bottom:15px;}
#sub-tit .top_tit:after{content:""; display:block; width:35px; height:2px; background:#ff9f33; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
#sub-nav{display:block;}
#sub-nav p{display:inline-block; font-size: 1.6rem; color:#8e8e8e;  box-sizing:border-box; font-weight: 400; line-height:1.3;}
#sub-nav p br{display:none;}
#sub-nav i {color: #8e8e8e; padding: 0 5px;}
#sub-nav .home{font-size:0;}
#sub-nav .home i {color: #8e8e8e; font-size: 1.6rem; padding: 0; vertical-align: super;}

#snb{height:60px; line-height:60px; width:100%;position:relative; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
#snb .snb-area{width:1200px;  margin:0 auto; text-align:right;}
#snb .snb-area div{display:inline-block; border-right:1px #e3e3e3 solid; font-size:1.8rem;  vertical-align:top; height:60px; text-align:left; font-weight:400;}
#snb .snb-area div.snb01{font-size:0; width:59px; border-left:1px #e3e3e3 solid; text-align:center;}
#snb .snb-area div.snb01 i{font-size:1.96rem; line-height:60px; }
#snb .snb-area div.snb02, #snb .snb-area div.snb03{width:190px; padding:0 20px; position:relative;}
#snb .snb-area div.snb03{padding-right:30px;}
#snb .snb-area div.snb03 p{cursor:pointer;}
#snb .snb-area div.snb03 i{position:absolute; right:10px; line-height:60px;  font-size:2.3rem;}
#snb .snb-list{position:absolute; width:242px; background:#fff; top:60px; left:-3px; padding:10px 0; border:1px #dadad8 solid;  z-index:2;}
#snb .snb-list.hide{display:none;}
#snb .snb-list li a{font-size:1.7rem; color:#555; padding:13px 15px; line-height:1.1; display:block; font-weight:300;}
#snb .snb-list li:hover a{color:#ff9f33; font-weight:400; text-decoration:underline;}

#sub-content{width:100%;min-height:317px; font-size:1.7rem; margin:50px auto 70px; word-break:keep-all;}
#sub-content .sub-inner{ max-width:1200px; margin:50px auto 70px; }
#sub-content .w_1100{max-width:1100px; margin:0 auto;}
#sub-content .w_1000{max-width:1000px; margin:0 auto;}
.sub_title{position:relative; display:inline-block; font-size:30px; margin:40px 0 50px 0px;  letter-spacing:-0.06em; font-weight:400; color:#1364bb;}
.sub_title.second{ margin-top:100px; }
.sub_title.no_tit{margin-bottom:30px;}

.s_tit{position:relative; font-size:2.5rem; padding-left:30px; font-weight:400; margin-bottom:20px;}
.s_tit i{position:absolute; top:6px; left:0; display:inline-block; color:#ffd14c;}

.page-ing{text-align:center; }
.page-ing img{max-width:100%;}



/*테이블*/
table{border-top: 2px solid #115192;}
table th, table td{ border-bottom:1px solid #d1d1d1 ; font-size:1.7rem; padding:15px 20px;}
table tr th:first-child, table tr td:first-child{border-left-width:0;}
table th{ font-weight:400; text-align:left; word-break:keep-all;}
table td{font-size:1.7rem; }
table.center td{text-align:center;}
table tr th.b_left{border-left-width:1px;}
table tr td.b_left{border-left-width:1px;}
table tr th.b_top{border-top:2px solid #333;}
table tr td.b_top{border-top:2px solid #333;}
.tr_color{background:#fafcff !important;}
select{font-size:1.6rem; border:1px #e0e0e0 solid; height:40px; padding:0px 5px;}
select option{display:block; padding:50px;}
input{font-size:1.5rem; padding:0 5px; box-sizing:border-box; height:40px;}
.w_80p{width:80px;}
.w_100p{width:100px;}
.w_120p{width:120px;}
.w_150p{width:150px;}
.w_180p{width:180px;}
.w_200p{width:200px;}
.w_100{width:100%;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mt_30{margin-top:30px;}
.mt_50{margin-top:50px;}
.mt_70{margin-top:70px;}
.com_add{margin-top:7px;}
.birth_selc em{display:inline-block; margin-left:5px; margin-right:15px; vertical-align:inherit;}
.post_num {display:inline-block; padding:0px 20px; height:40px; line-height:40px; background:#333; color:#ffffff !important; vertical-align:top; margin-left:5px; font-size:1.6rem;}
.tiny_txt {display: block; color: #5e390f; font-size: 1.6rem; margin-top: 10px; }
.tiny_txt.inline{display:inline-block; margin-left:10px;}
label{vertical-align:middle;}
input[type="radio"]{    margin: 0 5px 0px 10px;}
input[type="radio"].first{margin-left:0;}
.table_note {text-align: right; font-size: 1.5rem; margin-bottom: 10px; margin-top: -30px; color: #0f6560; font-weight: 500;}
.tel_selc input {width: 98px;}
.mr_15{margin-right:15px;}
.mt_20{margin-top:20px;}
.mb_30{margin-bottom:30px;}
.f_red {color: #e84730;}
.LR_list table td.bg_color {background:#ececec;}
.m_br br{display:none;}
table.th_L th{text-align:left;}
.tel_selc .check_btn input{ width:20px; margin-right:5px; }
.tel_selc .f_tel{margin-top:7px;}
.tel_selc .f_tel input{width:200px;} 
.certify_btn{display:inline-block; padding:0px 20px; height:40px; line-height:40px; background:#333; color:#ffffff !important; vertical-align:top; margin-left:5px;}


/*서브 탭*/
.sub-tab-current{display:none;}
.sub-tab-list{font-size:0; text-align:center; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin-bottom:50px;}
.sub-tab-list li{position:relative; display:inline-block; width:25%; font-size:1.9rem; text-align:center; vertical-align:top;}
.sub-tab-list li.on:before{content:""; display:block; width:100%; height:2px; background:#209d9a; position:absolute; bottom:0; left:0;}
.sub-tab-list li.on:after{content:""; display:block; display:inline-block; width:0; height:0; border-style:solid; border-width:9px; border-color:#209d9a transparent transparent transparent; position:absolute; bottom:-18px; left:50%; transform:translateX(-50%);}
.sub-tab-list li a{display:block; padding:15px; font-weight:400; word-break:keep-all;}
.sub-tab-list li.on a{ color:#209d9a; font-weight:400;}

/*야행소개*/
#about_outline .wrap{position:relative; padding-top:70px; word-break:keep-all;}
#about_outline .img_box{position:absolute; top:0; left:0; z-index:1;}
#about_outline .img_box img{max-width:100%; box-shadow:5px 4px 7px 3px rgba(0, 0, 0, 0.15);}
#about_outline .cont_box{position:relative; margin-left:300px; border:12px solid #fff3d9; padding:60px 30px 60px 180px; box-sizing:border-box;}
#about_outline .cont_box .btn{position:absolute; top:-30px; right:30px;}
#about_outline .cont_box .btn a{display:inline-block; background:#f28101; color:#fff; border:1px solid #d77200; font-weight:400; padding:10px 30px 10px 25px; border-radius:5px;}
#about_outline .cont_box .btn a i{display:inline-block; margin-right:15px;}
#about_outline .cont_box .btn a:hover{text-decoration:underline;}
#about_outline .cont_box dl{margin-top:40px;}
#about_outline .cont_box dl.first{margin-top:0;}
#about_outline .cont_box dt{font-size:1.9rem; font-weight:400; color:#f38f1e;}
#about_outline .cont_box dt .icon{display:inline-block; width:40px; height:40px;  text-align:center; background:#fff3d9; color:#f38f1e; border-radius:999px; margin-right:10px;}
#about_outline .cont_box dt .icon i{display:inline-block; vertical-align:middle; line-height:40px; font-size:2.3rem;}
#about_outline .cont_box dd{margin-left:57px; font-size:1.7rem;}
#about_outline .cont_box dd .list li{position:relative; padding-left:20px;}
#about_outline .cont_box dd .list li span{position:absolute; top:0; left:0;}

/*남해찬가*/
#about_song .all_bg{background:url(../../images/sub/song_bg.jpg) no-repeat; background-size:cover; background-position:top center;}
#about_song .all_bg .cont-box{max-width:850px; margin:0 auto; background:rgba(0,0,0,0.55);padding:70px 100px 50px; color:#fff; text-align:center; box-sizing:border-box; }
#about_song .all_bg .cont-box .title{font-size:3rem; font-weight:500;}
#about_song .all_bg .cont-box .writer{font-size:1.7rem; font-weight:400; text-align:right;}
#about_song .all_bg .cont-box .wrap{font-size:0; margin-top:45px;}
#about_song .all_bg .cont-box .wrap .txt{display:inline-block; font-size:1.6rem; vertical-align:top; text-align:left;}
#about_song .all_bg .cont-box .wrap .txt.first{margin-right:70px;}
#about_song .all_bg .cont-box .wrap .txt dl{margin-top:35px;}
#about_song .all_bg .cont-box .wrap .txt dl.first{margin-top:0;}
#about_song .all_bg .cont-box .wrap .txt dl dt{font-weight:400; font-size:1.7rem; margin-bottom:3px;}
#about_song .all_bg .cont-box .detail{margin-top:50px; font-size:1.5rem; color:rgba(255,255,255,0.8); word-break:keep-all;}


/*야행스토리*/
#about_story .info_box{background:url(../../images/sub/story-bg.jpg) no-repeat; background-size:cover; padding:60px 0; box-sizing:border-box; color:#fff;}
#about_story .info_box .title .logo img{height:65px;}
#about_story .info_box .title .s_txt{font-size:2.1rem; font-weight:400; margin-top:10px;}
#about_story .info_box .title .s_txt br{display:none;}
#about_story .info_box .cont{margin-top:30px;}
#about_story .info_box .cont dl{position:relative; margin-top:10px;}
#about_story .info_box .cont dl:first-child{margin-top:0;}
#about_story .info_box .cont dl dt{position:absolute; top:0; left:0; width:60px;}
#about_story .info_box .cont dl dd{position:relative; margin-left:80px; padding-left:20px;}
#about_story .info_box .cont dl dd:before{content:""; display:block; width:1px; height:15px; background:#fff; position:absolute; top:5px; left:0;}
#about_story > .inner_1100{position:relative;}
#about_story .map_box{position:absolute; top:-320px; right:20px;}
#about_story .map_box .img_box img{width:345px; max-width:100%; box-shadow:0 0 5px 5px rgba(0,0,0,0.2);}
#about_story .map_box .btn{position:absolute; bottom:30px; right:-20px;}
#about_story .map_box .btn a{display:inline-block; background:#553e8d; color:#fff; font-size:1.6rem; font-weight:400; height:45px; line-height:45px; vertical-align:middle; padding:0 20px;}
#about_story .map_box .btn a i{margin-left:15px;}
#about_story .txt_box{margin-top:45px; padding-right:450px;}
#about_story .txt_box p{margin-top:30px;}
#about_story .txt_box p.small{font-size:1.5rem;}


/*찾아오시는길*/
#about_direction .info_box dl{display:table; width:100%; table-layout:fixed;}
#about_direction .info_box dt{display:table-cell; width:160px; font-size:1.7rem; color:#e97c00; font-weight:400; padding:15px; border-bottom:2px solid #f38f1e; box-sizing:border-box; vertical-align:middle;}
#about_direction .info_box dd{display:table-cell; padding:15px 15px 15px 40px; position:relative; font-size:1.6rem; vertical-align:middle; box-sizing:border-box;}
#about_direction .info_box dd:after{content:""; display:block; width:calc(100% - 20px); height:1px; background:#b8b8b8; position:absolute; bottom:0; left:20px; }
#about_direction .info_box dl.first dt{border-top:2px solid #f38f1e;}
#about_direction .info_box dl.first dd:before{content:""; display:block; width:calc(100% - 20px); height:1px; background:#b8b8b8; position:absolute; top:0; left:20px;}
#about_direction .info_box .ul_cont{font-size:0;}
#about_direction .info_box .ul_cont li{display:inline-block; width:50%; font-size:1.6rem; vertical-align:top;}
#about_direction .info_box .ul_cont.two_cont li:nth-child(n+3){margin-top:5px;}
#about_direction .info_box .ul_cont li em{font-weight:400; color:#9a5818;}
#about_direction .info_box .bus_btn{display:inline-block; background:#9a5818; color:#fff; padding:3px 10px; border-radius:5px; font-size:1.4rem; margin-left:10px;}
#about_direction .info_box .bus_btn i{display:inline-block; margin-left:10px;}
#about_direction .info_box .ul_cont.three_cont li{width:33.3%; }
#about_direction .info_box .ul_cont.three_cont li:nth-child(n+4){margin-top:5px;}
#about_direction .info_box .ul_cont.three_cont li em{font-weight:600; }
#about_direction .info_box .detail{text-align:right; font-size:1.4rem; font-weight:400; margin-top:7px; color:#9a5818;}

#about_direction .guide_box .tit{background:#00567a; color:#fff; font-size:2.3rem; font-weight:600; text-align:center; padding:13px; letter-spacing:0em;}
#about_direction .guide_box .img_box img{max-width:100%;}
#about_direction .guide_box .img_box .zoom_btn{display:none;}

.TVB_map{height:500px; border:3px #f0f0f0 solid;}
.gm-ui-hover-effect{display:none !important;}
.gm-style .gm-style-iw-d::-webkit-scrollbar{width:13px;}
.map_Heading{font-weight:bold;}


/*문화재란*/
#c_cultural01 .c_item .wrap{position:relative; border-top:3px solid #ff9f33; background:#fcf5ee; padding:40px 50px; border-radius:0 0 10px 10px; min-height:170px; box-sizing:border-box;}
#c_cultural01 .c_item .wrap .icon_box{position:absolute; top:50%; left:50px; transform:translateY(-50%);}
#c_cultural01 .c_item .wrap .icon_box span{display:inline-block; width:100px; height:100px; background:#fff; border-radius:999px; text-align:center; line-height:98px;}
#c_cultural01 .c_item .wrap .icon_box span img{height:70px; line-height:100px; vertical-align:middle;}
#c_cultural01 .c_item .wrap .txt_box{margin-left:140px;}
#c_cultural01 .c_item .wrap .txt_box.short{padding-top:20px;}
#c_cultural01 .c_item .wrap .txt_box li{position:relative;  padding-left:20px; margin-top:10px; word-break:keep-all; word-wrap:break-word;}
#c_cultural01 .c_item .wrap .txt_box li:first-child{margin-top:0;}
#c_cultural01 .c_item .wrap .txt_box li span{position:absolute; top:0px; left:0;}
#c_cultural01 .c_item .source{text-align:right; font-size:1.5rem; color:#714d00; margin-top:10px;}


/*대상문화재*/
.culture_list{font-size:0;}
.culture_list li{display:inline-block; width:calc((100% - 80px)/3); margin-left:40px; font-size:1.5rem; border:1px solid #dedede; box-sizing:border-box; word-break:keep-all; vertical-align:top;}
.culture_list li:nth-child(3n+1){margin-left:0;}
.culture_list li:nth-child(n+4){margin-top:40px;}
.culture_list li .img_box{position:relative;}
.culture_list li .img_box img{max-width:100%;}
.culture_list li .img_box .join{position:absolute; top:20px; left:20px;}
.cul_cont .join span{display:inline-block; padding:3px 15px; background:#eaa117; color:#fff; font-weight:400; border-radius:999px; font-size:1.4rem;}
.culture_list li .txt_box{background:#f5f5f5; padding:30px; text-align:center;}
.culture_list li .txt_box .name{font-size:2.1rem; color:#00567a; font-weight:600; margin-bottom:13px; padding-bottom:13px; position:relative;}
.culture_list li .txt_box .name:after{content:""; display:block; width:30px; height:2px; background:#00567a; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.culture_list li .txt_box .cate{ font-size:1.6rem; font-weight:400;}
.culture_list li .txt_box .detail{color:#7a7a7a; font-size:1.4rem;}
.culture_list li .txt_box .location{color:#555;margin:15px 0 20px; font-weight:400; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.culture_list li .txt_box .location i{display:inline-block;  margin-right:3px;}
.culture_list li .txt_box .btn{background:#00567a; color:#fff; font-weight:400; padding:10px 0; transition:all 0.2s; border:1px solid #00567a;}
.culture_list li:hover .txt_box .btn{background:#fff; color:#00567a; font-weight:600; border-color:#ccc;}

.culture_view .title_box{border-top:3px solid #fbac16; border-bottom:1px solid #c7c7c7; padding:40px 0; text-align:center;}
.culture_view .title_box .join span{background:#fbac16;}
.culture_view .title_box .name{font-size:2.8rem; font-weight:400; margin-top:5px;}
.culture_view .title_box .cate{display:inline-block; margin:0 auto; background:#f5f5f5; padding:7px 20px; margin-top:15px;}
.culture_view .title_box .cate b{font-weight:400;}
.culture_view .title_box .cate p{display:inline-block; margin-left:25px; font-size:1.5rem;}
.culture_view .title_box .cate p:first-child{margin-left:0;}
.culture_view .title_box .cate p em{display:inline-block; margin:0 5px; font-size:1.3rem; vertical-align:text-top;}
.culture_view .represent_img{text-align:center;}
.culture_view .represent_img img{display:inline-block; width:900px; max-width:100%; }
.culture_view .txt_box{text-align:center; word-break:keep-all;}
.culture_view .txt_box .tit{font-size:2rem; font-weight:400; margin-bottom:25px;}
.culture_view .txt_box .txt{text-align:left;}
.culture_view .info_box{background:#f5f5f5; padding:20px 25px;}
.culture_view .info_box dl{position:relative; margin-top:7px;}
.culture_view .info_box dl:first-child{margin-top:0;}
.culture_view .info_box dt{font-weight:400; position:absolute; top:0; left:0;}
.culture_view .info_box dd{margin-left:80px; padding-left:20px; position:relative;}
.culture_view .info_box dd:before{content:""; display:block; width:1px; height:15px; background:#bbb; position:absolute; top:5px; left:0;}
.culture_view .pic_list_box ul{font-size:0;}
.culture_view .pic_list_box li{display:inline-block; width:calc((100% - 80px)/3); margin-left:40px;}
.culture_view .pic_list_box li:first-child{margin-left:0;}
.culture_view .pic_list_box li img{max-width:100%; border:1px solid #e0e0e0; }
.culture_view .source_box{ border-bottom:1px solid #dfdfdf;}
.culture_view .source_box dl{position:relative; border-top:1px solid #dfdfdf; padding:15px 0;}
.culture_view .source_box dt{display:inline-block; width:135px; text-align:center;font-weight:400; position:absolute; top:16px; left:0; line-height:1em; font-size:1.6rem;}
.culture_view .source_box dd{margin-left:135px; padding-left:30px; position:relative;}
.culture_view .source_box dd:before{content:""; display:block; width:1px; height:15px; background:#bbb; position:absolute; top:3px; left:0;}
.culture_view .source_box dd p{line-height:1em; margin-top:5px; color:#777; font-weight:300; word-break:break-all; font-size:1.5rem;}
.culture_view .source_box dd p:first-child{margin-top:0;}

/*6야*/
.program_cont{background:url(../../images/sub/program-top-bg.jpg) no-repeat; background-size:100% auto; background-position:top center;}
.program_cont #sub-tit{ margin-bottom:50px;}
.program_cont #sub-tit .txt{font-size:2.5rem; font-weight:400; color:#00567a;}

.program_cont .pro_list{font-size:0; text-align:center;}
.program_cont .pro_list li{display:inline-block; font-size:1.6rem; width:calc((100% - 60px)/3); vertical-align:top; margin-left:30px; text-align:left;}
.program_cont .pro_list li:first-child{margin-left:0;}
.program_cont .pro_list li .img_box img{max-width:100%;}
.program_cont .pro_list li .txt_box{padding:25px 20px 0; }
.program_cont .pro_list li .txt_box .title{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.program_cont .pro_list li .txt_box .title .t02{font-size:2.2rem; font-weight:600; color:#00567a;}
.program_cont .pro_list li .txt_box .info{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.program_cont .pro_list li .txt_box .info p{position:relative; padding-left:50px; margin-top:3px;}
.program_cont .pro_list li .txt_box .info p:first-child{margin-top:0;}
.program_cont .pro_list li .txt_box .info span{position:absolute; top:0; left:0; font-weight:400; color:#00567a;}


/*사이트맵 - 가로*/
#utility_sitemap .list{position:relative; }
#utility_sitemap .list h2{position:absolute; top:0px; left:0px; width:250px; padding-left:15px; padding-top:20px; box-sizing:border-box; border-top:2px solid #784000;}
#utility_sitemap .list h2 a{color:#784000; font-weight:400; font-size:2.3rem; display:block; }
#utility_sitemap .list ul{padding-left:300px; width:100%; box-sizing:border-box; border-top: 1px dashed #bfbfbf; padding-top:20px;}
#utility_sitemap .list > li{position:relative; display:block; min-height:60px; margin-top:30px;}
#utility_sitemap .list > li:first-child{margin-top:0;}
#utility_sitemap .list li li{position:relative; font-size:1.8rem; padding-left:15px; display:inline-block; width:30%; margin-top:10px;}
#utility_sitemap .list li li:before{content:""; display:block; width:3px; height:3px; background:#8e8e8e; border-radius:999px; position:absolute; top:11px; left:0;}
#utility_sitemap .list li li a{display:block;color:#777;}
#utility_sitemap .list li li a:hover{text-decoration:underline;}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px) {
#snb .snb-area{width:100%; box-sizing:border-box;}
#snb .snb-area div.snb01{border-left:0;}
#sub-content .sub-inner{padding:0 15px; box-sizing:border-box; margin-bottom:50px;}

/*야행소개*/
#about_outline .img_box img{width:350px;}
#about_outline .cont_box{padding:60px;}

/*야행스토리*/
#about_story .inner_1100{padding:0 40px;}
#about_story .map_box{right:50px;}

/*6야*/
.program_cont{background-size:auto 330px;}
}

@media (max-width:1024px) {
#sub-vis{background:none; height:81px;}

/*서브 탭*/
.sub-tab-current{display:block; width:100%; height:50px;  color:#fff; line-height:50px; background:#209d9a url('../../images/sub/st_top.png') no-repeat 95% center; background-size:25px auto; padding:0px 15px; box-sizing:border-box; border:1px solid #dbdbdb; cursor:pointer;}
.sub-tab-current.on{background:#209d9a url('../../images/sub/st_bottom.png') no-repeat 98% center;background-size:25px auto;}
.sub-tab-list{display:none;height:auto;margin-bottom:0;border-left:0;border-top:0;}
.sub-tab-list li {float:none;display:block;width:auto;height:50px;}
.sub-tab-list li:nth-child(1),.sub-tab-list li:nth-child(5) {width:100%;}
.sub-tab-list li a {display:block;width:100%;height:100%; font-size:1.4rem; box-sizing:border-box;color:#727272;line-height:50px; padding:0 15px;text-align:center;border:1px solid #dbdbdb;border-top:0;}
.sub-tab-list li a:hover {color:#727272;background:#f4f4f4;}
.sub-tab-list li.on {color:#727272;background:#f4f4f4;}
.sub-tab-list li.on:before, .sub-tab-list li.on:after{display:none;}
.pro-cont{margin-top:40px;}

/*남해찬가*/
#about_song .all_bg .cont-box{padding:50px;}

/*야행스토리*/
#about_story .map_box{position:relative; top:auto; right:auto; margin-top:50px;}
#about_story .map_box .img_box{text-align:center;}
#about_story .map_box .btn{left:50%; margin-left:50px;}
#about_story .txt_box{padding-right:0;}

/*찾아오시는길*/
#about_direction .info_box .ul_cont li{display:block; width:100%; margin-top:5px;}
#about_direction .info_box .ul_cont li:first-child{margin-top:0;}
#about_direction .info_box .ul_cont.three_cont li{display:inline-block; width:50%;}
#about_direction .info_box .ul_cont.three_cont li:nth-child(1), #about_direction .info_box .ul_cont.three_cont li:nth-child(2){margin-top:0;}

/*문화재란*/
#c_cultural01 .c_item .wrap{min-height:inherit; padding:30px;}
#c_cultural01 .c_item .wrap .icon_box{left:30px;}
#c_cultural01 .c_item .wrap .txt_box{margin-left:125px;}
#c_cultural01 .c_item .wrap .txt_box.short{padding-top:0;}

/*대상문화재*/
.culture_list{max-width:780px; margin:0 auto;}
.culture_list li{width:calc((100% - 30px)/2); margin-left:30px;}
.culture_list li:nth-child(3n+1){margin-left:30px;}
.culture_list li:nth-child(2n+1){margin-left:0px;}
.culture_list li:nth-child(n+3){margin-top:30px;}

/*6야*/
.program_cont .pro_list{text-align:left;}
.program_cont .pro_list.one{text-align:center;}
.program_cont .pro_list li{width:calc((100% - 30px)/2);}
.program_cont .pro_list li:nth-child(2n+1){margin-left:0;}
.program_cont .pro_list li:nth-child(n+3){margin-top:30px;}


/*사이트맵*/
#utility_sitemap .list > li{min-height:auto;}
#utility_sitemap .list h2{position:static; top:auto; left:auto; width:100%; padding:15px;}
#utility_sitemap .list ul{ padding:10px; padding-bottom:0;}
}

@media (max-width:767px) {
.page-ing img{max-width:300px; width:100%;}
.inner {padding: 0 15px;}
.sub-vis-box{line-height:100px; font-size:2.4rem; padding-top:0;}
.snb li{width:49.7%;}
.snb li a{padding:10px 18px; font-size:1.6rem;}
#sub-tit{padding:20px 0; }
#sub-tit .top_tit{font-size:2.6rem; padding-bottom:10px;}
#snb{display:none;}
#sub-content{margin-top:0px; font-size:1.6rem;  min-height:auto; margin-bottom:40px;}
#sub-content .sub-inner{margin-top:0; margin-bottom:40px;}

.s_tit{font-size:2rem; padding-left:25px; word-break:keep-all;}

.table_scroll {position:relative; overflow-x: auto;    width: 100%;}
/*.table_scroll:before{content:""; display:block; width:50px; height:50px;  position:absolute; top:50%; left:50%; margin-top: -23px; margin-left: -28px; background:url(../../images/sub/scroll_ico.png) no-repeat; background-size:50px auto;}*/
.table_scroll.scrolled:before{display:none;}
.table_box { width: 120%;}
.table_box table{min-width:652px;}
.table_box table th, .table_box table td{word-break:keep-all;}

table td, table th{padding:10px;}
table th br{display:none;}
.m_br br{display:block;}
table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0; font-size:1.6rem;}
table.m_block th{background:#f7f7f7;}
.w_100p{width:95px;}
.tel_selc input{width:98px;}
.m_100p{width:100%; box-sizing:border-box;}
.certify_btn{display:block; margin-left:0; margin-top:5px; width:100%; box-sizing:border-box; text-align:center;}
.zip_code{width:100px;}
.post_num{padding:0 17px; margin-left:-5px;}
table.m_block .mail_mw{width:140px;}
table.m_block .mail_mselect{display:block; max-width:300px; width:100%; margin-top:10px;}
.mt_50{margin-top:30px;}
.tiny_txt{font-size:1.4rem;}
.tr_color{background:none !important;}
.m_th_color{background:#f0f6fd !important;}

/*야행소개*/
#about_outline .wrap{padding-top:0;}
#about_outline .img_box{position:static; top:auto; left:auto; text-align:center;}
#about_outline .cont_box{margin-left:0; border:0; padding:0;}
#about_outline .cont_box .btn{position:static; top:auto; right:auto; text-align:center; margin-top:-20px;}
#about_outline .cont_box dl{margin-top:20px;}
#about_outline .cont_box dl.first{margin-top:20px;}

/*남해찬가*/
#about_song .all_bg .cont-box .title{font-size:2.5rem;}
#about_song .all_bg .cont-box .writer{margin-top:10px; }
#about_song .all_bg .cont-box{padding:40px 25px;}
#about_song .all_bg .cont-box .wrap{margin-top:15px;}
#about_song .all_bg .cont-box .wrap .txt{display:block;}
#about_song .all_bg .cont-box .wrap .txt.first{margin-right:0; margin-bottom:20px;}
#about_song .all_bg .cont-box .wrap .txt dl{margin-top:20px;}
#about_song .all_bg .cont-box .detail{margin-top:40px;}

/*야행스토리*/
#about_story .info_box{padding:30px 0;}
#about_story .inner_1100{padding:0 20px;}
#about_story .info_box .title .logo img{height:40px;}
#about_story .info_box .title .s_txt{font-size:1.8rem;}
#about_story .info_box .title .s_txt br{display:block;}
#about_story .info_box .cont{margin-top:15px;}
#about_story .info_box .cont dl dd{margin-left:70px; padding-left:15px;}
#about_story .map_box{margin:0 auto; margin-top:30px; max-width:345px;}
#about_story .map_box .img_box img{box-shadow:inherit;}
#about_story .map_box .btn{position:static; bottom:auto; left:auto; margin-left:0; right:auto; margin-top:-45px; text-align:right;}
#about_story .txt_box{margin-top:30px;}
#about_story .txt_box p{margin-top:15px;}

/*찾아오시는길*/
#about_direction .info_box dl, #about_direction .info_box dt, #about_direction .info_box dd{display:block; width:100%;}
#about_direction .info_box dt{background:#f8f2ea; padding:10px 15px;}
#about_direction .info_box dd{padding:10px 15px;}
#about_direction .info_box dl.first dd:before, #about_direction .info_box dd:after{display:none;}
#about_direction .info_box dl.first dt, #about_direction .info_box dl dt{border:0;}
#about_direction .info_box .ul_cont.three_cont li{display:block; width:100%;}
#about_direction .info_box .ul_cont.three_cont li:nth-child(2){margin-top:5px;}
#about_direction .info_box .bus_btn{padding:5px 10px 1px; font-weight:400;}
#about_direction .info_box .detail{margin-top:0;}

#about_direction .guide_box .tit{font-size:2rem; padding:10px; font-weight:400;}
#about_direction .guide_box .img_box{position:relative;}
#about_direction .guide_box .img_box .zoom_btn{position:absolute; bottom:15px; right:15px; display: inline-block; font-weight:400; background: #9a5818; color: #fff; padding:5px 10px 1px; border-radius: 5px; font-size: 1.4rem; margin-left: 10px;}
#about_direction .guide_box .img_box .zoom_btn i{display:inline-block; margin-right:5px;}


/*문화재란*/
#c_cultural01 .c_item .wrap{padding:20px 15px;}
#c_cultural01 .c_item .wrap .icon_box{position:static; top:auto; left:auto; transform:inherit; margin-bottom:20px; text-align:center;}
#c_cultural01 .c_item .wrap .icon_box span{width:70px; height:70px; line-height:70px;}
#c_cultural01 .c_item .wrap .icon_box span img{line-height:70px; height:50px;}
#c_cultural01 .c_item .wrap .txt_box{margin-left:0;}

/*대상문화재*/
.culture_list{max-width:354px; margin:0 auto;}
.culture_list li{width:100%; margin-left:0px;}
.culture_list li:nth-child(3n+1){margin-left:0px;}
.culture_list li:nth-child(2n+1){margin-left:0px;}
.culture_list li:nth-child(n+2){margin-top:20px;}
.cul_cont .join span{padding:5px 15px 1px;}
.culture_list li .txt_box{ padding:20px;}
.culture_list li .txt_box .name{margin-bottom:10px; padding-bottom:10px;}
.culture_list li .txt_box .location{margin:10px 0 15px;}

.culture_view .title_box{padding:20px 0;}
.culture_view .title_box .name{font-size:2.5rem;}
.culture_view .title_box .cate{text-align:left;}
.culture_view .title_box .cate p{margin-left:0;}
.culture_view .info_box{padding:15px 20px;}
.culture_view .pic_list_box li{width:calc((100% - 10px)/3); margin-left:5px;}
.culture_view .source_box dt{position:static; top:auto; left:auto; text-align:left; margin-bottom:5px;}
.culture_view .source_box dd{margin-left:0; padding-left:0;}
.culture_view .source_box dd:before{display:none;}

/*6야*/
.program_cont{background-size:auto 180px;}
.program_cont #sub-tit{margin-bottom:0px;}
.program_cont #sub-tit .txt{font-size:2rem;}
.program_cont .pro_list{max-width: 360px; margin:0 auto;}
.program_cont .pro_list li{width:100%; margin-left:0; margin-top:20px;}
.program_cont .pro_list li:first-child{margin-top:0;}
.program_cont .pro_list li .txt_box{padding:20px 10px;}


/*사이트맵*/
#utility_sitemap .list > li{margin-top:20px;}
#utility_sitemap .list h2{padding:10px;}
#utility_sitemap .list h2 a{font-size:1.8rem;}
#utility_sitemap .list li li{font-size:1.6rem; width:auto; margin-right:10px; padding-left:10px;}
#utility_sitemap .list li li:before{top:8px;}
}