/*섹션 인덱스*/
.W20_Rankingnews{border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.S20_sectionTop {margin-top:35px;overflow:hidden;}

/* 섹션인덱스 - 탑왼쪽*/
.S20_sT_L {float:left; width:170px;}
.S20_sT_L dt{width:90%;font-size:38px; letter-spacing:-2px; border-bottom:2px solid #222; padding-bottom:7px;margin-bottom:28px; }
.S20_sT_L dd {font-size:15px;margin-bottom:16px;}

/* 섹션인덱스 - 탑오른쪽*/
.S20_sT_R {float:right;width:1000px;}

.S20_newest{float:right;margin-bottom:45px;display:flex;justify-content:space-between;flex-wrap:wrap;}

.S20_newest li {width:300px; height:254px;margin-bottom:45px;}
.S20_newest li img {width:100%;}
.S20_newest li .normal_tit {overflow:hidden; margin-top:10px;font-size:16px;letter-spacing:-1px;width:100%;font-weight:bold;}

.S20_newest .nopic_date{display:none;}

.S20_newest .nopic {height:100%;background:#ececec; border-bottom:1px solid #2f2f2f;display:flex;align-items:center;align-content:center;flex-wrap:wrap;padding:20px;}
.S20_newest .nopic .picture{display:none;}
.S20_newest .nopic .nopic_date{display:block;font-size:14px; color:#888; font-weight:normal;margin-top:20px;text-align:center;width:100%;}
.S20_newest li .nopic .normal_tit{font-size:21px;font-weight:bold; }

.S20_newest li:nth-child(n+4) {width:184px; height:182px;margin-bottom:20px;}
.S20_newest li:nth-child(n+4) .normal_tit {font-size:15px;font-weight:normal;}
.S20_newest li:nth-child(n+4) .nopic .normal_tit {font-size:15px;}


/* 랭킹뉴스 */
.S20_Rankingnews {float:left;width:170px; height:230px; border-right:1px solid #d7d7d7; font-size:24px;padding-top:37px;}
.S20_RankingnewsList {float:right;width:100%;padding:30px 0px 25px 0px;}
.S20_RankingnewsList ul {float:left; counter-reset: ranking 0;overflow:hidden;column-count:2;width:100%;}
.S20_RankingnewsList li{transform: translateZ(0);} /* css bug for chrom https://bugs.chromium.org/p/chromium/issues/detail?id=84030 */
.S20_RankingnewsList li {margin-bottom:15px;font-size:15px;letter-spacing:-1px;position:relative;}
.S20_RankingnewsList li::before {display:inline-block;position:absolute;top:-3px;left:0;font-size:22px;letter-spacing:-2px;color:#d43927; counter-increment: ranking;content: counter(ranking);line-height:1em;width:24px;text-align:right;}
.S20_RankingnewsList li a{margin-left:34px;}


/* 리스트 탑 이미지 leejy 20210125*/
.listTopImg{width:100%; text-align:center;/*height:265px;*/}
/*.bg_amu{background:#052446;} /*아무이슈 */
/*.bg_news_pls{background:#541f10;} /* 뉴스를 부탁해 */
/*.bg_yong1{background:#cecece;}   /* B컷 용산 */
/*.bg_olm11{background:#65c1fe;}   /*강동삼의 벅차오름 */
/*.bg_money1111{background:#ff8a21;}   /* 금전있슈*/
/*.bg_tree111{background:#dd6870;}   /* 주말목공 */
/*.bg_see111{background:#ffffff;}   /* 내려다 봄*/
/*.bg_net111{background:#cedcdf;}   /*넷만세 */
/*.bg_dalcom1{background:#ff8b42;}   /* 달콤한 사이언스*/
/*.bg_lawmans{background:#1e3963;}   /*로맨스*/
/*.bg_military_inside{background:#837c83;}   /*밀리터리 인사이드*/
/*.bg_law1111{background:#990d25;}   /*법벌이*/
/*.bg_top1111{background:#7b8afa;}   /* 법안톺아보기*/
/*.bg_boddari{background:#5e7b3b;}   /* 보따리 */
/*.bg_after111{background:#000000;}   /* 사건후*/
/*.bg_photo_storage{background:# ;}   /* 사진창고*/
/*.bg_udong111{background:#5be36c;}   /* 생생우동*/
/*.bg_imzin{background:#ffffff;}   /* 서동철의 임진왜란 열전 */
/*.bg_danzi1{background:#1c70d8;}   /*시끌시끌 이 단지*/
/*.bg_use1111{background:#000000;}   /*아재가 써봤어*/
/*.bg_eat11{background:#ffd4cd;}   /*알고먹기*/
/*.bg_al1{background:#3253c7;}   /* 알쓸금지*/
/*.bg_behind111{background:#ffffff;}   /* 외통 비하인드*/
/*.bg_memento1{background:#000000;}   /*메멘토 모리 */
/*.bg_room1111{background:#4c3b19;}   /* 전국부 사건창고 */
/*.bg_elec111{background:#000321;}   /*전기차 오디세이*/
/*.bg_week1111{background:#afafaf;}   /* 주간 여의도 Who?*/
/*.bg_live111{background:#d8d8d8;}   /* 취중생 */
/*.bg_clean111{background:#c8e9f8;}   /* 클린룸*/


/*리스트*/
.S20_list_area {width:100%;overflow:hidden;}
/*.S20_list_area dl:last-of-type{margin-bottom:85px;}*/

.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;}
.S20_List_tit .Subsection{float:right;padding-top:11px;}
.S20_List_tit .Subsection ul{float:left;}
.S20_List_tit .Subsection li {display:inline-block; float:left; margin-left:22px;padding-bottom:7px;font-size:16px;font-weight:normal;}
.S20_List_tit .Subsection li.on {border-bottom:3px solid #222;}
/*
.S20_List_tit .Subsection {display:inline-block; float:right; }
.S20_List_tit .Subsection li {display:inline-block; float:left; margin-left:22px; padding-bottom:7px; font-weight:normal;}
.S20_List_tit .Subsection li a{font-size:16px;}
.S20_List_tit .Subsection li.on {border-bottom:3px solid #222;}
*/

.S20_List_tit_btn{float:right;height:100%;font-size:14px; font-weight:normal; letter-spacing:-1px;padding-top:5px;}
.S20_List_tit_btn div{display:inline-block;padding-top:5px;}
.S20_List_tit_btn .calendar_btn{cursor:pointer}
.S20_List_tit_btn .calendar_btn::after{content:"";background:url('https://img.seoul.co.kr/img/20_par_i2.png') 10px 7px no-repeat; padding:8px;}
.S20_List_tit_btn .calendar_btn img{padding:3px 5px 0px 0px;}
#dateStr{margin-right:10px;}

/*지난만평 버튼*/
.S20_List_tit span.button {display:inline-block; float:right; font-size:14px; color:#fff; line-height:14px; background:#f16322; border-radius:15px; padding:4px 20px 5px;}
.S20_List_tit span.button a {color:#fff; text-decoration:none;}

.S20_List_article {float:left; width:100%; padding:20px 0; border-bottom:1px solid #ececec;}
.S20_List_article img {margin:0;padding:0;text-align:center; vertical-align:middle;}
.S20_List_article .tit {margin:6px 0px; padding-right:3px;line-height:1.3em;font-size:21px; font-weight:bold; letter-spacing:-1px;}
.S20_List_article .thumb {float:left; margin-right:16px; width:195px;}
.S20_List_article .thumb img {width:195px; height:130px;}
.S20_List_article .sub {font-size:14px; text-align:left; color:#888; line-height:1.3em; margin-bottom:9px;}
.S20_List_article .date{font-size:12px; color:#888;}

.listType_photo {display:flex;justify-content:space-between;flex-wrap:wrap;}
.listType_photo .S20_List_article {float:left; width:259px; border:0;}
.listType_photo .S20_List_article .tit {margin-top: 10px; padding: 0 3px; margin-bottom:0px; padding-right:0px;line-height:1.3em;font-size:15px; font-weight:normal; letter-spacing:-1px;}
.listType_photo .S20_List_article .thumb {float:none; margin:0; width:100%;}
.listType_photo .S20_List_article .thumb img {width:100%;height:auto; }
.listType_photo .S20_List_article .sub {display:none;}
.listType_photo .S20_List_article .date{padding: 5px 5px 0;font-size:12px; color:#888;}

.listType_photo .nopic {height:240px;background:#ececec; border-bottom:1px solid #2f2f2f;display:flex;align-items:center;align-content:center;flex-wrap:wrap;padding:20px;margin-top:20px;}
.listType_photo .nopic .date{display:block;font-size:12px; color:#888; font-weight:normal;margin-top:20px;text-align:center;width:100%;}
.listType_photo .nopic .tit{font-size:21px;font-weight:bold; }
.listType_photo::after {  height: 0;  width: 259px;  content: ""; /*꼼수*/}




/*포토리스트*/
.S20_PList {width:100%;overflow:hidden;margin-bottom:40px;}
.S20_PList:last-of-type{margin-bottom:85px;}
.S20_PList li {float:left; width:259px;}
.S20_PList li:nth-child(2) {margin:0px 2px;}
.S20_PList li img {width:100%;}
.S20_PList li .tit {float:left; max-height:43px; overflow:hidden; margin-top:10px;padding:0px 3px;font-size:15px;letter-spacing:-1px;}
.S20_PList li .date{float:left;margin-top:5px;padding:0px 5px; font-size:12px; color:#888; }

/* 리스트 공통 */
.S20_List_more {float:left;width:100%; height:35px; border-bottom:1px solid #000; text-align:center;margin:85px 0px 50px;}
.S20_List_more .more_btn {width:330px;color:#000;background:#fff; padding:10px 85px 12px; border:1px solid #000; border-radius:15px; font-size:16px; line-height:16px; margin:15px auto 0px auto;}
.S20_List_more .more_btn img {padding:3px 10px 0 0;}





/*기획연재*/
.S20_Plan {display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.S20_Plan li {display:inline-block; width:250px; height:167px;margin-bottom:25px;}
.S20_Plan li .photo {position:relative; display:inline-block; width:100%; height:100%;}
.S20_Plan li .photo img{width:100%;}
.S20_Plan li .photo .cover {display:inline-block; position:absolute; top:0; left:0;width:100%; height:100%; background:#000; opacity:0.3; }
.S20_Plan li .photo .tit_f {position:absolute; top:0; left:0;  width:230px; height:147px; border:1px solid #b8b8b8; box-sizing:border-box; border-radius:15px; margin:10px; text-align:center;display:flex;align-items:flex-end;justify-content:center;}
.S20_Plan li .photo .tit_f h4 {vertical-align:bottom; color:#fff;font-size:15px;letter-spacing:-1px;}
.S20_Plan li .photo .tit_f h4 b {display:block; font-weight:bold; font-size:19px; padding-bottom:13px;}

/*
.S20_Plan li .photo .cover2 {display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%;background:#3a3a3a;}
.S20_Plan li .photo .tit_f span img{display:block; width:22px; margin:0 auto 10px;}
*/


.S20_Plan_ptit {float:left; display:inline-block; width:100%; border-bottom:1px solid #222; line-height:20px; font-size:18px; padding:10px 0; letter-spacing:-1px; margin:40px 0 20px;}
.S20_Plan_ptit span { display:inline-block; font-size:14px; color:#5d5d5d;  line-height:14px; padding-left:12px; letter-spacing:0;}

.S20_Plan_past {display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.S20_Plan_past li {display:inline-block;width:250px; height:70px; border:1px solid #d7d7d7; box-sizing:border-box; border-radius:15px; padding:0 15px;margin-bottom:25px;}
.S20_Plan_past li .tit {display:flex;  text-align:center; height:100%; overflow:hidden;align-items:center;justify-content:center;}
.S20_Plan_past li .tit h4 {font-size:15px; font-weight:bold;}



/*오피니언-사설박스*/
.S20_Oeditorial_top{float:left;width:100%;padding-bottom:5px;margin-bottom:25px;}
.S20_Oeditorial {float:left; position:relative; width:250px; height:220px; padding:18px 13px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #4d4d4d; margin-right:15px;}
.S20_Oeditorial:last-child {margin-right:0px;}
.S20_Oeditorial .sec_tit{font-size:14px; color:#1e88e5; font-weight:bold; margin-bottom:20px;}
.S20_Oeditorial .sec_tit span {display: block; float: right; font-weight: normal; font-size: 13px; color: #000; letter-spacing: -1px;}
.S20_Oeditorial .sec_tit span.last {color:#000;}


/* 정렬
.S20_Oeditorial .con_area{height:70%;display:flex;align-items:center;}
.S20_Oeditorial .content{}
.S20_Oeditorial .content .tit{max-height:72px;font-size:15px; font-weight:bold; letter-spacing:-1px;margin-bottom:10px; line-height:24px; overflow:hidden;}
.S20_Oeditorial .content .body{max-height:72px;font-size:13px; color:#888; overflow:hidden; letter-spacing:-1px;line-height:19px; overflow:hidden;}
*/
.S20_Oeditorial .tit{min-height:52px;max-height:72px;font-size:15px; font-weight:bold; letter-spacing:-1px;margin-bottom:10px; line-height:24px; overflow:hidden;}
.S20_Oeditorial .body{/*max-height:72px;*/font-size:13px; color:#888; overflow:hidden; letter-spacing:-1px;/*line-height:19px;*/ overflow:hidden;}
.S20_Oeditorial .quotation {position:absolute; top:200px; left:200px;}

/*오피니언-사설하단*/
.S20_Opmainnews {float:left; width:100%; /*height:343px;*/ border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;margin-bottom:45px;}
.S20_Opmainnews .sec_tit{float:left;width:100%;font-size:14px; color:#1e88e5; font-weight:bold; margin-bottom:17px;}

.S20_Opmainnews .L_area {float:left; width:523px; /*height:343px;*/ border-right:1px solid #d8d8d8;} 
.S20_Opmainnews .R_area {float:right; width:257px; /*height:343px;*/}

.S20_Opmainnews_Type1_area {float:left;padding:16px 0px 20px;}
.S20_Opmainnews_Type1 {float:left; width:260px;}
.S20_Opmainnews_Type1 img {float:left;width:100px; border-radius:50px;}
.S20_Opmainnews_Type1 .body {width:145px; max-height:85px; float:right; font-size:14px; overflow:hidden; padding:10px 8px 0 0;}

.S20_Opmainnews_Type2 {float:left; width:100%; border-top:1px solid #d8d8d8; padding:20px 15px 20px 0px;}
.S20_Opmainnews_Type2 .photo{float:left;width:195px;}
.S20_Opmainnews_Type2 .photo img{width:195px;}
.S20_Opmainnews_Type2 .content{float:right;width:300px;padding-top:8px;}
.S20_Opmainnews_Type2 .content .sec_tit{margin-bottom:10px;}
.S20_Opmainnews_Type2 .tit {width:300px;;float:right; font-size:15px; font-weight:bold; letter-spacing:-1px;  margin-bottom:10px;}
.S20_Opmainnews_Type2 .body {width:300px; float:right; line-height:19px; max-height:58px; font-size:13px; color:#888; overflow:hidden; letter-spacing:-1px;color:#888;}

.S20_Opmainnews_Type3 {float:left; width:257px; padding:15px;}
.S20_Opmainnews_Type3 .tit {width:100%; float:right; line-height:22px; min-height:44px;max-height:44px; overflow:hidden; font-size:15px; font-weight:bold; letter-spacing:-1px; }

.S20_Opmainnews_Type4 {float:left; width:257px; padding:13px 0 20px 15px; box-sizing:border-box; border-top:1px solid #d8d8d8; }
.S20_Opmainnews_Type4 img {width:242px; /*margin-left:-8px;*/}

/* 기자칼럼/전문가칼럼/과학바이오 공통*/
.S20_column_area{width:100%;overflow:hidden;margin-bottom:45px;}
/*.S20_column_tit{font-size:21px;letter-spacing:-2px;border-bottom:1px solid #222;padding:0px 0px 8px 5px;}*/
.S20_column_tit{font-size:14px;letter-spacing:-1px;border-bottom:1px solid #222;padding:0px 0px 12px 5px;}
.S20_column_tit img{margin-right:15px;}
.S20_column_tit h5{text-align:left; font-size:14px; color:#5d5d5d; letter-spacing:-1px; font-weight:normal;}

/*기자칼럼/전문가칼럼/과학바이오 공통- 사진 롤링 tab*/
.S20_column_rolltab {width:100%;/*height:172px;*/ background:#e9e9e9;overflow:hidden;/*float:left; width:780px;border:1px solid #222;margin-top:45px;*/ }
.S20_column_rolltab .arrow {float:left; width:40px; height:100%;display:flex;align-items:center;justify-content:center;/*padding:60px 0; text-align:center;*/}
.S20_column_rolltab ul {float:left; width:700px;height:100%;}
.S20_column_rolltab ul li {float:left;padding:25px 21px 25px 21px;}
.S20_column_rolltab .arrow{cursor:pointer}

/*기자칼럼/전문가칼럼/과학바이오 공통-리스트*/
.S20_column_list {width:100%;overflow:hidden;margin-top:30px;}
.S20_column_list ul{float:left;}
.S20_column_list ul li {float:left; width:195px; text-align:left; font-size:15px;  letter-spacing:-2px;margin-bottom:20px;}
.S20_column_list ul li::before {content:""; background:url('https://img.seoul.co.kr/img/20_point_i.png') 5px 8px no-repeat;padding-right:15px;}

.S20_OJ_tab{height:172px;} /*기자칼럼 탭*/
.S20_OS_tab{height:188px;} /*전문가칼럼 탭*/
.S20_SB_list{border-bottom:1px solid #d7d7d7; padding-bottom:20px;}








/* 기자칼럼*/
.S20_OJ_area{width:100%;overflow:hidden;margin-bottom:45px;}
.S20_OJ_tit{font-size:21px;letter-spacing:-2px;border-bottom:1px solid #222;padding:0px 0px 10px 5px;}

/*기자칼럼리스트tab*/
.S20_OJ_date {width:100%;height:172px; background:#e9e9e9;overflow:hidden;margin-bottom:30px;/*float:left; width:780px;border:1px solid #222;margin-top:45px;*/ }
.S20_OJ_date .arrow {float:left; width:40px; height:100%;display:flex;align-items:center;justify-content:center;/*padding:60px 0; text-align:center;*/}
.S20_OJ_date ul {float:left; width:700px;height:100%;}
.S20_OJ_date ul li {float:left;padding:25px 21px 0 21px;}

/*기자칼럼리스트*/
.S20_OJ_list {width:100%;overflow:hidden;}
.S20_OJ_list ul{float:left;}
.S20_OJ_list ul li {float:left; width:195px; text-align:left; font-size:15px;  letter-spacing:-2px;margin-bottom:20px;}
.S20_OJ_list ul li::before {content:""; background:url('https://img.seoul.co.kr/img/20_point_i.png') 5px 8px no-repeat;padding-right:15px;}

/*전문가칼럼리스트tab*/
.S20_OS_date {float:left; width:780px; height:245px; background:#e9e9e9; margin-top:45px;}
.S20_OS_date h3 {width:780px; background:#fff; text-align:left; font-size:14px; color:#5d5d5d; letter-spacing:-1px; font-weight:normal; padding:20px 0 15px; border-bottom:1px solid #222;}
.S20_OS_date h3 img {padding-left:8px;}
.S20_OS_date p {float:left; width:40px; padding:60px 0; text-align:center;}
.S20_OS_date ul {float:left; width:695px;}
.S20_OS_date ul li {float:left; display:block; padding:25px 21px 0 21px;}

/*과학&Bio*/
.S20_SB_date {display:inline-block; float:left; width:780px; border-bottom:1px solid #d7d7d7; margin-top:45px; padding-bottom:25px;}
.S20_SB_date h3 {text-align:left; font-size:14px; color:#5d5d5d; border-bottom:1px solid #222; letter-spacing:-1px; font-weight:normal; padding:19px 11px 7px;}
.S20_SB_date h3 img {padding-right:8px;}


/* 조기영 대추씨 */
.S20_dachou {clear:both; float:left; width:630px;}
.S20_dachou_tit {width:604; height:23px; background:#ca4b1f;  padding:5px 13px; margin-bottom:20px; font-size:15px; color:#fff; text-align:left;}
.S20_dachou_tit p {font-size:12px; text-align:right; margin-top:-16px;}

.S20_dachou_v {float:left; display:inline-block; height:100%; width:630px; background:#eeeeee; padding:50px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; margin-bottom:20px;}
.S20_dachou_v_bmh {float:left; width:610px; background:#eeeeee; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:30px 10px; text-align:center; margin-bottom:20px;}
.S20_dachou_l {float:left; width:600px; border:8px solid #dcdcdc; padding:20px 7px;}
.S20_dachou_l li {float:left; width:130px; text-align:center; font-size:12px; color:#f54c49; font-weight:bold;}
.S20_dachou_l li .listimg {width:130px; height:82px; overflow:hidden; margin-bottom:15px;}
.S20_dachou_l li .listimg img {width:130px;}

.S20_dachou_l li .listimg_bmh {width:130px;margin-bottom:15px;}
.S20_dachou_l li .listimg_bmh img {width:110px;}

.S20_dachou_v .lefta {width:70px; height:100%;}
.S20_dachou_v .imga {width:490px; height:100%;}
.S20_dachou_v .imga img {max-width:490px;}

















/*view title line*/
.S20_vt_line {width:1200px; border-bottom:1px solid #d7d7d7; margin:20px auto 40px;}


/*뷰페이지*/
.S20_title{padding-top:40px;margin-bottom:50px;border-bottom:1px solid #222;}
.S20_article_tit {}
.S20_article_tit .atit2 {font-size:37px; letter-spacing:-2px; margin-bottom:35px; padding:0 5px;line-height:1.2em;}

/*sns상단*/
.S20_v_snt {margin-bottom:15px; overflow:hidden;font-size:0;}
.S20_v_snt .snsDiv{float:left;opacity:0.75;}
.snsDiv {margin-left:7px;font-size:0;}
.snsDiv > span {margin:0 17px 0 0;}
.replyNum {font-size:20px;margin-left:8px;}

.S20_v_snt .option {float:right; font-size:0;padding-right:7px; margin-top:10px;}
.S20_v_snt .option span {margin-left:11px;}
.S20_v_snt .option span.w_date {margin-left:0px;margin-right:15px; letter-spacing:-1px; font-size:13px;color:#777;}

/*sns하단*/
.S20_V_sns {text-align:center; border-bottom:1px solid #d7d7d7; padding:25px 0; margin-bottom:65px;}


/*섹션 내비게이션 20210609*/
.naviArea{width:100%;margin-bottom:15px;font-size:15px;}
.naviArea span{margin-right:3px;}
.naviArea span:first-child{padding-left:5px;}
.naviArea span::after{content:' > ';margin-left:3px;}
.naviArea span:last-child::after{content:'  ';}


/*기사본문*/
.S20_v_article {line-height:1.95; letter-spacing:-1px;margin-bottom:30px;overflow:hidden;}
.stit {/*padding-top:7px;*/clear:both; font-size:20px; line-height:1.6em; color:#000; padding-top:5px; padding-bottom:25px; font-weight:bold;} 

/* 지면표시 + 날짜*/
.S20_VCdate{text-align:right;margin-bottom:30px;}


/*기사본문내 사진*/
.v_photoarea {clear:both;text-align:center; max-width:780px; margin-bottom:20px;}
.v_photoarea_L {float:left;text-align:center; max-width:780px; margin-bottom:20px; margin-right:20px;}
.v_photoarea_R {float:right;text-align:center; max-width:780px; margin-bottom:20px; margin-left:20px;}
.v_photo_caption {text-align:left; font-size:12px; color:#777; line-height:1.4; padding-top:11px;}
.v_photo {/*position:relative;*/ margin:0 auto;}
.v_photo img {margin:0 auto;}	
/*.expand {height:0px;text-align:right;padding:0px;margin:0px;border:0px;line-height:0px;}*/
/*.expand img {position:absolute;cursor:hand;bottom:8px;right:8px}*/

.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; line-height:1.5em;}	


/*클릭 키워드*/
.S20_clickkeyword {margin-bottom:78px;font-size:0;}
.S20_clickkeyword span {color:#6386c7;display:inline-block; background:#e2e2e2; padding:6px 10px; font-size:15px; margin:0 0 10px 25px;position:relative;}
.S20_clickkeyword span::before{content:'';display:inline-block;width:25px;border-top:1px solid #ccc;position:absolute;top:16px;left:-25px;}


/*관련기사*/
.S20_relatednews {position:relative;border:1px solid #d7d7d7; padding:20px 30px 27px; margin-bottom:77px;}
.S20_relatednews h5 {display:inline-block; font-size:16px; padding:3px 20px; border-radius:15px; border:1px solid #f54c49; font-weight:bold; margin-bottom:16px;}
.S20_relatednews li {margin-bottom:9px;}
.S20_relatednews li::before {content:url('https://img.seoul.co.kr/img/20_related_i.png');display:inline-block;width:23px;position:relative;top:-5px;left:5px;}
.S20_relatednews li:first-of-type {font-weight:bold;}
.S20_relatednews .more {position:absolute; bottom:-12px; width:48px; height:23px; background:#d7d7d7; border-radius:15px; left:366px; text-align:center;padding:6px;}


/*추천기사*/
.S20_Recommend {/*margin-bottom:70px;*/overflow:hidden;}
.S20_Recommend h5 {font-size:20px;}
.S20_Recommend .photo {position:relative; width:290px; float:left;}
.S20_Recommend .photo img{width:290px;}
.S20_Recommend .photo .article_bg {position:absolute; left:0; bottom:0px; width:100%; height:32px; background:#000; opacity:0.7; font-size:15px; color:#fff; padding:5px 0 0 10px;}
.S20_Recommend .txtlist {float:left; width:480px; padding:10px 10px 10px 20px; box-sizing:border-box;}

.S20_Recommend_Tlist {width:100%;}
.S20_Recommend_Tlist li{margin-bottom:15px;font-size:18px;letter-spacing:-1px;}
.S20_Recommend_Tlist li::before {content:url('https://img.seoul.co.kr/img/20_vpoint_i.png');display:inline-block;width:16px;position:relative;top:-5px;left:5px;}
.S20_Recommend_Tlist li:first-of-type {font-weight:bold;}


/*온라인스페셜 View*/
/* jhr 230508 */
.ViewOnline {border-top:1px solid #d7d7d7;/*margin-bottom:70px;*/}
.ViewOnline ul{overflow:hidden;width:800px;}
.ViewOnline li {float: left;width: 180px;height: 274px;margin-right: 20px;}

.ViewOnline .S20_ontypeA .topArea{height: 156px;}
.ViewOnline .S20_ontypeA .sectionTit span {padding:5px 17px 6px 17px;}
.ViewOnline .S20_ontypeA .Tarticle{font-size:17px;}

.ViewOnline .S20_ontypeB{background: linear-gradient( #3f4170 156px, #ececec 122px);}
.ViewOnline .S20_ontypeB .Tarticle{font-size:17px;}

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

/*영상취재 View*/
.ViewPicture {background:#ffffff;width:100%;border-top:1px solid #d7d7d7;border-bottom:1px solid #222; /*margin-bottom:70px;*/}
.ViewPicture .tit {padding:23px 0 22px 0;font-size:20px;}
.ViewPicture > ul {padding:0;overflow:hidden;width:792px}
.ViewPicture > ul li {margin:0 12px 0 0;width:250px; height:250px;}
.ViewPicture > ul li .P_photo {margin:23px 10px 0;}
.ViewPicture .icon{margin-right:20px;}



/********* 포토 확대보기 *********/
/*#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}*/
#jquery-overlay {position: fixed;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}  /*position 수정 20180417 leejy*/
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {/* font: 10px Verdana, Helvetica, sans-serif; */font: 11px;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
/*#lightbox-image-details-caption { font-weight: bold; }*/
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}


/*SNS 프로모션*/
.S20_sns_R {width:350px; text-align:center; margin:0; padding:38px 0; border:1px solid #d7d7d7;}
.S20_sns_R .Tit {width:280px; margin-left:35px; border-bottom:1px solid #141414; padding-bottom:17px; margin-bottom:28px;}
/*.S20_sns_R .Sns img {padding:0 6px;}*/
.S20_sns_R .Sns img {width:50px; padding:0 4px;}



/*뉴스레터*/
.N_letter {overflow:hidden; width:1200px; /*border:1px solid #000;*/ margin:0 auto; box-sizing:border-box;/*display:flex; justify-content:space-between;*/ padding-bottom:100px;}
.N_letter_listTopImg {width:100%; text-align:center; margin-top:40px;}
.N_letter li {float:left; margin-right:60px; margin-bottom:50px;}
.N_letter li:nth-child(3n) {margin-right:0;}
.letter_box {width:360px;background:#fff; border:1px solid #cdcdcd; box-sizing:border-box; margin-top:67px; padding:0 30px; font-size:14px; letter-spacing:-1px;}
.letter_box a:hover {text-decoration:none; color:#0099cc;}
.letter_box .thumb {margin-top:-27px;}
.letter_box .thumb img {width:300px;}
.letter_box .sectit {font-weight:bold; padding:12px 0 9px;font-size: 16px;}
.letter_box .sectit span {font-size:18px;}
/*.letter_box .last_list {font-size:12px; color:#53a3db; padding:9px 0 3px;}*/
.letter_box .last_list {font-size:14px; color:#53a3db; padding:9px 0 3px; font-weight: 700;}
/*
.letter_box .btn {width:182px; height:43px; background:#53a3db; border-radius:15px; font-size:18px; text-align:center; color:#fff; margin:10px 0 -22px 57px; padding-top:8px; box-sizing:border-box;}
2023-06-27 orig
.letter_box .btn {float:left; width:182px; height:43px; background:#53a3db; border-radius:15px; font-size:18px; text-align:center; color:#fff; padding-top:8px; box-sizing:border-box;}
*/
.letter_box .btn_box {width:100%; height:43px; margin:10px auto -22px ; }
/* 2023-06-27 thjang */
.letter_box .btn {width:233px; height:43px; background:#53a3db; border-radius:15px; font-size:16px; text-align:center; color:#fff; padding-top:10px; box-sizing:border-box; margin: 0 auto; }
.letter_box .btn2 {float:left; width:100px; height:43px; background:#ededed; border-radius:15px; border:1px solid #ccc; font-size:16px; text-align:center; color:#000;  padding-top:8px; margin-right:14px; box-sizing:border-box;}

/*.letter_box {position:relative; width:360px; height:315px; background:#fff; border:1px solid #cdcdcd; box-sizing:border-box; margin-top:67px; padding:0 30px; font-size:14px; letter-spacing:-1px;}
.letter_box a:hover {text-decoration:none; color:#0099cc;}
.letter_box .thumb {margin-top:-27px;}
.letter_box .thumb img {width:300px;}
.letter_box .sectit {font-weight:bold; padding:12px 0 9px;}
.letter_box .sectit span {font-size:18px;}
.letter_box .last_list {font-size:12px; color:#53a3db; padding:9px 0;}
.letter_box .btn {position:absolute; width:182px; height:43px; background:#53a3db; bottom:-22px; left:89px; border-radius:15px; font-size:18px; text-align:center; color:#fff; padding-top:8px; box-sizing:border-box;}*/

.newsletter_a {position:relative; width:780px; height:127px; background:#4580ca url('https://img.seoul.co.kr/img/newsletter/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.8em; letter-spacing:-1px; box-sizing:border-box;}
.newsletter span.subject{font-size:24px; font-weight:bold;}
.newsletter span.aa {font-size:13px; color:#bcdcfc;}
.newsletter_btn {display:inline-block; background:#93fafe; color:#000; text-align:center; border-radius:15px; padding:7px 20px; margin:7px 0 0 7px; font-size:16px; line-height:1.2em;}
.newsletter_btn2 {position:absolute; top:73px; left:604px; width:176px;  height:32px;}


/*전체기사/사이트맵*/
.allnews21_year {float:left; margin-bottom:45px;}
.allnews21_year dl {}
.allnews21_year dt {display:block; width:1189px; border-bottom:1px solid #e2e2e2; padding-bottom:30px; font-size:18px;}
.allnews21_year a dd {float:left; width:98px; height:30px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; /*box-sizing:border-box;*/ font-size:12px; text-align:center; padding-top:9px;}
.allnews21_year a dd.on {background:#f16322; color:#fff;}
.allnews21_year a:nth-child(12n+1) dd {border-right:1px solid #e2e2e2;}
.allnews21_year a:last-child dd {border-right:1px solid #e2e2e2;}

.allnews21_month {float:left; margin-bottom:45px;}
.allnews21_month dl {}
.allnews21_month dt {display:block; width:1189px; padding-bottom:30px; font-size:18px;}
.allnews21_month a dd {float:left; width:98px; height:30px; 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:9px;}
.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:1185px; border-bottom:1px solid #e2e2e2; padding-bottom:30px; font-size:18px;}
.allnews21_day dd {float:left; width:73px; height:30px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; /*box-sizing:border-box;*/ font-size:12px; text-align:center; padding-top:9px;}
.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 {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;}


/* cms 연동 style */
.con_snsBox{text-align:center;margin-bottom:20px;}
.con_googleMap{text-align:center;margin-bottom:20px;}
.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:100px;height:100px;float:left;}
.con_openLinkBox_H .con_openLinkThumb img{max-width:100px;max-height:100px;}
.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; }

/* 230704 jhr */
/*트윅 프로모션 시작*/
.twigPromotion {background:#ffffff;width:100%;border-top:1px solid #222;border-bottom:0;clear: both;}
.twigPromotion > ul {padding:0;overflow:hidden;width:792px}
.twigPromotion > ul li {float:left;margin:0 15px 0 0;width:250px; height:250px;}

.twigPromotion .tit_wrap {padding:21px 0 0 0;}
.twigPromotion .tit{font-size:21px; padding:0;  letter-spacing:-2px; font-weight:bold;}
.twigPromotion .tit_wrap > span{ vertical-align: middle;}
.twigPromotion .subTit{font-size:14px; margin:0 15px 0 9px;}
.twigPromotion .tit_wrap .arrowBtn img{ margin: 2px 0 0 10px;}

#slick_twigPro{margin-top:-5px;}

.twigPromotion li .P_photo {position:relative;margin:23px 0 0;}
.twigPromotion li .P_photo img {width:100%;} 
.twigPromotion li .Article_tit {margin: 10px 10px 0;text-align:left;font-size:14px;letter-spacing:-1px;line-height:19px;}
/*트윅 프로모션 종료 */


/* 231108 jhr */
/*서울en 프로모션 시작*/
.PromotionBox {width: 100%;border-top: 1px solid #222;}
.PromotionBox .tit {font-size: 21px; padding: 0; letter-spacing: -2px;  font-weight: bold;}
.PromotionBox .subTit { font-size: 14px; margin: 0 15px 0 9px;}
.PromotionBox .tit_wrap {text-align: left; padding: 27px 0 20px 0;}
.PromotionBox .tit_wrap>span {vertical-align: middle;}

#slick_seoulenPro .slick-slide {height: 230px !important;}
.newsBoxList {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 25px 0;}
.newsBoxList li {box-sizing: border-box;display: flex;align-items: center;width: calc(33.333% - 15px); justify-content: space-between;}
.newsBoxList li .photoBox {display: flex;align-items: center;  justify-content: center;  width: 75px;  height: 75px;  border-radius: 40px;  overflow: hidden;  flex-shrink: 0;  flex-grow: 0;}
.newsBoxList li .titleBox {  color: #222;  font-size: 14px;  font-weight: 300;  letter-spacing: -0.14px;  padding-left: 10px;}
.PromotionBox .slick-dots button::before {  display: none;}
.PromotionBox .slick-dots {  bottom: 0;}
.PromotionBox .slick-dots li {  position: relative;  display: inline-block;  width: 14px;  height: 14px;  margin: 0;  padding: 0;  cursor: pointer;}
.PromotionBox .slick-dots li button {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  display: inline-block;  width: 4px;  height: 4px;  padding: 4px;  border-radius: 4px;  background: #dedede;}
.PromotionBox .slick-dots li.slick-active button {  display: inline-block;  background: #c9c9c9;}

/* dark */
.PromotionBox.dark .tit {  color: #fff;}
.PromotionBox.dark .subTit {  color: #fff;}
.PromotionBox.dark .newsBoxList li .titleBox {  color: #969595;  font-family: Dotum;  font-size: 15px;  font-weight: 400;  letter-spacing: -0.15px;}
.PromotionBox.dark .newsBoxList li .titleBox a {  color: inherit;}
.PromotionBox.dark .slick-dots li button {  background: #bababa;}
.PromotionBox.dark .slick-dots li.slick-active button {  background-color: #999;}
/*서울en 프로모션 종료*/