/********** 메인스킨24 공통css 추가 **********/ @import url(/css/skin/width_1090.css?wdate=202405); /* 섹션메인 공통 */ @import url(/css/skin/width_400.css?wdate=202405); @import url(/css/skin/width_300.css?wdate=202405); @import url(/css/skin/font_notosanskr.css?wdate=202405); /* 전체기사목록 news_list2 */ #all_list {position:relative; text-align:left;} #all_list .title_area {position:relative; height:45px; border-bottom:2px solid #e0e0e0; margin-bottom:5px; font:bold 18px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.1em; color:#000;} #all_list .title_area .tag {font:normal 26px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.1em; color:#306AD2} #all_list .title_area span.total_data {font:normal 13px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#F74D00;} #all_list .title_area .no {letter-spacing:0;} #all_list .title_area p.page_area {position:absolute; top:20px; right:0; font:normal 11px/14px dotum; letter-spacing:-1px; color:#999;} #all_list .title_area .sort_tab {position:absolute; top:16px; right:0;} #all_list .title_area .sort_tab li {float:left; height:20px; overflow:hidden; background:url(/img/default/ico_list_type.gif) no-repeat; padding-left:20px; cursor:pointer} #all_list .title_area .sort_tab li,#all_list .title_area .sort_tab li a,#all_list .title_area .sort_tab li a:visited {font:normal 12px/18px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#999} #all_list .title_area .sort_tab .sort_1 {background-position:0 -20px; padding-right:10px;} #all_list .title_area .sort_tab .sort_1_on {background-position:0 0; color:#333;} #all_list .title_area .sort_tab .sort_2 {background-position:0 -60px;} #all_list .title_area .sort_tab .sort_2_on {background-position:0 -40px; color:#333;} #all_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} #news_list2_area {position:relative; width:771px; margin-left:-10px;} #news_list2_area .news_list {float:left; width:234px; .width:236px; border:1px solid #d4d4d4; margin:10px 11px 10px 10px;} #news_list2_area .news_list dt img {width:234px} #news_list2_area .news_list dd {padding:0 15px;} #news_list2_area .news_list dd.title {padding:10px 15px 5px;} #news_list2_area .news_list dd.title,#news_list2_area .news_list dd.title a,#news_list2_area .news_list dd.title a:visited {font:bold 15px/21px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.05em; color:#000;} #news_list2_area .news_list dd.body {max-height:56px; overflow:hidden} #news_list2_area .news_list dd.body,#news_list2_area .news_list dd.body a,#news_list2_area .news_list dd.body a:visited {font:normal 13px/18px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.03em; color:#999;} #news_list2_area .news_list dd.write {padding:10px 15px 15px;} #news_list2_area .news_list dd.write,#news_list2_area .news_list dd.write a,#news_list2_area .news_list dd.write a:visited {font:normal 12px/14px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-1px; color:#3f6bbc;} #news_list2_area .news_list .wdate {display:block; margin-bottom:3px; font:normal 12px/16px tahoma,dotum; letter-spacing:0; color:#9f9f9f} #news_list2_area .news_list2 {float:left; width:748px; margin-left:10px; border-bottom:1px solid #eee; padding:15px 0; overflow:hidden;} #news_list2_area .news_list2 dt {float:left; position:relative;} #news_list2_area .news_list2 dt a {display:block; width:130px; height:95px; margin-right:15px; overflow:hidden;} #news_list2_area .news_list2 dt .outline {display:block; position:absolute; top:0; left:0; width:128px; .width:130px; height:93px; .height:95px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:3;} #news_list2_area .news_list2 dt img {width:130px; min-height:95px; .height:95px; } #news_list2_area .news_list2 dd.title {.width:100%; height:28px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;} #news_list2_area .news_list2 dd.title,#news_list2_area .news_list2 dd.title a,#news_list2_area .news_list2 dd.title a:visited {font:bold 18px/26px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.1em; color:#000;} #news_list2_area .news_list2 dd.body {max-height:40px; overflow:hidden;} #news_list2_area .news_list2 dd.body,#news_list2_area .news_list2 dd.body a,#news_list2_area .news_list2 dd.body a:visited {font:normal 14px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.03em; color:#888;} #news_list2_area .news_list2 dd.write {padding:5px 0;} #news_list2_area .news_list2 dd.write,#news_list2_area .news_list2 dd.write a,#news_list2_area .news_list2 dd.write a:visited {font:normal 12px/16px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-1px; color:#3f6bbc;} #news_list2_area .news_list2 .wdate {display:inline-block; padding:0 13px 0 1px; background:url(/img/top/btwn_sbar_gray.gif) no-repeat right center; font:normal 12px/16px tahoma,dotum; letter-spacing:0; color:#9f9f9f} /****** 메인기사 썸네일 ******/ .news_main_wrap {margin-bottom:15px;} /***** .news_main_wrap {margin-bottom:15px;} 추가에 따른 일부스킨 수정 *****/ /* 스킨4(스킨4-A - 굴림), 스킨4_2(스킨4-A - 돋움) */ .news_main_skin4 {padding:4px 0 25px;} /* 스킨4_2_2 추가(스킨4-A - 맑은 고딕체2) */ .news_main_skin4_2_2 {padding:4px 0 29px;} /* 스킨4_2_3 추가(스킨4-A - 맑은 고딕체1) */ .news_main_skin4_2_3 {padding:4px 0 29px;} /* 스킨4_3(스킨4-B - 굴림), 스킨4_4(스킨4-B - 돋움), 스킨4_5(스킨4-C - 굴림), 스킨4_6(스킨4-C - 돋움) */ .news_main_skin4_3 {padding:4px 0 25px;} /* 스킨4_4_2 추가(스킨4-B - 맑은 고딕체4) */ .news_main_skin4_4_2 {padding:4px 0 29px;} /* 스킨4_4_3 추가(스킨4-B - 맑은 고딕체3) */ .news_main_skin4_4_3 {padding:4px 0 29px;} /* 스킨4_4_4 추가(스킨4-B - 맑은 고딕체2) */ .news_main_skin4_4_4 {padding:4px 0 7px;} /* 스킨4_4_5 추가(스킨4-B - 맑은 고딕체1) */ .news_main_skin4_4_5 {padding:4px 0 8px;} /* 스킨4_7(스킨4-D - 굴림), 스킨4_8(스킨4-D - 돋움) */ .news_main_skin4_7 {padding:4px 0 25px;} /* 스킨4_9(스킨4-E - 굴림), 스킨4_10(스킨4-E - 돋움) */ .news_main_skin4_9 {padding:4px 0 25px;} /* 스킨4_9_2 추가(스킨4-E - 맑은 고딕체1) */ .news_main_skin4_9_2 {padding:8px 0 25px;} /* 스킨4_9_3 추가(스킨4-E - 맑은 고딕체2) */ .news_main_skin4_9_3 {padding:8px 0 25px;} /* 스킨23,스킨23_2 */ .news_main_skin23 {padding:9px 0 30px;} /* 스킨24 */ .news_main_skin24 ul {padding-bottom:10px} /* 스킨25 */ .news_main_skin25 .line {height:13px;} /* 스킨25_2 */ .news_main_skin25_2 .line {height:13px;} /* 스킨25_3 */ .news_main_skin25_3 .line {height:27px;} /* 스킨25_4 */ .news_main_skin25_4 .line {height:27px;} /* 스킨36, 36_2 */ .news_main_skin36 dd.line {height:13px;} /*****여기까지*****/ /* 스킨1 (기본형) - 맑은 고딕체1 */ .news_main_skin1 dd.body1, .news_main_skin1 dd.body1 a.body1:link, .news_main_skin1 dd.body1 a.body1:active, .news_main_skin1 dd.body1 a.body1:hover, .news_main_skin1 dd.body1 a.body1:visited {font-size:14px; line-height:21px;} .news_main_skin1 dd.body1 .left img {margin-right:12px;} .news_main_skin1 dd.body1 .right img {margin-left:12px;} /* 스킨1 (썸네일 고정형) - 맑은 고딕체1 */ .news_main_skin1_4 .body1 .img_file_style a {width:140px; .width:142px; height:84px; .height:86px;} /*크기입력*/ .news_main_skin1_4 .body1 .img_size_type_w6 img {width:100%; height:auto; border:0} .news_main_skin1_6_2 .body1,.news_main_skin1_6_2 .body1 a.body1:link,.news_main_skin1_6_2 .body1 a.body1:hover,.news_main_skin1_6_2 .body1 a.body1:active,.news_main_skin1_6_2 .body1 a.body1:visited {font-size:14px; line-height:21px;} /* 스킨2 (기본형) - 맑은 고딕체 */ .news_main_skin2_2_2 .body1,.news_main_skin2_2_2 .body1 a.body1:link,.news_main_skin2_2_2 .body1 a.body1:hover,.news_main_skin2_2_2 .body1 a.body1:active,.news_main_skin2_2_2 .body1 a.body1:visited {font-size:14px; line-height:21px;} .news_main_skin2 .body1 .left img {margin-right:12px;} .news_main_skin2 .body1 .right img {margin-left:12px;} /* 스킨2 (썸네일 고정형) - 맑은 고딕체1 */ .news_main_skin2_4_2 .body1,.news_main_skin2_4_2 .body1 a.body1:link,.news_main_skin2_4_2 .body1 a.body1:hover,.news_main_skin2_4_2 .body1 a.body1:active,.news_main_skin2_4_2 .body1 a.body1:visited {font-size:14px; line-height:21px;} .news_main_skin2_3 .body1 .img_file_style a {width:140px; .width:142px; height:84px; .height:86px;} .news_main_skin2_3 .body1 .img_size_type_w6 img {width:100%; height:auto; border:0} /* 스킨5-A - 맑은 고딕체 */ .news_main_skin5_2 dd {height:58px;} .news_main_skin5_2 dd,.news_main_skin5_2 dd a,.news_main_skin5_2 dd a:visited {font-size:14px; line-height:19px;} /* 스킨5-B - 맑은 고딕체 */ .news_main_skin5_4_2 dd {height:58px;} .news_main_skin5_4_2 dd, .news_main_skin5_4_2 dd a, .news_main_skin5_4_2 dd a:visited {font-size:14px; line-height:19px;} /* 스킨5-C */ .news_main_skin5_6_2 dd {height:38px;} .news_main_skin5_6_2 dd, .news_main_skin5_6_2 dd a, .news_main_skin5_6_2 dd a:visited {font-size:14px; line-height:19px;} /* 스킨5-D */ .news_main_skin5_8_2 dd, .news_main_skin5_8_2 dd a, .news_main_skin5_8_2 dd a:visited {font-size:14px; line-height:19px;} /* 스킨5-E */ .news_main_skin5_8_4 dd {height:58px;} .news_main_skin5_8_4 dd, .news_main_skin5_8_4 dd a, .news_main_skin5_8_4 dd a:visited {font-size:14px; line-height:19px;} /* 스킨8-A, 스킨8-B */ .news_main_skin8_3_2 .body, .news_main_skin8_3_2 .body a, .news_main_skin8_3_2 .body a:visited {font-size:14px; line-height:20px;} /* 스킨9 */ .news_main_skin9_3_2 .body,.news_main_skin9_3_2 .body a,.news_main_skin9_3_2 .body a:visited {font-size:14px; line-height:20px;} /* 스킨10 */ .news_main_skin10 .news_inner .body .left img {margin-right:12px;} .news_main_skin10 .news_inner .body .right img {margin-left:12px;} .news_main_skin10_3_2 .news_inner .body, .news_main_skin10_3_2 .news_inner .body a, .news_main_skin10_3_2 .news_inner .body a:visited {font-size:14px; line-height:21px;} /* 스킨11 */ .news_main_skin11 .news_inner .body .left img {margin-right:12px;} .news_main_skin11 .news_inner .body .right img {margin-left:12px;} .news_main_skin11_3_2 .news_inner .body, .news_main_skin11_3_2 .news_inner .body a, .news_main_skin11_3_2 .news_inner .body a:visited {font-size:14px; line-height:21px;} /* 스킨12 */ .news_main_skin12 .news_inner .body .left img {margin-right:12px;} .news_main_skin12 .news_inner .body .right img {margin-left:12px;} .news_main_skin12_3_2 .news_inner .body, .news_main_skin12_3_2 .news_inner .body a, .news_main_skin12_3_2 .news_inner .body a:visited {font-size:14px; line-height:21px;} /* 스킨13 */ .news_main_skin13_3_2 .body,.news_main_skin13_3_2 .body a,.news_main_skin13_3_2 .body a:visited {font-size:14px; line-height:21px;} /* 스킨16 */ .news_main_skin16 .main .sbody {height:57px;} .news_main_skin16 .main .sbody, .news_main_skin16 .main .sbody a, .news_main_skin16 .main .sbody a:visited {font-size:14px; line-height:19px;} /* 스킨18 */ .news_main_skin18_3_2 .body, .news_main_skin18_3_2 .body a, .news_main_skin18_3_2 .body a:visited {font-size:14px; line-height:20px;} /* 스킨19 */ .news_main_skin19_3_2 .body,.news_main_skin19_3_2 .body a,.news_main_skin19_3_2 .body a:visited {font-size:14px; line-height:20px;} /* 스킨 22_3 */ .news_main_skin22_3 .sbody, .news_main_skin22_3 .sbody a, .news_main_skin22_3 .sbody a:visited {font-size:14px; line-height:21px;} /* 스킨 26 */ .news_main_skin26 .news .sbody, .news_main_skin26 .news .sbody a, .news_main_skin26 .news .sbody a:visited {font-size:14px;} /* 스킨42 */ .news_main_skin42 .news_box .sbody,.news_main_skin42 .news_box .sbody a,.news_main_skin42 .news_box .sbody a:visited {font-size:14px; line-height:20px;} /****** 섹션배치시 동영상 크기 ******/ /* 섹션메인 */ #sub_main1 iframe,#sub_main2 iframe,#sub_main1 .video-js,#sub_main2 .video-js {width:750px; height:438px; margin-bottom:10px; padding:0;} #sub_main1 object,#sub_main1 embed,#sub_main2 object,#sub_main2 embed {width:750px; height:458px; margin-bottom:10px; padding:0;} #sub_photo1 iframe,#sub_photo1 object,#sub_photo1 embed,#sub_photo1 .video-js {width:365px; height:210px;} /* 섹션박스 */ .sub_box1 iframe,.sub_box1 .video-js,.sub_box2 iframe,.sub_box2 .video-js {width:300px; height:175px; margin-bottom:5px;} .sub_box1 object,.sub_box1 embed,.sub_box2 object,.sub_box2 embed {width:300px; height:195px; margin-bottom:5px;} /***** 기사본문 동영상크기 *****/ .movie_data .video_1-dimensions,.movie_data iframe,#textinput iframe.y_n_video_iframe {width:750px; height:422px;} /***** 배너 크기 *****/ #headline .bn img {max-width:1090px;} #contents .bn img {max-width:400px;} #aside .bn img {max-width:300px;} #r_aside .bn img {max-width:300px;} .banner_top .bn img {max-width:750px;} .banner_bottom .bn img {max-width:750px;} body {overflow-x:hidden;} @media only screen and (max-width:1134px) { body {overflow-x:auto;} } /***** 기사페이지 스크롤 상단바 *****/ #screen_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-9999} .article_head_top {display:block} .article_head_top .logo_area, .article_head_top .btn_menu, .article_head_top .scroll_control, .article_head_top .left_slide_menu {display:none;} #article_head_view {display:none; position:fixed; top:0; left:0; width:100%; padding:0; margin:0 !important; background:#fff; border-bottom:0 !important; filter:alpha(opacity=90); opacity:0.9; box-shadow:0 0 4px 0 rgba(0,0,0,.4); z-index:999999;} #article_head_view .section_area {display:none !important;} #article_head_view .logo_area {display:block; position:absolute; top:0; left:30px; height:60px; background:#fff; overflow:hidden;} #article_head_view .logo_area a {display:flex; height:60px; justify-content:center; align-items:center; flex-direction:column;} #article_head_view .logo_area img {max-width:140px; max-height:60px;} #article_head_view .title_area {width:100%;} #article_head_view .read_title {width:570px; height:60px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; margin:0 auto !important; padding:0 !important; font-weight:bold !important; font-size:20px !important; line-height:56px !important; letter-spacing:-1px !important; text-align:center;} #article_head_view .read_subtitle {display:none;} #article_head_view .read_option_top {position:absolute; top:13px; right:30px; background:#fff;} #article_head_view .read_option_top .writer_time {display:none;} #article_head_view .news_read_option .share {display:inline-block;} #article_head_view .scroll_control {display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; text-align:left;} #article_head_view .sc_bar {overflow:hidden; width:0; height:0; border-top-width:3px; border-top-style:solid; border-top-color:transparent;} #article_head_view .sc_bar_border_top {border-top-color:#306AD2} @media screen and (max-width:1129px){ #article_head_view {width:1129px;} #article_head_view .read_title {font-size:17px !important;} } #mobile_shortcut, #mobile_shortcut2 {min-width:1130px} /***** NEW버전 추가 *****/ /* 메인뉴스 여백 추가 */ #headline .news_main_wrap {padding-top:15px; margin:0} #contents .news_main_wrap {padding-top:10px; margin:0} /* 섹션메인 여백 추가 */ #sc_main .news_main_wrap {padding-top:15px; margin:0} /* 배너 여백 추가 */ #headline .bn {padding-top:25px;} #contents .bn {padding-top:20px;} #headline .bn td,#contents .bn td {padding-bottom:0 !important;} .center_bn .bn {padding-top:20px;} .center_bn .bn td {padding-bottom:0 !important;} #aside .bn, #r_aside .bn {margin-bottom:15px;} #aside .bn td, #r_aside .bn td {padding-bottom:0 !important;} /* 단신 여백 추가 */ #headline .speed_news {padding-top:25px;} #contents .speed_news {padding-top:20px;} #r_aside .speed_news, #aside .speed_news {margin-bottom:15px;} /* 박스기사 여백 추가 */ #aside #search_box, #r_aside #search_box, #aside .news_link_top, #r_aside .news_link_top, #aside #news_photo_box, #r_aside #news_photo_box, #aside .news_box_wrap, #r_aside .news_box_wrap, #aside .news_box_wrap2, #r_aside .news_box_wrap2 {margin-bottom:15px}