@charset "utf-8"; @import url('base.css'); @import url('footer.css'); @import url('icon.css'); @import url('navigation.css'); /* 공통 */ .wrap {text-align:center;} .thumbnail {display:block; overflow:hidden; position:relative; background-position:top center; background-size:cover; font-size:0; line-height:0;} .thumbnail img {position:absolute; top:0px; left:0px; visibility:hidden; width:100%; height:100%;} .dim {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(000, 000, 000, 0.5); z-index:198;} .dim.on {display:block;} .left_wing_banner {position:absolute; top:0px; left:-120px; padding:0 11px; border:1px solid #d6d6d6;} .left_wing_banner .list .item {padding:17px 0px; border-bottom:1px solid #d6d6d6;} #container .left_wing_banner .list .item {text-align:center;} #container .left_wing_banner .list .item strong {text-align:center;} .left_wing_banner .list .item:last-child {border:none;} .left_wing_banner .list .item a {font-size:13px;} .left_wing_banner .list .item a:hover {text-decoration:none;} .left_wing_banner .list .item a strong {display:inline-block; margin-bottom:4px;} .left_wing_banner .list .item .bill strong {color:#ef5a60;} .left_wing_banner .list .item .fact strong {color:#448ccb;} .left_wing_banner .list .item .column strong {color:#448ccb;} .right_wing_banner {position: absolute; top:0px; right:-126px;} /* 메인 페이지 */ #main {position:relative; margin:0px auto 80px; width:1024px;} #main .intro {overflow:hidden; position:relative; width:100%; height:355px;} #main .intro:after {content:''; position:absolute; top:0px; right:0px; width:1px; height:355px; background-color:#fff;} #main .intro .list .item {float:left; position:relative; width:148px;} #main .intro .list .item:hover {cursor: pointer;} #main .intro .list .item:after {content:''; position:absolute; top:0px; left:0px; width:580px; height:355px; background:linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);} #main .intro .list .item.on:after {content:''; position:absolute; top:0px; left:0px; width:580px; height:355px; background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%);} #main .intro .list .item a {display:block;} #main .intro .list .item .thumbnail {overflow: hidden; position:relative; background-position:center top; background-size:cover; font-size:0; line-height:0; width:100%; height:355px;} #main .intro .list .item .thumbnail img {position: absolute; top:0px; left:0px; visibility:hidden; width:100%; height:100%;} #main .intro .list .item .info_wrap {position:absolute; bottom:28px; left:25px; z-index:50; text-align:left;} #main .intro .list .item .info_wrap a {display:block;} #main .intro .list .item .info_wrap .profile {display:block; position:absolute; left:0px; bottom:10px; width:100px; height:100px; z-index:20;} #main .intro .list .item .info_wrap .profile:after {content:''; position:absolute; top:0px; left:0px; width:100px; height:100px; background-color:rgba(000, 000, 000, 0.4); border-radius:50%;} #main .intro .list .item .info_wrap .profile .photo {display:block; position:relative; overflow:hidden; margin-bottom:0px; width:100px; height:100px; font-size:0; line-height:0; background-position:center top; background-size:cover; border-radius:50%;} #main .intro .list .item .info_wrap .profile .photo img {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden;} #main .intro .list .item .info_wrap .info {display:none; position:absolute; left:98px; bottom:0px; margin-left:28px; width:420px; color:#fff;} #main .intro .list .item .info_wrap .info .info_inner {display:block; color:#fff;} #main .intro .list .item .info_wrap .info a:hover {text-decoration:none;} #main .intro .list .item .info_wrap .info .category {display:inline-block; margin-bottom:6px; padding:3px 5px 2px; font-size:14px; border-top:1px solid rgba(255, 255, 255, .4); border-bottom:1px solid rgba(255, 255, 255, .4);} #main .intro .list .item .info_wrap .info h2 {display:inherit; max-width:420px; max-height:74px; font-size:30px; font-weight:bold; line-height:36px; white-space:inherit;} #main .intro .list .item .info_wrap .info .belong, #main .intro .list .item .info_wrap .info .reporter {float:left; margin-top:-2px; font-size:15px; font-weight:bold;} #main .intro .list .item .info_wrap .info .dash_white {margin:2px 10px 0px;} #main .intro .list .item .info_wrap.on .info {display:block;} #main .intro .list .item .info_wrap.on .profile:after {position:initial;} #main .real_time_news {overflow:hidden; position:relative; margin-top:15px; margin-bottom:15px; padding:0 13px 0 71px; height:53px; background-color:#f0f0f0; box-sizing:border-box;} #main .real_time_news .swiper-slide {padding:16px 20px; box-sizing:border-box;} #main .real_time_news h2 {position:absolute; top:16px; left:20px; font-size:15px; font-weight:bold;} #main .real_time_news .title {float:left; margin-left:20px; width:755px; font-size:15px; text-align:left;} #main .real_time_news .title a {color:#666;} #main .real_time_news .date_wrap {float:right; color:#aaaaaa;} #main .real_time_news .date_wrap .date {margin-right:14px; font-size:12px;} #main .real_time_news .more {position:absolute; top:20px; right:20px; z-index:5;} #main .best_click {float:left; margin-right:15px; padding:30px 23px 14px; width:296px; height:629px; background-color:#f0f0f0; box-sizing:border-box;} #main .best_click h2 {margin-bottom:41px; font-size:18px; font-weight:bold; text-align:left;} #main .best_click ul li:last-child .title {padding-left:9px;} #main .best_click .number {float:left; font-size:14px; font-weight:bold; font-style:italic;} #main .best_click .title {display:block; margin-bottom:14px; padding-left:18px; max-height:41px; font-size:16px; text-align:left; white-space:inherit;} #main .best_click .title a {color:#666;} #main .special_wrap {float:left;} #main .special_wrap .menu_title {float:left; padding-top:28px; padding-left:28px; width:206px; height:146px; font-size:18px; border:1px solid #d6d6d6; text-align:left; box-sizing:border-box;} #main .special_wrap .menu_title a {font-weight:bold;} #main .special_wrap .menu_title a .angle_right {margin-left:5px;} #main .special_wrap .article {float:left; margin-bottom:15px; padding-top:27px; padding-left:32px; width:504px; height:146px; border:1px solid #d6d6d6; border-left:none; text-align:left; box-sizing:border-box;} #main .special_wrap .article .title {margin-bottom:7px; width:460px; font-size:16px; color:#666666;} #main .standing_committee h2 {display:inline-block; margin-top:35px; margin-bottom:30px; padding:5px 12px 3px; font-size:18px; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000;} #main .standing_committee .item {float:left; position:relative; margin-right:15px; width:244px; box-sizing:border-box;} #main .standing_committee .item:last-child {margin-right:0px;} #main .standing_committee .list .item .item_inner:hover .title {cursor:pointer; text-decoration:underline;} #main .standing_committee .list .item .thumbnail {width:100%; height:216px;} #main .standing_committee .list .item .title_wrap {position:absolute; bottom:-41px; left:15px; padding:16px 15px 0px 15px; width:229px; height:105px; background-color:#fff; text-align:left; box-sizing:border-box;} #main .standing_committee .list .item .category_wrap {position:absolute; bottom:25px; left:33px;} #main .standing_committee .list .item .category {display:inline-block; margin-bottom:4px; font-size:15px; font-weight:bold;} #main .standing_committee .list .item .category:hover {cursor:pointer; text-decoration:underline;} #main .standing_committee .list .item .title_wrap .title {margin-top:21px; max-height:45px; font-size:16px; color:#666; line-height:25px; white-space:inherit;} #main .standing_committee .list .item .title_wrap .title:hover {cursor:pointer; text-decoration:underline;} #main .hot_issue {margin-top:69px; padding:25px 0px 27px 30px; width:505px; height:243px; background-color:#f0f0f0; text-align:left; box-sizing:border-box;} #main .hot_issue a:hover h2 {cursor:pointer; text-decoration:underline;} #main .hot_issue h2 {display:inline-block; margin-top:5px; margin-bottom:16px; font-size:18px; font-weight:bold;} #main .hot_issue .angle_right {margin-left:11px;} #main .hot_issue .arrow_to_right {margin-right:5px;} #main .hot_issue .title {display:block; padding-bottom:5px; font-weight:bold;} #main .hot_issue .list .item {margin-top:15px; margin-left:8px;} #main .hot_issue .list .item:first-child {margin-top:10px;} #main .hot_issue .list .item a {width:430px; color:#666666;} #main .lunch_report {margin-top:69px; padding:30px 30px 30px 30px; width:505px; background-color:#f0f0f0; text-align:left; box-sizing:border-box;} #main .lunch_report a:hover h2 {text-decoration:underline;} #main .lunch_report h2 {display:inline-block; font-size:18px; font-weight:bold;} #main .lunch_report .angle_right {margin-left:8px;} #main .lunch_report .subscribe_btn {padding:3px 8px; border:1px solid #a8a8a8; font-size:15px; font-weight:bold;} #main .lunch_report .article .thumbnail {float:left; margin-right:17px; width:210px; height:139px;} #main .lunch_report .article .title_wrap {margin-top:17px; padding-top:12px;} #main .lunch_report .article .title_wrap .ellipsis {display:inherit; white-space:inherit;} #main .lunch_report .article .title_wrap .title {max-height:40px; font-size:16px; font-weight:bold; line-height:21px;} #main .lunch_report .article .title_wrap p {margin-top:11px; max-height:66px; color:#999999; line-height:24px;} #main .lunch_report .article a:hover .title, #main .lunch_report .article a:hover p {cursor:pointer; text-decoration:underline;} #main .photo {margin-bottom:68px;} #main .election_photo {margin-bottom:0px;} #main .photo h2 {display:inline-block; margin-top:49px; margin-bottom:30px; padding:5px 12px 3px; font-size:18px; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000;} #main .photo .item {float:left; margin-right:15px; width:244px;} #main .photo .item:last-child {margin-right:0px;} #main .photo .list .item a:hover .title {cursor:pointer; text-decoration:underline;} #main .photo .list .item a .thumbnail {width:100%; height:216px;} #main .photo .list .item a .title_wrap {display:block; margin-top:19px; text-align:left; box-sizing:border-box;} #main .photo .list .item a .title_wrap .title {max-height:40px; font-size:16px;line-height:20px; white-space:inherit;} #main .bill {position:relative; width:348px;} #main .bill_wrap a:hover .title, #main .bill_wrap a:hover p {cursor:pointer; text-decoration:underline;} #main .bill_wrap .thumbnail {display:inline-block; width:348px; height:224px;} #main .bill_wrap .title_wrap {text-align:left;} #main .bill_wrap .title_wrap .title {margin-top:15px; margin-bottom:11px; width:100%; max-height:40px; font-size:16px; font-weight:bold; line-height:20px;} #main .bill_wrap .title_wrap p {height:59px; color:#999999; line-height:21px; white-space:inherit;} #main .bill_wrap .tag {position:absolute; top:0px; left:0px; padding:5px 9px 8px; background-color:rgba(000, 000, 000, 0.8); font-size:15px; color:#fff; z-index:10;} #main .member_manual {position:relative; margin-left:15px; width:348px;} /* 수정 210126 성수 */ #main .people {margin-top:30px; padding:33px 50px 34px; background-color:#f0f0f0; text-align:left;} #main .people h2 {display:inline-block; font-size:18px; font-weight:bold;} #main .people .explanation {display:inline-block; margin-left:7px; color:#666666;} #main .people .list {margin-top:31px;} #main .people .list .item {float:left; margin-right:43px; text-align:center;} #main .people .list .item:last-child {margin-right:0px;} #main .people .list .item a .profile {display:block; width:150px; height:150px;} #main .people .list .item a .profile .photo {display:block; position:relative; overflow:hidden; width:150px; height:150px; font-size:0; line-height:0; background-position:center top; background-size:cover; border-radius:50%;} #main .people .list .item a .profile .photo img {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden;} #main .people .list .item a .name {overflow:hidden; margin-top:16px; width:150px; font-size:17px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;} /* //수정 210126 성수 */ /* 추가 210126 성수 */ #main .public_opinion {margin-left:17px; padding:30px 30px 0px; width:296px; height:334px; background-color:#f0f0f0; text-align:left; box-sizing:border-box;} #main .public_opinion .link:hover {text-decoration: none;} #main .public_opinion .link:hover h2 {text-decoration: underline;} #main .public_opinion h2 {display: inline-block; font-size: 18px; font-weight: bold;} #main .public_opinion .angle_right {margin-left: 8px;} #main .public_opinion .link_article {display: block;} #main .public_opinion .link_article .thumbnail {margin-top:18px; width:236px; height:160px; border:1px solid #cecece; background-position: center center;} #main .public_opinion .link_article .title {margin-top:9px; width: 100%; height:41px; font-size:16px; font-weight: bold; line-height: 20px; white-space: inherit;} #main .public_opinion .link_article .date {display:inline-block; margin-top:7px; color:#999;} /* //추가 210126 성수 */ /* 기자 리스트 페이지 */ #the300People {position:relative;} #the300People .left_wing_banner_wrap {position:relative; margin:0 auto; width:1024px;} #the300People .top {padding-top:27px; margin:0px auto 0px; width:1024px; border-top:1px solid #d6d6d6; text-align:left;} #the300People .top .title {margin-bottom:7px; font-size:38px; font-weight:bold;} #the300People .top p {color:#666666;} #the300People .intro {margin:28px auto 0px; width:1024px;} #the300People .intro .main_article {float:left; width:382px; height:390px; background-color:#333333; text-align:left;} #the300People .intro .main_article .item {margin:0 auto; width:322px; color:#fff;} #the300People .intro .main_article .item:hover {cursor:pointer;} #the300People .intro .main_article .item a:hover {text-decoration:none;} #the300People .intro .main_article .item .reporter_wrap {display:block; position:relative; margin-top:28px; z-index:1;} #the300People .intro .main_article .item .reporter_wrap .name {display:block; font-size:24px; font-weight:bold; color:#fff;} #the300People .intro .main_article .item .reporter_wrap .info {display:inline-block; overflow:hidden; margin-top:10px; width:352px; max-height:35px; color:#909090;} #the300People .intro .main_article .item .title {max-height:47px; font-size:20px; line-height:26px; white-space:inherit;} #the300People .intro .main_article .image_item .thumbnail {margin-top:17px; margin-bottom:19px; width:100%; height:174px;} #the300People .intro .main_article .none_image_item .title {margin-top:45px; margin-bottom:10px;} #the300People .intro .main_article .none_image_item p {max-height:133px; color:#909090; line-height:23px; white-space:inherit;} #the300People .intro .main_article .none_image_item .more {float:right; padding:4px 9px 3px 12px; font-size:14px; color:#999; border:1px solid #909090;} #the300People .intro .main_article .none_image_item .more .arrow_right {margin-top:5px; vertical-align:top;} #the300People .intro .sub_article {float:left; width:642px;} #the300People .intro .sub_article .item {float:left; position:relative; width:214px; height:215px; box-sizing:border-box;} #the300People .intro .sub_article .item .article_info {position:relative; z-index:2;} #the300People .intro .sub_article .item .image_dim {position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.5;} #the300People .intro .sub_article .item .mask {overflow:hidden; position:absolute; top:0; right:0px; bottom:1px; left:0px; box-sizing:border-box;} #the300People .intro .sub_article .item:hover {cursor:pointer;} #the300People .intro .sub_article .item:hover .image_dim {top:4px; left:4px; width:206px; height:206px;} #the300People .intro .sub_article .type_a {padding:0 40px; background-color:#d85459; color:#fff;} #the300People .intro .sub_article .type_a .reporter {position:relative; display:inline-block; margin-top:30px; padding:6px 0px; font-size:20px; font-weight:bold; color:#fff; border-top:1px solid #efbbbd; border-bottom:1px solid #efbbbd; z-index:2;} #the300People .intro .sub_article .type_a .reporter:hover {text-decoration:none;} #the300People .intro .sub_article .type_a .title {margin-top:25px; max-height:63px; font-size:16px; line-height:21px; white-space:inherit;} #the300People .intro .sub_article .type_a .date {display:inline-block; margin-top:15px; font-size:15px; color:#edb9ba;} #the300People .intro .sub_article .type_a:hover .mask {bottom:0px; border:4px solid #b12328;} #the300People .intro .sub_article .type_b {padding:0 40px; background-color:#f3f3f7;} #the300People .intro .sub_article .type_b .profile {display:block; margin-top:30px; } #the300People .intro .sub_article .type_b .profile .image {display:block; margin:0 auto; width:58px; height:58px;} #the300People .intro .sub_article .type_b .profile .image img {width:100%; height:100%; border-radius:50%;} #the300People .intro .sub_article .type_b .profile .name {display:inline-block; margin-top:7px; font-weight:bold;} #the300People .intro .sub_article .type_b .title {margin-top:13px; max-height:57px; font-size:16px; color:#666666; line-height:19px; white-space:inherit;} #the300People .intro .sub_article .type_b:hover .mask {bottom:0px; border:4px solid #c3c3c4;} #the300People .intro .sub_article .type_c {padding:0 30px; background-color:#356272; color:#fff;} #the300People .intro .sub_article .type_c .title {margin-top:28px; max-height:75px; font-size:20px; font-weight:bold; line-height:25px; white-space:inherit;} #the300People .intro .sub_article .type_c .date {display:inline-block; margin-top:12px; font-size:15px; color:#c0ced5;} #the300People .intro .sub_article .type_c .reporter {display:inline-block; margin-top:33px; font-size:18px; font-weight:bold; color:#fff;} #the300People .intro .sub_article .type_c .reporter:hover {text-decoration:none;} #the300People .intro .sub_article .type_c:hover .mask {border:4px solid #346374;} #the300People .intro .sub_article .type_d {padding:0 26px; width:428px; height:175px; background-color:#503b2c; color:#fff; text-align:left;} #the300People .intro .sub_article .type_d .title {margin-top:28px; max-height:52px; font-size:20px; font-weight:bold; line-height:26px; white-space:inherit;} #the300People .intro .sub_article .type_d .date {display:block; margin-top:3px; font-size:15px; color:#cbc5c0;} #the300People .intro .sub_article .type_d .reporter {display:inline-block; margin-top:24px; font-size:18px; font-weight:bold; color:#fff;} #the300People .intro .sub_article .type_d .reporter:hover {text-decoration:none;} #the300People .intro .sub_article .type_d:hover .mask {border:4px solid #6d3d1a;} #the300People .intro .sub_article .type_d:hover .image_dim {top:4px; left:4px; width:420px; height:166px;} #the300People .intro .sub_article .type_e {padding:0 26px; width:214px; height:175px; background-color:#0a0a0a; color:#fff; text-align:left;} #the300People .intro .sub_article .type_e .title {margin-top:27px; max-height:78px; font-size:20px; font-weight:bold; line-height:26px; white-space:inherit;} #the300People .intro .sub_article .type_e .reporter {display:inline-block; margin-top:19px; font-size:18px; font-weight:bold; color:#fff;} #the300People .intro .sub_article .type_e .reporter:hover {text-decoration:none;} #the300People .intro .sub_article .type_e:hover .mask {border:4px solid #000;} #the300People .intro .sub_article .type_e:hover .image_dim {top:4px; left:4px; width:206px; height:166px;} #the300People .people_list_wrap {margin-top:50px; padding-top:50px; padding-bottom:164px; background-color:#f3f3f7;} #the300People .people_list {margin:0 auto; width:1024px} #the300People .people_list .list {margin-bottom:16px;} #the300People .people_list .list .item {overflow:hidden; float:left; position:relative; margin-right:16px; width:244px; height:400px;} #the300People .people_list .list .item:last-child {margin-right:0px;} #the300People .people_list .list .item:hover {cursor:pointer;} #the300People .people_list .list .item:hover .detail {opacity:1;} #the300People .people_list .list .item .image {position:relative; width:244px; height:200px; background-position:top center;} #the300People .people_list .list .item .image img {width:100%;} #the300People .people_list .list .item .info {position:relative; padding:0 20px 18px; height:199px; background-color:#fff; text-align:left; box-sizing:border-box;} #the300People .people_list .list .item .info .belong {display:block; overflow:hidden; padding-top:19px; max-height:54px; min-height:38px; font-size:17px; box-sizing:border-box;} #the300People .people_list .list .item .info .name {display:block; overflow:hidden; margin-top:12px; max-height:50px; font-size:24px; font-weight:bold;} #the300People .people_list .list .item .info .hash_tag {display:block; position:absolute; bottom:18px; padding-right:18px; max-height:78px; font-weight:bold; box-sizing:border-box;} #the300People .people_list .list .item .new {position:absolute; top:11px; left:12px; width:14px; height:14px; background-color:#ff4545; border-radius:50%;} #the300People .people_list .list .item .detail {position:absolute; top:0px; left:0px; width:244px; height:400px; background-color:rgba(000, 000, 000, 0.8); z-index:30; opacity:0; box-sizing:border-box; transition: visibility 0s, opacity 0.2s linear;} #the300People .people_list .list .item .detail a {display:block; width:100%; height:100%;} #the300People .people_list .list .item .detail .detail_inner {position:absolute; top:50%; padding:0 28px; width:100%; box-sizing:border-box;} #the300People .people_list .list .item .detail .quote {display:block; margin:0 auto; width:22px; height:18px; background-image:url('//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416');} #the300People .people_list .list .item .detail .quotes_open {margin-bottom:11px; background-position:-288px -1px;} #the300People .people_list .list .item .detail .quotes_close {margin-top:11px; background-position:-311px -1px;} #the300People .people_list .list .item .detail .explanation {font-size:18px; color:#fff; line-height:30px;} #the300People .people_list .list .item .detail .more {position:absolute; bottom:20px; left:20px; padding:11px 0 9px 28px; width:204px; color:#fff; background-color:transparent; font-size:16px; border:1px solid #fff; box-sizing:border-box; transition: box-shadow 420ms cubic-bezier(.165,.84,.44,1),color 420ms cubic-bezier(.165,.84,.44,1),background 420ms cubic-bezier(.165,.84,.44,1);} #the300People .people_list .list .item .detail .more .white-angle_right {float:right; margin-top:3px; margin-right:18px; visibility:inherit;} #the300People .people_list .list .item .detail .more:hover {background-color:#fff; color:#000; text-decoration:none;} #the300People .people_list .list .item .detail .more:hover .white-angle_right {background-position:-56px -1px;} /* 기자 상세 페이지 */ #the300PeopleDetail .left_wing_banner_wrap {position:relative; margin:0 auto; width:1024px;} #the300PeopleDetail .introduce_wrap {position:relative; margin:0 auto; padding-left:60px; width:1024px; height:324px; background-color:#333333; color:#959595; box-sizing:border-box;} #the300PeopleDetail .introduce_wrap .introduce {float:left; text-align:left;} #the300PeopleDetail .introduce_wrap .introduce .access {margin-top:47px; height:19px;} #the300PeopleDetail .introduce_wrap .introduce .name {margin-top:8px; font-size:32px; font-weight:bold; color:#fff;} #the300PeopleDetail .introduce_wrap .introduce .name span {margin-left:6px; color:#959595; font-size:23px; font-weight:normal;} #the300PeopleDetail .introduce_wrap .introduce p {overflow:hidden; margin-top:25px; width:583px; max-height:95px; min-height:25px; font-size:18px; line-height:25px;} #the300PeopleDetail .introduce_wrap .introduce .contact {margin-top:10px;} #the300PeopleDetail .introduce_wrap .introduce .contact .email {color:#959595; font-size:14px; text-decoration:underline;} #the300PeopleDetail .introduce_wrap .introduce .contact .social {display:inline-block; width:20px; height:20px; background:url('//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416') no-repeat;} #the300PeopleDetail .introduce_wrap .introduce .contact .twitter {margin-left:15px; margin-right:5px; background-position:-334px -1px;} #the300PeopleDetail .introduce_wrap .introduce .contact .facebook {background-position:-355px -1px;} #the300PeopleDetail .introduce_wrap .introduce .additional_info {margin-top:32px;} #the300PeopleDetail .introduce_wrap .introduce .additional_info .article {color:#cbcbcb; font-weight:bold;} #the300PeopleDetail .introduce_wrap .introduce .additional_info .article strong {margin-right:11px; color:#959595; font-weight:normal;} #the300PeopleDetail .introduce_wrap .introduce .additional_info .hash_tag {margin:0 2px; padding:3px 7px; background-color:#161a1d; font-size:12px; color:#fff; border-radius:5px;} #the300PeopleDetail .introduce_wrap .image {position:absolute; right:120px; bottom:0px; width:246px; height:286px; background-position:top center;} #the300PeopleDetail .best_click {position:relative; margin:0 auto; width:1024px; height:286px;} #the300PeopleDetail .best_click .title {float:left; margin-top:27px;} #the300PeopleDetail .best_click .title .color {padding:3px; width:154px; background-color:#000; font-weight:bold; font-size:30px; font-style:italic; color:#fff; text-align:left; box-sizing:border-box;} #the300PeopleDetail .best_click .title .color:first-child {margin-bottom:2px; padding-right:9px; width:auto;} #the300PeopleDetail .best_click_swiper_wrap {overflow:hidden; float:right; margin-top:-16px; padding:16px 0px 16px 15px; width:780px; height:260px; background-color:#fff;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper {position:relative;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-slide a {display:block;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-slide .thumbnail {display:inline-block; width:100%; height:184px;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-slide .title_wrap {position:absolute; bottom:0px; right:16px; left:0px; padding:15px 20px 0px 1px; min-height:63px; background-color:#fff; text-align:left; box-sizing:border-box;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-slide .title_wrap .title {float:inherit; margin-top:0px; max-height:48px; font-weight:bold; font-style:italic; color:#000; line-height:24px; letter-spacing:-1px; white-space:inherit;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-slide .title_wrap .title:hover {text-decoration:underline;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-pagination-progressbar {top:223px; height:2px;} #the300PeopleDetail .best_click_swiper_wrap .best_click_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#333333;} #the300PeopleDetail .best_click_swiper_button {position:absolute; top:215px; left:0px; width:32px; height:32px; background:url('//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416') no-repeat;} #the300PeopleDetail .best_click_swiper_button_prev {background-position:-376px -1px;} #the300PeopleDetail .best_click_swiper_button_next {left:34px; background-position:-409px -1px;} #the300PeopleDetail .detail_column {width:100%; height:301px; background-color:#333333;} #the300PeopleDetail .detail_column .column_inner {position:relative; margin:0 auto; padding-top:105px; width:1024px; box-sizing:border-box;} #the300PeopleDetail .detail_column .column_inner:after {content:''; position:absolute; top:-14px; left:0px; width:676px; height:120px; background:url('//menu.mt.co.kr/new_the300/images/column.png') no-repeat;} #the300PeopleDetail .detail_column .column_inner .column_swiper {overflow:hidden; width:1024px;} #the300PeopleDetail .detail_column .column_inner .column_swiper .swiper-wrapper .swiper-slide a {display:block; padding:16px 20px 15px; background-color:#d6d6d6; text-align:left; box-sizing:border-box;} #the300PeopleDetail .detail_column .column_inner .column_swiper .swiper-wrapper .swiper-slide a:hover h2 {text-decoration:underline;} #the300PeopleDetail .detail_column .column_inner .column_swiper .swiper-wrapper .swiper-slide a:hover p {text-decoration:underline;} #the300PeopleDetail .detail_column .column_inner .column_swiper .swiper-wrapper .swiper-slide a h2 {height:48px; font-size:16px; font-weight:bold; line-height:24px; white-space:inherit;} #the300PeopleDetail .detail_column .column_inner .column_swiper .swiper-wrapper .swiper-slide a p {margin-top:10px; height:44px; color:#666666; line-height:22px; white-space:inherit;} #the300PeopleDetail .detail_column .column_inner .column_swiper_button {position:absolute; top:174px; width:26px; height:39px; background:url('//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416') no-repeat;} #the300PeopleDetail .detail_column .column_inner .column_swiper_button_prev {left:-55px; background-position:-1px -39px;} #the300PeopleDetail .detail_column .column_inner .column_swiper_button_prev:hover {background-position:-27px -39px;} #the300PeopleDetail .detail_column .column_inner .column_swiper_button_next {right:-55px; background-position:-55px -39px;} #the300PeopleDetail .detail_column .column_inner .column_swiper_button_next:hover {background-position:-83px -39px;} #the300PeopleDetail .article_sector_wrap {margin:0 auto; width:1024px; height:455px;} #the300PeopleDetail .article_sector_wrap h2 {display:inline-block; margin-top:80px; margin-bottom:30px; padding:5px 12px 3px; font-size:18px; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000;} #the300PeopleDetail .article_sector_wrap .article_sector {float:left; margin-right:16px;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item {float:left; position:relative; width:244px;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item:first-child {margin-right:16px;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item a {display:block;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item a .thumbnail {display:inline-block; width:100%; height:216px;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item a .title_wrap {position:absolute; bottom:-19px; left:15px; padding:13px 15px 0px 15px; width:100%; min-height:58px; background-color:#fff; text-align:left; box-sizing:border-box;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item a .title_wrap .title {max-height:45px; font-size:16px; color:#000; line-height:23px; white-space:inherit;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item a .title_wrap .title:hover {text-decoration:underline;} #the300PeopleDetail .article_sector_wrap .article_sector .list .item a .category {position:absolute; top:0px; left:0px; padding:5px 7px 5px; background-color:rgba(000, 000, 000, 0.8); font-size:14px; font-weight:bold; color:#fff;} #the300PeopleDetail .article_sector_wrap .one_year_ago {float:left; width:504px;} #the300PeopleDetail .article_sector_wrap .one_year_ago .item {display:block; position:relative;} #the300PeopleDetail .article_sector_wrap .one_year_ago .item:hover {text-decoration:none;} #the300PeopleDetail .article_sector_wrap .one_year_ago .item .thumbnail {width:504px; height:254px;} #the300PeopleDetail .article_sector_wrap .one_year_ago .item .title_wrap {position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(000, 000, 000, 0.6);} #the300PeopleDetail .article_sector_wrap .one_year_ago .item .title_wrap .title {margin-top:61px; padding:0 132px; max-height:58px; font-size:20px; font-weight:bold; color:#fff; line-height:29px; white-space:inherit; box-sizing:border-box;} #the300PeopleDetail .article_sector_wrap .one_year_ago .item .title_wrap p {margin-top:6px; padding:0 102px; max-height:63px; color:#aeadb0; line-height:21px; white-space:inherit; box-sizing:border-box;} #the300PeopleDetail .latest_article {width:100%; height:379px; background-color:#f0f0f0;} #the300PeopleDetail .latest_article .latest_article_inner {margin:0 auto; width:1024px;} #the300PeopleDetail .latest_article .latest_article_inner h2 {display:inline-block; margin-top:35px; margin-bottom:30px; padding:5px 12px 3px; font-size:18px; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap {overflow-y:scroll; padding-right:27px; height:200px; box-sizing:border-box;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap::-webkit-scrollbar {width:2px;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap::-webkit-scrollbar-track {box-shadow:inset 0 0 5px #dcdcdc; border-radius:10px;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap::-webkit-scrollbar-thumb {background:#333333; border-radius:10px;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap::-webkit-scrollbar-thumb:hover {background:#333333;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item {position:relative; margin-top:18px;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item:first-child {margin-top:5px;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item a {display:block;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item a:hover {text-decoration:none;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item a .category {position:absolute; top:-5px; left:0px; padding:4px 18px; max-width:63px; background-color:#333; font-size:15px; font-weight:bold; color:#fff; box-sizing:border-box;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item a .title {display:block; margin:0px 110px 0px 83px; font-size:15px; color:#666666; text-align:left;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item a:hover .title {text-decoration:underline;} #the300PeopleDetail .latest_article .latest_article_inner .list_wrap .list .item a .date {position:absolute; top:2px; right:0px; max-width:100px; font-size:12px; color:#aaaaaa;} #the300PeopleDetail .inventory {width:100%; height:242px; background-color:#fff;} #the300PeopleDetail .inventory .inventory_btn {display:inline-block; position:relative; margin-top:80px; width:204px; height:43px; font-weight:bold; border:2px solid #000; line-height:43px;} #the300PeopleDetail .inventory .inventory_btn:hover {text-decoration:none;} #the300PeopleDetail .inventory .inventory_btn .angle_right {position:absolute; top:13px; right:18px;} /* 속보 */ #pop .pagination {margin-bottom:0px;} /* 기존 th300 CSS */ #container {position:relative; margin:0 auto; padding-top:14px; padding-bottom:20px; width:1024px; min-height:625px; border-top:1px solid #d6d6d6;} .memNational_wrap {min-height:589px;} #container h3 {font-weight:bold; text-align:left;} #container li {text-align:left;} #container strong {text-align:left;} #container .limit4 {position:relative;} #container .mgt2 {margin-top:2px;} #container .mgt5 {margin-top:5px;} #container .mgt6 {margin-top:6px;} #container .mgt7 {margin-top:7px;} #container .mgt8 {margin-top:8px;} #container .mgt9 {margin-top:9px;} #container .mgt10 {margin-top: 10px;} #container .mgt12 {margin-top:12px;} #container .mgt13 {margin-top:13px;} #container .mgt14 {margin-top:14px;} #container .mgt15 {margin-top:15px;} #container .mgt19 {margin-top:19px;} #container .mgt20 {margin-top:20px;} #container .mgt22 {margin-top:21px;} #container .mgt28 {margin-top:28px;} #container .mgt30 {margin-top:30px;} #container .mgt32 {margin-top:32px;} #container .mgt46 {margin-top:46px;} #container .mgb20 {margin-bottom:20px;} #container .mgb100 {margin-bottom:100px;} #container .content {float:left; width:656px;} #container .catit1 {overflow:hidden; position:relative; padding-right:25px; padding-left:19px; min-height:51px; background:#f0f0f0; font-size:13px; font-weight:normal; letter-spacing:-1px; color:#ccc;} #container .article_sub_category {margin-top:10px;} #container .catit1 strong {display:table-cell; height:72px; max-width:540px; font-size:21px; letter-spacing:-0.6px; color:#000; vertical-align:middle;} #container .catit1 span {display:table-cell; padding:10px 0px 10px 19px; height:51px; font-size:14px; color:#666666; vertical-align:middle; line-height:20px;} #container .catit1 .setbtn {position:absolute; bottom:12px; right:21px; width:18px; height:18px; background:url(//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416) no-repeat 0 0; background-position:-443px -1px;} #container .list_p6 {overflow:hidden;} #container .mgt25 {margin-top:25px;} #container .list_p6 .bundle:first-child {margin-top:0;} #container .list_p6 .bundle {position:relative; overflow:hidden; margin-top:25px; max-height:112px;} #container .list_p6 .bundle .thum {position:absolute; top:0; left:0; overflow:hidden; background:#efefef; width:168px; height:112px; text-align:center;} #container .list_p6 .bundle .thum .vm {display:inline-block; width:0; height:100%; font-size:0; vertical-align:middle;} #container .list_p6 .bundle .thum img {display:inline-block; max-width:100%; width:initial; max-height:100%; vertical-align:middle;} #container .edge {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.10;} #container .list_p6 .bundle .thum + .con {padding-left:188px; height:112px;} #container .list_p6 .bundle .con {display:block;} #container .list_p6 .bundle .con .subject {display:block; position:relative; overflow:hidden; min-height:23px; max-height:46px; font-size:17px; font-weight:normal; color:#262626; line-height:23px; letter-spacing:-0.3px; text-overflow:ellipsis; white-space:nowrap;} #container .list_p6 .bundle .con .subject a {color:#262626;} #container .list_p6 .bundle .con .txt {display:block; overflow:hidden; margin-top:3px; max-height:60px; font-size:14px; line-height:20px; color:#8c8c8c;} #container .list_p6 .bundle .thum + .con .etc1 {position:absolute; width:100%;} #container .list_p6 .bundle .con .etc1 {display:block; padding-top:12px; height:15px; background:#fff; letter-spacing:-0.3px; font-size:12px; color:#b2b2b2;} #container .line4 {display:block; clear:both; overflow:hidden; height:0; line-height:0; border-top:1px solid #e6e6e6;} #container .catit1 .cmt2 {top:1px; display:block; padding:5px 0 0; font-size:14px; text-align:left; color:#666666;} #container .stcm_choice {overflow:hidden; margin-top:24px; background:#fff; border-top:1px solid #cececf; border-left:1px solid #cececf;} #container .stcm_choice table tbody td {border:1px solid #bfbfc2;} #container .stcm_choice table tbody tr:first-child td {border-top:none;} #container .stcm_choice table tbody tr td:first-child {border-left:none;} #container .stcm_choice table tbody td a {display:block; height:44px; text-align:center; line-height:16px; letter-spacing:-0.6px; color:#4c4c4c;} #container .stcm_choice table tbody td a.on, #container .stcm_choice table tbody td a:hover, #container .stcm_choice table tbody td a:focus {background:#333333; color:#fff;} #container .stcm_choice table tbody td a .vm {display:inline-block; width:0; height:100%; font-size:0; vertical-align:middle;} #container .stcm_choice table tbody td a .tit {display:inline-block; font-size:13px; vertical-align:middle;} #container .stcm_choice table tbody td a.on .tit, #container .stcm_choice table tbody td a:hover .tit, #container .stcm_choice table tbody td a:focus .tit {text-decoration:none;} #container .list_p6 .bundle .con .subject .sort1 {float:left; overflow:hidden; margin-top:3px; margin-right:7px; padding:0px 7px; height:16px; background-color:#333333; font-size:13px; font-style:italic; line-height:18px; letter-spacing:-0.6px; color:#fff;} #container .pagination {overflow:hidden; margin-top:95px; margin-bottom:128px; height:24px; text-align:center;} #container .pagination button {padding:0; vertical-align:middle; border:none; cursor:pointer;} #container .pagination button {display:inline-block; width:24px; height:24px; vertical-align:top;} #container .pagination button span {font-size:0; line-height:0;} #container .pagination a {display:inline-block; font-size:14px; vertical-align:top;} #container .pagination .num a {display:inline-block; height:24px; font-family:맑은고딕, "Malgun Gothic", 돋움, dotum, sans-serif; line-height:20px; letter-spacing:-0.6px; text-align:center; color:#999999; overflow:hidden; padding:0px 10px;} #container .pagination a strong, #container .pagination a:hover, #container .pagination a:focus {font-weight:bold; color:#000;} #container .pagination .first {margin-right:3px; background:url(//menu.mt.co.kr/new_the300/images/btn_paging17_first.jpg) no-repeat 0 0;} #container .pagination .prev {margin-right:8px; background:url(//menu.mt.co.kr/new_the300/images/btn_paging17_prev.jpg) no-repeat 0 0;} #container .pagination .end {margin-left:3px;background:url(//menu.mt.co.kr/new_the300/images/btn_paging17_end.jpg) no-repeat 0 0;} #container .pagination .next {margin-left:8px; background:url(//menu.mt.co.kr/new_the300/images/btn_paging17_next.jpg) no-repeat 0 0;} #container .aside {float:right; margin-top:10px; width:300px; background:#e6e6e6;} #container .aside .as_group {position:relative; margin:0 20px;} #container .aside .as_group .as_bundle:first-child {border-top:none;} #container .aside .as_group .as_bundle {position:relative; border-top:1px solid #d1d1d1;} #container .aside .as_group .as_bundle .as_tit1 {overflow:hidden; min-height:20px; font-size:17px; letter-spacing:-0.3px; color:#262626;} #container .aside .as_group .as_bundle .as_tit1 a {float:left; padding-right:13px; background:url(//menu.mt.co.kr/the300/images/bl/bl_arrow9.gif) no-repeat right 3px; color:#262626;} #container .aside .as_group .as_bundle .as_tit1 .fresh_news {background-position:right 7px;} #container .aside .list_p7 {overflow:hidden;} #container .aside .list_p7 .bundle {float:left; position:relative; overflow:hidden; width:126px;} #container .aside .list_p7 .bundle.even {float:right;} #container .aside .list_p7 .bundle a {display:block; color:#8c8c8c;} #container .aside .list_p7 .bundle .thum {display:block; position:relative; overflow:hidden; width:125px; height:84px;} #container .aside .list_p7 .bundle .thum img {display:block; width:100%; min-height:100%;} #container .aside .list_p7 .bundle .subject {display:block; overflow:hidden; margin-top:9px; height:33px; font-size:13px; font-weight:normal; line-height:16px; letter-spacing:-0.6px;} #container .aside .list_t4 {overflow:hidden;} #container .aside .list_t4 .bundle {overflow:hidden; height:28px; font-size:14px; letter-spacing:-0.8px; line-height:28px;} #container .aside .list_t4 .bundle a {color:#4c4c4c;} #container .aside .as_group .as_bundle .more1 {position:absolute;} #container .aside .lch_report2 .lch_report_group {overflow:hidden;} #container .aside .lch_report2 .lch_report_group .lr_bundle {position:relative;} #container .aside .lch_report2 .lch_report_group .lr_bundle .lr_con {overflow:hidden;} #container .aside .lch_report2 .lch_report_group .lr_bundle .lr_con .thum {display:block; overflow:hidden; width:100%; height:146px; background-position:center 0; background-size:cover;} #container .aside .lch_report2 .lch_report_group .lr_bundle .lr_con .thum img {visibility:hidden; display:block; width:100%; height:146px;} #container .aside .lch_report2 .lch_report_group .lr_bundle .lr_con .subject {display:block; overflow:hidden; margin-top:4px; height:24px; font-size:16px; letter-spacing:-0.6px; line-height:24px; color:#333;} #container .aside .list_r1 {overflow:hidden;} #container .aside .list_r1 .bundle {overflow:hidden; padding-left:14px; height:25px; background:url(//menu.mt.co.kr/the300/images/bl/bl_rel5.gif) no-repeat 0 11px; font-size:14px; letter-spacing:-0.6px; line-height:25px;} #container .aside .list_p4 .bundle + .bundle {margin-top:16px;} #container .aside .list_r1 .bundle a {color:#808080;} #container .aside .list_p4 .bundle {overflow:hidden;} #container .aside .list_p4 .bundle .thum {float:left; position:relative; overflow:hidden; width:90px; height:55px;} #container .aside .list_p4 .bundle .thum img {display:block; width:100%; min-height:100%;} #container .aside .list_p4 .bundle .con {display:block; overflow:hidden; margin-left:98px; height:55px;} #container .aside .list_p4 .bundle .sort {display:block; letter-spacing:-0.25px; font-size:13px; font-weight:bold; color:#000;} #container .aside .list_p4 .bundle .subject {display:block; overflow:hidden; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#999;} #container .aside .aside_slide .slick-arrow.slick-prev {right:19px; float:left; margin-right:-3px; background-position:0 0;} #container .aside .aside_slide .slick-arrow {position:absolute; overflow:hidden; width:19px; height:19px; top:-28px; background:url(//menu.mt.co.kr/new_the300/images/btn_prevnext3.png) no-repeat; font-size:0; text-indent:-9999em; z-index:50;} #container .aside .aside_slide .slick-arrow.slick-next {right:0; float:right; margin-left:-1px; background-position:right 0;} #container .aside .list_p8 .bundle {float:left; position:relative; overflow:hidden; width:125px; height:177px;} #container .aside .aside_slide * {outline:none;} #container .aside .list_p8 .bundle.even {float:right;} #container .aside .list_p8 .bundle a {display:block; color:#8c8c8c;} #container .aside .list_p8 .bundle .thum {display:block; position:relative; overflow:hidden; width:125px; height:124px;} #container .aside .list_p8 .bundle .thum img {display:block; width:100%; min-height:100%;} #container .aside .edge2 {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.06;} #container .aside .list_p8 .bundle .subject {display:block; overflow:hidden; margin-top:10px; height:33px; font-size:13px; font-weight:normal; line-height:16px; letter-spacing:-0.6px;} #container .aside .hotissue_box .bundle .subject {display:block; margin-bottom:1px; font-size:15px; font-weight:normal; letter-spacing:-0.06em;} #container .aside .hotissue_box .bundle .subject a {color:#000;} #container .aside .list_r6 {overflow:hidden;} #container .aside .list_r6 .bundle {overflow:hidden; padding-left:15px; height:28px; background:url(//menu.mt.co.kr/the300/images/bl/bl_rel5.gif) no-repeat 0 10px; font-size:14px; line-height:28px; letter-spacing:-0.6px;} #container .aside .list_r6 .bundle a {color:#666;} #container .aside .list_p17 .bundle .thum {float:left; position:relative; overflow:hidden; margin-right:9px; width:125px; height:84px;} #container .aside .list_p17 .bundle .thum img {display:block; width:100%; min-height:100%;} #container .aside .list_p17 .bundle .con .subject {display:block; overflow:hidden; max-height:40px; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.6px;} #container .aside .list_p17 .bundle .con .txt {display:block; overflow:hidden; margin-top:10px; max-height:54px; font-size:13px; line-height:18px; letter-spacing:-0.6px;} #container .aside .list_p17 .bundle .thum + .con .txt {max-height:33px; line-height:16px;} #container .aside .list_p17 .bundle .con .subject a {color:#333;} #container .aside .list_p17 .bundle .con .txt a {color:#8c8c8c;} #container .aside .as_group .as_bundle .this_w_bill {overflow:hidden; background:#c0c0c2; border:1px solid #bababb;} #container .aside .as_group .as_bundle .this_w_bill a {display:block; padding:10px 14px 12px; font-size:13px; line-height:16px; letter-spacing:-0.6px; color:#fff;} #container .aside .as_group .as_bundle .this_w_bill a:hover {cursor:pointer; text-decoration:underline;} #container .aside .as_group .as_bundle .this_w_bill a:hover .subject {cursor:pointer; text-decoration:underline;} #container .aside .as_group .as_bundle .this_w_bill .subject {display:block; padding-bottom:5px; font-size:14px; font-weight:normal; line-height:20px; color:#404040;} #container .aside .as_group .as_bundle .monthly_person2 {overflow:hidden; margin-top:10px; padding:11px 14px 9px; background:#f3f3f3; border:1px solid #e0e0e0;} #container .aside .as_group .as_bundle .monthly_person2 .cmt {display:block; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.6px; color:#000;} #container .aside .as_group .as_bundle .monthly_person2 ul {overflow:hidden; margin-top:2px;} #container .aside .as_group .as_bundle .monthly_person2 ul li {overflow:hidden; height:30px; line-height:30px;} #container .aside .as_group .as_bundle .monthly_person2 ul li .no {float:left; margin-top:9px; overflow:hidden; width:19px; height:14px; background:url(//menu.mt.co.kr/the300/images/etc/bg_no1_5_2.png) no-repeat 0 0; text-indent:-9999px;} #container .aside .as_group .as_bundle .monthly_person2 ul li .subject {float:left; width:59px; font-size:17px; letter-spacing:-0.7px; color:#333;} #container .aside .as_group .as_bundle .monthly_person2 ul li .percent {float:left; margin-top:10px; height:13px; width:152px; background:url(//menu.mt.co.kr/new_the300/images/bg_rankingGraph2.png) no-repeat 0 0; font-size:12px; letter-spacing:-0.4px; line-height:13px; text-align:right; color:#8c8c8c;} #container .aside .as_group .as_bundle .monthly_person2 ul li .no.n2 {background-position:0 -30px;} #container .aside .as_group .as_bundle .monthly_person2 ul li .no.n3 {background-position:0 -60px;} #container .aside .as_group .as_bundle .monthly_person2 ul li .no.n4 {background-position:0 -90px;} #container .aside .as_group .as_bundle .monthly_person2 ul li .no.n5 {background-position:0 bottom;} #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='8'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='9'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='10'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='11'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='12'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='13'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='14'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='15'] {background-position: 0 -39px;} #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='0'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='1'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='2'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='3'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='4'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='5'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='6'], #container .aside .as_group .as_bundle .monthly_person2 ul li .percent[alt='7'] {background-position:0 bottom;} #container .aside .list_t8 {overflow:hidden;} #container .aside .list_t8 .bundle {overflow:hidden; height:30px; font-size:14px; letter-spacing:-0.8px; line-height:30px;} #container .aside .list_t8 .bundle a {color:#4d4d4d;} #container .aside .as_group .as_bundle .mytype_sortting {background:#c0c0c2; border:1px solid #bababb;} #container .aside .as_group .as_bundle .mytype_sortting .tit {float:left; padding:17px 0 18px 14px; width:81px; font-size:13px; font-weight:normal; line-height:17px; letter-spacing:-0.6px; color:#fff; border-right:1px solid #cbcbcc;} #container .aside .as_group .as_bundle .mytype_sortting .lmbox1 {float:left; padding-top:16px; width:160px;} #container .aside .as_group .as_bundle .mytype_sortting .lmbox2 {float:left; width:100%; padding-bottom:6px;} #container .aside .as_group .as_bundle .mytype_sortting label {float:left; width:61px; height:24px; font-size:14px; text-align:center; line-height:24px; letter-spacing:-0.6px; color:#333;} #container .aside .sel_replaced {float:left; margin-left:6px; height:22px; background:#fff; border:1px solid #ccc;} #container .aside label + #container .aside .sel_replaced {margin-left:0;} #container .aside .as_group .as_bundle .mytype_sortting select {float:left; width:86px; height:25px; background:#fff; font-size:12px; letter-spacing:-0.7px; color:#333; border:1px solid #ccc;} #container .aside .sbHolder {position:relative; width:100%; height:100%; letter-spacing:-0.4px; color:#666;} #container .aside .sbHolder a {float:none !important; color:#666;} #container .aside .sbToggle {position:absolute; top:0; right:0; width:27px; height:22px; background:url(//menu.mt.co.kr/the300/images/etc/select-icons1.gif) no-repeat 0 0;} #container .aside .sel_replaced.ty2 .sbToggle {background:url(//menu.mt.co.kr/the300/images/etc/select-icons2.gif) no-repeat 0 0;} #container .aside .sbOptions {position:absolute; top:20px; left:-1px; overflow-y:auto; width:100%; background:#fff; border:1px solid #ccc; z-index:1;} #container .aside .sbOptions * {float:none !important;} #container .aside .sbOptions li {overflow:hidden;} #container .aside .sbOptions a {display:block; padding:0 5px; height:22px; font-size:12px; line-height:22px; color:#666;} #container .aside .sbSelector {position:absolute; top:0; left:0; right:27px; overflow:hidden; height:22px; font-size:12px; line-height:22px; text-indent:5px;} #container .mytype_setting {position:relative; margin-top:8px; padding:15px 0px; background:#f6f6f6; box-sizing:border-box;} #container .mytype_setting .cmt1 {display:block; padding:17px 0 0 15px; width:80px; height:69px; font-size:13px; font-weight:normal; line-height:17px; letter-spacing:-0.6px; color:#686c95; border-right:1px solid #cbcbcc;} #container .mytype_setting .setnow .sort {height:24px; font-size:16px; font-weight:bold; letter-spacing:-0.6px; color:#000;} #container .mytype_setting .setnow table td table {background:#fff;} #container .mytype_setting .setnow .bundle a {display:block; overflow:hidden; margin-right:5px; width:145px; height:25px; text-align:center; line-height:26px; letter-spacing:-0.7px; font-size:14px; color:#333; background-color:#ebebeb; border:1px solid #ccc;} #container .mytype_setting .setnow .bundle a.on, #container .mytype_setting .setnow .bundle a:hover, #container .mytype_setting .setnow .bundle a:focus {text-decoration:none; background-color:#ffffff; font-weight:bold; color:#666666;} #container .mytype_setting .setnow #jobSortGroup .bundle a {margin-right:3px; width:96px;} #container .mytype_setting .setnow .bundle:last-child a {margin-right:0px;} #container .mytype_setting .setgo {position:relative; margin:0 -1px;} #container .mytype_setting .setgo .setlayer {display:none; position:absolute; top:-128px; right:48px; background:#fff; color:#bfbfbf; z-index:1; text-align:left;} #container .mytype_setting .setgo .setlayer .lmbox {position:relative; padding:0px 11px 20px 20px; border:1px solid #bbbbbb; box-sizing:border-box;} #container .mytype_setting .setgo .setlayer .tit {overflow:hidden; width:196px; font-size:14px; font-weight:normal; color:#999999; line-height:14px; letter-spacing:-0.6px;} #container .mytype_setting .setgo .setlayer .tit em {display:block; padding:19px 0 4px; font-size:16px; font-style:normal; font-weight:bold; line-height:17px; color:#000;} #container .mytype_setting .setgo .setlayer .cho_box {margin-top:9px;} #container .mytype_setting .setgo .setlayer .cho_box label {float:left; margin-top:9px; width:62px; height:24px; font-size:15px; font-weight:bold; letter-spacing:-0.6px; line-height:22px; color:#666666;} #container .mytype_setting .setgo .setlayer .cho_box select {float:left; margin-top:4px; width:165px; height:29px; letter-spacing:-0.7px; background-color:#f0f0f0; font-size:14px; color:#666666; border:1px solid #f0f0f0;} #container .mytype_setting .setgo .setlayer .btn_wrap {margin-top:8px; padding-right:6px; text-align:right;} #container .mytype_setting .setgo .setlayer button {width:70px; height:25px; background-color:#fff; font-size:15px; font-weight:bold; color:#333333; border:1px solid #7f7f7f;} #container .tab_t3 {overflow: hidden; padding-top:17px; padding-left:20px; padding-bottom:16px; border-top:4px solid #000; border-bottom:1px solid #000;} #container .tab_t3 .bundle {float:left; margin-right:1px;} #container .tab_t3 .bundle a {display:block; overflow:hidden; width:14px; height:14px; background:url("//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416") no-repeat; font-size:14px; line-height:32px; text-align:center; letter-spacing:-0.6px; color:#808080;} #container .tab_t3 .bundle a.on, #container .tab_t3 .bundle a:hover, #container .tab_t3 .bundle a:focus {text-decoration:none; color:#333;} #container .tab_t3 .bundle .expanded_view {background-position:-111px -39px;} #container .tab_t3 .bundle .expanded_view.on {background-position:-127px -39px;} #container .tab_t3 .bundle .list_view {margin-top:1px; margin-left:17px; background-position:-143px -39px;} #container .tab_t3 .bundle .list_view.on {background-position:-159px -39px;} #container .search2 .rgroup {float:right;} #container .search2 .rgroup * {float:left;} #container .search2 input[type='text'] {padding:0 42px 0px 20px; width:162px; height:35px; line-height:27px; letter-spacing:-0.7px; color:#999; border:1px solid #d6d6d6; border-radius:20px; box-sizing:border-box;} #container .search2 .search_icon {position:absolute; top:6px; right:15px; width:25px; height:23px; background:url(//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416) no-repeat; background-position:-1px -1px;} #container .subsec_lchreport .lch_report_group {overflow:hidden;} #container .subsec_lchreport .lch_report_group .lr_bundle {position:relative; margin-top:20px; background:#f0f0f0;} #container .subsec_lchreport .lch_report_group .lr_bundle:first-child {margin-top:0;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con {position:relative; overflow:hidden;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con a {display:block; width:100%; height:100%; color:#4c4c4c;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .date {position:absolute; top:28px; left:18px; font-size:17px; color:#fd6363;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .lr_subject {position:absolute; top:53px; left:18px; overflow:hidden; width:290px; font-size:19px; font-weight:normal; line-height:26px; letter-spacing:-0.7px; color:#4c4c4c;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .img {display:block; overflow:hidden; margin-left:336px; width:320px; height:180px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .img img {display:block; width:100%; min-height:100%;} #container .edge3 {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #f0f0f0; opacity:0.08;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 {position:relative; margin-top:-1px; padding:30px 19px 0; height:142px; background:#d9d9d9; border:1px solid #ccc;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist {overflow:hidden; position:relative; height:128px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group {position:absolute; top:0; left:0; height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle {float:left; position:relative; margin-left:20px; width:139px; height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle:first-child {margin-left:0;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle a {display:block; overflow:hidden; width:100%; color:#666;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; height:84px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .thum img {display:block; width:100%; min-height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .subject {display:block; overflow:hidden; margin-top:9px; padding-bottom:1px; max-height:32px; font-size:13px; font-weight:normal; line-height:16px; letter-spacing:-0.6px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .date {position:absolute; top:63px; right:0; width:79px; height:19px; background:url(//menu.mt.co.kr/the300/images/etc/bg_shadow70.png) repeat 0 0; font-size:11px; line-height:19px; letter-spacing:-0.3px; text-align:center; color:#fff; border:1px solid #000;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .pg {position:absolute; bottom:24px; left:312px; width:82px; height:16px; font-size:16px; line-height:16px; text-align:center; color:#666666;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .pg strong {font-weight:bold; color:#000;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .pg button {position:absolute; top:-8px; width:30px; height:29px; background:url(//menu.mt.co.kr/new_the300/images/btn_prevnext2.jpg) no-repeat 0 0;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .pg .prev {left:-20px; background-position:0 0;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .pg .next {margin-left:10px; background-position:right 0;} #container .table_t6 table thead th {height:46px; background:#f0f0f0; font-size:16px; font-weight:normal; text-align:center; line-height:40px; letter-spacing:-0.6px;} #container .table_t6 table thead th:first-child {padding-left:11px;} #container .table_t6 table tbody td {height:46px; background:#fff; border-bottom:1px solid #dbdbdb;} #container .table_t6 table tbody td.date {padding-left:23px; font-size:16px; text-align:center; color:#666666;} #container .table_t6 table tbody tr:first-child td {border-top:none;} #container .table_t6 table tbody td.subject {font-size:16px; letter-spacing:-0.6px; color:#666666;} #container .table_t6 table tbody td.subject a {float:left; margin:-4px 14px 0px 40px; color:#4c4c4c;} #container .table_t6 table tbody td.function1 {text-align:center;} #container .list_t9 {display:table; border-collapse:collapse;} #container .list_t9 .tr {display:table-row;} #container .list_t9 .td {display:inline-block; margin-bottom:10px; width:337px; border:1px solid #d6d6d6;} #container .list_t9 .td:first-child {margin-right:15px;} #container .list_t9 .td .lmbox1 {overflow:hidden; margin:0 19px; height:221px;} #container .list_t9 .td .lmbox2 {overflow:hidden; height:160px;} #container .list_t9 .td .subject {display:block; padding-top:1px; font-size:16px; font-weight:bold; line-height:26px; letter-spacing:-0.6px;} #container .list_t9 .td .subject a {color:#262626;} #container .list_t9 .td .rel_list {overflow:hidden;} #container .list_t9 .td .rel_list .bundle {overflow:hidden; padding-left:15px; height:31px; background:url(//menu.mt.co.kr/new_the300/images/bl_rel5.png) no-repeat 0 6px; font-size:14px; line-height:28px; letter-spacing:-0.6px;} #container .list_t9 .td .rel_list .bundle a {font-size:16px; color:#666;} #container .list_t9 .td .etc {margin-top:26px;} #container .list_t9 .td .etc .date {float:left; font-size:13px; font-weight:bold; letter-spacing:-0.8px; color:#666;} #container .list_t9 .td .etc a {text-decoration:none !important;} #container .list_t9 .td .etc .rel_su {float:right; margin-top:-5px; padding-left:9px; letter-spacing:-0.8px; color:#f24e4e;} #container .list_t9 .td .etc .date span {font-weight:normal; color:#aaaaaa; letter-spacing:0;} #container .list_t9 .td .etc a * {text-decoration:none !important;} #container .list_t9 .td .etc .rel_su .box {display:inline-block; padding:3px 11px; font-size:12px; color:#000; border:1px solid #a8a8a8;} #container .mth_paging {position:relative; overflow:hidden; margin-top:3px; margin-bottom:7px; height:50px;} #container .mth_paging .date {display:block; padding-top:6px; padding-left:43px; height:50px; font-size:20px; font-weight:bold; line-height:46px; letter-spacing:-0.3px; text-align:left; color:#000;} #container .mth_paging button {position:absolute; top:13px; width:30px; height:29px;} #container .mth_paging .prev {position:absolute; top:13px; left:0px; width:30px; height:29px; background:url(//menu.mt.co.kr/new_the300/images/btn_prevnext2.jpg) no-repeat 0 0; background-position:0px 0px;} #container .mth_paging .next {position:absolute; top:13px; left:174px; width:30px; height:29px; background:url(//menu.mt.co.kr/new_the300/images/btn_prevnext2.jpg) no-repeat 0 0; background-position:right 0;} #container .list_p3 {overflow:hidden; margin-bottom:75px;} #container .list_p3 .group {overflow:hidden; margin-left:-16px;} #container .list_p3 .group .bundle {float:left; position:relative; margin:0 0 15px 16px; padding-bottom:22px; width:330px; min-height:182px; background:#f0f0f0;} #container .list_p3 .group .bundle.hlist {padding-bottom:0px; height:298px;} #container .list_p3 .group .bundle:nth-child(1) .top .rel_info_wrap .rel_info .per {color:#ef5a60;} #container .list_p3 .group .bundle:nth-child(2) .top .rel_info_wrap .rel_info .per {color:#ef5a60;} #container .list_p3 .group .bundle:nth-child(3) .top .rel_info_wrap .rel_info .per {color:#ef5a60;} #container .list_p3 .group .bundle .top {padding-left:3px; box-sizing:border-box;} #container .list_p3 .group .bundle .top .rank_wrap {display:table-cell; min-width:44px; vertical-align:middle; text-align:center;} #container .list_p3 .group .bundle .top .rank_wrap .rank {text-align:center;} #container .list_p3 .group .bundle .top .rank_wrap .rank.n1 strong {color:#ef5a60;} #container .list_p3 .group .bundle .top .rank_wrap .rank.n2 strong {color:#ef5a60;} #container .list_p3 .group .bundle .top .rank_wrap .rank.n3 strong {color:#ef5a60;} #container .list_p3 .group .bundle .top .rank_wrap .rank strong {font-size:40px; font-style:italic; font-weight:normal; color:#000; letter-spacing:-4.2px;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap {display:block; padding-left:7px;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap .updn {display:inline-block; vertical-align:top;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap .updn.up {width:11px; height:11px; background: url(//menu.mt.co.kr/new_the300/images/icon_up1.png) no-repeat 0px 0px;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap .updn.dn {width:12px; height:10px; background:url(//menu.mt.co.kr/new_the300/images/icon_down1.png) no-repeat 0px 0px;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap .number {font-size:12px; line-height:12px; vertical-align:top; margin-left:-6px;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap .number.up {color:#fd6363;} #container .list_p3 .group .bundle .top .rank_wrap .rank .number_wrap .number.dn {color:#7695f3;} #container .list_p3 .group .bundle .top .photo_wrap {display:table-cell; padding-top:20px; padding-left:20px; width:90px; vertical-align:middle;} #container .list_p3 .group .bundle .top .photo_wrap .photo {display:block; position:relative; overflow:hidden; width:90px; height:90px; font-size:0; line-height:0; background-position:center top; background-size:cover; border-radius:50%; } #container .list_p3 .group .bundle .top .photo_wrap .photo img {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden;} #container .list_p3 .group .bundle .top .rel_info_wrap {display:table-cell; padding-top:18px; padding-left:15px; width:171px; vertical-align:middle;} #container .list_p3 .group .bundle .top .rel_info_wrap .rel_info .per {display:block; margin-top:5px; font-size:15px; letter-spacing:-0.6px; white-space:nowrap; color:#999999;} #container .list_p3 .group .bundle .top .rel_info_wrap .rel_info .name {font-size:20px; font-weight:bold; color:#000;} #container .list_p3 .group .bundle .info_wrap {padding-left:53px; height:60px;} #container .list_p3 .group .bundle .info_wrap .info {margin-top:10px;} #container .list_p3 .group .bundle .info_wrap .info li {margin-top:3px; font-size:15px; color:#333333;} #container .list_p3 .group .bundle .rellist_wrap .rellist {position:relative; margin:29px 20px 0px; padding-bottom:9px;} #container .list_p3 .group .bundle .rellist_wrap .rellist li {overflow:hidden; padding-left:19px; height:26px; background:url(//menu.mt.co.kr/new_the300/images/bl_rel7.png) no-repeat 0 4px; font-size:16px; line-height:26px; letter-spacing:-0.8px; color:#666666;} #container .list_p3 .group .bundle .rellist_wrap .rellist li:first-child {margin-top:-7px;} #container .list_p3 .group .bundle .rellist_wrap .rellist li a {color:#666;} #container .list_p10 {overflow:hidden; margin-left:-15px;} #container .list_p10 .bundle {float:left; overflow:hidden; margin:0 0 0px 16px; width:220px;} #container .list_p10 .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; height:153px;} #container .list_p10 .bundle a {display:block; width:100%; height:100%; font-size:15px; letter-spacing:-0.7px; color:#666;} #container .list_p10 .bundle .thum img {display:block; width:100%; min-height:100%;} #container .list_p10 .bundle .subject {display:inline-block; overflow:hidden; padding-top:13px; height:83px; font-size:16px; color:#000; vertical-align:middle; line-height:21px; box-sizing:border-box;} #container .list_p10 .bundle .subject .td {display:inline-block; vertical-align:middle;} #container .list_p10 .bundle a {display:block; width:100%; height:100%; letter-spacing:-0.7px;} #container .list_p10 .bundle .subject .td a {display:inline; color:#000;} #container .list_p14 {overflow:hidden;} #container .list_p14 .bundle {overflow:hidden; position:relative; margin-top:10px; height:209px; background:#f0f0f0;} #container .list_p14 .bundle:first-child {margin-top:0;} #container .list_p14 .bundle .lmbox {display:block; position:relative; margin-left:298px; width:396px; height:207px;} #container .list_p14 .thum {overflow:hidden; width:396px; height:209px;} #container .list_p14 .thum img {display:block; width:100%; min-height:100%;} #container .list_p14 .thum:after {content:''; position:absolute; top:0px; left:0px; right:0px; height:100%; border:1px solid #e2e2e2; z-index:12;} #container .list_p14 .con {position:absolute; top:0; left:0; overflow:hidden; padding:0 20px; width:248px; height:209px;} #container .list_p14 .con .sort {display:inline-block; margin-top:21px; padding:4px 13px; background-color:#333333; font-size:14px; font-weight:bold; line-height:21px;} #container .list_p14 .con .sort.ty2 {color:#fff;} #container .list_p14 .con .subject {position:absolute; bottom:40px; display:block; overflow:hidden; font-size:18px; font-weight:normal; line-height:24px; letter-spacing:-0.7px;} #container .list_p14 .con .subject a {color:#000;} #container .list_p14 .con .date {position:absolute; bottom:16px; display:block; margin-top:7px; font-size:15px; line-height:17px; color:#666666;} #container .limit6 {position:relative; background:url(//menu.mt.co.kr/new_the300/images/bg_lside1.jpg) repeat-y 0 0;} #container .limit735 {float:right; width:724px;} #container .article_header {margin-bottom:25px;} #container .article_header h1 {margin-top:9px; font-size:28px; font-weight:bold; letter-spacing: -0.6px; line-height: 30px; color: #262626; text-align: left;} #container .article_header h2 {margin-top:10px; font-size:17px; font-weight:normal; line-height:24px; color:#666; text-align: left;} #container .article_header .article_info {position: relative; margin-top:27px; min-height: 15px; line-height: 13px;} #container .article_header .article_info .function {position:absolute; top:6px; right:0; overflow:hidden; margin-top:-15px; margin-bottom:-1px;} #container .article_header .article_info .function button {float:left; margin-left:-1px;} #container .article_header .article_info .function .print {width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/btn_print3.png) no-repeat 0 0;} #container .article_header .article_info .function button:first-child {margin-left:0;} #container .article_header button span {font-size:0; line-height:0;} #container .article_header .article_info .function .email {margin-left:3px; width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/btn_email2.png) no-repeat 0 0;} #container .article_header .article_info .info1 {padding:1px 200px 0 0; color:#999;} #container .article_header .article_info .function + .info1 {padding:1px 260px 0 0px;} #container .article_header .article_info .info1 a {color:#aaa;} #container .article_header .article_info .info1 .bar {color:#ccc;} #container .article_header .article_info .info1 {padding:1px 200px 0 0; font-size:13px; color:#aaaaaa; text-align:left;} #container .article_header .article_info .info1 .stit {letter-spacing:-1px; color:#aaa;} #container .article_header .article_info .together {position:absolute; top:1px; right:0px; margin-top:-10px; height:20px;} #container .together li {float:left; margin-left:3px;} #container .together li button {width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416) no-repeat 0 0;} #container .together li .btn_comment {cursor: pointer;} #container .together .twitter-share-button {opacity:0;} #container .together .btn_comment {cursor: pointer;} #container .together .btn_kakaotalk {background-position:-284px -35px;} #container .together .btn_kakaotalk_me {width:33px; background-position:-316px -35px;} #container .together .btn_facebook {display:inline-block; width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416) no-repeat 0 0; background-position:-352px -35px;} #container .together .btn_twitter {display:inline-block; width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416) no-repeat 0 0; background-position:-384px -35px;} #container .together .add_share_list {display: none;} #container .together .btn_naver {background-position:-416px -35px;} #container .together .btn_kakao_story {background-position:-448px -35px;} #container .together .btn_telegram {background-position:-284px -67px;} #container .together .btn_url {background-position:-316px -67px;} #container .together .btn_print {background-position:-348px -67px;} #container .together .btn_email {background-position:-380px -67px;} #container .together .btn_add_share_icon {background-position:-444px -67px;} #container .together .btn_add_share_icon.on {background-position:-412px -67px;} #container .content {float:left; width:694px;} #container .catit2 {overflow:hidden; height:26px; font-size:16px; font-weight:normal; letter-spacing:-0.8px; color:#333;} #container .catit2 .tit {float:left;} #container .catit2 .tit strong {font-weight:bold; color:#ef5a60;} #container .same_person {overflow:hidden; margin-top:15px; padding-bottom:32px;} #container .same_person .mem_guide {position:relative; text-align:left;} #container .same_person .mem_guide h4 {overflow:hidden; display:inline-block; padding:0px 6px; height:16px; background-color:#333333; font-size:13px; font-weight:normal; font-style:italic; line-height:16px; letter-spacing:-0.6px; color:#fff;} #container .same_person .mem_guide a.box {position:relative; display:block; height:100%; font-size:14px; line-height:20px; color:#666;} #container .list_p2 .bundle1 {overflow:hidden;} #container .list_p2 .bundle1 .group {overflow:hidden;} #container .list_p2 .bundle1 .group .bundle2 {float:left; position:relative; margin-left:10px; width:120px; height:206px;} #container .list_p2.dtv .bundle1 .group .bundle2 {width:120px; height:133px;} #container .list_p2 .bundle1 .group .bundle2:first-child {margin-left:0px;} #container .list_p2 .bundle1 .group .bundle2 img {width:100%;} #container .list_p2 .bundle1 .group .bundle2 .thum {position:absolute; width:235px; height:206px;} #container .list_p2 .bundle1 .group .bundle2 .name {position:absolute; bottom:0px; left:0px; width:100%; height:24px; background-color:rgba(000,000,000,.6); font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:24px; letter-spacing:-0.6px;} #container .same_person .mem_guide .thum {position:absolute; top:4px; left:0px; overflow:hidden; width:91px; height:103px;} #container .same_person .mem_guide .thum img {display:block; width:100%; min-height:100%;} #container .same_person .mem_guide .txt {position:absolute; top:8px; left:103px; color:#8c8c8c;} #container .same_person .mem_guide .subject {overflow:hidden; position:absolute; top:-30px; left:102px; padding-right:60px; height:35px; font-size:17px; font-weight:normal; line-height:35px; letter-spacing:-0.6px; color:#262626} #container .tsch_result {margin-top:-2px;} #container .tsch_result .result_group {position:relative; margin-top:60px;} #container .tsch_result .result_group:first-child {margin-top:0;} #container .catit2 {overflow:hidden; height:36px; font-size:16px; font-weight:normal; letter-spacing:-0.8px; color:#333;} #container .catit2 .tit {float:left; font-weight:bold;} #container .catit2 .tit .num {color:#ef5a60;} #container .more1 {position:absolute;} #container .subsec_lchreport .lch_report_group {overflow:hidden; margin-bottom:20px;} #container .subsec_lchreport .lch_report_group .lr_bundle {position:relative; margin-top:20px; background:#f0f0f0;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con {position:relative; overflow:hidden;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con a {display:block; width:100%; height:100%; color:#4c4c4c;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .special_report_pdf {display:inherit; position:absolute; top:157px; left:20px; width:143px; height:31px; color:inherit; z-index:100;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .date {position:absolute; top:0px; left:0px; padding:6px 8px; background-color:#333333; font-size:14px; font-weight:bold; color:#fff;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .lr_subject {position:absolute; top:inherit; bottom:65px; left:18px; overflow:hidden; width:253px; max-height:72px; font-size:18px; font-weight:normal; line-height:26px; letter-spacing:-0.7px; color:#000;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .img {position:relative; display:block; overflow:hidden; margin-left:300px; width:394px; height:209px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .img:after {content:''; position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #e2e2e2; z-index:1;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con .img img {display:block; width:100%; min-height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 {position:relative; margin-top:-1px; padding:20px 19px 0; height:268px; background:#fff; border:1px solid #ccc; border-top:none;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist {overflow:hidden; position:relative; height:205px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group {position:absolute; top:0; left:0; height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle {float:left; position:relative; margin-left:20px; width:204px; height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle.last + li {margin-left:0;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle a {display:block; overflow:hidden; width:100%; color:#666;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .thum {display:block; position:relative; overflow:hidden; width:100%; height:138px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .thum img {display:block; width:100%; min-height:100%;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .subject {display:block; overflow:hidden; margin-top:14px; padding-bottom:1px; max-height:37px; font-size:16px; font-weight:normal; color:#666666; line-height:21px; letter-spacing:-0.6px;} #container .subsec_lchreport .lch_report_group .lr_bundle .lr_con2 .thumlist .group .bundle .date {position:absolute; top:0px; left:-1px; width:98px; height:28px; background-color:rgba(000, 000, 000, 0.6); font-size:12px; font-style:italic; font-weight:bold; line-height:28px; letter-spacing:-0.3px; text-align:center; color:#fff; border:none;} #container .limit235 {float:left; width:300px;} #container .lmenu2 {position:relative; overflow:hidden; padding-bottom:13px;} #container .lmenu2 .bundle {overflow:hidden; height:50px;} #container .lmenu2 .bundle a {display:block; position:relative; padding-left:19px; height:100%; font-size:14px; line-height:50px; letter-spacing:-0.8px; color:#333;} #container .lmenu2 .bundle a:hover {text-decoration:none;} #container .lmenu2 .bundle a.on {font-weight:bold; color:#000;} #container .lmenu2 .bundle a.on:after {content:''; position:absolute; top:0px; left:0px; width:6px; height:50px; background-color:#333;} #container .lmenu2 .bundle a:hover:after, #container .lmenu2 .bundle a:focus:after {content:''; position:absolute; top:0px; left:0px; width:6px; height:50px; background-color:#333;} /* #article h1 {margin-top:9px; font-size:28px; font-weight:bold; letter-spacing:-0.6px; line-height:30px; color:#262626; text-align:left;} #article h2 {margin-top:10px; font-size:17px; font-weight:normal; line-height:24px; color:#666666; text-align:left;} #article .article_info {position:relative; margin-top:27px; min-height:15px; line-height:13px;} #article .article_info .function {position:absolute; top:6px; right:0; overflow:hidden; margin-top:-15px; margin-bottom:-1px;} #article button {padding:0; font-family:dotum; font-size:12px; vertical-align:middle; border:none; cursor:pointer;} #article .article_info .function button {float:left; margin-left:-1px;} #article .article_info .function .print {width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/btn_print3.png) no-repeat 0 0;} #article .article_info .function button:first-child {margin-left:0;} #article button span {font-size:0; line-height:0;} #article .article_info .function .email {margin-left:3px; width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/btn_email2.png) no-repeat 0 0;} #article .article_info .info1 {padding:1px 200px 0 0; color:#999;} #article .article_info .function + .info1 {padding:1px 260px 0 0px;} #article .article_info .info1 a {color:#aaa;} #article .article_info .info1 .bar {color:#ccc;} #article .article_info .info1 {padding:1px 200px 0 0; font-size:13px; color:#aaaaaa; text-align:left;} #article .article_info .info1 .stit {letter-spacing:-1px; color:#aaa;} #article .article_info .together {position:absolute; top:1px; right:66px; margin-top:-10px; height:20px;} #article .article_info .together li {float:left; margin-left:3px;} */ /* #article .article_info .together li .btn_comment {cursor: pointer;} */ /* #article .article_info .together .twitter-share-button {opacity:0;} */ #article button {padding:0; font-family:dotum; font-size:12px; vertical-align:middle; border:none; cursor:pointer;} #article .editor {overflow:hidden; margin-top:28px; margin-bottom:28px; padding:16px 15px; background:#f0f0f0; font-size:14px; line-height:23px; letter-spacing:-1px; color:#999999; text-align:left;} #article .pdf_dn {margin-top:28px; background-color:#f8f8f8; text-align:left;} #article .pdf_dn .txt {float:left; margin-top:7px; margin-left:15px; font-size:13px; color:#999999; letter-spacing:-1px;} #article .pdf_dn .txt strong {color:#ef5a60;} #article .pdf_dn .view_btn {float:right; padding:4px 10px; background-color:#e2e2e2; font-size:12px; font-weight:bold; color:#333333; border:1px solid #d7d7d7; box-sizing:border-box;} #article .pdf_dn .view_btn:hover {text-decoration:none;} #article .editor .title {margin-right:13px; font-weight:normal; color:#ef5a60;} #article .editor .bar {color:#adadad;} #article .article_view {} #article .article_view .view_text {font-size:16px; line-height:28px; text-align:justify; letter-spacing:-0.6px; color:#666666;} #article .article_view .view_text .article_photo {position:relative; width:100px !important;} #article .article_view .view_text .article_photo.center {margin:10px auto 5px; min-width:40px;} #article .article_view .view_text .article_photo.left {margin-right:10px;} #article .article_view .view_text .article_photo.left .img {position:relative;} #article .article_view .view_text .article_photo .desc {height:63px; font-size:12px; line-height:16px; letter-spacing:-0.1px; color:#808080;} #article .article_view .view_text .article_photo .img a {display:block;} #article .article_view .view_text .article_photo .desc .lmbox1 {padding-right:67px; font-size:13px; color:#aaaaaa; line-height:18px;} #article .article_view .view_text .article_photo.center .desc .lmbox1 {margin-top:5px;} #article .article_view .view_text .article_photo .img img {display:block; margin:0; max-width:640px; width:inherit;} #article .article_view .view_text .article_photo .img_bigview {position:absolute; right:-5px; bottom:0px; width:55px; height:47px; background:url(//menu.mt.co.kr/new_the300/images/btn_img_Bigview2.png) no-repeat 0 0;} #article .article_view .view_text .article_photo.left .img_bigview {bottom:0px;} #article .article_view .view_text .article_photo.left .desc .lmbox1 {padding-right:0px;} #article .article_view .copyright {clear:both; overflow:hidden; margin-top:56px; font-size:14px; color:#aaaaaa;} #article .article_repoter {position:relative; margin-top:35px;} #article .article_repoter .photo {float:left;} #article .article_repoter .introduce {float:left; margin-left:20px; width:570px; color:#000; text-align:left;} #article .article_repoter .introduce .access {margin-top:11px; font-size:13px; color:#8d8d8d;} #article .article_repoter .introduce .contact {margin-top:1px;} #article .article_repoter .introduce .contact .name {font-size:17px; font-weight:bold;} #article .article_repoter .introduce .contact .email {margin-left:6px; font-size:13px; color:#8d8d8d; text-decoration:underline;} #article .article_repoter .introduce .contact .social {position:relative; top:2px; display:inline-block; width:20px; height:20px; background:url(//menu.mt.co.kr/new_the300/images/image-sprite01.png?200416) no-repeat;} #article .article_repoter .introduce .contact .twitter {margin-left:4px; background-position:-334px -1px;} #article .article_repoter .introduce .contact .facebook {margin-left:-2px; background-position:-355px -1px;} #article .article_repoter .introduce p {overflow:hidden; margin-top:10px; height:38px; font-size:15px; line-height:21px;} #article .article_repoter .photo .img_wrap {display:block; position:relative; overflow:hidden; width:100px; height:100px; font-size:0; line-height:0; background-position:top center; background-size:cover;} #article .article_repoter .photo .img_wrap img {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden;} #article .btnarea {text-align:center;} #article .btnarea .l_group {float:left;} #article .btnarea .l_group .together {margin-top:27px;} #article .btnarea .l_group .together li:first-child {margin-left:0px;} #article .btnarea .l_group .print {width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/btn_print3.png) no-repeat 0 0;} #article .btnarea .l_group .email {width:30px; height:30px; background:url(//menu.mt.co.kr/new_the300/images/btn_email2.png) no-repeat 0 0;} #article .btnarea .r_group {float:right; padding-right:9px;} #article .btnarea .r_group a, #article .btnarea .r_group input, #article .btnarea .r_group button {float:left; margin-left:10px;} #article .btnarea .r_group .btn_article_list {margin-top:27px;} #article .btnarea img, #article .btnarea button, #article .btnarea input {vertical-align:top;} #article .spotcon {overflow:hidden; margin-top:65px; background:#fff; border:1px solid #d6d6d6;} #article .spotcon .lspot {float:left; margin-right:-1px; width:346px;} #article .spotcon .lmbox1 {position:relative;} #article .spotcon .lspot .lmbox1 {margin:29px 0 30px; padding:0px 20px;} #article .spotcon .contit {height:18px; font-size:17px; font-weight:normal; line-height:14px; letter-spacing:-0.3px; color:#262626;} #article .spotcon .rspot {float:right; margin-left:-1px; width:345px;} #article .spotcon .lmbox1 {position:relative;} #article .spotcon .rspot .lmbox1 {margin:29px 0 29px; padding:0px 20px; border-left:1px solid #d9d9d9;} #article .spotcon .contit {height:18px; font-size:17px; font-weight:bold; line-height:18px; letter-spacing:-0.3px; color:#262626;} #article .social_reply {margin-top:70px;} #article .list_n2 {overflow:hidden;} #article .list_n2 .bundle {overflow:hidden; height:27px; font-size:14px; line-height:27px; letter-spacing:-0.8px; color:#4d4d4d;} #article .list_n2 .bundle:last-child {position:relative; left:-3px;} #article .list_n2 .bundle .no {float:left; margin-right:9px; width:17px; font-weight:bold; font-style:italic; color:#000; letter-spacing:-0.7px;} #article .list_n2 .bundle:last-child .no {margin-right:12px;} #article .list_n2 .bundle a {color:#4d4d4d;} #container .list_t10 {overflow:hidden;} #container .list_t10 .bundle {overflow:hidden; position:relative; height:24px; font-size:15px; letter-spacing:-0.8px; line-height:24px;} #container .list_t10 .bundle a {float:left; margin-right:45px; color:#666666;} #container .list_t10 .bundle .date {position:absolute; top:0; right:2px; font-size:12px; font-style:italic; color:#aaaaaa;} #container .list_p18 {overflow:hidden;} #container .list_p18 .bundle {float:left; position:relative; overflow:hidden; width:147px;} #container .list_p18 .bundle a {display:block; color:#8c8c8c;} #container .list_p18 .bundle .thum {display:block; position:relative; overflow:hidden; width:147px; height:90px;} #container .list_p18 .bundle .thum img {display:block; width:100%; min-height:100%;} #container .list_p18 .bundle .subject {display:block; overflow:hidden; margin-top:9px; height:34px; font-size:14px; font-weight:normal; color:#666666; line-height:19px; letter-spacing:-0.6px;} #container .list_p18 .bundle .sort {position:absolute; top:10px; left:10px;} #container .list_p18 .bundle.even {float:right;} #container .more1 {position:absolute;} #container .the300_introduce {padding-left:30px; padding-bottom:90px; text-align:left; box-sizing:border-box;} #container .the300_introduce dl dt {margin-top:59px; margin-bottom:27px; font-size:18px; font-weight:bold; font-style:italic; color:#ef5a60;} #container .the300_introduce dl dt:first-child {margin-top:0px;} #container .the300_introduce dl dd ul li, #container .the300_introduce dl dd p {font-size:16px; color:#999999; line-height:23px;} #container .the300_introduce .vision {margin-top:30px;} #container .the300_introduce .vision span {display:inline-block; margin-top:6px; padding:0px 8px 0px 5px; background-color:#000; font-size:20px; font-style:italic; color:#fff;} .popup #container {border-top:none;} #container.view300 .aside {background-color:inherit;} #column {float:right; width:300px; height:100%; background:#e6e6e6; text-align:left;} #column.lst1 {padding-bottom:0; background:none;} #column.lst1 .col_box {background:#e6e6e6;} #column h2 {overflow:hidden; height:34px; padding:18px 20px 0px; font-size:17px; font-weight:bold; letter-spacing:-0.7px; color:#000; box-sizing:border-box;} #column .group {position:relative;} #column .group .bundle {position:relative; overflow:hidden; margin-top:-1px; height:92px;} #column .group .bundle:before {content:' '; position:absolute; top:0; left:20px; right:20px; height:1px; background:#d7d7d7;} #column .group .bundle:after {content:' '; position:absolute; bottom:0; left:20px; right:20px; height:1px; background:#d7d7d7;} #column .group .bundle:first-child {margin-top:none;} #column .group .bundle:first-child:before {display:none;} #column .group .bundle:last-child:after {display:none;} #column .group .bundle a {display:block; position:relative; overflow:hidden; height:92px;} #column .group .bundle .thum {position:absolute; top:21px; left:20px; overflow:hidden; width:70px; height:50px;} #column .group .bundle .thum img {display:block; width:100%; min-height:100%;} #column .group .bundle .title {display:block; margin:17px 20px 0 103px; font-size:16px; font-weight:normal; line-height:20px; letter-spacing:-1.2px; color:#333;} /* ���� 160119 ���� */ #column .group .bundle .title2 {display:block; margin:21px 20px 0 103px; height:50px; font-size:16px; font-weight:normal; line-height:48px; letter-spacing:-0.6px; color:#333;} #column .group .bundle .txt {display:block; margin:6px 15px 0 103px; font-size:12px; line-height:14px; letter-spacing:-0.8px; color:#999;} #column .group .bundle a.on, #column .group .bundle a:hover, #column .group .bundle a:focus {background-color:#cfcfcf; font-size:16px; font-weight:bold; color:#333333; text-decoration:none} #column .group .bundle a.on *, #column .group .bundle a:hover *, #column .group .bundle a:focus * {text-decoration:none;} #column .group .bundle a.on .title, #column .group .bundle a:hover .title, #column .group .bundle a:focus .title {font-weight:bold; color:#333333;} #column .group .bundle a.on .title2, #column .group .bundle a:hover .title2, #column .group .bundle a:focus .title2 {font-weight:bold; color:#333333;} #column .group2 {overflow:hidden;} #column .group2 dt {overflow:hidden; margin:0 20px; padding-bottom:18px; background:url(//menu.mt.co.kr/the300/images/etc/img_columnTxt2.gif) no-repeat 79px 0; border-bottom:1px solid #d0d0d0;} #column .group2 dt .thum {float:left; overflow:hidden; margin-right:9px; width:70px; height:50px;} #column .group2 dt .thum img {display:block; width:100%; min-height:100%;} #column .group2 dt .name {float:left; overflow:hidden; width:180px; height:50px; font-size:22px; font-weight:normal; line-height:74px; letter-spacing:-0.6px; color:#333;} #column .group2 dt .txt {clear:both; display:block; overflow:hidden; padding:11px 0 0; line-height:17px; letter-spacing:-0.8px; color:#999;} #column .group2 dd {overflow:hidden;} #column .group2 dd a {display:block; overflow:hidden; padding:0 19px; border:1px solid #e6e6e6;} #column .group2 dd a.on, #column .group2 dd a:hover, #column .group2 dd a:focus {background:#c0c0c2; border:1px solid #bababb;} #column .group2 dd .thum {float:left; overflow:hidden; margin:19px 0; width:125px; height:84px;} #column .group2 dd .thum img {display:block; width:100%; min-height:100%;} #column .group2 dd .con {display:block; overflow:hidden; margin:16px 0; height:84px;} #column .group2 dd .thum + .con {float:right; margin-top:19px; width:126px;} #column .group2 dd .subject {display:block; overflow:hidden; max-height:40px; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.6px; color:#333;} #column .group2 dd .txt {display:block; overflow:hidden; margin-top:10px; max-height:50px; font-size:13px; line-height:16px; letter-spacing:-0.6px; color:#8c8c8c;} #container .column_h_info {position:relative; display:block; overflow:hidden; padding:18px 22px 0 110px; min-height:118px; width:694px; background: #f0f0f0 url(//menu.mt.co.kr/new_the300/images/img_columnTxt2.png) no-repeat 18px 82px; font-weight:normal; box-sizing:border-box;} #container .column_h_info .thum {position:absolute; top:25px; left:20px; width:70px; height:50px;} #container .column_h_info .thum img {display:block; width:100%; min-height:100%;} #container .column_h_info.empty_column_explation .name {display:block; margin-top:10px; font-size:18px; font-weight:bold; line-height:22px; letter-spacing:-0.6px; color:#000;} #container .column_h_info.column_explation {display:table; padding-top:0px;} #container .column_h_info.column_explation .name {display:table-row; height:28px; font-size:18px; font-weight:bold; line-height:22px; letter-spacing:-0.6px; color:#000;} #container .column_h_info.column_explation .txt {display:table-row; margin:6px 0 18px; font-size:13px; line-height:18px; color:#666666; letter-spacing:-0.8px;} #article .article_relbox {position:relative; overflow:hidden; margin-top:28px; padding-bottom:11px; text-align:left;} #article .article_relbox h4.tit {overflow:hidden; height:18px; font-size:16px; font-weight:normal; color:#333;} #article .article_relbox .listbox {margin-top:8px; overflow:hidden;} #article .article_relbox .listbox .list {overflow:hidden; margin-left:10px;} #article .article_relbox .listbox .list .bundle {overflow:hidden; position:relative; padding-left:16px; height:28px; background:url(//menu.mt.co.kr/the300/images/bl/bl_rel5.gif) no-repeat 0 10px; font-size:14px; line-height:28px;} .ie8 #article .article_relbox .listbox .list .bundle {line-height:26px;} .ie9 #article .article_relbox .listbox .list .bundle {line-height:26px;} .ie10 #article .article_relbox .listbox .list .bundle {line-height:26px;} .ie11 #article .article_relbox .listbox .list .bundle {line-height:26px;} #article .article_relbox .listbox .list .bundle a {float:left; margin-right:130px; letter-spacing:-0.6px; color:#666;} #article .article_relbox .listbox .list .bundle .date {position:absolute; top:0; right:0; height:28px; color:#a6a6a6;} /* CMS CUSTOM CSS */ #container.cms_container {padding-top:0px; width:inherit;} #main.cms_main {margin:0px;} #container .cms_report_title {margin-top:0px; padding-top:15px}