@charset "utf-8";


.main_container.m_bg01{background:url("/images/01_potal/main/back01.jpg") no-repeat center top;}
.main_container.m_bg02{background:url("/images/01_potal/main/back02.gif") no-repeat center top;}
.main_container.m_bg03{background:url("/images/01_potal/main/back03.gif") no-repeat center top;}
.main_container.m_bg04{background:url("/images/01_potal/main/back04.gif") no-repeat center top;}
.main_container{ background-size:cover !important;}

/*메인컨텐츠_탭*/
.main_tab{padding:20px 5px;overflow:hidden;}
.main_tab ul li{float:left;width:25%;box-sizing:border-box;}
.main_tab ul li a{display:block;margin:0 5px;padding-bottom:6px;}
.main_tab ul li a span{display:block;border:solid 1px #0052ca;border-radius:100px;padding:10px;text-align:center;color:#000;font-size:16px;}
.main_tab ul li a span em{display:none;}

.main_tab ul li.on a{background:url("/images/01_potal/main/main_tab_arr.gif") no-repeat center bottom;}
.main_tab ul li.on a span{background:#0052ca;color:#fff;font-weight:600;}
.main_tab ul li a:hover,
.main_tab ul li a:focus{background:url("/images/01_potal/main/main_tab_arr.gif") no-repeat center bottom;outline-offset:-3px;}
.main_tab ul li a:hover span,
.main_tab ul li a:focus span{background:#0052ca;color:#fff;font-weight:600; outline-offset:-3px;}

.m_con h2{text-align:center;color:#000;padding:0 0 30px 0;font-size:30px;font-weight:600;}
.m_con h2 span{font-weight:normal;}

/*비주얼인포존*/
.visual_info{position:relative;}
.visual_info ul li{float:left}
.visual_info ul li img{width:100%;}
.visual_info .btn_set{position:absolute;top:0;right:0;height:35px;overflow:hidden;}
.visual_info .btn_set a span:hover, .visual_info .btn_set a span:focus {outline-focus:-3px;}
.visual_info .btn_set span{display:inline-block;background:url("/images/01_potal/main/btn_set.png") no-repeat;color:#fff;height:35px;padding:7px 10px;}
.visual_info .btn_set a span{padding:35px 0;margin-left:1px;width:39px;}
.visual_info .btn_set a.prev span{background-position:-76px 0;}
.visual_info .btn_set a.stop span{background-position:-116px 0;}
.visual_info .btn_set a.stop span:hover, .visual_info .btn_set a.stop span:focus {outline-offset:-3px;}
.visual_info .btn_set a.next span{background-position:-156px 0;}
.visual_info .btn_set a.next span:hover, .visual_info .btn_set a.next span:focus {outline-offset:-3px;}
.visual_info .btn_set a.play span{background-position:-196px 0;}
.visual_info .btn_set a.play span:hover,.visual_info .btn_set a.play span:focus {outline-offset:-3px;}

.gj_go_icon{overflow:hidden;background:#323a47;}
.gj_go_icon li{float:left;width:33.333333%;text-align:center;}
.gj_go_icon li:first-child{background:#124ea5;}
.gj_go_icon li:nth-child(2){background:#183b6f;}
.gj_go_icon li a{color:#fff;font-weight:600;display:block;padding:20px 0;}
.gj_go_icon li a:hover, .gj_go_icon li a:focus {outline-offset:-3px;}
.gj_go_icon li a span{display:inline-block;background:url("/images/01_potal/main/m_icon_set01.png") no-repeat center 0;padding:45px 0 0 0;}
.gj_go_icon li:nth-child(2) span{background-position:center -200px}
.gj_go_icon li:nth-child(3) span{background-position:center -400px}


/*공지사항*/
.main_bbs_area{position:relative;background:#f26522 url("/images/01_potal/main/bbs_top_bg.png");}
.main_bbs_area h3{border-bottom:solid 1px #f3f3f3;}
.main_bbs_area h3 a{display:block;color:#fff;font-weight:normal;font-size:15px;padding:20px;}
.main_bbs_area h3 a span{display:block;background:url("/images/01_potal/main/m_bbs_arr.png") no-repeat right center;}
.main_bbs_area div{background:#f3f3f3;padding:20px;}
.main_bbs_area div p.contract img{width:100%;}
.main_bbs_area div li{background:url("/images/01_potal/main/bbs_dot.png") no-repeat left 8px;padding:0 0 8px 0;}
.main_bbs_area div li a{display:inline-block;padding:0 0 0 8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:90%}
.main_bbs_area div li span{display:none;}
.main_bbs_area div p.more{padding:10px 0 0 0;}
.main_bbs_area div p.more a{display:inline-block;background:#fff;border:solid 1px #8f8f8f;font-size:13px;padding:5px 10px;}

/*시장실*/
.main_mayor{background:url("/images/01_potal/main/mayor_bg.gif") no-repeat left top;background-size:cover;}
.main_mayor div{background:url("/images/01_potal/main/mayor.png") no-repeat left bottom;height:280px;}
.main_mayor div h3{padding:40px 30px 10px 0;text-align:right;}
.main_mayor div h3 a{color:#003753;font-size:30px;font-weight:600; letter-spacing:-1px;}
.main_mayor div p{padding:0 30px 35px 0;text-align:right;color:#000;font-size:18px;}
.main_mayor div ul{padding:0 30px 0 0;}
.main_mayor div ul li{text-align:right;}
.main_mayor div ul li a{display:inline-block;color:#000;width:105px;padding:7px 15px;border-bottom:solid 1px #fff;}
.main_mayor div ul li a:hover,
.main_mayor div ul li a:focus{border:none;background:#f26522;color:#fff;border-radius:50px;text-align:center;}

/*팝업존*/
.popup_zone{background:#fff;position:relative;}
.popup_zone h3{color:#000;font-weight:600;font-size:18px;height:50px;box-sizing:border-box;padding:15px;border-bottom:solid 1px #cdcdcd;}
.popup_zone ul li{float:left}
.popup_zone ul li img{width:100%;}
.popup_zone .btn_set{position:absolute;top:8px;right:15px;height:31px;overflow:hidden;}
.popup_zone .btn_set span{display:inline-block;height:31px;padding:7px 10px;}
.popup_zone .btn_set a span{padding:35px 0;margin-left:2px;width:31px;background:url("/images/01_potal/main/btn_set.png") no-repeat;}
.popup_zone .btn_set a.prev span{background-position:0 -40px;}
.popup_zone .btn_set a.prev span:hover, .popup_zone .btn_set a.prev span:focus {outline-offset:-3px;}
.popup_zone .btn_set a.stop span{background-position:-33px -40px;}
.popup_zone .btn_set a.stop span:hover, .popup_zone .btn_set a.stop span:focus {outline-offset:-3px;}
.popup_zone .btn_set a.next span{background-position:-66px -40px;}
.popup_zone .btn_set a.next span:hover,.popup_zone .btn_set a.next span:focus {outline-offset:-3px;}
.popup_zone .btn_set a.play span{background-position:-99px -40px;}
.popup_zone .btn_set a.play span:hover, .popup_zone .btn_set a.play span {outline-offset:-3px;}

/*웹진*/
.gj_webzine{clear:both;overflow:hidden;}
.gj_webzine .wz{position:relative;background:url("/images/01_potal/main/m_webzine_bg.png");}
.gj_webzine .wz h3{text-align:center;padding:0 0 30px 0;}
.gj_webzine .wz h3 a{display:inline-block;font-size:24px;color:#000;font-weight:600;border-bottom:solid 2px #000;padding:20px 0 3px 0;}
.gj_webzine .wz h3 a:hover, .gj_webzine .wz h3 a:focus {outline-offset:-3px;}
.gj_webzine .wz div{width:220px;margin:0 auto;overflow:hidden;}
.gj_webzine .wz ul{width:700px;overflow:hidden;}
.gj_webzine .wz ul li{float:left;width:220px;}
.gj_webzine .wz ul li a{color:#000;}
.gj_webzine .wz ul li a:hover, .gj_webzine .wz ul li a:focus {outline-offset:-3px;}
.gj_webzine .wz ul li a img{width:220px;height:130px;}
.gj_webzine .wz ul li strong{display:block;padding:0 0 20px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}
.gj_webzine .wz ul li span{display:block;padding:15px 0;background:url("/images/01_potal/main/m_webzine_arr.png") no-repeat right center;}
.gj_webzine .wz .btn_set a{display:inline-block;position:absolute;height:35px;overflow:hidden;}
.gj_webzine .wz .btn_set span{display:inline-block;background:url("/images/01_potal/main/btn_set.png") no-repeat;color:#fff;height:35px;padding:7px 10px;}
.gj_webzine .wz .btn_set a span{padding:35px 0;margin-left:1px;width:39px;}
.gj_webzine .wz .btn_set a.prev{top:55%;left:20px;}
.gj_webzine .wz .btn_set a.next{top:55%;right:20px;}
.gj_webzine .wz .btn_set a.prev span{background-position:-76px 0;}
.gj_webzine .wz .btn_set a.stop span{background-position:-116px 0;}
.gj_webzine .wz .btn_set a.next span{background-position:-156px 0;}
.gj_webzine .wz .btn_set a.play span{background-position:-196px 0;}
.gj_webzine .wz p.more{position:absolute;top:20px;right:20px;}
.gj_webzine .wz p.more a{display:block;width:18px;height:0;overflow:hidden;padding:0;padding-top:20px;margin:0;border:none;background:url("/images/01_potal/main/btn_set.png") no-repeat -246px top;}

.gj_webzine .onair_go_btn{overflow:hidden;}
.gj_webzine .onair_go_btn li{background:url("/images/01_potal/main/m_onair_bg.png");height:50px;float:left;width:50%;}
.gj_webzine .onair_go_btn li:first-child{background:url("/images/01_potal/main/m_news_bg.png");}
.gj_webzine .onair_go_btn li a{display:block;color:#fff;padding:0 16px;}
.gj_webzine .onair_go_btn li a:hover, .gj_webzine .onair_go_btn li a:focus {outline-offset:-3px;}
.gj_webzine .onair_go_btn li a span{display:block;background:url("/images/01_potal/main/wz_arr.png") no-repeat right 10px;padding:16px 0;}



/*********************************************************************/

/*자주찾는서비스*/
.freq_service{position:relative;padding:0 0 30px 0;}
.freq_service .fs_tit{position:relative;background:#f26522;padding:20px 20px 0 20px;height:40px;}
.freq_service .fs_tit dl{color:#fff;padding:0}
.freq_service .fs_tit dt{font-size:18px;font-weight:600}
.freq_service .fs_tit dd{position:absolute;top:-500px;font-size:14px;}
.freq_service .fs_tit p{position:absolute;top:15px;right:15px;}
.freq_service .fs_tit p a{display:inline-block;background:#fff;border-radius:3px;box-sizing:border-box;text-align:center;}
.freq_service .fs_tit p a span{display:inline-block;background:url("/images/01_potal/main/btn_set.png") no-repeat 0 -83px;color:#f26522;padding:7px 0 7px 25px;margin:0 10px;}

.freq_service .fs_option{position:absolute;top:0;left:0;width:100%;height:220px;background:#fff;border:solid 1px #ccc;z-index:500;box-sizing:border-box;}
.freq_service .fs_option h3{padding:15px;font-weight:600;color:#000;font-size:16px;}
.freq_service .fs_option p{position:absolute;top:10px;right:10px;}
.freq_service .fs_option p input,
.freq_service .fs_option p a{display:inline-block;background:#f26522;color:#fff;border-radius:30px;padding:5px 15px 8px 15px;margin-left:3px;font-size:13px;}
.freq_service .fs_option p a{background:#555;}
.freq_service .fs_option div{height:120px;padding:20px;overflow-y:scroll;border-top:solid 1px #ccc;}
.freq_service .fs_option ul li{float:left;width:33.3333%;padding:0 0 10px 0;font-size:14px;}
.freq_service .fs_option ul li input{display:inline-block;margin:2px 8px 0 0;}

.freq_service .fs_con{position:relative;background:url("/images/01_potal/main/mw_icon_bg1.png");padding:5px 20px 0 20px;height:155px;}
.freq_service .fs_con p{background:url("/images/01_potal/main/btn_set.png") no-repeat 0 -120px;height:39px;overflow:hidden;}
.freq_service .fs_con p a{display:inline-block;padding-top:40px;}
.freq_service .fs_con p.prev{position:absolute;top:40%;left:10px;}
.freq_service .fs_con p.next{position:absolute;top:40%;right:0;background-position:-29px -120px;}
.freq_service .fs_con div{overflow:hidden;height:130px;}
.freq_service .fs_con ul:after{display:block;clear:both;content:""}
.freq_service .fs_con li{float:left;width:33%;text-align:center;}
.freq_service .fs_con li a{display:block;background:url("/images/01_potal/main/main2_icon01.png") no-repeat;padding-top:100px;color:#000;}
.freq_service .fs_con li a.ico01{background-position:center 0}
.freq_service .fs_con li a.ico02{background-position:center -200px}
.freq_service .fs_con li a.ico03{background-position:center -400px}
.freq_service .fs_con li a.ico04{background-position:center -600px}
.freq_service .fs_con li a.ico05{background-position:center -800px}
.freq_service .fs_con li a.ico06{background-position:center -1000px}
.freq_service .fs_con li a.ico07{background-position:center -1200px}
.freq_service .fs_con li a.ico08{background-position:center -1400px}


/*주요민원서비스*/
.impor_service{background:url("/images/01_potal/main/minwon_bg.png") no-repeat left top;background-size:cover;padding:30px 20px;}
.impor_service h3{color:#153f81;font-size: 21px;font-weight: 600;padding:0 0 20px 10px;}
.impor_service ul{overflow:hidden;padding:0 0 20px 0;}
.impor_service li{float:left;width:50%;padding:4px 0;}
.impor_service li a{display:block;padding:7px 15px;font-size:14px;color:#000;box-sizing:border-box;}
.impor_service li a:hover{background:#fff url("/images/01_potal/main/minwon_arr.png") no-repeat 90% center;border-radius:30px;}
.impor_service p a{display:inline-block;width:48%;margin:0 1%;text-align:center;font-size:14px;color:#fff;padding:30px 0;}
.impor_service p a.is_btn01{background:#124ea5;}
.impor_service p a.is_btn01:hover,
.impor_service p a.is_btn01:focus{background:#128fa5;}
.impor_service p a.is_btn02{background:#183b6f;}
.impor_service p a.is_btn02:hover,
.impor_service p a.is_btn02:focus{background:#18606f;}
.impor_service p a:hover,
.impor_service p a:focus{text-decoration:underline;}

/*바로가기버튼*/
.main_go_btn ul{overflow:hidden;padding:5px;}
.main_go_btn li{float:left;width:50%;padding:5px;text-align:center;box-sizing:border-box;}
.main_go_btn li a{display:block;background:url("/images/01_potal/main/mw_icon_bg4.png");padding:35px 0;color:#000;font-weight:600;}
.main_go_btn li a span{display:inline-block;background:url("/images/01_potal/main/main2_icon02.png") no-repeat center top;width:112px;padding-top:130px;}
.main_go_btn li a.ico01 span{background-position:center 0}
.main_go_btn li a.ico02 span{background-position:center -150px;}
.main_go_btn li a.ico03 span{background-position:center -300px}
.main_go_btn li a.ico04 span{background-position:center -450px}


/*분야별정보*/
.part_info{background:url("/images/01_potal/main/mw_icon_bg2.png");padding:30px 0;}
.part_info h3{color:#fff;font-size:24px;font-weight:600;text-align:center;padding:0 0 30px 0;}
.part_info ul{overflow:hidden;padding:0 20px;}
.part_info ul li{float:left;width:50%;}
.part_info ul li a{display:block;color:#fff;font-size:16px;}
.part_info ul li a span{display:inline-block;background:url("/images/01_potal/main/main2_icon03.png") no-repeat left top;padding:13px 0 13px 55px;}
.part_info ul li a.ico01 span{background-position:0 0}
.part_info ul li a.ico02 span{background-position:0 -100px}
.part_info ul li a.ico03 span{background-position:0 -200px}
.part_info ul li a.ico04 span{background-position:0 -300px}
.part_info ul li a.ico05 span{background-position:0 -400px}
.part_info ul li a.ico06 span{background-position:0 -500px}
.part_info ul li a.ico07 span{background-position: 0 -598px;}
.part_info ul li a.ico08 span{background-position:0 -700px}
.part_info ul li a.ico09 span{background-position:0 -795px}
.part_info ul li a.ico10 span{background-position:0 -900px}
.part_info ul li a.ico11 span{background-position:0 -1000px}
.part_info ul li a:hover,
.part_info ul li a:focus{text-decoration:underline;}

/*********************************************************************/

/*관광명소*/
.attraction{border-radius:10px;overflow:hidden;margin:0 0 20px 0;position:relative}
.attraction p{position:absolute;top:280px;right:0;overflow:hidden;z-index:2}
.attraction p button{width:39px;height:0;padding:35px 0 0 0;margin:0 0 0 1px;float:left;overflow:hidden;background:url("/images/01_potal/main/btn_set.png") no-repeat}
.attraction .prev{background-position:-76px 0;}
.attraction .stop{background-position:-116px 0;}
.attraction .play{background-position:-196px 0;}
.attraction .next{background-position:-156px 0;}
.attraction li{display:none;background:rgba(255, 255, 255, .8);padding:345px 8.333333333333333% 30px 8.333333333333333%;position:relative}
.attraction li>span{display:block;width:100%;height:315px;position:absolute;top:0;left:0}
.attraction li.no1>span{background:url("/images/01_potal/main/tour_place01.gif") no-repeat center center;background-size:cover}
.attraction li.no2>span{background:url("/images/01_potal/main/tour_place02.gif") no-repeat center center;background-size:cover}
.attraction li.no3>span{background:url("/images/01_potal/main/tour_place03.gif") no-repeat center center;background-size:cover}
.attraction li.no4>span{background:url("/images/01_potal/main/tour_place04.gif") no-repeat center center;background-size:cover}
.attraction li.on{display:block}
.attraction dt{font-weight:bold;font-size:24px;color:#000}
.attraction dd{margin:20px 0 0 0;line-height:1.5em;color:#000}
.attraction dd span{display:inline-block;padding:0 6px;margin-right:10px;background:#105dcd;color:#fff}
.attraction a{display:block;border:1px solid #105dcd;border-radius:6px;padding:10px 0;margin:20px 0 0 0;text-align:center;color:#105dcd;font-weight:bold}
.attraction a:hover,
.attraction a:focus{background:#105dcd;color:#fff}

/*사이버투어, 바로가기*/
.cyber_tour{position:relative;background:url("/images/01_potal/main/mw_icon_bg4.png");border-radius:10px;margin-bottom:20px;}
.cyber_tour dl{background:url("/images/01_potal/main/tour_icon_camera.png") no-repeat 30px center;padding:20px;height:100px;}
.cyber_tour dl dt{font-size:24px;font-weight:600;color:#000;padding:0 0 10px 100px;}
.cyber_tour dl dt span{color:#ff5200;}
.cyber_tour dl dd{padding:0 80px 0 100px;line-height:20px;font-size:14px;}
.cyber_tour p{position:absolute;top:45px;right:20px;width:53px;height:53px;background:#0052ca;border-radius:100px;}
.cyber_tour p a{display:block;text-align:center;font-size:18px;font-weight:600;padding:15px 0;color:#fff;}

.tour_golink{position:relative;background:url("/images/01_potal/main/tour_go_bg.gif") no-repeat;background-size:cover;border-radius:10px;margin-bottom:20px;}
.tour_golink dl{padding:25px;height:105px;}
.tour_golink dl dt{font-size:18px;font-weight:600;color:#153f81;padding:0 0 10px 0;}
.tour_golink dl dt span{color:#ff5200;}
.tour_golink dl dd{margin:0 0 8px 0;width:205px;background:#fff;border-radius:30px;}
.tour_golink dl dd a{display:block;line-height:30px;color:#000;font-weight:600;padding:0 20px;background:url("/images/01_potal/main/m_webzine_arr.png") no-repeat 90% center;}
.tour_golink dl dd a:hover,
.tour_golink dl dd a:focus{color:#0052ca;}



/*관광도우미*/
.tip{border-radius:10px;overflow:hidden;background:rgba(105, 0, 102, .8);padding:40px 0 0 0;margin:0 0 20px 0;position:relative;height:275px}
.tip:after{content:"";display:block;width:159px;height:123px;background:url("/images/01_potal/main/helper_camera.png") no-repeat;position:absolute;top:150px;left:10px}
.tip h3{text-align:center;color:#fff}
.tip p{text-align:center;font-size:14px;line-height:1.5em;color:#c49ec3;padding:0 9.375%;margin:15px 0 30px 0}
.tip ul{margin:0 0 0 180px}
.tip li{background:url("/images/01_potal/main/helper_blit.gif") no-repeat 0 7px;padding:0 0 0 7px;margin:10px 0 0 0}
.tip li a{color:#fff}
.tip li a:hover{text-decoration:underline}


/*음식,숙박,관광*/
.what_tour ul{overflow:hidden;}
.what_tour ul li{float:left;width:48%;margin:1%;border-radius:10px;}
.what_tour ul li a{display:block;background:url("/images/01_potal/main/tour_right_black.png");color:#fff;text-align:center;border-radius:10px;padding:50px 0;line-height:30px;height:130px;box-sizing:border-box;}
.what_tour ul li a strong{font-size:20px;}
.what_tour ul li a strong i{display:inline-block;font-style:normal;color:#000;background:#fff;padding:0 5px;}
.what_tour ul li a span{display:none;}
.what_tour ul li.wt01{background:url("/images/01_potal/main/tour_right_bg01.gif") no-repeat center center;background-size:cover;}
.what_tour ul li.wt02{background:url("/images/01_potal/main/tour_right_bg02.gif") no-repeat center center;background-size:cover;}
.what_tour ul li.wt03{background:url("/images/01_potal/main/tour_right_bg03.gif") no-repeat center center;background-size:cover;}
.what_tour ul li.wt04{background:url("/images/01_potal/main/tour_right_bg04.gif") no-repeat center center;background-size:cover;}
.what_tour ul li a:hover,
.what_tour ul li a:focus{background:url("/images/01_potal/main/tour_right_orange.png");padding:10px 0;}
.what_tour ul li a:hover strong,
.what_tour ul li a:focus strong{display:none;}
.what_tour ul li a:hover span,
.what_tour ul li a:focus span{display:block;border:solid 1px #fff;padding:40px 0;margin:0 10px;}

/**************************************************/

.m4_c01, .m4_c02, .m4_c03, .m4_c04{overflow:hidden;}
.m4_c01 p,
.m4_c02 p{height:215px;}
.m4_c03,
.m4_c04 p{height:220px;}


.m4_c01 p a,
.m4_c02 p a,
.m4_c04 p a{font-size:24px;font-weight:600;color:#fff;}
.m4_c01 p a:hover,
.m4_c01 p a:focus,
.m4_c02 p a:hover,
.m4_c02 p a:focus,
.m4_c04 p a:hover,
.m4_c04 p a:focus{text-decoration:underline;}

.m4_c01 p span,
.m4_c02 p span,
.m4_c04 p span{display:block;background:url("/images/01_potal/main/main4_icon.png") no-repeat center top;padding:130px 0 50px 0;text-align:center;}


.gift_card{background: #88735c;float:left;width:50%;}
.price{background: #147463;float:left;width:50%;}
.price span{background-position:center -220px !important;}

.m_support{background: #183b6f;float:left;width:50%;height:215px;}
.m_support span{background-position:center -440px !important;}

.job_center{background:#fff;float:left;width:50%;height:215px;}
.job_center h3{font-size:24px;padding:20px;color:#000;margin-top:10px;}
.job_center ul{padding:0 0 0 20px;}
.job_center ul li{background:url("/images/01_potal/main/main4_blit01.gif") no-repeat left 8px;padding:0 0 13px 10px;}
.job_center ul li a{color:#000;}
.job_center ul li a:hover,
.job_center ul li a:focus{text-decoration:underline;}

.m4_visual{clear:both;position:relative;box-sizing:border-box;border:solid 1px #000;overflow:hidden;}
.m4_visual li a{display:block;position:relative;}
.m4_visual li a img{width:100%;}
.m4_visual li a span{display:block;width:100%;height:35px;position:absolute;right:0;margin-right:123px;box-sizing:border-box;padding:8px 20px 0 0;bottom:0;color:#fff;text-align:right;background:url("/images/01_potal/main/main4_black.png");}
.m4_visual p{position:absolute;left:0;bottom:0;height:35px;width:100%;overflow:hidden;text-align:right;color:#fff;}
.m4_visual .btn_set span{display:inline-block;height:35px;padding:7px 10px;}
.m4_visual .btn_set a span{padding:35px 0;margin-left:2px;}
.m4_visual .btn_set a.prev span,
.m4_visual .btn_set a.stop span,
.m4_visual .btn_set a.next span,
.m4_visual .btn_set a.play span{width:39px;background:url("/images/01_potal/main/btn_set.png") no-repeat right top;}
.m4_visual .btn_set a.prev span{background-position:-76px 0;}
.m4_visual .btn_set a.stop span{background-position:-116px 0;}
.m4_visual .btn_set a.next span{background-position:-156px 0;}
.m4_visual .btn_set a.play span{background-position:-196px 0;}

.m4_c03{background:url("/images/01_potal/main/main4_info_bg.gif") no-repeat center center;background-size:cover;}
.m4_c03 h3{font-size:24px;padding:20px;color:#fff;margin-top:10px;}
.m4_c03 ul{padding:10px 0 20px 20px;overflow:hidden;}
.m4_c03 ul li{background:url("/images/01_potal/main/main4_blit02.gif") no-repeat left 8px;padding:0 0 8px 10px;float:left;width:50%;box-sizing:border-box;}
.m4_c03 ul li a{color:#fff;}
.m4_c03 ul li a:hover,
.m4_c03 ul li a:focus{text-decoration:underline;}

.industry{background:url("/images/01_potal/main/main4_orange.png");float:left;width:50%;}
.industry span{background-position:center -660px !important;}
.investment{background: #124ea5;float:left;width:50%;}
.investment span{background-position:center -880px !important;}
.m4_banner{background:#fff;text-align:center;overflow:hidden;}
.m4_banner a{display:block;padding:30px 0;}



/* Tablet */
@media all and (min-width:768px) {

/*메인컨텐츠_탭*/
.main_tab{position:absolute;top:30px;right:30px;padding:0;}
.main_tab ul li{width:auto;}
.main_tab ul li a{margin:0 0 0 10px;padding-bottom:8px;}
.main_tab ul li a span em{display:inline-block;font-style:normal;}
.main_tab ul li a span br{display:none;}

.m_con{padding:30px;}
.m_con h2{text-align:left;font-size:36px;}


.m01_m_left{overflow:hidden;}

.visual_info{float:left;width:75%;height:420px;}
.visual_info ul li img{height: 500px;}


.gj_go_icon{float:right;width:25%;height: 500px;}
.gj_go_icon li{float:none;width:100%;height: 166px;}
.gj_go_icon li a{padding-top:40px;}

.main_bbs_area{height: 280px;}
.main_bbs_area h3{float:left;border:none;}
.main_bbs_area h3 a{padding:20px 25px;background:url("/images/01_potal/main/bbs_tit_line.png") no-repeat left center;text-align:center;}
.main_bbs_area h3 a span{background:none;}
.main_bbs_area h3 a{padding:20px 15px;}
.main_bbs_area h3 a.on{background:#f3f3f3 !important;color:#000;font-weight:600;font-size:17px;}
.main_bbs_area h3 a:hover,
.main_bbs_area h3 a:focus{background:#f3f3f3 !important;color:#000;font-weight:600;font-size:17px;}
.main_bbs_area div{position:absolute;top:60px;left:0;width:100%;height: 220px;box-sizing:border-box;}
.main_bbs_area div p.contract{text-align:center;padding-top:40px;}
.main_bbs_area div p.contract img{width:auto;}
.main_bbs_area div ul li{overflow:hidden;}
.main_bbs_area div ul li a{display:inline-block;float:left;width:80%;}
.main_bbs_area div ul li a:hover, .main_bbs_area div ul li a:focus {outline-offset:-3px;}
.main_bbs_area div ul li span{display:inline-block;float:right;width:15%;}
.main_bbs_area div p.more{position:absolute;top:-50px;right:20px;}
.main_bbs_area div p.more a{display:block;width:18px;height:0;overflow:hidden;padding:0;padding-top:20px;margin:0;border:none;background:url("/images/01_potal/main/btn_set.png") no-repeat -274px top;}

/*시장실*/
.main_mayor{float:left;width:55%;}

/*팝업존*/
.popup_zone{float:left;width:45%;height:280px;}
.popup_zone ul li img{height:230px;}

/*웹진*/
.gj_webzine .wz div{width:500px;}
.gj_webzine .wz ul li{margin-right:30px; width:220px}
.gj_webzine .wz ul li a:hover,
.gj_webzine .wz ul li a:focus,
.gj_webzine .onair_go_btn li a:hover,
.gj_webzine .onair_go_btn li a:focus{text-decoration:underline;}
.gj_webzine .wz .btn_set{display:none;}


/*자주찾는서비스*/
.freq_service .fs_tit p a span{margin:0 20px;}
.freq_service .fs_con li{width:20%;}
.freq_service .fs_con p.next{right:5px}


.m2_tablet{overflow:hidden;}

/*주요민원서비스*/
.impor_service{float:left;height:460px;width:45%;box-sizing:border-box;}
.impor_service li{float:none;width:100%;}
.impor_service li a{display:block;width:70%;padding:7px 15px;font-size:14px;color:#000;box-sizing:border-box;}
.impor_service p a{padding:50px 0;}

/*바로가기버튼*/
.main_go_btn{float:right;height:460px;width:54.5%;}

/*분야별정보*/
.part_info ul li{width:33.3333%;}
.part_info ul li a{padding:20px 20px 0 20px;height:85px;box-sizing:border-box;}
.part_info ul li a:hover,
.part_info ul li a:focus{background:url("/images/01_potal/main/mw_icon_bg3.png");border:solid 2px #fff;border-radius:30px;}

/*************************************************************************/

.attraction p{right:50%}
.attraction li{padding:30px 3.90625% 30px 53.90625%;height:255px}
.attraction li>span{width:50%}

/*사이버투어, 바로가기*/
.cyber_tour{float:left;width:48%;}
.cyber_tour dl{background:url("/images/01_potal/main/tour_icon_camera.png") no-repeat 20px 40px;padding:20px;height:115px;}
.cyber_tour dl dt{padding:0 0 10px 80px;}
.cyber_tour dl dd{padding:0 60px 0 80px;}

.tour_golink{float:right;width:48%;}

/*관광도우미*/
.tip{clear:both;height:150px;padding:20px 0 0 0;}
.tip:after{position:absolute;top:20px;left:20px;}
.tip h3{text-align:left;position:absolute;top:30px;left:200px;}
.tip p{text-align:left;position:absolute;top:70px;left:200px;padding:0;margin:0;width:150px;}
.tip ul{margin:0 0 0 380px}

/*음식,숙박,관광*/
.what_tour ul li a{height:200px;padding:80px 0;line-height:40px;}
.what_tour ul li a strong{font-size:30px;}
.what_tour ul li a:hover,
.what_tour ul li a:focus{padding:20px 0;}
.what_tour ul li a:hover span,
.what_tour ul li a:focus span{padding:60px 0;margin:0 20px;}


/**************************************************/

.job_center h3 br{display:none;}

.m4_c03{position:relative;}
.m4_c03:after{display:block;content:"";background:url("/images/01_potal/main/main4_building2.png") no-repeat center center;position:absolute;top:13px;left:35px;width:181px;height:207px;}
.m4_c03 h3{margin-left:250px;}
.m4_c03 ul{margin-left:250px;}

.m4_banner p{float:left;width:50%;}




}

/* Desktop */
@media all and (min-width:1023px) {

.main_container{background-size:auto;height:920px;box-sizing:border-box;min-width:1400px;}

.main_tab{top:40px;right:0;}
.main_tab ul li a span{padding:10px 20px;}

.m_con{padding:40px 0 0 0;}
.m_con h2{text-align:center;font-size:48px;padding:0 0 40px 0;}


.m01_m_left{float:left;width:480px;}

.visual_info{float:none;width:100%;height:530px;}
.visual_info ul li img{height:530px;}


.gj_go_icon{float:none;width:100%;height:110px;}
.gj_go_icon li{float:left;width:33.33333%;height:110px;}
.gj_go_icon li a{padding-top:20px;}

.m01_m_right{float:left;width:920px;}
.m01_r01{overflow:hidden;}
.m01_r01 .main_bbs_area{float:left;width:610px;height:280px;}
.main_bbs_area div li{line-height:28px;background-position:left 13px;}
.m01_r01 .main_mayor{width:310px;}

.m01_r02{overflow:hidden;}
/*팝업존*/
.popup_zone{width:310px;height:360px;}
.popup_zone ul li img{width:310px;height:310px;}
/*웹진*/
.gj_webzine{clear:none;float:left;width:610px;height:360px;}
.gj_webzine .wz{height:310px;}


/*자주찾는서비스*/
.freq_service{overflow:hidden;}
.freq_service .fs_tit{padding:30px 30px 0 30px;width:160px;height:130px;float:left;}
.freq_service .fs_tit dt{padding-bottom:10px;}
.freq_service .fs_tit dd{position:relative;top:inherit;padding-bottom:10px;}
.freq_service .fs_tit p{position:relative;top:inherit;right:inherit;}
.freq_service .fs_tit p a{display:block;text-align:center;}
.freq_service .fs_tit p a span{margin:0;}

.freq_service .fs_option{height:160px;}
.freq_service .fs_option div{height:68px;padding:20px;overflow-y:scroll;border-top:solid 1px #ccc;}


.freq_service .fs_con{float:left;padding:5px 20px 0 20px;width:1140px;height:155px;}
.freq_service .fs_con p{display:none;}
.freq_service .fs_con li{width:12.5%;}
.freq_service .fs_con li a:hover,
.freq_service .fs_con li a:focus{text-decoration:underline;}

.m2_tablet{overflow:hidden;float:left;}

/*주요민원서비스*/
.impor_service{width:300px;}

/*바로가기버튼*/
.main_go_btn{float:left;width:480px;}
.main_go_btn ul,
.main_go_btn li{padding:0 5px;}
.main_go_btn li a{padding:40px 0;}
.main_go_btn li a.ico03,
.main_go_btn li a.ico04{margin-top:10px;}

/*분야별정보*/
.part_info {float:right;width:620px;height:460px;box-sizing:border-box;}

/************************************************************/
.attraction{float:left;width:320px;margin-right:20px;}
.attraction p{right:0}
.attraction li{padding:345px 9.375% 30px 9.375%;height:275px}
.attraction li>span{width:100%}


.m3_tour_center{float:left;width:390px;}

/*사이버투어, 바로가기*/
.cyber_tour{float:none;width:100%;}
.cyber_tour dl{height:275px;/*height:100px;*/}

.tour_golink{float:none;width:100%;}

/*관광도우미*/
.tip{clear:both;height:275px;padding:40px 0 0 0;}
.tip:after{top:150px;left:10px}
.tip h3{text-align:center;position:relative;top:inherit;left:inherit;}
.tip p{text-align:center;position:relative;top:inherit;left:inherit;margin:15px 0 30px 0;width:100%;}
.tip ul{margin:0 0 0 180px}

/*음식,숙박,관광*/
.what_tour{float:right;width:670px;}
.what_tour ul li{width:315px;margin:0 0 20px 20px;}
.what_tour ul li a{height:315px;padding:0;line-height:40px;}
.what_tour ul li a strong{display:inline-block;padding:140px 0;background:url("/images/01_potal/main/tour_right_line.png") no-repeat center top;}
.what_tour ul li a:hover,
.what_tour ul li a:focus{padding:30px 0;}
.what_tour ul li a:hover span,
.what_tour ul li a:focus span{padding:90px 0 120px 0;margin:0 30px;font-size:24px;background:url("/images/01_potal/main/tour_right_more.png") no-repeat center 65%;}

/***********************************************************/

.m4_c01{float:left;width:325px;}
.m4_c01 p{float:none;width:100%;}

.m4_c02{position:relative;float:left;width:1075px;padding:215px 0 0 0;}
.industry{width:205px;}
.job_center{width:325px;}
.job_center h3{padding:30px 20px 20px 50px;}
.job_center ul{padding:10px 0 20px 50px;}
/*.m4_c02:after{display:block;content:"";background:url("/images/01_potal/main/main4_building.png") no-repeat center center;position:absolute;top:0;right:0;width:645px;height:447px;}*/

.m4_visual{clear:none;float:left;width:545px;margin-top:-116px;}
.m4_visual li{float:left; position:relative}


.m4_c03{clear:both;float:left;width:530px;}
.m4_c03 h3{margin-left:220px;}
.m4_c03 ul{margin-left:220px;}

.m4_c04{float:left;width: 326px;}
.m4_banner{overflow:hidden;float:right;width: 544px;height:220px;}
.m4_banner a{padding-top:60px;}
.m4_banner p.fir a{padding-top:30px;}


}                                   

/*코로나19*/
.ncov{background:#2c5ca8; color:#fff;}   
.ncov_con{padding:20px;}   
.ncov .ncov_img{display:none;}  
.ncov_list{background:#12356b; box-shadow: 1px 2px 3px 0px #0a2347;} 
.ncov_list .txt{padding: 10px 0 0 2%;margin-bottom: 13px;font-size: 20px;font-weight: 600;color: #f68e56;}
.ncov_list ul{padding: 9px 20px 10px;background:#12356b;}
.ncov_list li{margin:0 0 10px; overflow:hidden;}  
.ncov_list li strong{display:inline-block;padding: 6px 0 0 0;}  
.ncov_list li span{display:inline-block;float:right;width: 60px;padding: 4px 8px;text-align: center;background: #F26522;}  
.ncov_link{text-align:center; margin:20px 0;}

@media all and (min-width:768px) {
.ncov_con{overflow:hidden;}
.ncov_list{float:left;width: 85%;box-sizing:border-box;position: relative;}
.ncov_list ul{overflow:hidden;padding: 0;}
.ncov_list li{float:left;box-sizing: border-box;width: 29%;margin: 0 2% 10px 2%;}
.ncov_list li:first-child{clear: both;position: absolute;top: 6px;right: 4%;margin: 0;width: auto;}


/*.ncov_list:after{content:"";position:absolute;top: 8px;left: 20px;width: 510px;height: 38px;padding: 10px 0;border-radius: 5px;background: #12356b url('/images/01_potal/main/ncov_txt.gif') 10px no-repeat;}*/
.ncov_link{float:right;margin: 0;}
.ncov_link img{width: 107px;}
}                                                                                                             


@media all and (min-width:1023px) {
.ncov_con{width: 850px;margin:0 auto;padding: 10px 0;position:relative;}
.ncov_list:after{display:none;}

.ncov_con .link{position:absolute;left: 126px;top: 14px;}
.ncov_con .link a{display:block;padding: 6px 35px 9px 14px;border-radius:5px;background: #2c5ca8 url('/images/01_potal/sub/btn_new.png') no-repeat right 16px top 9px;color:#fff;font-size: 15px;/* font-weight:bold; */}
}

/*통합예약*/
.menu_position .reserve{display: block;position: absolute;top: -117px;right: 8px;}
.menu_position .reserve a{display: block;padding: 8px 12px 8px 30px;background: url("/upload_data/board_data/BBS_0000144/164557381546117.png") no-repeat 12px 10px #018483;color: #fff;border-radius: 20px;font-weight: bold;}
.menu_position .reserve a:hover, .menu_position .reserve a:focus{background-color: #323a47;outline: 2px solid #f26522;}
@media all and (min-width:1023px) {
.menu_position .reserve{top: -56px;right: 250px;}
}
@media all and (min-width:1400px) {
.menu_position .reserve{top: 24px;right: 160px;}
}

/*2022시장실*/
.main_mayor{position: relative;background: url("/upload_data/board_data/BBS_0000144/165942798007708.png") no-repeat top left 10px #fff;}
.main_mayor div{background: url("/upload_data/board_data/BBS_0000144/165942798008166.png") no-repeat right bottom;}
.main_mayor div h3{text-align: left;padding: 64px 0 0 20px;color: #124ea5;font-size: 28px;}
.main_mayor div p{text-align: left;color: #333;font-size: 18px;padding: 6px 0 0 20px;}
.main_mayor a{display:block;height: 280px;padding: 68px 0 0 20px;box-sizing: border-box;}
.main_mayor .mayor2022{padding: 38px 0 0 20px;box-sizing: border-box;background-image: url("/upload_data/board_data/BBS_0000144/167031618882789.png");}
.main_mayor .mayor2022 a{height: auto;padding: 0;}
.main_mayor .mayor2022 ul{padding: 0;margin-top: 15px;}
.main_mayor .mayor2022 li{margin-bottom: 5px;}
.main_mayor .mayor2022 li a{display: block;width: 125px;color: #fff;font-size: 15px;font-weight: bold;padding: 5px 10px;text-align: justify;box-sizing: border-box;border: none;border-radius: 20px;line-height:3px;}
.main_mayor .mayor2022 li a:before{display:inline-block;content:"";width:100%;}
.main_mayor .mayor2022 li a:after{display:inline-block;content:"";width:100%;}
.main_mayor .mayor2022 li:nth-child(1) a{background: #018483;}
.main_mayor .mayor2022 li:nth-child(2) a{background: #0052ca;}
.main_mayor .mayor2022 li:nth-child(3) a{background: #d44500;}
.main_mayor .mayor2022 li:nth-child(4) a{background: #f9c01e;color: #333;}
.main_mayor .mayor2022 li:nth-child(5) a{background: #323a47;}
.main_mayor .mayor2022 li a:hover, .main_mayor .mayor2022 li a:focus{text-align: justify;}
.main_mayor .mayor2022 li:nth-child(5) a:focus {outline:2px solid #f26522;}
@media all and (min-width:1023px) {
.main_mayor .mayor2022{padding-left: 10px;background-position: bottom right -44px;}
}

/* d-day */
.main_content{padding-top: 12px;}
.main_dday{position: relative;margin: 0 12px;padding: 20px;border-radius: 10px; background: rgba(255,255,255,.5);display: block!important;}
.main_dday .text{color: #000;}
.main_dday .text p{font-size: 16px;font-weight: bold;}
.main_dday .text strong{display: block;font-size: 24px;color: #bf000b;}
.main_dday .dday{position: absolute;top: 40px;right: 20px;padding: 5px 15px;font-size: 24px;font-weight: bold;color: #fff;background: #0052ca;border-radius: 20px;}
@media all and (min-width:768px) {
.main_dday{width: 240px;padding: 10px;background: url("/upload_data/board_data/BBS_0000144/165828288280075.png") no-repeat center right 6px rgba(255,255,255,.5);}
.main_dday .text{font-size: 13px;}
.main_dday .text p{font-size: 14px;}
.main_dday .text strong{font-size: 20px;}
.main_dday .dday{top: 20px;right: 10px;font-size: 20px;}
}
@media all and (min-width:1023px) {
.main_content{padding-top: 0;}
.main_dday{position: absolute;top: 28px;left: 240px;}
}