@charset "euc-kr";

/* 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:'µ¸¿ò',dotum,Helvetica,sans-serif;font-size:12px;color:#333}
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:#333;text-decoration:none;}
a:hover{color:#af0707;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}

/*layout ¹é±×¶ó¿îµåÄ®¶ó¹Ù²Ù±â*/
#container_bg {width:100%;text-align:center;background-color:#ffcc63;}

/*layout*/
#container {width:1000px;min-height:500px;text-align:left; padding:30px 15px 50px 15px; margin:0 auto;background-color:#fff; /*overflow-x:hidden;*/} 
#container:after {clear: both;content: "";display: block;}


/*layout2*/
.ncontent {float:left;width:700px;/*min-height:900px;  _height:900px;*/ color:#444; overflow-x:hidden;}
.naside {float:right;width:300px;}


/* topnews */
.topN {clear:both; float:left; position:relative; width:659px; height:374px; text-align:center; background-color:#000; overflow-x:hidden;}
.topN img {height:374px;}
.topN p.titlebg {position:absolute; left:0; top:322px; z-index:1;width:659px;height:52px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;/*ie6~8, ff µî*/ }
.topN p.titletx {position:absolute; left:0; top:335px; z-index:2;width:630px;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; text-align:left; font-size:22px; font-weight:bold; letter-spacing:-1px; padding-left:25px; background:url("//imgnn.seoul.co.kr/img/n14_listbul.gif") no-repeat 11px 7px;}
.topN p.titletx a {color:#fff; text-decoration:none;} 
.topN p.titletx a:hover {color:#fff; text-decoration:underline;}

.topN2 {float:left; margin-top:19px; margin-bottom:14px; width:650px;}
.topN2 li {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 10px 19px; font-size:17px; letter-spacing:-1px; font-weight:bold; background:url("//imgnn.seoul.co.kr/img/n14_listbul.gif") no-repeat 4px 4px}


/*¸ÞÀÎ ±â»ç¸®½ºÆ®*/
.mainL {clear:both; float:left; width:676px; position:relative; display:inline-block;}
.mainL ul{margin-top:-22px;}
.mainL li{float:left; position:relative; display:inline;width:209px; text-align:center; margin:22px 16px 22px 0;}
.mainL li img{width:209px; height:140px;} 
.mainL li.nophoto {float:left; position:relative; display:inline; width:209px; height:185px; margin-right:16px; background: #eee url('//imgnn.seoul.co.kr/img/n14_list_bg.gif') no-repeat;}
.mainL li.nophoto .text {font-size:14px; font-weight:bold; line-height:23px; text-align:center; margin:37px 18px 0 18px;}
.mainL li p {margin:11px 15px 0 5px; text-align:left; line-height:17px;}
.mainL li p img {width:39px; height:39px; border:0;}
.icon {position:absolute;top:-21px;left:0px;}

.line660 {float:left; width:660px; height:1px; background: #ececec}



/*¸ÞÀÎÇÏ´Ü¹Ú½º*/
.mainbox {float:left; position:relative; width:660px; padding-bottom:41px;}
.mainbox .tit{width:644px; height:21px; margin:0; padding:7px 0 0 16px; text-align:left; font-size:14px; font-weight:bold; color:#fff; background: #000;}
.mainbox .titmore {position:absolute;top:9px; right:18px;}

.mainbox .list {display:inline-block; width:658px; height:112px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.mainbox .list li {float:left; width:300px; margin:4px 7px 0 14px;}
.mainbox .list li img {width:90px;height:90px; margin-right:14px;}
.mainbox .list li p {float:left; padding-top:5px;}
.mainbox .list li p.txt {width:196px; margin-top:17px; color:#777777;font-size:14px;letter-spacing:-1px;line-height:22px;text-align:left;font-weight:bold;}





/*¸¹ÀÌº»´º½º */
.bestbox {float:left; display:inline-block; width:264px; border:1px solid #d5d5d5; padding:16px 17px 0;}
.bestbox .aa {position:relative; width:264px; float:left; text-align:left; margin-top:13px;}
.bestbox .aa img {margin-right:10px; width:75px; height:50px;}
.bestbox .aa p.nu {position:absolute;left:0;top:0;} 
.bestbox .aa p.nu img {width:21px; height:21px;}
.bestbox .aa p.text {position:absolute;left:82px;top:9px; width:185px; font-size:12px; line-height:18px; letter-spacing:-1px;} 
.tit {float:left; width:264px; font-size:14px; color:#000; font-weight:bold; letter-spacing:-1px; margin-bottom:3px; text-align:left;}
.vrBest_date {clear:both; margin-left:123px; letter-spacing:1px; font-size:11px; font-weight:normal;}

.best {width:264px; float:left;}
.best img {float:left; padding-right:10px;}
.best p {font-size:12px; line-height:18px; text-align:left;}

.bestmore {text-align:right; margin-right:-17px;}


/*¿ìÃø Å¸ÀÌÆ² ½ºÅ¸ÀÏ*/
.titlest_n {position:relative; width:300px; height:28px; padding:13px 0 0 0; border-top:4px solid #000; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#000;}
.titlest_n .titmore {position:absolute;right:5px;top:15px;}

.titlest_n2 {position:relative; width:300px; height:26px; padding:13px 0 0 0; border-top:1px solid #e6e6e6; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#000;}
.titlest_n2 .titmore {position:absolute;right:5px;top:15px;}

/*¿ìÃø ¸®½ºÆ® ½ºÅ¸ÀÏ*/
.Llist {float:left;}

.alllist_txt {float:left; display:inline-block; padding-bottom:16px;}
.alllist_txt li {float:left; position:relative; width:300px; height:90px;}
.alllist_txt img {float:left;width:90px;height:90px;margin-right:8px;}
.alllist_txt .text {float:left; position:absolute;left:100px;top:15px; width:200px; font-size:14px; letter-spacing:-1px; font-weight:bold; line-height:22px;}


/*Æ÷Åä PICK */
.photopick {float:left; width:300px;overflow:hidden;}
.photopick .viewphoto {/*position:relative;*/width:300px;}
.photopick .viewphoto img {width:300px;height:200px;}
.photopick .titletx a {float:left; width:270px; height:42px; padding:9px 15px 0 15px;  font-size:14px; line-height:18px; font-weight:bold; color:#fff; text-align:center; background: #353537;}

.photopick ul.listphoto {width:300px;display:inline-block;overflow:hidden;}
.photopick ul.listphoto li {float:left;width:75px;height:50px;overflow:hidden;}



/*Å¸ÀÌÆ² ¿µ¿ª*/
.atic_title {clear:both; float:left; width:680px; padding:15px 0 7px 0;border-bottom:1px solid #b2b2b2;}
.atic_title h2 {display:block; font-size:13px; font-weight:normal; background:url('//imgnn.seoul.co.kr/img/n14_titlebul.gif') no-repeat 0 2px; padding:0 0 7px 11px;}
/* 20161216 leejy*//*.atic_title h3 {display:block; font-size:25px; line-height:36px; letter-spacing:-1px; word-break:break-all; text-align:center;}*/
.atic_title h3 {display:block; font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif; font-size:33px; line-height:40px; font-weight:normal; letter-spacing:-1px; word-break:keep-all; text-align:center;}

.tdata {clear:both; float:left; width:300px; margin-top:16px; font-size:11px; color:#777;}

.pageutil {position:relative; z-index:50; float:right; width:248px; margin:7px 5px 0 0;}
.pageutil li {float:left;text-align:center; color:#777; padding-top:9px; font-size:11px;letter-spacing:-1px;}
.pageutil li a {color:#777;}
.pageutil li a:hover {text-decoration:none;}
.pageutil li img {display:inline-block;vertical-align:middle;margin:-2px 3px 0 1px;}
.pageutil .fontsize {width:84px;}
.pageutil .fontsize span {margin:0 8px 0 12px;}
.pageutil .gourl {width:54px;}
.pageutil .gosns {width:66px;}
.pageutil .gomail {width:49px;}
.pageutil .goprint {width:48px;}


/*±â»ç»ó´Ü SNS °øÀ¯*/
.nsns {position:absolute; top:27px; /*left:-35px;*/ left:-18px; z-index:5; width:94px; height:83px; background-color:#fff; border:1px solid #bebebe; overflow-x:hidden;}
.nsns ul {padding:0px;margin:2px 0 0 9px;}
.nsns li {clear:both; float:left; width:94px; text-align:left; line-height:15px;}
.nsns li img {padding-right:2px;}


/*---2016³â 7¿ù12ÀÏ Ãß°¡ (sns Ãß°¡)--*/
.a_date {float:right; padding-right:8px; text-align:right; font-size:12px; color:#777;}

/*
.v_snt {float:left; display:inline-block; width:680px; margin-top:15px;}
.v_sns {float:left; width:450px; font-family:arial; font-size:18px; color:#000; font-weight:bold; text-align:left;}
.v_sns img {margin-right:4px;}
.v_reply {display:inline-block; margin-top:6px; margin-left:5px; }
.v_reply img {vertical-align:bottom;}
.v_txtnprint {float:left; width:225px; text-align:right; margin-top:11px; padding-right:5px;} 
.v_txtnprint img {margin-left:10px;}
*/

/*±â»ç º»¹®À§ SNS&±ÛÂ¥Å©±â&ÇÁ¸°ÅÍ*/
/*
.v_snt {float:left; display:inline-block; width:680px; margin-top:15px;}
.v_sns {float:left; width:400px; font-size:18px; color:#f54c49; font-weight:bold; text-align:left;}
.v_days{float:left; width:400px; font-size:12px; color:#999; text-align:left;}
.v_txtnprint {float:left; width:280px; text-align:right; margin-top:4px;} 
.v_txtnprint img {margin-left:7px;height:15px;}
*/

.v_snt {clear:both; float:left; display:inline-block; width:680px; height:30px; margin:10px 0 5px 0;}
.v_journal{/*clear:both;*/ float:left; display:inline-block; width:580px;}
.v_jnl { display:block; float:left; line-height:38px; margin:0 25px 0 5px; text-size:16px; color:#000;}
.v_jnlpic {float:left; width:30px; height:30px; border-radius:15px; overflow-y:hidden;}
.v_jnlpic img {width:30px;}
.v_day {float:left;font-size:12px; line-height:38px; color:#999; letter-spacing:-1px; text-align:left; padding-left:6px; font-weight:normal;}
.v_reply {display:inline-block; margin-top:6px; margin-left:5px; /*border:1px solid #000;*/}
.v_txtnprint {float:right; width:100px; height:30px; text-align:right;} 
.v_txtnprint img {margin:6px 0 0 7px; /* width:15px; */ height:15px;}

.v_reply {display:inline-block; margin-top:6px; margin-left:5px; }
.v_reply img {vertical-align:bottom;}


/*±â»ç º»¹®*/
.now_cnt {clear:both; float:left; width:675px; /*padding-top:25px;*/ }

.now_banner {clear:both; display:block; overflow:hidden; float:left; width:107px;}

.cnt_ad_left {float:left;width:93px; padding-top:30px;}
.cnt_ad_left li {clear:both;width:93px;margin:0 auto 15px;text-align:center;}
.cnt_ad_left a:hover {color:#444;}
.cnt_ad_left .adleft_photo {display:block;margin-bottom:8px;}
.cnt_ad_left .adleft_photo img {width:93px;height:68px;}
.cnt_ad_left .adleft_title {font-size:11px;line-height:16px;letter-spacing:-0.05em;}

.now_txt {display:block; /*overflow:hidden;*/ float:right; width:568px; padding-top:27px; text-align:left;}
/* 20161216 leejy*//*.now_txt1 {display:block; overflow:hidden; width:568px; font:15px '±¼¸²', Gulim; color:#333; line-height:25px; text-align:left;}*/
.now_txt1 {display:block; overflow:hidden; width:568px; /*letter-spacing:1px;*/ font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif; font-size:18px; color:#333; line-height:33px; text-align:left;}
.now_phpto {position:relative; width:568px; overflow:hidden; text-align:center}


/*SNS*/
.nowsns {clear:both; width:566px; height:105px; border:1px solid #d8d8d8;}

.nowsns .left {float:left; width:213px; height:105px; text-align:left; border-right:1px solid #d8d8d8;}
.nowsns .left h4 {font-size:12px; color:#000; letter-spacing:1px; margin:15px  0 0 20px; text-align:left;}

.nowsns .right {float:left; width:352px; height:105px; text-align:left;}
.nowsns .right h4 {font-size:12px; color:#000; letter-spacing:1px; margin:15px 0 0 20px;text-align:left;}


/*°ü·Ã±â»ç*/
.cnt_footer {clear:both; display:inline-block; float:left; width:568px; margin:0px;}

.cnt_relation {float:left; width:560px; padding-bottom:10px;}
.cnt_relation h4 {float:left; font-size:14px; color:#000; margin-bottom:16px; text-align:left;}
.cnt_relation p {float:right; font-size:12px; margin-bottom:16px;}
.cnt_relation dt {display:inline; font-size:12px; margin-bottom:16px}
.cnt_relation dd {clear:both;margin:0 0px 6px 0px;  font-weight:bold; font-size:14px;letter-spacing:-1px;line-height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cnt_relation dd.first {clear:both;margin:0 0px 6px 0px; padding-left:17px; background:url('//imgnn.seoul.co.kr/img/n14_titlebul.gif') no-repeat 2px 6px;  font-weight:bold; font-size:14px; color:#ae0508; letter-spacing:-1px; line-height:24px;}
.cnt_relation dd.first a {color:#ae0508;}
.cnt_relation dd.first a:hover {color:#ae0508;}


/*º°º°³²³à*/
.mnw {clear:both; display:inline-block; float:left; width:568px; border-top:3px solid #000; padding-top:14px;}
.mnw h4 {float:left; font-size:14px; color:#000;}

.mnw_b {display:inline-block; float:left; width:100%; padding-top:14px;}
.mnw_b li {float:left;width:129px;padding:0 17px 14px 0; font-size:12px; line-height:15px; text-align:left;}
.mnw_b li.last {float:left;width:130px;padding:0 0 14px 0;font-size:12px;line-height:15px; text-align:left;}
.mnw_b li img {width:130px;height:86px;margin-bottom:7px;}


/*ÃÖ½Å´º½º*/
.newest {clear:both; display:inline-block; float:left; width:568px; margin:0px; border-top:3px solid #000;  border-bottom:1px solid #d8d8d8; padding-top:14px; padding-bottom:31px;}
.newest h4 {float:left; font-size:14px; color:#000;}
.newest p {float:right; font-size:12px; margin-right:6px; margin-bottom:16px;}

.newlist {float:left; display:inline-block; width:568px; /*border:1px solid #000;*/}
.newlist li {float:left; position:relative; width:284px;}
.newlist li img {float:left; width:154px; height:102px;}
.newlist li a.txt {float:left; position:absolute;left:163px;top:10px; font-size:14px; text-align:left; font-weight:bold; line-height:22px; margin-right:7px;}


/*ÃßÃµ ´º½º */
.recommended {float:left; width:300px;overflow:hidden;}

.relist {float:left; display:inline-block; width:300px; margin-bottom:24px /*border:1px solid #000;*/}
.relist li {float:left; position:relative; width:300px;}
.relist li img {float:left; width:165px; height:110px;}
.relist li a.txt {float:left; position:absolute;left:177px;top:10px; font-size:16px; text-align:left; font-weight:bold; line-height:25px;}

.relist_but {clear:both; text-align:center; font-size:12px; letter-spacing:1px; /*border:1px solid #000;*/}
.relist_but span {display:inline-block; padding:2px 7px 0 5px;}


/*¿À¸¥ÂÊ±¤°í¹Ú½º */
.Rad {float:left; width:298px; overflow:hidden; text-align:center; padding:20px 0 20px 0; border:1px solid #d5d5d5;}


/*¸¹ÀÌº»´º½º view & section */
.bestbox2 {float:left; display:inline-block; width:264px; border:1px solid #d5d5d5; padding:16px 17px 0;}
.bestbox2 .aa {position:relative; width:264px; float:left; text-align:left; margin-top:13px;}
.bestbox2 .aa img {margin-right:10px; width:130px; height:87px;}
.bestbox2 .aa p.nu {position:absolute;left:0;top:0;} 
.bestbox2 .aa p.nu img {width:21px; height:21px;}
.bestbox2 .aa p.text {position:absolute;left:141px;top:12px; width:125px; font-size:12px; line-height:18px; letter-spacing:-1px;} 
.tit2 {float:left; width:264px; font-size:14px; color:#000; font-weight:bold; letter-spacing:-1px; margin-bottom:3px; text-align:left;}
.vrBest_date2 {clear:both; margin-left:123px; letter-spacing:1px; font-size:11px; font-weight:normal;}

.best2 {width:264px; float:left;}
.best2 img {float:left; padding-right:10px;}
.best2 p {font-size:12px; line-height:18px; text-align:left;}

.bestmore2 {text-align:right; margin-right:-17px;}


/*¼½¼ÇÅ¸ÀÌÆ² ¿µ¿ª*/
.sec_title {clear:both; float:left; width:675px; border-bottom:1px solid #b2b2b2;}
.sec_title h2 {display:block; color:#000; font-size:16px; background:url('//imgnn.seoul.co.kr/img/n14_titlebul.gif') no-repeat 0 2px; padding:0 0 16px 11px;}

/*¼½¼Ç ¸®½ºÆ® µ¥ÀÌÆ®*/
.date_option {width:675px;clear:both;text-align:center; overflow:hidden;margin:0 0 2px 0;padding-top:2px;position:relative; border-bottom:1px solid #e5e5e5;}
.date_option ul {padding:0; list-style:none; margin:0; border-bottom:1px solid #e5e5e5;}
.date_option ul li { float:left;width:81px;}
.date_option ul li #date { }
.date_option ul li.selected {height:17px; padding:6px 0 0 0;background:#af0707; border-left:1px solid #900505; border-right:1px solid #900505; border-top:1px solid #900505; font-weight:bold;color:#fff; }
.date_option ul li.selected a {text-decoration:none;font-size:11px;color:#fff; font-family:"µ¸¿ò";}
.date_option ul li.deselected {height:17px;  padding:6px 0 0 0 ;background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;color:#264361; }
.date_option ul li.deselected a {text-decoration:none;font-size:11px;color:#3c3c3c; font-family:"µ¸¿ò";}
.date_option ul li.cal {width:94px; height:24px; padding:0; background:#fff;font-size:11px;font-family:µ¸¿ò,dotum;position:relative; }
.date_option ul li.cal a{position:absolute; top:6px; left:28px; text-decoration:none;color:#3c3c3c;font-weight:bold;} 
.date_option ul li.cal img{position:absolute; right:7px; top:8px;}


/*¼½¼Ç ¸®½ºÆ®*/
#list_area {width:675px; /*margin:20px 0 18px;_margin-bottom:16px;*/ float:left; border-bottom:1px solid #ececec; padding-bottom:10px;}

.article {float:left; width:675px; padding-bottom:25px;}
.article img {margin:0;padding:0;text-align:center; vertical-align:middle;}

.article dt {margin-bottom:5px; padding:3px 3px 0 0;overflow: hidden; zoom:1}
.article dd.thumb {float:left; position: relative; margin-right:12px; display:block; width:150px; height:100px; background:#e3e3e3; text-align:center;}
.article dd.thumb span {display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.article dd.thumb p {position:absolute; top:-10px;left:5px;}
.article #tit {width:513px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; padding-top:2px;/*line-height:150%;*/}
.article #tit a {font-size:16px; font-weight:bold; letter-spacing:-1px;}
.article #date {display:block; padding-top:5px; font-size:12px; color:#777; }
.article dd.sub {display:block; text-align:left; /*letter-spacing:-1px;*/ color:#777; line-height:170%; padding-top:3px;}


/*¼½¼Ç ÆäÀÌÂ¡*/
.paginate{clear:both; display:inline-block; margin:0; float:left; width:675px; text-align:center; color:#ddd; padding-top:34px;}
.paginate strong{font-size:14px; color:#af0707; font-weight:bold;}
.paginate span{font-size:14px; color:#333; text-decoration:none;}
.paginate a{font-size:14px; text-decoration:none; border:none; padding:0 4px;}
.paginate .prev{display:inline-block; padding:0 3px 3px 11px; vertical-align:middle;}
.paginate .next{display:inline-block; padding:0 11px 3px 2px; vertical-align:middle;}


/*¼½¼Ç ¸ÞÀÎÅ¾´º½º*/
.sec_top {float:left; width:675px; overflow:hidden; border-top:4px solid #000;}

.st_txt {float:left; display:inline-block; padding-top:18px;}
.st_txt li {float:left; position:relative; width:675px; height:200px;}
.st_txt img {float:left;width:300px;height:200px;}
.st_txt p {float:left; position:absolute;left:320px;top:-8px; width:350px; font-size:12px; line-height:180%;}
.st_txt .title {display:block; font-size:20px; letter-spacing:-2px; font-weight:bold; line-height:150%; padding:17px 0 10px 0;}
.st_txt a.home {padding-left:290px; font-size:11px; color:#777; text-decoration:none;}
.st_txt a:hover.home {color:#af0707;}


/*ÀüÃ¼¸Þ´º º¸±â*/
.sec_total {float:left; width:673px; background:#fff; border:1px solid #b5b5b5; padding-bottom:8px;}

.sec_total p {position:relative; width:654px; padding:20px 0 0 19px; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#000; padding-bottom:39px;}
.sec_total .titmore {position:absolute;right:13px;top:14px;}

.sec_tlist {float:left; width:654px; text-align:left; font-size:14px; font-weight:bold;}
.sec_tlist dl {display:inline-block; width:654px; padding:0 0 14px 19px;}
.sec_tlist dt {float:left; width:97px; color:#af0707; background: url('//imgnn.seoul.co.kr/img/n14_sec_tlist.gif') no-repeat 95px 1px; margin-right:10px}
.sec_tlist dd {float:left; padding:0 9px;}


/*³ª¿ì´º½º ¼Ò°³*/

.nownews_i {float:left; width:1000px;  height:628px; background: url('//imgnn.seoul.co.kr/img/n14_nownews_b.gif') no-repeat;}
.nownews_i p {width:1000px;  height:291px; margin-top:337px; background: url('//imgnn.seoul.co.kr/img/n14_nownews_b2.gif') no-repeat; padding:13px 0 0 297px;}







/*----Æ÷ÅäPICK Å¸ÀÌÆ²&³×ºñ----*/

.photoP_tit {clear:both; float:left; width:1000px; height:42px; background:#dadada; margin-bottom:14px;}
.photoP_tit .PHOTOPICK {float:left; background:url("//imgnn.seoul.co.kr/img/photopick_bg.gif")no-repeat; width:121px; height:42px; font-size:16px; color:#fff; padding-top:10px; text-align:center; font-weight:bold;}
.photoP_tit .SEC {float:left; font-size:16px; color:#b2b2b2; padding-top:12px; padding-left:33px; /*font-weight:bold;*/}
.photoP_tit .SEC a {font-weight:bold; color:#000;}
.photoP_tit .SEC span {padding-left:5px; font-size:12px; color:#727272; font-weight:normal;}
.photoP_tit .SEC span strong {font-weight:bold; color:#b51414;}
.photoP_tit .SEC_SELECT {float:left; padding-top:10px; padding-left:33px; line-height:50px;}

.PSec_all {float:left;position:relative;width:181px; height:21px; background:url('//imgnn.seoul.co.kr/img/photopick_selectbg.gif'); border:1px solid #b2b2b2; text-align:left; /*right:11px;top:99px;*/ margin-top:10px; z-index:20;}
.PSec_all span {display:block; padding-left:12px; margin-top:4px; text-align:left; color:#727272; cursor:pointer}

.PSecDiv_econ {clear:both; float:left;position:relative;left:-1px; top:2px; letter-spacing:1px;/*border:1px solid #000;*/}
.PSecDiv_e {float:left;width:181px; background-color:#fff; border:1px solid #b2b2b2; padding-top:15px;padding-bottom:5px;}
.PSecDiv_e li{display:block; padding-left:13px; width:90%; float:left; height:25px; font-size:12px; color:#333; font-weight:normal; /*border:1px solid #000;*/}
.PSecDiv_e li a {display:block; color:#333; font-weight:normal;}


.photoP_listHH {/*display:inline-block; width:998px;  height:100%; background:#dadada; border:1px solid #d4d4d4; margin-bottom:14px;*/}
.photoP_listHH li {float:left; margin:7px; 0 0 0; width:101px;}
.photoP_listHH li p {font-size:11px; width:90px; height:30px; margin-top:5px; padding-left:4px; letter-spacing:-1px; line-height:16px; overflow:hidden;}
.photoP_listHH li img {width:90px; height:90px; border:4px solid #dadada;}
.photoP_listHH li.SELECT{float:left; margin:7px; 11px 0 10px;}
.photoP_listHH li.SELECT img {width:90px; height:90px; border:4px solid #af0707;}

.photoP_listHHBox .arrow {display:table-cell; vertical-align:middle;}


/*----Æ÷ÅäPICK ÇÏÀÌ¶óÀÌÆ®----*/

.photoP_H {clear:both; float:left; display:inline-block; width:960px; background:#fbfbfb; border:1px solid #e4e4e4; padding:19px; margin-bottom:84px;}


.photoP_H_photo {float:left; width:630px; height:100%; margin:31px 0;}
.photoP_H_photo .Ophoto{float:left; width:564px; text-align:center;}
.photoP_H_photo .Ophoto img {max-width:564px;}

.photoP_H_con {float:left; width:300px; height:100%; margin-left:30px; /*background:#f3c3c2;*/}
.photoP_H_con .Htit {font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:30px; margin-bottom:18px;}
.photoP_H_con .Hdate {font-size:11px; color:#777; padding-bottom:13px; border-bottom:1px solid #e5e5e5;}
.photoP_H_con .Harticle {font-size:14px; line-height:24px; padding-top:29px; margin-bottom:21px;}


/*----ÀÎ±â Æ÷ÅäPICK----*/
.photoP_Best {clear:both; float:left; display:inline-block; width:100%; margin-bottom:14px;}
.photoP_Best .Btit {font-size:16px; color:#b51414; font-weight:bold; border-bottom:1px solid #b2b2b2; padding-bottom:14px;}
.photoP_Best li {float:left; width:226px; height:218px;margin-right:32px; padding-top:38px;}
.photoP_Best li img {width:226px; height:151px;}
.photoP_Best li.last {float:left; width:226px; margin-right:0;}
.photoP_Best li .Btxt {font-size:13px; margin-top:11px; line-height:18px; letter-spacing:-1px;}
.photoP_Best li .Btxt  span {display:block; font-weight:bold; color:#000; margin-bottom:2px;}



/*¹«·á¸¸È­¹Ú½º_new  <--2015³â 4¿ù Ãß°¡*/
.cartoon {float:right; width:518px; background-color:#fff; border:1px solid #e0e0e0; padding:15px 24px 24px 24px;margin-bottom:30px;}
.cartoon h4 {float:left;padding-bottom:12px;}
.cartoon p {float:right;} 
.cartoon_b {float:left; display:inline-block;width:100%;} 
.cartoon_b1 {float:left;width:241px; height:130px; background-color:#ccc;}
.cartoon_b2 {float:right; width:241px; height:130px; background-color:#ccc;}
.cartoon .more {float:right; padding:3px 5px 0 0;}

/*¹«·á¸¸È­¹Ú½º_¼öÁ¤  <--2015³â 10¿ù Ãß°¡*/
.cartoonphoto {float:right; position:relative; width:241px;height:166px;}
.cartoonphoto img {width:241px;height:130px;}
.cartoonphoto p.eptitlebg {position:absolute;left:0px;top:83px;z-index:1;width:241px;height:47px;background-color:#000;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;/*ie6~8, ff µî*/}
.cartoonphoto p.eptitletx {position:absolute;left:0px;top:84px;z-index:2;width:241px;height:40px;padding:5px;font-size:14px;color:#fff;text-align:center;letter-spacing:-1px;line-height:18px;}
.cartoonphoto p.eptitletx a {color:#fff; text-decoration:none;}
.cartoonphoto p.eptitletx a:hover {color:#fff; text-decoration:underline;}

 

 /*sns °èÁ¤¸µÅ©201508*/
.seoul_sns {display:block; padding-right:34px; background:url('//imgnn.seoul.co.kr/img/15now_sns_line.gif') no-repeat 107px 25px;}



/********* Ä«µå´º½º *********/
#cn_content {clear:both; width:675px; padding:28px 0 61px; margin-bottom:30px;}
.cn_contentsbox {float:left; width:205px; margin-right:30px;}
.cn_contentsboxR {float:left; width:205px;}

.cn_type {clear:both; margin-bottom:20px;}
.cn_type h3 {clear:both; display:inline-block; width: 205px; font-size:12px; font-weight:normal; line-height:15px; letter-spacing:-1px; text-align:left; padding:12px 0 5px 3px;}
.cn_type img {width:205px;}
.cn_type ul {margin-top:4px;}
.cn_type li {float:left; display:inline; }

.cn_list {float:left; width:300px; display:inline-block;}
.cn_list li{float:left; width:160px; display:inline; text-align:left;}
.cn_list li.R{float:left; width:140px; display:inline;}
.cn_list li img{width:140px;} 
.cn_list li p {margin:9px 3px 0 3px; text-align:left;  font-weight:bold; letter-spacing:-1px; width:140px; line-height:17px;}



/* ´º½º·¹ÅÍ */
.newsletter_a {position:relative; width:568px; height:127px; background:#4580ca url('https://imgnn.seoul.co.kr/img/now_nletter_vban_bg.png')no-repeat; margin-bottom:30px;}
.newsletter {width:460px; /*border:1px solid #fff;*/ font-size:18px; color:#fff; text-align:left; padding:21px 0 0 24px; line-height:1.6em; letter-spacing:-1px; box-sizing:border-box;}
.newsletter span.subject{font-size:24px; font-weight:bold;}
.newsletter span.aa {font-size:13px; color:#bcdcfc; line-height:1.5em;}
.newsletter_btn {display:block; width:127px; height:33px; box-sizing:border-box; background:#93fafe; color:#000; text-align:center; border-radius:15px; padding-top:8px; margin:7px 0 0 0; font-size:16px; line-height:1.2em;}
.newsletter_btn2 {position:absolute; top:83px; left:414px; width:154px;  height:32px;}





/*ÀüÃ¼±â»ç/»çÀÌÆ®¸Ê*/
.now_sitemap {width:1000px; margin:45px auto; color:#000;}
.allnews21_year {float:left; margin-bottom:45px;}
.allnews21_year dl {}
.allnews21_year dt {display:block; width:1000px; border-bottom:1px solid #e2e2e2; padding-bottom:30px; font-size:18px;}
.allnews21_year a dd {float:left; width:100px; 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:#af0707; 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:996px; padding-bottom:30px; font-size:18px;}
.allnews21_month a dd {float:left; width:83px; 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:#af0707; 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:992px; border-bottom:1px solid #e2e2e2; padding-bottom:30px; font-size:18px;}
.allnews21_day a dd {float:left; width:62px; 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:#af0707; 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;}


/*404 ¿¡·¯ÆäÀÌÁö*/
.no-result21 {¤¤ font-size:18px; color:#777; letter-spacing:-1px;}
.no-result21 img {margin:100px 0 30px 0;}
.no-result21 .sorry {display:block; font-size:24px; color:#000; font-weight:bold; margin-bottom:80px; line-height:1.7em;}

.no-result21_btnB {display:inline-block; width:650px; /*border:1px solid #000;*/ margin-top:95px; margin-bottom:100px;}
.no-result21_btn {float:left; width:300px; height:55px; border-radius:15px; color:#fff; line-height:2.8em;/* font-weight:bold;*/}
.result21_gray {background:#a5a5a5;}
.result21_orange {background:#fa8563;}

.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;}




/*¼­¿ï¹Ìµð¾îÈ¦µù½º 211215Ãß°¡*/
/*
.centerWidth{width:1000px;margin:0 auto;overflow:hidden;}
.fullWidth{width:100%;overflow:hidden;}

.W20_SH{width:100%;background:#1a3151;}
.S20_SH {overflow:hidden; background:url('https://imgnn.seoul.co.kr/img/SH_bg.png'); height:310px;}
.S20_SH_tit {float:left; margin:117px 0px 0 0px;}
.S20_SH_mnlist {float:left; width:370px; height:220px; background:#fff; margin:45px 0 45px 22px;}
.S20_SH_mnlist dt {display:block; width:370px; height:50px; border-bottom:1px solid #a6b0be; padding:13px 20px 0 20px; box-sizing:border-box; margin-bottom:15px;}
.S20_SH_mnlist dt span.ct {float:left;}
.S20_SH_mnlist dt span.more {float:right; padding-top:8px;}
.S20_SH_mnlist dl {padding:3px 20px; font-size:15px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:1.4em;}
*/


/*¼­¿ï¹Ìµð¾îÈ¦µù½º*/
.centerWidth{width:1000px;margin:0 auto;overflow:hidden;}
.fullWidth{width:100%;overflow:hidden;}

.W20_SH{width:100%;background:#1a3151;}
.S20_SH {overflow:hidden; background:url('https://imgnn.seoul.co.kr/img/SH_bg.png'); height:403px;}
.S20_SH_tit {float:left; margin:165px 0px 0 0px;}
.S20_SH_mnlist {float:left; width:370px; height:313px; background:#fff; margin:45px 0 45px 22px;}
.S20_SH_mnlist dt {display:block; width:370px; height:50px; border-bottom:1px solid #a6b0be; padding:13px 20px 0 20px; box-sizing:border-box; margin-bottom:15px;}
.S20_SH_mnlist dt span.ct {float:left;}
.S20_SH_mnlist dt span.more {float:right; padding-top:8px;}
.S20_SH_mnlist dl {padding:3px 20px; font-size:15px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:1.4em;}
.topA {margin:6px 0;display:flex;align-items:center; justify-content:space-between;}
.topA .photo {/*position:relative;*/ width:130px; height:93px; overflow:hidden;display:flex;justify-content:center;}
.topA .photo img{height:93px; /*position:absolute; left:-18px;*/}
.topA h5{max-width:190px; font-weight:bold;font-size:17px;letter-spacing:-1px;line-height:1.4em;}


.lineclamp2{
    display:-webkit-box;
    -webkit-line-clamp:2; /* ¶óÀÎ¼ö */
    -webkit-box-orient:vertical;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;    
	max-height:2.8em;
	/*text-align:left;*/
}