/*
Theme Name:     행정(seoul_gov)
Theme URI:      http://gov.seoul.go.kr
Description:    분야별 행정 테마 (부모 : seoul) 
Author:         PCN Inc
Author URI:     http://pcninc.co.kr
Template:       seoul
Version:        2.0
*/

@import url("../seoul/style.css?25717");
@import url("css/style.css?25717");

.lnb_1depth li ul.lnb_3depth {padding: 0}
h5.mom_tit {background: url(http://gov.seoul.go.kr/files/2013/08/mom_icon.gif) no-repeat 0px 10px; font-size:0.875em; font-weight: bold; color:#666666 !important; padding-left:18px !important; margin:5px 0 10px 0;}
/* mom */
.mom_List table {width:100%;}
.mom_List thead th {line-height:20px; height:30px; padding-left:20px; background:#f2f7de !important; border:1px solid #d5e2bc !important; border-top:2px solid #bcd5a1 !important; color:#666666 !important;}
.mom_List tbody td {line-height:18px; height:25px; text-align:center !important; padding:3px 0px !important; border:1px solid #d5e2bc !important; color:#666666 !important;}
.mom_List tbody td ul.momUL {width:100%; overflow: hidden; margin-left:0px !important;}
.mom_List tbody td ul.momUL li {background: url(http://gov.seoul.go.kr/files/2013/08/mom_icon.gif) no-repeat 0px -25px; padding-left:14px; line-height:18px}
.mom_List tbody td a {color:#666666;}
.mom_List td.tc {text-align:left !important; padding:3px 15px !important;}
.mom_List td.tl {text-align:left !important; padding:3px 5px !important;}


/* 20130731 for 33547 */
#post_content {position:relative;}
    #balloon {position:absolute; left:0px; top:0px; z-index:999; width:153px; height:105px; background-image: url('http://gov.seoul.go.kr/files/2013/07/51d524b28e0615.png'); background-repeat: no-repeat;}
    #balloon.pos0 {left:310px; top:-70px; background-position: 0px 0px}
    #balloon.pos1 {left:500px; top:20px; background-position: 0px -105px}
    #balloon.pos2 {left:530px; top:160px; background-position: 0px -210px}
    #balloon.pos3 {left:520px; top:330px; background-position: 0px -315px}
    #balloon.pos4 {left:460px; top:480px; background-position: 0px -420px}
    #balloon.pos5 {left:120px; top:500px; background-position: 0px -525px}
    #balloon.pos6 {left:10px; top:380px; background-position: 0px -630px}
    #balloon.pos7 {left:0px; top:245px; background-position: 0px -735px}
    #balloon.pos8 {left:0px; top:70px; background-position: 0px -840px}
    #balloon.pos9 {left:110px; top:-30px; background-position: 0px -945px}

    #balloon_1 {position:absolute; left:0px; top:0px; z-index:999; width:153px; height:88px; background-image: url('http://gov.seoul.go.kr/files/2013/10/balloon.png'); background-repeat: no-repeat;}
    #balloon_1.pos0 {left:290px; top:-50px; background-position: 0px 0px}
    #balloon_1.pos1 {left:470px; top:20px; background-position: 0px -88px}
    #balloon_1.pos2 {left:525px; top:160px; background-position: 0px -176px}
    #balloon_1.pos3 {left:520px; top:330px; background-position: 0px -264px}
    #balloon_1.pos4 {left:440px; top:460px; background-position: 0px -352px}
    #balloon_1.pos5 {left:300px; top:500px; background-position: 0px -440px}
    #balloon_1.pos6 {left:120px; top:470px; background-position: 0px -528px}
    #balloon_1.pos7 {left:0px; top:345px; background-position: 0px -616px}
    #balloon_1.pos8 {left:0px; top:170px; background-position: 0px -704px}
    #balloon_1.pos9 {left:50px; top:20px; background-position: 0px -792px}

    .move_btn {position:absolute; left:50%; top:210px; margin-left:-145px;}
   .btn_view {position:absolute; z-index:999; left:220px; top:340px;}
   .pcview {display:block;}
   .mobileview {display:none; text-align: center; }
   .mobileview li {display:inline; width:26%; padding:0px 0px;}
   .mobile_movie {display:none;clear:both; text-align: center}
   .btn_view iframe {width:640px; height:400px;}
    #mv_cc {display: none;}
    #mv_ie {display: block;}

/* 20131010 for 36318 */
    ul.boxUL {overflow: hidden;}
    ul.boxUL li {list-style-type:none !important; float:left !important; border:1px solid #dddddd; width:317px; height:140px; margin:0 0 0 0px !important;}
    ul.boxUL li.right {margin-left:-1px!important;}
    ul.boxUL li.botm {border-bottom:0}
    ul.boxUL li.block {clear:both;display:block;width:635px;border-right:1px solid #dddddd;}
    ul.boxUL li div {float:left !important;}
    ul.boxUL li dl {display:inline !important; }
    ul.boxUL li dl dt {font-size:12px; font-weight:bold; padding:15px 0 10px 0; color:#3f3f3f;}
    ul.boxUL li dl dd {font-size:12px !important; padding-left:15px; line-height: 20px; color:#333333;}
    ul.boxUL li dl dd.content {color:#666666; line-height:20px; padding:10px 0 0 15px;}
    ul.boxUL li dl dd.content .fc {color:#128be8;}
    .mileage_icon{display:inline-block;float:left;width:111px;height:111px;background-image:url('http://www.seoul.go.kr/v2012/images/contents/bg_mileage_icon.gif');background-repeat:no-repeat;margin:10px 10px 25px 15px;}
    .mileage_icon.pro1{background-position:0px 0px}
    .mileage_icon.pro2{background-position:0px -110px}
    .mileage_icon.pro3{background-position:0px -221px}
    .mileage_icon.pro4{background-position:0px -332px}
    .mileage_icon.pro5{background-position:0px -443px}

/* 20131030 for 109*/
#popWrap {position:absolute; left:0px; top:0px; z-index:9999; width:679px; overflow:hidden; border:2px solid #4c4c4c; padding:0px; margin:0px; display:none; background:#fff;}
 #popWrap_1 {position:absolute; left:0px; top:0px; z-index:9999; width:679px; overflow:hidden; border:2px solid #4c4c4c; padding:0px; margin:0px; display:none;  background:#fff;} 
 .popContents {width:646px; padding:10px;}
 .popWrap_tit {position:relative; color:#fff; font-family:"돋움", Dotum, sans-serif; font-size:16px; padding-left:33px; font-weight:bold; background-image:url('http://wp-app.seoul.go.kr/assets/img/common/bl_pop_tit.gif'); background-repeat:no-repeat; background-position:10px 16px; background-color:#4c4c4c; height:47px; line-height:50px; margin:0px;}
.pop_close {position:absolute; right:15px; top:15px;}   
.s_pop_btn, .s_pop_btn_1 {cursor:pointer;}

/* data center 2016-09-28 */
#data-center h5{padding:10px 0 7px 15px;background:url(/wp-content/themes/seoul_gov/images/datacenter/icon-h5-bullet.gif) no-repeat left center;font-size:1.2em;}
#data-center p.title{padding:10px 0 7px 15px;background:url(/wp-content/themes/seoul_gov/images/datacenter/icon-h5-bullet.gif) no-repeat left 18px;}
#data-center table thead th{padding:10px 0px;text-align:center;border-top:1px solid #666;border-bottom:1px solid #ddd;font-size:14px;color:#333;border-width:1px 0px 1px 0px;}
#data-center table.edu thead th{padding:10px 0px;text-align:center;border-top:1px solid #666;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;color:#333;border-width:1px 1px 1px 0px;}
#data-center table.edu thead th.right-line{border-right:0px;}
#data-center table tbody td{text-align:center;font-size:13px;color:#333;padding:6px 5px 6px 8px;border-bottom:1px solid #ddd;border-right:1px solid #f2f2f2;border-width:0px 1px 1px 0px;}
#data-center table tbody td.align-left{text-align:left}
#data-center table tbody td.ls{letter-spacing:-1px}
#data-center table tbody tr td:last-child{border-right:0px;}

.display-none {display:none !important;}
#wrapper #gnb_sec .sdept li.display-none {display:none !important;}

/* 2017-01-24 서울시 홈페이지 사이버모니터 6기 */
#view_ct .dotted-box {padding:10px; margin:10px 0 20px; border:2px dotted #c1c1c1; background-color:#f3f3f3;}
#view_ct .dotted-box ul ol {margin-left:0;}
#view_ct .dotted-box ul ol li {padding-left:0; list-style:none !important;}

/* 2017-01-26 서울 꿈새김판 문안 공모 */
#view_ct .dream-list li {font-size:16px; line-height:35px; color:#555;}
#view_ct .dream-list .dream-table {width:450px; margin-left:80px;}
#view_ct .dream-list .dream-table thead tr {border-top:2px solid #c69223; border-bottom: 1px solid #c69223;}
#view_ct .dream-list .dream-table thead tr th {border:0; background-color:#fafbdc;}
#view_ct .dream-list .dream-table tbody tr {border-bottom: 1px solid #c69223;}
#view_ct .dream-list .dream-table tbody tr td {border:0; background-color:#fff;}

/*2017-09-11 시민상 명예의전당*/
.prize-cont h4{color: #01328f !important; font-weight: bold !important; font-size: 20px !important;}
.prize-cont .box{padding: 15px; background-color: #fafafa; margin-left: 0px;}
.prize-cont .marB30{margin-bottom: 30px;}
.prize-cont .prize-overview{width: 100%; height: 114px; border-bottom: 1px solid #e4e4e4; background: url('/gov/files/2017/09/prize1-bg.png')no-repeat 0 0; margin-top: 20px; line-height: 1.8em; margin-bottom:30px;}
.prize-cont .prize-overview h4{margin-bottom:15px;}
.prize-cont .prize-info-cont{margin-bottom: 30px; overflow: hidden;}
.prize-cont .prize-info{margin: 30px 0; overflow: hidden;}
.prize-cont .prize-info:first-child{margin-top:20px}
.prize-cont .prize-info > h5{width: 110px; float: left; margin: 0; padding: 0; display: block; height: 110px;}
.prize-cont .prize-info > p{text-indent: -9999px; height: 0; margin-top: -10px}
.prize-cont .prize-info div{width: 534px; display: block; float: left; padding-left: 20px;}
.prize-cont .prize-info div h5{color: #0d46b2 !important; padding: 0; margin-bottom: 5px;}
.prize-cont .tit2{padding-top: 40px; border-top: 1px solid #e4e4e4; font-size: 20px; color: #01328f;padding-bottom: 30px;}
.prize-cont ul.history{display: block; position: relative; width: 100%; height: 1035px; margin:20px 0; list-style: none; background: url(https://news.seoul.go.kr/gov/files/2023/11/prize2-line.gif) no-repeat 5px 0;}
.prize-cont .history .year-2015 .year, .prize-cont .history .year-2004 .year{background:url(/gov/files/2017/09/prize2-1.png)no-repeat 0 0; width:77px; height:77px;display: block;line-height: 77px;text-align: center;color: #fff;font-size: 1.5em;font-weight: bold;letter-spacing: 1px;}
.prize-cont .history .year-2010 .year, .prize-cont .history .year-2003 .year{background:url(/gov/files/2017/09/prize2-2.png)no-repeat 0 0; width:77px; height:77px;display: block;line-height: 77px;text-align: center;color: #fff;font-size: 1.5em;font-weight: bold;letter-spacing: 1px;}
.prize-cont .history .year-2009 .year, .prize-cont .history .year-1992 .year{background:url(/gov/files/2017/09/prize2-3.png)no-repeat 0 0; width:77px; height:77px;display: block;line-height: 77px;text-align: center;color: #fff;font-size: 1.5em;font-weight: bold;letter-spacing: 1px;}
.prize-cont .history .year-2006 .year, .prize-cont .history .year-1989 .year{background:url(/gov/files/2017/09/prize2-4.png)no-repeat 0 0; width:77px; height:77px;display: block;line-height: 77px;text-align: center;color: #fff;font-size: 1.5em;font-weight: bold;letter-spacing: 1px;}
.prize-cont .history li{overflow: hidden; display:block; position: relative; /*! min-height: 30px; */ }
.prize-cont .history li div{margin-left: 85px}
.prize-cont .history li div li{color: #666; background: url("/wp-content/themes/seoul/images/common/bg_dot2.gif") no-repeat 0 10px;list-style-type: dot;}
.prize-cont .history li div li>span{color: #999; margin-right:15px; display:block; float:left;}
.prize-cont .history li div li span.day{height:60px;}
.prize-cont .prize-standard h5{color:#fff !important; font-size: 1.2em;width: 222px;height: 86px; text-align: center; float: left;/*! overflow: hidden; */}
.prize-cont .prize-standard h5 span{display: block; font-size: 1.5em;}
.prize-cont .prize-standard.prize-1 h5{background: url(/gov/files/2017/09/prize3-2-1.png)no-repeat 0 0;}
.prize-cont .prize-standard.prize-2 h5{background: url(/gov/files/2017/09/prize3-2-2.png)no-repeat 0 0;}
.prize-cont .prize-standard.prize-3 h5{background: url(/gov/files/2017/09/prize3-2-3.png)no-repeat 0 0;}
.prize-cont .prize-standard.prize-4 h5{background: url(/gov/files/2017/09/prize3-2-4.png)no-repeat 0 0;}
.prize-cont .prize-standard.prize-5 h5{background: url(/gov/files/2017/09/prize3-2-5.png)no-repeat 0 0;}
.prize-cont .prize-standard.prize-6 h5{background: url(/gov/files/2017/09/prize3-2-6.png)no-repeat 0 0;}
.prize-cont .prize-standard.prize-7 h5{background: url(/gov/files/2017/09/prize3-2-7.png)no-repeat 0 0;}
.prize-cont .prize-standard div{border: 1px solid #e4e4e4; margin-bottom: 24px;margin-left: 220px;padding: 26px 36px;height: 73px; box-sizing: border-box;}
.prize-cont .prize-standard.prize-5 div{padding-bottom:18px}


#view_ctWrap .citizen-cont h4{color: #317640; font-weight: bold; font-size: 1.25em;}
#view_ctWrap .citizen-cont .citizen-info img{margin-right: 10px; float:left;}

#view_ctWrap .citizen-cont .prize-standard {display: flex;margin: 0 0 10px;}
#view_ctWrap .citizen-cont .prize-standard div {width: calc(100% - 142px);}
#view_ctWrap .citizen-cont .prize-standard h5{color:#fff !important; font-size: 1.125em;width: 142px;min-height: 86px; text-align: center;flex-shrink: 0;background-size: 100% 100% !important; display: flex;flex-direction: column;gap: 5px;justify-content: center;padding: 0 0 15px;}
#view_ctWrap .citizen-cont .prize-standard h5 span{display: block; font-size: 1em;line-height: 1;}
#view_ctWrap .citizen-cont .prize-standard.citizen-1 h5{background: url(/gov/files/2017/09/citizen-1.png)no-repeat 0 0;}
#view_ctWrap .citizen-cont .prize-standard.citizen-2 h5{background: url(/gov/files/2017/09/citizen-2.png)no-repeat 0 0;}
#view_ctWrap .citizen-cont .prize-standard.citizen-3 h5{background: url(/gov/files/2017/09/citizen-3.png)no-repeat 0 0;min-height: 392px;}
#view_ctWrap .citizen-cont .prize-standard.citizen-4 h5{background: url(/gov/files/2017/09/citizen-4.png)no-repeat 0 0;}
#view_ctWrap .citizen-cont .prize-standard.citizen-5 h5{background: url(/gov/files/2017/09/citizen-5.png)no-repeat 0 0;min-height: 165px;}
#view_ctWrap .citizen-cont .prize-standard.citizen-6 h5{background: url(/gov/files/2017/09/citizen-6.png)no-repeat 0 0;}
#view_ctWrap .citizen-cont .prize-standard.citizen-7 h5{background: url(/gov/files/2017/09/citizen-7.png)no-repeat 0 0;}
#view_ctWrap .citizen-cont .prize-standard div{border: 1px solid #e4e4e4; margin-bottom: 15px;padding: 20px 14px 20px 20px;min-height: 73px;box-sizing: border-box;}
#view_ctWrap .citizen-cont .prize-standard.citizen-3 div{padding: 20px 14px 20px 20px; min-height:378px; box-sizing:border-box;}
/* #view_ctWrap .citizen-cont .prize-standard.citizen-5 div{padding-bottom: 18px} */
#view_ctWrap .citizen-cont .prize-standard.citizen-4 div,#view_ctWrap .citizen-cont .prize-standard.citizen-6 div{padding:12px 20px}
#view_ctWrap .citizen-cont .prize-standard.citizen-1 div,#view_ctWrap .citizen-cont .prize-standard.citizen-7 div, #view_ctWrap .citizen-cont .prize-standard.citizen-2 div{padding:26px 20px}
#view_ctWrap .citizen-cont .prize-standard div li{line-height: 1.215em; }
#view_ctWrap .citizen-cont .prize-standard ul.list-type-dash{margin-left: 0}

/*감사 청렴 뉴스레터*/
#view_ctWrap .inspection-wrap {overflow: hidden; }
#view_ctWrap .inspection-wrap .top{height:165px; text-indent:-999999em; box-sizing:border-box; background: url(/gov/files/2018/05/inspection-top.jpg) 0 0 no-repeat; background-size: cover;}
#view_ctWrap .inspection-wrap .tit{margin: 30px 0 20px; }
#view_ctWrap .inspection-wrap .sub-wrap {border:2px solid #f7d3d7; border-radius: 8px;}
#view_ctWrap .inspection-wrap .sub-wrap .sub-tit {background: url(/gov/files/2018/05/inspection-tit.jpg) 0 0 no-repeat;border-radius: 5px 5px 0 0}
#view_ctWrap .inspection-wrap .sub-wrap .sub-tit h4 {line-height: 60px; color: #db4b66; text-align:center; font-size: 1.0625em;}
#view_ctWrap .inspection-wrap .sub-wrap .box h5 {color: #db4b66;}
#view_ctWrap .inspection-wrap .box {padding: 40px; box-sizing: border-box;}
#view_ctWrap .inspection-wrap .img-wrap {margin: 10px 0 30px; box-sizing:border-box; width: 100%; overflow: hidden; }
#view_ctWrap .inspection-wrap .img-wrap.center{text-align: center}
#view_ctWrap .inspection-wrap .img-wrap img {box-sizing:border-box; padding: 10px; border: 1px solid #eee ; max-width: 49%;}
#view_ctWrap .inspection-wrap .img-wrap img.init {box-sizing:border-box; padding: 10px; border: 0 ; max-width: 100%;}

#view_ctWrap .inspection-wrap.summer .top{width: 100%; padding:49px 0; text-indent:0; background: url(/gov/files/2018/08/inspection-top.jpg) center no-repeat; background-size: 102% auto; text-align: center}
#view_ctWrap .inspection-wrap.summer .top img {width:300px}
#view_ctWrap .inspection-wrap.summer .sub-wrap{border:2px solid #2e79b7; border-radius: 8px;}
#view_ctWrap .inspection-wrap.summer .sub-wrap .sub-tit {background: url(/gov/files/2018/08/inspection-tit-1.jpg)0 0 repeat;}
#view_ctWrap .inspection-wrap.summer .sub-wrap .sub-tit h4 {color: #035085; text-align:center;}
#view_ctWrap .inspection-wrap.summer .sub-wrap .box p {margin-bottom: 10px;}


/* 사랑의 pc */
.lovepc ul.lnb_2depth {display: none;}

/* 서울시민카드 민간협력업체 신청 */
table.tableList_row_citizen tbody td .box-wrap label {display: inline-block;margin-right: 15px;}
table.tableList_row_citizen tbody td input[type="text"].input_address {width: 50%;margin-top: 5px;}
table.tableList_row_citizen tbody td input[type="text"].input_address + input[type="text"].input_address {width: 49%;}
table.tableList_row_citizen tbody td .input_phone {width: 29.5%;max-width: 101px;}
table.tableList_row_citizen tbody td textarea {width: 100%;height: 120px;}
table.tableList_row_citizen tbody td input[type="file"] {width: 100%;height: 40px;line-height: 40px;}
table.tableList_row_citizen tbody th,
table.tableList_row_citizen tbody td {padding: 6px 10px !important;}
.txt-card-title {margin: 10px 0;font-size: 0.875em;font-weight: bold;color: #222}

table.tableList_row tbody th.leftLine {border-left: 1px solid #ddd !important;}
.txt-important {color: #d60036;}
.txt-pad15 {padding-left: 15px;text-indent: -15px;}
/* 신청 리스트 */
.paging>a,
#view_ctWrap .paging>a{text-align: center;text-decoration: none;color: #636363}
.txt-span {display: inline-block;padding: 1px 5px;color: #fff;min-width: 40px;font-size: 0.8125em}
.txt-span-wait {background: #d60036}
.txt-span-yes {background: #028ab6}
.txt-span-no {background: #747474;}
input[disabled],
input[readonly] {background: #eee;color: #747474}

/** 꿈새김판 역대 갤러리 **/
/* list */
.dream_wrap .list_wrap {overflow:hidden;}
.dream_wrap .list_wrap .list{float: left;overflow:hidden;box-sizing: border-box;margin-right:20px;margin-bottom: 20px;width: 290px;}
.dream_wrap .list_wrap .list:nth-child(3n){margin-right:0;}
.dream_wrap .list_wrap .list:nth-child(3n+1){clear: both;}
.dream_wrap .list_wrap .list a{display:block;}
.dream_wrap .list_wrap .list figure{position:relative;height: 170px;margin: 0;}
#post_content .dream_wrap .list_wrap .list figure img { height: 100% !important; width: 100%; }
/* .dream_wrap .list_wrap .list figure img{position:absolute; top:50%;left:50%;max-width: 100%;max-height:100%; transform: translate(-50%, -50%); object-fit: contain;} */
.dream_wrap .list_wrap .list .title{margin-top: 10px;font-weight:bold;font-size:1em;text-align: center;color: #333;line-height: 1;padding: 5px 0px 20px 0px !important;}
.dream_wrap .paging a.fir + a.prev,
.dream_wrap .paging input.fir + input.prev,
.dream_wrap .paging a.next + a.last,
.dream_wrap .paging input.next + input.last{ margin-left:-5px}
.dream_wrap .sch-full .inner {margin: 0 auto;width: 80%;}
.dream_wrap .sch-full .select{width:20%;}
.dream_wrap .sch-full .input{width:46%;}
/* view */
.dream_wrap .dream_haed_wrap { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; margin-bottom: 20px;padding: 25px 15px;border-top: 1px solid #767676; background-color: #f4f6f7; }
.dream_wrap .dream_haed_wrap h3 {margin: 0 !important; font-size: 1.375em !important; font-weight: bold; line-height: 1.2; color: #222 !important;}
.dream_wrap .dream_contents {padding: 30px 40px}
.dream_wrap .dream_contents p{text-align:left;color:#333;}
.dream_wrap .dream_contents  a, .dream_wrap .dream_contents  a:hover { color: #4b6edd !important; text-decoration: underline  !important;}
.dream_wrap .slider_wrap{margin-bottom:40px}
.dream_wrap .pSlider { overflow: hidden; }
.dream_wrap .pSlider li { margin-left: 0; text-align: center;}
.dream_wrap .pSlider li figure { margin: 0; text-align:center }
#post_content .dream_wrap .pSlider li figure img{height: 113px !important;}
.dream_wrap .bx-wrapper {position: relative; margin: 0 40px;; background-color: transparent; box-shadow: none; }
.dream_wrap .bx-wrapper .bx-controls-direction button { position: absolute; z-index: 9999; top: 50%; width: 21px; height: 37px; margin-top: -18px; text-indent: -9999px; border: 0; outline: 0; background-color: transparent; }
.dream_wrap .bx-controls-direction .bx-prev , .dream_wrap .bx-controls-direction .bx-prev:hover { background: url(https://news.seoul.go.kr/wp-content/themes/seoul_gov/images/sub/2021/btn_prev.png) center center no-repeat; }
.dream_wrap .bx-controls-direction .bx-next , .dream_wrap .bx-controls-direction .bx-next:hover { right: -80px; background: url(https://news.seoul.go.kr/wp-content/themes/seoul_gov/images/sub/2021/btn_next.png)center center no-repeat; }
.dream_wrap .bx-controls.bx-has-controls-direction { position: absolute; top: 58px; left: -40px; width: 100%; }
.dream_wrap .pSlider li span { text-align: center; font-weight: bold; color: #333; margin-top:10px; line-height: 1; }
