@import url('base.css'); /* 공통적용 */ /* 더보기 */ .more1 {position:absolute; overflow:hidden; padding-right:11px; height:11px; background:url() no-repeat right 2px; font-weight:bold; letter-spacing:-1px; line-height:10px; color:#999;} .more1:hover, .more1:focus {background-image:url(); text-decoration:none; color:#0137a1;} /* 이미지 보더라인 */ .edge1 {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.06; filter:alpha(opacity:6);} /* 라인 */ .mgpg_br1 {margin-bottom:19px; padding-bottom:18px; border-bottom:1px solid #ccc;} .mgpg_br2 {margin-bottom:19px; padding-bottom:25px; border-bottom:1px solid #e4e4e4;} .mgpg_br3 {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e4e4e4;} /* 위치 */ .lgroup {float:left;} .rgroup {float:right;} /* 버튼 */ .btnarea {text-align:center;} .btn_mtop {position:fixed; bottom:200px; left:50%; margin-left:453px; z-index:10;} .btn_more1 {display:inline-block; padding-right:10px; width:91px; height:26px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow1.png) no-repeat 90px 10px; font-size:14px; line-height:24px; letter-spacing:-0.5px; color:#676767; border:1px solid #ccc;} .btn_more2 {display:block; padding-bottom:3px; width:100%; height:49px; background:#fff; font-size:17px; font-weight:bold; line-height:46px; letter-spacing:-0.5px; color:#000; border:1px solid #ccc;} .btn_type1 {display:block; padding-bottom:4px; height:45px; width:100%; background:url(http://image.newsis.com/new_www/homepage/bl_arrow6_1.png) no-repeat 936px 19px; background-color:#464953; font-size:18px; font-weight:bold; text-align:left; letter-spacing:-0.4px; text-indent:22px; color:#fff; border:1px solid #464953;} .btn_type1.on {background:url(http://image.newsis.com/new_www/homepage/bl_arrow6_2.png) no-repeat 936px 19px; background-color:#464953;} .btn_type2 {display:block; padding-bottom:4px; height:45px; width:100%; background:url(http://image.newsis.com/new_www/homepage/bl_arrow7_1.png) no-repeat 936px 19px; background-color:#fff; font-size:18px; font-weight:bold; text-align:left; letter-spacing:-0.4px; text-indent:22px; color:#000; border:1px solid #ccc;} .btn_type2.on {background:url(http://image.newsis.com/new_www/homepage/bl_arrow7_2.png) no-repeat 936px 19px; background-color:#fff;} .btn_t1 {display:inline-block; padding-bottom:3px; height:36px; background:#ed1b2f; font-size:17px; letter-spacing:-0.25px; font-weight:bold; color:#fff;} /* 박스 사이즈 */ .bxcn {position:relative;} .bxcn1 {margin:0 auto; width:970px;} .bxcn1_2 {overflow:hidden; background:url(http://image.newsis.com/new_www/homepage/bg_m_con.gif) repeat-y 0 0;} .bxcn2 {position:relative; background:#f1f1f1;} /* con_box */ .con_box1 {float:left; width:640px;} .con_box2 {float:right; width:300px;} /* 폰트 */ .c1 {color:#ed1b2f !important;} .c2 {color:#2c82c9 !important;} /* 텍스트 */ .c_txt_tp1 {display:block; font-size:17px; line-height:30px; letter-spacing:-0.5px; color:#333;} /* 페이징 */ #paging_t1 {overflow:hidden; height:18px; text-align:center;} #paging_t1 button {display:inline-block; width:18px; height:18px; vertical-align:top;} #paging_t1 .first {margin-right:5px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_first.gif) no-repeat 0 0;} #paging_t1 .prev {margin-right:3px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_prev.gif) no-repeat 0 0;} #paging_t1 .next {margin-left:3px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_next.gif) no-repeat 0 0;} #paging_t1 .end {margin-left:5px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_end.gif) no-repeat 0 0;} #paging_t1 a {display:inline-block; font-size:14px; vertical-align:top;} #paging_t1 .num a {display:inline-block; overflow:hidden; padding:0 7px; height:18px; line-height:16px; letter-spacing:-0.6px; text-align:center; color:#747474;} .ie8 #paging_t1 .num a {line-height:18px;} #paging_t1 a strong, #paging_t1 a:hover, #paging_t1 a:focus {font-weight:normal; color:#ed1b2f;} /* ----------------------------------------------------------------------- */ html,body {height:100%;} /* wrap */ #wrap {position:relative; height:100%;} /* skip */ #wrap a.skip {position:absolute; top:-100px; display:block; z-index:10;} #wrap a.skip:focus {top:0; background:yellow;} /* -------------------------------------------- header -------------------------------------------- */ #header .hd_rellink {position:relative; height:30px; background:#f0f0f0;} #header .hd_rellink .date {display:inline-block; margin-top:6px; margin-right:8px; font-size:13px; color:#666;} /* 날짜 */ .ie8 #header .hd_rellink .date {margin-top:7px;} .ie9 #header .hd_rellink .date {margin-top:5px;} .ie10 #header .hd_rellink .date {margin-top:5px;} .ie11 #header .hd_rellink .date {margin-top:5px;} /* 날씨 */ #header .hd_rellink .weather {display:inline-block;} #header .hd_rellink .weather a {display:inline-block;} #header .hd_rellink .weather a:hover, #header .hd_rellink .weather a:focus {text-decoration:none;} #header .hd_rellink .weather .txt {font-size:13px; color:#666;} #header .hd_rellink .weather a:hover .txt, #header .hd_rellink .weather a:focus .txt {text-decoration:underline;} #header .hd_rellink .weather img {display:inline-block; margin-top:-2px; margin-right:9px; width:25px; height:20px;} .ie8 #header .hd_rellink .weather img {margin-top:-1px;} .ie9 #header .hd_rellink .weather img {margin-top:-1px;} .ie10 #header .hd_rellink .weather img {margin-top:-1px;} .ie11 #header .hd_rellink .weather img {margin-top:-1px;} /* 사이트 */ #header .hd_rellink .sitelink {margin-top:6px;} .ie8 #header .hd_rellink .sitelink {margin-top:7px;} .ie9 #header .hd_rellink .sitelink {margin-top:5px;} .ie10 #header .hd_rellink .sitelink {margin-top:5px;} .ie11 #header .hd_rellink .sitelink {margin-top:5px;} #header .hd_rellink .sitelink li {float:left; padding:0 6px 0 8px; background:url(http://image.newsis.com/new_www/homepage/bar1.gif) no-repeat 0 3px;} .ie8 #header .hd_rellink .sitelink li {float:left; padding:0 6px 0 8px; background:url(http://image.newsis.com/new_www/homepage/bar1.gif) no-repeat 0 4px;} .ie9 #header .hd_rellink .sitelink li {float:left; padding:0 6px 0 8px; background:url(http://image.newsis.com/new_www/homepage/bar1.gif) no-repeat 0 4px;} .ie10 #header .hd_rellink .sitelink li {float:left; padding:0 6px 0 8px; background:url(http://image.newsis.com/new_www/homepage/bar1.gif) no-repeat 0 4px;} .ie11 #header .hd_rellink .sitelink li {float:left; padding:0 6px 0 8px; background:url(http://image.newsis.com/new_www/homepage/bar1.gif) no-repeat 0 4px;} #header .hd_rellink .sitelink li:first-child {background:none;} #header .hd_rellink .sitelink li a {display:block; font-size:13px; color:#666;} /* 소셜링크 */ #header .hd_rellink .sociallink {margin-top:5px;} #header .hd_rellink .sociallink li {float:left; padding:0 3px 0 2px;} #header .hd_rellink .sociallink li.last {padding-right:0;} #header .hd_rellink .sociallink li a {display:block;} /* 로고 및 광고 */ #header .logobx {position:relative; overflow:hidden; height:100px; text-align:center;} #header .logobx .logo {display:inline-block; margin-top:26px;} #header .logobx .logo strong {margin-left:8px; font-size:33px; line-height:54px; letter-spacing:-0.75px; color:#000;} .ie8 #header .logobx .logo strong {line-height:58px;} #header .logobx .logo:hover, #header .logobx .logo:focus, #header .logobx .logo:hover strong, #header .logobx .logo:focus strong {text-decoration:none;} #header .logobx .logo img {vertical-align:top;} #header .logobx .banner1 {position:absolute; top:20px; left:0;} #header .logobx .banner2 {position:absolute; top:20px; right:0;} /* 실시간뉴스, 검색 */ #header .live_search {overflow:hidden; height:33px; background:#e1e1e1;} /* 실시간뉴스 */ #header .livenews {position:relative; overflow:hidden; width:550px; line-height:31px;} #header .livenews .group {} #header .livenews .group .bundle {overflow:hidden; width:532px; height:33px;} #header .livenews .group .bundle a {float:left; overflow:hidden; width:475px; font-size:14px; line-height:30px; letter-spacing:-0.25px; color:#666;} #header .livenews .group .bundle .time {float:right; font-size:13px; letter-spacing:-0.25px; color:#969696;} .ie8 #header .livenews .group .bundle .time {margin-top:2px;} #header .livenews .more {position:absolute; top:12px; right:0; width:12px; height:12px;} #header .livenews .more img {vertical-align:top;} /* 검색 */ #header .search {position:relative; margin-top:5px; width:189px; height:23px; background:url(http://image.newsis.com/new_www/homepage/bg_search1.png) no-repeat 0 0;} #header .search input[type="text"] {margin:3px 0 0 10px; width:145px; height:18px; background:#eee; font-size:13px; line-height:18px; border:0; box-sizing: border-box;} .ie9 #header .search input[type="text"] {margin-top:2px;} .ie10 #header .search input[type="text"] {margin-top:2px;} .ie11 #header .search input[type="text"] {margin-top:2px;} #header .search input[type="image"] {position:absolute; top:4px; right:11px;} /* 메뉴 */ #gnbbx {position:relative; border-top:1px solid #ed1b2f;} #gnbbx.gmsi {border-bottom:1px solid #e1e1e1;} #gnbbx .gnb {height:68px;} #gnbbx.mgnb .gnb {height:35px;} #gnbbx .gnb dl {} #gnbbx .gnb .depth1 {float:left; padding:0 32px;} #gnbbx.gmsi .gnb .depth1 {float:left; padding:0 28px;} #gnbbx .gnb .depth1.pd1 {padding:0 31px;} #gnbbx .gnb .depth1.first {padding-left:0;} #gnbbx .gnb .depth1.last {padding-right:0;} #gnbbx .gnb .depth1 a {display:block; height:35px; font-size:15px; font-weight:bold; line-height:32px; letter-spacing:-0.26px; color:#000;} #gnbbx .gnb .depth1 a.on, #gnbbx .gnb .depth1 a:hover, #gnbbx .gnb .depth1 a:focus {text-decoration:underline; color:#ed1b2f;} #gnbbx .snb {position:absolute; top:34px; left:0; width:100%; height:33px; background:#fff; border-top:1px solid #e1e1e1; z-index:1;} #gnbbx .snb .bxcn1 {overflow:hidden;} #gnbbx.mgnb .snb {background:#efefef; border-top:0;} #gnbbx .snb .depth2 {width:100%;} #gnbbx .snb .depth2 .bundle {float:left;} #gnbbx .snb .depth2 .bundle > a {display:block; padding:0 10px 0 12px; background:url(http://image.newsis.com/new_www/homepage/bar2.gif) no-repeat 0 11px; font-size:14px; line-height:32px; letter-spacing:-0.25px; color:#666;} #gnbbx .snb .depth2 .bundle:first-child > a {padding-left:0; background:none;} #gnbbx .snb .depth2 .bundle > a.on, #gnbbx .snb .depth2 .bundle > a:hover, #gnbbx .snb .depth2 .bundle > a:focus {text-decoration:underline; color:#ed1b2f;} #gnbbx .snb2 {position:absolute; top:153px; left:0; width:100%; height:34px; background:#fff; border-bottom:1px solid #ccc; z-index:2;} #gnbbx .snb2 .bxcn1 {overflow:hidden;} #gnbbx .snb2 .depth3 {margin:0 auto; width:1040px;} #gnbbx .snb2 .depth3 .bundle2 {position:relative; float:left; text-align:center;} #gnbbx .snb2 .depth3.siz1 .bundle2 {width:104px;} /*#gnbbx .snb2 .depth3.siz2 {width:1078px;}*/ #gnbbx .snb2 .depth3.siz2 {width:1078px;} #gnbbx .snb2 .depth3.siz2 .bundle2 {width:154px;} #gnbbx .snb2 .depth3.siz2 .bundle2:first-child {margin-left:-10px;} /* #gnbbx .snb2 .depth3.siz3 {width:260px;} 16.11.10 인사부고동정 부고 변경으로인한 width 변경 hjh */ #gnbbx .snb2 .depth3.siz3 {width:395px} #gnbbx .snb2 .depth3.siz3 .bundle2 {width:130px;} #gnbbx .snb2 .depth3.siz4 {width:1101px;} #gnbbx .snb2 .depth3.siz4 .bundle2 {width:219px;} #gnbbx .snb2 .depth3.siz4 .bundle2:first-child {margin-left:6px;} #gnbbx .snb2 .depth3.siz5 {width:1078px;} #gnbbx .snb2 .depth3.siz5 .bundle2 {width:134px;} .msi_bundle {width: 285px !important;} #gnbbx .snb2 .depth3 .bundle2:first-child {margin-left:0;} #gnbbx .snb2 .depth3 .bundle2 a {display:block; font-size:15px; line-height:18px; letter-spacing:-0.5px; color:#666;} #gnbbx .snb2 .depth3 .bundle2.on a, #gnbbx .snb2 .depth3 .bundle2:hover a, #gnbbx .snb2 .depth3 .bundle2:focus a {text-decoration:none; color:#ed1b2f;} #gnbbx .snb2 .depth3 .bundle2:hover a:after, #gnbbx .snb2 .depth3 .bundle2:focus a:after, #gnbbx .snb2 .depth3 .bundle2.on a:after {content:' '; position:absolute; top:31px; left:50%; margin-left:-4px; width:8px; height:8px; background:url(http://image.newsis.com/new_www/homepage/bl_round1.png) no-repeat 0 0;} /* -------------------------------------------- footer -------------------------------------------- */ #footer {position:relative;} /* 서비스 전체보기 */ #footer .bx_service {position:relative; width:100%; height:45px; border-top:1px solid #e7e7e7;} #footer .bx_service .btn_all {padding:12px 10px 15px 47px; background:url(http://image.newsis.com/new_www/homepage/icon_bar1.gif) no-repeat 10px 15px; font-size:14px; letter-spacing:-0.5px; color:#666;} #footer .bx_service .bx_partners {height:45px;} #footer .bx_service .bx_partners dt {float:left; margin-top:14px; padding-right:14px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow2.png) no-repeat right 5px; font-size:14px; letter-spacing:-0.5px; color:#666;} #footer .bx_service .bx_partners dd {float:left; margin:11px 0 0 10px;} /* 레이어 - 서비스 전체보기 */ #footer .lay_service {position:absolute; top:0; left:0; padding:24px 0 21px; width:100%; background:#fff; border-top:1px solid #e7e7e7;} #footer .lay_service .group {} #footer .lay_service .group .bundle {float:left; margin-left:30px; width:164px;} #footer .lay_service .group2 {} #footer .lay_service .group2.l_list {width:95px;} #footer .lay_service .group2 dt {} #footer .lay_service .group2 dt a {display:block; font-size:16px; font-weight:bold; line-height:28px; letter-spacing:-0.25px; color:#000;} #footer .lay_service .group2 dd {font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666;} #footer .lay_service .group2.l_list dd {float:left; margin-right:9px;} #footer .lay_service .group2 dd a {display:block; font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666;} #footer .lay_service .group2 dd ul {} #footer .lay_service .group2 dd ul li {} #footer .lay_service .group2 dd ul li a {} /* 배너 - 추가 161107 */ #footer .fbanner {position:relative; width:100%; border-top:1px solid #e7e7e7; text-align:center;} #footer .fbanner ul {display:table; margin:0 auto; height:60px; text-align:center;} #footer .fbanner ul li {display:table-cell; vertical-align:middle;} #footer .fbanner ul li a {display:block; margin-left:50px;} #footer .fbanner ul li:first-child a {margin-left:0;} /* 링크 */ #footer .relink {height:32px; background:#f0f0f0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;} #footer .relink ul {} #footer .relink ul li {float:left; padding:7px 6px 0 8px; background:url(http://image.newsis.com/new_www/homepage/bar1.gif) no-repeat 0 10px;} #footer .relink ul li:first-child {padding-left:0; background:none;} #footer .relink ul li.last {padding-top:5px; padding-right:0; background:none;} #footer .relink ul li a {display:block; font-size:13px; letter-spacing:-0.5px; color:#666;} /* copyright */ #footer .copyright {padding-bottom:27px;} #footer .copyright .logo {margin:47px 25px 0 0;} #footer .copyright .logo img {} #footer .copyright .add_copy {} #footer .copyright .add_copy address {font-size:13px; line-height:21px; letter-spacing:-0.4px; font-style:normal; color:#999;} #footer .copyright .add_copy .copy {display:block; font-size:13px; line-height:21px; letter-spacing:-0.4px; color:#999;} #footer .copyright .add_copy address a {color:#999;} /* -------------------------------------------- container -------------------------------------------- */ #container {position:relative;} #container .cnbg {padding-bottom:150px; background:url(http://image.newsis.com/new_www/homepage/bg_con.gif) repeat-y 0 0;} /* 상단기사 */ /* m_content */ .m_content {position:relative;} .m_content .thum {float:left; margin-top:8px;} .m_content .thum a {display:block; overflow:hidden; width:292px; height:189px;} .m_content .thum a img {display:block; min-width:292px; min-height:189px;} .m_content .area {margin-left:322px;} .m_content .area .title {display:block; overflow:hidden; height:40px;} .m_content .area .title a {font-size:31px; line-height:40px; letter-spacing:-1.5px; color:#000;} .m_content .area .title2 {display:block; overflow:hidden; height:30px; font-size:20px; line-height:30px; letter-spacing:-1px; color:#333;} .m_content .area .txt1 {overflow:hidden; max-height:50px;} .m_content .area .txt1 a {font-size:16px; line-height:25px; letter-spacing:-0.25px; color:#666;} /* 수정 161107 */ .m_content .area .txt {overflow:hidden;} .m_content .area .txt a {font-size:16px; line-height:25px; letter-spacing:-0.25px; color:#666;} .m_content .area .txt.hiz1 {max-height:25px;} .m_content .area .txt.hiz2 {max-height:50px;} .m_content .area .txt.hiz3 {max-height:75px;} .m_content .area .txt.hiz4 {max-height:100px;} /*임시 수정 jh 161104*/ .m_content .area .txt1 {overflow:hidden; max-height:50px;} .m_content .area .txt1 a {font-size:16px; line-height:25px; letter-spacing:-0.25px; color:#666;} /*임시 수정 jh 161104*/ .m_content .more {float:right; margin-right:2px; padding-right:14px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow1.png) no-repeat right 6px; font-size:13px; letter-spacing:-0.25px; color:#666;} /* 탑기사 전체보기 */ /* m_content2 */ .m_content2 {position:relative;} .m_content2 .thum {position:relative; float:left;} .m_content2 .thum a {display:block; overflow:hidden; width:280px; height:210px;} .m_content2 .thum a img {display:block; min-width:280px; min-height:210px;} .m_content2 .thum .cls {position:absolute; top:10px; left:10px; padding:0 8px; height:23px; background:url(http://image.newsis.com/new_www/homepage/png50.png) repeat 0 0; font-size:14px; line-height:21px; letter-spacing:-0.4px; color:#fff;} .m_content2 .thum a:hover .cls, .m_content2 .thum a:focus .cls {text-decoration:none;} .m_content2 .area {} .m_content2 .thum + .area {margin-left:298px;} .m_content2 .area .cls {display:block; font-size:18px; line-height:22px; letter-spacing:-0.4px; color:#0042ff;} .m_content2 .area .title {display:block; overflow:hidden; max-height:70px;} .m_content2 .area .title a {font-size:28px; line-height:35px; letter-spacing:-0.4px; color:#000;} /*.m_content2 .area .title2 {display:block; overflow:hidden; margin-top:11px; height:30px; font-size:20px; line-height:30px; letter-spacing:-0.4px; color:#333;} 수정 161012 */ /* 수정 161107 */ .m_content2 .area .txt {overflow:hidden; margin-top:10px} .m_content2 .area .txt.hiz1 {max-height:25px;} .m_content2 .area .txt.hiz2 {max-height:50px;} .m_content2 .area .txt.hiz3 {max-height:75px;} .m_content2 .area .txt.hiz4 {max-height:100px;} .m_content2 .area .txt.hiz5 {max-height:125px;} .m_content2 .area .txt.hiz6 {max-height:150px;} /*// 수정 161107 */ .m_content2 .area .txt a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} .m_content2 .area .date {display:block; height:10px; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} .m_content2 .area .txt1 {overflow:hidden; margin-top:10px; max-height:50px;} /* 수정 161012 */ .m_content2 .area .txt1.mh1 {margin-top:11px; max-height:100px;} .m_content2 .area .txt1 a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} /*임시 수정 jh 161104*/ .m_content2 .area .txt2 {overflow:hidden; margin-top:10px; max-height:25px;} /* 수정 161012 */ .m_content2 .area .txt2.mh1 {margin-top:11px; max-height:100px;} .m_content2 .area .txt2 a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} .m_content2 .area .txt3 {overflow:hidden; margin-top:10px; max-height:73px;} /* 수정 161012 */ .m_content2 .area .txt3.mh1 {margin-top:11px; max-height:100px;} .m_content2 .area .txt3 a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} .m_content2 .area .txt4 {overflow:hidden; margin-top:10px; max-height:97px;} /* 수정 161012 */ .m_content2 .area .txt4.mh1 {margin-top:11px; max-height:100px;} .m_content2 .area .txt4 a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} .m_content2 .area .txt5 {overflow:hidden; margin-top:10px; max-height:129px;} /* 수정 161012 */ .m_content2 .area .txt5.mh1 {margin-top:11px; max-height:100px;} .m_content2 .area .txt5 a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} /*임시 수정 jh */ .m_content2 .area .date {display:block; height:10px; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} /* 메인 중간박스 */ .special_bx {position:relative; background:#464953; border:1px solid #374a80;} .special_bx.siz1 {padding:19px 0 0 128px; height:92px;} .special_bx.siz2 {padding:20px 0 0 128px; height:170px;} .special_bx .tit {position:absolute; top:14px; left:19px; font-size:18px; line-height:22px; letter-spacing:-0.5px; color:#fff;} .special_bx .btn_more {position:absolute; width:74px; height:23px; background:url(http://image.newsis.com/new_www/homepage/btn_more2.gif) no-repeat 0 0; font-size:0; line-height:0;} /* 기획특집 박스 20170110추가 es */ .special_bx_a {position:relative; background:#fff; border:2px solid #ccc;} .special_bx_a.siz1 {padding:19px 0 0 128px; height:92px;} .special_bx_a.siz2 {padding:20px 0 0 128px; height:170px;} .special_bx_a .tit_a {position:absolute; top:14px; left:19px; font-size:18px; line-height:22px; letter-spacing:-0.5px; color:#333333;} .special_bx_a .btn_more_a {position:absolute; width:74px; height:23px; background:url(http://image.newsis.com/new_www/homepage/btn_more3.gif) no-repeat 0 0; font-size:0; line-height:0;} /* bx_msi */ .bx_msi {position:relative; padding:14px 0 14px; background:#efefef; border:1px solid #d1d1d1;} .bx_msi.a_bundle1 {border:0;} .bx_msi .msi_title {margin-bottom:13px; padding:0 19px 15px; border-bottom:1px solid #d1d1d1;} .bx_msi .tit1 {width:228px; height:28px; background:url(http://image.newsis.com/new_www/homepage/bg_msiback.gif) no-repeat 0 0;} .bx_msi .tit1 .ntxt {display:inline-block; width:114px; font-size:16px; line-height:25px; text-align:center; color:#fff;} .ie8 .bx_msi .tit1 .ntxt {line-height:27px;} .bx_msi .tit2 {display:inline-block; font-size:20px; line-height:26px; color:#333;} .bx_msi .tit2 span {font-weight:normal;} .bx_msi .tit3 {display:inline-block; font-size:19px; line-height:26px; color:#333;} .bx_msi .tit3 span {font-weight:normal; color:#666;} .bx_msi .btn_qu {margin-top:6px; margin-left:5px; width:20px; height:19px; background:url(http://image.newsis.com/new_www/homepage/icon_qu.gif) no-repeat 0 0;} .bx_msi .lst_msi {padding:0 19px;} .bx_msi .lst_msi dt {} .bx_msi .lst_msi dt .lank {float:left; font-size:18px; line-height:26px; letter-spacing:-0.5px; color:#000;} .bx_msi .lst_msi dt .date {float:left; margin-left:8px; font-size:13px; line-height:27px; color:#333;} .bx_msi .lst_msi dd {overflow:hidden;} .bx_msi .lst_msi dd .group {float:left;} .bx_msi .lst_msi dd .group li {overflow:hidden; margin-top:9px; width:282px;} .bx_msi .lst_msi dd .group li:first-child {margin-top:0;} .bx_msi .lst_msi dd .group .type {font-size:14px; line-height:16px; letter-spacing:-0.5px; color:#333;} .bx_msi .lst_msi dd .group .type .num {float:left; margin-top:2px; margin-right:10px; font-size:16px; line-height:16px; letter-spacing:-0.5px; font-style: italic; color:#333;} .bx_msi .lst_msi dd .group .type .bxnum {float:left; margin-right:8px; width:19px; height:19px; font-size:0; line-height:0;} .bx_msi .lst_msi dd .group .type .bxnum.n7 {background:url(http://image.newsis.com/new_www/homepage/icon_level7.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .type .bxnum.n6 {background:url(http://image.newsis.com/new_www/homepage/icon_level6.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .type .bxnum.n5 {background:url(http://image.newsis.com/new_www/homepage/icon_level5.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .type .bxnum.n4 {background:url(http://image.newsis.com/new_www/homepage/icon_level4.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .type .bxnum.n3 {background:url(http://image.newsis.com/new_www/homepage/icon_level3.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .type .bxnum.n2 {background:url(http://image.newsis.com/new_www/homepage/icon_level2.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .type .bxnum.n1 {background:url(http://image.newsis.com/new_www/homepage/icon_level1.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group .rgroup {font-size:14px; letter-spacing:-0.5px;} .bx_msi .lst_msi dd .group .rgroup.up {color:#ed1c24;} .bx_msi .lst_msi dd .group .rgroup.down {color:#0054a6;} .bx_msi .lst_msi dd .group .rgroup.sam {} .bx_msi .lst_msi2 {padding:9px 19px 0; border-top:1px solid #d1d1d1;} .bx_msi .lst_msi2 li {float:left; margin-left:29px;} .bx_msi .lst_msi2 li:first-child {margin-left:0;} .bx_msi .lst_msi2 li .bxnum {float:left; margin-right:5px; width:19px; height:19px; font-size:0; line-height:0;} .bx_msi .lst_msi2 li .bxnum.n7 {background:url(http://image.newsis.com/new_www/homepage/icon_level7.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .bxnum.n6 {background:url(http://image.newsis.com/new_www/homepage/icon_level6.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .bxnum.n5 {background:url(http://image.newsis.com/new_www/homepage/icon_level5.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .bxnum.n4 {background:url(http://image.newsis.com/new_www/homepage/icon_level4.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .bxnum.n3 {background:url(http://image.newsis.com/new_www/homepage/icon_level3.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .bxnum.n2 {background:url(http://image.newsis.com/new_www/homepage/icon_level2.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .bxnum.n1 {background:url(http://image.newsis.com/new_www/homepage/icon_level1.png) no-repeat 0 0;} .bx_msi .lst_msi2 li .txt {float:left; font-size:12px; line-height:18px; letter-spacing:-0.5px; color:#6e6e6e;} .ie8 .bx_msi .lst_msi2 li .txt {line-height:20px;} /*// 수정 161107 */ .bx_msi .lay {position:absolute; top:-56px; right:-1px; background:#fff; border:1px solid #e5e5e5; z-index:1;} .bx_msi .lay p {padding:8px 13px 11px 13px; font-size:13px; line-height:18px; letter-spacing:-0.5px; color:#7b7b7b;} /* -------------------------------------------- content -------------------------------------------- */ #content {position:relative;} .content {float:left; width:640px;} /* 타이틀 */ .h1_con_tit1 {font-size:28px; line-height:38px; text-align:center; letter-spacing:-0.5px; color:#000;} .h2_con_tit1 {font-size:20px; line-height:26px; letter-spacing:-0.5px; color:#ed1b2f;} .h2_con_tit2 {font-size:35px; line-height:40px; text-align:center; lletter-spacing:-0.5px; color:#000;} .h3_con_tit1 {font-size:20px; line-height:26px; letter-spacing:-0.5px; color:#000;} .h3_con_tit1 a {display:inline-block; padding-right:18px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow4.png) no-repeat right 9px; font-size:20px; line-height:26px; letter-spacing:-0.5px; color:#000;} .h3_con_tit1 a:hover, .h3_con_tit1 a:focus {text-decoration:none;} .h3_con_tit2 {font-size:17px; line-height:23px; letter-spacing:-0.5px; color:#000;} .h3_con_tit2 a {display:inline-block; padding-right:15px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow4.png) no-repeat right 8px; font-size:17px; line-height:23px; letter-spacing:-0.5px; color:#000;} .h3_con_tit2 a:hover, .h3_con_tit2 a:focus {text-decoration:none;} .h3_con_tit3 {font-size:17px; line-height:23px; letter-spacing:-0.5px; color:#000;} .h3_con_tit3 a {display:inline-block; padding-right:15px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow9.png) no-repeat right 9px; font-size:17px; line-height:23px; letter-spacing:-0.5px; color:#000;} .h3_con_tit3 a:hover, .h3_con_tit3 a:focus {text-decoration:none;} /* m_bxcn1 */ .m_bxcn1 {position:relative; border:1px solid #ccc;} /* 박스 */ .m_bxcn1 .bx1 {position:relative; padding:16px 20px 0 19px; width:280px; height:190px;} .m_bxcn1 .bx2 {position:relative; padding:16px 20px 0 19px; width:279px; height:190px; border-left:1px solid #ccc;} .m_bxcn1 .bx3 {position:relative; padding:16px 20px 14px 19px; border-top:1px solid #ccc;} /* 타이틀 */ .m_bxcn1 .h3_tit {} .m_bxcn1 .h3_tit a {display:inline-block; font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000;} .m_bxcn1 .h3_tit.icon1 a {padding-right:18px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow5.png) no-repeat right 7px;} .m_bxcn1 .h3_tit.icon2 a {padding-right:18px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow4.png) no-repeat right 7px;} /* 텍스트 */ .m_bxcn1 .txt1 {display:block; font-size:17px; line-height:22px; letter-spacing:-0.25px; color:#666;} /* bx_se */ .bxcn_se {} .bxcn_se .se_title {} .bxcn_se .se_title h1 {font-size:38px; text-align:center; letter-spacing:-0.5px; line-height:44px; color:#000;} .bxcn_se .se_title h2 {margin-top:20px; font-size:22px; text-align:center; letter-spacing:-0.5px; line-height:28px; color:#000;} /* 수정 161227 */ .bxcn_se {} .bxcn_se .se_title_d {} .bxcn_se .se_title_d h1 {font-size:42px; text-align:center; letter-spacing:-0.5px; line-height:44px; color:#000;} .bxcn_se .se_title_d h2 {margin-top:20px; font-size:22px; text-align:center; letter-spacing:-0.5px; line-height:28px; color:#000;} /* 추가 161227 */ /* bx_calendar */ .bx_calendar {position:relative; text-align:center;} .bx_calendar .area {position:relative; display:inline-block; margin-left:40px; padding:0 7px; width:332px; text-align:center;} .bx_calendar .area .date {display:block; font-size:28px; line-height:33px; letter-spacing:-0.5px; text-align:center; color:#333;} .bx_calendar .area .btn_prev {position:absolute; top:9px; left:0; width:11px; height:21px; background:url(http://image.newsis.com/new_www/homepage/btn_prev3.png) no-repeat 0 0;} .bx_calendar .area .btn_next {position:absolute; top:9px; right:0; width:11px; height:21px; background:url(http://image.newsis.com/new_www/homepage/btn_next3.png) no-repeat 0 0;} .bx_calendar .btn_cal {margin:-11px 0 0 11px; background:none;} .ie9 .bx_calendar .btn_cal {margin-top:-13px;} .ie10 .bx_calendar .btn_cal {margin-top:-13px;} .ie11 .bx_calendar .btn_cal {margin-top:-13px;} /* bx_calendar2 */ .bx_calendar2 {position:relative; text-align:center;} .bx_calendar2 .txt1 {font-size:20px; line-height:26px; letter-spacing:-0.5px; color:#000;} .bx_calendar2 .btn_cal {margin-top:-5px; margin-left:12px; width:18px; height:18px; background:url(http://image.newsis.com/new_www/homepage/icon_calendar3.png) no-repeat 0 0;} .ie9 .bx_calendar2 .btn_cal {margin-top:-6px;} .ie10 .bx_calendar2 .btn_cal {margin-top:-6px;} .ie11 .bx_calendar2 .btn_cal {margin-top:-6px;} /* 검색 */ #container .search {position:relative; margin:0 auto; width:459px; height:50px; background:url(http://image.newsis.com/new_www/homepage/bg_search2.png) no-repeat 0 0;} #container .search input[type="text"] {margin:3px 0 0 24px; padding-bottom:3px; width:370px; height:41px; background:none; font-size:20px; line-height:41px; letter-spacing:-0.5px; color:#666; border:0; box-sizing: border-box;} .ie8 #container .search input[type="text"] {line-height:43px;} #container .search input[type="image"] {position:absolute; top:11px; right:30px;} #container .search .btn_detail {position:absolute; bottom:0; right:-64px; background:none; font-size:14px; letter-spacing:-0.25px; color:#666;} /* 검색 조건 */ #container .bx_detailSearch {position:relative;; background:#f6f6f6;} #container .bx_detailSearch .mwbx {margin:0 auto; padding:20px 0; width:888px;} #container .bx_detailSearch .bx_area1 {display:table; height:30px;} #container .bx_detailSearch .bx_area1 .t_tit {display:table-cell; font-weight:normal; vertical-align:middle; font-size:16px; letter-spacing:-0.5px; color:#333;} #container .bx_detailSearch .bx_area1 .bx1 {display:table-cell; vertical-align:middle;} /* 탭 */ #container .bx_detailSearch .bx_tab1 {float:left; overflow:hidden; height:30px; background:#fff;} #container .bx_detailSearch .bx_tab1 li {position:relative; float:left; margin-left:-1px; height:100%; text-align:center; line-height:28px;} #container .bx_detailSearch .bx_tab1 li:first-child {margin-left:0;} #container .bx_detailSearch .bx_tab1 li.w120 {width:120px;} #container .bx_detailSearch .bx_tab1 li a {display:block; height:100%; text-decoration:none; font-size:15px; letter-spacing:-0.5px; color:#666;} #container .bx_detailSearch .bx_tab1 li a:after {content:' '; position:absolute; top:0; left:0; width:118px; height:28px; border:1px solid #c8c8c8;} #container .bx_detailSearch .bx_tab1 li.on a, #container .bx_detailSearch .bx_tab1 li:hover a, #container .bx_detailSearch .bx_tab1 li:focus a {background:#ed1b2f; color:#fff;} #container .bx_detailSearch .bx_tab1 li.on a:after, #container .bx_detailSearch .bx_tab1 li:hover a:after, #container .bx_detailSearch .bx_tab1 li:focus a:after {border:1px solid #ed1b2f;} /* 날짜 */ #container .bx_detailSearch .bx_c1 {float:left; position:relative; width:101px; height:27px; background:#fff; border:1px solid #bbb;} #container .bx_detailSearch .bx_c1 input[type="text"] {display:block; width:76px; height:27px; line-height:27px; font-size:15px; text-align:center; letter-spacing:-0.5px; color:#666; border:0;} #container .bx_detailSearch .bx_c1 button {position:absolute; top:0; right:0; width:25px; height:27px; background:url(http://image.newsis.com/new_www/homepage/icon_calendar2.png) no-repeat center center;} #container .bx_detailSearch .bar {float:left; width:25px; height:100%; font-size:15px; letter-spacing:-0.4px; line-height:27px; text-align:center; color:#666;} /* 선택 */ #container .bx_detailSearch .bx_c2 {overflow:hidden;} #container .bx_detailSearch .bx_c2 li {float:left; margin-top:12px; margin-left:23px; width:148px;} #container .bx_detailSearch .bx_c2 li input[type="checkbox"] {width:14px; height:14px;} #container .bx_detailSearch .bx_c2 li label {font-size:14px; letter-spacing:-0.25px; color:#666;} /* 결과 */ #container .search_result {font-size:16px; line-height:30px; letter-spacing:-0.25px; color:#666;} /* tab1 */ .tab1 {position:relative; overflow:hidden;} .tab1 ul {margin-left:1px;} .tab1 ul li {position:relative; float:left;} .tab1 ul li a {display:block; margin-left:-1px; width:192px; height:34px; font-size:15px; line-height:33px; letter-spacing:-0.25px; text-align:center; color:#666; border:1px solid #c7c7c7;} .tab1 ul li.on a, .tab1 ul li:hover a, .tab1 ul li:focus a {text-decoration:none; color:#ed1b2f;} .tab1 ul li.on a:after, .tab1 ul li:hover a:after, .tab1 ul li:focus a:after {content:' '; position:absolute; top:0; left:-1px; width:192px; height:34px; border:1px solid #ed1b2f; z-index:1;} /* lst_p1 */ .lst_p1 {} .lst_p1 .group {} .lst_p1 .group .p1_bundle {position:relative; margin-top:19px;} .lst_p1 .group .p1_bundle:first-child {margin-top:0;} .lst_p1 .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:6px; width:160px; height:120px;} .lst_p1 .group .p1_bundle .thum a {display:block;} .lst_p1 .group .p1_bundle .thum a img {display:block; min-width:160px; min-height:120px;} .lst_p1 .group .p1_bundle .area {min-height:126px;} .lst_p1 .group .p1_bundle .thum + .area {margin-left:180px; min-height:120px;} .lst_p1 .group .p1_bundle .area .title {display:block; overflow:hidden; height:26px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p1 .group .p1_bundle .thum + .area .title {padding-top:5px;} .lst_p1 .group .p1_bundle .area .title + .rel_article_p2 {margin-top:11px;} .lst_p1 .group .p1_bundle .area .title a {font-size:20px; line-height:26px; letter-spacing:-0.75px; color:#000;} .lst_p1 .group .p1_bundle .area .txt1 {overflow:hidden; margin-top:12px; max-height:66px; } .lst_p1 .group .p1_bundle .area .txt1 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} .lst_p1 .group .p1_bundle .area .txt2 {overflow:hidden; margin-top:12px; max-height:22px;} .lst_p1 .group .p1_bundle .area .txt2 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} .lst_p1 .group .p1_bundle .area .txt3 {overflow:hidden; margin-top:12px; max-height:46px;} .lst_p1 .group .p1_bundle .area .txt3 a { font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} .lst_p1 .group .p1_bundle .area .txt3 + .rel_article_p2, .lst_p1 .group .p1_bundle .area .txt1 + .rel_article_p2, .lst_p1 .group .p1_bundle .area .txt2 + .rel_article_p2 {margin-top:4px;} .lst_p1 .group .p1_bundle .area .rel_article_p2 {width:587px;} .lst_p1 .group .p1_bundle .thum + .area .rel_article_p2 {width:427px;} .lst_p1 .group .p1_bundle .area .date {display:block; height:10px; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} .lst_p1 .btn_open {position:absolute; bottom:0; right:0; width:21px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_lst_open1.gif) no-repeat 0 0;} .lst_p1 .btn_close {position:absolute; bottom:0; right:0; width:21px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_lst_close1.gif) no-repeat 0 0;} /* 161107 추가 */ .lst_p1 .group .p1_bundle .area .txt3 {overflow:hidden; margin-top:12px; max-height:44px;} .lst_p1 .group .p1_bundle .area .txt3 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} /*// 161107 추가 */ .lst_p1 .group .p1_bundle .area .txt1 + .rel_article_p2, .lst_p1 .group .p1_bundle .area .txt2 + .rel_article_p2 {margin-top:4px;} .lst_p1 .group .p1_bundle .area .rel_article_p2 {width:587px;} .lst_p1 .group .p1_bundle .thum + .area .rel_article_p2 {width:427px;} .lst_p1 .group .p1_bundle .area .date {display:block; height:10px; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} .lst_p1 .btn_open {position:absolute; bottom:0; right:0; width:21px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_lst_open1.gif) no-repeat 0 0;} .lst_p1 .btn_close {position:absolute; bottom:0; right:0; width:21px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_lst_close1.gif) no-repeat 0 0;} /* lst_p2 */ .lst_p2 {} .lst_p2 .group {} .lst_p2 .group .p1_bundle {position:relative; margin-top:20px; padding-top:9px; border-top:1px solid #e4e4e4;} .lst_p2 .group .p1_bundle:first-child {margin-top:0; padding-top:0; border-top:0;} .lst_p2 .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:6px; width:125px; height:94px;} .lst_p2 .group .p1_bundle .thum a {display:block;} .lst_p2 .group .p1_bundle .thum a img {display:block; min-width:125px; min-height:94px;} .lst_p2 .group .p1_bundle .area {overflow:hidden; min-height:79px;} .lst_p2 .group .p1_bundle .thum + .area {margin-left:144px; min-height:94px;} .lst_p2 .group .p1_bundle .area .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p2 .group .p1_bundle .thum + .area .title {margin-top:10px;} .lst_p2 .group .p1_bundle .area .title a {height:26px; font-size:17px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p2 .group .p1_bundle .area .txt1 {overflow:hidden; margin-top:7px; padding-right:22px; max-height:44px;} .lst_p2 .group .p1_bundle .area .txt1 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} .lst_p2 .group .p1_bundle .area .rel_article_p2 {margin-top:5px; width:610px;} .lst_p2 .group .p1_bundle .thum + .area .rel_article_p2 {width:470px;} .lst_p2 .btn_open {position:absolute; bottom:0; right:0; width:21px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_lst_open1.gif) no-repeat 0 0;} .lst_p2 .btn_close {position:absolute; bottom:0; right:0; width:21px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_lst_close1.gif) no-repeat 0 0;} /* lst_p3 */ .lst_p3 {overflow:hidden;} .lst_p3 .group {} .lst_p3 .bundle {overflow:hidden; margin-top:4px; padding-left:9px; background:url(http://image.newsis.com/new_www/homepage/bl_square1.gif) no-repeat 0 9px;} .lst_p3 .bundle:first-child {margin-top:0;} .lst_p3 .bundle a {display:inline-block; overflow:hidden; height:40px; font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#666;} .lst_p3 .bundle2 {overflow:hidden; float:left; margin-left:20px; width:465px; padding-left:9px; background:url(http://image.newsis.com/new_www/homepage/bl_square2.png) no-repeat 0 14px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .ie8 .lst_p3 .bundle2 {background-position:0 13px;} .lst_p3 .bundle2 a {font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666;} /* lst_p4 */ .lst_p4 {} .lst_p4 .group {} .lst_p4 .bundle {overflow:hidden; width:285px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p4 .bundle a {font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666;} .lst_p4 .bundle a .cls {color:#201818;} /* lst_p4_1 */ .lst_p4_1 {} .lst_p4_1 .group {} .lst_p4_1 .bundle {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p4_1 .bundle a {font-size:15px; line-height:25px; letter-spacing:-0.25px; color:#666;} /* lst_p5 */ .lst_p5 {} .lst_p5 .group {} .lst_p5 .bundle {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p5 .bundle a {font-size:17px; line-height:31px; letter-spacing:-0.5px; color:#000;} .ie8 .lst_p5 .bundle a {line-height:29px;} .lst_p5 .bundle2 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p5 .bundle2 a {font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666;} /* lst_p6 */ .lst_p6 {} .lst_p6 .group {} .lst_p6 .group .p1_bundle {position:relative; margin-top:23px;} .lst_p6 .group .p1_bundle:first-child {margin-top:0;} .lst_p6 .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:2px; width:125px; height:94px;} .lst_p6 .group .p1_bundle .thum a {display:block;} .lst_p6 .group .p1_bundle .thum a img {display:block; min-width:125px; min-height:94px;} .lst_p6 .group .p1_bundle .area {margin-top:-5px; height:94px;} .lst_p6.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .ie8 .lst_p6 .group .p1_bundle .area {height:92px;} .lst_p6 .group .p1_bundle .thum + .area {margin-top:0; margin-left:144px;} .lst_p6 .group .p1_bundle .area .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p6 .group .p1_bundle .area .title a {height:26px; font-size:17px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p6 .group .p1_bundle .area .txt {overflow:hidden; margin-top:5px; padding-right:22px; max-height:44px;} .lst_p6 .group .p1_bundle .area .txt.mh1 {max-height:66px;} .lst_p6 .group .p1_bundle .area .txt a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} .lst_p6 .group .p1_bundle .date {display:block; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} /* lst_p7 */ .lst_p7 {} .lst_p7 .group {} .lst_p7 .group .bundle {position:relative; overflow:hidden; margin-top:13px;} .lst_p7 .group .bundle:first-child {margin-top:0;} .lst_p7 .group .bundle .thum {float:left; overflow:hidden; width:130px; height:98px;} .lst_p7 .group .bundle .thum a {display:block;} .lst_p7 .group .bundle .thum a img {display:block; min-width:130px; min-height:98px;} .lst_p7 .group .bundle .area {} .lst_p7 .group .bundle .thum + .area {margin-left:143px;} .lst_p7 .group .bundle .area .title {display:block; overflow:hidden; margin-top:8px; height:26px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p7 .group .bundle .area .title a {font-size:18px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p7 .group .bundle .area .txt1 {display:block; overflow:hidden; margin-top:8px; max-height:44px;} .lst_p7 .group .bundle .area .txt1 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666; word-break:break-all;} /* lst_p8 */ .lst_p8 {} .lst_p8 .group {} .lst_p8 .group .bundle {} .lst_p8 .group .bundle a {display:inline-block; overflow:hidden; height:31px; font-size:17px; line-height:33px; letter-spacing:-0.5px; color:#000; word-break:break-all;} .ie8 .lst_p8 .group .bundle a {height:30px;} /* lst_p9 */ .lst_p9 {margin-left:-22px;} .lst_p9 .group {} .lst_p9 .bundle {float:left; overflow:hidden; margin-top:20px; margin-left:22px; width:300px;} .lst_p9 .bundle.last {width:284px;} .lst_p9 .bundle .thum {position:relative; float:left; margin-right:13px;} .lst_p9 .bundle .thum a {display:block; overflow:hidden; width:110px; height:83px;} .lst_p9 .bundle .thum a img {display:block; width:110px; min-height:83px;} /* 수정 161128 */ .lst_p9 .bundle .area {overflow:hidden;} .lst_p9 .bundle .area .cls {display:block; margin-top:6px;} .lst_p9 .bundle .area .cls a {display:inline-block; overflow:hidden; font-size:15px; line-height:20px; letter-spacing:-0.4px; color:#e74b3c;} .lst_p9 .bundle .area .txt {display:block; overflow:hidden; margin-top:5px; height:40px;} .lst_p9 .bundle .area .txt a {font-size:14px; line-height:20px; letter-spacing:-0.4px; color:#666; word-break:break-all;} /* lst_p10 */ .lst_p10 {margin-top:-20px; margin-left:-21px;} .lst_p10 .group {} .lst_p10 .group .bundle {position:relative; float:left; overflow:hidden; margin-top:20px; margin-left:21px; padding-right:18px; width:456px; background:#f1f1f1;} .lst_p10 .group .bundle .thum {float:left; overflow:hidden; width:107px; height:99px;} .lst_p10 .group .bundle .thum a {display:block;} .lst_p10 .group .bundle .thum a img {display:block; min-width:107px; min-height:99px;} .lst_p10 .group .bundle .area {} .lst_p10 .group .bundle .thum + .area {margin-left:123px;} .lst_p10 .group .bundle .area .title {display:block; overflow:hidden; margin-top:13px; height:26px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p10 .group .bundle .area .title a {font-size:15px; line-height:25px; letter-spacing:-0.4px; color:#333;} .lst_p10 .group .bundle .area .txt1 {display:block; overflow:hidden; margin-top:4px; max-height:40px;} .lst_p10 .group .bundle .area .txt1 a {font-size:14px; line-height:20px; letter-spacing:-0.4px; color:#666; word-break:break-all;} /* lst_p11 */ .lst_p11 {} .lst_p11 .group {} .lst_p11 .group .bundle {position:relative; overflow:hidden; margin-top:25px;} .lst_p11 .group .bundle:first-child {margin-top:0;} .lst_p11 .group .bundle .thum {float:left; overflow:hidden; margin-top:2px; width:229px; height:149px;} .ie8 .lst_p11 .group .bundle .thum {margin-top:1px;} .lst_p11 .group .bundle .thum a {display:block;} .lst_p11 .group .bundle .thum a img {display:block; min-width:229px; min-height:149px;} .lst_p11 .group .bundle .area {} .lst_p11 .group .bundle .thum + .area {margin-left:248px;} .lst_p11 .group .bundle .area .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p11 .group .bundle .area .title a {font-size:20px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p11 .group .bundle .area .title2 {display:block; overflow:hidden; margin-top:1px; font-size:17px; line-height:30px; letter-spacing:-0.25px; color:#333; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p11 .group .bundle .area .txt1 {display:block; overflow:hidden; margin-top:5px; max-height:66px;} .lst_p11 .group .bundle .area .txt1 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666; word-break:break-all;} .lst_p11 .group .bundle .date {display:block; margin-top:3px; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#999;} /* lst_p12 */ .lst_p12 {} .lst_p12 .group {} .lst_p12 .group .bundle {position:relative; overflow:hidden; margin-top:25px;} .lst_p12 .group .bundle:first-child {margin-top:0;} .lst_p12 .group .bundle .thum {float:left; overflow:hidden; width:165px; height:124px;} .lst_p12 .group .bundle .thum a {display:block;} .lst_p12 .group .bundle .thum a img {display:block; min-width:165px; min-height:124px;} .lst_p12 .group .bundle .area {margin-top:8px;} .lst_p12 .group .bundle .thum + .area {margin-left:184px;} .lst_p12 .group .bundle .area .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p12 .group .bundle .area .title a {font-size:20px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p12 .group .bundle .area .txt1 {display:block; overflow:hidden; margin-top:13px; max-height:44px;} .lst_p12 .group .bundle .area .txt1 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666; word-break:break-all;} .lst_p12 .group .bundle .date {display:block; margin-top:3px; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#999;} .lst_p12 .num:not(.scpage) {float:left; padding-right:7px; margin-right:10px; min-width:33px; height:40px; background:#ed1b2f; font-size:30px; font-style:italic; line-height:38px; text-align:center; letter-spacing:-0.25px; color:#fff;}/*검색 페이징 문제 not 추가 20170112 hjh*/ .ie8 .lst_p12 .num {line-height:40px;} .lst_p12 .thum a .num {position:absolute; top:0; left:0; margin-right:0; padding-right:7px; min-width:33px; height:40px; background:#ed1b2f; font-size:30px; font-style:italic; line-height:38px; text-align:center; letter-spacing:-0.25px; color:#fff;} .ie8 .lst_p12 .thum a .num {line-height:40px;} /* lst_p13 */ .lst_p13 {} .lst_p13 .group {} .lst_p13 .group .bundle {position:relative; overflow:hidden; margin-top:25px;} .lst_p13 .group .bundle:first-child {margin-top:0;} .lst_p13 .group .bundle .thum {float:left; overflow:hidden; width:165px; height:124px;} .lst_p13 .group .bundle .thum a {display:block;} .lst_p13 .group .bundle .thum a img {display:block; min-width:165px; min-height:124px;} .lst_p13 .group .bundle .area {;} .lst_p13 .group .bundle .thum + .area {margin-left:184px;} .lst_p13 .group .bundle .area .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_p13 .group .bundle .area .title a {font-size:17px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p13 .group .bundle .area .txt1 {display:block; overflow:hidden; margin-top:7px; max-height:66px;} .lst_p13 .group .bundle .area .txt1 a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666; word-break:break-all;} .lst_p13 .group .bundle .date {display:block; margin-top:3px; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#999;} /* lst_p14 */ /* 추가 161107 */ .lst_p14 {} .lst_p14 .group {margin-left:-30px;} .lst_p14 .group .bundle {position:relative; float:left; margin-top:22px; margin-left:30px; width:470px;} .lst_p14 .group .bundle .thum {float:left; overflow:hidden; margin-top:6px; width:149px; height:110px;} .lst_p14 .group .bundle .thum a {display:block;} .lst_p14 .group .bundle .thum a img {display:block; min-width:149px; min-height:110px;} .lst_p14 .group .bundle .area {overflow:hidden; height:118px;} .lst_p14 .group .bundle .thum + .area {margin-left:169px; height:118px;} .lst_p14 .group .bundle .area .title {display:block; overflow:hidden; padding-bottom:1px; max-height:44px; word-break:break-all;} .lst_p14 .group .bundle .area .title a {font-size:17px; line-height:22px; letter-spacing:-0.75px; color:#000;} .lst_p14 .group .bundle .area .txt {overflow:hidden; margin-top:5px; max-height:88px;} .lst_p14 .group .bundle .area .txt a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} /*// 추가 161107 */ /* thum_b1 */ .thum_b1 {position:relative;} .thum_b1 a {display:block; overflow:hidden; width:661px; height:340px;} .thum_b1 .thum {display:block;} .thum_b1 .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr1.png) repeat-x 0 50px;} /* 수정 161216 */ .thum_b1 .thum img {display:block; min-width:661px; min-height:340px;} .thum_b1 .txt {position:absolute; bottom:19px; left:0; overflow:hidden; padding:0 20px; width:621px; font-size:22px; line-height:28px; letter-spacing:-0.5px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} /* thum_b2 */ .thum_b2 {position:relative;} .thum_b2 a {display:block; overflow:hidden; width:970px; height:340px;} .thum_b2 .thum {display:block;} .thum_b2 .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr1.png) repeat-x 0 50px;} /* 수정 161216 */ .thum_b2 .thum img {display:block; min-width:970px; min-height:340px;} .thum_b2 .txt {position:absolute; bottom:19px; left:0; overflow:hidden; padding:0 20px; width:621px; font-size:22px; line-height:28px; letter-spacing:-0.5px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_b2 .txt.siz1 {width:930px;} /* thum_b3 */ .thum_b3 {} .thum_b3 .group {} .thum_b3 .b_bundle {float:left; width:316px; margin-left:11px;} .thum_b3 .b_bundle:first-child {margin-left:0;} .thum_b3 .b_bundle a {position:relative; display:block; overflow:hidden; width:316px; height:316px;} .thum_b3 .b_bundle .thum {display:block;} .thum_b3 .b_bundle .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr3.png) repeat-x 0 0;} .thum_b3 .b_bundle .thum img {display:block; min-width:316px; min-height:316px;} .thum_b3 .b_bundle .txt {position:absolute; bottom:19px; left:0; overflow:hidden; padding:0 20px 2px; width:276px; max-height:48px; font-size:20px; line-height:24px; letter-spacing:-0.5px; color:#fff; word-break:break-all;} /* thum_b4 */ .thum_b4 {position:relative;} .thum_b4 a {display:block; overflow:hidden; width:427px; height:320px;} .thum_b4 .thum {display:block;} .thum_b4 .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr3.png) repeat-x 0 bottom;} .thum_b4 .thum img {display:block; min-width:427px; min-height:320px;} .thum_b4 .txt {position:absolute; bottom:19px; left:0; overflow:hidden; padding:0 15px 2px; width:397px; font-size:20px; line-height:24px; letter-spacing:-0.5px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} /* thum_b5 */ .thum_b5 {margin-top:-11px; margin-left:-11px;} .thum_b5 .group {} .thum_b5 .b_bundle {float:left; width:206px; margin-top:11px; margin-left:11px;} .thum_b5 .b_bundle a {position:relative; display:block; overflow:hidden; width:206px; height:204px;} .thum_b5 .b_bundle .thum {display:block;} .thum_b5 .b_bundle .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr5.png) repeat-x 0 0;} .thum_b5 .b_bundle .thum img {display:block; min-width:206px; min-height:204px;} .thum_b5 .b_bundle .txt {position:absolute; bottom:10px; left:0; overflow:hidden; padding:0 15px 2px; width:176px; max-height:40px; font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#fff; word-break:break-all;} /* thum_b6 */ .thum_b6 {} .thum_b6 .group {} .thum_b6 .b_bundle {float:left;} .thum_b6 .b_bundle .tit_thum {position:relative; width:292px; height:220px;} .thum_b6 .b_bundle .tit_thum .thum {display:block; overflow:hidden; width:292px; height:220px;} .thum_b6 .b_bundle .tit_thum .thum img {display:block; min-width:292px; min-height:220px;} .thum_b6 .b_bundle .tit_thum .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/png60.png) repeat 0 0;} .thum_b6 .b_bundle .tit_thum .area {position:absolute; top:17px; left:0; padding:0 10px 2px 20px; z-index:1;} .thum_b6 .b_bundle .tit_thum .area .tit {display:block; font-size:17px; line-height:20px; letter-spacing:-0.5px; color:#fff;} .thum_b6 .b_bundle .tit_thum .area .num {display:inline-block; margin-left:7px; width:44px; height:20px; background:#ed1b2f; font-size:15px; line-height:19px; text-align:center; letter-spacing:-0.5px; color:#fff;} .thum_b6 .b_bundle .tit_thum a:hover .num, .thum_b6 .b_bundle .tit_thum a:focus .num {text-decoration:none;} .thum_b6 .b_bundle .tit_thum .more {position:absolute; bottom:17px; left:20px; padding-right:14px; width:86px; height:23px; background:url(http://image.newsis.com/new_www/homepage/bg_more1.png) no-repeat 0 0; font-size:13px; line-height:21px; text-align:center; letter-spacing:-0.5px; color:#fff;} .ie8 .thum_b6 .b_bundle .tit_thum .more {line-height:24px;} /* thum_b7 */ .thum_b7 {position:relative;} .thum_b7 a {position:relative; display:block; overflow:hidden; width:270px; height:203px;} .thum_b7 .thum {display:block;} .thum_b7 .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr8.png) repeat-x 0 bottom;} .thum_b7 .thum a img {display:block; min-width:270px; min-height:203px;} .thum_b7 .txt {position:absolute; bottom:15px; left:0; overflow:hidden; padding:0 20px; width:230px; font-size:15px; line-height:25px; letter-spacing:-0.25px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} /* thum_b8 */ .thum_b8 {position:relative; overflow:hidden; width:227px; height:196px;} .thum_b8 .bundle {position:relative; overflow:hidden; float:left; width:227px;} .thum_b8 .bundle .thum {} .thum_b8 .bundle .thum a {display:block; overflow:hidden; width:227px; height:170px;} .thum_b8 .bundle .thum a img {display:block; min-width:227px; min-height:170px;} .thum_b8 .bundle .txt {display:block; overflow:hidden; margin-top:6px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_b8 .bundle .txt a {font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#666;} .thum_b8 .btn_prev {position:absolute; top:60px; left:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1.png) no-repeat 0 0; z-index:1;} .thum_b8 .btn_next {position:absolute; top:60px; right:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_next1.png) no-repeat 0 0; z-index:1;} /* thum_p1 */ .thum_p1 {} /* 큰 이미지 */ .thum_p1 .b_thum {position:relative; float:left;} .thum_p1 .b_thum a {display:block; overflow:hidden; width:430px; height:415px;} .thum_p1 .b_thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_big_thum.png) no-repeat 0 0;} .thum_p1 .b_thum img {display:block; min-width:430px; min-height:415px;} .thum_p1 .b_thum .cls {position:absolute; top:0; left:0; background:#ed1f31; width:71px; height:38px; font-size:20px; line-height:34px; letter-spacing:-0.5px; text-align:center; color:#fff; z-index:1;} .thum_p1 .b_thum .txt {position:absolute; bottom:23px; left:0; overflow:hidden; padding:0 19px; width:392px; height:22px; font-size:18px; font-weight:bold; line-height:18px; letter-spacing:0.5px; color:#fff; z-index:1; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_p1 .b_thum:hover .txt {text-decoration:underline;} /* 작은 이미지 */ .thum_p1 .s_thum {float:right; margin-top:-5px; width:210px;} .thum_p1 .s_thum .group {} .thum_p1 .s_thum .group .bundle {position:relative; float:left; margin-top:5px; margin-left:5px; width:100px; height:100px;} .thum_p1 .s_thum .group .bundle a {display:block; overflow:hidden; width:100px; height:100px;} .thum_p1 .s_thum .group .bundle a img {display:block; min-width:100px; min-height:100px;} .thum_p1 .s_thum .group .bundle.on a:after, .thum_p1 .s_thum .group .bundle:hover a:after, .thum_p1 .s_thum .group .bundle:focus a:after {content:' '; position:absolute; top:0px; left:0px; width:94px; height:94px; border:3px solid #ed1b2f; z-index:10;} /* thum_p1_2 */ .thum_p1_2 {} /* 큰 이미지 */ .thum_p1_2 .b_thum {position:relative; float:left;} .thum_p1_2 .b_thum a {display:block; overflow:hidden; width:670px; height:451px;} .thum_p1_2 .b_thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr6.png) repeat-x 0 0;} .thum_p1_2 .b_thum img {display:block; min-width:670px; min-height:451px;} .thum_p1_2 .b_thum .area {position:absolute; bottom:10px; left:0; padding:0 19px; width:632px; color:#fff; z-index:1;} .thum_p1_2 .b_thum .area .tit {display:block; font-size:20px; line-height:24px; letter-spacing:0.25px; color:#fff;} .thum_p1_2 .b_thum .area .tit .email {font-size:17px;} .thum_p1_2 .b_thum .area .txt {overflow:hidden; display:block; margin-top:1px; font-size:15px; line-height:24px; letter-spacing:0.25px; color:#fff; z-index:1; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_p1_2 .b_thum:hover .area {text-decoration:underline;} /* 작은 이미지 */ .thum_p1_2 .s_thum {position:relative; float:right; margin-top:-1px; width:300px;} .thum_p1_2 .s_thum .group {} .thum_p1_2 .s_thum .group .bundle {position:relative; float:left; margin-top:1px; margin-left:1px; width:149px; height:112px;} .thum_p1_2 .s_thum .group .bundle a {display:block; overflow:hidden; width:149px; height:112px;} .thum_p1_2 .s_thum .group .bundle a img {display:block; min-width:149px; min-height:112px;} .thum_p1_2 .s_thum .group .bundle.on a:after, .thum_p1_2 .s_thum .group .bundle:hover a:after, .thum_p1_2 .s_thum .group .bundle:focus a:after {content:' '; position:absolute; top:0px; left:0px; width:139px; height:102px; border:5px solid #ed1b2f; z-index:10;} .thum_p1_2 .s_thum .btn_prev {position:absolute; top:200px; left:1px; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1.png) no-repeat 0 0; z-index:11;} .thum_p1_2 .s_thum .btn_next {position:absolute; top:200px; right:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_next1.png) no-repeat 0 0; z-index:11;} /* thum_p1_3 */ .thum_p1_3 {} /* 큰 이미지 */ .thum_p1_3 .b_thum {position:relative;} .thum_p1_3 .b_thum a {display:block; overflow:hidden; width:476px; height:356px;} .thum_p1_3 .b_thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr6.png) repeat-x 0 0;} .thum_p1_3 .b_thum img {display:block; min-width:476px; min-height:356px;} .thum_p1_3 .b_thum .tit {position:absolute; bottom:18px; left:0; overflow:hidden; padding:0 19px 2px; width:356px; height:22px; font-size:18px; line-height:22px; letter-spacing:0.5px; color:#fff; z-index:1;} .thum_p1_3 .b_thum .num {position:absolute; bottom:22px; right:20px; width:45px; height:22px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round1.png) no-repeat 0 0; font-size:15px; line-height:22px; text-align:center; letter-spacing:-0.25px; color:#fff; z-index:1;} /* 작은 이미지 */ .thum_p1_3 .s_thum {position:relative; width:476px;} .thum_p1_3 .s_thum .group {margin-left:-1px;} .thum_p1_3 .s_thum .group .bundle {position:relative; float:left; margin-top:1px; margin-left:1px; width:158px; height:119px;} .thum_p1_3 .s_thum .group .bundle a {display:block; overflow:hidden; width:158px; height:119px;} .thum_p1_3 .s_thum .group .bundle a img {display:block; min-width:158px; min-height:119px;} .thum_p1_3 .s_thum .btn_prev {position:absolute; top:34px; left:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1.png) no-repeat 0 0; z-index:11;} .thum_p1_3 .s_thum .btn_next {position:absolute; top:34px; right:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_next1.png) no-repeat 0 0; z-index:11;} /* thum_p1_4 */ .thum_p1_4 {} /* 큰 이미지 */ .thum_p1_4 .b_thum {position:relative; float:left;} .thum_p1_4 .b_thum a {display:block; overflow:hidden; width:518px; height:338px;} .thum_p1_4 .b_thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr1.png) repeat-x 0 bottom;} .thum_p1_4 .b_thum img {display:block; min-width:518px; min-height:338px;} .thum_p1_4 .b_thum .area {position:absolute; bottom:18px; left:0; overflow:hidden; padding:0 19px 2px; max-height:44px; z-index:1;} .thum_p1_4 .b_thum .area .tit {display:block; font-size:20px; line-height:22px; letter-spacing:0.5px; color:#fff;} .thum_p1_4 .b_thum .area .num {display:inline-block; margin-top:3px; margin-left:17px; width:44px; height:20px; background:#ed1b2f; font-size:15px; line-height:19px; text-align:center; letter-spacing:-0.5px; color:#fff;} .thum_p1_4 .b_thum a:hover .num, .thum_p1_4 .b_thum a:focus .num {text-decoration:none;} /* 작은 이미지 */ .thum_p1_4 .s_thum {position:relative; float:right; width:452px;} .thum_p1_4 .s_thum .group {margin-top:-6px;} .thum_p1_4 .s_thum .group .bundle {position:relative; float:left; margin-top:6px; margin-left:5px; width:221px; height:166px;} .thum_p1_4 .s_thum .group .bundle a {display:block; overflow:hidden; width:221px; height:166px;} .thum_p1_4 .s_thum .group .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr7.png) repeat-x 0 bottom;} .thum_p1_4 .s_thum .group .bundle a img {display:block; min-width:221px; min-height:166px;} .thum_p1_4 .s_thum .group .bundle .area {position:absolute; bottom:15px; left:0; overflow:hidden; padding:0 19px 2px; max-height:43px; z-index:1;} /* 수정 161128 */ .thum_p1_4 .s_thum .group .bundle .area .tit {display:block; font-size:16px; line-height:20px; letter-spacing:0.5px; color:#fff;} .thum_p1_4 .s_thum .group .bundle .area .tit .tit2 {margin-right:7px;} .thum_p1_4 .s_thum .group .bundle .area .num {display:inline-block; margin-top:3px; width:44px; height:20px; background:#ed1b2f; font-size:15px; line-height:19px; text-align:center; letter-spacing:-0.5px; color:#fff;} /* 수정 161128 */ .thum_p1_4 .s_thum .group .bundle a:hover .num, .thum_p1_4 .s_thum .group .bundle a:focus .num {text-decoration:none;} /* thum_p2 */ .thum_p2 {} .thum_p2 .group {} .thum_p2 .bundle {position:relative; float:left; margin-left:20px;} .thum_p2 .bundle:first-child {margin-left:0;} .thum_p2 .bundle a {display:block; overflow:hidden; width:260px; height:73px;} .thum_p2 .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/png29.png) repeat 0 0;} .thum_p2 .bundle a img {display:block; min-width:260px; min-height:73px;} .thum_p2 .bundle a .txt_area {position:absolute; top:0; left:0; z-index:1;} .thum_p2 .bundle a .txt_area .table {display:table; height:73px;} .thum_p2 .bundle a .txt_area .td {display:table-cell; padding:0 40px; font-size:21px; font-weight:bold; line-height:26px; text-align:center; vertical-align:middle; letter-spacing:-0.5px; color:#fff;} .thum_p2 .bundle a .txt_area .td span {display:inline-block; overflow:hidden; padding-bottom:1px; width:200px; min-height:27px; max-height:53px; text-shadow:2px 2px 2px #696767; word-break:break-all;} /* 수정 161128 */ .thum_p2 .bundle a .txt_area .td span.t1 {text-align:left;} .thum_p2 .bundle a:hover .txt_area .td span, .thum_p2 .bundle a:focus .txt_area .td span {text-decoration:underline;} /* thum_p3 */ .thum_p3 {position:relative;} .thum_p3 .group {margin-left:-11px;} .thum_p3 .bundle {position:relative; float:left; margin-left:11px;} .thum_p3 .bundle a {display:block; overflow:hidden; width:197px; height:151px;} .thum_p3 .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/png29.png) repeat 0 0;} .thum_p3 .bundle img {display:block; min-width:197px; min-height:151px;} .thum_p3 .bundle .txt {position:absolute; bottom:9px; left:0; overflow:hidden; padding:0 15px; width:167px; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; z-index:1;} .thum_p3 .bundle a:hover .txt, .thum_p3 .bundle a:focus .txt {text-decoration:underline;} .thum_p3 .bundle .num {position:absolute; top:10px; right:9px; width:45px; height:22px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round1.png) no-repeat 0 0; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#fff; z-index:1;} .thum_p3 .btn_prev {position:absolute; top:50px; left:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1.png) no-repeat 0 0;} .thum_p3 .btn_next {position:absolute; top:50px; right:11px; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_next1.png) no-repeat 0 0;} .thum_p3 .bundle2 {position:relative; width:227px; } .thum_p3 .bundle2 .thum {position:relative; display:block;} .thum_p3 .bundle2 .thum a {display:block; overflow:hidden; width:227px; height:170px;} .thum_p3 .bundle2 .thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/png30.png) repeat 0 0;} .thum_p3 .bundle2 .thum img {display:block; min-width:227px; min-height:170px;} .thum_p3 .bundle2 .txt {display:block; overflow:hidden; margin-top:6px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_p3 .bundle2 .txt a {font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#666;} .thum_p3 .bundle2 .num {position:absolute; top:10px; right:9px; width:45px; height:22px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round1.png) no-repeat 0 0; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#fff; z-index:1;} /* thum_p4 */ .thum_p4 {} .thum_p4 .bundle {} .thum_p4 .bundle .thum {position:relative; float:left; margin-right:20px; padding-top:4px; background:url(http://image.newsis.com/new_www/homepage/bg_book_top.png) no-repeat 0 0;} .thum_p4 .bundle .thum a {display:block; overflow:hidden; width:91px; height:123px;} .thum_p4 .bundle .thum a img {display:block; width:91px;} /* thum_p5 */ .thum_p5 {} .thum_p5 .bundle {position:relative; margin-top:10px;} .thum_p5 .bundle:first-child {margin-top:0;} .thum_p5 .bundle a {display:block;} .thum_p5 .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr2.png) repeat-x 0 10px;} /* 수정 161216 */ .thum_p5 .bundle .thum {display:block; overflow:hidden; width:300px; height:165px;} .thum_p5 .bundle .thum img {display:block; min-width:300px; min-height:165px;} .thum_p5 .bundle .txt {position:absolute; bottom:17px; left:0; overflow:hidden; padding:0 19px 2px; max-height:36px; font-size:16px; line-height:18px; letter-spacing:-0.5px; color:#fff; z-index:1;} /* thum_p6 */ .thum_p6 {} .thum_p6 .group {margin-left:-20px;} .thum_p6 .bundle {float:left; margin-top:21px; margin-left:20px; width:227px;} .thum_p6 .h264 .bundle {margin-top:0; height:264px;} .thum_p6 .bundle .thum {display:block;} .thum_p6 .bundle .thum a {display:block; overflow:hidden; width:227px; height:170px;} .thum_p6 .bundle .thum a img {display:block; min-width:227px; min-height:170px;} .thum_p6 .bundle .txt {display:block; overflow:hidden; margin-top:11px; height:42px;} .thum_p6 .bundle .txt a {font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#333;} .thum_p6 .bundle .txt2 {display:block; overflow:hidden; padding-bottom:1px; margin-top:12px; max-height:38px;} .ie8 .thum_p6 .bundle .txt2 {padding-bottom:0;} .thum_p6 .bundle .txt2 a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#333;} .thum_p6 .bundle .date {display:block; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} /* thum_p7 */ .thum_p7 {padding:20px; background:#374a80;} .thum_p7 .group {} .thum_p7 .bundle {position:relative; float:left; margin-left:20px; width:290px;} .thum_p7 .bundle:before {content:' '; position:absolute; bottom:0; left:0; width:100%; height:53px; background:url(http://image.newsis.com/new_www/homepage/png60.png) repeat 0 0; z-index:0;} /* 추가 161012 */ .thum_p7 .bundle:first-child {margin-left:0;} .thum_p7 .bundle .thum {display:block; overflow:hidden; width:290px; height:217px;} .thum_p7 .bundle .thum img {display:block; min-width:290px; min-height:217px;} .thum_p7 .bundle .cls {position:absolute; top:0; left:0; padding:0 10px; min-width:48px; height:25px; background:#e74b3c; font-size:13px; line-height:23px; letter-spacing:-0.4px; color:#fff;} .ie8 .thum_p7 .bundle .cls {line-height:27px;} .thum_p7 .bundle .txt {position:absolute; bottom:0; left:0; overflow:hidden; padding:5px 12px 4px; height:44px; font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#fff;} /* 수정 161012 */ .thum_p7 .bundle a:hover .txt, .thum_p7 .bundle a:focus .txt {text-decoration:underline;} .thum_p7 .bundle a:hover .cls, .thum_p7 .bundle a:focus .cls {text-decoration:none;} .thum_p7 .btn_more {position:absolute; top:6px; right:8px; width:18px; height:18px;} /* thum_p8 */ .thum_p8 {padding:20px; background:#374a80;} .thum_p8 .group {} .thum_p8 .bundle {position:relative; float:left; margin-left:18px; width:188px;} .thum_p8 .bundle:first-child {margin-left:0;} .thum_p8 .bundle .thum {display:block; overflow:hidden; width:188px; height:141px;} .thum_p8 .bundle .thum img {display:block; min-width:188px; min-height:141px;} .thum_p8 .bundle .cls {position:absolute; top:0; left:0; padding:0 10px; min-width:48px; height:25px; background:#e74b3c; font-size:13px; line-height:23px; letter-spacing:-0.4px; color:#fff;} .ie8 .thum_p8 .bundle .cls {line-height:27px;} .thum_p8 .bundle .txt {position:absolute; bottom:0; left:0; overflow:hidden; padding:5px 12px 4px; height:44px; background:url(http://image.newsis.com/new_www/homepage/png60.png) repeat 0 0; font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#fff;} .thum_p8 .bundle a:hover .txt, .thum_p8 .bundle a:focus .txt {text-decoration:underline;} .thum_p8 .bundle a:hover .cls, .thum_p8 .bundle a:focus .cls {text-decoration:none;} .thum_p8 .btn_more {position:absolute; top:6px; right:8px; width:18px; height:18px;} /* thum_p9 */ .thum_p9 {position:relative;} .thum_p9 .h3_tit {padding:18px 0 0 22px; width:133px; height:141px; background:#e74b3c; font-size:18px; line-height:22px; letter-spacing:-0.5px; color:#fff;} .thum_p9 .group {} .thum_p9 .bundle {float:left; margin-left:7px; width:155px;} .thum_p9 .bundle:first-child {margin-left:6px;} .thum_p9 .bundle a {display:block; color:#000;} .thum_p9 .bundle .thum {display:block; overflow:hidden; width:155px; height:104px;} .thum_p9 .bundle .thum img {display:block; min-width:155px; min-height:104px;} .thum_p9 .bundle .area {display:block; padding:4px 11px 6px; border:1px solid #ccc; border-top:0;} .thum_p9 .bundle .txt {display:block; overflow:hidden; height:44px; font-size:14px; line-height:22px; letter-spacing:-0.25px;} .thum_p9 .btn_prev {position:absolute; top:118px; left:96px; width:20px; height:21px; background:url(http://image.newsis.com/new_www/homepage/btn_prev2.png) no-repeat 0 0;} .thum_p9 .btn_next {position:absolute; top:118px; left:115px; width:20px; height:21px; background:url(http://image.newsis.com/new_www/homepage/btn_next2.png) no-repeat 0 0;} /* thum_p10 */ .thum_p10 {position:relative;} .thum_p10 .group {} .thum_p10 .bundle {float:left; margin-left:11px; width:206px;} .thum_p10 .bundle:first-child {margin-left:0;} .thum_p10 .bundle a {display:block; color:#000;} .thum_p10 .bundle .thum {display:block; overflow:hidden; width:206px; height:140px;} .thum_p10 .bundle .thum img {display:block; min-width:206px; min-height:140px;} .thum_p10 .bundle .area {display:block; padding:12px 8px 9px; border:1px solid #ccc; border-top:0;} .thum_p10 .bundle .txt {display:block; overflow:hidden; height:42px; font-size:15px; text-align:center; line-height:20px; letter-spacing:-0.5px; color:#666;} /* thum_p11 */ .thum_p11 {position:relative; padding:20px; background:#f1f1f1;} .thum_p11 .group {margin-top:-21px; margin-left:-19px;} .thum_p11 .bundle {float:left; margin-top:21px; margin-left:19px; width:218px;} .thum_p11 .bundle a {display:block; color:#000;} .thum_p11 .bundle .thum {display:block; overflow:hidden; width:218px; height:163px;} .thum_p11 .bundle .thum img {display:block; min-width:218px; min-height:163px;} .thum_p11 .bundle .area {display:block; padding:16px 15px 20px; background:#fff;} .thum_p11 .bundle .txt {display:block; overflow:hidden; height:44px; font-size:15px; text-align:center; line-height:22px; letter-spacing:-0.5px; color:#333;} /* thum_p12 - 수정 161227 */ .thum_p12 {position:relative;} .thum_p12 .group {margin-top:-20px; margin-left:-20px;} .thum_p12 .bundle {float:left; margin-top:20px; margin-left:20px; width:225px; border:1px solid #f1f1f1;} .thum_p12 .bundle a {display:block; color:#000;} .thum_p12 .bundle .thum {display:block; overflow:hidden; width:225px; height:163px;} .thum_p12 .bundle .thum img {display:block; min-width:225px; min-height:163px;} .thum_p12 .bundle .area {display:block; padding:9px 15px 10px; background:#f1f1f1;} .thum_p12 .bundle .txt {display:block; overflow:hidden; height:44px; font-size:15px; text-align:center; line-height:22px; letter-spacing:-0.5px; color:#333;} /* thum_p13 */ .thum_p13 {position:relative;} .thum_p13 .group {} .thum_p13 .bundle {position:relative; float:left; margin-left:20px;} .thum_p13 .bundle:first-child {margin-left:0;} .thum_p13 .bundle a {display:block; overflow:hidden; width:310px; height:232px; background:url(http://image.newsis.com/new_www/homepage/bg_310x232.gif) no-repeat 0 0;} .thum_p13 .bundle img {display:block; min-width:310px; min-height:232px;} .thum_p13 .bundle .cls {position:absolute; top:0px; left:0; width:90px; height:25px; background:#e74b3c; font-size:14px; line-height:23px; text-align:center; letter-spacing:-0.25px; color:#fff;} .thum_p13 .bundle .tit {position:absolute; bottom:0; left:0; overflow:hidden; padding:0 10px 0 15px; width:285px; height:45px; background:url(http://image.newsis.com/new_www/homepage/png60.png) repeat 0 0; font-size:16px; line-height:43px; letter-spacing:-0.25px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_p13 .bundle a:hover .tit, .thum_p13 .bundle a:focus .tit {text-decoration:underline;} .thum_p13 .btn_prev {position:absolute; top:91px; left:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1.png) no-repeat 0 0;} .thum_p13 .btn_next {position:absolute; top:91px; right:0; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_next1.png) no-repeat 0 0;} /* thum_p14 */ .thum_p14 {} .thum_p14 .group {} .thum_p14 .bundle {float:left; margin-left:15px; width:174px;} .thum_p14 .bundle:first-child {margin-left:0;} .thum_p14 .bundle .thum {position:relative; display:block;} .thum_p14 .bundle .thum a {display:block; overflow:hidden; width:174px; height:130px;} .thum_p14 .bundle .thum a img {display:block; min-width:174px; min-height:130px;} .thum_p14 .bundle .cls {position:absolute; top:0; left:0; padding:0 7px; height:21px; background:url(http://image.newsis.com/new_www/homepage/png50.png) repeat 0 0; font-size:14px; line-height:19px; letter-spacing:-0.4px; color:#fff;} .thum_p14 .bundle a:hover .cls, .thum_p14 .bundle a:focus .cls {text-decoration:none;} .thum_p14 .bundle .txt {display:block; overflow:hidden; margin-top:10px; height:44px;} .thum_p14 .bundle .txt a {font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#333; word-break:break-all;} /* thum_p15 */ .thum_p15 {} .thum_p15 .group {} .thum_p15 .bundle {float:left; margin-left:17px; width:180px;} .thum_p15 .bundle:first-child {margin-left:0;} .thum_p15 .bundle .thum {position:relative; display:block;} .thum_p15 .bundle .thum a {display:block; overflow:hidden; width:180px; height:135px;} .thum_p15 .bundle .thum a img {display:block; min-width:180px; min-height:135px;} .thum_p15 .bundle .cls {position:absolute; top:0; left:0; padding:0 7px; height:21px; background:url(http://image.newsis.com/new_www/homepage/png50.png) repeat 0 0; font-size:14px; line-height:19px; letter-spacing:-0.4px; color:#fff;} .thum_p15 .bundle a:hover .cls, .thum_p15 .bundle a:focus .cls {text-decoration:none;} .thum_p15 .bundle .txt {display:block; overflow:hidden; margin-top:5px; height:44px;} .thum_p15 .bundle .txt a {font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#333; word-break:break-all;} /* thum_p16 */ .thum_p16 {position:relative;} .thum_p16 .group {} .thum_p16 .bundle {float:left; margin-left:5px; width:221px;} .thum_p16 .bundle a {display:block; color:#666;} .thum_p16 .bundle .thum {display:block; overflow:hidden; width:221px; height:153px;;} .thum_p16 .bundle .thum img {display:block; min-width:221px; min-height:153px;} .thum_p16 .bundle .area {display:block; padding:12px 13px 10px; border:1px solid #dedede; border-top:0;} .thum_p16 .bundle .txt {display:block; overflow:hidden; height:44px; font-size:15px; line-height:22px; letter-spacing:-0.4px; color:#666; word-break:break-all;} /* thum_p17 */ .thum_p17 {} .thum_p17 .group {margin-left:-20px;} .thum_p17 .bundle {float:left; margin-left:20px; width:310px; height:339px;} .thum_p17 .bundle .thum {position:relative; display:block;} .thum_p17 .bundle .thum a {display:block; overflow:hidden; width:310px; height:232px;} .thum_p17 .bundle .thum a .num {position:absolute; top:0; left:0; padding-right:7px; min-width:33px; height:40px; background:#ed1b2f; font-size:30px; font-style:italic; line-height:38px; text-align:center; letter-spacing:-0.25px; color:#fff;} /* 수정 161012 */ .ie8 .thum_p17 .bundle .thum a .num {line-height:40px;} .thum_p17 .bundle .thum a img {display:block; min-width:310px; min-height:232px;} .thum_p17 .bundle .tit {display:block; overflow:hidden; margin-top:9px; max-height:48px;} .thum_p17 .bundle .tit a {font-size:18px; line-height:24px; letter-spacing:-0.25px; color:#000; word-break:break-all;} .thum_p17 .bundle .date {display:block; margin-top:9px; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#999;} /* thum_p18 */ .thum_p18 {position:relative; background:#464953;} .thum_p18 .group {} .thum_p18 .bundle {float:left; width:190px; margin-left:15px;} .thum_p18 .bundle:first-child {margin-left:0;} .thum_p18 .bundle .thum {position:relative; display:block; overflow:hidden; width:190px; height:139px;} .thum_p18 .bundle .thum a {display:block;} .thum_p18 .bundle .thum a img {display:block; min-width:190px; min-height:139px;} .thum_p18 .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr3.png) repeat 0 0;} .thum_p18 .bundle .txt {display:block; overflow:hidden; margin-top:6px; height:40px;} .thum_p18 .bundle .txt a {font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#fff;} .thum_p18 .bundle .num {position:absolute; bottom:10px; right:9px; width:45px; height:22px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round1.png) no-repeat 0 0; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#fff; z-index:1;} /* thum_p19 */ .thum_p19 {position:relative; padding:22px 20px 19px; background:#464953;} .thum_p19 .group {margin-left:-10px;} .thum_p19 .bundle {float:left; width:178px; margin-left:10px;} .thum_p19 .bundle .thum {position:relative; display:block; overflow:hidden; width:178px; height:133px;} .thum_p19 .bundle .thum a {display:block;} .thum_p19 .bundle .thum a img {display:block; min-width:178px; min-height:133px;} .thum_p19 .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/png30.png) repeat 0 0;} .thum_p19 .bundle .txt {display:block; overflow:hidden; margin-top:6px; height:40px;} .thum_p19 .bundle .txt a {font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#fff;} .thum_p19 .bundle .num {position:absolute; bottom:10px; right:9px; width:45px; height:22px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round1.png) no-repeat 0 0; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#fff; z-index:1;} .thum_p19 .btn_prev {position:absolute; top:63px; left:20px; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1.png) no-repeat 0 0;} .thum_p19 .btn_next {position:absolute; top:63px; right:20px; width:41px; height:51px; background:url(http://image.newsis.com/new_www/homepage/btn_next1.png) no-repeat 0 0;} /* thum_p20 */ .thum_p20 {position:relative; padding:22px 55px 18px; background:#464953;} .thum_p20 .group {margin-left:-12px;} .thum_p20 .bundle {float:left; width:162px; margin-left:12px;} .thum_p20 .bundle .thum {position:relative; display:block; overflow:hidden; width:162px; height:162px;} .thum_p20 .bundle .thum a {display:block;} .thum_p20 .bundle .thum a img {display:block; min-width:162px; min-height:162px;} .thum_p20 .bundle .txt {display:block; overflow:hidden; margin-top:6px; height:40px;} .thum_p20 .bundle .txt a {font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#fff;} .thum_p20 .btn_prev {position:absolute; top:108px; left:15px; width:16px; height:31px; background:url(http://image.newsis.com/new_www/homepage/btn_prev5.png) no-repeat 0 0;} .thum_p20 .btn_next {position:absolute; top:108px; right:15px; width:16px; height:31px; background:url(http://image.newsis.com/new_www/homepage/btn_next5.png) no-repeat 0 0;} /* thum_p21 */ .thum_p21 {position:relative;} .thum_p21 .group {margin-left:-20px;} .thum_p21 .bundle {float:left; width:227px; margin-left:20px; margin-bottom:15px;} .thum_p21 .bundle .thum {position:relative; display:block; overflow:hidden; width:227px; height:170px;} .thum_p21 .bundle .thum a {display:block;} .thum_p21 .bundle .thum a img {display:block; min-width:227px; min-height:170px;} .thum_p21 .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr3.png) repeat 0 0;} .thum_p21 .bundle .thum.on a:before, .thum_p21 .bundle .thum:hover a:before {content:' '; position:absolute; top:0; left:0; width:221px; height:164px; border:3px solid #ed1b2f;} .thum_p21 .bundle .txt {display:block; overflow:hidden; margin-top:6px; height:40px;} .thum_p21 .bundle .txt a {font-size:15px; line-height:18px; letter-spacing:-0.5px; color:#333;} .thum_p21 .bundle .num {position:absolute; bottom:10px; right:9px; width:45px; height:22px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round1.png) no-repeat 0 0; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#fff; z-index:1;} /* t_type1 */ .t_type1 {} .t_type1 table {} .t_type1 th {padding-top:16px; width:98px; font-size:16px; line-height:22px; text-align:left; vertical-align:top; letter-spacing:-0.5px; border:1px solid #ccc; border-left:0;} /* 수정 161107 */ .t_type1 th a {display:inline-block; padding-right:18px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow4.png) no-repeat right 7px; color:#010101;} .t_type1 td {padding:14px 0 11px 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .t_type1 td .lst_p2, .t_type1 td .lst_p5 {max-width:520px;} .ie8 .t_type1 .lst_p5 .bundle:first-child {margin-top:2px} /* t_type2 */ .t_type2 {} .t_type2 table {} .t_type2 td {position:relative; height:48px; text-align:center; border:1px solid #c2c2c2;} .t_type2 td a {display:block; height:48px; font-size:15px; line-height:46px; letter-spacing:-0.5px; color:#333;} .t_type2 td.on a, .t_type2 td:hover a, .t_type2 td:focus a {text-decoration:none; color:#ed1b2f;} .t_type2 td:hover a strong, .t_type2 td:focus a strong {text-decoration:none;} .t_type2 .t1.on a:after, .t_type2 .t1:hover a:after, .t_type2 .t1:focus a:after {content:' '; position:absolute; top:-1px; left:-1px; width:135px; height:46px; border:2px solid #ed1b2f;} .t_type2 .t2.on a:after, .t_type2 .t2:hover a:after, .t_type2 .t2:focus a:after {content:' '; position:absolute; top:-1px; left:-1px; width:136px; height:46px; border:2px solid #ed1b2f;} /* t_type3 */ .t_type3 {} .t_type3 table {} .t_type3 th {height:38px; font-size:15px; letter-spacing:-0.5px; color:#000; border-top:1px solid #979797; border-bottom:1px solid #979797;} .t_type3 .lst td {height:40px; font-size:14px; text-align:center; color:#333; border-bottom:1px solid #d9d9d9;} .t_type3 td.tit {padding-left:17px; text-align:left;} .t_type3 td.tit img {margin-top:2px; vertical-align:top;} .t_type3 td.tit a {color:#333;} .t_type3 td.on .tit a {text-decoration:underline;} .t_type3 .area td {display:none;} .t_type3 .on .area td {display:table-cell;} .t_type3 .txt {padding:23px 30px 30px; font-size:14px; line-height:24px; text-align:left; letter-spacing:-0.25px; color:#777; border-bottom:1px solid #d9d9d9; } .t_type3 .lst_file {} .t_type3 .lst_file .tit {display:block; padding-left:13px; height:36px; background:#ececec; font-size:14px; line-height:34px; color:#000;} .t_type3 .lst_file .group {padding:6px 0 8px; background:#f7f7f7;} .t_type3 .lst_file .bundle {overflow:hidden;} .t_type3 .lst_file .bundle .txt_link {padding-left:14px; font-size:13px; line-height:25px; color:#333;} .t_type3 .lst_file .bundle .txt_link img {margin-top:-2px;} .t_type3 .lst_file .bundle .txt_link a {font-size:13px; line-height:24px; color:#333;} .t_type3 .lst_file .bundle .txt_link .sizkb {color:#989797;} .t_type3 .lst_file .bundle .link {margin-left:9px;} .t_type3 .lst_file .bundle .link a {font-size:12px; line-height:25px; color:#ed1b2f;} /* rel_article_p1 */ .rel_article_p1 {} .rel_article_p1 .group {} .rel_article_p1 .group .bundle {float:left; overflow:hidden; padding:0 12px; width:300px; background:url(http://image.newsis.com/new_www/homepage/bl_rel1.png) no-repeat 0 5px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .rel_article_p1 .group .bundle a {width:292px; height:24px; font-size:14px; line-height:24px; letter-spacing:-0.25px; color:#666;} /* rel_article_p2 */ .rel_article_p2 {} .rel_article_p2 .group {} .rel_article_p2 .group .bundle {overflow:hidden; padding-left:12px; background:url(http://image.newsis.com/new_www/homepage/bl_rel1.png) no-repeat 0 4px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .rel_article_p2 .group .bundle a {height:23px; font-size:14px; line-height:23px; letter-spacing:-0.25px; color:#666;} /* rel_article_p3 */ .rel_article_p3 {} .rel_article_p3 .group {margin-left:-10px;} .rel_article_p3 .group .bundle {float:left; overflow:hidden; margin-top:12px; margin-left:11px; padding-left:15px; width:304px; background:url(http://image.newsis.com/new_www/homepage/bl_rel1.png) no-repeat 0 5px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .rel_article_p3 .group .bundle a {width:300px; height:23px; font-size:16px; line-height:23px; letter-spacing:-0.5px; color:#676767;} .rel_article_p3 .group.siz1 .bundle {width:300px;} /* rel_article_p4 */ .rel_article_p4 {} .rel_article_p4 .group {} .rel_article_p4 .group .bundle {overflow:hidden; padding-left:12px; background:url(http://image.newsis.com/new_www/homepage/bl_rel1.png) no-repeat 0 4px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .rel_article_p4 .group .bundle a {height:23px; font-size:15px; line-height:23px; letter-spacing:-0.5px; color:#666;} /* lst_weather */ .lst_weather {position:relative;} .lst_weather .group {overflow:hidden; margin-left:-16px; padding-left:34px;} .lst_weather .bundle {float:left; margin-left:16px;} .lst_weather .bundle a {display:block; color:#666;} .lst_weather .bundle .thum {position:relative; display:block; width:60px; height:60px; text-align:center;} .lst_weather .bundle .thum img {margin-top:12px; width:45px;} .lst_weather .bundle .thum:after {content:' '; position:absolute; top:0; left:0; width:60px; height:60px; background:url(http://image.newsis.com/new_www/homepage/bg_circle1.png) no-repeat 0 0;} .lst_weather .bundle .txt {display:block; font-size:14px; line-height:20px; text-align:center; letter-spacing:-0.25px; color:#666;} .lst_weather .btn_prev {position:absolute; top:0; left:0; width:34px; height:60px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_2_left.png) no-repeat 0 22px; background-color:#fff;} .lst_weather .btn_next {position:absolute; top:0; right:0; width:33px; height:60px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_2_right.png) no-repeat 19px 22px; background-color:#fff;} /* 헤드라인 뉴스 */ .today_head {} /* 상단 뉴스 */ .today_head .hd_news {position:relative;} .today_head .hd_news .thum {float:left; overflow:hidden; margin-top:10px; margin-right:18px; width:160px; height:105px;} .today_head .hd_news .thum a {} .today_head .hd_news .thum a img {} .today_head .hd_news .area {} .today_head .hd_news .area .tit {display:block; overflow:hidden; height:35px;} .today_head .hd_news .area .tit a {font-size:22px; line-height:35px; letter-spacing:-0.4px; color:#000;} .today_head .hd_news .area .tit2 {display:block; overflow:hidden; margin-top:2px; height:20px; font-size:17px; line-height:20px; letter-spacing:-0.4px; color:#333;} .today_head .hd_news .area .txt1 {display:block; overflow:hidden; margin-top:9px; height:50px;} .today_head .hd_news .area .txt1 a {font-size:16px; line-height:25px; letter-spacing:-0.4px; color:#666;} /* lst_t1 */ .today_head .lst_t1 {} .today_head .lst_t1 .group {margin-left:-20px;} .today_head .lst_t1 .bundle {float:left; overflow:hidden; margin-bottom:15px; margin-left:20px; width:310px;} .today_head .lst_t1 .bundle .thum {float:left; overflow:hidden; margin-right:15px; width:108px; height:71px;} .today_head .lst_t1 .bundle .thum a {} .today_head .lst_t1 .bundle .thum a img {} .today_head .lst_t1 .bundle .txt {display:block; overflow:hidden; margin-top:10px; height:48px;} .today_head .lst_t1 .bundle .txt a {font-size:17px; line-height:24px; letter-spacing:-0.4px; color:#000;} /* thum_t1 */ .today_head .thum_t1 {} .today_head .thum_t1 .group {} .today_head .thum_t1 .bundle {position:relative; float:left; overflow:hidden; margin-left:10px; width:152px;} .today_head .thum_t1 .bundle:first-child {margin-left:0;} .today_head .thum_t1 .bundle .thum {display:block; overflow:hidden; width:152px; height:122px;} .today_head .thum_t1 .bundle .thum a {} .today_head .thum_t1 .bundle .thum a img {min-width:152px; min-height:122px;} .today_head .thum_t1 .bundle .txt {display:block; overflow:hidden; margin-top:3px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .today_head .thum_t1 .bundle .txt a {font-size:15px; line-height:27px; letter-spacing:-0.25px; color:#333;} /* -------------------------------------------- aside-------------------------------------------- */ #aside {float:right; width:300px;} .a_bundle {position:relative; margin-left:20px; margin-right:20px; padding-bottom:19px;} .a_bundle1 {position:relative; background:#efefef; padding:21px 20px 19px;} .a_bundle2 {position:relative; background:#fff;} .a_bundle3 {position:relative; margin-left:20px; margin-right:20px; padding-top:20px; border-top:1px solid #e4e4e4;} .a_bundle4 {position:relative; padding:27px 19px 30px; border-bottom:1px solid #e4e4e4;} /* 타이틀 */ .a_h3_tit {font-size:17px; line-height:19px; letter-spacing:-0.5px; color:#000;} .a_h3_tit a {display:inline-block; padding-right:18px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow4.png) no-repeat right 6px; font-size:17px; line-height:19px; letter-spacing:-0.5px; color:#000;} /* 실시간 주요지수 */ .a_bx1 {} .a_bx1 .ifam {position:relative;} .a_bx1 .ifam:after {content:' '; position:absolute; top:0; left:0; width:100%; height:20px; background:#efefef;} .a_bx1.amsi .ifam:after {background:#fff;} .a_bx1 .date1 {display:block; font-size:!3px; letter-spacing:-0.5px; text-align:right; color:#8c8c8c;} .a_bx1 .btn_re {position:absolute; top:0; right:0; width:20px; height:20px; background:url(http://image.newsis.com/new_www/homepage/btn_refresh1.png) no-repeat 0 0;} /* bx_msi */ .a_msi {position:relative; padding:19px 19px 14px 19px; background:#efefef;} .a_msi .tit1 {width:260px; height:35px; background:url(http://image.newsis.com/new_www/homepage/bg_msiback2.gif) no-repeat 0 0;} .a_msi .tit1 .ntxt {display:inline-block; width:130px; font-size:18px; line-height:33px; letter-spacing:-0.5px; text-align:center; color:#fff;} .ie8 .a_msi .tit1 .ntxt {line-height:31px;} .a_msi .tit2 {display:block; font-size:19px; text-align:center; line-height:26px; color:#333;} .a_msi .tit2 span {font-weight:normal; color:#666;} .a_msi .msitb {} .a_msi .msitb table {} .a_msi .msitb td {height:34px; background:#fff; border:1px solid #d7d7d7;} .a_msi .msitb td a {display:block; font-size:17px; text-align:center; color:#666;} .a_msi .msitb td.on a {color:#ed1b2f;} /* alst_msi1 */ .alst_msi1 {overflow:hidden;} .alst_msi1 .group {} .alst_msi1 .group li {overflow:hidden; margin-top:5px;} .alst_msi1 .group li:first-child {margin-top:0;} .alst_msi1 .group .type {font-size:14px; line-height:16px; letter-spacing:-0.5px; color:#333;} .alst_msi1 .group .type .num {float:left; margin-top:2px; margin-right:10px; font-size:16px; line-height:16px; letter-spacing:-0.5px; font-style: italic; color:#333;} .alst_msi1 .group .type .bxnum {float:left; margin-right:8px; width:18px; height:18px; font-size:13px; text-align:center; line-height:16px; letter-spacing:-0.5px; color:#fff;} .ie8 .alst_msi1 .group .type .bxnum {line-height:20px;} .alst_msi1 .group .type .bxnum.n7 {background-color:#f71b2d;} .alst_msi1 .group .type .bxnum.n6 {background-color:#f25964;} .alst_msi1 .group .type .bxnum.n5 {background-color:#f69098;} .alst_msi1 .group .type .bxnum.n4 {background-color:#fabdc3;} .alst_msi1 .group .type .bxnum.n3 {background-color:#afafaf;} .alst_msi1 .group .type .bxnum.n2 {background-color:#878787;} .alst_msi1 .group .type .bxnum.n1 {background-color:#5b5b5b;} .alst_msi1 .group .rgroup {font-size:14px; letter-spacing:-0.5px;} .alst_msi1 .group .rgroup.up {color:#ed1c24;} .alst_msi1 .group .rgroup.down {color:#0054a6;} .alst_msi1 .group .rgroup.sam {} .alst_msi1 .group .type .num2 {display:inline-block; margin-right:10px; padding-right:3px; width:17px; height:18px; background:#c1c1c1; font-size:13px; text-align:center; line-height:17px; letter-spacing:-0.5px; font-style: italic; color:#fff;} .ie8 .alst_msi1 .group .type .num2 {line-height:18px;} /* alst_msi2 */ .alst_msi2 {padding:10px 0; background:#ededed;} .alst_msi2 li {float:left; margin-left:17px;} .alst_msi2 li:first-child {margin-left:10px;} .alst_msi2 li .bxnum {display:block; margin-bottom:2px; width:19px; height:19px; font-size:13px; text-align:center; line-height:17px; letter-spacing:-0.5px; color:#fff;} .ie8 .alst_msi2 li .bxnum {line-height:20px;} .alst_msi2 li .bxnum.n7 {background-color:#f71b2d;} .alst_msi2 li .bxnum.n6 {background-color:#f25964;} .alst_msi2 li .bxnum.n5 {background-color:#f69098;} .alst_msi2 li .bxnum.n4 {background-color:#fabdc3;} .alst_msi2 li .bxnum.n3 {background-color:#afafaf;} .alst_msi2 li .bxnum.n2 {background-color:#878787;} .alst_msi2 li .bxnum.n1 {background-color:#5b5b5b;} .alst_msi2 li .txt {display:block; margin-left:-1px; width:21px; font-size:11px; line-height:12px; letter-spacing:-0.5px; vertical-align:middle; color:#6e6e6e;} /* msi 코너 */ .abxlst {} .abxlst .group {} .abxlst .bundle {} .abxlst .bundle .thum {position:relative; float:left; margin-right:19px;} .abxlst .bundle .thum a {display:block; overflow:hidden; width:106px; height:106px;} .abxlst .bundle .thum a img {display:block; min-width:106px; min-height:106px;} .abxlst .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:106px; height:106px; background:url(http://image.newsis.com/new_www/homepage/bg_thum_round3.png) no-repeat 0 0; z-index:1;} .abxlst .bundle .area {overflow:hidden; margin-top:5px;} .abxlst .bundle .area .cls {display:inline-block; overflow:hidden; padding-right:20px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow11.png) no-repeat right 7px;} .abxlst .bundle .area .cls a {font-size:17px; line-height:22px; color:#ed1b2f;} .abxlst .bundle .area .txt {display:block; overflow:hidden; max-height:60px;} .abxlst .bundle .area .txt a {font-size:15px; line-height:20px; color:#666; word-break:break-all;} /* tab1 */ .a_tab1 {position:relative; overflow:hidden;} .a_tab1 ul {margin-left:23px;} .a_tab1 ul li {position:relative; float:left;} .a_tab1 ul li a {display:block; margin-left:-1px; width:53px; height:24px; font-size:13px; line-height:23px; letter-spacing:-0.25px; text-align:center; color:#666; border:1px solid #b0b0b0;} .ie8 .a_tab1 ul li a {line-height:26px;} .a_tab1.siz1 ul li a {width:71px;} .a_tab1 ul li.on a, .a_tab1 ul li:hover a, .a_tab1 ul li:focus a {background:#ed1b2f; text-decoration:none; color:#fff;} .a_tab1 ul li.on a:after, .a_tab1 ul li:hover a:after, .a_tab1 ul li:focus a:after {content:' '; position:absolute; top:0; left:-1px; width:53px; height:24px; border:1px solid #ed1b2f; z-index:1;} .a_tab1.siz1 ul li.on a:after, .a_tab1.siz1 ul li:hover a:after, .a_tab1.siz1 ul li:focus a:after {content:' '; position:absolute; top:0; left:-1px; width:71px; height:24px; border:1px solid #ed1b2f; z-index:1;} .a_tab1 .btn_prev {position:absolute; top:0; left:0; width:22px; height:26px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_left.png) no-repeat 5px 7px; background-color:#efefef; border:1px solid #b0b0b0; border-right:0;} .a_tab1 .btn_next {position:absolute; top:0; right:0; width:21px; height:26px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_right.png) no-repeat 8px 7px; background-color:#efefef; border:1px solid #b0b0b0; border-left:0;} .a_tab1.siz1 .btn_prev, .a_tab1.siz1 .btn_next {background-color:#fff;} /* a_tab2 */ .a_tab2 {position:relative; overflow:hidden;} .a_tab2 ul {margin-left:1px;} .a_tab2 ul li {position:relative; float:left;} .a_tab2 ul li a {display:block; margin-left:-1px; width:85px; height:24px; font-size:13px; line-height:23px; letter-spacing:-0.25px; text-align:center; color:#666; border:1px solid #b0b0b0;} .ie8 .a_tab2 ul li a {line-height:26px;} .a_tab2 ul li.on a, .a_tab2 ul li:hover a, .a_tab2 ul li:focus a {background:#ed1b2f; text-decoration:none; color:#fff;} .a_tab2 ul li.on a:after, .a_tab2 ul li:hover a:after, .a_tab2 ul li:focus a:after {content:' '; position:absolute; top:0; left:-1px; width:85px; height:24px; border:1px solid #ed1b2f; z-index:1;} /* lst_a1 */ .lst_a1 {} .lst_a1 .group {} .lst_a1 .bundle {overflow:hidden; height:28px;} .lst_a1 .bundle .num {float:left; padding-right:8px; width:18px; font-family:'myriad-web-pro'; font-size:18px; line-height:32px; font-style:italic; text-align:center; letter-spacing:-0.25px; color:#000;} .lst_a1 .bundle a {display:block; overflow:hidden; font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} /* lst_a2 */ .lst_a2 {} .lst_a2 .group {} .lst_a2 .bundle {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_a2 .bundle a {font-size:15px; line-height:27px; letter-spacing:-0.25px; color:#666;} /* lst_a3 */ .lst_a3 {} .lst_a3 .group {} .lst_a3 .bundle {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .lst_a3 .bundle a {font-size:14px; line-height:23px; letter-spacing:-0.25px; color:#666;} /* thum_a1 */ .thum_a1 {margin-left:-20px;} .thum_a1 .group {} .thum_a1 .bundle {float:left; margin-left:20px; width:140px;} .thum_a1 .bundle .thum {position:relative;} .thum_a1 .bundle .thum a {display:block; overflow:hidden; width:140px; height:105px;} .thum_a1 .bundle .thum a .cls {position:absolute; top:0; left:0; width:52px; height:22px; font-size:13px; line-height:21px; text-align:center; letter-spacing:-0.5px; color:#fff;} .thum_a1 .bundle .thum a .cls.b1 {background:#e67f22;} .thum_a1 .bundle .thum a .cls.b2 {background:#e74b3c;} .thum_a1 .bundle .thum a img {display:block; min-width:140px; min-height:105px;} .thum_a1 .bundle .txt {display:block;} .thum_a1 .bundle .txt a {display:block; overflow:hidden; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.25px; color:#666; word-break:break-all;} /* thum_a2 */ .thum_a2 {} .thum_a2 .group {} .thum_a2 .bundle {margin-top:10px;} .thum_a2 .bundle:first-child {margin-top:0;} .thum_a2 .bundle .thum {position:relative; float:left; margin-right:19px;} .thum_a2 .bundle .thum a {display:block; overflow:hidden; width:80px; height:80px;} .thum_a2 .bundle .thum a img {display:block; min-width:80px; min-height:80px;} .thum_a2 .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:80px; height:80px; background:url(http://image.newsis.com/new_www/homepage/bg_thum_round.png) no-repeat 0 0; z-index:1;} .thum_a2 .bundle .thum.p1 a:after {content:' '; position:absolute; top:0; left:0; width:80px; height:80px; background:url(http://image.newsis.com/new_www/homepage/bg_thum_round2.png) no-repeat 0 0; z-index:1;} .thum_a2 .bundle .area {overflow:hidden;} .thum_a2 .bundle .area .tit {display:block; overflow:hidden; margin-top:8px; height:40px;} /* 수정 161216 */ .thum_a2 .bundle .area .tit a {font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#ed1b2f; word-break:break-all;} /* 수정 161216 */ .thum_a2 .bundle .area .txt {display:block; overflow:hidden; margin-top:1px; height:40px; } .thum_a2 .bundle .area .txt a {font-size:14px; line-height:20px; letter-spacing:-0.5px; color:#666; word-break:break-all;} /* thum_a3 */ .thum_a3 {margin-left:-20px;} .thum_a3 .group {} .thum_a3 .bundle {float:left; margin-left:20px; width:120px;} .thum_a3 .bundle .thum {display:block;} .thum_a3 .bundle .thum a {display:block; overflow:hidden; width:120px; height:90px;} .thum_a3 .bundle .thum a img {display:block; min-width:120px; min-height:90px;} .thum_a3 .bundle .txt {display:block; margin-top:5px;} .thum_a3 .bundle .txt a {display:block; overflow:hidden; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.25px; color:#666; word-break:break-all;} /* thum_a4 */ .thum_a4 {} .thum_a4 .ptit {display:block; font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#000;} .thum_a4 .group {} .thum_a4 .bundle {} .thum_a4 .bundle .thum {float:left; margin-right:20px;} .thum_a4 .bundle .thum a {display:block; overflow:hidden; width:120px; height:90px;} .thum_a4 .bundle .thum a img {display:block; min-width:120px; min-height:90px;} .thum_a4 .bundle .area {} .thum_a4 .bundle .area .tit {display:block;} .thum_a4 .bundle .area .tit a {display:block; overflow:hidden; max-height:40px; font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#000; word-break:break-all;} .thum_a4 .bundle .area .tit2 {display:block;} .thum_a4 .bundle .area .tit2 a {display:block; overflow:hidden; max-height:60px; font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#000; word-break:break-all;} .thum_a4 .bundle .area .txt {display:block;} .thum_a4 .bundle .area .txt a {display:block; overflow:hidden; max-height:37px; font-size:14px; line-height:18px; letter-spacing:-0.25px; color:#666; word-break:break-all;} /* thum_a5 */ .thum_a5 {} .thum_a5 .group {} .thum_a5 .bundle {overflow:hidden;} .thum_a5 .bundle .thum {float:left; margin-right:18px;} .thum_a5 .bundle .thum a {display:block; overflow:hidden; width:80px; height:60px;} .thum_a5 .bundle .thum a img {display:block; min-width:80px; min-height:60px;} .thum_a5 .bundle .tit {display:block; overflow:hidden; margin-top:3px; max-height:40px;} .thum_a5 .bundle .tit a {font-size:14px; line-height:20px; letter-spacing:-0.5px; color:#000; word-break:break-all;} /* thum_a6 */ .thum_a6 {} .thum_a6 .group {} .thum_a6 .bundle {margin-top:25px;} .thum_a6 .bundle:first-child {margin-top:0;} .thum_a6 .bundle .thum {display:block;} .thum_a6 .bundle .thum a {display:block; overflow:hidden; width:260px; height:173px;} .thum_a6 .bundle .thum a img {display:block; min-width:260px; min-height:173px;} .thum_a6 .bundle .txt {display:block; overflow:hidden; margin-top:8px; max-height:52px;} .thum_a6 .bundle .txt a {font-size:15px; line-height:26px; letter-spacing:-0.5px; color:#333; word-break:break-all;} /* thum_a6_2 */ .thum_a6_2 {} .thum_a6_2 .group {} .thum_a6_2 .bundle {margin-top:7px; width:225px;} .thum_a6_2 .bundle:first-child {margin-top:0;} .thum_a6_2 .bundle .thum {display:block; overflow:hidden; width:225px; height:171px; border:1px solid #ccc;} .thum_a6_2 .bundle .thum a {display:block;} .thum_a6_2 .bundle .thum a img {display:block; min-width:225px; min-height:171px;} .thum_a6_2 .bundle .txt {display:block; overflow:hidden; margin-top:10px; height:44px;} .thum_a6_2 .bundle .txt a {font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#333; word-break:break-all;} /* thum_a7 */ .thum_a7 {} .thum_a7 .group {margin-left:-20px;} .thum_a7 .bundle {float:left; margin-left:20px; width:118px;} .thum_a7 .bundle:first-child {margin-top:0;} .thum_a7 .bundle .thum {display:block;} .thum_a7 .bundle .thum a {display:block; overflow:hidden; width:118px; height:118px; border:1px solid #b0b0b0;} .thum_a7 .bundle .thum a img {display:block; min-width:118px; min-height:118px;} .thum_a7 .bundle .txt {display:block; margin-top:5px;} .thum_a7 .bundle .txt a {display:block; overflow:hidden; height:44px; font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#333; word-break:break-all;} /* thum_a8 */ .thum_a8 {position:relative; overflow:hidden; width:260px;} .thum_a8 .group {} .thum_a8 .bundle {position:relative; float:left; width:260px;} .thum_a8 .bundle a {display:block; overflow:hidden; width:260px; height:73px;} .thum_a8 .bundle img {display:block; min-width:260px; min-height:73px;} .thum_a8 .bundle .tit {position:absolute; top:20px; left:50%; overflow:hidden; margin-left:-95px; width:190px; font-size:21px; line-height:28px; text-align:center; letter-spacing:-0.5px; color:#fff; white-space:nowrap; word-break:break-all;} .thum_a8 .btn_prev {position:absolute; top:29px; left:10px; width:11px; height:15px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_3_left.png) no-repeat 0 0;} .thum_a8 .btn_next {position:absolute; top:29px; right:10px; width:11px; height:15px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_3_right.png) no-repeat 0 0;} /* thum_a9 */ .thum_a9 {} .thum_a9 .bundle {position:relative;} .thum_a9 .bundle a {display:block;} .thum_a9 .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr4.png) repeat 0 0;} .thum_a9 .bundle .cls {position:absolute; top:0; left:0; padding:0 10px 0 9px; height:25px; background:#e67f22; font-size:13px; line-height:23px; letter-spacing:-0.4px; color:#fff;} .ie8 .thum_a9 .bundle .cls {line-height:26px;} .thum_a9 .bundle a:hover .cls, .thum_a9 .bundle a:focus .cls {text-decoration:none;} .thum_a9 .bundle .thum {display:block; overflow:hidden; width:300px; height:177px;} .thum_a9 .bundle .thum img {display:block; min-width:300px; min-height:177px;} .thum_a9 .bundle .txt {position:absolute; bottom:11px; left:0; overflow:hidden; padding:0 19px 2px; width:262px; max-height:44px; font-size:16px; line-height:22px; letter-spacing:-0.25px; color:#fff; z-index:1; word-break:break-all;} .ie8 .thum_a9 .bundle .txt {bottom:12px;} /* bx_lst1 */ .bx_list1 {position:relative; overflow-y:auto; padding:0 22px 0 17px; width:259px; max-height:1471px; border:1px solid #d7d7d7;} /* 수정 20161012 */ .bx_list1 ul {} .bx_list1 ul li {position:relative;width:259px; border-top:1px solid #e8e8e8;} .bx_list1 ul li:first-child {border-top:0;} .bx_list1 ul li a {display:block; padding:16px 0; font-size:16px; font-weight:bold; line-height:20px; letter-spacing:-0.5px; color:#000;} .bx_list1 ul li.on a:after, .bx_list1 ul li:hover a:after, .bx_list1 ul li:focus a:after {content:' '; position:absolute; top:0; left:-18px;; height:100%; border-left:4px solid #ed1b2f; z-index:1;} .bx_list1 ul li.on a, .bx_list1 ul li:hover a, .bx_list1 ul li:focus a {color:#ed1b2f;} /* lst_banner */ .lst_banner {} .lst_banner li {margin-top:5px;} .lst_banner li:first-child {margin-top:0;} .lst_banner li a {display:block;} /* msi 코너 */ .bxlst {} .bxlst .group {} .bxlst .bundle {float:left; padding:19px; margin-left:-1px; width:280px; border:1px solid #d7d7d7;} .bxlst .bundle:first-child {margin-left:0;} .bxlst .bundle .thum {position:relative; float:left; margin-right:19px;} .bxlst .bundle .thum a {display:block; overflow:hidden; width:106px; height:106px;} .bxlst .bundle .thum a img {display:block; min-width:106px; min-height:106px;} .bxlst .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:106px; height:106px; background:url(http://image.newsis.com/new_www/homepage/bg_thum_round3.png) no-repeat 0 0; z-index:1;} .bxlst .bundle .area {overflow:hidden; margin-top:5px;} .bxlst .bundle .area .cls {display:inline-block; overflow:hidden; padding-right:20px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow11.png) no-repeat right 7px;} .bxlst .bundle .area .cls a {font-size:17px; line-height:22px; color:#ed1b2f;} .bxlst .bundle .area .txt {display:block; overflow:hidden; max-height:60px;} .bxlst .bundle .area .txt a {font-size:15px; line-height:20px; color:#666; word-break:break-all;} /* bx_mobile */ .bx_mobile {position:relative;} .bx_mobile .bx_thum {display:block; margin-left:-10px; text-align:center;} .bx_mobile .bx_thum span {display:block;} .bx_mobile .bx_thum img {} .bx_mobile .tit1 {display:block; font-size:30px; line-height:34px; letter-spacing:-0.5px; color:#ec1b30;} .bx_mobile .txt1 {margin-left:19px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#333;} .ie8 .bx_mobile .txt1 {letter-spacing:-0.3px;} .bx_mobile .txt2 {font-size:16px; line-height:24px; letter-spacing:-0.1px; color:#333;} .bx_mobile .btn_app {display:inline-block; padding-right:19px; width:169px; height:43px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow10.png) no-repeat 168px 16px; font-size:17px; text-align:center; line-height:39px; letter-spacing:-0.5px; color:#6b6b6b; border:1px solid #d2d2d2;} /* lst1 */ .bx_mobile .lst1 {margin-left:20px;} .bx_mobile .lst1 li {overflow:hidden;} .bx_mobile .lst1 .num {float:left; margin-top:7px; margin-right:10px; padding-left:5px; width:18px; height:21px; background:url(http://image.newsis.com/new_www/homepage/bl_square3.gif) no-repeat 0 0; font-size:16px; font-style:italic; line-height:20px; color:#fff;} .ie9 .bx_mobile .lst1 .num {padding-left:6px; width:17px;} .ie10 .bx_mobile .lst1 .num {padding-left:6px; width:17px;} .ie11 .bx_mobile .lst1 .num {padding-left:6px; width:17px;} .bx_mobile .lst1 .txt {float:left; font-size:16px; line-height:32px; letter-spacing:-0.1px; color:#333;} .bx_mobile .lst1 .txt_2 {float:left; font-size:20px; line-height:32px; letter-spacing:-0.5px; color:#ec1b30;} /* lst2 */ .bx_mobile .lst2 {} .bx_mobile .lst2 li {float:left; overflow:hidden; margin-left:20px; padding-left:13px; width:452px; background:url(http://image.newsis.com/new_www/homepage/bl_square4.gif) no-repeat 0 15px; font-size:16px; line-height:32px; letter-spacing:-0.1px; color:#333;} .bx_mobile .lst2 li .tit {float:left; width:55px;} .bx_mobile .lst2 li .tit.siz2 {width:110px;} .bx_mobile .lst2 li .txt {float:left;} .bx_mobile .lst2 li .txt a {color:#333;} .bx_mobile .btn_go {position:absolute; top:38px; right:0; width:190px; height:45px; background:#ed1b2f; font-size:16px; line-height:43px; text-align:center; letter-spacing:-0.5px; color:#fff;} /* -------------------------------------------- -------------------------------------------- */ /* not_found */ .not_found {position:relative; margin:0 auto; width:555px;} .not_found .icon {display:block; text-align:center;} .not_found .icon img {} .not_found .txt1 {display:inline-block; font-size:32px; font-weight:normal; line-height:40px; letter-spacing:-0.5px; color:#000;} .not_found .txt2 {display:inline-block; font-size:17px; line-height:26px; letter-spacing:-0.75px; color:#666;} .not_found .btn1 {display:inline-block; background:#fff; width:202px; height:43px; font-size:18px; line-height:41px; text-align:center; letter-spacing:-0.5px; color:#666; border:1px solid #c8c8c8;} .not_found .btn2 {display:inline-block; background:#ed1b2f; width:202px; height:43px; font-size:18px; line-height:41px; text-align:center; letter-spacing:-0.5px; color:#fff; border:1px solid #ed1b2f;} /* -------------------------------------------- -------------------------------------------- */ /* article */ #article {position:relative;} #article .pag_num {font-size:20px; font-weight:bold; line-height:26px; letter-spacing:-1; color:#666;} #article .pag_num strong {color:#000;} /* 상단 */ #article .article_tbx {background:#fff;} #article .article_tbx.w970 {width:970px;} #article .article_tbx .num {position:relative; display:inline-block; padding:0 14px; min-width:45px; height:26px; font-size:20px; line-height:24px; text-align:center; letter-spacing:-1px; color:#666; border-top:1px solid #adadad; border-bottom:1px solid #adadad;} #article .article_tbx .num:after {content:' '; position:absolute; top:-1px; left:0; width:14px; height:28px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round2_left.gif) no-repeat 0 0;} #article .article_tbx .num:before {content:' '; position:absolute; top:-1px; right:0; width:14px; height:28px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round2_right.gif) no-repeat 0 0;} #article .article_tbx .num .page {color:#000;} #article .article_tbx h1 {font-size:36px; line-height:45px; letter-spacing:-0.5px; color:#000;} #article .article_tbx h2 {font-size:24px; font-weight:normal; line-height:32px; letter-spacing:-0.5px; color:#333;} #article .article_tbx .write {display:block; font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#999;} #article .article_tbx .write .bar {font-size:14px; color:#d7d7d7;} #article .article_tbx .write2 {display:block; font-size:14px; line-height:20px; letter-spacing:-0.25px; color:#999;} #article .article_tbx .write2 .bar {font-size:14px; color:#d7d7d7;} /* 날짜 */ #article .article_tbx .date {display:block; font-size:14px; line-height:22px; letter-spacing:-0.25px; color:#999; border-top:1px solid #909090;} #article .article_tbx .date .bar {color:#d7d7d7;} /* 소셜 및 링크 */ #article .function {} #article .function .social {float:left;} #article .function .social ul {} #article .function .social ul li {float:left; margin-left:3px;} #article .function .social ul li:first-child {margin-left:0;} #article .function .social ul li a {} #article .function .social ul li a img {} #article .function .info {float:left; margin-top:1px;} #article .function .info ul {} #article .function .info ul li {float:left;} #article .function .info ul li a {margin-left:-1px;} #article .function .info ul li button {} #article .function .info ul li .f_size_s {width:29px; height:29px; background:url(http://image.newsis.com/new_www/homepage/icon_fontSize.gif) no-repeat 0 0;} #article .function .info ul li .f_size_b {width:29px; height:29px; background:url(http://image.newsis.com/new_www/homepage/icon_fontSize.gif) no-repeat -29px 0;} /* 내용 */ #article .article_bx {margin-top:53px;} #article .article_bx .view_text {margin-top:30px; font-size:17px; line-height:28px; letter-spacing:-0.5px; color:#333;} #article .article_bx .view_text:first-child {margin-top:0;} #article .article_bx .view_text .article_photo {position:relative; width:100px !important;} #article .article_bx .view_text .article_photo .img {position:relative;} #article .article_bx .view_text .article_photo .desc {padding:15px 0; font-size:14px; line-height:22px; letter-spacing:-0.5px; color:#666;} #article .article_bx .view_text .article_photo.left {float:left; margin:5px 20px 10px 0; padding:0;} #article .article_bx .view_text .article_photo.right {float:right; margin:5px 0 10px 20px; padding:0;} #article .article_bx .view_text .article_photo.center {margin:0 auto; min-width:40px; margin-bottom:20px;} #article .article_bx .view_text .tit {font-size:20px; line-height:28px; letter-spacing:-0.5px; color:#000;} #article .article_bx .copy {font-size:14px; line-height:26px; letter-spacing:-0.5px; color:#999;} #article .article_bx .infotxt {padding:15px 19px 16px; background:#f0f0f0;} #article .article_bx .infotxt p {font-size:15px; line-height:23px; letter-spacing:-0.8px; color:#444;} /* 포토 */ #article .photo_bx {position:relative; overflow:hidden; margin-bottom:22px; width:970px; height:748px; background:#f2f2f2;} #article .photo_bx ul {} #article .photo_bx ul li {float:left; overflow:hidden; width:970px; height:748px;} #article .photo_bx ul li .a_bx {position:absolute; top:33px; left:0; width:970px; text-align:center;} #article .photo_bx ul li .bx_num {position:relative; display:inline-block; padding:0 14px; min-width:45px; height:28px;} #article .photo_bx ul li .bx_num .num {display:block; height:26px; font-size:20px; line-height:24px; text-align:center; letter-spacing:-1px; color:#666; border-top:1px solid #adadad; border-bottom:1px solid #adadad;} #article .photo_bx ul li .bx_num:after {content:' '; position:absolute; top:0; left:0; width:14px; height:28px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round2_left.png) no-repeat 0 0;} #article .photo_bx ul li .bx_num:before {content:' '; position:absolute; top:0; right:0; width:14px; height:28px; background:url(http://image.newsis.com/new_www/homepage/bg_txt_round2_right.png) no-repeat 0 0;} #article .photo_bx ul li .bx_num .num .page {color:#000;} #article .photo_bx .thum_tb {display:table; width:970px; height:748px;} #article .photo_bx .thum_tb .td {display:table-cell; vertical-align:middle; text-align:center;} #article .photo_bx .thum_tb .td img {max-width:560px; max-height:530px;} #article .photo_bx .thum_tb2 {display:table; padding:80px 0; width:500px;} #article .photo_bx .thum_tb2 .td {display:table-cell; vertical-align:middle; text-align:center;} #article .photo_bx .thum_tb2 .td img {max-width:500px;} #article .photo_bx .btn_prev {position:absolute; top:50%; left:40px; margin-top:-37px; width:74px; height:74px; background:url(http://image.newsis.com/new_www/homepage/btn_prev4.png) no-repeat 0 0;} #article .photo_bx .btn_next {position:absolute; top:50%; right:40px; margin-top:-37px; width:74px; height:74px; background:url(http://image.newsis.com/new_www/homepage/btn_next4.png) no-repeat 0 0;} /* 그래픽 */ #article .photo_bx2 {position:relative; overflow:hidden; margin-bottom:22px; width:970px; padding:80px 0; background:#f2f2f2;} #article .photo_bx2 ul {} #article .photo_bx2 ul li {float:left; overflow:hidden; width:970px;} #article .photo_bx2 .thum_tb {display:table; width:970px;} /* #article .photo_bx2 .thum_tb .td {display:table-cell; vertical-align:middle; text-align:center;} */ #article .photo_bx2 .thum_tb .td img {max-width:500px;} #article .photo_bx2 .btn_prev {position:absolute; top:50%; left:40px; margin-top:-37px; width:74px; height:74px; background:url(http://image.newsis.com/new_www/homepage/btn_prev4.png) no-repeat 0 0;} #article .photo_bx2 .btn_next {position:absolute; top:50%; right:40px; margin-top:-37px; width:74px; height:74px; background:url(http://image.newsis.com/new_www/homepage/btn_next4.png) no-repeat 0 0;} /* 추가 161216 광고영역 */ .adbundle {position:relative;} .adbundle .lay_down {position:absolute; top:35px; left:50%; margin-left:-80px; padding:0 18px 0 16px; background-color:#fff; height:39px; border:1px solid #e5e5e5; z-index:1;} .adbundle .lay_down:after {content:' '; position:absolute; top:-12px; left:50%; margin-left:-11px; width:20px; height:12px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow11.png) no-repeat 0 0;} .adbundle .lay_down ul {} .adbundle .lay_down ul li {float:left; margin-left:13px; padding-left:18px; background:url(http://image.newsis.com/new_www/homepage/bar3.gif) no-repeat 0 12px; line-height:39px;} .adbundle .lay_down ul li:first-child {margin-left:0; padding-left:0; background:none;} .adbundle .lay_down ul li a {display:block; font-size:15px; color:#7c7c7c;} /*추가 170113 인덱스 포토 msi*/ /*인덱스 포토존 큰이미지 430 작은이미지 8개*/ .thum_p1 .b_thum_a {position:relative; float:left;} .thum_p1 .b_thum_a a {display:block; overflow:hidden; width:430px; height:291px;} .thum_p1 .b_thum_a a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_big_thum.png) no-repeat 0 0;} .thum_p1 .b_thum_a img {display:block; min-width:430px; min-height:291px;} .thum_p1 .b_thum_a .cls {position:absolute; top:0; left:0; background:#ed1f31; width:71px; height:38px; font-size:20px; line-height:34px; letter-spacing:-0.5px; text-align:center; color:#fff; z-index:1;} .thum_p1 .b_thum_a .txt {position:absolute; bottom:23px; left:0; overflow:hidden; padding:0 19px; width:392px; height:22px; font-size:18px; font-weight:bold; line-height:18px; letter-spacing:0.5px; color:#fff; z-index:1; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_p1 .b_thum_a:hover .txt {text-decoration:underline;} .thum_p1 .s_thum_a {float:right; margin-top:-5px; width:210px;} .thum_p1 .s_thum_a .group {} .thum_p1 .s_thum_a .group .bundle {position:relative; float:left; margin-top:5px; margin-left:5px; width:100px; height:69px;} .thum_p1 .s_thum_a .group .bundle a {display:block; overflow:hidden; width:100px; height:69px;} .thum_p1 .s_thum_a .group .bundle a img {display:block; min-width:100px; min-height:69px;} .thum_p1 .s_thum_a .group .bundle.on a:after, .thum_p1 .s_thum_a .group .bundle:hover a:after, .thum_p1 .s_thum_a .group .bundle:focus a:after {content:' '; position:absolute; top:0px; left:0px; width:94px; height:63px; border:3px solid #ed1b2f; z-index:10;} /*인덱스 msi*/ .bx_msi .lst_msi dt .lank_a {font-size:18px; line-height:26px; letter-spacing:-0.5px; color:#000;} .bx_msi .lst_msi dt .date_a { font-size:13px; line-height:27px; color:#333;} .bx_msi .lst_msi dd .group_a {float:left;} .bx_msi .lst_msi dd .group_a li {overflow:hidden; margin-top:9px; width:165px;} .bx_msi .lst_msi dd .group_a li:first-child {margin-top:0;} .bx_msi .lst_msi dd .group_a .type {font-size:14px; line-height:16px; letter-spacing:-0.5px; color:#333;} .bx_msi .lst_msi dd .group_a .type .num {float:left; margin-top:2px; margin-right:10px; font-size:16px; line-height:16px; letter-spacing:-0.5px; font-style: italic; color:#333;} .bx_msi .lst_msi dd .group_a .type .bxnum {float:left; margin-right:8px; width:19px; height:19px; font-size:0; line-height:0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n7 {background:url(http://image.newsis.com/new_www/homepage/icon_level7_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n6 {background:url(http://image.newsis.com/new_www/homepage/icon_level6_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n5 {background:url(http://image.newsis.com/new_www/homepage/icon_level5_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n4 {background:url(http://image.newsis.com/new_www/homepage/icon_level4_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n3 {background:url(http://image.newsis.com/new_www/homepage/icon_level3_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n2 {background:url(http://image.newsis.com/new_www/homepage/icon_level2_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .type .bxnum.n1 {background:url(http://image.newsis.com/new_www/homepage/icon_level1_ed.png) no-repeat 0 0;} .bx_msi .lst_msi dd .group_a .rgroup {font-size:14px; letter-spacing:-0.5px;} .bx_msi .lst_msi dd .group_a .rgroup.up {color:#ed1c24;} .bx_msi .lst_msi dd .group_a .rgroup.down {color:#0054a6;} .bx_msi .lst_msi dd .group_a .rgroup.sam {} .bx_msi .lst_msi2_a {padding:9px 19px 0; border-top:1px solid #d1d1d1;} .bx_msi .lst_msi2_a li {float:left; margin-left:29px;} .bx_msi .lst_msi2_a li:first-child {margin-left:0;} .bx_msi .lst_msi2_a li .bxnum {float:left; margin-right:5px; width:19px; height:19px; font-size:0; line-height:0;} .bx_msi .lst_msi2_a li .bxnum.n7 {background:url(http://image.newsis.com/new_www/homepage/icon_level7_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .bxnum.n6 {background:url(http://image.newsis.com/new_www/homepage/icon_level6_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .bxnum.n5 {background:url(http://image.newsis.com/new_www/homepage/icon_level5_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .bxnum.n4 {background:url(http://image.newsis.com/new_www/homepage/icon_level4_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .bxnum.n3 {background:url(http://image.newsis.com/new_www/homepage/icon_level3_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .bxnum.n2 {background:url(http://image.newsis.com/new_www/homepage/icon_level2_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .bxnum.n1 {background:url(http://image.newsis.com/new_www/homepage/icon_level1_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_a li .txt {float:left; font-size:12px; line-height:18px; letter-spacing:-0.5px; color:#6e6e6e;} .ie8 .bx_msi .lst_msi2_a li .txt {line-height:20px;} /*인덱스 포토존 박스*/ .thum_p1 .b_thum_a1 {position:relative; float:left;} .thum_p1 .b_thum_a1 a {display:block; overflow:hidden; width:640px; height:431px;} .thum_p1 .b_thum_a1 a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_big_thum_a.png) no-repeat 0 0 ;} .thum_p1 .b_thum_a1 img {display:block; min-width:640px; height:431px;} /*.thum_p1 .b_thum_1a .cls {position:absolute; top:0; left:0; background:#ed1f31; width:71px; height:38px; font-size:20px; line-height:34px; letter-spacing:-0.5px; text-align:center; color:#fff; z-index:1;}*/ .thum_p1 .b_thum_a1 .txt { position: absolute; bottom: 22px; left: 0px; overflow: hidden; padding: 0 0px; width: 640px; height: 25px; font-size: 22px; font-weight: bold; line-height: 22px; letter-spacing: 0.5px; color: #fff; z-index: 1; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-align:center; } .thum_p1 .b_thum_a1:hover .txt {text-decoration:underline;} .thum_p1 .s_thum_a1 { width:640px;} .thum_p1 .s_thum_a1 .group { margin-left:-5px; } .thum_p1 .s_thum_a1 .group .bundle {position:relative; float:left; margin-top:5px; margin-left:5px; width:124px; height:83px;} .thum_p1 .s_thum_a1 .group .bundle a {overflow:hidden; width:124px; height:83px;} .thum_p1 .s_thum_a1 .group .bundle a img { min-width:124px; min-height:83px;} .thum_p1 .s_thum_a1 .group .bundle.on a:after, .thum_p1 .s_thum_a1 .group .bundle:hover a:after, .thum_p1 .s_thum_a1 .group .bundle:focus a:after {content:' '; position:absolute; top:0px; left:0px; width:118px; height:77px; border:3px solid #ed1b2f; z-index:10;} .s_thum_a1 {position:relative;} .s_thum_a1 .btn_prev {position:absolute; top:464px; left:0px; width:21px; height:26px; background:url(http://image.newsis.com/new_www/homepage/btn_prev1_a.png) no-repeat 0 0;} .s_thum_a1 .btn_next {position:absolute; top:464px; right:1px; width:21px; height:26px; background:url(http://image.newsis.com/new_www/homepage/btn_next1_a.png) no-repeat 0 0;} /*푸터 제휴사 위치*/ .fmgt { margin-left:50%;} /*msi메뉴수정*/ #gnbbx_a {position:relative; border-top:1px solid #ed1b2f;} #gnbbx_a.gmsi {border-bottom:1px solid #e1e1e1;} #gnbbx_a .gnb {height:68px;} #gnbbx_a.mgnb .gnb {height:35px;} #gnbbx_a .gnb dl {} #gnbbx_a .gnb .depth1 {float:left; padding:0 32px;} #gnbbx_a.gmsi .gnb .depth1 {float:left; padding:0 28px;} #gnbbx_a .gnb .depth1.pd1 {padding:0 31px;} #gnbbx_a .gnb .depth1.first {padding-left:0;} #gnbbx_a .gnb .depth1.last {padding-right:0;} #gnbbx_a .gnb .depth1 a {display:block; height:35px; font-size:15px; font-weight:bold; line-height:32px; letter-spacing:-0.5px; color:#000;} #gnbbx_a .gnb .depth1 a.on, #gnbbx_a .gnb .depth1 a:hover, #gnbbx_a .gnb .depth1 a:focus {text-decoration:underline; color:#ed1b2f;} #gnbbx_a .snb2 {position:absolute; top:153px; left:0; width:100%; height:34px; background:#fff; border-bottom:1px solid #ccc; z-index:2;} #gnbbx_a .snb2 .bxcn1 {overflow:hidden;} #gnbbx_a .snb2 .depth3 {margin:0 auto; width:1040px;} #gnbbx_a .snb2 .depth3 .bundle2 {position:relative; float:left; text-align:center;} #gnbbx_a .snb2 .depth3.siz1 .bundle2 {width:104px;} /*#gnbbx_a .snb2 .depth3.siz2 {width:1078px;}*/ #gnbbx_a .snb2 .depth3.siz2 {width:1078px;} #gnbbx_a .snb2 .depth3.siz2 .bundle2 {width:154px;} #gnbbx_a .snb2 .depth3.siz2 .bundle2:first-child {margin-left:-10px;} /* #gnbbx_a .snb2 .depth3.siz3 {width:260px;} 16.11.10 인사부고동정 부고 변경으로인한 width 변경 hjh */ #gnbbx_a .snb2 .depth3.siz3 {width:395px} #gnbbx_a .snb2 .depth3.siz3 .bundle2 {width:130px;} #gnbbx_a .snb2 .depth3.siz4 {width:1101px;} #gnbbx_a .snb2 .depth3.siz4 .bundle2 {width:219px;} #gnbbx_a .snb2 .depth3.siz4 .bundle2:first-child {margin-left:6px;} #gnbbx_a .snb2 .depth3.siz5 {width:1078px;} #gnbbx_a .snb2 .depth3.siz5 .bundle2 {width:134px;} .msi_bundle {width: 285px !important;} #gnbbx_a .snb2 .depth3 .bundle2:first-child {margin-left:0;} #gnbbx_a .snb2 .depth3 .bundle2 a {display:block; font-size:15px; line-height:18px; letter-spacing:-0.5px; color:#666;} #gnbbx_a .snb2 .depth3 .bundle2.on a, #gnbbx_a .snb2 .depth3 .bundle2:hover a, #gnbbx_a .snb2 .depth3 .bundle2:focus a {text-decoration:none; color:#ed1b2f;} #gnbbx_a .snb2 .depth3 .bundle2:hover a:after, #gnbbx_a .snb2 .depth3 .bundle2:focus a:after, #gnbbx_a .snb2 .depth3 .bundle2.on a:after {content:' '; position:absolute; top:31px; left:50%; margin-left:-4px; width:8px; height:8px; background:url(http://image.newsis.com/new_www/homepage/bl_round1.png) no-repeat 0 0;} /*광장메인*/ .cont_sec_box{padding:21px 20px 21px; border:1px solid #e4e4e4;} .lst_p6_sec {} .lst_p6_sec .group {} .lst_p6_sec h2 {margin-bottom:15px;} .lst_p6_sec .group .p1_bundle {position:relative; } .lst_p6_sec .group .p1_bundle:first-child {margin-top:0;} .lst_p6_sec .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:5px; width:120px; height:90px;} .lst_p6_sec .group .p1_bundle .thum a {display:block;} .lst_p6_sec .group .p1_bundle .thum a img {display:block; min-width:120px; min-height:90px;} .lst_p6_sec .group .p1_bundle .area {margin-top:-5px; height:90px;} .lst_p6_sec.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p6_sec .group .p1_bundle .thum + .area {margin-top:0; margin-left:140px;} .lst_p6_sec .group .p1_bundle .area .title {height:44px; display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; max-height:44px;} .lst_p6_sec .group .p1_bundle .area .title a { font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:44px;} .lst_p6_sec .group .p1_bundle .area .txt {overflow:hidden; margin-top:5px; padding-right:12px; max-height:38px; } .lst_p6_sec .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_p6_sec .group .p1_bundle .date {display:block; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#285b95; margin-bottom:10px;} .lst_p6_sec_1{ margin-top:30px;} .lst_p6_sec_1 h2 {margin-bottom:15px;} .lst_p6_sec_1 .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:6px; width:80px; height:80px;} .lst_p6_sec_1 .group .p1_bundle .thum a {display:block;} .lst_p6_sec_1 .group .p1_bundle .thum a img {display:block; min-width:80px; min-height:80px;} .lst_p6_sec_1 .group .p1_bundle .area {margin-top:-5px; height:80px;} .lst_p6_sec_1.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p6_sec_1 .group .p1_bundle .thum + .area {margin-top:0; margin-left:100px;} .lst_p6_sec_1 .group .p1_bundle .area .title {height:44px; display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; max-height:44px;} .lst_p6_sec_1 .group .p1_bundle .area .title a {height:44px; font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:44px;} .lst_p6_sec_1 .group .p1_bundle .area .txt {overflow:hidden; margin-top:5px; padding-right:12px; max-height:38px;} .lst_p6_sec_1 .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_p6_sec_2{ margin-top:30px; width:400px;} .lst_p6_sec_2 h2 {margin-bottom:15px;} .lst_p6_sec_2 .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:6px; width:80px; height:80px;} .lst_p6_sec_2 .group .p1_bundle .thum a {display:block;} .lst_p6_sec_2 .group .p1_bundle .thum a img {display:block; min-width:80px; min-height:80px;} .lst_p6_sec_2 .group .p1_bundle .area {margin-top:-5px; height:80px;} .lst_p6_sec_2.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p6_sec_2 .group .p1_bundle .thum + .area {margin-top:0; margin-left:100px;} .lst_p6_sec_2 .group .p1_bundle .area .title { width:270px; height:44px; display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; max-height:44px;} .lst_p6_sec_2 .group .p1_bundle .area .title a {height:44px; font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:44px;} .lst_p6_sec_2 .group .p1_bundle .area .txt {width:270px; height:38px; overflow:hidden; margin-top:5px; padding-right:5px; max-height:38px;} .lst_p6_sec_2 .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666; max-height:38px;} .lst_p6_sec_3{ margin-top:20px; width:150px; padding-right:20px; padding-top:7px; float:right;} .lst_p6_sec_3 h2 {margin-bottom:15px;} .lst_p6_sec_3 .group .p1_bundle .area .txt span:first-child{ padding-right:10px} .lst_p6_sec_3 .group .p1_bundle .area .txt {height:25px; overflow:hidden; margin-top:5px; padding-right:5px; max-height:38px; white-space:nowrap;text-overflow:ellipsis; word-break:break-all;} .lst_p6_sec_3 .group .p1_bundle .area .txt a {font-size:14px; line-height:18px; letter-spacing:-0.25px; color:#666; max-height:38px; white-space:nowrap;text-overflow:ellipsis; word-break:break-all;} .cont_sec_box1 h2{margin-bottom:15px;} .lst_p2_sec {padding:21px 20px 19px; background-color:#efefef} .lst_p2_sec {} .lst_p2_sec .group {} .lst_p2_sec h2 {margin-bottom:15px;} .lst_p2_sec .group .p1_bundle {position:relative; } .lst_p2_sec .group .p1_bundle:first-child {margin-top:0;} .lst_p2_sec .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:5px; width:120px; height:90px;} .lst_p2_sec .group .p1_bundle .thum a {display:block;} .lst_p2_sec .group .p1_bundle .thum a img {display:block; min-width:120px; min-height:90px;} .lst_p2_sec .group .p1_bundle .area {margin-top:-5px; height:90px;} .lst_p2_sec.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p2_sec .group .p1_bundle .thum + .area {margin-top:0; margin-left:140px;} .lst_p2_sec .group .p1_bundle .area .title {height:44px; display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; max-height:44px;} .lst_p2_sec .group .p1_bundle .area .title a { font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:44px;} .lst_p2_sec .group .p1_bundle .area .txt {overflow:hidden; margin-top:5px; padding-right:10px; max-height:38px; } .lst_p2_sec .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_p2_sec .group .p1_bundle .date {display:block; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#285b95; margin-bottom:10px;} .a_bundle_sec {position:relative; background:#efefef; padding:21px 20px 17px;} #bunddle_sec{ position:relative; background:#fff; } .a_bundle_sec_a {padding:21px 20px 19px; border:1px solid #e4e4e4; margin-top:15px;} .a_bundle_sec_a h2{margin-bottom:15px;} .thum_a2_sec {} .thum_a2_sec .group {} .thum_a2_sec .bundle {margin-top:10px;} .thum_a2_sec .bundle:first-child {margin-top:0;} .thum_a2_sec .bundle .thum {position:relative; float:left; margin-right:19px;} .thum_a2_sec .bundle .thum a {display:block; overflow:hidden; width:80px; height:80px;} .thum_a2_sec .bundle .thum a img {display:block; min-width:80px; min-height:80px;} .thum_a2_sec .bundle .thum a:after {content:' '; position:absolute; top:0; left:0; width:80px; height:80px;} .thum_a2_sec .bundle .thum.p1 a:after {content:' '; position:absolute; top:0; left:0; width:80px; height:80px;} .thum_a2_sec .bundle .area {overflow:hidden;} .thum_a2_sec .bundle .area .tit {display:block; overflow:hidden; margin-top:0px; height:40px; margin-bottom:17px;} /* 수정 161216 */ .thum_a2_sec .bundle .area .tit a {font-size:15px; line-height:20px; letter-spacing:-0.5px; color:#000; word-break:break-all;} /* 수정 161216 */ .thum_a2_sec .bundle .area .txt {font-size:13px; line-height:18px; letter-spacing:-0.5px; color:#666; word-break:break-all; } /*광장메인 수정 20170125*/ .lst_p6_sec_ed {} .lst_p6_sec_ed .group {} .lst_p6_sec_ed h2 {margin-bottom:15px;} .lst_p6_sec_ed .group .p1_bundle {position:relative; } .lst_p6_sec_ed .group .p1_bundle:first-child {margin-top:0;} .lst_p6_sec_ed .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:5px; width:120px; height:90px;} .lst_p6_sec_ed .group .p1_bundle .thum a {display:block;} .lst_p6_sec_ed .group .p1_bundle .thum a img {display:block; min-width:120px; min-height:90px;} .lst_p6_sec_ed .group .p1_bundle .area {margin-top:-5px; height:90px;} .lst_p6_sec_ed.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p6_sec_ed .group .p1_bundle .thum + .area {margin-top:0; margin-left:140px;} .lst_p6_sec_ed .group .p1_bundle .area .title {height:22px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-height:22px;} .lst_p6_sec_ed .group .p1_bundle .area .title a { font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:22px;} .lst_p6_sec_ed .group .p1_bundle .area .txt {display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; margin-top:7px; padding-right:12px; height:57px; max-height:57px; } .lst_p6_sec_ed .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_p6_sec_ed .group .p1_bundle .date {display:block; font-size:14px; line-height:18px; letter-spacing:-0.25px; color:#285b95; margin-bottom:10px;} .lst_p6_sec_1_ed{ margin-top:30px;} .lst_p6_sec_1_ed h2 {margin-bottom:15px;} .lst_p6_sec_1_ed .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:6px; width:80px; height:80px;} .lst_p6_sec_1_ed .group .p1_bundle .thum a {display:block;} .lst_p6_sec_1_ed .group .p1_bundle .thum a img {display:block; min-width:80px; min-height:80px;} .lst_p6_sec_1_ed .group .p1_bundle .area {margin-top:-5px; height:80px;} .lst_p6_sec_1_ed.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p6_sec_1_ed .group .p1_bundle .thum + .area {margin-top:0; margin-left:100px;} .lst_p6_sec_1_ed .group .p1_bundle .area .title {height:22px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-height:22px;} .lst_p6_sec_1_ed .group .p1_bundle .area .title a {height:22px; font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:22px;} .lst_p6_sec_1_ed .group .p1_bundle .area .txt {display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; margin-top:7px; padding-right:12px; height:57px; max-height:57px;} .lst_p6_sec_1_ed .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_p6_sec_2_ed{ margin-top:30px; width:400px;} .lst_p6_sec_2_ed h2 {margin-bottom:15px;} .lst_p6_sec_2_ed .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:6px; width:80px; height:80px;} .lst_p6_sec_2_ed .group .p1_bundle .thum a {display:block;} .lst_p6_sec_2_ed .group .p1_bundle .thum a img {display:block; min-width:80px; min-height:80px;} .lst_p6_sec_2_ed .group .p1_bundle .area {margin-top:-5px; height:80px;} .lst_p6_sec_2_ed.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p6_sec_2_ed .group .p1_bundle .thum + .area {margin-top:0; margin-left:100px;} .lst_p6_sec_2_ed .group .p1_bundle .area .title { width:270px; height:22px; display:block; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-height:22px;} .lst_p6_sec_2_ed .group .p1_bundle .area .title a {height:22px; font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:22px;} .lst_p6_sec_2_ed .group .p1_bundle .area .txt {display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; margin-top:7px; padding-right:12px; height:57px; max-height:57px; } .lst_p6_sec_2_ed .group .p1_bundle .area .txt a { font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666; max-height:38px;} .lst_p2_sec_ed {padding:21px 20px 19px; background-color:#efefef} .lst_p2_sec_ed .group {} .lst_p2_sec_ed h2 {margin-bottom:15px;} .lst_p2_sec_ed .group .p1_bundle {position:relative; } .lst_p2_sec_ed .group .p1_bundle:first-child {margin-top:0;} .lst_p2_sec_ed .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:5px; width:120px; height:90px;} .lst_p2_sec_ed .group .p1_bundle .thum a {display:block;} .lst_p2_sec_ed .group .p1_bundle .thum a img {display:block; min-width:120px; min-height:90px;} .lst_p2_sec_ed .group .p1_bundle .area {margin-top:-5px; height:90px;} .lst_p2_sec_ed.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p2_sec_ed .group .p1_bundle .thum + .area {margin-top:0; margin-left:140px;} .lst_p2_sec_ed .group .p1_bundle .area .title {height:44px; display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; max-height:44px;} .lst_p2_sec_ed .group .p1_bundle .area .title a { font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:44px;} .lst_p2_sec_ed .group .p1_bundle .area .txt {display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; margin-top:5px; padding-right:12px; height:38px; max-height:38px; } .lst_p2_sec_ed .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_p2_sec_ed .group .p1_bundle .date {display:block; font-size:13px; line-height:18px; letter-spacing:-0.25px; color:#285b95; margin-bottom:10px;} /*인덱스 메인 타이틀 텍스트 수정*/ .m_content .area .title_main_a {display:block; overflow:hidden; height:50px;} .m_content .area .title_main_a a {font-size:31px; line-height:50px; letter-spacing:-1.5px; color:#000;} #gnbbx .snb2 .depth3.siz3_a {width:900px;} #gnbbx .snb2 .depth3.siz3_a .bundle2 {width:220px;} #gnbbx .snb2 .depth3.siz3_a .bundle2:first-child {margin-left:14px;} /*인덱스 msi박스 수정*/ .bx_msi .lst_msi2_box {padding:9px 17px 0; border-top:1px solid #d1d1d1;} .bx_msi .lst_msi2_box li {float:left; margin-left:22px; padding:7px 3px 7px;} .bx_msi .lst_msi2_box .on {border:2px solid #999999; padding:5px; border-radius:3px;} .bx_msi .lst_msi2_box li:first-child {margin-left:0;} .bx_msi .lst_msi2_box li .bxnum {float:left; margin-right:5px; width:19px; height:19px; font-size:0; line-height:0;} .bx_msi .lst_msi2_box li .bxnum.n7 {background:url(http://image.newsis.com/new_www/homepage/icon_level7_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .bxnum.n6 {background:url(http://image.newsis.com/new_www/homepage/icon_level6_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .bxnum.n5 {background:url(http://image.newsis.com/new_www/homepage/icon_level5_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .bxnum.n4 {background:url(http://image.newsis.com/new_www/homepage/icon_level4_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .bxnum.n3 {background:url(http://image.newsis.com/new_www/homepage/icon_level3_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .bxnum.n2 {background:url(http://image.newsis.com/new_www/homepage/icon_level2_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .bxnum.n1 {background:url(http://image.newsis.com/new_www/homepage/icon_level1_ed.png) no-repeat 0 0;} .bx_msi .lst_msi2_box li .txt {float:left; font-size:12px; line-height:18px; letter-spacing:-0.5px; color:#6e6e6e;} .ie8 .bx_msi .lst_msi2_box li .txt {line-height:20px;} #header .logobx .logo_newyear {display:inline-block; margin-top:18px;} /*msi - 하단*/ .lst_p6_msi {background-color:#efefef;} .lst_p6_msi .group {} .lst_p6_msi .group .p1_bundle {position:relative; } .lst_p6_msi .group .p1_bundle:first-child {margin-top:0;} .lst_p6_msi .group .p1_bundle .area {} .lst_p6_msi .group .p1_bundle .area .txt {overflow:hidden; max-height:44px; font-size:14px; line-height:22px; color:#666; padding:15px;} /*광장 흙과 생명 이야기*/ .a_bundle_sec_b {position:relative; background:#efefef; padding:21px 20px 22px;} .lst_p2_sec_b {padding:17px 20px 23px; background-color:#fff; border: 1px solid #e5e5e5} .lst_p2_sec_b .group {} .lst_p2_sec_b h2 {margin-bottom:15px;} .lst_p2_sec_b .group .p1_bundle {position:relative; } .lst_p2_sec_b .group .p1_bundle:first-child {margin-top:0;} .lst_p2_sec_b .group .p1_bundle .thum {float:left; overflow:hidden; margin-top:5px; width:80px; height:80px;} .lst_p2_sec_b .group .p1_bundle .thum a {display:block;} .lst_p2_sec_b .group .p1_bundle .thum a img {display:block; min-width:80px; min-height:80px;} .lst_p2_sec_b .group .p1_bundle .area {margin-top:-5px; height:80px;} .lst_p2_sec_b.tmsi1 .group .p1_bundle .thum {border:1px solid #e3e3e3;} .lst_p2_sec_b .group .p1_bundle .thum + .area {margin-top:0; margin-left:100px;} .lst_p2_sec_b .group .p1_bundle .area .title {height:22px; display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; max-height:22px;} .lst_p2_sec_b .group .p1_bundle .area .title a {height:22px; font-size:17px; line-height:22px; letter-spacing:-0.5px; color:#000; max-height:22px;} .lst_p2_sec_b .group .p1_bundle .area .txt {display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; margin-top:7px; padding-right:12px; height:57px; max-height:57px; } .lst_p2_sec_b .group .p1_bundle .area .txt a {font-size:15px; line-height:18px; letter-spacing:-0.25px; color:#666;} .lst_sec {} .lst_sec .group {} .lst_sec .bundle {overflow:hidden; height:30px;} .lst_sec .bundle .num {float:left; padding-right:8px; width:18px; font-family:'myriad-web-pro'; font-size:18px; line-height:32px; font-style:italic; text-align:center; letter-spacing:-0.25px; color:#000;} .lst_sec .bundle a {display:block; overflow:hidden; font-size:15px; line-height:28px; letter-spacing:-0.25px; color:#666; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} /*많이 본 뉴스 폰트 수정*/ .lst_a1_A {} .lst_a1_A .group {} .lst_a1_A .bundle {overflow:hidden; height:25px;} .lst_a1_A .bundle .num {float:left; padding-right:8px; width:18px; font-family:'myriad-web-pro'; font-size:14px; line-height:29px; font-style:italic; text-align:center; letter-spacing:-0.25px; color:#000;} .lst_a1_A .bundle a {display:block; overflow:hidden; font-size:14px; line-height:25px; letter-spacing:-0.25px; color:#666; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_a4 .ptit_a {display:block; font-size:15px; line-height:20px; letter-spacing:-0.25px; color:#000; height:40px; overflow:hidden; word-break:break-all;} /* SE 서브타이틀 추가 */ .bxcn_se .se_title .title_sub {display:block; overflow:hidden; height:40px; font-size:28px; line-height:40px; letter-spacing:-1px; color:#515151; text-align:center;} .bxcn_se .se_title_d .title_sub {display:block; overflow:hidden; height:40px; font-size:23px; line-height:40px; letter-spacing:-1px; color:#515151; text-align:center;} /* 전국 로고 수정 */ #header .logobx .logo_cit {display:inline-block; margin-top:26px;} #header .logobx .logo_cit strong {margin-left:8px; font-size:33px; line-height:54px; letter-spacing:-0.75px; color:#000;} #header .logobx .logo_cit img{vertical-align:top;} #header .logobx .logo_cit img:hover {text-decoration: none;} #header .logobx .logo_cit img:active {text-decoration: none; outline: dotted #000 thin } /*20170309 메인 subtitle 수정*/ .m_content .area .title2_aa {display:block; overflow:hidden; height:38px; font-size:32px; line-height:38px; letter-spacing:-1px; color:#333;} /*20170323 섹션 탑 title 관련기사 길이 수정*/ .rel_article_p1_a {} .rel_article_p1_a .group {} .rel_article_p1_a .group .bundle {float:left; overflow:hidden; padding:0 12px; width:600px; background:url(http://image.newsis.com/new_www/homepage/bl_rel1.png) no-repeat 0 5px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .rel_article_p1_a .group .bundle a {width:292px; height:24px; font-size:14px; line-height:24px; letter-spacing:-0.25px; color:#666;} /*20170327 섹션 탑 스포츠, 연예 테두리*/ .thum_p10_ed {position:relative;} .thum_p10_ed .group {} .thum_p10_ed .bundle {float:left; margin-left:11px; width:206px;} .thum_p10_ed .bundle:first-child {margin-left:0;} .thum_p10_ed .bundle a {display:block; color:#000;} .thum_p10_ed .bundle .thum {display:block; overflow:hidden; width:206px; height:140px; border: 1px solid #ccc; border-bottom: 0; box-sizing: border-box;} .thum_p10_ed .bundle .thum img {display:block; min-width:206px; min-height:140px;} .thum_p10_ed .bundle .area {display:block; padding:12px 8px 9px; border:1px solid #ccc; border-top:0;} .thum_p10_ed .bundle .txt {display:block; overflow:hidden; height:42px; font-size:15px; text-align:center; line-height:20px; letter-spacing:-0.5px; color:#666;} /* 대선추가 20170425 */ .bxcn_se .se_title_election { width: 661px;} .bxcn_se .se_title_election h1 {font-size:30px; text-align:center; letter-spacing:-0.5px; line-height:44px; color:#000;} .bxcn_se .se_title_election h2 {margin-top:23px; padding-bottom:17px; font-size:30px; font-weight:normal; text-align:center; letter-spacing:-0.5px; line-height:44px; color:#000;} .bxcn_se .se_title_election .title_sub {display:block; overflow:hidden; height:40px; font-size:20px; line-height:40px; letter-spacing:-1px; color:#515151; text-align:center;} .thum_p5_election {} .thum_p5_election .bundle {position:relative; margin-top:10px;} .thum_p5_election .bundle:first-child {margin-top:0;} .thum_p5_election .bundle a {display:block;} .thum_p5_election .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr2_elec.png) repeat-x 0 10px;} .thum_p5_election .bundle .thum {display:block; overflow:hidden; width:300px; height:190px;} .thum_p5_election .bundle .thum img {display:block; min-width:300px; min-height:190px;} .thum_p5_election .bundle .txt {position:absolute; bottom:10px; left:0; overflow:hidden; padding:0 19px 2px; max-height:36px; font-size:16px; line-height:18px; letter-spacing:-0.5px; color:#fff; z-index:1;} .thum_b1_election {position:relative;} .thum_b1_election a {display:block; overflow:hidden; width:661px; height:355px;} .thum_b1_election .thum {display:block;} .thum_b1_election .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr1.png) repeat-x 0 50px;} .thum_b1_election .thum img {display:block; min-width:661px; min-height:340px;} .thum_b1_election .txt {position:absolute; bottom:10px; left:0; overflow:hidden; padding:0 20px; width:621px; font-size:22px; line-height:28px; letter-spacing:-0.5px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_b1_election .thum1 {display:block;} .thum_b1_election .thum1:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%;} .thum_b1_election .thum1 img {display:block; min-width:661px; min-height:340px;} /*20170426 대선 css 추가*/ .rel_article_p3_election {} .rel_article_p3_election .group {margin-left:-10px;} .rel_article_p3_election .group .bundle {float:left; overflow:hidden; margin-top:9px; margin-left:11px; padding-left:15px; width:304px; background:url(http://image.newsis.com/new_www/homepage/bl_rel1.png) no-repeat 0 5px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .rel_article_p3_election .group .bundle a {width:300px; height:23px; font-size:16px; line-height:23px; letter-spacing:-0.5px; color:#676767;} .rel_article_p3_election .group.siz1 .bundle {width:300px;} .pre_in_wrap{ border: 1px solid #e3e3e3; padding:15px 15px 15px 15px; position: relative;} /*20170427 대선 css 추가 se6*/ .thum_b2_election {position:relative;} .thum_b2_election a {display:block; overflow:hidden; width:970px; height:390px;} .thum_b2_election .thum {display:block;} .thum_b2_election .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/bg_gr1.png) repeat-x 0 50px;} .thum_b2_election .thum img {display:block; min-width:970px; min-height:390px;} .thum_b2_election .txt {position:absolute; bottom:19px; left:0; overflow:hidden; padding:0 20px; width:621px; font-size:22px; line-height:28px; letter-spacing:-0.5px; color:#fff; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .thum_b2_election .txt.siz1 {width:930px;} .btn_more1_election {display:inline-block; padding-right:10px; width:120px; height:26px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow1.png) no-repeat 117px 10px; font-size:14px; line-height:24px; letter-spacing:-0.5px; color:#676767; border:1px solid #ccc;} .thum_b2_election .thum1 {display:block;} .thum_b2_election .thum1:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%;} .thum_b2_election .thum1 img {display:block; min-width:970px; min-height:390px;} /*20170607 광장 추가*/ #gnbbx .snb2 .depth3.siz4_a {width:1010px;} #gnbbx .snb2 .depth3.siz4_a .bundle2 {width:165px;} #gnbbx .snb2 .depth3.siz4_a .bundle2:first-child {margin-left:6px;} .lst_p6_a {} .lst_p6_a .group {} .lst_p6_a .group .p1_bundle {position:relative; margin-top:23px;} .lst_p6_a .group .p1_bundle:first-child {margin-top:0;} .lst_p6_a .group .p1_bundle .area .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width: 640px;} .lst_p6_a .group .p1_bundle .area .title a {height:26px; font-size:17px; line-height:26px; letter-spacing:-0.5px; color:#000;} .lst_p6_a .group .p1_bundle .area .txt {overflow:hidden; margin-top:5px; padding-right:22px; max-height:44px;} .lst_p6_a .group .p1_bundle .area .txt.mh1 {max-height:66px;} .lst_p6_a .group .p1_bundle .area .txt a {font-size:15px; line-height:22px; letter-spacing:-0.25px; color:#666;} .lst_p6_a .group .p1_bundle .date {display:block; font-size:13px; line-height:22px; letter-spacing:-0.25px; color:#999;} /* 20170621 라이트바 기획특집 css 변경 */ .thum_a8_ed {position:relative; overflow:hidden; width:260px;} .thum_a8_ed .group {} .thum_a8_ed .bundle {position:relative; float:left; width:260px;} .thum_a8_ed .bundle a {display:block; overflow:hidden; width:260px; height:73px;} .thum_a8_ed .bundle a:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://image.newsis.com/new_www/homepage/png29.png) repeat 0 0;} .thum_a8_ed .bundle img {display:block; min-width:260px; min-height:73px;} .thum_a8_ed .bundle .tit {position:absolute; top:20px; left:50%; overflow:hidden; margin-left:-95px; width:190px; font-size:21px; line-height:28px; text-align:center; letter-spacing:-0.5px; color:#fff; white-space:nowrap; word-break:break-all; z-index:2; text-shadow:2px 2px 2px #696767 } .thum_a8_ed .btn_prev {position:absolute; top:29px; left:10px; width:11px; height:15px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_3_left.png) no-repeat 0 0;} .thum_a8_ed .btn_next {position:absolute; top:29px; right:10px; width:11px; height:15px; background:url(http://image.newsis.com/new_www/homepage/bl_arrow3_3_right.png) no-repeat 0 0;} /*20170705 se 그라데이션 제거*/ .thum_b2 .thum_Sed {display:block;}