/* 2022.12.21 [MTCMU-7963][개발팀][댓글PJT] FRONT - 댓글 프로젝트 1차 통합테스트 - UI 수정 */ @charset "utf-8"; @import url('base.css'); @import url('//cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css'); /* 추가 190211 세종 */ @import url('../../font/noto/font_noto.css'); /* 추가 190808 동현 */ #wrap {position:relative; overflow:hidden; margin:0 auto; min-width:320px; background:#f0f0f0;} /* 수정 161118 세종 */ #wrap .hdbtop {display:none; position:fixed; right:10px; bottom:70px; z-index:99999;} /* 수정 211130 세종 */ #wrap .mtview1 {display:none; position:fixed; right:10px; bottom:118px; z-index:99999;} /* 수정 211130 세종 */ /* 추가 20180223 동현 */ #wrap .f_banner {display:none; position:fixed; left:0; bottom:20px; width:100%; min-height:71px; z-index:1;} /* 수정 220530 세종 */ #wrap .f_banner .link_area {display:block; position:relative; width:225px; height:71px; margin:0 auto;} #wrap .f_banner .link_area .close_btn {display:block; position:absolute; top:-8px; right:0; width:26px; height:26px; background:url('../images/btn_close7.png')no-repeat center center; background-size:cover;} #wrap .f_banner .link_area a {display:block;} #wrap .f_banner .link_area a .logo {display:block; width:225px; height:71px; background:url('../images/naver_ch_banner.png')no-repeat center center; background-size:cover;} #wrap .f_banner .link_area a .logo.evb {background-image:url('../images/naver_event_Floatingbanner.png');} /* 추가 181011 동현 */ #wrap .f_banner .link_area a .logo.evb2 {background-image:url('../images/naver_event_Floatingbanner2.png');} /* 추가 181101 세종 */ #wrap .f_banner .link_area a .logo.evb3 {background-image:url('../images/naver_event_Floatingbanner3.png');} /* 추가 181214 세종 */ #wrap .f_banner .link_area a .logo.evb4 {background-image:url('../images/naver_event_Floatingbanner4.png');} /* 추가 190131 동현 */ #wrap .f_banner .link_area a .logo.evb5 {background-image:url('../images/naver_event_Floatingbanner5.png');} /* 추가 190215 성수 */ #wrap .f_banner .link_area a .logo.evb6 {background-image:url('../images/naver_event_Floatingbanner6.png');} /* 추가 190404 세종 */ #wrap .f_banner .link_area a .logo.evb7 {background-image:url('../images/naver_event_Floatingbanner7.png');} /* 추가 190415 세종 */ #wrap .f_banner .link_area a .logo.evb8 {background-image:url('../images/naver_event_Floatingbanner8.png');} /* 추가 191107 동현 */ #wrap .f_banner .link_area a .logo.kko {background-image:url('../images/kakao_ch_banner.png');} /* 추가 220512 세종 */ #wrap .f_banner .link_area a .logo.daum {background-image:url('../images/mb_daum_ch_floating.png');} /* 추가 240528 지선 */ #wrap .f_banner .link_area a .logo.mt_gbw {background-image:url('../images/mt_gbw_floating.svg');} /* 추가 240930 세종 */ #wrap .f_banner .link_area a .logo.miffy {background-image:url('../images/banner_miffy_floating.svg?1');} /* 추가 250602 세종 */ #wrap .f_banner .link_area a .logo.chagall {background-image:url('../images/banner_Chagall_floating.png');} /* 추가 250424 세종 */ /* //추가 20180223 동현 */ /* header */ #header {position:relative;} #header .hdtop {position:relative; height:46px; background:#d90000;} #header .hdtop .logo {position:absolute;} #header .hdtop .sectit {position:absolute;} /* 검색 */ #header .hdtop .opsearch {position:absolute; top:10px; right:11px; overflow:hidden; width:26px; height:26px; background:url(../images/btn_search1.gif) no-repeat 0 0; background-size:26px 26px;} #header .hdtop .search {position:absolute; top:10px; right:0; width:100%; height:26px;} .schpage #header .hdtop .search {left:100px; width:auto;} #header .hdtop .search .lmt1 {} #header .hdtop .search .schbox1 {position:relative; margin:0 12px 0 10px; height:26px; background:url(../images/bg_search1.gif) no-repeat 0 0; background-size:1000px 26px;} #header .hdtop .search .schbox2 {position:relative; overflow:hidden; margin:0 26px 0 12px;} #header .hdtop .search .schbox3 {position:absolute; top:0; left:0; width:12px; height:26px; background:url(../images/bg_search2.gif) no-repeat 0 0; background-size:12px 26px;} #header .hdtop .search fieldset {} #header .hdtop .search fieldset input[type='text'] {display:block; width:100%; height:100%; background:none; font-size:1em; line-height:26px; letter-spacing:-0.3px; color:#808080;} #header .hdtop .search fieldset input[type='image'] {position:absolute; top:0; right:-3px;} #header .schresult {overflow:hidden; margin:0 10px; height:30px; font-size:0.78em; letter-spacing:-0.2px; line-height:30px; color:#808080;} #header .schresult .schword {font-weight:normal; color:#f54f4f;} #header .schresult .rstsu {font-weight:normal; color:#f54f4f;} /* 네비 */ #header .nav {height:39px; background:#f7f7f7; border-bottom:1px solid #e3e3e3;} /* 수정 151008 세종 */ #header .nav table {height:39px;} #header .nav table th {font-size:1.07em;} /* 수정 160628 세종 */ #header .nav table th.new {position:relative;} /* 추가 151008 세종 */ #header .nav table th.new:after {content:' '; position:absolute; top:-3px; left:50%; margin-left:-17px; width:35px; height:14px; background:url(../images/icon_new2.png) no-repeat 0 0; background-size:35px 14px;} /* 추가 151008 세종 */ #header .nav table th a {display:block; width:100%; height:39px; text-align:center; line-height:39px; letter-spacing:-0.6px; color:#000;} /* 수정 160628 세종 */ #header .nav table th a.on {color:#ec0000;} /* 추가 150604 세종 */ #header .nav .swipe_nav {position:relative; overflow:hidden; width:100%; height:100%;} #header .nav .swipe_nav .lmbox {position:relative; overflow:hidden; margin:0 20px; height:100%;} #header .nav .swipe_nav ul {width:200%; height:39px;} #header .nav .swipe_nav ul li {float:left; height:39px; font-weight:bold; letter-spacing:-0.3px; line-height:39px;} #header .nav .swipe_nav ul li a {display:block; padding:0 15px; height:39px; color:#000;} #header .nav .swipe_nav ul li a.on {color:#ec0000;} #header .nav .swipe_nav button {position:absolute; top:0; width:14px; height:100%;} #header .nav .swipe_nav .prev {left:0; background:url(../images/btn_prev2.png) no-repeat center center; background-size:6px 13px;} #header .nav .swipe_nav .next {right:0; background:url(../images/btn_next2.png) no-repeat center center; background-size:6px 13px;} #header .dt_sch_area {position:relative; background:#fff; border:1px solid #d7d7d7;} /* 수정 170612 윤선 */ #header .dt_sch_area .dt_group {position:relative; padding-left:52px; } #header .dt_sch_area .dt_group:first-child {border-bottom:1px solid #d7d7d7;} #header .dt_sch_area .dt_group .gtit {position:absolute; top:0; left:0; width:52px; height:39px; text-indent:10px; letter-spacing:-0.6px; line-height:39px; color:#000;} #header .dt_sch_area .dt_group .sort_list1 {overflow:hidden; height:39px;} #header .dt_sch_area .dt_group .sort_list1 .bundle {float:left; position:relative; height:39px; line-height:39px;} #header .dt_sch_area .dt_group .sort_list1 .bundle input[type='radio'] {position:absolute; top:-100px;} #header .dt_sch_area .dt_group .sort_list1 .bundle label {display:block; padding:0 10px 0 16px; height:39px; font-size:0.95em; letter-spacing:-0.6px; line-height:39px; color:#808080;} #header .dt_sch_area .dt_group .sort_list1 .bundle input[type='radio']:checked + label {background:url(../images/bl_check1.png) no-repeat 0 center; background-size:11px; color:#f54f4f;} #header .dt_sch_area .dt_group .period {position:relative; height:39px;} #header .dt_sch_area .dt_group .select {display:block; padding:0 10px 0 16px; height:39px; background:url(../images/bl_check1.png) no-repeat 0 center; background-size:11px; font-size:0.95em; letter-spacing:-0.6px; line-height:39px; color:#f54f4f;} #header .dt_sch_area .dt_group .sort_list2 {position:absolute; top:39px; right:-1px; overflow:hidden; width:200px; background:#fff; border:1px solid #d7d7d7; z-index:9;} /* 수정 170612 윤선 */ #header .dt_sch_area .dt_group .sort_list2 .bundle {float:left; position:relative; overflow:hidden; width:100px; height:39px; line-height:39px; letter-spacing:-0.6px; text-align:center; color:#000;} #header .dt_sch_area .dt_group .sort_list2 .bundle input[type='radio'] {position:absolute; top:-100px;} #header .dt_sch_area .dt_group .sort_list2 .bundle label {display:block; width:100%; height:39px; font-size:0.95em; border:1px solid #ededed;} #header .dt_sch_area .dt_group .sort_list2 .bundle:nth-child(odd) label {margin-left:-1px;} #header .dt_sch_area .dt_group .sort_list2 .bundle:nth-child(1) label {margin-top:-1px;} #header .dt_sch_area .dt_group .sort_list2 .bundle:nth-child(2) label {margin-top:-1px;} #header .dt_sch_area .dt_group .sort_list2 .bundle input[type='radio']:checked + label {color:#f54f4f;} #header .dt_sch_area .dt_group .lyctrl {position:absolute; top:0; right:0px; width:100%; height:39px;} #header .dt_sch_area .dt_group .lyctrl.open {background:url(../images/btn_openClose1.gif) no-repeat right 0; background-size:33px auto;} #header .dt_sch_area .dt_group .lyctrl.close {background:url(../images/btn_openClose1.gif) no-repeat right bottom; background-size:33px auto;} #header .dt_sch_area .dt_group .sort_list3 {position:relative; overflow:hidden;} #header .dt_sch_area .dt_group .sort_list3 .group {display:table; width:100%;} #header .dt_sch_area .dt_group .sort_list3 .group .bundle {display:table-cell; width:14%; height:39px; line-height:39px; letter-spacing:-0.6px; text-align:center; color:#000;} #header .dt_sch_area .dt_group .sort_list3 .group .bundle:first-child {width:15%;} #header .dt_sch_area .dt_group .sort_list3 .group .bundle:last-child {width:15%;} #header .dt_sch_area .dt_group .sort_list3 .group .bundle input[type='radio'] {position:absolute; top:-100px;} #header .dt_sch_area .dt_group .sort_list3 .group .bundle label {display:block; width:100%; height:39px; font-size:0.95em;} #header .dt_sch_area .dt_group .sort_list3 .group .bundle input[type='radio']:checked + label {background:url(../images/bl_check1.png) no-repeat 0 center; background-size:11px; color:#f54f4f;} /* //추가 150604 세종 */ /* 추가 160803 세종 */ #header .schbox {position:relative; overflow:hidden; margin:10px 10px 0; height:34px; background:#fff; border:1px solid #666;} #header .schbox .txtbox {overflow:hidden; margin:0 34px 0 10px; height:34px;} #header .schbox .txtbox input[type='text'] {display:block; width:100%; height:100%; font-size:1.143em; line-height:34px; letter-spacing:-0.2px; color:#000;} #header .schbox input[type='image'] {position:absolute; top:0; right:0;} /* //추가 160803 세종 */ /* header2 수정 160930 세종 */ #header2 {position:relative; background:#fff; z-index:9999;} /* 수정 171030 해리 */ #header2 .hdtop {height:50px;} /* 수정 161118 세종 */ #header2 .hdtop .logo {position:absolute; top:12px; left:50%; margin-left:-42px;} /* 수정 161118 세종 */ #header2 .hdtop .logo a {display:block; overflow:hidden;} #header2 .hdtop .logo a img {display:block; height:24px;} #header2.seasonal2018 {background:#fff url(../images/bg_2018seasonal_logo1.png) no-repeat center 0; background-size:320px auto;} #header2.seasonal2018 .hdtop {background:url(../images/bg_2018seasonal_logo2.png) repeat-x 0 bottom; background-size:35px 10px;} #header2.seasonal2018 .hdtop .logo {top:18px; margin-left:-37px; width:78px; height:16px;} #header2.seasonal2018 .hdtop .logo a {height:100%;} #header2.seasonal2018 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_31 {background:#fff url(../images/bg_2018seasonal_31_logo1.png) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_31 .hdtop {} #header2.seasonal2018_31 .hdtop .logo {top:19px; margin-left:-40px; width:103px; height:22px;} #header2.seasonal2018_31 .hdtop .logo a {height:100%;} #header2.seasonal2018_31 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_314 {background:#fff url(../images/bg_2018seasonal_314_logo1.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_314 .hdtop {} #header2.seasonal2018_314 .hdtop .logo {top:21px; margin-left:-60px; width:79px; height:17px;} #header2.seasonal2018_314 .hdtop .logo a {height:100%;} #header2.seasonal2018_314 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_321 {background:#fff url(../images/bg_2018seasonal_321_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_321 .hdtop {} #header2.seasonal2018_321 .hdtop .logo {top:21px; margin-left:-95px; width:79px; height:17px;} #header2.seasonal2018_321 .hdtop .logo a {height:100%;} #header2.seasonal2018_321 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_45 {background:#fff url(../images/bg_2018seasonal_45_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_45 .hdtop {} #header2.seasonal2018_45 .hdtop .logo {top:26px; margin-left:-40px; width:93px; height:19px;} #header2.seasonal2018_45 .hdtop .logo a {height:100%;} #header2.seasonal2018_45 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_46 {background:#fff url(../images/bg_2018seasonal_46_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_46 .hdtop {} #header2.seasonal2018_46 .hdtop .logo {top:19px; margin-left:-78px; width:102px; height:22px;} #header2.seasonal2018_46 .hdtop .logo a {height:100%;} #header2.seasonal2018_46 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_416 {background:#e9f6ff url(../images/bg_2018seasonal_416_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_416 .hdtop {} #header2.seasonal2018_416 .hdtop .logo {top:23px; margin-left:-56px; width:91px; height:19px;} #header2.seasonal2018_416 .hdtop .logo a {height:100%;} #header2.seasonal2018_416 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_419 {background:#fff url(../images/bg_2018seasonal_419_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_419 .hdtop {} #header2.seasonal2018_419 .hdtop .logo {top:20px; margin-left:-108px; width:112px; height:22px;} #header2.seasonal2018_419 .hdtop .logo a {height:100%;} #header2.seasonal2018_419 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_420 {background:#fff url(../images/bg_2018seasonal_420_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_420 .hdtop {} #header2.seasonal2018_420 .hdtop .logo {top:20px; margin-left:-66px; width:102px; height:22px;} #header2.seasonal2018_420 .hdtop .logo a {height:100%;} #header2.seasonal2018_420 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_501 {background:#fff url(../images/bg_2018seasonal_501_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_501 .hdtop {} #header2.seasonal2018_501 .hdtop .logo {top:21px; margin-left:-53px; width:102px; height:22px;} #header2.seasonal2018_501 .hdtop .logo a {height:100%;} #header2.seasonal2018_501 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_505 {background:#bce2bf url(../images/bg_2018seasonal_505_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_505 .hdtop {} #header2.seasonal2018_505 .hdtop .logo {top:21px; margin-left:-98px; width:82px; height:18px;} #header2.seasonal2018_505 .hdtop .logo a {height:100%;} #header2.seasonal2018_505 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_508 {background:#fff url(../images/bg_2018seasonal_508_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_508 .hdtop {} #header2.seasonal2018_508 .hdtop .logo {top:21px; margin-left:-62px; width:102px; height:22px;} #header2.seasonal2018_508 .hdtop .logo a {height:100%;} #header2.seasonal2018_508 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_515 {background:#b0d9f8 url(../images/bg_2018seasonal_515_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_515 .hdtop {} #header2.seasonal2018_515 .hdtop .logo {top:21px; margin-left:-34px; width:81px; height:18px;} #header2.seasonal2018_515 .hdtop .logo a {height:100%;} #header2.seasonal2018_515 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_518 {background:#fff url(../images/bg_2018seasonal_518_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_518 .hdtop {} #header2.seasonal2018_518 .hdtop .logo {top:16px; margin-left:-69px; width:103px; height:21px;} #header2.seasonal2018_518 .hdtop .logo a {height:100%;} #header2.seasonal2018_518 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_521 {background:#fff url(../images/bg_2018seasonal_521_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_521 .hdtop {} #header2.seasonal2018_521 .hdtop .logo {top:18px; margin-left:-42px; width:84px; height:17px;} #header2.seasonal2018_521 .hdtop .logo a {height:100%;} #header2.seasonal2018_521 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_522 {background:#e1e2b7 url(../images/bg_2018seasonal_522_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_522 .hdtop {} #header2.seasonal2018_522 .hdtop .logo {top:11px; margin-left:-40px; width:80px; height:28px;} #header2.seasonal2018_522 .hdtop .logo a {height:100%;} #header2.seasonal2018_522 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_606 {background:#def8ff url(../images/bg_2018seasonal_606_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_606 .hdtop {} #header2.seasonal2018_606 .hdtop .logo {top:15px; margin-left:-61px; width:93px; height:19px;} #header2.seasonal2018_606 .hdtop .logo a {height:100%;} #header2.seasonal2018_606 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_606 .hdtop .menu {background-image:url(../images/btn_menu6.png); background-size:100%;} #header2.seasonal2018_606 .hdtop .sch {background-image:url(../images/btn_search8.png); background-size:100%;} #header2.seasonal2018_619 {background:#fff url(../images/bg_2018seasonal_619_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_619 .hdtop {} #header2.seasonal2018_619 .hdtop .logo {top:17px; margin-left:-68px; width:79px; height:16px;} #header2.seasonal2018_619 .hdtop .logo a {height:100%;} #header2.seasonal2018_619 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_625 {background:#fff url(../images/bg_2018seasonal_625_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_625 .hdtop {} #header2.seasonal2018_625 .hdtop .logo {top:14px; margin-left:-51px; width:104px; height:22px;} #header2.seasonal2018_625 .hdtop .logo a {height:100%;} #header2.seasonal2018_625 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_717 {background:#e8e4e1 url(../images/bg_2018seasonal_717_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_717 .hdtop {} #header2.seasonal2018_717 .hdtop .logo {top:14px; margin-left:-51px; width:104px; height:22px;} #header2.seasonal2018_717 .hdtop .logo a {height:100%;} #header2.seasonal2018_717 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_727 {background:#fff url(../images/bg_2018seasonal_727_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_727 .hdtop {} #header2.seasonal2018_727 .hdtop .logo {top:23px; margin-left:-27px; width:90px; height:19px;} #header2.seasonal2018_727 .hdtop .logo a {height:100%;} #header2.seasonal2018_727 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_807 {background:#fff url(../images/bg_2018seasonal_807_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_807 .hdtop {} #header2.seasonal2018_807 .hdtop .logo {top: 21px; margin-left: -72px; width:90px; height:19px;} #header2.seasonal2018_807 .hdtop .logo a {height:100%;} #header2.seasonal2018_807 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_815 {background:#fff url(../images/bg_2018seasonal_815_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_815 .hdtop {} #header2.seasonal2018_815 .hdtop .logo {top: 21px; margin-left: -91px; width:90px; height:19px;} #header2.seasonal2018_815 .hdtop .logo a {height:100%;} #header2.seasonal2018_815 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_816 {background:#fff url(../images/bg_2018seasonal_816_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_816 .hdtop {} #header2.seasonal2018_816 .hdtop .logo {top: 20px; margin-left: -75px; width:90px; height:19px;} #header2.seasonal2018_816 .hdtop .logo a {height:100%;} #header2.seasonal2018_816 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_817 {background:#fff url(../images/bg_2018seasonal_817_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_817 .hdtop {} #header2.seasonal2018_817 .hdtop .logo {top:23px; margin-left:-31px; width:90px; height:20px;} #header2.seasonal2018_817 .hdtop .logo a {height:100%;} #header2.seasonal2018_817 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_908 {background:#fff url(../images/bg_2018seasonal_908_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_908 .hdtop {} #header2.seasonal2018_908 .hdtop .logo {top:19px; margin-left:-54px; width:102px; height:22px;} #header2.seasonal2018_908 .hdtop .logo a {height:100%;} #header2.seasonal2018_908 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_922 {background:#fff url(../images/bg_2018seasonal_922_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_922 .hdtop {} #header2.seasonal2018_922 .hdtop .logo {top:21px; margin-left:-69px; width:102px; height:21px;} #header2.seasonal2018_922 .hdtop .logo a {height:100%;} #header2.seasonal2018_922 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_924 {background:#fff url(../images/bg_2018seasonal_924_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_924 .hdtop {} #header2.seasonal2018_924 .hdtop .logo {top:20px; margin-left:-73px; width:102px; height:22px;} #header2.seasonal2018_924 .hdtop .logo a {height:100%;} #header2.seasonal2018_924 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_925 {background:#fff url(../images/bg_2018seasonal_925_logo.gif) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_925 .hdtop {} #header2.seasonal2018_925 .hdtop .logo {top:21px; margin-left:-78px; width:102px; height:21px;} #header2.seasonal2018_925 .hdtop .logo a {height:100%;} #header2.seasonal2018_925 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_1224 {background:#fff url(../images/bg_2018seasonal_1224_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_1224 .hdtop {} #header2.seasonal2018_1224 .hdtop .logo {top:17px; margin-left:-33px; width:90px; height:19px;} #header2.seasonal2018_1224 .hdtop .logo a {height:100%;} #header2.seasonal2018_1224 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2018_1225 {background:#fff url(../images/bg_2018seasonal_1225_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2018_1225 .hdtop {} #header2.seasonal2018_1225 .hdtop .logo {top:17px; margin-left:-35px; width:91px; height:20px;} #header2.seasonal2018_1225 .hdtop .logo a {height:100%;} #header2.seasonal2018_1225 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} /* 신년 */ #header2.seasonal2019_101 {background:#fff url(../images/bg_2019seasonal_101_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2019_101 .hdtop {} #header2.seasonal2019_101 .hdtop .logo {top:17px; margin-left:-68px; width:78px; height:16px;} #header2.seasonal2019_101 .hdtop .logo a {height:100%;} #header2.seasonal2019_101 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2019_103 {background:#fff url(../images/bg_2019seasonal_103_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2019_103 .hdtop {} #header2.seasonal2019_103 .hdtop .logo {top:17px; margin-left:-68px; width:78px; height:16px;} #header2.seasonal2019_103 .hdtop .logo a {height:100%;} #header2.seasonal2019_103 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} /* 추가 190129 동현 : 설날연휴 */ #header2.seasonal2019_202 {background:#fff url(../images/bg_2019seasonal_202_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2019_202 .hdtop {} #header2.seasonal2019_202 .hdtop .logo {top:17px; margin-left:-25px; width:91px; height:20px;} #header2.seasonal2019_202 .hdtop .logo a {height:100%;} #header2.seasonal2019_202 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2019_205 {background:#fff url(../images/bg_2019seasonal_205_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2019_205 .hdtop {} #header2.seasonal2019_205 .hdtop .logo {top:17px; margin-left:-32px; width:91px; height:20px;} #header2.seasonal2019_205 .hdtop .logo a {height:100%;} #header2.seasonal2019_205 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} #header2.seasonal2019_206 {background:#fff url(../images/bg_2019seasonal_206_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2019_206 .hdtop {} #header2.seasonal2019_206 .hdtop .logo {top:17px; margin-left:-36px; width:91px; height:20px;} #header2.seasonal2019_206 .hdtop .logo a {height:100%;} #header2.seasonal2019_206 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} /* //추가 190129 동현 : 설날연휴 */ /* 추가 190911 세종 / 추석 */ #header2.seasonal2019_0913 {background:#fff url(../images/bg_2019seasonal_0913_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2019_0913 .hdtop {} #header2.seasonal2019_0913 .hdtop .logo {top:17px; margin-left:-36px; width:91px; height:20px;} #header2.seasonal2019_0913 .hdtop .logo a {height:100%;} #header2.seasonal2019_0913 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} /* 추가 190911 세종 / 추석 */ /* 추가 200122 세종 / 설 */ #header2.seasonal2020_0125 {background:#fff url(../images/bg_2020seasonal_0125_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2020_0125 .hdtop {} #header2.seasonal2020_0125 .hdtop .logo {top:17px; margin-left:-36px; width:91px; height:20px;} #header2.seasonal2020_0125 .hdtop .logo a {height:100%;} #header2.seasonal2020_0125 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} /* 추가 200122 세종 / 설 */ /* 추가 201223 세종 : 신정 */ #header2.seasonal2021_0101 {background:#fff url(../images/bg_2021seasonal_0101_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2021_0101 .hdtop {} #header2.seasonal2021_0101 .hdtop .logo {top:17px; margin-left:-41px; width:82px; height:20px;} #header2.seasonal2021_0101 .hdtop .logo a {height:100%;} #header2.seasonal2021_0101 .hdtop .logo a img {visibility:hidden; width:100%; height:100%;} /* //추가 201223 세종 : 신정 */ /* 추가 230912 세종 : 추석 */ #header2.seasonal2023_0927 {background:#fff url(../images/bg_2023seasonal_0927_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2023_0927 .hdtop .logo {top:19px; margin-left:-66px; width:82px; height:20px;} #header2.seasonal2023_0927 .hdtop .logo a {height:100%;} #header2.seasonal2023_0929 {background:#fff url(../images/bg_2023seasonal_0929_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2023_0929 .hdtop .logo {top:21px; margin-left:-43px; width:82px; height:20px;} #header2.seasonal2023_0929 .hdtop .logo a {height:100%;} #header2.seasonal2023_0930 {background:#fff url(../images/bg_2023seasonal_0930_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2023_0930 .hdtop .logo {top:21px; margin-left:-45px; width:82px; height:20px;} #header2.seasonal2023_0930 .hdtop .logo a {height:100%;} /* //추가 230912 세종 : 추석 */ /* 추가 240208 동현 : 신정 */ #header2.seasonal2024_0208 {background:#fff url(../images/bg_2024seasonal_0208_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2024_0208 .hdtop .logo {top:16px; margin-left:-40px; width:82px; height:20px;} #header2.seasonal2024_0208 .hdtop .logo a {height:100%;} #header2.seasonal2024_0210 {background:#fff url(../images/bg_2024seasonal_0210_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2024_0210 .hdtop .logo {top:20px; margin-left:-44px; width:82px; height:20px;} #header2.seasonal2024_0210 .hdtop .logo a {height:100%;} #header2.seasonal2024_0212 {background:#fff url(../images/bg_2024seasonal_0212_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2024_0212 .hdtop .logo {top:15px; margin-left:-22px; width:82px; height:20px;} #header2.seasonal2024_0212 .hdtop .logo a {height:100%;} /* //추가 240208 동현 : 신정 */ /* 추가 240912 세종 : 추석 */ #header2.seasonal2024_0917 {background:#fff url(../images/bg_2024seasonal_0917_logo.jpg) no-repeat center 0; background-size:auto 50px;} #header2.seasonal2024_0917 .hdtop .logo {top:0; margin-left:-93px; width:186px; height:50px;} /* //추가 240912 세종 : 추석 */ #header2[class*='seasonal'] .hdtop .logo a > * {width:100%; height:100%; opacity:0;} /* 추가 230912 세종 */ #header2 .hdtop .menu {position:absolute; top:0; left:0; width:50px; height:50px; background:url(../images/btn_menu3.png?date=20180212) no-repeat 0 0; background-size:100%;} /* 수정 170612 윤선 */ #header2 .hdtop .menu.close {background:url(../images/btn_menu4.png) no-repeat 0 0; background-size:100%;} /* 수정 170612 윤선 */ #header2 .hdtop .gohome {position:absolute; top:0; left:0; overflow:hidden; width:50px; height:50px; background:url(../images/btn_gohome1.png) no-repeat 0 0; background-size:50px 50px; text-indent:-999px;} /* 수정 161118 세종 */ #header2 .hdtop .sch {position:absolute; top:0; right:0; overflow:hidden; width:50px; height:50px; background:url(../images/btn_search5.png?date=20180212) no-repeat 0 0; background-size:100%; text-indent:-999px;} /* 추가 170612 윤선 */ #header2 .hdtop .current {display:none; overflow:hidden; height:50px; font-size:1.357em; font-weight:normal; text-align:center; line-height:50px; color:#000;} /* 수정 180207 세종 */ #header2 .hdtop .current span {padding-right:29px; background:url(../images/btn_down3.png) no-repeat right center; background-size:19px 10px; color:#000;} #header2 .hdtop .current.cl span {background:url(../images/btn_up3.png) no-repeat right center; background-size:19px 10px;} #header2 .hdmiddle {padding:20px 15px; position:absolute; top:50px; left:0; right:0; background:#f0f0f0; z-index:1;} /* 수정 170612 윤선 */ #header2 .search {margin-top:-50px; display:none; position:relative; overflow:hidden; height:50px; background:#FFF; z-index:1;} /* 수정 170612 윤선 */ #header2 .search fieldset {display:block; position:relative; overflow:hidden; margin:10px 52px 0 15px; height:30px; border:1px solid #f24850;} /* 수정 170612 윤선 */ #header2 .search fieldset .schbox1 {display:block; overflow:hidden; margin:0 34px 0 5px; height:30px;} /* 수정 170612 윤선 */ #header2 .search fieldset input.input_sch {display:block; width:100%; height:100%; background:none; font-size:1.143em; line-height:35px; letter-spacing:-0.2px; color:#969696;} #header2 .search fieldset button[type='submit'] {position:absolute; top:0; right:0; width:34px; height:30px; background:url(../images/btn_search6.png) no-repeat 0 0; background-size:100%; text-indent:-9999px;} /* 수정 170612 윤선 */ #header2 .search .sch_close {position:absolute; top:9px; right:8px; width:32px; height:32px; background:url(../images/btn_close6.png) no-repeat 0 0; background-size:100%; text-indent:-999px;} /* 추가 170612 윤선 */ /* 수정 170612 윤선 */ #header2 .hdmiddle .nav {overflow-y:scroll;} #header2 .hdmiddle .nav .bundle {margin-top:5px; padding:0 15px; position:relative; background:#FFF;} #header2 .hdmiddle .nav .bundle .step1 {display:block; height:44px; font-size:16px; line-height:44px; letter-spacing:-0.2px; color:#333;} #header2 .hdmiddle .nav .bundle .step1 a {display:block; height:100%; color:#000;} #header2 .hdmiddle .nav .bundle button {position:absolute; top:0; right:0; width:60px; height:44px; background:url(../images/btn_upDown1.png) no-repeat 0 100%; background-size:100%;} #header2 .hdmiddle .nav .bundle.now button {background-position:0 0;} #header2 .hdmiddle .nav .bundle .snb {margin-left:-5px; padding-bottom:15px; overflow:hidden;} #header2 .hdmiddle .nav .bundle.now .snb {display:block !important;} #header2 .hdmiddle .nav .bundle .snb .bundle2 {margin-top:5px; float:left; position:relative; width:33.333%; height:44px; font-size:16px; text-align:center; line-height:44px; letter-spacing:-0.2px;} #header2 .hdmiddle .nav .bundle .snb .bundle2:nth-child(1), #header2 .hdmiddle .nav .bundle .snb .bundle2:nth-child(2), #header2 .hdmiddle .nav .bundle .snb .bundle2:nth-child(3) {margin-top:0;} #header2 .hdmiddle .nav .bundle .snb .bundle2:nth-child(2), #header2 .hdmiddle .nav .bundle .snb .bundle2:nth-child(5), #header2 .hdmiddle .nav .bundle .snb .bundle2:nth-child(8) {width:33.334%;} #header2 .hdmiddle .nav .bundle .snb .bundle2.smft {font-size:12px; letter-spacing:-0.5px; white-space:nowrap;} /* 추가 221104 세종 */ #header2 .hdmiddle .nav .bundle .snb .bundle2 a {display:flex; justify-content:center; align-items:center; margin-left:5px; height:100%; line-height:110%; color:#666; border:1px solid #e2e2e2; box-sizing:border-box;} /* 수정 221104 세종 */ #header2 .hdmiddle .nav .bundle .snb .bundle2 a.on {border:1px solid #f24850; color:#f24850;} /* 추가 220530 세종 */ #header2 .hdmiddle .nav li .sns_link {padding:31px 0 15px;} #header2 .hdmiddle .nav li .sns_link .text {display:block; font-size:16px; text-align:center;} #header2 .hdmiddle .nav li .sns_link .group {display:flex; justify-content:space-evenly; align-items:center; margin-top:12px;} #header2 .hdmiddle .nav li .sns_link .group a {display:block; overflow:hidden; width:40px; height:40px; background-image:url(../images/icon_snsLink1.png); background-repeat:no-repeat; background-size:auto 100%; font-size:0; line-height:0; border-radius:50%;} #header2 .hdmiddle .nav li .sns_link .group a.ytube {background-position:0 0;} #header2 .hdmiddle .nav li .sns_link .group a.insta {background-position:-40px 0;} #header2 .hdmiddle .nav li .sns_link .group a.fbook {background-position:-80px 0;} #header2 .hdmiddle .nav li .sns_link .group a.twitter {background-position:-120px 0;} #header2 .hdmiddle .nav li .sns_link .group a.tiktok {background-position:right 0;} /* //추가 220530 세종 */ /* 추가 230721 세종 */ #header2 .hdmiddle .nav li .mbs_btn {display:flex; flex-direction:column; padding:20px 0 12px;} #header2 .hdmiddle .nav li .mbs_btn a, #header2 .hdmiddle .nav li .mbs_btn button {display:flex; justify-content:center; align-items:center; height:42px; background:#fff; font-size:16px; color:#666; border:1px solid #D8D7D7;} #header2 .hdmiddle .nav li .mbs_btn > * + * {margin-top:20px;} /* //추가 230721 세종 */ #header2 .hdmiddle2 {position:absolute; top:44px; left:0; right:0; background:#fff; border-bottom:1px solid #333;} #header2 .hdmiddle2 .nav {overflow:hidden;} #header2 .hdmiddle2 .nav .bundle {float:left; position:relative; width:50%; height:50px; font-size:1.214em; text-align:center; line-height:50px; letter-spacing:-0.2px;} #header2 .hdmiddle2 .nav .bundle:nth-child(odd):after {content:' '; position:absolute; top:0; left:0; width:200%; height:0; border-top:1px solid #c1c1c1;} #header2 .hdmiddle2 .nav .bundle:nth-child(1):after {border:none;} #header2 .hdmiddle2 .nav .bundle a {display:block; height:100%; color:#000;} #header2 .hdmiddle2 .close {position:absolute; top:18px; right:18px; width:18px; height:18px; background:url(../images/btn_close4.png) no-repeat 0 0; background-size:18px 18px;} /* //header2 수정 170612 윤선 */ /* footer */ /* 수정 211130 세종 */ #footer {position:relative; padding-bottom:21px; background:#161a25;} #footer .ftarea1 {display:flex; height:45px; background:#d1d1d1;} #footer .ftarea1 a {display:flex; flex:0 0 50%; justify-content:center; align-items:center; letter-spacing:-0.5px; color:#606161;} #footer .ftarea1 a:nth-child(2) {background:#bfbfbf;} #footer .ftarea1 a .txt {padding-left:7px;} #footer .ftarea2 {display:flex; flex-direction:column; align-items:center;} #footer .ftarea2 .lkgroup {display:flex; flex:1 1 53px; justify-content:center; align-items:center; font-family:'맑은 고딕'; font-size:13px;} #footer .ftarea2 .lkgroup a {color:#b8c1db;} #footer .ftarea2 .lkgroup a.emphasize {font-weight:bold; color:#fff;} /* 추가 230719 세종 */ #footer .ftarea2 .lkgroup .bar {position:relative; top:-1px; color:#555d72;} #footer .ftarea2 .logo {} #footer .ftarea2 address {margin-top:17px; font-family:'맑은 고딕'; font-size:12px; line-height:20px; color:#b8c1db;} #footer .ftarea2 address .bar {position:relative; top:-1px; font-size:13px; color:#555d72;} #footer .ftarea2 address a {color:#b8c1db;} #footer .ftarea2 .copyright {margin-top:12px; font-family:'Helvetica-light'; font-size:11px; letter-spacing:-0.5px; color:#b8c1db;} #footer .ftarea2 .isms {display:flex; justify-content:center; align-items:center; margin-top:17px; font-size:10px; line-height:15px; letter-spacing:-0.5px; color:#a2abbf;} #footer .ftarea2 .isms p {padding-left:9px; font-family:'맑은 고딕';} /* container */ #container {position:relative; overflow:hidden} /* 수정 190808 동현 */ #container .conbox1 {min-height:100px;} #container .conbox2 {min-height:100px;} #container .conbox3 {min-height:100px;} #container .conbox4 {min-height:100px;} #container .conbox5 {min-height:100px;} #container .conbox6 {} #container .conbox7 {padding:0;} /* 수정 160825 세종 */ #container .conbox8 {} #container .conbox9 {float:right; width:100%;} /* 추가 190808 동현 */ #container .conbox10 {min-height:100px;} /* 추가 190808 동현 */ #container .innerbox1 {position:relative; margin:0 15px;} #container .innerbox2 {position:relative; margin:0 10px;} #container .innerbox3 {position:relative;} /* 추가 170202 윤선 */ .only_640un {display:none !important;} /* 640이하일때 수정 150604 세종 */ .only_640ov {display:none !important;} /* 640이상일때 수정 150604 세종 */ #container .sectit {overflow:hidden; height:43px; font-size:1.15em; line-height:43px; letter-spacing:-0.4px; color:#000;} /* 수정 170425 세종 */ #container .sectit .clr1 {color:#ec0000;} #container .sectit .clr2 {color:#0081c8;} /* 추가 160701 세종 */ #container .sectit .icon1 {display:inline-block; margin:-3px 5px 0 0; line-height:50%; vertical-align:middle;} /* 수정 180822 세종 */ #container .sectit2 {overflow:hidden;} #container .sectit2 img {display:block; height:14px;} #container .sectit3 {margin-left:13px; overflow:hidden; height:43px; font-size:1.571em; line-height:43px; letter-spacing:-0.2px; color:#000; border-bottom:1px solid #ebebeb;} /* 수정 160919 윤선 */ #container .innerbox1 .sectit3 {margin-left:0;} /* 추가 160919 윤선 */ #container .sectit4 {overflow:hidden; height:43px; font-size:17px; line-height:43px; letter-spacing:-0.4px; color:#803ec0;} /* 추가 160919 윤선 */ #container .sectit5 {position:absolute; top:15px; left:15px; font-size:1.571em; letter-spacing:-0.5px; color:#fff; z-index:10;} /* 추가 161214 해리 */ /* 추가 190808 동현 */ #container .subtxt {position:absolute; top:0; right:0; font-style:italic; font-size:12px; line-height:43px; letter-spacing:-0.025px; color:#bbb;} #container .sectit6 {position:relative; overflow:hidden; height:43px; font-size:1.15em; line-height:43px; letter-spacing:-0.4px; color:#000;} /* 수정 190808 동현 */ #container .sectit6 .tit {position:relative; padding-right:30px;} #container .sectit6 .tit:after {content:''; position:absolute; top:8px; right:0; width:15px; height:10px; background:url(../images/btn_down5.png)no-repeat 0 0; background-size:cover;} #container .sectit6 .tit.off:after {content:''; position:absolute; top:8px; right:0; width:15px; height:10px; background:url(../images/btn_up5.png)no-repeat 0 0; background-size:cover;} #container .subbtn {position:absolute; top:0; right:0; font-size:12px; line-height:43px; letter-spacing:-0.025px; color:#bbb; background:#fff; outline:none;} /* // 추가 190808 동현 */ /* 추가 180125 세종 */ #container .secinfo1 {overflow:hidden; padding:0 15px; height:170px; background:#55548d url(../images/bg_secinfo1.jpg) no-repeat right center; background-size:auto 100%; font-weight:normal; color:#fff;} /* 수정 20180221 동현 */ #container .secinfo1 .logo {display:block; margin-top:23px; width:91px; height:39px;} /* 수정 180321 동현 */ #container .secinfo1 .logo img {width:100%; min-height:100%;} #container .secinfo1 strong {display:block; position:relative; /* margin-top:24px; */padding-top:1px; font-size:20px; font-weight:bold;} /* 수정 180321 동현 */ /* #container .secinfo1 strong:before {content:' '; position:absolute; top:-3px; left:2px; width:31px; height:4px; background:#ff2828; font-size:0; line-height:0;} */ #container .secinfo1 strong em {font-style:normal; font-size:26px;} #container .secinfo1 .thum {display:block; position:absolute; top:64px; left:80px; width:32px; height:9px;} #container .secinfo1 .thum img {width:100%; min-height:100%;} #container .secinfo1 .cmt {display:block; margin:22px -2px 0; font-size:13px; line-height:17px; letter-spacing:-0.9px; color:#dcddff;} /* 수정 180321 동현 */ /* //추가 180125 세종 */ /* 슬라이드&핫포토 상세 */ #photo_detail1 {position:relative; overflow:hidden; width:100%; height:100%; background:#333;} #photo_detail1 .slidebox {position:relative; width:100%; height:100%;} #photo_detail1 .slidebox .infotop {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:42px; background:url(../images/bg_shadow2.png) repeat 0 0; z-index:11;} #photo_detail1 .slidebox .infotop .mtit {overflow:hidden; margin:0 41px 0 47px; height:42px; font-size:1.07em; font-weight:normal; letter-spacing:-0.5px; line-height:42px; color:#fff;} #photo_detail1 .slidebox .infotop .mtit .su {color:#b3b3b3;} #photo_detail1 .slidebox .infotop .mtit .su .now {font-weight:normal; color:#f54f4f;} #photo_detail1 .slidebox .imgbody {position:relative; height:100%;} #photo_detail1 .slidebox .imgbody .group {position:absolute; overflow:hidden; min-width:100%; height:100%;} #photo_detail1 .slidebox .imgbody .group .bundle {float:left; width:100%; height:100%; text-align:center;} #photo_detail1 .slidebox .imgbody .group .bundle .vm {display:inline-block; width:0; height:100%; font-size:0; line-height:0; vertical-align:middle;} #photo_detail1 .slidebox .imgbody .group .bundle img {display:inline-block; max-width:100%; max-height:100%; vertical-align:middle;} #photo_detail1 .slidebox .imgbody .imgpg {position:absolute; top:50%; margin-top:-20px; width:41px; height:41px; z-index:11;} #photo_detail1 .slidebox .imgbody .prev {background:url(../images/btn_prev1.png) no-repeat 0 0; background-size:41px 41px;} #photo_detail1 .slidebox .imgbody .next {background:url(../images/btn_next1.png) no-repeat 0 0; background-size:41px 41px;} #photo_detail1 .slidebox .otslist {position:absolute; width:33px; height:33px; background:url(../images/btn_otslView1.png) no-repeat 0 0; background-size:33px 33px; z-index:12;} #photo_detail1 .slidebox .close {position:absolute; width:14px; height:15px; background:url(../images/btn_close1.png) no-repeat 0 0; background-size:14px 15px; z-index:12;} #photo_detail1 .slidebox .infobottom {overflow:hidden; position:absolute; bottom:0; left:0; width:100%; height:50px; background:url(../images/bg_shadow3.png) repeat 0 0; z-index:11;} #photo_detail1 .slidebox .infobottom .stit {overflow:hidden; margin-left:10px; margin-right:60px; height:100%; font-size:1em; font-weight:normal; line-height:17px; letter-spacing:-0.4px; color:#fff;} #photo_detail1 .slidebox .infobottom .stit .vm {display:inline-block; width:0; height:100%; font-size:0; line-height:0; vertical-align:middle;} #photo_detail1 .slidebox .infobottom .stit .txt {display:inline-block; vertical-align:middle;} #photo_detail1 .slidebox .infobottom .atcview {position:absolute; top:0; right:0; width:50px; height:50px; background:url(../images/btn_atcView2.gif) no-repeat 0 0; background-size:50px 50px;} #photo_detail1 .slidebox .dtarticle {position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/bg_shadow4.png) repeat 0 0; z-index:14;} #photo_detail1 .slidebox .dtarticle .stit {font-size:1.11em; line-height:19px; letter-spacing:-0.4px; color:#fff;} #photo_detail1 .slidebox .dtarticle .txt {padding-bottom:22px; line-height:19px; letter-spacing:-0.4px; color:#b2b2b2;} #photo_detail1 .slidebox .dtarticle .close {position:absolute; top:13px; right:13px; width:14px; height:15px; background:url(../images/btn_close1.png) no-repeat 0 0; background-size:14px 15px;} #photo_detail1 .other_slide {float:left; position:relative; width:280px; min-height:100%; background:#262626; color:#fff;} #photo_detail1 .other_slide .tit {overflow:hidden; height:42px; font-size:1.07em; font-weight:normal; line-height:42px; letter-spacing:-0.4px; color:#fff;} #photo_detail1 .other_slide .otsclose {position:absolute; top:14px; right:15px; width:14px; height:15px; background:url(../images/btn_close1.png) no-repeat 0 0; background-size:14px 15px;} /* mt리포트 추가 180125 세종 */ #container .mt_report_group {position:relative; overflow:hidden; padding-bottom:4px;} #container .mt_report_group .title {overflow:hidden; padding:0 15px; height:44px; font-size:1.286em; line-height:44px; letter-spacing:; color:#333;} #container .mt_report_group .title em {font-style:normal; color:#ff2828;} #container .mt_report_group .date {position:absolute; top:0; right:15px; height:44px; line-height:44px; color:#666;} #container .mt_report_group .rp_con {overflow:hidden; position:relative; height:137px;} /* 수정 180321 동현 */ #container .mt_report_group .rp_con a {display:block; height:100%; letter-spacing:-0.25px; color:#fff;} #container .mt_report_group .rp_con .thum {display:block; position:relative; overflow:hidden; height:100%;} #container .mt_report_group .rp_con .thum:after {content:' '; position:absolute; top:0; right:0; left:0; bottom:0; background:#000; opacity:0.6;} #container .mt_report_group .rp_con .thum img {display:block; width:100%; min-height:100%;} /* 수정 180205_성광 #container .mt_report_group .rp_con .rp_tit {position:absolute; top:12px; left:15px; right:15px; font-size:0.9em;} #container .mt_report_group .rp_con .rp_subject {position:absolute; top:30px; left:15px; right:70px; font-size:1.3em; text-decoration:underline;} */ #container .mt_report_group .rp_con .rp_txt_tabox{display:table; position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; padding:15px 94px 15px 15px; height:100%; width:100%; box-sizing: border-box;} /* 수정 180321 동현 */ #container .mt_report_group .rp_con .rp_txt_tabox .rp_txt_cell{display:table-cell;/* vertical-align:middle; */} /* 수정 180321 동현 */ #container .mt_report_group .rp_con .rp_tit {display:inline-block; overflow: hidden; padding:0 2px; max-width:184px; height:22px; font-size:1.071em; line-height:22px; letter-spacing:-2px; text-decoration:underline; word-break:keep-all;} /* 수정 180321 동현 */ #container .mt_report_group .rp_con .rp_subject {display:block; position:absolute; overflow:hidden; padding-right:94px; top:45px; max-height:48px; font-size:1.571em; line-height:24px; letter-spacing:-1px; /*word-break:keep-all;*/} /* 수정 180321 동현 */ #container .mt_report_group .rp_con .rp_subject.no_pdf_btn {padding-right:15px;} #container .mt_report_group .rp_con .rp_date {display:block; position:absolute; bottom:10px; font-size:10px; line-height:24px; color:#b2b2b2;} /* 수정 180321 동현 */ /* 추가 191224 세종 */ #container .mt_report_group.ty2 {} #container .mt_report_group.ty2 .rp_con {height:93px;} #container .mt_report_group.ty2 .rp_con .thum {background-color:#000;} #container .mt_report_group.ty2 .rp_con .thum img {position:absolute; top:0; left:50%; margin-left:-320px; width:auto; height:100%;} #container .mt_report_group.ty2 .rp_con .rp_subject {top:13px; color:#fff;} #container .mt_report_group.ty2 .rp_con .rp_date {bottom:3px;} /* //추가 191224 세종 */ /* //수정 180205_성광 */ #container .mt_report_group .btn_pdf {display:block; position:absolute; width:94px; height:137px; right:0; top:0;} /* 수정 20180221 동현 */ #container .mt_report_group .btn_pdf img {position:absolute; top:16px; width:100%;} /* 수정 20180221 동현 */ #container .mt_report_group .slick-counter {overflow:hidden; height:37px; font-size:0.95em; text-align:center; line-height:37px; color:#666;} #container .mt_report_group .slick-counter .current {font-weight:bold;} #container .mt_report_group .slick-arrow {position:absolute; top:198px; left:50%; width:32px; height:21px; font-size:0; line-height:0; z-index:1;} /* 수정 20180221 동현 */ #container .mt_report_group .slick-arrow.slick-prev {margin-left:-60px; background:url(../images/btn_paging4.png) no-repeat 0 0; background-size:auto 21px;} #container .mt_report_group .slick-arrow.slick-next {margin-left:28px; background:url(../images/btn_paging4.png) no-repeat right 0; background-size:auto 21px;} /* 추가 20180221 동현 */ /* 추가 20190314 성수 */ #container .btn_report_home_wrap {padding:20px 15px; background-color:#fff; border-top:1px solid #ccc;} #container .btn_report_home_wrap .btn_report_home {display:inline-block; width:100%; height:40px; background-color:#fff; border:1px solid #ccc; line-height:40px; text-align:center;} /* 추가 //20190314 성수 */ /* 추가 181011 동현 */ /* 네이버 채널 이벤트 페이지 */ .img_con {margin-top:10px;} .img_box img, .img_box2 img {display:block; width:100%;} /* 추가 181011 동현 */ .single-item-rtl .slick-dots {position:relative; text-align:center; line-height:37px;} .single-item-rtl .slick-dots li {display:inline-block; padding:0 2px;} .single-item-rtl .slick-dots li button {width:10px; height:10px; overflow:hidden; background:#999; border-radius:50%; text-indent:-9999em; vertical-align:middle;} .single-item-rtl .slick-dots li.slick-active button {background:#4b4d8f;} /* //추가 20180221 동현 */ /* //mt리포트 추가 180125 세종 */ /* 공통적용 */ .edge {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.10); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .opa70 {display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.7; z-index:9999;} /* 수정 170612 윤선 */ .swipeinfo {display:none; position:absolute; left:50%; margin-left:-65px; width:130px; height:130px; z-index:1;} /* 수정 170131 해리 */ .swipeinfo img {display:block; width:100%; height:100%;} /* 추가 160803 세종 */ .imgbn1 {overflow:hidden; text-align:center;} .imgbn1 a {display:block;} .imgbn1 img {display:block; margin:0 auto;} /* 머니투데이 만화 : 추가 190808 동현 */ .imgbn2 {position:relative; overflow:hidden; height:60px; background:#d70000;} /* 수정 190808 동현 */ .imgbn2 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_2017comic.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* // 머니투데이 만화 : 추가 190808 동현 */ .more1 {position:absolute; overflow:hidden; width:52px;} /* 추가 151008 세종 */ .more1 img {display:block; width:100%;} /* 추가 151008 세종 */ .more2 {display:block; width:100%; height:42px; background:#666; font-size:1.071em; line-height:42px; letter-spacing:-0.2px; color:#fff;} /* 추가 160825 세종 */ .more3 {display:block; width:100%; height:41px; background:url(../images/btn_more3.png) no-repeat center 9px; background-size:24px;} /* 추가 161026 해리 */ .more4 {display:block; width:100%; height:41px; background:url(../images/btn_more4.png) no-repeat center 9px; background-size:24px;} /* 수정 161214 해리 */ .more5 {display:block; width:100%; height:43px; background:#fff url(../images/btn_more5.png) no-repeat center center; background-size:auto 43px; border-top:1px solid #ebebeb;} /* 추가 161118 세종 */ .more6 {display:block; width:100%; height:43px; background:#fff url(../images/btn_more6.png) no-repeat center center; background-size:auto 43px; border-top:1px solid #ebebeb;} /* 수정 170608 세종 */ /* 추가 190808 동현 */ .more7 {display:block; padding:10px 0 15px; width:100%; border-top:1px solid #ebebeb;} /* 수정 200305 세종 */ .more7 span {display:block; position:relative; margin:0 auto; width:78px; font-size:12px; line-height:23px; letter-spacing:-1.025px; color: #666;} .more7 span:before {content:''; position:absolute; bottom:0; left:0; width:60px; height:1px; background: #666;} .more7 span:after {content:''; position:absolute; top:8px; right:0; width:7px; height:11px; background:url(../images/btn_more7.png)no-repeat center center; background-size:cover;} /* // 추가 190808 동현 */ .refresh1 {display:block; width:100%; height:43px; background:#fff url(../images/btn_refresh1.gif) no-repeat center center; background-size:auto 43px; border:1px solid #d7d7d7;} /* 추가 160825 세종 */ .tab1 {overflow:hidden;} .tab1 table {height:39px;} .tab1 table td {height:100%; background:#e6e6e6; text-align:center; border:1px solid #d7d7d7; border-bottom:none;} .tab1 table td a {display:block; overflow:hidden; width:100%; height:38px; text-align:center; letter-spacing:-0.2px; line-height:39px; color:#666; border-bottom:1px solid #d7d7d7;} .tab1 table td a.on {background:#fff; border-bottom:1px solid #fff;} /* 추가 180125 세종 */ .sec_tabsch1 {position:relative; overflow:hidden; padding-right:19.0625%; height:45px; background:#fff;} .sec_tabsch1 .tabarea {overflow:hidden; height:100%;} .sec_tabsch1 .tabarea .bundle {float:left; height:100%;} .sec_tabsch1 .tabarea .bundle a {display:block; height:100%; font-size:1.071em; text-align:center; line-height:45px; letter-spacing:-0.25px; color:#333;} .sec_tabsch1 .tabarea .bundle a.on {color:#ff2828;} .sec_tabsch1 .tabarea .bundle a .lmt {display:inline-block; position:relative; height:45px;} .sec_tabsch1 .tabarea .bundle a.on .lmt:after {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ff2828; font-size:0; line-height:0;} .sec_tabsch1 .scharea {position:absolute; top:0; right:0; height:45px;} .sec_tabsch1 .scharea .btn_fst {display:block; width:100%; height:100%; background:#ddd; letter-spacing:-0.25px; font-size:14px; color:#666;} /* 수정 180205 성광 */ .sec_tabsch1 .scharea .sch_istarea {position:absolute; top:0; right:0; width:100%; height:100%; background:#d4d4d4 url(../images/bg_search3.gif) no-repeat 0 0; background-size:auto 100%;} .sec_tabsch1 .scharea .sch_istarea .istlmt {display:block; margin:0 45px 0 43px; height:100%;} .sec_tabsch1 .scharea .sch_istarea input[type='search'] {display:block; width:100%; height:100%; background:none; font-size:15px; letter-spacing:-0.25px; color:#999;} .sec_tabsch1 .scharea .sch_istarea input[type='search']::placeholder {color:#999;} .sec_tabsch1 .scharea .sch_istarea input[type='search'] ::-webkit-input-placeholder {color:red;} /* Chrome/Opera/Safari */ .sec_tabsch1 .scharea .sch_istarea input[type='search'] ::-moz-placeholder {color:#999;} /* Firefox 19+ */ .sec_tabsch1 .scharea .sch_istarea input[type='search'] :-ms-input-placeholder {color:#999;} /* IE 10+ */ .sec_tabsch1 .scharea .sch_istarea input[type='search'] :-moz-placeholder {color:#999;} /* Firefox 18- */ .sec_tabsch1 .scharea .sch_istarea .btn_close {position:absolute; top:0; right:0; width:45px; height:45px; background:url(../images/btn_close7.gif) no-repeat 0 0; background-size:100%;} /* //추가 180125 세종 */ .paging1 {overflow:hidden; height:26px; text-align:center;} .paging1 .num {display:inline-block; min-width:57px; height:26px; font-size:1.2em; text-align:center; line-height:26px; color:#808080;} /* 수정 191203 세종 */ .paging1 .num strong {color:#4c4c4c;} .paging1 .btn_p_prev {display:inline-block; width:26px; height:26px; background:url(../images/btn_paging.png) no-repeat 0 0; background-position:0 0; background-size:75px 52px;} /* 수정 170220 윤선 */ .paging1 .btn_p_next {display:inline-block; width:26px; height:26px; background:url(../images/btn_paging.png) no-repeat 0 0; background-position:-26px 0; background-size:75px 52px;} /* 수정 170220 윤선 */ .paging2 {overflow:hidden; height:26px; text-align:center;} .paging2 .num {display:inline-block; min-width:57px; height:26px; font-size:1.2em; text-align:center; line-height:26px; color:#808080;} .paging2 .num strong {color:#4c4c4c;} .paging2 .btn_p_prev {display:inline-block; width:26px; height:26px; background:url(../images/btn_paging.png) no-repeat 0 0; background-position:0 -26px; background-size:75px 52px;} /* 수정 170220 윤선 */ .paging2 .btn_p_next {display:inline-block; width:26px; height:26px; background:url(../images/btn_paging.png) no-repeat 0 0; background-position:-26px -26px; background-size:75px 52px;} /* 수정 170220 윤선 */ /* 추가 160701 세종 */ .rolling1 {position:absolute; overflow:hidden; width:59px; height:27px;} .rolling1 button {float:left; width:27px; height:27px;} .rolling1 .prev {background:url(../images/btn_paging_prev.png) no-repeat 0 0; background-size:auto 27px;} .rolling1 .next {float:right; background:url(../images/btn_paging_next.png) no-repeat 0 0; background-size:auto 27px;} /* //추가 160701 세종 */ .list_n1 {overflow:hidden;} .list_n1 .bundle {overflow:hidden; height:45px; font-size:1.2em; letter-spacing:-1px; line-height:45px; border-top:1px solid #f2f2f2;} /* 수정 160930 세종 */ .list_n1 .bundle .no {float:left; overflow:hidden; width:17px; color:#d90000;} .list_n1 .bundle .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000;} /* 추가 161118 세종 */ .list_n2 {overflow:hidden;} .list_n2 .bundle {position:relative; overflow:hidden; height:67px; letter-spacing:-1px; border-top:1px solid #f2f2f2;} .list_n2 .bundle.first {border-top:0;} /* 추가 170119 해리 */ .list_n2 .bundle .no {position:absolute; top:0; left:0; overflow:hidden; width:26px; height:67px; font-size:1.643em; line-height:67px; letter-spacing:-3px; color:#d90000;} .list_n2 .bundle .thum {position:absolute; top:50%; right:0; margin-top:-26px; overflow:hidden; width:77px; height:52px;} .list_n2 .bundle .thum img {display:block; width:100%; min-height:100%;} .list_n2 .bundle .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.10); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list_n2 .bundle a {position:absolute; top:50%; left:26px; right:0; overflow:hidden; margin-top:-24px; height:48px;} /* 수정 161202 윤선 */ .list_n2 .bundle a .subject {padding-right:89px; display:table-cell; overflow:hidden; width:100%; height:44px; font-size:1.214em; line-height:26px; vertical-align:middle; color:#000;} /* 수정 161202 윤선 */ /* //추가 161118 세종 */ /* 추가 170612 윤선 */ .list_n3 {overflow:hidden;} .list_n3 .bundle {position:relative; overflow:hidden; padding:10px 0; font-size:1.2em; line-height:26px; border-top:1px solid #f2f2f2;} .list_n3 .bundle:first-child {border-top:none;} .list_n3 .bundle a {margin-left:48px; display:block; position:relative; overflow:hidden; letter-spacing:-0.5px; color:#000;} .list_n3 .bundle .thum {padding-bottom:21.08%; position:relative; float:right; display:block; overflow:hidden; width:37.605%;} .list_n3 .bundle:first-child .thum {margin-top:7px;} .list_n3 .bundle:first-child .thum~.subject1 {margin-top:4px;} .list_n3 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .list_n3 .bundle .thum img {display:block; width:100%;} .list_n3 .bundle .subject1 {position:absolute; top:0; left:0; margin-right:37.605%; padding-right:10px; height:100%;} .list_n3 .bundle .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} .list_n3 .bundle .subject1 .txt {display:inline-block; overflow:hidden; max-height:52px; vertical-align:middle;} .list_n3 .bundle .num {margin-top:-13px; position:absolute; top:50%; left:0; font-size:30px; font-style:italic; color:#f24850;} .list_n3 .bundle .subject2 {display:block; overflow:hidden; max-height:52px;} /* 추가 190211 세종 */ .list_n4 {overflow:hidden;} .list_n4 .bundle {position:relative; overflow:hidden;} .list_n4 .bundle + .bundle {margin-top:11px; padding-top:11px; border-top:1px solid #ddd;} .list_n4 .bundle a {display:block; position:relative; overflow:hidden; height:72px; font-size:1.214em; line-height:23px; letter-spacing:-0.6px; color:#333;} .list_n4 .bundle .thum {position:absolute; top:0; right:0; overflow:hidden; width:97px; height:72px;} .list_n4 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .list_n4 .bundle .thum img {display:block; width:100%;} .list_n4 .bundle .subject1 {display:block; position:relative; overflow:hidden; margin-right:110px; padding-left:5px; height:100%;} .list_n4 .bundle .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} .list_n4 .bundle .subject1 .txt {display:inline-block; overflow:hidden; max-height:47px; vertical-align:middle;} .list_n4 .bundle .num {position:absolute; top:0; right:0; width:20px; height:20px; font-weight:bold; font-style:italic; text-align:center; line-height:20px; color:#fff; z-index:2;} .list_n4 .bundle + .bundle .num {top:11px;} .list_n4 .bundle .num:before {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#ed1846; opacity:0.8; z-index:-1;} /* //추가 190211 세종 */ /* 수정 200305 세종 */ .list_n5 {overflow:hidden;} .list_n5 .bundle {position:relative; overflow:hidden; height:87px; letter-spacing:-1px; border-top:1px solid #f2f2f2;} .list_n5 .bundle.first {border-top:0;} .list_n5 .bundle .no {position:absolute; top:0; left:0; overflow:hidden; width:26px; height:87px; font-family:'Noto Sans KR',sans-serif; font-style:italic; font-size:1.643em; line-height:87px; letter-spacing:-3px; color:#d90000;} .list_n5.ucf .bundle .no {color:#008A7D;} /* 추가 221104 세종 */ .list_n5 .bundle .thum {position:absolute; top:50%; right:0; margin-top:-33px; overflow:hidden; width:100px; height:65px;} .list_n5 .bundle .thum img {display:block; width:100%; min-height:100%;} .list_n5 .bundle .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.10); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list_n5 .bundle .thum.vod:before {content:' '; position:absolute; left:4px; bottom:4px; width:25px; height:25px; background:url(../../ucfactory/images/icon_play1.png) no-repeat center center; background-size:100% auto;} /* 추가 221104 세종 */ .list_n5 .bundle a {position:absolute; top:50%; left:26px; right:0; overflow:hidden; margin-top:-27px; height:48px;} .list_n5 .bundle a .subject {padding-right:108px; display:table-cell; overflow:hidden; width:100%; height:44px; font-size:16px; line-height:26px; vertical-align:middle; color:#000;} .list_n6 {overflow:hidden;} .list_n6 .bundle {position:relative; overflow:hidden; height:87px; letter-spacing:-1px; border-top:1px solid #f2f2f2;} .list_n6 .bundle.first {border-top:0;} .list_n6 .bundle .thum {position:absolute; top:50%; right:0; margin-top:-33px; overflow:hidden; width:100px; height:65px;} .list_n6 .bundle .thum img {display:block; width:100%; min-height:100%;} .list_n6 .bundle .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.10); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list_n6 .bundle a {position:absolute; top:14px; left:0; right:0; overflow:hidden; height:46px;} .list_n6 .bundle a .subject {padding-right:108px; display:table-cell; overflow:hidden; width:100%; height:46px; font-size:16px; line-height:22px; vertical-align:middle; color:#000;} .list_n6 .bundle .count {position:absolute; bottom:9px; left:0; padding-left:23px; font-size:14px; line-height:14px; color:#999;} .list_n6 .bundle .count:after {content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:19px; height:10px; background:url(../images/icon_watch.png)no-repeat 0 0; background-size:cover;} /* //수정 200305 세종 */ .list_t1 {overflow:hidden;} .list_t1 .bundle {overflow:hidden; height:45px; font-size:1.2em; line-height:45px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #f2f2f2;} /* 수정 160930 세종 */ .list_t1 .bundle:first-child {border-top:none;} .list_t1 .bundle.bt {border-top:1px solid #f2f2f2;} .list_t1 .bundle .sort {padding-right:5px;} .list_t1 .bundle a {color:#000;} /* 추가 190808 동현 */ .list_t1 .bundle .rel_group {overflow:hidden;} .list_t1 .bundle .rel_group .rel_bundle {overflow:hidden; padding-left:13px; height:26px; background:url(../images/bl_rel1.png) no-repeat 0 8px; background-size:6px 8px; font-size:14px; line-height:26px; white-space:initial} .list_t1 .bundle .rel_group .rel_bundle a {color:#4c4c4c;} /* // 추가 190808 동현 */ .list_t2 {overflow:hidden;} .list_t2 .bundle {overflow:hidden; height:45px; font-size:1.2em; letter-spacing:-1px; line-height:45px; border-top:1px solid #f2f2f2;} /* 수정 160930 세종 */ .list_t2 .bundle .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000;} .list_t2.ad .bundle a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 수정 141229 세종 */ .list_t3 {overflow:hidden;} .list_t3 .bundle {overflow:hidden; padding-left:16px; height:45px; background:url(../images/bl_square2.gif) no-repeat 3px 17px; background-size:3px 3px; font-size:1.2em; letter-spacing:-0.6px; line-height:45px; border-top:1px solid #f2f2f2;} /* 수정 160930 세종 */ .list_t3 .bundle .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000;} .list_t3.ad .bundle a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 수정 141229 세종 */ /* 추가 160825 세종 */ .list_t4 {overflow:hidden; background:#fff; border:1px solid #d7d7d7;} .list_t4 .bundle {border-top:1px solid #d7d7d7;} .list_t4 .bundle:first-child {border-top:none;} .list_t4 .bundle a {display:block; overflow:hidden; padding:10px 14px 11px; line-height:24px;} .list_t4 .bundle a .txt {display:block; overflow:hidden; height:24px; font-size:1.071em; letter-spacing:-0.6px;} .list_t4 .bundle a .txt .cate {color:#ec0000;} .list_t4 .bundle a .txt .subject {font-weight:normal; color:#222;} .list_t4 .bundle a .txt .subject.flash {color:#ec0000;} .list_t4 .bundle a .time {display:block; font-size:0.95em; letter-spacing:-0.2px; text-align:right; color:#999;} /* //추가 160825 세종 */ /* 추가 160922 윤선 */ .list_t5 {overflow:hidden;} .list_t5 .bundle {overflow:hidden; height:38px; font-size:1.2em; line-height:38px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #f2f2f2;} .list_t5 .bundle:first-child {border-top:1px solid #f2f2f2;} .list_t5 .bundle .sort {padding-right:5px;} .list_t5 .bundle a {color:#000;} /* 추가 160922 윤선 */ /* 추가 161118 세종 */ .list_t6 {overflow:hidden;} .list_t6 .bundle {overflow:hidden; padding-left:7px; height:27px; background:url(../images/bl_square2.gif) no-repeat 0 center; background-size:3px 3px; font-size:1.071em; letter-spacing:-0.6px; line-height:27px; white-space:nowrap; text-overflow:ellipsis; color:#666;} .list_t6 .bundle .subject {color:#666;} .list_t6.ad .bundle a {color:#666;} /* //추가 161118 세종 */ /* 추가 170119 해리 */ .list_t7 {overflow:hidden;} .list_t7 .bundle {overflow:hidden; height:44px; font-size:1.143em; line-height:44px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #f2f2f2;} .list_t7 .bundle a {color:#000;} /*// 추가 170119 해리 */ /* 추가 180125 세종 */ .list_t8 {} .list_t8 .bundle {position:relative; overflow:hidden;} .list_t8 .bundle + .bundle {border-top:1px solid #f2f2f2;} .list_t8 .bundle a {display:block; overflow:hidden; padding:11px 0 12px; line-height:1;} /* 수정 180321 동현 */ .list_t8 .bundle a .date {display:block; font-size:10px; color:#808080;} /* 수정 180321 동현 */ .list_t8 .bundle a .subject {display:block; overflow:hidden; margin:0 61px 5px 0; font-size:17px; height:17px; font-weight:normal; letter-spacing:-0.4px; color:#000; text-overflow:ellipsis; white-space:nowrap;} /* 수정 180321 동현 */ .list_t8 .bundle a .subject.no_pdf_btn {margin:0 15px 5px 0;} .list_t8 .bundle button {background-color:#fff; width:61px; height:55px;} .list_t8 .bundle .btn_pdf {position:absolute; top:0; right:0; background:url(../images/btn_pdf_view1.jpg) no-repeat 0 0; background-size:61px;} /* 수정 180321 동현 */ /* 추가 190128 세종 */ .atc_hotnews {clear:both; overflow:hidden; padding:8px 14px 9px; border:1px solid #ebebeb;} /* 본문영역 중간에 들어감 */ .atc_hotnews .title {display:block; padding-top:6px; font-size:17px; line-height:20px;} /* 추가 240401 세종 */ .atc_hotnews .title em {color:#ED1846;} /* 추가 240401 세종 */ .atc_hotnews .title + ul {margin-top:14px;} /* 추가 240401 세종 */ .list_t9 {} .list_t9 .bundle {overflow:hidden; padding-left:10px; height:27px; background:url(../images/bl_square3.gif) no-repeat 0 center; background-size:2px 2px; font-size:16px; letter-spacing:-0.6px; line-height:27px; text-overflow:ellipsis; white-space:nowrap; color:#666;} .list_t9 .bundle + .bundle {margin-top:5px;} .list_t9 .bundle .subject {color:#666;} /* //추가 190128 세종 */ /* 추가 190808 동현 */ .list_t10 {overflow:hidden;} .list_t10 .bundle {overflow:hidden; height:45px; font-size:16px; letter-spacing:-1px; line-height:45px; border-top:1px solid #f2f2f2;} .list_t10 .bundle.nolist {margin-bottom:5px; text-align:center; border-bottom:1px solid #f2f2f2;} .list_t10 .bundle a {display: block;} .list_t10 .bundle .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000;} .list_t11 {overflow:hidden;} .list_t11 .bundle {overflow:hidden; min-height:45px; font-size:16px; line-height:45px; letter-spacing:-1px; border-top:1px solid #f2f2f2;} /* 수정 200206 세종 */ .list_t11 .bundle:first-child {border-top:none;} .list_t11 .bundle.bt {border-top:1px solid #f2f2f2;} .list_t11 .bundle .sort {padding-right:5px;} .list_t11 .bundle > a {display:block; overflow:hidden; height:45px; color:#000;} /* 수정 200206 세종 */ .list_t11 .bundle > a h2 {font-size:inherit; font-weight:inherit;} /* 추가 230710 세종 */ .list_t11 .bundle .rel_group {overflow:hidden; padding-bottom:13px;} .list_t11 .bundle .rel_group .rel_bundle {overflow:hidden; padding-left:13px; height:26px; background:url(../images/bl_rel1.png) no-repeat 0 8px; background-size:6px 8px; font-size:14px; line-height:26px; white-space:initial} .list_t11 .bundle .rel_group .rel_bundle a {color:#4c4c4c;} /* //추가 190808 동현 */ /* 추가 221104 세종 */ .list_t12 {overflow:hidden;} .list_t12 .group {display:flex; flex-wrap:wrap; margin-top:-15px; margin-left:-11px;} .list_t12 a {margin-top:15px; margin-left:15px; padding:0 10px; font-size:16px; line-height:38px; white-space:nowrap; color:#006A5D; border:1px solid #42B7AE; border-radius:50px;} .list_t12 a:before {content:'#';} .list_t12 a:hover, .list_t12 a:focus {background:#42B7AE; color:#fff; border-color:#42B7AE;} /* //추가 221104 세종 */ .list_r1 {overflow:hidden;} .mt_report_group .list_r1 {display:none;} /* 추가 20190314 성수 */ .list_r1 .bundle {overflow:hidden; padding-left:14px; height:37px; background:url(../images/bl_rel1.gif) no-repeat 0 13px; background-size:7px 7px; line-height:37px; font-size:15px; text-overflow:ellipsis; white-space:nowrap;} /* 수정 180205_성광 */ .list_r1 .bundle + .bundle {border-top:1px solid #f2f2f2;} .list_r1 .bundle a {color:#333;} /* //추가 180125 세종 */ .list_p1 {overflow:hidden;} .list_p1 .bundle {float:left; width:50%;} .list_p1 .bundle.odd {margin-left:-6px; padding-left:6px;} .list_p1 .bundle.odd .lmb1 {padding-right:5px;} /* 수정 160701 세종 */ .list_p1 .bundle.even {float:right; margin-right:-6px; padding-right:6px;} .list_p1 .bundle.even .lmb1 {padding-left:5px;} .list_p1 .bundle a {display:block; position:relative; overflow:hidden; margin:0 auto; width:100%; color:#000;} .list_p1 .bundle .thum {display:block; position:relative; overflow:hidden; padding-bottom:57.86%; width:100%;} /* 수정 160701 세종 */ .list_p1 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} /* 수정 160701 세종 */ .list_p1 .bundle .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%;} /* 수정 160701 세종 */ .list_p1 .bundle .thum .gsu {position:absolute; right:5px; bottom:5px; width:26px; height:26px; background:url(../images/bg_gsu1.png) no-repeat 0 0; background-size:26px 26px; font-size:0.75em; text-align:center; text-indent:-4px; line-height:24.5px; letter-spacing:-1.5px; color:#fff;} /* 수정 160701 세종 */ .list_p1.ucf .bundle .thum.vod:before {content:''; position:absolute; left:4px; bottom:4px; width:25px; height:25px; background:url(../../ucfactory/images/icon_play1.png) no-repeat center center; background-size:100% auto; z-index:1;} /* 추가 221104 세종 */ .list_p1 .bundle .subject {display:block; margin-top:8px; height:40px; line-height:19px; letter-spacing:-0.6px; text-align:left;} /* 수정 170612 윤선 */ .bestBx .list_p1 .bundle .thum {padding-bottom:65%;} /* 추가 170119 해리 */ .bestBx.pho .list_p1 .bundle .thum {padding-bottom:80%;} /* 추가 170119 해리 */ .bestBx .list_p1 .bundle .subject {height:32px; font-size:0.929em; line-height:16px; letter-spacing:-0.3px;} /* 추가 170119 해리 */ .list_p2 {overflow:hidden;} .list_p2 .bundle {position:relative; overflow:hidden; padding:10px 0; font-size:1.2em; line-height:26px; border-top:1px solid #f2f2f2;} /* 수정 161102 세종 */ .list_p2 .bundle:first-child {border-top:none;} .list_p2 .bundle a {display:block; position:relative; overflow:hidden; letter-spacing:-0.5px; color:#000;} .list_p2 .bundle .thum {position:relative; display:block; overflow:hidden; width:31.38%; padding-bottom:18.28%;} /* 수정 170612 윤선 */ .list_p2 .bundle:first-child .thum {margin-top:7px;} .list_p2 .bundle:first-child .thum~.subject1 {margin-top:4px;} .list_p2 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; /*padding-bottom:57.64705882352941%;*/ background-size:cover; font-size:0;} /* 수정 160701 세종 */ .list_p2 .bundle .thum img {display:block; width:100%;} .list_p2 .bundle .subject1 {position:absolute; top:0; left:0; margin-left:31.38%; padding-left:10px; height:100%; overflow:hidden;} /* 수정 170630 윤선 */ .list_p2 .bundle .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} .list_p2 .bundle .subject1 .txt {display:inline-block; overflow:hidden; padding-bottom:8px; max-height:42px; vertical-align:middle;} /* 수정 161102 세종 */ .list_p2 .bundle .subject1 .txt2 {float:left; overflow:hidden; max-height:38px; font-size:16px; line-height:19px; clear:both;} /* 추가 170630 윤선 */ .list_p2 .bundle .subject1 .view {padding-left:26px; float:left; font-size:13px; line-height:17px; color:#818181;} /* 수정 170630 윤선 */ .list_p2 .bundle .subject1 .view:before {content:''; position:absolute; top:4px; left:14px; width:18px; height:12px; background:url(../images/icon_view1.png) no-repeat 0 0; background-size:18px 10px; text-indent:-9999px;} /* 수정 170630 윤선 */ /* 추가 170630 윤선 */ .list_p2 .bundle .subject1 .sort {margin-left:11px; float:left; padding-left:14px; position:relative; font-size:13px; line-height:17px; vertical-align:middle;} .list_p2 .bundle .subject1 .sort.up {color:#ed2a55;} .list_p2 .bundle .subject1 .sort.dw {color:#1872df;} .list_p2 .bundle .subject1 .sort.st {text-indent:-9999px;} .list_p2 .bundle .subject1 .sort.new {padding-left:0; letter-spacing:-0.25px; color:#ed2a55;} .list_p2 .bundle .subject1 .sort:before {content:''; position:absolute; top:5px; left:0; width:12px; height:8px; background:url(../images/btn_sort1.png) no-repeat 0 0; background-size:100%;} .list_p2 .bundle .subject1 .sort.up:before {background-position:0 0;} .list_p2 .bundle .subject1 .sort.dw:before {background-position:0 -8px;} .list_p2 .bundle .subject1 .sort.st:before {background-position:0 -16px; text-indent:-9999px;} .list_p2 .bundle .subject1 .sort.new:before {background:none;} /* 추가 220707 지선 : 이슈키워드는 제목+본문 형태로 표출 필요*/ .list_p2 .bundle.issue_pg .thum {min-height: 5px;} .list_p2 .bundle.issue_pg .subject1 .vm {height:0px} .list_p2 .bundle.issue_pg .subject1 .txt {vertical-align: initial;font-size: 1rem; padding-bottom: 0px;line-height:1.25rem;font-weight: bold;} .list_p2 .bundle.issue_pg .subject1 .issue_ct {font-size: 13px;line-height:20px;height: 40px;overflow: hidden;} /* // 추가 170630 윤선 */ .list_p2 .bundle .subject2 {display:block; overflow:hidden; padding:7px 0;} /* 수정 161102 세종 */ .list_p2 .bundle .subject2 .txt2 {display:inline-block; overflow:hidden; max-height:36px; vertical-align:middle; font-size:14px; line-height:18px;} /* 추가 170612 윤선 */ /* 추가 220706 지선 */ .list_p2.video_play .bundle .thum:after {content:' '; position:absolute; left:6px; bottom:6px; width:26px; height:26px; background:url(../images/icon_playImg.png) no-repeat 0 0; background-position:0 0; background-size:71px 45px;} .list_p3 {overflow:hidden;} .list_p3 .bundle {float:left; width:50%;} .list_p3 .bundle.odd {margin-left:-6px; padding-left:6px;} .list_p3 .bundle.odd .lmb1 {padding-right:6px;} .list_p3 .bundle.even {float:right; margin-right:-6px; padding-right:6px;} .list_p3 .bundle.even .lmb1 {padding-left:6px;} .list_p3 .bundle a {display:block; position:relative; overflow:hidden; width:100%; color:#000;} .list_p3 .bundle .thum {display:block; position:relative; overflow:hidden; width:100%;} .list_p3 .bundle .thum .img {display:block; width:100%; padding-bottom:100%; background-size:cover; font-size:0;} .list_p3 .bundle .thum img {display:block; width:100%; min-height:100%;} .list_p3 .bundle .subject {display:block; margin-top:8px; height:40px; line-height:19px; letter-spacing:-0.6px;} /* 수정 160628 세종 */ .list_p4 {overflow:hidden;} .list_p4 .subject {display:block; overflow:hidden; width:100%; font-size:1.2em; font-weight:normal; line-height:20px; letter-spacing:-0.6px;} /* 수정 160628 세종 */ .list_p4 .subject a {color:#000;} .list_p4 .sub_tit {display:block; overflow:hidden; line-height:18px; color:#999;} /* 수정 160628 세종 */ .list_p4 .cbox {position:relative; overflow:hidden; margin-top:7px; width:100%; height:auto;} .list_p4 .cbox .thum {display:block; position:relative; overflow:hidden; width:100%;} .list_p4 .cbox .thum img {display:block; width:100%;} .list_p4 .cbox .shareopen {position:absolute; left:10px; bottom:9px;} .list_p4 .cbox .sharegroup {position:absolute; left:0; bottom:0; overflow:hidden; width:100%; height:50px; background:url(../images/bg_shadow1.png) repeat 0 0; text-align:center;} .list_p4 .cbox .sharegroup .lmb1 {overflow:hidden; margin:10px 5px 0;} .list_p4 .cbox .sharegroup .bundle {float:left; overflow:hidden; height:30px;} .list_p4 .cbox .sharegroup .bundle a {display:block; width:100%; height:100%; text-align:center;} .list_p4 .cbox .sharegroup .bundle img {height:100%;} .list_p5 {overflow:hidden;} .list_p5 .bundle {float:left; width:50%;} .list_p5 .bundle.odd {margin-left:-6px; padding-left:6px;} .list_p5 .bundle.odd .lmb1 {padding-right:6px;} .list_p5 .bundle.even {float:right; margin-right:-6px; padding-right:6px;} .list_p5 .bundle.even .lmb1 {padding-left:6px;} .list_p5 .bundle a {display:block; position:relative; overflow:hidden; width:100%; color:#000;} .list_p5 .bundle .thum {display:block; position:relative; overflow:hidden; width:100%;} .list_p5 .bundle .thum .img {display:block; width:100%; padding-bottom:100%; background-size:cover; font-size:0;} .list_p5 .bundle .thum img {display:block; width:100%; min-height:100%;} .list_p5 .bundle .thum .gsu {position:absolute; right:5px; bottom:5px; width:26px; height:26px; background:url(../images/bg_gsu1.png) no-repeat 0 0; background-size:26px 26px; font-size:0.75em; text-align:center; text-indent:-4px; line-height:24.5px; letter-spacing:-1.5px; color:#fff;} .list_p5 .bundle .thum .gsu2 {padding:0 10px 0 32px; position:absolute; left:0; top:0; height:29px; background:rgba(0,0,0,.33); font-size:14px; line-height:29px; letter-spacing:-1.5px; color:#fff;} /* 추가 170612 윤선 */ .list_p5 .bundle .thum .gsu2:before {content:''; position:absolute; left:9px; top:7px; width:17px; height:14px; background:url(../images/bg_gsu2.png) no-repeat 0 0; background-size:100%; font-size:14px; text-indent:32px; line-height:29px; letter-spacing:-1.5px; color:#fff;} /* 추가 170612 윤선 */ .list_p5 .bundle .sort {display:block; overflow:hidden; margin-top:8px; height:13px; line-height:13px; letter-spacing:-0.4px; color:#ed0000;} /* 수정 160628 세종 */ .list_p5 .bundle .subject {display:block; margin-top:3px; height:38px; font-size:1.1em; line-height:18px; letter-spacing:-0.3px;} /* 수정 160628 세종 */ .list_p5 .bundle .subject2 {display:block; margin-top:12px; height:38px; font-size:14px; line-height:19px; letter-spacing:-0.3px; text-align:left;} /* 추가 170612 윤선 */ .list_p6 {position:relative;} .list_p6 .group {position:relative; overflow:hidden; margin:0 auto; height:100%;} .list_p6 .group li {position:absolute; top:0; left:0; float:left; vertical-align:top; width:140px;} .list_p6 .group li a {display:inline-block; padding:0 5px; width:130px;} .list_p6 .group li a .thum {display:block; position:relative;} .list_p6 .group li a .thum img {width:100%;} .list_p6 .group li a .thum .gsu {position:absolute; right:5px; bottom:5px; width:26px; height:26px; background:url(../images/bg_gsu1.png) no-repeat 0 0; background-size:26px 26px; font-size:0.75em; text-align:center; text-indent:-4px; line-height:24.5px; letter-spacing:-1.5px; color:#fff;} .list_p6 .group li a .txt {display:block; overflow:hidden; margin:8px 0 10px; font-size:1.1em; max-height:38px; line-height:18px; letter-spacing:-0.3px; color:#000;}/* 수정 160628 세종 */ .list_p7 {overflow:hidden;} .list_p7 .bundle {float:left; width:50%;} .list_p7 .bundle.odd {margin-left:-5px; padding-left:5px;} .list_p7 .bundle.odd .lmb1 {padding-right:5px;} .list_p7 .bundle.even {float:right; margin-right:-5px; padding-right:5px;} .list_p7 .bundle.even .lmb1 {padding-left:5px;} .list_p7 .bundle a {display:block; position:relative; overflow:hidden; width:100%; color:#000;} .list_p7 .bundle .thum {display:block; position:relative; overflow:hidden; width:100%;} .list_p7 .bundle .thum .img {display:block; width:100%; padding-bottom:100%; background-size:cover; font-size:0;} .list_p7 .bundle .thum img {display:block; width:100%; min-height:100%;} /* 추가 150604 세종 */ .list_p8 {overflow:hidden;} .list_p8 .group {overflow:hidden;} .list_p8 .group .bundle {position:relative; overflow:hidden; margin-top:10px;} .list_p8 .group .bundle .lmbox {overflow:hidden; padding:15px; background:#fff;} .list_p8 .group .bundle .lmbox .issue_subject {float:left; overflow:hidden; padding-right:15px; background:url(../images/bl_arrow1.png) no-repeat center right; background-size:7px auto; font-weight:normal; letter-spacing:-0.4px;} .list_p8 .group .bundle .lmbox .issue_subject a {float:left; overflow:hidden; height:18px; font-size:1.2em; line-height:18px; color:#000;} /* 수정 160628 세종 */ .list_p8 .group .bundle .lmbox .relsu {display:block; clear:both; padding-top:5px; letter-spacing:-0.5px; color:#808080;} /* 수정 160628 세종 */ .list_p8 .group .bundle .lmbox .relsu em {color:#f54f4f;} .list_p8 .group .bundle .lmbox .latest {overflow:hidden; margin-top:7px;} .list_p8 .group .bundle .lmbox .latest a {display:block; position:relative; width:100%; color:#fff;} .list_p8 .group .bundle .lmbox .latest .img {display:block; width:100%; padding-bottom:45.185%; background-size:cover; font-size:0;} .list_p8 .group .bundle .lmbox .latest .subject {position:absolute; left:0; right:0; bottom:0; padding:0 11px; height:34px; background:url(../images/bg_shadow1.png) repeat 0 0; font-size:0.9em; font-weight:normal; letter-spacing:-0.4px; line-height:34px;} /* //추가 150604 세종 */ /* 수정 161130 세종 */ .list_p9 {overflow:hidden;} .list_p9 .bundle {float:left; overflow:hidden; margin-top:10px; width:50%;} .list_p9 .bundle:first-child, .list_p9 .bundle:first-child + .bundle {margin-top:0;} .list_p9 .bundle:nth-child(2n) {float:right;} .list_p9 .bundle a {display:block; position:relative; overflow:hidden; margin-right:5px; letter-spacing:-0.5px; color:#000;} .list_p9 .bundle:nth-child(2n) a {margin-right:0; margin-left:5px;} .list_p9 .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:56.25%; background:#000;} /* 수정 190830 세종 */ .list_p9 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; font-size:0;} /* 수정 190830 세종 */ .list_p9 .bundle .thum:after {content:' '; position:absolute; left:6px; bottom:6px; width:26px; height:26px; background:url(../images/icon_playImg.png) no-repeat 0 0; background-position:0 0; background-size:71px 45px;} /* 수정 170220 윤선 */ .list_p9 .bundle .con {overflow:hidden; height:52px;} .list_p9 .bundle .con .subject {display:block; overflow:hidden; margin-top:7px; height:38px; font-weight:normal; line-height:19px;} /* //수정 161130 세종 */ /* 추가 160922 윤선 */ .list_p10 {overflow:hidden;} .list_p10 .bundle {position:relative; overflow:hidden; padding:6px 0; font-size:1.2em; line-height:22px; border-top:1px solid #f2f2f2;} .list_p10 .bundle:first-child {border-top:none;} .list_p10 .bundle a {display:block; position:relative; overflow:hidden; letter-spacing:-0.5px; color:#000;} .list_p10 .bundle .thum {position:relative; display:block; overflow:hidden; width:31.48%; padding-bottom:18.21342857142857%;} .list_p10 .bundle:first-child .thum {margin-top:7px;} .list_p10 .bundle:first-child .thum~.subject1 {margin-top:4px;} .list_p10 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .list_p10 .bundle .thum img {display:block; width:100%;} .list_p10 .bundle .subject1 {position:absolute; top:0; left:0; margin-left:31.48%; padding-left:10px; height:100%;} .list_p10 .bundle .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} .list_p10 .bundle .subject1 .txt {display:inline-block; overflow:hidden; max-height:42px; vertical-align:middle;} .list_p10 .bundle .subject2 {display:block; overflow:hidden; line-height:19px;} .list_p11 {overflow:hidden;} .list_p11 .bundle {position:relative; overflow:hidden; padding:6px 0; font-size:1.2em; line-height:22px; border-top:1px solid #f2f2f2;} .list_p11 .bundle:first-child {padding-top:0; border-top:none;} .list_p11 .bundle a {display:block; position:relative; overflow:hidden; letter-spacing:-0.5px; color:#000;} .list_p11 .bundle .thum {position:relative; display:block; overflow:hidden; width:31.48%; padding-bottom:18.21342857142857%;} .list_p11 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .list_p11 .bundle .thum img {display:block; width:100%;} .list_p11 .bundle .subject1 {position:absolute; top:0; left:0; margin-left:31.48%; padding-left:10px; height:100%;} .list_p11 .bundle .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} .list_p11 .bundle .subject1 .txt {display:inline-block; overflow:hidden; max-height:42px; vertical-align:middle;} .list_p11 .bundle .subject2 {display:block; overflow:hidden; line-height:19px;} /* //추가 160922 윤선 */ /* 수정 161214 해리 */ .list_p12 {overflow:hidden;} .list_p12 .bundle {position:relative; margin-top:5px;} .list_p12 .bundle:first-child {margin-top:0;} .list_p12 .bundle a {display:block; overflow:hidden; max-height:350px;} .list_p12 .bundle .thum {position:relative; overflow:hidden; display:block; width:100%; padding-bottom:61.878%;} .list_p12 .bundle .thum img {position:absolute; width:100%;} .list_p12 .bundle .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:200%; background:#000; opacity:0.5;} .list_p12 .bundle .thum2 {position:relative; overflow:hidden; display:block; width:100%; padding-bottom:61.878%;} .list_p12 .bundle .thum2 img {position:absolute; width:100%;} .list_p12 .bundle .thum2:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;} .list_p12 .bundle .subject {position:absolute; left:0; bottom:15px; width:100%; font-size:1.7em; line-height:30px; font-weight:normal; letter-spacing:-0.5px; color:#fff;} .list_p12 .bundle .subject span {display:block; overflow:hidden; margin:0 15px; height:60px; word-break:keep-all;} .list_p12 .bundle .subject2 {position:absolute; left:0; top:50%; width:100%; height:100%; font-size:2.143em; line-height:40px; letter-spacing:-0.5px; text-decoration:underline; color:#fff;} .list_p12 .bundle .subject2 span {display:block; overflow:hidden; margin:-20px 15px 0; height:80px; word-break:keep-all;} .list_p12 .bundle .icon_hot {position:absolute; top:15px; left:19px; width:80px; height:20px;} .list_p12 .bundle .icon_hot .txt {position:absolute; top:0; left:0; width:80px; font-size:0.75em; line-height:20px; text-align:center; color:#fff; z-index:10;} .list_p12 .bundle .icon_hot:after {content:' '; position:absolute; top:0; left:0; width:80px; height:20px; -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); background:#ed1846; z-index:0;} .list_p12 .bundle .icon_hot.t2 {top:50%; margin-top:-50px;} /* 수정 161214 해리 */ .list_p13 {position:relative; padding:0 10px 12px;} .list_p13 .group {} .list_p13 .group .bundle {position:relative; margin-top:15px; -moz-box-shadow:1px 3px 5px #393939; -webkit-box-shadow:1px 3px 5px #393939; box-shadow:1px 3px 5px #393939;} .list_p13 .group .bundle:before {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.7; border-radius:5px;} .list_p13 .group .bundle:first-child {margin-top:0;} .list_p13 .group .bundle .main_title {position:relative;} .list_p13 .group .bundle a {display:block;} .list_p13 .group .bundle a .subject {display:block; overflow:hidden; padding:0 38px 0 15px; height:56px; font-size:1.286em; line-height:54px; letter-spacing:-0.6px; color:#000; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;} .list_p13 .group .bundle button {position:absolute; top:23px; right:15px; width:20px; height:20px;} .list_p13 .group .bundle .open {background:url(../images/btn_down4.png) no-repeat 0 0; background-size:20px;} .list_p13 .group .bundle .close {background:url(../images/btn_up4.png) no-repeat 0 0; background-size:20px;} .list_p13 .group .bundle.on .subject:after {content:' '; position:absolute; top:13px; left:17px; width:15px; height:2px; background:#ed1846; -webkit-transform:skew(-40deg); -moz-transform:skew(-40deg); -o-transform:skew(-40deg);} .list_p13 .bxsub {position:relative; overflow:hidden; display:none; padding:22px 30px 23px 18px;} .list_p13 .bundle.on .bxsub {display:block;} .list_p13 .bundle.on .bxsub:before {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.3;} .list_p13 .group2 {position:relative; overflow:hidden;} .list_p13 .group2 .bundle2 {position:relative; padding:0 0 18px 13px;} .list_p13 .group2 .bundle2:last-child {padding-bottom:0;} .list_p13 .group2 .bundle2:after {content:' '; position:absolute; top:6px; left:0; width:8px; height:8px; background:#fff; border:1px solid #4c4c4c; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; z-index:1;} /* 수정 161130 해리 */ .list_p13 .group2 .bundle2 a {display:block; overflow:hidden; max-height:40px; line-height:20px; letter-spacing:-0.6px; color:#666;} /* 수정 161130 해리 */ .list_p13 .group2 .bundle2 a:before {content:' '; position:absolute; top:7px; left:4px; height:100%; border-left:1px solid #888;} .list_p13 .group2 .bundle2:last-child a:before {content:' '; border:0;} .list_p13 .btn_close {position:absolute; top:-50px; right:54px; width:39px; height:39px; background:url(../images/btn_list1.png) no-repeat 0 0; background-size:39px;} .list_p13 .btn_open {position:absolute; top:-50px; right:10px; width:39px; height:39px; background:url(../images/btn_list2.png) no-repeat 0 0; background-size:39px;} /*// 추가 161026 해리 */ /* 추가 161118 세종 */ .list_p14 {position:relative;} .list_p14 .group {overflow:hidden;} .list_p14 .group .bundle {float:left; overflow:hidden; margin-top:10px; width:50%;} .list_p14 .group .bundle:nth-child(2n) {float:right;} .list_p14 .group .bundle:nth-of-type(1), .list_p14 .group .bundle:nth-of-type(2) {margin-top:0;} .list_p14 .group .bundle a {display:block; position:relative; overflow:hidden; margin-right:5px; padding-bottom:71.729%; color:#fff;} .list_p14 .group .bundle:nth-child(2n) a {margin-left:5px; margin-right:0;} .list_p14 .group .bundle a .thum {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;} .list_p14 .group .bundle a .thum:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.3;} .list_p14 .group .bundle a .thum .img {display:block; width:100%; height:100%; background-size:cover; font-size:0; line-height:0;} .list_p14 .group .bundle a .subject {position:absolute; left:9px; right:9px; bottom:8px; overflow:hidden; height:38px; font-weight:normal; line-height:18px; letter-spacing:-0.3px;} /* 수정 161202 해리 */ .list_p14 .page {position:absolute; top:-34px; right:0; overflow:hidden; height:25px;} .list_p14 .page button {display:block; overflow:hidden; width:26px; height:25px; background-image:url(../images/btn_prevnext2.gif); background-size:auto 25px;} .list_p14 .page button.prev {margin-right:25px; background-position:0 0;} .list_p14 .page button.next {position:absolute; top:0; right:0; background-position:right 0;} .list_p15 {overflow:hidden;} .list_p15 .bundle {position:relative; overflow:hidden; height:67px; letter-spacing:-1px; border-top:1px solid #f2f2f2;} .list_p15 .bundle .thum {position:absolute; top:50%; right:0; margin-top:-26px; overflow:hidden; width:77px; height:52px;} .list_p15 .bundle .thum img {display:block; width:100%; min-height:100%;} .list_p15 .bundle .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.10); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list_p15 .bundle a {position:absolute; top:50%; left:0; right:0; overflow:hidden; margin-top:-24px; height:48px;} /* 수정 170517 해리 */ .list_p15 .bundle a .subject {display:table-cell; overflow:hidden; width:100%; height:44px; font-size:1.214em; line-height:26px; vertical-align:middle; color:#000;} .list_p15 .bundle .thum + a .subject {padding-right:89px;} /* 추가 170517 해리 */ /* //추가 1611118 세종 */ /* 추가 161130 세종 */ .list_p16 {position:relative;} .list_p16 .group .cbox .shareopen {position:absolute; left:10px; bottom:83px; background:none !important;} .list_p16 .group .cbox .sharegroup {position:absolute; left:0; right:0; bottom:74px; overflow:hidden; height:50px; background:url(../images/bg_shadow1.png) repeat 0 0; text-align:center;} /* 수정 170208 윤선 */ .list_p16 .group .cbox .sharegroup .lmb1 {overflow:hidden; margin:10px 5px 0;} .list_p16 .group .cbox .sharegroup .bundle {float:left; overflow:hidden; height:30px;} /* 수정 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a {margin:0 auto; display:block; width:100%; height:100%; text-align:center;} /* 수정 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a.btn_fb {width:30px; height:30px; background:url(../images/btn_shareSns1.png) no-repeat 0 0; background-position:0 0; background-size:180px 30px;} /* 추가 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a.btn_tw {width:30px; height:30px; background:url(../images/btn_shareSns1.png) no-repeat 0 0; background-position:-30px 0; background-size:180px 30px;} /* 추가 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a.btn_kt {width:30px; height:30px; background:url(../images/btn_shareSns1.png) no-repeat 0 0; background-position:-60px 0; background-size:180px 30px;} /* 추가 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a.btn_nblog {width:30px; height:30px; background:url(../images/btn_shareSns1.png) no-repeat 0 0; background-position:-90px 0; background-size:180px 30px;} /* 추가 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a.btn_ks {width:30px; height:30px; background:url(../images/btn_shareSns1.png) no-repeat 0 0; background-position:-120px 0; background-size:180px 30px;} /* 추가 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle a.btn_tele {width:30px; height:30px; background:url(../images/btn_shareSns1.png) no-repeat 0 0; background-position:-150px 0; background-size:180px 30px;} /* 추가 170220 윤선 */ .list_p16 .group .cbox .sharegroup .bundle img {height:100%;} /* //추가 161130 세종 */ /* 추가 170202 윤선 */ .list_p17 {position:relative; background:#f0f0f0;} .list_p17 .group {overflow:hidden; margin:0 auto; width:100%; height:100%;} .list_p17 .group li {position:absolute; top:0; left:0; width:100%; vertical-align:top; background:#FFF; box-sizing:border-box;} .list_p17 .group li a {display:block; position:relative;} .list_p17 .group li a .thum {display:block;} .list_p17 .group li a .thum img {width:100%;} .list_p17 .group li a .txt_box {position:absolute; bottom:0; left:0; right:0; padding:10px 12px; background:url(../images/bg_shadow1.png) repeat 0 0;} .list_p17 .group li a .txt {display:block; overflow:hidden; font-size:16px; max-height:40px; line-height:20px; letter-spacing:-0.04em; color:#FFF;} /* //추가 170202 윤선 */ /* 추가 170224 윤선 */ .list_p18 {} .list_p18 .bundle {} .list_p18 .bundle a {display:block; position:relative; overflow:hidden; height:100%;} .list_p18 .bundle a .thum {position:relative; float:left; width:77px; height:52px; overflow:hidden;} .list_p18 .bundle a .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.10); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list_p18 .bundle a .thum img {display:block; width:100%; min-height:100%;} .list_p18 .bundle a .tit_box {margin-left:10px; position:absolute; top:0; right:0; bottom:0; left:77px; height:52px;} .list_p18 .bundle a .tit_box:before {content:''; display:inline-block; width:0; height:100%; font-size:0; line-height:0; vertical-align:middle;} .list_p18 .bundle a .subject {padding-bottom:0 !important; display:inline-block; overflow:hidden; font-weight:400; font-size:16px; line-height:26px; vertical-align:middle; color:#333;} /* //추가 170224 윤선 */ /* 추가 171207 윤선 */ .list_p21 {position:relative; background:#FFF;} .list_p21 .group {overflow:hidden; margin:0 auto; width:100%; height:100%;} .list_p21 .group li {position:absolute; top:0; left:0; width:50%;} .list_p21 .group li a {display:block; position:relative; padding:0 1px;} /* 수정 180206 성광 .list_p21 .group li:nth-child(odd) a {margin-right:6px;} .list_p21 .group li:nth-child(even) a{margin-left:6px;} */ .list_p21 .group li a .thum {position:relative; display:block; max-height:250px; overflow:hidden;} .list_p21 .group li a .thum img {width:100%; min-height:100%;} .list_p21 .group li a .txt {margin:7px 0 8px; padding:0 7px; display:block; overflow:hidden; max-height:42px; font-size:16px; line-height:21px; letter-spacing:-0.04em; color:#000;} /* //추가 171207 윤선 */ /* 추가 181107 세종 */ .list_p22 {overflow:hidden;} .list_p22 .bundle {overflow:hidden; margin-bottom:10px; width:100%;} .list_p22 .bundle a {display:block; overflow:hidden; background:#fff;} .list_p22 .bundle .thum {display:block; position:relative; padding-bottom:56.25%; background-position:center center; background-size:cover; font-size:0; line-height:0;} /* 수정 190830 세종 */ .list_p22 .bundle .thum:after {content:' '; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; width:45px; height:45px; background:url(../images/icon_playImg.png) no-repeat -26px 0; background-size:auto 45px;} .list_p22 .bundle .text {display:block; padding:7px 5px 8px 62px; min-height:45px;} .list_p22 .bundle .text.norm {background:url(../images/logo_norm2.png) no-repeat 7px center; background-size:45px auto;} .list_p22 .bundle .text.norm:after {content:'놂 - norm'; display:block; font-size:0.857em; color:#666;} .list_p22 .bundle .text.muffler {background:url(../images/logo_muffler3.png) no-repeat 7px center; background-size:45px auto;} .list_p22 .bundle .text.muffler:after {content:'머플러'; display:block; font-size:0.857em; color:#666;} .list_p22 .bundle .text.mt {background:url(../images/logo_mt3.png) no-repeat 7px center; background-size:45px auto;} .list_p22 .bundle .text.mt:after {content:'MT영상'; display:block; font-size:0.857em; color:#666;} .list_p22 .bundle .text .subject {display:block; overflow:hidden; max-height:40px; font-size:1.143em; letter-spacing:-0.25px; line-height:20px; color:#000;} .list_p23 {position:relative; overflow:hidden;} .list_p23 .tit {position:absolute; top:0; left:0; z-index:2;} .list_p23 .tit:before {content:' '; position:absolute; top:0; right:0; left:0; bottom:0; background:#000; opacity:0.7; font-size:0; line-height:0;} .list_p23 .tit a {display:block; position:relative; padding:0 9px; height:20px; font-size:11px; line-height:20px; color:#fff;} .list_p23 .bsize {overflow:hidden;} .list_p23 .bsize a {display:block; color:#000;} .list_p23 .bsize .thum {display:block; position:relative; padding-bottom:56.25%; width:100%; background-position:center center; background-size:cover; font-size:0; line-height:0;} /* 수정 190830 세종 */ .list_p23 .bsize .thum:after {content:' '; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; width:45px; height:45px; background:url(../images/icon_playImg.png) no-repeat -26px 0; background-size:auto 45px;} .list_p23.ucf .bsize .thum:after {margin:-15px 0 0 -15px; width:30px; height:30px; background:url(../../ucfactory/images/icon_play1.png) no-repeat center center; background-size:100% auto;} /* 추가 221104 세종 */ .list_p23 .bsize .thum2 {display:block; position:relative; padding-bottom:58.59375%; width:100%; background-position:center 0; background-size:cover; font-size:0; line-height:0;} .list_p23 .bsize .thum3 {display:block; position:relative; padding-bottom:100%; width:100%; background-position:center 0; background-size:cover; font-size:0; line-height:0;} .list_p23 .bsize .text {display:block; padding:7px 7px 8px;} .list_p23 .bsize .text .subject {display:block; overflow:hidden; max-height:40px; font-size:1.143em; line-height:20px; letter-spacing:-0.25px;} .list_p23 .ssize {overflow:hidden; margin:10px 0 9px;} .list_p23 .ssize .group {/* padding-left:7px; */} .list_p23 .ssize .group .bundle {float:left; width:39.86928104575%;} .list_p23 .ssize .group .bundle:first-child {margin-left:7px;} .list_p23 .ssize .group .bundle:last-child {margin-right:7px;} .list_p23 .ssize .group .bundle + .bundle {margin-left:5px;} .list_p23 .ssize .group .bundle a {display:block; color:#000; border:1px solid #f2f2f2;} .list_p23 .ssize .group .bundle .thum {display:block; position:relative; padding-bottom:56.25%; width:100%; background-position:center center; background-size:cover; font-size:0; line-height:0;} /* 수정 190830 세종 */ .list_p23 .ssize .group .bundle .thum:after {content:' '; position:absolute; left:4px; bottom:4px; width:26px; height:26px; background:url(../images/icon_playImg.png) no-repeat 0 0; background-position:0 0; background-size:71px 45px;} .list_p23 .ssize .group .bundle .thum2 {display:block; position:relative; padding-bottom:57.85123966942%; width:100%; background-position:center 0; background-size:cover; font-size:0; line-height:0;} .list_p23 .ssize .group .bundle .text {display:block; height:42px; border-top:1px solid #f2f2f2;} .list_p23 .ssize .group .bundle .text .subject {display:block; overflow:hidden; margin:4px 5px 0; height:33px; font-size: 0.8571em; font-weight:normal; letter-spacing:-0.5px; line-height:16px;} .list_p23 .ssize .group .bundle2 {float:left; width:30.39215686275%;} .list_p23 .ssize .group .bundle2:first-child {margin-left:7px;} .list_p23 .ssize .group .bundle2:last-child {margin-right:7px;} .list_p23 .ssize .group .bundle2 + .bundle2 {margin-left:5px;} .list_p23 .ssize .group .bundle2 a {display:block; position:relative; color:#fff;} .list_p23 .ssize .group .bundle2 .thum {display:block; position:relative; padding-bottom:100%; width:100%; background-position:center 0; background-size:cover; font-size:0; line-height:0;} .list_p23 .ssize .group .bundle2 .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.8;} .list_p23 .ssize .group .bundle2 .text {position:absolute; top:0; left:0; right:0; bottom:0;} .list_p23 .ssize .group .bundle2 .text .subject {display:table; width:100%; height:100%; font-weight:normal;} .list_p23 .ssize .group .bundle2 .text .subject .vm {display:table-cell; padding:0 4px; height:100%; font-size: 0.8571em; letter-spacing:-0.5px; line-height:16px; text-align:center; vertical-align:middle;} .list_p23 .ssize .group .bundle3 {float:left; width:30.39215686275%;} .list_p23 .ssize .group .bundle3:first-child {margin-left:7px;} .list_p23 .ssize .group .bundle3:last-child {margin-right:7px;} .list_p23 .ssize .group .bundle3 + .bundle3 {margin-left:5px;} .list_p23 .ssize .group .bundle3 a {display:block; color:#000; border:1px solid #f2f2f2;} .list_p23 .ssize .group .bundle3 .thum {display:block; position:relative; padding-bottom:100%; width:100%; background-position:center center; background-size:cover; font-size:0; line-height:0;} .list_p23 .ssize .group .bundle3 .text {display:block; height:42px; border-top:1px solid #f2f2f2;} .list_p23 .ssize .group .bundle3 .text .subject {display:block; overflow:hidden; margin:4px 5px 0; height:33px; font-size: 0.8571em; font-weight:normal; letter-spacing:-0.5px; line-height:16px;} /* //추가 181107 세종 */ /* 추가 190211 세종 */ .list_p24 {overflow:hidden;} .list_p24 .bundle {float:left; width:50%; height:179px;} .list_p24 .bundle .lmb1 {width:138px;} /* 추가 190808 동현 */ .list_p28 {overflow:hidden;} .list_p28 .bundle {float:left; width:50%;} .list_p28 .bundle.odd {margin-left:-6px; padding-left:6px;} .list_p28 .bundle.odd .lmb1 {padding-right:7px;} .list_p28 .bundle.even {float:right; margin-right:-6px; padding-right:6px;} .list_p28 .bundle.even .lmb1 {padding-left:7px;} .list_p28 .bundle a {display:block; position:relative; overflow:hidden; margin:0 auto; width:100%; color:#000;} .list_p28 .bundle .thum {display:block; position:relative; overflow:hidden; padding-bottom:73.9131%; width:100%;} .list_p28 .bundle .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit:cover;} .list_p28 .bundle .subject {display:block; margin-top:8px; height:46px; font-size:16px; font-weight:normal; line-height:23px; letter-spacing:-0.25px;} /* 수정 230710 세종 */ .list_p28 .bundle .subject .sort {padding-right:5px;} @media screen and (max-width: 320px){ .list_p24 .bundle .lmb1 {float:left;} .list_p24 .bundle:nth-child(2) .lmb1, .list_p24 .bundle:nth-child(4) .lmb1 {float:right;} } @media screen and (min-width: 321px) and (max-width: 639px){ .list_p24 .bundle .lmb1 {margin:0 auto;} } @media only screen and (width:640px) { .list_p24 .bundle {width:33.3%;} .list_p24.ntc_g1 .bundle:ntc-child(2), .list_p24.ntc_g1 .bundle:ntc-child(5) {width:33.4%;} .list_p24.ntc_g1 .bundle:nth-child(1) .lmb1, .list_p24.ntc_g1 .bundle:nth-child(4) .lmb1 {float:left;} .list_p24.ntc_g1 .bundle:nth-child(2) .lmb1, .list_p24.ntc_g1 .bundle:nth-child(5) .lmb1 {margin:0 auto;} .list_p24.ntc_g1 .bundle:nth-child(3) .lmb1, .list_p24.ntc_g1 .bundle:nth-child(6) .lmb1 {float:right;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle {width:33.4%;} .list_p24.ntc_g2 .bundle.ntc_b1 .lmb1, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle .lmb1 {float:left;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle .lmb1, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle .lmb1 {margin:0 auto;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle .lmb1, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle + .bundle .lmb1 {float:right;} } @media screen and (min-width: 641px) and (max-width: 767px){ .list_p24 .bundle {width:33.3%;} .list_p24.ntc_g1 .bundle:ntc-child(2), .list_p24.ntc_g1 .bundle:ntc-child(5) {width:33.4%;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle {width:33.4%;} .list_p24 .bundle .lmb1 {margin:0 auto;} } @media screen and (min-width: 768px){ .list_p24 .bundle {width:33.3%;} .list_p24.ntc_g1 .bundle:ntc-child(2), .list_p24.ntc_g1 .bundle:ntc-child(5) {width:33.4%;} .list_p24.ntc_g1 .bundle:nth-child(1) .lmb1, .list_p24.ntc_g1 .bundle:nth-child(4) .lmb1 {float:left;} .list_p24.ntc_g1 .bundle:nth-child(2) .lmb1, .list_p24.ntc_g1 .bundle:nth-child(5) .lmb1 {margin:0 auto;} .list_p24.ntc_g1 .bundle:nth-child(3) .lmb1, .list_p24.ntc_g1 .bundle:nth-child(6) .lmb1 {float:right;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle {width:33.4%;} .list_p24.ntc_g2 .bundle.ntc_b1 .lmb1, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle .lmb1 {float:left;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle .lmb1, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle .lmb1 {margin:0 auto;} .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle .lmb1, .list_p24.ntc_g2 .bundle.ntc_b1 + .bundle + .bundle + .bundle + .bundle + .bundle .lmb1 {float:right;} } .list_p24 .bundle a {display:block; overflow:hidden; margin:0 auto; color:#333;} .list_p24 .bundle .thum {display:block; position:relative; overflow:hidden; height:102px;} .list_p24 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .list_p24 .bundle .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%;} .list_p24 .bundle .subject {display:block; overflow:hidden; margin-top:10px; height:46px; font-size:1.214em; line-height:23px; letter-spacing:-0.6px;} .list_p25 {overflow:hidden;} .list_p25 .bundle {overflow:hidden; height:95px;} .list_p25 .bundle a {display:block; position:relative; overflow:hidden; letter-spacing:-0.5px; color:#000;} .list_p25 .bundle .thum {position:absolute; top:0; left:0; overflow:hidden; width:170px; height:95px; background:#000;} .list_p25 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:0 center; background-size:cover; font-size:0;} .list_p25 .bundle .con {display:table; margin-left:170px; height:95px;} .list_p25 .bundle .con .subject {display:table-cell; padding-left:13px; font-size:1.143em; font-weight:normal; line-height:23px; letter-spacing:-0.6px; vertical-align:middle;} @media screen and (min-width: 640px){ .list_p25 .bundle {float:left; width:50%;} .list_p25 .bundle .con .subject {padding-right:13px;} } /* 수정 210716 세종 */ .list_p26 {overflow:hidden;} .list_p26 .bundle {overflow:hidden;} .list_p26 .bundle + .bundle {margin-top:11px; padding-top:11px; border-top:1px solid #ddd;} .list_p26 .bundle a {display:block; position:relative; overflow:hidden; height:72px; font-size:1.214em; line-height:23px; letter-spacing:-0.6px; color:#333;} .list_p26 .bundle .thum {position:absolute; top:0; right:0; overflow:hidden; width:97px; height:72px;} .list_p26 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; font-size:0;} .list_p26 .bundle .thum img {display:block; width:100%;} .list_p26 .bundle .subject {display:block; position:relative; overflow:hidden; margin-right:110px; padding-left:5px; height:100%;} .list_p26 .bundle .subject .txt {display:block; overflow:hidden; height:50px;} .list_p26 .bundle .subject .txt .vm {display:table-cell; width:100%; height:50px; vertical-align:middle;} .list_p26 .bundle .subject .view {position:absolute; left:5px; right:0; bottom:0; padding-left:22px; height:22px; font-size:14px; line-height:20px; color:#999;} .list_p26 .bundle .subject .view:before {content:''; position:absolute; top:0; left:0; width:16px; height:100%; background:url(../images/icon_view1.png) no-repeat center center; background-size:16px auto;} /* 수정 20230608 이원석 */ .list_p27 {position:relative; overflow:hidden; height:222px;} .list_p27 .tit {position:absolute; top:22px; left:50%; margin-left:-47px; width:94px; height:30px; font-size:1.071em; text-align:center; line-height:30px; letter-spacing:-0.6px; color:#fff; z-index:2;} .list_p27 .tit:before {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #fff; opacity:0.6; z-index:1;} .list_p27 .group {} .list_p27 .group:after {content:' '; display:block; clear:both; font-size:0; line-height:0;} .list_p27 .group .gr_bundle {position:relative; height:222px;} .list_p27 .group .gr_bundle .thum {display:block; position:relative; overflow:hidden; height:100%; background-position:center 0; background-size:cover; font-size:0; line-height:0;} .list_p27 .group .gr_bundle .thum:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.5;} .list_p27 .group .gr_bundle .con {position:absolute; top:0; left:0; right:0; bottom:0; padding:0 15px;} .list_p27 .group .gr_bundle .con .subject {display:flex; flex-direction:column; justify-content:center; position:relative; margin-top:59px; height:59px; font-size:1.429em; line-height:24px; letter-spacing:-0.5px; color:#fff;} .list_p27 .group .gr_bundle .con .subject:after {content:' '; position:absolute; left:50%; bottom:0; margin-left:-18px; width:36px; height:1px; background:#fff; font-size:0; line-height:0; opacity:0.63;} .list_p27 .group .gr_bundle .con .subject .vm {display:block; overflow:hidden; max-height:49px; text-align:center;} .list_p27 .group .gr_bundle .con .subject a {color:#fff;} .list_p27 .group .gr_bundle .con .subject a:hover {text-decoration:underline;} .list_p27 .group .gr_bundle .con .list {display:flex; flex-direction:column; justify-content:center; height:93px; gap: 20px; margin-top: 12px;} .list_p27 .group .gr_bundle .con .list .bundle {overflow:hidden; height:18px; font-size:1.143em; line-height:18px; letter-spacing:-0.5px;} .list_p27 .group .gr_bundle .con .list .bundle a {color:#fff; display: inline-block; width: 100%; height: 100%;} .list_p27 .group .gr_bundle .con .list .bundle a:hover {text-decoration:underline;} /* //수정 210716 세종 */ /* //추가 190211 세종 */ /* 추가 160701 세종 */ .photoslide1 {position:relative; background:#1a1a1a;} .photoslide1 .tit {padding:0 15px; height:44px; font-size:1.071em; font-weight:normal; letter-spacing:-0.4px; line-height:44px; color:#fff;} .photoslide1 .slidebox {position:relative; overflow:hidden;} .photoslide1 .slidebox .group {} .photoslide1 .slidebox .group .bundle {overflow:hidden; width:100%;} .photoslide1 .slidebox .group .bundle a {display:block; position:relative; padding-bottom:44px; color:#fff;} .photoslide1 .slidebox .group .bundle a .thum {display:block; position:relative; overflow:hidden; padding-bottom:63.125%;} .photoslide1 .slidebox .group .bundle a .thum img {position:absolute; width:100%; min-height:100%;} .photoslide1 .slidebox .group .bundle a .thum .gsu {position:absolute; right:10px; bottom:10px; width:29px; height:29px; background:url(../images/bg_gsu1.png) no-repeat 0 0; background-size:29px 29px; font-size:0.85em; text-align:center; text-indent:-4px; line-height:27.5px; letter-spacing:-1.5px; color:#fff;} .photoslide1 .slidebox .group .bundle a .subject {position:absolute; left:15px; right:15px; bottom:0; height:44px; font-size:1.214em; font-weight:normal; line-height:44px; letter-spacing:-0.2px;} .photoslide1 .slidebox .group .bundle a .subject .lmtsbj {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;} .photoslide1 .slidebox button {position:absolute; top:50%; margin-top:-42px; width:34px; height:40px;} .photoslide1 .slidebox .prev {left:0; background:url(../images/btn_prev3.png) no-repeat 0 0; background-size:34px 40px;} .photoslide1 .slidebox .next {right:0; background:url(../images/btn_next3.png) no-repeat 0 0; background-size:34px 40px;} /* //추가 160701 세종 */ /* 핫이슈 슬라이드 - 수정 161214 해리 */ .hotgroup {position:relative;} .hotgroup .bgarea {position:relative; width:100%; background-size:100%;} .hotgroup .bgarea:before {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;} .lol_slide1 {position:relative;} .lol_slide1 .group {} .lol_slide1 .group .bundle {position:relative;} .lol_slide1 .group .bundle a {position:relative; display:block; overflow:hidden; height:320px;} .lol_slide1 .group .bundle a .subject1 {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;} .lol_slide1 .group .bundle a .subject1 .area {display:inline-block; width:72%; vertical-align:middle;} .lol_slide1 .group .bundle a .subject1 .area .tit {display:block; overflow:hidden; max-height:78px; font-size:2.143em; line-height:39px; text-align:center; letter-spacing:-0.5px; color:#fff;} .lol_slide1 .group .bundle a .subject1 .area .txt {display:block; overflow:hidden; margin-top:14px; max-height:96px; font-size:1.125em; line-height:24px; text-align:center; letter-spacing:-0.5px; color:#d6d5d7;} .lol_slide1 .group .bundle a .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} /*// 핫이슈 슬라이드 - 수정 161214 해리 */ /* 1:속보 */ #container .newsflash {position:relative; min-height:36px; background:#fff; border:1px solid #dfdfdf;} #container .newsflash .title {position:absolute; top:0; left:0; overflow:hidden; width:44px; height:36px; font-size:1.07em; font-weight:normal; text-indent:12px; line-height:36px; letter-spacing:-0.8px; color:#ec0000;} #container .newsflash .nfopen {position:absolute; top:-1px; right:-1px; width:28px; height:38px; background:url(../images/btn_down1.gif) no-repeat 0 0; background-size:28px 38px;} #container .newsflash .nfclose {position:absolute; top:-1px; right:-1px; width:28px; height:38px; background:url(../images/btn_up1.gif) no-repeat 0 0; background-size:28px 38px;} #container .newsflash .nflistbox {} #container .newsflash .nflistbox .nflist {} #container .newsflash .nflistbox .nflist .bundle {overflow:hidden; width:100%; height:36px; font-size:1.07em; line-height:36px;} #container .newsflash .nflistbox .nflist .bundle a {float:left; overflow:hidden; width:100%; height:100%;} #container .newsflash .nflistbox .nflist .bundle .sort {float:left; color:#358ef2;} /* 속보:롤링 */ #container .newsflash.rolling .nflistbox {position:relative; overflow:hidden; margin:0 28px 0 44px; height:36px;} #container .newsflash.rolling .nflistbox .nflist {position:absolute; left:0; width:100%;} #container .newsflash.rolling .nflistbox .nflist .bundle a {text-overflow:ellipsis; white-space:nowrap;} #container .newsflash.rolling .nflistbox .listall {display:none;} /* 속보:펼쳤을때 */ #container .newsflash.open .nflistbox {position:relative; overflow:hidden; margin-top:36px; padding-bottom:14px; border-top:1px solid #dfdfdf;} #container .newsflash.open .nflistbox .nflist {overflow:hidden; margin:0 14px;} #container .newsflash.open .nflistbox .nflist .bundle {height:38px; line-height:38px; border-top:1px solid #f2f2f2;} #container .newsflash.open .nflistbox .nflist .bundle:first-child {border-top:none;} #container .newsflash.open .nflistbox .listall {display:block; margin:8px 14px 0; height:34px; background:#d9d9d9; text-align:center; font-size:0.85em; line-height:34px; letter-spacing:-0.6px; color:#666; border:1px solid #cfcfcf;} /* 추가 161118 세종 */ #container .newsflash2 {overflow:hidden; position:relative; background:#fff; height:45px; line-height:45px; letter-spacing:-0.6px;} #container .newsflash2 .title {position:absolute; top:0; left:14px; height:45px; font-size:1.143em; font-weight:normal; color:#ec0000;} #container .newsflash2 .rolling {position:relative; overflow:hidden; margin-left:47px; height:45px; color:#222;} #container .newsflash2 .rolling .group {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%;} #container .newsflash2 .rolling .group li {position:relative; overflow:hidden; height:45px;} #container .newsflash2 .rolling .group li a {display:block; position:relative; overflow:hidden; padding-right:55px; height:45px; font-size:1.143em; text-overflow:ellipsis; white-space:nowrap; color:#222; z-index:2;} #container .newsflash2 .rolling .group li .time {position:absolute; top:0; right:14px; height:45px; font-size:0.95em; letter-spacing:-0.2px; color:#999;} /* //추가 161118 세종 */ /* 추가 190808 동현 */ #container .newsflash3 {overflow:hidden; position:relative; background:#fff; height:45px; line-height:45px; letter-spacing:-0.6px;} #container .newsflash3 .title {position:absolute; top:0; left:15px; height:45px; font-size:0; font-weight:normal; color:#ec0000;} #container .newsflash3 .title:after {content:''; position:absolute; overflow:hidden; top:13px; left:0; width:20px; height:20px; background:url(../images/icon_newsflash1.png)no-repeat center center; background-size:cover; border-radius:50%;} #container .newsflash3 .rolling {position:relative; overflow:hidden; margin-left:44px; height:45px; color:#222;} /* 수정 200206 세종 */ #container .newsflash3 .rolling .group {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%;} #container .newsflash3 .rolling .group li {position:relative; overflow:hidden; height:45px;} #container .newsflash3 .rolling .group li a {display:block; position:relative; overflow:hidden; padding-right:60px; height:45px; font-size:16px; color:#222; z-index:2;} /* 수정 200206 세종 */ #container .newsflash3 .rolling .group li a h2 {font-size:inherit; font-weight:inherit;} /* 추가 230710 세종 */ #container .newsflash3 .rolling .group li .time {position:absolute; top:0; right:14px; height:45px; font-size:0.95em; letter-spacing:-0.2px; color:#999;} /* //추가 190808 동현 */ /* 2:뉴스 톱 수정 170207 세종 */ #container .newstop {position:relative; overflow:hidden; padding-bottom:7px; background:#fff;} /* 수정 170612 윤선 */ #container .newstop .thum {display:block; position:relative; overflow:hidden; padding-bottom:62.5%; width:100%;} #container .newstop .thum a {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%;} #container .newstop .thum img {display:block; width:100%; min-height:100%;} #container .newstop .subject {display:block; overflow:hidden; margin:12px 15px 0; padding-top:5px; padding-bottom:5px; max-height:60px; font-size:1.571em; font-weight:normal; line-height:30px; letter-spacing:-1.2px; text-align:center;} /* 수정 180511 세종 */ #container .newstop .subject a {color:#000;} #container .newstop .subject a b {font-weight:normal;} #container .newstop .rel {overflow:hidden; margin:2px 15px 0;} #container .newstop .rel .bundle {overflow:hidden; padding-left:13px; height:28px; background:url(../images/bl_rel1.png) no-repeat 0 8px; background-size:6px 8px; font-size:1.1em; line-height:28px; letter-spacing:-0.8px;} /* 수정 170608 세종 */ #container .newstop .rel .bundle a {color:#4c4c4c;} /* 추가 160701 세종 */ #container .newstop2 {position:relative; overflow:hidden; padding-bottom:9px; background:#fff;} #container .newstop2 .main {display:block; position:relative;} #container .newstop2 .main .thum {display:block; overflow:hidden; width:100%;} #container .newstop2 .main .thum a {display:block; position:relative; overflow:hidden; padding-bottom:57.69230769230769%; width:100%;} #container .newstop2 .main .thum a:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/bg_shadow6.png) repeat-x 0 bottom; background-size:auto 100%;} #container .newstop2 .main .thum img {position:absolute; top:0; left:0; width:100%;} #container .newstop2 .main .subject {position:absolute; overflow:hidden; left:9px; right:9px; bottom:11px; max-height:60px; font-size:1.571em; font-weight:normal; line-height:30px; letter-spacing:-1.2px;} #container .newstop2 .main .subject a {color:#fff;} #container .newstop2 .main .subject a b {font-weight:normal;} #container .newstop2 .rel {overflow:hidden; margin:8px 15px 0;} #container .newstop2 .rel .bundle {overflow:hidden; padding-left:13px; height:28px; background:url(../images/bl_rel1.png) no-repeat 0 8px; background-size:6px 8px; font-size:1.1em; line-height:28px; letter-spacing:-0.8px;} /* 수정 170608 세종 */ #container .newstop2 .rel .bundle a {color:#4c4c4c;} /* //추가 160701 세종 */ /* 추가 190808 동현 */ #container .newstop3 {position:relative; overflow:hidden; padding-bottom:16px; background:#fff;} #container .newstop3 .thum_area {overflow:hidden; background:#f5f5f5;} /* 수정 200202 동현 */ #container .newstop3 .thum_area .thum {display:block; position:relative; overflow:hidden; margin:0 auto; width:100%; max-width:520px;} /* 수정 200202 동현 */ #container .newstop3 .thum_area .thum a {display:block;} /* 수정 200202 동현 */ #container .newstop3 .thum_area .thum img {display:block; width:100%;} /* 수정 200202 동현 */ #container .newstop3 .subject {display:block; overflow:hidden; margin:12px 15px 0; padding-top:5px; padding-bottom:5px; max-height:60px; font-size:22px; font-weight:bold; line-height:30px; letter-spacing:-1.2px; text-align:center;} /* 수정 180511 세종 */ #container .newstop3 .subject a {color:#000;} #container .newstop3 .subject a b {font-weight:normal;} #container .newstop3 .rel {overflow:hidden; margin:2px 15px 0;} #container .newstop3 .rel .bundle {overflow:hidden; padding-left:13px; height:28px; background:url(../images/bl_rel1.png) no-repeat 0 8px; background-size:6px 8px; font-size:16px; line-height:28px; letter-spacing:-0.8px;} /* 수정 170608 세종 */ #container .newstop3 .rel .bundle a {color:#4c4c4c;} /* // 추가 190808 동현 */ /* 3:뉴욕마감 */ #container .nynews {position:relative; overflow:hidden; height:40px; background:#51c5d4;} #container .nynews .title {position:absolute; top:11px; left:15px;} #container .nynews .subject {overflow:hidden; margin:0 9px 0 70px; height:40px; font-weight:bold; line-height:40px; letter-spacing:-0.6px;} #container .nynews .subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;} /* 5:오늘의 주요지수 */ #container .todaystock {position:relative; overflow:hidden; background:#dce4f6; border:1px solid #c9d7f3;} #container .todaystock .title {overflow:hidden; padding-left:14px; height:35px; font-size:1em; letter-spacing:-0.6px; line-height:35px; color:#2e4e8d;} #container .todaystock .time {position:absolute; top:0; right:0; padding-right:14px; height:35px; font-size:0.75em; line-height:35px; color:#7b9ee1;} #container .todaystock .stockgroup {overflow:hidden;} #container .todaystock .stockgroup .stocklist {overflow:hidden;} #container .todaystock .stockgroup .stocklist .bundle {overflow:hidden; height:53px; border-top:1px solid #c9d7f3;} #container .todaystock .stockgroup .stocklist .bundle .sort {float:left; overflow:hidden; width:50%; height:100%;} #container .todaystock .stockgroup .stocklist .bundle .sort .lmt1 {margin:0 14px;} #container .todaystock .stockgroup .stocklist .bundle .sort:first-child {margin-right:-1px; border-right:1px solid #c9d7f3;} #container .todaystock .stockgroup .stocklist .bundle .sort .kind {display:block; overflow:hidden; margin-top:9px; height:16px; font-weight:normal; letter-spacing:-0.4px; line-height:16px; color:#5876b3;} /* 수정 160628 세종 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg {display:block; overflow:hidden; height:19px;} #container .todaystock .stockgroup .stocklist .bundle .sort .chg .num {float:left; padding-right:4px; height:100%; font-size:1.4em; letter-spacing:-0.2px; line-height:19px; color:#262626;} /* 수정 160628 세종 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg .wave {float:left; margin-top:4px; height:15px; line-height:15px;} /* 수정 160628 세종 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg.dn .wave {color:#358ef2;} /* 하락 */ /* 수정 170220 윤선 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg.dn .wave:after {content:''; margin-left:2px; padding-top:3px; display:inline-block; width:7px; height:4px; background:url(../images/icon_upDown1.png)no-repeat 0 0; background-position:100% 0; background-size:14px 4px;} /* 추가 170220 윤선 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg.up .wave {color:#dc1c31;} /* 상승 */ /* 수정 170220 윤선 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg.up .wave:after {content:''; margin-left:2px; padding-top:3px; display:inline-block; width:7px; height:4px; background:url(../images/icon_upDown1.png)no-repeat 0 0; background-position:0 0; background-size:14px 4px;} /* 추가 170220 윤선 */ #container .todaystock .stockgroup .stocklist .bundle .sort .chg.steady .wave {padding-right:19px; background:url(../images/icon_steady1.gif)no-repeat right 5px; background-size:11px 2px;} /* 변동없음 */ /* 오늘의 주요지수:롤링 */ #container .todaystock.rolling .title {display:none;} #container .todaystock.rolling .time {display:none;} #container .todaystock.rolling .stockgroup {position:relative; height:53px;} #container .todaystock.rolling .stockgroup .stocklist {position:absolute; top:0; left:0; height:53px;} #container .todaystock.rolling .stockgroup .stocklist .bundle {float:left; width:100%; border-top:none;} /* 5:오늘의 주요지수:스와이프 */ /* 수정 220808 세종 */ #container .todaystockScroll {position:relative; overflow:hidden; padding:15px; background:#fff;} #container .todaystockScroll #stockScroll {overflow:hidden;} #container .todaystockScroll .stockgroup {} #container .todaystockScroll .stockgroup .stocklist {} #container .todaystockScroll .stockgroup .stocklist .info {display:flex; align-items:center; height:25px;} #container .todaystockScroll .stockgroup .stocklist .info h3 {font-size:15px; letter-spacing:-1px; color:#000;} /* 수정 230710 세종 */ #container .todaystockScroll .stockgroup .stocklist .info .time {margin-left:6px; font-size:12px; letter-spacing:-0.5px; color:#9b9b9b;} #container .todaystockScroll .stockgroup .stocklist ul {display:flex; margin-top:11px;} #container .todaystockScroll .stockgroup .stocklist ul li {flex:1 1 23%; display:flex; flex-direction:column; justify-content:center; align-items:center; height:68px; border:1px solid #bbb; border-radius:7px;} #container .todaystockScroll .stockgroup .stocklist ul li + li {margin-left:6px;} #container .todaystockScroll .stockgroup .stocklist ul li .kind {font-size:12px; letter-spacing:-1px; line-height:1em; color:#000;} #container .todaystockScroll .stockgroup .stocklist ul li .chg {display:flex; flex-direction:column; align-items:center; margin-top:5px; line-height:1em;} #container .todaystockScroll .stockgroup .stocklist ul li .chg .num {font-size:20px; font-weight:bold; letter-spacing:-1px;} #container .todaystockScroll .stockgroup .stocklist ul li .chg .num.smf {font-size:18px;} #container .todaystockScroll .stockgroup .stocklist ul li .chg .wave {margin-top:4px; font-size:11px; word-spacing:-0.5px; letter-spacing:-1.5px;} #container .todaystockScroll .stockgroup .stocklist ul li .chg.dn {color:#1b61d1;} #container .todaystockScroll .stockgroup .stocklist ul li .chg.up {color:#f51818;} #container .todaystockScroll .stockgroup .stocklist ul li .chg.steady {color:#464646;} #container .todaystockScroll .stockgroup .stocklist ul li .chg.dn .wave {padding-left:6px; background:url(../images/icon_down3.png) no-repeat 0 center; background-size:6px auto;} #container .todaystockScroll .stockgroup .stocklist ul li .chg.up .wave {padding-left:6px; background:url(../images/icon_up3.png) no-repeat 0 center; background-size:6px auto;} #container .todaystockScroll .stockgroup .stocklist ul li .chg.steady .wave {padding-left:10px; background:url(../images/icon_steady2.gif)no-repeat 1px center; background-size:7px 2px;} #container .todaystockScroll .btn_more {position:absolute; top:15px; right:15px; height:25px; font-size:12px; line-height:25px; letter-spacing:-1px; color:#000; z-index:1;} #container .todaystockScroll .btn_more .txt {padding-right:8px; background:url(../images/bl_arrow5.png) no-repeat right center; background-size:4px auto;} #container .todaystockScroll #stockScroll .swiper-pagination {position:relative; bottom:0; margin-top:18px; height:12px; font-size:16px; font-weight:bold; letter-spacing:-2px; line-height:12px; color:#000; z-index:0;} #container .todaystockScroll #stockScroll .swiper-pagination .swiper-pagination-current {color:#ed0000;} #container .todaystockScroll #stockScroll .swiper-button-next {top:auto; left:50%; bottom:15px; margin-left:31px; width:12px; height:12px; background:url(../images/bl_arrow6.png) no-repeat center center; background-size:auto 12px;} #container .todaystockScroll #stockScroll .swiper-button-next:after {display:none;} #container .todaystockScroll #stockScroll .swiper-button-prev {top:auto; left:50%; bottom:15px; margin-left:-36px; width:12px; height:12px; background:url(../images/bl_arrow6.png) no-repeat center center; background-size:auto 12px; transform:rotate(180deg);} #container .todaystockScroll #stockScroll .swiper-button-prev:after {display:none;} /* 7:오늘은 */ #container .whattoday {position:relative; overflow:hidden; height:40px; background:#6a88cf;} #container .whattoday .title {position:absolute; top:11px; left:15px;} #container .whattoday .subject {overflow:hidden; margin:0 9px 0 64px; height:40px; font-size:1.1em; font-weight:bold; line-height:40px; letter-spacing:-0.6px;} /* 수정 160628 세종 */ #container .whattoday .subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;} /* 16:서브메뉴 */ #container .snb {overflow:hidden;} #container .snb table {} #container .snb table td {background:#fff; border:1px solid #dfdfdf;} #container .snb table td.type1 {width:50%;} /* 추가 170202 윤선 */ #container .snb table td a {display:block; width:100%; height:36px; text-align:center; line-height:36px; color:#808080;} /* 수정 160628 세종 */ #container .snb table td.smft {font-size:12px; letter-spacing:-0.5px; white-space:nowrap;} /* 추가 221104 세종 */ #container .snb table td a .new {position:relative; top:14px; margin-right:4px; width:21px;} /* 추가 151008 세종 */ /* MUST READ */ #container .mustread {position:relative; overflow:hidden; height:40px; background:#516288;} #container .mustread .title {position:absolute; top:11px; left:10px;} #container .mustread .subject {overflow:hidden; margin:0 9px 0 75px; height:40px; font-size:1.1em; line-height:40px; letter-spacing:-0.6px;} /* 수정 160628 세종 */ #container .mustread .subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;} /* HOT IUSSE */ #container .hotiusse {position:relative; overflow:hidden; height:38px; background:#4b8cbc;} #container .hotiusse .title {position:absolute; top:10px; left:10px;} #container .hotiusse .subject {overflow:hidden; margin:0 9px 0 75px; height:38px; font-size:1.1em; line-height:38px; letter-spacing:-0.6px; color:#fff;} /* 수정 160628 세종 */ #container .hotiusse .subject a {font-weight:bold; color:#fff;} /* 추가 150604 세종 */ #container .hotiusse2 {position:relative;} #container .hotiusse2 .title {position:absolute; top:10px; left:15px;} #container .hotiusse2 .txtbox {overflow:hidden; padding:0 27px 14px 72px; background:#4b8cbc;} #container .hotiusse2 .txtbox .subject {margin-top:10px; font-size:1.05em; font-weight:normal; letter-spacing:-0.6px; line-height:18px; color:#fff;} #container .hotiusse2 .txtbox .infotxt {margin-top:6px; font-size:0.95em; letter-spacing:-0.4px; line-height:16px; color:#fffefe; opacity:0.6;} #container .hotiusse2 .imgbox {position:absolute; top:0; right:0; bottom:0; overflow:hidden; width:135px; height:100%;} #container .hotiusse2 .imgbox img {display:block; width:100%; min-height:100%;} #container .hotiusse2 .share {position:absolute; bottom:0; left:0; width:100%; height:0; z-index:2;} #container .hotiusse2 .share .ctl {position:absolute; bottom:4px; right:5px; width:30px; height:31px; background:url(../images/btn_shareOpen2.png) no-repeat 0 0; background-size:30px auto;} #container .hotiusse2 .share .share_list {overflow:hidden; margin-bottom:-48px; display:table; width:100%; height:48px; background:url(../images/bg_shadow1.png) repeat 0 0;} #container .hotiusse2 .share .share_list .td {display:table-cell; text-align:center; vertical-align:middle;} #container .hotiusse2 .share .share_list a {display:inline-block; margin:0 4px; height:30px;} #container .hotiusse2 .share .share_list a img {height:30px;} /* 추가 161118 세종 */ #container .bnbar1 {position:relative; overflow:hidden; height:45px; background:#fff;} #container .bnbar1 .title {position:absolute; top:50%; left:15px; margin-top:-11px;} #container .bnbar1 .subject {overflow:hidden; margin-right:15px; height:45px; font-size:1.1em; line-height:45px; letter-spacing:-0.6px; text-overflow:ellipsis; white-space:nowrap; color:#000;} #container .bnbar1 .subject a {color:#000;} /* 추가 190808 동현 */ #container .bnbar2 {position:relative; overflow:hidden; height:48px; background:#fff;} #container .bnbar2 .title {position:absolute; top:50%; left:15px; margin-top:-11px;} #container .bnbar2 .cate_title {display:block; overflow:hidden; width:53px; height:22px; font-size:14px; line-height:20px; text-align:center; color:#fff; background: #7592e8; border-radius:12px;} #container .bnbar2 .subject {overflow:hidden; margin:0 15px 0 75px; height:48px; font-size:14px; line-height:48px; letter-spacing:-0.6px; text-overflow:ellipsis; white-space:nowrap; color:#000;} #container .bnbar2 .subject a {color:#000;} /* 청탁페이지 배너 */ #container .abc_banner {position:relative; overflow:hidden; height:70px; background:url(../images/bg_abcBanner.png) repeat center;} #container .abc_banner .title {position:absolute; top:0; right:0; height:70px;} #container .abc_banner .title a {display:block; width:100%; height:100%;} #container .abc_banner .title a img {margin:10px 15px 0 0;} #container .abc_banner .subject {position:absolute; top:15px; left:15px; overflow:hidden; width:200px; height:40px; font-size:1.143em; line-height:20px; letter-spacing:-0.6px; color:#e5e5e5;} #container .timeline {position:relative; padding:41px 14px 16px; background:#e8e8e8; border:1px solid #d1d1d1;} #container .timeline .title {position:absolute; top:13px; left:14px;} #container .timeline .subject {font-size:1.05em; line-height:20px; letter-spacing:-0.4px;} #container .timeline .subject a {color:#000;} #container .timeline .time {position:absolute; top:14px; right:12px; font-size:0.75em; color:#3d58a5;} #container .tl_list1 {position:relative; min-height:33px; background:#fff; border:1px solid #dfdfdf;} #container .tl_list1 .title {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:33px; font-size:1em; font-weight:normal; text-indent:12px; line-height:33px; letter-spacing:-0.6px;} #container .tl_list1 .lstopen {position:absolute; top:-1px; right:-1px; width:28px; height:35px; background:url(../images/btn_down1.gif) no-repeat 0 0; background-size:28px 35px;} #container .tl_list1 .lstclose {position:absolute; top:-1px; right:-1px; width:28px; height:35px; background:url(../images/btn_up1.gif) no-repeat 0 0; background-size:28px 35px;} #container .tl_list1 .listbox {position:relative; overflow:hidden; margin-top:33px; padding-bottom:5px; border-top:1px solid #dfdfdf;} #container .tl_list1 .listbox .listgroup {overflow:hidden; margin:0 14px;} #container .tl_list1 .listbox .listgroup .bundle {overflow:hidden; height:38px; line-height:38px; letter-spacing:-0.6px; border-top:1px solid #f2f2f2;} #container .tl_list1 .listbox .listgroup .bundle:first-child {border-top:none;} #container .tl_list1 .listbox .listgroup .bundle a {display:block; overflow:hidden; width:100%; height:100%; color:#000;} #container .tl_list1 .listbox .listgroup .bundle a.on {color:#ec0000;} #container .tl_list2 {overflow:hidden;} #container .tl_list2 .msubject {position:relative; padding:47px 14px 0; background:#fff url(../images/title_timeLine2.png) no-repeat 15px 14px; background-size:auto 16px; border:1px solid #d1d1d1;} #container .tl_list2 .msubject .time {position:absolute; top:18px; right:14px; font-size:0.8em; color:#3d58a5;} #container .tl_list2 .msubject .tit {display:block; font-size:1.05em; font-weight:normal; letter-spacing:-0.4px; line-height:20px; color:#000;} #container .tl_list2 .msubject .stit {display:block; margin-top:3px; padding-bottom:1px; font-size:0.95em; letter-spacing:-0.4px; line-height:16px; color:#595959;} #container .tl_list2 .msubject .function {position:relative; margin:0 -15px -1px; height:48px;} #container .tl_list2 .msubject .function .ctlcon {position:absolute; top:13px; right:14px; width:72px; height:20px; background:url(../images/btn_openClose2.png) no-repeat; background-size:72px auto;} #container .tl_list2 .msubject .function .ctlcon.open {background-position:0 bottom;} #container .tl_list2 .msubject .function .ctlcon.close {background-position:0 0;} #container .tl_list2 .msubject .function .share {position:absolute; top:16px; left:16px; width:14px; height:13px; background:url(../images/btn_shareOpen4.png) no-repeat 0 0; background-size:14px auto;} #container .tl_list2 .msubject .function .share_list {position:absolute; top:0; left:0; display:table; width:100%; height:48px; background:url(../images/bg_shadow1.png) repeat 0 0;} #container .tl_list2 .msubject .function .share_list .td {display:table-cell; text-align:center; vertical-align:middle;} #container .tl_list2 .msubject .function .share_list .td a {display:inline-block; margin:0 4px; height:30px;} #container .tl_list2 .msubject .function .share_list .td a img {height:30px;} #container .tl_list2 .msubject .conbox {overflow:hidden; padding-bottom:20px; font-size:0.95em; line-height:16px; letter-spacing:-0.4px; color:#999;} #container .tl_list2 .msubject .conbox .photo {display:table; overflow:hidden; margin:0 auto 10px; border-collapse:collapse;} #container .tl_list2 .msubject .conbox .photo.left {float:left; margin:0 20px 10px 0; max-width:560px;} #container .tl_list2 .msubject .conbox .photo.right {float:right; margin:0 0 10px 20px; max-width:560px;} #container .tl_list2 .msubject .conbox .photo.center {margin:0 auto 10px;} #container .tl_list2 .msubject .conbox .photo .tr {display:table-row;} #container .tl_list2 .msubject .conbox .photo .td {display:table-cell; text-align:center; vertical-align:middle;} #container .tl_list2 .msubject .conbox .photo img {display:block; max-width:100%;} #container .tl_list2 .msubject .conbox .photo .txt {padding-top:4px; width:50px; font-size:0.8em; text-align:left !important; letter-spacing:-0.2px; line-height:15px;} #container .tl_list2 .subject_group {position:relative; overflow:hidden; z-index:0;} #container .tl_list2 .subject_group:before {content:' '; position:absolute; top:0; left:15px; width:1px; height:100%; background:#d1d1d1; z-index:-1;} #container .tl_list2 .subject_group .bundle {margin-top:16px; background:#e8e8e8; border:1px solid #d1d1d1;} #container .tl_list2 .subject_group .bundle .lmbox {position:relative; padding:0 14px;} #container .tl_list2 .subject_group .bundle .time {display:block; margin-top:17px; padding-left:13px; background:url(../images/bl_circle1.png) no-repeat 0 center; background-size:9px; font-size:0.8em; letter-spacing:-0.4px; color:#3d58a5;} #container .tl_list2 .subject_group .bundle .tit {display:block; margin-top:10px; font-size:1.05em; font-weight:normal; letter-spacing:-0.4px; line-height:20px; color:#000;} #container .tl_list2 .subject_group .bundle .stit {display:block; font-size:0.95em; letter-spacing:-0.4px; line-height:16px; color:#595959;} #container .tl_list2 .subject_group .bundle .conbox {overflow:hidden; padding-bottom:20px; font-size:0.95em; line-height:16px; letter-spacing:-0.4px; color:#999;} #container .tl_list2 .subject_group .bundle .time + .conbox {margin-top:12px;} #container .tl_list2 .subject_group .bundle .tit + .conbox {margin-top:8px;} #container .tl_list2 .subject_group .bundle .stit + .conbox {margin-top:5px;} #container .tl_list2 .subject_group .bundle .conbox .photo {display:table; overflow:hidden; margin:0 auto 10px; border-collapse:collapse;} #container .tl_list2 .subject_group .bundle .conbox .photo.left {float:left; margin:0 20px 10px 0; max-width:560px;} #container .tl_list2 .subject_group .bundle .conbox .photo.right {float:right; margin:0 0 10px 20px; max-width:560px;} #container .tl_list2 .subject_group .bundle .conbox .photo.center {margin:0 auto 10px;} #container .tl_list2 .subject_group .bundle .conbox .photo .tr {display:table-row;} #container .tl_list2 .subject_group .bundle .conbox .photo .td {display:table-cell; text-align:center; vertical-align:middle;} #container .tl_list2 .subject_group .bundle .conbox .photo img {display:block; max-width:100%;} #container .tl_list2 .subject_group .bundle .conbox .photo .txt {padding-top:4px; width:50px; font-size:0.8em; text-align:left !important; letter-spacing:-0.2px; line-height:15px;} #container .tl_list2 .subject_group .bundle .conbox iframe {display:block;} /* //추가 150604 세종 */ /* 추가 180822 세종 */ #container .muffler_info {position:relative;} #container .muffler_info .cmt1 {padding:0 0 2px; font-size:0.9286em; letter-spacing:-1px;} #container .muffler_info .txt {display:none; position:relative; margin-top:10px; padding:11px 9px 32px; background:#f0f0f0; letter-spacing:-1px; line-height:20px; color:#888;} #container .muffler_info .txt * {position:relative;} #container .muffler_info.active .txt {display:block;} #container .muffler_info .txt:before {content:' '; position:absolute; right:10px; bottom:8px; width:50px; height:37px; background:url(../images/logo_muffler2.png) no-repeat 0 0; background-size:100% auto;} #container .muffler_info .txt strong {color:#333;} #container .muffler_info button {position:absolute; top:-41px; right:-7px; width:34px; height:34px; background:url(../images/btn_down1.png) no-repeat center center; background-size:20px auto;} #container .muffler_info.active button {background:url(../images/btn_up1.png) no-repeat center center; background-size:20px auto;} #container .sscgroup {display:block; overflow:hidden; padding:10px 0;} #container .sscgroup .bundle {float:left; width:50%;} #container .sscgroup .bundle a {display:block; overflow:hidden;} #container .sscgroup .bundle:first-child a {margin-right:5px;} #container .sscgroup .bundle + .bundle a {margin-left:5px;} #container .sscgroup .bundle a img {display:block; width:100%;} /* //추가 180822 세종 */ /* 추가 181107 세종 */ #container .norm_info {position:relative;} #container .norm_info .cmt1 {padding:0 0 2px; font-size:0.9286em; letter-spacing:-1px;} #container .norm_info .txt {display:none; position:relative; margin-top:10px; padding:11px 9px 13px; background:#f0f0f0; letter-spacing:-1px; line-height:20px; color:#888;} #container .norm_info .txt * {position:relative;} #container .norm_info.active .txt {display:block;} #container .norm_info .txt strong {color:#333;} #container .norm_info button {position:absolute; top:-41px; right:-7px; width:34px; height:34px; background:url(../images/btn_down1.png) no-repeat center center; background-size:20px auto;} #container .norm_info.active button {background:url(../images/btn_up1.png) no-repeat center center; background-size:20px auto;} #container .sscgroup2 {display:block; overflow:hidden; padding:10px 0;} #container .sscgroup2 .bundle {float:left; width:50%;} #container .sscgroup2 .bundle:first-child {margin-bottom:4px; width:100%;} #container .sscgroup2 .bundle a {display:block; overflow:hidden;} #container .sscgroup2 .bundle:first-child + .bundle a {margin-right:5px;} #container .sscgroup2 .bundle + .bundle + .bundle a {margin-left:5px;} #container .sscgroup2 .bundle a img {display:block; width:100%;} /* //추가 181107 세종 */ /* 기사본문 */ #article {position:relative; overflow:hidden; padding-top:10px;} /* 수정 190211 세종 */ /* 본문:제목 */ /* 수정 190211 세종 */ #article .subject {overflow:hidden; padding-bottom:2px;} #article .subject .sj_head {display:block; margin:8px 0 -10px; font-size:0.95em; letter-spacing:-0.6px; color:#f13939;} #article .subject h1, #article .subject .h1 {margin-top:16px; font-size:1.857em; font-weight:bold; line-height:1.231em; letter-spacing:-1.2px; color:#000;} /* 수정 230710 세종 */ #article .subject h2, #article .subject .h2 {margin-top:10px; font-size:1.143em; font-weight:normal; line-height:1.375em; letter-spacing:-0.4px; color:#595959;} /* 수정 230710 세종 */ #article .sbtit {position:relative; overflow:hidden; font-family:'Noto Serif KR',serif; font-size:1.214em; font-weight:bold; line-height:1.556em; letter-spacing:-0.8px; word-spacing:1px; color:#000;} /* 수정 230710 세종 */ #article .function + .sbtit {margin-top:27px;} /* 수정 230710 세종 */ #article .function + * + .sbtit {margin-top:10px;} /* 수정 230710 세종 */ /* 본문:정보 */ /* 수정 190211 세종 */ #article .info {display:block; font-size:0.9286em; letter-spacing:-1px; line-height:1.385em; color:#999;} #article .info .writer {} #article .info .writer strong {font-weight:normal; color:#717171;} #article .info .writer .infocom {color:#666;} #article .info .date {display:block;} #article .subject + .info {margin-top:8px;} #article .function {position:relative; height:34px;} /* 수정 230822 세종 */ #article .info + .function {margin-top:22px;} #article .function .reply {display:none; position:absolute; top:0; left:0; overflow:hidden; width:95px; height:32px; background:url(../images/btn_feedback1.png) no-repeat center center; background-size:100% auto; font-size:0.9286em; letter-spacing:-1px; text-align:center; line-height:32px; color:#666;} /* 수정 221221 동현 */ #article .function .reply .default {display:block; height:100%;} #article .function .reply .value {display:block; height:100%;} #article .function .reply .value em {color:#ed1c24;} #article .function .ftsize {position:absolute; top:1px; right:38px; width:32px; height:32px;} /* 수정 230822 세종 */ #article .function .ftsize .btn_ftsize {display:block; overflow:hidden; width:32px; height:32px; background:url(../images/btn_fontSize1.png) no-repeat 0 0; background-size:100% auto;} #article .function .ftsize .layer_ftsize {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999;} #article .function .ftsize .layer_ftsize .dim {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.82; z-index:-1;} #article .function .ftsize .layer_ftsize .lmbox {position:absolute; top:50%; left:50%; margin-top:-144px; margin-left:-140px; width:280px; height:287px; background:#fff;} #article .function .ftsize .layer_ftsize .lytit {display:block; margin-top:19px; font-size:16px; line-height:1em; text-align:center; letter-spacing:-0.6px;} /* 수정 230710 세종 */ #article .function .ftsize .layer_ftsize .close {position:absolute; top:0; right:0; width:55px; height:55px; background:url(../images/btn_close8.gif) no-repeat center center; background-size:12px auto;} #article .function .ftsize .layer_ftsize .group {margin:28px 0 0 53px;} #article .function .ftsize .layer_ftsize .group .bundle {overflow:hidden; height:30px;} #article .function .ftsize .layer_ftsize .group .bundle + .bundle {margin-top:10px;} #article .function .ftsize .layer_ftsize .group .bundle label {float:left; padding-left:29px; height:30px; background:url(../images/bg_check1_off.png) no-repeat 0 center; background-size:22px auto; line-height:30px; color:#666;} #article .function .ftsize .layer_ftsize .group .bundle.ft17 label {font-size:17px;} #article .function .ftsize .layer_ftsize .group .bundle.ft19 label {font-size:19px;} #article .function .ftsize .layer_ftsize .group .bundle.ft21 label {font-size:21px;} #article .function .ftsize .layer_ftsize .group .bundle.ft23 label {font-size:23px;} #article .function .ftsize .layer_ftsize .group .bundle.ft25 label {font-size:25px;} #article .function .ftsize .layer_ftsize .group .bundle input[type="radio"] {position:absolute; opacity:0; cursor:pointer;} #article .function .ftsize .layer_ftsize .group .bundle input[checked="checked"] + label, #article .function .ftsize .layer_ftsize .group .bundle input[type="radio"]:checked + label {background:url(../images/bg_check1_on.png) no-repeat 0 center; background-size:22px auto;} #article .function .social {position:absolute; top:1px; right:1px; width:32px; height:32px;} /* 수정 230822 세종 */ #article .function .social .btn_social {display:block; overflow:hidden; width:32px; height:32px; background:url(../images/btn_social1.png) no-repeat 0 0; background-size:100% auto;} #article .function .social .all_social {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999;} #article .function .social .all_social .dim {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.82; z-index:-1;} #article .function .social .all_social .lmbox {position: absolute; top:50%; left:50%; padding-bottom:37px; width:280px; background:#fff; transform:translate(-50%, -50%);} /* 수정 231024 세종 */ #article .function .social .all_social .lytit {display:block; margin-top:19px; font-size:16px; line-height:1em; text-align:center; letter-spacing:-0.6px;} /* 수정 230710 세종 */ #article .function .social .all_social .close {position:absolute; top:0; right:0; width:55px; height:55px; background:url(../images/btn_close8.gif) no-repeat center center; background-size:12px auto;} #article .function .social .all_social ul {overflow:hidden; margin:40px auto 0; width:240px;} #article .function .social .all_social ul li {float:left; width:80px; height:76px;} #article .function .social .all_social ul li button {display:block; padding-top:40px; width:100%; height:100%; background:url(../images/icon_social1.png) no-repeat; font-size:12px; text-align:center; letter-spacing:-0.6px; color:#000;} #article .function .social .all_social ul li button.kakao {background-position:center 0; background-size:50px auto;} #article .function .social .all_social ul li button.kakaome {background-position:center -100px; background-size:50px auto;} #article .function .social .all_social ul li button.facebook {background-position:center -200px; background-size:50px auto;} #article .function .social .all_social ul li button.twitter {background-position:center -300px; background-size:50px auto;} #article .function .social .all_social ul li button.nvblog {background-position:center -400px; background-size:50px auto;} #article .function .social .all_social ul li button.kkostory {background-position:center -500px; background-size:50px auto;} #article .function .social .all_social ul li button.telegram {background-position:center -600px; background-size:50px auto;} #article .function .social .all_social .url {display:block; position:relative; margin:4px 0 0 37px; width:215px; height:25px; background:#eaeaea;} #article .function .social .all_social .url .txt {display:block; overflow:hidden; width:176px; height:25px; font-size:12px; text-indent:8px; line-height:25px; letter-spacing:-0.6px; color:#9a9a9a;} #article .function .social .all_social .url button {position:absolute; top:0; right:0; width:40px; height:25px; background:#a2a2a2; font-size:12px; text-align:center; line-height:25px; color:#fff;} /* #article .function .atcview {position:absolute; top:0; right:0; overflow:hidden; width:62px; height:25px; background:url(../images/btn_atcView1.gif) no-repeat 0 0; background-size:62px 25px;} 기사보기 */ /* 본문:편집자주 */ /* 수정 190211 세종 */ #article .writer_cmt {position:relative; overflow:hidden; font-size:1.071em; font-weight:normal; line-height:1.355em; word-spacing:1px; letter-spacing:-0.6px; color:#909090;} /* 수정 230710 세종 */ #article .sbtit + .writer_cmt {margin-top:22px;} /* 수정 230710 세종 */ #article .function + .writer_cmt {margin-top:27px;} /* 추가 230822 세종 */ #article .writer_cmt strong {font-weight:normal; color:#ff7f84;} #article .writer_cmt a {position:absolute; right:6px; bottom:0; padding-left:10px; background:url(../images/bl_arrow2.gif) no-repeat 0 center; background-size:auto 4px; color:#92a5d5;} /* 본문:내용 */ /* 수정 190211 세종 */ #article .con_area {font-size:17px; line-height:1.647em; word-spacing:2px; text-indent:-1px; color:#000;} #article .function + .con_area {margin-top:30px;} /* 추가 230822 세종 */ #article .writer_cmt + .con_area {margin-top:18px;} /* 추가 230822 세종 */ #article .sbtit + .con_area {margin-top:18px;} /* 추가 230822 세종 */ #article .con_area > a {text-decoration:underline; color:#999;} /* 수정 220407 세종 */ #article .con_area .photowrap {clear:both; margin-left:-15px; margin-right:-15px;} #article .con_area .photo {clear:both; display:table; overflow:hidden; margin:0 auto 10px; width:100%; border-collapse:collapse;} /* 수정 210531 세종 */ #article .con_area .photo .tr {display:table-row;} #article .con_area .photo .td {display:table-cell; text-align:center; vertical-align:middle;} #article .con_area .photo.left {} #article .con_area .photo.right {} #article .con_area .photo.center {} #article .con_area .photo img {display:block; margin:0 auto; min-width:50%; max-width:100%;} /* 수정 231212 세종 */ #article .con_area .photo .img_link {position:absolute; top:10px; right:10px; width:38px; height:38px; background:url(../images/btn_zoom1.png) no-repeat 0 0; background-size:100%; color:transparent; cursor:pointer;} #article .con_area .photo .txt {padding:11px 15px 4px; width:50px; font-size:0.8235em; font-weight:normal; text-align:left !important; line-height:1.429em; word-spacing:1px; color:#888;} #article .con_area .photo2 {overflow:hidden; position:relative; margin:0 auto; max-width:560px;} #article .con_area .photo2 .group {overflow:hidden; width:100%;} #article .con_area .photo2 .group .bundle {float:left; width:100%;} #article .con_area .photo2 .group .bundle img {display:block; width:100%;} #article .con_area .photo2 button {position:absolute; top:50%; margin-top:-20px; width:41px; height:41px;} #article .con_area .photo2 .prev {left:5px; background:url(../images/btn_prev1.png) no-repeat 0 0; background-size:41px 41px;} #article .con_area .photo2 .next {right:5px; background:url(../images/btn_next1.png) no-repeat 0 0; background-size:41px 41px;} #article .con_area .vod {position:relative; display:block; overflow:hidden; margin:0 -15px 10px; background:#000;} @media only screen and (min-width:768px) { #article .con_area .vod {margin:0 auto 10px; max-width:620px; max-height:348px;} } #article .con_area .unlisted {color:#999;} /* 추가 220407 세종 */ #article .con_area .ultxt {color:#999;} /* 추가 220407 세종 */ #article .con_area .down {padding-right:2px; color:#0072ff;} /* 수정 210531 세종 */ #article .con_area .up {padding-right:2px; color:#f54141;} /* 수정 210531 세종 */ #article .con_area .steady {padding-right:2px; color:#999;} /* 수정 220407 세종 */ #article .con_area a.down, #article .con_area a.up, #article .con_area a.steady {padding-right:0;} /* 추가 220407 세종 */ #article .con_area .icon {font-size:0.7em;} /* 추가 240528 지선 */ #article .channel_daum {overflow:hidden; height:36px; background:#5B92FE;} #article .channel_daum a {display:block; height:100%; background:url(../images/mb_daum_ch_banner.png) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0px;} /* //추가 240528 지선 */ /* 추가 220512 세종 */ #article .channel_kakao {overflow:hidden; height:36px; background:#ffcf00;} #article .channel_kakao a {display:block; height:100%; background:url(../images/banner_channelKakao1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0px;} /* //추가 220512 세종 */ /* 추가 190211 세종 */ #article .channel_naver {overflow:hidden; height:36px; background:#39ae36;} /* 수정 220512 세종 */ #article .channel_naver a {display:block; height:100%; background:url(../images/banner_channelNaver1.jpg?01) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0px;} /* 수정 220512 세종 */ /* //추가 190211 세종 */ /* 추가 191107 동현 : 네이버 채널 추가 이벤트 */ #article .channel_naver2 {overflow:hidden; height:72px; background:#f8f8f8;} #article .channel_naver2 a {display:block; height:100%; background:url(../images/banner_view_naver_mask.png) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0px;} /* // 추가 191107 동현 : 네이버 채널 추가 이벤트 */ /* 본문:저작권자 */ #article .copyright {clear:both; overflow:hidden; color:#999;} /* 수정 160628 세종 */ /* 본문:관련기사 */ /* 수정 190523 세종 */ #article .related_story {overflow:hidden; margin-top:35px; padding-bottom:20px;} #article .related_story .tit {font-size:1.214em; letter-spacing:-1px; text-align:center; color:#000;} #article .related_story .tit .line {display:inline-block; border-bottom:2px solid #000;} #article .related_story .group {margin-top:21px;} #article .related_story .bundle {overflow:hidden; padding-left:7px; background:url(../images/bl_square3.gif) no-repeat 0 11px; background-size:2px 2px; font-size:1.143em; letter-spacing:-1px; line-height:22px; text-overflow:ellipsis; white-space:nowrap;} #article .related_story .bundle + .bundle {margin-top:4px;} #article .related_story .bundle a {color:#000;} /* 본문:관련기사2 - 추가 161026 해리 */ #article .related_story2 {overflow:hidden; padding:13px 15px 11px; background:#e9e9e9;} #article .related_story2 dt {overflow:hidden; padding-bottom:6px; font-size:1.075em; line-height:16px; letter-spacing:-0.6px; color:#333;} #article .related_story2 dd {overflow:hidden; padding-left:13px; height:23px; background:url(../images/bl_rel2.png) no-repeat 0 7px; background-size:9px auto; font-size:0.929em; letter-spacing:-0.6px; line-height:23px; white-space:nowrap; text-overflow:ellipsis;} #article .related_story2 dd a {color:#555;} /* 본문:관련기사3 - 추가 161201 해리 */ #article .related_story3 {overflow:hidden;} #article .related_story3 dt {overflow:hidden; padding-bottom:6px; font-size:1.143em; line-height:20px; color:#6686db;} #article .related_story3 dd {overflow:hidden; padding-left:11px; height:23px; background:url(../images/bl_rel3.png) no-repeat 0 10px; background-size:7px; font-size:1.143em; letter-spacing:-0.6px; line-height:28px;} #article .related_story3 dd a {color:#4c4c4c;} /* 본문:관련기사4 - 추가 170224 윤선 */ #article .related_story4 {margin-top:5px;} #article .related_story4 .bundle {overflow:hidden; padding-left:11px; height:26px; line-height:26px; background:url(../images/bl_rel4.png) no-repeat 0 7px; background-size:7px;} #article .related_story4 .bundle a {display:block; height:100%; overflow:hidden;} #article .related_story4 .bundle a .subject {padding-bottom:0; display:block; font-weight:normal; font-size:16px; letter-spacing:-0.8px; color:#333;} /* 본문:챠트 */ #article .chart {overflow:hidden; margin:0 auto; padding:5px; width:168px; border:1px solid #cfcfd2;} /* 수정 190211 세종 */ /* 본문:좋아요 */ #article .together {} #article .together ul {} #article .together ul li {display:inline-block; vertical-align:top;} /* 본문:공유 */ #article .rp_btn2 {position:relative; overflow:hidden; height:32px; border:1px solid #e6e6e6;} #article .rp_btn2 .bundle {overflow:hidden; float:left; margin-left:-1px; height:100%; border-left:1px solid #e6e6e6;} #article .rp_btn2 .bundle:first-child {border-left:none; margin-left:0;} #article .rp_btn2 .bundle a {display:block; width:100%; height:100%;} #article .rp_btn2 .bundle a img {display:block; margin:0 auto; height:100%;} /* 본문:공유2 - 추가 161026 해리 */ #article .rp_btn3 {position:relative; overflow:hidden; width:100%; text-align:center;} #article .rp_btn3 .bundle {display:inline-block; overflow:hidden; margin-left:10px;} #article .rp_btn3 .bundle:first-child {margin-left:0;} #article .rp_btn3 .bundle a {display:block; width:28px; height:28px;} #article .rp_btn3 .bundle a img {display:block; width:100%;height:100%;} /* 본문:소셜댓글 */ #article .social_reply {position:relative; overflow:hidden;} #article .social_reply .rp_tab {overflow:hidden; height:39px; border:1px solid #d7d7d7; border-bottom:none;} #article .social_reply .rp_tab .bundle {float:left; margin-left:-1px; width:50%; height:100%; background:#e6e6e6; border-left:1px solid #d7d7d7;} #article .social_reply .rp_tab .bundle:first-child {margin-left:0; border-left:none;} #article .social_reply .rp_tab .bundle a {display:block; overflow:hidden; height:38px; text-align:center; letter-spacing:-0.2px; line-height:39px; color:#666; border-bottom:1px solid #d7d7d7;} #article .social_reply .rp_tab .bundle a .su {color:#f54f4f;} #article .social_reply .rp_tab .bundle a.on {background:#fff; border-bottom:1px solid #fff;} #article .social_reply .rp_sorttype {overflow:hidden;} #article .social_reply .rp_sorttype .bundle {float:left; width:88px;} #article .social_reply .rp_sorttype .bundle label {float:left; font-size:0.85em; line-height:17px; color:#999;} #article .social_reply .rp_sorttype .bundle label input[type='checkbox'] {float:left; margin-right:5px; border:1px solid #c9c9c9;} #article .social_reply .rp_firstbox {border:1px solid #d7d7d7; border-top:none;} #article .social_reply .rp_firstbox .wrtgo {display:block; overflow:hidden; height:28px; background:#f5f5f5; font-size:0.86em; text-align:center; line-height:28px; letter-spacing:-0.6px; color:#4c4c4c; border-top:1px solid #d7d7d7;} #article .social_reply .rp_firstbox .sns_choice {position:relative; overflow:hidden; margin:0 -1px -1px; height:30px;} #article .social_reply .rp_firstbox .sns_choice button {float:left; overflow:hidden; height:100%;} #article .social_reply .rp_firstbox .sns_choice .twitter {background:#32ccfe url(../images/btn_twitter1.gif) no-repeat center center; background-size:145px 30px;} #article .social_reply .rp_firstbox .sns_choice .facebook {background:#3b5998 url(../images/btn_facebook1.gif) no-repeat center center; background-size:145px 30px;} #article .social_reply .rp_firstbox .sns_choice .write {padding:0 34px; color:#a00101;} #article .social_reply .rp_firstbox .writearea1 {overflow:hidden; position:relative; margin:0 14px; padding:15px 0 14px;} #article .social_reply .rp_firstbox .writearea1 .uid {display:block; overflow:hidden; font-size:0.78em; font-weight:normal; line-height:16px; letter-spacing:-0.2px; color:#808080;} #article .social_reply .rp_firstbox .writearea1 .uid img {float:left; margin-right:5px; height:16px;} #article .social_reply .rp_firstbox .writearea1 fieldset {margin-top:8px; background:#fff; border:1px solid #d9d9d9;} #article .social_reply .rp_firstbox .writearea1 fieldset textarea {display:block; padding-top:10px; width:100%; height:68px; font-family:dotum,'돋움'; font-size:0.85em; letter-spacing:-0.2px; color:#262626;} #article .social_reply .rp_firstbox .writearea1 .check_box {display:block; overflow:hidden; margin-top:7px;} #article .social_reply .rp_firstbox .writearea1 .check_box label {float:left; font-size:0.78em; line-height:16px; color:#999;} #article .social_reply .rp_firstbox .writearea1 .check_box input[type='checkbox'] {float:left; margin-right:8px; border:1px solid #c9c9c9;} #article .social_reply .rp_firstbox .writearea1 .length {position:absolute; top:16px; right:0; height:16px; font-size:0.78em; line-height:16px; letter-spacing:-0.2px; color:#999;} #article .social_reply .rp_firstbox .writearea1 .btn {overflow:hidden; margin-top:15px; height:28px; background:#f5f5f5; border:1px solid #d9d9d9;} #article .social_reply .rp_firstbox .writearea1 .btn a {float:left; margin-left:-1px; width:50%; height:100%; font-size:0.86em; line-height:28px; text-align:center; letter-spacing:-0.6px; color:#4c4c4c; border-left:1px solid #d9d9d9;} #article .social_reply .rp_firstbox .writearea1 .btn a:first-child {margin-left:0; border-left:none;} #article .social_reply .sreply_group {overflow:hidden;} #article .social_reply .sreply_group .bundle1 {padding:20px 0; border-top:1px solid #f3f3f3;} #article .social_reply .sreply_group .bundle1:first-child {padding-top:15px; border-top:none;} #article .social_reply .sreply_group .bundle1 .default_reply {overflow:hidden; padding-bottom:12px;} #article .social_reply .sreply_group .bundle1 .default_reply .photo {float:left; overflow:hidden; width:50px; height:50px;} #article .social_reply .sreply_group .bundle1 .default_reply .photo img {display:block; width:100%; min-height:100%;} #article .social_reply .sreply_group .bundle1 .default_reply .con {margin-left:60px;} #article .social_reply .sreply_group .bundle1 .default_reply .con .info {display:block; overflow:hidden; height:16px; font-size:0.85em; line-height:16px; letter-spacing:-0.2px; color:#999;} #article .social_reply .sreply_group .bundle1 .default_reply .con .info .log {float:left; margin-right:5px; width:16px;} #article .social_reply .sreply_group .bundle1 .default_reply .con .info .uid {float:left; font-weight:normal;} #article .social_reply .sreply_group .bundle1 .default_reply .con .info .date {float:left; margin-left:18px;} #article .social_reply .sreply_group .bundle1 .default_reply .con .txt {overflow:hidden; margin:8px 0 0; font-size:0.85em; line-height:15px; letter-spacing:-0.2px; color:#262626;} #article .social_reply .sreply_group .bundle1 .default_reply .con .txt a img {width:19px; height:18px;} #article .social_reply .sreply_group .bundle1 .rp_bdltbox {background:#e6e6e6;} #article .social_reply .sreply_group .bundle1 .rp_bdltbox .sns_choice {overflow:hidden; height:30px;} #article .social_reply .sreply_group .bundle1 .rp_bdltbox .sns_choice button {float:left; overflow:hidden; height:100%;} #article .social_reply .sreply_group .bundle1 .rp_bdltbox .sns_choice .twitter {background:#32ccfe url(../images/btn_twitter1.gif) no-repeat center center; background-size:145px 30px;} #article .social_reply .sreply_group .bundle1 .rp_bdltbox .sns_choice .facebook {background:#3b5998 url(../images/btn_facebook1.gif) no-repeat center center; background-size:145px 30px;} #article .social_reply .sreply_group .bundle1 .rerp_group {overflow:hidden;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list {overflow:hidden; padding-left:15px; padding-bottom:16px; background:url(../images/bl_rel1.png) no-repeat 0 4px; background-size:6px 8px;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .info {display:block; overflow:hidden; height:16px; font-size:0.85em; line-height:16px; letter-spacing:-0.2px; color:#999;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .info .log {float:left; margin-right:5px; width:16px;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .info .uid {float:left; font-weight:normal;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .info .date {float:left; margin-left:18px;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .txt {margin:8px 0 0; font-size:0.85em; line-height:15px; letter-spacing:-0.2px; color:#262626;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .txt a img {width:19px; height:18px;} #article .social_reply .sreply_group .bundle1 .rerp_group .rerp_list .txt .del {position:relative; top:-2px; width:16px; height:16px; background:url(../images/btn_del1.gif) no-repeat 0 0; background-size:16px 16px;} #article .social_reply .sreply_group .bundle1 .writearea2 {overflow:hidden; position:relative; margin:0 14px; padding:15px 0 14px;} #article .social_reply .sreply_group .bundle1 .writearea2 .uid {display:block; overflow:hidden; padding-left:15px; background:url(../images/bl_rel1.png) no-repeat 0 4px; background-size:6px 8px; font-size:0.78em; font-weight:normal; line-height:16px; letter-spacing:-0.2px; color:#808080;} #article .social_reply .sreply_group .bundle1 .writearea2 .uid img {float:left; margin-right:5px; height:16px;} #article .social_reply .sreply_group .bundle1 .writearea2 fieldset {margin-top:8px; background:#fff; border:1px solid #d9d9d9;} #article .social_reply .sreply_group .bundle1 .writearea2 fieldset textarea {display:block; padding-top:10px; width:100%; height:68px; font-family:dotum,'돋움'; font-size:0.85em; letter-spacing:-0.2px; color:#262626;} #article .social_reply .sreply_group .bundle1 .writearea2 .check_box {display:block; overflow:hidden; margin-top:7px;} #article .social_reply .sreply_group .bundle1 .writearea2 .check_box label {float:left; font-size:0.78em; line-height:16px; color:#999;} #article .social_reply .sreply_group .bundle1 .writearea2 .check_box input[type='checkbox'] {float:left; margin-right:8px; border:1px solid #c9c9c9;} #article .social_reply .sreply_group .bundle1 .writearea2 .length {position:absolute; top:16px; right:0; height:16px; font-size:0.78em; line-height:16px; letter-spacing:-0.2px; color:#999;} #article .social_reply .sreply_group .bundle1 .writearea2 .btn {overflow:hidden; margin-top:15px; height:28px; background:#fafafa; border:1px solid #d9d9d9;} #article .social_reply .sreply_group .bundle1 .writearea2 .btn a {float:left; margin-left:-1px; width:50%; height:100%; font-size:0.86em; line-height:28px; text-align:center; letter-spacing:-0.6px; color:#4c4c4c; border-left:1px solid #d9d9d9;} #article .social_reply .sreply_group .bundle1 .writearea2 .btn a:first-child {margin-left:0; border-left:none;} #article .social_reply .more_rp {clear:both; overflow:hidden; margin-top:-10px; height:30px; border:1px solid #cfcfcf;} #article .social_reply .more_rp button {display:block; width:100%; height:100%; background:#d9d9d9; font-size:0.86em; line-height:30px; letter-spacing:-0.6px; color:#4c4c4c;} #article .social_reply .sreply_group .bundle1 .rp_btn {overflow:hidden; height:33px; background:#f5f5f5; border:1px solid #e8e8e8;} #article .social_reply .sreply_group .bundle1 .rp_btn li {float:left; overflow:hidden; margin-left:-1px; width:33.33%; height:100%; border-left:1px solid #e8e8e8;} #article .social_reply .sreply_group .bundle1 .rp_btn li:first-child {margin-left:0; width:33.34%; border-left:none;} #article .social_reply .sreply_group .bundle1 .rp_btn li button {display:block; width:100%; height:100%; background:#f5f5f5; font-size:0.75em; line-height:33px; letter-spacing:-0.2px; text-align:center; color:#999;} #article .social_reply .sreply_group .bundle1 .rp_btn li button em {color:#f54f4f;} /* ISSUE POLL 추가 150604 세종 */ #article .issue_poll_area {position:relative; overflow:hidden;} #article .issue_poll_area .ipbox1 {overflow:hidden; background:#dce4f3;} /* 수정 및 추가 151020 세종 */ #article .issue_poll_area .ipbox1 h3 {overflow:hidden; height:28px; background:#3b5998 url(../images/title_issuePoll1.png) no-repeat 10px 10px; background-size:auto 11px; text-indent:-9999px;} #article .issue_poll_area .ipbox1 .qst {display:block; overflow:hidden; padding:8px 10px 10px; font-size:1.05em; line-height:18px; letter-spacing:-0.6px; color:#1e3669;} #article .issue_poll_area .ipbox1 .relnews {position:relative; overflow:hidden; margin:0 10px 13px; padding-left:53px; height:17px; line-height:17px; letter-spacing:-0.6px; white-space:nowrap; text-overflow:ellipsis;} #article .issue_poll_area .ipbox1 .relnews img {position:absolute; top:0; left:0; width:44px;} #article .issue_poll_area .ipbox1 .relnews a {color:#000;} /* //수정 및 추가 151020 세종 */ #article .issue_poll_area .ipbox2 {overflow:hidden;} #article .issue_poll_area .ipbox2 .check {position:relative; overflow:hidden; height:120px;} #article .issue_poll_area .ipbox2 .check img {display:block; width:100%; min-height:100%;} #article .issue_poll_area .ipbox2 .check .yes_or_no {position:absolute; left:0; bottom:0; width:100%; height:54px; background:url(../images/bg_issuePoll1.png) repeat 0 0;} #article .issue_poll_area .ipbox2 .check .yes_or_no .label {position:absolute; top:0; display:table; width:50%; height:100%; font-weight:bold; color:#fff;} #article .issue_poll_area .ipbox2 .check .yes_or_no .label .td {display:table-cell; font-size:0.95em; line-height:14px; letter-spacing:-0.6px; text-align:center; vertical-align:middle;} #article .issue_poll_area .ipbox2 .check .yes_or_no .yes {left:0;} #article .issue_poll_area .ipbox2 .check .yes_or_no .no {right:0;} #article .issue_poll_area .ipbox2 .check .yes_or_no.result {height:100%; background:none;} #article .issue_poll_area .ipbox2 .check .yes_or_no.result .label {height:100%; background:url(../images/bg_issuePoll1.png) repeat 0 0;} #article .issue_poll_area .ipbox2 .check .yes_or_no.result .win {background-image:url(../images/bg_issuePoll3.png);} #article .issue_poll_area .ipbox2 .check .yes_or_no.result .label .pct {display:block; padding-top:2px; font-size:1.25em;} #article .issue_poll_area .ipbox2 .check .yes_or_no.result .label .su {font-size:0.90em;} #article .issue_poll_area .ipbox2 .check .yes_or_no .vs {position:absolute; top:50%; left:50%; overflow:hidden; margin:-17px 0 0 -17px; width:34px; height:34px; background:url(../images/bg_issuePoll2.png) no-repeat 0 0; background-size:34px 34px; text-indent:-9999px; z-index:1;} #article .issue_poll_area .ipbox2 .check .click_star {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background:url(../images/bg_issuePoll1.png) repeat 0 0;} #article .issue_poll_area .ipbox2 .check .click_star strong {display:block; padding-top:17px; font-size:1.2em; font-weight:normal; text-align:center; line-height:28px; letter-spacing:-0.6px; color:#fff;} #article .issue_poll_area .ipbox2 .check .click_star .starbox {position:absolute; top:52px; left:50%; margin-left:-62px; width:125px; height:16px; background:url(../images/bg_check_star0.png) no-repeat 0 0; background-size:auto 16px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox input[type='radio'] {position:absolute; top:-100px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox label {position:absolute; top:0; overflow:hidden; width:27px; height:16px; text-indent:-9999px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox label[alt="one"] {left:-5px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox label[alt="two"] {left:22px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox label[alt="three"] {left:49px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox label[alt="four"] {right:22px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox label[alt="five"] {right:-5px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox .starbg {display:none; width:100%; height:100%; background-size:auto 16px;} #article .issue_poll_area .ipbox2 .check .click_star .starbox input[alt="one"]:checked + .starbg {display:block; background-image:url(../images/bg_check_star1.png);} #article .issue_poll_area .ipbox2 .check .click_star .starbox input[alt="two"]:checked + .starbg {display:block; background-image:url(../images/bg_check_star2.png);} #article .issue_poll_area .ipbox2 .check .click_star .starbox input[alt="three"]:checked + .starbg {display:block; background-image:url(../images/bg_check_star3.png);} #article .issue_poll_area .ipbox2 .check .click_star .starbox input[alt="four"]:checked + .starbg {display:block; background-image:url(../images/bg_check_star4.png);} #article .issue_poll_area .ipbox2 .check .click_star .starbox input[alt="five"]:checked + .starbg {display:block; background-image:url(../images/bg_check_star5.png);} #article .issue_poll_area .ipbox2 .check .click_star .sendstar {position:absolute; bottom:15px; left:50%; margin-left:-23px; width:65px; height:22px; background:url(../images/btn_sendStar.png) no-repeat 0 0; background-size:65px auto;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty {float:left; overflow:hidden; margin:10px 0 0 18px; width:130px;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li {overflow:hidden; margin-top:5px; padding-top:2px; height:13px; font-size:0.95em; letter-spacing:-0.8px; line-height:12px; font-style:italic; color:#fff;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li:first-child {margin-top:0;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li span {float:left; overflow:hidden; margin-right:4px; height:100%; background:url(../images/bg_check_resultStar.png) no-repeat 0 center; background-size:79px 13px; text-indent:-9999px;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li.one span {width:15px;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li.two span {width:31px;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li.three span {width:46px;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li.four span {width:63px;} #article .issue_poll_area .ipbox2 .check .click_star.result .qty li.five span {width:79px;} #article .issue_poll_area .ipbox2 .check .click_star.result .average {float:right; display:table; margin:17px 20px 0 0; width:91px; height:88px; background:url(../images/bg_check_resultStar2.png) no-repeat 0 0; background-size:91px 88px; font-size:0.95em; letter-spacing:-0.8px; color:#fff;} #article .issue_poll_area .ipbox2 .check .click_star.result .average .td {display:table-cell; padding-top:14px; width:100%; height:100%; text-align:center; vertical-align:middle;} #article .issue_poll_area .ipbox2 .check .click_star.result .average .su {font-size:1.65em; font-style:italic;} /* 포토슬라이드 추가 151020 세종 */ #article .photo_slide {position:relative; overflow:hidden; background:#e5e5e5;} #article .photo_slide .pslide_header {overflow:hidden; height:43px; font-size:1.05em; line-height:43px; letter-spacing:-0.6px;} #article .photo_slide .pslide_header h4 {float:left; overflow:hidden; margin:0 10px; padding-right:30px; height:43px; font-weight:normal; color:#000;} #article .photo_slide .pslide_header h4 em {padding-right:5px; font-style:normal; color:#f13939;} #article .photo_slide .pslide_header .pinfo_count {float:left; margin-left:-35px; color:#b3b3b3;} #article .photo_slide .pslide_header .pinfo_count .current {color:#f13939;} #article .photo_slide .pslide_box {position:relative; overflow:hidden; margin:0 auto; padding-bottom:100%; width:100%;} #article .photo_slide .pslide_box .slide_area {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; height:100%;} #article .photo_slide .pslide_box .slide_area .photo {overflow:hidden; width:100%; height:100%; text-align:center;} #article .photo_slide .pslide_box .slide_area .photo .vm {display:inline-block; margin-right:-8px; width:0; height:100%; font-size:0; line-height:0; vertical-align:middle;} #article .photo_slide .pslide_box .slide_area .photo img {display:inline-block; max-width:100%; max-height:100%; vertical-align:middle;} #article .photo_slide .pslide_box .slide_area .subject {position:absolute; left:0; right:0; bottom:0; overflow:hidden; padding:0 10px; height:33px; background:url(../images/bg_shadow5.png) repeat 0 0; font-size:1em; font-weight:normal; line-height:33px; text-overflow:ellipsis; white-space:nowrap; color:#fff;} #article .photo_slide .pslide_box .slide_area button {position:absolute; top:50%; margin-top:-17px; width:34px; height:34px;} #article .photo_slide .pslide_box .slide_area .prev {left:10px; background:url(../images/btn_prev1.png) no-repeat 0 0; background-size:33px auto;} #article .photo_slide .pslide_box .slide_area .next {right:10px; background:url(../images/btn_next1.png) no-repeat 0 0; background-size:33px auto;} /* 이 뉴스도 봐봐 // 추가 170224 윤선 */ #article .rel_box {padding:15px 0; clear:both;} #article .rel_box .box {padding:15px; position:relative; background:#f3f3f3;} #article .rel_box .tit {margin-top:-6px; font-size:16px;} #article .rel_box .rel_slide {height:52px; overflow:hidden;} #article .rel_box .page {position:absolute; top:15px; right:15px; overflow:hidden;} #article .rel_box .page button {float:left; height:20px; background-image:url(../images/btn_prevnext3.png); background-size:39px 20px; color:transparent;} #article .rel_box .page button.prev {width:19px; background-position:0 0;} #article .rel_box .page button.next {width:20px; background-position:-19px 0;} /* // 이 뉴스도 봐봐 // 추가 170224 윤선 */ /* 추가 190211 세종 */ /* 공감,비공감 */ .agree_type {position:relative; overflow:hidden;} /* 수정 220607 동현 */ .agree_type:after {content:' '; position:absolute; top:0; left:50%; bottom:0; width:1px; background:#ddd; font-size:0; line-height:0;} .agree_type.agree:after {background:#f24850;} /* 추가 220607 동현 */ .agree_type li {float:left; width:50%;} .agree_type li button {width:100%; height:100%; background:#fff; text-align:center; line-height:38px; font-size:14px; letter-spacing:-0.5px; color:#333;} .agree_type li button strong {display:inline-block; padding-left:27px; font-weight:normal;} .agree_type li.positive {border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;} /* 추가 220607 동현 */ .agree_type li.negative {border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;} /* 추가 220607 동현 */ .agree_type li.on {border-color:#f24850;} .agree_type li.on:after {border-color:#f24850;} .agree_type li.positive button strong {background:url(../images/icon_agree1_on.png) no-repeat left center; background-size:24px auto;} .agree_type li.negative button strong {background:url(../images/icon_agree1_off.png) no-repeat left center; background-size:24px auto;} .agree_type li button em {font-style:normal;} .agree_type li button:focus, .agree_type li button:active {padding:0;} .agree_type li button:focus strong, .agree_type li button:active strong {position:relative;} /* 실시간,많이본,연예·영상 */ /* 수정 210716 세종 */ .collection1 {position:relative;} .collection1 + .ad_lmt620 {margin-top:10px;} /* 추가 240405 세종 */ .collection1 .tabgroup {position:relative; height:40px;} .collection1 .tabgroup:before {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ddd; font-size:0; line-height:0;} .collection1 .tabgroup:after {content:' '; display:block; clear:both; height:0; font-size:0; line-height:0;} .collection1 .tabgroup .bundle {float:left; position:relative; height:100%; text-align:center;} .collection1 .tabgroup .bundle:nth-child(2):before {content:' '; position:absolute; top:13px; left:0; bottom:13px; width:1px; background:#ddd; font-size:0; line-height:0;} .collection1 .tabgroup .bundle:nth-child(2):after {content:' '; position:absolute; top:13px; right:0; bottom:13px; width:1px; background:#ddd; font-size:0; line-height:0;} .collection1 .tabgroup .bundle a {font-size:1.143em; letter-spacing:-0.6px; color:#333;} .collection1 .tabgroup .bundle .line {display:inline-block; position:relative; height:100%; line-height:40px;} .collection1 .tabgroup .bundle.active a {font-weight:bold; color:#ed1846;} .collection1 .tabgroup .bundle.active .line:after {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ed1846; font-size:0; line-height:0;} .collection1 .listwrap {overflow:hidden; margin-left:-15px; margin-right:-15px;} .collection1 .listwrap .listbundle {padding-left:15px; padding-right:15px;} .collection1 .listwrap .listbundle h3.tit {position:absolute; visibility:hidden; font-size:0; line-height:0;} /* 추가 230710 세종 */ .collection1 .listwrap .listbundle .view_aw {} .collection1 .listwrap .listbundle .view_320 {display:none;} .collection1 .listwrap .listbundle .view_640 {display:none;} @media screen and (max-width: 639px){ .collection1 .listwrap .listbundle .view_320 {display:block;} .collection1 .listwrap .listbundle .view_640 {display:none;} } @media only screen and (min-width:640px) { .collection1 .listwrap .listbundle .view_320 {display:none;} .collection1 .listwrap .listbundle .view_640 {display:block;} } .collection1 .etcbox1 {display:flex; flex-direction:column; justify-content:center; overflow:hidden; margin:12px -15px 0; height:61px; text-align:center; letter-spacing:-0.5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .collection1 .list_p26 + .etcbox1 {margin:12px 0 0;} /* 추가 240405 세종 */ .collection1 .etcbox1 .mlink {} .collection1 .etcbox1 .mlink a {display:inline-block; padding-right:27px; background:url(../images/bl_arrow4.png) no-repeat right center; background-size:18px auto; font-size:1.071em; font-weight:bold; color:#333;} .collection1 .etcbox1 .mlink a:hover {text-decoration:underline;} .collection1 .etcbox1 .bmtxt {margin-top:2px; font-size:0.9286em; color:#bbb;} /* //추가 190211 세종 */ /* 핫이슈 기사본문 레이어 - 추가 161026 해리 */ #layer_article {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999;} #layer_article iframe:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7;} .laytit {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:99991;} .laytit .bg {display:block; width:100%; height:35px; background:#000; opacity:0.6;} .laytit h1 {position:relative; margin:0; padding:10px 15px; font-size:1.143em; font-weight:normal; line-height:22px; letter-spacing:-0.4px; color:#595959; border-bottom:1px solid #858585;} .laytit h2 {font-size:1.429em; line-height:24px; letter-spacing:-0.8px; color:#000;} .article_btn_close {position:fixed; top:10px; right:15px; width:16px; height:16px; background:url(../images/btn_del2.png) no-repeat 0 0; background-size:16px;} /*// 핫이슈 기사본문 레이어 - 추가 161026 해리 */ /* 기사면 네이버 뉴스채널 배너 레이어 - 추가 171026 윤선 */ .ly_box {visibility:hidden; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:9999999;} .ly_box.on {visibility:visible;} .ly_box .ly_area {visibility:hidden; margin:-260px auto 0; position:absolute; top:50%; left:0; right:0; width:290px; height:520px; background:#00c73c; z-index:9999999;} .ly_box .ly_area.on {visibility:visible;} .ly_box .ly_area .ly_cont {max-width:290px; max-height:429px;} .ly_box .ly_area .ly_cont ul {width:100%; max-height:429px; overflow:hidden;} .ly_box .ly_area .ly_cont ul li {position:relative; max-width:290px; max-height:429px;} .ly_box .ly_area .ly_cont ul li img {display:block; max-width:290px; max-height:429px;} .ly_box .ly_area .link {position:absolute; bottom:0; left:0; right:0; width:290px; height:91px; font-size:18px; line-height:40px; letter-spacing:-1.5px; text-indent:-9999px; background:url(../images/bg_layer_naverlaw.png) no-repeat 0 0; background-size:100%;} .ly_box .ly_area .btn_close {position:absolute; top:5px; right:5px; width:38px; height:38px; text-indent:-9999px; z-index:9999;} .ly_box .ly_paging {position:absolute; bottom:82px; left:0; right:0; height:10px; line-height:10px; text-align:center; z-index:9;} .ly_box .ly_paging li {display:inline-block; width:10px; height:10px; background:#CCC; border-radius:50%; text-indent:-9999px;} .ly_box .ly_paging li:first-child {margin-right:5px;} .ly_box .ly_paging li.on {background:#00c73c;} /* // 기사면 네이버 뉴스채널 배너 레이어 - 추가 171026 윤선 */ /* 본문 광고 */ #container .ad_list_t1 {overflow:hidden;} #container .ad_list_t1 > li {height:27px; font-size:1.1em !important; letter-spacing:-0.6px; line-height:27px;} /* 수정 160628 세종 */ #container .ad_list_t1 > li a {font-size:17px !important;} /* 수정 160705 세종 */ #container .ad_list_t1 .bundle1 {overflow:hidden; padding-left:9px; height:27px; background:url(../images/bl_square1.gif) no-repeat 0 11px; background-size:2px 2px; letter-spacing:-0.6px; line-height:27px;} #container .ad_list_t1 .bundle1 a {color:#333 !important;} /* 수정 151013 세종 */ #container .ad_list_t1 .bundle2 {overflow:hidden; height:27px;} #container .ad_list_t1 .bundle2 div {padding-left:6px !important; background-position:0px 11px !important;} #container .ad_list_t1 .bundle2 a {display:block; height:27px; font-weight:normal !important; line-height:27px;} #container .ad_list_p1 {position:relative; overflow:hidden;} #container .ad_list_p1 .title {overflow:hidden; height:31px; font-size:0.9em; line-height:31px; letter-spacing:-0.4px; color:#000;} #container .ad_list_p1 .photobox {position:relative; margin-bottom:31px; height:150px;} #container .ad_list_p1 .photobox .bigthum {display:block; position:relative; overflow:hidden; margin-right:67px; height:100%;} #container .ad_list_p1 .photobox .bigthum img {display:block; width:100%; min-height:100%;} #container .ad_list_p1 .photobox .subject {position:absolute; left:0; bottom:-31px; overflow:hidden; width:100%; height:31px; font-size:14px; font-weight:normal; line-height:31px; letter-spacing:-0.6px;} #container .ad_list_p1 .photobox .subject a {color:#666;} #container .ad_list_p1 .photobox .thumlist {position:absolute; top:0; right:0; width:66px; height:150px;} #container .ad_list_p1 .photobox .thumlist .bundle {position:relative; overflow:hidden; margin-top:1px; width:100%; height:49px;} #container .ad_list_p1 .photobox .thumlist .bundle:first-child {margin-top:0;} #container .ad_list_p1 .photobox .thumlist .bundle a {display:block; width:100%; height:100%;} #container .ad_list_p1 .photobox .thumlist .bundle img {display:block; width:100%; min-height:100%;} /* 추가 220506 세종 */ #container .ad_txt {position:relative;} #container .ad_txt:after {content:'AD'; position:absolute; font-family:'Malgun Gothic','맑은 고딕'; font-size:12px; font-weight:400; line-height:16px; color:#bebebe;} #container .ad_txt.adT1:after {top:4px; right:0;} #container .ad_txt.adT2:after {top:-18px; right:5px;} #container .ad-kakao {padding:12px; background:#f0f0f0;} /* 추가 240326 세종 */ /* 통합검색 */ #container .schresult2 {overflow:hidden; margin-bottom:-10px; height:30px; padding:0 15px; font-size:0.83em; letter-spacing:-0.2px; line-height:28px; color:#808080;} /* 수정 160803 세종 */ #container .schresult2 .sort {font-weight:normal; color:#4383e5;} #container .schresult2 .rstsu {font-weight:normal; color:#f54f4f;} #container .no_result {overflow:hidden; font-size:0.93em; line-height:17px; letter-spacing:-0.2px; color:#666;} #container .no_result .schword {font-weight:normal; color:#f54f4f;} /* 모바일 전체보기 */ #layer_app_list {overflow:hidden; min-height:100%; background:#fff;} #layer_app_list .app_header {overflow:hidden; height:46px; background:#d90000; text-align:center;} #layer_app_list .app_header .app_hdtit {display:block; overflow:hidden; height:100%; background:url(../images/title_mtMobile_all.gif) no-repeat center 0; background-size:196px 46px; font-size:0; line-height:0px; text-indent:-9999px;} /* 수정 230710 세종 */ #layer_app_list .app_info {overflow:hidden; margin:0 10px;} #layer_app_list .app_info .app_tit {display:block; padding-left:3px; font-size:1.06em; color:#666;} /* 수정 230710 세종 */ #layer_app_list .app_info .group {overflow:hidden; margin-top:13px; margin-left:-10px; margin-right:-10px;} #layer_app_list .app_info .group .bundle {float:left; overflow:hidden; width:25%; text-align:center;} #layer_app_list .app_info .group .bundle a {display:block; overflow:hidden;} #layer_app_list .app_info .group .bundle img {display:block; margin:0 auto; width:54px; height:54px;} #layer_app_list .app_info .group .bundle span {display:block; margin-top:5px; height:30px; font-size:0.85em; color:#666;} #layer_app_list .btn_close {position:absolute; top:15px; right:13px; width:14px; height:15px; background:url(../images/btn_close1.png) no-repeat 0 0; background-size:14px 15px;} /* 추가 160701 세종 */ .rio_olympic1 {position:relative; background:url(../images/rio2016/bg_rio1.jpg) no-repeat center center; background-size:auto 75px; word-spacing:0;} .rio_olympic1 a {display:block; overflow:hidden; width:100%; height:100%;} /* 수정 160803 세종 */ .rio_olympic1 h2 {visibility:hidden; position:absolute; top:12px; left:50%; margin-left:-6px; width:145px; height:50px;} /* 수정 160803 세종 */ .rio_olympic1 .count {position:absolute; top:10px; left:50%; margin-left:-146px; font-size:1.643em; font-weight:600; color:#eaff00;} .rio_olympic1 .date {position:absolute; top:39px; left:50%; margin-left:-146px; font-size:1.071em; color:#fff;} .rio_olympic2 {position:relative; overflow:hidden; background:#31a7dd;} .rio_olympic2 h2 {overflow:hidden; height:36px; background:url(../images/rio2016/bg_rio2.jpg) no-repeat center 0; background-size:auto 36px; font-size:1.143em; font-weight:normal; text-align:center; letter-spacing:-0.2px; line-height:36px; color:#fff;} .rio_olympic2 h2 a {color:#fff;} .rio_olympic2 h2 em {color:#eaff00;} .rio_olympic2 .status {position:relative; overflow:hidden; margin:0 auto; width:320px; height:73px;} .rio_olympic2 .status .total {float:left; margin-left:6px; width:135px; height:100%; background:url(../images/rio2016/img_rio1.gif) no-repeat center 10px; background-size:44px 30px; font-size:1.071em; font-weight:normal; line-height:112px; text-align:center; color:#fff;} .rio_olympic2 .status .total:after {content:' '; position:absolute; top:10px; left:142px; width:1px; height:53px; background:#fff; opacity:0.2;} .rio_olympic2 .status .total a {color:#FFF;} /* 추가 160808 윤선 */ .rio_olympic2 .status .total em {color:#eaff00;} .rio_olympic2 .status .medal {float:left; margin:6px 13px 0 13px;} /* 수정 160808 윤선 */ .rio_olympic2 .status .medal li {float:left; width:49px; height:60px; font-size:1.071em; text-align:center; line-height:100px; color:#fff;} .rio_olympic2 .status .medal li.gold {background:url(../images/rio2016/img_rio_medal1.png) no-repeat center 0; background-size:auto 38px;} .rio_olympic2 .status .medal li.silver {background:url(../images/rio2016/img_rio_medal2.png) no-repeat center 0; background-size:auto 38px;} .rio_olympic2 .status .medal li.bronze {background:url(../images/rio2016/img_rio_medal3.png) no-repeat center 0; background-size:auto 38px;} .rio_olympic2 .status .medal li a {color:#FFF;} /* 추가 160808 윤선 */ .rio_olympic2 .status_detail {display:block; position:relative; overflow:hidden; height:31px; letter-spacing:-0.4px; text-align:center; color:#fff;} .rio_olympic2 .status_detail:after {content:' '; position:absolute; top:0; left:0; right:0; height:1px; background:#fff; opacity:0.2;} .rio_olympic2 .status_detail img {display:block; margin:0 auto; height:100%;} .rio_medal_sort {position:relative; height:40px; background:#fff;} .rio_medal_sort ul {} .rio_medal_sort ul .bundle {float:left; position:relative; width:33.3%;} .rio_medal_sort ul .bundle.silver {width:33.4%;} .rio_medal_sort ul .bundle.new:after {content:' '; position:absolute; top:-7px; left:0; right:0; height:14px; background:url(../images/icon_new2.png) no-repeat center 0; background-size:auto 14px;} .rio_medal_sort ul .bundle a {display:block; height:38px; letter-spacing:-0.2px; text-align:center; line-height:38px; color:#999; border:1px solid #999;} .rio_medal_sort ul .bundle.gold a {color:#cfac0a; border-color:#cfac0a;} .rio_medal_sort ul .bundle.silver a {border-left:0; border-right:0;} .rio_medal_sort ul .bundle.bronze a {color:#b48572; border-color:#b48572;} .rio_medal_sort ul .bundle a strong {display:inline-block; height:38px; font-size:1.071em; font-weight:normal;} .rio_medal_sort ul .bundle a .su {display:inline-block; position:relative; top:-1px; margin-left:5px; width:24px; height:40px; color:#fff;} .rio_medal_sort ul .bundle.gold a .su {background:url(../images/rio2016/bg_medal_gold.png) no-repeat center center; background-size:24px auto;} .rio_medal_sort ul .bundle.silver a .su {background:url(../images/rio2016/bg_medal_silver.png) no-repeat center center; background-size:24px auto;} .rio_medal_sort ul .bundle.bronze a .su {background:url(../images/rio2016/bg_medal_bronze.png) no-repeat center center; background-size:24px auto;} .rio_medal_sort ul .bundle a.on {color:#fff;} .rio_medal_sort ul .bundle.gold a.on {background:#cfac0a;} .rio_medal_sort ul .bundle.silver a.on {background:#999;} .rio_medal_sort ul .bundle.bronze a.on {background:#b48572;} .rio_medal_sort ul .bundle a.on .su {background:url(../images/rio2016/bg_medal_white.png) no-repeat center center; background-size:24px auto;} .rio_medal_sort ul .bundle.gold a.on .su {color:#cfac0a;} .rio_medal_sort ul .bundle.silver a.on .su {color:#999;} .rio_medal_sort ul .bundle.bronze a.on .su {color:#b48572;} .rio_date {position:relative; overflow:hidden; height:41px; background:#fff; font-size:1.071em; letter-spacing:-0.2px; line-height:41px; text-align:center; color:#000;} .rio_date:after {content:' '; position:absolute; left:15px; right:15px; bottom:0; height:1px; background:#ccc;} .rio_winners {overflow:hidden;} .rio_winners .bundle {position:relative; overflow:hidden; padding:15px 15px 10px; background:#fff;} .rio_winners .bundle + .bundle {margin-top:10px;} .rio_winners .bundle .winner {position:relative; overflow:hidden; padding-left:115px; height:125px;} .rio_winners .bundle .winner .photo {position:absolute; top:0; left:0; overflow:hidden; width:100px; height:100px;} .rio_winners .bundle .winner .photo img {display:block; width:100%; min-height:100%;} .rio_winners .bundle .winner .photo:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/rio2016/frame_rio_200x200.png) no-repeat 0 0; background-size:100px 100px;} .rio_winners .bundle .winner .name {display:block; font-size:1.214em; font-weight:normal; letter-spacing:-0.2px; line-height:24px; color:#000;} .rio_winners .bundle .winner .info {overflow:hidden;} .rio_winners .bundle .winner .info li {overflow:hidden; height:24px; letter-spacing:-0.2px; line-height:24px; color:#000;} .rio_winners .bundle .relnews {position:relative;} .rio_winners .bundle .relnews h4 {overflow:hidden; padding-top:2px; font-size:1.071em; font-weight:normal; letter-spacing:-0.4px; color:#000;} .rio_winners .bundle .relnews h4 em {color:#0081c8;} .rio_winners .bundle .relnews ul {overflow:hidden; margin-top:4px;} .rio_winners .bundle .relnews ul li {overflow:hidden; height:25px; line-height:25px; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap;} .rio_winners .bundle .relnews ul li a {color:#000;} .rio_nomedal {overflow:hidden; min-height:202px; background:#fff url(../images/rio2016/txt_rio2.gif) no-repeat center 25px; background-size:auto 152px; font-size:0; line-height:0; text-indent:-9999px;} .rio_list_p2 {overflow:hidden;} .rio_list_p2 .bundle {position:relative; overflow:hidden; padding:8px 0; font-size:1.2em; line-height:22px; border-top:1px solid #f2f2f2;} .rio_list_p2 .bundle:first-child {border-top:none;} .rio_list_p2 .bundle a {display:block; position:relative; overflow:hidden; letter-spacing:-0.5px; color:#000;} .rio_list_p2 .bundle .thum {position:relative; display:block; overflow:hidden; width:31.48%; padding-bottom:18.21342857142857%;} .rio_list_p2 .bundle:first-child .thum {margin-top:7px;} .rio_list_p2 .bundle:first-child .thum~.subject1 {margin-top:4px;} .rio_list_p2 .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .rio_list_p2 .bundle .thum img {display:block; width:100%;} .rio_list_p2 .bundle .subject1 {position:absolute; top:0; left:0; margin-left:31.48%; padding-left:10px; height:100%;} .rio_list_p2 .bundle .subject1 .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} .rio_list_p2 .bundle .subject1 .txt {display:inline-block; overflow:hidden; max-height:42px; vertical-align:middle;} .rio_list_p2 .bundle .subject2 {display:block; overflow:hidden; line-height:19px;} /* //추가 160701 세종 */ /* 청탁페이지 // 추가 160922 윤선 */ .abc_info1 {position:relative; height:144px; background:url(../../gimbap/mobile/image/bg_abcInfo1.png) no-repeat center; background-size:cover;} .abc_info1 .logo {margin:0 auto; position:absolute; top:21px; left:0; right:0; width:200px; height:66px; background:url(../../gimbap/mobile/image/abcLogo.png) no-repeat center; background-size:100%; text-indent:-9999px;} .abc_info1 .link_box {position:absolute; top:102px; left:0; right:0; text-align:center;} .abc_info1 .link_box a {position:relative; display:inline-block; width:100px; height:21px; font-size:13px; line-height:22px; text-align:left; text-indent:15px; background:rgba(151,84,231,0.2); border:1px solid #371d54; color:#FFF;} .abc_info1 .link_box a:last-child {text-indent:21px;} .abc_info1 .link_box a:after {content:''; position:absolute; top:5px; right:15px; width:11px; height:11px; background:url(../../gimbap/web/images/bg_more1.png) no-repeat 0 0; background-size:100%;} .abc_info1 .link_box a:last-child:after {} .abc_info2 {position:relative; height:33px; background:url(../../gimbap/mobile/image/bg_abcInfo2.png) no-repeat 0 0; background-size:100%;} .abc_info2:after {content:''; position:absolute; top:-22px; right:16px; width:47px; height:54px; background:url(../../gimbap/mobile/image/bg_abcInfo3.png) no-repeat 0 0; background-size:100%;} .abc_info2 .link_box {padding:5px 15px 0; overflow:hidden;} .abc_info2 .link_box a {padding:0 10px; float:left; height:22px; font-size:11px; line-height:23px; letter-spacing:-0.05em; word-spacing:-0.01em; text-align:center; background:rgba(151,84,231,0.2); border:1px solid #836aae; color:#6039a1;} .abc_info2 .link_box a:after {content:''; margin-left:3px; display:inline-block; width:3px; height:5px; background:url(../../gimbap/mobile/image/bg_abcArrow1.png) no-repeat 0 0; background-size:100%;} .abc_info2 .link_box a:first-child {margin-right:6px;} .abc_tab_tit {padding:15px; overflow:hidden; background:#fff;} .abc_tab_tit .tit {position:relative; height:44px;} .abc_tab_tit .tit .icon {position:absolute; top:0; left:0; width:50px; height:45px; text-indent:-9999px; background:url(../../gimbap/mobile/image/bg_abcTxt1.png) no-repeat 0 0; background-size:100%;} .abc_tab_tit .tit .txt {position:absolute; bottom:-3px; left:72px; font-weight:400; font-size:12px; line-height:16px; letter-spacing:-0.05em; word-spacing:-0.01em; color:#999;} .innerbox1 .abc_tab_tit {padding:15px 0;} .abc_icon_list1 {margin-top:-1px; overflow:hidden;} .abc_icon_list1 li {margin-top:14px; position:relative; float:left; width:33.33%; height:25px; line-height:24px;} .abc_icon_list1 li a {display:block; height:100%; overflow:hidden; font-size:14px; letter-spacing:-0.05em; color:#595959;} .abc_icon_list1 li a.on {color:#46bca2; } /* .abc_icon_list1 li a:active {color:#46bca2; } */ .abc_icon_list1 li a img {margin:4px 4px 0 3px; width:17px; height:17px; text-align:center;} /* .abc_icon_list1 li a:active:before {content:''; position:absolute; left:0; width:22px; height:25px; background:url(../../gimbap/web/images/bg_opacity1.png) no-repeat 0 0; background-size:100%; z-index:1;} */ .abc_icon_list1 li a.on:before {content:''; position:absolute; left:0; width:22px; height:25px; background:url(../../gimbap/web/images/bg_opacity1.png) no-repeat 0 0; background-size:100%; z-index:1;} .abc_tab_container {} .abc_tab_container .tab_cont {/* display:none; */} .abc_list_p1 {width:100%; overflow:hidden;} .abc_list_p1 li {float:left; width:100%;} .abc_list_p1 li a {display:block;} .abc_list_p1 li a .thum {display:block; position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.26%} .abc_list_p1 li a .thum img {display:block; position:absolute; top:0; left:0; width:100%; min-height:100%;} .abc_list_p1 li a .cont {margin-bottom:5px; padding:6px 15px 9px; display:block; background:#FFF;} .abc_list_p1 li:last-child a .cont {margin-bottom:0;} .abc_list_p1 li a .tit {height:40px; display:block; overflow:hidden; font-weight:400; font-size:16px; line-height:20px; color:#4c4c4c;} .abc_list_p1 li a .info {margin-top:9px; display:block; font-size:11px; color:#808080;} .slide_box {padding-bottom:10px; position:relative; background:#FFF;} .slide_box.slide_type1 {padding:0 40px 20px;} .slide_box .slide {position:relative; overflow:hidden;} .slide_box .slide .slide_list1 {overflow:hidden; width:400%;} .slide_box .slide .slide_list1 .bundle {float:left; width:25%;} .slide_box .slide .slide_list1 .bundle a {display:block;} .slide_box .slide .slide_list1 .bundle a .thum {display:block; position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:59.378%;} .slide_box .slide .slide_list1 .bundle a .thum img {display:block; position:absolute; top:0; left:0; width:100%; min-height:100%;} .slide_box .slide .slide_list1 .bundle a .cont {display:block; padding:10px 15px 10px 13px; background:#FFF;} .slide_box .slide .slide_list1 .bundle a .tit {max-height:48px; display:-webkit-box; overflow:hidden; font-weight:400; font-size:19px; line-height:24px; text-overflow:ellipsis; white-space:normal; word-break:break-all; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#1a1a1a;} .slide_box .slide_num {position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center;} .slide_box .slide_num .num {margin-left:10px; display:inline-block; width:11px; height:11px; background:#CCC; border-radius:50%; color:transparent; vertical-align:top;} .slide_box .slide_num .num:first-child {margin-left:0;} .slide_box .slide_num .num.on {background:#4ed7b9;} .card_news1 {margin-left:-10px; position:relative;} .card_news1 .bundle {margin:0 0 13px 10px; float:left; width:120px !important;} .card_news1 .bundle a {display:block;} .card_news1 .bundle a .thum {display:block; position:relative; overflow:hidden; width:120px; height:120px;} .card_news1 .bundle a .thum:after {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.10);} .card_news1 .bundle a .thum img {width:100%; min-height:100%;} .card_news1 .bundle a .cont {margin-top:5px; display:block;} .card_news1 .bundle a .cont .tit {display:block; height:34px; overflow:hidden; font-weight:normal; font-size:16px; line-height:17px; color:#4c4c4c;} .card_news1 .bundle a .cont .cate {margin-top:5px; display:block; font-size:13px; color:#4073d9;} .btn2 {padding:0 15px 25px; background: #FFF;} .btn2 .btn_more1 {height:38px; display:block; font-size:12px; line-height:38px; text-align:center; background:#FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC; color:#808080;} .innerbox1 .photo2 {overflow:hidden; position:relative; margin:0 auto; max-width:560px;} .innerbox1 .photo2 img {display:block; width:100%;} .innerbox1 .photo2 button {position:absolute; top:50%; margin-top:-20px; width:41px; height:41px;} .innerbox1 .photo2 .prev {left:5px; background:url(../images/btn_prev1.png) no-repeat 0 0; background-size:41px 41px;} .innerbox1 .photo2 .next {right:5px; background:url(../images/btn_next1.png) no-repeat 0 0; background-size:41px 41px;} /* // 청탁페이지 // 추가 160922 윤선 */ /* 핫이슈 스와퍼 - 추가 161026 해리 */ .swiper_icon {position:fixed; top:50%; margin-top:-23px; max-height:400px; z-index:2001;} .swiper_icon.prev {left:0;} .swiper_icon.next {right:0;} .swiper_icon img {display:block; padding-top:39%; height:47px;} /* MT 2016년 키워드 // 추가 161223 윤선 */ .bnr_keywordArea {margin:0 auto; width:auto; height:75px; position:relative; background:#1b0e6f url(../images/bg_bnr2016keywordl_mobile1.png) repeat-x 0 bottom; background-size:320px 13px;} .bnr_keywordArea:before {content:''; position:absolute; top:0; right:0; width:61px; height:50px; background:url(../images/btn_slideNext1.png) no-repeat center; background-size:61px 50px; z-index:9999;} .bnr_keywordArea:after {content:''; position:absolute; bottom:6px; right:4.5%; width:16px; height:17px; background:url(../images/bg_bnr2016keywordl_mobile2.png) no-repeat 0 0; background-size:100%; z-index:99;} .bnr_keywordArea .bnr_tit {position:absolute; top:0; left:0; width:95px; height:75px; background:url(../images/bg_bnr2016keywordl_mobile3.png) no-repeat 0 0; background-size:95px 75px; color:transparent; z-index:9;} .bnr_keywordArea .bnr_keywordBox {margin-left:89px; position:relative;} .bnr_keywordArea .bnr_keywordBox ul {height:24px; display:table; white-space:nowrap;} .bnr_keywordArea .bnr_keywordBox ul:after {content:''; padding-right:40px;} .bnr_keywordArea .bnr_keywordBox ul li {padding:22px 15px 0 0; display:table-cell;} .bnr_keywordArea .bnr_keywordBox ul li a {font-size:18px; color:#FFF;} /* 베스트클릭 스와프 - 추가 170119 해리 */ .bx_lol {background:#FFF; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .bx_lol .tab_view {margin:0 19px 0 22px;} .best_lol {} .best_lol ul {display:table; overflow:hidden; width:100%; white-space:nowrap;} .best_lol ul li {display:table-cell; padding:0 12px 0 13px; line-height:40px; letter-spacing:-1px; text-align:center; color:#000; white-space: nowrap;} .best_lol ul li:first-child {padding-left:0;} .best_lol ul li:last-child {padding-right:0;} .best_lol ul li.on {color:#ed0000;} /* 베스트클릭 스와프 - 추가 170119 해리 */ /* 베스트클릭 많이본뉴스 날짜 - 추가 170517 해리 */ .lankdate {position:absolute; top:0; right:0;} .lankdate span {visibility:visible; display:block; width:24px; height:23px; font-size:0; line-height:0;} .lankdate .arrow_prev {position:relative; float:left; background:#fff; width:24px; height:23px; border:1px solid #e0e0e0;} .lankdate button.arrow_prev {width:26px; height:25px; border:1px solid #ccc;} .lankdate .arrow_next {position:relative; float:left; background:#fff; width:24px; height:23px; border:1px solid #e0e0e0;} .lankdate button.arrow_next {width:26px; height:25px; border:1px solid #ccc;} .lankdate .arrow_prev span:before, .lankdate .arrow_prev span:after {content: ""; position:absolute; top:0; left:0; width:0; height:0;} .lankdate .arrow_prev span:before {left:-2px; margin-top:3px; border:9px solid transparent; border-right-color: #ccc;} .lankdate .arrow_prev span:after {left:-1px; margin-top:1px; border:11px solid transparent; border-right-color:#fff;} .lankdate button.arrow_prev span:before {border-right-color: #808080;} .lankdate .arrow_next span:before, .lankdate .arrow_next span:after {content: ""; position:absolute; top:0; left:0; width:0; height:0;} .lankdate .arrow_next span:before {left:9px; margin-top:3px; border:9px solid transparent; border-left-color:#ccc;} .lankdate .arrow_next span:after {left:8px; margin-top:5px; border:7px solid transparent; border-left-color:#fff;} .lankdate button.arrow_next span:before {border-left-color:#808080;} .lankdate .date {float:left; margin-top:2px; padding:0 8px; font-weight:normal; letter-spacing:-0.3px;} /*// 베스트클릭 많이본뉴스 날짜 - 추가 170517 해리 */ /* 메인 메뉴 스와프 - 추가 170612 윤선 */ .bx_lol2 {padding-top:10px; width:100%; background:#f5f5f5; z-index:10;} /* 수정 171030 해리 */ .bx_lol2.gnb_scroll {position:fixed; top:-50px; left:0; right:0; overflow:hidden; padding:0; height:50px; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:9999;} /* 추가 171030 해리 */ .bx_lol2.gnb_scroll.gnb_down {top:0; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:99999;} /* 추가 171030 해리 */ .bx_lol2 > div {background:#FFF;} .bx_lol2 .tab_view {margin:0 15px; overflow:hidden;} .bx_lol2 .nav_lol {width:100%;} .bx_lol2 .nav_lol ul {display:table; overflow:hidden; width:100%;} .bx_lol2 .nav_lol ul li {display:table-cell; line-height:50px; text-align:center; white-space:nowrap; box-sizing:border-box;} .bx_lol2 .nav_lol ul li:first-child a {padding-left:0;} .bx_lol2 .nav_lol ul li:last-child a {/*padding-right:10px;*/} /* 수정 221124 세종 */ .bx_lol2 .nav_lol ul li a {padding-left:13px; display:block; font-weight:bold; font-size:16px; letter-spacing:-1px; color:#333;} .bx_lol2 .nav_lol ul li.on a {color:#ed0000;} /*// 메인 메뉴 스와프 - 추가 170612 윤선 */ /* 큐레이션 메뉴 - 수정 170807 윤선 */ .menu_list {margin-top:10px; padding:0 10px; overflow:hidden; background:#FFF;} .menu_list ul {display:table; overflow:hidden; width:100%; white-space:nowrap;} .menu_list ul li {position:relative; display:table-cell; line-height:35px; text-align:center; white-space:nowrap;} .menu_list ul li:before {content:''; position:absolute; top:9px; left:0; width:1px; height:17px; background:#ededed;} .menu_list ul li:first-child a {padding-left:0;} .menu_list ul li:first-child:before {content:none;} .menu_list ul li a {padding:0 4px 0 5px; display:block; font-weight:bold; font-size:14px; color:#444;} .menu_list ul li a.on {color:#ed0000;} .menu_list ul li a img.icon1 {display:unset; margin:10px 0 0 4px; width:16px; height:14px; vertical-align:top; border-radius:unset;} /* 수정 240708 세종 */ .menu_scroll {position:fixed; top:-50px; left:0; right:0; height:50px; overflow:hidden; background:#ed1846; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:9999;} .menu_scroll ul {display:table; overflow:hidden; width:100%; white-space:nowrap;} .menu_scroll ul li {position:relative; display:table-cell; line-height:50px; text-align:center; white-space:nowrap;} .menu_scroll ul li a {display:block; min-width:50px; font-weight:bold; font-size:14px; color:#FFF;} /* 수정 170906 윤선 */ .menu_scroll ul li a.on {background:#b50301;} /* 수정 170831 윤선 */ .menu_scroll ul li a img.icon1 {margin:18px 0 0 4px; width:16px; height:14px; vertical-align:top;} /* 수정 180208 세종 */ .menu_scroll.menu_down {top:0; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:99999;} /*// 큐레이션 메뉴 - 수정 170807 윤선 */ /* 인기영상 //170612 추가 */ .top_bestThum {max-height:284px; overflow:hidden; background:#FFF;} .top_bestThum a {display:block;} .top_bestThum a .thum {padding-bottom:44.378%; position:relative; display:block; width:100%; height:auto; overflow:hidden;} .top_bestThum a .thum:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url(../images/bg_shadow7.png) no-repeat 0 bottom; background-size:100%; z-index:1;} .top_bestThum a .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%;} .top_bestThum a .subject {padding:0 13px; position:absolute; bottom:13px; left:0; right:0; height:24px; overflow:hidden; font-weight:600; font-size:18px; color:#FFF; z-index:9} /* 실시간 급상승 // 추가 170630 윤선 */ .time_box {margin:0 13px; height:28px; overflow:hidden; line-height:28px;} .time_box .time_txt1 {float:left; min-width:62px; font-size:12px; letter-spacing:0.05em; text-align:right; background:url(../images/icon_time1.png) no-repeat 0 center; background-size:20px 20px; color:#666;} /* 수정 171207 윤선 */ .time_box .time_txt1:after {content:'초'; margin-left:2px;} /* 추가 171207 윤선 */ .time_box .time_txt2 {float:right; font-size:13px; text-align:right; color:#999;} /* 추가 170124 해리 */ /* 증권 */ /* 수정 220808 세종 */ .todaystock2 {position:relative; background:#fff;} .todaystock2 .title {overflow:hidden; margin-left:15px; margin-right:15px; height:41px; font-size:1.071em; letter-spacing:-0.4px; line-height:41px; color:#000; border-bottom:1px solid #ebebeb;} .todaystock2 .title2 {overflow:hidden; margin-left:15px; margin-right:15px; padding-top:7px; padding-left:5px; height:39px; font-size:15px; letter-spacing:-1px; line-height:39px; color:#000; border-bottom:1px solid #ebebeb;} .todaystock2 .title2 + .time {position:absolute; top:7px; right:20px; font-size:12px; letter-spacing:-0.5px; line-height:39px; color:#9b9b9b;} .todaystock2 .stockgroup {} .todaystock2 .stockgroup .stocklist {width:100%;} .todaystock2 .stockgroup .stocklist .bundle {overflow:hidden; height:42px; border-bottom:1px solid #f2f2f2;} .todaystock2 .stockgroup .stocklist .bundle .sort {overflow:hidden; height:100%; line-height:42px; color:#262626;} .todaystock2 .stockgroup .stocklist .bundle .sort .lmt1 {margin:0 14px;} .todaystock2 .stockgroup .stocklist .bundle .sort .kind {float:left; overflow:hidden; width:30%; font-size:1.143em; font-weight:normal; letter-spacing:-0.4px;} .todaystock2 .stockgroup .stocklist .bundle .sort .kind2 {float:left; overflow:hidden; font-size:1.143em; font-weight:normal; letter-spacing:-0.4px;} .todaystock2 .stockgroup .stocklist .bundle .sort .chg {float:right; overflow:hidden;} .todaystock2 .stockgroup .stocklist .bundle .sort .chg.dn {color:#358ef2;} /* 하락 */ .todaystock2 .stockgroup .stocklist .bundle .sort .chg.up {color:#dc1c31;} /* 상승 */ .todaystock2 .stockgroup .stocklist .bundle .sort .chg .num {float:left; padding-right:21px; font-size:1.214em;} .todaystock2 .stockgroup .stocklist .bundle .sort .chg .wave {float:left; width:44px;} .todaystock2 .stockgroup .stocklist .bundle .sort .chg .wave2 {float:right; width:56px; text-align:right;} .todaystock2 .stockgroup .stocklist .bundle .sort .chg.dn .wave {padding-left:12px; background:url(../images/icon_down1.png)no-repeat 0 center; background-size:10px 5px;} /* 하락 */ /* 수정 170608 세종 */ .todaystock2 .stockgroup .stocklist .bundle .sort .chg.up .wave {padding-left:12px; background:url(../images/icon_up1.png)no-repeat 0 center; background-size:10px 5px;} /* 상승 */ /* 수정 170608 세종 */ .todaystock2 .stockgroup .stocklist .bundle .sort .chg.steady .wave {padding-left:12px; background:url(../images/icon_steady2.gif)no-repeat 1px center; background-size:6px 2px;} .todaystock2 .stocklist2 {margin:0 15px; height:175px;} .todaystock2 .stocklist2 .list1 {display:flex; flex-direction:column; justify-content:space-between; margin-top:17px; padding:0 25px; height:159px;} .todaystock2 .stocklist2 .list1 li {display:flex; justify-content:space-between; align-items:center;} .todaystock2 .stocklist2 .list1.h40 li {height:40px;} .todaystock2 .stocklist2 .list1 li .kind {display:flex; flex-direction:column; justify-content:space-between; height:100%;} .todaystock2 .stocklist2 .list1 li .kind .kor {font-size:15px; letter-spacing:-1px; color:#000;} .todaystock2 .stocklist2 .list1 li .kind .eng {font-size:12px; font-weight:normal; color:#bbb;} .todaystock2 .stocklist2 .list1 li .chg {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; height:100%;} .todaystock2 .stocklist2 .list1 li .chg.dn {color:#1b61d1;} /* 하락 */ .todaystock2 .stocklist2 .list1 li .chg.up {color:#f52f15;} /* 상승 */ .todaystock2 .stocklist2 .list1 li .chg.steady {color:#464646;} /* 보합 */ .todaystock2 .stocklist2 .list1 li .chg .num {font-size:15px; font-weight:bold; letter-spacing:-0.5px;} .todaystock2 .stocklist2 .list1 li .chg .wave {font-size:12px;} .todaystock2 .stocklist2 .list1 li .chg.dn .wave {padding-left:8px; background:url(../images/icon_down3.png)no-repeat 0 center; background-size:6px auto;} /* 하락 */ .todaystock2 .stocklist2 .list1 li .chg.up .wave {padding-left:8px; background:url(../images/icon_up3.png)no-repeat 0 center; background-size:6px auto;} /* 상승 */ .todaystock2 .stocklist2 .list1 li .chg.steady .wave {padding-left:10px; background:url(../images/icon_steady2.gif)no-repeat 1px center; background-size:7px 2px;} /* 보합 */ .todaystock2 .stocklist2 .list2 {display:flex; flex-wrap:wrap; margin-top:17px;} .todaystock2 .stocklist2 .list2 li {flex:1 1 40%; display:flex; justify-content:center;} .todaystock2 .stocklist2 .list2 li:nth-child(1n + 3) {margin-top:23px;} .todaystock2 .stocklist2 .list2 li .lmt {display:flex; flex-direction:column;} .todaystock2 .stocklist2 .list2 li .kind {display:flex; align-items:center; line-height:15px;} .todaystock2 .stocklist2 .list2 li .kind strong {font-size:13px; letter-spacing:-1px; color:#000;} .todaystock2 .stocklist2 .list2 li .kind .date {margin-left:4px; font-size:9px; letter-spacing:-0.5px; color:#999;} .todaystock2 .stocklist2 .list2 li .chg {display:flex; flex-direction:column;} .todaystock2 .stocklist2 .list2 li .chg .num {font-size:27px; letter-spacing:-0.5px;} .todaystock2 .stocklist2 .list2 li .chg .wave {font-size:12px;} .todaystock2 .stocklist2 .list2 li .chg.dn {color:#1b61d1;} /* 하락 */ .todaystock2 .stocklist2 .list2 li .chg.up {color:#f52f15;} /* 상승 */ .todaystock2 .stocklist2 .list2 li .chg.steady {color:#464646;} /* 보합 */ .todaystock2 .stocklist2 .list2 li .chg.dn .wave {padding-left:8px; background:url(../images/icon_down3.png)no-repeat 0 center; background-size:6px auto;} /* 하락 */ .todaystock2 .stocklist2 .list2 li .chg.up .wave {padding-left:8px; background:url(../images/icon_up3.png)no-repeat 0 center; background-size:6px auto;} /* 상승 */ .todaystock2 .stocklist2 .list2 li .chg.steady .wave {padding-left:10px; background:url(../images/icon_steady2.gif)no-repeat 1px center; background-size:7px 2px;} /* 보합 */ .todaystock2 .stockgroup2 {} .todaystock2 .stockgroup2 .stocklist {height:281px;} .todaystock2 .stockgroup2 .stocklist h4 {padding:22px 14px 0; font-size:15px; letter-spacing:-1px; color:#000;} .todaystock2 .stockgroup2 .stocklist ul {display:flex; flex-direction:column; justify-content:space-between; margin-top:16px; padding:0 24px; height:159px;} .todaystock2 .stockgroup2 .stocklist .bundle {display:flex; justify-content:space-between; align-items:center;} .todaystock2 .stockgroup2 .stocklist.h40 .bundle {height:40px;} .todaystock2 .stockgroup2 .stocklist .bundle .kind {display:flex; flex-direction:column; justify-content:space-between; height:100%;} .todaystock2 .stockgroup2 .stocklist .bundle .kind .kor {font-size:15px; letter-spacing:-1px; color:#000;} .todaystock2 .stockgroup2 .stocklist .bundle .kind .eng {font-size:12px; font-weight:normal; color:#bbb;} .todaystock2 .stockgroup2 .stocklist .bundle .chg {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; height:100%;} .todaystock2 .stockgroup2 .stocklist .bundle .chg.dn {color:#1b61d1;} /* 하락 */ .todaystock2 .stockgroup2 .stocklist .bundle .chg.up {color:#f52f15;} /* 상승 */ .todaystock2 .stockgroup2 .stocklist .bundle .chg.steady {color:#464646;} /* 보합 */ .todaystock2 .stockgroup2 .stocklist .bundle .chg .num {font-size:15px; font-weight:bold; letter-spacing:-0.5px;} .todaystock2 .stockgroup2 .stocklist .bundle .chg .wave {font-size:12px;} .todaystock2 .stockgroup2 .stocklist .bundle .chg.dn .wave {padding-left:8px; background:url(../images/icon_down3.png)no-repeat 0 center; background-size:6px auto;} /* 하락 */ .todaystock2 .stockgroup2 .stocklist .bundle .chg.up .wave {padding-left:8px; background:url(../images/icon_up3.png)no-repeat 0 center; background-size:6px auto;} /* 상승 */ .todaystock2 .stockgroup2 .stocklist .bundle .chg.steady .wave {padding-left:10px; background:url(../images/icon_steady2.gif)no-repeat 1px center; background-size:7px 2px;} /* 보합 */ .todaystock2 .stockgroup2 .stocklist .time {position:absolute; right:14px; bottom:36px; font-size:12px; letter-spacing:-0.5px; color:#9b9b9b;} .todaystock2 .swiper-container {height:auto;} .todaystock2 .swiper-slide {height:auto;} .todaystock2 .swiper-pagination {display:flex; justify-content:center; left:0; right:0; bottom:14px; height:8px;} .todaystock2 .swiper-pagination-bullet {width:6px; height:6px; background-color:#fff; border:1px solid #000; opacity:1;} .todaystock2 .swiper-pagination-bullet:nth-child(1n + 2) {margin-left:9px;} .todaystock2 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#000;} .todaystock2 .stocktab {text-align:center;} .todaystock2 .stocktab li {display:inline-block; margin-left:9px; width:7px; height:7px; border:1px solid #000; border-radius:25px; text-indent:-9999px;} .todaystock2 .stocktab li:first-child {margin-left:0;} .todaystock2 .stocktab li.on {background:#000; color:red;} .todaystock2 .btn_more {position:absolute; bottom:0; right:0; height:30px; border-top:1px solid #f2f2f2;} .todaystock2 .btn_more .txt {display:block; margin-right:15px; padding-right:10px; background:url(../images/bl_arrow3.png) no-repeat right 11px; background-size:5px 9px; font-size:0.857em; line-height:29px; text-align:right; letter-spacing:-0.2px; color:#333;} .todaystock2 .btn_more2 {display:block; margin:0 15px; padding:0 5px; height:32px; line-height:32px; text-align:right; border-top:1px solid #ebebeb;} .todaystock2 .btn_more2 a {display:inline-flex; padding-right:8px; height:100%; background:url(../images/bl_arrow5.png) no-repeat right center; background-size:4px auto; font-size:12px; letter-spacing:-1px; color:#000;} /* 증권 탭 */ .mt_stock_tab1 {position:relative;} .mt_stock_tab1 .tooltip {position:absolute; top:110px; right:26px; width:20px; height:20px;} .mt_stock_tab1 .tooltip .open {display:block; width:20px; height:20px; background:url(../images/btn_tooltip1.png) no-repeat 0 0; background-size:20px auto;} .mt_stock_tab1 .tooltip .layer {position:absolute; top:25px; right:-4px; display:flex; align-items:center; width:302px; height:95px; background:#fff;} .mt_stock_tab1 .tooltip .layer:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ccc;} .mt_stock_tab1 .tooltip .layer p {margin-left:19px; font-size:12px; letter-spacing:-1px; line-height:21px; color:#9b9b9b;} .mt_stock_tab1 .tooltip .layer .close {position:absolute; top:0; right:0; width:29px; height:34px; background:url(../images/btn_close10.png) no-repeat center center; background-size:9px auto;} /* 탭(국내증시,해외증시) */ .mt_stock_tab1 .stgroup_tab {display:flex; position:relative; margin:0 15px; height:41px;} .mt_stock_tab1 .stgroup_tab:before {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ebebeb; font-size:0; line-height:0;} .mt_stock_tab1 .stgroup_tab a {flex:1 1 20%; display:flex; justify-content:center; align-items:center; height:40px; font-size:15px; letter-spacing:-1px; color:#9b9b9b;} .mt_stock_tab1 .stgroup_tab a.on {position:relative; font-weight:bold; color:#000; border-bottom:1px solid #000;} .mt_stock_tab1 .stocktab .tc-tab-cont {display:flex; overflow-x:auto; padding-left:25px; padding-right:25px;} .mt_stock_tab1 .stocktab .tc-tab-cont::-webkit-scrollbar {display:none; width:0; height:0; background:transparent; -webkit-appearance:none;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab {padding-top:20px; white-space:nowrap;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab:nth-child(1n + 2) {margin-left:10px;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab a {display:inline-flex; align-items:center; padding:0 14px;; height:26px; background:#ebebeb; font-size:14px; font-weight:bold; letter-spacing:-0.5px; color:#999; border:1px solid #ccc; border-radius:14px;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab.tc-selected a {color:#fff;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab.tc-selected.up a {background:#f52f15; border-color:#f52f15;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab.tc-selected.dn a {background:#1b61d1; border-color:#1b61d1;} .mt_stock_tab1 .stocktab .tc-tab-cont .tc-tab.tc-selected.steady a {background:#464646; border-color:#464646;} .mt_stock_tab1 .dn {color:#1b61d1 !important;} /* 하락 */ .mt_stock_tab1 .up {color:#f52f15 !important;} /* 상승 */ .mt_stock_tab1 .steady {color:#464646 !important;} /* 보합 */ .mt_stock_tab1 .tc-panel-cont {padding:0 25px;} .mt_stock_tab1 .tc-panel {display:none; padding:22px 0 0;} .mt_stock_tab1 .tc-panel.tc-selected {} .mt_stock_tab1 .tc-panel .sort {display:flex; align-items:center; letter-spacing:-0.25px;} .mt_stock_tab1 .tc-panel .sort .kor {font-size:14px; font-weight:bold;} .mt_stock_tab1 .tc-panel .sort .eng {margin-left:5px; font-size:10px; color:#a6a6a6;} .mt_stock_tab1 .tc-panel .thum {display:flex; justify-content:center; margin-top:15px; padding-left:25px;} .mt_stock_tab1 .tc-panel .chg {display:flex; letter-spacing:-0.5px; line-height:30px;} .mt_stock_tab1 .tc-panel .chg .num {font-size:24px; font-weight:bold;} .mt_stock_tab1 .tc-panel .chg .wave {margin-left:7px;} .mt_stock_tab1 .tc-panel .chg .wave2 {margin-left:5px;} .mt_stock_tab1 .tc-panel .chg.dn .wave {padding-left:8px; background:url(../images/icon_down3.png)no-repeat 0 center; background-size:6px auto;} .mt_stock_tab1 .tc-panel .chg.up .wave {padding-left:8px; background:url(../images/icon_up3.png)no-repeat 0 center; background-size:6px auto;} .mt_stock_tab1 .tc-panel .chg.steady .wave {padding-left:10px; background:url(../images/icon_steady2.gif)no-repeat 0 15px; background-size:7px 2px;} .mt_stock_tab1 .time {display:block; font-size:12px; text-align:right; color:#9b9b9b;} .mt_stock_tab1 .tc-panel .thum + .time {margin-right:-10px; padding-bottom:13px;} .mt_stock_tab1 .tc-panel-cont + .time {padding:0 14px 13px 0;} /* 검색 증권 탭 */ .mt_stock_tab1 .stocktab2 .tc-tab-cont {overflow:hidden;} .mt_stock_tab1 .stocktab2 .tc-tab-cont .tc-tab {float:left; width:25%; height:34px; background:#f3f3f3;} .mt_stock_tab1 .stocktab2 .tc-tab-cont .tc-tab a {display:block; height:32px; margin-left:-1px; font-size:1.071em; line-height:32px; letter-spacing:-0.2px; text-align:center; color:#000; border:1px solid #d7d7d7;} .mt_stock_tab1 .stocktab2 .tc-tab-cont .tc-tab:first-child a {margin-left:0;} .mt_stock_tab1 .stocktab2 .tc-tab-cont .tc-tab a .su1 {display:block; color:#262626;} .mt_stock_tab1 .stocktab2 .tc-tab-cont .tc-tab.tc-selected {background:#fff;} /*// 검색 증권 탭 */ /* //수정 220808 세종 */ /* 종목 정보 검색 */ .sch_stockbox {position:relative;} .sch_stockbox .tit {display:block; font-size:1.143em; font-weight:normal; letter-spacing:-0.4px; color:#000;} .sch_stockbox .schbx {position:relative; overflow:hidden; background:#fff; border:1px solid #666;} .sch_stockbox .txtbox {overflow:hidden; margin:0 34px 0 10px; height:33px; cursor:pointer;} /* 수정 231004 세종 */ .sch_stockbox .txtbox .kwd {display:block; width:100%; height:100%; font-size:1.071em; line-height:31px; letter-spacing:-1px; color:#999; pointer-events:none;} /* 수정 231004 세종 */ .sch_stockbox input[type='image'] {position:absolute; top:0; right:0; pointer-events: none;} /* 수정 231004 세종 */ /* 종목 정보 스와프 */ .stock_lst {position:relative;} .stock_lst ul {display:table; overflow:hidden; width:100%; white-space:nowrap;} .stock_lst ul li {display:table-cell; padding:0 10px 0 11px; line-height:43px; letter-spacing:-0.4px; text-align:center; color:#999; white-space: nowrap;} .stock_lst ul li:first-child {padding-left:0; text-align:left;} .stock_lst ul li:last-child {padding-right:0; text-align:right;} .stock_lst ul li.on {font-weight:bold; color:#000;} /* 종목 시세 */ .mt_stock_box {border-top:1px solid #999;} .mt_stock_box .mt_stock_cont {} .mt_stock_box .mt_stock_cont .stocktit {display:block; padding-left:15px; height:35px; background:#ebebeb; font-size:1.071em; line-height:35px; letter-spacing:-0.4px; color:#666;} .mt_stock_box .mt_stock_cont .cont {width:100%; height:131px;} .mt_stock_box .mt_stock_cont .cont .nodate {display:block; padding-top:55px; text-align:center;} .mt_stock_box .mt_stock_cont .cont .bundle {position:relative; overflow:hidden; height:43px; border-top:1px solid #f2f2f2;} .mt_stock_box .mt_stock_cont .cont .bundle:first-child {border-top:0;} .mt_stock_box .mt_stock_cont .cont .bundle .sort {overflow:hidden; height:100%; line-height:43px; color:#262626;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .lmt1 {margin:0 14px;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .kind {float:left; overflow:hidden; margin-right:193px; font-size:1.143em; font-weight:normal; letter-spacing:-0.4px;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg {position:absolute; right:15px; top:0; overflow:hidden;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .dn {color:#358ef2;} /* 하락 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .up {color:#dc1c31;} /* 상승 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .num {float:left; width:75px; text-align:right; font-size:1.071em;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave {float:left; width:63px; text-align:right;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave span {display:inline-block;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave.dn .icon1 {padding-left:12px; background:url(../images/icon_down1.png)no-repeat 0 center; background-size:10px 5px;} /* 하락 */ /* 수정 170608 세종 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave.up .icon1 {padding-left:12px; background:url(../images/icon_up1.png)no-repeat 0 center; background-size:10px 5px;} /* 상승 */ /* 수정 170608 세종 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave.dn .icon2 {padding-left:12px; background:url(../images/icon_down2.png)no-repeat 0 center; background-size:10px 9px;} /* 하락 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave.up .icon2 {padding-left:12px; background:url(../images/icon_up2.png)no-repeat 0 center; background-size:10px 9px;} /* 상승 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave2 {float:right; width:55px; text-align:right;} /* 종목 칼럼 */ .stock_col {position:relative; padding:14px 25px 0 73px; background:url(../images/imgbanner_stock1.jpg) no-repeat 23px bottom; background-size:46px 59px; background-color:#4c70b6;} .stock_col .lst_scol {position:relative;} .stock_col .lst_scol .bundle {} .stock_col .lst_scol .bundle .area {overflow:hidden;} .stock_col .lst_scol .bundle .sort {display:block; overflow:hidden; font-size:1.071em; letter-spacing:-0.4px; line-height:20px; color:#99c4ff;} .stock_col .lst_scol .bundle .subject {overflow:hidden; height:20px; font-size:1.071em; letter-spacing:-0.4px; line-height:20px; color:#fff;} .stock_col .btn_prev {position:absolute; top:0; left:0; width:18px; height:70px; background:url(../images/btn_prev6.png) no-repeat right center; background-size:8px 15px; background-color:#4c70b6; font-size:0; line-height:0;} .stock_col .btn_next {position:absolute; top:0; right:0; width:18px; height:70px; background:url(../images/btn_next6.png) no-repeat 0 center; background-size:8px 15px; background-color:#4c70b6; font-size:0; line-height:0;} /* 증권 검색 결과 */ .stock_search {position:relative;} .stock_search .company {position:relative; padding-right:80px;} .stock_search .company .name {font-size:1.429em; letter-spacing:-0.4px; color:#000;} .stock_search .company .code {display:inline-block; margin-left:7px; font-size:0.929em; color:#999;} .stock_search .company .icon {position:absolute; top:0; right:0; height:20px; padding:0 8px 0 7px; font-size:0.929em; line-height:20px; letter-spacing:-0.4px; color:#5876b3; border:1px solid #5876b3; border-radius:2px;} .stock_search .date {display:block; font-size:0.857em; text-align:right; color:#999;} .stock_search .tc-panel {display:none; padding:18px 0 8px; text-align:center;} /*// 추가 170124 해리 */ /* 추가 170517 해리 */ /* 연예베스트 슬라이드 */ .starbestSc {} .starbestSc .group {width:100%;} .starbestSc .bundle {position:relative; float:left; margin-left:10px; width:210px; height:167px;} .starbestSc .bundle:first-child {margin-left:15px;} .starbestSc .bundle a {display:block; position:relative; color:#000;} .starbestSc .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; height:122px;} .starbestSc .bundle .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%;} .starbestSc .bundle .subject {display:block; margin-top:8px; height:40px; font-size:1.143em; line-height:17px; letter-spacing:-0.6px;} /*// 연예베스트 슬라이드 */ /* 이미지 슬라이드 */ .starbestSc2 {} .starbestSc2 .group {width:100%;} .starbestSc2 .bundle {position:relative; float:left; margin-left:10px; width:140px; height:140px;} .starbestSc2 .bundle:first-child {margin-left:15px;} .starbestSc2 .bundle a {display:block; position:relative; color:#000;} .starbestSc2 .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; height:140px;} .starbestSc2 .bundle .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%;} .starbestSc2 .bundle .thum .gsu {position:absolute; right:5px; bottom:5px; width:26px; height:26px; background:url(../images/bg_gsu1.png) no-repeat 0 0; background-size:26px 26px; font-size:0.75em; text-align:center; text-indent:-4px; line-height:24.5px; letter-spacing:-1.5px; color:#fff;} /* 핫포토 이미지 */ .hotThum {position:relative;} .hotThum .group {} .hotThum .bundle {float:left; width:33.33%;} .hotThum .first .bundle {float:right;} .hotThum .first .bundle:first-child {float:left; width:66.666%} .hotThum .bundle a {position:relative; display:block; overflow:hidden;} .hotThum .bundle .thum {position:relative; display:block; overflow:hidden; width:100%; padding-bottom:100%;} .hotThum .bundle .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .hotThum .bundle .thum img {display:block; width:100%;} /* 영상 : 추가 190808 동현 */ .vodSlide {} .vodSlide .group {width:100%;} .vodSlide .bundle {float:left; position:relative; margin-left:15px; width:170px; height:162px;} .vodSlide .bundle a {display:block; position:relative; color:#000;} .vodSlide .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; height:95px;} .vodSlide .bundle .thum img {position:absolute; top:-17px; left:0; width:100%; min-height:100%;} .vodSlide .bundle .subject {display:block; overflow:hidden; margin-top:8px; height:46px; font-size:16px; line-height:23px; letter-spacing:-0.6px;} /* 이슈패키지 : 추가 190808 동현*/ .issuepackage {position:relative; background:#fff;} .issuepackage .issuegroup .issuelist {width:100%;} .issuepackage .issuegroup .issuelist .bundle {overflow:hidden;} .issuepackage .issuegroup .issuelist .bundle:nth-child(2) {border-bottom:1px solid #f2f2f2;} .issuepackage .issuegroup .issuelist .bundle a {display: block;} .issuepackage .issuegroup .issuelist .bundle .thum {display:block; position:relative; overflow:hidden; padding-bottom:62.0689%; width:100%;} .issuepackage .issuegroup .issuelist .bundle .thum img {position:absolute; top:0; left:0; width:100%; min-height:100%;} .issuepackage .issuegroup .issuelist .bundle .thum .thum_txt_box {position:absolute; overflow:hidden; bottom:0; left:0; right:0; padding:8px 15px 9px; background-color:rgba(0,0,0,0.4);} .issuepackage .issuegroup .issuelist .bundle .thum .thum_txt_box .txt {display:block; overflow:hidden; max-height:48px; font-size:18px; line-height:24px; letter-spacing:-0.025em; color: #fff;} .issuepackage .issuegroup .issuelist .bundle .txt_box {overflow:hidden; min-height:45px; font-size:16px; line-height:45px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;} .issuepackage .issuegroup .issuelist .bundle .txt_box .txt {color:#010101;} .issuepackage .issuetab {text-align:center;} .issuepackage .issuetab li {display:inline-block; width:7px; height:7px; border-radius:25px; text-indent:-9999px; background: #ddd;} .issuepackage .issuetab li:first-child {margin-left:0;} .issuepackage .issuetab li.on {background:#ed1846; color:red;} /* 연예 : 추가 190808 동현 */ .enterwrap {} .enterwrap .entergroup {overflow:hidden;} .enterwrap .entergroup .bundle {float:left; position:relative; margin-left:10px; width:138px; height:170px;} .enterwrap .entergroup .bundle:first-child {margin-left:15px;} .enterwrap .entergroup .bundle a {display:block;} .enterwrap .entergroup .bundle .thum {display:block; overflow:hidden; position:relative; width:100%; height: 102px;} .enterwrap .entergroup .bundle .thum:after {content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border:1px solid #000; opacity:0.1;} .enterwrap .entergroup .bundle .thum img {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%;} .enterwrap .entergroup .bundle .subject {display:block; overflow:hidden; margin-top:11px; height:46px; font-size:16px; line-height:23px; letter-spacing:-0.025em; color:#333;} /* 올해의 차 이벤트 170622 세종 */ .event_2017car {font-family:'맑은고딕','Malgun Gothic',dotum,sans-serif;} .event_2017car .top_2017car {overflow:hidden;} .event_2017car .top_2017car h1 {overflow:hidden; height:164px; background:#323537 url(../images/bg_autom_2017event_1.jpg) no-repeat right 0; background-size:auto 164px;} .event_2017car .top_2017car h1 img {display:block; height:136px;} .event_2017car .top_2017car .info {overflow:hidden; padding:15px 15px 13px; background:#e2e3e3;} .event_2017car .top_2017car .info ul {} .event_2017car .top_2017car .info ul li {margin-top:15px; font-size:1.143em; line-height:24px; letter-spacing:-0.8px;} .event_2017car .top_2017car .info ul li:first-child {margin-top:0;} .event_2017car .top_2017car .info ul li strong {display:inline-block; margin-right:6px; padding:3px 0 1px; width:80px; background:#464646; font-size:0.95em; font-weight:normal; letter-spacing:-1px; text-align:center; color:#e2e2e2;} .event_2017car .top_2017car .cmt1 {display:block; margin-top:9px; line-height:19px; letter-spacing:-0.7px; color:#666;} .event_2017car .body_2017car {overflow:hidden; padding:15px 15px 0;} .event_2017car .body_2017car .cars_listarea {} .event_2017car .body_2017car .cars_listarea h3 {overflow:hidden; height:43px; background:#333; font-size:1.143em; font-weight:normal; letter-spacing:-0.7px; text-align:center; line-height:43px; color:#fff;} .event_2017car .body_2017car .cars_listarea .cmt1 {display:block; margin-top:10px; letter-spacing:-0.7px; line-height:19px; color:#666;} .event_2017car .body_2017car .cars_listarea .cars_list {overflow:hidden; margin-top:15px;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle {position:relative; width:50%;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle.left {float:left;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle.right {float:right;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a {display:block; position:relative; background:#f3f3f3;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.15; filter:alpha(opacity:15);} .event_2017car .body_2017car .cars_listarea .cars_list .bundle.left a {margin-right:3px;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle.right a {margin-left:3px;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a .thum {display:block; position:relative; width:100%;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a .thum:after {content:' '; position:absolute; top:0; left:1px; right:1px; bottom:0; border-bottom:1px solid #000; opacity:0.15; filter:alpha(opacity:15);} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a .thum img {display:block; width:100%;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a .name {display:block; overflow:hidden; height:53px; font-size:1.071em; line-height:19px; text-align:center; letter-spacing:-1.8px; color:#219ddf;} .event_2017car .body_2017car .cars_listarea .cars_list .bundle a .name strong {display:block; margin-top:7px; font-weight:normal; letter-spacing:-0.5px; color:#222;} .event_2017car .body_2017car .cars_listarea .pging {overflow:hidden; margin-top:22px; height:16px; text-align:center;} .event_2017car .body_2017car .cars_listarea .pging a {display:inline-block; overflow:hidden; width:16px; height:16px; background:#dedede; font-size:0; line-height:0; vertical-align:top; text-indent:-9999px;} .event_2017car .body_2017car .cars_listarea .pging a.on, .event_2017car .body_2017car .cars_listarea .pging a:hover, .event_2017car .body_2017car .cars_listarea .pging a:focus {background:#ff8b0e;} .event_2017car .body_2017car .cars_listarea .pging a + a {margin-left:9px;} .event_2017car .body_2017car .cars_listarea .btn {overflow:hidden; margin-top:25px; height:46px; text-align:center;} .event_2017car .body_2017car .cars_listarea .btn a {display:inline-block; width:140px; height:46px; font-size:1.214em; letter-spacing:-0.8px; text-align:center; line-height:46px; color:#fff;} .event_2017car .body_2017car .cars_listarea .btn a.btn1 {background:#ed003d;} .event_2017car .body_2017car .cars_listarea .btn a.btn2 {background:#333;} .event_2017car .body_2017car .cars_listarea .btn a + a {margin-left:5px;} /* 차량 상세보기 */ #wrap .dtview_2017car {position:absolute; top:0; right:0; left:0; bottom:0; background:#2b323b; font-family:'맑은고딕','Malgun Gothic',dotum,sans-serif; z-index:100;} #wrap .dtview_2017car h1 {overflow:hidden; padding-left:10px; height:40px; background:#000; font-size:1.143em; font-weight:normal; letter-spacing:-1px; line-height:38px; color:#fff;} #wrap .dtview_2017car h1 .count {padding-left:3px; font-size:0.9em; letter-spacing:0.5px; color:#999;} #wrap .dtview_2017car h1 .count strong {font-weight:normal; color:#219ddf;} #wrap .dtview_2017car .dtview_area {position:relative; overflow:hidden; padding-bottom:71.25%; width:100%;} #wrap .dtview_2017car .dtview_area .allimg {position:absolute; top:0; left:0; right:0; bottom:0;} #wrap .dtview_2017car .dtview_area .allimg ul {height:100%;} #wrap .dtview_2017car .dtview_area .allimg ul li {overflow:hidden; width:100%; height:100%;} #wrap .dtview_2017car .dtview_area .allimg ul li .vm {display:inline-block; width:0; height:100%; vertical-align:middle;} #wrap .dtview_2017car .dtview_area .allimg ul li img {display:inline-block; width:100%; vertical-align:middle;} #wrap .dtview_2017car .dtview_area button {position:absolute; top:50%; margin-top:-21px; width:35px; height:42px; background:url(../images/btn_prevnext1.png) no-repeat 0 0; background-size:auto 42px;} #wrap .dtview_2017car .dtview_area button.prev {left:0; background-position:0 0;} #wrap .dtview_2017car .dtview_area button.next {right:0; background-position:right 0;} #wrap .dtview_2017car .info_area {position:relative; overflow:hidden; margin-top:-29px; z-index:2;} #wrap .dtview_2017car .info_area .info_area2 {overflow:hidden; margin:10px; border-right:1px solid #000;} #wrap .dtview_2017car .info_area .info_area2 .table {display:table; width:100%; font-size:1.071em; line-height:19px; letter-spacing:-0.5px; border-collapse:collapse;} #wrap .dtview_2017car .info_area .info_area2 .tr {display:table-row;} #wrap .dtview_2017car .info_area .info_area2 .th {display:table-cell; padding:7px 9px 8px; width:139px; background:#1b2835; vertical-align:middle; color:#bbbdbf; border:1px solid #000;} #wrap .dtview_2017car .info_area .info_area2 .td {display:table-cell; padding:7px 9px 8px; background:#243848; vertical-align:middle; color:#fff; border:1px solid #000;} #wrap .dtview_2017car .info_area .infobg {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.65; filter:alpha(opacity:65); z-index:-1;} #wrap .dtview_2017car .close {position:absolute; top:10px; right:12px; width:20px; height:19px;} #wrap .dtview_2017car .close img {display:block; width:100%;} /* 투표결과보기 */ #wrap .results_2017car {position:absolute; top:0; right:0; left:0; bottom:0; background:#f0f0f0; font-family:'맑은고딕','Malgun Gothic',dotum,sans-serif; z-index:100;} #wrap .results_2017car h1 {overflow:hidden; padding-left:11px; height:40px; background:#0f1115; font-size:1.143em; font-weight:normal; letter-spacing:-0.5px; line-height:38px; color:#fff;} #wrap .results_2017car .group {padding:11px 15px 15px;} #wrap .results_2017car .group.bg1 {background:#f0f0f0;} #wrap .results_2017car .group.bg2 {background:#e6e6e6;} #wrap .results_2017car .group h2 {overflow:hidden; font-size:1.357em; font-weight:600; line-height:24px; letter-spacing:-2.2px; color:#222;} #wrap .results_2017car .group ol {margin-top:9px;} #wrap .results_2017car .group ol li {overflow:hidden;} #wrap .results_2017car .group ol li img {float:left; width:33px;} #wrap .results_2017car .group ol li .name {float:left; overflow:hidden; margin-left:8px; height:33px; font-size:1.286em; font-weight:normal; letter-spacing:-0.6px; line-height:35px; color:#222;} #wrap .results_2017car .group ol li .count {float:right; overflow:hidden; height:33px; /*font-size:1.214em;*/ line-height:35px; color:#222;} #wrap .results_2017car .group ol li:first-child .name {/*font-size:1.357em;*/ font-weight:600; color:#ed003d;} #wrap .results_2017car .group ol li:first-child .count {color:#ed003d;} #wrap .results_2017car .cmt1 {overflow:hidden; padding:0 15px 13px; background:#f0f0f0; line-height:19px; letter-spacing:-0.5px; word-break:break-all; color:#666;} #wrap .results_2017car .cmt1 p {margin-top:-2px;} #wrap .results_2017car .cmt1 a {letter-spacing:-0.2px; color:#666;} #wrap .results_2017car .close {position:absolute; top:10px; right:12px; width:20px; height:19px;} #wrap .results_2017car .close img {display:block; width:100%;} /* //올해의 차 이벤트 170622 세종 */ /*// 추가 170517 해리 */ /* 랜딩페이지 - 추가 170717 해리 */ .landingPag {position:relative; padding:10px; background:#fff; border-top:1px solid #000;} .landingPag .group {} .landingPag .bundle {position:relative; overflow:hidden; margin:5px 0 0 0; width:100%; height:50px; background:#e5e5e5;} .landingPag .bundle:first-child {margin-top:0;} .landingPag .bundle a {position:relative; display:table; width:100%;} .landingPag .bundle .slogo {display:table-cell; width:85px; height:50px; font-size:0; line-height:0; text-indent:-9999px;} .landingPag .bundle.mt .slogo {background:url(../images/logo_s_mt.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.ka .slogo {background:url(../images/logo_s_kaka.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.fa .slogo {background:url(../images/logo_s_fa.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.tw .slogo {background:url(../images/logo_s_tw.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.na .slogo {background:url(../images/logo_s_na.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.mtyout .slogo {background:url(../images/logo_s_you.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.kkyout .slogo {background:url(../images/logo_s_you.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.mtntv .slogo {background:url(../images/logo_s_ntv.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle.kkntv .slogo {background:url(../images/logo_s_ntv.png) no-repeat center center; background-size:35px 35px;} .landingPag .bundle .tx1 {display:table-cell; overflow:hidden; margin-top:2px; height:18px; vertical-align:middle; color:#333;} .landingPag .bundle .tx1 span {position:relative; display:inline-block; padding-right:11px; font-size:1.143em; line-height:18px; letter-spacing:-0.6px;} .landingPag .bundle .tx1 span:after {content:' '; position:absolute; top:4px; right:0; width:7px; height:10px; background:url(../images/all_arrow.png) no-repeat 0 0; background-size:7px 70px;} .landingPag .bundle.ka .tx1 {color:#6a3e40;} .landingPag .bundle.fa .tx1 {color:#4867aa;} .landingPag .bundle.tw .tx1 {color:#44a0e9;} .landingPag .bundle.na .tx1 {color:#26c607;} .landingPag .bundle.mtyout .tx1 {color:#dc151e;} .landingPag .bundle.kkyout .tx1 {color:#dc151e;} .landingPag .bundle.mtntv .tx1 {color:#1cabad;} .landingPag .bundle.kkntv .tx1 {color:#1cabad;} .landingPag .bundle.ka .tx1 span:after {background-position:0 -10px;} .landingPag .bundle.fa .tx1 span:after {background-position:0 -20px;} .landingPag .bundle.tw .tx1 span:after {background-position:0 -30px;} .landingPag .bundle.na .tx1 span:after {background-position:0 -40px;} .landingPag .bundle.mtyout .tx1 span:after {background-position:0 -50px;} .landingPag .bundle.kkyout .tx1 span:after {background-position:0 -50px;} .landingPag .bundle.mtntv .tx1 span:after {background-position:0 -60px;} .landingPag .bundle.kkntv .tx1 span:after {background-position:0 -60px;} /*// 랜딩페이지 - 추가 170717 해리 */ /* 2017 올해의10대뉴스 추가 171214 세종 */ #container .topten2017 {padding-bottom:10px; background:#fff;} #container .topten2017 h1 {position:relative; left:0; right:0; height:70px; background:url(../images/bg_topten2017_1.png) no-repeat center 0; background-size:auto 97px; z-index:2;} #container .topten2017 h1 span {display:block; overflow:hidden; height:70px; background:url(../images/title_topten2017.png) no-repeat center center; background-size:auto 21px; font-size:0; line-height:0; text-indent:-9999px;} #container .topten2017 .tt2017_top {position:relative; left:0; right:0; background:#fff url(../images/bg_topten2017_1.png) no-repeat center -70px; background-size:auto 97px;; z-index:1;} #container .topten2017 .tt2017_top h2 {padding:18px 15px 0; font-size:25px; font-weight:bold; line-height:25px; text-align:center; letter-spacing:-1px; color:#a7073e;} #container .topten2017 .tt2017_top p {display:none; padding:8px 15px 15px; font-size:17px; line-height:23px; letter-spacing:-1px; text-align:center; color:#2e2e2e;} #container .topten2017.fix h1{position:fixed; top:50px;} #container .topten2017.fix .tt2017_top{position:fixed; top:120px;} #container .topten2017 .tt2017_middle {} #container .topten2017 .tt2017_middle .group {overflow:hidden; background:#ddd;} #container .topten2017 .tt2017_middle .group .bundle {} #container .topten2017 .tt2017_middle .group .bundle + .bundle {margin-top:10px;} #container .topten2017 .tt2017_middle .group .bundle a {display:block; position:relative;} #container .topten2017 .tt2017_middle .group .bundle a:before {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.7;} #container .topten2017 .tt2017_middle .group .bundle a:after {content:' '; position:absolute; top:0; left:0; bottom:0; width:22.1875%;} #container .topten2017 .tt2017_middle .group .bundle.no1 a:after {background:url(../images/title_topten2017_no1.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no2 a:after {background:url(../images/title_topten2017_no2.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no3 a:after {background:url(../images/title_topten2017_no3.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no4 a:after {background:url(../images/title_topten2017_no4.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no5 a:after {background:url(../images/title_topten2017_no5.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no6 a:after {background:url(../images/title_topten2017_no6.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no7 a:after {background:url(../images/title_topten2017_no7.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no8 a:after {background:url(../images/title_topten2017_no8.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no9 a:after {background:url(../images/title_topten2017_no9.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle.no10 a:after {background:url(../images/title_topten2017_no10.png) no-repeat right center; background-size:auto 39px;} #container .topten2017 .tt2017_middle .group .bundle a img {display:block; width:100%;} #container .topten2017 .tt2017_middle .group .bundle a .subject {position:absolute; top:0; right:0; bottom:0; width:77.8125%; height:100%; font-size:19px; font-weight:normal; line-height:22px; letter-spacing:-1px; color:#fff;} #container .topten2017 .tt2017_middle .group .bundle a .subject .vm1 {display:table; height:100%;} #container .topten2017 .tt2017_middle .group .bundle a .subject .vm2 {display:table-cell; padding:1px 10px 0; vertical-align:middle;} #container .topten2017_keyword {position:fixed; right:0; bottom:0; opacity:0; z-index:9998; transform: translate3d(200px, 200px, 0px); transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; } #container .topten2017_keyword.active{z-index:10000;} #container .topten2017_keyword button {position:absolute; right:30px; bottom:20px; width:58px; height:58px; background:url(../images/btn_topten2017_keyword_open.png) no-repeat 0 0; background-size:58px 58px;} #container .topten2017_keyword button.close {background:url(../images/btn_topten2017_keyword_close.png) no-repeat 0 0; background-size:58px 58px;} #container .topten2017_keyword.on{transform: translate3d(0px, 0px, 0px);opacity: 1;} #container .topten2017_keyword .group {display:none; position:absolute; right:0; bottom:80px;} #container .topten2017_keyword .group .title {position:absolute; top:11px; left:-100px; overflow:hidden; width:69px; height:60px; background:url(../images/title_topten2017_keyword.png) no-repeat 0 0; background-size:69px 60px; font-size:0; line-height:0; text-indent:-9999px;} #container .topten2017_keyword .group .bundle {width:200px;} #container .topten2017_keyword .group .bundle a {display:block; font-size:20px; line-height:40px; letter-spacing:-1px; color:#fff;} .keyword_dim {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:url(../images/bg_topten2017_keyword_1.png) repeat-y right 0; background-size:auto 2px; z-index:9999;} #header2.headerFix {position:fixed; left:0; right:0;} #container .topten2017 .tt2017_article{display:none;} /* #container .topten2017 .tt2017_article:nth-of-type(2){display:block;} #container .topten2017 .tt2017_article:nth-of-type(2) .tt2017_top p {display: block;} */ .topten2017_banner {background:#790d33;} .bannder_topSlide img {display:block; margin:0 auto; height:70px;} .bannder_topSlide li {display:none;} .bannder_topSlide * {margin:0; padding:0;} /* Slick_Slider 추가 */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display:block;} .slick-track:before, .slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;} .slick-arrow.slick-hidden {display:none;} /* //2017 올해의10대뉴스 추가 171214 세종 */ /* MT모바일메인 배너링크 */ /* 수정 180313 세종 */ .link_banner {} .link_banner a {display:block; position:relative;} .link_banner a .lb_img{font-size:0; text-indent:-9999em;} .link_banner .rdmView {display:none;} /* 추가 180622 성광 */ .rdm_view {display:none;} .mt_link_banner01 {display:block; background:#101928;} .mt_link_banner01 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner01 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../../common/etc/banner_blockchain2.jpg) no-repeat center 0; background-size: auto 70px;} .mt_link_banner02 {background:#303e6d;} .mt_link_banner02 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner02 a:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#3d3f91;} .mt_link_banner02 a:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#303e6d;} .mt_link_banner02 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/mtReportBanner02.jpg) no-repeat center 0; background-size: auto 70px; z-index:1;} /* 수정 180321 동현 */ .mt_link_banner03 {overflow:hidden; height:76px; background:#fff;} .mt_link_banner03.bg_gray {background:#f4f4f4;} .mt_link_banner03 a {display:block; overflow:hidden; height:100%; background:url(../images/blockChainBanner1.png) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0;} .mt_banner_autom_2018event {display:block; background:#22212d;} /* 추가 180622 성광 */ .mt_banner_autom_2018event a {height:60px;} /* 수정 190808 동현 */ .mt_banner_autom_2018event a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../../autoM2018/mobile/images/banner_autom_2018event.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ .mt_link_banner04 {background:#22212d;} /* 추가 180622 성광 */ .mt_link_banner04 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner04 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../../autoM2018/mobile/images/banner_autom_2018event.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ .mt_link_banner05 {background:#fefadf;} /* 수정 181113 세종 */ .mt_link_banner05 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner05 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/dentistBanner2.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ .mt_link_banner06 {background:#294197;} /* 추가 180710 성광 */ .mt_link_banner06 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner06 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/m_mt_eventBanner1.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ .mt_link_banner07 {background:#2b9974;} /* 추가 180710 성광 */ .mt_link_banner07 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner07 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/m_mt_eventBanner2.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ /* 추가 181011 동현 */ .mt_link_banner08 {overflow:hidden; height:61px; background:#fff;} .mt_link_banner08.bg_blue {background:#1f0f3b;} .mt_link_banner08 a {display:block; overflow:hidden; height:100%; background:url(../images/AAABanner.png) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0;} .mt_link_banner09 {background:#1f0f3b;} .mt_link_banner09 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner09 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/AAABanner.png) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ /* //추가 181011 동현 */ /* 추가 181101 세종 */ .mt_link_banner10 {background:#79c5ff;} .mt_link_banner10 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner10 a:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#79c5ff;} .mt_link_banner10 a:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#c966fe;} .mt_link_banner10 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/banner_mtEvent2018.jpg) no-repeat center 0; background-size: auto 60px; z-index:1;} /* 수정 190808 동현 */ .mt_link_banner11 {position:relative; overflow:hidden; height:61px; background:#79c5ff;} .mt_link_banner11:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#79c5ff;} .mt_link_banner11:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#c966fe;} .mt_link_banner11 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_mtEvent2018.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 181101 세종 */ .mt_link_banner12 {background:#01479c;} /* 추가 181130 성광 */ .mt_link_banner12 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner12 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/dentistBanner1.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ /* 추가 181214 세종 */ .mt_link_banner13 {background:#67a8fa;} .mt_link_banner13 a {height:60px;} /* 수정 190808 동현 */ .mt_link_banner13 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/banner_mtEvent2018_2.jpg) no-repeat center 0; background-size: auto 100%; z-index:1;} .mt_link_banner14 {position:relative; overflow:hidden; height:60px; background:#67a8fa;} /* 수정 190808 동현 */ .mt_link_banner14 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_mtEvent2018_2.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 181214 세종 */ /* 추가 181221 동현 : 신년 */ .mt_link_banner15 {position:relative; overflow:hidden; height:60px; background:#000;} /* 수정 190808 동현 */ .mt_link_banner15:after {content: ''; position: absolute; top: 0; left: 50%; right: 0; bottom: 0; height:100%; background: url(../images/bg_banner2.png) repeat-x center top / auto 60px;} /* 수정 190808 동현 */ .mt_link_banner15 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/newplanBanner02.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* 수정 190808 동현 */ /* //추가 181221 동현 : 신년 */ /* 추가 190107 세종 */ .mt_link_banner16 {position:relative; overflow:hidden; height:60px; background:#7d705e url(../images/mtviewBanner01_1.jpg) repeat-x 0 0; background-size:auto 100%;} /* 수정 190808 동현 */ .mt_link_banner16:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background: url(../images/mtviewBanner01_3.jpg) no-repeat right center; background-size:auto 100%;} .mt_link_banner16 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/mtviewBanner01_2.png) no-repeat left center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190107 세종 */ /* 추가 190125 세종 : 메시슈머시대 2 */ .mt_link_banner17 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner17:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#f9ac0e;} .mt_link_banner17:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#31ab9e;} .mt_link_banner17 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_hospital1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190125 세종 : 메시슈머시대 2 */ /* 추가 190131 동현 : 네이버채널 이벤트 - 설날기념 배너 */ .mt_link_banner18 {overflow:hidden; height:61px; background:#e5e9f2;} .mt_link_banner18 a {display:block; overflow:hidden; height:100%; background:url(../images/banner_naver_newYear.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0;} .mt_link_banner19 {background:#e5e9f2;} .mt_link_banner19 a {height:70px;} .mt_link_banner19 a .lb_img {position:absolute; left:0; right:0; height:100%; background:url(../images/banner_naver_newYear.jpg) no-repeat center 0; background-size: auto 60px;} /* 수정 190808 동현 */ /* //추가 190131 동현 */ /* 추가 190215 성수 : 네이버 채널 추가 이벤트 2차*/ .mt_link_banner20 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner20:before {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; background:#c9e6a4 ;} .mt_link_banner20 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_present1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190215 성수 : 네이버 채널 추가 이벤트 2차 */ /* 추가 190226 세종 : 제5회 청년금융대상 */ .mt_link_banner21 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner21:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#fad7e2;} .mt_link_banner21:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#ee769b;} .mt_link_banner21 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_5youthFinance.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190226 세종 */ /* 추가 190402 성수 : 분노측정테스트 */ .mt_link_banner22 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner22:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#d02743;} .mt_link_banner22:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#482b39;} .mt_link_banner22 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_angerquiz.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190402 성수 */ /* 추가 190404 세종 : 네이버 채널 추가 이벤트 3차 */ .mt_link_banner23 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner23:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#cde9bd;} .mt_link_banner23:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#faabd2;} .mt_link_banner23 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_present2.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190404 세종 : 네이버 채널 추가 이벤트 3차 */ /* 추가 190415 세종 : 네이버 채널 추가 이벤트 4차 */ .mt_link_banner24 {position:relative; overflow:hidden; height:60px; background:#ffcae4;} /* 수정 190808 동현 */ .mt_link_banner24 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_present3.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190415 세종 : 네이버 채널 추가 이벤트 4차 */ /* 추가 190424 성수 : 네이버 채널 추가 이벤트 5차*/ .mt_link_banner25 {position:relative; overflow:hidden; height:60px; background:#1b5de2;} /* 수정 190808 동현 */ .mt_link_banner25 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_present4.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* 추가 190424 성수 : 네이버 채널 추가 이벤트 5차*/ /* 추가 190515 세종 : KB설문조사 */ .mt_link_banner26 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner26:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#fad500;} .mt_link_banner26:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#452a19;} .mt_link_banner26 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_kbpoll1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190515 세종 : KB설문조사 */ /* 추가 190517 세종 : 유클린 청소년 콘서트 */ .mt_link_banner27 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner27:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#bcb3e3;} .mt_link_banner27:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#f780b0;} .mt_link_banner27 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_uclearn_concert1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 190517 세종 : 유클린 청소년 콘서트 */ /* 추가 191008 세종 : POPCON */ .mt_link_banner28 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner28:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#b0b7f3;} .mt_link_banner28:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#ffcfd5;} .mt_link_banner28 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_popcon1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} .mt_link_banner29 {position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px; height:61px;} .mt_link_banner29:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#b0b7f3;} .mt_link_banner29:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#ffcfd5;} .mt_link_banner29 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_popcon1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191008 세종 : POPCON */ /* 추가 191025 성수 : 모바일 어워드 */ .mt_link_banner30 {position:relative; overflow:hidden; height:60px; background-color:#001d6c;} /* 수정 190808 동현 */ .mt_link_banner30_view {margin-left:-15px; margin-right:-15px;} .mt_link_banner30 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/main_banner_mobile_conference.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191025 성수 : 모바일 어워드 */ /* 추가 191104 세종 : 경제신춘문예 공모전 */ .mt_link_banner31 {position:relative; overflow:hidden; height:70px; background-color:#fdff7a;} .mt_link_banner31 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_literary15th.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191104 세종 : 경제신춘문예 공모전 */ /* 추가 191107 동현 : 네이버 채널 구독 이벤트 */ .mt_link_banner32 {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .mt_link_banner32_view {margin-left:-15px; margin-right:-15px;} .mt_link_banner32:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#d5dbdd;} .mt_link_banner32:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#ced3d5;} .mt_link_banner32 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_main_naver_mask.png) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} .rdm_view_banner {display:none} /* // 추가 191107 동현 : 네이버 채널 구독 이벤트 */ /* 추가 191119 세종 : 네이버법률 이벤트 */ .mt_link_banner33 {position:relative; overflow:hidden; height:60px; background-color:#c1256e;} /* 수정 190808 동현 */ .mt_link_banner33 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_naverLaw.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} .mt_link_banner34 {position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px; height:61px; background-color:#c1256e;} .mt_link_banner34 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_naverLaw.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191119 세종 : 네이버법률 이벤트 */ /* 추가 191119 세종 : 페이스북 초성퀴즈 */ .mt_link_banner35 {position:relative; overflow:hidden; height:60px; background-color:#fc7b38;} /* 수정 190808 동현 */ .mt_link_banner35 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_stbucks2.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191119 세종 : 페이스북 초성퀴즈 */ /* 추가 191202 세종 : 주택 설문조사 */ .mt_link_banner36 {position:relative; overflow:hidden; height:60px; background-color:#6552e9;} /* 수정 190808 동현 */ .mt_link_banner36 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_hsSurvey1.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191202 세종 : 주택 설문조사 */ /* 추가 191210 세종 : 법률N미디어 */ .mt_link_banner37 {position:relative; overflow:hidden; height:60px; background-color:#173653;} /* 수정 190808 동현 */ .mt_link_banner37 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_fullstory2.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} .mt_link_banner38 {position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px; height:61px; background-color:#173653;} .mt_link_banner38 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_fullstory2.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191210 세종 : 법률N미디어 */ /* 추가 191218 세종 : 대한민국 법무대상 3회 */ .mt_link_banner39 {position:relative; overflow:hidden; height:60px; background-color:#1d283c;} /* 수정 190808 동현 */ .mt_link_banner39 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_kla3.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 191218 세종 : 대한민국 법무대상 3회 */ /* 추가 201119 세종 : 2020 KMA 컨퍼런스 */ .mt_link_banner40 {position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px; height:60px;} .mt_link_banner40:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#5119a5;} .mt_link_banner40:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#009fe0;} .mt_link_banner40 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_kma2020.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 201119 세종 : 2020 KMA 컨퍼런스 */ /* 추가 210226 세종 : 사회안전지수 마이크로사이트 */ .mt_link_banner41 {position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px; height:60px;} .mt_link_banner41:before {content:' '; position:absolute; top:0; left:0; width:50%; height:100%; background:#c7e0ff;} .mt_link_banner41:after {content:' '; position:absolute; top:0; right:0; width:50%; height:100%; background:#60d1d9;} .mt_link_banner41 a {display:block; position:relative; overflow:hidden; height:100%; background:url(../images/banner_MOBILE_ARTICLE_640x120.jpg) no-repeat center center; background-size:auto 100%; font-size:0; line-height:0; z-index:1;} /* //추가 210226 세종 : 사회안전지수 마이크로사이트 */ /* 추가 190808 동현 */ .rdmview_banner {position:relative; overflow:hidden; height:60px;} /* 수정 190808 동현 */ .banner_left_bg {position:absolute; top:0; left:0; width:50%; height:100%;} .banner_right_bg {position:absolute; top:0; right:0; width:50%; height:100%;} .rdmview_banner a {display:block; height:60px;} .rdmview_banner a .lb_img {position:absolute; left:0; right:0; height:100%; z-index:1;} /* //MT모바일메인 배너링크 */ /* 추가 180523 성광 */ .vote_banner {background:#003b93;} .vote_banner a {display:block; overflow:hidden; width:320px; height:70px; padding:0 15px; margin:0 auto; color:#fff; box-sizing:border-box;} .vote_banner a .va_tit {float:left; margin-top:12px;} .vote_banner a .va_tit img {width:170px;} .vote_banner a .va_tit .tit01 {display:block; font-size:1.143em;} .vote_banner a .va_tit .tit02 {display:block; font-size:1.5em;} .vote_banner a .vote_d_day {float:right; margin-top:13px; height:42px; line-height:42px; font-weight:bold; border-top:1px solid #809dc9; border-bottom:1px solid #809dc9;} .vote_banner a .vote_d_day .num_t1 {font-size:2.571em;} .vote_banner a .vote_d_day .num_t2 {font-size:1.857em; padding-right:2px;} .vote_time_counter {display:none; background:#003b93;} .vote_time_counter .vtc_con {display:block; width:320px; height:142px; margin:0 auto; padding:14px 15px 14px 17px; color:#fff; line-height:1; background:#003b93 url(../../pvcElection/mobile/images/mo_banner_pvcElection_bg1.gif) no-repeat 0 0 / cover; box-sizing:border-box;} .vote_time_counter .vtc_con .c_tit01 {margin-bottom:10px; margin-top:7px; font-family:"NanumSquare"; font-size:1.286em; letter-spacing:-0.025em;} .vote_time_counter .vtc_con .c_txt01 {margin-bottom:2px; font-size:1em; opacity:0.4; letter-spacing:-0.05em;} .vote_time_counter .vtc_con .vtc_time {margin-bottom:9px; font-weight:bold;} .vote_time_counter .vtc_con .vtc_time .c_num {margin-left:4px; margin-right:1px; font-size:2.429em; letter-spacing:-0.05em;} .vote_time_counter .vtc_con .vtc_time .c_num:first-child {margin-left:0;} .vote_time_counter .vtc_con .vtc_time .c_dot {font-size:1.071em;} .vote_time_counter .vtc_con .vtc_time .c_txt02 {margin-left:3px; font-size:1.786em; letter-spacing:-0.075em;} .vote_time_counter .vtc_con .c_txt03 {text-align:right;} .vote_time_counter .vtc_con .c_txt03 span {font-size:12px; letter-spacing:-0.025em; opacity:0.5; vertical-align:middle;} .vote_time_counter .vtc_con .c_txt03 strong {font-size:1.071em; letter-spacing:-0.025em; vertical-align:middle;} .vote_live {margin-top:10px; background:#fff;} .vote_live .imgbn1 {background:#003b93;} .vote_live .txt02 {padding:10px 0 15px; font-size:0.714em; color:#333; text-align:right;} .vl_slide .bundle {display:block; background:#fff;} .vl_slide .bundle .vl_top {overflow:hidden; line-height:47px; color:#000; border-bottom:1px solid #eaeaea;} .vl_slide .bundle .vl_top .tit01 {float:left; font-size:1.286em; font-weight:bold;} .vl_slide .bundle .vl_top .txt01 {float:right;} .vl_slide .bundle .vl_top .txt01 span {font-size:0.929em; vertical-align:top;} .vl_slide .bundle .vl_top .txt01 strong {font-size:1.286em; vertical-align:top;} .vl_slide .bundle .vl_cont {position:relative;} .vl_slide .bundle .vl_cont .vl_list {overflow:hidden; margin-top:10px;} .vl_slide .bundle .vl_cont .vl_list .cand {position:relative; float:right; width:47.5%;} .vl_slide .bundle .vl_cont .vl_list .cand:first-child {float:left;} .vl_slide .bundle .vl_cont .vl_list .cand .thum {position:relative; display:block; overflow:hidden; padding-bottom:120.6521%;} .vl_slide .bundle .vl_cont .vl_list .cand .thum .img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; font-size:0;} .vl_slide .bundle .vl_cont .vl_list .cand .info {padding:10px 0; font-size:1.143em;} .vl_slide .bundle .vl_cont .vl_list .cand .info .name {position:relative; color:#000;} .vl_slide .bundle .vl_cont .vl_list .cand .info .pol {position:relative; padding-left:8px; color:#666;} .vl_slide .bundle .vl_cont .vl_list .cand .info .pol:after {content:""; position:absolute; left:0; top:50%; margin-top:-7px; height:15px; border-right:1px solid #d3d3d3;} .vl_slide .bundle .vl_cont .vl_list .cand .per .titbox {display:inline-block; padding:0 4px; margin-right:6px; height:22px; line-height:22px; font-size:1em; color:#fff; vertical-align:middle;} .vl_slide .bundle .vl_cont .vl_list .cand .per .num {display:inline-block; line-height:22px; font-size:1.786em; font-weight:900; vertical-align:middle;} .vl_slide .bundle .vl_cont .progress_bar {overflow:hidden; margin-top:12px;} .vl_slide .bundle .vl_cont .progress_bar .bar {float:left; height:10px; box-sizing: border-box;} .vl_slide .bundle .vl_cont .progress_bar .bar:first-child {border-right:1px solid #ebebeb;} .vl_slide .bundle .vl_cont .result {position:absolute; width:40px; height:40px; background-repeat:no-repeat; background-position:0 0; background-size:cover; font-size:0;} .vl_slide .bundle .vl_cont .result.t01 {left:5px; top:5px; background-image:url(../../pvcElection/mobile/images/mo_pvcElection_icon1.png);} .vl_slide .bundle .vl_cont .result.t02 {left:5px; top:5px; background-image:url(../../pvcElection/mobile/images/mo_pvcElection_icon2.png);} .vl_slide .bundle .vl_cont .result.t03 {left:50%; margin-left:-20px; top:50%; margin-top:-55px; background-image:url(../../pvcElection/mobile/images/mo_pvcElection_icon3.png);} .vote_live .vl_btns .btn_arrow{position:absolute; top:50%; margin-top:-45px; width:22px; height:37px; z-index:50; font-size:0; text-indent:-9999em; background: rgba(0,0,0,0.3) url(../../pvcElection/mobile/images/btn_slide_arrow.png) no-repeat; background-size: 44px auto;} .vote_live .vl_btns .btn_arrow.btn_prev{left:-15px; background-position: 0 0;} .vote_live .vl_btns .btn_arrow.btn_next{right:-15px; background-position: -22px 0;} /* 정당색상 */ .vl_slide .bundle .vl_cont .vl_list .cand.political1 .per .titbox {background:#26a4fb;} .vl_slide .bundle .vl_cont .vl_list .cand.political1 .per .num {color:#26a4fb;} .vl_slide .bundle .vl_cont .progress_bar .bar.political1 {background:#26a4fb;} .vl_slide .bundle .vl_cont .vl_list .cand.political2 .per .titbox {background:#c91520;} .vl_slide .bundle .vl_cont .vl_list .cand.political2 .per .num {color:#c91520;} .vl_slide .bundle .vl_cont .progress_bar .bar.political2 {background:#c91520;} .vl_slide .bundle .vl_cont .vl_list .cand.political3 .per .titbox {background:#01b5b6;} .vl_slide .bundle .vl_cont .vl_list .cand.political3 .per .num {color:#01b5b6;} .vl_slide .bundle .vl_cont .progress_bar .bar.political3 {background:#01b5b6;} .vl_slide .bundle .vl_cont .vl_list .cand.political4 .per .titbox {background:#ffca08;} .vl_slide .bundle .vl_cont .vl_list .cand.political4 .per .num {color:#ffca08;} .vl_slide .bundle .vl_cont .progress_bar .bar.political4 {background:#ffca08;} .vl_slide .bundle .vl_cont .vl_list .cand.political5 .per .titbox {background:#4a8e43;} .vl_slide .bundle .vl_cont .vl_list .cand.political5 .per .num {color:#4a8e43;} .vl_slide .bundle .vl_cont .progress_bar .bar.political5 {background:#4a8e43;} .vl_slide .bundle .vl_cont .vl_list .cand.political6 .per .titbox {background:#a3a3a3;} .vl_slide .bundle .vl_cont .vl_list .cand.political6 .per .num {color:#a3a3a3;} .vl_slide .bundle .vl_cont .progress_bar .bar.political6 {background:#a3a3a3;} .vl_slide .bundle .vl_cont .vl_list .cand.political7 .per .titbox {background:#575757;} .vl_slide .bundle .vl_cont .vl_list .cand.political7 .per .num {color:#575757;} .vl_slide .bundle .vl_cont .progress_bar .bar.political7 {background:#575757;} .vl_slide .bundle .vl_cont .vl_list .cand.political8 .per .titbox {background:#9a9a9a;} .vl_slide .bundle .vl_cont .vl_list .cand.political8 .per .num {color:#9a9a9a;} .vl_slide .bundle .vl_cont .progress_bar .bar.political8 {background:#9a9a9a;} /* 추가 181221 동현 : 신년 */ #newplan_wrap {position:relative; width:100%; height:100%; background:#4daaf1;} #newplan_wrap .img_con {position:absolute; top:0; bottom:0; right:0; left:0; margin-top:0;} #newplan_wrap .img_box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:360px; height:auto;} #newplan_wrap .img_box img {margin:0 auto; max-width:320px;} #newplan_wrap .bot_link {position:fixed; right:0; bottom:0; left:0; background-color:#151a26;} #newplan_wrap .bot_link .txt {display:block; font-size:12px; line-height:45px; color:#4472a1; text-align:center;} /* //추가 181221 동현 : 신년 */ /* 추가 191126 성수 */ .body_fixed {position:fixed;} .login_wrap {margin-top:10px; padding:0 15px 25px; background-color:#fff;} .login_wrap .screen_reader_only, .terms_layout .screen_reader_only {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;} .login_wrap .clear:after {content:''; clear:both; display:table;} .login_wrap h2 {padding-top:11px; font-size:16px; font-weight:bold; box-sizing:border-box;} .login_wrap .login_info {margin-top:18px;} .login_wrap .input {display:block; padding-left:5px; width:100%; height:40px; background-color:#f4f4f4; font-size:14px; font-weight:500; color:#666; border:1px solid #d9d9d9; border-radius:0px; box-sizing:border-box; -webkit-appearance:none;} .login_wrap .user_form .input_area .input.readonly {background-color:#f4f4f4;} .login_wrap .select {height:50px; color:#777777; border:1px solid #d9d9d9;} .login_wrap .login_info .input {margin-bottom:7px;} .login_wrap .login_info .login_check {padding-top:3px;} .login_wrap .check_box {font-size:13px;} .login_wrap .check_box .checkbox {width:20px; height:20px;} .login_wrap .radio_btn {font-size:13px;} .login_wrap .radio_btn .radio {width:20px; height:20px;} .login_wrap .radio_btn .radio_text {display:inline-block; margin-left:-4px;} .login_wrap .btn {display:block; width:100%; height:40px; background-color:#9f9fa3; font-size:15px; font-weight:bold; color:#fff; line-height:40px; text-align:center;} .login_wrap .btn_red {background-color:#df2d2d;} .login_wrap .login_info .login_btn {margin-top:18px; background-color:#df2d2d; color:#fff;} .login_wrap .find_wrap {margin-top:25px; padding-top:20px; padding-bottom:184px; border-top:1px solid #d9d9d9; text-align:right; box-sizing:border-box;} .login_wrap .find_wrap .find_link {display:inline-block; font-size:12px;} .login_wrap .find_wrap .txt_bar {display:inline-block; margin:0 2px; color:#d9d9d9; font-size:12px; vertical-align:top;} .login_wrap .footer {font-size:11px; text-align:center;} .login_wrap .footer em {color:#f52525;} .login_wrap .step_info {margin-top:18px; text-align:center;} .login_wrap .step_info .list {display:inline-block; width:100%;} .login_wrap .step_info .list .item {float:left; position:relative; margin-right:3%; padding-top:7px; width:31.33333%; height:50px; background-color:#eeeeee; font-size:11px; color:#808080; border:1px solid #e2e2e2; text-align:center; box-sizing:border-box;} .login_wrap .step_info .list .item:after {content:''; position:absolute; top:18px; right:-6px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #eeeeee;} .login_wrap .step_info .list .item .item_inner {display:inline-block; text-align:left;} .login_wrap .step_info .list .item .item_inner h3 {margin-top:1px; font-size:14px; font-weight:normal; letter-spacing:-2px;} .login_wrap .step_info .list .item.on {background-color:#f54f4f; color:#fff; border:1px solid #da0000;} .login_wrap .step_info .list .item.on:after {border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #f54f4f;} .login_wrap .step_info .list .last {margin-right:0px;} .login_wrap .step_info .list .last:after {border:none} .login_wrap .step_info .list .last.on:after {border:none;} .login_wrap .checkbox_info .message {margin-top:14px; font-size:15px; color:#666666;} .login_wrap .checkbox_info .all_agree_btn {margin-top:22px; background-color:#df2d2d; color:#fff;} .login_wrap .checkbox_info .check_box {display:block; margin-top:15px; color:#000;} .login_wrap .checkbox_info .check_box:last-child {margin-top:10px;} .login_wrap .help_message {display:block; margin-top:12px; font-size:11px; color:#777777;} .login_wrap .terms_info .privacy_btn {margin-top:15px; background-color:#fff; font-weight:normal; color:#666666; border:1px solid #d9d9d9;} .login_wrap .terms_info .help_message:last-child {margin-top:6px;} .login_wrap .btn_group {margin-top:23px; margin-bottom:46px;} .login_wrap .btn_group .btn {float:left; margin-right:4%; width:48%; color:#fff;} .login_wrap .btn_group .btn:last-child {margin-right:0px;} .login_wrap .btn_group .confirm_btn { background-color:#df2d2d;} .login_wrap .btn_group .cancel_btn {background-color:#a9a8ad;} .terms_layout {display:none; overflow:scroll; position:absolute; top:50%; left:5%; margin-top:-222px; margin-left:0px; padding:20px 13px; width:90%; height:445px; background:#fff; z-index:10001; box-sizing:border-box;} .terms_layout .terms_layout_close {position:absolute; top:25px; right:15px; width:13px; height:13px; background-image:url('../images/close.png'); background-size:13px 13px;} .terms_layout .txt_area2 {font-size:12px;} .terms_layout h2 {margin-bottom:10px; font-size:16px;} .terms_layout h3 {font-size:12px;} .terms_layout h4 {margin-top:21px;} .dim_layout {display:none; position:absolute; top:0; left:0; right:0; bottom:0; padding-bottom:200px; background:#000; opacity:0.7; z-index:10000;} .privacy_layout {margin-top:10px; padding:0 15px 20px; background-color:#fff; box-sizing:border-box;} .privacy_layout h2 {padding-top:11px; font-size:16px;} .privacy_layout .txt_area2 {font-size:13px;} .privacy_layout .past_terms_btn {display:block; position:relative; margin-top:23px; margin-bottom:5px; width:100%; background-color:#fff; color:#666666; border:1px solid #d9d9d9;} .privacy_layout .past_terms_btn:after {content:''; position:absolute; top:16px; right:10px; width:16px; height:8px; background-image:url('../images/angle-down.png'); background-size:16px 8px;} .privacy_layout .past_terms_btn.on:after {background-image:url('../images/angle-up.png');} .privacy_layout .past_terms {display:none;} .privacy_layout .past_terms .list .item {margin-top:10px; background-color:#f4f4f4; color:#222222; border:1px solid #d9d9d9;} .privacy_layout .past_terms .list .item:first-child {margin-top:15px;} .privacy_layout .past_terms .list .item .btn {display:block; position:relative; padding:0 15px; background-color:#f4f4f4; color:#222222; font-size:13px; text-align:left; box-sizing:border-box; letter-spacing:-1.5px;} .privacy_layout .past_terms .list .item .btn:after {content:''; position:absolute; top:12px; right:15px; width:8px; height:14px; background-image:url("../images/angle-right.png"); background-size:8px 14px;} .privacy_layout .footer {margin-top:41px; text-align:center;} .login_wrap .user_form .message {margin-top:14px; padding-bottom:7px; font-size:15px; color:#666666;} .login_wrap .user_form .input_area {margin-top:12px;} .login_wrap .user_form .input_area:first-child {margin-top:17px;} .login_wrap .user_form .input_area h3 {margin-bottom:3px; font-size:14px;} .login_wrap .user_form .input_area .help_message {margin-top:2px;} .login_wrap .user_form .input_area .input {background-color:#fff;} .login_wrap .user_form .birth_area .input {float:left; margin-right:2%; width:32%;} .login_wrap .user_form .birth_area .input:last-child {margin-right:0px;} .login_wrap .user_form .input_btn_area .input {float:left; width:73%;} .login_wrap .user_form .input_btn_area .btn {float:left; margin-left:2%; width:25%; font-size:14px; font-weight:normal;} .login_wrap .user_form .input_select_area .input {float:left; width:30%;} .login_wrap .user_form .input_select_area .step2_direct_email {width:35%;} .login_wrap .user_form .input_select_area .at_sign {float:left; margin-top:10px; width:8%; text-align:center;} .login_wrap .user_form .input_select_area .select {float:left; width:35%; height:40px; font-size:14px;} .login_wrap .user_form .input_select_area .btn {float:left; margin-left:2%; width:25%; font-size:14px; font-weight:normal;} .login_wrap .user_form .input_select_area .help_message {display:inline-block; clear:both;} .login_wrap .user_form .email_reception .check_box2 {margin-left:22px;} .login_wrap .user_form .email_reception .radio_btn2 {margin-left:22px;} .login_wrap .user_form .email_reception h3 {margin-bottom:8px;} .login_wrap .user_form .email_reception .help_message {margin-top:11px;} .login_wrap .complete_info .message {margin-top:37px; margin-bottom:25px; text-align:center;} .login_wrap .complete_info .message .message_icon {display:inline-block; width:93px; height:64px; background-image:url("../images/complete-message.png"); background-size:93px 64px;} .login_wrap .complete_info .message h4 {margin-top:17px; font-size:17px; font-weight:bold; line-height:24px; letter-spacing:-1px;} .login_wrap .complete_info .message p {margin-top:8px; font-size:15px; color:#666666; line-height:22px; letter-spacing:-2px;} .login_wrap .complete_info .btn {margin-bottom:84px; background-color:#df2d2d; color:#fff;} .login_wrap .find_id_title {margin-bottom:15px; font-size:16px; font-weight:bold;} .login_wrap .find_id_form {padding-bottom:25px; border-bottom:1px solid #d9d9d9;} .login_wrap .find_id_form .help_message {margin-top:2px; margin-bottom:13px;} .login_wrap .find_password_form {margin-bottom:46px; padding-top:20px;} .login_wrap .find_password_form .help_message {margin-top:2px; margin-bottom:13px;} .login_wrap .find_password_form .help_message2 {margin-top:-10px; margin-bottom:13px;} .login_wrap .find_id_form h3, .login_wrap .find_password_form h3 {font-size:15px;} .login_wrap .find_id_form .input_select_area .input, .login_wrap .find_password_form .input_select_area .input {width:38%;} .login_wrap .find_id_form .input_select_area .select, .login_wrap .find_password_form .input_select_area .select {width:54%;} .login_wrap .find_id_form .btn, .login_wrap .find_password_form .btn {float:inherit; width:100%; margin-left:0px; background-color:#df2d2d; color:#fff;} .login_wrap .find_id_form .input_select_area .direct_email, .login_wrap .find_password_form .input_select_area .direct_email {width:54%;} .login_wrap .find_password_form .input_btn_area .input {float:inherit; width:100%;} .login_wrap .member_info_login_form .help_message {margin-top:3px;} .login_wrap .member_info_login_form .btn {margin-top:23px; margin-bottom:20px; background-color:#df2d2d; color:#fff;} .login_wrap .member_info_login_form .secession {margin-bottom:135px; text-align:right;} .login_wrap .member_info_login_form .secession .secession_btn {font-size:12px; color:#666666;} .login_wrap .modify_member_info_title {margin-bottom:15px; font-size:16px; font-weight:bold;} .login_wrap .modify_password {padding-bottom:20px; border-bottom:1px solid #d9d9d9; box-sizing:border-box;} .login_wrap .modify_password .help_message {margin-top:2px;} .login_wrap .modify_password .help_message {margin-top:4px;} .login_wrap .modify_password h3, .login_wrap .modify_member_info h3 {font-size:15px;} .login_wrap .modify_member_info {margin-top:47px;} .login_wrap .secession_wrap .help_message {margin-top:15px;} .login_wrap .secession_wrap .secession_message {margin-top:13px; padding-top:13px; border-top:1px solid #d9d9d9;} .login_wrap .secession_wrap .secession_message .list .item {margin-top:7px; font-size:15px;} .login_wrap .secession_wrap .secession_form {margin-top:12px; padding-top:12px; border-top:1px solid #d9d9d9;} .login_wrap .secession_wrap .secession_form .input_area {margin-bottom:12px;} .login_wrap .secession_wrap .secession_form .input_area h3 {margin-bottom:3px; font-size:14px; font-weight:normal;} .login_wrap .secession_wrap .secession_form .input_area .input {background-color:#fff;} .login_wrap .secession_wrap .secession_form .input_area .input.readonly {background-color:#f4f4f4;} .login_wrap .secession_wrap .secession_form .input_area .help_message {margin-top:2px;} .login_wrap .reset_pw_form {margin-top:15px;} .login_wrap .reset_pw_form p {padding-bottom:7px; font-size:15px; color:#666666;} .login_wrap .reset_pw_form .input_select_area .input {width:38%;} .login_wrap .reset_pw_form .input_select_area .select {width:54%;} .login_wrap .reset_pw_form .input_select_area .direct_email {width:54%;} .login_wrap .complete_email_auth .message {margin-top:17px; margin-bottom:21px; text-align:center;} .login_wrap .complete_email_auth .message .message_icon {display:inline-block; width:93px; height:104px; background-image:url("../images/complete-message02.png"); background-size:93px 104px;} .login_wrap .complete_email_auth .message h4 {margin-top:17px; font-size:17px; font-weight:bold; line-height:24px; letter-spacing:-1px;} .login_wrap .complete_email_auth .message p {margin-top:8px; font-size:15px; color:#666666; line-height:22px; letter-spacing:-2px;} .login_wrap .complete_email_auth .btn {margin-bottom:156px; background-color:#df2d2d; color:#fff;} /* //추가 191126 성수 */ /* 404페이지 추가 200323 세종 */ .error_page {padding:25px 0 15px; text-align:center; word-break:keep-all;} .error_page .tit_error {font-size:1.214em; line-height:26px; color:#333;} .error_page .desc_error {margin-top:11px; line-height:20px; letter-spacing:-0.25px; color:#656565;} .error_page .btn_area {display:block; overflow:hidden; margin-top:21px; height:40px;} .error_page .btn_area a {float:left; width:calc(50% - 3px); height:100%; letter-spacing:-0.5px; line-height:40px; text-align:center;} .error_page .btn_area a + a {float:right;} .error_page .btn_area .btn_t1 {position:relative; color:#666;} .error_page .btn_area .btn_t1:after {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #b7b7b7;} .error_page .btn_area .btn_t2 {background:#df2d2d; color:#fff;} /* //404페이지 */ /* 추가 240315 세종 : 제22대 국회의원 선거 */ #vote22 {position:relative;} #vote22:before {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/20240410_22vote_mo_bg2.png) repeat-x 0 0; background-size:auto 100%; z-index:-1;} #vote22 .con {display:flex; justify-content:center; align-items:center; height:40px; padding:0 20px; background:url(../images/20240410_22vote_mo_bg.png) no-repeat right center; background-size:auto 100%;} #vote22 .title {display:flex;} #vote22 .dtime {display:flex; margin-left:31px; font-size:14.666px; font-weight:700; color:#fff;} #vote22 .dtime .su {display:flex; justify-content:center; align-items:center; width:16.133px; height:22px; background:#21222C; border-radius:1.466px;} #vote22 .dtime .su + .su {margin-left:1.46px;} #vote22 .dtime .bar {display:flex; justify-content:center; align-items:center; padding:0 1.46px; height:22px;} /* //추가 240315 세종 : 제22대 국회의원 선거 */ /*추가 221221 동현 : mtg comment*/ .mtg-comment {margin-top:24px; margin-bottom:45px;} .ad-kakao + .mtg-comment {margin:0 !important; border:none;} /* 추가 240326 세종 */ /* moblie */ @media screen and (max-width: 325px){ .vote_time_counter .vtc_con .vtc_time .c_num {font-size:2.143em;} .vl_slide .bundle .vl_top .tit01 {font-size:1.143em; letter-spacing:-0.05em;} } /* //추가 180523 성광 */ /* 추가 181221 동현 : 신년 */ @media only screen and (min-width:320px) and (max-width:374px) { #newplan_wrap .img_box img {max-width:280px;} } /* //추가 181221 동현 : 신년 */ /* 무한피드 추가 181112 세종 */ #container .infi_area {clear:both;} #container .infi_area .infi_grp {overflow:hidden;} #container .infi_area .infi_grp .infi_bdl {width:100%;} #container .infi_area .infi_grp .infi_bdl.h200 {overflow:hidden; height:300px;} .infi_bdl.h200 + .infi_bdl.h200 {display:none;} #container .infi_area .atcnextbox {display:block; position:relative; height:50px; z-index:2;} #container .infi_area .atcnextbox:before {content:' '; position:absolute; top:-30px; left:0; right:0; height:30px; background:url(../images/bg_btngdt1.png) repeat-x 0 0; background-size:auto 100%;} #container .infi_area .atcnext {display:block; position:relative; width:100%; height:50px; background:#fff; font-size:1.286em; color:#999; border:1px solid #ddd; border-top:none;} /* //무한피드 추가 181112 세종 */ #container .op_sreply {display:block; position:relative; height:34px; background:#fff; font-size:12px; line-height:34px; border:1px solid #c7c7c7;} /* 수정 201229 세종 */ #container .op_sreply .txt {display:block; height:100%; text-indent:1em; color:#b4b4b4;} /* 수정 201229 세종 */ #container .op_sreply .btn {position:absolute; top:-1px; right:-1px; bottom:-1px; padding:0 1em; min-width:50px; background:#f51142; font-family:AppleGothic, NanumGothic, Myriad Pro, MalgunGothic, Arial; font-size:14px; font-weight:bold; text-align:center; color:#fff;} /* 수정 201229 세종 */ /* 종목검색 추가 231004 세종 */ #schwrap {display:flex; flex-direction:column; height:100%; background:#fff;} #schwrap .sch_header {flex:0 0 50px; display:flex; border-bottom:1px solid #ccc;} #schwrap .sch_header a {flex:0 0 38px; background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_24_7)'%3E%3Cpath d='M29.3515 39.6797C29.6875 39.6797 30.0313 39.5469 30.2891 39.2891C30.8047 38.7734 30.8047 37.9297 30.2891 37.4141L12.6406 19.7656L30.0313 2.375C30.5469 1.85938 30.5469 1.01563 30.0313 0.5C29.5156 -0.0156248 28.6719 -0.0156248 28.1563 0.5L9.82031 18.8281C9.30469 19.3437 9.30469 20.1875 9.82031 20.7031L28.4063 39.2891C28.6719 39.5547 29.0078 39.6797 29.3515 39.6797Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24_7'%3E%3Crect width='40' height='40' fill='white' transform='translate(0 40) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center; background-size:auto 20px; font-size:0; line-height:0;} #schwrap .sch_header form {flex:auto; display:flex;} #schwrap .sch_header fieldset {display:flex; width:100%;} #schwrap .sch_header fieldset legend {display:none;} #schwrap .sch_header fieldset input {flex:auto; font-size:16px; color:#333; outline:none;} #schwrap .sch_header fieldset input::placeholder {color:#999;} #schwrap .sch_header fieldset button {display:none; flex:0 0 48px; background:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23F4F4F4'/%3E%3Cpath d='M24.0672 23.1828C24.1253 23.2409 24.1713 23.3098 24.2027 23.3857C24.2342 23.4615 24.2503 23.5429 24.2503 23.625C24.2503 23.7071 24.2342 23.7884 24.2027 23.8643C24.1713 23.9402 24.1253 24.0091 24.0672 24.0672C24.0091 24.1252 23.9402 24.1713 23.8643 24.2027C23.7884 24.2342 23.7071 24.2503 23.625 24.2503C23.5429 24.2503 23.4616 24.2342 23.3857 24.2027C23.3098 24.1713 23.2409 24.1252 23.1828 24.0672L18 18.8836L12.8172 24.0672C12.6999 24.1844 12.5408 24.2503 12.375 24.2503C12.2091 24.2503 12.0501 24.1844 11.9328 24.0672C11.8155 23.9499 11.7496 23.7908 11.7496 23.625C11.7496 23.4591 11.8155 23.3001 11.9328 23.1828L17.1164 18L11.9328 12.8172C11.8155 12.6999 11.7496 12.5408 11.7496 12.375C11.7496 12.2091 11.8155 12.0501 11.9328 11.9328C12.0501 11.8155 12.2091 11.7496 12.375 11.7496C12.5408 11.7496 12.6999 11.8155 12.8172 11.9328L18 17.1164L23.1828 11.9328C23.3001 11.8155 23.4591 11.7496 23.625 11.7496C23.7908 11.7496 23.9499 11.8155 24.0672 11.9328C24.1845 12.0501 24.2503 12.2091 24.2503 12.375C24.2503 12.5408 24.1845 12.6999 24.0672 12.8172L18.8836 18L24.0672 23.1828Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center center; background-size:18px auto;} #schwrap .sch_body {flex:auto; overflow-y:auto;} #schwrap .sch_body .results {} #schwrap .sch_body .results ul {padding:18px 25px 18px 15px;} #schwrap .sch_body .results ul li {} #schwrap .sch_body .results ul li + li {margin-top:20px;} #schwrap .sch_body .results ul li a {display:flex; flex-wrap:wrap;} #schwrap .sch_body .results ul li a .na {flex:0 0 100%; overflow:hidden; margin-bottom:10px; font-size:15px; line-height:1em; text-overflow:ellipsis; white-space:nowrap; color:#333;} #schwrap .sch_body .results ul li a .co {font-size:14px; line-height:1em; color:#666;} #schwrap .sch_body .results ul li a .ca {margin-left:10px; font-size:14px; line-height:1em; color:#666;} /* //종목검색 추가 231004 세종 */ /* 반응형 스타일 */ /* 추가 151020 세종 */ @media only screen and (min-width:561px) { #article .photo_slide .pslide_box {padding-bottom:530px;} } @media only screen and (max-width:639px) { .only_640un {display:revert !important;} /* 수정 211130 세종 */ /* 추가 161130 세종 */ .list_p1 + .list_p1 {margin-top:11px;} .list_p16 .group {position:relative; width:400%;} .list_p16 .group .cbox {float:left; position:relative; width:25%; background:#fff;} .list_p16 .group .cbox a {display:block; position:relative; overflow:hidden; color:#000;} .list_p16 .group .cbox a .cate {position:absolute; top:0; left:0; overflow:hidden; width:58px; height:32px; font-size:0.95em; line-height:32px; text-align:center; color:#fff; z-index:2;} .list_p16 .group .cbox a .cate:before {content:' '; position:absolute; top:0; left:0; width:58px; height:32px; background:#000; opacity:0.7; z-index:-1;} .list_p16 .group .cbox a .thum {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:58.57142857143%; background-size:cover; font-size:0;} .list_p16 .group .cbox.vod a .thum {background-position-y:center;} .list_p16 .group .cbox.vod a .thum:after {content:' '; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; width:45px; height:45px; background:url(../images/icon_playImg.png) no-repeat 0 0; background-position:-26px 0; background-size:71px 45px;} /* 수정 170220 윤선 */ .list_p16 .group .cbox a .subject {display:block; overflow:hidden; height:74px; font-size:1.286em; font-weight:normal; letter-spacing:-0.4px; line-height:24px;} .list_p16 .group .cbox a .subject .cut {display:block; overflow:hidden; margin:11px 15px 0; height:49px;} .list_p16 .dotarea {position:absolute; left:0; right:0; bottom:-5px; height:32px; text-align:center;} .list_p16 .dotarea .dot {display:inline-block; overflow:hidden; width:19px; height:32px; background:url(../images/bl_circle2.png) no-repeat center center; background-size:9px 9px; font-size:0; line-height:0; letter-spacing:-999px; vertical-align:middle;} .list_p16 .dotarea .dot.on {background:url(../images/bl_circle3.png) no-repeat center center; background-size:9px 9px;} .list_p16 + .trans_t1 {padding-top:11px;} .trans_t1_2 + .trans_t1_2 {margin-top:11px;} /* //추가 161130 세종 */ #container .conbox1 {} #container .conbox1 .limit {padding:0;} /* 수정 160825 세종 */ #container .conbox2 {} #container .conbox2 .limit {padding:0;} /* 수정 160825 세종 */ #article .conbox6 .chart {margin:0 auto 20px;} } @media only screen and (min-width:640px) { .only_640ov {display:revert !important;} /* 수정 211130 세종 */ .only_640mgt1 {margin-top:-40px;} /* 추가 170322 윤선 */ #header .hdtop .search {width:50%;} .schpage #header .hdtop .search {left:auto; width:50%;} /* #header .hdtop .search .lmt1 {position:absolute; top:0; right:0; width:50%; height:26px;} */ #container .conbox1 {float:left; width:50%;} #container .conbox1 .limit {padding:0 1px 0 0;} /* 수정 160825 세종 */ #container .conbox2 {float:right; width:50%;} #container .conbox2 .limit {padding:0 0 0 1px;} /* 수정 160825 세종 */ #article .conbox6 {position:relative; overflow:hidden;} #article .conbox6 .conbox8 {float:left;} #article .conbox6 .chart {float:right;} #article .together {position:absolute; top:7px; left:0;} #article .rp_btn2 {/*margin-left:203px;*/} /* 수정 150515 세종 */ /* 추가 150604 세종 */ #header .nav .swipe_nav .lmbox {margin:0;} #header .nav .swipe_nav ul {display:table; width:100%;} #header .nav .swipe_nav ul li {float:none; display:table-cell;} #header .nav .swipe_nav ul li a {text-align:center;} #header .nav .swipe_nav button {display:none;} #header .dt_sch_area .dt_group .period {height:auto;} .list_p8 .group .bundle {float:left; width:50%;} .list_p8 .group .bundle:nth-child(odd) .lmbox {margin-right:5px;} .list_p8 .group .bundle:nth-child(even) .lmbox {margin-left:5px;} /* 추가 161130 세종 */ .trans_t1 {overflow:hidden; margin-top:10px; padding-top:15px;} .trans_t1 .innerbox1 {overflow:hidden;} .trans_t1 .trans_t1_2 {float:left; width:50%;} .trans_t1 .trans_t1_2 .list_p1 {overflow:hidden; margin-right:8px;} .trans_t1 .trans_t1_2:nth-child(2n) .list_p1 {margin-left:8px; margin-right:0;} .trans_t1 .trans_t1_2 .list_p1 .bundle.odd {margin-left:-8px; padding-left:8px;} .trans_t1 .trans_t1_2 .list_p1 .bundle.odd .lmb1 {padding-right:8px;} .trans_t1 .trans_t1_2 .list_p1 .bundle.even {margin-right:-8px; padding-right:8px;} .trans_t1 .trans_t1_2 .list_p1 .bundle.even .lmb1 {padding-left:8px;} .trans_t1 .trans_t1_2 .list_p1:nth-child(2n) .bundle.even {margin-left:0; margin-right:-8px; padding-left:0; padding-right:8px;} .trans_t1 .trans_t1_2 .list_p1:nth-child(2n) .bundle.even .lmb1 {padding-right:0; padding-left:8px;} .trans_t1 .trans_t1_2 .list_p1:nth-child(2n) .bundle.odd {margin-right:0; margin-left:-8px; padding-right:0; padding-left:8px;} .trans_t1 .trans_t1_2 .list_p1:nth-child(2n) .bundle.odd .lmb1 {padding-lefT:0; padding-right:8px;} .list_p16 .group {overflow:hidden;} .list_p16 .group + .group {margin-top:10px;} .list_p16 .group .cbox {float:left; position:relative; margin-top:10px; overflow:hidden; width:50%;} .list_p16 .group .cbox:nth-child(2n) {float:right;} .list_p16 .group .cbox:first-child, .list_p16 .group .cbox:first-child + .cbox {margin-top:0;} .list_p16 .group .cbox > a {display:block; position:relative; overflow:hidden; margin-right:1px; background:#fff; color:#000;} .list_p16 .group .cbox:nth-child(2n) > a {margin-left:1px; margin-right:0;} .list_p16 .group .cbox .sharegroup {right:1px;} /* 추가 170208 윤선 */ .list_p16 .group .cbox:nth-child(2n) .sharegroup {left:1px; right:0;} /* 추가 170208 윤선 */ .list_p16 .group .cbox a .cate {display:none;} .list_p16 .group .cbox a .thum {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:58.57142857143%; background-size:cover; font-size:0;} .list_p16 .group .cbox.vod a .thum {background-position-y:center;} .list_p16 .group .cbox.vod a .thum:after {content:' '; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; width:45px; height:45px; background:url(../images/icon_playImg.png) no-repeat 0 0; background-position:-26px 0; background-size:71px 45px;} /* 수정 170220 윤선 */ .list_p16 .group .cbox a .subject {display:block; overflow:hidden; height:74px; font-size:1.571em; font-weight:normal; letter-spacing:-0.4px; line-height:25px;} .list_p16 .group .cbox a .subject .cut {display:block; overflow:hidden; margin:12px 15px 0; height:52px;} .list_p16 .dotarea {display:none;} /* //추가 161130 세종 */ .list_p17 .group li {width:50%;} /* 추가 170202 윤선 */ .list_p21 .group li a .thum {max-height:380px;}/* 추가 171207 윤선 */ /* 이미지 최대값 지정 // 추가 170612 윤선 */ #container .max_type1 .list_p1 {margin-left:auto; margin-right:auto; max-width:600px;} #container .max_type1 .list_p1 .bundle {max-width:300px;} #container .max_type1 .list_p1 .thum {max-width:300px;} #container .max_type1 .list_p2 .bundle {} #container .max_type1 .list_p2 .thum {padding-bottom:0; width:182px; height:106px;} #container .max_type1 .list_p2 .bundle .subject1 {margin-left:182px;} #container .max_type1 .list_n3 .bundle .thum {padding-bottom:0; width:auto; width:91px; height:53px;} /* 추가 170612 윤선 */ #container .max_type1 .list_n3 .bundle .subject1 {margin-right: 91px;} /* 추가 170612 윤선 */ /* 수정 151020 세종 */ #article .issue_poll_area {height:120px;} #article .issue_poll_area .ipbox1 {float:left; width:50%; height:100%;} #article .issue_poll_area .ipbox1 .qst {display:table-cell; width:100%; padding:0 10px; height:65px; font-size:1.05em; line-height:18px; vertical-align:middle;} #article .issue_poll_area .ipbox1 .relnews {margin:0 10px;} #article .issue_poll_area .ipbox2 {float:right; width:50%; height:100%;} #article .issue_poll_area .ipbox2 .check .yes_or_no {height:34px;} #article .issue_poll_area .ipbox2 .check .click_star strong {padding-top:19px; font-size:1.20em;} #article .issue_poll_area .ipbox2 .check .click_star .sendstar {bottom:27px; margin-left:-27px; width:54px; height:14px; background-size:54px auto;} /* //수정 151020 세종 */ #container .hotiusse2 {min-height:97px;} #container .hotiusse2 .txtbox {margin-right:135px; min-height:83px;} #container .hotiusse2 .share .ctl {background-image:url(../images/btn_shareOpen3.png);} /* //추가 150604 세종 */ /* 추가 170202 윤선 */ #container .snb table tr.type1 {overflow:hidden; width:50%; float:left;} #container .snb table tr.type1 td {float:left; border-right:none; box-sizing:border-box;} #container .snb table tr.type1:first-child td:first-child {border-left:none;} /* // 추가 170202 윤선 */ /* 추가 170124 해리 */ /* 증권 */ .todaystock2_ov {position:relative; background:#fff;} .todaystock2_ov .title {overflow:hidden; padding-left:14px; height:41px; font-size:1.071em; letter-spacing:-0.4px; line-height:41px; color:#2e4e8d; border-bottom:1px solid #f2f2f2;} .todaystock2_ov .time {position:absolute; top:0; right:0; padding-right:14px; height:41px; font-size:0.857em; line-height:41px; color:#999;} .todaystock2_ov .stockgroup {} .todaystock2_ov .stockgroup .stocklist {float:left; width:50%;} .todaystock2_ov .stockgroup .stocklist .bundle {overflow:hidden; margin-left:-1px; height:42px; border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2;} .todaystock2_ov .stockgroup .stocklist .bundle .sort {overflow:hidden; height:100%; line-height:42px; color:#262626;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .lmt1 {margin:0 14px;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .kind {float:left; overflow:hidden; width:30%; font-size:1.143em; font-weight:normal; letter-spacing:-0.4px;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg {float:right; overflow:hidden;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg.dn {color:#358ef2;} /* 하락 */ .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg.up {color:#dc1c31;} /* 상승 */ .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg .num {float:left; padding-right:21px; font-size:1.214em;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg .sum {float:right; font-size:1.143em;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg .wave {float:left; width:44px;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg .wave2 {float:right; width:56px; text-align:right;} .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg.dn .wave {padding-left:12px; background:url(../images/icon_down1.png)no-repeat 0 center; background-size:10px 5px;} /* 하락 */ /* 수정 170608 세종 */ .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg.up .wave {padding-left:12px; background:url(../images/icon_up1.png)no-repeat 0 center; background-size:10px 5px;} /* 상승 */ /* 수정 170608 세종 */ .todaystock2_ov .stockgroup .stocklist .bundle .sort .chg.steady .wave {padding-left:12px; background:url(../images/icon_steady2.gif)no-repeat 1px center; background-size:6px 2px;} /* 변동없음 */ /* 종목시세 */ .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .num {float:left; width:100px; text-align:right; font-size:1.071em;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave {float:left; width:92px; text-align:right;} .mt_stock_box .mt_stock_cont .cont .bundle .sort .chg .wave2 {float:right; width:97px; text-align:right;} /*// 추가 170124 해리 */ /* 추가 181107 세종 */ .list_p22 .bundle {width:50%;} .list_p22 .bundle:nth-child(odd) {float:left;} .list_p22 .bundle:nth-child(odd) a {margin-right:1px;} .list_p22 .bundle:nth-child(even) {float:right;} .list_p22 .bundle:nth-child(even) a {margin-left:1px;} /* //추가 181107 세종 */ } /* 추가 190424 성수 */ @media only screen and (min-width:640px) { .mt_channel_event {width:320px; margin:0 auto;} } /* //추가 190424 성수 */ @media only screen and (max-width:708px) { #article .con_area .photo {} /* 수정 190211 세종 */ #container .tl_list2 .msubject .conbox .photo {float:none !important; margin:0 auto 10px !important; max-width:560px !important;} /* 추가 150604 세종 */ #container .tl_list2 .subject_group .bundle .conbox .photo {float:none !important; margin:0 auto 10px !important; max-width:560px !important;} /* 추가 150604 세종 */ } @media only screen and (max-width:767px) { #container .ad_lmt620 {margin-left:-15px; margin-right:-15px;} /* 추가 240405 세종 */ #container .conbox5 .ad-kakao {margin-left:-15px; margin-right:-15px;} /* 추가 240326 세종 */ #container .ad_lmt620 .ad-kakao {margin-left:0; margin-right:0;} } /* 추가 190211 세종 */ @media only screen and (min-width:768px) { #article {margin-left:auto; margin-right:auto; width:620px;} .collection1 {margin-left:auto; margin-right:auto; width:620px;} .issue_package {margin-left:auto; margin-right:auto; width:620px;} #container .ad iframe {display:block; margin-left:auto; margin-right:auto; max-width:620px;} #container .ad_lmt620 {margin-left:auto; margin-right:auto; max-width:620px;} /* 추가 240405 세종 */ } /* //추가 190211 세종 */ @media only screen and (max-width:1028px)and (min-width:1023px) { #article .con_area .photo {} /* 추가 190211 세종 */ #container .tl_list2 .msubject .conbox .photo {float:none !important; margin:0 auto 10px !important; max-width:560px !important;} /* 추가 150604 세종 */ #container .tl_list2 .subject_group .bundle .conbox .photo {float:none !important; margin:0 auto 10px !important; max-width:560px !important;} /* 추가 150604 세종 */ } /* 추가 161118 세종 */ @media only screen and (max-width:1023px) { .only_1024un {display:block !important;} /* 1024이하일때 */ .only_1024ov {display:none !important;} /* 1024이상일때 */ } /* //추가 161118 세종 */ @media only screen and (min-width:1024px) { .only_1024un {display:none !important;} /* 1024이하일때 추가 161118 세종 */ .only_1024ov {display:block !important;} /* 1024이상일때 추가 161118 세종 */ #container .conbox4 {/* float:left; margin-right:-320px; width:100%; height:100%; */} /*수정 190211 세종*/ #container .conbox5 {/*margin-right:320px; min-height:1311px; */} /*수정 190211 세종*/ #container .conbox3 {float:right; width:320px;} #container .conbox3 .conbox1 {float:none; width:100%;} #container .conbox3 .conbox1 .limit {padding:0 10px;} #container .conbox3 .conbox2 {float:none; width:100%;} #container .conbox3 .conbox2 .limit {padding:0 10px;} /* 추가 150604 세종 */ #container .tl_list2 .subject_group {padding-left:127px;} #container .tl_list2 .subject_group .bundle {padding-top:13px;} #container .tl_list2 .subject_group .bundle .time {position:absolute; top:-7px; left:-117px; margin-top:0;} #container .tl_list2 .subject_group .bundle:last-child .time:after {content:' '; position:absolute; top:5px; left:0; bottom:0; width:20px; height:1000px; background:#f0f0f0; z-index:-1;} #container .tl_list2 .subject_group .bundle .time + .tit {margin-top:0;} #container .tl_list2 .subject_group .bundle .time + .conbox {margin-top:0;} /* //추가 150604 세종 */ } /* @media only screen and (max-width:1023px)and (min-width:768px) { #wrap {min-width:768px; outline:2px dotted blue;} } @media only screen and (max-width:767px)and (min-width:640px) { #wrap {min-width:640px; outline:2px dotted blue;} } */