/* 외부스타일 불러오기 */ @import url(skin/jquery.bxslider.css); @import url(skin/news_main.css?wdate=20230815); /* 메인뉴스 스킨 */ @import url(skin/news_box.css?wdate=20230815); /* 박스기사 스킨 */ @import url('//fonts.googleapis.com/earlyaccess/notosanskr.css'); /********** font **********/ @font-face { font-family:"NanumGothic"; src:url('/font/NanumGothic.eot'); src:url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothic.woff') format('woff'), url('/font/NanumGothic.ttf') format('truetype'); url('/font/NanumGothic.svg#NanumGothic') format('svg') src:local(※), url('/font/NanumGothic.woff') format('woff'); } @font-face { font-family:"NanumBold"; src:url('/font/NanumGothicBold.eot'); src:url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype'); url('/font/NanumGothicBold.svg#NanumGothicBold') format('svg') src:local(※), url('/font/NanumGothicBold.woff') format('woff'); } /* common */ html {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;} body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0; /*word-break:break-all*/} img {margin:0; border:0} ul,li {list-style:none} td {/*word-break:break-all*/} /* common link */ a:link {/*font:normal 12px/16px dotum,'돋움',Arial;*/ text-decoration:none; /*color:#666*/} a:visited {text-decoration:none; /*color:#666*/} a:hover,a:active {text-decoration:underline} /* 상단메뉴*/ .top_menu,a.top_menu:link,a.top_menu:visited {font:bold 13px gulim,'굴림'; text-decoration:none; color:#fffef6; letter-spacing:-1px} a.top_menu:hover,a.top_menu:active {font:bold 13px gulim,'굴림'; text-decoration:underline; color:#fffef6; letter-spacing:-1px} #subMenu li,#subMenu li a,#subMenu li a:visited {color:#333} /* 기사제목 */ .headline1,a.headline1:link,a.headline1:visited {font:bold 24px gulim,'굴림',Arial; text-decoration:none; letter-spacing:-0.1em; color:#000} a.headline1:hover,a.headline1:active {font:bold 24px gulim,'굴림',Arial; text-decoration:underline; letter-spacing:-0.1em; color:#ce0000} .headline1_d,a.headline1_d:link,a.headline1_d:visited {font:bold 24px dotum,'돋움',Arial; text-decoration:none; letter-spacing:-0.1em; color:#000} a.headline1_d:hover,a.headline1_d:active {font:bold 24px dotum,'돋움',Arial; text-decoration:underline; letter-spacing:-0.1em; color:#ce0000} .headline1_m,a.headline1_m:link,a.headline1_m:visited {font:bold 24px/28px 'Malgun Gothic','맑은 고딕',Malgun Gothic,dotum,Arial; text-decoration:none; letter-spacing:-2px; color:#000} a.headline1_m:hover,a.headline1_m:active {font:bold 24px/28px 'Malgun Gothic','맑은 고딕',Malgun Gothic,dotum,Arial; text-decoration:underline; letter-spacing:-2px; color:#ce0000} .headline1_nanum,a.headline1_nanum:link,a.headline1_nanum:visited {font:bold 26px/30px 'Nanum bold','Malgun Gothic','맑은 고딕',dotum,Arial; text-decoration:none; letter-spacing:-1px; color:#000} a.headline1_nanum:hover,a.headline1_nanum:active {font:bold 26px/30px 'Nanum bold','Malgun Gothic','맑은 고딕',dotum,Arial; text-decoration:underline; letter-spacing:-1px; color:#ce0000} .headline2,a.headline2:link,a.headline2:visited {font:bold 18px/22px gulim,'굴림',Arial; text-decoration:none; letter-spacing:-1px; color:#000} a.headline2:hover,a.headline2:active {font:bold 18px/22px gulim,'굴림',Arial; text-decoration:underline; letter-spacing:-1px; color:#ce0000} .headline2_d,a.headline2_d:link,a.headline2_d:visited {font:bold 18px/22px dotum,'돋움',Arial; text-decoration:none; letter-spacing:-1px; color:#000} a.headline2_d:hover,a.headline2_d:active {font:bold 18px/22px dotum,'돋움',Arial; text-decoration:underline; letter-spacing:-1px; color:#ce0000} .headline3,a.headline3:link,a.headline3:visited {font:bold 14px gulim,'굴림',Arial; text-decoration:none; color:#000} a.headline3:hover,a.headline3:active {font:bold 14px gulim,'굴림',Arial; text-decoration:underline; color:#ce0000} .headline3_d,a.headline3_d:link,a.headline3_d:visited {font:bold 16px dotum,'돋움',Arial; text-decoration:none; letter-spacing:-1px; color:#000} a.headline3_d:hover,a.headline3_d:active {font:bold 16px dotum,'돋움',Arial; text-decoration:underline; letter-spacing:-1px; color:#ce0000} .headline4,a.headline4:link,a.headline4:visited {font:bold 13px gulim,'굴림',Arial; text-decoration:none; letter-spacing:-1px; color:#000} a.headline4:hover,a.headline4:active {font:bold 13px gulim,'굴림',Arial; text-decoration:underline; letter-spacing:-1px; color:#ce0000} .headline4_d,a.headline4_d:link,a.headline4_d:visited {font:bold 14px dotum,'돋움',Arial; text-decoration:none; letter-spacing:-1px; color:#000} a.headline4_d:hover,a.headline4_d:active {font:bold 14px dotum,'돋움',Arial; text-decoration:underline; letter-spacing:-1px; color:#ce0000} .headline_001166,a.headline_001166:link,a.headline_001166:visited {font:bold 20px gulim,dotum,Arial; text-decoration:none; letter-spacing:-0.1em; color:#000063} a.headline_001166:hover,a.headline_001166:active {font:bold 20px gulim,dotum,Arial; text-decoration:underline; letter-spacing:-0.1em; color:#0000C6} /* 서브타이틀 */ .subtitle,a.subtitle:link,a.subtitle:visited {font:bold 12px gulim,'굴림',Arial; text-decoration:none; letter-spacing:-1px; color:#888} a.subtitle:hover,a.subtitle:active {font:bold 12px gulim,'굴림',Arial; text-decoration:underline; letter-spacing:-1px; color:#888} .subtitle_d,a.subtitle_d:link,a.subtitle_d:visited {font:bold 12px dotum,'돋움',Arial; text-decoration:none; letter-spacing:-1px; color:#888} a.subtitle_d:hover,a.subtitle_d:active {font:bold 12px dotum,'돋움',Arial; text-decoration:underline; letter-spacing:-1px; color:#888} .subtitle1,a.subtitle1:link,a.subtitle1:visited {font:bold 12px gulim,'굴림',Arial; text-decoration:none; letter-spacing:-1px; color:#888} a.subtitle1:hover,a.subtitle1:active {font:bold 12px gulim,'굴림',Arial; text-decoration:underline; letter-spacing:-1px; color:#888} .subtitle2,a.subtitle2:link,a.subtitle2:visited {font:bold 13px gulim,'굴림',Arial; text-decoration:none; letter-spacing:-1px; color:#888} a.subtitle2:hover,a.subtitle2:active {font:bold 13px gulim,'굴림',Arial; text-decoration:underline; letter-spacing:-1px; color:#888} .subtitle2_d,a.subtitle2_d:link,a.subtitle2_d:visited {font:bold 14px dotum,'돋움',Arial; text-decoration:none; letter-spacing:-1px; color:#888} a.subtitle2_d:hover,a.subtitle2_d:active {font:bold 14px dotum,'돋움',Arial; text-decoration:underline; letter-spacing:-1px; color:#888} /* body */ .body,a.body:link,a.body:visited {font:normal 12px/19px dotum,'돋움'; text-decoration:none; color:#888} a.body:hover,a.body:active {font:normal 12px/19px dotum,'돋움'; text-decoration:underline; color:#888} .body1,a.body1:link,a.body1:visited {font:normal 12px/17px dotum,'돋움',UnDotum,AppleGothic,sans-serif; text-decoration:none; color:#888} a.body1:hover,a.body1:active {font:normal 12px/17px dotum,'돋움',UnDotum,AppleGothic,sans-serif; text-decoration:underline; color:#888} /* 박스기사 */ .box,a.box:link,a.box:visited {font:bold 12px/18px dotum,'돋움'; text-decoration:none; letter-spacing:-1px} a.box:hover,a.box:active {font:bold 12px/18px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px} .box a {font-weight:bold; letter-spacing:-1px} .box_title,a.box_title:link,a.box_title:visited {font:bold 13px gulim,'굴림'; text-decoration:none; color:#002482} a.box_title:hover,a.box_title:active {font:bold 13px gulim,'굴림'; text-decoration:underline; color:#ce0000} .box_title_255cbb {font:bold 12px; text-decoration:none; color:#255cbb; letter-spacing:-1px} .box_title_7e7c00 {font:bold 12px; text-decoration:none; color:#7e7c00; letter-spacing:-1px} .box_title_e8533a {font:bold 12px; text-decoration:none; color:#e8533a; letter-spacing:-1px} .box_title_255cbb {font:bold 12px gulim,'굴림'; color:#255cbb; letter-spacing:-1px} .box_title_7e7c00 {font:bold 12px gulim,'굴림'; color:#7e7c00; letter-spacing:-1px} .box_title_e8533a {font:bold 12px gulim,'굴림'; color:#e8533a; letter-spacing:-1px} .box_title_53565a,a.box_title_53565a:link,a.box_title_53565a:visited,a.box_title_53565a:hover,a.box_title_53565a:active {font:bold 13px gulim,'굴림'; text-decoration:none; color:#53565a; letter-spacing:-1px} /* 기자명 */ .writer,a.writer:link,a.writer:visited {font:normal 11px/16px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#999} a.writer:hover,a.writer:active {font:normal 11px/16px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#999} .writer_2,a.writer_2:link,a.writer_2:visited {font:normal 11px/16px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#999} a.writer_2:hover,a.writer_2:active {font:normal 11px/16px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#999} .kija,a.kija:link,a.kija:visited {font:normal 11px/16px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#999} a.kija:hover,a.kija:active {font:normal 11px/16px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#999} /* 텍스트*/ .text_8,a.text_8:link,a.text_8:visited {font:normal 11px/16px dotum,'돋움'; text-decoration: none; color:#666} a.text_8:hover,a.text_8:active {font:normal 11px/16px dotum,'돋움'; text-decoration: underline; color:#666} .text_8_1,a.text_8_1:link,a.text_8_1:visited {font:normal 11px/16px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#666} a.text_8_1:hover,a.text_8_1:active {font:normal 11px/16px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#666} .text_9,a.text_9:link,a.text_9:visited {font:normal 12px/16px dotum,'돋움',UnDotum,AppleGothic,sans-serif; text-decoration:none; color:#666} a.text_9:hover,a.text_9:active {font:normal 12px/16px dotum,'돋움',UnDotum,AppleGothic,sans-serif; text-decoration:underline; color:#666} .text_10,a.text_10:link,a.text_10:visited {font:normal 13px/16px gulim,'굴림'; text-decoration:none; color:#666} a.text_10:hover,a.text_10:active {font:normal 13px/16px gulim,'굴림'; text-decoration:underline; color:#666} .text_9_1,a.text_9_1:link,a.text_9_1:visited {font:normal 12px/16px dotum,'돋움',UnDotum,AppleGothic,sans-serif; text-decoration:none; letter-spacing:-1px; color:#666} a.text_9_1:hover,a.text_9_1:active {font:normal 12px/16px dotum,'돋움',UnDotum,AppleGothic,sans-serif; text-decoration:underline; letter-spacing:-1px; color:#666} .text_9_2,a.text_9_2:link,a.text_9_2:visited {font:bold 12px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#666} a.text_9_2:hover,a.text_9_2:active {font:bold 12px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#666} .text_300,a.text_300:link,a.text_300:visited {font:bold 12px dotum,'돋움'; text-decoration:none; color:#2e76c0} a.text_300:hover,a.text_300:active {font:bold 12px dotum,'돋움'; text-decoration:underline; color:#2e76c0} .text_300_1,a.text_300_1:link,a.text_300_1:visited {font:bold 12px dotum,'돋움'; text-decoration:none; color:#333;} a.text_300_1:hover,a.text_300_1:active {text-decoration:underline;} .text_303,a.text_303:link,a.text_303:visited {font:bold 12px dotum,'돋움'; text-decoration:none; color:#536a00;} a.text_303:hover,a.text_303:active {text-decoration:underline;} .text_b9c5ff,a.text_b9c5ff:link,a.text_b9c5ff:visited {font:bold 14px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#b9c5ff} a.text_b9c5ff:hover,a.text_b9c5ff:active {font:bold 14px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#b9c5ff} .text_8s {font:normal 11px/12px dotum,'돋움'} .text_8_2 {font:bold 11px/16px dotum,'돋움'; letter-spacing:-1px; color:#666} .left_stit {font:bold 11px/16px dotum,'돋움'; letter-spacing:-1px; color:#003399} .text9 {font:normal 13px dotum,'돋움'; color:#666} .s09 {font:normal 12px dotum,'돋움'; color:#666} .b_text {font:normal 12px/17px dotum,'돋움'} .text_bbs {font:normal 12px/15px dotum,'돋움'; color:#666} /* 8포인트,돋움,777777 */ .t8_d_7,a.t8_d_7:link,a.t8_d_7:visited {font:normal 11px dotum,'돋움'; text-decoration:none; color:#777} a.t8_d_7:hover,a.t8_d_7:active {font:normal 11px dotum,'돋움'; text-decoration:underline; color:#777} /* 8포인트,돋움,777777,-1 */ .t8_d_7_1,a.t8_d_7_1:link,a.t8_d_7_1:visited {font:normal 11px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#777} a.t8_d_7_1:hover,a.t8_d_7_1:active {font:normal 11px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#777} /* 8포인트,돋움,ffffff */ .t8_d_w,a.t8_d_w:link,a.t8_d_w:visited {font:normal 11px dotum,'돋움'; text-decoration:none; color:#fff} a.t8_d_w:hover,a.t8_d_w:active {font:normal 11px dotum,'돋움'; text-decoration:underline; color:#fff} /* 8포인트,돋움,ffffff,-1 */ .t8_d_w_1,a.t8_d_w_1:link,a.t8_d_w_1:visited {font:normal 11px dotum,'돋움'; text-decoration:none; letter-spacing:-1px; color:#fff} a.t8_d_w_1:hover,a.t8_d_w_1:active {font:normal 11px dotum,'돋움'; text-decoration:underline; letter-spacing:-1px; color:#fff} /* 9포인트,굴림,ffffff */ .t9_g_w,a.t9_g_w:link,a.t9_g_w:visited {font:normal 12px gulim,'굴림'; text-decoration:none; color:#fff} a.t9_g_w:hover,a.t9_g_w:active {font:normal 12px gulim,'굴림'; text-decoration:underline; color:#fff} /* 9포인트,굴림,333333 */ .t9_g_3,a.t9_g_3:link,a.t9_g_3:visited {font:normal 12px gulim,'굴림'; text-decoration:none; color:#333} a.t9_g_3:hover,a.t9_g_3:active {font:normal 12px gulim,'굴림'; text-decoration:underline; color:#333} /* 9포인트,굴림,000000 */ .t9_g_0,a.t9_g_0:link,a.t9_g_0:visited {font:normal 12px gulim,'굴림'; text-decoration:none; color:#000} a.t9_g_0:hover,a.t9_g_0:active {font:normal 12px gulim,'굴림'; text-decoration:underline; color:#000} /* 9포인트,굴림,ffffff,-1 */ .t9_g_w_1,a.t9_g_w_1:link,a.t9_g_w_1:visited {font:normal 12px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#fff} a.t9_g_w_1:hover,a.t9_g_w_1:active {font:normal 12px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#fff} /* 9포인트,굴림,555555,-1 */ .t9_g_5_1,a.t9_g_5_1:link,a.t9_g_5_1:visited {font:normal 12px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#555} a.t9_g_5_1:hover,a.t9_g_5_1:active {font:normal 12px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#555} /* 9포인트,굴림,777777,-1 */ .t9_g_7_1,a.t9_g_7_1:link,a.t9_g_7_1:visited {font:normal 12px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#777} a.t9_g_7_1:hover,a.t9_g_7_1:active {font:normal 12px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#777} /* 볼드,9포인트,굴림,333333,-1 */ .b9_g_3_1,a.b9_g_3_1:link,a.b9_g_3_1:visited {font:bold 12px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#333} a.b9_g_3_1:hover,a.b9_g_3_1:active {font:bold 12px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#333} /* 볼드,9포인트,굴림,000000,-1 */ .b9_g_0_1,a.b9_g_0_1:link,a.b9_g_0_1:visited {font:bold 12px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#000} a.b9_g_0_1:hover,a.b9_g_0_1:active {font:bold 12px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#000} /* 볼드,9포인트,굴림,ffffff */ .b9_g_w,a.b9_g_w:link,a.b9_g_w:visited {font:bold 12px gulim,'굴림'; text-decoration:none; color:#fff} a.b9_g_w:hover,a.b9_g_w:active {font:bold 12px gulim,'굴림'; text-decoration:underline; color:#fff} /* 볼드,9포인트,굴림,ffffff,-1 */ .b9_g_w_1,a.b9_g_w_1:link,a.b9_g_w_1:visited {font:bold 12px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#fff} a.b9_g_w_1:hover,a.b9_g_w_1:active {font:bold 12px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#fff} /* 볼드,10포인트,굴림,ffffff */ .b10_g_w,a.b10_g_w:link,a.b10_g_w:visited {font:bold 13px gulim,'굴림'; text-decoration:none; color:#fff} a.b10_g_w:hover,a.b10_g_w:active {font:bold 13px gulim,'굴림'; text-decoration:underline; color:#fff} /* 볼드,10포인트,굴림,222222 */ .b10_g_2,a.b10_g_2:link,a.b10_g_2:visited {font:bold 13px gulim,'굴림'; text-decoration:none; color:#222} a.b10_g_2:hover,a.b10_g_2:active {font:bold 13px gulim,'굴림'; text-decoration:underline; color:#222} /* 볼드,10포인트,굴림,000000 */ .b10_g_0,a.b10_g_0:link,a.b10_g_0:visited {font:bold 13px gulim,'굴림'; text-decoration:none; color:#000} a.b10_g_0:hover,a.b10_g_0:active {font:bold 13px gulim,'굴림'; text-decoration:underline; color:#000} /* 볼드,10포인트,굴림,*,-1 */ .b10_g_a_1,a.b10_g_a_1:link,a.b10_g_a_1:visited {font:bold 13px gulim,'굴림'; text-decoration:none; letter-spacing:-1px} a.b10_g_a_1:hover,a.b10_g_a_1:active {font:bold 13px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px} /* 볼드,15포인트,굴림,333333,-1 */ .b15_3_1,a.b15_3_1:link,a.b15_3_1:visited {font:bold 20px gulim,'굴림'; text-decoration:none; letter-spacing:-1px; color:#333} a.b15_3_1:hover,a.b15_3_1:active {font:bold 20px gulim,'굴림'; text-decoration:underline; letter-spacing:-1px; color:#333} /* 에디트&기타 */ .SelectBar {font:normal 12px gulim,'굴림'; border-top-style:none; background:#dfdfdf} .BtnImg {width:25px; height:25px; font:normal 12px gulim,'굴림'; border-style:none; background:#dfdfdf} .TextMenuBar {font:normal 12px gulim,'굴림'; border-top-style:none; background:#dfdfdf} .input_1 {font:normal 12px dotum,'돋움'; background:#fff; border:1px solid #999} .input {font:normal 12px dotum,'돋움'; background:#fff; border:1px solid #999} .intro {font:normal 12px/19px dotum,'돋움'; color:#666} .scrollbars1 {scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d9d9d9; scrollbar-shadow-color:#d9d9d9; scrollbar-darkshadow-color:#d9d9d9; scrollbar-track-color:#fff; scrollbar-arrow-color:#9d9d9d} .text_b {font:bold 12px/16px dotum,'돋움'; color:#000} .data {font:normal 11px/16px tahoma,dotum,'돋움'; color:#999} .data2 {font:normal 11px/16px tahoma,dotum,'돋움'; color:#999} /* 편집기 css */ .bold {font-weight: bold;} .underline {text-decoration:underline;} .italic {font-style: italic;} .0 {line-height:1.8;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} .full {text-align: justify;} .l_line { border-left: 2px black solid; padding: 0 0 0 5px; } #textinput .bold {font-weight: bold;} #textinput .underline {text-decoration:underline;} #textinput .italic {font-style: italic;} #textinput .0 {line-height:1.8;} #textinput .left {text-align:left !important;} #textinput .center {text-align:center !important;} #textinput .right {text-align:right !important;} #textinput .l_line { border-left: 2px black solid; padding: 0 0 0 5px; } #textinput ul {list-style:disc; padding:12px 0 12px 40px;} #textinput ul li {list-style:disc;} #textinput ol {list-style:decimal; padding:12px 0 12px 40px;} #textinput ol li {list-style:decimal;} #textinput a {font-size:100%; text-decoration:underline; color:#0000ff;} #textinput {font:normal 14px/1.8 gulim; color:#333; /*text-align:justify*/} #textinput table.left {float:left} #textinput table.right {float:right} #textinput table.center {margin:0 auto} /* 추가 2022.03.15(p 태그에 내용 및 공백기호 없을 때 단락구분 안되는 현상) */ #textinput p {min-height:21px;} /* 추가 2018.02.08 */ #textinput img.left,#textinput table.left { float: left; text-align: inherit; } #textinput img.center,#textinput table.center { margin-left: auto; margin-right: auto; text-align: inherit; } #textinput img.center { display: block; } #textinput img.right,#textinput table.right { float: right; text-align: inherit; } /* 본문사진(2017.07.21) */ .body_img_center {clear:both; position:relative; margin:0 auto; text-align:center;} .body_img_left {float:left; margin:3px 15px 5px 0;} .body_img_right {float:right; margin:3px 0 5px 15px;} .body_img_caption {padding-top:10px; font:normal 12px/18px verdana,dotum; letter-spacing:-0.02em; color:#888; text-align:left;} /* page_limit .paging,a.paging:link,a.paging:visited {font:bold 12px gulim,'굴림',sans-serif; text-decoration:none; text-align:center; color:#444; padding-left:2px; padding-right:2px} a.paging:hover,a.paging:active {font:bold 12px gulim,'굴림',sans-serif; text-decoration:none; text-align:center; color:#ff6c00; padding-left:2px; padding-right:2px} */ .paging {clear:both; text-align:center;} .paging a, .page_limit a {display:inline-block; position:relative; min-width:18px; padding:4px 4px 6px; margin:1px; border:1px solid #e0e0e0; font:normal 14px/20px "Malgun Gothic","맑은 고딕",tahoma,verdana,dotum; text-decoration:none; line-height:normal; color:#000; } .paging strong, .page_limit .cur_num {display:inline-block; position:relative; min-width:18px; padding:4px 4px 6px; margin:1px; border:1px solid #0D51A5; background:#0D51A5; font:normal 14px/20px "Malgun Gothic","맑은 고딕",tahoma,verdana,dotum; text-decoration:none; line-height:normal; color:#fff;} .paging a.pre, .paging a.next {border:0} /* 스킨8 동영상메인 */ #box_vodlist_1_w {width:196px; height:309px; overflow:auto; padding:0; border:0} #box_vodnews_1_w {width:180px; .width:212px; height:303px; .height:323px; overflow:auto; padding:10px 15px 10px 17px; border:0} #box_vodlist_6_w {width:189px; height:323px; overflow:auto; padding:0; border:0} #box_vodnews_6_w {width:200px; height:329px; overflow:auto; padding:0; border:0} #box_vodlist_7_w {width:187px; height:318px; overflow:auto; padding:0; border:0} #box_vodlist_8_w {width:169px; height:300px; overflow:auto; padding:0; border:0} /* 전체기사 포토형 (newnews/all_list.php) #all_list {position:relative; text-align:left;} #all_list .title_area {position:relative; border-bottom:2px solid #e0e0e0; margin-bottom:5px; font:bold 18px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.1em; color:#000;} #all_list .title_area .tag {font:normal 26px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.1em; color:#306AD2} #all_list .title_area span.total_data {font:normal 13px/45px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#F74D00;} #all_list .title_area .no {letter-spacing:0;} #all_list .title_area p.page_area {position:absolute; top:22px; right:0; font:normal 11px/14px dotum; letter-spacing:-1px; color:#999;} #all_list .list_area {clear:both; background:url(/img/skin1/dot_line.gif) repeat-x left bottom; overflow:hidden; padding:15px 5px;} #all_list .list_area p.thumb_img {float:left;} #all_list .list_area p.thumb_img img {margin-right:10px;} #all_list dd.sbody {padding:5px 1px 0; font:normal 12px/16px dotum;} #all_list dd.sbody .lname,#all_list dd.sbody .lname a,#all_list dd.sbody .lname a:visited {font:normal 11px/16px dotum; letter-spacing:-1px; color:#999} #all_list dd.wdate {margin-top:3px; font:normal 12px/16px tahoma,dotum; color:#9f9f9f} #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;} /* #all_list .title {position:relative; border-bottom:2px solid #e0e0e0; background:url(/img/skin1/icon_search.gif) no-repeat left 3px; padding:5px 0 5px 16px; margin-bottom:5px;} #all_list .title_area {font:bold 12px/14px dotum; letter-spacing:-1px; color:#000;} #all_list .total_data {font:normal 12px/14px dotum; letter-spacing:-1px; color:#F74D00;} #all_list .no {letter-spacing:0;} #all_list .page_area {position:absolute; top:5px; right:0; .right:25px; 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 {margin-right:10px;} #all_list dd.sbody {padding:5px 1px 0; font:normal 12px/16px dotum;} #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;} */ /* 라이브폴 목록 (poll/poll_list.html) */ #poll_list {position:relative; width:98%; text-align:left;} #poll_list .poll_list_box {position:relative; margin-bottom:20px;} #poll_list .poll_q {position:relative; background:url(/poll/poll_q.gif) no-repeat 2px top; padding:1px 0 0 17px; font:bold 12px/16px dotum; letter-spacing:-1px; color:#333; margin-bottom:5px;} #poll_list .list_box {position:relative; border:1px solid #cbcbcb; padding:13px 0 15px;} #poll_list .list_box p {height:25px; text-align:center; font:normal 12px/16px dotum; letter-spacing:-1px; color:#666;} #poll_list .list_box p span {letter-spacing:0; color:#000080;} #poll_list table {width:96%; border:0; padding:0; border-collapse:collapse;} #poll_list table th {border-top:1px solid #ccc; border-bottom:1px solid #ddd; background:#eee; font:bold 12px/16px dotum; letter-spacing:-1px; padding:6px 0 2px;} #poll_list table td {background:url(/img/kr/dot_line.gif) repeat-x left bottom; font:normal 12px/16px dotum; color:#666; padding:6px 2px 2px; text-align:center;} #poll_list .comment_area {position:relative; text-align:right; padding:10px 7px 0 0;} /* 박스기사 목록형2 - 이미지 사이즈 고정 */ .box3_2_img img {width:70px} /* 메인기사쪽 배너부분 여백문제 */ .center_bn .bn {padding-top:10px; margin-bottom:-7px} /* 단신 상단 여백 */ .center_sn .speed_news {padding-top:10px} /* 카운터 */ .count {font:normal 11px/13px dotum,'돋움'} /* {메인사진} 관련 css - 2014.04.25 추가 */ .img_file_style {padding:1px 3px 3px} .img_file_style img {border:1px solid #ebebeb} /* 메인뉴스-관련기사 - 2014.07.03 추가 */ .r_news_main {background:url(/img/skin1/dot_line.gif) repeat-x left top; padding:10px 0 5px} .r_news_main li {font:normal 12px/20px dotum; height:18px; background:url(/img/skin1/icon_list3.gif) no-repeat left top; padding-left:15px; overflow:hidden} .r_news_main li a {font:normal 12px/20px dotum; color:#555} /* 박스기사-관련기사 - 2014.07.17 추가 */ .r_news_box {background:url(/img/skin1/dot_line.gif) repeat-x left top; padding:10px 0 5px} .r_news_box li {font:normal 12px/20px dotum; height:18px; background:url(/img/box/icon_r_news.gif) no-repeat left 6px; padding-left:8px; overflow:hidden} .r_news_box li a {font:normal 12px/20px dotum; color:#555} /* 카드뉴스 */ .card_news {margin:0 auto; margin-bottom:60px;} .card_news .bx-wrapper {background:#111;} .card_news .bx-wrapper .bx-has-pager .bx-pager, .card_news .bx-wrapper .bx-controls-auto {width:100%; bottom:-25px; left:0; text-align:center;} .card_news .bx-wrapper,.card_news li img {width:580px;} /* 카드뉴스 사진폭 */ /* 기사본문 동영상 크기 - 2017.12.18 추가 */ .movie_data .video_1-dimensions {margin:0 auto;} /*********************************************************************** 게시판 ***********************************************************************/ /* 스킨1-리스트 */ #bbs_skin1_list {position:relative; text-align:left; margin-bottom:20px;} #bbs_skin1_list .top {position:relative; height:18px; .height:28px; padding:5px 0;} #bbs_skin1_list .top li {display:inline; height:18px; padding-right:3px;} #bbs_skin1_list .top p {position:absolute; top:9px; .top:8px; right:0; font:normal 11px/14px dotum; color:#888;} #bbs_skin1_list .top p span {letter-spacing:-1px;} #bbs_skin1_list .list table {width:100%; padding:0; border-top:2px solid #a0a0a0; border-collapse:collapse;} #bbs_skin1_list .list th {background:#f3f3f3; font:bold 14px/16px gulim; letter-spacing:-1px; color:#333; border-right:1px solid #e0e0e0; border-bottom:1px solid #ccc; vertical-align:top; padding:8px 0 4px; .padding:7px 0 5px;} #bbs_skin1_list .list th.count {border-right:0;} #bbs_skin1_list .list td {border-bottom:1px solid #e0e0e0;} #bbs_skin1_list .no {width:40px; font:normal 12px/14px tahoma,gulim; color:#999; text-align:center; border-right:1px solid #e0e0e0;} #bbs_skin1_list .file {width:30px; text-align:center; border-right:1px solid #e0e0e0;} #bbs_skin1_list .subject {text-align:left; font:normal 12px/16px dotum; border-right:1px solid #e0e0e0; padding:8px 3px 3px; .padding:7px 3px 4px;} #bbs_skin1_list .subject2:hover {text-decoration:underline; cursor:pointer} #bbs_skin1_list .subject a {font:normal 12px/16px dotum; text-decoration:none; color:#000;} #bbs_skin1_list .subject a:hover {text-decoration:underline;} #bbs_skin1_list .name {width:90px; font:normal 12px/14px dotum; color:#666; text-align:center; border-right:1px solid #e0e0e0; padding:8px 0 3px; .padding:7px 0 4px;} #bbs_skin1_list .name a {font:normal 12px/14px dotum; text-decoration:none; color:#666;} #bbs_skin1_list .name a:hover {text-decoration:underline;} #bbs_skin1_list .date {width:60px; font:normal 12px/14px tahoma,gulim; color:#999; text-align:center; border-right:1px solid #e0e0e0;} #bbs_skin1_list .count {width:40px; font:normal 12px/14px tahoma,gulim; color:#999; text-align:center;} #bbs_skin1_list .etc_num {font:normal 12px/14px tahoma,gulim; color:#0060d8;} #bbs_skin1_list .page_limit {position:relative; padding:6px 0; text-align:center; background:#f3f3f3; border-bottom:1px solid #ccc;} #bbs_skin1_list .bbs_btn_area {position:relative; padding:10px 0; overflow:hidden;} #bbs_skin1_list .bbs_btn_area .bbs_btn {float:right;} #bbs_skin1_list .search_box {position:relative; width:260px; margin:3px auto;} #bbs_skin1_list .search_box li {float:left; margin-right:5px;} #bbs_skin1_list .search_box li:last-child {margin-right:0} #bbs_skin1_list .search_box select {width:80px; height:30px; border:1px solid #ccc; border-radius:2px; font:normal 13px/28px '맑은 고딕','malgun gothic',dotum; color:#555;} #bbs_skin1_list .search_box input[type="text"] {width:120px; height:30px; border:1px solid #ccc; border-radius:2px; font:normal 13px/28px '맑은 고딕','malgun gothic',dotum; color:#555;} @media screen and (-webkit-min-device-pixel-ratio:0) { #bbs_skin1_list .top p {top:8px;} #bbs_skin1_list .list th {padding:6px 0;} #bbs_skin1_list .subject {padding:6px 3px 5px;} #bbs_skin1_list .name {padding:6px 0 5px;} } /* 스킨-리스트-포토갤러리 */ #bbs_photo_skin1 {position:relative;} #bbs_photo_skin1 .top {position:relative; height:18px; .height:28px; padding:5px 0;} #bbs_photo_skin1 .top li {display:inline; height:18px; padding-right:3px;} #bbs_photo_skin1 .top p {position:absolute; top:9px; .top:8px; right:0; font:normal 11px/14px dotum; color:#888;} #bbs_photo_skin1 .top p span {letter-spacing:-1px;} #bbs_photo_skin1 .list_area {position:relative; width:100%; border-top:1px solid #ccc; padding-top:20px; background:#f6f6f6; overflow:hidden;} #bbs_photo_skin1 .list_area li {float:left; width:25%; .width:24.9%; overflow:hidden; text-align:center;} #bbs_photo_skin1 .list_area dl {position:relative; width:80%; border:1px solid #ccc; background:#fff; margin-bottom:20px;} #bbs_photo_skin1 .list_area dt {position:relative; width:100%; height:100px; overflow:hidden;} #bbs_photo_skin1 .list_area dt img {width:100%; min-height:100px; .height:100px} #bbs_photo_skin1 .list_area .etc_num {position:absolute; bottom:0; left:0; height:18px; padding:0 5px; background:#555; filter:alpha(opacity=70); opacity:0.7; font:normal 12px/18px tahoma,'malgun gothic',dotum; color:#fff; z-index:10;} #bbs_photo_skin1 .list_area dd {height:40px; margin:5px; overflow:hidden;} #bbs_photo_skin1 .list_area dd,#bbs_photo_skin1 .list_area dd a,#bbs_photo_skin1 .list_area dd a:visited {font:normal 13px/19px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#000;} #bbs_photo_skin1 .btn_area {clear:both; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px 0; verflow:hidden; text-align:right;} #bbs_photo_skin1 .page_limit {padding:7px 0; border-bottom:1px solid #ccc; text-align:center;} #bbs_photo_skin1 .search_area {padding:15px 0;overflow:hidden;} #bbs_photo_skin1 .search_area ul {width:290px; overflow:hidden;} #bbs_photo_skin1 .search_area li {float:left; overflow:hidden;} #bbs_photo_skin1 .search_area .li_select_area {.padding-top:1px;} #bbs_photo_skin1 .search_area .li_select_area select {width:70px; height:20px; border:1px solid #ccc; font:normal 12px/20px '맑은 고딕','malgun gothic',dotum; color:#666;} #bbs_photo_skin1 .search_area .li_input_area {padding:0 3px;} #bbs_photo_skin1 .search_area .li_input_area input {width:150px; height:20px; border:1px solid #ccc; font:normal 12px/20px '맑은 고딕','malgun gothic',dotum; color:#666;} #bbs_photo_skin1 .search_area .li_btn_area {padding-top:1px;} /* 스킨1-읽기 */ #bbs_skin1_view {position:relative; text-align:left;} #bbs_skin1_view .title {position:relative; padding:9px 10px 5px; .padding:7px 10px 7px; font:bold 12px/16px dotum; color:#000; text-align:center; background:#f3f3f3; border-top:2px solid #a0a0a0; border-bottom:1px solid #ccc;} #bbs_skin1_view .etc {position:relative; height:20px; .height:29px; padding-top:8px; .padding-top:7px; font:normal 11px/14px dotum; letter-spacing:-1px; color:#c0c0c0; border-bottom:1px solid #e0e0e0;} #bbs_skin1_view .etc span {font:normal 11px/14px dotum; letter-spacing:0; color:#555;} #bbs_skin1_view .etc span a {font:normal 11px/14px dotum; letter-spacing:0; color:#555; text-decoration:none;} #bbs_skin1_view .etc p {position:absolute; top:7px; right:0; font:normal 11px/14px dotum; letter-spacing:-1px; color:#c0c0c0;} #bbs_skin1_view .etc p span {font:normal 11px/14px tahoma,dotum; letter-spacing:0; color:#555;} #bbs_skin1_view .contents {position:relative; margin:15px 0; font:normal 12px/16px dotum; color:#666;} #bbs_skin1_view .contents p.ip {font:normal 11px/14px tahoma,dotum; color:#999;} #bbs_skin1_view .contents .fdawn_img {text-align:center; padding-bottom:20px;} #bbs_skin1_view .contents .fdawn_file {margin-bottom:10px;} #bbs_skin1_view .contents .fdawn_file_box {border:2px solid #ccc; padding:5px 6px 0 5px; text-align:left; font:normal 11px/14px dotum; letter-spacing:-1px; color:#999;} #bbs_skin1_view .comment {position:relative;} #bbs_skin1_view .bt {position:relative; padding:7px 0 20px;} #bbs_skin1_view .bt p {position:absolute; top:7px; right:0;} @media screen and (-webkit-min-device-pixel-ratio:0) { #bbs_skin1_view .title {padding:7px 10px 7px;} } /* 게시글 덧글 */ #comment_box {position:relative; background:#f3f3f3; border:1px solid #d4d4d4; padding:12px;} #comment_list {position:relative;} #comment_list li {background:url(/bbs/icon/dot_line.gif) repeat-x left bottom; margin-bottom:5px;} #comment_list .name_area {position:relative; background:url(/bbs/icon/bbs_add_icon.gif) no-repeat left 2px; .background-position:left 3px; font:bold 12px/16px dotum; color:#333; padding:3px 0 0 16px;} #comment_list .name_area p.date {position:absolute; top:1px; right:50px; .right:62px; font:normal 11px/14px tahoma,gulim; color:#999;} #comment_list .name_area p.bt {position:absolute; top:-4px; right:0; .right:13px;} #comment_list .memo_area {position:relative; font:normal 12px/16px dotum; color:#666; padding:5px 0 10px;} #comment_write {position:relative; padding-top:4px;} #comment_write .memo_area {margin-bottom:5px;} #comment_write .memo_area textarea {width:100%; height:50px; border:1px solid #ccc; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area {position:relative; height:19px;} #comment_write .input_area li {float:left; height:19px; padding-right:3px;} #comment_write .input_area .id {width:80px; height:19px; border:1px solid #ccc; background:url(/bbs/icon/name.gif) no-repeat; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area .id2 {width:80px; height:19px; border:1px solid #ccc; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area .pw {width:80px; height:19px; border:1px solid #ccc; background:url(/bbs/icon/pw.gif) no-repeat; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area .pw2 {width:80px; height:19px; border:1px solid #ccc; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area .nospam {width:62px; height:19px; border:1px solid #ccc; background:url(/bbs/icon/spam.gif) no-repeat; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area .nospam2 {width:62px; height:19px; border:1px solid #ccc; font:normal 12px/16px dotum; color:#000;} #comment_write .input_area li.text {padding:4px 5px 0; font:normal 11px/14px dotum; letter-spacing:-1px; color:#0688ce;} @media screen and (-webkit-min-device-pixel-ratio:0) { #comment_list .name_area {padding:1px 0 0 16px;} #comment_list .name_area p.bt {top:-5px;} } /* 글쓰기 & 답글 & 수정 */ #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 {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[type="text"] {height:26px;} .bbs_write td input[type="file"] {height:26px;} .bbs_write td input[type="checkbox"] {position:relative; top:2px;} .bbs_write td .input {height:26px; 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_delete {position:relative; height:175px; margin:100px 0;} #bbs_delete form {position:absolute; width:300px; top:0; left:50%;} #bbs_pass_box {position:absolute; top:0; left:-150px; width:100%; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0} #bbs_pass_box .bpb_bar {padding:7px 0; font:bold 15px/1.2 '맑은 고딕','malgun gothic',gulim; letter-spacing:-0.05em; color:#000; text-align:center; background:#f3f3f3; border-top:2px solid #a0a0a0; border-bottom:1px solid #ccc;} #bbs_pass_box .bpb_ct {font:normal 13px/1.2 '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#666; text-align:center; margin:10px 0;} #bbs_pass_box .bpb_ct p {margin-bottom:10px;} #bbs_pass_box .bpb_ct p input {height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000; text-align:center;} #bbs_pass_box .bt {margin:10px 0 20px; text-align:center;} @media screen and (-webkit-min-device-pixel-ratio:0) { #bbs_pass_box .bpb_bar {height:23px; padding-top:7px;} } #bbs_view_pass {position:relative; height:175px; margin:50px 0;} #bbs_view_pass form {position:absolute; width:300px; top:0; left:50%;} /* 게시판 버튼 */ a.bbs_btn1 {display:inline-block; height:36px; padding:0 12px; border:1px solid #ccc; border-radius:3px; background:#fff; box-sizing:border-box; font:bold 14px/32px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#333} a.bbs_btn1:hover {text-decoration:none; border:1px solid #999; color:#000} .bbs_btn2 {display:inline-block; height:30px; padding:0 10px; border:0; border-radius:2px; background:#666; box-sizing:border-box; font:bold 13px/28px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#fff; cursor:pointer;} .bbs_btn2:hover {text-decoration:none; background:#444;} .bbs_btn3 {display:inline-block; height:24px; padding:0 10px; border:0; border-radius:2px; background:#666; box-sizing:border-box; font:bold 13px/22px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#fff; cursor:pointer;} .bbs_btn3:hover {text-decoration:none; background:#444;} .bbs_btn_submit {display:inline-block; position:relative; top:1px; height:40px; padding:0 22px; border:0; border-radius:3px; background:#0D51A5; box-sizing:border-box; font:bold 15px/38px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#fff; cursor:pointer;} .bbs_btn_submit:hover {text-decoration:none; background:#033A7D} a.bbs_btn_cancel {display:inline-block; height:40px; padding:0 22px; border:0; border-radius:3px; background:#666; box-sizing:border-box; font:bold 15px/38px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#fff; cursor:pointer;} a.bbs_btn_cancel:hover {text-decoration:none; background:#444;} /* sns 공유 수 */ .fb_c {color: #335f9c; font: normal 11px/16px dotum,'돋움'; text-decoration: none; letter-spacing: -1px; padding: 0px 5px 0px 0px;} .tw_c {color: #26b0f6; font: normal 11px/16px dotum,'돋움'; text-decoration: none; letter-spacing: -1px; padding: 0px 5px 0px 0px;} .sep {color: #cecece; font: normal 11px/16px dotum,'돋움'; text-decoration: none; letter-spacing: -1px; padding: 0px 5px 0px 5px;} #fb_count, .fb_count {color: #999999; font: normal 11px/16px dotum,'돋움'; text-decoration: none; letter-spacing: -1px;} #tw_count, .tw_count {color: #999999; font: normal 11px/16px dotum,'돋움'; text-decoration: none; letter-spacing: -1px;} /* 더보기 */ .news_list_more { clear: both; position: relative; .width: 100%; margin: 0 auto; padding: 10px 0; border: 1px solid #ddd; background: #f0f0f0; font: bold 12px/16px dotum; letter-spacing: -1px; color: #000; text-align: center; } /* news_list2 */ #news_list2_area {position:relative; width:600px;} #news_list2_area .news_list {float:left; width:178px; border:1px solid #d4d4d4; margin:0 8px 16px;} #news_list2_area .news_list dt img {width:178px;} #news_list2_area .news_list dd {padding:0 10px;} #news_list2_area .news_list dd.title {padding:15px 10px 5px; font:bold 12px/16px dotum;} #news_list2_area .news_list dd.title a {font:bold 12px/16px dotum; letter-spacing:-1px; color:#000;} #news_list2_area .news_list dd.body {font:normal 11px/16px dotum;} #news_list2_area .news_list dd.body a {font:normal 11px/16px dotum; letter-spacing:-1px; color:#999;} #news_list2_area .news_list dd.write {padding:5px 10px 10px; font:normal 11px/14px dotum;} #news_list2_area .news_list dd.write a {font:normal 11px/14px dotum; letter-spacing:-1px; color:#3f6bbc;} /* sub_main1.html */ #sub_main1 {position:relative;} #sub_main1 .sub_main1_box {clear:both; position:relative; border-bottom:1px solid #d7d7d7; padding-bottom:10px; margin-bottom:15px; text-align:left; overflow:hidden;} #sub_main1 .sub_main1_box .boxtitle {font:bold 12px/16px gulim; letter-spacing:-1px; color:#1E7AE2; padding:3px 2px 7px;} #sub_main1 .sub_main1_box p {float:left;} #sub_main1 .sub_main1_box p table {float:left; margin-right:10px;} #sub_main1 .sub_main1_box .img_file_style {padding:0 0 10px;} #sub_main1 .sub_main1_box dt,#sub_main1 .sub_main1_box dt a,#sub_main1 .sub_main1_box dt a:visited {font:bold 24px gulim; letter-spacing:-2px; color:#000;} #sub_main1 .sub_main1_box .stitle {padding:3px 3px; font:bold 14px/18px dotum; letter-spacing:-1px; color:#777;} #sub_main1 .sub_main1_box .body {padding:5px 3px 10px;} #sub_main1 .sub_main1_box .body,#sub_main1 .sub_main1_box .body a,#sub_main1 .sub_main1_box .body a:visited {font:normal 12px/16px dotum; color:#888;} #sub_main1 .sub_main1_box .rnews {clear:both;} #sub_main1 .sub_main1_box .r_news_box {width:100%;} #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 12px/20px dotum; letter-spacing:-0.05em; color:#555;} #sub_main1 .sub_main1_box .only_ie- {display:none; .display:block; .clear:both;} /* sub_main2.html */ #sub_main2 {position:relative;} #sub_main2 .sub_main2_box {clear:both; position:relative; border-bottom:1px solid #d7d7d7; padding-bottom:10px; margin-bottom:15px; text-align:left; overflow:hidden;} #sub_main2 .sub_main2_box .boxtitle {font:bold 12px/16px gulim; letter-spacing:-1px; color:#1E7AE2; padding:0 2px 7px;} #sub_main2 .sub_main2_box p {float:left;} #sub_main2 .sub_main2_box p table {float:left; margin-right:10px;} #sub_main2 .sub_main2_box .img_file_style {padding:0 0 10px;} #sub_main2 .sub_main2_box dt,#sub_main2 .sub_main2_box dt a,#sub_main2 .sub_main2_box dt a:visited {font:bold 16px/20px dotum; letter-spacing:-1px; color:#000;} #sub_main2 .sub_main2_box .stitle {padding:3px 0; font:bold 12px/16px dotum; letter-spacing:-1px; color:#777;} #sub_main2 .sub_main2_box .body {padding:5px 0 10px;} #sub_main2 .sub_main2_box .body,#sub_main2 .sub_main2_box .body a,#sub_main2 .sub_main2_box .body a:visited {font:normal 12px/16px dotum; color:#888;} #sub_main2 .sub_main2_box .rnews {clear:both;} #sub_main2 .sub_main2_box .r_news_box {width:100%;} #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 12px/20px dotum; letter-spacing:-0.05em; color:#555;} #sub_main2 .sub_main2_box .only_ie- {display:none; .display:block; .clear:both;} /* 회원가입 */ #join_wrap {position:relative; width:700px; margin:0 auto; background:#fff;} #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%; .width:618px !important; height:130px; border:1px solid #d5d5d5; background:#fff; border-top:0;} #join_wrap .join_agree_iframe2 {width:100%; .width:620px !important; 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;} #join_wrap .join_agree_form dd {padding:5px; margin-left:150px;} #join_wrap .join_agree_form .row_group_dd_txt {height:40px; 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;} #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;} #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;} #join_wrap .join_agree_form .spam_img {display:inline-block; position:absolute; top:0; left:0; height:38px; 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 .login_form {clear:both; position:relative; 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;} @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%;} } @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;} } /* 회원가입, 로그인 로고 배경색 (로고 배경색 있는 상단 스킨 선택시 적용) */ #join_wrap .logo_bg_67 {background:#21337D;} #join_wrap .logo_bg_68 {background:#ea0000;} /* 독자의견 */ #reader_t {clear:both; position:relative;} #reader_t .list_ct {padding:15px 0; border-top:1px solid #eee; overflow:hidden;} #reader_t .list_ct li {.width:100%;} #reader_t .list_ct_etc {position:relative; margin-bottom:4px; font:normal 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.03em;} #reader_t .list_ct_etc .name {display:inline-block; padding-right:10px; font-weight:bold; color:#026EC9;} #reader_t .list_ct_etc .s_msg {font-weight:normal; font-size:11px; letter-spacing:-0.06em; color:#ea0000} #reader_t .list_ct_etc .date {font-size:11px; letter-spacing:0; color:#999;} #reader_t .list_ct_etc .edit {position:absolute; top:0; right:0; font-size:12px; letter-spacing:-1px; color:#ddd;} #reader_t .list_ct_etc .edit a,#reader_t .list_ct_etc .edit a:visited {font:normal 12px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#9f9f9f;} #reader_t .list_ct_etc .edit a:hover {color:#333} #reader_t .list_ct_title {display:none;} #reader_t .list_ct_comment {font:normal 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.03em; color:#555;} /* 레이블 스타일 */ .label_hide {display:none} /* 기사페이지 기사공유 더보기 박스 */ #share_box {position:fixed; width:100%; height:100%; top:0; left:0; z-index:99999} #share_box .bg {display:block; position:absolute; width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity:0.7;} #share_box .share_box_inner {position:absolute; top:50%; left:50%; width:460px; height:350px; margin:-175px 0 0 -230px; background:#fff;} #share_box .share_title {position:relative; height:40px; margin:30px 0 40px; overflow:hidden; font:normal 24px/40px 'malgun gothic','맑은 고딕,dotum'; letter-spacing:-2px; color:#000; text-align:center} #share_box ul {position:relative; width:360px; height:190px; padding:0 50px; overflow:hidden;} #share_box li {float:left; width:90px; margin-bottom:20px} #share_box li span {display:table-cell; width:90px; font:normal 13px/20px 'malgun gothic','맑은 고딕,dotum'; letter-spacing:-0.05em; color:#333; text-align:center; vertical-align:bottom;} #share_box li span:before {content:""; display:block; width:40px; height:40px; margin:0 auto 5px; background:url(/img/read/ico_sns.png) no-repeat} #share_box .twitter:before {background-position:0 0;} #share_box .facebook:before {background-position:-50px 0;} #share_box .kakaotalk:before {background-position:-100px 0;} #share_box .kakaost:before {background-position:0 -50px;} #share_box .naver:before {background-position:-50px -50px;} #share_box .band:before {background-position:-100px -50px;} #share_box .telegram:before {background-position:0 -100px;} #share_box .link:before {background-position:-50px -100px;} #share_box a:hover {text-decoration:none;} #share_box li span:hover {color:#306AD2} /*#share_box .btn_close {display:block; position:absolute; top:5px; right:5px; width:40px; height:40px; background:url(/img/top/ico_close_bk.png) no-repeat center center; font-size:0; text-indent:-9999; cursor:pointer}*/ #share_box .btn_close {position:relative; display:block; width:100%; height:50px; background:#306AD2; font:bold 18px/48px 'malgun gothic','맑은 고딕,dotum'; color:#fff; text-align:center; cursor:pointer; overflow:hidden} /* 기사페이지 좋아요 버튼 */ .btn_like_area {clear:both; position:relative; margin:30px auto; text-align:center;} #btn_like {display:inline-block; position:relative; height:35px; border:1px solid #ddd; border-radius:5px; padding:0 15px; font:bold 14px/33px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333; cursor:pointer;} #btn_like:hover {box-shadow:0 0 10px rgba(0,0,0,0.2); transition:all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1); -webkit-transition:all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1)} .btn_like .like_ico {display:inline-block; position:relative; top:4px; width:20px; height:18px; margin-right:2px; background:url(/img/read/ico_like.png) no-repeat 0 0} .btn_like_on .like_ico {display:inline-block; position:relative; top:4px; width:20px; height:18px; margin-right:2px; background:url(/img/read/ico_like.png) no-repeat 0 -18px} .like_cnt {letter-spacing:0; color:#ED4956} /* 애니메이션 효과 추가 */ @keyframes slide-top { 0% {transform: translateY(30px); -webkit-translateY(30px); opacity: 0;} 100% {transform: translateY(0); -webkit-translateY(0); opacity: 1;} } /* 레이어 팝업창 */ #divpop {box-shadow:0 0 10px rgba(0,0,0,0.2);} #divpop .divpop_cnt {position:relative; background:#fff; overflow:hidden; cursor:pointer} #divpop .divpop_close {position:relative; height:40px; padding-right:80px; background:#444; overflow:hidden; font:normal 14px/38px '맑은 고딕','malgun gothic',dotum; letter-spacing:-1px; color:#fff; text-align:right} #divpop .divpop_close input[type="checkbox"] {position:relative; top:1px; margin-right:5px;} #divpop .divpop_close label {cursor:pointer} #divpop .btn_divpop_close a {display:block; position:absolute; top:5px; right:5px; height:30px; padding:0 15px; background:#ea0000; font:bold 15px/30px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#fff} #divpop .btn_divpop_close a:hover {text-decoration:none; background:#d00000} /* 공지알림창 */ .notice_pop {position:relative; overflow:hidden} .notice_pop_cnt {position:relative; overflow:hidden; cursor:pointer} .notice_pop .notice_pop_close {position:relative; width:100%; height:40px; padding-right:80px; background:#444; overflow:hidden; box-sizing:border-box; font:normal 14px/38px '맑은 고딕','malgun gothic',dotum; letter-spacing:-1px; color:#fff; text-align:right} .notice_pop .notice_pop_close input[type="checkbox"] {position:relative; top:1px; margin-right:5px;} .notice_pop .notice_pop_close label {cursor:pointer} .notice_pop .btn_notice_pop_close a {display:block; position:absolute; top:5px; right:5px; height:30px; padding:0 15px; background:#ea0000; font:bold 15px/30px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#fff} .notice_pop .btn_notice_pop_close a:hover {text-decoration:none; background:#d00000} /* 이미지 렌더링 */ img {image-rendering:-webkit-optimize-contrast !important;} /* 메인기사, 박스기사 메인사진 없는 경우 태그 추가(기본값 안보임 처리) */ .no_img_file {display:none} /* 설문조사 추가 20230616 */ #bbs_skin1_list .poll_search_box {width:171px; margin:0} #bbs_skin1_list .list_poll .date {font-size:14px; color:#666} .list_poll .title {padding:10px; border-right:1px solid #e0e0e0} .poll_list_title, .poll_list_title a, .poll_list_title a:visited {font:normal 14px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#000} .list_poll .count {padding:7px 0;} .btn_poll_ing a {display:inline-block; height:30px; padding:0 10px; border:1px solid #0D51A5; border-radius:3px; background:#fff; box-sizing:border-box; font:bold 14px/27px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#0D51A5} .btn_poll_ing a:hover {background:#0D51A5; text-decoration:none; color:#fff;} .btn_poll_pre a {display:inline-block; height:30px; padding:0 10px; border:1px solid #ccc; border-radius:3px; background:#fff; box-sizing:border-box; font:bold 14px/27px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#888} .btn_poll_pre a:hover {background:#f0f0f0; text-decoration:none;} .btn_poll_end a {display:inline-block; height:30px; padding:0 10px; border:1px solid #888; border-radius:3px; background:#999; box-sizing:border-box; font:bold 14px/27px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.05em; color:#fff} .btn_poll_end a:hover {border:1px solid #666; background:#777; text-decoration:none;} .poll_view {margin-top:20px;} .poll_view .title {text-align:left !important} .poll_cnt {width:100%; margin-bottom:20px;} .poll_cnt th {width:110px; padding:8px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f3f3f3; font:bold 14px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#333} .poll_cnt td {padding:8px; border-bottom:1px solid #e0e0e0; font:normal 14px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#555} .poll_qna {border-top:2px solid #a0a0a0;} .poll_qna dl {padding-bottom:15px; border-bottom:1px solid #ccc;} .poll_qna .poll_q {padding:10px 5px; border-bottom:1px dashed #ccc; margin-bottom:10px; font:bold 15px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#000} .poll_qna .poll_a {padding:2px 16px;} .poll_qna .poll_a label {cursor:pointer} .poll_qna .poll_a input[type="text"] {width:100%; height:30px; margin-top:5px; border:1px solid #ccc; font:normal 14px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#333} .poll_view_result .top_op {position:relative; padding:10px 0; overflow:hidden;} .poll_result {width:100%; border:1px solid #ddd; border-top:1px solid #666; border-bottom:0; border-right:0; padding:0;} .poll_result th {padding:13px 10px; background:#f6f6f6; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #666; font:bold 15px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em; color:#000; } .poll_result .poll_q {background:#f6f6f6; text-align:left;} .poll_result .poll_total {width:80px;} .poll_result .poll_per {width:70px;} .poll_result td {padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font:normal 14px '맑은 고딕','malgun gothic',dotum; letter-spacing:-0.03em;} .poll_result .num {letter-spacing:0; color:#000; text-align:center;} .poll_result .poll_a {width:40%;} .poll_result .poll_graph {width:300px; padding:0; vertical-align:middle} .poll_result .graph_bar {display:block; height:14px; background:#FF8400; font-size:0; text-indent:-9999} .poll_result .poll_chart {padding:20px; /*text-align:center*/} .poll_result .poll_chart .poll_s_list {padding:5px 0; border-bottom:1px dashed #ccc} /* 추가 */ .float-ri {float:right}