/* Style Reset */ * {-webkit-text-size-adjust:none;margin:0; padding:0;} img {border:0; vertical-align:middle;max-height:100%;} /*input, select {font-size:100%;}*/ li,dl,dt,dd {list-style:none;} fieldset, blockquote {border:none;} hr {display:none; clear:both;} a {color:#101010;text-overflow:ellipsis;-o-text-overflow:ellipsis; text-decoration:none;} body,button {color:#101010; font-family:"돋움", "dotum"; font-size:15px;} button{border:0;padding:0;background:transparent;cursor:pointer;} /*20170222 cju*/ blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; } /*header .m14_header{clear:both; float:left; width:100%; height:55px;} .m14_header h1 {float:left; padding-top:8px; padding-left:15px;} .m14_header p.menu {float:right; text-align:right;} .m14_header p.menu span{display:block; padding-right:17px; padding-top:18px;} .m14_header p.search {float:right; text-align:right;} .m14_header p.search span{display:block; padding-right:15px; padding-top:16px;}*/ /*header 20160224 수정*/ .m14_header{clear:both; float:left; width:100%; height:45px;} .m14_header h1 {float:left; padding-top:3px; padding-left:15px;} .m14_header p.menu {float:right; text-align:right;} .m14_header p.menu span{display:block; padding-right:17px; padding-top:13px;} .m14_header p.search {float:right; text-align:right;} .m14_header p.search span{/*display:block; padding-right:15px; padding-top:11px;*/} /* 만화 아이콘 수정 20160930 leejy */ /*menu_네비게이션*/ .NVmenu { /*clear:both;*/ float:left; width:100%; line-height:37px; text-align:center; /*margin-bottom:17px;*/ overflow:hidden; } /* .NVm li{float:left; width:25%; text-align:center; font-size:15px; letter-spacing:0px; white-space:nowrap;} .NVm li a{display:block; color:#fff; font-weight:bold;} .NVm .w_small {float:left; width:23%; text-align:center; font-size:15px; letter-spacing:0px; white-space:nowrap;} .NVm .w_small a{display:block; color:#fff; font-weight:bold;} .NVm .on{height:33px; margin-top:1px; color:#010101;} .NVm .on span{border-radius:3px 3px 0 0; color:#010101; background:#fff; padding:5px 9px 10px;} */ /* 코딩 변경 cju */ .NVm li{float:left; width:25%; text-align:center; font-size:15px; letter-spacing:0px; white-space:nowrap;cursor:pointer} .NVm li span{color:#fff; font-weight:bold;} .NVm .w_small {width:23%;} .NVm .on {line-height:39px;border-radius:3px 3px 0 0; color:#010101; font-weight:bold; background:#fff; padding:5px 9px 10px;margin-top:20px;} .NVm ul{overflow-y:hidden;} /* 선거로 추가코딩 변경 */ .vNVm li{float:left; width:33%; text-align:center; font-size:15px; letter-spacing:0px; white-space:nowrap;cursor:pointer} .vNVm li span{color:#494119; font-weight:bold; letter-spacing:-1px;} .vNVm .w_small {width:30%;} .vNVm .on {line-height:39px;border-radius:3px 3px 0 0; color:#010101; font-weight:bold; background:#fff; padding:5px 9px 10px;margin-top:20px;} .vNVm ul{overflow-y:hidden;} /*각 사이트별 네비게이션 바 칼라 CSS*/ .SEOUL{display:block; height:37px; background-color:#dd4a3a;} .NOW{display:block; height:37px; background-color:#af0707;} .GO{display:block; height:37px; background-color:#75554a;} .EN{display:block; height:37px; background-color:#d14e00;} .EYE{display:block; height:37px; background-color:#363636;} .TV{display:block; height:37px; background-color:#8bc43f;} .seoul{display:block; height:37px; background-color:#dd4a3a;} .nownews{display:block; height:37px; background-color:#af0707;} .go{display:block; height:37px; background-color:#75554a;} .en{display:block; height:37px; background-color:#d14e00;} .eye{display:block; height:37px; background-color:#363636;} .stv{display:block; height:37px; background-color:#7db036;} .vote{display:block; height:37px; background-color:#f7d336;} /*sns*/ .SNS {float:left;/*clear:both; */display:inline-block; width:100%; background-color:#2da5e1;} /* .SNS li {float:left; display:block; width:20%; height:31px; text-align:center;} */ .SNS li {float:left; display:block; width:16.7%; height:31px; text-align:center;} .SNS li img {margin-top:-8px;} .SNS li .fd {height:31px; background-color:#39579f;} .SNS li .fd img {width:9px;} .SNS li .twitter {height:31px; background-color:#54abee;} .SNS li .twitter img {width:18px;} .SNS li .ct {height:31px; background-color:#f7d828;} .SNS li .ct img {width:22px;} .SNS li .nline {height:31px; background-color:#00c400;} .SNS li .nline img {width:21px;} .SNS li .google {height:31px; background-color:#c92e2b;} .SNS li .google img {width:18px;} .SNS li .tele {height:31px; background-color:#2da5e1;} .SNS li .tele img {width:19px;} .SNS li .replyicon {height:31px; background-color:#37363b;} .SNS li .replyicon img {width:22px;} /*--///// 리스트//////////////////////////////////////////섹션 선택 /////--*/ .Sec {clear:both;float:left; display:block; width:100%; height:47px; background-color:#ddd; text-align:left; margin:-17px 0px 17px 0px;/*cju 변경*/} .SecSel {float:left;padding-left:0px; font-size:14px; color:#777; font-weight:bold; padding-top:16px;} .SecSel img {margin-top:-4px; margin-right:5px;} /*cju 변경 position*/ /*.Sec_all {float:left;position:absolute;width:200px; height:33px; background-color:#dd4a3a; border-radius:6px; text-align:left; right:11px;top:99px; z-index:20;}*/ .Sec_all {float:left;margin:7px 10px 0px 11px; width:70%; height:33px; border-radius:6px; text-align:left; right:11px;top:99px; z-index:20;} .Sec_all span {display:block; padding-left:20px; margin-top:8px; text-align:left; color:#fff; letter-spacing:1px; font-weight:bold; cursor:pointer} .Sec_all span img {float:right; padding-right:20px; padding-top:6px;} .SecDiv_econ {clear:both; float:left;position:relative;right:0px; top:3px; letter-spacing:1px;/*border:1px solid #000;*/;z-index:100;} .SecDiv_e {float:left;width:100%; /*border:1px solid #000;*/ border-radius:0 0 6px 6px; padding-top:10px;padding-bottom:10px;} .SecDiv_e li{display:block; padding-left:20px; width:90%; float:left; height:35px; font-size:16px; color:#fff; font-weight:normal; /*border:1px solid #000;*/} .SecDiv_e li a {display:block; color:#ffffff; font-weight:normal;} /* .Sec_SEOUL{background-color:#dd4a3a;} .Sec_NOW{background-color:#af0707;} .Sec_GO{background-color:#75554a;} .Sec_EN{background-color:#d14e00;} .Sec_EYE{background-color:#363636;} .Sec_TV{background-color:#8bc43f;} */ .bg_seoul{background-color:#dd4a3a;} .bg_nownews{background-color:#af0707;} .bg_go{background-color:#75554a;} .bg_en{background-color:#d14e00;} .bg_eye{background-color:#363636;} .bg_stv{background-color:#7db036;} /*섹션TOP___________2016년 7월추가*/ .secTOP_topa {float:left; width:100%; background:#fff; margin-bottom:20px;} .secTOP_topa p.topimg {float:left; display:block; width:50%; /*border:1px solid #000;*/} .secTOP_topa p.topimg img {width:95%;} .secTOP_topa p.toptxt {float:left; display:block; width:50%; /*border:1px solid #000;*/ font-size:19px; letter-spacing:-1px; font-weight:bold; line-height:120%; padding-top:5px;} .secTOP_topa p.toptxt span {clear:both; display:block; font-size:13px; color:#777; font-weight:normal; margin-top:5px; line-height:120%;} .secTOP_topa p.toptxt2 {float:left; display:block; width:100%; /*border:1px solid #000;*/ font-size:19px; letter-spacing:-1px; font-weight:bold; line-height:120%; padding-top:5px;} .secTOP_topa p.toptxt2 span {clear:both; display:block; font-size:13px; color:#777; font-weight:normal; margin-top:5px; line-height:120%;} .secTOP_box {clear:both; display:inline-block; background:#d9d8d8; padding:22px 0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin-bottom:20px;} /*.secTOP_box ul {width:100%;} .secTOP_box li {float:left; display:block; width:48%; background:#f4f4f4; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; font-size:14px; letter-spacing:-1px;} .secTOP_box li img {width:100%; margin-bottom:5px;} .secTOP_box .inbox img {width:84%; margin:0 8%;} .secTOP_box .inboxR {float:right; width:48%; height: 200px; background:#f4f4f4; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8;}*/ /* .secTOP_boxnews {vertical-align:top; clear:both; width:48%;background:url('http://imgmo.seoul.co.kr/img/ci_bg.png') 8% 10% no-repeat #f4f4f4; background-size:22px 32px; height:150px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:17px;} .boxnews_p {display:block; padding:6%;line-height:120%;} .boxnews_p img {width:100%; margin-bottom:5px;} .secTOP_boxnews_txt {clear:both; width:48%;background:url('http://imgmo.seoul.co.kr/img/ci_bg.png') 8% 10% no-repeat #f4f4f4; background-size:22px 32px; height:150px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:17px;} */ .secTOP_boxnews {vertical-align:top; clear:both; width:48%;background:url('http://imgmo.seoul.co.kr/img/ci_bg.png') 8% 10% no-repeat #f4f4f4; background-size:22px 32px; height:150px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:17px;} .boxnews_p {display:block; padding:6%; line-height:120%;} .boxnews_p img {width:100%; margin-bottom:5px;} .secTOP_boxnews_txt {clear:both; width:48%;background:url('http://imgmo.seoul.co.kr/img/ci_bg.png') 8% 10% no-repeat #f4f4f4; background-size:22px 32px; height:150px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:17px;} .boxnews_more {position:absolute; bottom:6%; right:6%; font-size:12px; color:#888;} .boxnews_p2 { height:100%; width:100%;position:relative; display:table;} .boxnews_p2_txt {display:block; font-size:16px; line-height:130%; padding:6%; display:table-cell; vertical-align:middle;} /*--////a타입(txt만 5줄 나오는 타입)////--*/ .n14_txtlist_a {clear:both; float:left; width:100%; margin-bottom:15px;/*border:1px solid #000;*/} .n14_txtlist_a li {border-bottom:1px solid #f2f2f2; padding:9px 0 9px 14px; letter-spacing:-1px;} .n14_txtlist_a li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .n14_txtlist_a li.first {border-bottom:1px solid #f2f2f2; padding:9px 0 9px 14px; letter-spacing:-1px; font-weight:bold;} .n14_txtlist_a li.first a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;} .n14_txtlist_a li.last {border-bottom:1px solid #fff; padding:9px 0 9px 14px; letter-spacing:-1px;} .n14_txtlist_a li.last a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*--////b타입(포토+제목 1단(2개)or 2단(4개))////--*/ .n14_plst_box{_height:125px; width:100%; clear:both; float:left; overflow:hidden;} .n14_plst_m {padding:0 6px;} .n14_plst_m li{float:left; width:50%; text-align:center; /*border:1px solid #000;*/} .n14_plst_m li a{display:block;} .n14_plst_m li a img{width:90%; text-align:center;} .n14_plst_m li span{display:block; width:90%; height:36px;/*height:37px;*/ padding-top:7px; padding-left:5%; margin-bottom:15px; font-size:14px; text-align:left; line-height:18px; letter-spacing:-1px; overflow:hidden;} /*--////c타입(100%이미지+제목)-이미지crop////*/ .n14_bigphoto {clear:both;} .Bphoto{float:left; width:100%; overflow:hidden;} .Bphoto .original {display:block;width:100%; margin-top:-20px; margin-bottom:-20px;} .Bphoto .original img {width:100%;} .BPtit {display:block; float:left; width:100%; letter-spacing:-1px;} .BPtit .txt {padding:10px 11px 9px; font-weight:bold;} .BPtit .txt a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*20160224 추가*/ .Bphoto p.titbg {position:absolute;left:0;bottom:0;z-index:1;width:100%;height:35px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;/*ie6~8, ff 등*/} .Bphoto p.tittx {position:absolute;left:12px;bottom:0;z-index:2;width:97%;height:27px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .Bphoto p.tittx a {font-size:15px;line-height:23px;font-weight:bold;color:#fff;text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*---////d타입(3p형)////--*/ .n14_3photobox {clear:both; float:left; width:100%; margin-bottom:14px;} .n14_3photobox li{float:left; width:100%; height:86px; /*background-color:#999;*/} .n14_3photo {clear:both; position:relative; float:left; width:100%; padding-bottom:13px; margin-top:13px; /*border-bottom:1px solid #e2e2e2;*/} .n14_3photo img{margin-left:11px;;} .n14_3photo .txt {display:block; float:left; position:absolute; height:37px; left:112px;top:8px; margin-right:11px; line-height:20px; letter-spacing:-1px; overflow:hidden;/*background-color:#000;*/} .first {font-weight:bold;} .grayline {clear:both; float:left; width:100%; height:1px; background-color:#e2e2e2;} /*--////////////////////////////////////////////////// 뷰 /////////////////////////////////////////////////////////////--*/ #Article {clear:both; display:inline-block; float:left; width:100%; /*margin-top:-11px;*/} /*--////제목&부제목&날짜///--*/ .Atop {display:block; width:100%; float:left;} .Atop h2{padding:0 11px 0 13px; font-weight:bold; font-size:22px; line-height:26px;} .Atop .subtit {padding:0 11px 0 14px; font-size:16px; color:#8c8c8c; margin-top:8px; margin-bottom:14px;} .Atop .detail {height:32px; padding:4px 11px 0 14px; font-size:12px; color:#8c8c8c; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .Atop .detail .date {float:left; padding-top:6px;} .Atop .detail .text {float:right;} /*--////포토&내용///--*/ .Acon {display:block; float:left; padding:16px 11px 0 11px; font-size:17px; line-height:160%; /*line-height:26px;*/ /*letter-spacing:-1px;*/ word-break:break-all;/*20150202 cju*/} .Acon .photo {/*width:100%;*/} .Acon .photoinfo_btn {display:block; width:100%; text-align:center; padding:10px 0;} .Acon .photoinfo {background-color:#686868; border-top:1px solid #393939; padding:10px; font-size:14px; color:#fff; line-height:20px;} /*추천! 인기기사&많이 본 뉴스*/ .RCnBest {/*clear:both;*/ float:left; display:block; width:100%; background-color:#eeeeee; border-top:1px solid #dfe0e0; border-bottom:1px solid #dfe0e0; padding:14px 0 8px 0;} .RCnBest .RBtit {padding:0 0 8px 13px; font-weight:bold; font-size:17px;} .RCnBest .RBtit span {color:#cf3120;} /* .RCnBest li {float:left; width:97%; font-size:16px; border-bottom:1px solid #fff; padding:10px 0 9px 0;} */ .RCnBest li {float:left; width:97%; font-size:15px; border-bottom:1px solid #fff; padding:4px 0 4px 0;} .RCnBest li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .RCnBest li span{float:left; width:16px; font-size:16px; color:#cf3120; font-weight:bold; letter-spacing:-2px; text-align:center; margin:0 6px 0 13px;} .RCnBest li.RBfirst{font-weight:bold;} .RCnBest li.RBlast{border-bottom:1px solid #eeeeee;} /*페이징*/ .Paging {/*clear:both;*/ float:left; width:100%; text-align:center; margin-top:14px; /*margin-bottom:20px;*/ letter-spacing:4px;} .Paging span {font-weight:bold; letter-spacing:2px; color:#cf3120;} .Paging img {margin:-2px 13px 0 11px;width:36px;height:23px} /*이 기사의 관련기사*/ .ARelation {clear:both; float:left; display:block; width:100%; background-color:#eeeeee; border-top:1px solid #dfe0e0; border-bottom:1px solid #dfe0e0; padding:14px 0 20px; margin-bottom:23px;} .ARelation .ARtit {padding:0 0 18px 13px; font-weight:bold; font-size:17px;} .ARelation .ARtit span {color:#cf3120;} .ARelation .ARcon {clear:both; float:left; width:100%; height:100%;} .ARelation .ARcon .ARleft {float:left; display:inline; width:8%; text-align:right;} .ARelation .ARcon .ARleft img {margin-top:20px; margin-right:6px;} .ARelation .ARcon .ARcenter {float:left; width:83%; text-align:left; background-color:#fff; border:1px solid #dfe0e0; border-radius:3px;} .ARelation .ARcon .ARcenter span {display:block; margin:10px 10px 12px 10px; font-weight:bold; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*1줄로*/ .ARelation .ARcon .ARright {float:left; width:8%; text-align:left;} .ARelation .ARcon .ARright img {margin-top:20px; margin-left:6px;} /*리스트&댓글*/ .ListnReply {clear:both; float:left; width:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; margin-bottom:27px;} .ListnReply li {float:left; /*width:49.7%;*/width:48.7%; border-right:1px solid #e2e2e2;} .ListnReply li.R{float:left; /*width:49.7%;*/width:48.7%; border-right:1px solid #fff;} .V_sec {clear:both; float:left; width:100%; height:33px; text-align:left; background-color:#828282; margin-bottom:19px;} .V_sec h4 {font-size:17px; color:#fff; padding-left:11px; padding-top:5px;} .V_sec h4 span {font-size:13px;} .V_photolist_a{clear:both; float:left; width:100%; _height:135px; padding:0 0 17px 0; overflow:hidden;} .V_photolist_a li{float:left; width:33%; text-align:center;} .V_photolist_a li a{display:block; letter-spacing:-1px;} .V_photolist_a li a img{width:98px; height:66px; /*border:1px solid #dbdbdb;*/ text-align:center; margin-bottom:5px;} .V_photolist_a li span{display:block; font-size:12px; line-height:16px; padding:0 10px; text-align:center; letter-spacing:-1px;} .V_txtlist_a{clear:both; float:left; width:100%; border-bottom:1px solid #f2f2f2; } .V_txtlist_a li{height:25px; border-top:1px solid #f2f2f2; padding:10px 0 0 8px; letter-spacing:-1px; font-weight:bold;} /*font-weight 추가*/ .V_txtlist_a li a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*--////뷰 동영상박스////--*/ .n14_Vlist {clear:both; display:inline-block; width:100%; overflow:hidden;} .n14_Vlist_c{padding:0 6px;} .n14_Vlist_c li{display:block; float:left; width:50%; text-align:center;} .Vtxt{display:block; width:90%; height:36px;/*height:40px;*/ padding-top:7px; padding-left:5%; margin-bottom:15px; font-size:14px; text-align:left; line-height:18px; overflow:hidden;} .n14_videoimg {display:block; position:relative;} .n14_videoimg img{width:90%; /*text-align:center;*/} .n14_videoimg span.icon {width:20px; height:19px; display:inline-block; position:absolute; bottom:10%; right:10%; /*border:1px solid #af2f29;*/} .n14_videoimg span.icon img{width:20px; height:19px; border:1px solid #ebebd1; border-radius:2px;} .n14_videoimg .icon img{ width:20px;height:19px} /*--////뷰 동영상박스////--*/ /*--////////////////////////////////////////////////// 뷰 /////////////////////////////////////////////////////////////--*/ /*--////////////////////////////////////////////////// 속보&리스트 /////////////////////////////////////////////////////////////--*/ /*리스트*/ .n14_l {display:block; clear:both; float:left; width:100%; margin-bottom:28px;} .n14_l li {float:left; width:100%; height:73px; border-bottom:1px solid #eaeaea;} .n14_list {display:inline-block; float:left; width:100%; padding:6px 0;} .n14_list img {float:left; width:90px; height:60px; margin-right:8px;margin-left:11px;} .con {margin:0 11px;} .list_tit{font-size:16px; max-height:40px; margin:2px 0 5px 0; font-weight:normal; overflow:hidden;} /*max-height cju*/ .list_tit_c{display:table-cell; vertical-align:middle; height:60px; font-size:16px; max-height:40px; font-weight:normal; overflow:hidden;} .list_tit a,.a:hover {display:block; line-height:20px; letter-spacing:0px; text-decoration:none; } .list_tit2{font-size:16px; height:40px; /*margin:8px 0 5px 0;*/margin:2px 0 5px 0; font-weight:normal; overflow:hidden;} .list_tit2 a,.a:hover {display:block; line-height:20px; letter-spacing:0px; text-decoration:none; } .listext{display:block; color:#8c8c8c;letter-spacing:-1px;font-size:12px;} /*섹션 뉴스 더보기*/ .n14_secmore {clear:both; height:30px; float:left; width:100%; background-color:#ddd; text-align:center; font-size:15px; font-weight:bold; padding-top:11px;} .n14_secmore img {margin-top:-5px; padding-right:5px;} .n14_secmore span {font-size:12px; color:#8c8c8c; font-weight:normal; padding-left:13px;} .Strong{color:#000;} .totop {display:block; float:right; width:80px; height:30px; background-color:#bbb; margin-top:-11px; padding-top:11px;} /*--////////////////////////////////////////////////// 속보&리스트 /////////////////////////////////////////////////////////////--*/ /*여백조정 라인*/ .line{clear:both; display:block; float:left; width:100%; height:2px; background-color:#dedede; margin-bottom:18px;} .line2{clear:both; display:block; float:left; width:100%; height:2px; background-color:#dedede; margin-bottom:27px;} .line3{clear:both; display:block; float:left; width:100%; height:2px; background-color:#dedede; margin-bottom:0; margin-top:-5px;} .line_orange{clear:both; display:block; float:left; width:100%; height:2px; background-color:#dd4a3a; margin-bottom:16px;} .line_red{clear:both; display:block; float:left; width:100%; height:2px; background-color:#af0707; margin-bottom:27px;} .line_red2{clear:both; display:block; float:left; width:100%; height:2px; background-color:#af0707; margin-bottom:14px;} .line_brown{clear:both; display:block; float:left; width:100%; height:2px; background-color:#73554a; margin-bottom:27px;} .line_brown2{clear:both; display:block; float:left; width:100%; height:2px; background-color:#73554a; margin-bottom:16px;} .line_oen{clear:both; display:block; float:left; width:100%; height:2px; background-color:#d14e00; margin-bottom:27px;} .line_oen2{clear:both; display:block; float:left; width:100%; height:2px; background-color:#d14e00; margin-bottom:14px;} .line_gray{clear:both; display:block; float:left; width:100%; height:2px; background-color:#363636; margin-bottom:27px;} .line_gray2{clear:both; display:block; float:left; width:100%; height:2px; background-color:#363636; margin-bottom:14px;} .line_Dgray{clear:both; display:block; float:left; width:100%; height:2px; background-color:#4b4b4b; margin-bottom:27px;} .line_Dgray2{clear:both; display:block; float:left; width:100%; height:2px; background-color:#4b4b4b; margin-bottom:14px;} .space16{clear:both; display:block; /*float:left;*/ width:100%; height:16px; background-color:#fff;} /*매체별 20151221 leejy*/ .m14_media {float:left; width:100%;padding-top:17px;} .m14_titlest {margin:10px 11px 12px 11px; border-bottom:1px solid #dd4a3a; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#d03827; background:url('http://imgmo.seoul.co.kr/img/14m_m_arrow.gif') no-repeat 0 2px; padding:0 0 8px 15px;} .m14_mediaL {float:left; width:100%;} .m14_mediaL li {float:left; width:50%; padding-bottom:12px;} .m14_mediaS {display:table; width:89%; height:41vw; background:#e8e8e8; /*border-radius:3px 3px 3px 3px;*/} .m14_mediaS h3 {width:100%; display:table-row;} .m14_mediaSci {display:table-cell; text-align:center; height:39px; background:#dd4a3a; border-bottom:1px solid #b13b2e; /*border-radius:3px 3px 0 0;*/ padding-top:11px;} .m14_mediaSnews {display:table-cell; vertical-align:middle; color:#222;} .m14_mediaN {display:table; width:89%; height:41vw; background:#e8e8e8;} .m14_mediaN h3 {width:100%; display:table-row;} .m14_mediaNci {display:table-cell; text-align:center; height:37px; background:#af0707; border-bottom:1px solid #8c0606; padding-top:13px;} .m14_mediaNnews {display:table-cell; vertical-align:middle} .m14_mediaE {display:table; width:89%; height:41vw; background:#e8e8e8;} .m14_mediaE h3 {width:100%; display:table-row;} .m14_mediaEci {display:table-cell; text-align:center; height:37px; background:#3f3f3f; border-bottom:1px solid #323232; padding-top:13px;} .m14_mediaEnews {display:table-cell; vertical-align:middle} .m14_mediaT {display:table; width:89%;height:41vw; background:#e8e8e8;} .m14_mediaT h3 {width:100%; display:table-row;} .m14_mediaTci {display:table-cell; text-align:center; height:38px; background:#8bc43f; border-bottom:1px solid #6f9d32; padding-top:12px;} .m14_mediaTnews {display:table-cell; vertical-align:middle} .m14_mediaG {display:table; width:89%; height:41vw; background:#e8e8e8;} .m14_mediaG h3 {width:100%; display:table-row;} .m14_mediaGci {display:table-cell; text-align:center; height:37px; background:#745549; border-bottom:1px solid #5d443a; padding-top:13px;} .m14_mediaGnews {display:table-cell; vertical-align:middle} .m14_mediaEn {display:table; width:89%; height:41vw; background:#e8e8e8;} .m14_mediaEn h3 {width:100%; display:table-row;} .m14_mediaEnci {display:table-cell; text-align:center; height:37px; background:#d14e00; border-bottom:1px solid #a73e00; padding-top:13px;} .m14_mediaEnnews {display:table-cell; vertical-align:middle} .m14_medianews {float:left; text-align:left; color:#222; font-size:14px; letter-spacing:-1px; /*line-height:23px;*/ line-height:160%; margin:0 14px 0 17px;} /*BOTTOM*/ .B14 {clear:both; /*float:left;*/ width:100%; height:105px; background-color:#888888; border-top:1px solid #4e4e4e; text-align:center; padding-top:24px; font-size:12px; color:#504f4f;} .B14 .login {display:block; /*float:left;*/ width:100%; text-align:center;} .B14 .login img {padding:0 4px;} .B14 .bm {display:block; /*float:left;*/ width:100%; text-align:center; font-size:12px; color:#d5d4d4; margin-top:20px; margin-bottom:8px;} .B14 .bm a {color:#d5d4d4; padding:0 4px;} .B14 .txt {display:block; /*float:left;*/ width:100%; text-align:center; font-size:12px; color:#504f4f;} /****************************** 개발자 추가부분 **********************************/ /*.react_left{padding-top:17px;} */ .react_left{padding-top:13px;} /*20160224*/ .react_left_v{padding-top:17px;} .resp{margin-top:17px;} /*Respond Action*/ @media (max-width:719px) { .react_left{width:100%;float:left;} .react_right{width:100%;float:left;} .react_left_v{width:100%;float:left;} .react_right_v{width:100%;float:left;} .resp li{width:100%;float:left;} } @media (min-width:719px) and (max-width:759px) { .react_left{width:50%;float:left;border-right:1px solid #dedede;} .react_right{width:50%;float:left;margin-right:-1px;padding-top:17px;} .react_left_v{width:55%;float:left;border-right:1px solid #dedede;height:100%;} .react_right_v{width:45%;float:left;margin-right:-1px;height:100%;padding-top:17px;} .resp li{width:50%;float:left;border-left:1px solid #dedede;margin-left:-1px;} .m14_mediaL li{width:33%;} } @media (min-width:759px){ .react_left{width:50%;float:left;border-right:1px solid #dedede;} .react_right{width:50%;float:left;margin-right:-1px;padding-top:17px;} .react_left_v{width:60%;float:left;border-right:1px solid #dedede;} .react_right_v{width:40%;float:left;margin-right:-1px;padding-top:17px;} .resp li{width:50%;float:left;border-left:1px solid #dedede;margin-left:-1px;} .m14_mediaL li{width:33%;max-width:360px;} } /*스와이프 처리 클래스*/ .swipe { width:100%; overflow: hidden; /*visibility: hidden;*/ position: relative; } .swipe-wrap { width:100%; overflow: hidden; position: relative; } .swipe-wrap > div { float:left; width:100%; position: relative; } @media (max-width:360px){.m14_medianews{font-size:16px;}} @media (min-width:361px) and (max-width:399px){.m14_medianews{font-size:17px;}} @media (min-width:400px) and (max-width:439px){.m14_medianews{font-size:18px;}} @media (min-width:440px) and (max-width:479px){.m14_medianews{font-size:19px;}} @media (min-width:480px) and (max-width:519px){.m14_medianews{font-size:20px;}} @media (min-width:520px) and (max-width:559px){.m14_medianews{font-size:21px;}} @media (min-width:560px) and (max-width:599px){.m14_medianews{font-size:22px;}} @media (min-width:600px) and (max-width:639px){.m14_medianews{font-size:23px;}} @media (min-width:640px) and (max-width:679px){.m14_medianews{font-size:24px;}} @media (min-width:680px) and (max-width:719px){.m14_medianews{font-size:25px;}} @media (min-width:720px) and (max-width:759px){.m14_medianews{font-size:16px;}} @media (min-width:760px) and (max-width:799px){.m14_medianews{font-size:17px;}} @media (min-width:800px) and (max-width:839px){.m14_medianews{font-size:18px;}} @media (min-width:840px) and (max-width:879px){.m14_medianews{font-size:19px;}} @media (min-width:880px) and (max-width:919px){.m14_medianews{font-size:20px;}} @media (min-width:920px) and (max-width:959px){.m14_medianews{font-size:21px;}} @media (min-width:960px){.m14_medianews{font-size:22px;}} /*검색*/ #n13_search {float:right; overflow:hidden; margin:13px 13px 0 10px ;} #n13_s_wrap {clear:both; overflow:hidden;width:100%; background:#dcdcdc; /*height:43px;*/ min-height:43px; float:left;} .n13_sfd{position:relative;width:100% border:1px solid #000;} .n13_sfd_in{padding:7px 45px 0 12px;} .n13_sfd .txt_input{display:block; height:19px; padding:4px 0 0 0; border:3px solid #de4a39; background:#fff;} .n13_sfd .ip{width:100%; border:0; none; font-size:1em; -webkit-border-radius:0; -webkit-appearance:none;} .n13_sfd .btn_s{position:absolute; height:29px;right:12px; top:7px; vertical-align:middle; background-color:#e54c3a;} .n13_hc{visibility:hidden; overflow:hidden; position:absolute; left:-1000em; width:0; height:0; font-size:0; line-height:0} /* 포토리스트-서울en 주요기사box */ .n13_photolist_b{display:inline-block; width:100%; padding:12px 0 10px; overflow:hidden;} .n13_photolist_b li{float:left; width:50%; text-align:center; font-size:0.875em; line-height:130%; letter-spacing:-1px;} .n13_nowimg {position:relative; width:147px; height:98px; margin:7px auto;} .n13_nowimg img{width:147px; height:98px;} .n13_nowimg span.pstitlebg {position:absolute;left:0;top:62px;z-index:1;width:147px;height:36px;background-color:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;/*ie6~8, ff 등*/} .n13_nowimg span.pstitletx {float:left;position:absolute;left:0;top:62px;z-index:2;width:147px;height:36px;text-align:center;font-size:0.95em; color:#fff; padding-top:3px; line-height:120%;} .n13_nowimg span.pstitletx a{float:left;text-align:center;font-size:1em; color:#fff;padding:2px 5px 0px 5px;} /*탭 박스 */ .tab_box{display:block;overflow:hidden; width:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;} .me{} .me_menu2{overflow:hidden;height:auto;background-color:#e5e5e5;color:#101010;margin-bottom:12px;} /*margin-bottom:12px;추가*/ .me_item2{float:left;padding:.5em .5em .5em;text-align:center;border-style:solid;border-color:#a3a7a8;border-width:0 1px 1px 0; height:31px;} .me_item2:last-child{border-right:0px} .me_item2.on2{background-color:#828282;color:#ffffff; font-weight:bold} .me_item2.on2 a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#fff;} .me_item2.big2{width:49.9%;font-weight:bold;font-size:1em;} .me_item2.big2 a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*--------------LOGIN--------------*/ .n13_loginbox {padding:25px 16px;} .n13_loginbox h4{background:url(http://imgmo.seoul.co.kr/img/13m_login_a.gif) no-repeat; padding-left:15px; padding-top:1px; letter-spacing:-1px; margin-bottom:23px;} .n13_loginbox p{font-size:0.9em; line-height:16px; border-top:1px solid #e24f24; margin-top:25px; padding:12px 0 20px;} /*로그인 인풋*/ #n13_member_login {clear:both; /*overflow:hidden;*/ position:relative; width:100%; background-color:#ededed; border:1px solid #cacaca; padding-bottom:9px;} .n13_login{position:relative;width:100% border:1px solid #000;} .n13_login_in{padding:15px 100px 0 14px;} .n13_login .login_input{display:block; height:34px; border:1px solid #9b9b9b; background:#fff; margin-bottom:6px;} .n13_login .aip{width:100%; height:34px; border:0; none; font-size:1.2em; -webkit-border-radius:0; -webkit-appearance:none;} .n13_login .abtn_s{position:absolute; height:75px;right:14px; top:15px; vertical-align:middle; background-color:#e54c3a;} /*--------------LOGIN end--------------*/ /*웰메이드________20015년 10월추가*/ .m15_welltop {clear:both; display:block;/*width:100%;*/ text-align:center;} /*leejy*/ .m15_well {float:center; display:block; width:320px; height:142px; background:#fff; border:1px solid #e1e1e1; border-radius:5px 5px 5px 5px; margin:0 auto 25px; text-align:left;} .m15_well p img {display:block; float:left; width:100px; margin-left:15px; margin-top:20px;} .m15_well_R {float:center; display:block; width:320px; height:142px; background:#fff; border:1px solid #e1e1e1; border-radius:5px 5px 5px 5px; margin:0 auto 25px; text-align:left;} /*leejy*/ .m15_well_R p img {display:block; float:left; width:100px; margin-left:15px; margin-top:20px;} /*leejy*/ .well_tit {float:left; width:180px; margin-left:14px; margin-top:25px; font-family: '나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,굴림,Gulim,sans-serif; font-size:19px; line-height:23px; font-weight:bold; letter-spacing:-1px;} .well_tit p {display:block; width:180px; height:27px; font-family: '나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,굴림,Gulim,sans-serif; font-size:15px; border-top:1px solid #e1e1e1; margin-top:6px; padding-top:9px; line-height:17px; letter-spacing:-1px;} .well_tit span {color:#e43812;} /****************************** 웰메이드 개발자 추가부분 **********************************/ .wm_top {display:block; clear:both; float:left; width:100%;} .wm_top li {float:left; width:100%;} .wm_top li #wm_top_L {height:102px; margin-bottom:3px; margin-top:25px;} .wm_top li #wm_top_R {height:102px; margin-bottom:33px;} .wm_list {display:block; clear:both; float:left; width:100%;} .wm_list li {float:left; width:100%; height:142px; margin-bottom:25px;} #sub_option {margin:13px 13px 0 10px ;} #sub_option .tit {position:relative; width:300px; display:inline-block; border-bottom:1px solid #dedede;font-size:18px; color:#d43927; font-weight:bold; letter-spacing:-1px; padding-bottom:11px; margin-bottom:10px;} #sub_option .tit span {position:absolute;right:1px; top:4px;} #sub_option .tit_2 {position:relative; width:300px; display:block; border-bottom:1px solid #dedede;font-size:14px; color:#d43927; font-weight:bold; letter-spacing:-1px; padding-bottom:9px; margin-bottom:18px;} #sub_option .tit_2 span {position:absolute;right:5px; top:7px;} #sub_option a {/*text-decoration: none;*/} /*검색옵션*/ #sub_option .optionList {overflow:hidden;clear:both;width:100%;z-index:99999;} #sub_option .optionList .p_option {clear:both; display:inline-block; width:100%; margin-bottom:8px;} #sub_option .optionList .p_option strong {display:block; float:left; width:10%; color:#333; font-size:14px; font-weight:normal; text-align:left; height:27px; padding:5px 0 0 0;} #sub_option .optionList .p_option strong:first-child {/*padding-left:16px;*/} #sub_option .optionList .p_option strong em {font-weight:normal;} #sub_option .optionList .p_option ul {float:left;width:90%;/*padding:10px 0 5px 4px; border:1px solid #000;*/} #sub_option .optionList .p_option ul li {float:left; height:25px;} #sub_option .optionList .p_option ul li a {/*padding:5px 0 5px 0;*/ display:block; padding-top:6px; height:22px; font-size:14px;letter-spacing:-1px;text-align:center;font-weight:normal;background:#fff;margin-left:-1px;border:1px solid #b3b3b3; text-decoration: none} #sub_option .optionList .p_option ul li:first-child a {margin-left:0;} /*#sub_option .optionList .p_option ul li a:hover, */ #sub_option .optionList ul li a.on {/*color:#f7512a;border:1px solid #f7512a*/ !important;position:relative;z-index:9999; height:22px; background:#fad3a5;} .three {width:33%;} .three2 {width:34%;} .three3 {width:88px; margin-top:1px;} .four {width:25%;} .self_period {clear:both; display:inline-block; float:right; width:100%; font-size:13px; color:#de4a39; letter-spacing:-1px; margin-top:3px; margin-bottom:15px; text-align:right;} .sub_o_input {width:30%; height:20px; border:1px solid #b3b3b3; padding:2px 5px 0 5px; text-align:center;} /*Respond Action*/ @media (max-width:719px) { .resp_wm li{width:100%;float:left;} .resp_l_hidden{display:;} .resp_s_hidden{display:none !important;} } @media (min-width:719px) and (max-width:759px) { .resp_wm li{width:50%;float:left;} .wm_top li #wm_top_L {text-align:right; margin-right:10px; margin-top:25px; margin-bottom:33px;} .wm_top li #wm_top_R {text-align:left; margin-left:10px; margin-top:25px; margin-bottom:33px;} .m15_well{float:right;margin-right:10px;} .m15_well_R{float:left;margin-left:10px;} .resp_l_hidden{display:none !important;} .resp_s_hidden{display:;} } @media (min-width:759px){ .resp_wm li{width:50%;float:left;} .wm_top li #wm_top_L {text-align:right; margin-right:10px; margin-top:25px; margin-bottom:33px;} .wm_top li #wm_top_R {text-align:left; margin-left:10px; margin-top:25px; margin-bottom:33px;} .m15_well{float:right;margin-right:10px;} .m15_well_R{float:left;margin-left:10px;} .resp_l_hidden{display:none !important;} .resp_s_hidden{display:;} } /************************************************************************************/