/* 기사본문 */ .read_title {font:bold 24px/28px dotum; letter-spacing:-0.1em; color:#000;} .read_subtitle {font:bold 12px/16px dotum; letter-spacing:-1px; color:#999;} .read_body {font:normal 14px/1.5 gulim,'굴림'; color:#333; text-align:justify;} .read_photo {font:normal 12px/16px 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 13px 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 {background:#fff;} #wrap {position:relative; width:100%;} /* 전체틀 */ #header {position:relative; width:100%; background:url(/news_skin/snvision/main/img/bg_header.gif) repeat-x 0 0; border-bottom:1px solid #666; z-index:9999} /* 상단 */ #container {position:relative; width:100%;} #headline {position:relative; width:100%; height:520px; background:#B4D3F2 url(/news_skin/snvision/main/img/bg_headline.jpg) no-repeat center bottom; overflow:hidden;} /* 메인뉴스1 */ #antenna {position:relative; width:100%; padding:60px 0; background:#f0f0f0; overflow:hidden;} .antenna_wrap {position:relative; width:1224px; height:244px; margin:0 auto; overflow:hidden;} #main_photo {position:relative; width:100%; height:415px; background:url(/news_skin/snvision/main/img/bg_photo.gif) repeat-x left top; overflow:hidden;} .main_photo_wrap {width:100%; height:415px; background:url(/news_skin/snvision/main/img/bg_photowrap.gif) no-repeat center top; overflow:hidden;} .main_photo_wrap_inner {position:relative; width:1200px; height:415px; margin:0 auto; overflow:hidden;} .main_box_area_wrap {position:relative; width:100%; background:#fff url(/news_skin/snvision/main/img/bg_antenna.gif) no-repeat center top; overflow:hidden;} #main_box_area {position:relative; width:1248px; margin:30px auto 20px; overflow:hidden;} .main_box_area2 {clear:both; position:relative; width:1200px; margin:0 auto 60px; padding-top:40px; overflow:hidden;} #footer {position:relative; width:100%; background:#EFEFEF; overflow:hidden;} /* 서브 */ #container_sub {position:relative; width:1218px; margin:0 auto; overflow:hidden;} #l_nav {float:left; width:220px; margin:40px 31px 20px 28px; overflow:hidden;} #contents_sub {float:left; width:850px; margin:40px 40px 30px 9px; .padding-bottom:30px; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; /*overflow:hidden;*/display:inline-block;} /* 1+2단(기사읽기 등 바로 내용이 오는 경우) */ #contents_sub table {border-collapse:collapse} #contents_sub td {font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333;} #contents_sub a {font-family:"Malgun Gothic",'맑은 고딕',dotum;} #contents_sub2 {position:relative; width:1200px; background:#fff; margin:0 auto;} #r_aside {float:left; width:319px; margin:40px 0 30px; overflow:hidden;} /* 기사읽기 */ .table_sub_read {width:1218px; border:0; padding:0; margin:0 auto; overflow:hidden;} .td_sub_read_contents {width:850px; .width:899px; padding:20px 40px 30px 9px; .padding-bottom:30px; border:0; margin:0; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; vertical-align:top;} .td_r_aside {width:319px; border:0; margin:0; padding:0; text-align:left; vertical-align:top;} @media screen and (max-width:1248px){ #wrap {width:1248px;} } /*************** 공통 ***************/ /* 날개배너 */ .wing_bn {position:relative; width:1200px; margin:0 auto; z-index:9999;} .wing_bn_le {position:absolute; top:60px; left:-230px; width:200px;} .wing_bn_le .bn td {text-align:right;} .wing_bn_ri {position:absolute; top:60px; right:-230px; width:200px;} .wing_bn_ri .bn td {text-align:left;} .wing_bn_read .wing_bn_le {top:30px} .wing_bn_read .wing_bn_ri {top:30px} /* 공통 */ .news_box_wrap {clear:both; position:relative; width:300px !important; margin:0 auto; text-align:left} /* 테두리 있는 디자인 */ .news_box_wrap2 {clear:both; position:relative; width:300px !important; margin:0 auto; text-align:left} /* 테두리 없는 디자인 */ /* 주간베스트 */ .best_type2 .week_best_view_title {font:bold 15px/21px 'malgun gothic','맑은 고딕',dotum;} .best_type2 .news {clear:both; position:relative; .width:100%; overflow:hidden;} .best_type2 .news .thumb {float:right; position:relative; margin-left:9px;} .best_type2 .news .thumb .outline {position:absolute; display:block; top:0; left:0; width:58px; .width:60px; height:40px; .height:42px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:10;} .best_type2 .news .thumb img {width:60px; height:42px; z-index:9;} .best_type2 .news .title {position:relative; .width:100%; max-height:42px; .height:42px; overflow:hidden;} .best_type2 .news .title,.best_type2 .news .title a,.best_type2 .news .title a:visited {font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} .best_type2 .news .num {float:left; position:relative; width:20px; font:bold 15px/20px Georgia, Tahoma, Geneva, sans-serif; letter-spacing:-1px; color:#026EC9;} .best_type2 .news2 {clear:both; position:relative; .width:100%; overflow:hidden;} .best_type2 .news2 .title {position:relative; .width:100%; height:20px; overflow:hidden; text-overflow:ellipsis; word-break:normal; white-space:nowrap;} .best_type2 .news2 .title,.best_type2 .news2 .title a,.best_type2 .news2 .title a:visited {font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} .best_type2 .news2 .num {float:left; position:relative; width:20px; font:bold 15px/20px Georgia, Tahoma, Geneva, sans-serif; letter-spacing:-1px; color:#aaa;} .week_best_view28_2 {position:relative; .position:none; text-align:left; margin-bottom:20px;} .week_best_view28_2 .week_best_view_title {padding:7px 1px 8px; margin-bottom:5px; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; letter-spacing:-1px; color:#000;} .week_best_view28_2 .week_best_view_title .sc_name {color:#ea0000} .week_best_view28_2 .news {border-bottom:1px solid #eee; padding:7px 2px 7px;} .week_best_view28_2 .news .num {width:18px; height:18px; overflow:hidden; margin:3px 8px 0 0; background:#ea0000; font:normal 11px/17px tahoma,'malgun gothic','맑은 고딕'; color:#fff; text-align:center;} .week_best_view28_2 .news2 {border-bottom:1px solid #eee; padding:5px 2px 7px;} .week_best_view28_2 .news2 .num {width:16px; .width:18px; height:16px; .height:18px; overflow:hidden; margin:3px 8px 0 0; border:1px solid #ccc; background:#fff; font:normal 11px/15px tahoma,'malgun gothic','맑은 고딕'; color:#666; text-align:center;} /* header */ #header_wrap {position:relative; width:1200px; margin:0 auto;} #header_wrap .top_option {position:relative; height:29px; overflow:hidden;} #header_wrap .top_option_le {float:left; height:29px; font:normal 12px/27px 'malgun gothic','맑은 고딕',dotum; color:#999;} #header_wrap .top_option_le a,#header_wrap .top_option_le a:visited {font:normal 12px/27px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#f0f0f0;} #header_wrap .font_red {font-weight:bold; color:#ff3333;} #header_wrap .top_option_ri {float:right; height:29px; font:normal 12px/27px 'malgun gothic','맑은 고딕',dotum; color:#999;} #header_wrap .top_option_ri a,#header_wrap .top_option_ri a:visited {font:normal 12px/27px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#f0f0f0;} #header_wrap .edit_time {color:#f0f0f0;} #header_wrap .logo_area {position:relative; height:113px; overflow:hidden;} #header_wrap .top_logo {float:left; height:113px; /*margin-left:30px;*/} #header_wrap .top_logo a {display:table-cell; height:113px; vertical-align:middle;} #header_wrap .top_search {position:absolute; top:34px; left:419px; width:364px; height:44px; background:url(/news_skin/snvision/main/img/top_search_bg.gif) no-repeat 0 0;} #header_wrap .top_search label {position:absolute; top:-9999px; font-size:0; text-indent:-9999px;} #header_wrap .top_search .input_area {float:left; width:286px; margin:3px 0 0 25px; .margin:3px 0 0 15px;} #header_wrap .top_search .input_area input {width:286px; height:35px; border:0; font:normal 13px/35px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#999;} #header_wrap .top_search .btn_area {float:left; margin-top:3px;} #header_wrap .top_banner {float:right; .width:300px; height:113px;} #header_wrap .top_banner .bn td {height:113px; padding-bottom:0 !important; text-align:right;} #header_wrap .top_menu_area {position:relative; height:50px; overflow:hidden; /*border-right:1px solid #d1d1d1;*/ z-index:9999;} #header_wrap .btn_sitemap {float:left; width:56px; .width:58px; height:50px; background:url(/news_skin/snvision/main/img/btn_menu.gif) no-repeat 3px 0; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; text-align:center; cursor:pointer;} #header_wrap .top_menu li {float:left; /*width:142px;*/ } #header_wrap .top_menu li a {display:inline-block; width:142px; height:50px; /*padding:0 29px;*/} #header_wrap .top_menu li:last-child a {width:147px; /*padding:0 29px 0 50px;*/} #header_wrap .top_menu li,#header_wrap .top_menu li a,#header_wrap .top_menu li a:visited {font:bold 17px/47px 'malgun gothic','맑은 고딕',dotum; text-decoration:none; letter-spacing:-0.05em; color:#333;} #header_wrap .ins_photo_title {position:absolute; top:0; left:270px; width:700px; height:111px; background:url(/news_skin/snvision/main/img/ins_photo_top_bg.gif) no-repeat 0 0; text-align:center;} #header_wrap .ins_photo_title,#header_wrap .ins_photo_title a,#header_wrap .ins_photo_title a:visited {font:bold 36px/105px 'malgun gothic','맑은 고딕',dotum; text-decoration:none; letter-spacing:-3px; color:#000;} #header_wrap .ins_photo_title strong {font-size:50px;} #header_wrap .ins_photo_top_menu_area {border-left:1px solid #d1d1d1;} #header_wrap .ins_photo_top_menu_area .top_menu {float:left; width:959px;} #header_wrap .ins_photo_top_menu_area .top_menu li {width:240px;} #header_wrap .ins_photo_top_menu_area .top_menu li a {width:100%; padding:0; text-align:center;} #header_wrap .ins_photo_top_menu_area .top_menu li,#header_wrap .ins_photo_top_menu_area .top_menu li a,#header_wrap .ins_photo_top_menu_area .top_menu li a:visited {font:bold 16px/47px 'malgun gothic','맑은 고딕',dotum; text-decoration:none; letter-spacing:-1px; color:#333;} #header_wrap .ins_photo_top_menu_area .top_menu li a:hover {background:#2A6ED4; color:#fff;} #header_wrap .ins_photo_top_menu_area .top_search_ins_photo {float:left; width:238px; .width:239px; height:50px; border-left:1px solid #d1d1d1;} #header_wrap .ins_photo_top_menu_area label {position:absolute; top:-9999px; font-size:0; text-indent:-9999px;} #header_wrap .ins_photo_top_menu_area .input_area {float:left; width:181px; .width:196px; padding-left:15px;} #header_wrap .ins_photo_top_menu_area .input_area input {width:181px; height:47px; .height:50px; border:0; font:normal 13px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#999;} #header_wrap .ins_photo_top_menu_area .btn_area {float:left; width:36px; margin-top:6px;} #header_wrap .top_menu li a:hover {background:#2A6ED4; color:#fff;} #header_wrap .top_menu li.on {background:#2A6ED4;} #header_wrap .top_menu li.on,#header_wrap .top_menu li.on a,#header_wrap .top_menu li.on a:visited {color:#fff;} #subMenuBox {position:absolute; top:50px; left:0; width:100%; z-index:9999;} #subMenu {position:absolute; top:0; left:0; width:1198px; .width:1200px; margin:0 auto; border:1px solid #666; border-top:0; background:#f6f6f6; overflow:hidden;} #subMenu .bt {position:absolute; top:0; right:0;} #subMenu ul {float:left; overflow:hidden;} #subMenu ul.sc1 {position:relative; width:100%;} #subMenu li {float:left;} #subMenu li,#subMenu li a,#subMenu li a:visited {font:normal 14px/25px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#555;} #subMenu li.sc_k {width:150px; font:bold 15px/30px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#2A6ED4;} .display_off {display:none} .display_on {display:block} /* footer */ .footer_box {position:relative; width:1200px; margin:0 auto; padding:40px 0; text-align:left;} .footer_box .fb_logo {float:left; width:150px; text-align:center;} .footer_box .fb_navi {position:relative; padding-top:5px; font:normal 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#ccc;} .footer_box .fb_navi a,.footer_box .fb_navi a:visited {font:bold 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} .footer_box .fb_navi .fb_copy {display:inline-block; padding-top:10px; font:normal 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#777;} .footer_box .fb_top {position:absolute; top:0; right:0; z-index:10;} a.btn_m_view {display:block; position:relative; width:100%; height:150px; background:#333; font:bold 50px/150px 'malgun gothic','맑은 고딕',dotum; color:#fff; text-align:center;} /*************** 메인 ***************/ /* headline */ #main_news1 {position:relative; width:1200px; margin:0 auto; padding-top:60px; overflow:hidden;} #main_news1 .news1 {float:left; position:relative; width:597px; height:396px; margin-right:6px; overflow:hidden; background:#000;} #main_news1 .news1 .thumb_img {position:relative; width:597px; height:396px; overflow:hidden;} #main_news1 .news2 .thumb_img {position:relative; width:295px; height:195px; overflow:hidden;} #main_news1 .thumb_img span {display:block; position:absolute;} #main_news1 img:hover {transform:scale(1.1,1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} #main_news1 .thumb_img_no1 {position:relative; width:597px; height:396px; overflow:hidden; background:#eee url(/news_skin/snvision/main/img/noimg.png) no-repeat center 80px;} #main_news1 .thumb_img_no1 a {display:inline-block; width:597px; height:396px; overflow:hidden;} #main_news1 .thumb_img_no1,#main_news1 .thumb_img_no1 a,#main_news1 .thumb_img_no1 a:visited {font-size:0;} #main_news1 .news1 .title_box {position:absolute; bottom:0; left:0; width:597px; padding:30px 0 25px; background:url(/news_skin/snvision/main/img/grd_12_120.png) repeat-x left bottom; z-index:999;} #main_news1 .news1 .title_box a {display:table-cell; height:86px; padding:0 30px; overflow:hidden; text-align:left; vertical-align:bottom;} #main_news1 .news1 .title_box,#main_news1 .news1 .title_box a,#main_news1 .news1 .title_box a:visited {font:bold 36px/42px 'malgun gothic',dotum; letter-spacing:-3px; color:#fff; text-shadow:1px 1px 1px #000;} #main_news1 .news2 {float:left; position:relative; width:295px; margin:0 6px 6px 0; height:195px; overflow:hidden; background:#000;} #main_news1 .thumb_img_no2 {position:relative; width:295px; height:195px; overflow:hidden; background:#eee url(/news_skin/snvision/main/img/noimg.png) no-repeat center center; background-size:50% auto;} #main_news1 .thumb_img_no2 a {display:inline-block; width:295px; height:195px; overflow:hidden;} #main_news1 .thumb_img_no2,#main_news1 .thumb_img_no2 a,#main_news1 .thumb_img_no2 a:visited {font-size:0;} #main_news1 .news2 .title_box {position:absolute; bottom:0; left:0; width:295px; padding:15px 0; background:url(/news_skin/snvision/main/img/grd_12_120.png) repeat-x left top; z-index:999;} #main_news1 .news2 .title_box a {display:table-cell; height:48px; padding:0 20px; overflow:hidden; text-align:left; vertical-align:bottom;} #main_news1 .news2 .title_box,#main_news1 .news2 .title_box a,#main_news1 .news2 .title_box a:visited {font:bold 18px/24px 'malgun gothic',dotum; letter-spacing:-0.05em; color:#fff; text-shadow:1px 1px 1px #000;} #main_news1 .news3 {margin:0 0 6px 0;} #main_news1 .news4 {margin:0 6px 0 0;} #main_news1 .news5 {margin:0;} /* 성남안테나 */ .main_antenna_box {float:left; position:relative; width:280px; height:248px; overflow:hidden; margin:0 13px;} .main_antenna_box_news1 {position:relative;} .main_antenna_box_news1 .thumb_img {position:relative; width:280px; height:200px; overflow:hidden;} .main_antenna_box_news1 .thumb_img span {display:block; position:absolute;} .main_antenna_box_news1 .thumb_img .outline {top:0; left:0; width:278px; .width:280px; height:198px; .height:200px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; font-size:0; z-index:2; cursor:pointer;} .main_antenna_box_news1 .thumb_img iframe,.main_antenna_box_news1 .thumb_img object,.main_antenna_box_news1 .thumb_img embed {display:none;} .main_antenna_box_news1 .thumb_img_no {position:relative; width:280px; height:200px; overflow:hidden; background:#eee url(/news_skin/snvision/main/img/noimg.png) no-repeat center center; background-size:50% auto;} .main_antenna_box_news1 .thumb_img_no a {display:inline-block; width:597px; height:396px; overflow:hidden;} .main_antenna_box_news1 .thumb_img_no,.main_antenna_box_news1 .thumb_img_no a,.main_antenna_box_news1 .thumb_img_no a:visited {font-size:0;} .main_antenna_box_news1 .sc_name {position:absolute; top:0; left:0; height:31px; overflow:hidden; padding:0 12px; z-index:3;} .main_antenna_box_news1 .sc_name,.main_antenna_box_news1 .sc_name a,.main_antenna_box_news1 .sc_name a:visited {font:bold 16px/28px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} .main_antenna_box_news1 .sc_name1 {background:#2A6ED4;} .main_antenna_box_news1 .sc_name2 {background:#DA0022;} .main_antenna_box_news1 .sc_name3 {background:#FF9000;} .main_antenna_box_news1 .sc_name4 {background:#8EC63F;} .main_antenna_box_news1 .title {position:relative; height:48px; background:#4c4c4c; overflow:hidden;} .main_antenna_box_news1 .title a {display:inline-block; width:260px; height:48px; padding:0 10px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; text-align:center;} .main_antenna_box_news1 .title,.main_antenna_box_news1 .title a,.main_antenna_box_news1 .title a:visited {font:normal 15px/48px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} .main_antenna_box_news2 {position:relative; padding:10px;} .main_antenna_box_news2 li {.width:100%; height:34px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; text-align:left;} .main_antenna_box_news2 li,.main_antenna_box_news2 li a,.main_antenna_box_news2 li a:visited {font:bold 15px/34px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#000;} /* 여수동 사진관 */ #main_photo_box {float:left; position:relative; width:860px; text-align:left;} #main_photo_box .boxtitle {height:40px; margin:65px 0 30px;} #main_photo_box .boxtitle,#main_photo_box .boxtitle a,#main_photo_box .boxtitle a:visited {font:bold 18px/40px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-shadow:1px 1px 1px #000;} #main_photo_box .boxtitle strong {font-size:32px; letter-spacing:-2px;} #main_photo_box .slider4 img {width:280px; height:200px;} #main_photo_box .bx-wrapper .bx-viewport {height:200px !important;} #main_photo_box .bx-wrapper .bx-pager,#main_photo_box .bx-wrapper .bx-controls-auto {width:100%; bottom:-40px; text-align:center;} #main_photo_box .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; border-radius:6px; background:#878C8D;} #main_photo_box .bx-wrapper .bx-pager.bx-default-pager a:hover,#main_photo_box .bx-wrapper .bx-pager.bx-default-pager a.active {background:#00BD67;} #main_photo_box .bx-wrapper .bx-controls-direction {display:block; width:108px;} #main_photo_box .bx-wrapper .bx-controls-direction a {top:0; width:54px; height:54px; margin-top:-75px;} #main_photo_box .bx-wrapper .bx-prev {left:753px; background:url(/news_skin/snvision/main/img/btn_pre.png) no-repeat 0 0;} #main_photo_box .bx-wrapper .bx-next {right:0; background:url(/news_skin/snvision/main/img/btn_next.png) no-repeat 0 0;} /* PDF */ .main_pdf_box {float:left; position:relative; width:300px; height:415px; margin-left:40px; background:url(/news_skin/snvision/main/img/bg_pdf.gif) no-repeat 0 0} #main_pdf_box .boxtitle {height:80px; text-align:center;} #main_pdf_box .boxtitle,#main_pdf_box .boxtitle a,#main_pdf_box .boxtitle a:visited {font:bold 20px/80px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-2px; color:#fff; text-shadow:1px 1px 1px #000;} #main_pdf_box .bxslider li {height:335px;} #main_pdf_box .bxslider img {width:180px; margin:0 auto;} #main_pdf_box .bx-wrapper .bx-viewport {height:335px !important;} #main_pdf_box .bx-wrapper .bx-pager {display:none;} #main_pdf_box .bx-wrapper .bx-controls-direction {display:block;} #main_pdf_box .bx-wrapper .bx-controls-direction a {width:46px; height:46px; top:30%;} #main_pdf_box .bx-wrapper .bx-prev {left:0; background:url(/news_skin/snvision/main/img/btn_pre_pdf.png) no-repeat 0 0;} #main_pdf_box .bx-wrapper .bx-next {right:0; background:url(/news_skin/snvision/main/img/btn_next_pdf.png) no-repeat 0 0;} #main_pdf_box .btn_area {display:block; position:absolute; bottom:0; left:0; height:40px; overflow:hidden;} #main_pdf_box .btn {float:left; display:block; width:150px; height:40px; overflow:hidden;} #main_pdf_box .btn_pdf {background:#00B261} #main_pdf_box .btn_ebook {background:#0D2025} #main_pdf_box .btn a {display:inline-block; width:100%; height:40px; text-align:center;} #main_pdf_box .btn a,#main_pdf_box .btn a:visited {font:normal 14px/38px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} #r_aside .main_pdf_box {float:none; margin:0 0 20px 0;} /* 메인박스 */ .news_box_style1 {float:left; position:relative; width:370px; margin:23px; overflow:hidden; text-align:left;} .news_box_style1 .boxtitle {height:50px; overflow:hidden; font:bold 20px/50px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1.5px; color:#000} .news_box_style1 .news1 {position:relative; margin-bottom:25px;} .news_box_style1 .news1 .thumb_img {position:relative; width:370px; height:240px; overflow:hidden;} .news_box_style1 .news1 .thumb_img span {display:block; position:absolute;} .news_box_style1 .news1 .thumb_img .outline {top:0; left:0; width:368px; .width:370px; height:238px; .height:240px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; font-size:0; z-index:2; cursor:pointer;} .news_box_style1 .news1 .thumb_img_no {position:relative; width:368px; .width:370px; height:238px; .height:240px; border:1px solid #ddd; overflow:hidden; background:#eee url(/news_skin/snvision/main/img/noimg.png) no-repeat center center; background-size:50% auto;} .news_box_style1 .news1 .thumb_img_no a {display:inline-block; width:368px; height:238px; overflow:hidden;} .news_box_style1 .news1 .thumb_img_no,.news_box_style1 .news1 .thumb_img_no a,.news_box_style1 .news1 .thumb_img_no a:visited {font-size:0;} .news_box_style1 .news1 .title_box {position:absolute; top:180px; left:0; width:340px; .width:370px; padding:15px; background:url(/news_skin/snvision/main/img/grd_12_120.png) repeat-x left top; z-index:1;} .news_box_style1 .news1 .title_box a {display:inline-block; width:100%; height:30px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;} .news_box_style1 .news1 .title_box,.news_box_style1 .news1 .title_box a,.news_box_style1 .news1 .title_box a:visited {font:bold 20px/30px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1.5px; color:#fff; text-shadow:1px 1px 1px #000;} .news_box_style1 .news2 {position:relative; margin-bottom:15px;} .news_box_style1 .news2 .thumb_img {float:left; position:relative; width:120px; height:78px; overflow:hidden; margin-right:15px;} .news_box_style1 .news2 .thumb_img span {display:block; position:absolute;} .news_box_style1 .news2 .thumb_img .outline {top:0; left:0; width:118px; .width:120px; height:76px; .height:78px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; font-size:0; z-index:2; cursor:pointer;} .news_box_style1 .news2 dl {height:80px; overflow:hidden} .news_box_style1 .news2 dt a {display:table-cell; height:72px; overflow:hidden; vertical-align:middle;} .news_box_style1 .news2 dt,.news_box_style1 .news2 dt a,.news_box_style1 .news2 dt a:visited {font:bold 17px/24px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#000;} .news_box_style1 .news2 dd,.news_box_style1 .news2 dd a,.news_box_style1 .news2 dd a:visited {font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888;} .news_box_2021_1 {float:left; position:relative; width:370px; margin:23px; overflow:hidden; text-align:left;} .news_box_2021_1 .boxtitle {height:50px; overflow:hidden;} .news_box_2021_1 .boxtitle,.news_box_2021_1 .boxtitle a,.news_box_2021_1 .boxtitle a:visited {font:bold 20px/50px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1.5px; color:#000} .news_box_2021_1 .news {clear:both; position:relative; height:78px; overflow:hidden; margin-bottom:15px;} .news_box_2021_1 .news .thumb_img {float:left;} /*flex적용(100:65)*/ .news_box_2021_1 .news .thumb_img .img_file_style {padding:0} .news_box_2021_1 .news .thumb_img .img_file_style a {display:flex; .display:block; position:relative; width:120px; height:78px; overflow:hidden; margin-right:15px; justify-content:center; align-items:center;} /*크기입력*/ .news_box_2021_1 .news .thumb_img .img_file_style a:before {content:""; display:block; position:absolute; top:0; left:0; width:120px; height:78px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; overflow:hidden; box-sizing:border-box;} .news_box_2021_1 .news .thumb_img .img_size_type_w1 a,.news_box_2021_1 .news .thumb_img .img_size_type_w2 a,.news_box_2021_1 .news .thumb_img .img_size_type_w3 a,.news_box_2021_1 .news .thumb_img .img_size_type_w4 a,.news_box_2021_1 .news .thumb_img .img_size_type_w5 a {flex-direction:column;} .news_box_2021_1 .news .thumb_img .img_size_type_w img {width:auto; .width:100%; height:100%; border:0;} .news_box_2021_1 .news .thumb_img .img_size_type_w6 img {width:100%; height:100%; border:0} .news_box_2021_1 .news .thumb_img .img_size_type_w7 img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_1 .news .thumb_img .img_size_type_w8 img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_1 .news .thumb_img .img_size_type_w9 img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_1 .news .thumb_img .img_size_type_h img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_1 .news .title_box {position:relative; height:48px; margin:13px 0 17px; overflow:hidden;} .news_box_2021_1 .news .title_box a {display:table-cell; height:48px; overflow:hidden; vertical-align:middle;} .news_box_2021_1 .news .title_box,.news_box_2021_1 .news .title_box a,.news_box_2021_1 .news .title_box a:visited {font:bold 17px/24px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#000;} .news_box_2021_1 .news0 {width:370px; height:240px; margin-bottom:20px;} .news_box_2021_1 .news0 .thumb_img {float:none; display:block;} .news_box_2021_1 .news0 .thumb_img .img_file_style a {width:370px; height:240px; margin:0} /*크기입력*/ .news_box_2021_1 .news0 .thumb_img .img_file_style a:before {width:370px; height:240px;} .news_box_2021_1 .news0 .title_box {position:absolute; bottom:0; left:0; width:340px; height:30px; padding:15px; margin:0; background:url(/news_skin/snvision/main/img/grd_12_120.png) repeat-x left top; overflow:hidden;} .news_box_2021_1 .news0 .title_box a {display:block; width:100%; height:30px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;} .news_box_2021_1 .news0 .title_box,.news_box_2021_1 .news0 .title_box a,.news_box_2021_1 .news0 .title_box a:visited {font:bold 20px/30px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1.5px; color:#fff; text-shadow:1px 1px 1px #000;} .news_box_2021_2 {float:left; position:relative; width:280px; overflow:hidden; margin:0 13px;} .news_box_2021_2 .news {position:relative; width:280px; overflow:hidden;} .news_box_2021_2 .news .boxtitle {display:inline-block; position:absolute; top:0; left:0; height:31px; padding:0 13px; overflow:hidden; z-index:10} .news_box_2021_2 .news .boxtitle,.news_box_2021_2 .news .boxtitle a,.news_box_2021_2 .news .boxtitle a:visited {font:bold 16px/28px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} .news_box_2021_2 .news .boxtitle12 {background:#2A6ED4;} .news_box_2021_2 .news .boxtitle13 {background:#DA0022;} .news_box_2021_2 .news .boxtitle14 {background:#FF9000;} .news_box_2021_2 .news .boxtitle15 {background:#8EC63F;} .news_box_2021_2 .news .thumb_img {position:relative;} /*flex적용(100:70)*/ .news_box_2021_2 .news .thumb_img .img_file_style {padding:0} .news_box_2021_2 .news .thumb_img .img_file_style a {display:flex; .display:block; position:relative; width:280px; height:196px; overflow:hidden; margin-right:15px; justify-content:center; align-items:center;} /*크기입력*/ .news_box_2021_2 .news .thumb_img .img_file_style a:before {content:""; display:block; position:absolute; top:0; left:0; width:280px; height:196px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; overflow:hidden; box-sizing:border-box;} .news_box_2021_2 .news .thumb_img .img_size_type_w1 a,.news_box_2021_2 .news .thumb_img .img_size_type_w2 a,.news_box_2021_2 .news .thumb_img .img_size_type_w3 a,.news_box_2021_2 .news .thumb_img .img_size_type_w4 a,.news_box_2021_2 .news .thumb_img .img_size_type_w5 a,.news_box_2021_2 .news .thumb_img .img_size_type_w6 a {flex-direction:column;} .news_box_2021_2 .news .thumb_img .img_size_type_w img {width:auto; .width:100%; height:100%; border:0;} .news_box_2021_2 .news .thumb_img .img_size_type_w7 img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_2 .news .thumb_img .img_size_type_w8 img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_2 .news .thumb_img .img_size_type_w9 img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_2 .news .thumb_img .img_size_type_h img {width:100%; height:auto; .height:100%; border:0} .news_box_2021_2 .news .title {clear:both; position:relative; height:48px; background:#4c4c4c; overflow:hidden;} .news_box_2021_2 .news .title a {display:block; .width:100%; height:48px; padding:0 13px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;} .news_box_2021_2 .news .title,.news_box_2021_2 .news .title a,.news_box_2021_2 .news .title a:visited {font:normal 15px/48px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} /*************** 서브 ***************/ /* 좌측메뉴 */ #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; padding:4px 0 10px; margin-bottom:10px; border-bottom:1px solid #d8d8d8; text-align:left;} #page_nav,#page_nav a,#page_nav a:visited {font:bold 18px/24px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#000;} /* 구버전 */ #sub_navi {position:relative; padding:4px 0 10px; margin-bottom:10px; text-align:left;} #sub_navi,#sub_navi a,#sub_navi a:visited {font-size:0; color:#fff;} #sub_navi span {position:absolute; top:0; left:0; font:bold 18px/24px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#000;} /* 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;} /* 섹션 기사리스트(기본) */ #sub_read_list {position:relative; width:100%; overflow:hidden; text-align:left;} #sub_read_list .sub_read_list_box {clear:both; border-bottom:1px solid #e0e0e0; overflow:hidden; padding:15px 0;} #sub_read_list .sub_read_list_box .img_file {float:left; position:relative; width:130px; height:100px; overflow:hidden; margin-right:15px; z-index:9999;} #sub_read_list .sub_read_list_box .img_file p {position:absolute;} #sub_read_list .sub_read_list_box dl {position:relative;} #sub_read_list .sub_read_list_box dt {padding:3px 0 5px;} #sub_read_list .sub_read_list_box dt,#sub_read_list .sub_read_list_box dt a,#sub_read_list .sub_read_list_box dt a:visited {font:bold 18px/24px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} #sub_read_list .sub_read_list_box .sbody,#sub_read_list .sub_read_list_box .sbody a,#sub_read_list .sub_read_list_box .sbody a:visited {font:normal 14px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-0.03em; color:#888;} #sub_read_list .sub_read_list_box .etc {padding-top:5px; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} #sub_read_list .sub_read_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} #sub_read_list .srl_only_ie- {display:none; .display:block; .clear:both;} #sub_read_list .page_limit {position:relative; width:100%; padding:20px 0;} /* 섹션 기사리스트(포토) */ #sub_photo_list {position:relative; width:873px; overflow:hidden; margin:0 -12px} #sub_photo_list .sub_photo_list_box {position:relative; float:left; width:268px; height:255px; margin:10px 11px 14px 12px; overflow:hidden;} #sub_photo_list .sub_photo_list_box .outline {display:inline-block; position:absolute; top:0; left:0; width:266px; .width:268px; height:253px; .height:255px; overflow:hidden; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:9999; 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:268px; 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:880px; overflow:hidden; margin:0 -15px; text-align:left;} #sub_person_list .sub_read_list_box {float:left; width:410px; 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_ct2 {height:55px; .height:65px;} .new_news .new_news_list_area .new_news_ct .thumb {float:right; position:relative; width:80px; height:55px; overflow:hidden; margin-left:15px;} .new_news .new_news_list_area .new_news_ct .thumb .outline {position:absolute; display:block; top:0; left:0; width:78px; .width:80px; 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 {width:80px; min-height:55px; .height:55px;} .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:1200px; border-bottom:1px solid #555; margin:10px auto 0; text-align:left;} .article_head .section_arae {padding:15px 0 0; font:normal 12px/16px dotum; letter-spacing:0; color:#ccc; text-indent:4px;} .article_head .section_arae a,.article_head .section_arae a:visited {font:normal 12px/16px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#666;} .article_head .read_title {padding:5px 0 7px; font:normal 36px/42px 'malgun gothic','맑은 고딕',gulim !important; letter-spacing:-3px; color:#000;} .article_head .read_subtitle {padding:0 3px 25px !important; font:bold 17px/24px 'malgun gothic','맑은 고딕',gulim; letter-spacing:-1px; color:#444;} .article_head .read_option_top {position:relative; height:31px; .height:41px; padding-bottom:10px; overflow:hidden;} .article_head .read_option_top .writer_time {float:left; padding-left:4px; font:normal 12px/31px 'malgun gothic','맑은 고딕',dotum; letter-spacing:0; color:#777;} .article_head .read_option_top .writer_time .writer {font:bold 12px/31px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.03em; color:#3F6BBC;} .article_head .read_option_top .writer_time .email_icon img {vertical-align:middle;} .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; margin-left:2px;} .news_read_option .list {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_list1.png) no-repeat center center;} .news_read_option .print {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_print1.png) no-repeat center center;} .news_read_option .email {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_email1.png) no-repeat center center; margin-right:8px;} .news_read_sns {float:right;} .news_read_sns li {float:left; margin-left:2px;} .news_read_sns .twitter {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_twitter1.png) no-repeat left top;} .news_read_sns .facebook {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_facebook1.png) no-repeat left top;} .news_read_sns .kakaotalk {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_kakaotalk1.png) no-repeat left top;} .news_read_sns .naver {display:inline-block; width:31px; height:31px; background:url(/news_skin/snvision/main/img/ico_naver1.png) no-repeat left top;} /* 기사본문 */ #news_read {position:relative; text-align:left;} #news_read .sub_navi {position:relative; width:672px; .width:678px; .height:25px; padding:6px 3px 5px 3px; font:normal 11px/14px dotum; color:#999; letter-spacing:-1px; text-align:left;} #news_read .sub_navi a {font:normal 11px/14px dotum; text-decoration:none; color:#666; letter-spacing:-1px;} #news_read .sub_navi a:hover {text-decoration:underline;} #news_read .sub_navi span {font-weight:bold; color:#333;} #news_read .sub_navi p.option {position:absolute; top:3px; right:0;} #news_read .title_area {position:relative; background:#f4f4f4; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:17px 10px; margin-bottom:7px;} #news_read .title_area p.stitle {padding:4px 2px 0;} #news_read .wdate_area {position:relative; font:normal 11px/14px dotum; color:#999; margin-bottom:40px;} #news_read .wdate_area p.writer_name {position:absolute; top:0; right:3px; .right:28px; font:normal 12px/14px dotum; letter-spacing:-1px; color:#999;} #news_read .body_banner_top {position:relative; margin-bottom:20px; text-align:center;} #news_read .read_body {position:relative;} #news_read .read_body p.movie {position:relative; margin-bottom:20px; text-align:center;} #news_read .kija_info {position:relative; margin-bottom:20px;} #news_read .body_banner_bt {position:relative; margin-bottom:20px; text-align:center;} #news_read .copyright {position:relative; height:20px; .height:30px; padding:10px 3px; background:url(/img/kr/dot_line.gif) repeat-x left top; font:bold 13px/16px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#333; text-align:right;} #news_read .bt_option {position:relative; height:30px; background:url(/img/kr/dot_line.gif) repeat-x left top; margin-bottom:40px;} #news_read .bt_option ul.send_sns {position:relative; width:200px; padding-top:10px;} #news_read .bt_option li {float:left;} #news_read .bt_option li.sns {padding:1px 5px 0 0;} #news_read .bt_option p.option {position:absolute; width:292px; top:3px; right:0;} #textinput,#textinput p {font:normal 16px/1.8 "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} /* AD링크 */ #ad_link_read {position:relative; margin-bottom:30px;} #ad_link_read .title_area {position:relative; border-bottom:1px solid #db231b;} #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; font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} #news_read_list .title_area span.keyword {color:#026EC9;} #news_read_list .more {position:absolute; top:10px; right:10px;} #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 14px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000; padding:4px 1px;} #reader_view_list .title_area p {position:absolute; top:5px; right:0; font:normal 11px/16px "Malgun Gothic",'맑은 고딕',dotum;} #reader_view_list .title_area p a {font:normal 11px/16px "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 12px/16px "Malgun Gothic",'맑은 고딕',dotum; color:#1447c8; margin-bottom:5px;} #reader_view_list .name_area span {position:absolute; top:-3px; right:50px; .right:65px; font:normal 11px/16px tahoma,gulim; color:#999;} #reader_view_list .name_area p {position:absolute; top:0; right:0; .right:15px;} #reader_view_list .ct_area dt {font:bold 12px/16px "Malgun Gothic",'맑은 고딕',dotum; color:#333;} #reader_view_list .ct_area dd {font:normal 12px/16px "Malgun Gothic",'맑은 고딕',dotum; 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;} /*************** 전체기사 (newnews/all_list.php) ************** #all_list {position:relative; text-align:left;} #all_list .title {position:relative; border-bottom:2px solid #e0e0e0; background:url(/img/skin1/icon_search.gif) no-repeat left 8px; padding:5px 0 8px 16px; margin-bottom:5px;} #all_list .title_area {font:bold 13px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} #all_list .total_data {font:normal 12px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#F74D00;} #all_list .no {letter-spacing:0;} #all_list .page_area {position:absolute; top:8px; right:0; font:normal 11px/14px dotum; letter-spacing:-1px; color:#999;} #all_list .all_list_box {clear:both; background:url(/img/skin1/dot_line.gif) repeat-x left bottom; overflow:hidden; padding:15px 5px;} #all_list .all_list_box p.thumb_img {float:left;} #all_list .all_list_box p.thumb_img img {width:130px; height:auto; margin-right:15px;} #all_list dt,#all_list dt a,#all_list dt a:visited {font:bold 18px/24px "Malgun Gothic",'맑은 고딕',dotum !important; letter-spacing:-0.1em;} #all_list dt .text_8_1 {font:normal 12px/24px "Malgun Gothic",'맑은 고딕',dotum !important; letter-spacing:-0.03em;} #all_list dd.sbody {padding:5px 1px 0;} #all_list dd.sbody,#all_list dd.sbody a,#all_list dd.sbody a:visited {font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum !important; letter-spacing:-0.03em;} #all_list dd.sbody .text_8_1 {font:normal 12px/20px "Malgun Gothic",'맑은 고딕',dotum !important; letter-spacing:-0.05em; color:#3f6bbc !important;} #all_list dd.sbody .text_8 {font:normal 12px/20px "Malgun Gothic",'맑은 고딕',dotum !important; letter-spacing:0;} #all_list dd.sbody img {vertical-align:middle;} #all_list dd.keyword {padding:0 1px;} #all_list dd.keyword a {font:normal 11px/14px dotum; text-decoration:none; letter-spacing:-1px; color:#D17575;} #all_list .only_ie- {display:none; .display:block; .clear:both;} #all_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} */ /*************** 기타 페이지 ***************/ /* 메뉴(페이지) 타이틀 */ #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 12px/16px "Malgun Gothic","맑은 고딕",dotum; 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 12px/16px "Malgun Gothic","맑은 고딕",dotum; color:#ccc;} #menu_title .right_menu span.d_name {font:bold 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #menu_title .right_menu a {font:normal 12px/16px "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;} /* 쓰기 폼(기사제보/회원가입/개인정보수정/기사쓰기 등) */ .form_style1 {position:relative;} .form_style1 table {width:100%; padding:0; border-top:1px solid #a0a0a0; border-collapse:collapse;} .form_style1 th {width:120px; padding:0 0 3px 7px; background:#f5f5f5; font:bold 13px/18px "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 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666;} .form_style1 td .input {height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_xs {width:45px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_s {width:120px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_m {width:250px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_l {width:360px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_xl {width:700px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px 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 13px/18px "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;} /* 개인정보처리방침 링크 버튼 */ #contents_sub .agree,#contents_sub .agree a,#contents_sub .agree td {font:normal 14px/26px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#333;} #contents_sub .agree .bold {font-size:16px;} .btn_link1 {display:inline-block; margin-top:5px; padding:5px 10px 7px; background:#747882; font:normal 14px/22px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#fff} /*************** 마이페이지 ***************/ /* 마이페이지 */ #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 14px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #member_news_list_refer .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; 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 11px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #member_news_list_refer li {position:relative; font:normal 14px/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 14px/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 11px/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 14px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #member_news_list .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; 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 11px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #member_news_list li {position:relative; font:normal 14px/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 14px/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 11px/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_result {position:relative; width:100%; margin:0 auto; padding:20px 0; overflow:hidden; text-align:left;} #search_result .title_area {position:relative; 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 18px/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 13px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; 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 .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:1225px; overflow:hidden; margin:20px 0 0 -25px;} #search_result .sr_list_box {position:relative; float:left; width:220px; margin:10px 0 0 25px;} #search_result .sr_list_box dt {width:220px; height:165px; overflow:hidden; margin-bottom:5px; background:#e7e7e7;} #search_result .sr_list_box dd {width:220px; height:91px; overflow:hidden; margin-bottom:5px; text-align:left; font:normal 13px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666;} /*************** 게시판 ***************/ /* 스킨1-리스트 */ #bbs_skin1_list .list th {padding-bottom:9px; font:bold 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_list .subject {padding-bottom:7px;} #bbs_skin1_list .subject,#bbs_skin1_list .subject a,#bbs_skin1_list .subject a:visited {font:normal 14px/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 12px/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 16px/1.8 "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#333} #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 {position:relative; text-align:left;} .bbs_write table {width:100%; padding:0; border-top:1px solid #a0a0a0; border-collapse:collapse;} .bbs_write th {width:100px; background:#f3f3f3; font:bold 12px/16px gulim; letter-spacing:-1px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:3px 0 0 7px; text-align:left;} .bbs_write td {border-bottom:1px solid #e0e0e0; padding:5px; font:normal 11px/14px dotum; letter-spacing:-1px; color:#666;} .bbs_write td input {font:normal 12px/16px dotum; color:#000;} .bbs_write td .input {border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .bbs_write td span.red {color:#ff0000;} .bbs_write td span.name {font:bold 12px/16px dotum; color:#000;} .bbs_write .bt_box {width:100%; text-align:center; padding:15px 0;} .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;} /*************** ins_photo 여수동 사진관 ***************/ .ins_photo_container {background:#3A3D41 url(/news_skin/snvision/main/img/bg_photo.gif) repeat-x left top; } .ins_photo_contents {width:100%; padding-top:50px; background:url(/news_skin/snvision/main/img/bg_ins_photo.gif) no-repeat center top;} #ins_photo_wrap {position:relative; width:1236px; margin:0 auto;} #ins_photo_wrap .ins_photo_view {position:relative; width:1200px; margin:0 auto;} #ins_photo_wrap .img_area {position:relative; width:100%; padding:30px 0 50px;} #ins_photo_wrap .img_area .clsBannerScreen {text-align:center;} #ins_photo_wrap .img_area .btn_pre {position:absolute; top:50%; left:10px;} #ins_photo_wrap .img_area .btn_next {position:absolute; top:50%; right:10px;} #ins_photo_wrap .list_area {position:relative; width:1197px; .width:1200px; background:#111; padding:8px 0 8px 3px; overflow:hidden;} #ins_photo_wrap .list_area .list_img_area {position:relative; width:1188px; overflow:hidden;} #ins_photo_wrap .list_area .list_img_area li {float:left; width:87px; padding:6px;} #ins_photo_wrap .list_area .list_img_area li img {width:87px; height:60px; cursor:pointer;} #ins_photo_wrap .info_area {width:1118px; .width:1200px; padding:40px 41px; ; background:#222; font:normal 12px/18px dotum; color:#999; text-align:left;} #ins_photo_wrap .info_area_le {float:left; width:250px; .width:275px; padding-right:25px; border-right:1px solid #444; margin-right:24px; } #ins_photo_wrap .info_area_ri {float:left; width:780px;} #ins_photo_wrap .info_area dl {clear:both;} #ins_photo_wrap .info_area dt {float:left; width:60px; padding-bottom:10px; font:bold 11px/24px dotum; letter-spacing:-1px; color:#ccc;} #ins_photo_wrap .info_area dd {float:left; padding-bottom:10px; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em;} #ins_photo_wrap .info_area_le dd {width:190px;} #ins_photo_wrap .info_area_ri dd {width:720px; line-height:22px} #ins_photo_wrap .btn_area {clear:both; padding-top:10px;} #ins_photo_wrap .btn_area a {display:inline-block; width:80px; margin-right:5px; padding:5px 0 2px; border:1px solid #444; background:#000; font:normal 11px/16px dotum; text-decoration:none; letter-spacing:-1px; color:#ccc; text-align:center;} #keyword_area {float:left; position:relative; width:298px; .width:300px; height:693px; .height:695px; border:1px solid #000; border-right:0; margin-left:18px; margin-bottom:30px; overflow:auto; background:#191919; text-align:left;} #keyword_area ul {position:relative; padding:0 10px;} #keyword_area li {padding:6px 0; border-bottom:1px solid #393939;} #keyword_area li,#keyword_area li a,#keyword_area li a:visited {font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; text-decoration:none; letter-spacing:-0.05em; color:#ccc;} #keyword_area li a:hover {color:#fff;} #slider1_container {width:900px !important} #ins_photo_list {clear:both; position:relative; width:1236px; margin:0 auto 30px; padding-top:50px; overflow:hidden;} #ins_photo_list .sub_photo_list_box {float:left; position:relative; width:170px; margin:0 18px;} #ins_photo_list .sub_photo_list_box .bg {position:absolute; top:0; left:0; width:168px; .width:170px; height:118px; .height:120px; border:1px solid rgba(0, 0, 0, .1); z-index:9998; .border-color:#ddd;} #ins_photo_list .sub_photo_list_box dt {position:relative; width:170px; height:120px; overflow:hidden;} #ins_photo_list .sub_photo_list_box dt .thumb_img {position:relative; width:170px; height:120px; overflow:hidden;} #ins_photo_list .sub_photo_list_box dt .thumb_img span {display:block; position:absolute;} #ins_photo_list .sub_photo_list_box dd {width:170px; height:40px; overflow:hidden; margin:10px 0 20px;} #ins_photo_list .sub_photo_list_box dd,#ins_photo_list .sub_photo_list_box dd a,#ins_photo_list .sub_photo_list_box dd a:visited {font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.03em; color:#f0f0f0;} /* page_limit */ .ins_photo_container .page_limit {width:1200px; margin:0 auto; padding:20px 0; background:#fff}