@charset "utf-8";

/* Reset */
html,body{width:100%;height:100%;}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;border:0;}
body,input,button{font-family: '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, Helvetica,sans-serif;font-size:12px;color:#444;}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;}
img{vertical-align:top;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
a{color:#444;text-decoration:none;}
a:hover{transition: all .2s;color:#e16b00;text-decoration:underline;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
hr{display:none;}
legend{*width:0;display:none;}

.hide {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

#container {width:1200px;min-height:500px;text-align:left;margin:0 auto 30px;text-align:left;}
#container:after {clear: both;content: "";display: block;}


/*---   메인 TOP ---*/

#topnews {clear:both; width:1200px; /*height:292px;*/ height:300px; border-bottom:3px solid #91796f;margin-top:24px; display: flex; justify-content: space-between;box-sizing: border-box; }


/*TOP*/
.topnewsL {float:left; width:278px;margin:0;box-sizing:border-box;}
.topnewsL  p {float:left; position: relative;}
.topnewsL p a{display: inline-block; overflow: hidden; width: 276px; height: 184px; border: 1px solid #bebebe;}
.topnewsL  p img{/*width:300px; 20170205 cju */ height:184px; border:0; text-align:left; margin-bottom:6px;}
.topnewsL .bl {z-index: 1;position:absolute;top:146px;left:1px;}
.topnewsL .bl img {clear:both; /*width:45px;  20170205 cju */  height:25px; border:0;}
.topnewsL h2 {clear:both; font-size:20px; letter-spacing:-1px; color:#444444; line-height:28px; font-weight:bold; text-align:left; margin-right:30px;width:264px;padding-top:6px;}
.topnewsL .text {color:#777777; text-align:left; margin-right:30px; margin-top:6px;}

/*TOP last*/
.topnewsR {float: none;width: 278px;margin: 0;}
.topnewsR  p {float:left; position: relative;}
.topnewsR p a{display: inline-block; overflow: hidden; width: 276px; height: 184px; border: 1px solid #bebebe;}
.topnewsR p img{float:none; /*width:300px; 20170205 cju */ height:185px; border:0; text-align:left; margin-bottom:6px;}
.topnewsR .bl {z-index: 1;float:left;position:absolute;top:160px;left:1px;}
.topnewsR .bl img {float:left; /*width:45px;  20170205 cju */ height:25px; border:0;margin-top: -13px;}
.topnewsR h2 {clear:both; font-size:20px; color:#444444; line-height:28px; letter-spacing:-1px; font-weight:bold; text-align:left;width:264px;margin-right:0;padding-top:6px;}
.topnewsR .text {color:#777777; text-align:left; margin-top:6px;}
.topnewsR:hover h2 a, .topnewsL:hover h2 a {transition: all .25s;color: #e16b00;text-decoration: underline;}
.topnewsR:hover a img, .topnewsL:hover a img {transition: all .25s;opacity: .8;transform: scale(1.08);}

/*---   메인 NEWS ---*/


/*메인 NEWS 레이아웃*/
#news {clear:both; width:1200px;padding-top:20px;}

.newsL {float:left; width:824px; background-color:#fdf2e9;}
.newsR {float:right; width:350px;}
.CboxRbox .TitS a{float:left;width:50%;}
.CboxRbox .TitS a img{width:100%;}
.newsL1 {float:left; width:824px; background-color:#ffffff;/*padding-top:20px;*/}
.newsL1_L {float:left; width:494px; background-color:#ffffff;}
.newsL1_R {float:right; width:300px; background-color:#fae4d2;}

.newsL2 {float:left; width:824px; background-color:#fff;padding-top: 8px; /*border:1px Solid #d6d6d6; padding-bottom:19px;*/}
.newsL1_L .menu{box-sizing: border-box;overflow: hidden;}

/*분야별최신뉴스*/

.newest {float:left; width:494px; margin:0 0 23px 0;}

.newest ul.menu li {float:left; padding:10px 0 8px 0;box-sizing: border-box;width: 33.333%;padding: 9px 0 4px 0;}
.newest ul.menu li img{width: 100%;}
.newest ul.news {padding-bottom:20px; border-bottom:1px solid #91796f;}
.newest ul.news li {padding:16px 0 10px 5px;}
.newest ul.news .nophoto {padding:14px 0 5px 5px;}
.newest ul.news .title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url('//imggo.seoul.co.kr/img/newest_i.gif') no-repeat 0 9px; padding-left:10px; font-weight:bold;font-size:18px;letter-spacing:-1px;}
.newest ul.news .new_txt {margin-top:6px; font-size:15px; color:#777777; line-height:23px; letter-spacing:-1px;padding-right:8px;}
.newest ul.news .new_txt img {float:left;width:90px;height:60px;margin-right:9px; border:1px solid #d1d0cf;margin-top:4px;}
.newest ul.news li:hover img {transition: all .25s;opacity: .8;}
.newest ul.news li:hover .title a {transition: all .2s;color: #e16b00;text-decoration: underline;}

.newest ul.news2 {padding-top:26px;}
.newest ul.news2 li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0 10px 0; font-size:18px;letter-spacing:-1px;border-bottom: 1px solid #e7e0da;}
.newest ul.news2 li:hover a {transition: all .25s;color: #e16b00;text-decoration: underline;}

/*포토스토리*/
.photostory {clear:both; float:left; position:relative; width:496px; padding-bottom:35px;overflow: hidden;}
/*20171220 이경숙 부국장 강력 요청 (깨지면 깨지는대로 보이는대로 해달라, 깨지면 수동으로 올리겠다)*/
/*.photostory img {width:403px; height:260px; border:1px solid #c1c2c3;}*/
.photostory img {max-width:494px; height:330px; margin:0 auto}
.photostory .imgDiv {width:494px; height:330px; background-color:black; text-align:center;border:1px solid #c1c2c3;}
.photostory p.pstitlebg {position:absolute;left:1px;top:291px;z-index:1;width:494px;height:40px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;/*ie6~8, ff 등*/}
.photostory p.pstitletx {position:absolute;left:1px;top:290px;z-index:2;width:479px;height:24px;padding:8px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;text-align:center; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.photostory p.pstitletx a {color:#fff; text-decoration:none;}
.photostory p.pstitletx a:hover {color:#fff; text-decoration:underline;}

.photostory:hover img {transition: all .3s;opacity: .8;}

/*Leader’s Today*/
.leaders {float:left;display:inline-block;width:300px; background:url("//imggo.seoul.co.kr/img/leaders_bg.gif") repeat-x left bottom;}
.leaders .tit{width:285px; padding:28px 0 7px 15px; text-align:left;}
.leaders .tit > img{padding-right:135px;vertical-align: text-bottom;}

.leadersphoto {float:left; position:relative; width:286px; margin-left:14px;}
.leadersphoto img {width:268px; height:195px; border:1px solid #d1d0cf;}
.leadersphoto img:hover {transition: .25s;opacity: .8;}
.leadersphoto p.titlebg {position:absolute;left:1px;top:167px;z-index:1;width:268px;height:29px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;/*ie6~8, ff 등*/}
.leadersphoto p.titletx {position:absolute;left:3px;top:171px;z-index:2;width:268px;height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.leadersphoto p.titletx a {color:#fff; text-decoration:none;} 
.leadersphoto p.titletx a:hover {color:#fff; text-decoration:underline;overflow-y:hidden;}

.leadersphoto p.tx {width:241px; margin:7px 0 11px 17px; line-height:20px; text-align:center;font-size:14px;height:44px;overflow: hidden;}
#leadersCycleDiv{position: relative; width: 286px; height: 259px;padding-bottom:4px;}

/*의정포커스*/
/*.ppfocus {clear:both; float:left; width:243px;background:#fdf2e9;border-bottom:1px solid #edd8c8;}*/
.ppfocus {position: relative;clear:both; float:left; width:300px;border-bottom:2px solid #ffffff;padding: 0 0 8px;}
.ppfocus h4 {padding:26px 0 8px 14px;}
.ppfocus ul.news {width:268px; padding:0 16px 12px 16px;}
.ppfocus ul.news li {padding:10px 0 10px 0;}
.ppfocus ul.news .title a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*color:#e16b00;*/text-decoration:underline;font-weight:bold;font-size:14px;letter-spacing:-1px;}
.ppfocus ul.news .new_txt {margin-top:9px; font-size:14px; color:#444444; line-height:20px; letter-spacing:-1px;min-height: 60px;padding-right: 16px;}
.ppfocus ul.news .new_txt img {float:left;width:60px;height:60px;margin-right:8px;  border:1px solid #d1d0cf;}
.ppfocus ul.news li:hover img {transition: all .25s;opacity: .8;}
.ppfocus ul.news li:hover a {transition: all .25s;color: #e16b00;text-decoration: underline;}


/*공기업탐방 -> 서울시 의정*/
/* .public {clear:both; float:left; position:relative; width:243px;border-bottom:2px solid #ffffff;} */
.public {clear:both; float:left; position:relative; width:300px;background:#fdf2e9;border-bottom:2px solid #ffffff;padding: 8px 0 8px;}
.public li a{color:#e16b00;}
.publiclist {display:inline-block;width:100%;padding:6px 2px 0;}
.publiclist li {float:left;width:118px;/*margin:0 5px;*/padding:0 15px 0 15px;font-size:14px;line-height:19px;letter-spacing:-1px;text-align:left;font-weight:bold;}
.publiclist li img {width:116px;height:76px;margin-bottom:7px;border:1px solid #d1d0cf;}
.publiclist p {float:left;width:91px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777777;font-size:11px;line-height:15px;letter-spacing:-1px;text-align:left;font-weight:normal;}



.publiclist2 {display:inline-block;float:left;width:268px;padding:2px 0 18px 16px;}
.publiclist2 li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0 0 0; letter-spacing:-1px; font-size:14px;}
.publiclist li:hover img{ transition: all .25s;opacity: .8;}
.publiclist li:hover a{transition: all .25s;color: #e16b00;text-decoration: underline;}
.publiclist2 .txt {margin-top:4px; color:#777777; font-size:12px;}
.publiclist2 .title_txt a{color:#444444;}
.publiclist2 .title_txt a:hover{color:#e16b00;}



/*******MORE 스타일*******/
.more {
    width: 54px;
    height: 18px;
    line-height: 16px;
    position: absolute;
    right: 16px;
    top: 23px;
    overflow: hidden;
    text-indent: 0;
    font-size: 0;
    background: #FA942F;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
}

.more:after {
    content: 'more';
    position: relative;
    top: -1px;
    left: 0;
    font-size: 14px;
    font-weight: bold;
}

.more:hover {
    transition: all .3s;
    background-color: #74564C;
    /* border:1px solid #F8BB82; */
    text-decoration: none;
    color: #eee;
}


.more2 {
    width: 56px;
    height: 20px;
    position: absolute;
    right: 14px;
    top: 10px;
    overflow: hidden;
    background: url(//imggo.seoul.co.kr/img/more2.gif) no-repeat 0 0;
    text-indent: 0;
    font-size: 0;
    background: #FA942F;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
}

a.more2:after {
    content: 'more';
    position: relative;
    top: -1px;
    left: 0;
    font-size: 14px;
    font-weight: bold;
}

a.more2:hover {
    transition: all .3s;
    background-color: #74564C;
    /* border:1px solid #F8BB82; */
    text-decoration: none;
    color: #eee;
}


/*******타이틀 스타일*******/
.titlest_a {height:44px;}
.titlest_a img {margin:16px 0 0 14px;}

.titlest_b {position: relative;height:40px; background:url('//imggo.seoul.co.kr/img/box_titbg.gif') 0px 3px;}
.titlest_b img {margin:12px 0 0 12px;}

.titlest_c {height:33px; background:url('//imggo.seoul.co.kr/img/box_titbg2.gif');}
.titlest_c img {margin:12px 0 0 12px;}

.titlest_d {}
.titlest_d img {margin:12px 0 14px 12px;}



/*채용·시험정보*/
.examination {position:relative; clear:both; float:left; width:300px; height:330px; background:#fdf2e9;padding: 8px 0 20px;}
.examination .tit{width:286px; padding:16px 0 20px 14px; text-align:left;}
.examination ul {display:inline-block; width:270px; font-size:11px; padding-left:14px;}
.examination li {padding-bottom:7px; line-height:20px; background:url('//imggo.seoul.co.kr/img/examination_i.gif') no-repeat 2px 7px; padding-left:13px;font-size:14px; min-height:40px;}


/*메인하단박스*/
.Mbox {float:left;width:394px; height:172px; text-align:left; letter-spacing:-1px; padding-bottom:88px;}
.Mbox .tit{width:394px; text-align:left; background:url("//imggo.seoul.co.kr/img/mbox_bg.gif") repeat-x left bottom;}
.tit_o {padding: 0px 231px 12px 1px;}
.tit_s {padding: 0 229px 13px 1px;}
.tit_e {padding: 0px 241px 13px 1px;}
.tit_p {padding: 0 255px 13px 1px;}
.Mbox .tit span {color:#ff7a00; font-weight:bold;font-size: 13px;}

.Mbox .titmore {display: inline-block;width: 54px;height: 18px;line-height: 16px;margin-top: -7px;text-indent: 0;font-size: 0;background: #FA942F;color: #fff;border-radius: 15px;text-align: center;vertical-align:middle; /*margin-top:5px;*/}
.Mbox .titmore:after {content: 'more';position: relative;top: -1px;left: 0;font-size: 14px;font-weight: bold;}
.Mbox .titmore:hover {transition: all .3s;background-color: #74564C;/* border:1px solid #F8BB82; */text-decoration: none;color: #eee;}

.Mbox .Mboxlist {display:inline-block;width:100%;padding:12px 0 0 1px;}
.Mbox .Mboxlist li {float:left;width:189px;/*margin:5px 0;padding:0 11px 0 0;*/ font-size:16px;line-height:23px;letter-spacing:-1px;text-align:center;font-weight:bold;}
.Mbox .Mboxlist li img {width:184px;height:122px;margin-bottom:4px;border:1px solid #d1d0cf;text-align: center;}
.Mbox .Mboxlist li:hover a{transition: all .3s;color: #e16b00;text-decoration: underline;}
.Mbox .Mboxlist li:hover img {transition: all .3s; opacity:.8;}
.Mbox .Mboxlist .nophoto {width:189px; font-size:16px;line-height:23px;letter-spacing:-1px;text-align:left;}
.Mbox .Mboxlist p {padding-top:5px; color:#777777;font-size:14px;line-height:21px;text-align:left;font-weight:normal;}


#prideNewsBox{margin-right:36px;}
#edulifeNewsBox{margin-right:36px;}
.prideNewsTab img,.enjoyNewsTab img,.edulifeNewsTab img {vertical-align: inherit;}

/******고시&채용 뉴스******/

.gonrecnews {position: relative;box-sizing: border-box;clear:both; float:left; width:350px; border:1px solid #cfcfcf; background-color:#fff;/*margin:18px 0;*/}
/*리스트*/
.gonrecnews ul{clear:both; padding:14px 14px 10px;}
.gonrecnews li{background:url('//imggo.seoul.co.kr/img/examination_i.gif') no-repeat 0 7px; padding-left:10px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px;font-size:15px;}
/*좌측기사*/
.gonrecnews .news1{float:left; width:156px; text-align:center; line-height:18px; margin-left:12px; margin-top:14px;}
.gonrecnews .news1 img{width:152px;height:105px; border:1px solid #d1d0cf; margin-bottom:6px;}
.gonrecnews .news1 p{clear:both; display:block; padding:0 2px; letter-spacing:-1px;font-size: 15px;line-height: 21px;}
/*우측기사*/
.gonrecnews .news2{float:left; width:132px; margin-left:11px; margin-top:8px;}
.gonrecnews .news2 .tit{font-size:12px; color:#ff7b00; font-weight:bold; letter-spacing:-1px; line-height:20px;}
.gonrecnews .news2 .tit a{color:#ff7b00; text-decoration:underline;}
.gonrecnews .news2 .read{font-size:11px; margin-top:7px; line-height:17px;}
/*합격수기*/
.gonrecnews .passw{background-color:#e0faef; text-align:right;padding:6px 0;}
.gonrecnews .passw img{width:76px;; height:76px;; border:1px solid #d1d2cd; margin:10px 12px 7px;padding:0;background-color:#e0faef;text-align:center;}
.gonrecnews .passw .tit{float:left; display:block; width:230px; margin-left:14px; text-align:left; color:#4a5750; line-height:23px;font-size:15px;}
.gonrecnews .passw .tit img{display:block; width:180px; height:30px; border:none; margin:3px 0 10px 0;}
.gonrecnews .passw .tit:hover a>img{transition:.25s; opacity: .8;}
.gonrecnews .passw .tit:hover a {transition: .25s;color: #e16b00;text-decoration: underline;}
.gonrecnews .news1:hover img {transition: all .25s;opacity: .8;}
.gonrecnews .news1:hover a {transition: all .25s;color: #e16b00;text-decoration: underline;}

.passNews .news1{padding-bottom:18px;}

/******명인명물을 찾아서******/

.master{clear:both; display:inline-block;width:298px; background-color:#fff; border:1px solid #cfcfcf;}
.master .pp_prev {float:left;width:31px;height:95px;margin:33px 0 0 0;background:url('//imggo.seoul.co.kr/img/master_a_left.gif') no-repeat 13px 32px;text-indent:-5000em;overflow:hidden; /*border:1px solid #000;*/}
.master .pp_next {float:left;width:31px;height:95px;margin:33px 0 0 0;background:url('//imggo.seoul.co.kr/img/master_a_right.gif') no-repeat 4px 32px;text-indent:-5000em;overflow:hidden; /*border:1px solid #000;*/}
.master .photolist_c {float:left;width:236px;height:169px;padding-top:13px;text-align:center; padding-bottom:28px;}
.master .photolist_c a {clear:both;display:block;}
.master .photolist_c a:hover {text-decoration:underline;}
.master .photolist_c strong {display:block; padding-bottom:4px; color:#e16b00;letter-spacing:-1px;}
.master .photolist_c img {margin-bottom:9px;}
.photolist_c .pp_photo {width:210px;height:139px; margin:0 auto 9px; overflow:hidden; border:1px solid #cac9cf;}
.photolist_c .pp_photo img{width:210px;height:139px;}
.photolist_c .pp_txt {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:230px; margin-top:10px; font-size:14px;color:#777;letter-spacing:-1px; margin:0 auto 9px;}
.mastershadow {clear:both; display:inline-block; width:300px; height:3px; background-color:#eeeeee; margin-bottom:17px;}


/*정책브리핑*/
.korea { box-sizing: border-box; clear:both; float:left; width:350px; position:relative; background-color:#f2fcf8; border:1px solid #cfcfcf; /*margin-bottom:18px;margin-top:18px;*/}

/*.korealist {display:inline-block;width:100%;padding:6px 2px 8px;}*/

.korealist {display:inline-block;float:left;width:304px;padding:0 0 7px 14px;}
.korealist li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 12px 0; letter-spacing:-1px; font-size:15px;}

.PS {float:left; width:350px; text-align:right; color:#777;font-size:11px;letter-spacing:-1px; /*margin:-10px 0 15px 0*/ padding-top:5px;}



/******메인오른쪽하단박스******/
.CboxR {box-sizing: border-box;float:left;width:350px; text-align:left; border:1px solid #cfcfcf; padding-bottom:16px; /*margin-bottom:18px;margin-top:18px;*/}

/*하단박스 스타일*/
.CboxRbox {clear:both; float:left; width:339px; position:relative; margin:0 0 0 14px;}
.CboxRbox .Tit{width:322px; height:21px; padding-top:16px; border-bottom:1px solid #d0d0dd; margin-bottom:12px;}
.CboxRbox .TitS{display: flex;width:324px; height:42px; padding-top:8px; border-bottom:1px solid #d0d0dd; margin-bottom:12px; margin-top: 4px;overflow:hidden;box-sizing: border-box;}/*섹션 뷰 스타일*/
.CboxRbox .TitS2{width:272px; height:29px; padding-top:8px; border-bottom:1px solid #d0d0dd; margin-bottom:12px;}/*섹션 뷰 스타일*/
.CboxRbox .TitL {float:left;}
.CboxRbox .TitR {float:right; padding:5px 1px 0 0;}

/*하단박스 리스트 스타일*/
.CboxRlist {display:inline-block; /*padding:0 0 10px 0x;*/} 
.CboxRlist li {position:relative;display:inline-block;width:273px; color:#777777;font-size:11px;}
.CboxRlist li a {display:inline-block; width:170px; margin-bottom:4px; line-height:18px;font-size:12px;letter-spacing:-1px;font-weight:bold;}
.CboxRlist li .txt {display:block;width:170px;height:92px; font-size:11px;line-height:17px;margin-right:9px;}
.CboxRlist li .photo {position:absolute; right:0;top:0;width:95px;height:95px;}
.CboxRlist li .photo img {width:95px;height:95px; border:1px solid #E0E0E0;}


/*섹션 뷰 좌측기사 스타일*/
.CboxR .news1{float:left; width:152px; text-align:center; line-height:17px; margin-left:14px; margin-top: 4px; /*margin-top:-1px;*/}
.CboxR .news1 img{width:152px;height:105px; border:1px solid #d1d0cf; margin-bottom:6px;}
.CboxR .news1 p{font-size: 15px;line-height: 21px;clear:both; display:block; padding:0 5px; letter-spacing:-1px;}
.CboxR .news1:hover img {transition: all .25s;opacity: .8;}
.CboxR .news1:hover a{transition: all .25s;color: #e16b00;text-decoration: underline;}
/*섹션 뷰 우측기사 스타일*/
.CboxR .news2{float:left; width:152px; margin-left:14px; margin-top: 4px; padding-left: 4px; box-sizing: border-box;/*margin-top:-1px;*/}
.CboxR .news2 .tit{font-size:15px; color:#ff7b00; font-weight:bold; letter-spacing:-1px; line-height:21px;}
.CboxR .news2 .tit a{color:#ff7b00; text-decoration:underline;}
.CboxR .news2 .read{font-size:13px; margin-top:7px; line-height:19px;}
.CboxR .news2:hover {transition: all .25s;opacity: .8;}

/*섹션 뷰 의정 포커스*/
.CboxR .Mboxlist {display:inline-block;width:100%;padding:1px 0 0 1px;}
.CboxR .Mboxlist li {float:left;width:152px;/*margin:5px 0;padding:0 11px 0 0;*/ font-size:15px;line-height:21px;letter-spacing:-1px;text-align:center;margin-left:0;margin-top:4px;}
.CboxR .Mboxlist li img {width:152px;height:105px;margin-bottom:4px;border:1px solid #d1d0cf;}
.CboxR .Mboxlist li:hover img{transition: all .25s;opacity: .8;}
.CboxR .Mboxlist li:hover a { transition: all .25s;color: #e16b00;text-decoration: underline;}
/*하단 연재물 배너*/

.Botban {display:inline-block; padding:0 0 10px 0x;}

.CboxRbox #LocalTabV a, .CboxRbox #SeoulTabV a {float: left;width: 33.333%;}






/*----- 뷰 View -----*/


/*구청별 뉴스 선택*/
.guoffice {float:left; width:1200px; height:66px; background-color:#e4f5ed; border:1px solid #e0efe8; margin-top:9px; margin-bottom:13px;}
.guoffice h5 {float:left; width:162px; height:41px; padding:23px 6px 2px 0; margin-right:4px; background:#b5d5c6 url("//imggo.seoul.co.kr/img/guoffice_a.gif") no-repeat right; text-align:center; color:#10593b; font-size:14px;}
.guoffice ul {padding-top:3px;}
.guoffice li {float:left;background:url('//imggo.seoul.co.kr/img/regional_bul.gif') no-repeat 0 3px;padding:0px 0px 0px 10px; margin:8px 8px 0px 0px;color:#1e9962;font-weight:bold;font-size:14px;}
.guoffice li.first {background:none;}
.guoffice li.first2 {background:none;}
.guoffice li.first2 a {color:#1e9962;}
.guoffice li a {color:#777777;font-weight:bold;}
.guoffice li a:hover {color:#1e9962; text-decoration:none;}

.guoffice li.sec a {color:#1e9962;}

/*지역별 뉴스 선택*/
.regional {float:left; width:1200px; height:36px; background-color:#e4f5ed; border:1px solid #e0efe8; margin-top:9px; margin-bottom:13px;}
.regional h5 {float:left; width:162px; height:24px; padding:9px 6px 3px 0px; margin-right:4px; background:#b5d5c6 url("//imggo.seoul.co.kr/img/regional_a.gif") no-repeat right; text-align:center; color:#10593b; font-size:14px;}
.regional ul {padding-top:3px;}
.regional li {float:left;background:url('//imggo.seoul.co.kr/img/regional_bul.gif') no-repeat 0 4px;padding:0px 0px 0px 10px; margin:5px 8px 0px 0px;color:#1e9962;font-weight:bold;font-size: 14px;}
.regional li.first {background:none;}
.regional li a {color:#777777;font-weight:bold;}
.regional li a:hover {color:#1e9962; text-decoration:none;}

.regional li.sec a {color:#1e9962;}


/*-탑 뉴스-*/
.topnewsV {float:left; width:1200px; height:94px; background-color:#f6f4f5; border:1px solid #e8e8e8; margin-top:9px; margin-bottom:36px;}

/*탑 뉴스 TOP1*/
.topnewsVL {float:left; width:300px; height:94px; background:url("//imggo.seoul.co.kr/img/topnewsV_bg.gif") no-repeat right; background-repeat: repeat-y; text-align:left; }
.topnewsVL .con {padding:16px 0 0 12px;}
.topnewsVL .con p {float:left; padding-right:9px;}
.topnewsVL .con p img{width:94px; height:63px;}
.topnewsVL .con h2 {font-size:15px; letter-spacing:-1px; line-height:21px; font-weight:bold; text-align:left; margin-right:12px;padding-top: 10px;}
.topnewsVL .con h5 {color:#777777; font-size:11px; font-weight:normal; margin-top:6px;margin-right:10px;/* display:block; */ display:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*탑 뉴스 TOP2*/
.topnewsVL2 {float:left; width:300px; height:94px; background:url("//imggo.seoul.co.kr/img/topnewsV_bg.gif") no-repeat right; background-repeat: repeat-y; text-align:left; }
.topnewsVL2 .con {padding:16px 0 0 12px;}
.topnewsVL2 .con p {float:left; padding-right:9px;}
.topnewsVL2 .con p img{width:94px; height:63px;}
.topnewsVL2 .con h2 {font-size:15px; letter-spacing:-1px; line-height:21px; font-weight:bold; text-align:left; margin-right:12px;padding-top: 10px;}
.topnewsVL2 .con h5 {color:#777777; font-size:11px; font-weight:normal; margin-top:6px;margin-right:10px; /* display:block; */ display:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*탑 뉴스 TOP3*/
.topnewsVL3 {float:left; width:300px; height:94px; background:url("//imggo.seoul.co.kr/img/topnewsV_bg.gif") no-repeat right; background-repeat: repeat-y; text-align:left; }
.topnewsVL3 .con {padding:16px 0 0 12px;}
.topnewsVL3 .con p {float:left; padding-right:9px;}
.topnewsVL3 .con p img{width:94px; height:63px;}
.topnewsVL3 .con h2 {font-size:15px; letter-spacing:-1px; line-height:21px; font-weight:bold; text-align:left; margin-right:12px;padding-top: 10px;}
.topnewsVL3 .con h5 {color:#777777; font-size:11px; font-weight:normal; margin-top:6px;margin-right:10px;/* display:block; */ display:none;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*탑 뉴스 TOP4*/
.topnewsVL4 {float:left; width:300px; height:94px; text-align:left;padding: 0 12px 0 0;box-sizing: border-box; }
.topnewsVL4 .con {padding:16px 0 0 12px;}
.topnewsVL4 .con p {float:left; padding-right:9px;}
.topnewsVL4 .con p img{width:94px; height:63px;}
.topnewsVL4 .con h2 {font-size:15px; letter-spacing:-1px; line-height:21px; font-weight:bold; text-align:left; margin-right:12px;padding-top: 10px;}
.topnewsVL4 .con h5 {color:#777777; font-size:11px; font-weight:normal; margin-top:6px;margin-right:10px; /* display:block; */ display:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.topnewsVL .con:hover p img,.topnewsVL2 .con:hover p img,.topnewsVL3 .con:hover p img,.topnewsVL4 .con:hover p img {transition: all .25s;opacity: .8;}

.topnewsVL .con:hover h2 a,.topnewsVL2 .con:hover h2 a,.topnewsVL3 .con:hover h2 a,.topnewsVL4 .con:hover h2 a { transition: all .2s;color: #e16b00;text-decoration: underline;}


/*--- 좌측 컨텐츠 ---*/
.content {float:left;width:800px; /*min-height:900px;  _height:700px; background-color:#eeeff2;*/}

/*타이틀 영역*/
.atic_title {clear:both;padding:20px 0;border-top:2px solid #dbc1b0;background-color:#fafafa;overflow:hidden;zoom:1;/*margin-top: 18px;*/}
.depb_section {float:left;width:118px;min-height:33px;text-align:center;}
/* 20161216 변경 leejy */
/*.depb_section img {vertical-align:middle;margin-top:4px;}
.title_main {float:left;width:515px;min-height:33px;padding:5px 5px 0 20px;background:url('http://imggo.seoul.co.kr/img/12_cn_bul1.gif') repeat-y 0 0;font-size:24px;line-height:1.2;letter-spacing:-0.05em;word-break:break-all;}
.title_main .title_sub {clear:both;padding-top:5px;font-size:16px;color:#898988;line-height:22px;}
*/
.depb_section img {vertical-align:middle;margin-top:7px;}
.title_main {float:left;min-height:33px;padding:0 10px 0 20px;font-family: '맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,sans-serif; font-size:33px; font-weight:normal; line-height:1.25;letter-spacing:-0.05em;word-break:keep-all;}
.title_main .title_sub {clear:both;padding-top:5px;font-size:18px;color:#898988;line-height:25px;}

.stit {clear:both; font-size:20px; line-height:25px; color:#000; padding-top:5px; padding-bottom:25px; font-weight:bold;}


.atic_tgroup {clear:both;height:46px;background: #ecedf1 url('//imggo.seoul.co.kr/img/go_cn_bul2.gif') repeat-x 0 0;}
.tsocial {float:left;width:100%;padding-left:16px; padding-right:0; margin-top:10px;box-sizing: border-box;font-size: 13px;}
.pageutil {float:right;width:237px;height:28px;margin:10px 10px 0;background: #ecedf1 url('//imggo.seoul.co.kr/img/go_pageutil_bg.gif') no-repeat 0 0;overflow:hidden;}
.pageutil li {float:left;text-align:center;padding-top:9px;height:18px;font-size:11px;letter-spacing:-1px;}
.pageutil li a {color:#444;}
.pageutil li a:hover {text-decoration:none;}
.pageutil li img {display:inline-block;vertical-align:middle;margin:-4px 3px 0 0;}
.pageutil .fontsize {width:87px;}
.pageutil .fontsize span {margin:0 8px 0 12px;}
.pageutil .gourl {width:53px;}
.pageutil .golist {width:48px;}
.pageutil .gomail {width:50px;}
.pageutil .goprint {width:51px;}


/*2014.3.4추가*/
.pageutil2 {float:right;width:187px;height:28px;margin:10px 10px 0;background: #ecedf1 url('//imggo.seoul.co.kr/img/go_pageutil_bg2.gif') no-repeat 0 0;overflow:hidden;}
.pageutil2 li {float:left;text-align:center;padding-top:9px;height:18px;font-size:11px;letter-spacing:-1px;}
.pageutil2 li a {color:#444;}
.pageutil2 li a:hover {text-decoration:none;}
.pageutil2 li img {display:inline-block;vertical-align:middle;margin:-4px 3px 0 0;}
.pageutil2 .fontsize {width:87px;}
.pageutil2 .fontsize span {margin:0 8px 0 12px;}
.pageutil2 .gourl {width:53px;}
.pageutil2 .golist {width:48px;}
.pageutil2 .gomail {width:50px;}
.pageutil2 .goprint {width:51px;}


/*기사 본문*/
.atic_cnt {clear:both; float:left; width:800px; padding-top:25px;}
/* 20161216 leejy *//*.atic_txt1 {float:left; width:660px; font-size:14px; line-height:24px;}*/
.atic_txt1 {float:left; width:800px; font-family: '맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,sans-serif; font-size:18px; line-height:33px;padding: 0 14px;box-sizing: border-box;}

.atic_photo {padding:15px 15px 7px 15px; auto;text-align:center;}
/*.atic_cnt #img{float:none;text-align:center;max-width:850px;margin-bottom:20px;}*/
.photo_caption {clear:both;display:inline-block;margin-top:1px;padding:8px;background-color:#eeeff2;/*border:1px solid #e0e2ec;*/color:#464d68;text-align:left;font-size:12px;line-height:18px;}
.photo_caption a{color:#464d68;}

.VCdate{clear:both; text-align:right;font-size:12px;}

/*관련기사*/
.cnt_footer {display:inline-block; float:left; width:800px;margin:0 0 0 0;}
.cnt_relation {float:left;width:800px;padding-bottom:10px;border:1px solid #e5e4dd;background-color:#f9f1e9;box-sizing: border-box;}
.cnt_relation dt {color:#8f2d2f;font-size:14px;margin:15px 0 8px 18px;}
.cnt_relation dd {clear:both; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 12px 6px 19px;padding-left:10px;background:url('//imggo.seoul.co.kr/img/12_bul_relation.gif') no-repeat 0 8px;font-size:14px;color:#71484c;letter-spacing:-1px;line-height:21px;}
/*.cnt_relation dd a {color:#71484c;}
.cnt_relation dd a:hover {color:#71484c;}*/

/*서울구정&고시채용 최신 기사*/
.cnt_newest {clear:both; display:inline-block;width:800px; margin:0; padding:18px 0 13px;border:1px solid #d1d1d3;background-color:#f0efee;box-sizing: border-box;}
.cnt_newest h6.listop_tit {padding:0 0 11px 18px;margin:0;font-size:16px;color:#28497a;}
.cnt_newest .listopL {float:left;width:340px; margin-left:18px;}
.cnt_newest .listopL li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:9px;background:url('//imggo.seoul.co.kr/img/go_bul_newest.gif') no-repeat 0 10px;font-size:14px;color:#444;line-height:25px;}
.cnt_newest .listopR {float:right;width:340px; margin-right:18px;}
.cnt_newest .listopR li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:9px;background:url('//imggo.seoul.co.kr/img/go_bul_newest.gif') no-repeat 0 10px;font-size:14px;color:#444;line-height:22px;}

/*정책·행정 최신 기사*/
.cnt_policy {clear:both; float:left; display:inline-block;width:390px; height:158px; margin:0; padding:18px 0 13px;border:1px solid #d1d1d3;background-color:#f0efee;}
.cnt_policy h6.listop_tit {padding:0 0 11px 12px;margin:0;font-size:16px;color:#28497a;}
.cnt_policy .listopL {float:left;width:356px; margin-left:13px;}
.cnt_policy .listopL li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:9px;background:url('//imggo.seoul.co.kr/img/go_bul_newest.gif') no-repeat 0 10px;font-size:14px;color:#444;line-height:25px;}

/*정책브리핑 최신 보도자료*/
.cnt_korea {float:right; display:inline-block;width:390px; height:158px; margin:0; padding:18px 0 13px;border:1px solid #d1d1d3;background-color:#f0efee;}
.cnt_korea h6.listop_tit {padding:0 0 11px 12px;margin:0;font-size:16px;color:#28497a;}
.cnt_korea .listopL {float:left;width:356px; margin-left:13px;}
.cnt_korea .listopL li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:9px;background:url('//imggo.seoul.co.kr/img/go_bul_newest.gif') no-repeat 0 10px;font-size:14px;color:#444;line-height:25px;}


/*서울신문 인기기사*/
.enSeoulBest {clear:both; float:left; display:inline-block; width:287px;  height:182px; background:#f0efee; border:1px solid #d1d1d3; padding:12px 10px 5px 18px;}
.enSeoulBest .ensbtit {float:left; display:block; width:108px;}
.enSeoulBest .enarrow {float:right; display:block; width:175px; text-align:right;}
.enSeoulBest .enarrow img{border-left:3px solid #f0efee;}

.enSeoulBest .ensbarticle {clear:both; float:left; width:287px; height:117px; margin-top:10px; padding-bottom:8px; font-size:11px; color:#444444; line-height:17px; border-bottom:1px solid #d4d4d4; text-align:left;}
.enSeoulBest .ensbarticle .ensbatit {clear:both; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:287px; text-align:left; font-size:12px; color:#a3a3a5; font-weight:bold; margin-bottom:5px;}

.enSeoulBest .enbreakingnews {clear:both; float:left; width:247px; padding-top:6px; font-size:12px; color:#9c99b9; font-weight:bold; border-top:1px solid #fff; padding-left:40px; background:url('//imggo.seoul.co.kr/img/en_breakingnews_i.gif') no-repeat 0 8px;}
.enSeoulBest .enbreakingnews a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#6359b6; padding-top:4px; text-align:left;}
.enSeoulBest .enbreakingnews a:hover {font-size:12px; color:#6359b6;}


.enSeoulimg {float:left; width:144px; height:96px; margin-right:7px;}


/*나우뉴스 인기기사*/
.enNowBest {float:right; display:inline-block; width:300px; height:190px; background:#f0efee; border:1px solid #d1d1d3; padding:4px 9px 5px 9px;/* font-size:13px; line-height:18px; letter-spacing:-1px;*/ text-align:center;}
.enNowBest .title {clear:both; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 9px; margin-top:9px; font-size:12px; font-weight:bold;}
.ennowimg {width:216px; height:122px;}
.ennowarrowL {padding:44px 20px 0 0;}
.ennowarrowR {padding:44px 0 0 20px;}





/*--- 우측 컨텐츠 ---*/
.aside {float:right;width:350px; /*background-color:#eeeeee;*/}
.asidePadding{padding-top:54px;}
.CboxRbox .TitS .aside .gonrecnews a {display: inline-block;width: 50%;}
/*많이 본 뉴스*/
.asd_section {float:left;box-sizing: border-box;width: 350px !important;position: relative;vertical-align: top;border: 1px solid #cfcfcf;overflow:hidden;/*margin-top:18px;margin-bottom:18px;*/}

.navi_bestview {width:160px;height:23px;position:absolute;right:14px;top:8px;overflow:hidden;}
.navi_bestview li {float:left;}
.navi_bestview li a {float:left;height:23px;background:url('//imggo.seoul.co.kr/img/bestview_navi.gif') no-repeat;overflow:hidden;text-indent:-5000em;font-size:0;}
.navi_bestview li a.bslink01 {width:32px;background-position:0 0;cursor:pointer;}
.navi_bestview li a.bslink01_on {width:32px;background-position:0 -23px;cursor:pointer;}
.navi_bestview li a.bslink02 {width:32px;background-position:-32px 0;cursor:pointer;}
.navi_bestview li a.bslink02_on {width:32px;background-position:-32px -23px;cursor:pointer;}
.navi_bestview li a.bslink03 {width:32px;background-position:-64px 0;cursor:pointer;}
.navi_bestview li a.bslink03_on {width:32px;background-position:-64px -23px;cursor:pointer;}
.navi_bestview li a.bslink04 {width:32px;background-position:-96px 0;cursor:pointer;}
.navi_bestview li a.bslink04_on {width:32px;background-position:-96px -23px;cursor:pointer;}
.navi_bestview li a.bslink05 {width:32px;background-position:-128px 0;cursor:pointer;}
.navi_bestview li a.bslink05_on {width:32px;background-position:-128px -23px;cursor:pointer;}

.txtlist_b {display:inline-block;padding:14px 14px 10px;}
.txtlist_b li {clear:both;height:17px;padding-left:19px;margin-bottom:12px;overflow:hidden;background:url('//imggo.seoul.co.kr/img/bestview_bul.gif') no-repeat;font-size:15px;}
.txtlist_b li.no1 {background-position:0 4px; letter-spacing: -1px;}
.txtlist_b li.no2 {background-position:0 -18px;}
.txtlist_b li.no3 {background-position:0 -41px;}
.txtlist_b li.no4 {background-position:0 -63px;}
.txtlist_b li.no5 {background-position:0 -85px;}
.txtlist_b li.no6 {background-position:0 -106px;}
.txtlist_b li.no7 {background-position:0 -129px;}
.txtlist_b li.no8 {background-position:0 -150px;}
.txtlist_b li.no9 {background-position:0 -172px;}
.txtlist_b li.no10 {background-position:0 -194px;}


/*Leader’s Today 뷰&섹션*/
.leaders_v {float:left;box-sizing: border-box;display:inline-block;width:350px; /*margin-bottom:18px; margin-top: 18px;*/border: 1px solid #cfcfcf;}
.leaders_v .tit{width:335px; padding:15px 0 12px 15px; text-align:left;}
.leaders_v .tit > a{padding-right:184px;}
.leaders_v .tit a img{vertical-align: text-bottom;}
.leadersphoto_v {float:left; position:relative; width:214px; margin-left:13px;}
.leadersphoto_v img {width:320px; height:213px; border:1px solid #d1d0cf;}
.leadersphoto_v p.titlebg {position:absolute;left:1px;top:184px;z-index:1;width:320px;height:30px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;/*ie6~8, ff 등*/}
.leadersphoto_v p.titletx {position:absolute;left:1px;top:189px;z-index:2;width:320px;height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;text-align:center; font-size:15px; font-weight:bold; letter-spacing:-1px;}
.leadersphoto_v p.titletx a {color:#fff; text-decoration:none;} 
.leadersphoto_v p.titletx a:hover {color:#fff; text-decoration:underline;}
.leadersphoto_v img:hover {transition: .25s;opacity: .8;}
.leadersphoto_v p.tx {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:322px; margin:9px 0 11px 0; color:#777;line-height:18px;letter-spacing: -1px;text-align:center;font-size: 15px;}


/*채용·시험정보 탭 박스*/
.examinB {clear:both; float:left; width:272px; margin-top:-1px; margin-bottom:-8px;}
.examinB ul {display:inline-block; width:272px; font-size:12px; padding-left:14px;}
.examinB li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:9px; background:url('//imggo.seoul.co.kr/img/examination_i.gif') no-repeat 0 3px; padding-left:8px;}

.asd_box {clear:both; float:left; width:350px; border:1px solid #cfcfcf; background-color:#fff;box-sizing: border-box;font-size:15px;/*margin-top:18px;margin-bottom:18px;*/}

.asd_box .list {display:inline-block;float:left;width:336px;padding:0 0 7px 14px; margin-top:15px;}
.asd_box .list li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 12px 0; letter-spacing:-1px; font-size:15x;}








/*******섹션리스트*******/

.SList {clear:both; float:left; display:inline-block; width:800px; height:56px; border-bottom:2px solid #dbc1b0;}
.SList h2{float:left; padding-top:12px; font-size:22px;}
.SList h2 .second{position: relative;padding-left:24px; padding-top:12px; font-size:22px; color:#1a9a61;/* background:url('//imggo.seoul.co.kr/img/list_par.gif') no-repeat 12px 13px;*/ background:0;}
.SList h2 .second:before {content: '';display: block;position: absolute;top: 17px;left: 12px;width: 1px;height: 20px;background-color: #444;}

/*기사 리스트*/
#list_area { width:800px; margin:5px 0 18px;_margin-bottom:16px; float:left; }

.article {float:left;width:800px;padding:22px 0 22px 0;border-bottom:1px solid #ececec;}
.article img {height:100px;width:100px;border: 1px solid #d6d6d6;margin:0;padding:0;text-align:center; vertical-align:middle; }
.article img.rank {height:15px;margin:0;padding-right:5px;vertical-align:middle;margin-bottom: 4px;}
.article dt {margin-bottom:5px; padding:0 3px 5px 3px;overflow: hidden; zoom:1}
.article dd.thumb { margin-right:12px;float:left;vertical-align:middle; }
.article #tit {float:left;}
.article #tit a {font-size:18px;/*color:#0e4a92;*/font-weight:bold;letter-spacing:-1px;color:#3c3c3c;text-decoration:none;}
.article #tit a:hover {font-size:15px;color:#0e4a92;font-weight:bold;color:#e43812;text-decoration:underline;}
.article #date {float:left;margin-left:10px;line-height:170%;font-size:14px;color:#909090; }
.article dd.sub {text-align:left;/*letter-spacing:-1px;*/letter-spacing: -0.1px;line-height: 23px;padding:0 40px 0 0;;margin:3 0px;font-size: 15px; }

.article:hover #tit a{transition: all .2s;font-size: 18px;font-weight: bold;color: #e16b00;text-decoration: underline;}
.article:hover img{transition: .25s;opacity: .8;}
/*******부처별소식*채용정보리스트*******/

.GDnRECtit {clear:both; float:left; display:inline-block; width:800px; height:46px; border-bottom:2px solid #b5d5c6;}
.GDnRECtit h2{float:left; padding-top:16px;}
.GDnRECtit span{float:right; padding-top:20px; font-size:11px; color:#444444;}

.GDnRECnews {clear:both; float:left; width:800px;}
.GDnRECnews ul {display:inline-block; padding:17px 0;}
.GDnRECnews li {clear:both; float:left; width:770px; line-height:36px;padding-left:30px; background:url('//imggo.seoul.co.kr/img/go_bul_newest.gif') no-repeat 19px 17px;}
.GDnRECnews li strong{letter-spacing:-1px;}
.GDnRECnews li .tit {float:left; width:606px; font-size:15px; color:#444444;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.GDnRECnews li .date {float:right; font-size:14px; color:#777777; padding-right:24px;}

.UL_gray {display:inline-block; background-color:#f7f5f6; padding:17px 0;}

/*셀렉트*/
.GD {clear:both; float:left; width:800px; height:56px; margin-bottom:0; background-color:#e4f5ed;}
.GD h3 {float:left; font-size:15px; color:#12593b; letter-spacing:-1px; padding:18px 22px 20px 19px;/*border:1px solid #000;*/}
.GD h3 .a{display:inline-block; font-size:11px; margin-left:5px; margin-bottom:0; /*border:1px solid #000;*/ vertical-align: top;margin-top: 2px;}
.GD li {float:left; display:inline;  padding:12px 13px 0 0; text-align:center;}
.GD li:first-child{padding: 18px 13px 0 0;}

.GDselect {/*border:1px solid #d9d9d9;*/ height:32px;color:#878787;font-size:12px;line-height: 18px;}



/*페이지번호*/
.paginate{clear:both;width:800px;text-align:center;color:#ddd;padding:45px 0 29px 0;}
.paginate strong{font: 14px '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, sans-serif;color:#e60021;font-weight:bold;}
.paginate a{font:14px '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, sans-serif;color:#333;text-decoration:none;height:15px;border:none;padding:0 5px;}
.paginate a:hover{color:#ff3300;}
.paginate .prev{padding:0 10px 0 12px;background:url('//img.seoul.co.kr/img/12_prev.gif') no-repeat 4px 6px;font: 13px '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, sans-serif;}
.paginate .next{padding:0 10px 0 6px;background:url('//img.seoul.co.kr/img/12_next.gif') no-repeat 37px 7px;font: 13px '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, sans-serif;}


.v_snt {float:left; display:inline-block; width:100%; /*margin-top:32px;*/ padding-bottom:25px; /*border:1px solid #000;*/ text-align:center;margin-top:20px;}
.v_sns {display:inline-block; width:350px; padding-left:10px; font-size:18px; color:#f54c49; font-weight:bold;}
.v_sns img {margin-right:4px;}
.v_reply {display:inline-block; margin-top:6px; margin-left:5px; /*border:1px solid #000;*/}

.v_txtnprint {float:right; width:220px; text-align:right; margin-right:30px; padding-top:5px; } 
.v_txtnprint img {margin-left:7px; /* width:15px; */ height:15px;}

.subTitle_s0{padding: 15px 0px 14px;    border-top: 1px solid #141414;    border-bottom: 1px solid rgb(210, 210, 210);    color: rgb(0, 0, 0);    font-size: 20px;    letter-spacing: -1px;    font-weight: bold;    line-height: 25px; display:inline-block;width:100%;}
.subTitle_s1{padding: 15px 0px 14px;    border-top: 1px solid rgb(175, 7, 7);    border-bottom: 1px solid rgb(210, 210, 210);    color: rgb(0, 0, 0);    font-size: 20px;    letter-spacing: -1px;    font-weight: bold;    line-height: 25px; display:inline-block;width:100%}
.subTitle_s2{display: inline-block;overflow: hidden;  margin: 0px 20px 0px 3px;    padding:0px 0px 0px 11px;    font-weight: bold; border-left:#141414 2px solid; width:100%;}	




/*전체기사/사이트맵*/

.pn_sitemap {width:981px; margin:45px auto; color:#000;}
.allnews21_year {float:left; margin-bottom:45px;}
.allnews21_year dl {}
.allnews21_year dt {display:block; width:980px; border-bottom:1px solid #e2e2e2; padding-bottom:30px; font-size:18px;}
.allnews21_year a dd {float:left; width:98px; height:39px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box; font-size:12px; text-align:center; padding-top:11px;}
.allnews21_year a dd.on {background:#f16322; color:#fff;}
.allnews21_year a:nth-child(10n+1) dd{border-right:1px solid #e2e2e2;}
.allnews21_year a:last-child dd{width:99px; border-right:1px solid #e2e2e2;}

.allnews21_month {float:left; margin-bottom:45px;}
.allnews21_month dl {}
.allnews21_month dt {display:block; width:972px; padding-bottom:30px; font-size:18px;}
.allnews21_month a dd {float:left; width:81px; height:39px; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box; font-size:12px; text-align:center; padding-top:11px;}
.allnews21_month a dd.on {background:#f16322; color:#fff;}
.allnews21_month a:last-child dd{border-right:1px solid #e2e2e2;}

.allnews21_day {float:left; margin-bottom:45px;}
.allnews21_day dl {}
.allnews21_day dt {display:block; width:976px; border-bottom:1px solid #e2e2e2; padding-bottom:30px; font-size:18px;}
.allnews21_day a dd {float:left; width:61px; height:39px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box; font-size:12px; text-align:center; padding-top:11px;}
.allnews21_day a dd.on {background:#f16322; color:#fff;}
.allnews21_day a:nth-child(16n+1) dd{border-right:1px solid #e2e2e2;}
.allnews21_day a:last-child dd{width:62px; border-right:1px solid #e2e2e2;}

.allnews21_ymd_s_result {float:left; width:100%;}
.allnews21_result_tit {width:100%; font-size:20px; border-bottom:1px solid #222; padding-bottom:10px; letter-spacing:-1px;}
.allnews21_ymd_s_result ul {padding:35px 0;}
.allnews21_ymd_s_result li {font-size:16px; height:40px; color:#777;}
.allnews21_ymd_s_result li a {color:#000;}


.S20_list_area {width:100%;overflow:hidden; text-align:left;}

.S20_List_tit{width:100%;height:42px;border-bottom:1px solid #222;margin-bottom:25px;overflow:hidden;}
.S20_List_tit h3{float:left;font-size:24px; font-weight:bold; letter-spacing:-1px;}

/*전체 섹션 나열 202105 수정 padding:0px 35px-->padding:0px 15px수정*/ 
.S20_Allsection{width:100%;overflow:hidden;padding:0px 15px;display:flex;justify-content:space-between;}
.S20_Allsection dl {}
.S20_Allsection dt {font-size:15px; font-weight:bold; padding-bottom:22px;}
.S20_Allsection dd {font-size:12px; color:#6e6e6f; font-weight:normal; padding-bottom:17px;}
.S20_Allsection dd a {color:#6e6e6f;}
.S20_Allsection dd a:hover {color:#d43927;}


/* cms 연동 style */
.con_snsBox{text-align:center;margin-bottom:20px;}
.con_googleMap{text-align:center;margin-bottom:20px;}
.con_openLinkA{display:block;}
.con_openLinkA:hover{color:inherit;text-decoration:none;}

.con_openLinkBox_V{text-align:center;border:1px solid #ddd;max-width:550px;margin:0 auto 20px;cursor:pointer;padding:15px 20px;text-decoration:none;}
.con_openLinkBox_V .con_openLinkThumb img{max-width:500px;max-height:500px;}
.con_openLinkBox_V .con_openLinkTitle {font-size:15px;font-weight:bold;text-align:left;line-height:1.4em;}
.con_openLinkBox_V .con_openLinkSummery {font-size:13px;font-weight:normal;text-align:left;line-height:1.4em;word-break:break-all;}
.con_openLinkBox_V .con_openLinkHost {font-size:13px;font-weight:normal;color:#1976d2;text-align:left;}

.con_openLinkBox_H{text-align:center;border:1px solid #ddd;max-width:650px;margin:0 auto 20px;cursor:pointer;padding:10px 15px;text-decoration:none;}
.con_openLinkBox_H .con_openLinkThumb {width:72px;height:72px;float:left;margin-right:10px;}
.con_openLinkBox_H .con_openLinkThumb img{max-width:72px;max-height:72px;}
.con_openLinkBox_H .con_openLinkTitle {font-size:15px;font-weight:bold;text-align:left;line-height:1.4em;}
.con_openLinkBox_H .con_openLinkSummery {font-size:13px;font-weight:normal;text-align:left;line-height:1.4em;word-break:break-all;}
.con_openLinkBox_H .con_openLinkHost {font-size:13px;font-weight:normal;color:#1976d2;text-align:left;}

.con_quotation_01{position:relative;font-style:italic;font-weight:bold;line-height:1.7em;margin:30px 0 30px 80px}
.con_quotation_01::before{content:"❝";font-size:60px;position:absolute;left:-50px;top:0px;}

.con_quotation_02{ font-style:italic;font-weight:bold;line-height:1.7em;position: relative;padding: 24px;text-align: center;border-radius: 10px;width: 90%;left: 0;top: 0;background: #fff;border: 2px solid #ced4da;box-sizing: border-box;margin-bottom:30px;}
.con_quotation_02::before{content: "";position: absolute;z-index: 1;bottom: -18px;left: calc(50% - 15px);width: 30px;height: 14px;background: transparent;border-bottom-right-radius: 35px 20px;display: block;border: 2px solid #ced4da;border-top: 2px solid #fff;border-left: 0;}
.con_quotation_02::after{	content: "";position: absolute;z-index: 1;bottom: -16px;left: calc(50% - 15px);width: 10px;height: 12px;border: 2px solid #ced4da;background: transparent;border-bottom-right-radius: 35px 31px;display: block;border-left: 0;}

.con_quotation_03{ font-style:italic;font-weight:bold;line-height:1.7em;position: relative;padding: 24px;text-align: center;border-radius: 10px;width: 90%;left: 0;top: 0;background: #fff;border: 2px solid #ced4da;box-sizing: border-box;margin-bottom:30px;}
.con_quotation_03::before{content: "";position: absolute;z-index: 1;bottom: -18px;left: calc(50% - 15px);width: 30px;height: 14px;background: transparent;border-bottom-right-radius: 35px 20px;display: block;border: 2px solid #ced4da;border-top: 2px solid #fff;border-left: 0;}
.con_quotation_03::after{	content: "";position: absolute;z-index: 1;bottom: -16px;left: calc(50% - 15px);width: 10px;height: 12px;border: 2px solid #ced4da;background: transparent;border-bottom-right-radius: 35px 31px;display: block;border-left: 0;}

.con_quotation_span{font-size: 0.7em; font-style: normal; color: #aaa;}

.con_hr_01 {width: 100%;border:2px #000000; display: block;  border-top-style: solid; margin:30px 0;}
.con_hr_02 {width: 100%;border:2px #000000; display: block;  border-top-style: dashed;margin:30px 0;}
.con_hr_03 {width: 100%;border:2px #000000; display: block;  border-top-style: dotted;margin:30px 0;}
.con_hr_04 {width: 100%;border:2px #000000; display: block;  border-top-style: double;border-top-width:4px;margin:30px 0;}

.con_textbox_01{min-height: 34px;padding: 30px;margin-top:20px; margin-bottom:20px; border: 1px solid #ddd; background-color: #f5f5f5;}
.con_textbox_02{min-height: 34px;padding: 30px;margin-top:20px; margin-bottom:20px; border: 1px solid #d3d9ff; background-color: #f3f4fd;}
.con_textbox_03{min-height: 34px;padding: 30px;margin-top:20px; margin-bottom:20px; border: 1px solid #d3ecc5; background-color: rgba(211,236,197,.3137254901960784);}
.con_textbox_04{min-height: 34px;padding: 30px;margin-top:20px; margin-bottom:20px; border: 1px solid #fcf0c5; background-color: rgba(252,240,197,.3137254901960784);}
.con_textbox_05{min-height: 34px;padding: 30px;margin-top:20px; margin-bottom:20px; border: 1px solid #f8dfd8; background-color: rgba(248,223,216,.3137254901960784);}


.con_ulist {margin-bottom:20px;}
.con_ulist li::before{content: "•";margin-right:5px; }

.con_olist {margin-bottom:20px;counter-reset:rol 0;}
.con_olist li::before{counter-increment:rol;content:counter(rol)".";margin-right:5px; }


.aside-add{text-align: center;width: 100%;padding-bottom:18px;padding-top:18px;clear:both;float:left;}
.right-icon{position:absolute;top:78px;right:-133px;display:inline-block;width:123px;}

/* newbr 추가 240814 */
.new_br {margin-top: 0; margin-bottom: -24px !important;}
.atic_cnt #img.new_br {margin-bottom: -48px !important;}
.atic_cnt #img.new_br > table { margin-top: 0 !important; }
.con_openLinkA.new_br .con_openLinkBox_H,
.con_openLinkA.new_br .con_openLinkBox_V { margin-bottom: 0; }
.con_snsBox.new_br > iframe { margin: 0 auto !important; }
.subTitle_s0, .subTitle_s2 { margin-top: 0; margin-bottom: 44px; }

/*
.new_br {margin: 8px auto -24px !important;}
.atic_cnt #img.new_br {margin: 8px auto -32px !important;}
.con_textbox_01.new_br,
.con_textbox_02.new_br,
.con_textbox_03.new_br,
.con_textbox_04.new_br,
.con_textbox_05.new_br {margin: 0 auto -24px!important;}
.con_quotation_01.new_br { position: relative; font-style: italic; font-weight: bold; line-height: 1.7em; margin: 0 0 -32px 80px !important; }
.con_snsBox.new_br { margin: 8px auto -48px !important; }
*/

/* tts start */

/*default reset*/	
.resetTTS .loadingIcon{display:none !important;}
.resetTTS .soundNewsButton{display:flex !important;}
.resetTTS .viewTool-soundNews{display:flex !important;}	

/*loading*/
.loadingTTS .loadingIcon{display:flex !important;}
.loadingTTS .viewTool-soundNews{display:none !important;}

/*play*/
.playTTS .loadingIcon{display:none !important;}
.playTTS .viewTool-soundNews{display:flex !important;}
.playTTS .soundNewsButton {background-position: -36px -11px !important;}
.playTTS .soundWave{
	display: block !important;
	background: url("https://imggo.seoul.co.kr/img/tts-sound.gif") no-repeat center !important;
	
	background-size: contain !important;
}
.playTTS .newsReplay{display:block !important;}

/*pause*/
.pauseTTS .loadingIcon{display:none !important; }
.pauseTTS .viewTool-soundNews{display:flex !important; !important;}	
.pauseTTS .soundNewsButton {background-position: -0px -11px !important;}
.pauseTTS .soundWave {
	display: block !important;
	background-size: 186px !important;
	background: url("https://imggo.seoul.co.kr/img/tts_Pn.png") no-repeat;
	background-position: -108px -10px !important;
	
}
.pauseTTS .newsReplay{display:block !important;}


.v_txtnprint a:hover {
	color: transparent;
	transition: none;
}


.hideText {
	color: transparent;
	font-size: 0;
	text-indent: -9999px;
}

.soundNews-aTag {
	display: inline-block;
	height: 20px;
}

.soundNews-button-wrap {
	position: relative;
	margin-right: 10px;
	margin-top: -5px;
	display: inline-flex;
	width: auto;
	background: var(--text-gray-200);
	padding: 0;
	vertical-align: middle;
}

.soundNews-button-wrap :after {
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	height: 16px;
	width: 1px;
	top: 50%;
	transform: translateY(-50%);
	background: #999;
}

.loadingIcon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	background: url("https://imggo.seoul.co.kr/img/loading-black.svg") no-repeat center;
	background-size: contain;
}

div.viewTool-soundNews.hideText {
	transition: all .15s ease-in-out;
	display: none;
	width: auto;
	align-items: center;
	background: 0;
}


div.soundNewsButton.hideText {
	cursor:pointer;
	border: 0;
	background: none;
	width: 20px;
	height: 18px;
	background: url("https://imggo.seoul.co.kr/img/tts_Pn.png") no-repeat;
	background-position: 0px -11px;
	background-size: 186px;
}

div.soundWave {
	display: none;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background: url("https://imggo.seoul.co.kr/img/tts_Pn.png") no-repeat;
	background-size: 186px;
	background-position: -108px -10px;
	margin: 0 8px;
}

div.soundWave img {
	display: block;
}

div.newsReplay.hideText {
	cursor:pointer;
	display: none;
	width: 20px;
	height: 18px;
	background: url("https://imggo.seoul.co.kr/img/tts_Pn.png") no-repeat;
	background-position: -72px -11px;
	background-size: 186px;
}



div.soundNewsButton.pause {
	background-position: -36px -11px;
}

div.soundWave.show {
	display: block;
	background: url("https://imggo.seoul.co.kr/img/tts-sound.gif") no-repeat center;
	background-size: contain;
	opacity: .7;
}

div.soundWave.on {
	display: block;
}


div.newsReplay.show {
	display: block;
}


.fontSize-button div.hideText {
	background-position: -303px -112px;
}

.print-button div.hideText {
	background-position: -353px -112px;
}

.share-button div.hideText {
	background-position: -403px -112px;
}

.reply-button div.hideText {
	background-position: -453px -112px;
}