/************************************************* main 메인 - 지사메인 포함 (sub페이지에서 공통으로 쓰이는 컨텐츠 많음) *************************************************/ @import "font-awesome.min.css"; @import url('https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /************ conLt ************/ .main .conLt {float:left; width:610px; margin:10px 14px 0 0;} .main .conLt .conLt_1 {} .main .conLt .conLt_2 {clear:both; float:left; width:400px; margin-top:15px;} .main .conLt .conLt_3 {float:left; width:190px; margin:15px 0 0 20px;} .main .conLt li:hover {text-decoration:underline;} /* 코로나 확진자 현황 : main_corona_count */ .main_corona_count {overflow:hidden; *border:1px solid #e2e2e2; *padding:5px 5px 3px 5px; margin-top: 15px;} .main_corona_count h3 {float:left; padding:2px 5px 0 5px;} .main_corona_count .location {float:right; width:415px; height:55px; font-size:0px; box-sizing:border-box;} .main_corona_count .location > li {display:inline-block; width:33.333%; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:center;} .main_corona_count .location > li:hover {text-decoration:none;} .main_corona_count .location .tit {display:block; height:18px; line-height:18px; font-size:12px; color:#fff; text-align:center;} .main_corona_count .location > li:first-child {width:33.333%; border-left:1px solid #e2e2e2;} .main_corona_count .location > li:nth-child(1) .tit {background:#5d5d5d;} .main_corona_count .location > li:nth-child(3) .tit {background:#7f7f7f;} .main_corona_count .location > li:nth-child(even) .tit {background:#a9a9a9;} .main_corona_count .location .count {font-size:0px; background:#fff; height:37px;} .main_corona_count .location .count li {display:inline-block; width:48%; height:38px; box-sizing:border-box; padding-top:1px;} .main_corona_count .location .count li:first-child {width:52%; border-right:1px solid #d5d4d4;} .main_corona_count .location .count span {display:block; font-size:12px; color:#666;} .main_corona_count .location .count strong {display:block; font-size:13px; margin-top:-3px;} .main_corona_count .location .count strong.patient {color:#fa6e6d;} .main_corona_count .location .count strong.death {color:#666;} /* 헤드라인 : headline */ .main .headline_main {position:relative; float:left; width:395px; height:385px; border:5px solid #ececec; overflow:hidden;} .main .headline_main h4.head_tit {position:absolute; left:0; bottom:105px; width:355px; max-height:280px; padding:40px 20px 15px 20px; font-size:26px; background:url(../images/headline_gra.png) repeat-x center top;} .main .headline_main h4.head_tit a {color:#fff; letter-spacing:-2px;} .main .headline_main h4.head_tit a:hover {text-decoration:underline;} .main .headline_main span {position:absolute; top:0px; right:0px; background:url(../images/icon_news.png) no-repeat; overflow:hidden; text-indent:-500px;} .main .headline_main span.Nspecial {width:66px; height:66px; background-position:0 -160px;} .main .headline_main span.Nquick {width:66px; height:66px; background-position:0 -75px;} .main .headline_main em.commct {position: absolute; top: 13px; right: 27px; font-size: 13px;} .main .headline_main em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgb(0, 166, 57); padding: 1px 10px 3px; box-sizing: border-box; border-radius: 15px;} .main .headline_main em.commct a #commnum {color: #fff; margin-left: 3px; text-indent: inherit; background: inherit; position: inherit;} .main .headline_main .head_img {display:block; height:280px;} .main .headline_main .head_img img {width:395px; height:280px;} .main .headline_main .head_con {margin:10px 15px 0 15px;} .main .headline_main .head_con a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:160%; font-size:12px} .main .headline_main .related_news {margin:4px 15px 0 15px; overflow:hidden;} .main .headline_main .related_news li {height:20px; padding-left:13px; background:url(../images/bullet.png) no-repeat left -95px;} .main .headline_main .related_news h4 {font-size:14px; white-space:nowrap; text-overflow:ellipsis;} .main .headline_main .head_txt1 .head_con {height:79px;} .main .headline_main .head_txt1 .related_news {display:none;} .main .headline_main .head_txt2 .head_con {height:41px;} .main .headline_main .head_txt2 .related_news {max-height:40px;} .main .headline_main .head_txt3 .head_con {display:none;} .main .headline_main .head_txt3 .related_news {max-height:80px; margin-top:13px;} /* newslist 헤드라인 right */ .main .tNews_headR {float:left; width:190px; height:390px; padding:5px 0 0 15px; overflow:hidden;} .main .tNews_headR li {margin-top:17px; padding-top:17px; border-top:1px solid #eaeaea} .main .tNews_headR li:first-child {margin-top:0; padding-top:0; border:0;} .main .tNews_headR h4 {height:43px; font-size:16px;} .main .tNews_headR h4 em.commct {font-weight: bold;font-style: normal;font-size: 11px; letter-spacing: normal} .main .tNews_headR h4 em.commct a {display: inline-block; overflow: hidden;} .main .tNews_headR h4 em.commct a span {margin-left: 3px;} .main .tNews_headR p {height:60px; padding-top:3px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 189px;} .main .tNews_headR p a {line-height:135%; *line-height:150%; color:#4F4F4F; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} /* photo newslist 헤드라인 bottom */ .main .pNews_headBtm {clear:both; height:140px; padding:20px 0 5px 0; border-bottom:5px solid #ececec;} .main .pNews_headBtm li {float:left; width:140px; margin-left:15px; position: relative} .main .pNews_headBtm li:first-child {margin-left:0;} .main .pNews_headBtm li em.commct {position: absolute; top: 64px; right: 0; font-size: 11px;} .main .pNews_headBtm li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .main .pNews_headBtm li em.commct span#commnum {margin-left: 3px} .main .pNews_headBtm li h4 {word-break: keep-all; height:40px; margin-top:5px; font-size:12px; text-align:center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} .main .pNews_headBtm li h4 a {/*font-family:'dotum','돋움';*/ line-height:140%; font-size:14.4px} .main .pNews_headBtm li>a {display:block; width:140px; height:84px; background:#f4f4f4; overflow:hidden; text-align:center;} .main .pNews_headBtm li>a img {width:100%;} /* photo newslist 헤드라인 right branch */ .main .pNews_headR_branch {display:inline-block; width:190px; margin:5px 0 0 15px; border-bottom:4px solid #ececec;} .main .pNews_headR_branch li {height:245px; margin-bottom:28px;} .main .pNews_headR_branch h4 a {font-size:16px; line-height:135%; letter-spacing:-2px;} .main .pNews_headR_branch img {width:190px; height:109px; margin:7px 0 2px 0;} .main .pNews_headR_branch p {margin-top:3px; font-family:'dotum','돋움';} .main .pNews_headR_branch p a {line-height:130%; color:#888;} /* 종합 news list */ .main .nList_main {margin-top:-7px; padding-bottom:25px; border-bottom:4px solid #eaeaea;} .main .nList_main li {line-height:230%; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;} .main .nList_main li .list_title{width:85%; text-overflow:ellipsis; float:left; overflow:hidden;} .main .nList_main li .list_title:hover{text-decoration:underline;} .main .nList_main li .list_comment{width:10%; float:left;} .main .nList_main li span {display:block; float:left; margin:12px 7px 0 0; background:url(../images/icon_news.png) no-repeat; overflow:hidden; text-indent:-500px;} .main .nList_main li span.Nspecial {width:27px; height:16px; background-position:0 0;} .main .nList_main li span.Nquick {width:27px; height:16px; background-position:0 -25px;} .main .nList_main li span.Nad {width:27px; height:16px; background-position:0 -50px;} .main .nList_main li a {color:#111;} .main .nList_main li em.commct {font-weight: bold; font-style: normal; font-size: 12px; margin-left: 15px;} .main .nList_main li em.commct a span#commnum {text-indent: inherit; background: inherit; position: inherit; display: inherit; margin: 0; float: inherit; margin-left: 3px; padding-right: 3px;} /* .main_branch .nList_main {margin-top:-168px;} .main_branch .nList_main li {height:36.5px;} .main_branch .nList_main li span {margin-top:12px;} */ /* 경제 : economyS */ .economyS {clear:both;} .economyS h3 {margin:22px 0 13px 0;} .economyS .pNews {height:148px; *margin-left:25px;} .economyS .pNews li {float:left; width:185px; height:148px; margin-left:10px; padding-left:10px; border-left:1px solid #eaeaea; position: relative} .economyS .pNews li:first-child {margin-left:0; padding-left:0; border:0;} .economyS .pNews li h4 {height:40px; color:#111; font-size:14px; line-height:140%;} .economyS .pNews li em.commct {position: absolute; bottom: 40px; right: 0; font-size: 11px;} .economyS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 0 3px; display: block;} .economyS .pNews li em.commct span#commnum {margin-left: 3px} .economyS .pNews li>a {display:block; width:100%; height: 108px; background:#f4f4f4; overflow:hidden; text-align:center; line-height:89px;} .economyS .pNews li>a img {width:100%;} .economyS .nList {clear:both; padding-top:15px;} .economyS .nList li {line-height:215%; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;} .economyS .nList li a {color:#111;} .economyS .nList li .list_title{width:85%; text-overflow:ellipsis; float:left; overflow:hidden;} .economyS .nList li .list_title:hover{text-decoration:underline;} .economyS .nList li .list_comment{width:10%; float:left;} .economyS .nList li em.commct {font-weight: bold; font-style: normal; font-size: 12px; margin-left: 15px;} .economyS .nList li em.commct a span#commnum {text-indent: inherit; background: inherit; position: inherit; display: inherit; margin: 0; float: inherit; margin-left: 3px; padding-right: 3px;} /* weekly 부동산 : propertyS */ .propertyS h3 {padding:0 0 10px 0;} .propertyS h3 a {font-size:15px; letter-spacing:0;} .propertyS .pNews li {margin-bottom:23px; position: relative} .propertyS .pNews li em.commct {position: absolute; top: 89px; right: 0; font-size: 11px;} .propertyS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .propertyS .pNews li em.commct span#commnum {margin-left: 3px} .propertyS .pNews li>a {display:block; width:190px; height:109px; margin-bottom:6px; background:#f4f4f4; overflow:hidden; text-align:center;} .propertyS .pNews li>a img {width:100%;} .propertyS .pNews h4 {height:40px;} .propertyS .pNews h4 a {font-size:14px; line-height:140%;} .propertyS .pNews p {height:55px; margin-top:6px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .propertyS .pNews p a {line-height:130%; *line-height:150%;} /* 핫이슈 : issue_hot */ .issue_hot h3 {margin-top:23px; padding:23px 0 10px 0; border-top:1px solid #eaeaea;} .issue_hot h3 a {font-size:15px; letter-spacing:0;} .issue_hot .pNews li {position: relative} .issue_hot .pNews li:nth-child(2) {margin-top: 20px} .issue_hot .pNews li>a {display:block; width:190px; height:109px; margin-bottom:6px; background:#f4f4f4; overflow:hidden; text-align:center;} .issue_hot .pNews li>a img {width:100%;} .issue_hot .pNews li em.commct {position: absolute; top: 89px; right: 0; font-size: 11px;} .issue_hot .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .issue_hot .pNews li em.commct span#commnum {margin-left: 3px} .issue_hot .pNews h4 {height:40px;} .issue_hot .pNews h4 a {font-size:14px; line-height:140%;} .issue_hot .pNews p {height:55px; margin-top:6px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .issue_hot .pNews p a {line-height:130%; *line-height:150%;} /* 기업 : enterprise */ .enterprise h3 {margin-top:23px; padding:23px 0 10px 0; border-top:1px solid #eaeaea;} .enterprise h3 a {font-size:15px; letter-spacing:0;} .enterprise .pNews li {position: relative; margin-bottom:23px;} .enterprise .pNews li>a {display:block; width:190px; height:109px; margin-bottom:6px; background:#f4f4f4; overflow:hidden; text-align:center;} .enterprise .pNews li>a img {width:100%;} .enterprise .pNews li em.commct {position: absolute; top: 89px; right: 0; font-size: 11px;} .enterprise .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .enterprise .pNews li em.commct span#commnum {margin-left: 3px} .enterprise .pNews h4 {height:40px;} .enterprise .pNews h4 a {font-size:14px; line-height:140%;} .enterprise .pNews p {height:55px; margin-top:6px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .enterprise .pNews p a {line-height:130%; *line-height:150%;} /* 자동차 : carS */ .carS h3 {margin-top:23px; padding:23px 0 10px 0; border-top:1px solid #eaeaea;} .carS h3 a {font-size:15px; letter-spacing:0;} .carS .pNews li {position: relative} .carS .pNews li em.commct {position: absolute; top: 89px; right: 0; font-size: 11px;} .carS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .carS .pNews li em.commct span#commnum {margin-left: 3px} .carS .pNews li>a {display:block; width:190px; height:109px; margin-bottom:6px; background:#f4f4f4; overflow:hidden; text-align:center;} .carS .pNews li>a img {width:100%;} .carS .pNews h4 {height:40px;} .carS .pNews h4 a {font-size:14px; line-height:140%;} .carS .pNews p {height:55px; margin-top:6px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .carS .pNews p a {line-height:130%; *line-height:150%;} /* 채널유튜브 channel_youtube */ .main .contents {width:100% !important;} .sub.wide.today_focus {display:none;} .main .channel_youtube {background:#f5f5f5; margin-top:30px; padding:30px 0 35px 0;} .main .channel_youtube > .tit {width:940px; min-width:940px; margin:0 auto; position:relative;} @media (min-width: 1520px) { .main .channel_youtube > .tit {width:1155px;} } .main .channel_youtube > .tit .paging {position:absolute; top:-5px; right:0;} .main .channel_youtube > .tit .paging a {display:inline-block; width:30px; height:29px; text-indent:-500px; overflow:hidden} .main .channel_youtube > .tit .paging a.btn_prev {background:url('../images/btn_prev.png') 0 0 no-repeat;} .main .channel_youtube > .tit .paging a.btn_next {background:url('../images/btn_next.png') 0 0 no-repeat; margin-left:-4px;} .main .channel_youtube .youtube_list {margin-top:10px;} .main .channel_youtube .youtube_list ul {overflow:hidden;} .main .channel_youtube .youtube_list li {float:left; margin-right:25px; height:auto;} .main .channel_youtube .youtube_list .channel {width:270px;} .main .channel_youtube .youtube_list .channel .channel_name {height:84px; padding:20px; box-sizing:border-box;} .main .channel_youtube .youtube_list .channel .channel_name p {color:#fff; margin-top:3px;} .main .channel_youtube .youtube_list .channel_hktv .channel_name {background:url('../images/gra_hktv.png') 0 0 no-repeat;} .main .channel_youtube .youtube_list .channel_rs .channel_name {background:url('../images/gra_rs.png') 0 0 no-repeat;} .main .channel_youtube .youtube_list .channel_ktown .channel_name {background:url('../images/gra_ktown.png') 0 0 no-repeat;} .main .channel_youtube .youtube_list .channel .video_area {position:relative; height:150px; overflow:hidden;} .main .channel_youtube .youtube_list .channel .video_area .img img {width:100%; height:100%;} .main .channel_youtube .youtube_list .channel .video_area .hover {display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);} .main .channel_youtube .youtube_list .channel .video_area:hover .hover {display:block;} .main .channel_youtube .youtube_list .channel .video_area .player {position:absolute; left:105px; top:45px;} .main .channel_youtube .youtube_list .channel .txt {background:#fff; height:100px; padding:15px; box-sizing:border-box;} .main .channel_youtube .youtube_list .channel .txt .tit {font-size:15px; height:60px; font-weight:bold; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:normal; overflow:hidden; line-height:140%;} /*한국TV Ktown 지금 볼만한 프로그램 css*/ .today_focus .top_banner_area{ font-size: 0px; margin: 0px; padding: 0px; line-height: 1; } .today_focus .youtube_list .video_ktown{ position: relative; } .today_focus .youtube_list .video_ktown .video_area::after{ content:""; position: absolute; left:0px; width:28px; height:28px; background: url(../images/ktown_mini.png) no-repeat; top:0px; } .today_focus .youtube_list .video_hktv{ position: relative; } .today_focus .youtube_list .video_hktv .video_area::after{ content:""; position: absolute; left:0px; width:28px; height:28px; background: url(../images/hktv_mini.png) no-repeat; top:0px; } .today_focus .youtube_list .channel .video_area .img img{ width: 100%; height: 100%; max-width: 200px; max-height: 105px; } .today_focus .youtube_list .channel .txt .tit .broadcasting_co{ color:#009944; font-weight:300; } /*한국 TV 좌측 가로 배너 css*/ .main .hktv_hot_area{ clear: both; height: 155px; padding-top: 15px; border-bottom: 5px solid #ececec; font-size: 0px; overflow: hidden; box-sizing: border-box; } .main .hktv_hot_area li:first-child { margin-left: 0; } .main .hktv_hot_area li { display: inline-block; width: 150px; margin-left: 3px; position: relative; } .main .hktv_hot_area li>a { display: block; width: 100%; height: 84px; background: #f4f4f4; overflow: hidden; text-align: center; } .main .hktv_hot_area li>a img { width: 100%; } .main .hktv_hot_area li h4 { height: 48px; margin-top: 5px; font-size: 12px; text-align: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .main .hktv_hot_area li h4 a { /* font-family: 'dotum','돋움'; */ line-height: 140%; font-size: 12px; font-weight: 400; letter-spacing: -0.08rem; } .main .hktv_corner { margin-top: 15px; } .main .hktv_corner .hktv_hot_top{ display: inline-block; box-sizing: border-box; } .main .hktv_corner .hktv_hot_top .hktv_logo{ vertical-align: middle; } .main .hktv_corner .hktv_hot_top .hktv_hot{ vertical-align: middle; margin-left: 14px; } .main .hktv_corner .hktv_hot_top .hot_top_txt{ color: #ec2f2f; vertical-align: middle; letter-spacing: -0.08rem; font-size: 12px; font-weight: 600; margin-left:-50px; } .main .hktv_corner .paging{ position: relative; } .main .hktv_corner .paging a { display: inline-block; position: absolute; background: url(../images/paging_arrow.png) no-repeat; text-indent: -500px; overflow: hidden; } .main .hktv_corner .paging.seoul_economy a { top: 0px; } .main .hktv_corner .btn_prev { top: -20px; right: 17px; width: 17px; height: 18px; background-position: 0 0 !important; } .main .hktv_corner .btn_next { top: -20px; right: 0; width: 18px; height: 18px; background-position: -21px 0 !important; } .main .hktv_hot_area li h4 a p:first-child{ font-weight:bold; font-size: 13px; } .main .hktv_hot_area li h4 a p{ word-break: keep-all; } /*가로 유튜브 슬라이더 css*/ .main .channel_youtube .youtube_list .video_hktv .video_area::after{ content:""; position: absolute; left:0px; width:31px; height:31px; background: url(../images/hktv_big.png) no-repeat; top:0px; } .main .channel_youtube .youtube_list .video_ktown .video_area::after{ content:""; position: absolute; left:0px; width:31px; height:31px; background: url(../images/ktown_big.png) no-repeat; top:0px; } .today_focus .youtube_list .channel .txt .tit .broadcasting_co { color: #009944; font-weight: 300; } .main .channel_youtube .youtube_list .channel .video_area .img img{ width: 100%; height: 100%; max-width: 270px; max-height: 150px; } /************ conRt ************/ .main .conRt {float:left; width:300px; margin-top:10px; padding-left:14px; border-left:1px solid #eaeaea;} /* 기사검색 : search_news */ .search_news {position:relative;} .search_news .search_bar {position:relative; height:28px; border:1px solid #d9d9d9; background:#f3f3f3;} .search_news .search_bar .input_style_search {width:240px; border:0; padding:4px 5px 5px 10px; background:#f3f3f3; font-family:'malgun gothic';} .search_news .search_bar .btn_search {position:absolute; top:-1px; right:-1px;} .search_news:hover .search_select {display:block;} .search_news .search_select {display:none; position:absolute; top:30px; left:0; z-index:30; width:100%; padding:5px 0; border-bottom:2px solid #333; background:#fff; text-align:center;} .search_news .search_select input {margin-bottom:-2px;} .search_news .search_select label {margin-right:30px; letter-spacing:0; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} /* quick : quickS */ .quickS {clear:both; position:relative; margin-top: 15px; overflow:hidden;} /* 20160803 수정 */ .quickS h3 {margin-bottom:5px;} .quickS ul li {width:60px;height:68px; text-align:center; color:#fff; font-weight:600; font-size:12px; line-height:98px; float:left;} /* 20160802 수정 */ .quickS ul a li.service1{background:url('../images/short_navi1.png') no-repeat;} .quickS ul a li.service2{background:url('../images/short_navi2.png') no-repeat;} .quickS ul a li.service3{background:url('../images/short_navi3.png') no-repeat;} .quickS ul a li.service4{background:url('../images/short_navi4.png') no-repeat;} .quickS ul a li.service5{background:url('../images/short_navi5.png') no-repeat;} /* 오피니언 : opinionS */ .opinionS {clear:both; position:relative; height:220px; margin-top:15px; overflow:hidden;} .opinionS .opinionS_page .list li {clear:both; height:64px; margin-top:5px; border-bottom:1px solid #eaeaea; box-sizing: border-box;} .opinionS .opinionS_page .list li img {float:left; width:94px; height:56px; margin-right:10px; border:1px solid #eaeaea;} .opinionS .opinionS_page .list li h4 {width:185px; height:37px; font-size:14px;} .opinionS .opinionS_page .list li h4 em.commct {font-weight: bold; font-style: normal; font-size: 10px; margin-left: 5px; letter-spacing: normal} .opinionS .opinionS_page .list li h4 em.commct a {display: inline-block; overflow: hidden;} .opinionS .opinionS_page .list li h4 em.commct a span {margin-left: 3px;} .opinionS .count {position:absolute; top:0; right:35px; width:20px; color:#999;} .opinionS .count b {color:#666;} .opinionS .btn_prev, .opinionS .btn_next {position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} .opinionS .btn_prev {top:0; right:18px; width:17px; height:18px; background-position:0 0;} .opinionS .btn_next {top:0; right:0; width:18px; height:18px; background-position:-21px 0;} .opinionS .paging_btn {display:none;} /* CA Lottery */ .cLottery {clear:both; display:inline-block; width:300px; margin:15px 0 0 0; font-size:14px;} .cLottery img {border:0} .cLottery #cLottery_pop_up {display:block; border:1px solid #CCC; position:absolute; z-index:5; border:1px solid #bfbfbf; padding:8px; overflow:hidden; text-align:center; overflow: hidden; position: relative;} /*.cLottery #winning_bn:hover #cLottery_pop_up {}*/ .cLottery #cLottery_pop_up .winning_number {overflow:hidden; padding:5px 10px; margin:0 auto; text-align:center} .cLottery #cLottery_pop_up .winning_number .winning_lottery {font-weight:bold; float:left} .cLottery #cLottery_pop_up .winning_number .winning_lottery .dData {margin-right:5px} .cLottery #cLottery_pop_up .winning_number .winning_lottery .nData {color: #00b1df; margin-right:5px} .cLottery #cLottery_pop_up .winning_number .winning_money {font-size:14px; color: #00b1df} .cLottery #cLottery_pop_up .winning_number .winning_money_full ul {list-style:none} .cLottery #cLottery_pop_up .winning_number .winning_money_full ul li {display:block; border-radius:50%; font-weight:bold; color:#C30; float:left; padding: 5px; border: 1px solid #ddd; margin: 5px; width:20px; height:20px} .cLottery #cLottery_pop_up .winning_number .winning_money_full ul li.mega_n {display:block; border-radius:50%; font-weight:bold; color:#fff; background-color:#F00} /* 지사별 뉴스 : branchS */ .branchS {clear:both; position:relative; margin-top:20px;} .branchS h3 {margin-bottom:15px;} .branchS .pNews li {clear:both; *height:95px; height: auto; margin-bottom: 15px;} .branchS .pNews li>a {display:block; float:left; width:98px; height:56px; background:#f4f4f4; margin-right:10px; overflow:hidden; text-align:center;} .branchS .pNews li>a img {width:100%;} .branchS .pNews li h4 {max-height:40px; font-size:14px; line-height:130%;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .branchS .pNews li p {float:left; width:180px; height:53px; margin-top:3px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .branchS .pNews li p a {line-height:130%; *line-height:140%;} .branchS .pNews .subTxt a {display: block; background: url(../images/bullet.gif) 0 8px no-repeat; padding-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .branchS .pNews {display:none;} .branchS .pNews.branchS_con0 {display:block;} .branchS .paging {position:absolute; top:0; right:0;} .branchS .paging li {float:left; width:30px; border-right:1px solid #e2e2e2; letter-spacing:0; text-align:center;} .branchS .paging li:first-child {border-left:1px solid #e2e2e2;} .branchS .paging li.hover {font-weight:bold; color:#222;} .sub .branchS {margin-top:25px;} /* 포토뉴스 : photoS */ .photoS {clear:both; position:relative; width:300px; height:306px; margin-top:15px;} .photoS .pNews {display:none; position:absolute; top:25px; right:0; width:286px; height:172px; padding:7px 7px 0 7px; background:#ececec; overflow:hidden;} .photoS .pNews>a {display:block; width:286px; height:172px; overflow:hidden;} .photoS .pNews a img {width:100%;} .photoS .pNews h4 a {position:absolute; left:7px; bottom:0; width:266px; padding:40px 10px 10px 10px; background:url(../images/headline_gra.png) repeat-x center top; color:#fff; font-size:14px;} .photoS .pNews.photoS_con0 {display:block;} .photoS .paging {position:absolute; bottom:0; width:292px; height:95px; padding:7px 0 0 8px; background:#ececec;} .photoS .paging li {float:left; width:68px; height:42px; margin-right:4px; margin-bottom:4px; cursor:pointer; overflow:hidden;} .photoS .paging li img {width:100%; height:42px;} .photoS .paging li.hover {outline:4px solid #08944b;} /* 영어뉴스 : eng_news */ .eng_news {clear:both; position:relative; margin-top:25px; letter-spacing:0; line-height:120%;} .eng_news .pNews li {clear:both; height:105px; margin-top:8px; border-bottom:1px solid #eaeaea;} .eng_news .pNews li:first-child {margin-top:15px;} .eng_news .pNews li>a {float:left; width:98px; height:56px; margin-right:10px; background:#f4f4f4; overflow:hidden; text-align:center;} .eng_news .pNews li>a img {*width:100%;} .eng_news .pNews li h4 {max-height:39px; font-size:14px; line-height:130%;} .eng_news .pNews li p {float:left; width:180px; height:53px; margin-top:3px;} .eng_news .pNews li p a {line-height:140%;} .eng_news .kt_us {} .eng_news .ny_times {display:none;} .eng_news .paging {height:27px; background:#f2f2f2;} .eng_news .paging li h3 {font-size:13px; line-height:25px; color:#888; text-decoration:none;} .eng_news .paging li {float:left; width:150px; text-align:center; cursor:pointer;} .eng_news .paging li.hover {height:26px; width:148px; border:1px solid #b4b4b4; border-bottom:0; background:#fff; cursor:default;} .eng_news .paging li.hover h3 {color:#222;} /* 라디오서울 AM1650 : radioseoulS */ .radioseoulS {clear:both; position:relative; margin-top:20px;} .radioseoulS h3 {margin-bottom:10px;} .radioseoulS .btn_play a {display:block; position:absolute; top:0; right:0; height:20px; padding-right:20px; background:url(../images/radio_play_bg.png) no-repeat right 3px;} .radioseoulS .nList_radio {padding:17px 20px 20px 20px; border:1px solid #e2e2e2;} .radioseoulS .nList_radio li {padding:5px 5px 2px 10px; border-bottom:1px solid #f3f3f3; background:url(../images/bullet.png) no-repeat left -213px; white-space:nowrap; text-overflow:ellipsis;} .radioseoulS .nList_radio li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} /* 투데이 포커스 : today_focus 채널 유튜브 세로버전 */ .today_focus {display:none; position:relative; margin-top:10px; border-bottom:1px solid #e2e2e2; overflow:hidden;} .today_focus .tit {position:relative;} .today_focus .tit h3 {text-align:left; margin:10px 0 8px 0;} .today_focus .tit .paging {position:absolute; top:0; right:0;} .today_focus .tit .paging a {display:inline-block; position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} .today_focus .tit .btn_prev {top:4px; right:17px; width:17px; height:18px; background-position:0 0 !important;} .today_focus .tit .btn_next {top:4px; right:0; width:18px; height:18px; background-position:-21px 0 !important;} .today_focus .pNews {position:relative; width:840px; height:180px; margin:0 auto; overflow:hidden;} .today_focus .pNews .today_focus_page {position:absolute; width:2000px; padding-top:15px; padding-left:3px;} .today_focus .pNews .today_focus_page li {float:left; width:208px; height:145px; margin-bottom:30px; border-left:1px solid #eaeaea;position: relative; overflow: inherit;} .today_focus .pNews .today_focus_page li>a {display:block; width:176px; height:104px; margin-left:15px; background:#f4f4f4; overflow:hidden; text-align:center;} .today_focus .pNews .today_focus_page li>a img {width:100%;} .today_focus .pNews .today_focus_page li h4 {max-height:38px; margin:3px 15px 0 15px; font-size:12px;} .today_focus .pNews .today_focus_page li h4 a {font-size:14px} .today_focus .pNews .today_focus_page li.ktalk_photo img {max-width:176px; height:104px; width:auto;} .today_focus .pNews .today_focus_page li.ktalk_photo>a{border: 4px solid #a9cff6; box-sizing:border-box;} .today_focus .pNews .today_focus_page li .img_ktalk {background-image: url(../images/kTalk_today_photo.png); position: absolute; top: -5px; left: 5px; width: 43px; height: 33px;} .today_focus .pNews .today_focus_page li em{display:none;} .today_focus .btn_prev, .today_focus .btn_next {display:block; position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} /*.today_focus .btn_prev {top:110px; left:0; width:41px; height:41px; background-position:-60px 0;} .today_focus .btn_next {top:110px; right:0; width:41px; height:41px; background-position:-105px 0;} */ .sub .today_focus {margin-top:10px;} .today_focus .youtube_list li {margin-bottom:15px;} .today_focus .youtube_list .channel {width:100%;} .today_focus .youtube_list .channel .channel_name {height:64px; padding:12px 15px; box-sizing:border-box;} .today_focus .youtube_list .channel .channel_name p {color:#fff;} .today_focus .youtube_list .channel_hktv .channel_name {background:url('../images/gra_hktv.png') 0 0 no-repeat;} .today_focus .youtube_list .channel_rs .channel_name {background:url('../images/gra_rs.png') 0 0 no-repeat;} .today_focus .youtube_list .channel_ktown .channel_name {background:url('../images/gra_ktown.png') 0 0 no-repeat;} .today_focus .youtube_list .channel .video_area {position:relative; height:105px; overflow:hidden;} .today_focus .youtube_list .channel .video_area .img img {width:100%; height:100%;} .today_focus .youtube_list .channel .video_area .hover {display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);} .today_focus .youtube_list .channel .video_area:hover .hover {display:block;} .today_focus .youtube_list .channel .video_area .player {position:absolute; left:68px; top:18px;} .today_focus .youtube_list .channel .txt {padding:8px 0 0 0; box-sizing:border-box;} .today_focus .youtube_list .channel .txt .tit {font-size:14px; height:40px; font-weight:bold; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:normal; overflow:hidden; line-height:140%;} /*.today_focus .paging {text-align:center;} .today_focus .paging span {display:inline-block; text-indent:-500px; width:10px; height:10px; background:#c5c5c5; border-radius:50%; margin:0 2px;} .today_focus .paging span.page_on, .today_focus .paging span:hover {background:#009f4a;}*/ /* K Talk Widget : kTalk_wgt */ .wide .kTalk_wgt {display: none} /************ conLb ************/ .main .conLb {float:left; width:610px; margin-right:30px;} .main .conLb li:hover {text-decoration:underline;} /* 라이프 : lifeS */ .lifeS {clear:both; position:relative; height:270px; margin-top:20px; border-bottom:1px solid #e2e2e2;} .lifeS h3 {margin-bottom:15px;} .lifeS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .lifeS .pNews li {float:left; width:200px; margin-right:20px; position: relative} .lifeS .pNews li em.commct {position: absolute; top: 100px; right: 0; font-size: 11px;} .lifeS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .lifeS .pNews li em.commct span#commnum {margin-left: 3px} .lifeS .pNews li h4 {height:41px; margin-top:3px; font-size:15px;} .lifeS .pNews li>a {display:block; width:200px; height:120px; background:#f4f4f4; overflow:hidden; text-align:center; overflow:hidden;} .lifeS .pNews li>a img {width:100%;} .lifeS .pNews li p {height:34px; margin-top:5px; text-overflow: ellipsis; width: 180px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .lifeS .pNews li p a {line-height:140%;} .lifeS .tNews {float:left; width:170px;} .lifeS .tNews li {margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;} .lifeS .tNews li h4 {max-height:40px;} .lifeS .tNews li h4 a {font-size:14px; line-height:145%;} .lifeS .tNews li:first-child {margin-top:0; padding-top:0; border:0;} .lifeS .tNews li p {display:none;} .lifeS .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .lifeS .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .lifeS .tNews h4 em.commct a span {margin-left: 3px;} /* 스포츠 : sportsS */ .sportsS {clear:both; position:relative; height:270px; margin-top:20px; border-bottom:1px solid #e2e2e2;} .sportsS h3 {margin-bottom:15px;} .sportsS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .sportsS .pNews li {float:left; width:200px; margin-right:20px; position: relative} .sportsS .pNews li em.commct {position: absolute; top: 100px; right: 0; font-size: 11px;} .sportsS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .sportsS .pNews li em.commct span#commnum {margin-left: 3px} .sportsS .pNews li h4 {height:44px; margin-top:3px; font-size:15px;} .sportsS .pNews li>a {display:block; width:200px; height:120px; background:#f4f4f4; overflow:hidden; line-height:112px; text-align:center; overflow:hidden;} .sportsS .pNews li>a img {width:100%;} .sportsS .pNews li p {height:34px; margin-top:5px; text-overflow: ellipsis; width: 180px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .sportsS .pNews li p a {line-height:140%;} .sportsS .tNews {float:left; width:170px;} .sportsS .tNews li {margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;} .sportsS .tNews li h4 a {font-size:14px; line-height:145%;} .sportsS .tNews li:first-child {margin-top:0; padding-top:0; border:0;} .sportsS .tNews li p {display:none;} .sportsS .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .sportsS .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .sportsS .tNews h4 em.commct a span {margin-left: 3px;} /* 연예 : entertainS */ .entertainS {clear:both; position:relative; height:270px; margin-top:20px; border-bottom:2px solid #3c3c3c;} .entertainS h3 {margin-bottom:15px;} .entertainS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .entertainS .pNews li {float:left; width:200px; margin-right:20px; position: relative} .entertainS .pNews li em.commct {position: absolute; top: 100px; right: 0; font-size: 11px;} .entertainS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .entertainS .pNews li em.commct span#commnum {margin-left: 3px} .entertainS .pNews li h4 {height:41px; margin-top:3px; font-size:15px;} .entertainS .pNews li>a {display:block; width:200px; height:120px; background:#f4f4f4; overflow:hidden; line-height:112px; text-align:center; overflow:hidden;} .entertainS .pNews li>a img {width:100%;} .entertainS .pNews li p {height:34px; margin-top:5px; text-overflow: ellipsis; width: 180px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .entertainS .pNews li p a {line-height:140%;} .entertainS .tNews {float:left; width:170px;} .entertainS .tNews li {margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;} .entertainS .tNews li h4 a {font-size:14px; line-height:145%;} .entertainS .tNews li:first-child {margin-top:0; padding-top:0; border:0;} .entertainS .tNews li p {display:none;} .entertainS .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .entertainS .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .entertainS .tNews h4 em.commct a span {margin-left: 3px;} /* 사람 사람들 : peopleS */ .peopleS {clear:both; position:relative; height:270px; margin-top:20px; border-bottom:1px solid #e2e2e2;} .peopleS h3 {margin-bottom:15px;} .peopleS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .peopleS .pNews li {float:left; width:200px; margin-right:20px; position: relative} .peopleS .pNews li em.commct {position: absolute; top: 100px; right: 0; font-size: 11px;} .peopleS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .peopleS .pNews li em.commct span#commnum {margin-left: 3px} .peopleS .pNews li h4 {height:44px; margin-top:3px; font-size:15px;} .peopleS .pNews li>a {display:block; width:200px; height:120px; background:#f4f4f4; overflow:hidden; line-height:112px; text-align:center; overflow:hidden;} .peopleS .pNews li>a img {width:100%;} .peopleS .pNews li p {height:34px; margin-top:5px; text-overflow: ellipsis; width: 180px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .peopleS .pNews li p a {line-height:140%;} .peopleS .tNews {float:left; width:170px;} .peopleS .tNews li {margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;} .peopleS .tNews li h4 a {font-size:14px; line-height:145%;} .peopleS .tNews li:first-child {margin-top:0; padding-top:0; border:0;} .peopleS .tNews li p {height:37px; display:none;} .peopleS .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .peopleS .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .peopleS .tNews h4 em.commct a span {margin-left: 3px;} /* 로컬뉴스 : localS */ .localS {clear:both; position:relative; height:270px; margin-top:20px; border-bottom:1px solid #e2e2e2;} .localS h3 {margin-bottom:15px;} .localS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .localS .pNews li {float:left; width:200px; margin-right:20px; position: relative} .localS .pNews li em.commct {position: absolute; top: 100px; right: 0; font-size: 11px;} .localS .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .localS .pNews li em.commct span#commnum {margin-left: 3px} .localS .pNews li h4 {height:44px; margin-top:3px; font-size:15px;} .localS .pNews li>a {display:block; width:200px; height:120px; background:#f4f4f4; overflow:hidden; line-height:112px; text-align:center; overflow:hidden;} .localS .pNews li>a img {width:100%;} .localS .pNews li p {height:34px; margin-top:5px; text-overflow: ellipsis; width: 180px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .localS .pNews li p a {line-height:140%;} .localS .tNews {float:left; width:170px;} .localS .tNews li {margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;} .localS .tNews li h4 a {font-size:14px; line-height:145%;} .localS .tNews li:first-child {margin-top:0; padding-top:0; border:0;} .localS .tNews li p {height:40px; display:none;} .localS .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .localS .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .localS .tNews h4 em.commct a span {margin-left: 3px;} /* 타운 비즈니스 : townS (브랜치 문화&종교 동일 class사용) */ .townS {clear:both; position:relative; height:125px; margin-top:15px; border-bottom:2px solid #3c3c3c;} .townS h3 {margin-bottom:15px;} .townS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .townS .nList li {float:left; width:30%; height:23px; padding-right:3%; white-space:nowrap; text-overflow:ellipsis;} .townS .nList li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; letter-spacing:0;} .article .townS {height:115px; margin-top:25px;} .article .townS .nList li {padding:0 0 0 2%;} /* 커뮤니티 width 300px : communityS_sub */ .community_sub {clear:both; position:relative; margin-top:20px;} .community_sub h3 {*margin-bottom:10px;} .community_sub .paging {*height:35px;} .community_sub .paging li {float:left; width:50%; height:35px; background:#f2f2f2; line-height:32px; font-size:13px; text-align:center; cursor:pointer;} .community_sub .paging li:first-child {*width:24.5%;} .community_sub .paging .btn_more {display:none; position:absolute; top:5px; right:0; width:12px; height:12px; background:url(../images/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;} .community_sub .paging li.hover {background:#3c3c3c; color:#fff; font-weight:bold; cursor:default;} .community_sub .paging li.hover .btn_more {display:block;} .community_sub .list_community {display:none; clear:both; height:60px; padding:13px 0 25px 20px; border:1px solid #3c3c3c;} .community_sub .list_community li {float:left; width:100%; height:23px; padding-right:3%; white-space:nowrap; text-overflow:ellipsis;} .community_sub .list_community li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .community_sub .list_community.community_sub_con0 {display:block;} .community_sub .list_community {height:170px;} .community_sub .page_more {float:right; margin-right:10px; margin-top:-21px; cursor:pointer;} /*210115 Ktalk 제목 아래쪽 여백 추가*/.community_sub h3 {margin-bottom:7px;} /* 커뮤니티 : community_S */ .community_S {clear:both; position:relative; margin-top:20px;} .community_S h3 {margin-bottom:10px;} .community_S .paging {*height:35px;} .community_S .paging li {float:left; width:50%; height:35px; background:#f2f2f2; line-height:32px; font-size:13px; text-align:center; cursor:pointer;} .community_S .paging li:first-child {*width:24.5%;} .community_S .paging .btn_more {display:none; position:absolute; top:5px; right:0; width:12px; height:12px; background:url(../images/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;} .community_S .paging li.hover {background:#3c3c3c; color:#fff; font-weight:bold; cursor:default;} .community_S .paging li.hover .btn_more {display:block;} .community_S .list_community {display:none; clear:both; height:78px; padding:13px 0 25px 20px; border:1px solid #3c3c3c;} .community_S .list_community li {float:left; width:47%; height:23px; padding-right:3%; white-space:nowrap; text-overflow:ellipsis;} .community_S .list_community li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .community_S .list_community.community_S_con0 {display:block;} .community_S .list_community.community_S_api_con0 {display:block;} .community_S .page_more {float:right; margin-right:7px; margin-top:-19px; cursor:pointer;} /* kTown1 : kTown1 */ .kTown1 {clear:both; position:relative; margin-top:20px;box-sizing: border-box; border: 2px solid #2f57ab;} .kTown1 h3 {margin-bottom:10px;} .kTown1 .paging {*height:35px;} .kTown1 .paging li {float:left; width:20%; height:35px; background:#2f57ab; line-height:32px; font-size:13px; text-align:center; cursor:pointer;color: #9eb6ea; border-left: 1px solid #264689; box-sizing: border-box;} .kTown1 .paging li:first-child {*width:24.5%; border-left: none} .kTown1 .paging .btn_more {display:none; position:absolute; top:5px; right:0; width:12px; height:12px; background:url(../images/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;} .kTown1 .paging li.hover {background:#fff; color:#2f57ab; font-weight:bold; cursor:default;} .kTown1 .paging li.hover .btn_more {display:block;} .kTown1 .list_kTown1 li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .kTown1 .list_kTown1 .kTown1_con0 {display:block;} .kTown1 .list_kTown1 .ctnt_kTown1 {display: block; overflow: hidden; padding: 15px 18px 0 18px} .kTown1 .list_kTown1 .ctnt_kTown1 ul {width: 100%; display: block; overflow: hidden;} .kTown1 .list_kTown1 .ctnt_kTown1 ul li {width: 50%; overflow: hidden; display: block; float: left; min-height: 85px;} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .thumb_kTown1 {float: left} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .thumb_kTown1 img {box-sizing: border-box; border: 1px solid #ddd} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .txt_kTown1 {display: block; overflow: hidden; padding-left: 9px;} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .txt_kTown1 em {display: -webkit-inline-box; display: -ms-inline-flexbox; border-radius: 12px; color: #09773c; border: 1px solid #09773c; font-size: 11px; text-align: center; margin-right: 4px; padding: 1px 8px 0; font-style: normal;} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .txt_kTown1 span {display: block} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .txt_kTown1 .tt_kTown1 {text-overflow: ellipsis; white-space: nowrap;margin-top: 4px;} .kTown1 .list_kTown1 .ctnt_kTown1 ul li .txt_kTown1 .dt_kTown1 {font-weight: bold} .kTown1 .list_kTown1.kTown1_api_con0 {display:block;} .kTown1 .page_more {float:right; margin-right:7px; margin-top:-19px; cursor:pointer;} /* kTown1 Job : kTown1Job, 구인 */ .kTown1Job {clear:both; position:relative; margin-top:20px} .kTown1Job h3 {margin-bottom:10px;} .kTown1Job ul {border: 1px solid #3c3c3c;box-sizing: border-box; padding: 12px 10px; overflow: hidden; padding-bottom: 0;} .kTown1Job ul li {width: 50%; float: left; min-height: 58px;} .kTown1Job ul li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .kTown1Job .thumb_kTown1Job {float: left} .kTown1Job .thumb_kTown1Job img {border: 1px solid #ddd; box-sizing: border-box;} .kTown1Job .txt_kTown1Job {display: block; overflow: hidden; padding-left: 9px; height: 56px; width: 156px} .kTown1Job .txt_kTown1Job .tt_kTown1Job {text-overflow: ellipsis; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .kTown1Job .btn_more {position:absolute; top:5px; right:0; width:12px; *height:12px; background:url(http://devimg.koreatimes.com/2015/images/common/btn_more2.gif) no-repeat left -30px; overflow:hidden;} /* kTown1 Rent : kTown1Rent, 렌트 */ .kTown1Rent {clear:both; position:relative; margin-top:20px} .kTown1Rent h3 {margin-bottom:10px;} .kTown1Rent ul {border: 1px solid #3c3c3c;box-sizing: border-box; padding: 12px 10px; overflow: hidden; padding-bottom: 0;} .kTown1Rent ul li {width: 50%; float: left; min-height: 70px;} .kTown1Rent ul li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .kTown1Rent .thumb_kTown1Rent {float: left} .kTown1Rent .thumb_kTown1Rent img {border: 1px solid #ddd; box-sizing: border-box;} .kTown1Rent .txt_kTown1Rent {display: block; overflow: hidden; padding-left: 9px;} .kTown1Rent .txt_kTown1Rent em {display: -webkit-inline-box; display: -ms-inline-flexbox; border-radius: 12px; color: #09773c; border: 1px solid #09773c; font-size: 11px; text-align: center; margin-right: 4px; padding: 1px 8px 0; font-style: normal;} .kTown1Rent .txt_kTown1Rent .tt_kTown1Rent {text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; -webkit-line-clamp: 1; width: 204px;} .kTown1Rent .txt_kTown1Rent .dt_kTown1Rent {font-weight: bold} .kTown1Rent .btn_more {position:absolute; top:5px; right:0; width:12px; *height:12px; background:url(http://devimg.koreatimes.com/2015/images/common/btn_more2.gif) no-repeat left -30px; overflow:hidden;} /* kTown1 Car : kTown1Car, 자동차 */ .kTown1Car {clear:both; position:relative; margin-top:20px} .kTown1Car h3 {margin-bottom:10px;} .kTown1Car ul {border: 1px solid #3c3c3c;box-sizing: border-box; padding: 12px 10px; overflow: hidden; padding-bottom: 0;} .kTown1Car ul li {width: 50%; float: left; min-height: 70px;} .kTown1Car ul li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .kTown1Car .thumb_kTown1Car {float: left} .kTown1Car .thumb_kTown1Car img {border: 1px solid #ddd; box-sizing: border-box;} .kTown1Car .txt_kTown1Car {display: block; overflow: hidden; padding-left: 9px;} .kTown1Car .txt_kTown1Car em {display: -webkit-inline-box; display: -ms-inline-flexbox; border-radius: 12px; color: #09773c; border: 1px solid #09773c; font-size: 11px; text-align: center; margin-right: 4px; padding: 1px 8px 0; font-style: normal;} .kTown1Car .txt_kTown1Car .tt_kTown1Car {text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; -webkit-line-clamp: 1; width: 204px;} .kTown1Car .txt_kTown1Car .dt_kTown1Car {font-weight: bold} .kTown1Car .btn_more {position:absolute; top:5px; right:0; width:12px; *height:12px; background:url(http://devimg.koreatimes.com/2015/images/common/btn_more2.gif) no-repeat left -30px; overflow:hidden;} /* kTown1 Realty : kTown1Realty, 부동산 */ .kTown1Realty {clear:both; position:relative; margin-top:20px} .kTown1Realty h3 {margin-bottom:10px;} .kTown1Realty ul {border: 1px solid #3c3c3c;box-sizing: border-box; padding: 12px 10px; overflow: hidden; padding-bottom: 0;} .kTown1Realty ul li {width: 50%; float: left; min-height: 70px;} .kTown1Realty ul li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .kTown1Realty .thumb_kTown1Realty {float: left} .kTown1Realty .thumb_kTown1Realty img {border: 1px solid #ddd; box-sizing: border-box;} .kTown1Realty .txt_kTown1Realty {display: block; overflow: hidden; padding-left: 9px;} .kTown1Realty .txt_kTown1Realty em {display: -webkit-inline-box; display: -ms-inline-flexbox; border-radius: 12px; color: #09773c; border: 1px solid #09773c; font-size: 11px; text-align: center; margin-right: 4px; padding: 1px 8px 0; font-style: normal;} .kTown1Realty .txt_kTown1Realty .tt_kTown1Realty {text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; -webkit-line-clamp: 1; width: 204px;} .kTown1Realty .txt_kTown1Realty .dt_kTown1Realty {font-weight: bold} .kTown1Realty .btn_more {position:absolute; top:5px; right:0; width:12px; *height:12px; background:url(http://devimg.koreatimes.com/2015/images/common/btn_more2.gif) no-repeat left -30px; overflow:hidden;} /* kTown1 Item : kTown1Item, 사고팔기 */ .kTown1Item {clear:both; position:relative; margin-top:20px} .kTown1Item h3 {margin-bottom:10px;} .kTown1Item ul {border: 1px solid #3c3c3c;box-sizing: border-box; padding: 12px 10px; overflow: hidden; padding-bottom: 0;} .kTown1Item ul li {width: 50%; float: left; min-height: 70px;} .kTown1Item ul li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .kTown1Item .thumb_kTown1Item {float: left} .kTown1Item .thumb_kTown1Item img {border: 1px solid #ddd; box-sizing: border-box;} .kTown1Item .txt_kTown1Item {display: block; overflow: hidden; padding-left: 9px;} .kTown1Item .txt_kTown1Item em {display: -webkit-inline-box; display: -ms-inline-flexbox; border-radius: 12px; color: #09773c; border: 1px solid #09773c; font-size: 11px; text-align: center; margin-right: 4px; padding: 1px 8px 0; font-style: normal;} .kTown1Item .txt_kTown1Item .tt_kTown1Item {text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; -webkit-line-clamp: 1; width: 204px;} .kTown1Item .txt_kTown1Item .dt_kTown1Item {font-weight: bold} .kTown1Item .btn_more {position:absolute; top:5px; right:0; width:12px; *height:12px; background:url(http://devimg.koreatimes.com/2015/images/common/btn_more2.gif) no-repeat left -30px; overflow:hidden;} /* 커뮤니티 width 300px : communityS 사용 안할예정*/ .communityS {clear:both; position:relative; margin-top:20px;} .communityS h3 {margin-bottom:10px;} .communityS .paging {*height:35px;} .communityS .paging li {float:left; width:25%; height:35px; background:#f2f2f2; line-height:32px; font-size:13px; text-align:center; cursor:pointer;} .communityS .paging li:first-child {*width:24.5%;} .communityS .paging .btn_more {display:none; position:absolute; top:5px; right:0; width:12px; height:12px; background:url(../images/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;} .communityS .paging li.hover {background:#3c3c3c; color:#fff; font-weight:bold; cursor:default;} .communityS .paging li.hover .btn_more {display:block;} .communityS .list_community {display:none; clear:both; height:60px; padding:13px 0 25px 20px; border:1px solid #3c3c3c;} .communityS .list_community li {float:left; width:30%; height:23px; padding-right:3%; white-space:nowrap; text-overflow:ellipsis;} .communityS .list_community li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .communityS .list_community.communityS_con0 {display:block;} .communityS .list_community.communityS_api_con0 {display:block;} .communityS_sub .paging li, .communityS_sub .paging li.hover, .communityS_sub .paging li:first-child {width:50%;} .communityS_sub .list_community {height:150px;} .communityS_sub .list_community li {width:90%; height:21px;} .article .communityS {display:none;} /* 커뮤니티 Main : community_M 사용 안할예정 */ .community_M {clear:both; position:relative; margin-top:20px;} .community_M h3 {margin-bottom:10px;} .community_M .paging {*height:35px;} .community_M .paging li {float:left; width:50%; height:35px; background:#f2f2f2; line-height:32px; font-size:13px; text-align:center; cursor:pointer;} .community_M .paging li:first-child {*width:24.5%;} .community_M .paging .btn_more {display:none; position:absolute; top:5px; right:0; width:12px; height:12px; background:url(../images/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;} .community_M .paging li.hover {background:#3c3c3c; color:#fff; font-weight:bold; cursor:default;} .community_M .paging li.hover .btn_more {display:block;} .community_M .list_community {display:none; clear:both; height:60px; padding:13px 0 25px 20px; border:1px solid #3c3c3c;} .community_M .list_community li {float:left; width:30%; height:23px; padding-right:3%; white-space:nowrap; text-overflow:ellipsis;} .community_M .list_community li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .community_M .list_community.community_M_con0 {display:block;} .community_M .list_community.community_M_api_con0 {display:block;} .community_M_sub .paging li, .community_M_sub .paging li.hover, .community_M_sub .paging li:first-child {width:50%;} .community_M_sub .list_community {height:180px;} .community_M_sub .list_community li {width:90%; height:21px;} /* 전문가 칼럼 : expertS */ .expertS {clear:both; position:relative; margin-top:25px;} .expertS h3 {margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #eaeaea;} .expertS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .expertS .pNews {height:190px; border-bottom:5px solid #eaeaea;} .expertS .pNews li {float:left; width:50%; height:100px;} .expertS .pNews li>a img {float:left; *width:130px; *height:77px; background:#f4f4f4;} .expertS .pNews li .txt_area {float:right; width:163px; margin:-2px 7px 0 0;} .expertS .pNews li .txt_area .sort {color:#08944b; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; letter-spacing:0;} .expertS .pNews li .txt_area h4 {height:20px; margin:-2px 0 2px 0; font-size:14px; text-overflow: ellipsis; white-space: nowrap;} .expertS .pNews li .txt_area p {height:35px; font-size:11px;} .expertS .pNews li .txt_area p a {line-height:160%;} .expertS .pNews li .txt_area:hover {text-decoration:underline;} .sub .expertS {margin-top:35px;} .sub .expertS .pNews li .txt_area {width:160px;} /* 안내광고 : ad_paidS */ .ad_paidS {clear:both; padding-top:35px;} .ad_paidS h3 {position:relative; height:25px; margin-bottom:10px; text-align:center; background:#519d85; text-decoration:none;padding-top: 5px;} .ad_paidS h3 img {position:absolute; top:-32px;} .ad_paidS h3 a {color:#fff;} .ad_paidS .paging {*height:35px;} .ad_paidS .paging li {float:left; width:25%; height:35px; background:#f2f2f2; font-size:13px; letter-spacing:0; text-align:center; line-height:33px; cursor:pointer;} .ad_paidS .paging li:first-child {*width:24.5%;} .ad_paidS .paging li.hover {background:#3c3c3c; color:#fff; font-weight:bold; cursor:default;} .ad_paidS .list_ad_paid {display:none; clear:both; height:65px; padding:13px 0 20px 20px; border:1px solid #3c3c3c;} .ad_paidS .list_ad_paid li {float:left; width:30%; height:23px; padding-right:3%; white-space:nowrap; text-overflow:ellipsis;} .ad_paidS .list_ad_paid li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; letter-spacing:0;} .ad_paidS .list_ad_paid.ad_paidS_con0 {display:block;} .ad_paidS .page_more {float:right; margin-right:0px; margin-top:-1px; background:#f2f2f2; cursor:pointer;} /* 한국tv 새 모듈 : yt-frame */ .hankooktv_new_module {max-width: 820px; width: 100%; height: 1773px;} .hankooktv_new_module.article {height: 1891px;} .hankooktv_new_module iframe {width: 100%; height: 100%;} /************ con_move ************/ .con_move {clear:both;} @media (max-width:1519px) { .main .con_move {display:none;} .article .con_move {display: none;} .hankooktv_new_module {height: 1601px;} .hankooktv_new_module.article {height: 1891px;} } /************ conRb ************/ .main .conRb {float:left; width:300px; margin-top:0;} /* 열린마당 : community_open */ .community_open {clear:both; position:relative; margin-top:20px;} .community_open h3 {margin-bottom:5px;} .community_open .paging {position:absolute; top:0; right:0;} .community_open .paging li {float:left; margin-left:5px; color:#888; cursor:pointer;} .community_open .paging li.hover {color:#222; cursor:default;} .community_open .list_community_open {display:none; height:170px; padding:15px 15px 20px 20px; border:1px solid #e2e2e2;} .community_open .list_community_open li {position:relative; height:25px; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .community_open .list_community_open li a {display:block; width:230px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .community_open .list_community_open li .num_comment {margin-left:5px; color:#2f8d89;} .community_open .list_community_open.community_open_con0 {display:block;} .sub .community_open {margin-top:30px;} /* 업소록 검색 : yp_search */ .yp_search {clear:both; height:105px; margin-top:25px; border-bottom:1px solid #eaeaea;} .yp_search h3 {padding-bottom:5px; margin-bottom:7px; border-bottom:2px solid #3c3c3c;} .yp_search .local {float:left; width:120px; margin-left:15px;} .yp_search .local li {height:21px;} .yp_search .local li input {float:left; padding-top:1px;} .yp_search .search_area {float:left; width:150px;} .yp_search .search_area input:first-child {width:130px; margin-bottom:3px;} .yp_search .search_area input {float:left; width:65px; height:27px; padding:0 7px;} .yp_search .search_area .btn_search {float:left; width:62px; height:29px; margin-left:3px; background:#07924a; border:0; color:#fff; font-weight:bold; cursor:pointer;} /* 마켓 전단 : marketS */ /*.marketS {clear:both; position:relative; width:300px; margin-top:25px;} .marketS .marketS_page {position:relative; margin-top:5px; height:45px!important; padding:5px 0 0 20px; overflow:hidden; border:1px solid #ececec; border-left:0; border-right:0;} .marketS .marketS_page li {width:120px; float:left; padding:0 5px;} .marketS .marketS_page li img {border:1px solid #dedede;} .marketS .paging {position:absolute; top:5px; right:0;} .marketS .paging_btn {display:block; float:left; width:10px; height:10px; margin-left:3px; border:1px solid #ccc; border-radius:10px; overflow:hidden; text-indent:-500px;} .marketS .paging_btn.hover_btns {border:1px solid #333; background:#333;}*/ .marketS {clear:both; position:relative; width:300px; margin:12px 0;} .marketS h3 {margin-left:-20px;} .marketS .marketS_page {position:relative; margin-top:-3px; height:45px!important; padding:5px 0 0 20px; overflow:hidden; border-top:1px solid #ececec; border-bottom:3px solid #333;} .marketS .marketS_page li {width:120px; float:left; padding:0 5px;} .marketS .marketS_page li img {border:1px solid #dedede;} .marketS .paging {position:absolute; top:85px; right:0;} .marketS .paging_btn {display:block; float:left; width:10px; height:10px; margin-left:3px; border:1px solid #ccc; border-radius:10px; overflow:hidden; text-indent:-500px;} .marketS .paging_btn.hover_btns {border:1px solid #333; background:#333;} .marketS .btn_prev{background:url(../images/btn_prev_1.png); width:15px; height:15px; cursor:pointer; position:absolute; left:0; top:17px} .marketS .btn_next{background:url(../images/btn_next_1.png); width:15px; height:15px; cursor:pointer; position:absolute; right:0; top:17px;} /* 라디오뉴스 231026 */ .calkor { margin: 15px 0; min-width: 300px; min-height: 250px; } .calkor a img { width: 100%; height: auto; vertical-align: top; } /* 부고 안내 */ #obituary {height: 70px;} /* 240524 탑50 기사 메뉴 추가 */ .contents h2.bestclick_text {} .contents h2.bestclick_text a {font-size: 2rem; transition: 1s;} .contents h2.bestclick_text a img {width: 300px; height: auto;} /* 많이 본 기사 : news_best, 240612 넘버링 및 썸네일 추가 -> 241022 전체 디자인 변경 */ .news_best {clear:both; position:relative;} .news_best h3 {display: none; padding-bottom:5px; border-bottom:2px solid #3c3c3c; text-decoration: none;} .news_best .news_best_page {padding:10px 10px 30px; height:830px; border:1px solid #ececec; overflow:hidden;} .news_best .news_best_page .slidesjs-container {height: 100% !important;} .news_best .news_best_page .slidesjs-container .slidesjs-control {height: 100% !important;} .news_best .news_best_page .list li {padding: 8.5px 0 8.5px; border-bottom: 1px solid #ececec; height:65px; /* padding-left:23px; background:url(../images/bullet.png) no-repeat left -156px; white-space:nowrap; */ font-family:'malgun gothic','gulim'; text-overflow:ellipsis;} .news_best .news_best_page .list li:first-child {margin-top: 0; padding-top: 0;} .news_best .news_best_page .list li a {color:#111; font-size:13px; font-weight:bold; line-height: 140%;} .news_best .news_best_page .list li a span.best_numbering {display: inline-block; font-family: "Unna", serif; width: 24px; height: 24px; line-height: 1; color: #111; padding: 3px; border-radius: 50%; margin-right: 8px; font-size: 24px; font-weight: 700; background: #ececec; text-align: center; vertical-align: top; letter-spacing: -1px;} .news_best .news_best_page .list li a .thumbnail_wrap {width: 100px; height: 100%; margin-right: 5px; display: inline-block; overflow: hidden;} .news_best .news_best_page .list li a img {width: 100%; /* height: 100%; object-fit: cover; */} .news_best .news_best_page .list li a .bestclick_title {display: inline-block; width: 134px; vertical-align: top;} /* .news_best .news_best_page .list li a .bestclick_title.has_comment {width: 120px;} */ .news_best .news_best_page .list li a .bestclick_title.no_thumbnail, .news_best .news_best_page .list li a .bestclick_title.no_thumbnail.no_comment {width: 238px;} .news_best .news_best_page .list li .commct {margin-left: 5px; vertical-align: top;} .news_best .news_best_page .list li #commnum {vertical-align: top;} .news_best .news_best_page .list.news_best_con0 {display:block;} .news_best .count {position:absolute; top:0; right:35px; width:20px; color:#999;} .news_best .count b {color:#666;} .news_best .btn_prev, .news_best .btn_next {display: none; position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} .news_best .btn_prev {top:0; right:18px; width:17px; height:18px; background-position:0 0;} .news_best .btn_next {top:0; right:0; width:18px; height:18px; background-position:-21px 0;} .news_best .paging_btn {display: flex; align-items: center; justify-content: center;} .news_best .paging_btn li a {font-size: 14px; padding: 5px 10px; color: #1d5091;} .news_best .paging_btn li a.hover_btns {font-weight: bold; color: #fff; background: #1d5091; padding: 5px 10px; } .sub .news_best {margin-top:15px;} /* 오늘의 숏폼 : 1520px 이상에서 안보임 */ .today_shortform {width: 300px; margin-top: 15px;} .today_shortform a img {width: 100%; vertical-align: top;} /* 파리올림픽 240730 */ .paris_lists {display: flex; justify-content: space-around; align-items: center; width: 300px; border-bottom: 1px solid #ccc; margin-top: 8px; padding-bottom: 5px; font-size: 14px; font-weight:bold;} .paris_lists li:first-child { margin-left: -5px; } .paris_lists li:last-child {margin-right: 3px; transform: translateX(-2px);} .paris_lists li.country_id {transform: translateX(8px);} .paris_lists .gold {color: #FFD700; margin-left: 8%;} .paris_lists .silver {color: #C0C0C0;} .paris_lists .bronze {color: #A52A2A;} #olympic-container {width: 300px; height: 330px; overflow-y: scroll;} #olympic-container::-webkit-scrollbar { width: 5px; } #olympic-container::-webkit-scrollbar-thumb { height: 30%; background: #217af4; border-radius: 10px; } #olympic-container::-webkit-scrollbar-track { background: rgba(33, 122, 244, .1); } #olympic-container .rank_info {display: flex; justify-content: space-around; font-size: 14px; height: 33px;} #olympic-container .rank_info.korea {display: flex; justify-content: space-around; font-size: 14px;font-weight: bold; background:#F2F4F7; } #olympic-container .rank_info p {display: flex; align-items: center; justify-content:center; width:14%;} #olympic-container .rank_info p.country_name {width: 30%; font-size: 13px; justify-content: flex-start; transform: translateX(5px);} #olympic-container .rank_info p.country_name img {width: 25px; height: auto; margin-right: 3px;} /* .paris_timestamp {margin-top: 5px; text-align: right;} */ /* 날씨 위젯 */ .today_weather {/* border: 1px solid #333; */} /* 240609 오늘의 환율 */ .today_currency {margin-top: 15px;} .today_currency h3 {margin-bottom: 5px;} /* 전자신문 위젯 - 혜빈*/ .hknews_epaper{margin-top:25px;} .hknews_epaper h3{padding-bottom:5px; border-bottom:2px solid #3c3c3c;} .hknews_epaper .epaper_page{padding:20px 15px; border:1px solid #e2e2e2; border-top:0; font-size:14px; } .hknews_epaper .epaper_page .epaper_tit{font-size:15px;} .hknews_epaper .epaper_page .img_epaper{width:100px; display:inline-block; height:auto;} .hknews_epaper .epaper_page .img_epaper img{width:100%; object-fit:cover;} .hknews_epaper .epaper_page ul{margin-left:10px; display:inline-block; width:152px; vertical-align:top; position:relative; height:194px;} .hknews_epaper .epaper_page li {margin-top:8px; overflow:inherit;} .hknews_epaper .epaper_page li:first-child{margin:0px;} .hknews_epaper .epaper_page .epaper_con{line-height:20px;} .hknews_epaper .epaper_page li.epaper_weekly .weekly_tit{color:#fff; background:#009944; padding:4px 4px; margin-right:10px;} .hknews_epaper .epaper_page li.epaper_weekly p{display:inline-block; vertical-align:middle;} .hknews_epaper .epaper_page li.epaper_btn{position:absolute; bottom:5px;} .hknews_epaper .epaper_page li.epaper_btn a{border-radius:25px; border:1px solid #009944; font-size:12px; padding:3px 10px; color:#009944;} /*전자신문 발행 X*/ .epaper_page.none_epaper{text-align:center;} .epaper_page.none_epaper .img_epaper{width:55%; margin-bottom:5px;} .epaper_page.none_epaper ul{width:100%; margin:0;height:auto;} .epaper_page.none_epaper li.epaper_btn{position:inherit} /* 이벤트/공지사항 : eventS_noticeS */ .eventS_noticeS {clear:both; position:relative; margin-top:25px;} .eventS_noticeS h3 {margin-bottom:7px;} .eventS_noticeS .btn_more {position:absolute; top:5px; right:0; width:12px; height:12px; background:url(../images/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;} .eventS_noticeS .nList_event {height:160px; padding:10px 20px 20px 20px; border:1px solid #e2e2e2;} .eventS_noticeS .nList_event li {padding:4px 5px 2px 10px; border-bottom:1px solid #f3f3f3; background:url(../images/bullet.png) no-repeat left -213px; white-space:nowrap; text-overflow:ellipsis;} .eventS_noticeS .nList_event li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} /* 김스전기 : sld_kims */ .sld_kims {width: 300px; height: 250px; overflow: hidden; display: block; position: relative; clear: both; margin-top: 15px;} .sld_kims h3 {margin-bottom:7px;} .sld_kims .mySlides {display: none; width:300px;} .sld_kims .mySlides .flyer{width:100%; cursor:pointer;} .sld_kims .prev, .sld_kims .next {cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;background: #0006;} .sld_kims .prev {left: 0} .sld_kims .next {right: 0; border-radius: 3px 0 0 3px;} .sld_kims .prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);} .sld_kims .text {color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;} .sld_kims .numbertext {color: #f2f2f2; font-size: 12px; padding: 7px 12px; position: absolute; bottom: 0;} .sld_kims .dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; display: inline-block; transition: background-color 0.6s ease;} .sld_kims .active, .dot:hover {border: 4px solid #4CAF50; box-sizing: border-box;} .sld_kims .fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;} /*팝업 위젯 광고 */ .popup_overlay .pPop{position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%; background:url(../images/bg_photo.png) repeat; overflow-y:scroll; text-align:center;} .popup_overlay .pPop_li {display:inline-block; max-width:1020px; padding:20px 10px 20px 10px; background:#fff; z-index:2002;} .popup_overlay .pPop_li img {max-width:1000px; height:auto; margin-top:5px; border-top:2px solid #333;} .popup_overlay .btn_close {position:fixed; top:20px; right:40px; z-index:2003; width:30px; height:30px; padding:10px; background:url(../images/btn_close.png) no-repeat -20px -40px; overflow:hidden; text-indent:-500px; cursor:pointer;} @media (max-width:1200px) { .popup_overlay .pPop_li {width:70%;} .popup_overlay .pPop_li img {width:100%; max-width:600px; max-height:1000px;} } .popup_display .pPop{position:fixed; overflow:scroll; top:0; left:0; z-index:2000; width:100%; height:100%; background:url(../images/bg_photo.png) repeat; text-align:center;} .popup_display .pPop_li {position:relative; display:inline-block; max-width:940px; padding:2px; background:#fff; z-index:2002;} .popup_display .pPop_li .popup_box {width:100%; display:block;} .popup_display .pPop_li .popup_link {position:absolute; width:100%; height:450px; top:0px; cursor:pointer;/*pointer-events: none; cursor: not-allowed;*/ background: transparent;} .popup_display .pPop_li .popup_link_image{width:100%; } .popup_display .btn_close {position:absolute; top:-50px; right:-50px; z-index:2003; width:30px; height:30px; padding:10px; background:url(../images/btn_close.png) no-repeat -20px -40px; overflow:hidden; text-indent:-500px; cursor:pointer;} @media (max-width:1200px) { .popup_display .pPop_li {width:70%;} .popup_display .pPop_li img {width:100%; max-width:600px; max-height:1000px;} } /* H매거진 : h_magazine */ .h_magazine {height:160px; margin-top:25px;} .h_magazine img {width: 100%;} /* 전자업소록 : yp_ad */ .yp_ad {height:160px; margin-top:25px;} /* 주간운세 : fortune */ .fortune {height:36px; margin-top:5px;} /* 예상문제 : questionnaire */ .questionnaire {height:48px; margin-top:5px;} /* 한국TV뉴스 : hknews - 240124 위치 및 레이아웃 수정 */ .hknews {float: left; clear:both; display: block; overflow: hidden; padding-top:15px; width: 330px;} .hknews .hkBorder {position: relative; background: linear-gradient(to top, #01abba 0%, #23b573 100%); padding: 5px; overflow: hidden;} .hknews .hkBorder .hkBorder_box {background: #fff; overflow:hidden; } .hknews .hkBorder .hkBorder_box .slidesjs-container {height: 225px !important; } .hknews h3 {padding: 11px 11px 0 11px; text-decoration: none; overflow: hidden; background:#fff;} .hknews h4 {font-size: 15px; text-decoration: none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 40px} .hknews .hkVideo {background: #fff; padding: 15px; box-sizing: border-box; display: flex !important; /* justify-content: space-around; */} .hknews .hkVideo li {display:block; margin-bottom: 10px; position: relative; } .hknews .hkVideo li a {overflow: hidden; display: block;} .hknews .hkVideo .player {position: absolute; left: 103px; top: 45px;} .hknews .hkVideo .hknewsThumb {width: 285px /* 271px */; height:auto;} .hknews .btn_prev, .hknews .btn_next {position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} .hknews .btn_prev {top:20px; right:33px; width:17px; height:18px; background-position:0 0;} .hknews .btn_next {top:20px; right:15px; width:18px; height:18px; background-position:-21px 0;} .hknews .paging_btn{display:none;} /* bn_280x189 배너 : 240609 */ .bn_280x189 {float: right; margin-top: 15px;} .bn_280x189 a img {width: 189px; height: 274px;} .both {clear: both;} /* 특집 코너 */ .main .special_corner {display: flex; margin-top:15px; border-top:2px solid #ececec; border-bottom:2px solid #ececec; padding:10px 0; overflow:hidden;} .main .special_corner .video_area {float:left; position:relative; width:290px; height:200px; overflow:hidden;} .main .special_corner .video_area a {display:block; position:relative; width:290px; height:200px;} .main .special_corner .video_area a:hover .video_tit {text-decoration:underline;} .main .special_corner .video_area .player {position:absolute; left:112px; top:62px;} .main .special_corner .video_area .video_tit {position:absolute; left:0;bottom:0; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:100%; background:url(../images/headline_gra.png) repeat-x center -5px; z-index:1; padding:20px 10px 10px 10px; height:85px; box-sizing:border-box;} .main .special_corner .video_area .video_tit a {width:100%; font-size:20px; height:55px; *line-height:29px; color:#fff; font-weight:800; z-index:2; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .main .special_corner .video_area .video_tit a:hover {text-decoration:underline;} .main .special_corner .scNews {float:left; width:290px; margin-left:15px; } .main .special_corner .scNews li {margin-top:13px;} .main .special_corner .scNews li:first-child {margin-top:0;} .main .special_corner .scNews h4 { width:280px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:14px;} .main .special_corner .scNews p { height:54px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#707070;} .propertyS .pNews p a {line-height:130%; *line-height:150%;} /* 지식톡 : jtalk */ .jtalk {clear:both; display: block; border: 1px solid #000; position: relative} .jtalk h3 {padding: 11px; text-decoration: none;} .jtalk ul {border-top: 1px solid #b6b6b6;} .jtalk ul li {border-bottom: 1px solid #eaeaea;} .jtalk ul li a {margin: 11px; overflow: hidden; display: block;} .jtalk .tt_jtalk .q_icon {float: left;} .jtalk .tt_jtalk .q_txt {margin-bottom: 6px; height: 22px; display: block; margin-left: 7px; overflow: hidden; font-size: 14px; font-weight: bold; float: left; text-overflow: ellipsis; white-space: nowrap; width: 204px;} .jtalk .tt_jtalk .list_comment {padding-left: 10px; overflow: hidden;} .jtalk .dt_jtalk {text-overflow: ellipsis; white-space: nowrap; clear: both} .jtalk .btn_more {position: absolute; right: 10px; top: 12px;} /* k블로그 : kblog */ .kblog {clear:both; display: block; border: 1px solid #000; margin-top: 15px; position: relative} .kblog h3 {padding: 11px; text-decoration: none;} .kblog ul {border-top: 1px solid #b6b6b6;} .kblog ul li {border-bottom: 1px solid #eaeaea;position: relative} .kblog ul li .badge {position: absolute; right: 10px; top: 0} .kblog ul li a {margin: 11px; overflow: hidden; display: block;} .kblog ul li .thumb_kblog {float: left} .kblog ul li .thumb_kblog img {box-sizing: border-box; border: 1px solid #ddd} .kblog ul li .txt_kblog {display: block; overflow: hidden; padding-left: 9px;} .kblog ul li .txt_kblog em {display: -webkit-inline-box; display: -ms-inline-flexbox; border-radius: 120px; color: #09773c; border: 1px solid #09773c; font-size: 12px; text-align: center; margin-right: 4px; padding: 0px 9px 0; font-style: normal;} .kblog ul li span {display: block} .kblog ul li .txt_kblog .tt_kblog {font-weight: bold; font-size: 14px} .kblog ul li .txt_kblog .dt_kblog {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px} .kblog .btn_more {position: absolute; right: 10px; top: 12px;} /************************************************* sub 서브 *************************************************/ .sub .conR {float:left; width:300px; margin-top:15px; padding-left:14px; border-left:1px solid #eaeaea;} .sub .location {border-bottom:1px solid #eaeaea; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} /* weekly 부동산.자동차.연예.사람사람들 */ .news_box {clear:both; margin-top:30px;} .news_box h3 {margin-bottom:7px;} .news_box .pNews li {float:left; width:140px; height:125px; letter-spacing:0;} .news_box .pNews li:first-child {margin-right:9px; padding-right:9px; border-right:1px solid #eaeaea;} .news_box .pNews li h4 {margin-top:3px; font-size:12px; text-align:center; max-height: 34px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .news_box .pNews li h4 a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .news_box .pNews li>a {display:block; width:140px; height:84px; background:#f4f4f4; overflow:hidden; line-height:80px; text-align:center;} .news_box .pNews li>a img { height:82px;} .news_box .pNews p {display:none;} .news_box .propertyS_sub {float:left;} .news_box .carS_sub {float:left;} .news_box .carS_sub .pNews li:first-child {margin-right:0; padding-right:0; border:0;} .news_box .entertainS_sub {float:left;} .news_box .entertainS_sub h3 {margin-top:10px;} .news_box .sportsS_sub {float:left;} .news_box .sportsS_sub h3 {margin-top:10px;} /* 핫이슈 :issue_hot */ .issue_hot_sub {clear:both; margin-top:10px;} .issue_hot_sub h3 {margin-bottom:10px;} .issue_hot_sub .pNews li {clear:both; height:95px;} .issue_hot_sub .pNews li>a {float:left; display:block; width:96px; height:57px; margin-right:10px; overflow:hidden;} .issue_hot_sub .pNews li img {width:100%;} .issue_hot_sub .pNews li h4 {font-size:14px; line-height:130%;} .issue_hot_sub .pNews li p {float:left; width:180px; margin-top:3px;} .issue_hot_sub .pNews li p a {line-height:140%;} /* 기업 : enterprise */ .enterprise_sub {clear:both; margin-top:10px;} .enterprise_sub h3 {margin-bottom:10px;} .enterprise_sub .pNews li {clear:both; height:95px;} .enterprise_sub .pNews li>a {float:left; display:block; width:96px; height:57px; margin-right:10px; overflow:hidden;} .enterprise_sub .pNews li img {width:100%;} .enterprise_sub .pNews li h4 {font-size:14px; line-height:130%;} .enterprise_sub .pNews li p {float:left; width:180px; margin-top:3px;} .enterprise_sub .pNews li p a {line-height:140%;} /* Youtube :youtube */ .YoutubE_sub {clear: both; position: relative; width: 300px; margin-top: 15px;} .YoutubE_sub h3 {margin: 10px 0;} /************************************************* article 기사 *************************************************/ .article .conL {clear:both; float:left; width:600px; margin:15px 25px 0 0;} .article .title .location_arti {*position:relative; display:table; float:left; width:120px; height:70px; margin-top:15px; padding:0 10px; text-align:center; overflow:hidden;} .article .title .location_arti span {display:table-cell; *position:absolute; *top:50%; *left:50%; vertical-align:middle;} .article .title .location_arti a {display:block; *position:relative; *top:-50%; *left:-50%; font-size:16px} .article .title .tit_arti {float:left; min-height:50px; margin:15px 0 12px 0; padding:15px 0; padding-left:7px; border-left:1px solid #ddd; overflow:hidden;} .article .title .tit_arti h4 {width:790px; font-size:32px; font-weight:normal; letter-spacing:-2px;text-align: left;} .article .title .tit_arti em.commct {font-weight: bold; font-style: normal; font-size: 12px; padding-top: 10px; display: block;} .article .title .tit_arti em.commct a {color: #ffffff; padding: 3px 0 4px 7px; box-sizing: border-box; height: inherit; text-indent: inherit; border: 1px solid #adadad; background: #adadad;} .article .title .util_area {clear:both; width:940px; height:35px; border-top:4px solid #eee; border-bottom:1px solid #eee; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; letter-spacing:0;} .article .title .util_area .info_arti {float:left; margin:9px 0 0 15px; font-size:12px;} .article .title .util_area .info_arti .upload_date {margin-right:3px;} .article .title .util_area .info_arti .writer {padding-left:7px; border-left:1px solid #eee; color:#333;} .article .title .util_area .info_arti em.commct {font-weight: bold; font-style: normal; font-size: 12px; display: block; float: left; margin-right: 15px; margin-top: -1px;} .article .title .util_area .info_arti em.commct a {color: #000; padding: 3px 0 4px 7px; box-sizing: border-box; height: inherit; text-indent: inherit;} .article .title .util_area .info_arti em.commct #commnum {margin-left: -4px; background-position: 7px 7px; background-repeat: no-repeat; color: #000; text-decoration: underline; padding: 3px 10px 4px 10px; background: #fff;} .article .title .util_area .function {float:right; margin-top:5px;} .article .title .util_area .function a {float:left; height:25px;background:url(../images/function.png) no-repeat; text-indent:-100px; overflow:hidden;} .article .title .util_area .function a.txt_size {width:37px; background-position:0 0;} .article .title .util_area .function a.txt_size_b {width:21px; background-position:-37px 0;} .article .title .util_area .function a.txt_size_s {width:25px; background-position:-58px 0;} .article .title .util_area .function a.print {width:39px; margin-left:10px; background-position:-92px 0; cursor:pointer;} .article .title .util_area .function a.send_email {width:50px; margin-left:10px; background-position:-143px 0;} .article .title .util_area .function a.send_fb {width:26px; margin-left:10px; background-position:-205px 0;} .article .title .util_area .function a.send_tw {width:26px; background-position:-231px 0;} .article .title .util_area .function a.send_gg {width:25px; background-position:-257px 0;} .article .title .util_area .function em.commct {font-weight: bold; font-style: normal; font-size: 12px;} .article .title .util_area .function em.commct a {color: #fff; padding: 1px 10px 2px 20px; box-sizing: border-box; border-radius: 15px; background-image: url(../images/commct.png); background-position: 7px 7px; background-repeat: no-repeat; background-color: #01cc44; height: inherit; text-indent: inherit; margin-right: 5px; margin-top: 1px} .article .title .util_area .function em.commct #commnum {color: #fff5a1} .article .news_area {font-size:16px; line-height:150%; color:#333; text-align:justify;} .article .news_area #sub_tit {margin:20px 0 35px 10px; font-size:16px; font-weight:bold; line-height:180%;} .article .news_area #sub_tit .sub_1 {} .article .news_area #sub_tit .sub_2 {} .article .news_area img, .news_area img.img_arti {display:block; margin:35px auto 7px auto; max-width:600px;} .article .news_area .img_arti.under300 {display : block; width: 300px; float: left; margin-right: 20px; position:relative; clear:both} .article .news_area .img_arti.under300 img {max-width: 300px; width: auto; margin-top: 0;} .article .news_area .img_arti.under300.right {max-width: 300px; float: right; margin-left: 20px; margin-right: 0; position: relative; width: auto; display:block} .article .news_area .img_arti.under200 {display : block; width: 200px; float: left; margin-right: 20px; position:relative; clear:both} .article .news_area .img_arti.under200 img {max-width: 200px; width: auto; margin-top: 0;} .article .news_area .img_arti.under200.right {max-width: 200px; float: right; margin-left: 20px; margin-right: 0; position: relative; width: auto; display:block} .article .news_area .img_arti.under150 {max-width: 150px; float: left;margin-right: 20px; position: relative;width: auto; display:block} .article .news_area .img_arti.under150 img {max-width: 150px; width: auto; margin-top: 0;} .article .news_area .img_arti.under150.right {max-width: 150px; float: right; margin-left: 20px; margin-right: 0; position: relative; width: auto; display:block} .article .news_area .highlight, .article .news_area .highlight:before, .article .news_area .highlight.active, .article .news_area .highlight.active:before {transition: all 600ms cubic-bezier(0.645,.045,.355,1);} .article .news_area .highlight{position:relative;} .article .news_area .highlight:before{ content: ""; position: absolute; overflow: hidden; width: 0; height: 100%; background-color: #2FB4C7;z-index: -1;} .article .news_area .highlight.active:before {content: "";position: absolute;overflow: hidden; width: 102%;height: 100%; top:1px; background-color: #2FB4C7;z-index: -1;} .article .news_area .highlight.active{color:#fff; cursor:pointer;} .article .news_area .highlight.active .adbox{position:absolute; width:200px; height:60px; color:#000; z-index:100; background:#fff; border:1px solid #000;} .article .news_area .popup{cursor:pointer;} .article .news_area .pPop{position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%; background:url(../images/bg_photo.png) repeat; overflow-y:scroll; text-align:center;} .article .news_area .pPop_li {display:inline-block; max-width:1020px; padding:20px 10px 20px 10px; background:#fff; z-index:2002;} .article .news_area .pPop_li img {max-width:1000px; height:auto; margin-top:5px; border-top:2px solid #333;} .article .news_area .btn_close {position:fixed; top:20px; right:40px; z-index:2003; width:30px; height:30px; padding:10px; background:url(../images/btn_close.png) no-repeat -20px -40px; overflow:hidden; text-indent:-500px; cursor:pointer;} .article .news_area #print_arti a {font-size: 20px; text-decoration: underline; color: #f53f59;font-weight: 600; cursor:pointer;} @media (max-width:1200px) { .article .news_area .pPop_li {width:70%;} .article .news_area .pPop_li img {width:100%; max-width:600px; max-height:1000px;} } .article .news_area>p, .news_area p.img_txt {width:80%; min-height:10px; margin:0 auto 35px auto; font-size:12px; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:160%; color:#666; letter-spacing:0; text-align:center;} .article .related_news {margin:50px 15px 90px 0;} .article .related_news li {height:30px; padding-left:13px; background:url(../images/bullet.png) no-repeat left -92px;} .article .related_news h4 {white-space:nowrap; text-overflow:ellipsis;} /* 200401 유튜브 추가 : channel_youtube -210129 한국TV 위젯변경후 수정*/ .article .channel_youtube {clear: both;padding: 35px 0;width: 100%;width: 100%;height: auto;margin: auto;background: #f5f5f5;margin-top: 30px;display: inline-block;}/*clear:both; margin-bottom:-20px; padding-top:50px;*/ @media (min-width:1520px) { .article .channel_youtube {display:none;} .today_shortform {display: none;} } .article .channel_youtube > .tit {width:940px; min-width:940px; margin:0 auto; position:relative;} .article .channel_youtube > .tit .paging {position:absolute; top:-5px; right:0;} .article .channel_youtube > .tit .paging a {display:inline-block; width:30px; height:29px; text-indent:-500px; overflow:hidden} .article .channel_youtube > .tit .paging a.btn_prev {background:url('../images/btn_prev.png') 0 0 no-repeat;} .article .channel_youtube > .tit .paging a.btn_next {background:url('../images/btn_next.png') 0 0 no-repeat; margin-left:-4px;} .article .channel_youtube .youtube_list {margin-top:20px;padding: 0 19px;} .article .channel_youtube .youtube_list ul {overflow:hidden;} .article .channel_youtube .youtube_list li {float:left; margin-right:25px;} .article .channel_youtube .youtube_list .channel {width:300px;} .article .channel_youtube .youtube_list .channel .channel_name {height:84px; padding:20px; box-sizing:border-box;} .article .channel_youtube .youtube_list .channel .channel_name p {color:#fff; margin-top:3px;} .article .channel_youtube .youtube_list .channel_hktv .channel_name {background:url('../images/gra_hktv.png') 0 0 no-repeat; background-size:cover;} .article .channel_youtube .youtube_list .channel_rs .channel_name {background:url('../images/gra_rs.png') 0 0 no-repeat; background-size:cover;} .article .channel_youtube .youtube_list .channel_ktown .channel_name {background:url('../images/gra_ktown.png') 0 0 no-repeat; background-size:cover;} .article .channel_youtube .youtube_list .channel .video_area {position:relative; height:155px; overflow:hidden;} .article .channel_youtube .youtube_list .channel .video_area .img img {width:100%; height:100%;} .article .channel_youtube .youtube_list .channel .video_area .hover {display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);} .article .channel_youtube .youtube_list .channel .video_area:hover .hover {display:block;} .article .channel_youtube .youtube_list .channel .video_area .player {position:absolute; left:120px; top:47px;} .article .channel_youtube .youtube_list .channel .txt {background:#fff; height:100px; padding: 15px; box-sizing:border-box;} .article .channel_youtube .youtube_list .channel .txt .tit {font-size:15px; height:60px; font-weight:bold; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:normal; overflow:hidden; line-height:140%;} /* 프리미엄 교육섹션 로그인 : loginbox */ .loginbox {margin:30px 0; border-top:7px solid #f5f5f5; border-bottom:7px solid #f5f5f5;} .loginbox h5 {padding:10px 0; border-bottom:1px solid #3d3d3d; font-size:24px; text-align:center;} .loginbox h5 span {display:block; margin-bottom:35px; letter-spacing:20px; color:#03763c; font-size:12px; text-transform: uppercase;} .loginbox .formbox {width:270px; margin:20px auto 0 auto;} .loginbox .formbox label {display:none;} .loginbox .formbox input {display:block; width:250px; height:35px; margin-bottom:3px; padding:0 10px; border:1px solid #eaeaea; font-size:16px;} .loginbox .formbox .sumt {width:100%; margin-top:10px; padding-bottom:3px; border:0; background:#03763c; color:#fff; cursor:pointer;} .loginbox .member_help {height:16px; margin:15px 0 30px 190px;} .loginbox .member_help li {float:left; padding:0 10px; font-size:14px; /*line-height:100%;*/} .loginbox .member_help li:first-child {border-right:1px solid #ddd;} .loginbox .descrip {clear:both; padding:15px 35px 17px 35px; border:1px solid #e2e2e2; font-size:13px; line-height:170%; color:#777;} .loginbox .txt_guide {margin-top:40px; font-size:14px; line-height:170%; text-align:center;} .loginbox .txt_guide .point1 {color:#08944b; font-weight:bold;} .loginbox .txt_guide:first-line {font-size:20px;} .loginbox h6 {width:220px; margin:40px auto 0 auto; padding:5px 20px 10px 20px; background:#3c3c3c; color:#fff; font-size:16px; text-align:center;} .loginbox .howto1 {position:relative; padding:20px 0 23px 0; border:1px solid #3c3c3c; font-size:14px; line-height:170%; text-align:center;} .loginbox .howto1 a {/*color:#08944b;*/ text-decoration:underline;} .loginbox .howto1 .acc_nb {color:#08944b; font-weight:bold} .loginbox .howto2 {height:140px; margin:30px 35px 0 35px; font-size:12px; line-height:170%; text-align:center;} .loginbox .howto2 b {font-size:14px;} .loginbox .howto2 span {clear:both; display:block; padding-top:10px; font-size:13px; line-height:130%; color:#777;} .loginbox .howto2 .btn_link {margin:10px 0 0 34px;} .loginbox .howto2 .btn_link a {display:block; float:left; width:230px; height:30px; padding-top:5px; background:#03763c; color:#fff; text-align:center; font-size:16px;} .loginbox .howto2 .btn_link a:first-child {margin-right:4px;} /* 커뮤니티 구인 렌트_리스 : community_R 사용 안할예정 */ .community_R {clear:both; padding-top:35px;} .community_R h3 {position:relative; height:25px; margin-bottom:10px; text-align:center; background:#B18A61; text-decoration:none;} .community_R h3 img {position:absolute; top:-32px;} .community_R h3 a {color:#fff;} .community_R .paging {*height:35px;} .community_R .paging li {float:left; width:50%; height:35px; background:#f2f2f2; font-size:13px; letter-spacing:0; text-align:center; line-height:33px; cursor:pointer;} .community_R .paging li:first-child {*width:24.5%;} .community_R .paging li.hover {background:#3c3c3c; color:#fff; font-weight:bold; cursor:default;} .community_R .list_commr {display:none; clear:both; height:85px; padding:13px 0 20px 20px; border:1px solid #3c3c3c;} .community_R .list_commr li {float: left; width: 50%; height: 23px; white-space: nowrap; text-overflow: ellipsis;} .community_R .list_commr li a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; letter-spacing:0;} .community_R .list_commr.commrS_con0 {display:block;} /* 카테고리 최신기사 : latest_news */ .latest_news {clear:both; margin-top:55px;} .latest_news ul {height:95px; margin-top:5px; padding-top:15px; background:#e2ebe9;} .latest_news ul li {float:left; width:46%; padding-left:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .latest_news ul li:hover {text-decoration:underline;} .latest_news ul li a {font-size:14px; line-height:180%; font-weight:bold; color:#222;} /* 네셔널 : nationalS */ .nationalS {clear:both; position:relative; margin-top:40px;} .nationalS .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .nationalS ul {height:90px; margin-top:5px; padding-top:10px; border:1px solid #ebebeb; border-bottom:3px solid #eaeaea;} .nationalS ul li {float:left; width:46%; padding-left:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .nationalS ul li:hover {text-decoration:underline;} .nationalS ul li a {font-size:14px; line-height:180%; font-weight:normal;} /* 로컬뉴스sub : localS_sub - 메인스타일로 교체예정 */ .localS_sub {clear:both; position:relative; height:230px; margin-top:40px;} .localS_sub h3 {margin-bottom:15px;} .localS_sub .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .localS_sub .pNews li {float:left; width:155px; margin-right:30px; position: relative;} .localS_sub .pNews li em.commct {position: absolute; top: 80px; right: 0; font-size: 11px;} .localS_sub .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .localS_sub .pNews li em.commct span#commnum {margin-left: 3px} .localS_sub .pNews li h4 {height:41px; margin-top:7px; font-size:14px;}/*height:45px; 201229수정*/ .localS_sub .pNews li h4 a {line-height:140%;} .localS_sub .pNews li>a {display:block; width:155px; height:100px; overflow:hidden;} .localS_sub .pNews li>a img {width:100%; min-height:100px;} .localS_sub .pNews li p {height:38px; margin-top:4px;} .localS_sub .tNews {float:left; width:230px; margin-top:-4px;} .localS_sub .tNews li {margin-bottom:8px;} .localS_sub .tNews li h4 {margin-bottom:3px; white-space:nowrap; text-overflow:ellipsis;} .localS_sub .tNews li h4 a {font-size:14px;} .localS_sub .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .localS_sub .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .localS_sub .tNews h4 em.commct a span {margin-left: 3px;} .localS_sub .tNews li p {height:40px;} .localS_sub .tNews li p a {font-size:11px;} .localS_sub ul li:hover {text-decoration:underline;} /* 사람 사람들sub : peopleS_sub - 메인스타일로 교체예정 */ .peopleS_sub {clear:both; position:relative; height:230px; margin-top:40px;} .peopleS_sub h3 {margin-bottom:15px;} .peopleS_sub .btn_more {position:absolute; top:3px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .peopleS_sub .pNews li {float:left; width:155px; margin-right:30px; position: relative;} .peopleS_sub .pNews li h4 {height:45px; margin-top:7px; font-size:14px;} .peopleS_sub .pNews li h4 a {line-height:140%;} .peopleS_sub .pNews li em.commct {position: absolute; top: 80px; right: 0; font-size: 11px;} .peopleS_sub .pNews li em.commct a {color: #fff; font-weight: bold; font-style: normal; background-color: rgba(0, 166, 81, 0.64); padding: 1px 5px 3px;} .peopleS_sub .pNews li em.commct span#commnum {margin-left: 3px} .peopleS_sub .pNews li>a {display:block; width:155px; height:100px; overflow:hidden;} .peopleS_sub .pNews li img {width:100%; min-height:100px;} .peopleS_sub .pNews li p {height:38px; margin-top:4px;} .peopleS_sub .tNews {float:left; width:230px; margin-top:-4px;} .peopleS_sub .tNews li {margin-bottom:8px;} .peopleS_sub .tNews li h4 {margin-bottom:3px; white-space:nowrap; text-overflow:ellipsis;} .peopleS_sub .tNews li h4 a {font-size:14px;} .peopleS_sub .tNews h4 em.commct {font-weight: bold;font-style: normal; letter-spacing: normal} .peopleS_sub .tNews h4 em.commct a {display: inline-block; overflow: hidden; font-size: 11px;} .peopleS_sub .tNews h4 em.commct a span {margin-left: 3px;} .peopleS_sub .tNews li p {height:40px;} .peopleS_sub .tNews li p a {font-size:11px;} .peopleS_sub ul li:hover {text-decoration:underline;} /************************************************* section 섹션 *************************************************/ .section .conL {float:left; width:600px; margin:15px 25px 0 0;} .section .headline_sec {height:135px; padding:17px 0; border-bottom:3px solid #eaeaea; overflow:hidden;} .section .headline_sec>a {display:block; float:left; width:226px; height:135px; margin-right:20px; background:#f4f4f4; overflow:hidden; text-align:center;} .section .headline_sec>a img.head_img {max-width:100%; max-height:135px; line-height:130px; vertical-align:middle;} .section .headline_sec h4.head_tit {max-height:50px; margin-bottom:5px; font-size:18px;} .section .headline_sec .head_con a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; letter-spacing:0; line-height:120%;} .section .headline_sec .related_news {margin:8px 15px 0 15px;} .section .headline_sec .related_news li {height:20px; padding-left:13px; background:url(../images/bullet.png) no-repeat left -94px;} .section .headline_sec .related_news h4 {white-space:nowrap; text-overflow:ellipsis;} .section .headline_sec .related_news a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; font-size:12px; font-weight:normal;} .section .headline_sec .head_txt1 .head_con {height:79px;} .section .headline_sec .head_txt1 .related_news {display:none;} .section .headline_sec .head_txt2 .head_con {height:38px;} .section .headline_sec .head_txt2 .related_news {max-height:40px;} .section .headline_sec .head_txt3 .head_con {display:none;} .section .headline_sec .head_txt3 .related_news {max-height:80px; margin-top:13px;} .section .list_sec li {clear:both; padding:13px 0; border-bottom:1px solid #eaeaea;} .section .list_sec li:last-child {border:0;} .section .list_sec li>a {float:left; display:block; width:160px; height:97px; margin-right:20px; background:#f4f4f4; overflow:hidden; text-align:center;} .section .list_sec li>a>img {max-width:100%; max-height:135px; vertical-align:middle;} .section .list_sec li h4 {height:22px; font-size:16px;} .section .list_sec li em.commct {font-weight: bold; font-style: normal; font-size: 12px; float: right; margin-right: 3px;} /*.section .list_sec li em.commct a {color: #fff; padding: 1px 10px 3px 10px; box-sizing: border-box; background-color: #777;}*/ .section .list_sec li em.commct a #commnum { margin-left: 7px; text-indent: inherit; background: inherit; position: inherit;} .section .list_sec li p {/*max-height:57px;*/ margin-top:3px; /*text-align:justify;*/} .section .list_sec li p a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:120%; color:#777; letter-spacing:0;} .section .list_sec li .upload_date {float:left; color:#b5b5b5; letter-spacing:0;} /* 타운뉴스 페이지 전용*/ .section .conL.town_news {width:100%;} /************************************************* issue 핫이슈 *************************************************/ .issue .conL {float:left; width:615px; margin:15px 25px 0 0;} .issue .conR {padding-left:0; border:0;} .issue .list_iss {margin-bottom:30px; border-bottom:3px solid #eaeaea;} .issue .list_iss h5.word {height:38px; padding-left:10px; border-left:3px solid #333; line -height:36px; font-size:18px; color:#333;} .issue .list_iss ul {width:540px; margin-left:70px; padding:0 0 10px 0; border-left:1px dashed #ddd;} .issue .list_iss ul li {clear:both; margin-left:-11px; padding:13px 0 0 45px; background:url(../images/bullet.png) no-repeat 7px -387px;} .issue .list_iss ul li:hover {background:url(../images/bullet.png) no-repeat 0 -280px;} .issue .list_iss ul li:hover a {text-decoration:underline;} .issue .list_iss ul li>a {float:left; width:130px; height:78px; margin-right:20px; background:#f4f4f4; overflow:hidden; line-height:74px; text-align:center;} .issue .list_iss ul li>a img {height:78px;} .issue .list_iss ul li h4 {font-size:16px;} .issue .list_iss ul li p {max-height:55px; margin-top:3px;} .issue .list_iss ul li p a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:120%; color:#777; letter-spacing:0;} .issue .list_iss ul li .upload_date {display:block; width:100%; padding-bottom:15px; border-bottom:1px solid #eaeaea; color:#b5b5b5; letter-spacing:0;} .issue .list_iss ul li:last-child .upload_date {border:0;} /************************************************* opinion 오피니언 *************************************************/ .opinion .conL {float:left; width:615px; margin:15px 25px 0 0;} .opinion .conR_opi {float:left; width:300px; margin-top:15px;} /* 오피니언리스트 : list_area */ .opinion .list_area .list_opi li {clear:both; padding:20px 0; border-bottom:1px solid #eaeaea;} .opinion .list_area .list_opi li .sort {color:#028f88; font-size:14px; margin-right:10px;} .opinion .list_area .list_opi li h4 {height:25px; font-size:16px;} .opinion .list_area .list_opi li p {max-height:57px; margin-top:3px;} .opinion .list_area .list_opi li p a {font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; color:#777; letter-spacing:0; line-height:120%;} .opinion .list_area .btn_more {float:right; width:59px; height:17px; margin-top:5px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} /* 오피니언 전체코너 : 사설칼럼/기고/기타 */ .opinion .stl_mn {clear:both; width:635px; margin-top:15px;} .opinion .stl_mn h3 {width:615px; padding-bottom:10px; border-bottom:5px solid #eaeaea;} .opinion .stl_mn .mn_opi {margin-top:7px;} .opinion .stl_mn .mn_opi li {float:left; width:195px; height:165px; margin:0 15px 0 0; text-align:center;} .opinion .stl_mn .mn_opi li div {height:130px; border:1px solid #eaeaea;} .opinion .stl_mn .mn_opi li div img {margin-top:20px;} .opinion .stl_mn .mn_opi li div .name_opi {display:block; margin-top:3px; color:#028f88; font-size:14px;} .opinion .stl_mn .mn_opi li h4 {margin-top:4px; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .opinion .stl_mn .mn_opi li .writer {display:block; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .opinion .stl_mn.opi1 {} .opinion .stl_mn.opi2 {} .opinion .stl_mn.opi3 {} /* 여론마당 */ .opinion .opi_sasuL {clear:both; border-top:2px solid #3c3c3c; margin-top:20px} .opinion .opi_sasuL h3 {margin:7px 0 0 0;} .opinion .opi_sasuL li {padding-bottom:10px; border-bottom:1px solid #eaeaea;} .opinion .opi_sasuL li h4 {margin:18px 0 5px 0; font-size:14px;} .opinion .opi_sasuL li p a {color:#777; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:140%;} /* 발언대/전망대 : opi_rostrumS/opi_observatoryS */ .opinion .stl_S1 {clear:both; border-top:2px solid #3c3c3c;} .opinion .stl_S1 h3 {margin:7px 0;} .opinion .stl_S1 img {float:left; margin-right:14px; border:1px solid #e2e2e2;} .opinion .stl_S1 .pNews {display:inline-block; margin:-15px 0 20px 0;} .opinion .stl_S1 .pNews li {width:190px; margin-top:12px; padding-bottom:10px; border-bottom:1px solid #eaeaea;} .opinion .stl_S1 .pNews li h4 {font-size:14px;} .opinion .stl_S1 .pNews li .writer {color:#888;} .opinion .stl_S1.opi_rostrumS {} .opinion .stl_S1.opi_observatoryS {} /* 여론마당 */ .opinion .opi_publicS {clear:both; border-top:2px solid #3c3c3c;} .opinion .opi_publicS h3 {margin:7px 0 0 0;} .opinion .opi_publicS li {padding-bottom:10px; border-bottom:1px solid #eaeaea;} .opinion .opi_publicS li h4 {margin:18px 0 5px 0; font-size:14px;} .opinion .opi_publicS li p a {color:#777; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:140%;} /* 지사별 오피니언 */ .opinion .stl_br {clear:both; padding:20px 20px 35px 20px; border:4px solid #eaeaea;} .opinion .stl_br li {padding-bottom:10px; border-bottom:1px solid #eaeaea;} .opinion .stl_br li h4 {margin:18px 0 5px 0; font-size:14px;} .opinion .stl_br li p a {color:#777; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:140%;} .opinion .stl_br .btn_more {float:right; width:59px; height:17px; margin-top:5px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .opinion .stl_br.opi_newyorkS_br {margin-top:20px;} .opinion .stl_br.opi_washingtonS_br {margin-top:5px;} .opinion .stl_br.opi_sanfranS_br {margin-top:5px;} /* 시사만평 */ .opinion .cartoon {clear:both; margin-top:15px;} .opinion .cartoon .pNews {margin-top:5px; border:1px solid #eaeaea; border-top:2px solid #3c3c3c;} .opinion .cartoon .pNews h4 {padding:2px 0 5px 0; border-bottom:1px solid #eaeaea; text-align:center;} .opinion .cartoon .pNews img {width:298px; height:245px;} .opinion .cartoon .pNews p {padding:5px 10px 5px 0; border-top:1px solid #eaeaea; text-align:justify;} /************************************************* bestclick news top50 *************************************************/ .bestclick .conL {float:left; width:100%; margin:15px 25px 0 0;} /* 많이본기사 페이지 : 리스트 */ .bestclick_area .list li {font-size: 24px; font-weight: bold; line-height: 130%; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eaeaea;} .bestclick_area .list li a {display: flex; align-items: center; } .bestclick_area .list li a img {width: 150px; height: auto; margin-right: 10px;} .bestclick_area .list li a span.best_numbering {font-family: "Unna", serif; margin-right: 10px; display: inline-block; width: 30px; font-size: 30px; letter-spacing: -1px; border-radius: 50%; background: #ececec; color: #111; text-align: center; padding: 10px;} .bestclick_area .list li .bestclick_title .commct {margin-left: 15px;} /************************************************* expert_column 전문가 칼럼 *************************************************/ .expert .conL {float:left; width:620px; margin-top:15px;} /* 최신 칼럼 : latest */ .expert .latest {height:250px; margin-top:10px;} .expert .latest li {float:left; width:255px; height:200px; padding:20px; border:5px solid #eaeaea;} .expert .latest li:first-child {margin-right:10px;} .expert .latest img {float:left; width:70px; height:84px; border:1px solid #e2e2e2;} .expert .latest .title {float:left; width:173px; padding:0 0 10px 10px; border-bottom:1px solid #eaeaea;} .expert .latest .title .col_name {color:#028f88; font-size:14px;} .expert .latest .title h4 {margin-top:2px; font-size:16px; max-height:43px;} .expert .latest .con_area {clear:both; padding-top:10px; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .expert .latest .con_area p {height:75px;} .expert .latest .con_area .writer {display:block; margin-top:10px;} /* 전문가 칼럼 배너 : bn_expert */ .expert .bn_exp {position:relative; width:620px; margin-top:10px;} .expert .bn_exp .bn_exp_page {position:relative; width:582px; height:52px; margin-left:19px; overflow:hidden;} .expert .bn_exp .bn_exp_page ul {position:absolute; width:2000px; left:0px; top:0px;} .expert .bn_exp .bn_exp_page ul li {float:left; margin-right:3px;} .expert .bn_exp .bn_exp_page ul li img {border:1px solid #dedede; width:190px; height:50px;} .expert .bn_exp .btn_prev, .expert .bn_exp .btn_next {display:block; position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} .expert .bn_exp .btn_prev {top:0; left:0; width:18px; height:52px; background-position:0 -23px;} .expert .bn_exp .btn_next {top:0; right:0; width:18px; height:52px; background-position:-25px -23px;} /* 칼럼별 리스트 : exp_list */ .expert .exp_list {clear:both; margin-top:40px;} .expert .exp_list .stl_li {position:relative; float:left; width:295px; margin-bottom:40px; border-top:2px solid #3c3c3c;} .expert .exp_list .stl_li h3 {margin:12px 0 0 0;} .expert .exp_list .stl_li li {border-bottom:1px solid #eaeaea;} .expert .exp_list .stl_li li:first-child {padding-bottom:10px;} .expert .exp_list .stl_li li h4 {margin:7px 0 9px 0; font-size:14px;} .expert .exp_list .stl_li li:first-child h4 {margin:18px 0 5px 0;} .expert .exp_list .stl_li li p a {color:#777; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif'; line-height:150%;} .expert .exp_list .stl_li .btn_more {position:absolute; top:15px; right:0; width:59px; height:17px; background:url(../images/btn_more.png) no-repeat left 0; overflow:hidden; text-indent:-500px;} .expert .exp_list .stl_li.exp_eco {margin-right:30px;} .expert .exp_list .stl_li.exp_est {margin-right:0;} .expert .exp_list .stl_li.exp_law {margin-right:30px;} .expert .exp_list .stl_li.exp_edu {margin-right:0;} .expert .exp_list .stl_li.exp_health {margin-right:30px;} .expert .exp_list .stl_li.exp_autos {margin-right:0;} .expert .conR_exp {float:left; width:300px; margin:15px 0 0 20px; border-top:2px solid #3c3c3c;} /* conR 칼럼 메뉴 */ .expert .stl_mn {clear:both; padding-top:20px; } .expert .stl_mn h3 {margin-bottom:10px;} .expert .stl_mn ul {width:300px; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;} .expert .stl_mn ul li {*position:relative; display:table; float:left; width:149px; height:42px; padding-top:3px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .expert .stl_mn ul li b {display:table-cell; *position:absolute; *top:50%; *left:50%; vertical-align:middle; font-weight:normal;} .expert .stl_mn ul li a {*position:relative; *top:-50%; *left:-50%; line-height:110%;} .expert .stl_mn.mn_eco {padding-top:7px;} .expert .stl_mn.mn_eco ul {height:138px;} .expert .stl_mn.mn_est ul {height:138px;} .expert .stl_mn.mn_law ul {height:46px;} .expert .stl_mn.mn_edu ul {height:46px; border:0} .expert .stl_mn.mn_edu ul li {border:1px solid #eaeaea;} .expert .stl_mn.mn_health ul {height:49px; border:0;} .expert .stl_mn.mn_health ul li {border:1px solid #eaeaea;} .expert .stl_mn.mn_autos ul {height:46px; border:0;} .expert .stl_mn.mn_autos ul li {border:1px solid #eaeaea;} /************************************************* photo 포토뉴스 *************************************************/ /* 포토리스트 */ .photonews .contents {/*position:static;*/ position:relative; width:938px; padding-top:15px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;} .photonews .list_photo {margin-left:30px;} .photonews .list_photo li {float:left; width:300px; height:249px; margin:0 5px 20px 0; border-bottom:1px solid #eaeaea;} .photonews .list_photo li.etc_pho {height:250px; border:0; text-align:center; background:#f9f9f9;} .photonews .list_photo li.etc_pho>div {margin:auto;} .photonews .list_photo li.last {margin-right:0;} .photonews .list_photo li .img_area {position:relative; height:180px; cursor:pointer;} .photonews .list_photo li .img_area img {width:300px; height:180px;} .photonews .list_photo li .img_area h4 {position:absolute; width:100%; height:50px; left:0; bottom:0; background:url(../images/headline_gra.png) repeat-x center -50px; color:#fff; font-size:14px;} .photonews .list_photo li .img_area h4 span {display:block; margin-top:7px; padding-left:20px; background:url(../images/bullet.png) no-repeat 10px -95px;} .photonews .list_photo li>p {height:40px; padding:7px 10px 0 10px; font-family:'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';} .photonews .allow_more {width:940px; height:40px; padding-bottom:5px; margin-left:-1px; background:#fff; border:1px solid #d1d1d1; font-size:16px; font-family:'malgun gothic'; font-weight:bold; letter-spacing:-1px; box-shadow:0 3px 0 #f2f2f2; cursor:pointer;} /* 이미지 크게보기 레이어팝업/포토설명 */ html.hideY {position:relative; margin-left:-17px; overflow-y:hidden;} html.hideY.mobile {margin-left:0;} .photonews .pPop {position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%; background:url(../images/bg_photo.png) repeat; overflow-y:scroll; text-align:center;} .photonews .pPop .pPop_li {display:inline-block; max-width:700px; padding:20px 10px 40px 10px; background:#fff; z-index:2002;} .photonews .pPop .pPop_li h4 {font-size:24px; text-align:center; font-weight:normal; letter-spacing:-2px;} .photonews .pPop .pPop_li img {max-width:600px; max-height:580px; margin-top:5px; border-top:2px solid #333;} .photonews .pPop .pPop_li p {margin:5px 30px 0 30px; line-height:150%; font-size:14px; color:#333;} @media (max-width:1000px) { .photonews .pPop .pPop_li {width:70%;} .photonews .pPop .pPop_li img {width:100%; max-width:600px; max-height:1000px;} } /* 이전/다음/닫기 paging */ .photonews .paging {display:none;} .photonews .paging .btn_prev, .photonews .paging .btn_next {position:fixed; top:40%; width:100px; height:155px; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden; cursor:pointer; z-index:2003; opacity:0.7; border-radius:20px; background-color:rgba(0,0,0,0.3);} .photonews .paging .btn_prev {left:5%; background-position:-160px 0;} .photonews .paging .btn_next {right:5%; background-position:-265px 0;} .photonews .paging .btn_prev:hover, .photonews .paging .btn_next:hover {opacity:1; background-color:rgba(0,0,0,0.7);} .photonews .paging .btn_close {position:fixed; top:20px; right:40px; z-index:2003; width:30px; height:30px; padding:10px; background:url(../images/btn_close.png) no-repeat -20px -40px; overflow:hidden; text-indent:-500px; cursor:pointer;} /* 로그인 팝업 */ .popupBox {width:650px; margin-top:30px; text-align:center; display:table-cell;} .popupBox input {width:92%; font-size:14px; background:#fff; border:0; line-height: 44px} .popupBox #logobox {width:100%; margin:0px auto 10px auto; } .popupBox #logobox img {width: auto; height: 30px } .popupBox #logobox p {font-size: 12px; text-align: left; font-weight: normal; padding: 4px 0; clear: both} .popupBox .notice{text-align:left; margin:20px 0px 20px 0px;} .popupBox .detail{text-align:left; margin:0px 0px 20px 0px; background:#fff; width:100%; padding:10px; font-size:13px; line-height:20px;} .popupBox .tab {width:100%; height:1.3em; border-bottom:1px solid #aaa; text-align:center; margin-top:15px;} .popupBox .tab li {float:left; margin-right:15px; padding-bottom:0.6em; font-size:15px; cursor:pointer;} .popupBox .tab li:hover {color:#00A651; font-weight:600;/*border-bottom:2px solid #00A651;*/} .popupBox .tab li.active {color:#00A651; font-weight:600; /*border-bottom:2px solid #00A651;*/} .popupBox .btn {width:100%; text-align:center; height:40px; margin:10px auto; background:#00a550; border:1px solid #00a550; color:#fff; font-size:15px; line-height:38px; cursor:pointer;} .popupBox .info {background:#fff; border:1px solid #dadada; border-radius:7px;} .popupBox .info>li {*min-height:28px; border-top:1px solid #f2f2f2; *padding:10px 20px 10px 5px; font-weight:bold;} .popupBox .info>li:first-child {border-top:0;} .popupBox .info>li label {float:left; width:20%; padding-left:20px; font-size:15px;} .popupBox .info>li.check label {background:url(../images/icon_check.png) no-repeat 0 5px; background-size:12px 12px;} .popupBox .find{float:left; margin:20px 0px 5px 0px; text-decoration:underline; display:block; cursor:pointer; font-size:12px;} .popupBox .agreement{text-align:right; margin:10px 0px 0px 0px; display:block; cursor:pointer; font-size:12px; float: left; } .popupBox .agreement li{float:right; margin-left:10px; text-decoration:underline;} .popupBox .loginbox {display:none; margin:0px;} .popupBox .joinbox{display:none; margin:0px;} .popupBox .joinbox li {position:relative;} .popupBox .joinbox .email .checkbox{position:absolute; width:20px; height:20px; right:10px; top:13px; background:none;} .popupBox .joinbox .email .checkbox.ok{background:url('../images/check_ok.png') no-repeat; background-size:100%; } .popupBox .joinbox .email .checkbox.fail{background:url('../images/check_fail.png') no-repeat; background-size:100%; } .popupBox .findbox{display:none;} .popupBox .migrationbox{display:none;} .popupBox .alert{width:94%; border:1px solid #ddd; margin-bottom:10px; background:#ffe6e6; text-align:left; padding-left:20px; line-height:30px; color:#c86e6e; display:none;} #login_popup{min-height: 20px; padding: 19px; padding-top:45px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); margin: 1em; margin-top:100px; text-align:center!important;} .login_popup_close{ position:absolute; top:10px; right:10px; width:25px; height:25px; cursor:pointer;} .popup_loader{opacity: 1; position: fixed; overflow: auto; z-index: 100002; transition: all 0.3s; width: 100%; height: 100%; top: 38%; left: 0px; text-align: center; display: none;} .adBox {display:table-cell; text-align:center; vertical-align:middle;} .adBox img{margin-left:20px;} /* send to news video player */ .stn_video {clear: both; *height: 400px; background:-webkit-linear-gradient(rgb(129, 93, 187), rgba(135, 60, 255, 0.0) 0%), -webkit-linear-gradient(-64deg, #f0eff0 42%, rgb(0, 135, 205) 0%); overflow: hidden; margin-top: 10px;} .stn_video ul.stn_wrap {height: auto; overflow: hidden} .stn_video ul.stn_wrap li:nth-child(1) {float: left; width: 30%;} .stn_video ul.stn_wrap li:nth-child(2) {float: left; width: 70%;} .stn_video ul.stn_wrap #p_eagles {position: absolute; font-size: 24px; color: #fff; margin: 14px 20px; padding: 4px; line-height: 24px;} .stn_video ul.stn_wrap #sp_vs {position: absolute; font-size: 24px; color: #fff; margin: 47px 20px; padding: 4px; line-height: 24px; font-style: italic;} .stn_video ul.stn_wrap #ne_patriots {position: absolute; font-size: 24px; color: #fff; margin: 80px 20px; padding: 4px; line-height: 24px;} .stn_video ul.stn_wrap #superbowl_dt {color: #55e5ff; width: 100%;position: absolute;margin: 143px 26px;letter-spacing: 1px;font-size: 12px;} .stn_video ul.stn_wrap #superbowl_dt li {float: inherit;} .stn_video ul.stn_wrap #superbowl_dt li a {color: #195094;font-size: 14px;padding: 10px;background: #f1ff8a;font-weight: bold;display: block;width: 120px;margin-top: 8px;} /*케이타운 위젯*/ .ktown1st_premium{width: 100%; border:1px solid #3a3a37; margin-top: 20px;} .ktown1st_premium .k_top{height:47px; background: #20a8b3; position: relative;} .ktown1st_premium .k_top h4{position: absolute; top:9px; left:20px;} .ktown1st_premium .k_tab{position: absolute; bottom: 0; right:6px; width:46%} .ktown1st_premium .k_tab:after{content: ""; display:block; clear: both; overflow: hidden;} .ktown1st_premium .k_tab li{float: left; width:46%; height:28px; font-family: 'dotum','돋움','malgun gothic','맑은 고딕','gulim','arial','san-serif';font-size:14px;font-weight: bold;background:#3f3f3f; color: #e4e4e4;padding: 10px 0 0 10px; position: relative;} .ktown1st_premium .k_tab li img{position: absolute; right:10px; top: 15px;} .ktown1st_premium .k_tab .selected{background: #fff; color: #3c3c3c;} .ktown1st_premium .k_list{padding: 10px} .ktown1st_premium .k_list dd{width: 24%; height:177px; display: inline-block; vertical-align: top; margin:0 0 15px 4px;} .ktown1st_premium .k_list dd:nth-child(4n+1){margin-left:0;} .ktown1st_premium .k_list dd img{width: 100%; height:98px; border:1px solid #ebebeb;} .ktown1st_premium .k_list dd span{display: block;height:14px; line-height: 12px; margin-bottom:5px} .ktown1st_premium .k_list dd .k_txt{height:12px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis; margin-top:3px;} .ktown1st_premium .k_list dd .k_price{color: #009f4a; font-weight: bold; font-size:14px;} .ktown1st_premium .k_list dd .k_name{font-weight: bold; border-top:1px solid #eaeaea; padding-top:4px; margin-top:5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .ktown1st_premium .k_more{text-align: center; text-decoration: underline; border-top:1px solid #9f9f9f; padding:10px 0; margin:0 10px;} .ktown1st_premium .k_more a{color: #111;} .ktown1st_premium .k_more a img{margin-left: 2px; vertical-align:middle;} /************************************************************************************************************************ For wide displays ************************************************************************************************************************/ @media (min-width: 1520px) { /************************************************* main *************************************************/ /************ con_move ************/ .wide .con_move {position:absolute; top:0; right:0; margin-top: 10px;} .wide .con_move .mauto {margin: 0 auto 15px;} /* 투데이 포커스 : today_focus */ .wide .today_focus {display:block; width:200px; height:610px; margin-top:10px; *border-bottom:2px solid #3d3d3d; border-bottom: none;box-sizing: border-box;} .wide .today_focus h3 {border-bottom:0;} .wide .today_focus .pNews {*width:198px; height:1570px;width:200px;} .wide .today_focus .pNews .today_focus_page {width:200px; padding:0;} .wide .today_focus .pNews .today_focus_page li {width:196px; *height:auto; margin:0 auto; padding:12px 0 30px 0; border:0; border:1px solid #eaeaea; border-top:0;height: 186px;box-sizing: border-box} .wide .today_focus .pNews .today_focus_page li:first-child {border-top:1px solid #eaeaea;} .wide .today_focus .pNews .today_focus_page li>a {margin-left:10px;} .wide .today_focus .pNews .today_focus_page li em{display:none;} .wide .today_focus .btn_prev, .today_focus .btn_next {} .wide .sub .today_focus {margin-top:5px;} /* K Talk Widget : kTalk_wgt */ .wide .kTalk_wgt {display:block; width:196px; height:623px; box-sizing: border-box; border-top:none; margin-top:10px;} .wide .kTalk_wgt h3 {text-align:center; border-bottom:0; height: 64px; background: #cde3fa;} .wide .kTalk_wgt h3 img {padding-top:10px} .wide .kTalk_wgt .wgtWrap {width:196px; height:623px;} .wide .kTalk_wgt .wgtWrap .today_photo {padding: 0; background: #cde3fa; border: 4px solid #cde3fa; box-sizing: border-box;} .wide .kTalk_wgt .wgtWrap .today_photo li {width: 186px; height: 175px; margin: 0 auto; background: #fff; box-sizing: border-box; border-top: none; border-bottom: none; padding: 0 0 5px 0; margin-bottom:5px; text-align:center;} .wide .kTalk_wgt .wgtWrap .today_photo li:last-child {margin-bottom:1px;} .wide .kTalk_wgt .wgtWrap .today_photo .thumb {background:#f4f4f4;} .wide .kTalk_wgt .wgtWrap .today_photo li .thumb img {max-width:186px; height:110px; vertical-align: middle;} .wide .kTalk_wgt .wgtWrap .today_photo li h4 {max-height: 38px; margin: 10px 15px 0 15px; font-size: 14px;text-align:left;} .wide .kTalk_wgt .wgtWrap .today_photo .user {margin-left: 15px; font-size: 14px;margin-top:5px} .wide .kTalk_wgt .wgtWrap .today_photo .user .ktalkcomm {float: left; padding-left: 25px; background: url(../images/icon_comment2.png) no-repeat left 2px;} .wide .kTalk_wgt .wgtWrap .today_photo .user .ktalklike {float: left; height: 20px; margin-left: 20px; padding-left: 22px; background: url(../images/icon_like.png) no-repeat left 2px; background-position: -60px 2px;} .wide .today_focus .pNews .today_focus_page li.ktalk_photo {display:none;} .wide .sub .kTalk_wgt {margin-top:5px;} /************ conLb ************/ .main .conLb {width:815px;} /* 라이프 : lifeS */ .main .lifeS .pNews li {margin-right:42px;} .main .lifeS .pNews li h4 a {line-height:140%;} .main .lifeS .pNews li p {margin-top:7px;} .main .lifeS .tNews {width:300px; padding-left:28px; border-left:1px solid #eaeaea;} .main .lifeS .tNews li {margin-top:15px; padding-top:0; border-top:0;} .main .lifeS .tNews li:first-child {margin-top:-5px; padding-top:0; border:0;} .main .lifeS .tNews li h4 {height:20px; text-overflow: ellipsis; white-space: nowrap;} .main .lifeS .tNews li p {display:block; height:39px; margin-top:3px;} .main .lifeS .tNews li p a {line-height:120%;} /* 스포츠 : sportsS */ .main .sportsS .pNews li {margin-right:42px;} .main .sportsS .pNews li h4 a {line-height:140%;} .main .sportsS .pNews li p {margin-top:7px;} .main .sportsS .tNews {width:300px; padding-left:28px; border-left:1px solid #eaeaea;} .main .sportsS .tNews li {margin-top:15px; padding-top:0; border-top:0;} .main .sportsS .tNews li:first-child {margin-top:-5px; padding-top:0; border:0;} .main .sportsS .tNews li h4 {height:20px; text-overflow: ellipsis; white-space: nowrap;} .main .sportsS .tNews li p {display:block; height:39px; margin-top:3px;} .main .sportsS .tNews li p a {line-height:120%;} /* 연예 : entertainS */ .main .entertainS .pNews li {margin-right:42px;} .main .entertainS .pNews li h4 a {line-height:140%;} .main .entertainS .pNews li p {margin-top:7px;} .main .entertainS .tNews {width:300px; padding-left:28px; border-left:1px solid #eaeaea;} .main .entertainS .tNews li {margin-top:15px; padding-top:0; border-top:0;} .main .entertainS .tNews li:first-child {margin-top:-5px; padding-top:0; border:0;} .main .entertainS .tNews h4 {height:20px; text-overflow: ellipsis; white-space: nowrap;} .main .entertainS .tNews li p {display:block; height:39px; margin-top:3px;} .main .entertainS .tNews li p a {line-height:120%;} /* 사람 사람들 : peopleS */ .main .peopleS .pNews li {margin-right:42px;} .main .peopleS .pNews li h4 a {line-height:140%;} .main .peopleS .pNews li p {margin-top:7px;} .main .peopleS .tNews {width:300px; padding-left:28px; border-left:1px solid #eaeaea;} .main .peopleS .tNews li {margin-top:15px; padding-top:0; border-top:0;} .main .peopleS .tNews li:first-child {margin-top:-5px; padding-top:0; border:0;} .main .peopleS .tNews li h4 {height:20px; text-overflow: ellipsis; white-space: nowrap;} .main .peopleS .tNews li p {display:block; height:39px; margin-top:3px;} .main .peopleS .tNews li p a {line-height:120%;} /* 로컬뉴스 : localS */ .main .localS .pNews li {margin-right:42px;} .main .localS .pNews li h4 a {line-height:140%;} .main .localS .pNews li p {margin-top:7px;} .main .localS .tNews {width:300px; padding-left:28px; border-left:1px solid #eaeaea;} .main .localS .tNews li {margin-top:15px; padding-top:0; border-top:0;} .main .localS .tNews li:first-child {margin-top:-5px; padding-top:0; border:0;} .main .localS .tNews li h4 {height:20px; text-overflow: ellipsis; white-space: nowrap;} .main .localS .tNews li p {display:block; height:39px; margin-top:3px;} .main .localS .tNews li p a {line-height:120%;} /* 타운 비즈니스 : townS */ .main .townS .nList {padding-left:2%;} /* 전문가 칼럼 : expertS */ .main .expertS .pNews li {width:407px;} .main .expertS .pNews li .txt_area {width:270px; margin-right:8px;} } /* 한국 홈쇼핑 슬라이드 */ .hk_shopping_bn .btn_prev, .hk_shopping_bn .btn_next {position:absolute; background:url(../images/paging_arrow.png) no-repeat; text-indent:-500px; overflow:hidden;} .hk_shopping_bn .btn_prev {top:8px; right:18px; width:17px; height:18px; background-position:0 0;} .hk_shopping_bn .btn_next {top:8px; right:0; width:18px; height:18px; background-position:-21px 0;} /* gnb에 한국 홈쇼핑 메뉴 추가 .gnb .navigation .gnb_news {width:40% !important;} .wide .gnb .navigation .gnb_ktown1 {width:33% !important;} .wide .gnb .navigation .gnb_hktv {width:27% !important;} .wide .gnb .navigation .gnb_news li {padding:0px 8px !important;} .wide .gnb .navigation .gnb_news .btn_all {padding: 0px 1px 0 36px !important;} .gnb .navigation .gnb_news li #ico_hkshopping {width: 20px; height: 19px; margin-top: -4px; margin-right: 2px; vertical-align: middle; background: url(../images/icon_group_gnb.png) no-repeat -26px -19px; display: inline-block;} .wide .gnb .navigation .gnb_ktown1 li {padding: 0 0 0 14px !important;} .wide .gnb .navigation .gnb_ktown1 li:nth-child(1) {padding-left: 68px !important;} .gnb .navigation #gnb_shopping {position:relative;} .gnb .navigation #gnb_shopping .shopping {position:absolute;right:-7px;top:5px;} @media (max-width: 1519px) { .gnb .navigation .gnb_news {width:42.5% !important;} .wide .gnb .navigation .gnb_ktown1 {width:30.5% !important;} .wide .gnb .navigation.gnb_hktv {width:27% !important;} .wide .gnb .navigation .gnb_ktown1 li:nth-child(1) {padding-left: 0 !important;} .wide .gnb .navigation .gnb_news li {padding:0px 6px !important;} .wide .gnb .navigation .gnb_ktown1 li {padding: 0 0 0 12px !important;} .gnb .navigation .gnb_hktv li:nth-child(1) {padding-left:5px !important;} }