/*************** 메인스킨26 ***************/ /* 추가css 연결 */ @import url(/css/skin/width_1278.css); @import url(/css/skin/width_625.css); @import url(/css/skin/font_notosanskr.css); /* 기사본문 */ .read_title {font:bold 26px/30px gulim,'굴림'; letter-spacing:-0.1em; color:#000;} .read_subtitle {font:bold 14px/20px gulim,'굴림'; letter-spacing:-1px; color:#999;} .read_body {font:normal 14px/1.5 gulim,'굴림'; color:#333; text-align:justify;} .read_body td {font:normal 14px/1.5 gulim; color:#333;} .read_photo {font:normal 13px/18px dotum,'굴림'; color:#009999;} /* 메뉴타이틀 */ .tit {font:bold 14px dotum,'돋움'; letter-spacing:-2px; color:#000; padding:4px 2px 4px 2px;} /* 좌측메뉴 섹션명 */ .sc,a.sc:link,a.sc:visited {font:bold 14px/16px dotum,'돋움'; text-decoration:none; color:#fff; letter-spacing:-1px;} a.sc:hover,a.sc:active {text-decoration:underline;} /* 섹션별 리스트(섹션명) */ .section_t,a.section_t:link,a.section_t:visited {font:bold 13px dotum,'돋움'; text-decoration:none; color:#990033;} a.section_t:hover,a.section_t:active {text-decoration:underline;} /*폴 항목*/ .poll_list {font:normal 11px/13px dotum,'돋움'; color:#666; letter-spacing:-1px;} /*************** 레이아웃 ***************/ /* 공통 및 메인 */ body {.text-align:center;} .main_wrap {position:relative; width:100%; min-width:1278px; background:url(/news_skin/amn_kr/main/img/bg_main_top.png) repeat-x 0 0;} #wrap {position:relative; width:1278px; margin:0 auto;} /* 전체틀 */ #header {position:relative; width:1278px; margin:0 auto;} #container {position:relative; width:1278px; margin:0 auto; overflow:hidden;} #contents_wrap {float:left; width:952px; margin:20px 10px 0 0;} #headline {position:relative; width:1278px; margin:0 auto;} #contents {position:relative; width:1024px; margin:0 -37px 0 -35px;} /*#r_aside {float:left; width:319px; margin:30px -9px 20px 16px;} */ #r_aside {float:left; width:319px; margin:30px -10px 0 6px;} #main_tail {clear:both; position:relative; width:1278px; margin:0 auto; /*padding-top:30px; .padding-top:0;*/} /* 섹션별주요뉴스 */ #footer {clear:both; position:relative; width:1278px; margin:0 auto;} /* 하단 */ /* 추가 */ .wrap_1278 {clear:both; position:relative; width:1278px; min-width:1278px; margin:0 auto;} .container_title {clear:both; position:relative; text-align:center; margin-bottom:30px;} #width_625 {/*border-bottom:1px solid #c0c0c0*/} #width_625 .news_main_wrap {padding-bottom:10px} .wrap_625 {float:left; width:625px;} .wrap_625 .news_main_wrap {width:625px;} /* 서브 */ #container_sub {position:relative; width:1279px; margin:0 auto; overflow:hidden;} .container_sub_bg {background:url(/img/skin25/bg_sub.gif) repeat-y -55px 0; } #l_nav {float:left; position:relative; width:150px; margin:30px 15px 20px 0; overflow:hidden;} #left_menu {float:left; position:relative; width:220px; margin:30px 59px 20px 0; overflow:hidden;} #contents_sub {float:left; position:relative; width:750px; margin:30px 24px 30px; .padding-bottom:30px; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; overflow:hidden;} /* 1+2단(기사읽기 등 바로 내용이 오는 경우) */ #contents_sub td {font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333;} #contents_sub2 {float:left; position:relative; width:939px; margin-right:24px; padding:30px 0; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; overflow:hidden;} #contents_sub2 td {font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333;} /* 기사읽기 */ .table_sub_read {width:1282px; border:0; padding:0; margin:0 auto; overflow:hidden;} .td_l_nav {width:145px; .width:150px; padding:35px 0 20px 5px; vertical-align:top;} .td_sub_read_contents {width:750px; .width:812px; padding:30px 24px 30px 38px; border:0; margin:0; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; vertical-align:top;} .td_r_aside {width:320px; border:0; margin:0; padding:0; text-align:left; vertical-align:top;} /*************** 공통 ***************/ /* 날개배너 */ .bn_wing {position:relative; width:1278px; height:0; margin:0 auto; z-index:10;} .bn_wing_le {position:absolute; top:30px; left:-330px; width:300px;} .bn_wing_le .bn {padding-bottom:3px; text-align:right} .bn_wing_le .bn td {text-align:right} .bn_wing_ri {position:absolute; top:30px; right:-330px; width:300px;} .bn_wing_ri .bn {padding-bottom:3px; text-align:left} .bn_wing_ri .bn td {text-align:left} /* 기사검색 */ #search_box {position:relative; width:300px; height:25px; margin-bottom:10px; text-align:left;} #search_box li {float:left;} #search_box li.input_area input {width:217px; height:25px; border:2px solid #ccc; font:normal 12px/16px dotum; color:#000; background:#fff;} #search_box li.bt_area {width:36px; .width:42px; padding:0 3px; .padding:1px 3px 0;} #search_box li.bt_area2 {width:41px; .padding-top:1px;} /* 하단 */ #footer_box {position:relative;} #footer_box .fb_logo {float:left; width:300px; .width:326px; text-align:center; padding:30px 26px 20px 0; overflow:hidden; border-top:2px solid #999;} #footer_box .fb_nav_copy {float:left; position:relative; width:952px; padding:30px 0 20px; text-align:left; border-top:2px solid #999;} #footer_box .go_top {position:absolute; top:32px; right:0;} #footer_box .fb_nav {font:normal 15px/20px "Malgun Gothic","맑은 고딕",dotum; color:#ddd; padding-right:50px; word-break:keep-all; margin-bottom:20px;} #footer_box .fb_nav a {font:bold 15px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#333;} #footer_box .fb_copy {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#777;} #footer_box .powered_by {clear:both; position:absolute; bottom:0; right:0;} /*************** 메인 ***************/ /* 배너 */ .center_bn_wrap {clear:both; overflow:hidden} .center_bn_wrap .center_bn .new_bn {padding-top:30px;} .center_bn_le {float:left; width:630px;} .center_bn_le .bn img {width:630px;} .center_bn_ri {float:right; width:630px;} .center_bn_ri .bn img {width:630px;} /* 메인뉴스1 */ .ins_main_news1_new {position:relative; width:1278px; height:518px;} .ins_main_news1_new .list_area {/*width:1278px;*/ height:518px; overflow:hidden;} .ins_main_news1_new .news .title {float:left; position:relative; top:60px; width:328px; height:376px; margin-right:30px; overflow:hidden;} .ins_main_news1_new .news .title a {display:table-cell; height:376px; vertical-align:middle; overflow:hidden;} .ins_main_news1_new .news .title img {display:none} .ins_main_news1_new .news .title, .ins_main_news1_new .news .title a, .ins_main_news1_new .news .title a:visited {font:700 37px/47px 'noto sans kr',dotum; letter-spacing:-0.05em; color:#fff} .ins_main_news1_new .news .thumb_img {float:left; position:relative; width:920px} .ins_main_news1_new .news .thumb_img .cover_thumb_img {display:block; position:absolute; top:0; left:0; width:920px; height:518px; background:url(/news_skin/amn_kr/main/img/cover_main_top_img.png) no-repeat 0 0; z-index:10} .ins_main_news1_new .thumb_img .img_file_style {padding:0} .ins_main_news1_new .thumb_img .img_file_style a {display:flex; .display:block; width:920px; height:518px; border:0; overflow:hidden; justify-content:center; align-items:center;} .ins_main_news1_new .img_size_type_w1 a, .ins_main_news1_new .img_size_type_w2 a, .ins_main_news1_new .img_size_type_w3 a, .ins_main_news1_new .img_size_type_w4 a, .ins_main_news1_new .img_size_type_w5 a {flex-direction:column;} .ins_main_news1_new .img_size_type_w img {width:auto; .width:100%; height:100%; border:0;} .ins_main_news1_new .img_size_type_w6 img {width:100%; height:auto; .height:100%; border:0} .ins_main_news1_new .img_size_type_w7 img {width:100%; height:auto; .height:100%; border:0} .ins_main_news1_new .img_size_type_w8 img {width:100%; height:auto; .height:100%; border:0} .ins_main_news1_new .img_size_type_w9 img {width:100%; height:auto; .height:100%; border:0} .ins_main_news1_new .img_size_type_h img {width:100%; height:auto; .height:100%; border:0} .ins_main_news1_new .news .thumb_img .main_movie_cover {display:block; position:absolute; top:0; left:0; width:100%; height:100%;} .ins_main_news1_new .news .thumb_img iframe {width:920px; height:518px;} .ins_main_news1_new .bx-wrapper .bx-controls-direction a {width:40px; height:60px; margin-top:-30px;} .ins_main_news1_new .bx-wrapper .bx-prev {left:-100px; background:url(/img/main_news/controls5.png) no-repeat 0 0;} .ins_main_news1_new .bx-wrapper .bx-next {right:-100px; background:url(/img/main_news/controls5.png) no-repeat -40px 0;} .ins_main_news1_new .bx-wrapper .bx-pager, .ins_main_news1_new .bx-wrapper .bx-controls-auto {bottom:30px; z-index:100} .ins_main_news1_new .bx-wrapper .bx-pager.bx-default-pager a {width:30px; height:4px; border-radius:0; background:#ddd} .ins_main_news1_new .bx-wrapper .bx-pager.bx-default-pager a:hover, .ins_main_news1_new .bx-wrapper .bx-pager.bx-default-pager a.active {background:#2BB5EA} /* 동영상뉴스 목록 */ .main_tv_list {position:relative; min-width:1278px; background:#F0F3FF; padding:35px 0 45px; margin-bottom:30px;} .main_tv_list .boxtitle {position:relative; height:30px; margin-bottom:15px; font:600 24px/30px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#000} .main_tv_list .boxtitle .more {position:absolute; top:2px; right:0;} .main_tv_list .boxtitle .more a {display:inline-block; height:25px; padding:0 10px; border:1px solid #B1B6CF; border-radius:3px;} .main_tv_list .boxtitle .more, .main_tv_list .boxtitle .more a, .main_tv_list .boxtitle .more a:visited {font:bold 13px/24px 'malgun gothic',dotum; letter-spacing:-1px; color:#000} .main_tv_list .boxtitle .more a:hover {background:#B1B6CF; color:#fff; text-decoration:none} .main_tv_list .list_area {position:relative; width:1296px; overflow:hidden} .main_tv_list .news {float:left; width:198px; margin-right:18px;} .main_tv_list .news .thumb_img {position:relative; display:flex; height:111px; background:#D0D5EB; overflow:hidden; margin-bottom:10px; justify-content:center; align-items:center; flex-direction:column;} .main_tv_list .news .thumb_img a:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:2;} .main_tv_list .news .thumb_img img {width:198px;} .main_tv_list .news .title {display:-webkit-box; height:42px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .main_tv_list .news .title, .main_tv_list .news .title a, .main_tv_list .news .title a:visited {font:500 16px/21px 'noto sans kr',dotum; letter-spacing:-0.03em; color:#000} /* 최신뉴스&주간베스트 */ .main_newnews {float:left; width:414px; margin-right:30px;} .main_newnews .new_news {padding-top:30px;} .main_newnews .new_news .boxtitle {padding-bottom:5px; font:600 24px/30px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#000} .main_newnews .new_news li {display:-webkit-box; -webkit-line-clamp:1; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; margin-top:15px;} .main_newnews .new_news li, .main_newnews .new_news li a, .main_newnews .new_news li a:visited {font:500 18px/22px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#000} .main_bestnews {float:left; width:834px} .main_bestnews .news_box_wrap, .main_bestnews .news_box_wrap2 {width:834px; padding-top:30px;} .main_bestnews .best_type3 {height:405px; overflow:hidden;} .main_bestnews .week_best_view31_3 .week_best_view_title {border:0; margin:0; padding-bottom:15px; font:600 24px/30px 'Noto Sans KR','malgun gothic',dotum !important; letter-spacing:-0.05em !important; color:#000 !important; text-indent:2%} .main_bestnews .week_best_view31_3 {border:0} .main_bestnews .week_best_view31_3 .news {clear:none; float:left; width:48%; margin-left:2%; padding:5px; border:0; box-sizing:border-box;} .main_bestnews .best_type3 .news .thumb {margin-left:15px;} .main_bestnews .best_type3 .news .thumb a {width:120px; height:84px;} .main_bestnews .best_type3 .news .thumb .outline {width:120px; .width:120px; height:84px; .height:84px; box-sizing:border-box;} .main_bestnews .best_type3 .news .thumb .img_size_type_w img {width:auto; .width:120px; height:84px; border:0;} .main_bestnews .best_type3 .news .thumb .img_size_type_w7 img {width:120px; height:84px; border:0;} .main_bestnews .best_type3 .news .thumb .img_size_type_w9 img {width:120px; height:auto; .height:84px; border:0;} .main_bestnews .best_type3 .news .thumb .img_size_type_h img {width:120px; height:auto; .height:84px; border:0;} .main_bestnews .week_best_view31_3 .news .num, .main_bestnews .week_best_view31_3 .news .num2 {top:0; width:30px; font:500 25px/30px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#f54848} .main_bestnews .best_type3 .news .title {height:84px;} .main_bestnews .best_type3 .news .title a {top:0; height:75px;} .main_bestnews .best_type3 .news .title, .main_bestnews .best_type3 .news .title a, .main_bestnews .best_type3 .news .title a:visited {font:400 17px/25px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#000} /* 메인기사8, 9 */ .ins_news_main8_wrap {position:relative; /*width:100%;*/ min-width:1278px; background:#34373c; padding:40px 0 70px; margin-top:40px;} .ins_news_main9_wrap {background:#111; margin-top:0} .ins_news_main8 .boxtitle {position:relative; width:1278px; margin:0 auto 20px} .ins_news_main8 .boxtitle, .ins_news_main8 .boxtitle a, .ins_news_main8 .boxtitle a:visited {font:600 24px/30px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#fff} .ins_news_main8 .list_area {height:269px; overflow:hidden} .ins_news_main8 .news {position:relative;} /* flex (100:65) */ .ins_news_main8 .img_file_style {padding:0} .ins_news_main8 .img_file_style a {display:flex; .display:block; width:414px; height:269px; overflow:hidden; justify-content:center; align-items:center;} .ins_news_main8 .img_size_type_w1 a, .ins_news_main8 .img_size_type_w2 a, .ins_news_main8 .img_size_type_w3 a, .ins_news_main8 .img_size_type_w4 a, .ins_news_main8 .img_size_type_w5 a {flex-direction:column} .ins_news_main8 .img_size_type_w img {width:auto; .width:414px; height:269px; border:0;} .ins_news_main8 .img_size_type_w6 img {width:414px; height:auto; .height:269px; border:0} .ins_news_main8 .img_size_type_w7 img {width:414px; height:auto; .height:269px; border:0} .ins_news_main8 .img_size_type_w8 img {width:414px; height:auto; .height:269px; border:0} .ins_news_main8 .img_size_type_w9 img {width:414px; height:auto; .height:269px; border:0} .ins_news_main8 .img_size_type_h img {width:414px; height:auto; .height:269px; border:0} .ins_news_main8 .main_movie_cover {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2} .ins_news_main8 iframe, .ins_news_main8 object, .ins_news_main8 embed, .ins_news_main8 .video-js {width:414px; height:269px;} /* 동영상 크기 */ .ins_news_main8 .title {position:absolute; bottom:0; left:0; width:100%; padding:30px 30px 20px; background:url(/img/main_news/bg_grd2.png) repeat-x 0 0; box-sizing:border-box; z-index:10} .ins_news_main8 .title a {display:-webkit-box; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden} .ins_news_main8 .title a, .ins_news_main8 .title a:visited {font:500 21px/28px 'Noto Sans KR','malgun gothic',dotum; letter-spacing:-0.05em; color:#fff; text-shadow:1px 1px 1px #000} .ins_news_main8 .title img {display:inline; margin-right:3px;} /*.ins_news_main8 .bx-viewport {overflow:visible !important;} .ins_news_main8 .bx-viewport:before {content:""; display:block; position:absolute; top:0; left:-100%; width:100%; height:269px; background:#34373c; filter:alpha(opacity=80); opacity:0.8; z-index:10;} .ins_news_main8 .bx-viewport:after {content:""; display:block; position:absolute; top:0; right:-100%; width:100%; height:269px; background:#34373c; filter:alpha(opacity=80); opacity:0.8; z-index:10;} */ .ins_news_main8 .bx-wrapper .bx-controls-direction a {width:32px; height:57px; margin-top:-28px;} .ins_news_main8 .bx-wrapper .bx-prev {left:0; background:url(/img/main_news/controls7.png) no-repeat 0 0} .ins_news_main8 .bx-wrapper .bx-next {right:0; background:url(/img/main_news/controls7.png) no-repeat -32px 0} .ins_news_main8 .news img {transform:scale(1,1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;} .ins_news_main8 .news:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;} /* 섹션별 주요뉴스 html_main_type_tail.html */ #html_main_type_tail {position:relative; width:1278px; padding-bottom:30px; overflow:hidden; text-align:left;} #html_main_type_tail .line {position:relative; width:1278px; height:11px; overflow:hidden; border-top:1px solid #ccc;} #html_main_type_tail .title_area {display:none; position:relative; font:bold 20px/30px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-2px; color:#000; text-align:left;} #html_main_type_tail .title_area span {color:#026EC9;} #html_main_type_tail .section_area {position:relative; width:1304px; margin-left:-13px; overflow:hidden;} #html_main_type_tail .index_section_box {float:left; position:relative; width:300px; overflow:hidden; border:1px solid #ddd; border-top:1px solid #333; margin:22px 13px 0; box-sizing:border-box;} #html_main_type_tail .index_section_box .isb_bar {position:relative; height:37px; overflow:hidden; font:bold 18px/34px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#000; text-align:left; text-indent:15px;} #html_main_type_tail .index_section_box .isb_bar p.isb_bar_more {position:absolute; top:15px; right:24px; .right:12px; width:33px;} #html_main_type_tail .index_section_box ul {margin-bottom:3px;} #html_main_type_tail .index_section_box li.isb_a {width:268px; .width:298px; height:32px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; word-break:normal; white-space:nowrap; background:url(/img/box/dot_d9d9d9.gif) repeat-x left 0; text-align:left;} #html_main_type_tail .index_section_box li.isb_a,#html_main_type_tail .index_section_box li.isb_a a,#html_main_type_tail .index_section_box li.isb_a a:visited {font:normal 14px/31px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #html_main_type_tail .index_section_box li.isb_b {text-align:left;} #html_main_type_tail .index_section_box li.isb_b dl {clear:both; height:52px; .height:62px; overflow:hidden; margin-bottom:8px; padding:10px 12px 0; background:url(/img/box/dot_d9d9d9.gif) repeat-x left 0;} #html_main_type_tail .index_section_box li.isb_b dt {float:left; } /*#html_main_type_tail .index_section_box li.isb_b dt img {width:71px; height:50px; margin:0 8px 0 0; padding:0; overflow:hidden; border:1px solid #eee;}*/ #html_main_type_tail .index_section_box li.isb_b dt a {display:flex; .display:block; width:71px; .width:73px; height:50px; .height:52px; overflow:hidden; border:1px solid #eee; margin:0 8px 0 0; justify-content:center; align-items:center;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w0 {flex-direction:column;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w img {width:auto; .width:71px; height:50px; border:0;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w7 img {width:71px; height:auto; .height:50px; border:0;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w9 img {width:71px; height:auto; .height:50px; border:0;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_h img {width:71px; height:auto; .height:50px; border:0;} #html_main_type_tail .index_section_box li.isb_b dd {height:50px; overflow:hidden;} #html_main_type_tail .index_section_box li.isb_b dd a {display:inline-block; height:45px; margin-top:2px; overflow:hidden;} #html_main_type_tail .index_section_box li.isb_b dd,#html_main_type_tail .index_section_box li.isb_b dd a,#html_main_type_tail .index_section_box li.isb_b dd a:visited {font:normal 15px/22px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#000;} /* IE10 */ .ie10 #html_main_type_tail .index_section_box li.isb_b dt a {display:block;} .ie10 #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w img {width:71px; height:50px;} .ie10 #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_h img {width:71px; height:50px;} /*************** 서브 ***************/ /* 섹션 좌측메뉴 */ #l_nav .left_menu_sc {position:relative; width:150px; margin-bottom:30px; overflow:hidden; text-align:left;} #l_nav .left_menu_sc .sc_name {display:inline-block; padding:8px 0 13px; border-bottom:3px solid #000; margin-bottom:20px;} #l_nav .left_menu_sc .sc_name,#l_nav .left_menu_sc .sc_name a,#l_nav .left_menu_sc .sc_name a:visited {font:bold 20px/24px "Malgun Gothic",'맑은 고딕',dotum; text-decoration:none; letter-spacing:-2px; color:#000;} #l_nav .left_menu_sc li {word-break:keep-all; margin-bottom:10px;} #l_nav .left_menu_sc li,#l_nav .left_menu_sc li a,#l_nav .left_menu_sc li a:visited {font:normal 14px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#000;} #l_nav .left_menu_sc .on a {font-weight:bold} #l_nav .left_menu_etc {position:relative; width:150px; overflow:hidden; text-align:left;} #l_nav .left_menu_etc li {margin-bottom:10px;} #l_nav .left_menu_etc li,#l_nav .left_menu_etc li a,#l_nav .left_menu_etc li a:visited {font:normal 14px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#000;} /* 기타페이지 좌측메뉴 */ #left_menu {position:relative; text-align:left;} #left_menu .left_menu_sc {position:relative; border:1px solid #ddd; border-bottom:0;} #left_menu .left_menu_sc .sc_name {height:48px; padding:0 20px 0 15px; border-bottom:1px solid #ddd; background:#306AD2 url(/img/default/ico_down_w.gif) no-repeat 195px 17px; font:bold 15px/48px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} #left_menu .left_menu_sc ul {background:#f0f0f0; padding:10px 0; overflow:hidden;} #left_menu .left_menu_sc li a {display:block; padding:5px 20px 5px 28px; background:url(/img/default/ico_list_gry.gif) no-repeat 15px 13px; overflow:hidden;} #left_menu .left_menu_sc li,#left_menu .left_menu_sc li a,#left_menu .left_menu_sc li a:visited {font:normal 14px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #left_menu .left_menu_etc {position:relative; border:1px solid #ddd; border-bottom:0;} #left_menu .left_menu_etc li {border-bottom:1px solid #ddd;} #left_menu .left_menu_etc li.on {background:#306AD2 url(/img/default/ico_arr_w.gif) no-repeat 195px 17px;} #left_menu .left_menu_etc li a {display:block; height:48px; padding:0 20px 0 15px; overflow:hidden;} #left_menu .left_menu_etc li,#left_menu .left_menu_etc li a,#left_menu .left_menu_etc li a:visited {font:bold 15px/48px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #left_menu .left_menu_etc li.on,#left_menu .left_menu_etc li.on a,#left_menu .left_menu_etc li.on a:visited {color:#fff;} /* 현재위치 */ #page_nav {position:relative; .width:100%; padding:4px 0 12px; margin-bottom:10px; border-bottom:1px solid #d8d8d8; text-align:left;} #page_nav,#page_nav a,#page_nav a:visited {font:bold 24px/30px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} /* 목록 보기타입 버튼 */ .btn_list_type {position:absolute; bottom:13px; right:0; height:23px; overflow:hidden} .btn_list_type a {float:left; display:block; width:21px; height:21px; .width:23px; .height:23px; margin-left:5px; font-size:0; text-indent:-9999; overflow:hidden; cursor:pointer;} .btn_list_type1 {display:block; border:1px solid #ddd; background:url(/img/default/ico_list_type2.gif) no-repeat -27px -2px;} .btn_list_type2 {display:block; border:1px solid #ddd; background:url(/img/default/ico_list_type2.gif) no-repeat -27px -27px;} .btn_list_type3 {display:block; border:1px solid #ddd; background:url(/img/default/ico_list_type2.gif) no-repeat -27px -52px;} .btn_list_type1_on {display:block; border:1px solid #888; background:#888 url(/img/default/ico_list_type2.gif) no-repeat -2px -2px;} .btn_list_type2_on {display:block; border:1px solid #888; background:#888 url(/img/default/ico_list_type2.gif) no-repeat -2px -27px;} .btn_list_type3_on {display:block; border:1px solid #888; background:#888 url(/img/default/ico_list_type2.gif) no-repeat -2px -52px;} /* page_limit */ .page_limit td {text-align:center;} .paging {font:normal 15px/20px tahoma,"Malgun Gothic","맑은 고딕",dotum !important;} .paging, a.paging:link, a.paging:visited {font:bold 14px/20px tahoma,"Malgun Gothic","맑은 고딕",dotum !important;} /* 섹션박스1 sub_box1.html */ .sub_box1 {position:relative; width:300px; text-align:left;} .sub_box1 .boxtitle {position:relative; font:bold 14px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#026EC9; text-align:left;} .sub_box1 dl {position:relative; border-bottom:1px solid #e0e0e0; margin-bottom:12px;} .sub_box1 .thumb_img {position:relative; overflow:hidden;} .sub_box1 .thumb_img .img_file_style {padding:0} .sub_box1 .thumb_img img {width:298px; margin:5px 0 5px 0;} .sub_box1 iframe,.sub_box1 .video-js {width:300px; height:175px; padding:0; margin:5px 0;} .sub_box1 object,.sub_box1 embed {width:300px; height:195px; padding:0; margin:5px 0;} .sub_box1 .title {clear:both; padding:0 1px 14px;} .sub_box1 .title,.sub_box1 .title a,.sub_box1 .title a:visited {font:bold 14px/19px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} /* 섹션박스2 sub_box2.html */ .sub_box2 {clear:both; position:relative; width:300px; overflow:hidden; border-bottom:1px solid #e0e0e0; margin-bottom:12px; text-align:left;} .sub_box2 .thumb_img {float:left;} .sub_box2 .thumb_img .img_file_style {padding:0} .sub_box2 .thumb_img img {width:100px; height:68px; margin:0 10px 0 0;} .sub_box2 iframe,.sub_box2 .video-js,.sub_box2 object,.sub_box2 embed {display:none;} .sub_box2 dl {height:67px; overflow:hidden; margin-bottom:12px;} .sub_box2 .boxtitle {height:20px; overflow:hidden; margin-bottom:5px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#026EC9;} .sub_box2 .title,.sub_box2 .title a,.sub_box2 .title a:visited {margin-bottom:2px; font:bold 14px/19px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} .sub_box2 .sbody,.sub_box2 .sbody a,.sub_box2 .sbody a:visited {.width:100%; height:20px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; font:normal 13px/19px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} /* 섹션기사배치-섹션메인1,2(기본) */ #sub_main1 .sub_main1_box .boxtitle {font:bold 14px/20px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#1E7AE2; padding:3px 1px 10px;} #sub_main1 .sub_main1_box p table {margin-right:20px;} #sub_main1 .sub_main1_box dt,#sub_main1 .sub_main1_box dt a,#sub_main1 .sub_main1_box dt a:visited {font:bold 26px/34px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-2px; color:#000;} #sub_main1 .sub_main1_box .stitle {padding:3px 3px; font:bold 15px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#777;} #sub_main1 .sub_main1_box .body,#sub_main1 .sub_main1_box .body a,#sub_main1 .sub_main1_box .body a:visited {font:normal 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} #sub_main1 .sub_main1_box .writer {font:normal 12px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#3f6bbc;} #sub_main1 .sub_main1_box .r_news_box li {height:21px; background-position:left 10px;} #sub_main1 .sub_main1_box .r_news_box li,#sub_main1 .sub_main1_box .r_news_box li a,#sub_main1 .sub_main1_box .r_news_box li a:visited {font:bold 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555;} #sub_main2 .sub_main2_box .boxtitle {font:bold 14px/20px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#1E7AE2; padding:0 1px 10px;} #sub_main2 .sub_main2_box p table {margin-right:18px;} #sub_main2 .sub_main2_box dt,#sub_main2 .sub_main2_box dt a,#sub_main2 .sub_main2_box dt a:visited {font:bold 21px/26px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#000;} #sub_main2 .sub_main2_box .stitle {padding:6px 0; font:bold 15px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#777;} #sub_main2 .sub_main2_box .body,#sub_main2 .sub_main2_box .body a,#sub_main2 .sub_main2_box .body a:visited {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} #sub_main2 .sub_main2_box .writer {font:normal 12px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#3f6bbc;} #sub_main2 .sub_main2_box .r_news_box li {background-position:left 10px;} #sub_main2 .sub_main2_box .r_news_box li,#sub_main2 .sub_main2_box .r_news_box li a,#sub_main2 .sub_main2_box .r_news_box li a:visited {font:bold 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555;} #sub_main1 iframe,#sub_main2 iframe,#sub_main1 .video-js,#sub_main2 .video-js {width:750px; height:420px; margin-bottom:10px; padding:0;} #sub_main1 object,#sub_main1 embed,#sub_main2 object,#sub_main2 embed {width:750px; height:440px; margin-bottom:10px; padding:0;} /* 섹션기사배치-섹션메인1(포토전용) sub_photo1.html */ #sub_photo1 {position:relative; width:770px; text-align:left; margin-left:-10px; margin-bottom:10px; overflow:hidden;} #sub_photo1 .sub_photo1_box {position:relative; float:left; width:365px; height:258px; background:#000; overflow:hidden; margin:10px;} #sub_photo1 .sub_photo1_box .img_file_style {padding:0;} #sub_photo1 .sub_photo1_box img {width:365px; height:258px; border:0; margin:0;} #sub_photo1 .sp1_txt {position:absolute; left:15px; bottom:10px; width:335px; height:30px; z-index:20; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;} #sub_photo1 .sp1_txt,#sub_photo1 .sp1_txt a,#sub_photo1 .sp1_txt a:visited {font:bold 20px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#fff; text-decoration:none;} #sub_photo1 .sp1_txt img {display:none;} #sub_photo1 .sp1_bg {position:absolute; left:0; bottom:0; width:365px; height:48px; z-index:10; background:#000; filter:alpha(opacity=70); opacity:0.7;} #sub_photo1 iframe,#sub_photo1 object,#sub_photo1 embed {width:365px; height:258px;} #sub_read_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} /* 기사리스트 (기본) */ .list_type_default {position:relative; width:100%; overflow:hidden; text-align:left;} .list_type_default .sub_read_list_box {clear:both; border-bottom:1px solid #e0e0e0; overflow:hidden; padding:15px 0;} .list_type_default .sub_read_list_box .img_file {float:left; position:relative; width:130px; height:91px; overflow:hidden; margin-right:15px;} .list_type_default .sub_read_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:128px; .width:130px; height:89px; .height:91px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; overflow:hidden; z-index:2; font-size:0; text-indent:300px; cursor:pointer;} .list_type_default .sub_read_list_box .img_file a {display:flex; .display:block; width:130px; height:91px; justify-content:center; align-items:center;} .list_type_default .sub_read_list_box .img_file .img_file_w {flex-direction:column;} .list_type_default .sub_read_list_box .img_file .img_file_w img {width:auto; .width:130px; height:91px;} .list_type_default .sub_read_list_box .img_file .img_file_h img {width:130px; height:auto; .height:91px;} /* IE10 */ .ie10 .list_type_default .sub_read_list_box .img_file .img_file_w img {width:130px; height:91px;} .ie10 .list_type_default .sub_read_list_box .img_file .img_file_h img {width:130px; height:91px;} .list_type_default .sub_read_list_box dl {position:relative;} .list_type_default .sub_read_list_box dt {padding-bottom:3px;} .list_type_default .sub_read_list_box dt,.list_type_default .sub_read_list_box dt a,.list_type_default .sub_read_list_box dt a:visited {font:bold 18px/24px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.09em; color:#000;} .list_type_default .sub_read_list_box .sbody,.list_type_default .sub_read_list_box .sbody a,.list_type_default .sub_read_list_box .sbody a:visited {font:normal 14px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.05em; color:#888;} .list_type_default .sub_read_list_box .etc {padding-top:3px; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} .list_type_default .sub_read_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} .list_type_default .srl_only_ie- {display:none; .display:block; .clear:both;} .list_type_list {position:relative; width:100%; overflow:hidden; text-align:left;} .list_type_list .sub_read_list_box {clear:both; overflow:hidden; padding:7px 0;} .list_type_list .sub_read_list_box_5,.list_type_list .sub_read_list_box_10,.list_type_list .sub_read_list_box_15,.list_type_list .sub_read_list_box_20,.list_type_list .sub_read_list_box_25,.list_type_list .sub_read_list_box_30 {padding-bottom:28px; border-bottom:1px solid #e0e0e0} .list_type_list .sub_read_list_box_1,.list_type_list .sub_read_list_box_6,.list_type_list .sub_read_list_box_11,.list_type_list .sub_read_list_box_16,.list_type_list .sub_read_list_box_21,.list_type_list .sub_read_list_box_26 {padding-top:28px;} .list_type_list .sub_read_list_box .img_file {display:none} .list_type_list .sub_read_list_box dl {clear:both; position:relative;} .list_type_list .sub_read_list_box dt {float:left;} .list_type_list .sub_read_list_box dt,.list_type_list .sub_read_list_box dt a,.list_type_list .sub_read_list_box dt a:visited {font:bold 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.05em; color:#000;} .list_type_list .sub_read_list_box .sbody {display:none} .list_type_list .sub_read_list_box .etc {float:left; padding-left:10px; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} .list_type_list .sub_read_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} .list_type_list .srl_only_ie- {display:none; .display:block; .clear:both;} .list_type_box {position:relative; width:771px; overflow:hidden; margin:0 -11px} .list_type_box .sub_read_list_box {position:relative; float:left; width:234px; height:239px; background:#fff; border:1px solid #ddd; margin:15px 10px 15px 11px; overflow:hidden;} .list_type_box .sub_read_list_box .img_file {position:relative; left:-1px; top:-1px; width:236px; height:165px; overflow:hidden; margin-bottom:-10px;} .list_type_box .sub_read_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:234px; .width:236px; height:163px; .height:165px; overflow:hidden; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:2; font-size:0; text-indent:300px; cursor:pointer;} .list_type_box .sub_read_list_box .img_file a {display:flex; .display:block; width:236px; height:165px; justify-content:center; align-items:center;} .list_type_box .sub_read_list_box .img_file .img_file_w {flex-direction:column;} .list_type_box .sub_read_list_box .img_file .img_file_w img {width:auto; .width:236px; height:165px;} .list_type_box .sub_read_list_box .img_file .img_file_h img {width:236px; height:auto; .height:165px;} /* IE10 */ .ie10 .list_type_box .sub_read_list_box .img_file .img_file_w img {width:236px; height:165px;} .ie10 .list_type_box .sub_read_list_box .img_file .img_file_h img {width:236px; height:165px;} .list_type_box .sub_read_list_box dl {margin-top:23px;} .list_type_box .sub_read_list_box dt {min-height:44px; padding:0 15px; margin-bottom:15px; overflow:hidden; text-align:left;} .list_type_box .sub_read_list_box dt,.list_type_box .sub_read_list_box dt a,.list_type_box .sub_read_list_box dt a:visited {font:bold 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.05em; color:#000;} .list_type_box .sub_read_list_box .sbody {padding:0 16px;} .list_type_box .sub_read_list_box .sbody,.list_type_box .sub_read_list_box .sbody a,.list_type_box .sub_read_list_box .sbody a:visited {font:normal 14px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.05em; color:#888;} .list_type_box .sub_read_list_box .etc {display:none;} .list_type_box .srl_only_ie- {position:absolute; bottom:0; left:0; width:234px; height:16px; background:#fff; overflow:hidden;} .list_type_box .s_open_view {display:none;} .list_type_box2 {position:relative; width:960px; overflow:hidden; margin:0 -11px} .list_type_box2 .sub_read_list_box {position:relative; float:left; width:297px; height:281px; background:#fff; border:1px solid #ddd; margin:15px 10px 15px 11px; overflow:hidden;} .list_type_box2 .sub_read_list_box .img_file {position:relative; left:-1px; top:-1px; width:299px; height:207px; overflow:hidden; margin-bottom:-10px;} .list_type_box2 .sub_read_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:297px; .width:299px; height:205px; .height:207px; overflow:hidden; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:2; font-size:0; text-indent:300px; cursor:pointer;} .list_type_box2 .sub_read_list_box .img_file a {display:flex; .display:block; width:299px; height:207px; justify-content:center; align-items:center;} .list_type_box2 .sub_read_list_box .img_file .img_file_w {flex-direction:column;} .list_type_box2 .sub_read_list_box .img_file .img_file_w img {width:auto; .width:299px; height:207px;} .list_type_box2 .sub_read_list_box .img_file .img_file_h img {width:299px; height:auto; .height:207px;} /* IE10 */ .ie10 .list_type_box2 .sub_read_list_box .img_file .img_file_w img {width:299px; height:207px;} .ie10 .list_type_box2 .sub_read_list_box .img_file .img_file_h img {width:299px; height:207px;} .list_type_box2 .sub_read_list_box dl {margin-top:23px;} .list_type_box2 .sub_read_list_box dt {min-height:44px; padding:0 15px; margin-bottom:15px; overflow:hidden; text-align:left;} .list_type_box2 .sub_read_list_box dt,.list_type_box2 .sub_read_list_box dt a,.list_type_box2 .sub_read_list_box dt a:visited {font:bold 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.05em; color:#000;} .list_type_box2 .sub_read_list_box .sbody {padding:0 16px;} .list_type_box2 .sub_read_list_box .sbody,.list_type_box2 .sub_read_list_box .sbody a,.list_type_box2 .sub_read_list_box .sbody a:visited {font:normal 14px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.05em; color:#888;} .list_type_box2 .sub_read_list_box .etc {display:none;} .list_type_box2 .srl_only_ie- {position:absolute; bottom:0; left:0; width:297px; height:16px; background:#fff; overflow:hidden;} .list_type_box2 .s_open_view {display:none;} /* 섹션 기사리스트(포토) */ #sub_photo_list {position:relative; width:771px; overflow:hidden; margin:0 -11px} #sub_photo_list .sub_photo_list_box {position:relative; float:left; width:236px; height:255px; margin:10px 10px 14px 11px; overflow:hidden;} #sub_photo_list .sub_photo_list_box .outline {display:inline-block; position:absolute; top:0; left:0; width:234px; .width:236px; height:253px; .height:255px; overflow:hidden; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:2; font-size:0; text-indent:300px; cursor:pointer;} #sub_photo_list .sub_photo_list_box dt {height:181px; overflow:hidden; background:#e7e7e7;} #sub_photo_list .sub_photo_list_box .img_file {float:left; position:relative; width:236px; height:181px; overflow:hidden;} #sub_photo_list .sub_photo_list_box .img_file p {position:absolute;} #sub_photo_list .sub_photo_list_box dd {height:44px; overflow:hidden; margin:15px; text-align:center;} #sub_photo_list .sub_photo_list_box dd,#sub_photo_list .sub_photo_list_box dd a,#sub_photo_list .sub_photo_list_box dd a:visited {font:normal 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-1px; color:#000;} #sub_photo_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} /* 섹션 기사리스트(인물) */ #sub_person_list {position:relative; width:780px; overflow:hidden; margin:0 -15px; text-align:left;} #sub_person_list .sub_read_list_box {float:left; width:360px; height:90px; .height:106px; padding-bottom:15px; border-bottom:1px solid #e0e0e0; overflow:hidden; margin:0 15px 15px;} #sub_person_list .sub_read_list_box .img_file {float:left; position:relative; width:117px; height:90px; overflow:hidden; margin-right:15px; z-index:9999;} #sub_person_list .sub_read_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:117px; height:90px; overflow:hidden; background:url(/img/skin17/outline117_90.png) no-repeat left top; z-index:9999; cursor:pointer;} #sub_person_list .sub_read_list_box .img_file p {position:absolute;} #sub_person_list .sub_read_list_box dl {position:relative;} #sub_person_list .sub_read_list_box dt {height:44px; overflow:hidden; margin-bottom:26px;} #sub_person_list .sub_read_list_box dt,#sub_person_list .sub_read_list_box dt a,#sub_person_list .sub_read_list_box dt a:visited {font:bold 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} #sub_person_list .sub_read_list_box .etc {height:20px; overflow:hidden; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} #sub_person_list .sub_read_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} #sub_person_list .srl_only_ie- {display:none; .display:block; .clear:both;} #sub_person_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} /* 서브우측 섹션인기기사,최신기사 */ .new_news {position:relative; text-align:left; margin-bottom:10px;} .new_news .week_best_view_title {padding:10px 2px; margin-bottom:5px; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; font:bold 15px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#000;} .new_news .week_best_view_title .sc_name {display:inline-block; padding-right:3px; color:#026EC9} .news_box_wrap .new_news .new_news_list_area {padding:15px 11px 4px;} .news_box_wrap2 .new_news .new_news_list_area {padding:10px 0} .news_box_wrap .new_news .sc_bestnews_list_area {padding:10px 11px;} .news_box_wrap2 .new_news .sc_bestnews_list_area {padding:0} .new_news .new_news_list_area .new_news_ct {clear:both; overflow:hidden; padding:0 2px 10px; margin-bottom:10px; border-bottom:1px solid #eee;} .new_news .new_news_list_area .new_news_ct_last {margin-bottom:0; border-bottom:0;} .new_news .new_news_list_area .new_news_ct2 {height:55px; .height:65px;} .new_news .new_news_list_area .new_news_ct .thumb {float:right; position:relative; width:79px; height:55px; overflow:hidden; margin-left:15px;} .new_news .new_news_list_area .new_news_ct .thumb a {display:flex; width:79px; height:55px; overflow:hidden; justify-content:center; align-items:center;} .new_news .new_news_list_area .new_news_ct .thumb .img_size_type_w0 {flex-direction:column;} .new_news .new_news_list_area .new_news_ct .thumb .outline {position:absolute; display:block; top:0; left:0; width:77px; .width:79px; height:53px; .height:55px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:10;} .new_news .new_news_list_area .new_news_ct .thumb .img_size_type_w img {width:auto; height:55px} .new_news .new_news_list_area .new_news_ct .thumb .img_size_type_w7 img {width:79px; height:55px} .new_news .new_news_list_area .new_news_ct .thumb .img_size_type_w9 img {width:79px; height:auto} .new_news .new_news_list_area .new_news_ct .thumb .img_size_type_h img {width:79px; height:auto} .new_news .new_news_list_area .new_news_ct2 .title {margin-top:5px; height:42px; overflow:hidden;} .new_news .new_news_list_area .new_news_ct .title,.new_news .new_news_list_area .new_news_ct .title a,.new_news .new_news_list_area .new_news_ct .title a:visited {font:bold 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} .new_news .news,.new_news .news2 {padding:4px 3px 6px;} /*************** 기사읽기페이지 sub_read.html ***************/ .article_head {display:none; clear:both; position:relative; width:1278px; border-bottom:1px solid #333 !important; margin:10px auto 0 !important; text-align:left; overflow:hidden;} .article_head .section_arae {display:block !important; float:left; width:189px; padding:36px 0 0; text-align:left; overflow:hidden; word-break:keep-all} .article_head .section_arae a,.article_head .section_arae a:visited {font:normal 18px/22px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} .article_head .title_area {float:left; width:1089px; overflow:hidden;} .article_head .read_title {padding:25px 0 10px !important; font:500 36px/42px 'Noto Sans KR','malgun gothic','맑은 고딕','nanum bold',gulim !important; letter-spacing:-3px; color:#000;} .article_head .read_subtitle {padding:0 2px 5px !important; font:normal 17px/22px 'malgun gothic','맑은 고딕','nanum bold',gulim !important; letter-spacing:-0.05em !important; color:#000 !important;} .article_head .read_option_top {position:relative; height:40px !important; .height:55px !important; padding-bottom:15px !important; overflow:hidden;} .article_head .read_option_top .writer_time {position:relative; float:left; padding-left:3px; font:normal 14px/50px 'malgun gothic','맑은 고딕','nanum gothic',dotum !important; letter-spacing:-0.05em !important; color:#777;} .article_head .read_option_top .writer_time .writer {font:bold 14px/50px 'malgun gothic','맑은 고딕','nanum gothic',dotum !important; letter-spacing:-0.03em; color:#000;} .article_head .read_option_top .writer_time .email_icon img {vertical-align:absmiddle;} .article_head .read_option_top .writer_time .btw {display:inline-block; padding:0 5px; color:#ccc;} .news_read_option {float:right;} .news_read_option li {float:left; height:40px; margin-left:0 !important;} .news_read_option .print {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_print2.png) no-repeat center center !important;} .news_read_option .email {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_email2.png) no-repeat -1px center !important; margin-right:8px !important;} .news_read_option .share {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_share2.png) no-repeat 1px center !important; cursor:pointer} .news_read_option .font_m {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_font_m2.png) no-repeat center center !important;} .news_read_option .font_p {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_font_p2.png) no-repeat -1px center !important;} .news_read_sns {float:right;} .news_read_sns li {float:left; margin-left:2px;} .news_read_sns li span {border-radius:20px; font-size:0; cursor:pointer} .news_read_sns .twitter {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat 0 0 !important;} .news_read_sns .facebook {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat -50px 0 !important;} .news_read_sns .kakaotalk {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat -100px 0 !important;} .news_read_sns .kakaost {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat 0 -50px !important;} .news_read_sns .naver {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat -50px -50px !important;} .news_read_sns .telegram {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat 0 -100px !important;} .news_read_sns .link {display:inline-block; width:40px !important; height:40px !important; background:url(/img/read/ico_sns.png) no-repeat -50px -100px !important;} .news_read_sns .share {display:inline-block; width:40px !important; height:40px !important; border:1px solid #c0c0c0; box-sizing:border-box; background:url(/img/read/ico_sns.png) no-repeat -102px -102px !important;} .td_l_nav .news_read_sns {float:left;} .td_l_nav .news_read_sns li {float:none; display:block; margin-bottom:5px;} .td_sub_read_contents .read_subtitle {display:block; position:relative; padding-left:18px; margin-bottom:30px; font:bold 18px/30px 'malgun gothic','맑은 고딕','nanum bold',gulim; letter-spacing:-0.05em; color:#333;} .td_sub_read_contents .read_subtitle:before {content:""; display:block; position:absolute; top:2px; left:0; width:2px; height:100%; background:#000; overflow:hidden;} .read_option_bottom .news_read_sns,.read_option_bottom .news_read_option {display:none;} #article_head_view .logo_area {background:none !important} /* tts */ .speak {position:absolute; top:14px; right:-92px; display:block; width:82px; height:25px; background:url(/img/read/ico_speak3.gif) no-repeat left top; font-size:0; cursor:pointer} .speak_on {position:absolute; top:14px; right:-103px; display:block; width:93px; height:25px; background:url(/img/read/ico_speak3_on.gif) no-repeat left top; font-size:0; cursor:pointer} /*#textinput,#textinput p {font:normal 17px/1.8 "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#000}*/ /* AD링크 */ #ad_link_read {position:relative; margin:45px 0 30px;} #ad_link_read dl:first-child {border-top:1px solid #db231b} #ad_link_read dl:first-child:before {content:""; display:block; position:absolute; top:-15px; left:0; width:46px; height:15px; background:url(/img/skin1/ad.png) no-repeat 0 0;} #ad_link_read dt {padding:15px 0 3px;} #ad_link_read dt,#ad_link_read dt a,#ad_link_read dt a:visited {font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#db231b;} #ad_link_read .url,#ad_link_read .url a,#ad_link_read .url a:visited {font:normal 13px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:0; color:#999;} #ad_link_read dd.memo {font:normal 13px/20px "Malgun Gothic",'맑은 고딕',dotum; color:#666;} /* 키워드 관련기사목록 */ #news_read_list {position:relative; overflow:hidden; border-top:1px solid #999; padding-top:25px; margin-bottom:30px;} #news_read_list .title_area {position:relative; padding-right:80px; font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} #news_read_list .title_area span.keyword,#news_read_list .title_area span.keyword a,#news_read_list .title_area span.keyword a:visited {font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#026EC9;} #news_read_list .more {position:absolute; top:25px; right:0;} #news_read_list .more a,#news_read_list .more a:visited {font:normal 12px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#777;} #news_read_list .list_area {position:relative; padding:10px 0;} #news_read_list .list_area li {background:url(/img/skin4/icon_list1.gif) no-repeat -1px 8px; padding:3px 0 3px 13px;} #news_read_list .list_area li,#news_read_list .list_area li a,#news_read_list .list_area li a:visited {font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} /* 독자의견 전체보기 */ #reader_view_list {position:relative; margin-bottom:30px;} #reader_view_list .news_title {position:relative; margin:20px 0 40px;} #reader_view_list .news_title,#reader_view_list .news_title a,#reader_view_list .news_title a:visited {font:bold 24px/28px "Malgun Gothic",'맑은 고딕',gulim; letter-spacing:-2px; color:#000;} #reader_view_list .title_area {position:relative; font:bold 17px/30px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000; padding:4px 1px;} #reader_view_list .title_area p {position:absolute; top:0; right:0; font:normal 13px/30px "Malgun Gothic",'맑은 고딕',dotum;} #reader_view_list .title_area p a {font:normal 13px/30px "Malgun Gothic",'맑은 고딕',dotum; text-decoration:underline; letter-spacing:-1px; color:#3f6bbc;} #reader_view_list ul {border-top:1px solid #a0a0a0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; overflow:hidden;} #reader_view_list li {border-bottom:1px solid #e0e0e0; padding:15px 15px 10px;} #reader_view_list .name_area {position:relative; font:bold 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#1447c8; margin-bottom:5px;} #reader_view_list .name_area span {position:absolute; top:-3px; right:50px; .right:65px; font:normal 12px/20px tahoma,gulim; letter-spacing:0; color:#999;} #reader_view_list .name_area p {position:absolute; top:0; right:0; .right:15px;} #reader_view_list .ct_area dt {font:bold 15px/21px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #reader_view_list .ct_area dd {font:normal 15px/21px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} /* 우측 연재소개 */ #serial_right {position:relative; width:300px; background:#f0f0f0; margin-bottom:20px; text-align:left;} #serial_right .title_area {position:relative; padding:4px 50px 10px 0; background:#fff; font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#026EC9;} #serial_right .title_area p.more{position:absolute; top:12px; right:0; font:normal 11px/14px "Malgun Gothic",'맑은 고딕',dotum;} #serial_right .title_area p.more a {font:normal 11px/14px dotum; letter-spacing:-1px; color:#999;} #serial_right .intro_area {position:relative;} #serial_right .intro_area dt {text-align:center;} #serial_right .intro_area dd {padding:15px; border-bottom:1px solid #ddd; font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} #serial_right .list_area {position:relative; padding:15px 15px 12px 10px;} #serial_right .list_area li {.width:100%; height:21px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; margin-bottom:3px; background:url(/img/skin4/icon_list1.gif) no-repeat left 5px; padding-left:12px; } #serial_right .list_area li,#serial_right .list_area li a,#serial_right .list_area li a:visited {font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} /*************** 기타 페이지 ***************/ /* 메뉴(페이지) 타이틀 */ #menu_title {position:relative;} #menu_title dt {font:bold 24px/30px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-2px; color:#000; padding:4px 0 2px;} #menu_title dd {padding:8px 1px 15px; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666;} #menu_title dd span.redstar {font:bold 11px/16px "Malgun Gothic","맑은 고딕",dotum; color:#ff0000;} #menu_title .right_menu {position:absolute; top:10px; right:0; padding-top:5px; font:normal 13px/18px "Malgun Gothic","맑은 고딕",dotum; color:#ccc;} #menu_title .right_menu span.d_name {font:bold 13px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #menu_title .right_menu a {font:normal 13px/18px "Malgun Gothic","맑은 고딕",dotum; text-decoration:underline; letter-spacing:-1px; color:#3f6bbc;} #menu_title2 {position:relative; width:100%; text-align:left; font:bold 14px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000; padding:4px 1px;} /* 회원가입 */ #join_agree_box {position:relative;} #join_agree_box .join_agree1 p {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-1px; color:#000; padding:5px 2px 7px;} #join_agree_box .join_agree2 p {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-1px; color:#000; padding:30px 2px 7px;} #join_agree_box .join_agree_iframe {width:748px; height:178px; border:1px solid #ccc;} #join_agree_box .join_agree_iframe2 {width:728px; .width:750px; border:1px solid #ccc; padding:10px; font:normal 12px/16px dotum; color:#666; overflow:hidden; } #join_agree_box .check_area {padding-top:12px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; color:#666} #join_agree_box .bt_box {text-align:center; padding:30px 0;} /* 회원가입 */ #join_wrap {position:relative; width:700px; margin:0 auto; background:#fff; text-align:left;} #join_wrap .logo {position:relative; padding:10px 0 5px; overflow:hidden; border-bottom:1px solid #e6e6e6; text-align:center;} #join_wrap .join_agree_box {position:relative; padding:40px;} #join_wrap .join_agree_tip {padding-bottom:40px; text-align:center;} #join_wrap .join_agree_tip,#join_wrap .join_agree_tip a,#join_wrap .join_agree_tip a:visited {font:normal 17px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} #join_wrap .join_agree_tip strong {color:#306AD2;} #join_wrap .red_star {padding:0 5px; font-weight:bold; color:#ff0000;} #join_wrap .join_agree1 {margin-bottom:15px;} #join_wrap .join_agree1 iframe {width:100%; height:130px; border:1px solid #d5d5d5; background:#fff; border-top:0;} #join_wrap .join_agree_iframe2 {width:100%; height:130px; border:1px solid #d5d5d5; border-top:0; overflow:auto;} #join_wrap .join_agree_iframe2_inner {padding:10px; font:normal 12px/16px dotum; color:#666;} #join_wrap .check_area {position:relative; width:100%; height:50px; border:1px solid #d5d5d5; border-bottom:1px solid #e6e6e6;} #join_wrap .check_area h2 {font:bold 15px/48px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#000; text-indent:10px;} #join_wrap .check_area .checkbox {position:absolute; top:15px; right:10px} #join_wrap .check_area .checkbox input {width:20px; height:20px;} #join_wrap .bt_box {position:relative; padding-top:40px; text-align:center;} #join_wrap .btn_pre {display:inline-block; width:42%; height:60px; background:#999; font:normal 18px/58px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-align:center;} #join_wrap .btn_pre:hover {text-decoration:none;} #join_wrap .btn_agree {display:inline-block; width:42%; height:60px; border:0; background:#306AD2; font:normal 18px/58px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-align:center; cursor:pointer;} #join_wrap .btn_agree:hover {text-decoration:none;} #join_wrap .bottom {position:relative; padding:15px 20px 30px; border-top:1px solid #e6e6e6; text-align:center;} #join_wrap .bottom_nav {padding-bottom:20px; font:normal 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:1px; color:#999;} #join_wrap .bottom_nav a,#join_wrap .bottom_nav a:visited {font:bold 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} #join_wrap .bottom_copy {font:normal 12px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.03em; color:#888;} #join_wrap .join_agree_form .row_group {position:relative; border-top:1px solid #e6e6e6; padding:20px 0;} #join_wrap .join_agree_form dt {clear:both; float:left; width:150px; height:50px; font:normal 14px/50px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333; text-align:left;} #join_wrap .join_agree_form dd {padding:5px; margin-left:150px; .margin-left:0;} #join_wrap .join_agree_form .row_group_dd_txt {height:40px; .height:50px; .padding-top:16px; font:normal 14px/50px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #join_wrap .join_agree_form .input_wrap {display:block; position:relative; width:100%; border:1px solid #ddd; overflow:hidden;} #join_wrap .join_agree_form .input_wrap_btw {border-top:0; border-bottom:0;} #join_wrap .join_agree_form .dd_ul3 {width:100%; overflow:hidden; border-right:1px solid #ddd;} #join_wrap .join_agree_form .dd_ul3 li {float:left; width:32%;} #join_wrap .join_agree_form .dd_ul3 .dd_li_btw {margin:0 2%;} #join_wrap .join_agree_form dd input {width:100%; height:38px; border:0; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888; text-indent:10px; .text-indent:5px; .padding-top:8px;} #join_wrap .join_agree_form dd select {width:100%; height:38px; border:0; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888; text-indent:6px; .text-indent:0; .height:38px;} #join_wrap .join_agree_form dd textarea {width:100%; height:100px; padding:5px 0; border:0; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888; text-indent:10px;} #join_wrap .join_agree_form .radio {width:20px; height:20px; border:0;} #join_wrap .join_agree_form .btn_zip {position:absolute; top:5px; right:5px; width:110px; height:28px; background:#777; font:normal 13px/16px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff; text-indent:0;} #join_wrap .join_agree_form .dd_label {position:relative; top:-5px; .top:0;} #join_wrap .join_agree_form .spam_img {display:inline-block; position:absolute; top:0; left:0; height:38px; .height:40px; background:#2C9AD5;} #join_wrap .join_agree_form .spam_img img {margin:10px;} #id_ok {padding-top:6px; font:bold 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#ff0000; text-indent:10px;} #join_wrap .bt_box li {display:inline; vertical-align:top;} #join_wrap .bt_box li.bt_box_li_ri {position:relative; top:1px; .top:0;} /* 로그인 */ #join_wrap .login_form {width:80%; margin:0 auto;} #join_wrap .login_form dt {width:100px;} #join_wrap .login_form dd {margin-left:100px;} #join_wrap .login_form .bt_box {padding-top:10px} #join_wrap .btn_login {display:inline-block; width:100%; height:60px; border:0; background:#306AD2; font:normal 18px/58px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-align:center; cursor:pointer;} /* 아이디/비번 찾기 */ #join_wrap .find_form .find_form_title {position:relative; margin-bottom:10px;} #join_wrap .find_form .find_form_title dt {width:100%; height:40px; font:normal 24px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-2px; color:#000; padding:4px 2px; text-align:center;} #join_wrap .find_form .find_form_title dd {margin-left:0; padding:8px 2px 15px; font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.02em; color:#888; text-align:center;} #join_wrap .find_form .bt_box {padding-bottom:40px} @media only screen and (max-width:700px) { #join_wrap {width:100%;} #join_wrap .btn_pre,#join_wrap .btn_agree {width:49%; height:50px; line-height:52px;} #join_wrap .btn_login {height:50px; line-height:52px;} } @media only screen and (max-width:558px) { #join_wrap .logo {height:60px; padding:5px;} #join_wrap .logo img {height:60px;} #join_wrap .join_agree_box {padding:20px;} #join_wrap .join_agree_tip {padding-bottom:20px;} #join_wrap .join_agree_tip,#join_wrap .join_agree_tip a,#join_wrap .join_agree_tip a:visited {font-size:15px;} #join_wrap .red_star {display:none;} #join_wrap .br {display:none;} #join_wrap .join_agree_form .row_group {padding:10px 0;} #join_wrap .join_agree_form dt {display:none; height:40px; line-height:42px;} #join_wrap .join_agree_form dt.dt_row {display:block; text-indent:2px} #join_wrap .join_agree_form dt.dt_col {display:block; width:80px; text-indent:2px} #join_wrap .join_agree_form dd {margin-left:0; padding:2px 0;} #join_wrap .join_agree_form dd.dd_row {padding-top:30px;} #join_wrap .join_agree_form dd.dd_col {margin-left:80px;} #join_wrap .join_agree_form .input_file {height:24px; margin:7px; text-indent:0;} #join_wrap .login_form {width:100%;} #join_wrap .find_form .find_form_title dt {display:block;} } @media only screen and (max-width:320px) { #join_wrap .join_agree1 iframe,#join_wrap .join_agree_iframe2 {height:115px;} #join_wrap .join_agree_tip,#join_wrap .join_agree_tip a,#join_wrap .join_agree_tip a:visited {font-size:13px;} #join_wrap .check_area {height:40px;} #join_wrap .check_area h2 {line-height:38px;} #join_wrap .check_area .checkbox {top:10px;} #join_wrap .bt_box {padding-top:20px;} } /* 쓰기 폼(기사제보/회원가입/개인정보수정/기사쓰기 등) */ .form_style1 {position:relative;} .form_style1 table {width:100%; padding:0; border-top:1px solid #a0a0a0; border-collapse:collapse;} .form_style1 th {width:140px; padding:0 0 3px 10px; background:#f5f5f5; font:bold 14px/20px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left;} .form_style1 th span {color:#ff0000;} .form_style1 td {height:40px; border-bottom:1px solid #e0e0e0; padding:8px; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666;} .form_style1 td .input {height:26px; border:1px solid #d0d0d0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .form_style1 td .input_xs {width:45px; height:26px; border:1px solid #d0d0d0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .form_style1 td .input_s {width:120px; height:26px; border:1px solid #d0d0d0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .form_style1 td .input_m {width:250px; height:26px; border:1px solid #d0d0d0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .form_style1 td .input_l {width:360px; height:26px; border:1px solid #d0d0d0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .form_style1 td .input_xl {width:770px; height:26px; border:1px solid #d0d0d0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .form_style1 td span.br {display:inline-block; padding-top:5px;} .form_style1 td span.td_point {color:#3f6bbc} .form_style1 td.td_id {border-bottom:1px solid #e0e0e0; padding:5px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:0; color:#333;} .form_style1 .bt_box {text-align:center; padding:15px 0;} .bt_box {position:relative; padding:15px 0; text-align:center;} .form_agree_box {border:1px solid #ddd; background:#f5f5f5; padding:15px; font:normal 14px/20px '맑은 고딕',dotum; letter-spacing:-0.05em; color:#555; overflow:hidden;} .form_agree_box_ck {padding:10px 0; text-align:center; font:normal 14px/20px '맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} .form_agree_box_ck input {width:20px; height:20px; vertical-align:middle} /* 회원탈퇴 */ .member_del .tit {font:bold 24px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-2px; color:#000; padding:4px 0 10px !important;} .member_del .text_9,.member_del .text_9_1 {font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555;} /*************** 마이페이지 ***************/ /* 마이페이지 */ #mypage_menu {position:relative; height:35px; background:url(/img/skin7/bg_gray.gif) repeat-x left bottom; overflow:hidden; margin-bottom:30px; text-align:left; vertical-align:top;} #mypage_menu span {float:left; display:inline-block; width:150px; height:23px; .height:33px; padding:6px 0 4px; font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-1px; text-align:center;} #mypage_menu span.out {border-top:1px solid #e3e3e3; background:#fbfbfb} #mypage_menu span.out a {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; color:#666;} #mypage_menu span.over {background:#fff; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #fff; border-left:1px solid #c9c9c9;} #mypage_menu span.over a {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; color:#3f6bbc;} #mypage_menu span.line {width:1px; height:35px; background:#e3e3e3;} /* 마이페이지-보류기사목록 */ #member_news_list_refer {position:relative; margin-bottom:30px;} #member_news_list_refer .title_area {position:relative; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:5px; font:bold 17px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #member_news_list_refer .title_area span.total_data {font:normal 13px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#f74d00;} #member_news_list_refer .title_area span.no {letter-spacing:0;} #member_news_list_refer .title_area p.page_area {position:absolute; top:1px; right:3px; font:normal 13px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} #member_news_list_refer li {position:relative; font:normal 15px/21px "Malgun Gothic","맑은 고딕",dotum; background:url(/img/kr/dot_line.gif) repeat-x bottom; padding:9px 200px 9px 3px;} #member_news_list_refer li a,#member_news_list_refer li a:visited {font:normal 15px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} #member_news_list_refer li p.wdate {position:absolute; top:10px; right:80px; width:120px; font:normal 12px/16px tahoma,dotum; color:#999; text-align:center;} #member_news_list_refer li p.bt {position:absolute; top:9px; right:0; width:80px; text-align:center;} #member_news_list_refer .page_limit {position:relative; padding:15px 0; text-align:center;} /* 마이페이지-등록된기사 */ #member_news_list {position:relative; border:2px solid #e5e5e5; background:#f5f5f5; padding:20px 20px 10px; margin-bottom:30px;} #member_news_list .title_area {position:relative; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:5px; font:bold 17px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #member_news_list .title_area span.total_data {font:normal 13px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#f74d00;} #member_news_list .title_area span.no {letter-spacing:0;} #member_news_list .title_area p.page_area {position:absolute; top:1px; right:3px; .right:23px; font:normal 13px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} #member_news_list li {position:relative; font:normal 15px/21px "Malgun Gothic","맑은 고딕",dotum; background:url(/img/kr/dot_line.gif) repeat-x bottom; padding:9px 100px 9px 3px;} #member_news_list li a,#member_news_list li a:visited {font:normal 15px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} #member_news_list li p.wdate {position:absolute; top:9px; right:3px; .right:23px; width:100px; font:normal 12px/16px tahoma,dotum; color:#999; text-align:right;} #member_news_list .page_limit {position:relative; padding:15px 0; text-align:center;} /*************** 상세검색 ***************/ .search_form {position:relative; background:#f8f8f8;} .search_form .sn_box {border:1px solid #cbcbcb; padding:30px 0 0; text-align:center; overflow:hidden;} .search_form .sn_title {position:relative; margin:-5px 0 10px; font:bold 26px/34px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-2px; color:#000;} .sn_box_inner {position:relative; width:450px; margin:0 auto 20px;} .sn_box_search_area {height:30px; .height:40px; padding:3px 0 3px 10px; border:2px solid #333; background:#fff;} .sn_box_search_area li {float:left;} .sn_box_search_area .sn_box_search_input input {width:400px; height:26px; border:0; font:bold 20px/26px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} .sn_box_tip {font:normal 13px/40px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666; text-align:center;} .sn_box_search_and li {display:inline;} .sn_box_search_and label {position:relative; top:-2px; .top:-1px; display:inline-block; height:20px; padding:0 10px 0 3px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#444;} .btn_search_form_ex {position:absolute; top:7px; right:-70px; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; text-decoration:underline; letter-spacing:-0.05em; color:#555;} .search_form .sn_box table {width:85%; border:0; padding:0; border-collapse:collapse; margin:0 auto;} .search_form .sn_box th {width:118px; text-align:left; font:bold 14px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#000; background:url(/img/kr/dot_line.gif) repeat-x top;} .search_form .sn_box td {font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555; background:url(/img/kr/dot_line.gif) repeat-x top; padding:8px 0; word-break:keep-all;} .search_form .sn_box td label {/*position:relative; top:-2px; .top:-1px;*/ display:inline-block; padding:0 20px 0 3px;} .search_form .sn_box .search_section li {float:left; white-space:nowrap;} .search_form .sn_box .search_section label {white-space:nowrap;} .search_form .input {height:26px; border:1px solid #d0d0d0; font:normal 13px/16px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .search_form .sn_box td span.br {display:inline-block; font:normal 13px/16px "Malgun Gothic","맑은 고딕",dotum; color:#999; letter-spacing:-1px; padding-top:5px;} .search_form .bt_box {text-align:center; padding:15px 0 25px;} .search_form .bt_box .btn_search {width:130px; height:42px; background:#306AD2; border:0; font:normal 16px/34px "Malgun Gothic","맑은 고딕",dotum; color:#fff; text-align:center; cursor:pointer;} .search_word {color:#ff0000;} #search_result {position:relative; width:100%; margin:0 auto; padding:20px 0; overflow:hidden; text-align:left;} #search_result .title_area {position:relative; .width:100%; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:5px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #search_result .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#f74d00;} #search_result .title_area span.no {letter-spacing:0;} #search_result .title_area p.page_area {position:absolute; top:1px; right:3px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #search_result .search_result_list_box {clear:both; border-bottom:1px solid #e0e0e0; overflow:hidden; padding:15px 0;} #search_result .search_result_list_box .img_file {float:left; position:relative; width:130px; height:100px; overflow:hidden; margin-right:15px; z-index:9999;} #search_result .search_result_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:130px; height:100px; overflow:hidden; background:url(/img/skin17/outline130_110.png) no-repeat left top; z-index:9999; cursor:pointer;} #search_result .search_result_list_box .img_file p {position:absolute;} #search_result .search_result_list_box dl {position:relative;} #search_result .search_result_list_box dt {padding:3px 0 5px;} #search_result .search_result_list_box dt,#search_result .search_result_list_box dt a,#search_result .search_result_list_box dt a:visited {font:bold 20px/24px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} #search_result .search_result_list_box .sbody,#search_result .search_result_list_box .sbody a,#search_result .search_result_list_box .sbody a:visited {font:normal 14px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.05em; color:#888;} #search_result .search_result_list_box .etc {padding-top:5px; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} #search_result .search_result_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} #search_result .search_result_list_box .search_word {color:#ff0000;} #search_result .search_result_list_box .newwin {font:normal 12px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:3f6bbc;} .search_result_list_box .srl_only_ie- {display:none; .display:block; .clear:both;} #search_result .page_limit {clear:both; position:relative; width:100%; padding:15px 0; text-align:center;} #search_result .sr_list {position:relative; width:1304px; overflow:hidden; margin:20px 0 0 -26px;} #search_result .sr_list_box {position:relative; float:left; width:300px; margin:10px 0 0 26px;} #search_result .sr_list_box .outline {position:absolute; top:0; left:0; width:298px; .width:300px; height:298px; .height:300px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:2; cursor:pointer; font-size:0; text-indent:-500px;} #search_result .sr_list_box dt {width:300px; height:300px; overflow:hidden; margin-bottom:5px; background:#e7e7e7;} #search_result .sr_list_box dt a {display:flex; .display:block; width:300px; height:300px; overflow:hidden; justify-content:center; align-items:center;} #search_result .sr_list_box dt a.img_w {flex-direction:column;} #search_result .sr_list_box dt .img_w img {width:auto; height:300px;} #search_result .sr_list_box dt .img_h img {width:300px; height:auto;} #search_result .sr_list_box dd {width:300px; height:42px; overflow:hidden; margin-bottom:5px; text-align:left; font:normal 15px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#666;} /*************** 게시판 ***************/ /* 스킨1-리스트 */ #bbs_skin1_list .list th {padding-bottom:9px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_list .no ,#bbs_skin1_list .date,#bbs_skin1_list .count {font-size:12px;} #bbs_skin1_list .subject {padding:10px;} #bbs_skin1_list .subject,#bbs_skin1_list .subject a,#bbs_skin1_list .subject a:visited {font:normal 15px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_list .name,#bbs_skin1_list .name a,#bbs_skin1_list .name a:visited {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_view .title {padding:10px; font:bold 15px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_view .contents {font:normal 15px/1.6 "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_view .contents p.ip {padding-top:20px; letter-spacing:0;} #comment_list .name_area {background-position:0 6px; padding-left:18px; font:bold 12px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #comment_list .name_area p.date {top:4px; letter-spacing:0;} #comment_list .memo_area {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #comment_write .input_area li {height:24px;} #comment_write .input_area li img {vertical-align:top; padding-top:3px;} #comment_write .input_area .id,#comment_write .input_area .pw,#comment_write .input_area .nospam {height:24px; background-position:0 3px;} #comment_write .input_area li.text {padding-top:2px; line-height:24px;} #comment_write .input_area li input[type="image"] {margin-top:3px;} .bbs_write th {padding-bottom:6px; font:bold 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} .bbs_write td {padding:7px; font:normal 12px/20px "Malgun Gothic","맑은 고딕",dotum;} .bbs_write td span.name {font:bold 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} .bbs_write td .input {height:26px !important} .defaultSkin .mceIframeContainer {border:1px solid #ccc;} /* 모바일 버전으로 보기 */ #mobile_shortcut, #mobile_shortcut2 {min-width:1278px;}