/*box-sizing*/ #core_sec1, .c_sec1_1 .news_zone, .c_sec1_1_flash, .c_flash_down_con, .n_flash2, .c_flash_t, .c_flash_t li, .c_flash_down, .c_flash_down_con ul li, .c_flash_down_con ul li a, #core_sec1_semi, #core_sec1_semi > div, section, .category > a, .imgFormWrap span:after, .c_best_li .thumb:after, .c_sec1_1 .news_thumb, .c_sec1_1 .news_thumb li, .c_sec1_4 > div, .spot_news div, .spot_news1 h2, .spot_news2 h2, .spot_news2 li span, #best_click_hd, .best_click_table, .best_click_table ol, .c_best_li, .best_click_table a, .best_text, .c_best_li .thumb, .c_sec1_1 .news_zone h3, .c_best_li, .cateImg, .cateText, .swiper-pagination-bullet{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #core_sec2, #core_sec7, .grid_7525, .grid_75_hd, .grid_75_hd h3, .grid_75_con, .grid_25 h3, .grid_25_con, .c_sec2_1_list > div > ul, .c_sec2_1_list > div > ul > li, .c_sec2_1_list .thumb a strong, .c_sec7_1_con .four_people, .c_sec7_1_con .four_people li, .c_7_1_info, .c_sec7_1_con .big_thumb, .c_sec7_2 .grid_25_con ul li a, .c_sec2_2 > div, .mm_hd{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #core_sec4, .c_sec4_1_con, .c_sec4_1_con > div, .c_sec4_1_lev1 > a, .overlay_text, .c_sec4_1_lev2345 ul li, .c_sec4_1_lev2345 ul li a > span, .photo_cont div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c_sec5, .c_5_1_btn, .c_5_1_btn a, .c_5_1_img, .c_sec5_1 ul li > a, .c_5_2_1, .c_5_2_1 > a, .c_5_2_2, .c_5_2_2_con, .c_5_2_2_search, .c_5_2_2_search input, .ui-autocomplete , .ui-autocomplete .ui-menu-item, .visual_chart a, .st_chart, #core_sec5_semi, #core_sec5_semi .c_5_2_1, #core_sec5_semi .visual_chart, .c_5_1_t3 a, .mm_sec7 .c_5_2_1 > div, .mm_sec7 .c_5_2_1 a{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #core_sec6 > div, .c_sec6, .c_sec6 ul, .c_sec6 ul li, .c_sec6 ul li a, .c_sec6 ul li a > span, .c_sec2_1_list .thumb a:before, .c_7_1_thumb:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section {position: relative;} /*max-width : none;*/ #c_sec1_1 img, #c_sec1_2 img, #c_sec1_3 img, #c_sec1_4 img, #core_sec1_semi img, #core_sec2 img, #core_sec4 img, #core_sec5 img, #core_sec5_semi img, #core_sec6 img, #core_sec7 img, .main_top_banner img, .imgFormWrap span img, .spot_event img{ max-width: none; } .photo_wrap .photo_cont_view .photo_cont a img, .c_5_1_img img, .c_5_2_1 a > span img, .c_sec6_1 img, .c_sec6_2 img, .c_best_li .thumb img, .category > div > ul > li .tab_cont img, .c_sec2_1_list .thumb a img, .imgFormWrap span img{display: block; width: 100%; height: auto; min-height: 100%;} .n_flash3 a, .c_best_li a, .spot_event a, .spot_news2 li a, .spot_news2_btn a {display: block; height: 100%;} a:hover .c_5_1_t1, a:hover .c_4_1_lev1_t, a:hover .c_4_2_lev_t, .c_5_1_t3 a:hover {text-decoration: underline} /*clearfix*/#core_sec1:after, .main_top_banner:after, #core_sec1_semi:after, section:after, .c_sec2_1_list > div > ul:after, .photo_cont_list_thum_img ul:after, #core_sec5:after, #core_sec5_semi:after, #core_sec6:after, .c_sec6_1 ul:after{ content:""; display:block; clear:both; } /*ellipsis : 1*/.c_flash_t li a, .c_flash_down_con ul li a, .c_sec2_1_list .thumb a strong span, .c_sec2_2 span, .c_sec7_2 .grid_25_con ul li a, .photo_cont2 > p, .c_5_1_t3 a {white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } /*H TITLE style*/ #best_click_hd, .c_sec2_2 h3, .c_sec7_2 h3, .spot_news1 h2, .spot_news2 h2{height:38px;border-bottom:solid 1px #d1d5d9;background:#f2f2f2;} #best_click_hd h3, .c_sec2_2 h3, .c_sec7_2 h3, .spot_news1 h2, .spot_news2 h2{height:38px;line-height:38px;padding-left:15px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-1px; text-align: left} @media screen and (max-width:1218px){ .spot_news1 h2, .spot_news2 h2{font-size:14px;} } @media screen and (max-width:1024px){ .spot_news1 h2, .spot_news2 h2{font-size:16px;} } @media screen and (max-width:900px){ #best_click_hd, .c_sec2_2 h3, .c_sec7_2 h3 {height:45px;border-bottom:0 none;background:#fff;} #best_click_hd h3, .c_sec2_2 h3, .c_sec7_2 h3{height:45px;line-height:45px;padding-left:0;font-size:17px;color:#000;} } /*bx-slider*/ .banner_zone {overflow: hidden} .interview, .issue {width: 100%; height: 100%; position: relative;} .banner_zone .issue:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background:#d1d5d9; z-index: 1;} .main_top_banner {width: 300%;} .main_top_banner a {display: block; height: 100%;} .main_top_banner li {float:left; overflow: hidden} .main_top_banner img { width: 298px; height: 333px;} .swiper-pagination-bullet {border:1px solid rgba(0,0,0,0.2)} @media screen and (max-width:1218px){ .main_top_banner img{display: block; width: 100%; height: auto; min-height: 100%;} } @media screen and (max-width:1024px){ .main_top_banner img{width: 298px; height: 333px;} } @media screen and (max-width:900px){ .main_top_banner img{width: 100%; height: auto;} } /*news_img_boder 557-312*/ .imgFormWrap {display: block; width: 100%;height: 0;position: relative;overflow: hidden;padding:0 0 56.005% 0;} .imgFormWrap span{display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .imgFormWrap span:after, .c_best_li .thumb:after, .c_sec2_1_list .thumb a:before, .c_7_1_thumb:after {display: block; content: ""; width: 100%; height: 100%; border:1px solid rgba(0,0,0,0.05); position: absolute; top: 0; left: 0; } .imgFormWrap .imgFormIcon {left: inherit; top:inherit; bottom:7px !important; right:7px !important; width:21px; height: 21px; background: rgba(255,255,255,0.8); border-radius: 50%; overflow: hidden; border:0 none; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);} .imgFormWrap .imgFormIcon:after {display: block; content: ""; border:0 none; position: absolute; } .imgFormWrap .imgFormIcon.play:after {width: 9px; height: 11px; top:5px; left:7px; background: url("../images/common/m_play_icon.svg") no-repeat center; background-size: 100%;} .imgFormWrap .imgFormIcon.jpg:after {width: 16px; height: 11px; top:5px; left:3px; background: url("../images/common/m_img_icon.svg") no-repeat center; background-size: 100%;} .imgFormWrap .imgFormTag {width:38px; height:20px; border:0 none; background: #ff42c6; color:#fff; font-size:15px; letter-spacing: 0; text-align: center; font-weight: bold } /*background_tag STYLE*/ .InTag_place .tag {display:inline-block; position: relative; border:0 none;} .InTag_place .tag:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .InTag_place .tag span {display: inline-block; vertical-align: middle; height: 19px; color:#fff; font-size: 12px; font-weight: normal; line-height: 19px; padding:0 4px 0 3px; margin-left: 1px; position: relative; margin:-5px 5px 0 1px;} .InTag_place .tag span:after {display: block; content: ""; width: 1px; height: 17px; position: absolute; top:1px; left:-1px;} .InTag_place .tag span:before {display: block; content: ""; width: 1px; height: 17px; position: absolute; top:1px; right:-1px;} .InTag_place .tag.blue span, .InTag_place .tag.blue span:after, .InTag_place .tag.blue span:before{background: #1466b5;} .InTag_place .tag.red span, .InTag_place .tag.red span:after, .InTag_place .tag.red span:before{background: #ff0000;} .InTag_place .tag.orange span, .InTag_place .tag.orange span:after, .InTag_place .tag.orange span:before{background: #fa702c;} /*Line_tag STYLE*/ .Intag_line .tag { display: inline-block; height: 12px; font-size: 11px; line-height: 12px; *line-height: 11px; line-height: 11px \0/IE8+9 ; line-height: 11px\-; padding:0 2px 0 1px; margin-right:2px;}/*ie8~10*/ _:-ms-fullscreen, :root .Intag_line .tag{ line-height: 11px; } /*ie11*/ .m_lev2345 .Intag_line .tag {margin-top:3px; line-height: 13px;} html[xmlns*=""] body:last-child .m_lev2345 .Intag_line .tag {margin-top:2px; line-height: 12px;} /* PC : section 01 layout */ #core_sec1 {max-width:1198px; border-left: 1px solid #d1d5d9;} .c_sec1 {height: 100%; float:left;} /*common*/ .c_sec1_1 {width: 600px; border-top: 1px solid #d1d5d9; } .c_sec1_2 {width: 297px; border: 1px solid #d1d5d9; border-right: 0 none; overflow: hidden} .c_sec1_3 {display: block; border: 1px solid #d1d5d9;} .c_sec1_3, .c_sec1_4 {width: 300px; height: 100%; float:none; position: absolute; top:0; right:0; } .c_sec1_1_flash {width:100%; min-height:52px; padding-right:596px; position: absolute; top:100%; left: 0; margin-top: -53px;} /*Only Sub main*/ #container.sub_main .c_sec1_1_flash {padding-right: 599px; margin-top: -52px;} /*Only Sub main*/ #container.sub_main .n_flash3 img{ height: 51px;} #core_sec1 .c_sec1_4{display: none;} #core_sec1.spot .c_sec1_3{display: none;} #core_sec1.spot .c_sec1_4{display: block; z-index: 10;} @media screen and (max-width:1218px){ .c_sec1_1 {width:50%;} .c_sec1_2 {width:25%;} .c_sec1_3, .c_sec1_4 {width:25%;} .c_sec1_1_flash {padding-right:50%} /*Only Sub main*/ #container.sub_main .c_sec1_1_flash {padding-right: 50%; } } @media screen and (max-width:1197px){ /*Only Sub main*/ #container.sub_main .c_sec1_1_flash {padding-right: 299px; } } @media screen and (max-width:1024px){ .c_sec1_1 {width:100%; padding-right: 298px; height: 666px;} .c_sec1_3 {display: none;} .c_sec1_2, .c_sec1_4 {width:298px; position: absolute; top:0; right: 0; background: #fff} .c_sec1_2 {border-right: 1px solid #d1d5d9;} .c_sec1_3 {display: none} .c_sec1_1_flash {padding-right:298px} #core_sec1_semi {display: block; width: 100%; overflow: hidden; margin-top: 10px;} #core_sec1_semi.spot {height: 335px; } #core_sec1_semi > div {height: 100%;} #core_sec1_semi .sec1_semi_c67 {display: none} #core_sec1_semi.spot .sec1_semi_c67 {display: block} #core_sec1_semi.spot > div:nth-child(1) {padding-right: 616px;} #core_sec1_semi.spot > div:nth-child(2) { width: 616px; height: 100%; position: absolute; top:0; right:0;} #core_sec1_semi > div section {height: 100%; border:1px solid #d1d5d9;} .c_sec1_6, .c_sec1_7 { width: 298px; float:left; margin-left: 10px; overflow: hidden; position: relative;} /*Only Sub main*/ #container.sub_main .c_sec1_1_flash {display: none;} } /* PC : section 01 1-1 level 1 */ .c_sec1_1 .news_zone{padding:20px 20px 0 20px; height: 100%;} .c_sec1_1 .news_zone .visual a{display:block;position:relative;height:100%;background:#fafafa;overflow:hidden;} /*tag color*/ .c_sec1_1 .news_zone h3{margin:15px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:64px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .c_sec1_1 .news_zone h3 a{line-height:32px;font-size:26px;font-weight:bold;color:#222; *letter-spacing:-2.2px; letter-spacing:-2.2px \0/IE8+9 ; letter-spacing:-2.2px\-; letter-spacing: -2px;} /*ie7~10 letter-spacing */ _:-ms-fullscreen, :root .c_sec1_1 .news_zone h3 a { letter-spacing:-2.2px } /*ie11*/ .c_sec1_1 .news_zone h4{margin-top:10px;padding-bottom:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: left} .c_sec1_1 .news_zone h4 a{font-size:18px;color:#444} .c_sec1_1 .news_zone h4 span{color:#c99933} .c_sec1_1 .news_zone .cont{margin-top:10px;max-height:40px;overflow:hidden} .c_sec1_1 .news_zone .cont a{line-height:20px;font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height:40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .c_sec1_1.leTy2 .news_zone .cont a, .c_sec1_1.leTy4 .news_zone .cont a, .c_sec1_1.leTy7 .news_zone .cont a, .c_sec1_1.leTy8 .news_zone .cont a, .c_sec1_1.leTy22 .news_zone .cont a, .c_sec1_1.leTy44 .news_zone .cont a{max-height:20px; -webkit-line-clamp:1;} .c_sec1_1.leTy3 .news_zone .cont a, .c_sec1_1.leTy5 .news_zone .cont a, .c_sec1_1.leTy9 .news_zone .cont a{max-height:40px; -webkit-line-clamp:2;} .c_sec1_1 .news_thumb{display:inline-block;width: 100%; zoom:1;*display:inline;margin-top:15px} .c_sec1_1 .news_thumb li{float:left;width:24.325%; margin-left: 0.9%} .c_sec1_1 .news_thumb li:first-child {margin-left: 0} .c_sec1_1 .news_thumb li a{display:block;line-height:16px;} .c_sec1_1 .news_thumb li a > span{display:block;line-height:16px;padding-top:5px; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height:32px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .c_sec1_1 .news_thumb li a > span.imgFormWrap {padding-top: 0} .c_sec1_1 .news_thumb li a:hover > span {color:#333; font-weight: bold} .c_sec1_1 .news_thumb li a img{margin-bottom:5px;} @media screen and (max-width:1190px){ .c_sec1_1 .news_zone h3 a {font-size:23px; } .c_sec1_1 .news_zone h3 {margin-top: 10px} .c_sec1_1 .news_zone h4 a {font-size:17px;} .c_sec1_1 .news_thumb {margin-top: 10px} } @media screen and (max-width:900px){ .mm_sec9 .imgFormWrap {padding:0 0 56% 0;} .c_sec1_1 .news_thumb {margin-top: 15px} .c_sec1_1.leTy4 .news_thumb, .c_sec1_1.leTy44 .news_thumb {margin-top: 10px} .c_sec1_1 .news_thumb li a > span {font-size: 14px;} .c_sec1_1 .news_thumb li a:hover > span {font-weight:normal; color:#666} .c_sec1_1_flash{display: none;} .c_sec1_1 .news_zone h4{margin-top:5px;} .c_sec1_1 .news_zone .cont a {color:#999} .c_sec1_1.leTy4 .news_zone .cont, .c_sec1_1.leTy44 .news_zone .cont {margin-top: 5px;} .c_sec1_1.leTy2 .news_zone .cont a, .c_sec1_1.leTy22 .news_zone .cont a, .c_sec1_1.leTy4 .news_zone .cont a, .c_sec1_1.leTy44 .news_zone .cont a{max-height:40px; -webkit-line-clamp:2;} } .c_sec1_1_flash { text-align: left} .c_flash{position:relative;width:100%;height:51px; border-bottom: 1px solid #d1d5d9; border-top: 1px solid #d1d5d9; background:#f2f2f2; } .c_flash_hd {position:absolute;bottom:-1px;left:-1px; width:52px; height:52px; z-index: 10;} .c_flash_t { width:100%; height:100%; overflow: hidden;} .c_flash_t li { width:100%; height:51px; padding:0 180px 0 67px; } .c_flash_t li a { display:inline-block; width:100%; height: 50px; color:#333; font-size: 15px; line-height: 50px; } .c_flash_t li a:hover {font-weight: bold;} .n_flash2_2 { width:125px; height: 50px;position: absolute; top:0; right:50px; font-size: 0} .n_flash2_2 .n_flash2_btn { height:50px; line-height: 50px; text-align: right} .n_flash2_btn span { display: inline-block;zoom:1;*display:inline;} .n_flash2_btn span img { vertical-align: middle } .n_flash2_btn .flash2_btn1 { display: inline-block; text-align: right; color:#777; font-size: 12px; background: url("../images/content/level01_newsflash_15.png") no-repeat 0 19px; background-size: 11px; padding-left: 13px;} .n_flash2_btn .flash2_btn2 a{ display: block; width:10px; height:52px; padding:0 8px 0 10px; } .n_flash2_btn .flash2_btn3 a{ display: block; width:11px; height:52px; } .n_flash2_btn .flash2_btn4 a{ display: block; width:10px; height:52px; padding:0 15px 0 6px; } .n_flash3 {width:51px; height:52px; position: absolute; top:0; right:0;} .c_flash_down {width: 100%; height: 234px; position: relative; z-index: 100; margin-left: -1px;} .c_flash_down:after {display: block; content: ""; width:100%; height: 6px; position: absolute; bottom:-6px; left: 0; background:url("../images/content/bg_news.png") repeat-x bottom; } .c_flash_down:before { display: block; content: ""; width:100%;height:6px; position:absolute;top:-1px;left:0; z-index:100; background:url("../images/content/bg_news2.png") repeat-x top; } .c_flash_down_con { width:100%;height:100%; overflow-y:scroll; overflow-x: hidden;} .c_flash_down_con ul { width:100%;height:auto; background:#fff;} .c_flash_down_con ul li{ width:100%; height: 47px; border:1px solid #e2e2e2; border-top:0 none; line-height: 45px; color:#666; font-size: 15px; position: relative;} .c_flash_down_con ul li a { display: block; width:100%; height:100%; padding:0 70px 0 15px} .c_flash_down_con ul li a:hover {color:#000} .c_flash_down_con ul li p { display: inline-block; height: 100%; position: absolute; top:0; right:10px; color:#777; font-size: 12px; background: url("../images/content/level01_newsflash_15.png") no-repeat left center; padding-left: 14px; background-size: 11px;} @media screen and (max-width:1024px){ .c_sec1_1 .news_zone h3{max-height:32px;-webkit-line-clamp:1} .c_flash {display: block; width:100%; } } /* PC : section 01 1-2 interactive move banner */ .c_sec1_2 > div{position:relative;} .c_sec1_2 > div .more{position:absolute;right:0;top:0;display:block;padding:11px;z-index:10;background:url("../images/content/bg_more.png") repeat left top} .c_sec1_2 > div.issue{border-top:solid 1px #d1d5d9} .c_sec1_2 > div.issue h3{color:#fff;} .bx-pager{right:20px;bottom:20px;text-align:right;} .bx-pager .bx-pager-item a{background:#fff; border: 1px solid #ced2d7;} /*PC : section 01 1-4 spot */ /* SPOT AREA ( 1-4 and m_spot )*/ .c_sec1_4 {border:2px solid #db1014;} .c_sec1_4:after {display: block; content: ""; width: 11px; height: 100.5%; position: absolute; top:-2px; left: -13px; background: url("../images/mainpage/spot_shadow_2.png") repeat-y;} .spot_event { width: 100%; height: 98px; overflow: hidden; position: absolute; top:0; left: 0; background:url(../images/singleUse/spot_180918_4.png)no-repeat; background-size:100% 98px; border-bottom: 1px solid rgba(0,0,0,0.06);overflow: hidden} .spot_event a {display: block; height: 100%;} .spot_event a .text {position: absolute; top:10px; left: 50%; margin-left: -97.5px; width:195px; height: 76px;} .spot_event a .people1 {position: absolute; bottom:0; left:0; } .spot_event a .people2 {position: absolute; bottom:0; right: 0; } .spot_news {height: 100%; padding-top:98px} .spot_news > div {width: 100%; height: 100%; /*border:1px solid #ced1d6;*/ overflow: hidden} .spot_news1 {width: 100%; height:64%; position: relative;} .spot_news2 {width: 100%; height:36%; overflow: hidden; /*padding-bottom:69%;*/ border-top: 1px solid #ced1d6; position: relative;} .spot_news2_con{ position: absolute;top:0;left: 0;width: 100%; height: 100%; height: 100%; overflow:hidden; padding-top: 38px; } .spot_news2_con ul li img { min-height: 100%; width: 100%;} .spot_news1 h2, .spot_news2 h2 {position: absolute; top:0; left: 0; width: 100%; z-index: 10} .spot_news1 h2 img, .spot_news2 h2 img{margin:7px 4px 0 -5px} .spot_news1 > div{height: 100%; padding: 39px 0 35px 0; overflow:hidden; position: relative;} .spot_news1 .spot_news_sh_t {display: block; content: ""; width: 100%; height:15px; position: absolute; top:38px; left: 0; background: url("../images/mainpage/spot_w_wrap_up.png") repeat-x; } .spot_news1 .spot_news_sh_b {display: block; content: ""; width: 100%; height:15px; position: absolute; bottom:36px; left: 0; background: url("../images/mainpage/spot_w_wrap_down.png") repeat-x; z-index: 10;} .spot_news1 > div ul{width:100%;margin:0 auto;position:relative;} .spot_news1 > div ul li{width:100%;text-align:left;position:relative;} .spot_news1 > div ul li:last-child { padding-bottom: 10px;} .spot_news1 > div ul li:after{display:block;content:"";width:1px;height:100%;position:absolute;top:0;left:27px;background:#ced2d7;} .spot_news1 > div ul li a{display:block;width: 100%; height:100%;position:relative;} /*clock*/ .spot_news1 > div ul li .sec6_time{width:48px;height:100%;float:left;position:absolute;top:0;left:0;} .spot_news1 > div ul li .sec6_time:after{display:block;content:"";width:19px;height:19px;position:absolute;top:24px;left:18px;background:url(../images/content/politics_15.png);background-size:contain;z-index:10;} .spot_news1 > div ul li .sec6_time span{display:block;width:49px;height:14px;line-height:14px;text-align:right;color:#999;font-size:11px;background:#fff;z-index:11;position:relative;top:5px;left:0;text-align:center;letter-spacing:-1px;} /*con*/ .spot_news1 > div ul li dl{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px;position:relative;padding-left:48px;} .spot_news1 > div ul li a dl dt{width:100%;height:52px;} .spot_news1 > div ul li a dl dt:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .spot_news1 > div ul li a dl dt .sec6_dt {vertical-align: middle;display:inline-block;padding-top:18px;} .spot_news1 > div ul li a dl dt .sec6_dt span {display: block;font-size:13px;color:#666;max-height:33px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .spot_news1 > div ul li a:hover dl dt .sec6_dt span {color:#333;} .spot_news1 > div ul li a dl dt .sec6_info{display:none;} .spot_news1 > div ul li a dd{display:none;} .spot_news1 > div ul li a dd span {display: block; height: 100%; border:1px solid rgba(0,0,0,0.05)} /*first*/ .spot_news1 > div ul li.rf_first a dd{display:block;width:134px;max-height:76px;overflow:hidden;margin-top:8px;} /*red*/ .spot_news1 > div ul li.rf_red .sec6_time:after{background:url(../images/content/politics_14.png);background-size:contain;} .spot_news1 > div ul li.rf_red .sec6_time span{color:#ff0000;letter-spacing:-1px;width:100%;left:0;} .spot_news1 > div ul li.rf_red a dl dt{color:#444;font-weight:bold;} .spot_news1 > ul{width:100%;height:35px;border-top:1px solid #ced2d7;background:#fff;position:absolute; bottom:0; left: 0; z-index:1;} .spot_news1 > ul li{width:50%;height:35px;float:left;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .spot_news1 > ul li:first-child{border-right:1px solid #ced2d7;} .spot_news1 > ul li a{display:block;height:100%; position: relative} .spot_news1 > ul li a span {display: block; width:15px; height: 8px; font-size: 0; text-indent: -9999px; background:url("../images/mainpage/spot_arr2.png")no-repeat; position: absolute; top:50%; left:50%; margin:-4px 0 0 -7px} .spot_news1 > ul li:nth-child(1) a span {background-position: 0 0;} .spot_news1 > ul li:nth-child(1) a:hover span {background-position: 0 -8px;} .spot_news1 > ul li:nth-child(2) a span {background-position: -15px 0;} .spot_news1 > ul li:nth-child(2) a:hover span {background-position:-15px -8px;} .spot_news1 a.pc_more, .c_sec7_2 a.pc_more {position:absolute;right:0;top:0;display:block;height:38px;width:38px;} .spot_news1 > a.pc_more span, .c_sec7_2 > a.pc_more span{display: block; width:14px; height:14px; margin:12px 0 0 11px; background:url("../images/mainpage/more.png") no-repeat; font-size: 0; text-indent: -9999px; background-position: 0 0;} .spot_news1 > a.pc_more:hover span, .c_sec7_2 > a.pc_more:hover span {background-position: 0 -14px;} .spot_news2 ul, .spot_news2 li {height: 100%;} .spot_news2 li a:after {display: block; content: ""; width: 100%; height:118px; position: absolute; bottom:-20px; left: 0; background: url("../images/mainpage/spot_img_wrap.png") repeat-x; } .spot_news2 li a span {display: inline-block; font-size: 14px; width: 100%; padding:0 10px; position: absolute; bottom: 10px; left: 0; color:#fff; text-align: left; max-height:36px; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; z-index: 10;} .spot_news2 li a:hover span { font-weight: bold;} .spot_news2_btn {display:inline-block; height: 38px; position: absolute; top:0; right:0; z-index: 10;} .spot_news2_btn a {width: 39px; height: 38px; border-left:1px solid #ced1d6; float:left; font-size: 0; text-indent: -9999px; position: relative;} .spot_news2_btn a:hover {background: #e4e4e4} .spot_news2_btn a span {display: block; width: 6px; height: 10px; background: url("../images/mainpage/spot_arr.png"); margin:13px 0 0 16px} .spot_news2_btn a:nth-child(1) span{background-position: 0 0; } .spot_news2_btn a:nth-child(2) span{background-position:-6px 0;} .spot_news2_btn a:nth-child(1):hover span{background-position:0 -10px } .spot_news2_btn a:nth-child(2):hover span{background-position:-6px -10px} @media screen and (max-width:1218px){ .spot_news1 h2 img, .spot_news2 h2 img{margin:8px 4px 0 -5px; width: 38px} } @media screen and (max-width:1110px){ .spot_event a .text {margin-left: -76.5px; width:153px; height: 59px; top:15px; } } @media screen and (max-width:1024px){ .spot_news1 h2 img, .spot_news2 h2 img{margin:7px 4px 0 -5px; width: 46px} .spot_event a .text {margin-left: -91.5px; width:183px; height: 70px; top:10px;} } @media screen and (max-width:900px){ #mSpot_zone {display: none;} #mSpot_zone.spot {display: block; position: relative; border:2px solid #d81212} /*#mSpot_zone:after {display: none; content: ""; width: 100%; height:5px; position: absolute; top:-3px; left: 0; background:#d81212 }*/ .spot_event { height: 98px; border-bottom: 0 none; background:url(../images/singleUse/spot_180918_5_2.png)no-repeat center; background-size:cover; } .spot_event a .text {position: absolute; top:20px; left: 50%; margin-left: -80.75px; width:161.5px; height: auto; } .spot_news {padding-top: 98px;} .spot_news > div {border:0 none;} .spot_news .spot_news_m_hd {height: 64px; background: #f2f2f2; border-bottom: 1px solid #ced1d6; text-align: left} .spot_news_m_hd a {display: block; height: 100%;} .spot_news_m_hd strong {display: block; font-size: 16px; color:#333; font-weight: bold; text-indent: 15px; margin-top: 13px; line-height: 1} .spot_news_m_hd strong img {width: 41px; margin: -2px 2px 0 0} .snmh_c { display: block; width: 100%; padding: 0 15px; font-size: 15px; line-height: 18px; color:#ef1718; margin-top:6px;} .snmh_c1 {display: inline-block; position: relative; padding-right:61px; max-width: 100%; } .snmh_c2 {display: inline-block; position: absolute; top:0; right:0; font-size: 12px; color:#888; padding-left: 15px;} .snmh_c2:after {display: block; content: ""; width: 12px; height:12px; position: absolute; top:3px; left: 0; background: url("../images/mainpage/time.svg") no-repeat; background-size: 100%; } .snmh_c3 {display: block; width: 100%;} .spot_news_m_list {margin-bottom: 15px;} .spot_news_m_list li {width: 50%; float:left} .spot_news_m_list li:nth-child(2n+1) {padding-right: 7.5px;} .spot_news_m_list li:nth-child(2n+2) {padding-left: 7.5px;} .spot_news_m_list li a{display: block; height: 40px; border-bottom: 1px solid #e6e8eb; line-height: 40px; text-align: left; font-size: 15px; color:#333} #mSpot_zone .m_Sbtn {background: #fff;} } @media screen and (max-width:640px){ #mSpot_zone .contPadding2 ul li:nth-child(3), #mSpot_zone .contPadding2 ul li:nth-child(4){display: none;} .spot_news_m_list li {width: 100%;} .spot_news_m_list li:nth-child(2n+1) {padding-right: 0;} .spot_news_m_list li:nth-child(2n+2) {padding-left:0;} .spot_news_m_list li:nth-child(3), .spot_news_m_list li:nth-child(4), .spot_news_m_list li:nth-child(5) {display: none;} } /* layout : 75% + 25% class="grid_7525" */ .grid_7525 {height: 100%; text-align: left} .grid_75 { width: 75%; float: left;} .grid_25 { width: 25%; float: left;} /* section " 2 " + " 7 " common STYLE */ .c_sec_2And7 {border:1px solid #d1d5d9; margin-top: 10px;} .grid_7525 {position: relative;} .grid_25{border-left:solid 1px #d1d5d9;} .grid_75_hd {width: 100%; height: 50px; position: absolute; top:0; left: 0; padding:0 20px;} .grid_75_hd h3{ height: 50px; line-height: 50px;} .grid_75_hd h3 strong img {margin-top: 15px;} .grid_25 h3 {width: 100%; position: absolute; top:0; left: 0;} .grid_75_con, .grid_25_con {width: 100%; height: 100%;} .grid_75_con{ padding:50px 0 20px 0;} .grid_25_con{ padding:58px 15px 20px 15px;} .c_sec7_2 .grid_25_con {padding-top:55px;} .all_view {display: inline-block; position: absolute; top:20px; right:20px; font-size: 12px; padding-bottom: 3px; transition:all 0.3s ease-out;} .all_view:before {display: block; content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background: #333; transition:all 0.3s ease-out;} .all_view:hover {color:#000;} .all_view:hover:before {width: 100%; } .c_2And7_nav {display: inline-block; margin:20px 0 0 10px; font-size: 0; position: relative; z-index: 10} .c_2And7_nav li{display: inline-block; height: 7px; margin:0 2px} .c_2And7_nav li a{background: #999; border-radius: 50%; text-indent: -9999px; font-size: 0; } .c_2And7_nav li a{display: block; width: 7px; height: 100%;} .c_2And7_nav li.on a { width: 27px; background: #333; border-radius:4.5px} @media screen and (max-width:1024px){ .grid_75 { width:100%; float:none; padding-right: 298px;} .grid_75.c_sec4_1 {float:left; } .grid_75_hd {width: 100%; height: 50px; position: absolute; top:0; left: 0; padding:0 318px 0 20px;} .grid_25 { width: 298px; position: absolute; top:0; right:0;} .all_view {right:320px;} } @media screen and (max-width:900px){ .mm_hd {height: 46px; margin-bottom: 15px; text-align: left; position: relative;} .mm_sec11 .mm_hd { margin: 0} .mm_hd > div {height: 100%; border-bottom:1px solid #dcdcdc; padding:0 15px;} .mm_hd h3 {height: 100%; display: inline-block; line-height: 45px; font-size: 17px; font-weight: bold; color:#000} .mm_sec5 .mm_hd h3 img{margin-top:15px;} .c_2And7_nav li{margin:0 1.5px} .c_2And7_nav li a{background: #d9d9d9; cursor: default} .c_2And7_nav li.on a { width:7px; background: #247acd; border-radius:50%} .mm9_1 .c_2And7_nav li.on a { background:#ff42c6; } .mm9_2 .c_2And7_nav li.on a, .mm9_3 .c_2And7_nav li.on a { background:#fc4848; } .mm_hd_more {display: block; width: 40px; height: 40px; position: absolute; top:0; right:15px; font-size: 0; text-indent: -9999px;} .mm_hd_more .arr {display:inline-block; width: 8px; height: 16px; position: absolute; top:15px; right:0; background:url("../images/mainpage/mm_hd_more.svg") no-repeat; background-size: 100%; opacity: 0.5} .mm_hd_more .arr2 {display:inline-block; width: 9px; height: 16px; position: absolute; top:14px; right:0; background:url("../images/mainpage/mm9_3.svg") no-repeat; background-size: 100%; opacity: 0.5} .mm9_1 .mm_hd_more, .mm9_2 .mm_hd_more {display: none;} } @media screen and (max-width:480px){ .mm9_1 .mm_hd_more, .mm9_2 .mm_hd_more {display: block;} } /*PC : section 02 서경큐브*/ .c_sec2_1_list.grid_75_con {padding:50px 15px 0 15px} .c_sec2_1_list > div {width: 100%; overflow: hidden} .c_sec2_1_list > div > ul{width: 100%; } .c_sec2_1_list > div > ul > li{ width: 25%; float:left; padding:0 5px; margin-bottom: 10px;} .c_sec2_1_list > div > ul > li:nth-child(5){display: none;} .c_sec2_1_list .thumb{ position: relative; display: block;} .c_sec2_1_list .thumb a{display: block; width: 100%; height:auto; overflow: hidden; position: relative} .c_sec2_1_list .thumb a:after {display: block; content: ""; width:100%; height:55px; position: absolute; bottom: 0; left: 0; background:url("../images/mainpage/sec2_wrap.png") repeat-x; } .c_sec2_1_list .thumb a strong{display:inline-block; max-width: 100%; position: absolute; bottom:10px; left:0; color:#fff; transition:all 0.3s ease-out; z-index: 10; padding:0 45px 0 10px; font-size: 15px; } .c_sec2_1_list .thumb a strong span {display: inline-block; width: 100%; position: relative; transition:all 0.3s ease-out} .c_sec2_1_list .thumb a strong span:after {display: block; content: ""; width: 0; height:1px; position: absolute; bottom: 0; left: 0; background: #fff; transition:all 0.3s ease-out} .c_sec2_1_list .thumb a:hover strong span{padding-bottom: 10px;} .c_sec2_1_list .thumb a:hover strong span:after {width: 100%; transition:all 0.3s ease-out} .c_sec2_1_list .thumb a > span {display: inline-block; position: absolute; bottom:10px; right:10px; color:#fff; z-index: 10; font-family: 'malgun gothic'; font-size: 11px; letter-spacing: 0} .c_sec2_1_list > div > ul > li ul{margin-top:6px; width: 100%;} .c_sec2_1_list > div > ul > li ul li{ border-bottom: 1px solid #e8eaec; position: relative;width: 100%; height: 100%;} .c_sec2_1_list > div > ul > li ul li:last-child {border:0 none;} .c_sec2_1_list > div > ul > li ul li:after {display: block; content: ""; width:3px; height: 3px; position: absolute; top:15px; left: 0; background:#191919; } .c_sec2_1_list > div > ul > li ul li a{ display: block; height:36px; padding:8px 0 7px 8px; } .c_sec2_1_list > div > ul > li ul li a span {display: block; height:36px; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 14px;} .c_sec2_1_list > div > ul > li ul li a:hover span {color:#333; font-weight: bold} .c_sec2_2 {position: absolute;top: 0;right: 0;} .c_sec2_2 .grid_25_con {padding:58px 15px 15px 15px} .c_sec2_2 a {display: block; width: 100%; height: 20%; } .c_sec2_2 a:last-child {margin-bottom: 0;} .c_sec2_2 strong {display: inline-block;color:#247acd; font-size: 12px; border:1px solid #a7caeb; border-radius:2px; padding:1px 4px 0px 3px; font-weight: normal; margin-bottom:4px; transition:all 0.3s ease-out} .c_sec2_2 span {display: block; width: 100%; color: #666; font-size: 14px; } .c_sec2_2 a:hover strong{border:1px solid #247acd; background: #247acd; color:#fff} .c_sec2_2 a:hover span {color:#333; font-weight: bold;} @media screen and (max-width:1218px){ .c_sec2_2 .grid_25_con {padding:58px 15px 5px 15px} .c_sec2_2 a {height: 25%; } .c_sec2_2 a:nth-child(5) {display: none} } @media screen and (max-width:1024px){ .c_sec2_1.grid_75 { padding-right: 0} .c_sec2_1 .grid_75_hd { padding:0 0 0 20px} .c_sec2_2 {display: none;} .c_sec2_1 .all_view { right:20px} .c_sec2_1_list > div > ul > li:nth-child(5){display: block;} .c_sec2_1_list > div > ul > li{ width: 20%; } } /*PC : section 07 기자채널*/ #core_sec7 {height: 227px;} .c_sec7_1 { padding-top:20px;} .c_sec7_1 h3 { border-bottom:solid 1px #e8eaec;} .c_sec7_1_con {position: relative;} .c_sec7_1_con .big_thumb {width: 43%; height: 100%; position:absolute; top:0; left:20px; padding:0 4.5% 0 0;} .c_7_news_man{display: block; height: 100%; position: relative;} .c_7_news_man:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .c_7_1_thumb{ display: block; width: 58px; height: 58px; border-radius: 50%; overflow: hidden; position: absolute; top:0; left: 0;} .c_7_1_thumb:after {border-radius: 50%;} .c_7_1_thumb img {width: 100%;} .c_7_1_info { display: inline-block; vertical-align: middle; padding-left: 68px; min-height: 58px;} .c_7_1_info strong { display: inline-block; font-size: 15px; color:#000; margin: 3px 0; font-weight: normal;} .c_7_1_info span{display: block; font-size: 12px; color:#888; max-height:30px; line-height:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .top_people .c_7_1_thumb{ width: 115px; height: 115px; top:50px; left:0} .top_people .c_7_1_info { padding-left:135px; transition:all 0.3s ease-out;} .top_people .c_7_1_info strong{font-size:20px; font-weight: normal; margin: 3px 0 7px 0; position: relative} .top_people .c_7_1_info strong:after {display: block; content: ""; width:0; height: 1px; background:#000; position: absolute; bottom:0; left: 0; transition:all 0.3s ease-out; } .top_people:hover .c_7_1_info strong{color:#000; font-weight: bold;} .top_people:hover .c_7_1_info strong:after {width:100%; } .top_people .c_7_1_info span{ font-size: 13px; max-height:36px; line-height:18px; } .top_people:hover .c_7_1_info span{ color:#000} .top_people .c_7_1_info .c_7_1_btn {display: inline-block; height: 21px; line-height: 22px; border:1px solid #ababab; font-size: 11px; color:#333; padding:0 5px; margin-top: 10px;} .c_7_1_btn span {display: inline-block; width: 7px; height: 7px; background: url("../images/mainpage/textplus.png") no-repeat; margin: 7px 1px 0 0; overflow: hidden; background-position: 0 0;} .top_people:hover .c_7_1_btn { background: #f0f0f0; border:1px solid #929292; color:#000;} .top_people:hover .c_7_1_btn span{background-position: 0 -7px;} .c_sec7_1_con .four_people {width: 100%; height: 100%; padding:0 20px 0 45%;} .c_sec7_1_con .four_people li{width: 50%; height: 50%; float:left} .c_sec7_1_con .four_people li:nth-child(1), .c_sec7_1_con .four_people li:nth-child(2) {padding-bottom: 10px;} .c_sec7_1_con .four_people li:nth-child(3), .c_sec7_1_con .four_people li:nth-child(4) {padding-top: 10px;} .c_sec7_1_con .four_people li:nth-child(1), .c_sec7_1_con .four_people li:nth-child(3) {padding-right: 10px;} .c_sec7_1_con .four_people li:nth-child(2), .c_sec7_1_con .four_people li:nth-child(4) {padding-left: 10px;} .four_people a .c_7_1_info strong {position: relative} .four_people a:hover .c_7_1_info strong{font-weight: bold} .four_people a .c_7_1_info strong:after {display: block; content: ""; width:0; height: 1px; background:#000; position: absolute; bottom:0; left: 0; transition:all 0.3s ease-out; } .four_people a:hover .c_7_1_info strong:after {width:100%; } .c_sec7_2 .grid_25_con ul li a {display: block; width: 100%; font-size: 14px; line-height: 26px; padding-left: 8px; position: relative; } .c_sec7_2 .grid_25_con ul li a:after {display: block; content: ""; width: 3px; height: 3px; position: absolute; top:12px; left:0; background:#191919; } .c_sec7_2 a:hover {color:#333; font-weight: bold} .c_sec7_2 a span{ display: inline-block;width: 13px;height: 13px;margin:7px 0 0 6px;background: url(../images/beri/beri_10.svg)no-repeat;background-size: 13px;} @media screen and (max-width:1024px){ .c_sec7_1_con .big_thumb {width: 55%; padding:0 3.5% 0 0} .c_sec7_1_con .four_people {padding:0 20px 0 60%} .c_sec7_1_con .four_people li{width: 100%; float:none} .c_sec7_1_con .four_people li:nth-child(1) {padding:0 0 10px 0;} .c_sec7_1_con .four_people li:nth-child(2) {padding:0 0 0 0;} .c_sec7_1_con .four_people li:nth-child(3), .c_sec7_1_con .four_people li:nth-child(4) {display: none;} } /*PC : section 03 카테고리 섹션 롤링*/ .category{position:relative; margin:10px 0 50px 0;} .category, .category * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .category > a {width: 35px !important; height: 35px !important; position: absolute; top:50%; margin-top: -17.5px; font-size: 0; text-indent: -9999px; border:1px solid #ced2d7; border-radius: 50%; transition:all 0.3s ease-out; z-index: 10;} .category > a:hover {border:1px solid #666;} .category > a .arrIcon {display: block; width:8px; height: 16px; background: url("../images/mainpage/sec3_arr.png") no-repeat;} .category > a.left_arr { left:-45px;background: #fff; transition:all 0.3s ease-out} .category > a.left_arr:hover, .category > a.right_arr:hover { background:#666; } .category > a.left_arr .arrIcon {background-position: 0 0; margin: 8px 0 0 12px;} .category > a.left_arr:hover .arrIcon {background-position: 0 -16px;} .category > a.right_arr { right:-45px;background: #fff;} .category > a.right_arr .arrIcon {background-position: -8px 0; margin: 8px 0 0 13px;} .category > a.right_arr:hover .arrIcon {background-position: -8px -16px;} .category > a.last:hover {border:1px solid #ced2d7;} .category > a.left_arr.last:hover, .category > a.right_arr.last:hover { background:#fff; } .category > a.left_arr.last:hover .arrIcon {background-position: 0 0;} .category > a.right_arr.last:hover .arrIcon {background-position: -8px 0;} .category .tooltip {display: block; width: 50px; height: 20px; position: absolute; top:-60px; left:-5px; background: #fff; color:#8b9198; font-size: 11px; border:1px solid #ced2d7; opacity: 0; transition:all 0.3s ease-out; opacity: 0; text-indent:-1px; line-height: 19px; } .category a.last:hover .tooltip { top:-32px; opacity: 1} .category .tooltip:after {display: block; content: ""; width: 14px; height: 9px; position: absolute; bottom: -9px; right:11px;} .category .right_arr .tooltip:after {background: url("../images/mainpage/tooltop_r.png") no-repeat;} .category .left_arr .tooltip {left:-13px} .category .left_arr .tooltip:after {background: url("../images/mainpage/tooltop_l.png") no-repeat;} .category > div { overflow: hidden; width: 100%; height: 100%; border:solid 1px #ced2d7; } .category > div > ul{ width: 200%;/*임시*/ } .category > div > ul:after { display: block; content: ""; clear: both;} .category > div > ul h3 a{display: block; height: 100%; padding:25px 0 18px;color:#444; font-size:20px;font-weight:bold;} .category > div > ul > li{float:left;width:12.5%;border-left:solid 1px #ced2d7;} .category > div > ul > li:hover h3 a{color:#136fbd} .category > div > ul > li:first-child{border-left:none;} .category > div > ul > li > div { width: 100%;} .category > div > ul > li .section_tab {display:inline-block;zoom:1;*display:inline;margin-bottom:20px;} .category > div > ul > li .section_tab:after { display: block; content: ""; clear: both;} .category > div > ul > li.bn{border-left:none} .category > div > ul > li .section_tab a{display: inline-block; background: url(../images/content/bg_bar.gif) no-repeat left 50%;padding: 0 5px;font-size: 12px;color: #888;} .category > div > ul > li .section_tab > a:first-child {background: none;} .category > div > ul > li .section_tab a:hover{color:#247acd;font-weight:bold;} .category > div > ul > li .tab_cont > h4 { width:0; height:0; font-size: 0; text-indent: -9999px;} .category > div > ul > li .tab_cont div > a { display: block; height: 100%;} .category > div > ul > li .tab_cont div > a:hover dl dt, .category > div > ul > li .tab_cont div > a:focus dl dt { color:#247acd } .category > div > ul > li .tab_cont dl dt{margin:14px 10px 8px 10px;line-height:22px;font-size:16px;font-weight:bold;color:#222; overflow: hidden; text-overflow: ellipsis; white-space: normal; height:44px; text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break: keep-all} .category > div > ul > li .tab_cont dl dd{margin-bottom:5px; padding:0 15px; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-align: left;} .category > div > ul > li .tab_cont a:hover dl dd {color:#333;} .category > div > ul > li .tab_cont ul{padding:10px 15px 0 15px; text-align:left;} .category > div > ul > li .tab_cont ul li{border-top:solid 1px #e2e4e7; position: relative; } .category > div > ul > li .tab_cont ul li a{ display: block; width: 100%; font-size:14px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#222;font-weight: bold; padding:10px 0} .category > div > ul > li .tab_cont ul li a:hover, .category > div > ul > li .tab_cont ul li a:focus { color:#247acd;} .category .tab_cont div > a p {position: relative;width: 100%;height: 0;overflow: hidden;padding-bottom: 56%;} .category .tab_cont div > a p span {display: block; position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .category .tab_cont div > a p:after {display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; border-top:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @media screen and (max-width:1218px){ .category {padding:0;} .category > a, .category > a:hover, .category > a.last:hover {border:0 none;} .category > a.left_arr { left:10px; background: none;} .category > a.right_arr { right:10px;background: none;} .category > a .arrIcon {display: block; width:35px; height:35px; background: url("../images/mainpage/sec3_arr22.png") no-repeat; transition:all 0.3s ease-out; } .category > a.left_arr:hover, .category > a.right_arr:hover, .category > a.left_arr.last:hover, .category > a.right_arr.last:hover { background:none; border:0 none;} .category > a.left_arr .arrIcon {background-position: 0 -35px; opacity: 0.5; margin: 0} .category > a.left_arr:hover .arrIcon {background-position: 0 -35px; opacity: 1} .category > a.right_arr .arrIcon {opacity: 0.5; background-position: -35px -35px; margin: 0} .category > a.right_arr:hover .arrIcon {background-position: -35px -35px; opacity: 1} .category > a.left_arr.last:hover .arrIcon {background-position: 0 -35px; } .category > a.right_arr.last:hover .arrIcon {background-position: -35px -35px;} .category .tooltip {display: none;} .category > div > ul > li .section_tab {height: 30px;} .category > div > ul > li .section_tab span{display: block;} .category > div > ul > li .section_tab span > a:first-child {background: none;} } @media screen and (max-width:1100px){.category > div > ul > li {/*width: 16.6666%*/ width: 12.5%;}} @media screen and (max-width:1024px){.category{ margin:10px 0 20px 0;}} /*PC : section 04 서경스타*/ #core_sec4 {background: #464646; border:1px solid #2a2a2a; position: relative; margin-top: 10px;} /*black Box - navigation common style*/ .c_sec4_nav {position: absolute; top:16px; right:10px; font-size: 0; z-index: 10} .c_sec4_nav li {display: inline-block; position: relative; height: 20px;} .c_sec4_nav li a { font-size: 13px; color:#999; padding:0 10px; line-height: 20px;} .c_sec4_nav li a:hover {color:#fff;} .c_sec4_nav li a:after {display: block; content: ""; width: 1px; height:20px; position: absolute; top:0; left: 0; background: #4f4f50;} .c_sec4_nav li:first-child a:after{display: none;} .c_sec4_1 {position: relative;} .c_sec4_1 h3{width: 100%; height: 51px; position: absolute; top:0; left: 0; background: #3a3a3b; color:#fff; line-height: 51px; text-indent: 20px; border-bottom: 1px solid #323232} .c_sec4_1 h3:after {display: block; content: ""; width:100%; height: 1px; position: absolute; bottom:-2px; left: 0; background: #4f4f50; } .c_sec4_1 h3 img { margin-top: 10px;} .c_sec4_1_con { width: 100%; height: 0; position: relative; overflow: hidden; padding-bottom:34%; margin: 71px 0 20px 0; } .c_sec4_1_con > div {position: absolute;top: 0; height: 100%;} .c_sec4_1_con > div:nth-child(1) {width:53.5%; padding:0 10px 0 20px; left: 0;} .c_sec4_1_con > div:nth-child(2) {width:46.5%; padding:0 20px 0 10px; right:0;} .c_sec4_1_lev1 {width: 100%; height: 100%; border-top:1px solid #2a2a2a; border-left:1px solid #2a2a2a; border-bottom:1px solid #626262; border-right:1px solid #626262; position: relative; overflow: hidden;} .c_sec4_1_lev1:after {display: block; content: ""; width: 100%; height:1px; position: absolute; bottom:1px; left: 0; background:#626262 } .c_sec4_1_lev1 > a {display: block; width: 100%; height: 100%; overflow: hidden; position: relative;} .c_sec4_1_lev1 > a img {width: auto; height: 100%; position: absolute; top:0; left: 50%; margin-left: -272.5px; min-height: inherit; max-width: inherit;} .overlay_text {display: block; width: 100%; height: 101px; position: absolute; bottom:0; left: 0; background:rgba(0,0,0,0.6); padding:15px; color:#fff;} .overlay_text:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .overlay_text > span { display: inline-block; vertical-align: middle; line-height:; height:;} .photo_tag {display: inline-block;background: #ff0000; height: 19px; padding:0 6px 0 5px; font-size: 15px; line-height: 18px; margin-bottom:5px; border-radius: 2px; letter-spacing: 0} .c_4_1_lev1_t {display: block; font-size: 18px; max-height:50px; line-height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .c_sec4_1_lev2345, .c_sec4_1_lev2345 ul {width: 100%; height: 100%;} .c_sec4_1_lev2345 ul li{width: 50%; height: 50%; overflow: hidden; float: left; border-right:1px solid #464646;border-top:1px solid #464646;} .c_sec4_1_lev2345 ul li:nth-child(1), .c_sec4_1_lev2345 ul li:nth-child(2) {border-top: 0 none;} .c_sec4_1_lev2345 ul li a{display: block; width: 100%; height: 100%; position: relative; overflow: hidden;} .c_sec4_1_lev2345 ul li a:after {display: block; content: ""; width: 100%; height:76px; position: absolute; bottom: 0; left: 0; background: url("../images/mainpage/sec4_wrap.png") repeat-x;} .c_sec4_1_lev2345 ul li a:bdfore {display: block; content: ""; width: 1px; height:76px; position: absolute; bottom: 0; right:-1px; background: url("../images/mainpage/sec4_wrap.png") repeat-x;} .c_sec4_1_lev2345 ul li a img {width: auto; height: 100%; margin-left: -17%;} .c_sec4_1_lev2345 ul li a > span {display:inline-block; width: 100%; position: absolute; bottom:0; left: 0; padding:10px; color:#fff; z-index: 10; font-size: 13px;} .photo_icon {display: block; width: 33px; height: 33px; margin:0 0 -3px -5px;} .photo_icon.img {background: url("../images/mainpage/img_icon2.png") no-repeat; background-position: 0 0;} .photo_icon.movie {background: url("../images/mainpage/movie_icon2.png") no-repeat;} a:hover .photo_icon.img, a:hover .photo_icon.movie {background-position:0 -33px;} .c_4_2_lev_t {display: block; line-height: 18px; max-height:36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .c_sec4_2 {border-left: 1px solid #5c5c5c; background: #575758} .c_sec4_2:after {display: block; content: ""; width: 6px; height:100%; position: absolute; top:0; left:-7px; background: url("../images/mainpage/sec4_shadow.png") repeat-y; } .c_sec4_2:before {display: block; content: ""; width:1px; height:100%; position: absolute; top:0; left:-1px; background: #2b2b2c; } .c_sec4_2 .c_sec4_nav li a:after {background:#5c5c5d } @media screen and (max-width:1198px){ .c_sec4_nav li a {padding:0 7px; } } @media screen and (max-width:1024px){ #core_sec4 {height: 400px; margin-top: -10px;} .c_sec4_1_con {height:100%; padding-bottom:34%; margin-top:0; } .c_sec4_1_con > div:nth-child(1) {width:58%; padding:71px 10px 20px 20px; } .c_sec4_1_con > div:nth-child(2) {width:42%; padding:72px 20px 18px 10px; } .c_sec4_1_lev1:after {display: none;} .c_sec4_1_con { padding-bottom:41%; height: 100%;} .c_sec4_1 .c_sec4_nav {right:309px;} .c_sec4_1_con > div:nth-child(1) {width: 62%} .c_sec4_1_con > div:nth-child(2) {width: 38%} .c_sec4_1_lev2345 ul li{width: 100%;} .c_sec4_1_lev2345 ul li:nth-child(3), .c_sec4_1_lev2345 ul li:nth-child(4) {display: none;} .c_sec4_1_lev2345 ul li:nth-child(2) {border-top:1px solid #464646} .c_sec4_1_lev2345 ul li a img { margin-left: -12%;} } @media screen and (max-width:900px){ .c_sec4_nav {top:13px;} .c_sec4_nav li a:hover {color:#999;} } @media screen and (max-width:480px){ .mm9_1 .c_sec4_nav, .mm9_2 .c_sec4_nav{display: none;} } /*PC : section 05 바텀뉴스*/ .c_sec5_1 h3{font-size: 1px; text-indent: -9999px; width: 1px; height: 1px; overflow: hidden;} .c_sec5_1 span, .c_sec5_1 a, .specialBox_Wrap, .c_5_2_1 a > strong {display: block; text-align: left} #core_sec5 { border:1px solid #ced2d7; margin:10px 0; height: 658px;} .c_sec5 {width: 50%; height: 100%; float:left; overflow: hidden;} .c_sec5_1 { padding:0 20px 40px 20px;} .c_sec5_conWrap {width: 100%; height: 100%; overflow: hidden; position: relative;} .c_sec5_conWrap .c_5_1_btn_t_s {display: block; content: ""; width: 100%; height:29px; position: absolute; top:0; left: 0; background: url("../images/mainpage/sec5_wrap2.png") repeat-x; z-index: 10;} .c_sec5_1 ul li{ padding:15px 0; position: relative} .c_sec5_1 ul li:after {display: block; content: ""; width:100%; height:1px; position: absolute; bottom:-1px; left:0; background: url("../images/mainpage/dotted.png") repeat-x; } .c_sec5_1 ul li:first-child {border:0 none; padding-top:20px;} .c_sec5_1 ul li > a{width: 100%; position: relative; padding-right: 125px;} .c_5_1_img {width: 115px; position: absolute; top: 0; right: 0; } .c_5_1_t1 {font-size: 17px; color:#000; line-height: 24px;} .c_5_1_t2 {width: 100%; font-size: 13px; color:#888; line-height: 18px; max-height:36px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:5px;} a:hover .c_5_1_t2 {color:#333} .c_sec5_1 .c_5_1_t2 {display: -webkit-box;} .c_5_1_t3 {margin-top: 15px;} .c_5_1_t3 a { color:#247acd; font-size: 14px; margin-top: 8px; position: relative; padding-left: 11px;} .c_5_1_t3 a:after{display: block; content: ""; width: 9px; height:7px; position: absolute; top:4px; left: 0; background:url(../images/content/relation_list_arrow.gif) no-repeat; } .c_5_1_t3 a:first-child {margin:0;} .c_5_1_t3 a:hover {font-weight: bold; text-decoration: none} .c_sec5_1 ul li.c5_1_noImg > a{padding-right:0} .c_sec5_1 ul li.c5_1_noImg .c_5_1_img {display: none;} .c_5_1_btn {width: 100%; height: 39px; position: absolute; bottom:0; left: 0; } .c_5_1_btn > div {width: 100%; height: 100%; position: relative;} .c_5_1_btn .c_5_1_btn_b_s {display: block; content: ""; width: 100%; height:29px; position: absolute; bottom:39px; left: 0; background: url("../images/mainpage/sec5_wrap.png") repeat-x; z-index: 10;} .c_5_1_btn a { display: block; float:left; width:50%; height: 100%; border-top: 1px solid #ced2d7; background: #f2f2f2;position: relative; font-size: 0; text-indent: -9999px; } .c_5_1_btn a:nth-child(2) {border-right: 1px solid #ced2d7;} .c_5_1_btn a:hover { background:#e4e4e4; cursor: pointer} .c_5_1_btn a.end:hover { background:#f2f2f2; cursor: default} .c_5_1_btn a span {display: block; width: 17px; height:10px; overflow: hidden; background: url("../images/mainpage/sec5_arr.png"); position: absolute; top:14px; left: 50%; margin-left: -6px;} .c_5_1_btn a:nth-child(2) span {background-position: 0 0;} .c_5_1_btn a:nth-child(3) span {background-position: -17px 0;} .c_5_1_btn a:nth-child(2):hover span {background-position: 0 -10px;} .c_5_1_btn a:nth-child(3):hover span {background-position: -17px -10px;} .c_5_1_btn a.end:nth-child(2):hover span {background-position: 0 0;} .c_5_1_btn a.end:nth-child(3):hover span {background-position: -17px 0;} .c_sec5_2 {border-left:1px solid #ced2d7; } .c_5_2_top {height: 417px; border-bottom:1px solid #ced2d7; position: relative;} /*kospi*/ .c_5_2_2 {width: 100%; height: 100%; padding-left:246px; position: relative;} .ms_stock {font-family: 'Tahoma', 'malgun gothic'} .c_5_2_2_hd{width:100%;height:38px;background:#f3f3f3;border-bottom:1px solid #d1d5d9;position:absolute;top:0;left:0;text-align: left;font-size: 0} .c_5_2_2_hd > span{font-size:16px;font-weight:bold;color:#333;line-height:39px; padding-left:15px;letter-spacing: -1px; } .c_5_2_2_hd > span span {display: inline; line-height: 38px;} .c_5_2_2_hd .real_time{font-size:11px;color:#999;letter-spacing:-0.5px;font-family:'arial', 'malgun gothic';position:absolute;top:0;right:10px;font-weight: normal; *line-height:36px; line-height:36px \0/IE8+9 ; line-height:36px\-;} _:-ms-fullscreen, :root .real_time { line-height:36px } .c_5_2_2_hd .now_time_refresh {display:inline-block; height: 16px; margin: 11px 0 0 2px;} .c_5_2_2_hd .real_time .clock{display:inline-block;margin-top:14px;margin-right:3px;} .c_5_2_2_con {width: 100%; height: 100%; position: relative; padding:53px 15px 15px 15px; overflow: hidden;} .c_5_2_2_search {width: 100%; height: 32px; position: relative; margin-bottom: 15px;} .c_5_2_2_search input {display: block; width: 100%; height: 100%; background: #494949; border:0 none; color:#fff; font-size: 14px; line-height: 32px; padding:0 80px 0 10px} .c_5_2_2_search input:focus {background: #333333; outline: none;} .c_5_2_2_search input::-webkit-input-placeholder{color:#a4a4a4; font-size: 14px;} .c_5_2_2_search input:-moz-placeholder{color:#a4a4a4; font-size: 14px;} .c_5_2_2_search input::-moz-placeholder{color:#a4a4a4; font-size: 14px;} .c_5_2_2_search input:-ms-input-placeholder{color:#a4a4a4; font-size: 14px;} .c_5_2_2_search > a.search {display: block; width: 37px; height: 32px; position: absolute; top:0; right:0; border-left:1px solid #808080; } .c_5_2_2_search > a.close {display: block; width:16px; height:16px; position: absolute; top:8px; right:43px; } .ui-autocomplete, .ui-autocomplete * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ui-autocomplete {width: 1px; position: absolute; top:32px; left: 0; background:#494949; border:1px solid #6a6969; border-top: 0 none; z-index: 10; max-height: 165px; overflow: hidden} .ui-autocomplete:after {display: block; content: ""; width: 7px; height: 6px; position: absolute; top:-18px; right:64px; background: url("../images/mainpage/search_down_arr.png")no-repeat;} .ui-autocomplete .ui-menu-item {width: 100%; height:33px; line-height:27px; border-top:1px solid #6a6969; color:#a4a4a4; font-size: 13px; text-align:left; padding:0; list-style-image: none;} .ui-autocomplete .ui-menu-item a {display: block; height: 100%; position: relative; color:#888; } .ui-autocomplete .ui-menu-item.ui-state-focus {background:#404040; border:0 none; border-top:1px solid #6a6969;} .ui-autocomplete a > span:nth-child(1) {position: absolute; top:0; left: 10px;} .ui-autocomplete a > span:nth-child(2) {display: block; width: 100%; padding:0 50px 0 60px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ui-autocomplete a > span:nth-child(3) {display: inline-block; position: absolute; top: 0; right:10px;} .ui-autocomplete .auto_select { color:#0089d8;} .c_5_2_chart2Wrap a{ display: block;} .c_5_2_chart2Wrap a:nth-child(2){ margin-top: 20px;} .c_5_2_kospi {display: block; width:100%; height:22px;} .c_5_2_kospi > strong, .c_5_2_tNum{display:inline-block;height:15px;line-height:15px;} .c_5_2_kospi > strong{font-size:16px;font-weight:bold;color:#000;float:left} .c_5_2_tNum {float:right; font-size:16px;letter-spacing: 0} .c_5_2_tNum > span:nth-child(1){font-weight:bold;} .c_5_2_tNum span:nth-child(2){padding-left:22px;display: inline-block; line-height: 16px} .c_5_2_tNum span:nth-child(3){padding-left:6px;display: inline-block; line-height: 16px} .ms_stock .up{color:#ff3535;} .ms_stock .down{color:#0374ff;} .ms_stock .pitch span{position:relative;display:inline-block;} .ms_stock .pitch span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:5px;left:-12px;} .ms_stock .pitch.down span:after{background:url(../images/stock/triangle_blue.svg) no-repeat;background-size:100%;} .ms_stock .pitch.up span:after{background:url(../images/stock/triangle_red.svg) no-repeat;background-size:100%;} .st_chart{height:93px; border:1px solid #d1d5d9;} .set4{display: block; width:100%;height:28px; position: relative} .set4 > span{display:inline-block;line-height:28px;font-size:11px;color:#333;} .set4 > span:not(:root:root){line-height:28px;} .set4 > span span{font-size:12px;letter-spacing:0;line-height:27px; padding-left:2px} .set4 > span:nth-child(1) {position: absolute; top:0; left: 0;} .set4 > span:nth-child(2) {display: block; width: 100%; text-align: center;margin-left: 0;text-indent: -15px} .set4 > span:nth-child(3) {position: absolute; top:0; right:30px;} .set4 > span:nth-child(4){position:absolute;top:0;right:0;color:#999;} .visual_chart {width: 100%; height: 240px; background: #8b9f40;} .visual_chart a {display: block; height: 50%; width: 33%; float:left; color:#fff; position: relative; font-size: 16px; padding:0 20px; transition:all 0.3s ease-out} .visual_chart a:hover{-webkit-box-shadow: inset 0px 0px 35px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 35px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 35px 0px rgba(0,0,0,0.3);} .visual_chart a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .visual_chart a:nth-child(3n+3) {width: 34%;} .visual_chart a:nth-child(1) {background: #db6138} .visual_chart a:nth-child(2) {background: #e89338} .visual_chart a:nth-child(3) {background: #8b9f40} .visual_chart a:nth-child(4) {background: #50a391} .visual_chart a:nth-child(5) {background: #5189a4} .visual_chart a:nth-child(6) {background: #6f7399} .visual_chart .num {display: inline-block; position: absolute; bottom:10px; right:10px; letter-spacing: 0; font-size: 12px; opacity: 0.7; font-family: 'malgun gothic'} .visual_chart a:hover .num {opacity: 1} .visual_chart a:hover .vc_t {font-weight: bold;} .vc_t {display: inline-block; vertical-align: middle;} .vc_t > span {display:inline-block; max-width: 100%; max-height:60px; position: relative; transition:all 0.3s ease-out; } .vc_t > span:after {display: block; content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background: #fff; transition:all 0.3s ease-out;} .vc_t > span span {display: block; max-height:60px; line-height:20px; overflow: hidden; word-break: keep-all; padding:0 1px;} a:hover .vc_t > span {padding-bottom: 10px;} a:hover .vc_t > span:after {width: 100%;} #core_sec5_semi {display: none;} @media screen and (max-width:1120px){ .c_5_2_tNum {font-size:14px; } .c_5_2_kospi > strong {font-size: 15px; line-height: 16px;} .c_5_2_tNum span:nth-child(2) {padding-left: 15px; font-size: 13px; } .c_5_2_tNum span:nth-child(3) {padding-left: 4px; font-size: 13px;} .set4 > span:nth-child(2) {text-indent: 0} .set4 > span:nth-child(3) {right:0;} .set4 > span:nth-child(4){top:13px;} } @media screen and (max-width:1040px){ .c_5_2_2_hd > span span{display: none;} } @media screen and (max-width:1040px){ .visual_chart a {padding:0 10px; } } @media screen and (max-width:900px){ .ms_stock .pitch span:after{top:4px;} } .c_5_2_1 { width: 247px; height: 100%; border-right:1px solid #ced2d7; position: absolute; top:0; left: 0; z-index: 10;} .c_5_2_1 a {display: block; height: 50%; padding:15px;} .c_5_2_1 a:first-child {border-bottom:1px solid #ced2d7;} .specialBox_Wrap {position: relative; width: 216px; height:129.5px; overflow: hidden;} .specialBox_Wrap:after {display: block; content: ""; width: 100%; height:100%; position: absolute; top:0; left: 0; background: rgba(0,0,0,0.4) } a:hover .specialBox_Wrap:after {background: rgba(36,122,205,0.4) } .specialBox_Wrap .specialBox_Wrap2 {position: absolute; bottom:10px; right:10px; color:#fff; z-index: 10;text-align: right;} .specialBox_Wrap .specialBox_Wrap3 span {display:block; text-align: right;} .specialBox_Wrap .specialBox_Wrap3 span:nth-child(1) {display: inline-block; font-size: 11px; height: 15px; line-height: 15px; border:1px solid rgba(225,225,225,0.6); border-radius:2px; padding:0 3px;} .specialBox_Wrap .specialBox_Wrap3 span:nth-child(2) {font-size: 20px;font-weight: bold; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin: 5px 0 2px 0; word-break: keep-all; letter-spacing: -2px} .specialBox_Wrap .specialBox_Wrap3 span:nth-child(3) {font-size: 11px;letter-spacing: 0; font-family: 'malgun gothic';} .c_5_2_1 a > strong { font-size: 15px; color:#333; margin-top:10px; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .c_5_2_1 a:hover > strong {color:#247acd;} @media screen and (max-width:1024px){ #core_sec5 {height: 566px;} .c_sec5_2 .visual_chart, .c_sec5_2 .c_5_2_1 {display: none;} #core_sec5_semi {display: block; width: 100%; height: auto; border:1px solid #ced2d7; margin-bottom: 10px; overflow: hidden} #core_sec5_semi .c_5_2_1 {width:50%; height: auto; background: #fff; float:left; position: static;} #core_sec5_semi .c_5_2_1 a {width: 50%; height: auto; float:left; border-left:1px solid #ced2d7 } #core_sec5_semi .c_5_2_1 a:first-child {border:0 none;} #core_sec5_semi .specialBox_Wrap {width: 100%; height: auto;} #core_sec5_semi .visual_chart { width:50%; height: 100%; position: absolute; top:0; right:0;} .specialBox_Wrap .specialBox_Wrap3 span:nth-child(2) {font-size: 18px;} .c_5_2_1 a {padding:15px;} .c_sec5 {width: 50%; } .c_sec5_1 { width: 100%; padding-right: 318px;} .c_5_1_btn {padding-right: 298px;} .c_5_2_2_hd > span span{display: inline-block;} .c_5_2_tNum {font-size:16px; } .c_5_2_kospi > strong {font-size: 16px; line-height: 15px;} .c_5_2_tNum span:nth-child(2) {padding-left: 22px; font-size: 14px;} .c_5_2_tNum span:nth-child(3) {padding-left: 6px; font-size: 14px;} .visual_chart .num {display:none;} .set4 > span:nth-child(2) {text-indent:-15px} .set4 > span:nth-child(3) {right:30px;} .set4 > span:nth-child(4){top:0;} .c_sec5_2 { width: 298px; position: absolute; top:0; right:0;} .c_5_2_2_con:after {display: block; content: ""; width: 100%; height: 1px; background:#ced2d7; position: absolute; top:100px; left: 0; } .c_5_2_top {height:100%; border-bottom:0 none} .c_5_2_2 {padding-left:0;} .st_chart{height:143px;} .c_5_2_chart2Wrap a:nth-child(1) {padding-top:25px} .c_5_2_chart2Wrap a:nth-child(2){ margin-top:38px;} } @media screen and (max-width:900px){ /*CateSpecial : 각 카테고리별 스페셜 영역 "ms_stock" 증권면 전용 class*/ .CateSpecial.ms_stock { width: 100%;} .CateSpecial.ms_stock > a{display: block; width: 50%;float: left; padding-top: 27px; } .CateSpecial.ms_stock > a:nth-child(1) {padding-right: 10px;} .CateSpecial.ms_stock > a:nth-child(2) {padding-left: 10px;} .CateSpecial_btn {width: 100%; height: 40px; border-top: 1px solid #e6e8eb; clear: both;} .CateSpecial_btn a {width: 50%; float:left; line-height: 40px; color:#888; font-size: 14px;} .CateSpecial_btn a:first-child {border-right: 1px solid #e6e8eb} .CateSpecial_btn a span {display:inline-block; margin-right: 3px} .CateSpecial_btn a:nth-child(1) span { width: 18px; height: 15px; background: url("../images/mainpage/mm_sec3_1.svg") no-repeat center; background-size: 100%; margin-top: 11px;} .CateSpecial_btn a:nth-child(2) span {width: 14px; height: 14px; background: url("../images/mainpage/mm_sec3_2.svg") no-repeat center; background-size: 100%; margin-top: 13px;} .CateSpecial.ms_stock .real_time {font-size: 11px; color:#999; letter-spacing: 0; float:right; margin:5px 0 5px 0} .CateSpecial.ms_stock .now_time_refresh{display:inline-block;width:16px;height:14px;margin-top: -3px; position:relative;border:1px solid #ced1d6;border-radius:2px;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 43%, #ffffff 43%, #e9e9e9 46%, #ffffff 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 43%,#ffffff 43%,#e9e9e9 46%,#ffffff 100%);background:linear-gradient(to bottom, #ffffff 0%,#ffffff 43%,#ffffff 43%,#e9e9e9 46%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );z-index:50;} .CateSpecial.ms_stock .now_time_refresh span{display:block;content:"";width:10px;height:10px;position:absolute;top:2.5px;left:2.5px;background:url("../images/stock/stock_refresh_off.svg") no-repeat;background-size:100%;} .CateSpecial.ms_stock .real_time img { display: none;} .visual_chart {height: 257px;} .visual_chart a:hover{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .visual_chart a:hover .vc_t {font-weight: normal;} .visual_chart .num {display:block;} .visual_chart a:hover .num {opacity: 0.7} a:hover .vc_t > span {padding-bottom:0;} a:hover .vc_t > span:after {display: none;} .ratio {width: 100%; height:100%;} .ratio_son {width: 100%; height: 100%; } } @media screen and (max-width:640px){ .st_chart {height: auto; padding-bottom: 1px;} .ratio {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom:49%;} .ratio_son {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media screen and (max-width:550px){ .set4 {display: none;} .CateSpecial.ms_stock > a{margin-bottom:5px; padding-top: 15px;} .c_5_2_kospi {height: auto} .c_5_2_kospi > strong {float: none; display: block; width: 100%;} .c_5_2_tNum {float: none; height: auto;} .c_5_2_tNum >span:nth-child(1){display: block; font-size: 20px; margin:8px 0} .c_5_2_tNum span:nth-child(2) {font-size: 15px; padding-left: 12px;} .c_5_2_tNum span:nth-child(3) {font-size: 15px;} .st_chart{margin-top:7px} } /*PC : section 06 서경쇼룸*/ #core_sec6{background: #464646; border:1px solid #2a2a2a;} #core_sec6 h3 {height: 50px; line-height: 50px; background: #3a3a3b; border-bottom: 1px solid #323232; text-align: left;; text-indent: 20px;} #core_sec6 h3 img { margin-top: 16px;} #core_sec6 > div {padding:20px; border-top: 1px solid #4f4f50;} .c_sec6 {float:left; height:auto; overflow: hidden;} .c_sec6 ul {width: 100%;height: 100%;} .c_sec6 ul li {float:left; overflow: hidden;} .c_sec6 ul li a {display: block; height: 100%; position: relative;} .c_sec6_1 {width:755px;} .c_sec6_1 ul li {width:251px; height:auto; border-left: 1px solid #464646; } .c_sec6_2 {width:384px; height:279.36px; float:right; margin-bottom: 20px;} .c_sec6_2 ul li{width: 50%; height: 50%; border-left: 1px solid #464646; position: relative;} .c_sec6_2 ul li:nth-child(1), .c_sec6_2 ul li:nth-child(2) {border-bottom: 1px solid #464646;} .c_sec6_2 ul li a > span {display:inline-block; width: 100%; position: absolute; bottom:0; left: 0; padding:10px; color:#fff; z-index: 10; font-size: 13px; text-align: left} .c_sec6_2 ul li a .c_sec6_2_img {display: block; height: 100%; padding:0; position: relative} .c_sec6_2 ul li a .c_sec6_2_img:after {display: block; content: ""; width: 100%; height:100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.4); transition:all 0.3s ease-out} .c_sec6_2 ul li a .c_sec6_2_img:before {display: block; content: ""; width: 100%; height:76px; position: absolute; bottom: 0; left: 0; background:url("../images/mainpage/sec6_wrap.png") repeat-x; } .c_sec6_2 .avi_icon {display: block; width:41px; height:40px; position: absolute; top:25%; margin-left:-20px; left:50%; background:url("../images/mainpage/play.png") no-repeat;} .c_6_2_lev_t {display: block; line-height: 18px; max-height:36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} a:hover .c_6_2_lev_t {text-decoration: underline} .c_sec6_2 ul li a:hover .c_sec6_2_img:after {background: rgba(0,0,0,0.1);} @media screen and (max-width:1218px){ .c_sec6 {height: 0; padding-bottom: 24.5%;} .c_sec6 ul {position: absolute;top: 0;left: 0;} .c_sec6_1 {width:66%;} .c_sec6_1 ul li {width: 33.3333%; height: 100%;} .c_sec6_1 ul li:first-child {border-left: 0 none;} .c_sec6_2 {width:32%; height: 0} } @media screen and (max-width:1130px){ .c_sec6_2 .avi_icon {display: block; width:30px; height:30px; position: absolute; top:25%; margin-left:-15px; left:50%; background:url("../images/mainpage/play.png") no-repeat; background-size: 100%} } /* -------------------------------------------------------------- PC END -------------------------------------------------------------- */ @media screen and (max-width:900px){ /*box*/ .m_lev1_t1, .m_lev1_t2, .m_lev1_t3, .contPadding, .contPadding2, .contPadding2 ul li, .contPadding3, .contPadding3 ul li, .mm2_slideTop a, .mm2_slide li a, .m_newsCon .lev1:after, .m_newsCon_rel, .m_newsCon_rel span, .mCon_rel, .CateSpecial > a, .CateSpecial_btn a, .m_bestClick_tab, .m_bestClick_tab li, .mm5_box a .m_lev2345_t, .mm5_box a strong, .btnRel, .snmh_c, .snmh_c1, .lev1_rel_h_wr, .spot_news_m_list li, .best_text, .mm10_box_img img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*clearfix*/ .contPadding2 ul:after, .contPadding3 ul:after, .CateSpecial, .lev1_rel:after, .mm_sec6 .m_newsCon .lev1:before, .m_newsCon_rel2:after, .spot_news_m_list:after { content:""; display:block; clear:both; } /*a*/ .contPadding2 ul li a, .contPadding3 ul li a, .mm2_slideTop a, .mm2_slide li a, .CateSpecial_btn a, .m_cateTab li a, .lev1_rel li a{display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*ellipsis : 1*/.m2st_t3, .mm2_slideTop a, .mm2_slide li a, .mCon_rel, .mm5_box strong, .m_lev1_t2, .lev1_rel li a, .mm_sec11 ul li a, .mm10_box strong, .lev1_rel_h a.levRel_t, .spot_news_m_list li a, .snmh_c3{white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } /*ellipsis : 2*/ .m_newsCon .lev1 strong, .mmsn_con span, .best_text span, .mm10_box_con, .m_lev2345_t, .m_lev1_t3 {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break: break-all;} } /* ONLY mobile common style (layout/padding) */ @media screen and (max-width:900px){ .contPadding { width: 100%; padding:0 15px;} /*컨텐츠 좌우 여백 wrap : 1단 텍스트 배열*/ .contPadding2 { width: 100%; padding:0 10px;} /*컨텐츠 좌우 여백 wrap : 2단이미지 배열*/ .contPadding2 ul li {width: 25%; float:left; padding:0 5px;} .contPadding3 { width: 100%; padding:0 10px;} /*컨텐츠 좌우 여백 wrap : 2단이미지 배열(2칸-2줄) + 스와이프*/ .contPadding3 > div {width: 100%; overflow: hidden} /*roll wrap*/ .contPadding3 .rollLi {width: 200%;/*임시 사이즈*/} .contPadding3 .rollLi > li{ width: 50%; float:left;} /*롤링*/ .contPadding3 .arrayLi > li {width: 25%; float:left; padding:0 5px;} /*2단배열*/ .mm_hd.contPadding {padding:0}/*메인 해더에 양쪽 패딩 제거contPadding*/ .mm_sec9 .contPadding3 .rollLi.arrayLi {width: 200%;} /*컨텐츠 좌우 여백 wrap : 2단이미지 배열(2칸-1줄) + 스와이프*/ .mm_sec9 .contPadding3 .rollLi.arrayLi > li{ width: 12.5%; } .mm_sec10 .contPadding3 .rollLi.arrayLi {width: 200%;} /*5*/ .mm_sec10 .contPadding3 {padding:0 12.5px; margin-bottom: 10px;} .mm_sec10 .contPadding3 .rollLi.arrayLi > li{ width: 10%; } .mm_sec10 .contPadding3 > div {margin-top: -5px; padding-bottom: 1px;} .mm_sec10 .contPadding3 .arrayLi > li {padding:0 2.5px;} .mobileSecLine {width: 100%; height: 11px; background:#eceeef; position: relative} .mobileSecLine:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; top:0; left: 0; background: #dcdcdc} .m_Sbtn {display: block; width: 100%; height: 40px; background:#f6f6f6; line-height: 40px; border-top:1px solid #e6e8eb; font-size: 14px; clear: both} .m_Sbtn:hover {background:#f6f6f6; } .m_Sbtn .point_b {color:#000; padding-right: 3px;} .m_Sbtn .arr {display: inline-block; width: 7px; height: 13px; background: url("../images/head/mm_sec3_3.svg") no-repeat; background-size: 100%; margin:13px 0 0 10px} .m_Sbtn .arr2 {display: inline-block; width: 13px; height: 7px; background: url("../images/head/mm_sec3_3_1.svg") no-repeat; background-size: 100%; margin:16px 0 0 5px} .m_Sbtn .arr2.off {background: url("../images/head/mm_sec3_3_2.svg") no-repeat; background-size: 100%; } } @media screen and (max-width:720px){ .mm_sec10 .contPadding3 .rollLi.arrayLi > li{ width: 12.5%; } /*4*/ } @media screen and (max-width:640px){ .contPadding2 ul li {width: 50%; } .contPadding3 .arrayLi > li {width: 50%; } .mm_sec9 .contPadding3 .rollLi.arrayLi > li{ width: 25%; } } @media screen and (max-width:610px){ .mm_sec10 .contPadding3 .rollLi.arrayLi > li{ width: 16.666%; } /*3*/ } @media screen and (max-width:400px){ .mm_sec10 .contPadding3 .rollLi.arrayLi > li{ width: 24.8%; } /*2*/ } /* ONLY (m_lev1 :레벨1 / m_lev2345 : 레벨2,3,4,5 ) */ @media screen and (max-width:900px){ .m_lev1 a {display: block; } .m_lev1 .lev1_img {display: block; width: 100%; max-height:380px; overflow: hidden;} .m_lev1_t1, .m_lev1_t2, .m_lev1_t3 {display: block; color:#000; line-height: 1; text-align: left; padding:0 15px;} .m_lev1_t1 {font-size:23px; margin: 15px 0 10px 0; line-height: 26px; word-break: keep-all} .m_lev1_t2 {font-size:17px; margin-bottom: 10px;} .levRel_slide {margin-bottom: 15px; position: relative} .m_lev1_t3 {font-size: 14px; line-height: 18px; color:#999; max-height: 36px; margin-bottom: 10px;} .lev1_rel_h_wr {display: none;} .lev1_rel {margin-bottom: 10px; display: block; border-top: 1px solid #bdd7f0; } .lev1_rel li, .lev1_rel_h {border-bottom: 1px solid #bdd7f0; height: 40px; line-height: 40px; } .lev1_rel li {width: 50%; float:left} .lev1_rel li a, .lev1_rel_h a{font-size: 15px; color:#0078bd; text-align: left; padding:0 10px 0 17px; position: relative;} .lev1_rel li a:after, .m_newsCon_rel2 a:after, .lev1_rel_h:after{display: block; content: ""; width: 11px; height: 10px; position: absolute; top:14px; left:2px; background: url("../images/mainpage/m_lev1_rel.svg") no-repeat center; background-size: 100%;} .m_newsCon_rel2 a:after{left: 10px; top:11px} .levRel_slide .btnRel { display: inline-block; width: auto; height: 26px; border:1px solid #3393ca; line-height: 25px; color:#3393ca; font-size: 14px; padding: 0 9px 0 7px; border-radius: 13px; position: relative;} .levRel_slide .btnRel span {display: inline-block; line-height: 23px;} .levRel_slide .btnRel.closeRel {display: none; padding: 0 21px 0 10px;} .levRel_slide .btnRel.closeRel:after {display: block; content: ""; width: 12px; height: 7px; position: absolute; top:8px; right:8px; background: url("../images/mainpage/relbtn.svg") no-repeat center; background-size: 100%;} .m_lev2345_t {display: block; height: 40px; line-height: 20px; font-size: 15px; text-align: left;color:#000; margin:6px 0 15px 0 } } @media screen and (max-width:640px){ .m_lev1_t1 {font-size:20px; margin: 10px 0 10px 0;} .m_lev1 .lev1_img {height: 100%;} .levRel_slide {min-height: 41px;} .lev1_rel_h_wr {width: 100%; height:41px; position: absolute; top:0; left: 0; width: 100%; padding:0 15px; background: #fff; z-index: 10; display: block;} .lev1_rel_h {border-top: 1px solid #bdd7f0; text-align: left; position: relative; padding-right: 60px;} .lev1_rel_h.open {padding-right: 0;} .lev1_rel_h a.levRel_t {display: block; height: 100%; } .lev1_rel_h a.openRel {position: absolute; top:7px; right:0;} .lev1_rel {display: none; } .lev1_rel li {width: 100%; float:none} } /*ONLY mobile news form (mm_sec3: 카테고리 뉴스/mm_sec6: 바텀뉴스)*/ @media screen and (max-width:900px){ .m_cateTab {width: 100%; font-size: 0; border-bottom: 1px solid #dcdcdc; height:45px; text-align: left; position: relative} .m_cateTab.swiper-container {overflow: inherit} .m_cateTab ul {width:100%; /*display: table;*/ font-size: 0} .m_cateTab li{display: table-cell; width: auto; white-space: nowrap; line-height: 0;/*display: inline-block; padding:0 10px;*/} .m_cateTab ul.swiper-wrapper {display: table} .m_cateTab li.swiper-slide {display: table-cell !important} .m_cateTab li:first-child a { margin-left: 10px;} .m_cateTab li:last-child a { margin-right: 10px;} .m_cateTab li a{font-size: 16px; color:#999; position: relative; /*line-height: 45px;*/ display: block; padding:0 4px 0 3px; text-decoration: none; line-height:20px; white-space: nowrap; text-align: center; font-weight: bold} .m_cateTab li a span {display: inline-block; position: relative; min-width: 37px; padding:12px 5px 13px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .m_cateTab li.on a {color:#000} .m_cateTab li.on a:after {display: block; content: "";width: 100%; height: 2px; position: absolute; bottom:-1px; left: 0; background: #000} .mm_sec6 .m_newsCon > div {border-top: 1px solid #e6e8eb; clear: both} .mm_sec6 .m_newsCon > div:first-child {border-top: 0 none;} .mm_sec6 .m_newsCon .lev1:after {display: none;} .m_newsCon .lev1 { display: block; padding: 0 200px 0 0; position: relative; min-height: 121px; /*display: table;*/ text-align: left} .m_newsCon .lev1.no_img { padding:0; min-height:auto; } .m_newsCon .lev1:after { display: block; content: ""; width:200px; height:1px; background:#eceeef; position: absolute; bottom:-1px; left: 50%; margin-left: -100px; padding: 0 10px; } .m_newsCon .lev1 .cateText { /*display: table-cell; vertical-align: middle;*/ display: block; height: 100%; } .m_newsCon .lev1 strong { max-height:52px; line-height: 24px; font-size: 17px; color:#000; margin-top: 15px;} .m_newsCon .lev1.no_img strong { margin:15px 0} .mmsn_con { display: block; height:40px; overflow:hidden; margin:6px 0 7px 0;} .mmsn_con span {height:100%; line-height:20px; color:#666; font-size: 14px; } .cateImg { display: block; width:190px; position: absolute; top:0; right:0;} .mCon_writer { display: block; font-size: 13px; color:#999; margin-bottom:10px;} .mCon_writer > span { display: inline-block; padding-right: 13px; position: relative;} .mCon_writer > span:after { display: block; content: ""; width:1px; height:8px; position: absolute; top:3px; left:-6px; background:#dcdcdc; z-index: 10; } .mCon_writer > span:nth-child(2) { letter-spacing: 0;} .mCon_writer > span:first-child:after { display: none; } .m_newsCon_rel { display: block; width: 100%; height: 82px; padding-left:15px 0; clear:both;} .m_newsCon_rel span { display: block; width: 50%; height: 41px; float:left;} .m_newsCon_rel span:nth-child(2n+1) {padding-right: 7.5px} .m_newsCon_rel span:nth-child(2n+2) {padding-left: 7.5px} .m_newsCon_rel span:last-child .mCon_rel, .m_newsCon_rel span:nth-child(3) .mCon_rel{border-bottom: 1px solid #eceeef;} .mCon_rel { display: block; width: 100%; text-align: left; line-height:40px; font-size:15px; color:#000 !important; border-top: 1px solid #eceeef; padding:0 5px 0 0; position: relative} .m_newsCon_rel2 { display: block; background:#e5f5ff; margin-bottom: 15px; border-top: 1px solid #bdd7f0; position: relative; clear:both;} .m_newsCon_rel2 span {display: block; height: 100%; width: 50%; float:left} .m_newsCon_rel2 a {color:#0078bd !important; padding-left: 25px} .m_newsCon_rel2 .mCon_rel {border-bottom: 1px solid #bdd7f0; border-top: 0 none; height: 35px; line-height: 34px;} .m_newsCon_rel2 > span:nth-child(2n+2) .mCon_rel {padding-right: 10px;} } @media screen and (max-width:640px){ .m_cateTab ul.swiper-wrapper {display: flex} .m_cateTab li.swiper-slide {display: block !important} } @media screen and (max-width:640px){ .m_newsCon .lev1 {min-height:100px;} .mCon_rel { padding-right:10px; } .cateImg { width:35%; position: static; float:right; margin:15px 0} .cateText {width: 65%; float:left; padding-right: 10px; } .m_newsCon .lev1.no_img .cateText {width: 100%; float:none; padding-right:0; } .m_newsCon .lev1 {padding:0} .m_newsCon .lev1:after { display: none; } .mmsn_con {margin:6px 0 0 0; margin-bottom: 13px;} .mCon_writer { display: none;} .m_newsCon_rel { height:164px; padding-left:0; } .m_newsCon_rel span { width: 100%; height: 41px; float:none; padding-right:10px;} .m_newsCon_rel span:nth-child(2n+1), .m_newsCon_rel span:nth-child(2n+2) {padding: 0} .m_newsCon_rel span:nth-child(3) .mCon_rel{border-bottom:0 none} .m_newsCon_rel2 span {width:100%; float:none; } .m_newsCon_rel2 > span:nth-child(2n+2) .mCon_rel {padding-right: 10px;} } @media screen and (max-width:900px){ /* ONLY mm_sec2: 스페셜, 인터렉티브 */ .mm_sec2 { display: block; line-height: 50px; text-align: left; font-size: 15px; font-family: 'malgun gothic'; } .mm2_slideTop {height: 50px; background: #fff; position: relative;} .mm_2_1 .mm2_slideTop {border-bottom:1px solid #dcdcdc; } .mm2_slideTop a { padding:0 50px 0 82px; } .m2st_t1 {display:block; width: 67px; height: 24px; color:#fff; margin-top:13px; line-height: 24px; font-weight: bold; font-size: 13px;text-align: center; position: absolute; top:0; left:15px;} .m2st_t2 { display: inline-block; padding:0 5px 0 5px; letter-spacing:-0.5px; font-weight: bold;} .m2st_t3 {display: block; color:#000; font-weight: bold; width: 100%;} .mm2_slideTop .mm2_slideBtn {width: 50px; height: 50px;position: absolute; top:0; right:0; display: block; padding:0; font-size: 0;} .mm2_slideTop .mm2_slideBtn span{display: block; width: 16px; height: 9px; position: absolute; top:21px; right:15px; background: url("../images/mainpage/mm_sec2.svg") no-repeat center; background-size: 100%;} .mm2_slide{display: none;} .mm2_slide li a{ width: 100%; height:51px; padding:0 15px; background: #f2f2f2; border-bottom: 1px solid #dcdcdc;} .mm_2_2 .mm2_slide li:last-child a{border-bottom: 0 none;} .m2st_t4 {letter-spacing:-0.5px; padding-right:8px; font-weight: bold;} .m2st_t5 {color:#000} .mm_2_1 .m2st_t1 {background: #f00;} .mm_2_2 .m2st_t1 {background: #0045bd;} .mm_2_1 .m2st_t2, .mm_2_1 .m2st_t4 {color:#f00} .mm_2_2 .m2st_t2, .mm_2_2 .m2st_t4 {color:#0045bd } /*on*/ .mm2_slideTop.on .m2st_t1 {color:#ff0000; background: #fff} .mm2_slideTop.on .m2st_t2 {color:#ff0; font-weight: bold;} .mm2_slideTop.on .m2st_t3 {color:#fff; font-weight: bold;} .mm2_slideTop.on .mm2_slideBtn span{background: url("../images/mainpage/mm_sec2_2.svg") no-repeat center; background-size: 100%;} .mm_2_1 .mm2_slideTop.on {background: #ff0000; border-bottom: 1px solid #cc0000} .mm_2_2 .mm2_slideTop.on {background: #0045bd; border-bottom: 1px solid #00348e} .mm_2_1 .mm2_slideTop.on .m2st_t1 {color:#ff0000; background: #fff} .mm_2_2 .mm2_slideTop.on .m2st_t1 {color:#0045bd; background: #fff} /* ONLY mm_sec5: 서경큐브 */ .mm_sec5 .contPadding3 > div {margin-bottom: 5px;} .mm5_box {margin-bottom: 10px;} .mm5_box a{border:1px solid #e6e8eb;} .mm5_box a .m_lev2345_t, .mm5_box a strong {padding:0 10px; text-align: left; display: block;} .mm5_box strong {color:#0078bd; font-size: 14px; font-weight: normal; margin-bottom: 10px;} .mm5_box .imgFormWrap span:after {border-top: 0 none; border-left: 0 none; border-right:0 none;} /* ONLY mm_sec9:서경스타, 인기포토, 영상뉴스 */ .mm_sec9 {background: #464646} .mm9_2, .mm9_3 {border-top: 1px solid #2a2a2b} .mm_sec9 .mm_hd {background: #3a3a3b; height: 45px;} .mm_sec9 .mm_hd > div {border-bottom:1px solid #323232; position: relative; height: 100%;} .mm_sec9 .mm_hd > div:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:-2px; left: 0; background: #4f4f50} .mm_sec9 h3{height: 45px; line-height: 45px; text-align: left; color:#fff; font-size: 17px; font-weight: bold;} .mm9_1 h3 img {margin-top:5px;} .mm9_box {margin-bottom: 15px;} .mm9_box a .m_lev2345_t{ text-align: left; display: block; color:#fff; margin:6px 0 0 0} .mm9_box a .m_lev2345_t span {color:#ff42c6; padding-right: 5px} /* ONLY mm_sec10: 기자채널 */ .mm_sec10 h3 img {margin-top:14px;} .mm10_box a{border:1px solid #e6e8eb; padding:20px 13px 13px 13px;position: relative} .mm10_box_img {display: block; width: 100%; height: auto; position: relative; } /*.mm10_box_img:after {display: block; content: ""; width: 100%; height: 100%; border:1px solid rgba(0,0,0,0.05); position: absolute; top: 0; left: 0; border-radius: 50%;}*/ .mm10_box_img img{display: block; height: auto; border-radius: 50%; overflow: hidden; border:1px solid rgba(0,0,0,0.05);} .mm10_box strong {display: block; font-size: 15px; color:#000; font-weight: normal; margin:10px 0 5px 0;} .mm10_box_con {font-size: 13px; line-height: 17px; height:34px; } .peopleTag {display: inline-block; width: 50px; height: 20px; line-height: 20px; position: absolute; top:-1px; left:-1px; background: #0078bd; color:#fff; font-size: 12px; text-align: center;text-indent: -1px;} /* ONLY mm_sec11: 공지사항 */ .mm_sec11 ul li a{display: block; height:40px; line-height: 40px; font-size: 15px; border-top: 1px solid #e6e8eb; text-align: left;} .mm_sec11 ul li:first-child a{border-top: 0 none;} /* ONLY mm_ad: 광고 */ .mm_ad {width: 100%; height:70px;} .mm_ad.ad1 {background:#1c2d5b;} .mm_ad img { height: 70px;} } @media screen and (max-width:640px){ .mm10_box_con {display: none !important;} } @media screen and (max-width:500px){ .mm10_box strong {font-size: 13px; font-weight: bold} .mm10_box a{padding:20px 10px 10px 10px;} } /*공통 슬라이트 추가로 인한 스타일 추가 테스트*/ /* slide common style */ .j_slide {position: relative;} .j_slide .slideBox {width: 100%; height: 100%; overflow: hidden; position: relative;} .j_slide .slideUl { height: 100%; position: absolute;} .j_slide ul:after { content:""; display:block; clear:both; } .j_slide .slideLi { height: 100%; float: left; background: #f4f4f4; } .j_slide .slideLi a{display: block; width: 100%; height: 100%;text-align: center; outline: none; position: relative; overflow: hidden;} .j_slide .prev, .j_slide .next, .j_slide .timeControl {display: inline-block; width: 15px; height: 15px; position: absolute; bottom:-20px; cursor: pointer; text-indent: -9999px; font-size: 0;} .j_slide .prev {left: 0;} .j_slide .next {left:25px;} .j_slide .timeControl {left:50px;} .j_slide .prev.end, .j_slide .next.end {opacity: 0.5} .j_slide .prev span, .j_slide .next span, .j_slide .timeControl span {display: inline-block; width: 100%; height: 100%; position: absolute; top:0; left: 0; } .j_slide .prev span {background: url(../images/olympic/Olympic2018_13.png)no-repeat center; } .j_slide .next span {background: url(../images/olympic/Olympic2018_14.png)no-repeat center; } .j_slide .timeControl.play span {background: url(../images/olympic/Olympic2018_15.jpg)no-repeat center; } .j_slide .timeControl.stop span {background: url(../images/olympic/Olympic2018_15_2.jpg)no-repeat center; } .j_slide .circle_btn {display: inline-block; position: absolute; bottom:10px; right:10px; z-index: 100} .j_slide .circle_btn li {display: inline-block; float:left; width: 12px; height: 12px; text-indent: -9999px; font-size: 0; border-radius: 50%; overflow: hidden; cursor: pointer} /* slide1만의 style */ #slide1 { width: 296px; height:333px; } #slide1 .slideLi {width: 296px; background: #71228b;} #slide1 .slideLi a img {display: block; width: 298px !important; height: 333px; max-width: inherit} #slide1 .circle_btn ul {height: 10px;} #slide1 .circle_btn li {background: #acb0b4; margin-left: 2px; } #slide1 .circle_btn li:hover {background:#71228b} #slide1 .circle_btn li.on {background:#fff} #slide1 .prev, #slide1 .next{ display: none;} /* slide2만의 style */ #slide2 { width: 296px; height:333px; } #slide2 .slideLi {width: 296px; background: #71228b;} #slide2 .slideLi a img {display: block; width: 298px !important; height: 333px; max-width: inherit} #slide2 .circle_btn ul {height: 10px;} #slide2 .circle_btn li {background: #acb0b4; margin-left: 2px; } #slide2 .circle_btn li:hover {background:#71228b} #slide2 .circle_btn li.on {background:#fff} #slide2 .prev, #slide2 .next{ display: none}