@charset "utf-8";

/* .visual {overflow:hidden;position:relative;width:1000px; margin-bottom:10px; margin-top:60px;} */
.visual .mayor { margin-left:15px; position:absolute; top:0px; right:0px; background:url(http://www.jongno.go.kr/portal/open_content/images/2016new/main/mayor_banner1.jpg) left top no-repeat; width:334px; height:120px; padding-top:170px;}
.visual .mayor h4 {height:0px; line-height:0px; font-size:0px;}
.visual .mayor .btn_mayor a {display:block; width:143px; height:25px; margin-bottom:4px; line-height:0px; font-size:0px;}
.cont_area1 {border:solid 1px #e3e3e3; width:998px; margin-top:12px;}
.cont_area1 ul.cont_list {overflow:hidden;}
.cont_area1 ul.cont_list > li:first-child {border-left:0px; width:382px; position:relative;}
.cont_area1 ul.cont_list > li:first-child div.cont_box {width:367px;}
.cont_area1 ul.cont_list > li:first-child .more{position:absolute; top:-30px; right:10px; font-size:15px; font-weight:bold; color:#a3a3a3;}
.cont_area1 ul.cont_list > li {border-left:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; float:left;}
.cont_area1 ul.cont_list > li div.cont_box { width:275px; height:235px; padding:25px 5px 25px 10px; overflow:hidden; position:relative;}
.cont_area1 ul.cont_list > li:last-child div.cont_box { width:300px; }
.cont_area1 ul.cont_list > li div.cont_box h2 {font-size:20px; line-height:22px; font-weight:bold; margin-bottom:20px; color:#2b2b2b;}
.cont_area1 ul.cont_list > li div.cont_box h2 span {font-size:12px; line-height:12px; font-weight:normal;}
.cont_area1 ul.cont_list2 {overflow:hidden;}
.cont_area1 ul.cont_list2 > li:first-child {border-left:0px;}
.cont_area1 ul.cont_list2 > li {border-left:solid 1px #e3e3e3; float:left;}
.cont_area1 ul.cont_list2 > li div.cont_box { width:317px; height:210px; padding:25px 5px 25px 10px; overflow:hidden; position:relative;}
.cont_area1 ul.cont_list2 > li div.cont_box h2 {font-size:20px; line-height:22px; font-weight:bold; margin-bottom:20px; color:#2b2b2b;}
.cont_area1 ul.cont_list2 > li div.cont_box h2 span {font-size:12px; line-height:12px; font-weight:normal;}
.cont_area1 ul.cont_list2 > li div.cont_box2 { width:317px; height:215px; padding:25px 5px 25px 10px; overflow:hidden; position:relative;}
.cont_area1 ul.cont_list2 > li div.cont_box2 h2 {font-size:20px; line-height:22px; font-weight:bold; margin-bottom:10px; color:#2b2b2b;}
.cont_area1 ul.cont_list2 > li div.cont_box2 h2 span {font-size:12px; line-height:12px; font-weight:normal;}
.cont_area1 ul.cont_list2 > li div.cont_box3 { width:317px; height:317px; padding:25px 5px 10px 10px; overflow:hidden; position:relative;}
.cont_area1 ul.cont_list2 > li div.cont_box3 h2 {font-size:20px; line-height:22px; font-weight:bold; margin-bottom:20px; color:#2b2b2b;}
.cont_area1 ul.cont_list2 > li div.cont_box3 h2 span {font-size:12px; line-height:12px; font-weight:normal;}
.icon_list a {float:left; display:block; font-size:14px; line-height:14px; width:76px; height:28px; padding-top:80px; margin-top:15px; text-align:center; background:url("/portal/open_content/images/2016new/main/icon_list1.gif") left top no-repeat;}
.icon_list a:hover { text-decoration:underline; font-weight:bold;}
.icon_list a + a { background:url("/portal/open_content/images/2016new/main/icon_list2.gif") left top no-repeat; margin-left:4px;}
.icon_list a + a + a { background:url("/portal/open_content/images/2016new/main/icon_list3.gif") left top no-repeat; margin-left:4px;}
.icon_list a + a + a + a{ background:url("/portal/open_content/images/2016new/main/icon_list4.gif") left top no-repeat; margin-left:4px;}
.icon_list a + a + a + a + a{ background:url("/portal/open_content/images/2016new/main/icon_list5.gif") left top no-repeat; margin-left:0px;}
.icon_list a + a + a + a + a + a { background:url("/portal/open_content/images/2016new/main/icon_list6.gif") left top no-repeat; margin-left:4px;}
.icon_list a + a + a + a + a + a + a{ background:url("/portal/open_content/images/2016new/main/icon_list7.gif") left top no-repeat; margin-left:4px;}
.icon_list a + a + a + a + a + a + a + a{ background:url("/portal/open_content/images/2016new/main/icon_list8.gif") left top no-repeat; margin-left:4px;}
.go_btn_area {margin-bottom:10px; overflow:hidden; margin-left:-4px;}
.go_btn_area a {background:url("/portal/open_content/images/2016new/main/off_go_bg1.gif") left top no-repeat; display:block; width:153px; height:31px; line-height:31px; font-size:14px; color:#fff; text-align:center; float:left; margin-bottom:5px; margin-left:5px;}
.go_btn_area a.on {background:url("/portal/open_content/images/2016new/main/on_go_bg1.gif") left top no-repeat; }
.go_btn_area a:hover {text-decoration:underline; font-weight:bold;}
.sel_box select {height:30px; width:250px; background:#fff; border:solid 1px #cccccc; font-size:14px; line-height:14px;}
.fovr_btn a { background:url("/portal/open_content/images/2016new/main/list_icon1.gif") left top no-repeat; width:68px; height:64px; display:block; float:left; font-size:0px; line-height:0px;}
.fovr_btn a + a { background:url("/portal/open_content/images/2016new/main/list_icon2.gif") left top no-repeat; margin-left:12px;}
.fovr_btn a + a + a { background:url("/portal/open_content/images/2016new/main/list_icon3.gif") left top no-repeat; margin-left:12px;}
.fovr_btn a + a + a + a { background:url("/portal/open_content/images/2016new/main/list_icon4.gif") left top no-repeat; margin-left:12px;}
.fovr_btn a + a + a + a + a { background:url("/portal/open_content/images/2016new/main/list_icon5.png") left top no-repeat; margin-left:0; margin-top:12px;}
.fovr_btn a + a + a + a + a + a { background:url("/portal/open_content/images/2016new/main/list_icon6.png") left top no-repeat; margin-left:12px; margin-top:12px;}
.fovr_btn a + a + a + a + a + a + a { background:url("/portal/open_content/images/2016new/main/list_icon7.png") left top no-repeat; margin-left:12px; margin-top:12px;}
.fovr_btn a + a + a + a + a + a + a + a { background:url("/portal/open_content/images/2016new/main/list_icon8.png") left top no-repeat; margin-left:12px; margin-top:12px;}
.banner_wrap {width:1000px; margin:20px auto;  border:solid 1px #ccc; height:80px;}
#f_link {width:100%; min-width:1000px; background:#ddd; height:36px;}
.f_link_wrap {width:1000px; margin:0px auto; overflow:hidden;}
.f_link_wrap ul li:first-child {background:none;}
.f_link_wrap ul li {float:left;background:url("/portal/open_content/images/2016new/common/gray_line1.gif") left 13px no-repeat; padding-left:10px; margin-left:10px; line-height:36px;}
#main_footer {background:#f3f3f3; width:100%; padding-bottom:50px;}
#main_footer .footer_wrap {width:1000px; margin:0 auto; position:relative;}
#main_footer .footer_wrap address {padding-top:20px;}
#main_footer .footer_wrap .w3c_mark {position:absolute;  top:10px; right:110px;}
#main_footer .footer_wrap .i_safe {position:absolute;top:10px; right:20px;}

/* 배너존 */
.banner_wrap{ height:60px}
.banner{width:1000px;margin:0 auto;text-align:left;clear:both;position:relative; }
.banner h2 {float:left; padding-top:20px; font-size:15px;color:#000; margin-left:20px; }
.banner_controll {padding-top:20px;}
.banner_controll button { float:left; cursor:pointer; border:none;  }
.banner_controll button.banner_left { width:20px;height:20px; background:url("/portal/open_content/images/2016new/main/btn_pre.gif") left top no-repeat;}
.banner_controll button.banner_stop { width:20px;height:20px; background:url("/portal/open_content/images/2016new/main/btn_stop.gif") left top no-repeat;}
.banner_controll button.banner_right { width:20px;height:20px; background:url("/portal/open_content/images/2016new/main/btn_next.gif") left top no-repeat; }
.banner_controll button span { visibility:hidden; }
.banner .banner_controll { float:left; margin-left:40px; }
.banner .banner_area { float:left; width:798px; overflow:hidden;}
.banner .banner_area div { display:block; }
.banner .banner_area ul{ position:absolute; top:15px; left:180px; width:730px; height:32px; overflow:hidden; display:block; }
.banner .banner_area ul li { float:left; width:auto; padding-right:19px; }
.banner .banner_area ul li img { overflow:hidden; height:32px; }
.banner .banner_area a { display:inline-block; }
.photo_magazine2 h5 {font-size:14px; line-height:14px; margin-bottom:10px; text-align:center;}
.photo_magazine2 h5 a:hover {text-decoration:underline;}
.photo_magazine2 ul {overflow:hidden; }
.photo_magazine2 ul li {float:left; width:145px; height:190px; text-align:center; border:solid 1px #ececec; background:#fbfbfb;}
.photo_magazine2 ul li:first-child {margin-right:15px;}
.photo_magazine2 ul li img {width:145px; height:95px; margin-bottom:10px;}
.photo_magazine2 ul li p {width:144px; margin:0 auto;font-size:13px; line-height:18px;}
.photo_magazine2 ul li:hover {border:solid 1px #173a79; cursor:pointer}
.book_magazine ul {overflow:hidden; }
.book_magazine ul li {float:left; width:155px; text-align:center;}
.book_magazine ul li img {width:140px; height:190px; border:solid 1px #dcdcdc; margin-bottom:10px;}
.book_magazine ul li p {font-size:0px; line-height:0px;}
.book_magazine ul li img:hover {border:solid 1px #173a79; cursor:pointer}

/* 20180514 */
.social_list{display: none}
.main_container {width:100%;min-width:1000px;margin:0 auto; position:relative;}
.main_container:after{content: "";display: block;clear: both;}
.main_container img{max-width: 100%;}
.box_in{position:relative;width:1000px;min-width: 1000px;margin: 0 auto;}
.box_in:after{content: "";display: block;clear: both;}

/* */
.main_box1{width: 100%;min-width: 1000px;height: 360px;padding: 20px 0 10px 0}
/* .temp_win{display: none !important} */

.visual_wp{position: relative; float:left;width: 720px;height:360px; margin: 0 auto;text-align: center}

/* 메인 슬라이드 소스 */
.visual{height: 300px;margin:  0 2px 10px 0;position: relative;}
#vslides {display:block;width:100%;height:300px;position: relative;}
#vslides > a {position: absolute; z-index: 44;display: block;overflow: hidden;text-indent: -9999px;}
.slidesjs-slide{width: 100%;height: 300px;}
.slidesjs-slide a img{width: 100% !important;height: 100% !important;max-width: 100%}
a.slidesjs-stop {left:37px;top:inherit;bottom:5%;width: 9px;height: 11px;background: url("/portal/open_content/images/2018new/main/btn_sd_stop01.png") center top no-repeat;}
a.slidesjs-play{left: 37px;top:inherit;bottom:5%;width: 9px;height: 11px;background: url("/portal/open_content/images/2018new/main/btn_sd_play01.png") center top no-repeat;} 
a.slidesjs-previous {left: 20px;top:inherit;bottom:5%;width:7px;height:11px;background: url("/portal/open_content/images/2018new/main/btn_sd_arr07.png") center top no-repeat; }
a.slidesjs-next {left: 55px;top:inherit;bottom:5%;width:7px;height:11px;background: url("/portal/open_content/images/2018new/main/btn_sd_arr08.png") center top no-repeat;}
.slidesjs-pagination {position: absolute;left: 75px;top:inherit;bottom:5%; z-index: 44;}
.slidesjs-pagination li {display: inline-block;margin: 0 4px;}
.slidesjs-pagination li a {display: block;width: 8px;height: 8px;overflow: hidden; padding-top: 0;background-color: #7b92b2;border-radius: 8px;font-size: 0;text-indent: -9999px;}
.slidesjs-pagination li a.active {background-color: #fff}


.navbar {overflow: hidden;}

/*  */
.rolllist{height:50px;background-color: #ecedf0}
.rolllist_box {position:relative; width:auto;padding:  0 20px 0 305px;}
.rolllist_box:after{content: "";display: block;clear: both;}
.roll_tit {position: absolute;left:0;width: 282px;height:49px;background-color: #6a8cb7}

.roll_tit .title{float:left;height:21px;line-height:21px;margin: 0 40px 0 20px;padding:14px  0 0 0 ;}
.roll_tit .title a{display:block;padding: 0 0 0 33px; background: url(http://www.jongno.go.kr/portal/open_content/images/2018new/main/bg_roll01.png) left top no-repeat;color:#fff;font-size: 17px;font-weight: 600;}
.roll_tit .roll_ctr{float: left;padding:  14px 0 0 0;}
#next-animate {display:inline-block;width:9px;height:16px;margin: 0 0 0 12px; padding:0;font-size:0px;border:0;background: url("/portal/open_content/images/2018new/main/btn_sd_arr04.png") center 50% no-repeat; cursor:pointer;}
#prev-animate {display:inline-block;width:9px;height:16px;margin: 0 12px 0 0;padding:0;font-size:0px;border:0;background: url("/portal/open_content/images/2018new/main/btn_sd_arr03.png") center 50% no-repeat; cursor:pointer;}
#pause {display:none; border:solid 1px #d5d5d5; padding:2px 10px; height:18px; line-height:16px; font-size:0px; background: url("/portal/open_content/images/2016new/main/scoll_stop.gif") center 50% no-repeat; cursor:pointer;}
.roll_tit .roll_ctr .slide_total{display:inline-block;height:16px;line-height:16px;padding:2px 0 0 0; color: #fff;font-size: 15px;}
.roll_tit:after{content: "";display:block;width: 9px;height: 19px;position:absolute;right:-8px;top:14px; background: url(http://www.jongno.go.kr/portal/open_content/images/2018new/main/deco_roll.png) left top no-repeat;z-index: 1;clear: both;}

.roll_list{height:90px !important; line-height:36px !important;}
.roll_list > ul{/* position: absolute; margin: 0px; padding: 0px;top: 0px;left: 0; */}
.roll_list ul{width: 100%}
.roll_list ul li {width: 100%; height: 40px; top: 10px;}
.roll_list ul li a{/* font-family:"돋움","dotum", sans-serif; */display: block; height:36px !important; line-height:18px !important;overflow: hidden;width: 100%;text-align: left;font-size: 12px;color: #555555}
.roll_list ul li a strong{display:block;overflow: hidden;width: 100%;font-weight: normal;white-space:nowrap;text-overflow:ellipsis}
.roll_list ul li a span{display: block;}

/* 자주찾는 서비스 */
.favor_wp{float: left;width: 280px;height: 360px;background-color:#d3d5e0}
.favor{position: relative;height: 287px;padding: 20px 20px 53px 0}
.favor h2{position: absolute;bottom:13px;left:0; height:21px;width: 100%;}
.favor h2 span{display:block;padding: 0  20px 0 55px;background: url("/portal/open_content/images/2018new/main/bg_favor10.png") 22px center no-repeat;}
.favor h2 span em{display:block;height:21px;line-height:21px; background: url("/portal/open_content/images/2018new/main/bg_favor11.png") right center no-repeat;font-size: 17px;color: #3e5070;font-weight: bold}
.svs_wrap {background-color: #fff}
.svs_wrap ul{padding: 17px 0 0 0}
.svs_wrap ul:after{content: "";display: block;clear: both}
.svs_wrap ul li {float:left; width:33.3%; height:78px;margin: 0 0 13px 0; text-align: center}
.svs_wrap ul li a {display:block;padding-top:0;color:#5a627f;font-size: 13px;line-height: 15px;letter-spacing: -1px}
.svs_wrap ul li a span{display: block;width: 55px;height: 38px;margin:0 auto 8px auto;;padding:17px 0 0 0 ;background-color:#f2f3f6;border-radius:17px; text-align: center}
.svs_wrap ul li a span img{vertical-align: top}
.svs_wrap ul li a  em{font-style: normal;display: inline-block;}
/* .svs_wrap ul li.fv_item1{background: url("/portal/open_content/images/2018new/main/bg_favor01.png") center top no-repeat;}
.svs_wrap ul li.fv_item2{background: url("/portal/open_content/images/2018new/main/bg_favor02.png") center top no-repeat;}
.svs_wrap ul li.fv_item3{background: url("/portal/open_content/images/2018new/main/bg_favor03.png") center top no-repeat;}
.svs_wrap ul li.fv_item4{background: url("/portal/open_content/images/2018new/main/bg_favor04.png") center top no-repeat;}
.svs_wrap ul li.fv_item5{background: url("/portal/open_content/images/2018new/main/bg_favor05.png") center top no-repeat;}
.svs_wrap ul li.fv_item6{background: url("/portal/open_content/images/2018new/main/bg_favor06.png") center top no-repeat;}
.svs_wrap ul li.fv_item7{background: url("/portal/open_content/images/2018new/main/bg_favor07.png") center top no-repeat;}
.svs_wrap ul li.fv_item8{background: url("/portal/open_content/images/2018new/main/bg_favor08.png") center top no-repeat;}
.svs_wrap ul li.fv_item9{background: url("/portal/open_content/images/2018new/main/bg_favor09.png") center top no-repeat;} */

.main_box2{width: 100%;min-width: 1000px;height: 341px;background: url("/portal/open_content/images/2018new/main/bg_mbox01.gif") left top repeat-x;}
.main_box2 .box_in{padding:35px 0 0 0; background: url("/portal/open_content/images/2018new/main/bg_bbs01.gif") 82% top no-repeat;}
.bbs_wp{float: left;width: 720px;}
.bbs_wp:after{content: "";display:block;clear: both}

.notice{float: left;width: 330px;height: 295px;}
/* 알림판 */
.contents_pop{position:relative;margin: 0 10px 0 0;padding:27px 10px 10px 10px; height:256px;border:1px solid #e5e5e5;background-color: #fff}
.contents_pop h2{margin: 0 0 20px 5px;font-size: 17px;color: #222222;font-weight: 600}

/* 알림판 이미지 */
.list_con{width: 290px;height: 210px;margin: 0 auto;} 
.list_con ul{position: relative;}
.list_con li{float:left;position:absolute; top:0; left:0;;display:none;}
.list_con li.on{display:block;z-index:10}
.list_con ul li img {width:288px;height:208px; border:solid 1px #c2d1dd}


/* 알림판 control */
/* .ctrl_inform {position:absolute;top:25px; right:25px;}
.ctrl_inform ul:after{content: "";display: block;clear: both}
.ctrl_inform li{float:left;margin: 0 7px 0 8px}
.ctrl_inform li.slide_total{color:#999999;font-size: 15px;}
.ctrl_inform li.slide_total span{display: inline-block;margin: 0 3px}
.ctrl_inform li.slide_total span:first-child{color: #3d3d3d;font-weight: bold;} */

.ctrl_inform {position:absolute;top:32px; right:25px;}
.ctrl_inform ul:after{content: "";display: block;clear: both}
.ctrl_inform li{float:left;margin: 0 7px 0 8px}
.ctrl_inform li.slide_total{color:#999999;font-size: 15px;}
.ctrl_inform li.slide_total span{display: inline-block;margin: 0 3px}
.ctrl_inform li.slide_total span:first-child{color: #3d3d3d;font-weight: bold;}
.num1, .num2, .num3{width:15px;height:15px;position:absolute;right:-20px;}
.num1{background:url(/health/open_content/images/2016new/main/popup_no1.gif) 0 0 no-repeat;top:73px;}
.num2{background:url(/health/open_content/images/2016new/main/popup_no2.gif) 0 0 no-repeat;top:93px;}
.num3{background:url(/health/open_content/images/2016new/main/popup_no3.gif) 0 0 no-repeat;top:113px;}
.contents_pop button{padding:0;border:0;cursor:pointer}
.contents_pop button span{text-indent:-999em;width:0;height:0;display:block}
.prev_pop, .pause_pop, .next_pop{width:10px;height:16px}
.play_pop, .stop_pop{width:10px;height:16px;}
.prev_pop{background: url(/health/open_content/images/2018new/main/btn_pre.png) 0 0 no-repeat;}
.pause_pop{background: url(/health/open_content/images/2018new/main/btn_stop.png) 0 0 no-repeat;}
.next_pop{background: url(/health/open_content/images/2018new/main/btn_next.png) 0 0 no-repeat;}
.play_pop{ background: url(/health/open_content/images/2018new/main/btn_ctrl_play.png) 0 0 no-repeat;}
.stop_pop{background: url(/health/open_content/images/2018new/main/btn_ctrl_stop.png) 0 0 no-repeat;}

.bbs{float:left;width: 390px;text-align: left;}
.board_box{height: 269px;padding: 0 15px;margin:  0 10px 0 0 ;border:13px solid #e0e3e6;background-color: #fff}
.board{position:relative;height:269px;}
.board .deco{display: block;position: absolute;top:46px; width: 100%;height:5px; background: url("/health/open_content/images/2018new/main/bg_board01.gif") left top repeat-x}
.board h3{display:inline-block; *display:inline;position:relative;z-index:100;padding: 15px 0 0 0;margin:0}
.board h3 a{display:block;height:24px; line-height:24px;font-size:15px;color:#888888; padding:0 15px  12px 15px; text-align:center; font-weight:normal;letter-spacing: -1px }
.board h3.current a{color:#022222; background: url("/health/open_content/images/2018new/main/bg_board02.gif") left bottom repeat-x; font-weight: 600}
.board h3 a:first-child{border-left:0;margin-left:1px}
.board div {position:absolute; top:72px; left:0; width:100%;}
.board div ul{overflow:hidden;height:81px }
.board div ul li {position:relative;width:auto;line-height:27px;padding: 0 85px 0 10px; background: url("/health/open_content/images/2018new/main/ch_dott1.gif") left 12px no-repeat; }
/* .board div ul li a{font-family:"돋움","dotum", sans-serif;} */
.board div ul li a:hover {text-decoration:underline;}
.board div ul li strong{display: block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;font-size:13px;color:#555555;}
.board div ul li span {position:absolute; top:0px; right:5px;color:#767676;letter-spacing: -1px;font-size:13px;}
.board div p.more {position:absolute; top:-50px; right:0px;display: block !important;}
.board dl{position: relative;min-height:87px; padding:  0 0 0 110px;margin:  0 0 15px 0}
/* .board dl a{font-family:"돋움","dotum", sans-serif; } */
.board dl a:hover{text-decoration: underline;}
.board dl dt{height: 42px;overflow: hidden;margin:  0 0 5px 0}
.board dl dt a{display: block;color:#222222;font-size: 15px;line-height: 20px;font-weight:bold;}
.board dl dd{height: 42px;overflow: hidden;}
.board dl dd a{display: block;font-size: 13px;color: #999999;line-height: 20px;}
.board dl dd.date{position: absolute; left:0;top:0;width: 92px;height: 87px;border: 1px solid #e0e0e0;text-align: center;color:#222222;letter-spacing: -1px}
.board dl dd.date span{display: block;font-size: 15px;margin:  0 0 8px 0;padding:15px 0 0 0;}
.board dl dd.date strong{font-size: 25px;font-weight: bold;}

/* 열린 구청장실  */
/* .mayor_wp{float: left;width: 280px;height: 268px}
.mayor{height: 268px;padding: 0 0 0 15px; background: url("/portal/open_content/images/2018new/main/bg_mayor01.jpg") right bottom no-repeat; }
.mayor a{display: block;}
.mayor a span{display: block;padding: 6px 0}
.mayor .text_mayor1{padding: 13px 0 12px 0 }
 */

.mayor_wp{float: left;width: 280px;height: 268px}
/* .mayor{height: 268px;padding: 0 0 0 15px; background: url("/portal/open_content/images/2018new/main/bg_mayor01.jpg") right bottom no-repeat; } */
.mayor{height: 268px;padding: 0 0 0 15px; background: url("/portal/open_content/images/2018new/main/bg_mayor04.png") right bottom no-repeat; }
.mayor p{margin:  0 0 35px 0 }
.mayor p span{display: block;padding: 6px 0}
.mayor .text_mayor1{padding: 13px 0 12px 0 }
.mayor a{display: block;width: 122px;height: 23px;line-height: 23px;padding: 0 0 0 8px;color: #fff;background-repeat: repeat;border-radius: 3px}
.mayor .link_mayor1{background-image: url("/portal/open_content/images/2018new/main/bg_mayor01.png")}
.mayor .link_mayor2{background-image: url("/portal/open_content/images/2018new/main/bg_mayor02.png")}
.mayor .link_mayor3{background-image: url("/portal/open_content/images/2018new/main/bg_mayor03.png")} 
.mayor .link_mayor3 span{letter-spacing:-2px;}/* 20181112 */
.link_box{display: block;}

/* 종로이슈 */
.main_box3{width: 100%;min-width: 1000px;/* height: 450px; */}
.main_box3 .box_in{padding:35px  0 }
.issue_wrap{}
.cont_area2 { position:relative;height: 442px;}
.cont_area2 h2{line-height: 30px;margin: 0 0 25px 0; padding:0 0 18px 0; font-size:27px;text-align: center;font-weight:600;color: #2c2c2c; background: url("/portal/open_content/images/2018new/main/line_issue01.gif") center bottom no-repeat; }
.cont_area2 h3{position:relative;float:left; display:table; width:16.66%; height:47px;margin:  0;}
.cont_area2 h3 a{display:table-cell;height:100%;vertical-align:middle;border:1px solid #dddddd;border-left:0;border-bottom:1px solid #000;text-align:center;color: #888888;font-size: 17px;font-weight: bold}
.cont_area2 h3.first_tab a{border-left:1px solid #ddd;}
.cont_area2 h3.issue_tab_on a{border:1px solid #000;border-bottom: 1px solid #fff;color:#2c2c2c}
.cont_area2 h3.first_tab.issue_tab_on a{border-left:1px solid #000;}
.cont_area2 .issue_con{display:none;position: absolute;top:167px;left:-20px; clear: both;width: 1020px;padding:0}
.cont_area2 .issue_con:after{content: "";display: block;clear: both}
.cont_area2 .issue_con_1{display:block;}
.cont_area2 .issue_con li{position:relative;float:left; width:25%;}
.cont_area2 .issue_con li a{position:relative;display: block;margin: 0  0 0 20px;padding-bottom:5px;background-color: #fafafa}
.cont_area2 .issue_con li a span{display:block;font-size:13px;color: #555;font-weight: bold;}
.cont_area2 .issue_con li a .issue_frame{height: 180px;overflow: hidden;margin: 0 0 20px 0;text-align: center;border:1px solid #dddddd;}
.cont_area2 .issue_con li a .issue_frame img{width: 100%;max-width:100%; height: 100%;}
.cont_area2 .issue_con li a .issue_title{line-height: 17px;height: 36px;overflow: hidden;margin:  0 10px 4px 10px;}
.cont_area2 .issue_con li a .issue_date{color: #767676;font-weight: normal;margin: 0 10px 10px 10px}
.cont_area2 .issue_con li .issue_tag{position:absolute; left:0; top:160px; display:inline-block; width:40px; height:20px; text-align:center; line-height:20px; color:#fff;background-color: #3e3e3e}
.cont_area2 .issue_con li.more{float:none; position:absolute;right:5px;top:-30px;width:49px;}
.cont_area2 .issue_con li.more a{margin:0;background:none; padding-bottom:0}



/* 분야별 바로가기 */
.main_box4{width: 100%;min-width: 1000px;height: 373px;background: url("/portal/open_content/images/2018new/main/bg_mbox04.jpg") left top repeat;border-bottom: 1px solid #dddddd}
.main_box4 .box_in{padding: 50px 0 0  0}
.sphere{position: relative;height: 293px}
.sphere:after{content: "";display: block;clear: both}
.sphere h2{line-height: 30px;margin: 0 0 25px 0; padding:0 0 18px 0; font-size:27px;text-align: center;font-weight:600;color: #2c2c2c; background: url("/portal/open_content/images/2018new/main/line_issue01.gif") center bottom no-repeat; }
.sphere h3{position:relative;float:left; display:table; width:25%; height:47px;margin:  0;}
.sphere h3 a{display:table-cell;height:100%;vertical-align:middle;border:1px solid #dddddd;border-left:0;border-bottom:1px solid #000;text-align:center;color: #888888;font-size: 17px;font-weight: bold;background-color: #FFF}
.sphere h3.first_tab a{border-left:1px solid #ddd;}
.sphere h3.sphere_tab_on a{border:1px solid #000;border-bottom: 1px solid transparent;color:#2c2c2c}
.sphere h3.first_tab.sphere_tab_on a{border-left:1px solid #000;}

.sphere .sphere_con{display:none;position: absolute;top:120px;left:0;width:100%; clear: both;height: 173px;background-color: #fff}
.sphere .sphere_con:after{content: "";display: block;clear: both}
.sphere .sphere_con_1{display:block;}
.sphere .sphere_con a{font-family:"돋움","dotum", sans-serif;}

.tab_in{height: 172px;border: 1px solid #dddddd;border-top:0;background: url("/portal/open_content/images/2018new/main/bg_sphere00.gif") right bottom no-repeat;}
.sphere_link:after{content: "";display: block;clear: both}
.sphere_link{position:relative;padding: 45px 0 0 450px}
.sphere_link li{float: left;width:33.3%;margin: 0 0 15px 0}
.sphere_link li a{display: block;padding: 0 0 0 15px; background: url("/portal/open_content/images/2018new/main/bullet01.gif") left 5px no-repeat;font-size: 14px;color: #555555;letter-spacing: -1px}
.sphere_link li a:hover {text-decoration: underline;}
.sphere_link li.icon_item{position: absolute;top:30px;width: 100px;margin: 0;text-align: center}
.sphere_link li.icon_item a{display: block; padding: 100px 0 0 0;font-size: 14px;color: #555;font-weight: bold;background-position: center top;background-repeat: no-repeat;}
.sphere_link li.icon_01{left:35px}
.sphere_link li.icon_02{left:150px}
.sphere_link li.icon_03{left:265px}
.sphere_link li.icon_04{left:35px}
.sphere_link li.icon_05{left:150px}
.sphere_link li.icon_06{left:265px}
.sphere_link li.icon_07{left:35px}
.sphere_link li.icon_08{left:150px}
.sphere_link li.icon_09{left:265px}
.sphere_link li.icon_10{left:35px}
.sphere_link li.icon_11{left:150px}
.sphere_link li.icon_12{left:265px}
.sphere_link li.icon_01 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere01.png");}
.sphere_link li.icon_02 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere02.png") ;}
.sphere_link li.icon_03 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere03.png");}
.sphere_link li.icon_04 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere04.png");}
.sphere_link li.icon_05 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere05.png");}
.sphere_link li.icon_06 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere06.png");}
.sphere_link li.icon_07 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere07.png");}
.sphere_link li.icon_08 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere08.png");}
.sphere_link li.icon_09 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere09.png");}
.sphere_link li.icon_10 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere10.png");}
.sphere_link li.icon_11 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere11.png");}
.sphere_link li.icon_12 a{background-image: url("/portal/open_content/images/2018new/main/bg_sphere12.png");}
.sphere_link li a em{display: inline-block;font-style: normal;font-weight: bold;}

/*  */
.main_box5{width:100%;min-width:1000px; height:156px;margin: 0 auto;}
/*20200403 추가 S*/
.link_wrap{width:100px;min-width:1000px;height:108px;padding:24px 0 24px 0;margin:0 auto;position: relative;background: url("/portal/open_content/images/2020new/main/bg_link15_1.gif") center top no-repeat}
.link_wrap::before{position: absolute;top: 24px;right: 348px;width: 1px;height: 109px;background: url("/portal/open_content/images/2020new/main/bg_link15_2.gif");content:"";}
/*20200403 추가 E*/
.link_wp:after{content: "";display: block;clear: both}
.link_cont{}
.link_list{position:relative;height:108px;padding: 0 0 0 10px;}/*20200403*/
.link_list h2{margin: 0 0 12px 0;color:#2c2c2c;font-size: 15px;font-weight: 600}
.link_list h2.sns_tit{position: absolute;left:666px;top:0}/*20200403*/
.link_list ul:after{content: "";display: block;clear: both}
.link_list ul li{float: left;margin: 0 0 0 8px; width:47px}/*20200403*/
.link_list ul li:first-child{margin: 0}
.link_list ul li a{font-family:"돋움","dotum", sans-serif;display: block;min-width:38px;line-height:15px;padding:53px 0 0 0; text-align: center;color:#969696;font-size: 12px;letter-spacing: -1.5px;}
.link_list ul li a:hover{text-decoration: underline;}
.link_list ul li a span{display: block;}
.link_list ul li.lk_item1 a{background: url("/portal/open_content/images/2018new/main/bg_link01.png") center top  no-repeat;}
.link_list ul li.lk_item2 a{background: url("/portal/open_content/images/2018new/main/bg_link02.png") center top  no-repeat;}
.link_list ul li.lk_item3 a{background: url("/portal/open_content/images/2018new/main/bg_link03.png") center top  no-repeat;}
.link_list ul li.lk_item4 a{background: url("/portal/open_content/images/2018new/main/bg_link04.png") center top  no-repeat;}
.link_list ul li.lk_item5 a{background: url("/portal/open_content/images/2018new/main/bg_link05.png") center top  no-repeat;}
.link_list ul li.lk_item6 a{background: url("/portal/open_content/images/2018new/main/bg_link06.png") center top  no-repeat;}
.link_list ul li.lk_item7 a{background: url("/portal/open_content/images/2018new/main/bg_link07.png") center top  no-repeat;}
.link_list ul li.lk_item8 a{background: url("/portal/open_content/images/2018new/main/bg_link08.png") center top  no-repeat;}
.link_list ul li.lk_item9 a{background: url("/portal/open_content/images/2018new/main/bg_link09.png") center top  no-repeat;}
.link_list ul li.lk_item10 a{background: url("/portal/open_content/images/2018new/main/bg_link10.png") center top  no-repeat;}
.link_list ul li.lk_item10_1 a{background: url("/portal/open_content/images/2018new/main/bg_link10_1.png") center top  no-repeat;}
.link_list ul li.lk_item10_1{width:70px;}/*20200403*/
.link_list ul li.lk_item11{margin: 0 0 0 54px}/*20200403*/
.link_list ul li.lk_item11 a{background: url("/portal/open_content/images/2018new/main/bg_link18.png") center top  no-repeat;}
.link_list ul li.lk_item12 a{background: url("/portal/open_content/images/2018new/main/bg_link12.png") center top  no-repeat;}
.link_list ul li.lk_item13 a{background: url("/portal/open_content/images/2018new/main/bg_link13.png") center top  no-repeat;}
.link_list ul li.lk_item14 a{background: url("/portal/open_content/images/2018new/main/kakao.png") center top  no-repeat;}
.link_list ul li.lk_item15 a{background: url("/portal/open_content/images/2020new/main/in.png") center top  no-repeat;}
.link_list ul li.lk_item16 a{background: url("/portal/open_content/images/2018new/main/bg_link11.png") center top  no-repeat;}/*20200403*/
.link_list ul li.lk_item17 a{background: url("/portal/open_content/images/2020new/main/ytb.png") center top  no-repeat;}/*20200403*/
.link_list ul li.lk_item18 a{background: url("/portal/open_content/images/2020new/main/bg_link14.png") center top  no-repeat;}/*20200403*/
.link_list ul li.lk_item19 a{background: url("/portal/open_content/images/2023_renewal/main/news_letter.png") center top  no-repeat;}/*20231122*/
.link_list ul li.lk_item20 a{background: url("/portal/open_content/images/2023_renewal/main/daangn.png") center top  no-repeat;}/*20231122*/

.board div ul li a{display:block;}   
.list_con li a{display:block;}

/* 20200306 */
.iframe-layer{position: absolute;top: 100px;left: 50%;margin-left: -327px;z-index: 100000;width: 687px;height: 390px;padding: 15px;background: #fff;border: 1px solid #666666;box-sizing: border-box;}
.iframe-layer2{width: 655px;height: 300px;/* width: 687px;height: 390px; */}


.link_list ul li.tit{display:none;}/* 20200429 */

@media screen and (max-width:1000px){
	.iframe-layer{position:static;left:0;margin-left:0;margin:0 auto;max-width: 687px;}
	.link_wrap::before{display: none;}/*20200403*/

	/* 20200429 */
	.link_list ul li.tit{display:block;}
	.link_list ul li.tit {float: none;width: 100%;height: auto;margin-bottom: 10px;text-align: left;color: #2c2c2c;font-size: 15px;font-weight: 600;}
	/* 20200429 */
}
@media screen and (max-width:768px){
	.iframe-layer{width: 100% !important;}
	.iframe-layer2{left:0;margin-left:0;width: 100% !important;}
}
@media screen and (max-width:630px){
	.iframe-layer{height: 646px;}
	.iframe-layer2{height:560px;}
}
/* //20200306 */
/* 2020-11-27 */
@font-face {font-family: 'TmonMonsori';src: url('/portal/open_content/system/css/2020new/font/TmonMonsori.woff') format('woff');font-weight: normal;font-style: normal;}
.link-box > dl{display:table;width:100%;}
.link-box > dl > *{display:table-cell;vertical-align: top;padding:8px;height:34px;}
.link-box > dl > dt{width:120px;}
.link-box > dl > dt > a{display:block;height:24px;border-radius:5px;font-size:14px;vertical-align: top;font-family: 'TmonMonsori';color:#fff;background:#8eba49;text-align:center;padding:5px 0;line-height:24px;}
.link-box > dl > dd{padding:8px 0;color:#495a84;font-size:13px;font-weight:600;letter-spacing: -1.5px;line-height:17px;}
@media screen and (max-width: 1024px) {
	.link-box {
		margin-top: 10px;
	}
	.link-box>dl>* {
		padding: 0;
	}
	.link-box>dl>dt {
		width: 130px;
	}
	.link-box>dl>dd {
		vertical-align: middle;
		padding: 0 10px;
	}
	.link-box>dl>dd br {
		/* display: none; */
	}
}

/* 열린구청장실 바로가기 배너 221226 */
@font-face{
    font-family:'KHNPHD'; 
    src:url('fonts/KHNPHDRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}	
@font-face{
    font-family:'KHNPHD'; 
    src:url('fonts/KHNPHDBold.ttf') format('truetype'); 
    font-weight: Bold;
    font-style: normal;
}
.banner-box {height:302px;}
.banner-box .top {position:relative; height:220px; background:#FDF3F3 url(images/Layer6.png) right -15px top 10px no-repeat; padding:22px 12px; box-sizing:border-box; overflow:hidden; z-index:1;}
.banner-box .top strong {display:inline-block; font-size:13px; color:#222; border-bottom:1px solid #222; padding-bottom:2px; letter-spacing:-1px;}
.banner-box .top dl {margin-top:10px; color:#222; font-weight:bold;}
.banner-box .top dl dd {font-size:16px; font-family:'KHNPHD'; font-weight:normal;}
.banner-box .top dl dt {font-size:22px; margin-top:5px; font-family:'KHNPHD';} 
.banner-box .top dl dt span {font-size:26px; color:#522324; font-family:'KHNPHD';}
.banner-box .top ul {margin-top:10px;} 
.banner-box .top ul li + li {margin-top:2px;}
.banner-box .top ul li:hover a {background:#fff; color:#351718; box-shadow:2px 4px 8px rgba(255,123,132,.4);}
.banner-box .top ul li a {position:relative; display:inline-block; width:113px; padding:8px 10px 7px; background:#FFDFDF; box-sizing:border-box; border-radius:5px; color:#522324; letter-spacing:-.5px; font-family:'KHNPHD'; font-size:13px; white-space:nowrap; overflow:hidden; z-index:1; transition:ease-in .15s;}
.banner-box .top > span {position:absolute; font-size:0; bottom:0; right:-31px; z-index:-1}
.banner-box .bottom {display:flex; background:#5B6E96;}
.banner-box .bottom li {position:relative; width:25%; height:80px;}
.banner-box .bottom li + li:before {content:""; position:absolute; top:0; left:0; bottom:0; margin:auto; width:1px; height:50px; background:rgba(255,255,255,.2);}
.banner-box .bottom li a {display:block; padding:18px 3px; text-align:center; box-sizing:border-box;}
.banner-box .bottom li a span {display:inline-block; height:26px; transition:.2s;}
.banner-box .bottom li a span img {position:relative; transition:ease .3s;}
.banner-box .bottom li a:hover span img {transform:translateY(-6px);}
.banner-box .bottom li a em {display:block; margin-top:8px; font-sizE:12px; color:#fff; font-family:'KHNPHD'; font-weight:normal;}
@media screen and (max-width:1000px) {
    .banner-box .top {text-align:center;}
    .banner-box .top ul li a {width:200px;}
}
@media screen and (max-width:540px) {
    .banner-box .top {text-align:left;} 
    .banner-box .top > span {display:block; bottom:0; right:15px;} 
    .banner-box .top ul li a {width:50%;} 
}
@media screen and (max-width:275px) {
    .banner-box .top ul li a {width:115px;} 
}
/* //열린구청장실 바로가기 배너 221226 */