/* 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} #contents-article-view{position:relative;z-index:5;margin-left:0;*zoom:1} #contents-article-view:after{content:" ";display:block;clear:both;} #v-left{float:left;width:860px} #v-right{float:right;width:300px} #contents-article-list{text-align:left;*zoom:1;} @media screen and (max-width:900px){#contents-article-list{margin-top:10px}} @media screen and (max-width:640px){#contents-article-list{margin-top:0}} #contents-article-list:after{content:" ";display:block;clear:both;overflow:hidden} #l-left{float:left;width:858px} #l-right{float:right;width:300px} #contents-article-main{text-align:left;*zoom:1;} #contents-article-main:after{content:" ";display:block;clear:both;overflow:hidden} #m-left{float:left;width:858px} #m-right{float:right;width:300px} .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} /*continue:이어보기*/ #continue {width: 100%; height: 60px; position: fixed; bottom: 0; left: 0; z-index:9999999; -webkit-box-shadow: -2px -5px 30px 0px rgba(0,0,0,0.40); -moz-box-shadow: -2px -5px 30px 0px rgba(0,0,0,0.40); box-shadow: -2px -5px 30px 0px rgba(0,0,0,0.40); } #continue, #continue * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #continue .continue_tit { width: 105px; height: 100%; position: absolute; bottom:0; left:0; background: #fff; border:1px solid #ced2d7; z-index:50; } #continue .continue_tit:after { display: block; content: ""; width: 26px; height: 28px; position: absolute; top:16px; left:9px; background: url("https://img.sedaily.com/Html/common/continue_1.png") no-repeat;} #continue .continue_tit:before { display: block; content: ""; width: 9px; height:16px; position: absolute; top:22px; right:-9px; background: url("https://img.sedaily.com/Html/common/continue_2.png") no-repeat;} #continue .continue_tit span { display: block; font-size: 13px; color:#333; padding-left:23px;} #continue .continue_tit span:first-child { margin-top:16px;} #continue .continue_box { width: 100%; height: 100%; position: relative; background: #f7f7f7} #continue .continue_box ul { padding-left: 105px; height: 100%; background: #f7f7f7; position: absolute; top:0; left:0;} #continue .continue_box ul li { width: 20%; height: 100%; float:left; position: relative;} #continue .continue_box ul li a { display: block; width:100%; height: 100%; position: relative; border-top:1px solid #ced2d7; border-bottom:1px solid #ced2d7; border-right:1px solid #ced2d7; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;} #continue .continue_box ul li.you_here a { background: #525252; border:0 none; } #continue .continue_box ul li.not_yet a .continue_con span { color:#999; } #continue .continue_box ul li.not_yet a strong { color:#999;} #continue .continue_box ul li.not_yet a .continue_img img { opacity: 0.5} #continue .continue_box ul li a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} #continue .continue_box ul li a strong { display: block; height: 100%; position:absolute; top:0; left:13px; line-height: 58px; color:#333; font-size: 24px; font-weight: normal;} #continue .continue_box ul li a .continue_img { display: block; width:40px; height: 40px; position: absolute; top:10px; left:40px; border-radius: 50%; overflow: hidden;} #continue .continue_box ul li a .continue_img img { display: block; min-height:100%; width:71px; max-width: inherit; position: absolute; top:0; left:-15.5px;} #continue .continue_box ul li:last-child a .continue_img { left:50px;} #continue .continue_box ul li a .continue_con { display:inline-block; width: 100%; vertical-align: middle; font-size: 14px; color:#333; padding:0 10px 0 90px; text-align: left;} #continue .continue_box ul li:last-child a .continue_con { padding:0 20px 0 100px;} #continue .continue_box ul li.no_img:last-child a .continue_con { padding:0 10px 0 50px;} #continue .continue_box ul li a .continue_con span { display: block; max-height:36px; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} #continue .continue_box ul li.no_img a .continue_con { padding:0 10px 0 40px;} #continue .continue_box ul li.you_here a span, #continue .continue_box ul li.you_here a strong { color:#fff} #continue .continue_box .continue__btn { display: none; width: 35px; height: 35px; position: absolute; top:13px; z-index: 500;} #continue .continue_box .continue__btn.continue_prev_btn { left:115px; } #continue .continue_box .continue__btn.continue_next_btn { right:10px; } #continue_bridge { width: 100%; margin: 100px 0 -130px 0; position: relative;} #continue_bridge:after { display: block; content: ""; width: 100%; height: 17px; position: absolute; top:5px; left: 0; background: url("https://img.sedaily.com/Html/common/continue_5.jpg"); z-index: 0} #continue_bridge > div { display: inline-block; padding: 0 25px; z-index:10; position: relative; background: #fff;} #continue_bridge > div:after { display: block; content: ""; width:14px; height: 17px; position: absolute; top:5px; left:-14px; background: url("https://img.sedaily.com/Html/common/continue_6.png"); z-index: 0} #continue_bridge > div:before { display: block; content: ""; width:14px; height: 17px; position: absolute; top:5px; right:-14px; background: url("https://img.sedaily.com/Html/common/continue_6_2.png"); z-index: 0} #continue_bridge h3 { width: 100%; font-size: 24px; font-weight: bold; color:#333;} #continue_bridge h3 strong { color:#ff0000; padding-right: 5px;} #continue_bridge p { font-size: 14px; margin-top:5px; letter-spacing: 0} @media screen and (max-width:1200px){#continue .continue_box ul li { width: 25%; } .company_con { padding:0 10px} } @media screen and (max-width:900px){#continue { display: none;} #continue_bridge { margin: 80px 0 -50px 0;}} @media screen and (max-width:640px){#continue_bridge { margin: 60px 0 -60px 0;}} /*.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 #ced2d7;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:16px;height:16px;line-height:16px;margin-top:-4px;text-align:center;font-size:11px;color:#fff;background:url("https://img.sedaily.com/Html/content/bg_best_off.png") no-repeat left top} .best_click_zone ol li.best > span{background:url("https://img.sedaily.com/Html/content/bg_best_on.png") no-repeat left top} .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:23px;color:#444;margin-top:-3px;} #container.sub_main .best_click_zone ol li > span{margin-top:-6px} #container.sub_main .best_click_zone ol li.best img{display:inline} .result_no{ padding: 30px 7.8% 30px 60px} .no_tit { color:#000; font-size:20px; font-family:'notokr-medium'; text-align: center; margin-bottom:22px; word-break: keep-all;} .no_tit span { color:#e01f26} .result_no .sub_txt {font-size:15px; color:#555;position: relative; text-align: center;} .result_no ul li { font-size:15px; color:#555; margin-bottom:8px; position: relative; padding-left:10px} .result_no ul li:before { display:inline-block;content:'';position: absolute; top:8px; left:0; background:#1c1c1c; border-radius:50px; width:3px; height:3px; vertical-align:middle; margin:0 0 0} .result_no .mail, .msg_detail .mail{ display: block; } .result_no .mail, .mail a, .msg_detail .mail, .msg_detail .mail a{ font-family:'Helvetica','notokr-bold'; font-size:15px; color:#555; font-weight:700; vertical-align: top} .result_no .mail a:before,.msg_detail .mail a:before{display: inline-block; content:''; background: url(https://img.sedaily.com/V2/Images/ico_email_g.svg) no-repeat; background-size:13px; width:13px; height:13px; vertical-align:middle; margin: 0 5px 0 10px} @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;} } .m_Sbtn{ display: none} @media screen and (max-width:1024px){ .result_no{ padding: 30px 7.8% !important} /*more btn*/ .newsPage { display: none} .mobileSecLine{width:100%;height:9px;background:#eceeef;position:relative; display: block} .mobileSecLine.first:after{display:none} .mobileSecLine:after{display:block;content:"";width:100%;height:1px;position:absolute;top:0;left:0;background:#dcdcdc} .m_Sbtn{display:block;width:100%;height:40px;background:#fff;line-height:40px;/*border-top:1px solid #e6e8eb;*/ font-size:14px;clear:both; text-align:center;} .m_Sbtn.line {border-top:1px solid #e6e8eb;} .m_Sbtn .point_b{color:#000;padding-right:3px} .m_Sbtn .arr{display:inline-block;width:7px;height:13px;background:url("https://img.sedaily.com/Html/content/main/mm_sec3_3.svg") no-repeat;background-size:100%;margin:13px 0 0 10px} .m_Sbtn .arr2{display:inline-block;width:13px;height:7px;background:url("https://img.sedaily.com/Html/content/main/mm_sec3_3_1.svg") no-repeat;background-size:100%;margin:16px 0 0 5px} .m_Sbtn .arr2.off{background:url("https://img.sedaily.com/Html/content/main/mm_sec3_3_2.svg") no-repeat;background-size:100%} .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} .search_result { border-top:9px solid #eceeef} } @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:5px;margin-bottom:5px}} @media screen and (max-width:900px){.best_click_zone ol li > p a{line-height:24px}} @media screen and (max-width:768px){ #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;} .photo_vod h3, .today_hot_topic h3, .best_click_zone h3 { display: none;} .best_click_zone h4 { display: block; width:100%; height:42px; border-top:2px solid #fa702c; background-color:#e8e8e8; font-size: 19px; color:#000; line-height: 40px; text-indent: 10px; font-weight: bold; letter-spacing: 1px; text-align: left} .best_click_zone h4.best_click_submain {font-size: 16px;} .best_click_zone h4 span { color:#fa702c; margin-left:5px; } } @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 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:10px;} .best_click_zone ol li.best > p a{font-size:14px;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:10px;padding-right:10px;} #container.sub_main .best_click_zone ol li > p a{line-height:40px; } } /*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(https://img.sedaily.com/Html/content/relation_list_arrow.gif) left 5px no-repeat} /*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(https://img.sedaily.com/Html/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:50px; 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:122px; 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("https://img.sedaily.com/Html/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("https://img.sedaily.com/Html/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("https://img.sedaily.com/Html/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("https://img.sedaily.com/Html/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} .main_container .top_news{position:relative;text-align:left;border:solid 1px #d1d5d9;} .main_container .top_news{position:relative;text-align:left;border:solid 1px #d1d5d9;} .main_container .top_news .left_cont .news_zone .visual{height:311px} .main_container .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;} .main_container .top_news .left_cont{content:""; display:block; clear:both; overflow: hidden} .main_container .top_news .left_cont>div:after{content:""; display:block; clear:both; overflow: hidden} .main_container .top_news .left_cont .news_zone{float:left;width:557px;padding:20px 20px 0;} /*tag color*/ .main_container .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;} .main_container .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 .main_container .top_news .left_cont .news_zone h3 a { letter-spacing:-2.2px } /*ie11*/ .main_container .top_news .left_cont .news_zone h3 a .tag {display:inline-block; position: relative; border:0 none;} .main_container .top_news .left_cont .news_zone h3 a .tag:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .main_container .top_news .left_cont .news_zone h3 a .tag span {display: inline-block; vertical-align: middle; height: 19px; color:#fff; font-size: 12px; font-weight: normal; line-height: 19px; padding:0 5px 0 4px; margin-left: 1px; position: relative; margin:-7px 5px 0 1px;} .main_container .top_news .left_cont .news_zone h3 a .tag span:after {display: block; content: ""; width: 1px; height: 17px; position: absolute; top:1px; left:-1px;} .main_container .top_news .left_cont .news_zone h3 a .tag span:before {display: block; content: ""; width: 1px; height: 17px; position: absolute; top:1px; right:-1px;} .main_container .top_news .left_cont .news_zone h3 a .tag.blue span, .main_container .top_news .left_cont .news_zone h3 a .tag.blue span:after, .main_container .top_news .left_cont .news_zone h3 a .tag.blue span:before{background: #1466b5;} .main_container .top_news .left_cont .news_zone h3 a .tag.red span, .main_container .top_news .left_cont .news_zone h3 a .tag.red span:after, .main_container .top_news .left_cont .news_zone h3 a .tag.red span:before {background: #ff0000;} .main_container .top_news .left_cont .news_zone h3 a .tag.orange span, .main_container .top_news .left_cont .news_zone h3 a .tag.orange span:after, .main_container .top_news .left_cont .news_zone h3 a .tag.orange span:before {background: #fa702c;} .main_container .top_news .left_cont .news_thumb li a > span .tag { display: inline-block; height: 12px; font-size: 11px; line-height: 12px; *line-height: 11px; line-height: 11px \0/IE8+9 ; line-height: 11px\-; padding:0 2px 0 1px; margin-right:2px;}/*ie8~10*/ .main_container .headline_list a dl dt .tag { display: inline-block; height: 12px; font-size: 11px; line-height: 12px; *line-height: 11px; line-height: 11px \0/IE8+9 ; line-height: 11px\-; padding:0 2px 0 1px; margin-right:2px; margin: 5px 5px 0 0}/*ie8~10*/ _:-ms-fullscreen, :root .main_container .top_news .left_cont .news_thumb li a > span .tag { line-height: 11px; } /*ie11*/ _:-ms-fullscreen, :root .main_container .headline_list a dl dt .tag { line-height: 11px; } /*ie11*/ .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 .top_news .left_cont .news_zone h3{max-height:32px;-webkit-line-clamp:1} } @media screen and (max-width:900px){ .main_container .top_news .left_cont .news_zone h3{max-height:48px;margin-top:10px} .main_container .top_news .left_cont .news_zone h3 a{line-height:26px;font-size:20px;font-weight:bold;color:#222} } @media screen and (max-width:640px){ .main_container .top_news .left_cont .news_zone h3{margin-top:10px;max-height:48px;-webkit-line-clamp:2} .main_container .top_news .left_cont .news_zone h3 a{line-height:24px;} } .main_container .top_news .left_cont .news_zone h4{margin-top:10px;padding-bottom:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .main_container .top_news .left_cont .news_zone h4 a{font-size:18px;color:#444} .main_container .top_news .left_cont .news_zone h4 span{color:#c99933} .main_container .top_news .left_cont .news_zone .cont{margin-top:10px;max-height:40px;overflow:hidden} .main_container .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; } .main_container .top_news .left_cont .news_thumb{display:inline-block;zoom:1;*display:inline;margin-top:15px} .main_container .top_news .left_cont .news_thumb li{float:left;width:25%;*width:24.9%;} .main_container .top_news .left_cont .news_thumb li a{display:block;padding-right:5px;line-height:16px;} .main_container .top_news .left_cont .news_thumb li a > span{display:block;line-height:16px;padding-top:2px; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height:32px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .main_container .top_news .left_cont .news_thumb li a img{display:block;margin-bottom:5px;} /*interactive move banner*/ .main_container .top_news .left_cont .banner_zone{float:left;width:298px; height: 100%; border-left:solid 1px #d1d5d9;border-right:solid 1px #d1d5d9;} .main_container .top_news .left_cont .banner_zone > div{position:relative; width: 100%;} .main_container .top_news .left_cont .banner_zone > div .more{position:absolute;right:0;top:0;display:block;padding:11px;z-index:10;background:url("https://img.sedaily.com/Html/content/bg_more.png") repeat left top} .main_container .top_news .left_cont .banner_zone > div.issue{border-top:solid 1px #d1d5d9} .main_container .top_news .left_cont .banner_zone > div.issue h3{color:#fff;} .main_container .top_news .left_cont .banner_zone > div .bx-pager{right:20px;bottom:20px;text-align:right;} .main_container .top_news .left_cont .banner_zone > div .bx-pager .bx-pager-item a{background:#fff; border: 1px solid #ced2d7;} .main_container .top_news .right_cont{position:absolute;right:0;top:0;width:25%;} .main_container .top_news .right_cont .headline_list{display:none} /*메인 슬라이드 관련 .slider_wrap, .slider_wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0;} .slider_wrap {position: relative; margin:0 auto;} .sliderbox {position:relative; width:100%; height:100%; height:100%; overflow: hidden;} .sliderul {position: absolute; top:0; left:0; width:400%; height: 100%; } .sliderul li {float: left; height: 100%; position: relative;} .sliderul li a { display: block; height: 100%;} .sliderul li a img{ display: block; height:auto; min-width: 100%; visibility:hidden;} .nav {position: absolute; display: inline-block;height: 12px; bottom:20px; right:20px; z-index: 120;} .roundlist{display: inline-block;} .roundlist li {float:left; margin-left: 5px; display: block; width:12px; height:12px; border-radius: 50%; background: #ffffff; border:1px solid #ced2d7; font-size: 0; text-indent: -9999px;} .roundlist li.on {background-color: #ffa800;}*/ /*바텀뉴스*/ .main_container .bottom_news{position:relative;overflow:hidden;border:solid 1px #ced2d7;} .main_container .bottom_news .left_cont{position:absolute;left:0;top:0;width:50%;height:100%;} .main_container .bottom_news .right_cont{float:right;width:50%;border-left:solid 1px #ced2d7;margin-left:-1px;} .main_container .bottom_news .right_cont .today_cont{overflow:hidden;border-bottom:solid 1px #ced2d7;} .main_container .bottom_news .right_cont .today_cont > div{float:left;width:50%;} .main_container .bottom_news .right_cont .today_issue{height:270px} .main_container .bottom_news .right_cont .today_issue h3{display:none;} /*photo옆 newslist*/ .main_container .headline_list{text-align:left;padding:20px;} .main_container .headline_list > a{padding-top:22px; display: block;} .main_container .headline_list > a:first-child{padding-top:0;} .main_container .headline_list a dl dt{margin-bottom:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;font-size:18px;line-height:26px} .main_container .headline_list a:hover dl dt, .main_container .headline_list a:focus dl dt{ font-weight: bold;} .main_container .headline_list a dl dd{overflow:hidden;} .main_container .headline_list a dl dd > span{display:block;float:left;width:75px;height:42px;overflow:hidden;text-align:center;line-height:38px;vertical-align:middle;border:1px solid #e2e2e2} .main_container .headline_list a dl dd > span img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle} .main_container .headline_list a dl dd .cont {padding-left:15px; color:#666; display:block; line-height:20px; 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; } @media screen and (max-width:1024px){ .main_container .headline_list { padding: 15px;} .main_container .headline_list > a{padding-top:13px;} .main_container .bottom_news .headline_list{display:none;} } @media screen and (max-width:900px){ .main_container .headline_list > a{padding-top:18px;} } @media screen and (max-width:800px){ .main_container .headline_list > a{padding-top:19px;} } @media screen and (max-width:640px){ .main_container .top_news .right_cont .headline_list{position:static;width:100%;border-top:solid 1px #d1d5d9;border-bottom:solid 1px #d1d5d9;padding:10px;} } /*카테고리 섹션 롤링*/ .main_container .category{position:relative; margin:20px 0 50px 0;} .main_container .category, .main_container .category * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main_container .category > a.left_arr { width: 17px; height: 31px; position: absolute; top:50%; margin-top: -15px; left: -27px; background: url("https://img.sedaily.com/Html/common/arrow_left.png"); background-size: 17px 31px; font-size: 0; text-indent: -9999px;} .main_container .category > a.left_arr:hover { background: url("https://img.sedaily.com/Html/common/arrow_left_on.png"); background-size: 17px 31px;} .main_container .category > a.right_arr { width: 17px; height: 31px; position: absolute; top:50%; margin-top: -15px; right: -27px; background: url("https://img.sedaily.com/Html/common/arrow_right.png"); background-size: 17px 31px; font-size: 0; text-indent: -9999px;} .main_container .category > a.right_arr:hover { background: url("https://img.sedaily.com/Html/common/arrow_right_on.png"); background-size: 17px 31px;} .main_container .category > div { overflow: hidden; width: 100%; height: 100%; border:solid 1px #ced2d7; } .main_container .category > div > ul{ width: 200%;/*임시*/ } .main_container .category > div > ul:after { display: block; content: ""; clear: both;} .main_container .category > div > ul h3 a{display: block; height: 100%; padding:25px 0 18px;color:#444; font-size:20px;font-weight:bold;} .main_container .category > div > ul > li{float:left;width:12.5%;border-left:solid 1px #ced2d7;} .main_container .category > div > ul > li:hover h3 a{color:#136fbd} .main_container .category > div > ul > li:first-child{border-left:none;} .main_container .category > div > ul > li > div { width: 100%;} .main_container .category > div > ul > li .section_tab {display:inline-block;zoom:1;*display:inline;margin-bottom:20px;} .main_container .category > div > ul > li .section_tab:after { display: block; content: ""; clear: both;} .main_container .category > div > ul > li.bn{border-left:none} .main_container .category > div > ul > li .section_tab li{float:left;background:url("https://img.sedaily.com/Html/content/bg_bar.gif") no-repeat left 50%;} .main_container .category > div > ul > li .section_tab li:first-child{background:none;} .main_container .category > div > ul > li .section_tab li a{padding:0 5px;font-size:12px;color:#888} .main_container .category > div > ul > li .section_tab li.on a{color:#3f80c4;font-weight:bold;} .main_container .category > div > ul > li .tab_cont > h4 { width:0; height:0; font-size: 0; text-indent: -9999px;} .main_container .category > div > ul > li .tab_cont div > a { display: block; height: 100%;} .main_container .category > div > ul > li .tab_cont div > a:hover dl dt, .main_container .category > div > ul > li .tab_cont div > a:focus dl dt { color:#247acd } .main_container .category > div > ul > li .tab_cont dl dt{margin:14px 10px 8px 10px;line-height:22px;font-size:16px;font-weight:bold;color:#222; overflow: hidden; text-overflow: ellipsis; white-space: normal; height:44px; text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .main_container .category > div > ul > li .tab_cont dl dd{margin-bottom:5px; padding:0 10px; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} .main_container .category > div > ul > li .tab_cont ul{padding:10px 20px 0 20px;text-align:left;} .main_container .category > div > ul > li .tab_cont ul li{padding:10px 0;border-top:solid 1px #ced2d7; position: relative; text-indent: 13px;} .main_container .category > div > ul > li .tab_cont ul li:after { display: block; content: ""; width:3px; height: 3px; position: absolute; top:15px; left:3px; background:url("https://img.sedaily.com/Html/common/category_dot.png") no-repeat } .main_container .category > div > ul > li .tab_cont ul li a{ display: block; width: 100%; font-size:12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#666;} .main_container .category > div > ul > li .tab_cont ul li a:hover, .main_container .category > div > ul > li .tab_cont ul li a:focus { color:#000;} @media screen and (max-width:1200px){ .main_container .category{ padding: 0 27px;} .main_container .category > a.left_arr { left: 0;} .main_container .category > a.right_arr { right:0; } } @media screen and (max-width:1100px){.main_container .category > div > ul > li {width:16.66666%;/*임시*/}} @media screen and (max-width:1024px){.main_container .category{ margin:20px 0;}} @media screen and (max-width:900px){ .main_container .category{ padding:15px 0; margin:0 0 15px 0; border-bottom: 1px solid #d1d5d9;} .main_container .category > a { display: none;} .main_container .category > div { border: 0 none; overflow: inherit;} .main_container .category > div > ul{ width: 2000px;/*임시*/ margin-left0;} .main_container .category > div > ul h3 a{ padding:13px 0 8px; color:#0078bd; font-size:18px;} .main_container .category > div > ul > li { width: 220px;/*임시*/ border:0 none; padding-right:6px;} .main_container .category > div > ul > li > div { border:1px solid #e1e1e1; border-bottom: 1px solid #bfc1c3; } .main_container .category > div > ul > li > div .section_tab, .main_container .category > div > ul > li .tab_cont dl dd, .main_container .category > div > ul > li .tab_cont ul li:nth-child(3), .main_container .category > div > ul > li .tab_cont ul li:nth-child(4){display:none;} .main_container .category > div > ul > li p { padding: 0 10px} .main_container .category > div > ul > li .tab_cont a { display: block; height: 100%;} .main_container .category > div > ul > li .tab_cont dl dt { text-align: left; font-size: 16px; font-weight: normal; margin:10px; line-height: 20px; color:#000;} .main_container .category > div > ul > li .tab_cont ul { padding:0 10px 8px 10px; color:#666; font-size: 13px} .main_container .category > div > ul > li .tab_cont ul li { padding: 8px 0; text-indent: 0;} .main_container .category > div > ul > li .tab_cont ul li:after { display: none; } .main_container .category > div > ul > li .tab_cont ul li a:hover { color:#666;} .main_container .category > div > ul > li .tab_cont div > a:hover dl dt { color:#000 } } @media screen and (max-width:640px){ .main_container .category > div > ul{ margin-left:10px;} .main_container .category{ margin:0; border-bottom:0 none;} } /* 서경스타 */ .main_container .bottom_news .right_cont .today_cont .sed_star { width: 50%; height:385px; position: relative;} .main_container .bottom_news .right_cont .today_cont .sed_star, .main_container .bottom_news .right_cont .today_cont .sed_star * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .main_container .bottom_news .right_cont .today_cont .sed_star h3 { width: 100%; height: 38px; position: absolute; top:0; left: 0; border-bottom:1px solid #ced2d7; background:#f2f2f2; text-align: left; padding-left: 10px; } .main_container .bottom_news .right_cont .today_cont .sed_star h3 a { display: block; height: 100%; position: relative; } .main_container .bottom_news .right_cont .today_cont .sed_star h3 .h4_text { display: block; width: 100%; height: 100%; line-height: 38px; font-size: 16px; font-weight: bold; color:#333; letter-spacing: 0;} .main_container .bottom_news .right_cont .today_cont .sed_star h3 .h4_arrow { display: block; width:20px; height: 100%; position: absolute; top:0; right:5px; background: url("https://img.sedaily.com/Html/content/cube/cube_26.png") no-repeat; background-position: center; font-size: 0; text-indent: -9999px; } .main_container .bottom_news .right_cont .today_cont .sed_star > div { width: 100%; height: 100%;} .main_container .bottom_news .right_cont .today_cont .sed_star ul { width: 100%; height: 100%; padding:48px 5px 5px 10px; } .main_container .bottom_news .right_cont .today_cont .sed_star ul li { width: 50%; height: 25%; float: left; padding:0 5px 5px 0;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img1 { width: 100%; height: 50%; padding-bottom: 10px;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li a { display: block; height: 100%; border:1px solid #e4e4e4; overflow: hidden; position: relative;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb { position: relative; width: 100%; height:100%;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb:after { display: block; content: ""; width: 100%; height:28px; position: absolute; bottom:0; left: 0; background:url("https://img.sedaily.com/Html/Special/politics/politics_30.png") repeat-x; background-size: 100% 28px;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img1 .thumb:after { display: block; content: ""; width: 100%; height:53px; position: absolute; bottom:0; left: 0; background:url("https://img.sedaily.com/Html/Special/politics/politics_30.png") repeat-x; background-size: 100% 53px;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb img { width: 100%; min-height:100%;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li a dl { width: 100%; position: absolute; bottom: 0; left: 0; text-align: left;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img1 a dl dt { font-size: 14px; text-align: center;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li a dl dt { width: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 11px; color:#fff; padding: 5px 15px 5px 7px;} @media screen and (max-width:1024px){.main_container .bottom_news .right_cont .today_cont .sed_star { width: 100%; }} @media screen and (max-width:768px){.main_container .bottom_news .right_cont .today_cont .sed_star { width: 50%; }} @media screen and (max-width:480px){ .main_container .bottom_news .right_cont .today_cont .sed_star { width:100%; height:auto;/*임시*/ padding-bottom: 15px; background:#e6e8eb;} .main_container .bottom_news .right_cont .today_cont .sed_star div {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom:53.6%; } /*title*/ .main_container .bottom_news .right_cont .today_cont .sed_star h3 { position: static; padding:0 10px; border-bottom: 0 none; background:#e6e8eb; margin-bottom: 15px;} .main_container .bottom_news .right_cont .today_cont .sed_star h3 a { border-bottom: 1px solid #d1d5d9; } .main_container .bottom_news .right_cont .today_cont .sed_star h3 .h4_text { font-size: 18px;} .main_container .bottom_news .right_cont .today_cont .sed_star h3 .h4_arrow { right:-5px; } /*ul li - contents*/ .main_container .bottom_news .right_cont .today_cont .sed_star ul { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 5px 0 10px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li { width: 50%; height:auto; float: left; padding:0 5px 5px 0; position: relative; } .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img1 { width: 50%; height:auto; padding:0 5px 5px 0 } .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img5 { display: none;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li a { border:0 none; background: #fff;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb { height: 0; overflow: hidden; padding-bottom: 55.83%;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb:after { display: block; content: ""; width: 100%; height:73px; position: absolute; bottom:0; left: 0; background:url("https://img.sedaily.com/Html/Special/politics/politics_30.png") repeat-x; background-size: 100% 73px;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img1 .thumb:after { display: block; content: ""; width: 100%; height:73px; position: absolute; bottom:0; left: 0; background:url("https://img.sedaily.com/Html/Special/politics/politics_30.png") repeat-x; background-size: 100% 73px;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb:before { display: block; content: ""; width: 100%; height:100%; position: absolute; top:0; left: 0; border:1px solid #dadada; z-index: 20;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li .thumb img { display: block; position: absolute; top: 0; left: 0; min-height: 100%;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li a dl dt { font-size: 13px; padding: 10px 20px 10px 10px;} .main_container .bottom_news .right_cont .today_cont .sed_star ul li.star_img1 a dl dt { text-align: left; font-size: 13px; padding: 10px 20px 10px 10px;} } @media screen and (max-width:320px){.main_container .bottom_news .right_cont .today_cont .sed_star div {padding-bottom:53.2%; }} /* 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*/ /*bottom 매거진*/ .main_container .bottom_news .other_cont{display:none;} .main_container .other_cont{overflow:hidden;} .main_container .other_cont > div{position:relative;float:left;width:50%;margin-top:45px;} .main_container .other_cont > div > p{padding-bottom:25px;font-size:18px;color:#303030;font-weight:bold;letter-spacing:0} .main_container .other_cont > div > div{position:relative;max-width:397px;margin:0 auto;} .main_container .other_cont > div > div > div{padding-top:100%;} .main_container .other_cont > div > div > div .bx-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;width:auto;height:auto;margin:2px !important;z-index:1} .main_container .other_cont > div > div > div .bx-viewport{height:100% !important} .main_container .other_cont > div > div > div .cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2} .main_container .other_cont > div > div > div .btn_link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;font-size: 0; text-indent: -9999px;} .main_container .other_cont .bx-controls-direction{position:absolute;left:0;top:50%;width:100%;margin-top:-13px;} .main_container .other_cont .bx-controls-direction .bx-prev{left:-60px;} .main_container .other_cont .bx-controls-direction .bx-next{right:-60px;} /* sub_main */ #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("https://img.sedaily.com/Html/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 .s_news{float:left;width:298px;border-left:solid 1px #d1d5d9;border-right:solid 1px #d1d5d9;} #container.sub_main .s_news > div{padding:20px;height:243px} #container.sub_main .s_news > div:first-child{border-bottom:solid 1px #d1d5d9;} #container.sub_main .s_news > div > a p{height:143px;background:#fafafa;border:1px solid #e5e5e5} #container.sub_main .s_news > div > a p img{width:100%;max-width:258px;} #container.sub_main .s_news > div dl{padding-top:15px;} #container.sub_main .s_news > div dl dt{padding-bottom:10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;color:#222;} #container.sub_main .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 .s_news > div dl dd.name{padding-bottom:5px;font-size:12px;height:auto} #container.sub_main .s_news > div dl dd.name > span{margin-left:10px;padding-left:11px;background:url("https://img.sedaily.com/Html/content/bg_bar.gif") no-repeat left 50%;} #container.sub_main .s_news > div dl dd.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%;} #container.sub_main .news_classification .issue a:hover dl dt, #container.sub_main .news_classification .issue a:focus 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{padding-bottom:3px;font-size:12px;} #container.sub_main .news_classification .issue dl dd.name > span{margin-left:10px;padding-left:11px;background:url("https://img.sedaily.com/Html/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;} #container.sub_main .news_classification .other_news li{margin-top:9px;padding-left:8px;background:url("https://img.sedaily.com/Html/content/bg_list.gif") no-repeat left 6px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} #container.sub_main .news_classification .other_news li:first-child{margin-top:0} #container.sub_main .side_bar{top:0; } /* sub_list */ #container .m_location{display:none;border-bottom:solid 1px #ced2d7;} @media screen and (max-width:900px){ #container .m_location{position:relative;text-align:left;color:#888;z-index:100;display:block; font-size: 14px; padding-left: 10px; height: 26px;} #container .m_location .back{padding:2px 15px 0 0;float:left;} #container .m_location .location{height:30px;font-size:16px; color:#888; font-size: 14px; padding-left: 10px; height: 26px;} #container .m_location .location > a{color:#888;} #container .m_location .location a.last{color:#0078bd;} #container .m_location .location .short { display: none;} #container .m_location .location .last{color:#0078bd;} #container .m_location .location ul{position:absolute;left:0;top:30px;padding:5px 10px;background:#fff;border:solid 1px #ced2d7;display:none;} #container .m_location .location ul{line-height:18px;font-size:13px;} } @media screen and (max-width:640px){ #container .m_location{padding:0} .card_slide_view .bx-controls-direction .bx-next{ right:-25px !important} .card_slide_view .bx-controls-direction .bx-prev{ left:-25px !important} } #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("https://img.sedaily.com/Html/content/bg_bar.gif") no-repeat right 50%} .news_sort a{color:#888;} .news_sort a.on{color:#444;padding-left:20px;background:url("https://img.sedaily.com/Html/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{ border-top:1px solid #ced2d7 } .news_list li{position:relative;overflow:hidden;padding:20px 0 15px ;border-top:solid 1px #e7e8ea;min-height:143px} .news_list li:first-child{ border-top:0} .news_list li:last-child { border-bottom:solid 1px #e6e8eb;} .news_list li > div{padding-right:10px;} .news_list li:hover dt a{ text-decoration: underline;} .news_list li.no_img { display: table; } .news_list li.no_img > div{padding-left:0;display: table-row; vertical-align:middle} .news_list li.no_img > div dl { display: table-cell; vertical-align:middle} .news_list li.no_img > div dt,.news_list li.no_img > div dd{padding-right:10px;} .news_list li > p{position:absolute;right:0;top:15px;width:200px;height:112px;min-width:90px;overflow:hidden;text-align:center;border:1px solid #e2e2e2;line-height:71px} .news_list li > p a{ width:100%; height:100%; display: block; line-height:104px; position:relative; padding: 0 0 56%} .news_list li > p img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle; position: absolute; top:0; left:0; width:100%; min-height:100%;} .news_list li > div .group{padding-bottom:5px;} .news_list li > div .group a{color:#c99933;font-size:14px;} .news_list li > div dt{max-height:48px;overflow:hidden;margin-bottom:3px; padding-right:210px} .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:#333;line-height:24px; } .news_list li > div dt a:hover { text-decoration: underline;} .news_list li > div dt a span { font-family:'notokr-bold';} .news_list li > div dd, .news_list li > div dd a{color:#555; font-size:15px;font-family:'notokr-demilight';} .news_list li > div dd{margin-top:10px; padding-right:210px; line-height:19px;overflow: hidden;line-height:24px; text-overflow: ellipsis;white-space: normal;max-height:72px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news_list li > div.no_img dd { padding-right:0} .news_list li > div dd.name{padding-bottom:3px;font-size:13px; color:#888;font-family:'notokr-demilight';margin-top:0} .news_list li > div dd.name > span{display:inline;zoom:;*display:inline;margin-left:10px;padding-left:11px;background:url("https://img.sedaily.com/Html/content/bg_bar.gif") no-repeat left 6px;} .news_list li > div dd.name > span:first-child{margin-left:0;padding-left:0;background:none} .news_list li > div dd.name > span:nth-child(3) {display: none} .newsPage{margin:50px 0 0 0} .newsPage ul{text-align:center;font-size:0} .newsPage ul li{display:inline-block;width:29px;height:29px;border-radius:50%;margin:0 2.5px} .newsPage ul li.arr.p{margin-right:10px} .newsPage ul li.arr.n{margin-left:10px} .newsPage ul li.arr a{font-size:0;border:1px solid #d1d1d1;border-radius:50%} .newsPage ul li.arr a span{display:block;height:100%;background:url("https://branchimg.sedaily.com/signal/images/page_arr2.png")no-repeat;margin:-1px 0 0 -1px} .headline_list .newsPage ul li.arr a span{ margin:0} .newsPage ul li.arr.pp a span{background-position:0 0} .newsPage ul li.arr.pp a:hover span{background-position:-29px 0} .newsPage ul li.arr.p a span{background-position:-58px 0} .newsPage ul li.arr.p a:hover span{background-position:-87px 0} .newsPage ul li.arr.n a span{background-position:0 -29px} .newsPage ul li.arr.n a:hover span{background-position:-29px -29px} .newsPage ul li.arr.nn a span{background-position:-58px -29px} .newsPage ul li.arr.nn a:hover span{background-position:-87px -29px} .newsPage ul li a{display:block;width:100%;height:100%;color:#999;font-size:15px;line-height:27px;transition:all 0.3s ease-out;border-radius:50%;border:1px solid #fff} .newsPage ul li a:hover{background:#fff;color:#999;border:1px solid #999} .newsPage ul li.on a{cursor:default} .newsPage ul li.on a, .newsPage ul li.arr a:hover{background:#3c3c3c;color:#fff;border:1px solid #3c3c3c} .newsPage ul li.arr a:hover{border:1px solid #3c3c3c} /*disable*/ .newsPage ul li.arr.disable a, .newsPage ul li.arr.disable a:hover{border:1px solid #d1d1d1; background:#f0f0f0; cursor: default} .newsPage ul li.arr.disable a span, .newsPage ul li.arr.disable a:hover span{ opacity: 0.6} .newsPage ul li.arr.pp.disable a:hover span{background-position:0 0} .newsPage ul li.arr.p.disable a:hover span{background-position:-58px 0} .newsPage ul li.arr.n.disable a:hover span{background-position:0 -29px} .newsPage ul li.arr.nn.disable a:hover span{background-position:-58px -29px} /* sub_view */ .sub_view{text-align:left} .sub_view h2{font-size:30px;color:#222;line-height:40px;} .sub_view .subject_info{font-size:21px;color:#666;margin-top:13px;line-height:28px} .sub_view .view_top{position:relative; height:30px; 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;margin-left:10px;padding-left:10px; font-size:14px; line-height:30px; color:#888;background:url(https://img.sedaily.com/Html/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:30px;height:30px;border:1px solid #ced2d7;text-align:center;line-height:30px; } .sub_view .view_top .btn_info ul li:first-child a{border-right:none} .sub_view .view_top .btn_info .btn_articlesave {display: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(https://img.sedaily.com/Html/content/hash_icon.gif)} .sub_view .view_hash a{font-size:12px;color:#888} .sub_view .view_con{padding:26px 0;font-size:17px;color:#1c1c1c;line-height:1.65em; letter-spacing: 0} .sub_view .view_con img{max-width:100%} .sub_view .view_con table{background:none !important;text-align:center;table-layout:fixed;width:100%; margin-bottom: -12px} .sub_view .view_con table td{background:none !important;text-align:center; padding:2px; font-family:'notokr-regular' !important; color:#888; font-size:14px !important;} .sub_view .view_con iframe{max-width:100%;display:block;margin:0 auto} .sub_view .view_con table tr:nth-child(2) td{ padding-top:10px !important} .sub_view .view_con table td.caption{font-size:14px;color:#888;line-height:20px; padding-top:10px;font-family:'notokr-regular' !important; } .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;} /*카드뉴스*/ .card_view_sort{position:relative;border-bottom:1px solid #ced2d7;border-top:1px solid #ced2d7;padding:12px 20px;text-align:left} .card_view_sort .title{font-size:15px;color:#444;} .card_view_sort .title > span{font-weight:700;color:#fa702c} .card_view_sort ul{position:absolute;top:50%;right:20px;margin-top:-7px} .card_view_sort ul li{float:left;padding-left:10px;margin-left:10px;border-left:1px solid #c3c3c3} .card_view_sort ul li:first-child{padding-left:0;margin-left:0;border:none} .card_view_sort ul li a{display:block;color:#888;line-height:1} .card_view_sort ul li.actived a{padding-left:20px;background:url(https://img.sedaily.com/Html/content/bg_sort_on.png) left center no-repeat;color:#444} .card_slide_view{position:relative;max-width:500px;margin:0 auto;height:500px;overflow:hidden;visibility:hidden} .card_slide_view .bx-controls-direction .bx-prev{position:absolute;left:-78px;top:50%;margin-top:-18px} .card_slide_view .bx-controls-direction .bx-next{position:absolute;right:-78px;top:50%;margin-top:-18px} .card_slide_view .bx-pager{position:relative;text-align: center;margin-top:10px} .card_slide_view .bx-controls .bx-pager-item{margin:0 4px;} .card_slide_view .cell img{width:100%} .pop {display:none; position:fixed; background:#fff;z-index:9999} .company_con,.company_intro { position: relative; max-width:1200px; margin:0 auto ; } .h927 { min-height:1134px;} .company{ position: relative; margin-bottom:65px} .img_company { margin-top:70px; background:url(https://branchimg.sedaily.com/LifeJump/img_company.jpg)no-repeat top center; width:100%; height:789px;} .right_img {position: absolute; right:-252px; top:40px; background: url(https://branchimg.sedaily.com/LifeJump/right_img.png) no-repeat; width:1135px; height:589px} .left_text { text-align: left; width:675px; padding-top:25px} .left_text h2 { color:#1c1c1c;font-family:'notokr-Bl'; font-size:45px; margin-bottom:25px; } .left_text .sub_txt { font-size:26px; font-family:'notokr-Bold'; color:#1c1c1c; margin-bottom:25px} .left_text .sub_txt span { display: block;font-family:'notokr-Bold'; } .left_text .sub_txt1 { font-size:16px; color:#666; line-height:1.45em; text-align: left} .left_text .sub_txt1 span { display: block} .left_text .sub_txt1 span:nth-of-type(2) { color:#94a917;} .left_text .sub_txt1 ul { margin-top:35px; margin-bottom:25px; display: inline-block;} .left_text .sub_txt1 ul li { font-family:'notokr-Bold'; font-size:18px; color: #1c1c1c; position:relative; padding-bottom:7px; margin-bottom:7px} .left_text .sub_txt1 ul li:last-child{ margin-bottom:0} .left_text .sub_txt1 ul li:before { display:inline-block;content:'';background:#1c1c1c; width:3px; height:3px; border-radius:50px; margin-right:5px; vertical-align: middle} .left_text .sub_txt1 ul li:after { display: block; content: ''; position: absolute;bottom:0; width:100%; height:1px; background:#959595 } .img_news_con { border-top:1px solid #ebebeb; padding-top:65px;} .img_news_con h2 {color:#1c1c1c;font-family:'notokr-Bold'; font-size:26px; } .img_news_con h2 span {display: block;font-family:'notokr-Bold';} .img_info {background:url(https://branchimg.sedaily.com/LifeJump/img_info.jpg)no-repeat top center; width:1198px; height:750px; position: relative; margin-top:25px} .img_info .info span{ display: block; margin-bottom:20px} .img_info .info { position: absolute; font-size:16px; color:#666;font-family:'notokr-medium'} .img_info .info ul li {font-family:'notokr-medium'; margin-bottom:5px} .img_info .info ul li:before {display:inline-block;content:''; background:#666; width:3px; height:3px; vertical-align: middle; margin-right:5px; border-radius:50px} .img_info .info.info1 { top:179px;left:96px} .img_info .info.info2 { top:179px; right:150px} .img_info .info.info3 { bottom:0; left:516px } .company.sub6 h3 { display: none} /*6-4*/ .sub6 { margin-top:70px} .sub6_4{text-align:left} .sub6_4 .map{height:450px;border:1px solid #ced2d7;margin-bottom:20px} .sub6_4 h3{font-size:22px;line-height:1;color:#000;font-family:'notokr-Bold';text-align:left;margin-bottom:20px;padding-left:5px} .sub6_4 h3.second{margin-top:65px} .sub6_4 p{color:#333;font-size:15px;font-family:'notokr-demilight';line-height:24px} .sub6_4 p .tgray{color:#999} .sub6_4 p .tred{color:#e01f26} .sub6_4 p .nth2{margin-left:20px} .call_tit{display:inline-block;width:120px} .sub_policy >p { border-bottom:1px solid #e2e4e7; padding-bottom:45px} .sub_policy, .sub_policy *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .sub_policy{text-align:left} .sub_policy h3, .sub8_con h3{font-size:30px;font-family:'notokr-medium';color:#000;margin:65px 0 55px 0;text-align:center} .sub_policy p{font-size:15px;line-height:26px;font-family:'notokr-demilight';color:#333} .sub_policy p.gray{color:#999} .sub_policy p span{display:block} .policy_list{width:960px;margin:55px auto 0 auto;background:#f2f2f2;border:1px solid #ced2d7; display: none;} .policy_list:after{content:"";display:block;clear:both} .policy_list > li{width:50%;float:left} .policy_list > li:nth-child(1){border-right:1px solid #dcdfe2} .policy_list > li ul{width:100%} .policy_list > li ul li{height:50px;line-height:50px;border-top:1px solid #dcdfe2} .policy_list > li ul li:first-child{border-top:0 none} .policy_list > li ul li a{display:block;font-size:16px;font-family:'notokr-regular';color:#000;padding:0 30px} .policy_list > li ul li a:hover{background:#3c3c3c;color:#fff} .policy_sec{border-bottom:1px solid #e2e4e7;padding-bottom:45px} .policy_sec:last-child{border-bottom:0 none} .policy_sec h4{font-size:18px;color:#000;font-family:'notokr-medium';margin:50px 0 25px 0} .policy_sec dl{font-size:15px;line-height:26px;font-family:'notokr-demilight';color:#333} .policy_sec dl > *{display:block} .policy_sec dl dd{color:#999;padding-left:33px} .right_img img{ display: none} .img_info_m {display: none} .intro_sub {font-family:'notokr-bold'; font-size:26px; margin:65px 0; color:#1c1c1c} .intro_sub span {font-family:'notokr-bold'; color:#94a917 } .intro_sub em { display:block;font-family:'notokr-bold';} .intro_sub>span .g_arr{ display:inline-block; background:url(https://img.sedaily.com/Html/content/g_arr.gif)50% 50% no-repeat; width:12px; height:30px;} .intro_subs { color:#666;font-size:14px; font-style: italic; margin-top: -50px; line-height:1.4em; margin-bottom:45px} .intro_subs strong{ color:#000; font-family:'notokr-bold';} .intro_subs span{ display: block} .dimed {display: none; position: fixed; background: rgba(0,0,0,.5); top: 0; left: 0;width: 100%;height: 100%;z-index: 1000; } .intro_list { font-size:0; text-align: left;} .intro_list li { cursor: pointer; position: relative;width:calc(25% - 15px); margin-right:20px; margin-bottom:20px; display: inline-block;} .intro_list li .dimed { opacity: 0;transition: all .1s; display: table;position:absolute; top:0; left:0; width:100%; height:100%;background:#000;z-index: 10} .intro_list li .btn_big{display: none; z-index: 100; position: absolute; top:50%; left:50%; margin:-45px 0 0 -36px;vertical-align:middle; font-size:20px; color:#fff; text-align: center;} .intro_list li .btn_big em{ display: inline-block; margin-top:12px; position: relative;} .intro_list li .btn_big em:after {display: block; content:''; position: absolute; width:100%; bottom:-5px; left:0; height:1px; background:#fff} .intro_list li:hover .dimed { opacity:0.6} .intro_list li:hover .btn_big { display: block;} .intro_list li:nth-child(4n) { margin-right:0} .intro_list li .pos_tit { text-align: center;color:#1c1c1c; display:block; border:1px solid #98ab26;line-height:41px; height:45px; background:#bed62f; font-size:20px;font-family:'notokr-bold'; } .intro_list li .pos_thumb { position: relative; } .intro_list li .pos_thumb span { display: block; } .intro_list li .pos_thumb span:after { display: block; content:''; position: absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1);border-top:0; box-sizing: border-box;} .intro_list li .pos_thumb span img { min-height:100%;} .big_pop {min-height:904px; height: 904px; display: none;z-index: 100; width:1198px; background:#373737; position:absolute; top:500px; left:50%; margin-left: -599px; } .big_pop img { border: 0} .big_pop_head { position: relative;} .big_pop h2 { color:#fff;font-family:'notokr-medium'; height: 60px; line-height:59px; border-bottom:1px solid #5f5f5f; font-size:16px;} .big_pop_con { padding:50px 0; overflow: hidden;} .btn_history{z-index:100!important; border:1px solid rgba(255,255,255,.5) ;background:#373737 url(https://img.sedaily.com/V2/Images/ico_pop_x_w.svg) 49% 50% no-repeat;width:30px; height:30px ;background-size: 12px; top:15px; right:15px; box-sizing: border-box;} .big_pop a.btn {position: absolute; text-indent:-1000em;display: block} .pos_swipe .swiper-container-horizontal>.swiper-pagination-bullets, .pos_swipe .swiper-pagination-custom, .pos_swipe .swiper-pagination-fraction{ top:20px; text-align: left; color:#fff; font-family:'Helvetica'; font-size:16px; bottom:inherit; right:inherit;left:15px; width: inherit; } .pos_swipe .swiper-button-next { background: url(https://branchimg.sedaily.com/LifeJump/btn_next.svg)no-repeat; width: 34px; height:72px; background-size:100%; right:50px;} .pos_swipe .swiper-button-next:hover {background: url(https://branchimg.sedaily.com/LifeJump/btn_next_on.svg)no-repeat;background-size:100%; } .pos_swipe .swiper-button-prev { background: url(https://branchimg.sedaily.com/LifeJump/btn_prev.svg)no-repeat; width: 34px; height:72px; background-size:100%; left:50px;} .pos_swipe .swiper-button-prev:hover {background: url(https://branchimg.sedaily.com/LifeJump/btn_prev_on.svg)no-repeat;background-size:100%; } .pos_swipe .swiper-pagination-current { color:#bed62f; text-decoration: underline;} .pos_swipe .swiper-button-next:after, .pos_swipe .swiper-container-rtl .swiper-button-prev:after { content:''} .pos_swipe .swiper-button-prev:after, .pos_swipe .swiper-container-rtl .swiper-button-next:after {content:''} .tab_con .cir {margin-bottom:45px} .service_info { padding-bottom:72px; border-bottom:1px solid #ebebeb } .service_info:last-of-type { border-bottom:0; padding-bottom:0} .mt20,.mt30 { margin-top:-20px} .mttop { margin-top:60px} .info_list { font-size:0} .info_list>li { display: inline-block; margin-right:20px; width:calc(25% - 15px); } .info_list>li:last-child{ margin-right:0} .info_list>li .tit { color:#1c1c1c;background:#bed62f; border:1px solid #98ab26;display: block; height:45px; line-height:45px; font-size:20px; font-family:'notokr-bold'; } .info_list>li>ul { padding:22px 20px; border:1px solid #cccccc; border-top:0; height:238px} .info_list>li>ul li { position: relative; padding-left:15px;font-size:18px; color:#333; text-align:left; margin-bottom:8px} .info_list>li>ul li span { display: block; font-size:15px;} .info_list>li>ul li:before { display: inline-block; content:''; position: absolute; top:9px; left:0;border-radius:50px; width:3px; height:3px; background:#333; vertical-align:middle; margin-right:8px} .cen_area { display: inline-block;margin-top:-16px} .dig_tit { height: 35px; position: relative; font-family:'notokr-bold'; font-size:22px; color:#1c1c1c;display: inline-block; } .dig_tit span{color:#bed62f;font-family:'notokr-bold';} .dig_tit:after { display: block; content:''; position: absolute; bottom:0; left:0; width:100%; height: 1px; background:#1c1c1c; } .cen_area ol { margin-top:30px;} .cen_area ol li{ text-align: left; font-size:18px; color:#1c1c1c; margin-bottom:15px; position: relative; padding-left:28px} .cen_area ol li:last-child{ margin-bottom:0} .cen_area ol li span{ display: inline-block; position: absolute; width:18px;height:18px; color:#fff; font-size:13px; top:1px; left:0;background:#333333; text-align: center; line-height: 18px; border-radius:50px} .expert_list { text-align: left; font-size:0} .expert_list li { position:relative;display:inline-block; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px} .expert_list li .thumb_img img{ width:100%;} .expert_list li .thumb_img span { display: block; position:relative;} .expert_list li .thumb_img span:before { display: block; content:''; box-sizing: border-box; position: absolute; top:0;left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.3)} .expert_list li:nth-child(4n) { margin-right:0} .expert_list li .dimed{z-index: 100;display: block;top:inherit;position:absolute;bottom:0; height: 76px; left:0; width:100%; background:rgba(0,0,0,.5); color:#fff; padding:13px 15px} .expert_list li .dimed .name { display: block; font-size:22px;font-family:'notokr-bold'; margin-bottom:8px} .expert_list li .dimed .part{ font-size:15px; text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;white-space: nowrap;word-wrap: normal !important; display: block;} .s640 { display: none} .s1198 { display: block} .rel_list { font-size:0; text-align: left} .rel_list li { width:calc(20% - 8px); display: inline-block; border:1px solid #dadcd9;margin-right:10px; margin-bottom:10px; text-align: center} .rel_list li:nth-child(5n) { margin-right:0} @media screen and (max-width:1230px){ .company_con, .company_intro { margin:0 15px}} @media screen and (max-width:1198px){ .left_text .sub_txt span { display: inline} .right_img { position: inherit; width:100%; height:auto; overflow: hidden; right: inherit; top:inherit;background:url(https://branchimg.sedaily.com/LifeJump/right_img_m.png) top center no-repeat ; background-size:contain;} .right_img img{ display: block} .left_text {padding-top:0; margin-top:-160px ; position: relative; z-index:10} .left_text h2 {display: none} .left_text .sub_txt { font-size:18px; margin-bottom:15px; line-height:1.4em} .sub_txt1>div { text-align: center;} .sub_txt1 ul li { font-size:17px !important; text-align: left} .left_text .sub_txt1 ul { margin:20px 0 10px} .left_text .sub_txt1 { margin-bottom:30px; font-size:15px} .img_news_con { margin:0 15px; padding-top:25px} .img_news_con h2 { font-size:18px; text-align: left; line-height:1.4em} .img_news_con h2 span { display: inline} .img_info {display:none} .img_info_m { display:block} .img_info_m { margin-top:10px} .img_info_m dl { text-align: left; margin-top:30px} .img_info_m dl dt { color:#1c1c1c; font-size:17px;font-family:'notokr-Bold';} .img_info_m dl dt:before { display:inline-block;content:''; background:#1c1c1c; width:3px; height:3px; vertical-align: middle; margin-right:5px} .img_info_m dl dd { margin-top:5px; line-height:1.5em; margin-bottom:20px; color:#666; font-size:15px} } @media screen and (max-width:1024px){ .card_view_sort ul { right:15px} .card_view_sort { margin:30px 15px 0 15px; padding:12px 15px} .h927 { min-height:inherit;;} .intro_sub>span .g_arr { background-size:9px; height:20px} .company_con, .company_intro { margin:0} .big_pop_head {display: none} .intro_subs span{ display: inline} .intro_sub em { display:inline;} .mt30 { margin-top:10px} .info_list{ border:1px solid #99ab27;display:flex; flex-direction: row; flex-wrap: wrap; } .mttop { margin-top:28px} .service_info {padding-bottom:30px} .info_list>li { margin-right:0; width:50%; background:#bfd630; word-break: keep-all;border:1px solid #99ab27; border-top:0; padding-top:10px;} .info_list>li:nth-child(odd) { border-left:0; border-right:0} .info_list>li:nth-child(even) { border-right:0} .info_list>li:nth-child(3),.info_list>li:nth-child(4) {border-bottom:0} .info_list>li>ul li span {display: inline;} .info_list>li .tit {position: relative; border:0; font-size:17px; color:#000; height:35px; line-height:35px;display: inline-block;} .info_list>li .tit:after { display: block; content:''; position: absolute; width:100%; height: 1px; background:#5f6b18;bottom:0; left:0 } .info_list>li>ul { border:0; height:inherit; padding:12px 15px } .info_list>li>ul li{ font-size:15px; color:#1c1c1c; padding-left:10px} .info_list>li>ul li:before { top:7px} .tab_con .cir { margin-bottom:30px} .company.sub6 h3 { display: block;line-height:inherit;height:inherit; color:#040707; font-size:20px; margin:30px 0 35px 0; position: relative; text-align:center;font-family:'notokr-regular'!important; } .company.sub6 h3:after{display: block; content: ""; width:20px; height: 1px; position: absolute; bottom:-15px; left:50%; margin-left: -10px; background: #040707; } .dig_tit { font-size:18px; height:28px} .cen_area ol { margin-top:13px;} .cen_area ol li { color:#666; font-size:16px; margin-bottom:8px;padding-left:23px } .cen_area ol li span{ font-size:11px; width:15px; height:15px; line-height:17px; top:1px} .left_text { padding:0 15px; width:100%;} .big_pop { background:#000} .pos_swipe .swiper-button-next { z-index: 1000;background:rgba(0,0,0,.5) url(https://img.sedaily.com/V2/Images/btn_move_w.svg) 50% 50% no-repeat;right:15px; background-size: 12px;border: 1px solid rgba(255,255,255,.5); top: inherit;bottom: 10px;width:31px;height: 31px;z-index: 99999;} .pos_swipe .swiper-button-next:hover { background:url(https://img.sedaily.com/V2/Images/btn_move_w.svg) 50% 50% no-repeat; background-size: 12px;} .pos_swipe .swiper-button-prev { z-index: 1000;left:15px;background:rgba(0,0,0,.5) url(https://img.sedaily.com/V2/Images/btn_move_w1.svg) 50% 50% no-repeat;right:15px; background-size: 12px;border: 1px solid rgba(255,255,255,.5); top: inherit;bottom: 10px;width:31px;height: 31px;z-index: 99999;} .pos_swipe .swiper-button-prev:hover { background:url(https://img.sedaily.com/V2/Images/btn_move_w1.svg) 50% 50% no-repeat; background-size: 12px;} .pos_swipe .swiper-pagination {text-align: center; z-index:12;font-size:15px; border:1px solid rgba(255,255,255,.5);left:50%; margin-left:-37px; width:75px; border-radius:50px; height:31px; line-height:30px; top:inherit; bottom:10px;} .pos_swipe .swiper-pagination .swiper-pagination-current { text-decoration:underline;display: inline-block;} .btn_history{background: rgba(0,0,0,.3) url(https://img.sedaily.com/V2/Images/ico_pop_x_w.svg) 50% 50% no-repeat; background-size:12px} .pos_swipe .swiper-pagination-current {color:#fff} .intro_list li:hover .btn_big { display: none;} .tab_con { padding: 0 15px} .intro_sub { text-align: left; font-size:18px; margin:22px 0} .intro_sub>span { display: inline} .intro_list li .pos_tit { text-align: center; color: #1c1c1c; display: block; border: 1px solid #98ab26; line-height: 32px; height: 35px; background: #bed62f; font-size: 16px; font-family: 'notokr-bold'; } .intro_list li:hover .dimed { opacity:0} .bt_article {color:#fff; line-height:1.32em;width:100%; font-size:16px; text-align: center; position: absolute;bottom:0 ; padding: 0 4rem; background: url(https://img.sedaily.com/V2/Images/bg_article.png) repeat-x;height:175px; z-index:10} .bt_article span{ position: absolute;left:40px; right:40px; display: block; bottom:55px; word-break: keep-all;} .big_pop {position: fixed;width:100%; height:100%; top:0; bottom:0; left:0; right:0; margin:0; z-index: 1000; min-height:100%;} .big_pop img { width:auto; max-width:100%; height:auto} .big_pop img.v { width: auto; height:100%;} .big_pop .swiper-slide{ display: table} .big_pop .table_cell {display: table-cell;vertical-align: middle; text-align: center;position: relative;overflow: hidden; padding:0 15px} .big_pop_con { padding:0} .intro_subs { text-align: left; font-style: normal;; margin-top:-15px; line-height:1.4em; font-size:15px; margin-bottom:25px} .expert_list li {position: relative;width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px; display: inline-block; } .expert_list li .dimed {display: block;height:50px;padding:8px 10px; bottom:0!important; top:inherit;} .expert_list li .dimed .name {font-size:15px; margin-bottom:3px} .expert_list li .dimed .part {font-size:13px; } .intro_list li { cursor: pointer; position: relative;width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px; display: inline-block;} .rel_list li {width:calc(25% - 7.5px); } .rel_list li:nth-child(5n) { margin-right:10px } .rel_list li:nth-child(4n) { margin-right:0 !important} .left_text .sub_txt1 span {display: inline} .reporter { display: none} .sub_policy >p { border-bottom:1px solid #e2e4e7; padding-bottom:20px} .policy_sec{border-bottom:1px solid #e2e4e7;padding-bottom:20px} .news_list li > div dt a span { font-family:'notokr-medium'; display: block;} .news_list li:first-child{ border-top:0} .news_list li > div dt,.news_list li > div dd{ padding-right:144px} .news_list { border-top:1px solid #e7e7e7 } .news_list li > div dt a:hover,.news_list li > div dt a:link { text-decoration: none !important} .sub6_4 .map {height:300px; border:1px solid #ced2d7; margin-top: 15px;} .sub_view .view_con.f_17 { font-size:17px} .sub_view .view_con.f_19 { font-size:19px} .sub_view .view_con.f_21 { font-size:21px} .intro_list .dimed { display:none;background: rgba(0,0,0,.6); position: fixed; width:100%; height:100%; top:0; left:0;z-index:50} .pop {width:215px; height:190px; top:50%; left:50%; margin:-90px 0 0 -105px; z-index: 1100} .pop_con { padding:0 15px} .btn_pop_x { position: absolute; width:32px; height:32px; cursor: pointer; right:0; top:0;display: block; text-indent: -1000em;background:url(https://img.sedaily.com/V2/Images/ico_pop_x.svg) no-repeat 50% 50%; background-size:14px } .pop .pop_con { padding:27px 30px 30px 30px ;} .pop .pop_con h1 { text-align: center; font-size:16px;font-family:'notokr-bold';margin: 0 0 20px;color:#000; } .pop_font .pop_con h1 { padding-top:10px; color:#000} .pop_font .pop_con { padding:15px;} .font_check_area a {color:#000; } .pop_con h2{ font-size:25px;font-family:'notokr-bold'; line-height: 1.35em} .pop_con h2 span.point{ display: block; font-size:16px; color:#e01f26; margin-bottom:0;font-family:'notokr-regular'; min-height:16px} .pop_con.font_size { padding:25px 25px 30px 25px } /*글자 크기 팝업*/ .pop_con.font_size { padding:25px 25px 30px 25px} .font_check_area { width: 165px; margin: 0 auto} .font_check_area>div{ color:#000000; margin-bottom:14px; text-align: left} .font_check_area>div>a{ display: inline-block} .font_check_area>div>a:before{ display:inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_check.svg) 50% 50% no-repeat; background-size:12px; width:22px; height:22px; margin-right:7px; vertical-align: middle ; border-radius:50px; border:1px solid #8e8e8e; margin-top:-3px} .font_check_area>div.on>a:before {content:''; background:#a6bb2a url(https://img.sedaily.com/V2/Images/ico_check_on.svg) 50% 50% no-repeat ; background-size:12px; border:1px solid #a6bb2a; } .font_check_area .font_s { font-size: 17px } .font_check_area .font_m { font-size: 19px; margin-bottom: 16px} .font_check_area .font_l { font-size: 21px } .news_list li > div dt a { font-size:17px } .news_list li > div dd { margin-top:5px} .sub6 { margin:0 0 30px} .sub6 h3, .sub_policy h3 {line-height:inherit;height:inherit; color:#040707; font-size:20px; margin:30px 0 35px 0; position: relative; text-align:center;font-family:'notokr-regular'!important; } .sub6 h3:after, .sub_policy h3:after {display: block; content: ""; width:20px; height: 1px; position: absolute; bottom:-15px; left:50%; margin-left: -10px; background: #040707; } .company_con {margin:0 0 0 0; padding:0;border-top:9px solid #eceeef;} .company_con.pad15 { padding:0 15px} .policy_list {width: 100%; margin:20px auto 0 auto; background: #f2f2f2; border:1px solid #ced2d7; text-align: left} .policy_list > li ul li a{display: inline-block; vertical-align: middle; width: 100%; font-size: 15px;color:#000; padding:0 15px; line-height: 18px;} .sub_policy { padding:0 15px} .policy_sec#top2 {margin-top: 30px;} .policy_sec h4 {font-size: 16px; color:#000; margin:20px 0 15px 0; font-family:'notokr-regular';} .policy_sec dl {font-size: 14px; line-height: 22px;color:#666; } .policy_sec dl > * {display: block;} .policy_sec dl dd {color:#999; padding-left: 33px;} .policy_list > li ul li a:hover{background:inherit; color:#000;} } @media screen and (max-width:860px){ .cir img{ width:100%} } @media screen and (max-width:768px){ .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;} } @media screen and (max-width:670px){ .left_text {padding-top:0; margin-top:-150px ; position: relative; z-index:10} } @media screen and (max-width:640px){ .s1198 {display: none} .s640 { display: block} .left_text {padding-top:0; margin-top:-110px ; position: relative; z-index:10} .issue_area .report ul li:before { top:6px} .right_img {background-size:110%} .img_info_m { margin-bottom:30px;} .img_company { margin-top:10px; background:url(https://branchimg.sedaily.com/LifeJump/img_company.jpg)no-repeat top center; background-size:180%; height:600px; overflow: hidden} } @media screen and (max-width:580px){ .card_view_sort ul li a span{ display: none;} .left_text {padding-top:0; margin-top:-90px ; position: relative; z-index:10} .bx-controls-direction { display: none} .intro_list li { cursor: pointer; position: relative;width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; display: inline-block;} .intro_list li:hover .dimed { opacity:0} .intro_list li:nth-child(2n) { margin-right:0} .intro_list li:nth-child(3n) { margin-right:10px} .intro_list li:nth-child(even) { margin-right:0 !important} .expert_list li {width:calc(50% - 5px);} .expert_list li:nth-child(even) {margin-right:0 !important} .expert_list li:nth-child(odd) {margin-right:10px !important} .rel_list li {width:calc(50% - 5px);} .rel_list li:nth-child(2n) { margin-right:0 !important} .rel_list li:nth-child(odd) { margin-right:10px !important} } @media screen and (max-width:480px){ .left_text {padding-top:0; margin-top:-60px ; position: relative; z-index:10} .policy_list > li {width: 100%; float:none} .policy_list > li:nth-child(1) {border-right: 0 none;} .policy_list > li:nth-child(2) ul li:first-child {border-top: 1px solid #dcdfe2;} .policy_list li.none {display: none;} .data_none {display: none} .sub6_4 p .nth2{margin-left:0; display:block} .sub6_4 p .tred:nth-child(4) { display: inline-block; margin:-24px 0 0 58px} } @media screen and (max-width:414px){ .img_company { height:480px; } } @media screen and (max-width:380px){ .sub_txt1 ul li { font-size:15px !important; text-align: left} } @media screen and (max-width:360px){ .img_company { height:340px; } } @media screen and (max-width:330px){ .img_company { height:300px; } .left_text {padding-top:0; margin-top:-50px ; position: relative; z-index:10} } .sub_view .news_sns{position:relative;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;padding:10px 5px; margin-bottom:15px;} .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(https://img.sedaily.com/Html/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;} /*서경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(https://img.sedaily.com/Html/content/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(https://img.sedaily.com/Html/Special/politics/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(https://img.sedaily.com/Html/content/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(https://img.sedaily.com/Html/content/cube/cube_29.png) no-repeat; background-size: 100%; } /*시계*/ .readCube ul li.sec6_red .sec6_time:after {background:url(https://img.sedaily.com/Html/content/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:12px 0 12px 5px;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;font-size:16px;color:#444;text-align:left;font-family:'notokr-regular'} .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:182px;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(https://img.sedaily.com/Html/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(https://branchimg.sedaily.com/LifeJump/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(https://branchimg.sedaily.com/LifeJump/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:182px;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(https://img.sedaily.com/Html/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(https://branchimg.sedaily.com/LifeJump/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(https://branchimg.sedaily.com/LifeJump/relation5.png)repeat-x; content:''; } .view_cate4 .relation_gallery #rg_img img {width:126px; height:126px;} .main_container .new_article{margin-top:20px} .new_article{margin-top:50px} .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-top0} .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} .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container .side_bar > .pc_ad {border:0; margin-bottom:0; position: relative;border: 1px solid #ced2d7; margin-bottom: 10px; height:250px} #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:0;top:0;display:block;height:26px;padding:12px 12px 0;} #container .side_bar .head_line h3 { border-top: none;} #container .side_bar > div .list li{width: 100%; background:url("https://img.sedaily.com/Html/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 .head_line ul{padding:8px 20px} #container .side_bar .interctive_news{margin: 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("https://img.sedaily.com/Html/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;} @media screen and (max-width:1024px){ .right_ad.pc_ad, .right_ad .pc_ad { display: none; } } /*newest_news : 최신뉴스*/ .newest_news{width: 100%;position: relative;} .newest_news h5 { width: 0; height: 0; font-size: 0; text-indent: -9999px;} .newest_news .tab_cover{position:relative;padding:15px 20px;} /*menu*/ .newest_news .section_tab{width: 100%; } .newest_news .section_tab .cate { height: 30px; overflow: hidden; position: relative;} .newest_news .section_tab .cate:after { display: block; content: ""; width: 3px; height:25px; position: absolute; top:0; right:-1px; background: #fff; z-index: 10;} .newest_news .section_tab ul { height: 100%; position: absolute; top:0; left: 0;} .newest_news .section_tab li{float:left; height: 100%; position: relative} .newest_news .section_tab li:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .newest_news .section_tab li.active a { font-weight: bold; color:#333} .newest_news .section_tab li a{display:inline-block; vertical-align: middle; width: 100%; max-height: 100%; color:#888;text-align:center;position: relative; font-size:12px; margin-top: -2px;} .newest_news .section_tab li:after { display: block; content: ""; width:1px; height:15px; position: absolute; top:7px; right:0; background: #999; opacity: 0.2} .newest_news .section_tab li a.textover2 span{ display: block;} .newest_news .section_tab li a.textover2 .dot { display: none;} .newest_news .section_tab .btn_wrap a{position:absolute;top:37px} .newest_news .section_tab .btn_wrap .s_next{right:10px} .newest_news .section_tab .btn_wrap .s_prev{left:10px} /*list*/ .listwrapper {width: 100%; height: 120px; overflow:hidden; margin-top: 10px; position: relative;} .listwrapper > div{width: 100%; height: 100%;} .section_tab_data { height: 100%; position: absolute; top:0; left: 0;} .section_tab_data > li{float:left; height: 100%; } .newest_news .list li{width: 100%; background:url("https://img.sedaily.com/Html/content/bg_list.gif") no-repeat left 11px;line-height:24px;} .newest_news .list li a{display:block;width: 100%; height: 100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-indent: 8px;} @media screen and (max-width:1120px){ .newest_news .section_tab li a.textover span{ display: block;} .newest_news .section_tab li a.textover .dot { display: none;} } @media screen and (max-width:768px){ .newest_news .section_tab li a.textover span, .newest_news .section_tab li a.textover2 span{ display: inline;} .newest_news .section_tab li a.textover .dot, .newest_news .section_tab li a.textover2 .dot { display: inline;} } @media screen and (max-width:640px){ .newest_news .tab_cover{padding:15px 10px} } #container .side_bar .hot_hash_tag ol{padding:20px;} #container .side_bar .hot_hash_tag ol li{min-height:16px;padding-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container .side_bar .hot_hash_tag ol li:first-child{padding-top:0} #container .side_bar .hot_hash_tag ol li span{display:inline-block;zoom:1;*display:inline;width:16px;height:16px;margin-right:10px;font-size:11px;color:#fff;text-align:center;background:url("https://img.sedaily.com/Html/content/bg_best_off.png") no-repeat left top; text-indent: -1px; line-height:16px; *line-height:15px; line-height:15px \0/IE8+9; line-height:15px\-;} _:-ms-fullscreen, :root #container .side_bar .hot_hash_tag ol li span { line-height:15px; } #container .side_bar .hot_hash_tag ol li.hot span{background:url("https://img.sedaily.com/Html/content/bg_best_on.png") no-repeat left top} .side_bar.view_right{margin-top:22px} .lesson_title{position:relative;padding:10px 0;margin:0 10px;border-bottom:1px solid #ced2d7} .lesson_title .txt{font-size:12px;line-height:26px;position:absolute;top:10px;left:0} .lesson_title .select{position:relative;padding-left:110px} .lesson_title .select select{width:100%} /*기사페이지 골프*/ .lesson_slide_wrap{padding:20px 0;margin:0 0;position:relative;height:201px;overflow:hidden;visibility:hidden} .lesson_slide_wrap .btn_wrap > a{position:absolute;top:37%;text-indent:0;margin-top:-13px;z-index:70} .lesson_slide_wrap .btn_wrap .button-prev{left:0} .lesson_slide_wrap .btn_wrap .button-next{right:0} .lesson_slide_wrap{height:200px;padding:20px 0;margin:0 0;position:relative;overflow:hidden} .lesson_slide_wrap .cell a{position:relative;display:block;text-align:center;border:1px solid #e2e2e2} .lesson_slide_wrap .cell a > img{max-width:100%;max-height:100%;vertical-align:middle} .lesson_slide_wrap .cell .info{position:absolute;bottom:0;left:0;width:100%;text-align:center} .lesson_slide_wrap .cell .info span{display:block;font-size:12px;line-height:16px;padding:8px 20px;color:#fff;word-break:keep-all;background:url(https://img.sedaily.com/Html/common/black_bg_070.png) repeat} .lesson_slide_wrap .bx-controls-direction a{position:absolute;top:50%;text-indent:0;margin-top:-13px;z-index:50} .lesson_slide_wrap .bx-controls-direction .bx-prev{left:10px} .lesson_slide_wrap .bx-controls-direction .bx-next{right:10px} .lesson_slide_wrap .bx-viewport{overflow:visible !important} .lesson_slide_wrap .lesson_slide{height:100%} .lesson_slide_wrap .lesson_slide > div{height:100% !important} .lesson_slide_wrap .lesson_slide .swiper-slide{height:100% !important} .lesson_slide_wrap .lesson_slide .golf_cell{position:relative;height:100%;} .lesson_slide_wrap .lesson_slide .golf_cell > a{display:block;width:100%;height:100%;position:relative;line-height:196px} .lesson_slide_wrap .lesson_slide .golf_cell > a img{max-width:none;max-height:none;width:100%} .lesson_slide_wrap .lesson_slide .golf_cell .info a{border:none;color:#fff} .lesson_slide_wrap .swiper-slide a{position:relative;display:block;text-align:center;border:1px solid #e2e2e2} .lesson_slide_wrap .swiper-slide a > img{max-width:100%;max-height:100%;vertical-align:middle} .lesson_slide_wrap .swiper-slide .info{position:absolute;bottom:0;left:0;width:100%;text-align:center} .lesson_slide_wrap .swiper-slide .info span{display:block;font-size:12px;line-height:16px;padding:8px 20px;color:#fff;word-break:keep-all;background:url(https://img.sedaily.com/Html/common/black_bg_070.png) repeat} .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;} .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%; } .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:430px;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:36px;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; width:21px} .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:28px;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 .newest h4 {margin-bottom:15px} .search_result .newest { width:inherit; border-bottom:1px solid #ced2d7} .search_result .search_list{margin-left:168px;} .sub5_list{position:relative; padding-bottom:15px} .search_result .search_list div > h3{font-size:16px;font-family:'notokr-bold';color:#333;margin-bottom:0;position:relative;padding-left:10px} .search_result .search_list div > h3:after{display:block;content:"";width:4px;height:4px;position:absolute;top:8px;left:0;background:#333;border-radius:50%} .search_result .search_list div > h3 span{color:#e22e34;font-family:'notokr-bold';} .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; } #contents.fullPage{position:relative;margin-right:0;overflow:hidden} #contents.fullPage > div{float:right;width:83.89%} #contents.fullPage .side_depth{float:right} .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("https://img.sedaily.com/Html/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("https://img.sedaily.com/Html/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("https://img.sedaily.com/Html/content/bg_issue_title_arrow02.png") left 50% no-repeat} .issue_list_top.issue_plus dl{background:url("https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/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} .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} .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:128px;} .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;} /* 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:#f8f9fa; border-bottom:1px solid #e8e8e8;} .all_headline .headline_top h1{width:82px;height:60px; margin-left:15px; padding-top:5px; background: url(https://branchimg.sedaily.com/LifeJump/life_logo_3d.svg) 0 6px no-repeat ; background-size:82px; line-height:60px;font-size:28px;font-weight:700;color:#fff;text-align:left;letter-spacing:0;} .all_headline .headline_top h1 img{display: none;} .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:24px;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;} /* stars_club */ .stars_member_list{margin:10px 0 30px;border:solid 1px #ced2d7;} .stars_member_list .title{position:relative;padding-left:20px;border-bottom:solid 1px #ced2d7;background:#f2f2f2;font-size:16px;color:#333;} .stars_member_list .title > p{height:38px;line-height:38px;} .stars_member_list .title > p > img{vertical-align:middle;padding-right:10px;margin-top:-4px;} .stars_member_list .title .stars_search{position:absolute;right:10px;top:5px;width:100%;max-width:204px;padding-right:92px;} .stars_member_list .title .stars_search > p{max-width:194px;padding:0 5px;border:solid 1px #ccc;border-right:none;background:#fff;} .stars_member_list .title .stars_search > p input{height:26px;line-height:26px;width:100%;padding:0;border:none;} .stars_member_list .title .stars_search > a{position:absolute;right:55px;top:0;display:block;width:37px;height:22px;padding-top:6px;background:#444;text-align:center;} .stars_member_list .title .stars_search > a.reset{right:0;width:50px;font-size:12px;background:#fff;color:#666;padding-top:0;line-height:26px;height:26px;border:1px solid #ccc} .stars_member_list .stars_slide{position:relative;padding:15px 50px;overflow:hidden;overflow:hidden} .stars_member_list .stars_slide ul li a{display:block;width:115px;margin:0 auto} .stars_member_list .stars_slide ul li a img{vertical-align:middle;width:100%} .stars_member_list .stars_slide .bx-controls-direction .bx-prev{left:-60px;top:50%;margin-top:-17.5px;} .stars_member_list .stars_slide .bx-controls-direction .bx-next{right:-60px;top:50%;margin-top:-17.5px;} .stars_member_list .stars_btn a{position:absolute;top:50%;margin-top:-17px} .stars_member_list .stars_btn a.btn_next{right:15px} .stars_member_list .stars_btn a.btn_prev{left:15px} .stars_member_list .stars_slide{height:46px} .stars_member_list .stars_slide .bx-viewport{height:65px !important} .stars_member_list .stars_slide .bx-viewport li a{margin-top:15px} .stars_member_list .stars_slide .stars_data{position:relative;height:100%} .stars_member_list .stars_slide .slide_data{height:100% !important;overflow:hidden} .stars_member_list .stars_slide .swiper-slide{position:relative} .stars_member_list .stars_slide .swiper-slide a{display:block;width:115px;margin:0 auto} .stars_member_list .stars_slide .swiper-slide a img{vertical-align:middle;width:100%;height:auto} .stars_member_list .stars_slide .swiper-slide a{margin-top:5px} #NewsAjax{position:relative;z-index:100} #container.saved_list .news_sort{border-bottom:none;} #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 .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;} /* magazine */ #container.magazine .magazine_cont_wrap{border:solid 1px #ced2d7;background:#f9f9f4;margin-bottom:50px;} #container.magazine .magazine_cont_wrap .magazine_top{position:relative;background:#fff;} #container.magazine .magazine_cont_wrap .magazine_menu{overflow:hidden;margin-right:160px;} #container.magazine .magazine_cont_wrap .magazine_menu li{float:left;width:33.3%;max-width:200px;border-bottom:solid 1px #ced2d7;} #container.magazine .magazine_cont_wrap .magazine_menu li.on{position:relative;z-index:9;background:#f9f9f4;border-bottom:solid 1px #f9f9f4} #container.magazine .magazine_cont_wrap .magazine_menu li a{position:relative;display:block;height:53px;border-right:solid 1px #ced2d7;} #container.magazine .magazine_cont_wrap .magazine_menu li a span{position:absolute;left:0;width:100%;top:50%;} #container.magazine .magazine_cont_wrap .magazine_menu li.menu01 a span{margin-top:-9px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu02 a span{margin-top:-14px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu03 a span{margin-top:-10px} #container.magazine .magazine_cont_wrap .btn_other{position:absolute;right:20px;top:0;line-height:53px;} #container.magazine .magazine_cont_wrap .btn_other li{float:left;padding-left:11px;margin-left:10px;background:url("https://img.sedaily.com/Html/content/bg_bar.gif") no-repeat left 50%;} #container.magazine .magazine_cont_wrap .btn_other li:first-child{padding:0;margin:0;background:none;} #container.magazine .magazine_cont{position:relative;overflow:hidden;border-top:solid 1px #ced2d7;margin-top:-1px;} #container.magazine .magazine_list{width:50%;float:left} #container.magazine .magazine_list .bg_left{margin:40px 20px;background:url("https://img.sedaily.com/Html/content/bg_magazine_list_left.png") no-repeat left bottom} #container.magazine .magazine_list .bg_right{background:url("https://img.sedaily.com/Html/content/bg_magazine_list_right.png") no-repeat right bottom} #container.magazine .magazine_list ul{overflow:hidden;margin:0 20px;padding-bottom:25px;background:url("https://img.sedaily.com/Html/content/bg_magazine_list.png") repeat-x left bottom} #container.magazine .magazine_list ul > li{float:left;width:33.3%;} #container.magazine .magazine_list ul > li a{position:relative;display:inline-block;width:143px;height:192px} #container.magazine .magazine_list ul > li a span{position:absolute;left:0;bottom:0;width:100%;line-height:28px;background:#000;color:#fff;opacity:0.7;filter:Alpha(opacity=70);} #container.magazine .magazine_info{position:relative;width:50%;float:left;text-align:left;} #container.magazine .magazine_info > a{position:absolute;right:10px;top:10px;} #container.magazine .magazine_info > div{padding:100px 30px;} #container.magazine .magazine_info h4{padding-bottom:20px;} #container.magazine .magazine_info dl dt{padding-bottom:10px;font-size:24px;color:#444;letter-spacing:0;} #container.magazine .magazine_info dl dd{font-size:14px;line-height:22px;} #container.magazine .magazine_info .btn_wrap{max-width:408px;} #container.magazine .magazine_info .btn_wrap > p{margin-top:30px;} #container.magazine .magazine_info .btn_wrap > p.btn_call{ font-size: 14px;} #container.magazine .magazine_info .btn_subscribe{overflow:hidden;} #container.magazine .magazine_info .btn_subscribe a{display:block;width:49%;float:left;height:50px;line-height:50px;background:#0078bd;color:#fff;font-size:16px;text-align:center;} #container.magazine .magazine_info .btn_subscribe .mediakit{float:left;background:#9e9e9e;} #container.magazine .magazine_info .btn_go a{display:block; height:70px; background:#151515;color:#c4c4c4;letter-spacing:0;} #container.magazine .magazine_info .btn_go img{float:left;padding:20px 20px 0 20px;} #container.magazine .magazine_info .btn_go span{float:left;padding-top:41px;} #container.magazine .magazine_info .btn_go.popsci img{padding-top:28px;} #container.magazine .magazine_info .btn_go.popsci span{padding-top:35px;} #container.magazine .magazine_info .btn_go.golf a{background:none;color:#f3c3c5; background:#ce1017;} #container.magazine .magazine_info .btn_go.golf img{padding-top:20px;} #container.magazine .magazine_info .btn_go.golf span{padding-top:43px;} #container.magazine .magazine_info .btn_past_cont{position:absolute;right:20px;top:20px;border:solid 1px #ced2d7;background:#fff;} #container.magazine .magazine_info .btn_past_cont a{display:block;width:113px;height:31px;line-height:31px;text-align:center;} #container.magazine .magazine_cont .magazine_layer{position:absolute;left:-1px;top:-1px;width:100%;height:100%;background:#f9f9f4;overflow-y:auto;display:none;} #container.magazine .magazine_cont .magazine_layer .date_cover{position:absolute;left:60px;top:70px;width:155px;} #container.magazine .magazine_cont .magazine_layer .date_cover > div{float:left;width:67px;} #container.magazine .magazine_cont .magazine_layer .date_cover > div > p{text-align:center;} #container.magazine .magazine_cont .magazine_layer .date_cover .month{float:right;text-align:left;} #container.magazine .magazine_cont .magazine_layer .date_cover ul{padding-bottom:10px;width:67px} #container.magazine .magazine_cont .magazine_layer .date_cover ul li{height:41px;padding-top:24px;margin-top:0;font-size:20px;font-weight:700;border:solid 1px #dfe2e3;background:#fff;letter-spacing:0;} #container.magazine .magazine_cont .magazine_layer .date_cover ul li.on{background:#ca9f43;color:#fff;} #container.magazine .magazine_cont .magazine_layer .date_cover ul li.none{background:#f7f7f7 !important;cursor:default;color:#dadada} #container.magazine .magazine_cont .magazine_layer .date_cover .month{position:relative;padding:30px 0;height:376px;overflow:hidden} #container.magazine .magazine_cont .magazine_layer .date_cover .year{position:relative;padding:30px 0;height:222px;overflow:hidden} #container.magazine .magazine_cont .magazine_layer .date_cover .month li{padding-left:10px;color:#999;cursor:pointer} #container.magazine .magazine_cont .magazine_layer .date_cover .month li.none{cursor:default} #container.magazine .magazine_cont .magazine_layer .date_cover .month li p{font-size:11px;} #container.magazine .magazine_cont .magazine_layer .date_cover .bx-controls-direction .bx-prev{top:0;left:0;margin-left:0;background:#f9f9f4;width:67px;height:30px;text-align:center} #container.magazine .magazine_cont .magazine_layer .date_cover .bx-controls-direction .bx-next{top:auto;bottom:0;left:0;margin-left:0;background:#f9f9f4;width:67px;height:30px;text-align:center} #container.magazine .magazine_cont .magazine_layer .date_cover .bx-controls-direction .bx-next img{margin-top:9px} #container.magazine .magazine_cont .magazine_layer .date_cover .bx-wrapper{margin-top:154px !important} #container.magazine .magazine_cont .magazine_layer .date_cover .bx-viewport{overflow:visible !important} #container.magazine .magazine_cont .magazine_layer .cont{margin-left:255px;padding-top:100px;text-align:left;} #container.magazine .magazine_cont .magazine_layer .cont .visual{float:left;text-align:left;width:50%;max-width:312px;} #container.magazine .magazine_cont .magazine_layer .cont > div{width:50%;float:left;} #container.magazine .magazine_cont .magazine_layer .cont > div > div{padding:0 10px 0 60px;} #container.magazine .magazine_cont .magazine_layer .cont > div dl dt{padding-bottom:13px;font-size:48px;color:#484546;font-weight:700;line-height:30px;} #container.magazine .magazine_cont .magazine_layer .cont > div dl dd{padding-left:8px;font-size:14px;line-height:26px;background:url("https://img.sedaily.com/Html/content/bg_list.gif") no-repeat left 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container.magazine .magazine_cont .magazine_layer .cont > div .btn_ebook{max-width:249px;margin-top:24px;background:#0078bd;text-align:center;} #container.magazine .magazine_cont .magazine_layer .cont > div .btn_ebook a{display:block;height:50px;line-height:50px;color:#fff} #container.magazine .magazine_cont .magazine_layer .layer_close{position:absolute;right:20px;top:20px;} .m_date_cover{display:none} .month_list li{cursor:pointer} .year_list li{cursor:pointer} #container.magazine #contents{margin:0;overflow:hidden;} #container.magazine #contents h3{position:relative;height:38px;line-height:38px;padding-left:20px;border-bottom:solid 1px #ced2d7;font-size:16px;color:#444;font-weight:700;letter-spacing:0;background:#f2f2f2;} #container.magazine #contents h3 > a{position:absolute;right:0;top:0;display:block;height:26px;padding:12px 12px 0;} #container.magazine #contents .cont{padding:20px;} #container.magazine #contents .cont .list li{line-height:33px;border-top:solid 1px #ced2d7;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} #container.magazine #contents .cont .list li:first-child{border-top:none;} #container.magazine #contents .left_cont{height:472px;overflow:hidden;width:388px;float:left;border:solid 1px #ced2d7;} #container.magazine #contents .left_cont dl{padding:17px 20px 6px;text-align:center;} #container.magazine #contents .left_cont dl dt{white-space:nowrap;overflow: hidden;text-overflow: ellipsis} #container.magazine #contents .left_cont dl dt a{font-size:16px;color:#222;font-weight:bold} #container.magazine #contents .left_cont dl dd{margin-top:4px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:40px; text-align: center;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #container.magazine #contents .left_cont .cont{padding:0;} #container.magazine #contents .left_cont .cont .visual{max-height:217px;overflow:hidden;text-align:center} #container.magazine #contents .left_cont .cont .list{padding:20px;} #container.magazine #contents .right_cont{margin-left:390px;} #container.magazine #contents .right_cont:after{content:"";display:block;clear:both;} #container.magazine #contents .right_cont > div{width:50%;float:left;} #container.magazine #contents .right_cont > div > div{margin-left:15px;overflow:hidden;} #container.magazine #contents .right_cont .cont .news_list li > div dt{max-height:24px;padding-bottom:0;overflow:hidden;-webkit-line-clamp:1;line-height:24px;max-height:24px;white-space:nowrap;display:block} #container.magazine #contents .right_cont .cont .news_list li > div dd{max-height:38px;overflow:hidden;} #container.magazine #contents .right_cont .cont .news_list li > div dd > span{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;} #container.magazine #contents .right_cont .cont .news_list li > div dt a{font-size:16px;color:#222;font-weight:bold;;-webkit-line-clamp:1} #container.magazine #contents .features > div{height:472px;border:solid 1px #ced2d7;} #container.magazine #contents .features .news_list li:first-child{padding-top:0;} #container.magazine #contents .features .news_list li:first-child > p{top:0;} #container.magazine #contents .features .list{margin-top:15px} #container.magazine #contents .etc > div{position:relative;height:474px;} #container.magazine #contents .etc > div > div{overflow:hidden;} #container.magazine #contents .etc .tech{height:230px;border:solid 1px #ced2d7;} #container.magazine #contents .etc .life{position:absolute;left:0;bottom:0;height:232px;width:100%;} #container.magazine #contents .etc .life > div{height:230px;border:solid 1px #ced2d7;} #container.magazine #contents .etc .cont{padding:0 20px;} #container.magazine #contents .etc .news_list li{padding:15px 0} #container.magazine #contents .etc .news_list li > p{max-width:98px;height:62px;top:15px;line-height:59px} #container.magazine #contents .etc .news_list li > div dt{height:auto;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;} #container.magazine #contents .etc .news_list li > div dt a{font-size:14px;color:#444;} #container.magazine #contents .etc .tech .news_list li{border-top:none} #container.magazine #contents .etc .tech .news_list li:first-child{border-bottom:1px solid #e6e8eb} #container.magazine #contents .etc .life .news_list li{border-top:none} #container.magazine #contents .etc .life .news_list li:first-child{border-bottom:1px solid #e6e8eb} #container.magazine #contents .m_etc{display:none;} #container.magazine #contents.golf > div{width:32.8%;max-width:389px;padding-left:1.2%;float:left;margin-bottom:15px;} #container.magazine #contents.golf > div.first{width:32%;max-width:390px;padding:0;} #container.magazine #contents.golf > div h3{border:solid 1px #ced2d7} #container.magazine #contents.golf > div .cont{height:249px;overflow:hidden;border:solid 1px #ced2d7;border-top:none;} #container.magazine #contents.golf > div .cont .news_list{position:relative;padding-bottom:24px;} #container.magazine #contents.golf > div .cont .news_list li{padding:0;} #container.magazine #contents.golf > div .cont .news_list li > p{top:0;} #container.magazine #contents.golf > div .cont .news_list div dt{max-height:24px;line-height:24px;margin-bottom:5px;padding:0;overflow:hidden;-webkit-line-clamp:1;} #container.magazine #contents.golf > div .cont .news_list div dt a{font-size:16px;color:#222;font-weight:bold;-webkit-line-clamp:1;} #container.magazine #contents.golf > div .cont .news_list div dd{max-height:37px;overflow:hidden;line-height:20px;} #container.magazine #contents.golf > div.g_cover .cont, #container.magazine #contents.golf > div.g_performance .cont, #container.magazine #contents.golf > div.g_column .cont{height:190px} #container.magazine #contents.golf > div.game .cont{position:relative;} #container.magazine #contents.golf > div.game .visual{position:absolute;left:20px;top:20px; width: 134px; height: 180px; min-width: 90px; overflow: hidden; text-align: center; } #container.magazine #contents.golf > div.game .visual a img{ max-width: 100%; max-height: 100%; text-align: center; vertical-align: middle;} #container.magazine #contents.golf > div.game ul{margin-left:165px;} #container.magazine #contents.golf > div.game ul > li{padding:10px 0;border-top:solid 1px #ced2d7;} #container.magazine #contents.golf > div.game ul > li:first-child{border:none;padding-top:0;} #container.magazine #contents.golf > div.game ul > li a span{display:block;line-height:20px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} #container.magazine #contents.golf > div.game ul > li:first-child a{font-weight:bold;font-size:16px;color:#222;} #container.magazine #contents.golf > div.shop{position:relative;} #container.magazine #contents.golf > div.shop dl{width:50%;float:left;text-align:center;} #container.magazine #contents.golf > div.shop dl dt{border:1px solid #e5e5e5;height:222px;line-height:218px} #container.magazine #contents.golf > div.shop dl dt img{max-width:100%;max-height:100%;vertical-align:middle} #container.magazine #contents.golf > div.shop dl dd{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container.magazine #contents.golf > div.shop dl dt, #container.magazine #contents.golf > div.shop dl dd{margin-left:5px} #container.magazine #contents.golf > div.shop dl:first-child dt, #container.magazine #contents.golf > div.shop dl:first-child dd{margin-left:0;margin-right:5px} #container.magazine #contents.golf > div.lesson .cont{height:289px;padding:0 20px;} #container.magazine #contents.golf > div.lesson .lesson_title{margin:0;} #container.magazine #contents.golf > div.lesson .lesson_title{text-align:right;} #container.magazine #contents.golf > div.lesson .lesson_title .select select{max-width:170px;} #container.magazine #contents.golf > div.best_trips .cont{position:relative;padding:0;height:289px;} #container.magazine #contents.golf > div.best_trips .cell .info span{padding:8px 0;} .best_trips .cell a{position:relative;display:block;height:200px;border:1px solid #e2e2e2;line-height:194px;text-align:center}.best_trips .cell a > img{max-width:100%;min-height:100%;vertical-align:middle}.best_trips .cell .info{position:absolute;bottom:0;left:0;width:100%;text-align:center}.best_trips .cell .info span{display:block;font-size:12px;line-height:16px;padding:8px 80px;color:#fff;word-break:keep-all;background:url(https://img.sednews.com/Html/common/black_bg_070.png) repeat;min-height:29px}.best_trips .bx-controls-direction .bx-prev{left:10px}.best_trips .bx-controls-direction .bx-next{right:10px}.best_trips .bx-controls-direction a{position:absolute;bottom:10px;text-indent:0} .golf .lesson_slide_wrap{height:200px} .golf .lesson_slide_wrap .lesson_slide{height:100%} .golf .lesson_slide_wrap .lesson_slide > div{height:100% !important} .golf .lesson_slide_wrap .lesson_slide .swiper-slide{height:100% !important} .golf .lesson_slide_wrap .lesson_slide .golf_cell{position:relative;height:100%} .golf .lesson_slide_wrap .lesson_slide .golf_cell > a{display:block;width:100%;height:100%;position:relative;line-height:196px} .golf .lesson_slide_wrap .lesson_slide .golf_cell > a img{max-width:100%;max-height:100%;vertical-align:middle;width:auto} .golf .lesson_slide_wrap .lesson_slide .golf_cell .info a{border:none;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:500;} .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;} .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("https://img.sedaily.com/Html/Content/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){ #container.company{margin:0;} .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; bottom0; 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; } .news_list li > div dt,.news_list li > div dd { padding-right:126px} } @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:420px){ .company_bigTab ul li a { font-size: 14px; } }*/ @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(https://img.sedaily.com/Html/content/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("https://img.sedaily.com/Html/content/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("https://img.sedaily.com/Html/content/company/visual_1_1.jpg")right no-repeat; background-size:cover;} .big_visual .roll_img ul li:nth-child(2) { background:url("https://img.sedaily.com/Html/content/company/visual_2_1.jpg")right no-repeat; background-size:cover;} .big_visual .roll_img ul li:nth-child(3) { background:url("https://img.sedaily.com/Html/content/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(https://img.sedaily.com/Html/content/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-spacing0 } .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("https://img.sedaily.com/Html/content/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("https://img.sedaily.com/Html/content/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("https://img.sedaily.com/Html/content/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("https://img.sedaily.com/Html/content/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("https://img.sedaily.com/Html/Content/beri/beri_10.svg")no-repeat; background-size: 13px;} .awards_list .card dl dd:nth-child(4) a:hover span {background: url("https://img.sedaily.com/Html/Content/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("https://img.sedaily.com/Html/Content/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("https://img.sedaily.com/Html/Content/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("https://img.sedaily.com/Html/Content/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("https://img.sedaily.com/Html/Content/cube/cube_11_plus.png") no-repeat; } #oly_list_more span.minus:after { height:22px; width:22px; background: url("https://img.sedaily.com/Html/Content/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(https://img.sedaily.com/Html/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;} .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(https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/content/map_dot.gif) left 8px no-repeat} .subscribe_data .data_list02 p.info{padding-left:100px;padding-right:20px;background:url(https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/content/map_dot.gif) left 8px no-repeat} .subscribe_data .data_list03 p.info{padding-left:100px;padding-right:20px;background:url(https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/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-bottom0; 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; top0; left:10px; width: 28px; height:28px; background: url("https://img.sedaily.com/Html/newsletter/newsletter_27.png")no-repeat; } .newsletter_sec1 ul:nth-child(1) li:nth-child(2):after { content: ""; display: block; position: absolute; top0; left:22.5px; width: 28px; height:28px; background: url("https://img.sedaily.com/Html/newsletter/newsletter_28.png")no-repeat; } .newsletter_sec1 ul:nth-child(2) li:nth-child(1):after { content: ""; display: block; position: absolute; top0; left:10px; width: 28px; height:28px; background: url("https://img.sedaily.com/Html/newsletter/newsletter_29.png")no-repeat; } .newsletter_sec1 ul:nth-child(2) li:nth-child(2):after { content: ""; display: block; position: absolute; top0; left:22.5px; width: 28px; height:28px; background: url("https://img.sedaily.com/Html/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-top0;} .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:293px; 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;} .trips_slide_wrap{height:200px;overflow:hidden;visibility:hidden} .golf .trips_slide_wrap{height:100% !important} .golf .trips_slide_wrap .bx-wrapper{height:100% !important} .golf .trips_slide_wrap .bx-wrapper .bx-viewport{height:100% !important} .golf .trips_slide_wrap .bx-wrapper .bx-viewport .trips_slide{height:100% !important} .golf .trips_slide_wrap .bx-wrapper .bx-viewport .trips_slide .cell{height:100% !important} .golf .trips_slide_wrap .bx-wrapper .bx-viewport .trips_slide .cell a{height:100%;border:none;line-height:275px} /*서경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;} #sed_now_pop_wrap .sed_now_pop ul li a:after { display: block; content: ""; width: 60px; height:60px; position: absolute; top0; left:10px; background: url("https://img.sedaily.com/Html/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(https://img.sedaily.com/Html/Event/Election/usael_20.png) no-repeat left; background-size: 29%; padding-left: 25px; } .more_reple {display: none} .issue_box:after {display: block; content:''; clear: both} .issue_area {float:left; font-size:0; width:calc(50% - 10px);margin-right:20px;margin-bottom:15px; vertical-align: top} .issue_area:nth-child(even){margin-right:0;} .issue_thumb_img { position: relative; padding:0 0 56%} .issue_thumb_img span {display: block; position: absolute; top:0; left:0; height:100%; width:100%} .issue_thumb_img span img { min-height:100%; min-width:100%} .issue_area .report {text-align: center;background:#fff; margin-top:-48px; position: relative; z-index: 5; padding:10px 0; margin-right:20px} .issue_area .report .top_tit {text-align: left; font-size:14px; color:#9baf27;margin-bottom:5px;display: block; padding-left:10px} .issue_area .report h4{text-align: left; color:#1c1c1c; font-size:20px; font-family:"notokr-bold"; margin-bottom:25px;padding-left:10px;display: block} .issue_area .report h4 a { padding-left:0;color:#1c1c1c; font-size:20px; font-family:"notokr-bold"; } .issue_area .report ul li {text-align: left; padding-bottom:7px;position: relative;padding-left:10px} .issue_area .report ul li:before { display: block; content:'';position: absolute; top:7px; left:0; width: 3px; height:3px; background:#000} .issue_area .report ul li a { color:#555; font-size:16px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display: block} .issue_area .report .btn_more1 { display: inline-block; padding-bottom:7px; border-bottom:1px solid #888888; margin-top:12px; font-size:14px; text-align: center; color:#888; margin-right: -20px} .issue_area .report .btn_more1 span{ color:#9baf27} .more_issue { text-align: center; margin-top:25px} .more_issue a {display: inline-block; border:1px solid #ced1d6; height: 45px; line-height:45px; width:100px; font-size:16px} .issue_headline { background:#f2f2f2; border:1px solid #d0d1d3; padding:20px; width:100%; height:120px; display: table; margin-bottom:28px} .issue_headline .issue_thumb_img {width:140px; display: table-cell; padding:0} .issue_headline .issue_thumb_img span { position: relative;padding:0 0 56%} .issue_headline .issue_thumb_img span img { display: block; position: absolute; top:0; left:0; height:100%; width:100%} .issue_headline .issue_con {display: table-cell; vertical-align: middle; padding:0 20px} .issue_headline .issue_con .part{ color:#b3ca2d; font-size:14px; margin-bottom:5px; display: block;} .issue_headline .issue_con h3 { font-size:22px ; font-family:"notokr-bold"; color:#1c1c1c; margin-bottom:8px} .issue_headline .issue_txt {font:14px; color:#555} @media screen and (max-width:1218px){.main_container .top_news .right_cont{width:100%;height:0}} @media screen and (max-width:1197px){ #liverePC { display: none;padding: 15px 15px 0 15px;width: 100%; border-top:9px solid #eceeef; position: relative;} #contents-article-view{margin-left:0} #v-left{float:left;width:69%} #v-right-scroll-start{margin-left:20px} #v-right{float:right;width:31%} #l-left{float:left;width:100%} #l-right-scroll-start{margin-left:20px} #l-right{float:right;width:27%} #m-left{float:left;width:73%} #m-right-scroll-start{margin-left:20px} #m-right{float:right;width:27%} .main_container .bottom_news .right_cont .today_cont .bx-controls-direction .bx-prev{left:15px;} .main_container .bottom_news .right_cont .today_cont .bx-controls-direction .bx-next{right:15px;} .main_container .top_news{width:896px;margin:0 auto;} .main_container .top_news .left_cont .banner_zone{border-right:none;} .main_container .top_news .right_cont{position:static;clear:both;border-top:solid 1px #d1d5d9;overflow:hidden;height:auto} .main_container .other_cont .bx-controls-direction .bx-prev{left:-30px;} .main_container .other_cont .bx-controls-direction .bx-next{right:-30px;} /* sub_main */ #container.sub_main .s_news{border-right:none;} #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;} #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;} .search_cover { margin-bottom:20px} .result_no { padding-left:60px; padding-top:30px} .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(https://branchimg.sedaily.com/LifeJump/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){ .sub5_list { padding-bottom:0; border-bottom:0} .sub5_list .newest_select{ top:16px} .issue_area .report .btn_more1 { margin-right:0} .btn_fold1:after{ display:inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_more.svg) 50% 50% no-repeat;background-size:100%; width:13px; height:8px; margin-left:8px; vertical-align: middle; margin-top:-1px} .news_list li {min-height:95px; } .news_list li>p>a {line-height:77px} .m_Sbtn{display:block;width:100%;height:40px;background:#fff;line-height:40px;font-size:14px;clear:both} .m_Sbtn.line {border-top:1px solid #e6e8eb;} .sub_view .news_sns{ display:none; border-bottom:0; margin-bottom: 0} .more_reple { display: block; border-top:1px solid #e7e7e7; text-align: center; } .more_reple>div { width: inherit; margin: 15px 15px 0 15px; } .more_reple .btn_fold1 { font-size:18px; color:#000; font-family:'notokr-bold'; color:#000;height: 50px; line-height:50px; width:100%; display: block} .more_reple .btn_fold1:after { transform:rotate(0);} .more_reple .btn_fold1.close:after { transform:rotate(180deg);} .more_reple .btn_fold1 span {color:#ff1920; font-family:'notokr-bold';} .more_reple .btn_fold1:before { display: inline-block; content: ''; background:url(https://img.sedaily.com/V2/Images/btn_reple_more.svg) 50% 50% no-repeat; background-size:38px; width: 38px; height:50px; vertical-align: middle; margin-right:5px} .issue {} .issue_area { width:calc(50% - 5px); margin-right:10px;border:1px solid #ced1d6} .newest.mt0 { height:48px; line-height:48px; border-bottom: 1px solid #e7e7e7 } .issue_box { padding:10px 15px 0 15px} .issue_area .report { margin:0} .issue_area .report ul { padding:0 15px} .issue_area .report h4 { margin-bottom:15px; font-size:17px} .issue_area .report ul li a{ font-size:15px} .more_issue {display: none} .red_txt { color:#e01f26} .issue_headline { background:#fff; border-top:0; border-left:0; border-right:0; margin-bottom:0} .issue_headline .issue_con h3 { height:auto; line-height: inherit; font-size:20px} .issue_headline .issue_con .part { margin-bottom:2px} #v-right-scroll-start{margin-left:10px} #l-right-scroll-start{margin-left:10px} #m-right-scroll-start{margin-left:10px} .side_bar.view_right{margin-top:13px} #container.sub_main .s_news > div{height:auto}#container.sub_main .s_news > div dl{padding-top:8px}.main_container .top_news{position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.main_container .top_news .left_cont{position:relative}.main_container .top_news .left_cont .news_zone{position:absolute;left:0;top:0;width:70%;height:100%;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .main_container .top_news .left_cont .news_zone .visual{position:relative;left:0;top:0;padding:10px 10px 0;width:100%;height:50%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .main_container .top_news .left_cont .news_zone .visual img{width:100%} .main_container .top_news .left_cont .news_zone > div{padding:0 10px} .main_container .top_news .left_cont .banner_zone{float:right;width:30%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .main_container .top_news .right_cont{position:relative} .main_container .top_news .right_cont .headline_list{position:absolute;display:block;width:70%;height:100%;border-right:none;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .main_container .classification_list{position:relative;padding-bottom:38px;border:solid 1px #ced2d7;} .main_container .classification_list .classification_slide > li{border-bottom:solid 1px #ced2d7;margin-left:0;} .main_container .classification_list .bx-controls{display:block;bottom:20px;} .main_container .classification_list .bx-pager{left:0;bottom:13px;} .main_container .classification_list .bx-pager .bx-pager-item a{width:13px;height:13px;} .main_container .bottom_news .right_cont{width:33.3%;} .main_container .bottom_news .right_cont .today_cont{border-bottom:none;padding-bottom: 1px;} .main_container .bottom_news .right_cont .today_cont > div{float:none;width:100%;height:50%;} .main_container .bottom_news .right_cont .today_cont > .column > div{border-right:none;border-bottom:solid 1px #ced2d7;padding:30px 10px 52px;} .main_container .bottom_news .right_cont .today_cont .notice_wrap > div{padding-bottom:10px !important;} .main_container .bottom_news .right_cont .today_cont .notice_wrap > div ul{padding-top:5px;} .main_container .bottom_news .right_cont .today_issue{position:absolute;left:0;top:0;width:66.7%;height:50%;border-bottom:solid 1px #ced2d7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .main_container .bottom_news .other_cont{display:block;position:absolute;left:0;bottom:0;width:66.7%;height:50%;} .main_container .bottom_news .other_cont .right_cont{float:none;width:100%;margin-top:20px;} .main_container .bottom_news .other_cont .right_cont > p{padding-bottom:15px;} .main_container .bottom_news .other_cont > div > div{max-width:300px;margin-top:0;} .main_container .other_cont{display:none;} .main_container .level01_other_tab{display:none} .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} /* sub_main */ #container.sub_main .top_news .left_cont > div{position:relative;height:100%;margin-right:30%;overflow:hidden;border-right:solid 1px #d1d5d9} #container.sub_main .top_news .left_cont .news_zone{position:static;width:100%;overflow:hidden;} #container.sub_main .top_news .left_cont .news_zone .visual{position:static;width:auto;height:380px;padding:0;margin:10px 10px 0 10px} #container.sub_main .top_news .left_cont .news_zone > div{margin-top:0;padding-bottom:15px} #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%;padding:10px 0;text-align:left;border-top:solid 1px #d1d5d9} #container.sub_main .top_news .left_cont .s_news > div:first-child{border-bottom:none;border-right:solid 1px #d1d5d9;margin-right:-1px;} #container.sub_main .top_news .left_cont .s_news > div > p{text-align:center;} #container.sub_main .top_news .left_cont .s_news > div dl{max-width:259px;margin:0 auto;} #container.sub_main .top_news .right_cont{position:absolute;right:0;top:0;width:30%;border:none;} #container.sub_main .level01_other_tab{position:relative;bottom:auto;left:auto;width:auto;padding:0;clear:both;display:none} #contents{margin-right:310px;} .news_list li > p{width:135px; height:77px; line-height: 77px} .news_list li > div dd.name{padding-bottom:0; margin-bottom: -5px} .print .sub_view h2 { font-size: 30px; line-height: 40px !important;} .sub_view h2{font-size:24px;color:#222;line-height:30px !important;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_top .btn_info .btn_articlesave {display:block; border-right:none} .sub_view .view_hash{margin-top:10px;padding:10px 10px 10px 42px;background-position:10px center;} .sub_view .view_con{padding:20px 0} #container.sub_main .view_bottom_list{display:block;} .view_bottom_list{display:none} /* 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;} .news_list.issue li > p{width:20%;max-width:108px;} .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%;} /* magazine */ #container.magazine .magazine_list ul > li{float:left;width:50%;} #container.magazine .magazine_list ul > li:last-child{display:none;} #container.magazine .magazine_info .btn_go a{text-align:center;} #container.magazine .magazine_info .btn_go img{float:none;max-width:100%;} #container.magazine .magazine_info .btn_go span{display:none;} #container.magazine .magazine_cont .magazine_layer .date_cover{left:10px;} #container.magazine .magazine_cont .magazine_layer .cont{margin-left:175px;} #container.magazine .magazine_cont .magazine_layer .cont > div{width:50%;float:left;} #container.magazine .magazine_cont .magazine_layer .cont > div > div{padding:0 10px 0 20px;} #container.magazine #contents .left_cont{width:49%;height:474px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #container.magazine #contents .left_cont dl{padding:17px 20px 6px;text-align:center;} #container.magazine #contents .left_cont dl dt a{font-size:16px;color:#222;font-weight:bold} #container.magazine #contents .left_cont dl dd{margin-top:4px;line-height:20px;} #container.magazine #contents .left_cont .cont{padding:0;} #container.magazine #contents .left_cont .cont .list{padding:20px;} #container.magazine #contents .right_cont{margin-left:0;width:49%;float:right;} #container.magazine #contents .right_cont > div{width:100%;float:left;} #container.magazine #contents .right_cont > div > div{margin-left:0;} #container.magazine #contents .right_cont .etc{display:none;} #container.magazine #contents .m_etc{display:inline-block;zoom:1;*display:inline;width:100%;clear:both;display:block;} #container.magazine #contents .m_etc .etc{padding-top:15px;} #container.magazine #contents .m_etc .etc > div{width:49%;float:left;border:none;height:auto !important;} #container.magazine #contents .m_etc .etc > div > div{height:auto !important} #container.magazine #contents .m_etc .etc .tech h3{border:solid 1px #ced2d7;} #container.magazine #contents .m_etc .etc .tech .cont{border:solid 1px #ced2d7;border-top:none;} #container.magazine #contents .m_etc .etc .life{position:static;float:right;} #container.magazine #contents .m_etc .etc .tech .news_list li{border-top:1px solid #e6e8eb} #container.magazine #contents .m_etc .etc .tech .news_list li:first-child{border-top:none;border-bottom:none} #container.magazine #contents .m_etc .etc .life .news_list li{border-top:1px solid #e6e8eb} #container.magazine #contents .m_etc .etc .life .news_list li:first-child{border-top:none;border-bottom:none} #container.magazine #contents .m_etc .etc .news_list li > div dt{ -webkit-line-clamp:1;line-height:24px;max-height:24px} #container.magazine #contents.golf > div{width:49%;padding:0;max-width:none;} #container.magazine #contents.golf > div.first{width:49%;max-width:none;} #container.magazine #contents.golf > div:nth-child(2n){float:right} #container.magazine #contents.golf > div.g_column .cont{height:249px} #container.sub_main .news_classification .issue a p{width:124px;height:69px;line-height:65px} .level01_other_tab{width:100%} .level01_other_tab ul{background:#fff} .level01_other_tab ul li{float:left;width:25%} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_02 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level01_03 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level01_04 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level01_05 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level01_06 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level02_03 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level02_04 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level02_05 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level02_06 .level01_other_tab{display:block;padding:0;margin:0} .main_container .top_news .left_cont .news_zone > div.level02_07 .level01_other_tab{display:block;padding:0;margin:0} #container.sub_main .s_news > div > a p{max-width:258px;margin:0 auto} .search_cover > .search_detail .btn_bottom .btn {display:inline-block; position:initial; text-indent:initial;} } @media screen and (max-width:1023px){ .sub_view .subject_info { position: relative; margin-top:20px; border-top:1px solid #e7e7e7; padding:20px 0 0 0; margin:20px 15px 0 15px; font-family:"notokr-medium"; color:'#1c1c1c'} .sub_view .subject_info:before {display: inline-block; content: '';position: absolute; top: 23px;left: 0;bottom: 3px;width: 1px;background: #1c1c1c;} .main_container .ad_main_banner { display: none; } .side_depth{display:none} #contents.fullPage > div{float:none;width:100%} #contents.fullPage .side_depth{float:none} #contents.fullPage{padding-left:0} .issue_list .issue_tab li a{padding:0 15px} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_02 .level01_other_tab{display:none} } @media screen and (max-width:960px){ .main_container .top_news .left_cont .news_thumb{margin-top:10px} #container.sub_main .top_news .left_cont .news_zone .visual{height:355px} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_01 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_03 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_04 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_05 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_06 .news_thumb li a span{max-height:16px;-webkit-line-clamp:1} #container.sub_main .top_news .left_cont .news_zone .cont{display:none} #container.sub_main .s_news > div dl dt{padding-bottom:5px} #container.sub_main .s_news > div dl dd{display:none} #container.sub_main .s_news > div dl dd.name{display:block} } @media screen and (max-width:900px){ .stars_member_list .stars_slide .swiper-slide a{width:97px;height:30px;margin-top:3px} .side_bar.view_right{margin-top:0} .main_container .top_news .left_cont .news_zone .name{margin-top:5px} .main_container .top_news .left_cont .news_zone h4{margin-top:5px} .main_container .zone_relation{margin-top:5px} .main_container .top_news .left_cont .news_zone h4 a{font-size:16px;} .main_container .top_news .left_cont .news_zone .cont{max-height:18px} .main_container .top_news .left_cont .news_zone .cont a{max-height:18px;line-height:18px;font-size:13px;overflow:hidden;-webkit-line-clamp:1} .main_container .top_news .left_cont .news_thumb li a{font-size:12px;line-height:14px;} #container.sub_main .news_zone .name{margin-top:5px} /* sub_main */ #container.sub_main .top_news{border-top:none;} #container.sub_main .top_news .left_cont .s_news > div{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} #container.sub_main .top_news .left_cont .news_zone .visual{height:331px} #container.sub_main .news_classification .issue{float:none;width:100%;} #container.sub_main .news_classification .issue a p{margin-right:10px} #container.sub_main .news_classification .other_news{float:none;width:100%;padding-top:10px;margin-top:10px;border-top:solid 1px #ced2d7;} #container.sub_main .news_classification .other_news ul{padding-left0;} #container.sub_main .side_bar{padding-top:0;} #container.sub_main .s_news > div dl dd{height:18px;-webkit-line-clamp:1} #container .side_bar > div:first-child{border-top:none;} /*.news_sort{border-top:none;}*/ #container .side_bar > div > h3 { font-size: 14px; padding-left: 15px;} #container .side_bar .head_line h3 { border-top:solid 1px #ced2d7} /* search_result */ .search_cover{border-top:none;margin-bottom:0} .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;} #container.magazine .magazine_cont_wrap{border-top:none;} .zone_relation{margin-top:0} .subscribe_visual{margin-top:20px} .stars_member_list .stars_slide{padding:15px 30px;height:37px} .stars_member_list .stars_btn a{margin-top:-8px} .stars_member_list .stars_btn a img{width:10px} .stars_member_list .stars_btn a.btn_next{right:10px} .stars_member_list .stars_btn a.btn_prev{left:10px} .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} .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} /* 뉴스레터 신청 */ .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 > ul > li:first-child a { color:#000; } } @media screen and (max-width:800px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:292px} #container.sub_main .s_news > div > a p{height:139px} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_01 .news_thumb li a span{max-height:32px;-webkit-line-clamp:2} .main_container .top_news .left_cont .news_zone > div.level02_03 .news_thumb li a span{max-height:16px;-webkit-line-clamp:1} .main_container .top_news .left_cont .news_zone > div.level02_04 .news_thumb li a span{max-height:16px;-webkit-line-clamp:1} .main_container .top_news .left_cont .news_zone > div.level02_05 .news_thumb li a span{max-height:16px;-webkit-line-clamp:1} } @media screen and (max-width:768px){ .stars_member_list .stars_slide .swiper-slide a{width:115px;height:35px;margin-top:5px} #v-left{float:none;width:auto} #v-left-scroll-in{padding-right:0} #v-right{float:none;width:auto} #l-left{float:none;width:auto} #l-left-scroll-in{padding-right:0} #l-right{float:none;width:auto} #m-left{float:none;width:auto} #m-left-scroll-in{padding-right:0} #m-right{float:none;width:auto} #v-right-scroll-start{margin-left:0} #l-right-scroll-start{margin-left:0} #m-right-scroll-start{margin-left:0} .main_container .top_news .left_cont .news_thumb li a img{margin:0;} .main_container .top_news .left_cont .news_thumb li a > span{font-size:11px;} .main_container .headline .headline_slide li a{margin:0 60px;} .main_container .bottom_news .right_cont .today_cont{border-bottom:solid 1px #ced2d7} .main_container .bottom_news .right_cont .today_cont .bx-controls-direction{display:none;} .main_container .bottom_news .right_cont{float:none;width:100%;margin-left:0;border-left:none} .main_container .bottom_news .right_cont .today_cont > div{float:left;width:50%} .main_container .bottom_news .right_cont .today_cont > div:first-child{border-right:none;margin-left:-1px;} .main_container .bottom_news .right_cont .today_cont > .column > div{border-bottom:none;padding-bottom:52px} .main_container .bottom_news .right_cont .today_issue{position:static;width:100%;height:auto;border-bottom:none;} .main_container .bottom_news .right_cont .today_issue > div{padding:0;} .main_container .bottom_news .right_cont .today_issue 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;text-align:left;display:block;} .main_container .bottom_news .right_cont .today_issue h3 .more{position:absolute;right:0;top:0;height:26px;padding:12px 12px 0;} .main_container .bottom_news .other_cont{display:none;} #contents{margin-right:0;} #container.sub_list .side_bar > div:first-child{margin-top:25px;border-top:solid 1px #ced2d7;} #container .side_bar > div > h3 { font-size: 16px; padding-left: 20px;} #container .side_bar .head_line h3 {border-top:none;} .print .sub_view h2 { font-size: 30px; line-height: 40px; padding-top: 10px} .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} .lesson_slide_wrap{margin:0 0px;padding:10px 0} .lesson_slide_wrap .bx-controls-direction .bx-prev{left:-30px} .lesson_slide_wrap .bx-controls-direction .bx-next{right: -30px;} .lesson_slide_wrap .cell .info span{padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .golf .trips_slide_wrap{margin:0;padding:0} .golf .trips_slide_wrap .bx-controls-direction a{top:auto;bottom:10px} .golf .trips_slide_wrap .bx-controls-direction .bx-prev{left:10px} .golf .trips_slide_wrap .bx-controls-direction .bx-next{right:10px} .stars_member_list .stars_slide{height:46px} .main_container .bottom_news .right_cont .today_cont .notice_wrap{border-left:1px solid #ced2d7;border-bottom:none} #container.sub_main .top_news .left_cont .news_zone .visual{height:280px} #container.sub_main .s_news > div > a p{height:132px} /*공통*/ .side_bar .side_recom_article {margin-top:30px;} .side_recom_article h3 { border-top:2px solid #0078bd; background-color:#e8e8e8; } .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;} .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;} .today_hot_topic { margin-top:10px;} .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;} .side_magazine h3 { border-top:1px solid #ced2d7} .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-top0; padding-top:15px; padding-left: 0; } .grievance_list .gri_companyinfo { float:none; padding-left: 15px;} } @media screen and (max-width:736px){ #container.sub_main .s_news > div > a p{height:126px} .main_container .top_news .left_cont .news_zone > div.level02_04 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level02_05 .news_thumb li a span{max-height:32px;-webkit-line-clamp:2} .main_container .top_news .left_cont .news_zone > div.level02_04 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level02_05 .level01_other_tab{display:none} #container.sub_main .top_news .left_cont .news_zone .visual{height:267px} } @media screen and (max-width:720px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:261px} #container.sub_main .s_news > div > a p{height:124px} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_03 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_04 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_05 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_06 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level02_03 .news_thumb li a span{max-height:32px;-webkit-line-clamp:2} .main_container .top_news .left_cont .news_zone > div.level01_03 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level01_04 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level01_05 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level01_06 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level02_03 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level02_06 .level01_other_tab, .main_container .top_news .left_cont .news_zone > div.level02_07 .level01_other_tab{display:none} .main_container .top_news .left_cont .news_zone > div.level02_07 .zone_relation li{display:block} .main_container .top_news .left_cont .news_zone > div.level02_07 .zone_relation li:nth-child(1), .main_container .top_news .left_cont .news_zone > div.level02_07 .zone_relation li:nth-child(2){display:block} } @media screen and (max-width:667px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:240px} #container.sub_main .s_news > div > a p{height:113px} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_01 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_02 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level02_01 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level02_02 .news_thumb li a span{max-height:16px;-webkit-line-clamp:1} /* 고충처리인 */ .grievance_down a { display:block; margin-right0; text-align: center;} } @media screen and (max-width:640px){ .news_list li > div dd {display: none} .news_list li {min-height:92px;border-top:solid 1px #f5f5f5} .news_list li > div { display: table; height:64px;} .news_list li > div dl { display: table-cell; vertical-align: middle} /* level01 type add */ .main_container .top_news .left_cont .news_zone > div.level01_01 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level01_02 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level02_01 .news_thumb li a span, .main_container .top_news .left_cont .news_zone > div.level02_02 .news_thumb li a span{max-height:32px;-webkit-line-clamp:2} .main_container .level01_other_tab{display:none !important} .main_container .top_news{border:none;} .main_container .top_news .left_cont{margin-bottom:10px;} .main_container .top_news .left_cont .news_zone{position:static;width:100%;margin-bottom:10px;} .main_container .top_news .left_cont .news_zone .visual{position:static;padding-top:0;height:346px} .main_container .top_news .left_cont .news_zone > div{margin:0;} .main_container .top_news .left_cont .news_thumb li a img{margin-bottom:5px;} .main_container .top_news .left_cont .news_thumb li a > span{font-size:12px;} .main_container .top_news .left_cont .banner_zone{float:none;width:100%;overflow:hidden;border:none;padding:0 10px;} .main_container .top_news .left_cont .banner_zone > div{width:50%;float:left;border:none;} .main_container .top_news .left_cont .banner_zone > div.issue{border:none;} .main_container .classification_list{display:block;} .main_container .headline{padding:20px} .main_container .headline .headline_slide li a span.title{font-size:18px;} .main_container .headline .bx-controls-direction a{width:10px;height:17px;margin-top:-8px;} .main_container .headline .bx-controls-direction .bx-prev{left:10px;background-size:10px auto} .main_container .headline .bx-controls-direction .bx-next{right:10px;background-size:10px auto} .main_container .bottom_news{border-left:none;border-right:none;} .main_container .bottom_news .right_cont .today_cont .notice_wrap h3{padding-left:10px} .main_container .bottom_news .right_cont .today_issue h3{padding-left:10px} /*sub_main*/ #container.sub_main .main_container{margin:0;} #container.sub_main .top_news .left_cont{margin:0;} #container.sub_main .top_news .left_cont > div{margin:0;border-right:none;} #container.sub_main .top_news .left_cont .news_zone{margin-top:10px;position:static;width:100%;overflow:hidden;} #container.sub_main .top_news .left_cont .news_zone > div{margin-top:0;padding-bottom:0} #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} #container.sub_main .top_news .left_cont .s_news > div:first-child{border-bottom:none;border-right:solid 1px #d1d5d9;margin-right:-1px;} #container.sub_main .top_news .left_cont .s_news > div > p{text-align:center;} #container.sub_main .top_news .left_cont .s_news > div dl{max-width:259px;margin:0 auto;} #container.sub_main .top_news .left_cont .news_zone .cont{margin-top:5px} #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 > li:first-child{border-top:none;} #container.sub_main .news_classification h3{padding-left:10px} #container.sub_main .s_news > div dl dt{padding-bottom:5px} #container.sub_main .top_news .left_cont .news_zone .visual{height:346px;margin-top:0} #container.sub_main .s_news > div > a p{height:145px} .view_bottom_list ul li { width: 50%;} .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:17px; color:#000;} .sub_view h2, .sub_view .subject_info, .sub_view .view_top, .sub_view .view_con, .sub_view .relation_list{padding-left:10px;padding-right:10px;} .sub_view h2{line-height:28px} .sub_view .relation_list ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sub_view .subject_info{font-size:16px} .view_bottom_list{display:none} #container .side_bar > div > h3{padding-left:10px} #container .side_bar{padding-top:0;} #container .side_bar > div{border-top:none;margin-bottom:0;border-right:none;border-left:none;} #container .side_bar > div:first-child{border-top:1px solid #ced2d7} /* search_result */ .search_cover{border-left:none;border-right: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;} .news_list.issue{border:none;border-top:solid 1px #ced2d7;padding:0} .stars_member_list{margin-bottom:0;border-left:none;border-right:none;} #container.saved_list .news_list li > a{right:10px;margin-top:-10px;} #container.saved_list .news_list li > a img{width:20px;} #container.saved_list .btn_del{padding:10px;border:none;} #container.magazine .magazine_cont_wrap{border:none;margin:0;} #container.magazine .magazine_cont_wrap .magazine_menu{margin-right:0;} #container.magazine .magazine_cont_wrap .magazine_menu li{max-width:none;} #container.magazine .magazine_cont_wrap .magazine_menu li:last-child a{border-right:none;} #container.magazine .magazine_cont_wrap .btn_other{display:none;} #container.magazine .magazine_list{float:none;width:100%;} #container.magazine .magazine_list .bg_left{margin:20px 10px;} #container.magazine .magazine_info{float:none;width:100%;} #container.magazine .magazine_info > div{padding:60px 10px;} #container.magazine .magazine_info .btn_wrap{max-width:none;} #container.magazine .magazine_info .btn_other_view{right:10px;top:10px;} #container.magazine #contents .left_cont{float:none;width:100%;height:auto;border-right:none;border-bottom:none;} #container.magazine #contents .features > div{height:auto;border-left:none;border-right:none;} #container.magazine #contents .left_cont .cont .visual{text-align:center;} #container.magazine #contents .right_cont{float:none;width:100%;} #container.magazine #contents .m_etc .etc{padding:0;} #container.magazine #contents .m_etc .etc > div{float:none;width:100%;} #container.magazine #contents .news_list li > div dd:last-child{display:block;} #container.magazine #contents .news_list li > div dd:last-child > span{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;} #container.magazine #contents .m_etc .etc .tech .cont{border-left:none;border-right:none;border-top:solid 1px #ced2d7} #container.magazine #contents .m_etc .etc .tech h3{border:none;} #container.magazine #contents .etc .life > div{border:none;} #container.magazine #contents .etc .news_list li > p{left:0} #container.magazine .magazine_cont .magazine_layer .date_cover{visibility:hidden} #container.magazine .magazine_cont .magazine_layer .cont{padding:0 10px;margin-left:0} #container.magazine .magazine_cont .magazine_layer .cont .visual{float:none;width:100%;margin:0 auto} #container.magazine .magazine_cont .magazine_layer .cont > div{float:none;width:100%;} #container.magazine .magazine_cont .magazine_layer .cont > div > div{padding:20px 0 0;} #container.magazine .magazine_cont.open .magazine_layer{position:relative;padding-bottom:30px} #container.magazine .magazine_cont.open .magazine_list, #container.magazine .magazine_cont.open .magazine_info{display:none} #container.magazine .magazine_cont.close .magazine_list, #container.magazine .magazine_cont.close .magazine_info{display:block} #container.magazine #contents.golf > div{width:100%;float:none;margin:0;} #container.magazine #contents.golf > div.first{width:100%;float:none;} #container.magazine #contents.golf > div:nth-child(2n){float:none;} #container.magazine #contents.golf > div h3{padding-left:10px;border-right:none;border-left:none;border-top:none;} #container.magazine #contents.golf > div:first-child h3{border-top:solid 1px #ced2d7} #container.magazine #contents.golf > div .cont{padding:10px;border-right:none;border-left:none;height:auto;} #container.magazine #contents.golf > div .cont .news_list li > p{left:0;} #container.magazine #contents.golf > div.game .visual{left:10px;top:10px;} #container.magazine #contents.golf > div.shop dl dt{height:200px;line-height:195px} #container.magazine #contents.golf > div.g_cover .cont, #container.magazine #contents.golf > div.g_performance .cont, #container.magazine #contents.golf > div.g_column .cont{height:auto} #container.magazine #contents .right_cont .cont .news_list li > div dt a{max-height:24px;-webkit-line-clamp:1} #container.magazine #contents .etc .news_list li > div dt a{max-height:24px;-webkit-line-clamp:1} .news_list li > p{width:116px;height:66px;line-height:46px} .news_list li > p a{ line-height:46px} #contents.fullPage{padding-bottom:50px} .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;} .level01_other_tab{position:relative;top:auto;bottom:auto;margin-top:20px;border-bottom:1px solid #d1d5d9;display:none} .level01_other_tab ul li{float:left;width:50%} .level01_other_tab ul li a{border-top:1px solid #d1d5d9;padding-left:50px;background-position:15px center;margin-top:-1px;border-left:none} .level01_other_tab ul li:nth-child(2n) a{border-left:1px solid #d1d5d9} .level01_other_tab ul li.tab03 a{padding-left:60px} .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{position:relative;margin-top:30px;margin-bottom:10px} .map_data{height:200px} .issue_list .issue_tab{ width: 85%;} .issue_list .issue_tab li a{font-size:13px;padding:0 15px} #container.magazine #contents.golf > div.lesson.first .cont{height:auto} #container.magazine #contents.golf > div.best_trips .cont{height:auto} .contact_us .us_data .us_list table.group_table{margin-top:-1px} .contact_us .us_data .us_list table.group_table thead{display:none} .features .news_list li > p{left:0} .features .news_list li{padding-left:0;padding-right:0} #container .side_bar .hot_hash_tag ol{padding:15px 10px} #container .side_bar .head_line ul{padding:8px 10px} .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} #container.saved_list .list_title{padding-left:10px} #container.magazine #contents h3{padding-left:10px} #container.magazine #contents .left_cont dl{padding:15px 10px 5px} #container.magazine #contents .left_cont .cont .list{padding:15px 10px} #container.magazine #contents .cont{padding:15px 10px} #container.magazine #contents .m_etc .etc .tech .cont{padding:0 10px} #container.magazine #contents .etc .cont{padding:0 10px} #container.magazine #contents.golf > div .cont .news_list{padding-bottom:10px} #container.magazine #contents.golf > div .cont{padding:15px 10px} #container.magazine #contents.golf > div.game .visual{top:15px} #container.magazine #contents.golf > div.lesson .cont{padding:0 10px} #container.magazine #contents .features .list{margin-top:10px} .main_container .top_news .left_cont .news_zone .cont{max-height:36px} .main_container .top_news .left_cont .news_zone .cont a{max-height:36px;-webkit-line-clamp:2} .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} #container.sub_main .top_news .left_cont .news_zone .cont{display:block} #container.sub_main .s_news > div dl dd{display:block;height:auto;max-height:36px;-webkit-line-clamp:2} .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:600px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:324px} .main_container .top_news .left_cont .news_zone .visual{height:324px} } @media screen and (max-width:568px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:306px} .main_container .top_news .left_cont .news_zone .visual{height:306px} .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){ .stars_member_list .stars_slide .swiper-slide a{width:97px;height:30px;margin-top:3px} .main_container .top_news .left_cont .news_thumb li{width:33.3%;} .main_container .top_news .left_cont .news_thumb li.last{display:none;} .main_container .headline .headline_slide li a{margin:0 30px} .main_container .bottom_news .right_cont .today_cont > div{width:100%;float:none;} .main_container .bottom_news .right_cont .today_cont > div:first-child{border-right:none;} .main_container .classification_list { margin-bottom: 25px; } .main_container .classification_slide h3 { padding: 20px 0 15px; } .main_container .classification_slide > li > div dl dd { display: none;} .main_container .classification_slide > li > div dl dt{ overflow: hidden; text-overflow: ellipsis; height:26px;-webkit-line-clamp:1;} .main_container .classification_slide > li > ul{display:none;} .sub_view .view_top .btn_info ul{margin-left:10px;} .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} .sub_view .relation_list{padding:15px 10px} .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;} /* stars_club */ .stars_member_list .title{padding:0 10px 10px;} .stars_member_list .title .stars_search{position:relative;right:0;top:0;width:auto;max-width:none} .stars_member_list .title .stars_search > p{max-width:none;} .message_pop{right:auto;left:50%;margin-left:-145px} #container.sub_main .news_classification .issue a p{height:67px;line-height:63px;width:118px} .news_list li > div dd.name > span{margin-left:5px;padding-left:10px; line-height:1.25em} .agree_list ul li{width:100%} .issue_list .issue_tab li a{font-size:12px;padding:0 7px} .stars_member_list .stars_slide{height:37px} .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} .main_container .bottom_news .right_cont .today_cont .notice_wrap{border-left:none} .main_container .bottom_news .right_cont .today_cont > div:first-child{border-bottom:1px solid #ced2d7} #container.sub_main .top_news .left_cont .news_zone .visual{height:257px} #container.sub_main .s_news > div > a p{height:122px} .main_container .top_news .left_cont .news_zone .visual{height:257px} /* 고충처리인 */ .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){ .stars_member_list .stars_slide .swiper-slide a{width:97px;height:30px;margin-top:3px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu01 a span{margin-top:-4.5px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu02 a span{margin-top:-7px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu03 a span{margin-top:-5px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu01 a img{width:52.5px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu02 a img{width:35.5px} #container.magazine .magazine_cont_wrap .magazine_menu li.menu03 a img{width:57.5px;} .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} .stars_member_list .stars_slide{height:37px} #container.sub_main .top_news .left_cont .news_zone .visual{height:223px} #container.sub_main .s_news > div > a p{height:105px} .main_container .top_news .left_cont .news_zone .visual{height:223px} } @media screen and (max-width:414px){ .stars_member_list .stars_slide .swiper-slide a{width:72px;height:22px;margin-top:3px} .stars_member_list .stars_slide{height:28px} #container.sub_main .top_news .left_cont .news_zone .visual{height:220px} #container.sub_main .s_news > div > a p{height:103px} .main_container .top_news .left_cont .news_zone .visual{height:220px} } @media screen and (max-width:384px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:203px} #container.sub_main .s_news > div > a p{height:95px} .main_container .top_news .left_cont .news_zone .visual{height:203px} /*고충처리인*/ .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){ #container.sub_main .top_news .left_cont .news_zone .visual{height:198px} #container.sub_main .s_news > div > a p{height:92px} .main_container .top_news .left_cont .news_zone .visual{height:198px} /* 뉴스레터 신청 */ .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){ #container.sub_main .top_news .left_cont .news_zone .visual{height:189px} #container.sub_main .s_news > div > a p{height:88px} .main_container .top_news .left_cont .news_zone .visual{height:189px} .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; } .issue_headline .issue_txt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; } } @media screen and (max-width:320px){ #container.sub_main .top_news .left_cont .news_zone .visual{height:167px} #container.sub_main .s_news > div > a p{height:77px} .main_container .top_news .left_cont .news_zone .visual{height:167px} } /*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;} } .left_banner { position: absolute; top: 0; left: -200px; width: 160px; height: 600px; box-sizing: border-box; border: 1px solid #eaeaea } @media screen and (max-width:1024) { .left_banner { display: none; } }