@charset "euc-kr"; /*main_layout*/ #wrap {width:1230px !important;}/*메인페이지만*/ /*layout*/ #header {min-width:1230px;} #gnb {width:1230px;} #header_box {width:1230px;} #menu_nav {width:1230px;} #footer {min-width:1230px;} #footer_inner {width:1230px;} #index_main{float:left;width:995px;} #index_sub{float:right;width:200px;height:auto;} #section_headline{ float: left; width:660px; margin-right:35px;} #section_middle{display:inline-block;} #section_left { float: left; width:660px; margin: 0 35px 50px 0; } #section_aside {float:right; width:300px; margin:0; padding:0; } .ss_div {display:inline-block;width:100%;} /*공통*/ ul.relate {margin:0; padding:0;width:100%;} ul.relate li {margin:0; padding:0 0 0 15px; color:#0c5e90; font-size: 1.1em; background:url(/kookje/image_new/libg_re.jpg) no-repeat 0 center;} .main_rel1 {margin:0; padding:0;width:100%;} .icon_relgisa {margin:0; padding:0 0 0 15px; color:#0c5e90; font-size: 1.1em;font-weight:bold;background:url(/kookje/image_new/libg_re.jpg) no-repeat 0 center;} .section_line {clear: both; width:100%; border-top: 1px solid #333; padding:5px 0;} h3.tit{color:#333; font-size:1.1em; font-weight:bold; margin:0; padding:0 0 10px; letter-spacing:-1px; } h3.tit2{color:#333; font-size:1.1em; font-weight:bold; margin:0; padding: 5px 0 10px; letter-spacing:-1px; background:url(/kookje/image_new/h3_bg.jpg) no-repeat 0 0;} h3.tit3{color:#fff; font-size:1.1em; font-weight:bold; margin:0; padding: 5px 0 10px; letter-spacing:-1px;} a > .tit::after {content: "+ 전체보기";font-size:12px; color: #999;padding: 5px 10px 0;float:right;letter-spacing:.1em;} a > .tit2::after,a > .tit3::after {content: "+ 더보기";font-size:13px; color: #777;padding: 0 10px;float:right;} /*헤드라인*/ #section_headline h2 {margin:0; padding: 20px 0 15px; font-size: 2.5em;text-align:center; color:#333; letter-spacing:-3px;font-weight:900;} #section_headline .img_con { float: left; width: 345px; height: 210px; margin-right:20px; } #section_headline img {width:345px;height:210px;} #section_headline .head_con { float: left; width: 295px; height: 210px;overflow:hidden;text-align:justify;position:relative} #section_headline .head_con p.subtit {margin:0; padding: 0; font-size: 1.25em; color:#333;} #section_headline .head_con p.subtit a {display:block;padding: 0 0 15px;} #section_headline .head_con p.pd {margin:0; padding:0 0 20px;letter-spacing:-1px;} #section_headline .main_rel1 {padding: 12px 0 0 0;bottom: 0;position:absolute;background-color:#fff;} #section_headline.wide .img_con { float: left; width: 665px; height: 210px; margin-right:20px; } #section_headline.wide img {width:660px;height:210px;} #section_headline.wide .head_con { float: left; width: 660px; height: 80px;overflow:hidden;text-align:justify;position:relative} #section_headline.wide .head_con p.subtit {margin:0; padding: 10px 0 5px; font-size: 1.25em; color:#333;} #section_headline.wide .head_con p.pd {margin:0; padding: 0 0 20px;letter-spacing:-1px;} #section_headline.wide .main_rel1 {padding: 1px 0 0 0;bottom: 0;position:absolute;background-color:#fff;} #section_headline.wide .f_gisa_text {font-size:15px;} #section_headline.hole{position:relative;width:995px;height:325px;overflow:hidden;} #section_headline.hole .backpng {background:url(/kookje/image_new/hwide_bg.png) no-repeat;width:330px;height:300px;position:absolute;left:0;top:0;z-index:2;padding:0 35px 30px 35px;overflow:hidden;} #section_headline.hole h2 {width:330px;margin:0; padding: 50px 0 15px; font-size: 2.4em;text-align:left; color:#fff; letter-spacing:-3px;font-weight:600;} #section_headline.hole .img_con {position:absolute;right:0;top:0;width: 600px; height: 330px;margin:0;z-index:1;} #section_headline.hole img {width:600px;height:330px;} #section_headline.hole .head_con { float: left; width: 660px; height: 130px;overflow:hidden;text-align:justify;position:relative} #section_headline.hole .head_con p.subtit {width:330px;margin:0; padding: 10px 0 5px; font-size: 1.25em; color:#fff;} #section_headline.hole .head_con p.pd {width:330px;margin:0; padding: 10px 0 20px;letter-spacing:-1px;color:#fff;} #section_headline.hole .main_rel1 {padding: 12px 0 0 0;bottom: 0;position:absolute;background:none;color:#fff} #section_headline.hole .f_gisa_text {color:#fff;} #section_headline.hole_white{position:relative;width:995px;height:290px;overflow:hidden;margin-top:20px;} #section_headline.hole_white .backpng {width:380px;height:285px;padding:0 20px 0 0;overflow:hidden;} #section_headline.hole_white .htb {width:55px;height:5px;padding:0 20px 0 0;background:#222;} #section_headline.hole_white h2 {width:380px;padding: 5px 0 12px; font-size: 2.7em;text-align:left;letter-spacing:-5px;font-weight:600;} #section_headline.hole_white .img_con {position:absolute;right:0;top:0;width: 595px; height: 280px;margin:0;z-index:1;} #section_headline.hole_white img {width:595px;height:280px;} #section_headline.hole_white .head_con { float: left; width: 380px; height: 213px;overflow:hidden;text-align:justify;position:relative} #section_headline.hole_white .head_con p.subtit {width:380px;margin:0; padding: 0; font-size: 1.25em;} #section_headline.hole_white .head_con p.subtit a {padding:} #section_headline.hole_white .head_con p.pd {width:380px;margin:0; padding: 10px 0 20px;letter-spacing:-1px;} #section_headline.hole_white .main_rel1 {padding: 10px 0 0 0;bottom: 0;position:absolute;background:#fff;width:380px} .f_cr {color:#FF0000}/*고정물 제목 컬러*/ .f_cg {color:#009900} .f_cb {color:#0000FF} .itv {display:inline-block;width:26px;height:26px;background:url(../kookje/images/tv.png) no-repeat; vertical-align:middle;} .itvs {display:inline-block;width:19px;height:19px;background:url(../kookje/images/tv_s.png) no-repeat; vertical-align:middle;} .isoc {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_soc.gif) no-repeat; vertical-align:middle;} .isoc1 {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_soc1.gif) no-repeat; vertical-align:middle;} .idan {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_dan.gif) no-repeat; vertical-align:middle;} .igin {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_gin.gif) no-repeat; vertical-align:middle;} .igin1 {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_gin1.gif) no-repeat; vertical-align:middle;} .iknn:after {display:inline-block;content:'KNN';border:1px solid red;border-radius:10px;font-size:.5em;color:red;padding:0 3px;font-weight:bold;letter-spacing:-1px;} .itemp {display:inline-block;width:68px;height:19px;background:url(../kookje/images/main_temp.png) no-repeat; vertical-align:middle;} /*기사목록1 */ dl.article1 { margin:15px 0 0; padding:0;display:inline-block;} dl.article1 dt {float:right;width:495px;margin:0; padding: 2px 0 0; font-size: 1.25em; color:#333;font-weight:bolder;} dl.article1 img {width:150px; height:95px;} dl.article1 dd.cont { float:right; width:495px;margin:0 0 20px; height:70px; padding:5px 0 0;overflow:hidden;line-height:1.6em;text-align:justify;position:relative;letter-spacing:-1px;} dl.article1 dd.line {clear: both; border-top: 1px solid #ddd; padding-bottom:15px;} dl.article1 .main_rel1 {bottom: 0;position:absolute;background-color:#fff;} dl.article1 .thumb { float:left; width:150px; height:95px; margin:5px 15px 0 0; padding:0; overflow:hidden;} dl.article1 .thumb:empty {display:none;} dl.article1 .thumb:empty ~ dt {float:left;width:660px;} dl.article1 .thumb:empty ~ .cont {float:left;width:650px;margin:0 0 20px 5px;} #opi_news {border:1px solid #ddd; border-top:2px solid #000; margin:0; padding:10px 5px;} #opi_news ul li {padding:7px 0 5px 0 ;clear:both;} #opi_news li .opimg {float:left; margin: 2px 10px 0 0;width:60px;height:60px;border-radius:60px;overflow:hidden;} #opi_news .optit {width:178px;padding-left:5px;display:block;} #opi_news .opimg + .optit {width:118px;height:60px;padding:0px;display: table-cell;vertical-align:middle;} /*많이 본 뉴스*/ #hit_news {border:1px solid #ddd; border-top:2px solid #000; margin:0; padding:10px 10px 20px;max-height:269px;overflow:hidden;} /*#hit_news {border:1px solid #ddd; border-top:2px solid #000; margin:0; padding:10px;overflow-y:auto;height:auto;} #hit_news::-webkit-scrollbar {width: 4px; height: 8px; border: 3px solid #fff; }*/ #hit_news ol {margin:0; padding:0 0 5px;} #hit_news ol li { margin:0; padding: 5px 0; border-bottom: 1px solid #ddd;} #hit_news ol li span.num { display:inline-block; width:20px; color:#123688; font-weight:bold; vertical-align:top; } #hit_news ol li span.ncon { display:-webkit-inline-box;width:158px;max-height:40px;overflow:hidden;letter-spacing:-1px;} #hit_news ol li:nth-child(n+6) {display:none;} #hit_news ol li:nth-child(5) {border-bottom:0;} /*부동산 우리동네 핫플*/ #ktown_main2 {width:300px;margin:0 0 10px; padding:0;} #ktown_main2 > div{width:300px;margin-right:0;display:inline-block;} #ktown_main2 h3{padding:3px 0 5px;font-size:1.2em;} #ktown_main2 ul {width:300px; height:auto;/*background:#333;*/} #ktown_main2 ul.tn li .tcont{/*color:#fff;*/display:inline-block;float:left;width:300px;overflow:hidden;padding:10px;line-height:1.3em;text-align:justify;border:1px solid #ddd;box-sizing:border-box;font-size:15px;letter-spacing:-1px;} #ktown_main2 ul.tn li .tthumb{display:inline-block;float:left;width:300px;height:170px;overflow:hidden;} #ktown_main2 .tthumb img {width:300px;height:170px;} /*그림창*/ #kcartoon {width:300px;height:205px;border:1px solid #eee;box-sizing:content-box;background:#eee;position:relative;} #kcartoon h3{background:#eaa3a3;padding-left:10px;height:20px;width:90px;top:0;left:0;position:absolute;} #kcartoon h3::after {content: "+";color:#fff;} #kcartoon img {width:300px;height:170px;} #kcartoon .tcont {padding:5px 10px;display:block;} /*기사목록2 */ dl.article2 { margin:0; padding:0;width:420px;margin-bottom:40px;} dl.article2 dt { clear:both; margin-top:12px; padding:12px 0 3px; font-size: 1.25em; color:#333;font-weight:bolder;border-top:1px dotted #bbb;} dl.article2 dt:first-child {margin-top:0;border:none;padding-top:0;} dl.article2 dd.thumb { float:left; width:110px; height:70px; margin:0 10px 12px 0; padding:0;overflow:hidden;} dl.article2 img {width:110px;} dl.article2 dd.cont {display:inline-block;float:left; width:300px; height:65px;position:relative;text-align:justify;letter-spacing:-1px;overflow:hidden;} dl.article2 .main_rel1 {position:absolute;bottom:0;background:#fff;} dl.article2 dd.con_noimg {float:left; width:100%; height:20px;/*height:42px;*/ margin:0; padding:0;position:relative;overflow:hidden;display:none;} .ss_cont { position:relative; width:440px;height:673px; overflow:hidden;} /*.ss_cont::-webkit-scrollbar {width: 5px; height: 8px; border: 3px solid #fff; }*/ /*기사목록2 */ .ss_left {width:660px;} .ss_left2 dl{ padding:4px 0; border-top:1px dotted #bbb;display:inline-block;width:100%;} .ss_left2 dl:first-child {margin-top:0;border:none;padding-top:0;} .ss_left2 dt {float:right;width:495px;margin:0; padding: 2px 0 0; font-size: 1.25em; color:#333;font-weight:bolder;} .ss_left2 .thumb img {max-width:150px;max-height:95px;width:auto;height:auto;vertical-align:middle;} .ss_left2 .cont {float:right; width:495px;margin:0 0 0; height:70px; padding:5px 0 0;overflow:hidden;line-height:1.6em;text-align:justify;position:relative;letter-spacing:-1px;} .ss_left2 .thumb {float:left; width:150px; height:95px; margin:5px 15px 0 0;text-align:center;background:#eee;line-height:91px;} .ss_left2 .thumb:empty {width:150px;height:20px; margin-top:6px} /*.ss_left2 .thumb:empty {display:none;} .ss_left2 .thumb:empty ~ dt {float:left;width:660px;} .ss_left2 .thumb:empty ~ .cont {float:left;width:650px;margin:0 0 0 5px;} */ /*포토뉴스*/ #digital_news { width:995px;height:202px;background:url(/kookje/image_new/digital_bg.jpg) no-repeat;padding:0px 0 0 29px;box-sizing:border-box;} #digital_news > a {width:945px;} #digital_news h2 {background:url(/kookje/image_new/digital_h2.png) no-repeat;color: transparent;margin:20px 0 10px;width:940px;display:inline-block;} #digital_news ul { margin:0; padding:0;} #digital_news li {float:left;padding-right:21px;} #digital_news .imgbox {width:171px;height:110px;overflow:hidden;} #digital_news .imgbox img {width:171px;height:115px;} #digital_news .t{width:170px;line-height:2em;} #digital_news a {display:block;color:#333;} /*오피니언*/ #main_opinion {background:#686868;color:#fff;width:260px;padding:15px 20px;} #main_opinion h3{color:#fff;} #main_opinion dd img {width: 60px;height:70px;border-radius:30px;} #main_opinion dd.right{width:180px;padding-top:10px;} #main_opinion ul{clear:both;padding-top:10px;} /*기획시리즈*/ #spot_news1 {position:relative;clear: both; width:995px;height:150px;margin-top:25px;overflow:hidden;} #spot_news1 h3 {float:left;padding-right:10px; } #spot_news1 .sp_cont1 { display:inline-block; float:left; width:310px;height:132px;padding-left:20px;} #spot_news1 .sp_cont1 .cont { display:inline-block; float:left; width: 175px; margin:0; } #spot_news1 h4{ padding: 0 0 8px; font-size:16px;font-weight:bold;} #spot_news1 .sp_cont1 .cont {margin:0; padding:0;width:170px;} #spot_news1 li {padding:2px 0 3px; letter-spacing:-2px;font-size:15px;} #spot_news1 .sp_cont1 .thumb {display:inline-block; float:left; width:126px; height:80px; padding-right:14px;} #spot_news1 .sp_cont1 .thumb img {width:126px; height:80px;} /*기획시리즈*/ #spot_news { clear: both; width:300px;background: #4f5153; margin-bottom:20px; padding-top:20px;box-sizing:border-box;border:1px solid #4f5153;} #spot_news h3 {color:#fff; font-size:1.125em; font-weight:bold; margin:0; padding:0 15px; } #spot_news .sp_cont1 { display:inline-block; float:left; width:270px; height:103px; margin:10px 5px 20px 12px; padding:0; } #spot_news .sp_cont1 .cont { display:inline-block; float:left; width: 160px; margin:0; } #spot_news h4{ padding: 0 0 5px; color:#69bfd2; font-size:1.2em;} #spot_news .sp_cont1 .cont ul {margin:0; padding:0;} #spot_news .sp_cont1 .cont ul li {margin:0; padding:5px 0 0; color:#fff; letter-spacing:-1px;} #spot_news .sp_cont1 .thumb { display:inline-block; float:left; width:95px; height:83px; margin:0; padding-left:15px;overflow:hidden;} #spot_news .hs_e{width:300px;height:270px;overflow:hidden;} #spot_news .hs_e > ul > li{height:260px;} #spot_news .next {width:100%;color:#4f5153;margin-top:15px;} /*주말엔*/ #play_news {width:660px;} #play_news .pt1{ width:315px; display:inline-block; float:left; margin-right:30px; } #play_news .pt2{ width:315px; display:inline-block; float:left; } #play_news ul { margin:0; padding:0; } #play_news ul li { height:65px; margin:0 0 20px; padding: 0; } #play_news li .pthumb {display:inline-block; float:left; width:105px;height:65px;margin-right:12px;overflow:hidden;} #play_news li .pcont {display:inline-block; float:left; width:198px;font-size:1.1em;} #play_news ul.noimg li { height:20px; margin:0 0 3px; padding: 0; } #mount_link {display: table;width:100%;border-collapse:collapse;} #mount_link div {border: 1px solid #bcbcbc;}.jb-table-row {display: table-row;} #mount_link .jb-table-cell {display: table-cell;height:60px;vertical-align: middle;text-align:center;} .cgr {color:#4d9827;} /*섹션뉴스*/ #section_news {clear:both;width:995px; height:450px; border: 1px solid #ddd;background:#fff;box-sizing: border-box} #section_news > * {margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-weight: normal;} #section_news * { transition: all .3s ease 0s;} #section_news h3 {color:#333;font-size:1.2em;padding-bottom:10px;width:100%;height:20px;overflow:hidden;} /* Colours */ ::selection {background: #1d83c1 !important; color: #fff !important;} ::-moz-selection {background: #1d83c1 !important; color: #fff !important;} /* Main layout */ #section_news > div {width: 100%; height: 450px;} #section_news > div {position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; overflow: hidden;} /* Articles */ #section_news > div article {flex: initial; width:20%;height: 100%; text-align: center; vertical-align: bottom; box-sizing: border-box; padding:20px 18px 0; position: relative;} /* Hover interaction */ #section_news > div:hover article {flex: initial; width: 10%;overflow:hidden;} #section_news > div article:hover {width: 70%;background:#ddd;color:#000;padding-left:30px;} #section_news > div article:hover .etc p {border-bottom:1px solid #fff;} #section_news > div article:hover li {border-bottom:1px solid #fff;} #section_news article > div {_opacity: 0; transition: opacity .2s ease 0;} #section_news article .etc {opacity: 0; transition: opacity .2s ease 0;float:right;width:380px;margin-right:10px;} #section_news article:hover > div {opacity: 1; transition: opacity .3s ease .3s;} /* Article layouts */ #section_news article > div {text-align: left; width: 58vw;} #section_news .spt2{ width:160px; display:inline-block; float:left; padding:5px 0 0 0;} #section_news .sthumb { display:block; margin:0 0 5px ; padding:0;border: width:160px;height:98px;overflow:hidden;} #section_news .sthumb img {width:160px;} #section_news li { width:160px; margin:0; padding: 5px 0 15px; border-bottom: 1px solid #ddd; letter-spacing:-1px;line-height: 1.6em;height: 2.4em;overflow:hidden;} #section_news li:last-child{border:0;} #section_news .etc p {border-bottom:1px solid #ddd;overflow:hidden;padding:11px 0 9px;} #section_news .scont { display:block; color: #333; font-size:1.05em;font-weight:bold; } /*포토슬라이드*/ #photo_slide { clear:both; width: 927px; height:350px; margin-top:30px; background: #ddd; padding: 25px 34px 5px;overflow:hidden;margin-right:0;} #photo_slide a > .tit::after {color: #333;} #photo_slide ul { margin:0; padding:0;width:995px;} .ps_lst li {width:210px;float:left;margin-right:29px;overflow:hidden;} .ps_lst .imgbox {width:210px;height:230px;overflow:hidden;} .ps_lst .imgbox img {width:210px;min-width:185px;min-height:230px;} .ps_lst .t{width:210px;padding-top:10px;overflow:hidden;font-size:16px;} .ps_lst a {float:left;width:210px;display: block;color:#333;} /*동영상*/ #kmovie { position:relative; width:300px; height:235px; background:url(/kookje/image_new/movie_bg.jpg) no-repeat 0 0; padding :10px 0 0; } #kmovie .ctr{ position:absolute; top:0; right:0;} .cbtn{ display: inline-block; margin: 0 3px; width: 10px; height: 10px; border-radius: 100%; background-color: #ddd; cursor: pointer; font-size: 0; text-indent: -99999;} #kmovie .ctr span.selected{background-color:#3fb2e8;} #kmovie dl.km {margin:0; padding:0;background:#252831;height:169px;} #kmovie dd {width:300px;height:169px;overflow:hidden;background:url(/kookje/images/loading_sun.gif) no-repeat center center;} #kmovie dl.km dt {margin:0; padding:5px 0 0 8px; color:#fff; font-weight:bold;width:260px;} /*구군뉴스*/ #prnews {position:relative; width:168px; border:1px solid #ddd;display:inline-block;padding:0 15px 5px;} #prnews h3 {display:inline-block; float:left; width:168px; font-weight:bold; margin:0;padding:10px 0 5px;} #prnews dl {display:inline-block;float:left; width:168px;height:109px;font-size: 1.1em;margin:0; padding:2px 0 5px 0;border-bottom:1px solid #ddd;} #prnews dl:last-child {border-bottom:0;} #prnews dd.pcont{display:inline-block; width:168px;height:34px;float:left;padding-top:5px; font-size:.9em;overflow:hidden;line-height:1.2em;overflow:hidden;} #prnews dd.pthumb{position:relative;padding-bottom:1px;width:168px;height:63px;overflow:hidden;} #prnews h3.c1{color:#02b3a1;} #prnews h3.c2{color:#17a51f;} #prnews h3.c3{color:#205aac;} #prnews h3.c4{color:#c31919;} /*실시간연예뉴스*/ #enter_news {padding:20px 0; width: 298px; color: #333; border:1px solid #ddd;} #enter_news a {letter-spacing:-1px} #enter_news ul.pt {margin:0; padding:0 20px;} #enter_news ul.pt li {width:122px;display:inline-block; margin:0; padding: 5px 2px 0;} #enter_news .ethumb { display:block; margin:0; margin-bottom: 3px;width:122px;height:112px;overflow:hidden;} #enter_news img {width:122px;min-width:122px;height:112px;} #enter_news .econt {display:block;height:60px;overflow:hidden;letter-spacing:-1px;} #enter_news ul.nw {margin:5px 0 0; padding:0 20px; } #enter_news ul.nw li {width:260px; margin:0; padding:5px 0; font-size:1.1em; border-bottom: 1px solid #ddd;} #enter_news ul.nw li:last-child {border-bottom:none;} /*메디클럽*/ #medi { margin: 30px 0; position:relative; width: 300px; height:403px; background:url(/kookje/image_new/medi_bg.jpg) no-repeat 0 0; } #medi .mlink { display:inline-block; color:#0089ff; font-weight:bold; margin:0; padding:10px 26px 0 35px; } #medi h3{color:#333; font-weight:bold; display:inline-block; padding:10px 0 0 26px; } #medi ul.md {height: 87px; margin:30px 0 0 20px; padding:0; } #medi ul.md li .mthumb {display:inline-block; float:left; width:67px; margin:0; padding-right: 10px; } #medi ul.md li .mcont {display:inline-block; float:left; width:180px; margin:0; padding:0; letter-spacing:-1px;} #medi ul.md li .tc{color:#326195; font-weight:bold;} #medi ul.bn_list { margin:26px 10px 0; padding:0;} #medi ul.bn_list li {margin:0; padding:0;} .k_bbc_main{display:block;width:178px; border: 1px solid #ddd;padding:10px;} .k_bbc_main li {letter-spacing:-.5px;padding-bottom:2px;text-indent:-8px;padding-left:10px;} .bnr_mt {height:50px;width:660px;float:left;background:#000;} .bnr_mt li {float:left;} .bnr_li {width:100%;float:left;} .bnr_li li {float:left;padding-right:20px;} #main_site {width:100%;overflow:hidden;} #main_site dd {margin:0 auto 10px;} .listnews_tab {display:none;}