/* common */ #loading{position:fixed;width:100%;height:100%;z-index:2001} #loading img{position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-27px} #BestNewsMoreLine .m_up{display:none} #BestNewsMoreLine.open .m_down{display:none} #BestNewsMoreLine.open .m_up{display:block} .bx-pager{position:absolute;width:100%;line-height:0;} .bx-controls .bx-pager-item{display:inline-block;zoom:1;*display:inline;margin-left:5px;} .bx-controls .bx-pager-item a{display:block;width:10px;height:10px;text-indent:-9999px;font-size:0;background:#cacaca;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .bx-controls .bx-pager-item a.active{background:#ffa800 !important;} .bx-controls-direction .bx-prev{position:absolute;left:0;} .bx-controls-direction .bx-next{position:absolute;right:0;} .tab_cont{display:none;} .tab_cont.on{display:block;} .list_repon{*zoom:1} .list_repon:after{content:" ";display:block;clear:both;overflow:hidden} .list_repon .list__item{float:left} /*.best_click_zone*/ .best_click_zone { width:100%; position: relative;} .best_click_zone h3{position:relative;height:38px;line-height:38px;padding-left:20px;font-size:16px;font-weight:bold;color:#444;letter-spacing:0;border-bottom:solid 1px #d1d5d9;background:#f2f2f2;} .best_click_zone h3 .more{position:absolute;right:0;top:0;height:26px;padding:12px 12px 0;} .best_click_zone h4 { display: none; } .best_click_zone ol{padding:2px 15px 10px} .best_click_zone ol li{position:relative;max-height:49px;padding-top:8px;margin-bottom:7px;border-top:solid 1px #e6e8eb;overflow:hidden;} .best_click_zone ol li:first-child{border-top:none;} .best_click_zone ol li#li_best_6 { padding-top: 0; margin-bottom: 0; height: auto; max-height:none} .best_click_zone ol li > span{position:absolute;left:0;top:50%;display:block;width:14px;height:14px;line-height:14px;margin-top:-4px;text-align:center;font-size:11px;color:#fff;background: #b0b0b0; border-radius: 50%; border: 1px solid #969696;} .best_click_zone ol li.best > span{background: #fa702c;border: 1px solid #db6328;} .best_click_zone ol li > p{width:100%;} .best_click_zone ol li > p a:link.no_img, .best_click_zone ol li > p a:visited.no_img{padding-right:0;} .best_click_zone ol li.best > p a{font-weight:bold;color:#444; padding-right: 90px;} .best_click_zone ol li > p a:link, .best_click_zone ol li > p a:visited { display:block; height:44px; width: 100%; position:relative; padding:0 90px 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .best_click_zone ol li > p a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .best_click_zone ol li > p a span{display:inline-block;width: 100%; max-height:44px;line-height:22px;color:#666;*font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;vertical-align:middle} .best_click_zone .thumb{position:absolute;display:block;top:0;right:0;width:76px;height:42px;border:1px solid #e2e2e2;text-align:center;overflow:hidden} .best_click_zone .thumb span{display:inline-block;width: auto;max-width:100%;height:100%;line-height:38px} .best_click_zone .thumb img{max-width:100%;max-height:100%;vertical-align:middle} .best_click_zone > p{display:none} #container.sub_main .best_click_zone ol li img{display:none;} #container.sub_main .best_click_zone ol li{height:40px;padding:0;margin:0;} #container.sub_main .best_click_zone ol li > p a{height:40px;overflow:hidden;color:#666;} #container.sub_main .best_click_zone ol li > p a span.best_text { line-height:40px;} #container.sub_main .best_click_zone ol li.best{height:50px;padding-top:5px;margin-bottom:5px;} #container.sub_main .best_click_zone ol li.best > p a {height:50px;} #container.sub_main .best_click_zone ol li.best > p a span.best_text{line-height:18px;color:#444;margin-top:-3px;max-height: 36px;} #container.sub_main .best_click_zone ol li > span{margin-top:-8px} #container.sub_main .best_click_zone ol li.best img{display:inline} #container.sub_main.stock_container .best_click_zone ol li > span {width: 16px; height: 16px;} /*hover*/ .best_click_zone ol li:hover > p a, #container.sub_main .best_click_zone ol li:hover > p a{color:#333; font-weight: bold} .best_click_zone ol li.best:hover > p a span.best_text, #container.sub_main .best_click_zone ol li.best:hover > p a span.best_text{color:#fa702c;} .best_click_zone ol li:hover > span, #container.sub_main .best_click_zone ol li:hover > span {background: #7c7c7c;border: 1px solid #5a5a5a;} .best_click_zone ol li.best:hover > span, #container.sub_main .best_click_zone ol li.best:hover > span {background: #b3501f; border: 1px solid #963e12;} @media screen and (max-width:1218px){.main_container .top_news .right_cont .best_click_zone{padding-left: 897px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}} @media screen and (max-width:1197px){ .best_click_zone ol li{overflow:hidden;padding-top:5px;margin-bottom:5px} .main_container .top_news .right_cont .best_click_zone{margin-left:0;padding-left: 0;} } @media screen and (max-width:1024px){ .main_container .top_news .right_cont .best_click_zone{width:30%;float:right;border-left:solid 1px #d1d5d9;} #container.sub_main .top_news .right_cont .best_click_zone{width:100%;border:none;} .best_click_zone .thumb{display:none} .best_click_zone ol li.best > p a{padding-right:0} #container.sub_main .best_click_zone ol li.best{padding-top:13px;margin-bottom:13px} #container.sub_main .best_click_zone ol li.best > p a.no_img{padding-right:0} } @media screen and (max-width:1023px){#container.sub_main .best_click_zone ol li.best{padding-top:12px;margin-bottom:12px}} @media screen and (max-width:960px){ #container.sub_main .best_click_zone ol li.best{padding-top:10px;margin-bottom:5px} #container.sub_main .best_click_zone ol li > span{margin-top:-5px} #container.sub_main .best_click_zone ol li.best > p a span.best_text {margin-top:-6px;} .best_click_zone h3 {padding-left: 15px; font-size: 17px;} } @media screen and (max-width:900px){ .best_click_zone ol li > p a{line-height:24px; font-size: 15px;} #container .side_bar .best_click_zone ol {padding:10px 0} #container .side_bar .best_click_zone ol li p{display:table;width:100%;} #container .side_bar .best_click_zone ol li p a{display:table-cell;vertical-align:middle;padding-left:30px;} .best_click_zone ol li:hover > p a, #container.sub_main .best_click_zone ol li:hover > p a{color:#444; font-weight: normal} .best_click_zone ol li > p a span, .best_click_zone ol li.best:hover > p a span.best_text, #container.sub_main .best_click_zone ol li.best:hover > p a span.best_text, #container.sub_main .best_click_zone ol li.best > p a span.best_text{color:#222; font-weight: bold; line-height: 18px;} .best_click_zone ol li:hover > span, #container.sub_main .best_click_zone ol li:hover > span {background: #b0b0b0; border: 1px solid #969696;} .best_click_zone ol li.best:hover > span, #container.sub_main .best_click_zone ol li.best:hover > span {background: #fa702c;border: 1px solid #db6328;} #l-right .best_click_zone ol li { margin:0; padding:0} #l-right .best_click_zone ol li > span {margin-top: -8px;} /* 증권 > 지수정보 */ #container.sub_main.stock_container .best_click_zone h3 { border-top: solid 1px #d1d5d9 } #container.sub_main.stock_container .best_click_zone ol li.best {height: 59px; max-height: inherit;} /*#v-right*/ #container #v-right .side_bar .best_click_zone ol{padding-left: 15px; padding-right: 15px;} } @media screen and (max-width:720px){#container.sub_main .best_click_zone ol{padding-top:0}} @media screen and (max-width:640px){ .best_click_zone h3 {height: 43px; line-height: 43px;} .best_click_zone ol{padding:0;} .best_click_zone ol li{height:44px} .best_click_zone ol li{display:none;padding-left:10px;padding-right:10px;} .best_click_zone ol li.best{display:block;} .best_click_zone ol li > span{left:15px;} .best_click_zone ol li.best > p a{line-height:23px; padding-right: 90px;} .best_click_zone ol li.best > p a.no_img{padding-right:0;} .best_click_zone h4.best_click_submain {font-size: 19px;} .best_click_zone > p{display:none;border-top:solid 1px #d1d5d9;height:48px;line-height:48px;text-align:center;} .best_click_zone > p a{display:block;padding-right:36px;} .best_click_zone > p a img{vertical-align:middle;padding-left:15px;} .main_container .top_news .right_cont .best_click_zone{float:none;width:100%;border:none;} .best_click_zone .thumb{display:block} #container.sub_main .best_click_zone ol li{padding-left:15px;padding-right:15px;} #container.sub_main .best_click_zone ol li > p a{line-height:40px; } #l-right .best_click_zone ol li {padding: 5px 0} #l-right .best_click_zone ol li > span {left: 0} #container #l-right .best_click_zone ol li p a { padding-left: 25px;} /*#v-right*/ #container #v-right .side_bar .best_click_zone ol{padding-left:0; padding-right:0;} } /* heatMap = id : heatmapContainer */ #heatmapContainer.heatmap1 {height: 100%;width: 100%;} /*main*/ #heatmapContainer.heatmap2 {min-height:188px;max-height:188px;margin: 0 auto;} /*search*/ #heatmapContainer.heatmap3 {min-height:513px;max-height:513px;margin: 0 auto;} /*issue_main*/ /*main*/ .zone_relation{overflow:hidden;margin-top:-10px;margin-bottom:15px} .zone_relation li{float:left;width:50%;margin:3px 0;} .zone_relation li a{display:block;padding:0 10px 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/content/relation_list_arrow.gif) left 5px no-repeat; font-size: 14px;} .zone_relation li a:hover {color:#000;} /*newsflash*/ .n_flash2{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .level01_other_tab_2{position:absolute;top:616px;left:0;width:597px;height:51px;} .level01_other_tab_2 ul { width:100%; height:50px; } .level01_other_tab_2 ul li {height:50px; } .level01_other_tab_2 ul .n_flash1 {position:absolute;bottom:-1px;left:-1px; width:52px; height:52px; background-image:url(../images/content/level01_newsflash_03.png); z-index: 10} .level01_other_tab_2 ul .n_flash1 a { display: block; width: 100%; height: 100%; text-indent: -9999px;} .level01_other_tab_2 ul .n_flash2 { width:100%; height:51px; padding:0 180px 0 65px; border-top:1px solid #d1d5d9; background:#f2f2f2; position: relative; overflow: hidden;} .level01_other_tab_2 ul .n_flash2 ul { width:100%; height: 50px;} .level01_other_tab_2 ul .n_flash2 a { display:inline-block; color:#333; font-size: 14.67px; font-weight:normal; } .level01_other_tab_2 ul .n_flash2 .n_flash2_t { width:100%; height: 50px; line-height: 50px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; float:left;} .level01_other_tab_2 ul .n_flash2_2 { width:125px; height: 50px; background:#f2f2f2; border-top:1px solid #d1d5d9; position: absolute; top:0; right:50px;} .level01_other_tab_2 ul .n_flash2_2 .n_flash2_btn { height:50px; line-height: 50px;} .level01_other_tab_2 ul .n_flash2_2 .n_flash2_btn span { display: inline-block;zoom:1;*display:inline;} .level01_other_tab_2 ul .n_flash2_2 .n_flash2_btn span img { vertical-align: middle } .level01_other_tab_2 ul .n_flash2_2 .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;} .level01_other_tab_2 ul .n_flash2_2 .n_flash2_btn .flash2_btn2 a{ display: block; width:10px; height:48px; padding:0 4px 0 10px; margin-top:-1px;} .level01_other_tab_2 ul .n_flash2_2 .n_flash2_btn .flash2_btn3 a{ display: block; width:11px; height:50px; margin-top:-1px;} .level01_other_tab_2 ul .n_flash2_2 .n_flash2_btn .flash2_btn4 a{ display: block; width:10px; height:50px; padding:0 10px 0 4px; margin-top:-1px;} .level01_other_tab_2 ul .n_flash3 {width:51px; height:52px; border-top:1px solid #d1d5d9; position: absolute; top:0; right:0;} .level01_other_tab_2 ul .n_flash3 a { display: block; height: 100%;} .level01_other_tab_3_shadow { width:597px;height:6px; position:absolute;top:667px;left:-1px; z-index:100; background:url("../images/content/bg_news2.png") repeat-x top ; } .level01_other_tab_3 { width:597px;height:236px; position:absolute;top:667px;left:-1px; z-index:50; background:url("../images/content/bg_news.png") repeat-x bottom ;} .level01_other_tab_3 ul { width:100%;height:230px; background:#fff; overflow-y:scroll; overflow-x: hidden;} .level01_other_tab_3 ul li{ width:100%; height: 45px; border:1px solid #e2e2e2; border-top:0 none; line-height: 45px; color:#666; font-size: 14.67px; } .level01_other_tab_3 ul li a { display: block; width:500px; height: 45px; float:left; text-indent:25px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .level01_other_tab_3 ul li p { display: inline-block; height: 45px; float:right; color:#777; font-size: 12px; margin-right:10px; background: url("../images/content/level01_newsflash_15.png") no-repeat left center; padding-left: 14px; background-size: 11px;} /*submain_flash*/ .main_container .top_news .left_cont .news_zone .level01_sub .level01_other_tab_2 { top:516px; } .main_container .top_news .left_cont .news_zone .level01_sub .level01_other_tab_3_shadow { top:567px; } .main_container .top_news .left_cont .news_zone .level01_sub .level01_other_tab_3 { top:568px; } /* main_container */ .main_container .main_wing_banner { position: absolute; top:161px;} .main_container .ad_main_banner { width:100%; height:62px; margin-bottom: 20px; margin-top:-30px; } .main_container .ad_main_banner div{ width:50%; height:60px; text-align: center; float:left;} .main_container .ad_main_banner div p { width:468px; height:60px; overflow: hidden; margin: 0 auto;} .main_container .zone_relation{margin-top:10px;margin-bottom:0} .tag.blue {color:#1466b5; border:1px solid #1466b5;} .tag.red {color:#ff0000; border:1px solid #ff0000;} .tag.orange {color:#fa702c; border:1px solid #fa702c;} @media screen and (max-width:1024px){ .main_container .level01_other_tab_2{display:none} .main_container .level01_other_tab_3{display:none} .main_container .level01_other_tab_3_shadow {display:none} } @media screen and (max-width:1023px){ .main_container .ad_main_banner { display: none; } } @media screen and (max-width:900px){ .main_container .zone_relation{margin-top:5px} .main_container .zone_relation li{display:none} .main_container .zone_relation li:nth-child(1), .main_container .zone_relation li:nth-child(2){display:block} } @media screen and (max-width:640px){ .main_container .zone_relation li{display:block} .main_container .zone_relation li:nth-child(1), .main_container .zone_relation li:nth-child(2){display:block} } /* sub_main */ #container.sub_main .sub_main_content{margin-top:20px;} #container.sub_main .top_news{position:relative;text-align:left;border:solid 1px #d1d5d9;} #container.sub_main .top_news .left_cont .news_zone .visual{height:311px} #container.sub_main .top_news .left_cont .news_zone .visual a{display:block;position:relative;height:100%;background:#fafafa;border:1px solid #e5e5e5;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #container.sub_main .top_news .left_cont{content:""; display:block; clear:both; /*overflow: hidden;*/ position: relative} #container.sub_main .top_news .left_cont>div:after{content:""; display:block; clear:both; overflow: hidden} #container.sub_main .top_news .left_cont .news_zone{float:left;width:557px;padding:20px 20px 0;} #container.sub_main .top_news .left_cont .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container.sub_main .top_news .left_cont .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 #container.sub_main .top_news .left_cont .news_zone h3 a { letter-spacing:-2.2px } /*ie11*/ #container.sub_main .top_news .left_cont .news_zone h4{margin-top:10px;padding-bottom:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #container.sub_main .top_news .left_cont .news_zone h4 a{font-size:18px;color:#444} #container.sub_main .top_news .left_cont .news_zone h4 span{color:#c99933} #container.sub_main .top_news .left_cont .news_zone .cont{margin-top:10px;max-height:40px;overflow:hidden} #container.sub_main .top_news .left_cont .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; } #container.sub_main .top_news .left_cont .s_news{float:left;width:298px;border-left:solid 1px #d1d5d9;border-right:solid 1px #d1d5d9; position: relative; z-index: 10} #container.sub_main .top_news .left_cont .s_news > div{padding:20px;height:243px} #container.sub_main .top_news .left_cont .s_news > div:first-child{border-bottom:solid 1px #d1d5d9;} #container.sub_main .top_news .left_cont .s_news > div > a {display: block; height: auto} #container.sub_main .top_news .left_cont .s_news > div > a p{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;border:1px solid #e5e5e5} #container.sub_main .top_news .left_cont .s_news > div > a p img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #container.sub_main .top_news .left_cont .s_news > div dl{padding-top:15px;} #container.sub_main .top_news .left_cont .s_news > div dl dt{margin-bottom:5px; font-size:16px;color:#222; height:22px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;} #container.sub_main .top_news .left_cont .s_news > div dl dd{max-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 36px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:18px;} #container.sub_main .top_news .left_cont .s_news > div dl dd.name{padding-bottom:5px;font-size:12px;height:auto} #container.sub_main .top_news .left_cont .s_news > div dl dd.name > span{margin-left:10px;padding-left:11px;background:url("../images/content/bg_bar.gif") no-repeat left 50%;} #container.sub_main .top_news .left_cont .s_news > div dl dd.name > span:first-child{margin-left:0;padding-left:0;background:none} #container.sub_main .top_news .left_cont .s_news > div > a:hover dt{font-weight: bold} #container.sub_main .top_news .right_cont{position:absolute;right:0;top:0;width:25%;} #container.sub_main .news_zone .name{margin-top:10px;font-size:12px;color:#888;} #container.sub_main .news_zone .name > span{margin-left:10px;padding-left:11px;background:url("../images/content/bg_bar.gif") no-repeat left 50%;} #container.sub_main .news_zone .name > span:first-child{margin-left:0;padding-left:0;background:none} #container.sub_main .news_classification > li{border:solid 1px #ced2d7;border-top:none;} #container.sub_main .news_classification > li:first-child{border-top:solid 1px #ced2d7;} #container.sub_main .news_classification h3{position:relative;height:43px;line-height:43px;padding-left:20px;background:#f2f2f2;font-size:16px;color:#222;font-weight:700} #container.sub_main .news_classification h3 a {color:#222;} #container.sub_main .news_classification h3 span{display: block; height: 100%; position:absolute;right:0;top:0;border-left:solid 1px #ced2d7;} #container.sub_main .news_classification > li > div{overflow:hidden;padding:20px;border-top:solid 1px #ced2d7;} #container.sub_main .news_classification .issue{float:left;width:57%;overflow:hidden;} #container.sub_main .news_classification .issue a {display: block; height: 100%; position: relative} #container.sub_main .news_classification .issue a:hover dl dt{ font-weight: bold;} #container.sub_main .news_classification .issue a p{float:left;margin-right:20px;width:186px;height:104px;line-height:100px;overflow:hidden;border:1px solid #e5e5e5;text-align:center} #container.sub_main .news_classification .issue a p img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle} #container.sub_main .news_classification .issue .group a{display:block;padding-bottom:2px;font-size:12px;color:#c99933} #container.sub_main .news_classification .issue dl dt{max-height:44px;overflow:hidden;margin-bottom:7px;margin-bottom:7px;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:44px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:18px;color:#222;line-height:22px;} #container.sub_main .news_classification .issue dl dd{max-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:36px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height:18px;} #container.sub_main .news_classification .issue dl dd.name{font-size:12px; margin-top: 5px;} #container.sub_main .news_classification .issue dl dd.name > span{margin-left:10px;padding-left:11px;background:url("../images/content/bg_bar.gif") no-repeat left 50%;} #container.sub_main .news_classification .issue dl dd.name > span:first-child{margin-left:0;background:none;padding-left:0} #container.sub_main .news_classification .other_news{float:left;width:43%;} #container.sub_main .news_classification .other_news ul{padding-left:53px;margin-top: -5px;} #container.sub_main .news_classification .other_news li{padding-left:8px;background:url("../images/content/bg_list.gif") no-repeat left 11px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #container.sub_main .news_classification .other_news li a {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px;} #container.sub_main .news_classification .other_news li a:hover { color:#222; font-weight: bold;} #container.sub_main .side_bar{top:0; } @media screen and (max-width:1218px){ #container.sub_main .top_news .left_cont .news_zone{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #container.sub_main .top_news .left_cont .s_news {width: 25%} .main_container .top_news .right_cont .best_click_zone {padding-left: 0;} } @media screen and (max-width:1197px){ #container.sub_main .top_news{width:896px;margin:0 auto;} #container.sub_main .top_news .left_cont .news_zone{width:597px;} #container.sub_main .top_news .left_cont .s_news{border-right:none; width: 298px;} #container.sub_main .top_news .right_cont{width:100%;height:0} #container.sub_main .top_news .right_cont{position:static;clear:both;border-top:solid 1px #d1d5d9;overflow:hidden;height:auto} #container.sub_main .news_classification > li > div{padding:10px;} #container.sub_main .news_classification .issue{width:60%;} #container.sub_main .news_classification .other_news{float:left;width:40%;} #container.sub_main .news_classification .other_news ul{padding-left:20px;} } @media screen and (max-width:1024px){ #container.sub_main .top_news{position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #container.sub_main .top_news .left_cont{position:relative} #container.sub_main .top_news .left_cont > div{position:relative;height:100%;margin-right:30%;overflow:hidden;border-right:solid 1px #d1d5d9;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #container.sub_main .top_news .left_cont .news_zone{width:100%;overflow:hidden; padding:15px;} #container.sub_main .top_news .left_cont .news_zone h3{max-height:32px;-webkit-line-clamp:1} #container.sub_main .top_news .left_cont .news_zone .visual{padding:0;position: relative; width: 100%; height: 0; overflow: hidden; padding:10px 10px 53% 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #container.sub_main .top_news .left_cont .news_zone .visual > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #container.sub_main .top_news .left_cont .news_zone .visual img{width:100%} #container.sub_main .top_news .left_cont .s_news{display:inline-block;width:100%;border-left:none;} #container.sub_main .top_news .left_cont .s_news > div{float:left;width:50%;text-align:left;border-top:solid 1px #d1d5d9; padding:10px;border-left:1px solid #d1d5d9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #container.sub_main .top_news .left_cont .s_news > div:first-child{border-right:none;margin-right:0;border-left: 0 none; border-bottom: 0 none;} #container.sub_main .top_news .left_cont .s_news > div > p{text-align:center;} #container.sub_main .top_news .left_cont .s_news > div{height:auto; padding:15px;} #container.sub_main .top_news .left_cont .s_news > div dl{padding-top:8px} #container.sub_main .top_news .right_cont{position:absolute;right:0;top:0;width:30%;border:none;} #container.sub_main .news_classification .issue a p{width:124px;height:69px;line-height:65px; margin-bottom: 30px;} } @media screen and (max-width:960px){ #container.sub_main .top_news .left_cont .s_news > div dl dd{display:none} #container.sub_main .top_news .left_cont .s_news > div dl dd.name{display:block} #container.sub_main .top_news .left_cont .news_zone .cont{display:none} #container.sub_main .news_classification h3 {font-size: 17px;} } @media screen and (max-width:900px){ #container.sub_main .sub_main_content{margin-top:10px;} #container.sub_main .news_zone .name{margin-top:5px} #container.sub_main .top_news .left_cont .news_zone .name{margin-top:5px; color:#999; font-size: 13px;} #container.sub_main .top_news .left_cont .news_zone h3{max-height:48px;margin-top:10px} #container.sub_main .top_news .left_cont .news_zone h3 a{line-height:26px;font-size:20px;font-weight:bold;color:#222} #container.sub_main .top_news .left_cont .news_zone h4{margin-top:5px} #container.sub_main .top_news .left_cont .news_zone h4 a{font-size:16px;} #container.sub_main .top_news .left_cont .s_news > div dl dt {font-weight: bold; height:44px; -webkit-line-clamp:2; } #container.sub_main .news_classification > li > div {padding:15px;} #container.sub_main .news_classification .issue{float:none;width:100%;} #container.sub_main .news_classification .issue a {padding-right: 200px;} #container.sub_main .news_classification .issue a p{margin:0; width: 190px; position: absolute; top:0; right: 0; line-height: inherit; height: inherit; float: none; border: 0 none;} #container.sub_main .news_classification .issue a p > span { display: block; width: 100%; height: 0; position: relative; overflow: hidden; padding: 0 0 56.005% 0;} #container.sub_main .news_classification .issue a p > span span {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} #container.sub_main .news_classification .issue a p > span:after{ display: block; content: ""; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.05); position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container.sub_main .news_classification .issue a p img {display: block; width: 100%; height: auto; min-height: 100%;} #container.sub_main .news_classification .issue a > div {min-height:107px; } #container.sub_main .news_classification .other_news{float:none;width:100%;margin-top:10px;border-top:solid 1px #eceeef;} #container.sub_main .news_classification .other_news ul{padding-left:0; margin-bottom: -10px;margin-top: 0} #container.sub_main .news_classification .other_news ul:after { content:""; display:block; clear:both; } #container.sub_main .news_classification .other_news li {padding-left: 0; background: none;width: 50%; float: left; height: 41px; overflow: inherit;} #container.sub_main .news_classification .other_news li a {height: 40px; line-height: 40px; border-bottom: 1px solid #eceeef; font-size: 15px; color:#000; padding-right:5px; } #container.sub_main .news_classification .other_news li a:hover { color:#000; font-weight: normal;} #container.sub_main .news_classification .other_news li:nth-child(2n+1) {padding-right:5px} #container.sub_main .news_classification .other_news li:nth-child(2n+2) {padding-left:5px} #container.sub_main .news_classification .other_news li:nth-child(3) a, #container.sub_main .news_classification .other_news li:nth-child(4) a{border-bottom: 0 none} #container.sub_main .news_classification .issue a dl dt{ font-weight: bold; font-size: 17px; line-height: 24px; max-height: 52px;} #container.sub_main .news_classification .issue dl dd {font-size: 14px; line-height: 20px; max-height: 40px;} #container.sub_main .news_classification .issue dl dd.name {font-size: 13px; color:#999;} #container.sub_main .news_classification .issue a p img{width: 100%; max-height:inherit; min-height: 100%; } #container.sub_main .side_bar{padding-top:0;} } @media screen and (max-width:768px){ #container.sub_main .top_news .left_cont .news_zone .cont {display:block;} } @media screen and (max-width:640px){ #container.sub_main .top_news{border:none;} #container.sub_main .top_news .left_cont > div{margin:0;border-right:none;} #container.sub_main .top_news .left_cont .news_zone .cont{margin-top:5px;} #container.sub_main .top_news .left_cont .s_news > div{float:left;width:50%;text-align:left;border-top:solid 1px #d1d5d9} #container.sub_main .top_news .left_cont .s_news > div dl dd{display:block;display:-webkit-box; height:auto;max-height:40px;line-height: 20px; font-size: 14px; -webkit-line-clamp:2} #container.sub_main .top_news .left_cont .s_news > div dl dd.name {color:#999} #container.sub_main .top_news .left_cont .s_news > div dl dt {height:40px; } #container.sub_main .top_news .right_cont{position:static;width:100%;border-top:solid 1px #d1d5d9} #container.sub_main .sub_main_content{margin:0;} #container.sub_main .news_classification > li{border-left:none;border-right:none;} #container.sub_main .news_classification h3{padding-left:15px} #container.sub_main .news_classification .issue a {padding-right: 0;} #container.sub_main .news_classification .issue a p{width: 35%; position: static; float: right; } #container.sub_main .news_classification .issue a > div {width: 65%; float: left; padding-right: 10px; box-sizing: border-box; min-height: inherit;} #container.sub_main .news_classification .other_news li {width:100%; float: none; } #container.sub_main .news_classification .other_news li:nth-child(2n+1) {padding-right:0} #container.sub_main .news_classification .other_news li:nth-child(2n+2) {padding-left:0} #container.sub_main .news_classification .other_news li:nth-child(3) a {border-bottom: 1px solid #eceeef;} } @media screen and (max-width:550px){ #container.sub_main .news_classification .issue dl dd.name {display: none;} } #contents{margin-right:340px;text-align:left;} .news_sort{position:relative;height:38px;line-height:38px;padding-left:20px;border:solid 1px #ced2d7;background:#f7f7f7} .news_sort.type02{background:#f2f2f2} .news_sort.type02 span{font-size:16px;color:#333;font-weight:700} .news_sort.type02 a{font-size:16px;color:#333;font-weight:700} .news_sort.type02 span:first-child{background:none} .news_sort span:first-child{padding-right:11px;margin-right:10px;background:url("../images/content/bg_bar.gif") no-repeat right 50%} .news_sort a{color:#888;} .news_sort a.on{color:#444;padding-left:20px;background:url("../images/content/bg_sort_on.png") no-repeat left 50%;} .news_sort select{position:absolute;right:10px;top:5px;} .news_sort .interest_info{position:absolute;top:0;right:20px} /*news_list */ .news_list li{position:relative;overflow:hidden;padding:20px 0;border-top:solid 1px #e6e8eb;min-height:77px} .news_list li:first-child{border-top:none;} .news_list li > p{position:absolute;left:0;top:50%;margin-top:-37.5px;width:134px;height:75px;overflow:hidden;text-align:center;border:1px solid #e2e2e2;line-height:71px} .news_list li > p img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle;} .news_list li > div{display:table; width: 100%; min-height:77px; box-sizing: border-box; padding-left:155px;} .news_list li.no_img > div{padding-left:0;} .news_list li > div .group{padding-bottom:5px;} .news_list li > div .group a{color:#c99933;font-size:14px;} .news_list li > div dl {display: table-cell; vertical-align: middle} .news_list li > div dt{max-height:48px;overflow:hidden;margin-bottom:3px} .news_list li > div dt a{overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:48px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .news_list li > div dt a{font-size:20px;color:#000;line-height:24px} .news_list li > div dd, .news_list li > div dd a{color:#888;} .news_list li > div dd{line-height:19px;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:38px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news_list li > div dd.name{padding-bottom:3px;font-size:12px;} .news_list li > div dd.name > span{display:inline-block;zoom:;*display:inline;margin-left:10px;padding-left:11px;background:url("../images/content/bg_bar.gif") no-repeat left 50%;} .news_list li > div dd.name > span:first-child{margin-left:0;padding-left:0;background:none} /* ".issue" : Cube list */ .news_list.issue{border:solid 1px #ced2d7;border-bottom:none;padding:0 20px;} .news_list.issue li{min-height:60px} .news_list.issue li > p{width:107px;height:60px;overflow:hidden;line-height:56px;text-align:center;margin-top: -30px;} .news_list.issue li > p.type02{width:134px} .news_list.issue li > p img{max-width:100%;max-height:100%;vertical-align:middle} .news_list.issue li > div{padding-left:145px; min-height: 60px;} .news_list.issue li > div dt{margin-bottom:7px;} .news_list.issue li > div dt a{font-size:18px;} .news_list.issue li > div dd{padding-bottom:0;line-height:14px;} .news_list.issue li > div .group{line-height:14px;} /*only 기사저장리스트??*/ #container.saved_list .news_list li{position:relative;padding-right:35px;border-top:none;border-bottom:solid 1px #e6e8eb} #container.saved_list .news_list li > a{position:absolute;right:0;top:50%;margin-top:-15px;} #container.saved_list dl {position: relative; padding-top: 20px } #container.saved_list dd.group {position: absolute; top:0; left: 0} .issue_list .news_list.sedcube_issue { position: relative;} .issue_list .news_list.sedcube_issue:after { display: block; content: ""; width:100%; height: 7px; position: absolute; top:0px; left:0; background: url("../images/cube/cube_41.png") repeat-x;} .issue_list .news_list.sedcube_issue li:first-child { padding: 30px 0 20px 0;} @media screen and (max-width:1024px){ .news_list li > div{padding-left:145px} .news_list li > div dd.name{padding-bottom:0;} .news_list.issue li > p{width:20%;max-width:108px;} .news_list.issue li > div {padding-left:120px; } } @media screen and (max-width:900px){ .issue_list .news_list.sedcube_issue { border-top:1px solid #ced2d7; margin-top: 10px;} .issue_list .news_list.sedcube_issue:after { display: none; } .issue_list .news_list.sedcube_issue li:first-child { padding:20px 0;} } @media screen and (max-width:640px){ .news_list li{padding:10px; min-height: 50px;} .news_list li > div{padding-left:105px; min-height: 50px;} .news_list li > div dd:last-child{display:none;} .news_list li > div dd.name{display:block;} .news_list li > div dt a{font-size:18px;color:#000;} .news_list li > p{width:90px;height:50px;line-height:46px;left:10px;margin-top: -25px;} .news_list.issue{border:none;border-top:solid 1px #ced2d7;padding:0} .issue_list .news_list.sedcube_issue li:first-child { padding:10px;} } @media screen and (max-width:480px){ .news_list li > div dd.name > span{margin-left:5px;padding-left:5px} } @media screen and (max-width:430px){.news_list li > div dd.name > span:nth-child(3) {display: none;} } @media screen and (max-width:640px){ #container.saved_list .news_list li > a{right:10px;margin-top:-10px;} #container.saved_list .news_list li > a img{width:20px;} } /* sub_view */ .sub_view{text-align:left} .sub_view h2{font-size:32px;color:#222;line-height:40px;padding-top:15px} .sub_view .subject_info{font-size:21px;color:#666;margin-top:13px;line-height:28px} .sub_view .view_top{position:relative;margin-top:30px;margin-bottom:10px} .sub_view .view_top > ul:after { content:""; display:block; clear:both; } .sub_view .view_top > ul > li{float:left;font-size:14px;color:#888;margin-left:10px;padding-left:10px;background:url(../images/content/view_date_line.gif) left center no-repeat} .sub_view .view_top > ul > li:first-child{margin-left:0;padding-left:0;background:none} .sub_view .view_top > ul > li:first-child a { color:#888;} .sub_view .view_top > ul > li:first-child a:hover { color:#000;} .sub_view .view_top > ul > li img { display: inline-block; width:20px; height:19px; margin-right: 3px; margin-top: -1px} .sub_view .view_top .btn_info{position:absolute;bottom:0;right:0} .sub_view .view_top .btn_info:after {content:" ";display:block;clear:both;overflow:hidden;} .sub_view .view_top .btn_info ul{float:left;overflow:hidden;margin-left:10px} .sub_view .view_top .btn_info ul li{float:left;} .sub_view .view_top .btn_info ul li a{display:block;width:28px;height:28px;border:1px solid #ced2d7;text-align:center;line-height:28px} .sub_view .view_top .btn_info ul li:first-child a{border-right:none} .sub_view .view_top .btn_info .font_control .f_minus{font-size:12px;color:#666} .sub_view .view_top .btn_info .font_control .f_plus{font-size:18px;color:#333} .sub_view .view_hash{margin-top:10px;padding:15px 15px 15px 52px;background-color:#f7f7f7;border-top:1px solid #ced2d7;background-repeat:no-repeat;background-position:20px center;background-image:url(../images/content/hash_icon.gif)} .sub_view .view_hash a{font-size:12px;color:#888} .sub_view .view_con{padding:30px 0;font-size:17px;color:#666;line-height:1.60} .sub_view .view_con img{max-width:100%} .sub_view .view_con table{background:none !important;text-align:center;table-layout: fixed;width:100%} .sub_view .view_con table td{background:none !important;text-align:center; padding:2px; font-family: 'dotum', '돋움', '돋움체'; color:#595959; font-size:12px;} .sub_view .view_con iframe{max-width:100%;display:block;margin:0 auto} .sub_view .view_con table td.caption{font-size:14px;color:#888;line-height:20px} .sub_view .view_con .art_img{text-align:center} .sub_view .view_con .reco_news { display: none;} .sub_view .view_con .company_link {text-decoration:underline;color:#333;} .sub_view .view_con .company_link:hover {color:#136fbd;} .sub_view .news_sns{position:relative;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;padding:10px 5px;} .sub_view .news_sns .title{font-size:12px;line-height:30px;margin-right:7px;color:#888} .sub_view .news_sns ul{display:inline-block;zoom:1;*display:inline} .sub_view .news_sns li{display:inline-block;zoom:1;*display:inline;margin-left:3px} .sub_view .news_sns li:first-child{margin-left:0} .sub_view .news_sns li a img{width:30px;} .sub_view .news_sns2{border-bottom:1px solid #ced2d7;padding:10px 5px; /*margin-top: -15px;*/} .headline_cont .sub_view .news_sns2 { margin-top: 0;} /* only headline */ .headline_cont .sub_view .news_sns {margin-bottom:0;} /* only headline */ .sub_view .news_sns2 .title{font-size:12px;line-height:30px;margin-right:7px;color:#888} .sub_view .news_sns2 ul{display:inline-block;zoom:1;*display:inline} .sub_view .news_sns2 li{display:inline-block;zoom:1;*display:inline;margin-left:3px} .sub_view .news_sns2 li a img{width:30px;} .sub_view .send_mail{border-bottom:1px solid #ced2d7;padding:10px 5px} .sub_view .send_mail .title{font-size:12px;line-height:30px;margin-right:7px;color:#888} .sub_view .send_mail .input_mail{display:inline-block;zoom:1;*display:inline;padding:0 50px 0 10px;width:155px;position:relative;border:1px solid #e4e4e4;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;background:#f7f7f7} .sub_view .send_mail .input_mail input{letter-spacing:normal;position:relative;width:100%;border:none;background:none;padding:0} .sub_view .send_mail .input_mail a{position:absolute;right:-1px;top:-1px;display:block;width:40px;line-height:30px;background:#8c8c8c;color:#fff;text-align:center;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0} .sub_view .relation_list{padding:30px 0;} .sub_view .relation_list .title{font-size:16px;color: #2472cd; font-weight: 900;} .sub_view .relation_list ul{margin:10px 0 0 10px;} .sub_view .relation_list ul li{margin-top:3px;padding-left:13px;background:url(../images/content/relation_list_arrow.gif) left 7px no-repeat; font-size: 15px; font-weight: bold;} .sub_view .relation_list ul li a{display: block; width: 100%; color:#666;line-height:21px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .relation_lssue { width:100%; height:52px; background:#f2f2f2; /*border:1px solid #d0d1d3; */position:relative; margin-bottom:40px;} .relation_lssue a { display: block; height: 100%;} .relation_lssue #re_ls_ti {display:block; width:122px; height: 52px; position:absolute; top:0; left: 0;} .relation_lssue #re_ls_pl {display:block; width:51px; height: 50px; position:absolute; top:0; right: 0; border:1px solid #d0d1d3;} .relation_lssue #re_ls_te { display: block; padding-left: 135px; height:50px; line-height: 50px; font-size: 16px; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3; color:#222; } .relation_lssue #re_ls_nu { display: block; width:14px; height: 50px; position: absolute; top:0; right:80px; color:#676767; font-size: 14.5px; line-height: 51px; text-align: left;} .relation_lssue #re_ls_nu img {display: block; width:9px; height:8px; position: absolute; top:21px; right:18px; } .relation_lssue_m, .relation_gallery_m { display: none;} .signal_mention {color:#0f73ae; margin-bottom: 30px; word-break: keep-all} .signal_mention img {margin:4px 0 0 3px;} .signal_mention strong {padding-left: 3px;} .m_signal_logo {display: none;} @media screen and (max-width:900px){ .sub_view .view_con .reco_news { display: block; width: 100%; height: 50px; /*margin:15px 0 -10px 0;*/ background: #4a4a4a; position: relative; -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.3);} .sub_view .view_con .reco_news span {display: block; width: 54px; height: 43px; position: absolute; top:0; left:0; background: #0078bd; color:#fff; font-size: 16px; text-align: center; line-height: 18px; padding-top:7px;} .sub_view .view_con .reco_news h4 { font-size: 16px; color:#fff; line-height: 1; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding: 0 20px 0 67px; line-height: 49px;} .sub_view .relation_list{padding:15px 10px} .sub_view .relation_list ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } @media screen and (max-width:900px){ .signal_mention {margin-bottom:20px;} /*.signal_mention > span {display: block;}*/ .pc_signal_logo {display: none} .m_signal_logo {display: inline-block; width: 78px; height: 18px; margin:1px 2px 0 0 } } /*서경cube*/ .readCube { width: 100%; margin-bottom: 5px;} .readCube * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .readCube h3 { width: 100%; height:90px; position: relative; background:#f8f8f8; border:1px solid #ced2d7;} .readCube h3 a img { display: block; width: 113px; height: 68px; position: absolute; top:10px; left: 10px; } .readCube h3 a { display: block; width: 100%; height: 100%; position: relative; } .readCube h3 a:before { display: inline-block; width: 0; height: 100%; content: ""; vertical-align: middle;} .readCube h3 a dl { display: inline-block; width: 100%; vertical-align: middle; border-left: 0 none; text-align: left; padding:0 80px 0 140px; } .readCube h3 a dl dt { width: 100%; font-size:20px; color:#333; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .readCube h3 a dl dd { width: 100%; font-size:13px; line-height: 18px; max-height:36px; color:#999; margin-top:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; } /*플러스버튼*/ .readCube h3 a div { display: inline-block; height: 15px; position:absolute; top:37px; right:15px; text-align: right;} .readCube h3 a div > span span { font-size: 11px; color:#247acd; padding-right:8px; letter-spacing: 0; line-height: 15px;} .readCube h3 a div span img { display: inline-block; width: 14px; height: 14px; position: static;} /*큐브 리스트*/ .readCube ul { width: 100%; position: relative; padding: 30px 0 12px 0; border-bottom:1px solid #ced2d7; } .readCube ul:after { display: block; content: ""; width: 5px; height: 50px; position: absolute; bottom:0; left: 58px; background:#fff;}/*마지막줄 안보이게*/ .readCube ul li { width: 100%; height:58px; overflow: hidden; text-align: left; } .readCube ul li:after { display: block; content: ""; width: 1px; height:100%; position: absolute; top:0; left:60px; background: #ced2d7; }/*시계줄*/ .readCube ul li a { display: block; height: 100%; position: relative;} .readCube ul li .sec6_time { width:91px; height: 100%; float: left; position: absolute; top:2px; left: 0;} .readCube ul li .sec6_time:after { display: block; content: ""; width:22px; height:22px; position: absolute; top:0; left:50px; background:url(../images/cube/cube_29.png); z-index: 10; } /*시계*/ .readCube ul li .sec6_time:before { display: block; content: ""; width: 7px; height:13px; position: absolute; top:3px; right:4px; background:url(../images/content/politics_16.png);} .readCube ul li .sec6_time span { display: block; width:45px; height: 22px; line-height:22px; text-align: right; color:#666; font-size: 11px; letter-spacing: -0.5px} .readCube ul li a dl { height: 100%; padding: 0 20px 0 95px; position: relative; margin-top: -2px;} .readCube ul li a dl dt { width: 100%; line-height:20px; font-size:16px; color:#000; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .readCube ul li a:hover dl dt { color:#247acd} .readCube ul li dl dd.sec6_news_con { width: 100%; line-height:19px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 13px; margin-top: 8px; color:#999;} /*first:blue*/ .readCube ul li.sec6_red .sec6_time:after {background:url(../images/cube/cube_28.png);} .readCube ul li.sec6_red .sec6_time span { color:#247acd;} @media screen and (max-width:900px){ .readCube h3 a dl { padding:0 70px 0 135px; } .readCube h3 a dl dt { font-size:16px; } .readCube h3 a:hover dl dt { text-decoration: none} .readCube h3 a dl dd { font-size:12px; line-height: 16px; max-height:32px; } .readCube h3 a div { display:block; height:auto; right:0; top:0; } .readCube h3 a div > span { display: block; height:88px; width: 50px; position: relative;} .readCube h3 a div > span span { display: block; width: 100%; position: absolute; top:55px; left:5px; text-align: center; } .readCube h3 a div > span img { display:block; position: absolute; top:39px; right:15px; left: inherit;} .readCube ul { padding:20px 0 0 0; } .readCube ul:after {height: 36px; left: 18px; }/*마지막줄 안보이게*/ .readCube ul li { height:53px;} .readCube ul li:after { left:25px; }/*시계줄*/ .readCube ul li .sec6_time { width:58px; } .readCube ul li .sec6_time:after { width:17px; height:17px; position: absolute; top:0; left:17px; background: url(../images/cube/cube_29.png) no-repeat; background-size: 100%; } /*시계*/ .readCube ul li.sec6_red .sec6_time:after {background:url(../images/cube/cube_28.png) no-repeat; background-size: 100%;} .readCube ul li .sec6_time:before { width: 6px; height:11px; background-size: contain; background-repeat: no-repeat; top:2px; right:2px; } /*<*/ .readCube ul li .sec6_time span { height:14px; line-height:14px; position: absolute; top:19px; left:3px; text-align: center; font-size: 11px; background: #fff; z-index: 30;} .readCube ul li a dl { padding: 0 10px 0 60px; } .readCube ul li a dl dt { font-size:15px; } .readCube ul li a:hover dl dt { color:#000} .readCube ul li dl dd.sec6_news_con {font-size: 12px; margin-top:4px;} } @media screen and (max-width:640px){ .readCube { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px;}} @media screen and (max-width:480px){ .readCube h3 a div > span span { display: none; }} .view_cate{position:absolute;top:200px;left:0;width:128px;z-index:50} .view_cate.view_left{padding-top:15px} .view_cate .select_cate{padding:0 0 12px 5px;border-bottom:1px solid #ced2d7;font-size:16px;color:#444;font-weight:bold;text-align:left;} .view_cate > ul{text-align:left;margin-top:20px} .view_cate > ul > li{margin-top:10px;position:relative} .view_cate .btn_cate_hover{position:relative;display:block;width:41px;height:40px} .view_cate .btn_cate_hover img{position:relative;z-index:5} .view_cate .btn_cate_hover .hover_txt{position:absolute;top:50%;left:0;padding-left:46px;width:82px;margin-top:-13px;font-size:11px;height:24px;line-height:24px;text-align:left;} .view_cate .date_list{position:absolute;top:50%;margin-top:-47px;left:138px;padding-left:8px;display:none} .view_cate .date_list ul{padding:15px 20px;background:#fff;border:1px solid #ced2d7} .view_cate .date_list ul li{font-size:12px;line-height:30px;border-top:1px dotted #ced2d7;white-space:nowrap} .view_cate .date_list ul li:first-child{border-top:none} .view_cate .date_list .arrow{position:absolute;top:50%;left:0;width:9px;height:17px;display:block;margin-top:-8px;background:url(../images/content/news_date_arrow.png) left center no-repeat;z-index:5} .view_cate .relation_gallery { width:100%; background:#257acd; margin-top:35px; } .view_cate .relation_gallery #rg_top { display: block; width: 110px; height: 29px; margin:0 auto; line-height: 36px; border-bottom:1px solid #5195d7; color:#a8caeb; font-size: 12px; font-weight: bold; letter-spacing: normal; position: relative; text-align: left;} .view_cate .relation_gallery #rg_top:after {display:block; position:absolute; top:43px; left:116px; width:6px; height:11px; background:url(../images/issue/relation4.png)no-repeat; content:''; } .view_cate .relation_gallery strong { display: block; padding:12px; color:#fff; text-align: left; line-height: 18px; font-size: 14.5px;} .view_cate .relation_gallery #rg_img{ display: block; border:1px solid #257acd; position: relative;} .view_cate .relation_gallery #rg_img:after {display:block; position:absolute; top:0; left:0; width:100%; height: 3px; background:url(../images/issue/relation5.png)repeat-x; content:''; } .view_cate .relation_gallery #rg_img img {width:126px; height:126px;} /*article_double*/ .view_cate4{position:absolute;top:200px;left:0;width:128px;z-index:50} .view_cate4.view_left{padding-top:15px} .view_cate4 .select_cate{padding:0 0 12px 5px;border-bottom:1px solid #ced2d7;font-size:16px;color:#444;font-weight:bold;text-align:left;} .view_cate4 > ul{text-align:left;margin-top:20px} .view_cate4 > ul > li{margin-top:10px;position:relative} .view_cate4 .btn_cate_hover{position:relative;display:block;width:41px;height:40px} .view_cate4 .btn_cate_hover img{position:relative;z-index:5} .view_cate4 .btn_cate_hover .hover_txt{position:absolute;top:50%;left:0;padding-left:46px;width:82px;margin-top:-13px;font-size:11px;height:24px;line-height:24px;text-align:left;} .view_cate4 .date_list{position:absolute;top:50%;margin-top:-47px;left:138px;padding-left:8px;display:none} .view_cate4 .date_list ul{padding:15px 20px;background:#fff;border:1px solid #ced2d7} .view_cate4 .date_list ul li{font-size:12px;line-height:30px;border-top:1px dotted #ced2d7;white-space:nowrap} .view_cate4 .date_list ul li:first-child{border-top:none} .view_cate4 .date_list .arrow{position:absolute;top:50%;left:0;width:9px;height:17px;display:block;margin-top:-8px;background:url(../images/content/news_date_arrow.png) left center no-repeat;z-index:5} .view_cate4 .relation_gallery { width:100%; background:#257acd; margin-top:35px; } .view_cate4 .relation_gallery #rg_top { display: block; width: 110px; height: 29px; margin:0 auto; line-height: 36px; border-bottom:1px solid #5195d7; color:#a8caeb; font-size: 12px; font-weight: bold; letter-spacing: normal; position: relative; text-align: left;} .view_cate4 .relation_gallery #rg_top:after {display:block; position:absolute; top:43px; left:116px; width:6px; height:11px; background:url(../images/issue/relation4.png)no-repeat; content:''; } .view_cate4 .relation_gallery strong { display: block; padding:12px; color:#fff; text-align: left; line-height: 18px; font-size: 14.5px;} .view_cate4 .relation_gallery #rg_img{ display: block; border:1px solid #257acd; position: relative;} .view_cate4 .relation_gallery #rg_img:after {display:block; position:absolute; top:0; left:0; width:100%; height: 3px; background:url(../images/issue/relation5.png)repeat-x; content:''; } .view_cate4 .relation_gallery #rg_img img {width:126px; height:126px;} .new_article{margin-top:50px} .main_container .new_article{margin-top:20px} .view_bottom_list{padding:21px 21px 21px 21px;border:1px solid #ced2d7;text-align:left} .view_bottom_list h4{font-size:16px;color:#222;padding-left:9px;margin-bottom: 30px;} .view_bottom_list h4 em{color:#247acd} .view_bottom_list ul{overflow:hidden;margin-top:0} .view_bottom_list ul li{float:left;width:25%} .view_bottom_list ul li .list_cell{position:relative;margin:9px} .view_bottom_list a{display:block} .view_bottom_list ul li img{max-width:100%} .view_bottom_list .test{display:block;position:absolute;top:0;left:0;width:100%;font-size:30px;color:#fff;padding-top:30px;z-index:3;text-align:center} .view_bottom_list2, .view_bottom_list2 * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .view_bottom_list2{ border:1px solid #ced2d7;text-align:left; width: 100%; padding:25px 20px; margin-top: 20px;} .view_bottom_list2 ul{overflow:hidden;margin-top:0} .view_bottom_list2 ul li{float:left;width:25%; padding:0 10px;} .view_bottom_list2 ul li a {display: block; height:100%; position: relative;} .view_bottom_list2 .m_lev2345_t {display: block; width: 100%; height: 35px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); line-height: 35px; color:#fff; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; text-align: center} .view_bottom_list2 ul li a:hover .m_lev2345_t{font-weight: bold;} @media screen and (max-width:1024px){ .view_bottom_list2{ padding:15px 10px; } .view_bottom_list2 ul li{padding:0 5px;} } @media screen and (max-width:900px){ .view_bottom_list2{ padding:15px 10px 0 10px; margin-top: 10px;} .view_bottom_list2 ul li{padding:0 5px;} .view_bottom_list2 .m_lev2345_t {width: inherit; line-height: 20px; white-space: inherit; position: static;background: none; color:#000; padding:0; height: 40px; text-align: left} .view_bottom_list2 ul li a:hover .m_lev2345_t{font-weight: normal; } } @media screen and (max-width:640px){ .view_bottom_list2{ border-left: 0 none; border-right: 0 none; margin-top: 0; border-bottom: 0 none;} .view_bottom_list2 ul li {width: 50%; } } .new_article .title{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:auto !important;line-height:40px !important;border:none !important} .new_article .title span{display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#fff;padding:0 10px;line-height:40px;background:#000;background:rgba(0,0,0,0.7)} .new_article ul li .list_cell{border:1px solid #e2e2e2; height: 100%;} .new_article ul li .list_cell a{text-align:center;height:152px;overflow:hidden;line-height:146px} .new_article ul li .list_cell a img{max-width:100%;max-height:100%;vertical-align:middle;} .new_article ul li .list_cell.noImg{border:1px solid #e2e2e2;background:#fafafa;vertical-align:top} .new_article ul li .list_cell.noImg a{line-height:normal !important;text-align:left;display:table-cell;vertical-align:middle} .new_article ul li .list_cell.noImg span{display:block;padding-left:11px;padding-right:11px} .new_article ul li .list_cell.noImg span.no_title{font-size:15px;color:#444;line-height:20px;font-weight:700;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;} .new_article ul li .list_cell.noImg span.no_info{font-size:13px;color:#666;line-height:20px;margin-top:8px;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;} /*ONLY sub_main "new_article"*/ .main_container .new_article ul li .list_cell a:nth-child(1) {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.2%; ;line-height:0} .main_container .new_article ul li .list_cell.noImg a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .main_container .new_article ul li .list_cell a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .main_container .new_article ul li .list_cell.noImg a{display: inline-block} .main_container .new_article ul li .list_cell.noImg span.no_title {margin-top: 5px;} @media screen and (max-width:900px){ .main_container .new_article ul li .list_cell {padding-bottom:40px} } @media screen and (max-width:640px){ .new_article{margin-top:25px} #container.sub_main .new_article{margin-top:0;} .new_article ul li .list_cell {padding-bottom:0} .new_article ul li .list_cell a{height:157px;line-height:153px} } @media screen and (max-width:568px){ .new_article ul li .list_cell a{height:147px;line-height:143px} } @media screen and (max-width:480px){ .new_article ul li .list_cell a{height:123px;line-height:119px} } @media screen and (max-width:414px){ .new_article ul li .list_cell a{height:104px;line-height:100px} .new_article ul li .list_cell.noImg span.no_info{font-size:13px;color:#666;line-height:20px;padding-top:8px;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:20px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} } @media screen and (max-width:384px){ .new_article ul li .list_cell a{height:96px;line-height:92px} } @media screen and (max-width:375px){ .new_article ul li .list_cell a{height:94px;line-height:90px} } @media screen and (max-width:360px){ .new_article ul li .list_cell a{height:89px;line-height:85px} } @media screen and (max-width:320px){ .new_article ul li .list_cell a{height:78px;line-height:74px} } /* side bar */ #container .side_bar{text-align:left} #container .side_bar > div{position: relative;border:solid 1px #ced2d7;margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container .side_bar > div:last-child{margin-top:0;} #container .side_bar > div > h3{position:relative;height:38px;line-height:38px;padding-left:20px;background:#f2f2f2;border-bottom:solid 1px #ced2d7;color:#333;font-size:16px;text-align:left;font-weight:bold;} #container .side_bar .more{position:absolute;right:12px;top:12px;display:block;width:14px; height:14px; background:url("../images/mainpage/more.png") no-repeat; font-size: 0; text-indent: -9999px; background-position: 0 0;} #container .side_bar .more:hover {background-position: 0 -14px;} #container .side_bar .head_line h3 { border-top: none;} #container .side_bar > div .list li{width: 100%; background:url("../images/content/bg_list.gif") no-repeat left 11px;line-height:24px;} #container .side_bar > div .list li a{display:block;width: 100%; height: 100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-indent: 8px;} #container .side_bar > div .list li a:hover {color:#222; font-weight: bold;} #container .side_bar .head_line ul{padding:10px 20px} #container .side_bar .interctive_news{margin:0 0 10px 0;} #container .side_bar .interctive_news > div{position:relative;} #container .side_bar .interctive_news .more{position:absolute;right:0;top:0;display:block;padding:11px;z-index:10;background:url("../images/content/bg_more.png") repeat left top} #container .side_bar .interctive_news .bx-pager{right:20px;bottom:20px;text-align:right;} #container .side_bar .interctive_news .bx-pager .bx-pager-item a{background:#fff;border: 1px solid #ced2d7;} #container .side_bar .hot_hash_tag h3 span {color:#fa702c} #container .side_bar .hot_hash_tag ol:nth-child(2){padding:10px 20px 0 20px;} #container .side_bar .hot_hash_tag ol:nth-child(3){padding:0 20px 10px 20px;} #container .side_bar .hot_hash_tag ol li{line-height:24px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative} #container .side_bar .hot_hash_tag ol li span{display:block;width: 14px; height:14px;position: absolute; top:0; left: 0; margin:4px 0 0 0;font-size:11px;color:#fff;text-align:center;background: #b0b0b0; border-radius: 50%; border: 1px solid #969696; line-height:14px; text-indent: -1px;} #container .side_bar .hot_hash_tag ol li.hot span{background: #fa702c;border: 1px solid #db6328;} #container .side_bar .hot_hash_tag ol li a {display: block; width: 100%; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } #container .side_bar .hot_hash_tag ol li.hot a {color:#444; font-weight: bold;} #container .side_bar .hot_hash_tag ol li:hover span {background: #7c7c7c;border: 1px solid #5a5a5a;} #container .side_bar .hot_hash_tag ol li.hot:hover span {background: #b3501f; border: 1px solid #963e12;} #container .side_bar .hot_hash_tag ol li:hover a {color:#444; font-weight: bold} #container .side_bar .hot_hash_tag ol li.hot:hover a {color:#fa702c;} #container .side_bar .today_issue .visual_chart{display: none;} #l-right .side_bar > div.mm_sec9.mm9_1 {display: none;} /*실시간속보 > 서경스타*/ .side_bar.view_right{margin-top:22px} @media screen and (max-width:900px){ #container .side_bar .interctive_news {display: none;} .side_bar.view_right{margin-top:0} #container .side_bar > div {border:0 none; position: relative;} #m-right .side_bar > div, #l-right .side_bar > div {padding:0 15px;} #l-right .side_bar > div.mm_sec9.mm9_1 {padding:0; display: block;} /*실시간속보 > 서경스타*/ #m-right .side_bar > div:after, #l-right .side_bar > div:after{display: block; content: ""; width: 200%; height: 9px; position: absolute; top:-10px; left: 0; background:#eceeef; } #m-right .side_bar > div:before, #l-right .side_bar > div:before{display: block; content: ""; width: 200%; height: 1px; position: absolute; bottom:0; left: 0; background:#ced2d7; z-index: 10; } #container .side_bar > div > h3 { height: 46px; line-height: 45px; margin:0 -15px; padding-left: 15px; color:#000; font-size: 17px; background: none; border-bottom: 1px solid #dcdcdc} #container #v-right .side_bar > div > h3 { margin:0;} /**/ #container .side_bar .head_line ul {padding:0;} #container .side_bar > div .list li {background: none; height: 40px; line-height: 40px; font-size: 15px; border-top:1px solid #e6e8eb; } #container .side_bar > div .list li:first-child { border-top: 0 none;} #container .side_bar > div .list li:last-child {padding-bottom: 5px;} #container .side_bar > div .list li a {text-indent: 0} #container .side_bar > div .list li a:hover {color:#666; font-weight: normal;} #container .side_bar .more {right:15px;top:16px;} #container .side_bar .more:hover {background-position: 0 0;} #container .side_bar .hot_hash_tag {height: 208px;} #container .side_bar .hot_hash_tag ol {width: 50%; float: left;} #container .side_bar .hot_hash_tag ol:nth-child(2){padding:10px 0 0 0;} #container .side_bar .hot_hash_tag ol:nth-child(3){padding:10px 0 0 0;} #container .side_bar .hot_hash_tag ol li {font-size: 15px; padding-top: 0; margin-bottom: 10px; line-height: 20px; } #container .side_bar .hot_hash_tag ol li:hover span {background: #b0b0b0; border: 1px solid #969696;} #container .side_bar .hot_hash_tag ol li.hot:hover span {background: #fa702c;border: 1px solid #db6328;} #container .side_bar .hot_hash_tag ol li.hot a {padding-right: 10px;} #container .side_bar .hot_hash_tag ol li:hover a {color:#666; font-weight: normal} #container .side_bar .hot_hash_tag ol li.hot:hover a {color:#444; font-weight: bold;} #container .side_bar .today_issue .issue_con{display: none;} #container .side_bar .today_issue .visual_chart{display: block; width: auto; margin:0 -15px; text-align: center} } .today_hot_topic h3 span{ color:#ff1f1f;} .today_hot_topic ul { overflow: hidden; } .today_hot_topic ul li { float:left; width:41%; margin-left:6%; } .today_hot_topic ul li a { display: block; width:100%; height:100%; margin-top:14%; margin-bottom:10%; } .today_hot_topic ul li a.today_hot_topic_margin { margin-top:-2%;} .today_hot_topic ul li a span {display: block; font-size: 13px; font-weight: bold; margin-top:3%; height:3em; line-height:1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word} .today_hot_topic ul li a span.topic_img { overflow: hidden; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56%;} .today_hot_topic ul li a span img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; } @media screen and (max-width:900px){ #container .side_bar > div.today_hot_topic {display: none;} .today_hot_topic { margin-top:10px;} .today_hot_topic h3 {display: none;} .today_hot_topic h4 { display: block; width:100%; height:42px; background-color:#fa702c; font-size: 16px; color:#fff; line-height: 40px; text-indent: 10px; font-weight: bold;} .today_hot_topic h4 span { display: block; width:106px; height:21px; position: absolute; top:11px; left:12px;} } .sns_follow .title{padding:13px 20px;font-size:14px;color:#666} .sns_follow .sns_tab{width:100%;height:41px;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;background-color:#f7f7f7} .sns_follow .sns_tab li{float:left;width:16.66%} .sns_follow .sns_tab li a{position:relative;display:block;height:42px;text-align:center;z-index:0;border-left:1px solid #ced2d7} .sns_follow .sns_tab li:first-child a{border-left:none} .sns_follow .sns_tab li a:hover,.sns_follow .sns_tab li.actived a{height:42px;z-index:99;background:#fff} .sns_follow .sns_tab:after {content:" ";display:block;clear:both;overflow:hidden;} .sns_follow .sns_tab_con{padding:15px 20px} .sns_follow .sns_tab_con .info{color:#888} .sns_follow .sns_tab_con > div{display:none} .side_recom_article, .photo_vod, .today_hot_topic { width:100%; position: relative;} .side_recom_article h3 span { color:#0078bd;} .side_recom_article h4, .photo_vod h4, .today_hot_topic h4, .photo_vod { display: none; } .side_recom_article ul{padding:5px 10px} .side_recom_article ul li:first-child { border-top:0 none;} .side_recom_article ul li { border-top:1px solid #c6c6c6; width:100%; height:75px; position: relative;} .side_recom_article ul li.list_cell span { display: block; height:60px; float: right; margin-top:7px; margin-left:5px;} .side_recom_article ul li.list_cell span.recom_img{ width:90px; position: absolute; left: 0; top: 0; min-width: 60px; overflow: hidden; text-align: center; border: 1px solid #e2e2e2; line-height:56px; float:none; } .side_recom_article ul li.list_cell span.recom_img img{ max-width: 100%; max-height: 100%; text-align: center; vertical-align: middle; } .side_recom_article ul li.list_cell span.recom_title{ height:3em; padding:10px 5px 0 100px; line-height:1.5em; font-size: 13px; overflow: hidden; font-weight: bold; float:none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word } .photo_vod { width:100%; height: 400px;} .photo_vod .photo4_4{ width:100%; } .photo_vod .photo4_4 p { width:25%; height:25%; float:left;} .btn_wrap > a{position:absolute;top:37%;text-indent:0;margin-top:-13px;z-index:70} .btn_wrap .button-prev{left:0} .btn_wrap .button-next{right:0} .face_like > div:first-child{margin-top:0} .face_like .like_cell{margin-top:5px;} .face_like .like_cell .f_name{display:inline-block;zoom:1;*display:inline;vertical-align:middle;width:80px} .face_like .like_cell > div{vertical-align:middle} /* search_result */ .search_cover{background:#f4f4f4;border:solid 1px #ced2d7;margin-bottom:60px;} .search_cover > div .search_word{padding:15px 10px;border-bottom:solid 1px #ced2d7;} .search_cover > div .search_word div{position:relative;max-width:441px;margin:0 auto;overflow:hidden;} .search_cover > div .search_word p{max-width:375px;height:38px;line-height:38px;padding-left:10px;border:solid 1px #b0b0b0;border-right:none;background:#fff; } .search_cover > div .search_word p input[type="text"]{height:38px;line-height:38px;width:100%;padding:0;border:none;*margin-top:-1px;} .search_cover > div .search_word a{position:absolute;right:0;top:0;display:block;width:55px;height:40px;line-height:40px;background:#444;text-align:center;color:#fff;} .search_cover > div .search_setting{position:relative;padding:11px 0;} .search_cover > div .search_setting ul{overflow:hidden;margin-right:110px;} .search_cover > div .search_setting ul li{position:relative;float:left;width:42%;} .search_cover > div .search_setting ul li span{line-height:28px;padding-left:20px;position:absolute;left:0;top:0;} .search_cover > div .search_setting ul li p{padding-left:85px;} .search_cover > div .search_setting ul li select{width:100%;padding-right:0} .search_cover > div .search_setting .btn_detail{position:absolute;right:0;top:0;width:110px;border-left:solid 1px #ced2d7;text-align:center;} .search_cover > div .search_setting .btn_detail a{display:block;height:50px;line-height:50px;} .search_cover > div .search_setting .btn_detail a img{vertical-align:middle;padding-left:10px} .search_cover > .search_detail{padding:0 20px;border-top:solid 1px #ced2d7;background:#fff;display:none;} .search_cover > .search_detail.on{display:block;} .search_cover > .search_detail > div:first-child{position:relative;padding:10px 0;border-bottom:solid 1px #ced2d7;} .search_cover > .search_detail ul{overflow:hidden;margin-right:357px;} .search_cover > .search_detail ul li{position:relative;float:left;width:50%;} .search_cover > .search_detail ul li span{position:absolute;left:0;top:0;line-height:28px;} .search_cover > .search_detail ul li .i_wrap{margin:0 20px 0 99px;} .search_cover > .search_detail ul li .i_wrap input{height:26px;} .search_cover > .search_detail .date{position:absolute;right:0;top:10px;width:357px;} .search_cover > .search_detail .date > span{position:absolute;left:0;top:0;line-height:28px;} .search_cover > .search_detail .date p{margin-left:60px;} .search_cover > .search_detail .date p > span{padding:0 5px;line-height:28px;} .search_cover > .search_detail .date input{width:23%;max-width:75px;padding-right:0;height:26px;border-right:none;} .search_cover > .search_detail .btn_bottom{position:relative;padding:20px 0;} .search_cover > .search_detail .btn_bottom .btn{width:90px;} .search_cover > .search_detail .btn_bottom .btn_list{position:absolute;right:0;top:20px;} .search_result{position:relative;} .search_result .search_list{margin-left:168px;} .search_result .search_list div > h3{font-size:18px;padding-bottom:13px;} .search_result .search_list div > h3 strong{color:#c99933;} .search_cate{position:absolute;width:130px;left:0;top:0;font-family:'맑은 고딕','Malgun Gothic'} .search_cate dl:first-child{margin-bottom:42px;} .search_cate dl dt{display:block;padding-bottom:15px;margin-bottom:13px;color:#444;font-size:16px;border-bottom:solid 1px #ced2d7; letter-spacing: normal !important;} .search_cate dl dd{line-height:22px; letter-spacing: normal !important;} .search_cate dl dd > a{color:#888; letter-spacing: normal !important;} .search_cate dl dd.on > a{color:#0078bd; letter-spacing: normal !important;} .search_cate dl dd.on > a span{color:#c99933; letter-spacing: normal !important;} #l-left-scroll-in .shock_413 { width:100%; height:auto; margin-bottom: 10px;} #l-left-scroll-in .shock_413 img { width:100%; height:auto; } .side_depth{width:16%;left:0;top:0;font-family:'맑은 고딕','Malgun Gothic'} .side_depth dl{margin-right:30px} .side_depth dl:first-child{margin-bottom:42px;} .side_depth dl dt{display:block;padding-bottom:15px;margin-bottom:13px;color:#444;font-size:16px;border-bottom:solid 1px #ced2d7;} .side_depth dl dd{line-height:22px;} .side_depth dl dd > a{color:#888;} .side_depth dl dd.on > a{color:#0078bd;} .side_depth dl dd.on > a span{color:#c99933;} /* issue */ .issue_list_top{position:relative;height:78px;background:#134168;} .issue_list_top .title{position:absolute;left:0;top:0;width:153px;height:58px;padding-top:20px;background:#0078bd;font-weight:500;letter-spacing:0;font-size:18px;color:#fff;} .issue_list_top .title span{display:block;margin:0 20px;padding-left:53px;background:url("../images/content/bg_issue_title.png") no-repeat left 50%} .issue_list_top dl{position:relative;margin-left:153px;padding:0 40px 0 20px;height:78px;font-size:16px;background:url("../images/content/bg_issue_title_arrow.png") no-repeat left 50%;} .issue_list_top dl dt{font-weight:500;color:#fffeb3;letter-spacing:0;padding-top:20px;} .issue_list_top dl dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;} .issue_list_top dl dd a{color:#fff;} .issue_list_top .more{position:absolute;right:20px;top:50%;margin-top:-7px;} .issue_list_top.issue_focus .title{background:#23b4a1} .issue_list_top.issue_plus .title{background:#7aab12} .issue_list_top.issue_focus dl{background:url("../images/content/bg_issue_title_arrow02.png") left 50% no-repeat} .issue_list_top.issue_plus dl{background:url("../images/content/bg_issue_title_arrow03.png") left 50% no-repeat} .issue_list_top.issue_focus{background:#266159} .issue_list_top.issue_plus{background:#3b510c} .issue_list_top.noTitle dt{display:none} .issue_list_top.noTitle dd{line-height:78px} .issue_list:first-child{margin-top:0} .issue_list .issue_top{position:relative;padding:0 30px;height:40px;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden} .issue_list .issue_top .title{font-size:14px;color:#fff;line-height:40px} .issue_list .issue_top .icon{position:relative;float:left;display:inline-block;zoom:1;*display:inline;font-size:16px;color:#fffeb3;letter-spacing:normal;line-height:40px;padding-right:10px;font-weight:600;height:40px;padding-left:20px;text-align:left} .issue_list .issue_top .icon a:link, .issue_list .issue_top .icon a:visited { color: #fffeb3; } .issue_list .issue_top .btn_more{clear:both;position:absolute;top:50%;right:10px;display:block;width:14px;height:14px;margin-top:-7px} .issue_list.issue_hot .issue_top{background:#134168; padding: 0 30px;} .issue_list.issue_focus .issue_top{background:#266159} .issue_list.issue_plus .issue_top{background:#3b510c} .issue_list.issue_hot .issue_top .icon{background:#0078bd} .issue_list.issue_hot .issue_top .icon:after{content:"";display:block;clear:both;position:absolute;top:50%;right:-6px;width:6px;height:12px;margin-top:-6px;background:url(../images/content/issue_arrow01.gif) left top no-repeat} .issue_top a#golf_link { display: block; position: absolute; top: 10px; right: 10px; width: 70px; height: 22px; } .maz_top_special .issue_list.issue_hot .issue_top {position: relative;padding: 0;height: 40px;color: #fff;text-align: left;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; overflow: hidden;} .maz_top_special .issue_list.issue_hot .issue_top .icon{padding-left: 12px;} .maz_top_special .issue_list.issue_hot .issue_tab {float: left;margin-top: 5px;overflow: hidden;margin-left: 10px;width:auto;} .issue_list.issue_focus .issue_top .icon{background:#23b4a1} .issue_list.issue_focus .issue_top .icon:after{content:"";display:block;clear:both;position:absolute;top:50%;right:-6px;width:6px;height:12px;margin-top:-6px;background:url(../images/content/issue_arrow02.gif) left top no-repeat} .issue_list.issue_plus .issue_top .icon{background:#7aab12} .issue_list.issue_plus .issue_top .icon:after{content:"";display:block;clear:both;position:absolute;top:50%;right:-6px;width:6px;height:12px;margin-top:-6px;background:url(../images/content/issue_arrow03.gif) left top no-repeat} .issue_list .issue_tab{float: left; margin-top: 5px; overflow: hidden; width: 91%;} .issue_tab_swipe_prev { width: 10px; position: absolute; top: 15px; left: 13px; } .issue_tab_swipe_next { width: 10px; position: absolute; top: 15px; right: 13px; } .issue_list .issue_tab li{float:left} .issue_list .issue_tab li a{display:block;padding:0 20px;font-size:14px;line-height:35px} .issue_list .issue_tab li a span{opacity:0.7;color:#fff;letter-spacing: 0;} .issue_list .issue_tab li.actived a{background:#fff;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} .issue_list.issue_hot .issue_tab li.actived a span{color:#0078bd;opacity:1} .issue_list.issue_focus .issue_tab li.actived a span{color:#23b4a1;opacity:1} .issue_list.issue_plus .issue_tab li.actived a span{color:#7aab12;opacity:1} .issue_list .paging{margin:0;margin-top:-1px} /* all_headline */ #container.all_headline{padding-top:30px;} .all_headline .content_wrap{padding:20px;border:solid 1px #ced2d7;border-top:none;} .all_headline .content_wrap .headline_cont{position:relative;margin-top:10px} .all_headline .headline_top{height:60px;position:relative;background:#247acd;} .all_headline .headline_top h1{line-height:60px;font-size:28px;font-weight:700;color:#fff;text-align:left;letter-spacing:0;} .all_headline .headline_top h1 img{vertical-align:middle;padding:2px 20px 0;margin-top:-2px;} .all_headline .headline_top .search_txt{position:absolute;right:20px;top:12px;background:#fff;width:385px;margin-right:120px;} .all_headline .headline_top .search_txt .i_wrap{max-width:385px;border:none;} .all_headline .headline_top .search_txt .i_wrap input[type="text"]{height:35px;line-height:35px;} .all_headline .headline_top .search_txt > a{position:absolute;right:-55px;top:0;display:block;height:35px;line-height:35px;width:55px;text-align:center;color:#fff;background:#444;} .all_headline .headline_top .search_txt > a.reset{right:-120px;width:58px;border:1px solid #2bb08c;height:33px;line-height:33px;background:#29a483;color:#fff} .all_headline .headline_list{position:absolute;left:0;top:0;height:100%;width:390px;text-align:left;overflow:auto;} .all_headline .headline_list > ul{padding-right:10px;margin-bottom:10px;} .all_headline .headline_list > ul li{position:relative;height:40px;line-height:40px;overflow:hidden;border-top:solid 1px #ced2d7;} .all_headline .headline_list > ul li:first-child{border-top:none;} .all_headline .headline_list > ul li.on a{color:#999;text-decoration:underline;} .all_headline .headline_list > ul li a{display:block;margin-right:80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .all_headline .headline_list > ul li a span{position:absolute;right:0;top:0;font-size:12px;color:#888;letter-spacing:0;} .all_headline .headline_list .paging{margin-top:0;margin-right:10px} .all_headline .headline_list .paging ol{background:#fff;} .all_headline #contents.sub_view{height:795px;margin:0 0 0 390px;padding:0 30px;overflow:auto;} .all_headline #contents.sub_view .view_hash{border-bottom:solid 1px #ced2d7;} .all_headline #contents.sub_view .card_view_sort{margin-top:-1px} .all_headline .tab01{position:relative;margin:0;} .all_headline .tab01 .refresh{position:absolute;right:10px;top:5px;line-height:28px;font-size:12px;} .all_headline .tab01 .refresh select{padding:0;margin:0 8px;} .all_headline .tab01 .refresh img{margin-top:2px;} #container.all_headline.print{padding:0;max-width:800px;margin:0 auto;} #container.all_headline.print .content_wrap{border:none;} .all_headline.print .btn_list .btn{height:26px;line-height:26px;padding:0 15px;font-size:13px;} .all_headline.print #contents.sub_view{margin:0;padding:0;height:auto;} .all_headline.print .headline_top .btn_list{position:absolute;right:10px;top:15px;} #NewsAjax{position:relative;z-index:100} #container.saved_list .news_sort{border-bottom:none;} #container.saved_list .btn_del{text-align:right;padding:20px;border:solid 1px #ced2d7;border-top:none} #container.saved_list .btn_del a{display:inline-block;zoom:1;*display:inline;height:28px;line-height:28px;padding:0 15px;margin-left:3px;border:solid 1px #d5d5d5;font-size:12px;color:#888;letter-spacing:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} #container.saved_list .btn_del a > span{font-weight:bold;} #container.saved_list .paging{margin:0;margin-top:-1px} #container.saved_list .list_title{position:relative;height:39px;line-height:39px;padding-left:20px;background:#0078bd;font-size:16px;color:#fffeb3;letter-spacing:0;} #container.saved_list .list_title > span{position:absolute;right:10px;bottom:0;font-size:12px;color:#fff;} .message_pop{position:absolute;top:17px;right:69px;display:none;z-index:100} .message_pop > div{width:288px;text-align:left} .message_pop h3{font-size:16px;color:#444;line-height:40px;background:#f8f6f2;border:1px solid #ced2d7;padding-left:20px} .message_pop .pop_con{padding:20px 20px 30px 20px;background:#fff;border:1px solid #ced2d7;border-top:none} .message_pop .pop_con p:first-child{margin-top:0} .message_pop .pop_con .title{font-size:13px;color:#444;margin-top:20px;margin-bottom:10px} .message_pop .pop_con .i_wrap{background:#f7f7f7} .message_pop .pop_con .i_wrap input{background:none} .message_pop .info_txt{margin-top:10px;font-size:12px;color:#888} .message_pop .btn_data{text-align:center;margin-top:20px} .message_pop .pop_close{text-align:center;padding:30px 10px;border:1px solid #ced2d7;background:#fff} .message_pop .pop_close .txt{color:#444;line-height:20px} .message_pop.address_pop{top:50px;right:auto;left:50%;margin-left:-144px} /*article_double*/ .message_pop_1 {position: absolute;display: none;z-index: 100;} .message_pop_1 > div {width: 288px;text-align: left;} .message_pop_1 h3 {font-size: 16px;color: #444;line-height: 40px;background: #f8f6f2;border: 1px solid #ced2d7;padding-left: 20px;} .message_pop_1 .pop_con {padding: 20px 20px 30px 20px;background: #fff;border: 1px solid #ced2d7;border-top: none;} .message_pop_1 .pop_con p:first-child {margin-top: 0;} .message_pop_1 .pop_con .title {font-size: 13px;color: #444;margin-top: 20px; margin-bottom: 10px;} .message_pop_1 .pop_con .i_wrap {background: #f7f7f7;} .message_pop_1 .pop_con .i_wrap input {background: none; } .message_pop_1 .info_txt {margin-top: 10px;font-size: 12px;color: #888;} .message_pop_1 .btn_data {text-align: center; margin-top: 20px;} .message_pop_1 .pop_close {text-align: center; padding: 30px 10px;border: 1px solid #ced2d7;background: #fff;} .message_pop_1 .pop_close .txt { color: #444;line-height: 20px;} .message_pop_1.address_pop { top: 50px;right: auto;left: 50%;margin-left: -144px;} .map_data{height:300px} /*company common*/ .company, .company * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .visual_title{padding-bottom:15px;color:#444;font-size:16px;border-bottom:solid 1px #ced2d7;font-weight:700;line-height:18px;position: relative; padding-left: 18px;} .visual_title:after { display: block; content: ""; width: 13px; height: 8px; position: absolute; top:7px; left:0; background: url("../images/beri/beri_03.png")no-repeat;} .visual_title span{font-weight:normal;line-height:18px} .visual_title .line{font-size:11px;margin:0 7px;color:#ccc} .company_bigTab { display: none;} .company_smallTab { width: 100%; height: 50px; border-top: 1px solid #ced2d7; background: #f7f7f7; margin: 20px 0 50px 0;} .company_smallTab:after { content:""; display:block; clear:both; } .company_smallTab li { height: 100%; float:left; border-right: 1px solid #ced2d7; border-bottom: 1px solid #ced2d7;} .company_smallTab li.click { background: #fff; border-bottom: 0 none;} .company_smallTab li:first-child { border-left: 1px solid #ced2d7;} .company_smallTab li a { display: block; height: 100%; line-height: 50px; text-align: center; font-size: 15px; color:#999;} .company_smallTab li a:hover { color:#333;} .company_smallTab li.click a { color:#333; font-weight: bold;} .company04 .company_smallTab li { width:50%; } .company03 .company_smallTab li { width:33.333%; } @media screen and (max-width:900px){ .visual_title{padding-top:15px;padding-left:20px} .visual_title:after { top:20px; } .company .visual_title{display:none;} .company_bigTab.header_scroll { height: 43px; position: fixed; top:85px; left: 0; background: #fff; z-index: 100; border-bottom: 0 none; } .company_bigTab.header_scroll ul li.click:after {bottom:-1px;} #contents.fullPage.header_scroll { margin-top: 70px;} .company_bigTab {display: block; width: 100%; height: 53px; border-bottom: 10px solid #eceeef;} .company_bigTab ul{ width: 100%; height: 100%; border-bottom: 1px solid #dcdcdc} .company_bigTab ul li { display:block; width: 20%; height: 100%; float: left; position: relative; text-align: center;} .company_bigTab ul li.click a { color:#0078bd; font-weight: bold;} .company_bigTab ul li.click:after {display: block; content: ""; width: 100%; height: 2px; position: absolute; bottom:0; left: 0; background:#0078bd } .company_bigTab ul li a { display: block; height: 100%; line-height: 42px; font-size: 16px; color:#333;} .company_bigTab ul li a span:nth-child(2) { display: none;} .company_smallTab { height:45px; margin: 0 0 20px 0;} .company_smallTab li:first-child { border-left:0 none;} .company_smallTab li:last-child { border-right:0 none;} .company_smallTab li a { line-height: 45px; } .company_smallTab li.click a { font-weight: normal;} } @media screen and (max-width:760px){ .company_bigTab ul li a span:first-child { display: none;} .company_bigTab ul li a span:nth-child(2) { display: block;} } @media screen and (max-width:640px){ /*.visual_title{padding-left:10px}*/ .visual_title{padding-left:30px} .visual_title:after { left:10px; } } @media screen and (max-width:520px){ .company_smallTab.line2 { height:65px; } .company_smallTab.line2 li a {line-height: 18px; padding:13px 10px} .company_smallTab.line2 li a span { display: block;} .company_smallTab.line2 li:nth-child(1) a span { margin-top: 10px;} } @media screen and (max-width:410px){ .company_bigTab ul li a { font-size: 15px; } } @media screen and (max-width:380px){ .company_bigTab ul li a { font-size: 13px; } } /*company.html1*/ .company01{text-align:left} .company01 .txt01{font-size:46px;color:#444;letter-spacing:normal;line-height:52px;font-weight:700;margin-top:40px} .company01 .txt02{font-size:16px;color:#666;line-height:24px;margin-top:5px} .company01 .list_repon{margin-top:40px} .company01 .list_repon .list__item{width:33.33%} .company01 .list_repon .list__item > div{margin-left:20px} .company01 .list_repon .list__item:first-child > div{margin-left:0} .company01 .title{font-size:30px;color:#444;line-height:34px;letter-spacing:normal;font-weight:100;word-break:break-all} .company01 .title em{color:#0078bd; display: block;} .company01 .sub_title{font-size:18px;color:#444;line-height:22px;padding:15px 0;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;margin-top:10px} .company01 .info{line-height:24px;margin-top:15px;font-size: 14px;} /*main-visual*/ .company01 .big_visual, .company01 .big_visual *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .company01 .big_visual{display:block;width:100%;height:260px;position:relative; margin: 30px 0 80px 0;} .big_visual .fix_tit {width:500px;height: 100%;position: absolute; top:-10px; left: 0; z-index: 20; background:url(../images/company/company1_1.png) right top no-repeat; background-size: auto 100%} .big_visual .fix_tit:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .big_visual .fix_tit:after { display:block; content: ""; width: 200px; height:40px; background:#fff; position: absolute; bottom:-40px; right:70px;} .big_visual .fix_tit dl { display: inline-block; vertical-align: middle; line-height:1; height:auto; margin-left:7% } .big_visual .fix_tit dl span { display: none;} .big_visual .fix_tit dt { padding-right: 130px;} .big_visual .fix_tit dt img { max-width: 293px; width: 100%;} .big_visual .fix_tit dd { margin-top:15px; padding-right: 100px;} .big_visual .fix_tit dd img { max-width: 311px; width: 100%;} .big_visual .fix_tit .bv_control { display: inline-block; position: absolute; bottom:20px; right:45px; z-index: 15;} .big_visual .fix_tit .bv_control li { display: inline-block; height:7px; width: 7px; background: #fff; margin:3px 0 0 10px; border-radius: 50%; border:1px solid #fff} .big_visual .fix_tit .bv_control li.click { height:11px; width:11px; background: #fffc28; margin-top:1px; border:1px solid #fffc28} .big_visual .fix_tit .bv_control li a { display: block; height: 100%} .big_visual .roll_img {width:665px;height:290px;float: right; position: relative; overflow: inherit; overflow-x:hidden;} .big_visual .roll_img:after {display: block;content: "";width: 207px; height: 290px;position: absolute; top:0; left: -1px; background:url("../images/company/company1_2_2.png") no-repeat; z-index: 10;} .big_visual .roll_img ul { width: 300%; height: 260px;} .big_visual .roll_img ul li {width: 33.333%; height:100%;position: relative} .big_visual .roll_img ul li:nth-child(1) { background:url("../images/company/visual_1_1.jpg")right no-repeat; background-size:cover;} .big_visual .roll_img ul li:nth-child(2) { background:url("../images/company/visual_2_1.jpg")right no-repeat; background-size:cover;} .big_visual .roll_img ul li:nth-child(3) { background:url("../images/company/visual_3_1.jpg")right no-repeat; background-size:cover;} .big_visual .roll_img ul li > img { display: none;} .big_visual .roll_img ul li span {display: inline-block; height: 30px; line-height: 30px; position: absolute; bottom:-30px; right:0; font-size: 12px; color:#666; padding-right: 5px;} .big_visual .roll_img ul li span img {display: inline-block; width: 7px; height: 5px; vertical-align: middle; margin:-2px 3px 0 0;} @media screen and (max-width:1220px){ .big_visual .fix_tit {width:49%;} .big_visual .roll_img {width:70%;} } @media screen and (max-width:900px){ .company01 .txt_data{padding:0 10px} .company01 .big_visual{height: auto;margin:0 0 60px 0;} .big_visual .fix_tit {width:100%;height:90px;background:url(../images/company/company1_3.jpg) center top no-repeat; background-size:cover; position: static;} .big_visual .fix_tit:after { display:none;} .big_visual .fix_tit dl { width: 100%; margin-left: 0; text-align: center; padding:0 10px;} .big_visual .fix_tit dl img{display: none;} .big_visual .fix_tit dt, .big_visual .fix_tit dd { padding-right: 0;} .big_visual .fix_tit dl dt span {display: block; text-align: center; font-size: 28px; color:#fff; letter-spacing:0 } .big_visual .fix_tit dl dd { margin-top: 5px;} .big_visual .fix_tit dl dd span {display: block; font-size:15px; color:#fff; opacity: 0.6; line-height: 17px;} .big_visual .fix_tit .bv_control {width: 100%; bottom:-20px; right:0; text-align: center} .big_visual .fix_tit .bv_control ul{display: inline-block;} .big_visual .fix_tit .bv_control li { width:15px; height: 15px; border:2px solid #0b4a87; margin:3px 0 0 5px;} .big_visual .fix_tit .bv_control li.click { height:15px; width:15px; background: #0b4a87; margin:3px 0 0 5px; border:1px solid #0b4a87} .big_visual .roll_img {width:100%;height:auto;float: none;overflow: hidden;} .big_visual .roll_img ul { height: auto;} .big_visual .roll_img ul li:nth-child(1), .big_visual .roll_img ul li:nth-child(2), .big_visual .roll_img ul li:nth-child(3) { background:none;} .big_visual .roll_img ul li > img.visual_900 { display: block;} .big_visual .roll_img ul li span {display: inline-block; width: 100%; height: 30px; line-height: 30px; text-align: center;font-size: 14px; padding-right: 0; position: static} .big_visual .roll_img:after {display:none;} .company01 .list_repon{margin-top:20px} .company01 .list_repon .list__item{float:none;width:100%;margin-top:10px} .company01 .list_repon .list__item > div{margin:30px 0 0 0} .company01 .txt01{font-size:36px;line-height:42px;margin-top:20px} .company01 .txt02{font-size:14px} .company01 .title{font-size:24px;color:#444;line-height:28px;letter-spacing:normal;font-weight:100;word-break:break-all} .company01 .title em{color:#0078bd; display: inline} .company01 .sub_title{font-size:16px;padding:10px 0; font-weight: bold; color:#333;} .company01 .info{line-height:22px;margin-top:10px} .big_visual .fix_tit dl dd span {font-size: 14px; } } @media screen and (max-width:640px){ .big_visual .roll_img ul li > img.visual_900 { display: none;} .big_visual .roll_img ul li > img.visual_640 { display: block;} } @media screen and (max-width:480px){ .big_visual .fix_tit dl dd span {font-size: 13px; } } @media screen and (max-width:390px){ .big_visual .fix_tit dl dt span img{width: 100%;} .company01 .title em{display: block} } /*company.html2*/ .ceo_message{position:relative;margin-top:30px;overflow:hidden} .ceo_message .ceo_visual{position:absolute;top:0;left:0;width:36%} .ceo_message .txt_data{margin-left:39%} .ceo_message p{font-size:14px;line-height:20px;margin-top:20px;color:#666} .ceo_message p span { display: block; margin-top: 30px; font-size: 14px; line-height: 24px;} .ceo_message .txt01{font-size:14px; color:#666;} .ceo_message .txt02{font-size:16px} .ceo_message .signature {font-size: 15px; color:#333; line-height: 25px; float: right;} .ceo_message .signature strong {font-size: 24px; padding-left:10px;} .ceo_message .m_ceo{display:none} @media screen and (max-width:900px){ .ceo_message{margin-top:0; padding:0 10px;} .ceo_message .ceo_visual{left:10px;} .ceo_message p span { margin-top: 20px;} } @media screen and (max-width:640px){ .ceo_message .ceo_visual{display:none} .ceo_message p.m_ceo_tit { display: none;} .ceo_message p{margin-top:10px;} .ceo_message .m_ceo{display:block; text-align: center} .ceo_message .m_ceo:nth-child(2) img {max-width: 459px;} .ceo_message .txt_data{margin:0} } @media screen and (max-width:520px){ .ceo_message .m_ceo:nth-child(2) { padding: 0 10px;} .ceo_message .m_ceo:nth-child(2) img {max-width: 100%;} } /*company.html3*/ /*3-1*/ .company03 .history{ margin-top: 55px;} .company .timeline {position:relative; width:100%; height: 155px; margin:0 auto; padding: 0 25px;} .company .timeline, .company .timeline * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /*btn*/ .company .timeline .time_btn { display:block; width:30px; height: 30px; position: absolute; top:61px; z-index:11; } .company .timeline .time_btn.arrow_front { left: 0;} .company .timeline .time_btn.arrow_back { right: 0;} .company .timeline .time_btn a { display: block; height: 100%; background: #fff; border:2px solid #247acd; border-radius: 50%; transition:all 0.4s ease-in-out; text-align: center} .company .timeline .time_btn a:hover { background: #247acd} .company .timeline .time_btn a img { display:inline-block; width: 9px; margin:5px 0 0 -1px;} .company .timeline .time_btn.arrow_back a img { margin:5px 0 0 0;} .company .timeline .time_btn a img.hov, .company .timeline .time_btn a img.no {display: none;} .company .timeline .time_btn a:hover img.ori {display: none;} .company .timeline .time_btn a:hover img.hov {display:inline-block;} .company .timeline .time_btn.noCon a { border:2px solid #e6e8ea; cursor: default} .company .timeline .time_btn.noCon a:hover { background: #fff} .company .timeline .time_btn.noCon a img.no { display: inline-block} .company .timeline .time_btn.noCon a img.ori, .company .timeline .time_btn.noCon a img.hov {display: none;} .company .timeline .time_btn.noCon a:hover img.ori, .company .timeline .time_btn.noCon a:hover img.hov {display: none;} .company .left_space_in { display:block; position: absolute; top:0; left:0; width:50px; height:203px; background:url("../images/company/company3_1.png")repeat-y; content: ''; z-index: 10} .company .right_space_in { display:block; position: absolute; top:0; right:0; width:50px; height:203px; background:url("../images/company/company3_2.png")repeat-y; content: ''; z-index: 10} /*list*/ .company .visible-area {position:relative; width:100%; height:100%; margin:0 auto; overflow: hidden} .company .visible-area:before { display: block; content: ""; width:100%; height:2px; position: absolute; top:75px; left:0; background: #e6e8ea; z-index:-1 } .company .visible-area .blue_line { display: block; height:2px; position: absolute; top:75px; left:0; background: #247acd; z-index:-1; transition:all 0.4s ease-in-out;} .company .issue-list {position: absolute; top:0; left:0; width: 2000px; height: 100%; } .company .issue-list li{display: block; position: absolute; top:0; width:190px; height:100%; transition:all 0.4s ease-in-out; overflow: hidden;} .company .issue-list li a {display: block; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.4s ease-in-out; color:#247acd; text-align: center;} .company .issue-list li a:after { display: block; content: ""; width:10px; height: 10px; position: absolute; top:69px; left: 50%; margin-left: -7px; border:2px solid #247acd; border-radius: 50%; background: #fff; } /*.company .issue-list li a:before {display:block; position: absolute; top:75px; left:0; width:100%; height:2px; background:#247acd; content: '';} LINE*/ .company .issue-list li a .bg_circle { display: block; width: 20px; height: 20px; top:65px; left:85px; border-radius: 50%; transition:all 0.4s cubic-bezier(.02,.51,0,.68); background:#fff; opacity: 0; padding: 0; } .company .issue-list li a .bg_circle:before {display: none; content: ""; width:96px; height:11px; position: absolute; bottom:-6px; left:50%; margin-left:-48px; background:url("../images/company/company3_3.png"); z-index:-1; transition:all 1s ease-in-out;} .company .issue-list li a > span { padding:30px 10px; display: block; width: 100%; height: 100%; position: absolute; top:0;left: 0;} .company .issue-list li a > span:nth-child(2) { z-index:10; transition:all 0.1s ease-in-out; } .company .issue-list li .title {display: block; font-size: 15px; font-weight: bold; } .company .issue-list li .date { font-size: 13px; font-weight: normal; letter-spacing: 0;} /*disable*/ .company .issue-list li.disable a {color:#999;} .company .issue-list li.disable a:after { border:2px solid #e6e8ea; transition:all 0.4s ease-in-out;} .company .issue-list li.disable a:before {background:#e6e8ea;} /*here*/ /*.company .issue-list li.here:after { display: block; content: ""; width:100px; height:2px; position: absolute; top:75px; right:0; background: #e6e8ea; transition:none; z-index:-1 } LINE*/ .company .issue-list li.here a .bg_circle:before {display: block; } .company .issue-list li.here a {color:#fff; } .company .issue-list li.here a .bg_circle { position: absolute; top:0; left:0; opacity: 1; width:150px; height:150px; left:50%; margin-left:-75px; color:#fff; background: #247acd; background: #247acd;background: -moz-radial-gradient(center, ellipse cover, #247acd 44%, #1548b5 100%);background: -webkit-radial-gradient(center, ellipse cover, #247acd 44%,#1548b5 100%);background: radial-gradient(ellipse at center, #247acd 44%,#1548b5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247acd', endColorstr='#1548b5',GradientType=1 ); } .company .issue-list li.here a:after { display:none;} /*.company .issue-list li.here a:before {left:-100px; width:100%; z-index:-1 } LINE*/ .company .issue-list li.here a .center { display:block; width:100%; height:100%; position: absolute; top:0; left: 0; } .company .issue-list li.here a .center:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .company .issue-list li.here a .center > span { display: inline-block; vertical-align: middle;} .company .issue-list li.here .title {font-size: 21px; letter-spacing: -2px; margin-left: -3px;} .company .issue-list li.here .title span { display: block;} .company .issue-list li.here .date { display: inline-block; position: relative; font-size: 15px; opacity: 0.7; padding:2px 0 3px 0; margin-top: 5px;} .company .issue-list li.here .date:after {display:block; position: absolute; top:0; left:0; width:100%; height:1px; background:#fff; content: ''; opacity: 0.5} .company .issue-list li.here .date:before {display:block; position: absolute; bottom:0; left:0; width:100%; height:1px; background:#fff; content: '';opacity: 0.5} /*hover*/ .company .issue-list li a:hover:after { background: #247acd } .company .issue-list li.disable a:hover:after { background: #247acd; border:2px solid #247acd; } .company .issue-list li.disable a:hover {color:#247acd;} .company .issue-list li.here a:hover:after { background: #e6e8ea } /*3-2*/ .time_people { margin-bottom: 50px;} .time_people:last-child { margin-bottom: 0;} .time_people h3{ font-size: 15px; color:#333; background: url("../images/company/company3_5.svg") top left no-repeat; background-size: 20px; padding-left:24px; margin-bottom: 10px; line-height: 20px;} .time_pop { display: none; width:350px; height: 430px; background: #fff; position: fixed; top:50%; left: 50%; margin:-215px 0 0 -175px; z-index: 1000; -webkit-box-shadow: 4px 4px 3px 0px rgba(71,71,71,1);-moz-box-shadow: 4px 4px 3px 0px rgba(71,71,71,1);box-shadow: 4px 4px 3px 0px rgba(71,71,71,1);} .time_pop .people_img { width: 240px; height: 240px; border-radius: 50%; overflow: hidden; margin:30px 55px;} .time_pop .people_img img { width: 100%; height: 100%;} .time_pop .people_name { display: block; font-size: 26px; color:#333; margin-bottom: 5px;} .time_pop .people_name strong{ color:#247acd; font-weight: normal;} .time_pop .people_date { font-size: 16px; color:#333; } .time_pop .pop_control{display:block;width:100%;height:42px;background:#f7f7f7; border-top:1px solid #ced2d7;margin:0;position:absolute; bottom: 0; left: 0} .time_pop .pop_control > *{display:inline-block;width:62px;height:30px;border:1px solid #ced2d7;background:#fff;line-height:30px;font-size:14px;font-weight:normal; margin-top: 5px; } .time_pop .pop_control > span {background:#ececec; color:#ccc} .time_pop .pop_control > span img { opacity: 0.2} .time_pop .pop_control > .btn1, .time_pop .pop_control > .btn2 { border-right: 0 none;border-radius:3px 0 0 3px;} .time_pop .pop_control > .btn3, .time_pop .pop_control > .btn4 { border-radius:0 3px 3px 0;} .time_pop .pop_control > * img{display:inline-block;width:7px;margin:8px 3px; opacity: 0.5} .time_pop .pop_control > a:hover { color:#000;} .time_pop .pop_control > a:hover img{ opacity: 1} .time_pop > a { display: block; width: 20px; height: 20px; position: absolute; top:15px; right:15px;} .time_pop > a img { display: block; width: 100%; height: 100%; opacity: 0.4} .time_pop > a:hover img {opacity: 1} .time_pop .pop_control > .btn1, .time_pop .pop_control > .btn4 {display: none;} /*3-3*/ .company_photo .photo_read_g_wrap{ margin-top: 0;} @media screen and (max-width:900px){ .company .timeline {padding: 0 35px;} .company03 .history{ margin-top: 30px;} .time_people { padding:0 10px;} .company .timeline .time_btn.arrow_front, .company .left_space_in { left:10px;} .company .timeline .time_btn.arrow_back, .company .right_space_in { right:10px;} .company .left_space_in, .company .right_space_in { height:155px;} .time_people h3{ font-size: 18px; font-weight: bold} } @media screen and (max-width:768px){ /*.time_pop { width:100%; height:100%; top:0; left:0; margin:0; box-shadow: none; overflow-y: auto}*/ .time_pop .people_img { margin:30px auto; } .time_pop .pop_control > a:hover { color:#666;} .time_pop .pop_control > a:hover img{ opacity: 0.5} .time_pop .people_name { position: absolute; top:300px; left: 0; width: 100%; text-align: center;} .time_pop .people_date { position: absolute; top:335px; left: 0; width: 100%; text-align: center;} } @media screen and (max-width:768px) and (orientation: landscape) { .time_pop { position: relative; margin-top: 0;top:30px;} .time_pop .people_img { position: absolute; top: 0;left:55px;} } /*company.html4*/ .awards_list {padding:0;position: relative;} .awards_list .cardout {float: left;overflow: hidden; width: 50%; padding-bottom: 10px;} /*.awards_list .cardout:nth-child(2n+1) .card { padding-right: 10px} .awards_list .cardout:nth-child(2n+2) .card { padding-left: 10px}*/ .awards_list .card { padding:0 5px;} .awards_list .card .outline { border:1px solid #e2e2e2; padding:20px 20px 20px 20px; } .awards_list .card .outline:hover { border:1px solid #666;} .awards_list .card .outline:after {content:'';display:block;clear:both;} .awards_list .card .thumb {display:block;overflow:hidden;} .awards_list .card .thumb img {display: block;width: 100%;} .awards_list .card dl { margin-top:20px; line-height: 1; } .awards_list .card dl dt{font-size: 20px; color:#333;font-weight: bold; line-height: 26px;} .awards_list .card dl dd:nth-child(2) { font-size: 12px; color:#999; letter-spacing: 0; margin: 4px 0 30px 0;} .awards_list .card dl dd:nth-child(3) { font-size: 14px; line-height: 24px; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word;*/ } .awards_list .card dl dd:nth-child(4) { height: 35px; position: relative} .awards_list .card dl dd:nth-child(4) a { display: inline-block; position: absolute; bottom: 0; right:0; font-size: 12px; color:#333;} .awards_list .card dl dd:nth-child(4) a:hover { color:#247acd;} .awards_list .card dl dd:nth-child(4) a span { display: inline-block; width: 13px; height: 13px; margin-right: 3px; background: url("../images/beri/beri_10.svg")no-repeat; background-size: 13px;} .awards_list .card dl dd:nth-child(4) a:hover span {background: url("../images/beri/beri_10_2.svg")no-repeat; background-size: 13px;} /*more btn*/ #oly_list_more { display:block; width: 100%; height:34px; margin:10px auto 0 auto; text-align: center; } #oly_list_more span:nth-child(1) { display: inline-block; height:34px; width:34px; margin-right:10px; background: #666; border-radius: 50%;position: relative;} #oly_list_more span.plus:after { display:block; content: ""; height:34px; width:34px; position: absolute; top:0; left: 0; background: url("../images/cube/cube_30.png") no-repeat; } #oly_list_more span.minus:after { display:block; content: ""; height:34px; width:34px; position: absolute; top:0; left: 0; background: url("../images/cube/cube_30_2.png") no-repeat; } #oly_list_more span:nth-child(2) { display: inline-block; height:34px; line-height:32px; color:#666; font-size:21px; text-align: center; font-weight: bold;} #oly_list_more:hover span:nth-child(1) { background: #257acd; } #oly_list_more:hover span:nth-child(2) { color:#257bcd; } @media screen and (max-width:900px){ .awards_list .card .outline:hover { border:1px solid #e2e2e2;} .awards_list .cardout {padding-bottom: 10px;} .awards_list .cardout:nth-child(2n+1) .card { padding: 0 5px} .awards_list .cardout:nth-child(2n+2) .card { padding: 0 5px} .awards_list .card .outline { padding:0; } .awards_list .card dl {margin-top: 10px; padding:0 10px 10px 10px;} .awards_list .card dl dt{font-size: 16px; line-height: 20px} .awards_list .card dl dd:nth-child(2) { margin: 4px 0 15px 0;} .awards_list .card dl dd:nth-child(3) { line-height: 20px;} .awards_list .card dl dd:nth-child(4) { height: 26px; } .awards_list .card dl dd:nth-child(4) a:hover { color:#333;} .awards_list .card dl dd:nth-child(4) a:hover span {background: url("../images/beri/beri_10.svg")no-repeat; background-size: 13px;} #oly_list_more { height:22px; margin:5px auto 0 auto; } #oly_list_more span:nth-child(1){ height:22px; width:22px; margin-right:5px; background: #257bcd; } #oly_list_more span.plus:after { height:22px; width:22px; background: url("../images/cube/cube_11_plus.png") no-repeat; } #oly_list_more span.minus:after { height:22px; width:22px; background: url("../images/cube/cube_11_minus.png") no-repeat; } #oly_list_more span:nth-child(2) { height:22px; line-height:22px; color:#257acd; font-size:14px; font-weight: normal;} } @media screen and (max-width:480px){ #oly_list_more { margin:4px auto 0 auto; } } /*company.html5*/ .contact_data{margin-top:15px} .contact_data .title{font-size:16px} .contact_data .map_wrap{margin-top:12px} .contact_data .map_wrap ul{padding:15px 20px;background:#f7f7f7;border:1px solid #ced2d7;border-top:none} .contact_data .map_wrap ul li{font-size:13px;color:#666;line-height:18px;margin-top:5px;padding-left:10px;background:url(../images/content/map_dot.gif) left 8px no-repeat} .contact_data .map_wrap ul li:first-child{margin-top:0} .contact_us{margin-top:50px} .contact_us .title{font-size:16px;padding-bottom:10px;border-bottom:1px solid #ced2d7} .contact_us .us_data{margin-top:20px} .contact_us .us_data .txt01{font-size:15px;color:#333} .contact_us .us_data ul{overflow:hidden} .contact_us .us_data li{float:left;width:50%} .contact_us .us_data li > div{margin-left:-1px} .contact_us .us_data li:first-child > div{margin-left:0} .contact_us .us_data .us_list table{width:100%;table-layout:fixed;margin-top:10px} .contact_us .us_data .us_list table td,.contact_us .us_data .us_list table th{text-align:center;vertical-align:middle;border:1px solid #ced2d7} .contact_us .us_data .us_list table td{color:#888;height:30px;padding:0 10px;background:#fff;text-align:left;font-size: 14px;} .contact_us .us_data .us_list table th{color:#666;height:30px;font-weight:normal;background:#f7f7f7;font-size: 14px;} .contact_us .us_data li.full{width:100%} #map{border:1px solid #ced2d7;overflow:hidden} .list_wrap{position:relative;} .list_wrap, .list_wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list_wrap .list_search{position:relative;min-height:28px} .list_wrap .list_search .list_select { width:180px; background: #fff;} .list_wrap .list_search .list_select select { width: 100%; font-size: 13px; color:#999; padding-left: 5px; padding-right: 0; background: #fff;} .list_wrap .list_search .search_wrap{ position:absolute;top:0;right:0; width: 290px;} .list_wrap .list_search .search_wrap span{ position: relative; display:block;} .list_wrap .list_search .search_wrap span .i_wrap{ width:100%; height:28px; padding-right: 55px; border:0 none; position: relative;} .list_wrap .list_search .search_wrap span .i_wrap input{height:100%; width: 100%; border:1px solid #ced2d7 } .list_wrap .list_search .search_wrap span .i_wrap > a{display:block;position:absolute;top:0;right:0;} .list_wrap .list_search .search_wrap a { width:55px;height:28px;background:#444;font-size:12px;color:#fff;text-align:center;line-height:28px; } .list_wrap .list_search .search_wrap .refresh { display:inline-block; position: absolute; top:0; right:0;} .list_wrap .list_search .search_wrap.btn_plus span .i_wrap{ padding-right:113px;} .list_wrap .list_search .search_wrap.btn_plus span .i_wrap > a{right:57px;} .beri_3_2 .list_wrap .list_search .search_wrap { width: 395px; padding-left: 95px; } .beri_3_2 .list_wrap .list_search .search_wrap > select { width: 100px; position: absolute; top:0; left: 0; padding-right: 0;} /*회사소개 > 공지사항, 이벤트 only*/ .list_wrap.none_beri .list_search { width: 100%; padding:0 10px; margin-top: 20px;} .list_wrap.none_beri .list_search .search_wrap{ width:225px;} .list_wrap.none_beri .list_search .search_wrap input { height: 26px;} .list_wrap.none_beri .list_search .search_wrap > a{display:block;position:absolute;top:0;right:0;width:55px;height:28px;background:#444;font-size:12px;color:#fff;text-align:center;line-height:28px} @media screen and (max-width: 900px){ .contact_us, .contact_data .map_wrap{padding: 0 10px} .contact_us .us_data .txt01{font-size:16px;font-weight: bold} .contact_data .map_wrap ul li{font-size:14px} } @media screen and (max-width: 640px){ .contact_us, .contact_data .map_wrap{padding:0;} } @media screen and (max-width: 640px){ .list_wrap .list_search .search_wrap .i_wrap{width:auto !important} .list_wrap .list_search .search_wrap span .i_wrap > a{display:block;position:absolute;top:0;right:0;width:55px;height:28px;background:#444;font-size:12px;color:#fff;text-align:center;line-height:28px} } @media screen and (max-width:500px){ .list_wrap .list_search .list_select { width:100%; padding-right:64%; } .list_wrap .list_search .search_wrap{ width: 64%; } .list_wrap .list_search .search_wrap.btn_plus span .i_wrap{ padding-right:113px;} .beri_3_2 .list_wrap .list_search .search_wrap { width:100%;} /*회사소개 > 공지사항, 이벤트 only*/ .list_wrap.none_beri .list_search .search_wrap{ width:100%; position: static} .list_wrap.none_beri .list_search .search_wrap > a{right:10px;} } .subscribe_visual{padding-left:350px;background:url(../images/content/subscribe_visual.jpg) left top no-repeat;height:168px; margin-top:10px;} .subscribe_visual h3{font-size:24px;font-weight:700;color:#0078bd;padding-top:44px} .subscribe_visual p{font-size:16px;color:#666;line-height:24px} .subscribe_data{margin-top:50px} .subscribe_data.first{margin-top:0} .subscribe_data .title{font-size:17px;color:#444;margin-bottom:15px; font-weight: bold;} .subscribe_data .data_list{padding:20px;background:#f7f7f7;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7} .subscribe_data .data_list li{font-size:13px;color:#666;line-height:18px;margin-top:5px;padding-left:10px;background:url(../images/content/map_dot.gif) left 8px no-repeat} .subscribe_data .data_list li:first-child{margin-top:0} .subscribe_data .data_list02{padding:5px 0;background:#f7f7f7;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7} .subscribe_data .data_list02 li{padding:7px 0;position:relative;margin-top:5px;border-top:1px solid #ced2d7} .subscribe_data .data_list02 p{font-size:13px;color:#666;line-height:18px;} .subscribe_data .data_list02 p.title{position:absolute;top:7px;left:20px;padding-left:10px;background:url(../images/content/map_dot.gif) left 8px no-repeat} .subscribe_data .data_list02 p.info{padding-left:100px;padding-right:20px;background:url(../images/content/data_list02_dot.png) 90px 7px no-repeat} .subscribe_data .data_list02 p.info.type02{padding-left:110px;background-position:100px 7px !important} .subscribe_data .data_list02 li:first-child{margin-top:0;border-top:none} .subscribe_data .data_list03{padding:5px 0;background:#f7f7f7;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7} .subscribe_data .data_list03 li{padding:7px 0;position:relative;margin-top:5px;border-top:1px solid #ced2d7} .subscribe_data .data_list03 p{font-size:13px;color:#666;line-height:18px;} .subscribe_data .data_list03 p.title{position:absolute;top:7px;left:20px;padding-left:10px;background:url(../images/content/map_dot.gif) left 8px no-repeat} .subscribe_data .data_list03 p.info{padding-left:100px;padding-right:20px;background:url(../images/content/data_list02_dot.png) 90px 7px no-repeat} .subscribe_data .data_list03 p.info.type02{padding-left:110px;background-position:100px 7px !important} .subscribe_data .data_list03 li:first-child{margin-top:0;border-top:none} .subscribe_data .subscribe_agree{background:#fbfbfb;border:1px solid #e8e8e8;padding:20px;overflow-y:scroll;height:130px} .subscribe_data .agree_check{margin-top:10px} .subscribe_data .agree_check a{color:#ca935d;text-decoration:underline} .job_request .subscribe_data .joinform { width:100%; } .job_request .subscribe_data .joinform ul { width:100%; height:40px; border-bottom:1px solid #ced2d7; } .job_request .subscribe_data .joinform ul.formbox1 { margin-top:20px; border-top:2px solid #ced2d7; } .job_request .subscribe_data .joinform ul li:first-child { width:20%; height:40px; float:left; border-right:1px solid #ced2d7; padding-left:0; text-align: center; font-size: 15px; color:gray;} .job_request .subscribe_data .joinform ul li { height:40px; float:left; padding-left:10px; line-height: 40px;} .job_request .subscribe_data .joinform ul li.form_name_info { float:left; padding-left:7px; letter-spacing:0;} .job_request .subscribe_data .joinform ul li input { height:25px; margin-top:7px} .job_request .subscribe_data .joinform ul li input[type="button"] { width:60px; height:27px;font-size: 15px; background-color:#136fbd; border:none; color:white; } .job_request .subscribe_data .joinform ul li input.input40 { width:40px;} .job_request .subscribe_data .joinform ul li select { height:25px; margin-top:7px; padding:0;} .job_request .subscribe_data .joinform ul#useremail li input { width:150px;} .job_request .subscribe_data .joinform ul#adress_box { height:80px;} .job_request .subscribe_data .joinform ul#adress_box li:first-child {height:80px; float:left; padding:0; margin:0;} .job_request .subscribe_data .joinform ul#adress_box li input.adresssize { width:100%; margin-top:10px; } .job_request .subscribe_data .joinform .g-recaptcha { width:308px; height:78px; margin:30px auto; text-align:center;} .job_request .subscribe_data .joinform .formsign { width:100%; height: 40px; margin-top:20px; text-align: center;} .job_request .subscribe_data .joinform .formsign input[type="button"]{ width:120px; height:38px; font-size: 15px; background-color:#136fbd; border:none; color:white; margin-left:10px; border-radius: 5px;} .job_request .subscribe_data .joinform #callnum_m1 {display: block;} .job_request .subscribe_data .joinform #callnum_m2 {display: block;} .agree_list{padding:25px 30px;background:#f7f7f7;border-bottom:1px solid #ced2d7} .agree_list ul{overflow:hidden} .agree_list ul li{float:left;width:50%;margin:5px 0} .agree_list ul li a{font-size:14px;color:#666} .agree_list ul li a:hover{color:#0078bd;text-decoration:underline} .agree_list .policy_txt01{font-size:14px;line-height:24px;color:#666;margin-bottom:20px} .agree_data h3{font-size:16px;color:#444;line-height:22px;margin-top:45px} .agree_data h4{font-size:14px;line-height:22px;color:#666;margin-top:23px} .agree_data h5{font-size:13px; font-weight: bold; margin-bottom:10px; background: url(../images/content/map_dot.gif) left 8px no-repeat; padding-left: 10px; color:#666; line-height: 18px; margin-top:20px; width:100%; height: 20px;} .agree_data p{font-size:13px;line-height:22px} .agree_data .type02{margin-top:25px} /* 뉴스레터 신청 */ .newsletter_sec1, .newsletter_sec2{ width:100%; background:#f7f7f7; border:1px solid #ced2d7; border-top:0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:25px; margin-bottom:50px; } .newsletter_sec2 { margin-bottom:0; padding:25px 25px 16px 25px; } .newsletter_sec1 span, .newsletter_sec2 span { display: block; font-size: 13px; color:#666; line-height: 18px; letter-spacing: 0; } .newsletter_sec2 .newsletter_point { color:#0078bd; display: inline;} .newsletter_sec_not { margin-bottom: 50px; color:#999; margin-top:10px; letter-spacing: 0; } .newsletter_sec1 .newsletter_email { text-align: center;margin-top:20px; } .newsletter_sec1 .newsletter_email span { display: inline; font-size: 14px; color:#333; font-weight: bold; line-height: 36px; margin:0 10px 0 5px; } .newsletter_sec1 .newsletter_email img { vertical-align:middle; padding-top:5px;} .newsletter_sec1 .newsletter_email input[type="text"]{ height:36px; width:40%; border:1px solid #bcbcbc; line-height: 36px;} .newsletter_sec1 .newsletter_email a{display: inline-block; height:38px; width:70px; background: #0078bd; border:0 none; color:#fff; font-weight: bold; line-height: 37px;} .newsletter_sec2 span:nth-child(3) { margin-top:8px;} .newsletter_sec2 .grievance_btn a:nth-child(1){ color: #1a6ebf; background: #fff; line-height:32px; padding:8px 25px;} .newsletter_sec2 .grievance_btn a:nth-child(2){ color: #b08b49; background: #fff; line-height:32px; padding:8px 25px;} .newsletter_sec1 ul { width:100%; } .newsletter_sec1 ul:after { content: ""; overflow: hidden; clear: both; display: block;} .newsletter_sec1 ul:first-child { margin-bottom:25px;} .newsletter_sec1 ul li { width:50%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center;} .newsletter_sec1 ul:nth-child(1) li:nth-child(1):after { content: ""; display: block; position: absolute; top:0; left:10px; width: 28px; height:28px; background: url("../images/newsletter/newsletter_27.png")no-repeat; } .newsletter_sec1 ul:nth-child(1) li:nth-child(2):after { content: ""; display: block; position: absolute; top:0; left:22.5px; width: 28px; height:28px; background: url("../images/newsletter/newsletter_28.png")no-repeat; } .newsletter_sec1 ul:nth-child(2) li:nth-child(1):after { content: ""; display: block; position: absolute; top:0; left:10px; width: 28px; height:28px; background: url("../images/newsletter/newsletter_29.png")no-repeat; } .newsletter_sec1 ul:nth-child(2) li:nth-child(2):after { content: ""; display: block; position: absolute; top:0; left:22.5px; width: 28px; height:28px; background: url("../images/newsletter/newsletter_30.png")no-repeat; } .newsletter_sec1 ul li > span { display: block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; line-height: 10px } .newsletter_sec1 ul li:nth-child(odd) { padding-right:12.5px; } .newsletter_sec1 ul li:nth-child(even) { padding-left:12.5px; } .newsletter_sec1 ul li img { display: block; padding: 15px 40px 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto;} .newsletter_sec1 ul li .newsletter_con1 { color:#0078bd; font-weight: bold; padding:12px 0 7px 0; text-align: center; font-size: 14px;} .newsletter_sec1 ul li span span { font-size: 13px; line-height: 16px; text-align: left} .newsletter_btn { width: 100%; margin:0 auto; text-align: center;} /* 뉴스레터 캘린더 */ .newsletter_cal .newsletter_cal_tit {text-align: center; margin-top:35px;} .newsletter_cal .newsletter_cal_tit a{ display: inline-block; width:38px; height:27px;} .newsletter_cal .newsletter_cal_tit a img{ display: block; width:38px; height:27px; vertical-align: middle;} .newsletter_cal .newsletter_cal_tit span{ display: inline-block; color:#333; font-size: 28px; font-weight: bold; margin-right:15px; margin-left:15px; line-height: 28px;} .newsletter_cal table { width:100%; border-top:1px solid #ddd; margin:13px auto 5px auto; background: #fff;} .newsletter_cal table tr th{ background: #fbfbfb; height: 30px; font-size: 12px; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center; } .newsletter_cal table tr th:first-child { border-left:1px solid #ddd;} .newsletter_cal table tr td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; position: relative; vertical-align: top;} .newsletter_cal table tr td:first-child { border-left:1px solid #ddd;} /*선택클릭*/ .newsletter_cal table tr td > span { display: block; height:80px; } .newsletter_cal table tr td > span a{ display: block; width: 100%; height:100%; } .newsletter_cal table tr td .letter_select { background: #fcf8e3; } /*보기 버튼*/ .newsletter_cal table tr td .day_block { display: block; width: 100%; height:40px;} .newsletter_cal table tr td .day_block .day { position: absolute; top:10px; right:10px; } .newsletter_cal table tr td .day_block .gray{color:#ccc; font-weight: normal;} .newsletter_cal table tr td .button_wrap { display:block; width:47px; height: 21px; line-height: 20px; text-align: center; margin:-10px auto 0px auto; background:#fbfbfb; border:1px solid #dcdcdc; font-size: 13px; border-radius: 2px; line-height:20px; } .newsletter_cal table tr td .button_wrap img { vertical-align: middle; margin-top:-2px; padding-right: 2px;} @media screen and (max-width:500px){ .newsletter_cal table tr td .button_wrap { width:35px; margin-top:0;} .newsletter_cal table tr td .button_wrap img { display: none;} .newsletter_cal table tr td > span { height:90px; } } /* 고충처리인 */ .grievance_list { position: relative; padding:25px 0;background:#f7f7f7;border-bottom:1px solid #ced2d7; min-height: 190px;} .grievance_list:after { display: block; content: ""; clear:both;} .grievance_list .gri_list1 { padding-left: 200px; padding-right: 30px; font-size: 15px;} .grievance_list .gri_list2 { display: block; width:150px; position: absolute; top:0; left: 0; padding:25px; margin-bottom:10px; } .grievance_list .gri_info { display: block; float:left; width:180px; margin-top:20px; line-height: 20px; padding-left: 200px; } .grievance_list .gri_info span:first-child { font-weight: bold; font-size: 14px; margin-bottom:5px;} .grievance_list .gri_companyinfo { display: block; float:left; width:325px; margin-top:45px; line-height: 20px; padding-right: 30px;} .grievance_list .gri_info span, .grievance_list .gri_companyinfo span { display: block;} .grievance_list .gri_info span span { display: inline;} .grievance_btn { display: block; width:100%; height:58px; text-align: center; margin-top:20px;} .grievance_btn a { display: inline-block; border:1px solid #cfd0cf; border-radius: 5px; background:#f7f7f6; padding:10px 20px; font-weight: bold; line-height:27px; } .grievance_btn a:first-child { margin-right:15px; color:#295697;} .grievance_btn a:nth-child(2) { color:#329cd5;} .grievance_btn a img, .grievance_down a img { margin-right:6px;} .grievance_stage { width:100%; height:auto; margin-bottom:10px; } .grievance_stage img { width:100%; } .grievance_con { background: #fbfbfb; border: 1px solid #e8e8e8; padding: 20px; overflow-y: scroll; height: 130px; margin-top:10px;} .grievance_down {margin-top:10px;} .grievance_down a { display: inline-block; border:1px solid #cfd0cf; border-radius: 5px; background:#f7f7f6; padding:10px 20px; font-weight: bold; line-height:22px; margin-right:10px; margin-bottom:10px;} /*서경Now - mobile */ #sed_now_pop_wrap .sed_now_pop { width: 100%; } #sed_now_pop_wrap .sed_now_pop ul { width:100%; height:auto; } #sed_now_pop_wrap .sed_now_pop ul li:first-child { margin-top:5px;} #sed_now_pop_wrap .sed_now_pop ul li { width: 100%; height:60px; border-bottom:1px solid #e1e1e1; background: #fff;} #sed_now_pop_wrap .sed_now_pop ul li a { display: block; height:100%; position: relative; } #sed_now_pop_wrap .sed_now_pop ul li a img.sednow_imgwrap { display: block; width:50px; height:50px; position: absolute; top:5px; left: 15px; border-radius: 50%;} #sed_now_pop_wrap .sed_now_pop ul li a:after { display: block; content: ""; width: 60px; height:60px; position: absolute; top:0; left:10px; background: url("../images/common/sed_now_01_2.png") no-repeat; } #sed_now_pop_wrap .sed_now_pop ul li a > span { display: block; width: 100%; height:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 80px; text-align: left; padding-top:8px;} #sed_now_pop_wrap .sed_now_pop ul li a > span span:first-child { display: block; width:38px; height: 14px; line-height: 12px; background:#aeaeae; color:#fff; font-size:11px; text-align: center;} #sed_now_pop_wrap .sed_now_pop ul li a > span span:nth-child(2) { display: block; font-size: 13px; color:#666; line-height: 20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right: 5px; } #sed_now_pop_wrap .sed_now_pop ul li a > span span:nth-child(3) { display: block; font-size: 11px; color:#999; line-height: 11px; letter-spacing: 0; } /*on*/ #sed_now_pop_wrap .sed_now_pop ul li a > span.sednow_ing span:first-child { background:#247acd; } #sed_now_pop_wrap .sed_now_pop ul li a > span.sednow_ing span:nth-child(2) { color:#247acd; } #sed_now_pop_wrap .sed_now_pop ul li a > span.sednow_coming span:first-child { background:#383838; } #sed_now_pop_wrap .sed_now_pop ul li a > span.sednow_coming span:nth-child(2) { color:#414141;} /*더보기*/ #now_list_more { display:inline-block; height:34px; margin: 15px auto 15px auto; line-height: 32px; font-size:18px; font-weight: bold; } #now_list_more a { display: block; height: 100%; background: url(../images/content/usael_20.png) no-repeat left; background-size: 29%; padding-left: 25px; } @media screen and (max-width:1197px){ #contents.view{margin-left:0} .view_cate, .view_cate4{display:none} .search_cover > .search_detail ul{margin-right:0;} .search_cover > .search_detail .date{position:relative;top:0;width:100%;margin-top:10px;} .search_result .search_list{margin-left:0;} .search_cate{display:none;} .relation_ar { display: block; width:100%; height:78px; position:relative; background:#f2f2f2; } .relation_ar a { display: block; height: 100%;} .relation_ar .re_ls_ti {display:block; width:127px; height:78px; position:absolute; top:0; left: 0;} .relation_ar .re_ls_pl {display:block; width:66px; height:76px; position:absolute; top:0; right: 0; border:1px solid #d0d1d3; background:#e7e7e7;} .relation_ar .re_ls_pl img {display: block; width:17px; height:17px; margin:32px auto 0 auto;} .relation_ar .re_ls_te { display: block; padding-left: 142px; padding-right:170px; height:76px; font-size: 16px; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3; color:#222; font-weight:bold} .relation_ar .re_ls_te span { display: block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } /*관련 이슈 - 모바일*/ .relation_lssue_m { margin-bottom:2px } .relation_lssue_m .re_ls_nu { display: block; width:15px; height: 78px; position: absolute; top:0; right:110px; color:#676767; font-size: 14.5px; line-height:78px; text-align: left;} .relation_lssue_m .re_ls_nu img {display: block; width:9px; height:8px; position: absolute; top:35px; right:18px; } .relation_lssue_m .re_ls_te { line-height:78px;} /*관련갤러리 - 모바일*/ .relation_gallery_m { margin-bottom:40px;} .relation_gallery_m .re_ls_te1 { display: block; margin-top:18px;} .relation_gallery_m .re_ls_te2 { display: block; color:#828282; font-weight: normal; font-size: 12px; margin-top:6px;} .relation_gallery_m .gall_thum { display: block; width:65px; height:65px; position: absolute; top:7px; right:95px;} .relation_gallery_m .gall_thum #gall_thum { position: relative; display: block;} .relation_gallery_m .gall_thum #gall_thum img {display: block; width:65px; height:65px;} .relation_gallery_m .gall_thum #gall_thum:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/issue/interective_07.png)no-repeat; content:''; } .relation_gallery_m .gall_thum .gall_num { position: absolute; top:53px; left:52px; color:red;} .relation_lssue {display: none;} /* 뉴스레터 */ .newsletter_sec1 ul:nth-child(1) li:nth-child(1):after{ left:6px; } .newsletter_sec1 ul:nth-child(1) li:nth-child(2):after{ left:18.5px; } .newsletter_sec1 ul:nth-child(2) li:nth-child(1):after{ left:6px; } .newsletter_sec1 ul:nth-child(2) li:nth-child(2):after{ left:18.5px; } } @media screen and (max-width:1024px){ .side_bar.view_right{margin-top:13px} #contents{margin-right:310px;} .sub_view h2{font-size:24px;color:#222;line-height:30px;padding-top:10px;} .sub_view .subject_info{margin-top:10px;font-size:18px;line-height:24px} .sub_view .view_top > ul > li.last{display:none} .sub_view .view_top .btn_info ul:first-child li:first-child{display:none;} .sub_view .view_hash{margin-top:10px;padding:10px 10px 10px 42px;background-position:10px center;} .sub_view .view_con{padding:20px 0} /* search_result*/ .search_cover > div .search_setting ul li{width:50%;} .search_cover > div .search_setting ul li span{padding-left:10px;} .search_cover > div .search_setting ul li p{padding-left:75px;padding-right:10px;} #container.issue_list .paging{margin:0;} .all_headline .headline_list{position:absolute;left:0;top:0;height:100%;width:390px;text-align:left;overflow:auto;} .all_headline .headline_list > ul{padding-right:10px;margin-bottom:50px;} .all_headline .headline_list > ul li{position:relative;height:40px;line-height:40px;overflow:hidden;border-top:solid 1px #ced2d7;} .all_headline .headline_list > ul li:first-child{border-top:none;} .all_headline .headline_list > ul li a{display:block;margin-right:80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .all_headline .headline_list > ul li a span{position:absolute;right:0;top:0;font-size:12px;color:#888;letter-spacing:0;} .all_headline .headline_list .paging{position:fixed;left:0;bottom:20px;background:#fff;width:340px;} .all_headline #contents.sub_view{height:795px;margin:0 0 0 390px;padding:0 30px;overflow:auto;} .all_headline #contents.sub_view .view_hash{border-bottom:solid 1px #ced2d7;} .all_headline .tab01 .refresh{display:none;} .all_headline .headline_list{width:35%;} .all_headline #contents.sub_view{margin-left:35%;} } @media screen and (max-width:1023px){ .side_depth{display:none} .issue_list .issue_tab li a{padding:0 15px} } @media screen and (max-width:900px){ .photo_vod h4 { display: block; width:100%; height:40px; border-top:2px solid #fa702c; background-color:#f2f2f2; } .photo_vod h4 span { display: block; width:94px; height:21px; position: absolute; top:12px; left:12px;} .view_bottom_list{display:none} /* search_result */ .search_cover{margin-bottom:30px;} .search_cover > .search_detail ul li .i_wrap{margin-right:5px;} .search_result .search_list .news_sort{border-top:solid 1px #ced2d7 !important} .issue_list_top .title{width:133px;font-size:18px;} .issue_list_top .title span{margin:0 15px;padding-left:48px;} .issue_list_top dl{margin-left:133px;padding:0 30px 0 15px;} .issue_list_top .more{right:10px;} .zone_relation{margin-top:0} .subscribe_visual{margin-top:20px} .side_recom_article {border-bottom: 1px solid #dcdcdc} .side_recom_article ul li.list_cell span.recom_img{ width:30%; height:70%; min-width: 60px; line-height:50px; } .side_recom_article ul li.list_cell span.recom_title{ padding-left: 80px} .side_recom_article ul li.list_cell span.recom_img{ width:90px; height:60px; min-width: 60px; line-height:56px; } .side_recom_article ul li.list_cell span.recom_title{ padding-left:105px;} /* 뉴스레터 신청 */ .newsletter_sec2 .grievance_btn {height:120px;} .newsletter_sec2 .grievance_btn a { display: block; } .newsletter_sec2 .grievance_btn a:first-child { margin-right:0; } .newsletter_sec2 .grievance_btn a:nth-child(2) {margin-top:10px;} .newsletter_sec2 .grievance_btn a img { margin-right:5px;} .sub_view .view_top .btn_info{right:10px;} .sub_view .view_top > ul > li:first-child a { color:#000; } } @media screen and (max-width:768px){ #contents{margin-right:0;} .sub_view h2{font-size:22px;color:#222;line-height:24px;padding-top:20px;} .sub_view .subject_info{font-size:16px;line-height:22px} .sub_view .view_hash{margin-top:10px;padding:10px 10px 10px 42px;background-position:10px center;} .sub_view .view_con{padding:15px 0} /*공통*/ .side_bar .side_recom_article {margin-top:30px;} .grievance_list { padding:15px 0; min-height: 180px;} .grievance_list .gri_list1 { padding-left:15px; padding-right: 15px;} .grievance_list .gri_list2 { width:150px; position: static; padding:15px; float:left; margin-bottom: 0;} .grievance_list .gri_info { height:205px; margin-top:0; padding-top:15px; padding-left: 0; } .grievance_list .gri_companyinfo { float:none; padding-left: 15px;} } @media screen and (max-width:667px){ /* 고충처리인 */.grievance_down a { display:block; margin-right:0; text-align: center;} } @media screen and (max-width:640px){ .news_sort{border:none;border-bottom:solid 1px #ced2d7;} .sub_view h2{line-height:28px} .sub_view .subject_info{font-size:16px} /* search_result */ .search_cover{border-left:none;border-right:none;border-top: none;} .search_cover > div .search_setting{padding-bottom:0;} .search_cover > div .search_setting ul{margin:0;padding-bottom:10px;} .search_cover > div .search_setting ul li{float:none;width:100%;} .search_cover > div .search_setting ul li:first-child{padding-bottom:5px;} .search_cover > div .search_setting .btn_detail{position:static;width:100%;border:none;border-top:solid 1px #ced2d7;height:34px;line-height:34px;} .search_cover > div .search_setting .btn_detail a{height:34px;line-height:34px;} .search_cover > .search_detail ul li{position:relative;float:none;width:100%;} .search_cover > .search_detail ul li:first-child{margin-bottom:5px;} .search_cover > .search_detail ul li .i_wrap{margin-right:0;} .search_result .search_list > h3{padding-left:10px;} .contact_us{margin-top:25px} .contact_us .us_data li{width:100%;float:none} .contact_us .us_data li > div{margin-right:0;margin-left:0} .contact_us .us_data li:first-child > div{margin-right:0;margin-left:0} .contact_data{margin:20px 10px 0 10px} .contact_us{margin:20px 10px 0 10px} .subscribe_visual p{margin-top:10px} .issue_list .issue_top{padding-left:0} .issue_list .issue_top .icon{display:none} .maz_top_special .issue_list.issue_hot .issue_top {position: relative;padding: 0;height: 40px;color: #fff;text-align: left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;overflow: hidden;} .maz_top_special .issue_list.issue_hot .issue_top .icon{padding-left: 12px;} .maz_top_special .issue_list.issue_hot .issue_tab {float: left;margin-top: 5px;overflow: hidden; margin-left: 10px;width:auto;} .job_request{margin:0 10px;width:auto !important} .subscribe_visual{padding-left:0;height:auto;background:none} .subscribe_visual h3{padding-top:0} .subscribe_data{margin-top:25px} .agree_list{padding:15px 10px;margin:15px 10px 0 10px;border-top:1px solid #ced2d7} .agree_list ul li a{font-size:13px} .agree{margin:0 0;width:auto !important} .agree_data{margin:0 10px} .agree_data h3{margin-top:20px} .agree_data h4{margin-top:15px} .m_date_cover{display:block;margin:20px 55px 15px 10px;text-align:left;overflow:hidden} .m_date_cover > p{float:left;width:48%} .m_date_cover > p:first-child{margin-right:2%} .m_date_cover > p select{width:100%} .sub_view .view_top{margin-top:15px} .map_data{height:200px} .issue_list .issue_tab{ width: 85%;} .issue_list .issue_tab li a{font-size:13px;padding:0 15px} .contact_us .us_data .us_list table.group_table{margin-top:-1px} .contact_us .us_data .us_list table.group_table thead{display:none} .news_sort{padding-left:10px} .sub_view .news_sns{padding:15px 10px} .sub_view .send_mail{padding:15px 10px} .sns_follow .title{padding-left:10px} .sns_follow .sns_tab_con{padding:15px 10px} .relation_mobile { padding-left: 10px; padding-right: 10px;} /* 뉴스레터 신청 */ .newsletter_sec_not { padding:0 10px;} .newsletter_sec1 ul:first-child { margin-bottom:0;} .newsletter_sec1 ul li { width:100%; float:none; margin-bottom: 25px;} .newsletter_sec1 ul li:nth-child(odd), .newsletter_sec1 ul li:nth-child(even) { padding:0; } .newsletter_sec1 ul:nth-child(1) li:nth-child(1):after, .newsletter_sec1 ul:nth-child(1) li:nth-child(2):after, .newsletter_sec1 ul:nth-child(2) li:nth-child(1):after, .newsletter_sec1 ul:nth-child(2) li:nth-child(2):after { left:6px; } .newsletter_sec1 ul li img { display: block; width:100%;} .newsletter_btn { padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media screen and (max-width:568px){ .relation_ar .re_ls_pl {display:none; } .relation_ar .re_ls_te { padding-right:92px; border:1px solid #d0d1d3; border-left:0 none; } /*관련 이슈 - 모바일*/ .relation_lssue_m { margin-bottom:2px } .relation_lssue_m .re_ls_nu { top:13px; left:157px;} .relation_lssue_m .re_ls_nu img { top:35px; left:-13px; } .relation_lssue_m .re_ls_te { line-height:54px; padding-right:10px; } /*관련갤러리 - 모바일*/ .relation_gallery_m .gall_thum { position: absolute; top:7px; right:20px;} } @media screen and (max-width:505px){ .job_request .subscribe_data .joinform ul li:first-child { width:21%; font-size:13px; } .job_request .subscribe_data .joinform ul li { padding-left:5px; } .job_request .subscribe_data .joinform ul li.form_name_info {padding-left:5px; } .job_request .subscribe_data .joinform ul li input { width:60px;} .job_request .subscribe_data .joinform ul li input.input40 { width:38px;} .job_request .subscribe_data .joinform ul li select { margin-top:7px} .job_request .subscribe_data .joinform ul#adress_box li#adress_input_text { width:70% } .job_request .subscribe_data .joinform ul#adress_box li input.adresssize { width:87%; } .job_request .subscribe_data .joinform .formsign input[type="button"]{ width:100px; height:32px; font-size: 13px; margin-left:5px;} .job_request .subscribe_data .joinform ul li input[type="radio"] { width:15px; margin-right:3px;} .form_pc_text {display: none;} .form_m_margin { margin-left:10px;} } @media screen and (max-width:480px){ .sub_view .view_top .btn_info ul{margin-left:0;} .sub_view .view_top .btn_info ul:last-child li:first-child a{border-left:none;} .sub_view .send_mail .title{line-height:16px} .sub_view .send_mail .input_mail{display:block;margin-top:10px;width:auto} .search_cover > .search_detail{padding:0 10px;} .search_cover > .search_detail .date input{padding:0 5px;} .search_cover > .search_detail .btn_bottom .btn.type01{height:28px;line-height:28px;width:50px;font-size:13px;} .issue_list_top .title{width:70px;} .issue_list_top .title span{margin:0 0 0 7px;padding-left:0;background:none;} .issue_list_top dl{margin-left:70px;} .message_pop{right:auto;left:50%;margin-left:-145px} .agree_list ul li{width:100%} .issue_list .issue_tab li a{font-size:12px;padding:0 7px} .subscribe_data .data_list03 li{padding:7px 0;position:relative;margin-top:5px;border-top:1px solid #ced2d7} .subscribe_data .data_list03 p.title{position:relative;top:auto;left:auto;margin-left:10px;padding-left:10px;margin-bottom:0} .subscribe_data .data_list03 p.info{margin-left:20px;padding-left:0;padding-right:10px;word-break:keep-all;margin-top:10px;padding-top:10px;border-top:1px solid #ced2d7} .subscribe_data .data_list03 p.info.type02{padding-left:0;margin-left:20px} .subscribe_data .data_list03 li:first-child{margin-top:0;border-top:none} /* 고충처리인 */ .grievance_btn {height:120px;} .grievance_btn a { display: block; } .grievance_btn a:first-child { margin-right:0; } .grievance_btn a:nth-child(2) {margin-top:10px;} .grievance_btn a img { margin-right:5px;} /* 뉴스레터 신청 */ .newsletter_sec1 .newsletter_email span { display: block; } .newsletter_sec1 .newsletter_email input[type="text"]{ width:160px; } } @media screen and (max-width:420px){ .news_sort .interest_info{position:relative;top:auto;right:auto;display:block;line-height:normal;padding:8px 0;margin-right:10px;border-top:1px solid #dfdfdf} .news_sort{min-height:38px;height:auto} } @media screen and (max-width:384px){ /*고충처리인*/ .grievance_list .gri_info{ width:120px;} .grievance_list .gri_info span:first-child { font-size: 13px; } .grievance_list .gri_info span span { display: block;} } @media screen and (max-width:375px){ /* 뉴스레터 신청 */ .newsletter_sec2 .grievance_btn {height:150px;} .newsletter_sec2 .grievance_btn a { display: block; } .newsletter_sec2 .grievance_btn a:first-child { margin:0; } .newsletter_sec2 .grievance_btn a:nth-child(1) { line-height: 15px;} .newsletter_sec2 .grievance_btn a:nth-child(2) {margin-top:10px; line-height: 15px;} .newsletter_sec2 .grievance_btn a img { margin:0 auto 5px auto; display: block; } } @media screen and (max-width:360px){ .sub_view .view_top > ul > li { margin-left: 8px; padding-left: 8px; } .sub_view .view_top > ul > li img { margin-top: -3px; } .sub_view .view_top > ul > li { font-size: 12px; } } /*news봇 경고문구*/ .stock_notice.mobile { display: none;} .stock_notice { max-width: 1198px; margin:20px auto 0 auto;} .stock_notice p { width: 100%; text-align: left; font-size: 11px;color:#acacac; } .stock_notice.pc.search {padding-left: 168px;} @media screen and (max-width:1197px){ .stock_notice.pc.search {padding-left:0;} } @media screen and (max-width:900px){ .stock_notice.mobile { display: block; position: relative; max-width: none; width: 100%;} .stock_notice.pc { display: none;} .stock_notice { margin:0 auto;} .stock_notice p { text-align: center; padding:15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media screen and (max-width:640px){ .stock_notice.mobile { border-top:11px solid #eceeef;} .stock_notice.mobile:after { display: block; content: ""; width: 100%; height: 1px; position: absolute; top: -11px; left: 0; background: #dcdcdc;} .stock_notice.mobile.read:after { display: none; } } @media screen and (max-width:550px){ .stock_notice.mobile p span { display: block;} } /*읽기영역 코스피*/ .arKospiRight, .arKospiRight * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: 'Arial', 'malgun gothic' !important;} .arKospiRight .tab_wrap{display:block;clear:both;*zoom:1;} .arKospiRight .tab_wrap:after{display:block;visibility:hidden;clear:both} .arKospiRight .tab_wrap > .tab_menu{width:100%;position:relative;padding:0;} .arKospiRight .tab_wrap > .tab_menu > li{width:50%;height:40px;float:left;text-align:center;font-size:16px;letter-spacing:-1px;} .arKospiRight .tab_wrap > .tab_menu > li.on{position:relative} .arKospiRight .tab_wrap > .tab_menu > li a{display:block;height:100%;cursor:pointer;font-size:16px;line-height:40px;font-weight:bold;color:#adb3b9;background:#f2f2f2;text-align:left;padding-left:20px;border-bottom:1px solid #ced2d7;} .arKospiRight .tab_wrap > .tab_menu > li.on a{color:#333;background:#fff;border-bottom:0 none;border-left:1px solid #ced2d7;} .arKospiRight .tab_wrap > .tab_menu > li.on:first-child a{border-left:0 none;border-right:1px solid #ced2d7;} .arKospiRight .tab_wrap > .tab_cont{display:block;width:100%;clear:both;position:relative;} .arKospiRight .tab_wrap > .tab_cont > div a{display: block; height: 100%;} .arKospiRight .tab_wrap > .tab_cont #right_kospi_div, .arKospiRight .tab_wrap > .tab_cont #right_kosdaq_div{ width: 100%; height: 201px; position: relative} .arKospiRight .tab_wrap > .tab_cont #right_kospi_div #chart_right_kospi, .arKospiRight .tab_wrap > .tab_cont #right_kosdaq_div #chart_right_kosdaq{width: 100%; position: absolute; bottom:10px; left: 0;} .arKospiRight .up{color:#ff3535;} .arKospiRight .down{color:#0374ff;} .arKospiRight .pitch > span{position:relative;display:inline-block;} .arKospiRight .pitch > span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:14px;left:-14px;} .arKospiRight .pitch.down > span:after{background:url(../images/stock/triangle_blue.svg) no-repeat;background-size:100%;} .arKospiRight .pitch.up > span:after{background:url(../images/stock/triangle_red.svg) no-repeat;background-size:100%;} .arKospiRight .bar_chart{border:0 none;width:100%;height:16px;margin-bottom:20px; width: 100%; position: absolute; bottom:0; left: 0; margin-bottom:0;} .arKospiRight .bar_chart td{padding:0;border:0 none;} .arKospiRight .bar_chart td a{display:block;height:100%;color:#fff;font-size:11px;letter-spacing:0;text-align:center;height:16px;} .arKospiRight .bar_chart td:nth-child(1) a{background:#b60000;border:1px solid #920000;border-right:0 none;} .arKospiRight .bar_chart td:nth-child(2) a{background:#ff3535;border-top:1px solid #cc2a2a;border-bottom:1px solid #cc2a2a;} .arKospiRight .bar_chart td:nth-child(3) a{background:#8c8c8c;border-top:1px solid #707070;border-bottom:1px solid #707070;} .arKospiRight .bar_chart td:nth-child(4) a{background:#147dff;border-top:1px solid #1064cc;border-bottom:1px solid #1064cc;} .arKospiRight .bar_chart td:nth-child(5) a{background:#2a3c88;border-top:1px solid #22306d;border-bottom:1px solid #22306d;} .arKospiRight .right_kospi_info{width:100%;position:relative;text-align: center} .arKospiRight .right_kospi_info li{display:inline-block;margin-top:17px;height:26px;line-height:26px;letter-spacing:-0.5px;} .arKospiRight .right_kospi_info li:nth-child(1){font-size:26px;font-weight:bold;} .arKospiRight .right_kospi_info li:nth-child(2){font-size:15px;padding-left:25px;line-height:30px;} .arKospiRight .right_kospi_info li:nth-child(3){font-size:15px;padding-left:7px;line-height:30px;} .arKospiRight .right_kospi_info li:nth-child(4){display:inline-block;position:absolute;top:-20px;right:5px;font-size:10px;color:#999;letter-spacing:0;} .arKospiRight .right_kospi_info .pitch span:after{top:11px;} @media screen and (max-width:1100px){ .arKospiRight .tab_wrap > .tab_menu > li a{padding-left:10px;font-size:15px;} } @media screen and (max-width:1000px){ .arKospiRight .right_kospi_info li:nth-child(1){font-size:23px;} .arKospiRight .right_kospi_info li:nth-child(2){font-size:14px;padding-left:23px;} .arKospiRight .right_kospi_info li:nth-child(3){font-size:14px;padding-left:6px;} } @media screen and (max-width:900px){ .arKospiRight {display: none;} }