@charset "UTF-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,label { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } table caption { display: none; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; } ol,ul,li { list-style:none; } li { line-height:18px; } caption { text-align:left; } q:before,q:after { content:''; } abbr,acronym { border:0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } input.txt { border: 1px solid #969696; height: 16px; line-height: 16px; padding-left:5px; } input.ccc { border: 1px solid #ccc; height: 18px; line-height: 18px; padding-left:5px; } input.fff {height: 18px; line-height: 18px; padding-left:5px; color: #000000; font-weight: bold; } input.no_search {width: 230px; height: 16px; line-height: 16px; padding-left:5px; color: #000000; font-weight: bold; } textarea { border: 1px solid #ccc; padding: 10px 0 0 10px; } /* select{ behavior: url('/com/css/htc/selectBox.htc');} */ body {text-align: left; font-size: small; background-position:50% 0; height:100%; letter-spacing: -0.04em;} /*20100623 body { background-color: #fff; text-align: left; font-size: small; background-image:url('/images/com/header/background.gif'); background-repeat:no-repeat; background-position:50% 0; height:100%; letter-spacing: -0.04em; }*/ /* 2012.3.20 폰트색상 수정 */ body, * { font-size: small; color: #595959; font-family: "돋움", Dotum; line-height:18px; } /*20120320 body, * { font-size: small; color: #767676; font-family: "돋움", Dotum; line-height:18px; } */ a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; color: #8393c8; } a.skip { position: absolute; height: 0; line-height: 0; overflow: hidden; left: -1000em; } img { border: 0; } .b { font-weight: bold; } .btn { color: #8393c8; border: 1px solid; padding: 1px;} .letter_text { letter-spacing: 0.1em; } .input_bor { border: 1px solid #8a8a8b; } .not_dis { display: none; } .in_dis { display: inline; } .point_cursor { cursor:pointer; } .table_mb { margin-bottom: 30px; } .border_visibl { visibility: hidden; } .text_pos_l { text-align: left; } .comment { visibility: hidden; display: none; width: 0; height: 0; } .comment2 { display: block; width: 400px; height: 400px; } #iframe_text { width: 920px; padding-left: 10px; background: url(/images/com/bul/bul_star.gif) no-repeat left 7px; text-align: left; } /* png 투명화 처리 */ /* .png24 {tmp:expression(setPng24(this));} */ /* 프린트 팝업 페이지 css */ #print_pop { width: 676px; height: 575px; text-align: left; margin: 0 auto; } #print_pop #print_top { width: 676px; height:35px; background: url('/images/com/print/bg_print.gif') repeat-x left top;} #print_pop #print_top .print01 { position: absolute; margin: 8px 0 0 26px; } #print_pop #print_body { width: 676px; height: 535px; } #print_pop #print_body h2 { padding-left: 10px; margin: 25px 0 0 25px; background: url('/images/com/print/print_bul.gif') no-repeat left top; font-size: 133.333%; color: #292b34; } #print_pop #print_body .print_frame { width: 676px; text-align: left; } #print_pop #print_body .print_frame .print_layer { position:absolute; margin: 0 0 0 0; width: 100%; height: 456px; } #print_pop #print_body .print_btn { width: 661px; height: 31px; padding:10px 15px 0 0; background: url('/images/com/print/bg_print_bottom.gif') repeat-x left top; text-align: right; } /* 이메일 보안 팝업 페이지 css */ #email_security_pop { position: absolute; left: 0; top: 0; width: 250px; height: 230px; background: url(/images/com/border/bg_security_pop.gif) no-repeat left top; text-align: left; } #email_security_pop h2 { width: 227px; height: 23px; padding: 4px 0 0 23px; color: #feffff; } #email_security_pop .security_content { width: 239px; height: 192px; padding: 11px 0 0 11px; } #email_security_pop .security_content p { color: #e85e5e; } #email_security_pop .security_box { width: 215px; height: 100px; padding: 10px 0 0 15px; margin-bottom: 7px; } #email_security_pop .security_box p { float: left; } #email_security_pop .security_box .security_img { width: 94px; height: 48px; margin: 0 15px 7px 0; border: 1px solid #000; } #email_security_pop .security_box .security_bar { clear: both; width: 196px; height: 5px; padding: 1px; background: url(/images/com/border/security_bar.gif) no-repeat left top; } #email_security_pop .security_box .security_bar .bar_loading { width: 196px; height: 5px; background: url(/images/com/border/bg_security_loading.gif) repeat-x left top; font-size: 0; } #email_security_pop .security_box .security_input { width: 215px; margin-top: 8px; } #email_security_pop .security_box .security_input input { width: 133px; height: 17px; border: 1px solid #ccc; } #email_security_pop .security_box .security_confirm { width: 200px; margin-top:20px; text-align: center; color:#767676; } #email_security_pop .security_box .security_confirm strong { color: #e85e5e } #email_security_pop .security_confirm_btn { width: 215px; margin-top: 30px; text-align: center; } /*****폰트*****/ .red_text_color { color: #fb0000; } .red_text_bol { color: #ff0000; font-weight: bold; } .font_red { font-size: 91.667%; color: #cf4347; font-family: "돋움", Dotum; } .font_blue { font-size: 91.667%; color: #8393c8; font-family: "돋움", Dotum; } .font_666 { font-size: 91.667%; color: #666666; font-family: "돋움", Dotum; } /* 2012.3.30 폰트 색상 수정 */ .font_999 { font-size: 91.667%; color: #767676; font-family: "돋움", Dotum; } /* 20120330 .font_999 { font-size: 91.667%; color: #999999; font-family: "돋움", Dotum; } */ .font_7c { font-size: 91.667%; color: #7c7c7c; font-family: "돋움", Dotum; } /* 2012.3.20 폰트 색상 수정 */ .font_76 { font-size: 91.667%; color: #6b6b6b; font-family: "돋움", Dotum; } .font_64 { font-size: 91.667%; color: #5a679e; font-family: "돋움", Dotum; } /*20120320 .font_76 { font-size: 91.667%; color: #767676; font-family: "돋움", Dotum; } .font_64 { font-size: 91.667%; color: #6472a8; font-family: "돋움", Dotum; } */ .font_55s { font-size: 91.667%; color: #55668b; font-family: "돋움", Dotum; } .font_ee { font-size: 91.667%; color: #ee5656; font-family: "돋움", Dotum; } .font_50 { font-size: 91.667%; color: #508dc7; font-family: "돋움", Dotum; } .font_72 { font-size: 91.667%; color: #7c85a7; font-family: "돋움", Dotum; } .font_75 { font-size: 91.667%; color: #757575; font-family: "돋움", Dotum; } .font_31s { font-size: 91.667%; color: #315595; font-family: "돋움", Dotum; } .font_71 { font-size: 91.667%; color: #717171; font-family: "돋움", Dotum; } /* 2012.4.4 폰트 색상 수정 */ .font_d1s { font-size: 91.667%; color: #cd434c; font-family: "돋움", Dotum; } /* 20120404 .font_d1s { font-size: 91.667%; color: #d14852; font-family: "돋움", Dotum; } */ /* 2012.3.30 폰트 색상 수정 */ .font_77 { font-size: 91.667%; color: #595959; font-family: "돋움", Dotum; } /* 20120330 .font_77 { font-size: 91.667%; color: #777; font-family: "돋움", Dotum; } */ .font_fff { font-size: 91.667%; color: #feffff; font-family: "돋움", Dotum; } /* 2012.3.21 폰트 색상 수정 */ .font_5ds { font-size: 91.667%; color: #4d79a9; font-family: "돋움", Dotum; } /*20120321 .font_5ds { font-size: 91.667%; color: #5d8dc9; font-family: "돋움", Dotum; }*/ .font_53 { font-size: 100%; color: #535353; font-family: "돋움", Dotum; } /* 2012.3.7 color 수정 */ .font_83 { font-size: 100%; color: #5869ac; font-family: "돋움", Dotum; } /*20120307 .font_83 { font-size: 100%; color: #8393c8; font-family: "돋움", Dotum; } */ .font_56 { font-size: 100%; color: #566e9a; font-family: "돋움", Dotum; } .font_55b { font-size: 100%; color: #55668b; font-family: "돋움", Dotum; } .font_48 { font-size: 100%; color: #4861a8; font-family: "돋움", Dotum; } .font_82 { font-size: 100%; color: #82aed8; font-family: "돋움", Dotum; } .font_49 { font-size: 100%; color: #495c92; font-family: "돋움", Dotum; } .font_40 { font-size: 100%; color: #404040; font-family: "돋움", Dotum; } /* 2012.3.30 폰트 색상 수정 */ .font_d1 { font-size: 100%; color: #cd424b; font-family: "돋움", Dotum; } /* 20120330 .font_d1 { font-size: 100%; color: #d14852; font-family: "돋움", Dotum; } */ .font_31 { font-size: 100%; color: #315595; font-family: "돋움", Dotum; } .font_20 { font-size: 100%; color: #203c82; font-family: "돋움", Dotum; } .font_72b { font-size: 100%; color: #7c85a7; font-family: "돋움", Dotum; } /* 2012.3.20 폰트 색상 수정 */ .font_e6 { font-size: 100%; color: #c11913; font-family: "돋움", Dotum; font-weight:bold;} /*20120320 .font_e6 { font-size: 100%; color: #e6533f; font-family: "돋움", Dotum; font-weight:bold;} */ /* 2012.3.20 폰트 색상 수정 */ .font_redb { font-size: 100%; color: #c13135; font-family: "돋움", Dotum; font-weight:bold; } /*20120320 .font_redb { font-size: 100%; color: #cf4347; font-family: "돋움", Dotum; font-weight:bold; } */ .font_4d { font-size: 100%; color: #4d4d4d; font-family: "돋움", Dotum; } .font_38 { font-size: 100%; color: #385693; font-family: "돋움", Dotum; } .font_538 { font-size: 100%; color: #5382bc; font-family: "돋움", Dotum; } .font_49d { font-size: 100%; color: #495d92; font-family: "돋움", Dotum; } .font_000 { font-size: 100%; color: #000000; font-family: "돋움", Dotum; } /* 2012.3.8 폰트 색상 수정 */ .font_52 { font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; } /*20120308 .font_52 { font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; } */ .font_0c { font-size: 100%; color: #0c4da2; font-family: "돋움", Dotum; } .font_2f { font-size: 100%; color: #2f539c; font-family: "돋움", Dotum; } .font_61 { font-size: 100%; color: #6180b7; font-family: "돋움", Dotum; } .font_e8 { font-size: 100%; color: #e8565a; font-family: "돋움", Dotum; } /* 2012.3.23 폰트 색상 수정 */ .font_5d { font-size: 116.667%; color: #4d79a9; font-family: "돋움", Dotum; } /* 20120323 .font_5d { font-size: 116.667%; color: #5d8bb7; font-family: "돋움", Dotum; } */ html,body{ width:100%; height:100%; } #wrapperAll{ width:100%; min-width:840px; position:relative; z-index:10; } /* *html #wrapperAll{ width:expression(document.body.clientWidth > 840 ? this.width = '100%' : '840'); } */ /*****레이아웃 컨테이너 */ #container { position: relative; width: 840px; margin: auto; z-index: 1; } /*헤더*/ #header { position: relative; width: 840px; height: 231px; } #header114 { position: relative; width: 840px; height: 114px; } #header114_cpc { position: relative; width: 865px; height: 114px; } #noscript_header_bg { position: absolute; top:0px;text-align:center;width:840px; z-index:100; } #noscript_header_bg2 { position: absolute; top:0px;text-align:center;width:840px; z-index:100; } #header_bg { position: absolute; top: 0px; left: 0px; width: 870px; height: 270px;z-index:0; } #header_bg114 { position: absolute; top: 0px; left: 0px; width: 870px; height: 114px;z-index:0; } #kcc_ehp_mark { position: absolute; top: 43px; left: 0px; width: 143px; height: 42px } #messageborad_btn { position: absolute; top: 11px; right: 214px; width: 83px; height: 29px } #tnb { position: absolute; top: 20px; right: 9px; width: 212px; height: 10px; } #tnb li { float: left; } #tnb .log { width: 61px; text-align: right; } #tnb_ehp { position: absolute; top: 20px; right: 9px; width: 300px; height: 10px; } #tnb_ehp li { float: right; } #left_bg { position: absolute; top: 0px; left: -604px; width: 604px; height: 330px; background: url('/images/com/header/left_bg.gif') repeat-y; z-index: 1; } #right_bg { position: absolute; top: 0px; left: 840px; width: 604px; height: 330px; background: url('/images/com/header/right_bg.gif') repeat-y; z-index: 1; } /* 하단 메뉴 */ #main_footer_menu {position: absolute; bottom:58px; left:-20px; width: 840px; height: 145px; text-align: left; z-index: 3; } #main_footer_menu #main_footer_back { position: absolute; z-index: 3; } #main_footer_menu #footer_buttons1 { position: absolute; top: -10px; left: 380px; width: 110px; height: 20px; z-index: 3; } #main_footer_menu #footer_buttons2 { display:none; position: absolute; top: -10px; left: 380px; width: 110px; height: 20px; z-index: 3; } #main_footer_menu #fno1 { position: absolute; top: 19px; left: 49px; width: 255px; height: 125px; z-index: 3; } #main_footer_menu #fno1 ul { margin-top: 9px; } #main_footer_menu #fno1 li { line-height: 16px; } #main_footer_menu #fno1 .mr07_pos { margin-right: 7px; float: left; } #main_footer_menu #fno1 .mt03 { margin-top: 3px; } /* ie7 전용 */ *:first-child+html #main_footer_menu #fno2 { position: absolute; top: 23px; left: 340px; width: 145px; height: 125px; z-index: 3; } *:first-child+html #main_footer_menu #fno2 ul { margin: 16px 34px; } *:first-child+html #main_footer_menu #fno2 li { height: 21px; } /* ie7 전용// */ #main_footer_menu #fno2{ position: absolute; top: 23px; left: 340px; width: 145px; height: 125px; z-index: 3; } #main_footer_menu #fno2 ul { margin: 26px 34px 0 34px; } #main_footer_menu #fno2 li { height: 21px; } #main_footer_menu #fno3{ position: absolute; top: 23px; left: 500px; width: 160px; height: 125px; z-index: 3; } /*wise user 플래쉬베너적용*/ /*#main_footer_menu #fno3 ul { margin: 16px 14px; }*/ #main_footer_menu #fno3 li { height: 24px; } #main_footer_menu #fno4{ position: absolute; top: 23px; left: 680px; width: 170px; height: 125px; z-index: 3; } #main_footer_menu #fno4 ul { margin-top:11px; } #main_footer_menu #fno4 li { height: 24px; } #main_footer_menu #fno4 li.mb10 img#go_btn { position: absolute; top: 62px; left: 107px; } #main_footer_menu #fno5 { margin-top:9px; } /* 위원회 웹진 */ #main_footer_menu #fno6 { position: absolute; top: 19px; left: 336px; width: 135px; height: 125px; z-index: 3; } #main_footer_menu #fno6 ul { margin-top: 6px; } #main_footer_menu #fno6 li { line-height: 16px; } #main_footer_menu #fno6 .mr_pos { margin-right: 7px; float: left; } /*미니공감*/ #dbibox a, #dbibox a:hover { font-size:.85em !important; letter-spacing:-.08em !important; } #dbibox{ width:800px; border: 1px solid #d3d3d3 ; background:#e5e5e5 url(/images/main/mini_bg.gif) repeat-y left top ; height:50px; z-index: 3; position: absolute; top: 145px; left: 48px; } #dbibox li { background: url(/images/main/icon_miniR.gif) no-repeat 0px 6px; padding-left:8px; line-height:11px; } #dbibox h3 { float:left; padding:6px 25px ; } #dbi_01, #dbi_02, #dbi_03, #dbi_04, #dbi_05, #dbi_06, #dbi_07, #dbi_08 { float:left; width:145px; padding-top:5px ; padding-right:13px; } #dbi_01, #dbi_05 { padding-left: 30px; } /*푸터*/ #footer { position: relative; width: 960px; height: 315px; margin: auto; margin-top: 50px; overflow:hidden; z-index: 4; top:0px; } #footer .footer_swf { float: left; width:960px; height:120px;top:0px; } #noscript_footer {clear: both; position: relative; width: 840px; height: 76px; margin: auto; padding-top: 25px; border-top: 1px solid #c5c9d5; text-align:left; z-index: 2; } #noscript_footer .footer_logo { float: left; width:116px; height:64px; } #noscript_footer .footer_logo img { margin-top: 25px; } #noscript_footer .copyright { float: left; width:590px; height:64px; } #noscript_footer .copyright .copy_content {float:left; width:440px; height: 13px; } #noscript_footer .copyright .copy_content li { float: left; font-size:0; line-height:0; } #noscript_footer .copyright .copy_company { float:left; } #noscript_footer .copyright .copy_company select {width: 123px; height:17px; vertical-align: top; font-size:91.667%; } #noscript_footer .copyright .copy_etc { margin-top: 4px; } #noscript_footer .footer_mark { font-size: 0; line-height:0; float:right; } #noscript_footer #footer_bg { position: absolute; top: -2px; left: 0px; width: 840px; height: 75px; background: url('/images/com/footer/footer_left_bg.gif') repeat-x; z-index: 10; } #noscript_footer #footer_left_bg { position: absolute; top: -1px; left: -87px; width: 87px; height: 1px; background: url('/images/com/footer/footer_left_bg.gif') repeat-x; z-index: 10; } #noscript_footer #footer_right_bg { position: absolute; top: -1px; left: 840px; width: 87px; height: 1px; background: url('/images/com/footer/footer_right_bg.gif') repeat-x; z-index: 10; } #overlays{ width:100%; position: absolute; z-index:1000; top:0; left:0px; display:none; height:100%; } /* *html #overlays{ width:expression(document.body.clientWidth > 840 ? this.width = '100%' : '840');} */ /* 준비중입니다 이미지 css */ #preparation_img { width: 646px; padding:0 2px; } /*글로벌 네비게이션 바*/ /* 2012.02.27 리뉴얼로 인해 주석처리 */ /* #gnb { position: absolute; top: 50px; right: 0; width: 652px; height: 40px; z-index: 3; text-align: left;} #gnb h2{ display: none; height: 0; } #gnb_main { position: absolute; top: -64px; right: 25px; width: 652px; height: 40px; z-index: 5; text-align: left; } #gnb_main_cpc { position: absolute; top: -64px; right: 0; width: 652px; height: 200px; z-index: 5; text-align: left; } #gnb #gnb_search { display: none; background:#fe0000; width: 299px; height: 24px; border: 0; top: 20px; right:0px; margin-top: 5px;} #gnb_main #Topsearch {position:absolute;margin:8px 0 0 411px;width:232px;height:22px ;background:url(/images/content/search_back01.gif) no-repeat; z-index:100; display:block;} #gnb_main #Topsearch li.input {width:140px; float:left; text-align:right;} #gnb_main #Topsearch li.input p {padding-top:2px;} #gnb_main #Topsearch li.input .queryinput {width:75px; border:1px solid #ffffff; height:15px; font-size: 11px;} #gnb_main #Topsearch li.searchs {width:26px; text-align:right; float:left;} #gnb_main #Topsearch li.searchs p {padding-top:3px;} #gnb_main #Topsearch li.search2 {width:66px; text-align:right; float:left;} #gnb_main #Topsearch2 {position:absolute;margin:8px 0 0 411px;width:232px;height:22px ;background:url(/images/content/search_back01.gif) no-repeat; z-index:100; display:block;} #gnb_main #Topsearch2 li.input {width:140px; float:left; text-align:right;} #gnb_main #Topsearch2 li.input p {padding-top:2px;} #gnb_main #Topsearch2 li.input .queryinput {width:75px; border:1px solid #ffffff; height:15px; font-size: 11px;} #gnb_main #Topsearch2 li.searchs {width:26px; text-align:right; float:left;} #gnb_main #Topsearch2 li.searchs p {padding-top:3px;} #gnb_main #Topsearch2 li.search2 {width:66px; text-align:right; float:left;} #noscript_search { position: absolute; top: -75px; right: 0px; width: 413px; height: 30px; z-index:2; text-align: left; background: url('/images/main/search_bg.gif') no-repeat; } #noscript_search ul { width: 380px; height: 20px; margin: 4px 0 0 70px; } #noscript_search li { height: 20px; float: left; margin-right: 10px; } #noscript_gnb { position: absolute; top: 0px; right: 0px; width: 652px; height: 84px; z-index:2; text-align: left; background: url('/images/main/gnb_bg.png') no-repeat left top; z-index: 101; } .gnb_div { width: 14px; height: 10px; background: url('/images/main/gnb_div.png') no-repeat top left; } #noscript_gnb #box01 { margin-top: 7px; } .bul_gnb { padding-left: 6px; background: url('/images/com/bul/bul_gnb.png') no-repeat left 50%; } #noscript_gnb ul { position: relative; width: 504px; height: 19px; margin-left: 13px; margin-bottom: -1px; } #noscript_gnb li { float: left; } #noscript_gnb .title { width: 90px; } #noscript_gnb #gnb_text { width: 89px; height: 26px; border: 0; padding: 3px 32px 0 5px; margin-top: 5px; background: url(/images/main/gnb_search.gif) no-repeat top right; } #noscript_gnb #gnb_text .top_search_input { width: 85px; height: 15px; border: 1px solid #fff; } #noscript_gnb #gnb_image { border: 0; } #noscript_gnb .gnb_main { width: 520px; float: left; } #noscript_gnb .gnb_main h2 { width: 0; height: 0; font-size: 0; line-height: 0; display: none; } */ /* ie6전용 핵 */ /* *html #noscript_gnb .gnb_main { width: 500px; float: left; } */ #noscript_gnb .box02 { margin-top: 9px; float: left; width: 126px; height: 60px; } #noscript_gnb .box02 #query { width: 126px; margin-top: 5px; } #noscript_gnb .box02 .search_box { position: absolute; top: 29px; right: 12px; display: block; width: 24px; height: 16px; } #noscript_gnb .box02 #a_helper { position: relative; font-size:0; line-height:0; } #noscript_main01_bg { position: absolute; top: 0px; left: 0; width: 890px; height: 476px; z-index: 1; } #noscript_tabmenu { position: absolute; top: 20px; left: 20px; width: 175px; height: 20px; z-index: 2; } #noscript_tabmenu ul li { float: left; } #noscript_text01 { position: absolute; top: 60px; left: 220px; width: 142px; height: 60px; z-index: 2; } #noscript_contents { position: absolute; top: 40px; right: 20px; width: 454px; height: 360px; z-index: 2; } #noscript_contents #no1 {overflow:hidden; position: absolute; top: 0px; left: 0px; width: 217px; text-align: left; height: 130px; background: url('/images/main/no1_bg.png') no-repeat left top; } #noscript_contents #no1 ul { width: 190px; height: 70px; margin: 25px 0 0 15px; overflow: auto; z-index: 10; } #noscript_contents #no1 li { line-height: 12px; } #noscript_contents #no2 { position: absolute; top: 0px; right: 0px; width: 210px; height: 130px; text-align: left; background: url('/images/main/no2_bg.gif') repeat; z-index: 2; } #noscript_contents #no2 ul { margin: 12px 0 0 10px; } #noscript_contents #no2 li { line-height: 12px; margin-bottom: 2px;} #noscript_contents #no2 a:hover { text-decoration: none; color: #cc0000; } #noscript_contents #no3 { position: absolute; top: 160px; left: 0; width: 213px; height: 100px; text-align: left; z-index: 2; } #noscript_contents #no3 ul {width: 213px; height: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 8px; } #noscript_contents #no3 li { float: left; padding-top: 3px; } #noscript_contents #no3 dl { width: 213px; margin-left: 3px; } #noscript_contents #no3 dd { width: 213px; } #noscript_contents #no8 { position: absolute; top: 160px; left: 0; width: 450px; height: 100px; text-align: left; z-index: 2; } #noscript_contents #no8 ul {width: 450px; height: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 8px; } #noscript_contents #no8 li { float: left; padding-top: 3px; } #noscript_contents #no8 dl { width: 445px; margin-left: 3px; } #noscript_contents #no8 dd { width: 445px; } #noscript_contents #no4 { position: absolute; top: 160px; right: 0px; width: 210px; height: 100px; text-align: left; z-index: 2; } #noscript_contents #no4 ul {width: 210px; height: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 8px; } #noscript_contents #no4 dl { margin-left: 3px; } #noscript_contents #no4 dd { width: 210px; } #noscript_contents #no5 { overflow: hidden; position: absolute; top: 280px; right: 0px; width: 451px; height: 50px; text-align: left; z-index: 2; } #noscript_contents #no5 ul { width: 451px; height: 30px; overflow: auto; z-index: 10; } #noscript_contents #no5 li { float: left; margin-right: 15px; margin-bottom: 5px; } #noscript_contents #no5 .main_mr0 { margin-right: 0; } #noscript_contents #no5 .main_mr33 { margin-right: 33px; } #noscript_contents #no6 { position: absolute; top: 335px; right: 0px; width: 451px; height: 20px; text-align: right; z-index: 2; } #noscript_contents #no7 { position: absolute; top: 160px; right: 0px; width: 210px; height: 100px; text-align: left; background: url('/images/main/no7_bg.gif') no-repeat; z-index: 2; } #noscript_contents #no7 ul { margin: 5px 0 0 85px; } /*위원회소개 메인*/ #cmi_main { position: absolute; top: 30px; right: 20px; width: 840px; height: 350px; z-index: 3; } #cmi_main #cmi_title { position: absolute; top: 47px; left: 251px; } #cmi_main #no1 { position: absolute; top: 3px; left: 610px; width: 248px; height: 117px; text-align: left; z-index: 2; } #cmi_main #no1 .no1_box { position: absolute; margin: 0 0 0 5px; width: 230px; height: 90px; margin-bottom: 8px; z-index: 2; } #cmi_main #no1 .no1_box .no1_box_photo { position: absolute; margin: 5px 0 0 0; z-index: 2; } #cmi_main #no1 .no1_box .no1_box_text { position: absolute; margin: 5px 0 0 100px; width:130px; height: 65px; z-index: 2; text-align: left; color: #767676; } #cmi_main #no1 .no1_box .no1_box_date { position: absolute; margin: 70px 0 0 100px; width:130px; height: 15px; z-index: 2; text-align: left; color: #999; } #cmi_main #no2 { position: absolute; top: 152px; left: 490px; width: 105px; height: 100px; text-align: left; z-index: 2; } #cmi_main #no2 .no2_txt { position: absolute; margin:12px 0 0 12px; } #cmi_main .no2_btn { position: absolute; margin:78px 0 0 11px; } #cmi_main #no3 { position: absolute; top: 152px; left: 602px; width: 185px; height: 100px; text-align: left; z-index: 2; } #cmi_main #no3 .no3_txt { position: absolute; margin:12px 0 0 12px; } #cmi_main #no3 .no3_btn { position: absolute; margin:65px 0 0 12px; } #cmi_main #no4 { position: absolute; top: 268px; left: 610px; width: 358px; height: 40px; text-align: left; z-index: 2; } #cmi_main #no4 .no4_btn01 { position: absolute; margin: 0 0 0 0; width: 238px; height: 37px; } #cmi_iframe01 { width: 236px; padding-left: 8px; background: url(/images/main/cmi/bg_iframe.gif) repeat-x left top; text-align: left; letter-spacing: -0.01em; }/**/ .body_bg_no { background: none; } #cmi_iframe02 {width: 236px; padding-left: 8px; background: url(/images/main/cmi/bg_iframe.gif) repeat-x left top; text-align: left; letter-spacing: -0.01em; } .iframe_photo { float: left; width: 108px; margin-right: 10px; } .iframe_txt { float: left; } .iframe_txt01 { height: 56px; } /*국민참여 메인*/ #ppp_main { position: absolute; top: 30px; left: 20px; width: 840px; height: 360px; z-index: 1; } #ppp_main #no_title { position: absolute; top: 3px; left: 250px; width: 190px; height: 50px; text-align: left; z-index: 2;} #ppp_main #no1 { position: absolute; top: 0px; left: 0px; width: 240px; height: 129px; text-align: left; z-index: 2; } #ppp_main #no1 .no1_box { width: 210px; height: 27px;} #ppp_main #no1 .mt02 { margin-top: 2px; } #ppp_main #no1 .no1_tit { float: left; } #ppp_main #no1 .no1_more { float: right; } #ppp_main #no1 .no1_list { width: 210px; height: 102px; } #ppp_main #no1 .no1_list li { background: url(/images/main/cpc/no10_bul.gif) no-repeat left 7px; padding: 0 0 0 5px; } #ppp_main #no1 .no1_list li a:hover { color:#485d8f; text-decoration: none; } #ppp_main #no1 .no1_list span { color:#485d8f; } #ppp_main #no1 .no1_list .no1_new { float: left; } #ppp_main #no1 .no1_list .no1_new_ico { float: right; padding:3px 0 0 0; } #ppp_main #no2 { position: absolute; top: 128px; left: 0px; width: 210px; height: 100px; text-align: left; z-index: 2; } #ppp_main #no2 .no2_ppp_tit { position: absolute; margin: 15px 0 0 15px; } #ppp_main #no2 .no2_ppp_txt { position: absolute; margin: 41px 0 0 15px; } #ppp_main #no2 .no2_ppp_btn { position: absolute; margin: 72px 0 0 15px; } #ppp_main #no3 { position: absolute; left: 618px; top: 0; width: 107px; height: 92px; text-align: left; z-index: 100000; } #ppp_main #no3 .no3_txt { position: absolute; margin: 15px 0 0 12px; } #ppp_main #no4 { position: absolute; top:40px; right: 0; width: 107px; height: 92px; text-align: left; z-index: 2; } #ppp_main #no4 .no4_txt { position: absolute; margin: 15px 0 0 12px; } #ppp_main #no5 { position: absolute; top: 114px; right: 125px; width: 107px; height: 92px; text-align: left; z-index: 2; } #ppp_main #no5 .no5_txt { position: absolute; margin: 15px 0 0 12px; } #ppp_main #no6 { position: absolute; top: 160px; right: 0px; width: 107px; height: 92px; text-align: left; z-index: 2; } #ppp_main #no6 .no6_txt { position: absolute; margin: 15px 0 0 12px; } #ppp_main .ppp_box {overflow:hidden; width:107px; height: 92px; background:url('/images/main/ppp/ppp_bg_box.png') transparent no-repeat left top; /*_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/ppp/ppp_bg_box.png',sizingMethod='crop');*/} #ppp_main .ppp_box:hover {overflow:hidden; width:107px; height: 92px; background:url('/images/main/ppp/ppp_bg_box_on.png') transparent no-repeat left top; /*_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/ppp/ppp_bg_box_on.png',sizingMethod='crop'); */} /*통합민원 메인*/ #cpc_main { position: absolute; top: 30px; left: 0; width: 840px; height: 550px; z-index: 1; } #cpc_main #no1 { position: absolute; top: 6px; left: 10px; width: 313px; height: 60px; text-align: left; z-index: 2; display: none; } #cpc_main #no2 { position: absolute; top: 90px; left: 10px; width: 270px; height: 160px; text-align: left; z-index: 2; } #cpc_main #no2 .one { position: absolute; top: 13px; left: 13px; width: 186px; height: 41px; text-align: left; z-index: 2; } #cpc_main #no2 ul { position: absolute; top: 88px; left: 145px; width: 110px; height: 60px; text-align: left; z-index: 2; } #cpc_main #no2 li { height: 19px } #cpc_main #no3 { position: absolute; top: 160px; left: 295px; width: 300px; height: 90px; text-align: left; z-index: 2; } #cpc_main #no3 ul { margin-top: 18px; width: 300px; height: 60px; } #cpc_main #no3 li { width: 90px; margin-right: 15px; float: left; text-align: center; } #cpc_main #no4 { position: absolute; top: 43px; right: 0px; width: 210px; height: 100px; text-align: left; z-index: 2; } #cpc_main #no4 ul { margin: 14px 0 0 12px; } #cpc_main #no4 li { height: 20px; } #cpc_main #no5 { position: absolute; top: 166px; right: 0px; width: 210px; height: 85px; text-align: left; z-index: 2; } #cpc_main #no5 ul { margin: 3px 0 0 12px; } #cpc_main #no5 li { float: left; } #cpc_main #no5 .one {margin-left: 12px; } #cpc_main #no6 { position: absolute; top: 300px; left: 0px; width: 210px; height: 210px; text-align: left; z-index: 2; background: url(/images/main/cpc/bg_cpc_no6.gif) no-repeat left top; } #cpc_main #no6 .no6_content01 { position: absolute; margin: 0 0 0 0; } #cpc_main #no6 .no6_content02 { position: absolute; margin: 21px 0 0 0; } #cpc_main #no6 .no6_content03 { position: absolute; margin: 56px 0 0 0; } #cpc_main #no6 .no6_content04 { position: absolute; margin: 95px 0 0 70px; } #cpc_main #no6 .no6_content05 { position: absolute; margin: 120px 0 0 70px; } #cpc_main #no6 .no6_content06 { position: absolute; margin: 138px 0 0 70px; } #cpc_main #no6 .no6_content07 { position: absolute; margin: 171px 0 0 70px; } #cpc_main #no7 { position: absolute; top: 300px; left: 250px; width: 340px; height: 92px; text-align: left; z-index: 2; background: url(/images/main/cpc/bg_cpc_no7.gif) no-repeat left bottom; } #cpc_main #no7 .no7_content01 { position: absolute; margin: 0 0 0 0; } #cpc_main #no7 .no7_content02 { position: absolute; margin: 31px 0 0 0; } #cpc_main #no7 .no7_content02 .input_box { width: 233px; height: 17px; margin:0 9px 0 15px; border:1px solid #ccc; } #cpc_main #no7 .no7_content03 { position: absolute; margin: 69px 0 0 15px; } #cpc_main #no7 .no7_content03 a { word-spacing: -0.1em; } #cpc_main #no8 { position: absolute; top: 300px; right: 0; width: 210px; height: 60px; text-align: left; z-index: 2; background: url(/images/main/cpc/bg_cpc_no8.gif) no-repeat left bottom; } #cpc_main #no8 .no8_content01 { position: absolute; margin: 0; } #cpc_main #no8 .no8_content02 { position: absolute; margin:31px 0 0 0; } #cpc_main #no8 .no8_content02 .input_box { width: 150px; height: 17px; margin:-1px 2px 0 12px; border:1px solid #ccc;} #cpc_main #no9 { position: absolute; top: 402px; left: 250px; width: 340px; height: 106px; text-align: left; z-index: 2; } #cpc_main #no9 .no9_faq_tab { height: 25px; } #cpc_main #no9 .no9_list { width: 330px; margin: 10px 0 0 10px; } #cpc_main #no9 .no9_list li { width: 314px; background: url(/images/main/cpc/no9_bul01.gif) no-repeat left 2px; padding-left:16px; } #cpc_main #no10 { position: absolute; top: 380px; right: 0px; width: 210px; height: 130px; text-align: left; z-index: 2; } #cpc_main #no10 .no10_box { width: 100%; height: 19px; border-bottom: 1px solid #cacaca; } #cpc_main #no10 .no10_tit { float: left; } #cpc_main #no10 .no10_more { float: right; } #cpc_main #no10 .no10_list { width: 206px; height: 102px; padding:8px 0 0 4px; } #cpc_main #no10 .no10_list li { background: url(/images/main/cpc/no10_bul.gif) no-repeat left 9px; padding: 1px 0 0 5px; } #cpc_main #no10 .no10_list li a:hover { color:#485d8f; text-decoration: none; } #cpc_main #no10 .no10_list .no10_new { float: left; } #cpc_main #no10 .no10_list .no10_new_ico { float: right; padding:3px 0 0 0; } /*정책 정보센터 메인*/ #ifc_main { position: absolute; top: 30px; left: 20px; width: 840px; height: 410px; z-index: 1; } #ifc_main #no_title { position:absolute; top:23px ; left: 541px; width: 279px; height: 51px; z-index: 2; } #ifc_main #no1 { position: absolute; top: 0px; left: 11px; width: 210px; height: 100px; text-align: left; z-index: 2; } #ifc_main #no1 .no1_tit { position: absolute; margin: 0 0 0 11px; } #ifc_main #no1 .no1_slogan { position: absolute; margin: 75px 0 0 116px; } #ifc_main #no1 .no1_txt01 { position: absolute; margin: 24px 0 0 20px; } #ifc_main #no1 .no1_txt02 { position: absolute; margin: 43px 0 0 66px; } #ifc_main #no1 .no1_txt03 { position: absolute; margin: 60px 0 0 66px; } #ifc_main #no1 .no1_txt04 { position: absolute; margin: 78px 0 0 31px; } #ifc_main #no1 .no1_btn { position: absolute; margin: 29px 0 0 171px; } #ifc_main #no2 { position: absolute; top: 136px; left: 11px; width: 210px; height: 85px; text-align: left; z-index: 2; } #ifc_main #no2 .no2_box { width: 100%; height: 19px; border-bottom: 1px solid #cacaca; } #ifc_main #no2 .no2_tit { float: left; } #ifc_main #no2 .no2_more { float: right; } #ifc_main #no2 .no2_list { width: 206px; height: 102px; padding:8px 0 0 4px; } #ifc_main #no2 .no2_list li { background: url(/images/main/cpc/no10_bul.gif) no-repeat left 9px; padding: 0 0 0 5px; } #ifc_main #no2 .no2_list li a:hover { color:#485d8f; text-decoration: none; } #ifc_main #no2 .no2_list .no2_new { float: left; } #ifc_main #no2 .no2_list .no2_new_ico { float: right; padding:3px 0 0 0; } #ifc_main #no2 .no2_list span { color: #485d8f; } #ifc_main #no3 { position: absolute; top: 241px; left: 11px; width: 210px; height: 78px; text-align: left; z-index: 2; } #ifc_main #no3 .no3_box { position: absolute; margin: 0 0 0 0; width: 100%; height: 20px; } #ifc_main #no3 .no3_tit { float: left; } #ifc_main #no3 .no3_more { float: right; } #ifc_main #no3 .no3_txt { position: absolute; margin: 22px 0 0 8px; background: url(/images/main/cpc/no10_bul.gif) no-repeat left 9px; padding: 0 0 0 5px; } #ifc_main #no3 .no3_text01 { position: absolute; margin: 61px 0 0 41px; } #ifc_main #no3 .no3_text02 { position: absolute; margin: 61px 0 0 164px; } #ifc_main #no4 { position: absolute; top: 241px; left: 250px; width: 210px; height: 78px; text-align: left; z-index: 2; } #ifc_main #no4 .no4_tit { position:absolute; margin: 0 0 0 0; } #ifc_main #no4 .no4_txt01 { position:absolute; margin: 25px 0 0 10px; width:200px; height: 50px; } #noscript_contents .bullet { background: url(/images/main/bullet.gif) no-repeat 0 6px; padding-left: 10px; } #noscript_contents .ns01 { background: url(/images/com/number/n01.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns02 { background: url(/images/com/number/n02.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns03 { background: url(/images/com/number/n03.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns04 { background: url(/images/com/number/n04.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns05 { background: url(/images/com/number/n05.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns06 { background: url(/images/com/number/n06.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns07 { background: url(/images/com/number/n07.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns08 { background: url(/images/com/number/n08.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns09 { background: url(/images/com/number/n09.gif) no-repeat 0 -1px; padding-left: 19px; } #noscript_contents .ns10 { background: url(/images/com/number/n10.gif) no-repeat 0 -1px; padding-left: 19px; } #menu_title { position: absolute; right: 0px; bottom: 0px; width: 650px; height: 45px; text-align: left; } #menu_title .noscript { width: 300px; height: 25px; font-size: 150%; color: #292b34; font-family: "돋움", Dotum; font-weight: bold; background: url(/images/com/bullet/menu_title.gif) no-repeat 0 0; padding: 2px 0 0 15px; } #menu_location { width:620px; margin-left: 14px; height: 12px; z-index: 1001; } #menu_location a:hover { text-decoration: underline; color: #000000; } /*사이드 네비게이션 바*/ #snb { position: absolute; top: 186px; left: 0px; width: 190px; text-align: left; } #snb ul { width: 160px; margin-top: 20px; } #snb #snb_top { width: 150px; height: 25px; padding: 20px 0 0 10px; background: url('/images/main/snb_top.gif') no-repeat; } #snb #snb_middle { width: 160px; background: url('/images/main/snb_middle.gif') repeat; letter-spacing: -0.1em; } #snb #snb_middle li { padding: 3px 0 3px 0; } #snb #snb_middle .m { position: relative; margin: 0 0 0 12px; width: 140px; } #snb #snb_middle .s { position: relative; margin: 0 0 0 -5px; width: 140px; } #snb #snb_bottom { width: 160px; height: 98px; background: url('/images/main/snb_bottom.gif') no-repeat; } #snb .bullet_b { padding-top: 15px; background: url('/images/com/bullet/bullet_big.gif') no-repeat 0 15px; padding-left: 19px; font-size: 116.667%; color: #3653a0; font-family: "돋움", Dotum; font-weight: bold; } /* 2012.3.19 폰트 색상 수정 */ #snb .bullet_m { background: url('/images/com/bullet/bullet_middle.gif') no-repeat 0 0px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } /* 20120319 #snb .bullet_m { background: url('/images/com/bullet/bullet_middle.gif') no-repeat 0 0px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } */ #snb .bullet_s { background: url('/images/com/bullet/bullet_small.gif') no-repeat 0 4px; padding-left: 10px; margin-left: 18px; } #snb .tit_w130 { background: url('/images/com/bullet/bullet_small.gif') no-repeat 0 4px; padding-left: 10px; margin-left: 18px; } /*인쇄, 컨텐츠 담기, 퀵메뉴*/ /* 2012.3.5 menu_btn top 픽셀변경 */ #menu_btn { position:absolute; top:63px; right:10px; width: 280px;} /* #menu_btn { position:absolute; top:250px; right:10px; width: 280px;} */ #menu_btn ul { position: absolute; top: 20px; right: 0px; } #menu_btn li { margin-left: 19px; float: left; } #menu_btn2 { position: relative; width: 650px; margin-left: 190px; height: 55px; } #menu_btn2 ul { position: absolute; top: 20px; right: 0px; } #menu_btn2 li { margin-left: 19px; float: left; } #flashLayer { position: absolute; top: -473px; left: 40px; width: 840px; height: 493px; z-index:1000; } #flashLayer #noscript_header_bg { position: absolute; top: 473px; left: 0px; width: 840px; height: 20px; z-index:1000; } /* 퀵메뉴 css */ #quick_menu { width:97px; position:absolute; right:0; top:250px; overflow:hidden; z-index:500; } /*090301 수정*/ #quick_menu #title { float: right; width: 82px; height: 14px; display:block; } #quick_menu #title img { vertical-align:middle; width:82px;} #quick_menu #title2 { float: right; width: 19px; height: 100px;display:none; } #quick_menu #border { position: relative; float:right; width: 82px; height: 240px; background: url('/images/com/border/quick_menu_border.gif') no-repeat left bottom; text-align:left;display:block;} #quick_menu #border .border_menu01 { position: absolute; margin: 4px 0 0 7px; } #quick_menu #border .border_menu02 { position: absolute; margin: 22px 0 0 7px; } #quick_menu #border .border_menu03 { position: absolute; margin: 39px 0 0 7px; } #quick_menu #border .border_menu04 { position: absolute; margin: 56px 0 0 7px; } #quick_menu #border .border_menu05 { position: absolute; margin: 87px 0 0 7px; } #quick_menu #border .border_menu06 { position: absolute; margin: 104px 0 0 7px; } #quick_menu #border .border_menu07 { position: absolute; margin: 121px 0 0 7px; } #quick_menu #border .border_menu08 { position: absolute; margin: 138px 0 0 7px; } #quick_menu #border #zoom01 { position: absolute; top: 193px; left: 6px; width: 74px; } #quick_menu #border #zoom01 li { float: left; } /*페이지 최소높이 유지*/ #column { position: relative; width: 190px; height: 350px; float: left; } /*컨텐츠*/ #content { position: relative; width: 525px; height: 250px; margin-left: 0px; margin-bottom: 0px; z-index: 1; } #contents { position: relative; width: 650px; margin-left: 190px; margin-bottom: 0px; z-index: 1; } /* height:143px에서 90px로만 수정 m.kcc.go.kr */ #menu_desc { position: relative; width: 650px; height: 90px; margin-bottom: 20px; } /*#menu_desc { position: relative; width: 650px; height: 143px; margin-bottom: 20px; }*/ #menu_desc_btn { width: 900px; height: 38px; text-align: right; } #menu_desc01 { position: relative; width: 900px; margin-bottom: 25px; text-align: left; color: #999999; } /*메인컨텐츠*/ #contents_main { position: relative; width: 840px; height: 607px; z-index: 1; } #contents_cpc { position: relative; width: 840px; height: 700px; z-index: 1; } #contents_ehp { position: relative; width: 840px; height: 380px; z-index: 1; } #contents_mainflash { position: absolute; top: 0px; left: -25px; width: 890px; height: 411px; z-index: 1; } /*****세부설정*****/ /*보더*/ #border01 { position: relative; width: 650px; height: 52px; margin-bottom: 16px; background: url('/images/com/border/border01.gif') repeat; } #border01 ul { position: absolute; top: 15px; left: 105px; } #border01 .bor_mr10 { margin-right: 10px;} #border01 .border { position: absolute; top: 2px; left: 20px; } #border01 .mar_top03 { margin-top: 3px; } #border01 .mar_right05 { margin-right: 5px; } #border01 .mar_right10 { margin-right: 10px; } #border01 .ml5_r240 { margin: 0 5px 0 240px;} #border01 .ml5_r420 { margin: 0 5px 0 420px;} #border01 .border01 { position: absolute; top: 2px; left: 230px; } #border01 .border02 { position: absolute; top: 2px; left: 402px; } #border01 li { float: left; margin-right: 18px; } #border01 .m_right10 { margin-right: 10px; } #border01 .wid330 { width: 330px; } #border02 { position: relative; width: 650px; height: 134px; margin-top: 50px; background: url('/images/com/border/border02.gif') no-repeat; } #border02 #question_text01 { position: absolute; top: 19px; left: 19px; width: 115px; height: 12px; } #border02 #question_text02 { position: absolute; top: 48px; left: 19px; width: 400px; height: 12px; text-align: left; } #border02 #question_text03 ul { position: absolute; top: 65px; left: 15px; } #border02 #question_text03 li { float: left; width: 102px; text-align: left; } #border02 #question_text04 { position: absolute; top: 104px; left: 11px; width: 500px; } #border03 { position: relative; width: 650px; height: 60px; margin-bottom: 10px; text-align: left; background: url('/images/com/border/border03.gif') repeat; } #border03 ul { position: relative; width: 635px; height: 28px; margin-top: 2px; margin-left: 15px; } #border03 li { float: left; padding: 5px 18px 0 0; } #border03 #w100 { width: 100px; } #border03 #w8 { width: 80px; } #border03 .mar_top03 { margin-top: 3px; } #border03 .w468px { width: 468px; } .border_list_pos { position: absolute; display: none; z-index: 30; } .border_list_pos01 { position: absolute; display: none; } #list_btn_box .cursor_point { cursor: pointer; } #border04nbsp { position: relative; width: 50px; height: 49px; margin: 10px 0 10px 0; } #border04nbsp #border04 { position: absolute; top: 0; left: 0; width: 550px; height: 49px; background: url('/images/com/border/border04.gif') repeat; } #border04 ul { margin: 6px 0 0 20px; } /* 2012.3.20 높이 수정 */ #border05 { position: relative; width: 900px; height: 200px; background: #f0f1f7; margin-bottom: 30px; } /* 20120320 #border05 { position: relative; width: 650px; height: 180px; background: #f0f1f7; margin-bottom: 30px; } */ #border05 ul { position: relative; width: 875px; height: 25px; } #border05 ul li { float: left; text-align: left; margin-right: 5px; } .w610_h165_mb0 { width: 860px; height: 165px; margin-bottom: 0px; } #pos_ab_t10_l10 { position: absolute; top: 10px; left: 10px; } #pos_ab_t10_l10_02 { position: absolute; top: 10px; left: 10px; } .hei67px { height: 67px; } .hei67px .wi40 { width: 40px; } .tarea_w380_h53 { width: 380px; height: 53px; } .tarea_w380_h60 { width: 380px; height: 60px; } .pos_ab_t80_l10 { position: absolute; top: 80px; left: 10px; } .pos_ab_t80_l10 .wi40px { width: 40px; } .pos_ab_t120_l470 { position: absolute; top: 120px; left: 470px; } .w610_h190_m { width: 610px; height: 190px; margin: 0 0 0 20px; } .pos_absol_t20_l15 { position: absolute; top: 20px; left: 15px; } .pos_absol_t20_l15 .wdh50 { width: 50px; } .pos_absol_t20_l15 .w420_h65 { width: 420px; height: 65px; } #border05 #border05_box { position: absolute; top: 20px; left: 25px; } #border05 #border05_box .wid50px { width: 50px; } #border05 #border05_box .wid420px { width: 420px; } #border05 #border05_box .wid630px { width: 630px; } #border05 #border05_box .hei77 { height: 77px; } #border05 #border05_box .hei77 textarea { width: 420px; height: 60px; } /* 2012.3.20 스타일 전반적으로 수정 */ #border05 #border05_box #bor05_box_btn { position: relative; width: 250px; height: 22px; margin: 0 auto; } #bor05_box_btn li { margin: 0 0 0 5px; } /* 20120320 #border05 #border05_box #bor05_box_btn { position: absolute; top: 125px; right: 5px; width: 115px; height: 22px; } */ /* 2012.3.23 사이즈 및 마진값 수정 */ #border05_02 { position: relative; width: 900px; height: 190px; background: #f0f1f7; margin: 10px 0 0 0; } /* 20120323 #border05_02 { position: relative; width: 610px; height: 190px; background: #f0f1f7; margin: 0 0 0 20px; } */ #border05_02 ul { position: relative; width: 875px; height: 25px; } #border05_02 ul li { float: left; text-align: left; margin-right: 5px; } /* 2012.3.23 위치 수정 */ #border05_02 #border05_box01 { position: absolute; top: 10px; left: 15px; } #border05_02 #border05_box02 { position: absolute; top: 70px; left: 15px; } #border05_02 #border05_box01 .wid50px { width: 50px; } #border05_02 #border05_box01 .wid420px { width: 420px; } #border05_02 #border05_box01 .wid630px { width: 630px; } #border05_02 #border05_box01 .hei77 { height: 77px; } /* 20120323 #border05_02 #border05_box01 { position: absolute; top: 20px; left: 15px; } #border05_02 #border05_box02 { position: absolute; top: 45px; left: 15px; } */ #border05_02 #border05_box02 .h67 { height: 67px; } #border05_02 .wid50px { width: 50px; } #border05_02 .wid420px { width: 420px; } #border05_02 .hei77 { height: 77px; } #border05_02 .hei77 textarea { width: 420px; height: 60px; } #border05_02 #bor05_box_btn { position: absolute; top: 125px; right: 5px; width: 115px; height: 22px; } #border05_02 .wid415_h58 { width: 415px; height: 58px; } #border05_02 .wid625_h58 { width: 625px; height: 58px; } /* 2012.3.23 위치 수정 */ #border05_02 #border05_reply { position: absolute; top: 145px; left: 15px; } /* 20120323 #border05_02 #border05_reply { position: absolute; top: 120px; left: 15px; } */ #border05_02 #border05_reply .wid50 { width: 50px; } /* 2012.3.23 위치 수정 */ #border05_02 #border05_reply01 { position: absolute; top: 165px; left: 535px; } /* 20120323 #border05_02 #border05_reply01 { position: absolute; top: 150px; left: 470px; } */ #type_f_box01 { position: absolute; top: 120px; left: 15px; } #type_f_box01 .wdh50px { width: 50px; } #type_f_box02 { position: absolute; top: 150px; left: 470px; } /* 2012.3.23 높이 제거 */ .pos_absol_w650_hei13 { position: relative; width: 900px; text-align: left; margin-top: 300px; margin-bottom: 10px; } /* 20120323 .pos_absol_w650_hei13 { position: relative; width: 650px; height: 13px; text-align: left; margin-top: 300px; margin-bottom: 10px; } */ #sonoff #sonoff_box { width: 900px; } #sonoff #sonoff_box .sono_box01 { float: left; width: 710px; } #sonoff #sonoff_box .sono_box02 { float: left; } #sonoff #sonoff_box .sono_box02 a { cursor:pointer; } #nuri_box { position: relative; width: 900px; height: 13px; text-align: left; margin-bottom: 10px; } #nuri_box #wi650 { width: 900px; } #nuri_box #wi650 .pos_left_w541 { float: left; width: 790px; } #nuri_box #wi650 .nuri_pos_left { float: left; } #border06 { position: relative; width:900px; text-align: left; } #border06 .close { position: relative; width: 870px; height: 30px; border-bottom: 1px solid #dfdfdf } #border06 .view { position: relative; width: 860px; margin-bottom: 8px; border-bottom: 1px solid #dfdfdf } #border06 #top { position: relative; width: 900px; height: 3px; font-size: 0px; background: url('/images/com/border/border06_top.gif') no-repeat; } #border06 #middle { position: relative; width: 900px; overflow: hidden; background: url('/images/com/border/border06_middle.gif') repeat; } #border06 #middle .box_m_left { margin-left: 20px; } #border06 #middle .h32px { height: 32px; } #border06 #middle .h32px .w100_center { width: 100%; text-align: center; font-weight: bold; } #border06 #middle .h32px .pos_left_w100p { float:left; width:100%; height:22px; padding:9px 0 4px 0; } #border06 #middle .h32_cursor_p { height: 32px; cursor:pointer; } #border06 #middle .h32_cursor_p .mleft0 { margin-left: 0; font-weight: bold; } #border06 #middle .h32_cursor_p .w325px_text_pos { width: 525px; text-align: left; } #border06 #middle .w90_font50 { width: 90px; font-size: 91.667%; color: #508dc7; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #middle .w285_text_l { width: 385px; text-align: left; color: #55668b; font-size: 91.667%; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #middle .h32_cur_point { height: 32px; cursor:pointer; } #border06 #middle .h32_cur_point .mar0_font48 { margin: 0; font-weight: bold; font-size: 100%; color: #4861a8; font-family: "돋움", Dotum; } #border06 #middle .mar_left { margin-left: 20px; } #border06 #border06_box { width: 860px; height: 23px; border-bottom: 1px solid #ccc; padding-top: 5px; } #border06 #border06_box #h32_cursor { height: 32px; cursor: pointer; } #border06 #border06_box #h32_cursor #mar_left0 { margin-left: 0; } #border06 #border06_box #h32_cursor .wid250_text { width: 350px; text-align: left; font-size: 100%; color: #55668b; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #border06_box #h32_cursor .pos_right_999 { float: right; font-size: 91.667%; color: #999999; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #border06_box #h32_cursor .pos_right_50 { float: right; font-size: 91.667%; color: #508dc7; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #border06_box #h32_cursor .pos_right_ee { float: right; font-size: 91.667%; color: #ee5656; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #border06_box #h32_cursor .pos_right_55s { float: right; font-size: 91.667%; color: #55668b; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #border06 #bottom { position: relative; width: 900px; height: 3px; margin-bottom: 20px; background: url('/images/com/border/border06_bottom.gif') no-repeat; } #border06 ul li { float: left; margin: 7px 0 0 10px; } #border06 #opinion { position: relative; width: 840px; margin: 20px 0 0 10px; text-align: left; } #border06 #opinion_btn { position: relative; width: 310px; height: 40px; margin-left: 210px; } #border06 #opinion_btn .opinion_btn_in { position: relative; } #border06 #opinion_btn .opinion_btn_content { position: absolute; top: 3px; left: 0px; width: 80px; height: 20px; text-align: right; font-weight: bold; } #border06 #opinion_btn ul { width: 310px; height: 25px; } #border06 #opinion_btn01 { position: relative; width: 66px; height: 20px; margin: 0 0 25px 543px; } #border06 #opinion_btn01 li { float: left; width: 17px; height: 19px; margin: 0 5px 0 0; } #nuri_reply_type { position: relative; width: 860px; height: 30px; background: #e4e7f1; } #nuri_reply_type #nuri_reply { position: absolute; top: 10px; left: 12px; width: 100px; height: 11px; } #border07 { position: relative; width: 900px; height: 150px; text-align: left; margin-bottom: 30px; background: url('/images/com/border/border07.gif') no-repeat; } #border07 ul { margin: 0 0 15px 15px; height: 17px;} #border07 li { float: left; margin-right: 5px; } /* 20111114 SNS 버튼 추가 #btn01 { position: relative; width: 650px; height: 22px; } */ #btn01 .m_right0 { margin-right: 0; } /* 20140724 접근성 수정 #btn01 li { float: right; padding-right: 10px; } */ #btn01 li { float: left; padding-right: 10px; } /*수정*/ #layerpopup_mod { position: absolute; top: -134px; right: 0px; width: 274px; height: 124px; background: url('/images/com/border/layerpopup.gif') no-repeat; z-index: 2; text-align: left;} #layerpopup_mod #title{ width: 274px; height: 24px; color: #feffff; font-weight: bold; padding-top: 4px; text-align: center; } #layerpopup_mod dl { position: absolute; top: 40px; left: 15px; } #layerpopup_mod dd { margin-bottom: 5px; } #layerpopup_mod .bullet { background: url('/images/com/bullet/bullet_layerpopup.gif') no-repeat 0 6px; padding-left: 8px; } #layerpopup_mod #btn { position: absolute; top: 92px; left: 82px; text-align: center ; background-color:#fc0000;} /*삭제*/ #layerpopup_del { position: absolute; top: -134px; right: 0px; width: 274px; height: 124px; background: url('/images/com/border/layerpopup.gif') no-repeat; z-index: 2; text-align: left;} #layerpopup_del #title{ width: 274px; height: 24px; color: #feffff; font-weight: bold; padding-top: 4px; text-align: center; } #layerpopup_del dl { position: absolute; top: 40px; left: 15px; } #layerpopup_del dd { margin-bottom: 5px; } #layerpopup_del .bullet { background: url('/images/com/bullet/bullet_layerpopup.gif') no-repeat 0 6px; padding-left: 8px; } #layerpopup_del #btn { position: absolute; top: 92px; left: 82px; } /*테이블*/ #count { position: relative; width: 650px; text-align: left; font-weight: bold; } /* 20121004 #count { position: relative; width: 650px; height : 15px; text-align: left; font-weight: bold; } */ #table { position: relative; width: 650px; margin-bottom: 20px; font-size: 100%; } #table .margin_bt30 { margin-bottom: 30px; } #table table.table03 { width: 650px; margin-bottom: 5px; border-top: 3px solid #91a5e3; border-bottom: 2px solid #adb6d4; border-collapse: collapse; } #table .table03 .pad_text { padding: 20px 15px 20px 20px; text-align: left; border-bottom: 1px solid #c0c9d9; } #table .table03 .pad_left20 { width: 628px; padding-left: 20px; text-align: left; border: 1px solid #fff; font-weight: bold; font-size: 100%; color: #8393c8; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #table .table03 .padd_w585 { width: 585px; padding:10px 15px 20px 50px; text-align: left; } #table caption { display: none; } #table th { height:30px; border-bottom: 1px solid #dddddd; text-align: center; } #table td { height:30px; border-bottom: 1px solid #dddddd; text-align: center; } #table .th_bg { background: url('/images/com/table/head_bg.gif') no-repeat left bottom; } #table .th_bg01 { background: url('/images/com/table/head_bg01.gif') repeat-x left bottom; } #table .th_bg02 { background: url('/images/com/table/head_bg02.gif') no-repeat left bottom;} #table .th_bg03 { background: #e6e8f1; } #table .view_slide { background: url('/images/com/table/view_slide.gif') repeat-x; } #table .left { text-align: left; padding-left: 10px; } #table .end { border-bottom: 1px solid #c0c9d9; } #table .fff { border: 1px solid #fff; } #table #double_table { width: 850px; padding: 20px 15px 50px 20px; text-align: left; font-size:13px; line-height:1.75em } #table #double_table th, #table #double_table td { border: none; text-align: left; } #table .table03 .event_date { width:650px; text-align: left; border:none; } /*2009년 4월 13일 수정*/ #table .table03 .event_date p{ padding: 10px 10px 10px 40px; border-bottom: 1px solid #dddddd;}/*2009년 4월 13일 수정*/ /* 20090312 수정 테이블 css*/ #table_new { position: relative; width: 650px; margin-bottom: 20px; letter-spacing: 0.01em; } #table_new table { width: 650px; border-top: 3px solid #91a5e3; border-bottom: 2px solid #adb6d4; border-collapse: collapse; } #table_new td { border-bottom: 1px solid #ccc; text-align: left; } #table_new td .border01_no { border: none; text-align: left; } #table_new .border01_photo { width: 125px; padding: 15px 0 15px 15px;; background: url(/images/com/border/border01_photo_line.gif) no-repeat 10px 10px; } #table_new .border01_photo p { left: 0; top: 0; width: 100px; height: 70px; } #table_new .border01_bul { float: left; padding-left: 8px; background: url(/images/com/border/border01_bul.gif) no-repeat left 7px; font-weight: bold; color: #767676; } #table_new .border01_date { float: right; color: #999; } #table_new .border01_txt { clear:both; width: 502px; padding-left: 8px; margin-top: 15px; line-height: 15px; letter-spacing: -0.1em; } /*달력 테이블*/ #table_calendar { position: relative; width: 200px; margin-left: 18px; } #table_calendar table { width: 200px; border-collapse: collapse; } #table_calendar caption { display: none; } #table_calendar th { height: 26px; border-bottom: 1px solid #dddddd; text-align: center; } #table_calendar td { height: 26px; border-bottom: 1px solid #dddddd; text-align: center; } #table_calendar .th_bg { background: url('/images/com/table/head_bg.gif') no-repeat left bottom; } #table_calendar .th_bg01 { background: url('/images/com/table/head_bg01.gif'); } #table_calendar .th_bg02 { background: url('/images/com/table/head_bg02.gif'); } #table_calendar .th_bg03 { background: #e6e8f1; } #table_calendar .view_slide { background: url('/images/com/table/view_slide.gif') repeat-x; } #table_calendar .hr { border-bottom: 1px solid #c3cde6; } #table_calendar .end { border-bottom: 1px solid #ffffff; } #table_calendar .fff { border: 1px solid #fff; } /*회원가입 정보입력*/ #table_reg { position: relative; width: 650px; margin-bottom: 50px; } #table_reg table { width: 650px; border: 1px solid #a3a9c1; border-collapse: collapse; } #table_reg caption { display: none; } #table_reg td { text-align: left; padding: 7px 10px 7px 0; border-right: 1px solid #a3a9c1; border-bottom: 1px solid #d8dae5; } #table_reg .bg { background: #b6bbce; text-align: right; color: #ffffff; padding-right: 20px; font-weight: bold; } #table_reg .end { border-bottom: #b6bbce; } #table_reg li { float: left; width: 220px; } #agreement { position: relative; width: 650px; height: 300px; border: 1px solid #e1e1e1; background: #fcfcfc; margin-bottom: 10px; } #agreement .text{ position: relative; width: 610px; text-align: left; margin: 25px; } /*페이지링크*/ #pagelink { position: relative; width: 650px; height : 20px; margin-bottom: 50px; } .w610_h35_center { width: 610px; height: 35px; padding: 15px 0 15px 0; text-align: center; border-top: 1px solid #e4e4e4 } .h35_mt15_center { height: 35px; margin-top: 15px; text-align: center; } #tablelink { position: relative; width: 650px; } #tablelink table { width: 650px; border-collapse: collapse; } #tablelink caption { display: none; } #tablelink td { height: 26px; text-align: center; } /* 사용자 덧글 리스트 */ #user_list_box { width: 900px; margin-bottom: 20px; } #user_list_box .padd_box { padding: 8px 0 7px 10px; } #user_list_box .padd_box span { vertical-align: middle; } #user_list_box .padd_box img { vertical-align: middle; } #user_list_box .hei35 { height: 35px; } #user_list_box .hei35 .hei35_in { float:left; width:100%; height: 22px; padding:9px 0 4px 0; } #user_list_box .cursor_style { cursor:pointer; } #user_list_box .dis_no_cur { display: none; cursor:pointer; } #user_list_box .user_list_box02 { width:900px; border-bottom:1px solid #e4e4e4; overflow: hidden; } #user_list_box .user_list_box02 .user_list_pos01 { float:left; width:8%; height:22px; padding:9px 0 4px 0; } #user_list_box .user_list_box02 .user_list_pos02 { float:left; width:42%; height:22px; padding:9px 0 4px 0; text-align:left; } #user_list_box .user_list_box02 .user_list_pos03 { float:left; width:30%; height:22px; padding:9px 0 4px 0; } #user_list_box .user_list_box02 .user_list_pos04 { float:left; width:10%; height:22px; padding:9px 0 4px 0; } #user_list_box .user_list_box02 .user_list_pos05 { float:left; width:10%; height:22px; padding:9px 0 4px 0; text-align: right; } #user_list_box .dis_no_over { display:none; overflow:hidden; background-color:#f8f8f8; clear:both; border-bottom:1px solid #e4e4e4; } #user_list_box .show_w650 { width:900px; } #user_list_box .show_w650 .pos_left_pad { float:left; text-align: left; padding: 10px 0 10px 65px; } #user_list_box .show_w650 .pos_right_pad_t { float:right; text-align: right; padding-top: 10px; } /*누리꾼 덧글 리스트*/ .reply_mar { margin: 0 5px 0 0; } #replylisk { position: relative; width: 610px; border-top: 1px solid #e4e4e4; overflow: hidden; } #replylisk .wid474_font76 { width: 474px; font-size: 91.667%; color: #767676; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #replylisk .pos_left_h22_pad { float:left; width:100%; height:22px; padding:9px 0 4px 0; } #replylisk .mar_right5 { margin-right: 5px; } #replylisk dt { float: left; width: 70px; margin: 5px 0 5px 0; text-align: center; } #replylisk dd { float: left; margin-top: 5px; } #replylisk_re01 { position: relative; width: 590px; margin-left: 20px; border-top: 1px dotted #e4e4e4; overflow: hidden; } #replylisk_re01 dt { float: left; width: 70px; margin: 5px 0 5px 0; text-align: center; } #replylisk_re01 dd { float: left; margin-top: 5px; } #replylisk_re01 .w454_font76_01 { width: 454px; font-size: 91.667%; color: #767676; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #replylisk_re02 { position: relative; width: 570px; margin-left: 40px; border-top: 1px dotted #e4e4e4; overflow: hidden; } #replylisk_re02 dt { float: left; width: 70px; margin: 5px 0 5px 0; text-align: center; } #replylisk_re02 dd { float: left; margin-top: 5px; } #replylisk_re02 .w454_font76_02 { width: 454px; font-size: 91.667%; color: #767676; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #replylisk_re03 { position: relative; width: 550px; margin-left: 60px; border-top: 1px dotted #e4e4e4; overflow: hidden; } #replylisk_re03 dt { float: left; width: 70px; margin: 5px 0 5px 0; text-align: center; } #replylisk_re03 dd { float: left; margin-top: 5px; } #replylisk_re03 .w414_font76 { width: 414px; font-size: 91.667%; color: #767676; font-family: dotum, "돋움", gulim, "굴림", verdana, arial; } #replylisk_re04 { position: relative; width: 530px; margin-left: 80px; border-top: 1px dotted #e4e4e4; overflow: hidden; } #replylisk_re04 dt { float: left; width: 70px; margin: 5px 0 5px 0; text-align: center; } #replylisk_re04 dd { float: left; margin-top: 5px; } #replylisk_re05 { position: relative; width: 510px; margin-left: 100px; border-top: 1px dotted #e4e4e4; overflow: hidden; } #replylisk_re05 dt { float: left; width: 70px; margin: 5px 0 5px 0; text-align: center; } #replylisk_re05 dd { float: left; margin-top: 5px; } /*보더 글쓰기*/ /* 2012.3.23 누리꾼의견 글쓰기 수정 */ #border_write { position: relative; background:#fff; top: -5px; width: 650px; z-index: 1; } /* 20120322 #border_write { position: absolute; top: -270px; width: 650px; z-index: 1; }*/ #border_write #top { position: relative; width: 650px; height: 3px; font-size: 0px; background: url('/images/com/border/border06_top.gif') no-repeat; } #border_write #middle { position: relative; width: 650px; background: url('/images/com/border/border06_middle.gif') repeat-y; text-align: left; } #border_write #middle #middle_box { width: 610px; height: 13px; text-align: left; margin: 0 0 10px 20px; padding-top: 10px; } #border_write #middle #middle_box02 { width: 610px; height: 13px; text-align: left; margin: 10px 0 10px 20px; } #border_write #bottom { position: relative; width: 650px; height: 3px; margin-bottom: 20px; background: url('/images/com/border/border06_bottom.gif') no-repeat; } /*리플 글쓰기*/ #reply_write { position: absolute; top: 30px; left: 0px; width: 650px; z-index: 2; border: 3px solid red; } /*컨텐츠 페이지*/ #contents_page { position: relative; width: 650px; text-align: left; margin-bottom: 50px; font-size: 100%; } #contents_page ul { margin-bottom: 22px; } .bullet_b { width: 631px; background: url(/images/com/bullet/bullet_big.gif) no-repeat 0 3px; padding-left: 19px; margin-bottom: 9px; font-size: 116.667%; color: #3653a0; font-family: "돋움", Dotum; font-weight: bold; } .bullet_b1 { width: 631px; padding-left: 10px; margin-bottom: 9px; font-size: 116.667%; color: #3653a0; font-family: "돋움", Dotum; font-weight: bold; } /* 2012.4.4 폰트 색상 수정 */ .bullet_m { background: url(/images/com/bullet/bullet_middle.gif) no-repeat 0 3px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } /* 20120404 .bullet_m { background: url(/images/com/bullet/bullet_middle.gif) no-repeat 0 3px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } */ .bullet_s { width: 900px; background: url(/images/com/bullet/bullet_small.gif) no-repeat 0 5px; padding-left: 10px; margin-left: 18px; } .bullet_s15 { background: url(/images/com/bullet/bullet_small.gif) no-repeat 0 4px; padding-left: 10px; margin: 0 0 15px 18px; } .bullet_n { padding-left: 20px; padding-bottom: 10px; } .bullet_t { padding-bottom: 10px; } .bullet_w { background: url(/images/com/bullet/bullet_warning.gif) no-repeat 0 3px; padding-left: 19px; margin-bottom: 8px; } .bullet_setc { background: url(/images/com/bullet/bullet_setc.gif) no-repeat 0 6px; padding-left: 10px; margin-left: 18px; } .bullet_red { margin: 0 0 15px 18px; color: #e6533f; } /*일정달력*/ #schedule_select { position: relative; width: 650px; height: 30px; text-align: right; } #schedule_border { position: relative; width: 650px; height: 204px; margin-bottom: 30px; } #schedule_border li { float: left; margin-right: 11px; } #schedule_border li.no_right_m { float: left; margin-right: 0; } #schedule_calendar { position: relative; width: 209px; z-index: 2; margin-bottom: 20px; } #schedule_calendar #top { width: 209px; height: 29px; background: url('/images/com/schedule/calendar_top.gif') no-repeat; z-index: 2; } #schedule_calendar #top .title{ position: absolute; top: 10px; left: 10px; width: 209px; } #schedule_calendar #middle { width: 209px; background: url('/images/com/schedule/calendar_middle.gif'); z-index: 2; text-align: left; } #schedule_calendar #bottom { width: 209px; height: 14px; background: url('/images/com/schedule/calendar_bottom.gif') no-repeat; z-index: 2; } #schedule_calendar .bg { width: 25px; height: 27px; text-align: center; border-bottom: 0px; background: url('/images/com/schedule/calendar_y.gif') no-repeat;} /* 2010.11.15 웹표준 추가 시작 */ #schedule_calendar02 { position: relative; width: 209px; z-index: 2; margin-bottom: 20px; } #schedule_calendar02 #top02 { width: 209px; height: 29px; background: url('/images/com/schedule/calendar_top.gif') no-repeat; z-index: 2; } #schedule_calendar02 #top02 .title{ position: absolute; top: 10px; left: 10px; width: 209px; } #schedule_calendar02 #middle02 { width: 209px; background: url('/images/com/schedule/calendar_middle.gif'); z-index: 2; text-align: left; } #schedule_calendar02 #bottom02 { width: 209px; height: 14px; background: url('/images/com/schedule/calendar_bottom.gif') no-repeat; z-index: 2; } #schedule_calendar02 .bg { width: 25px; height: 27px; text-align: center; border-bottom: 0px; background: url('/images/com/schedule/calendar_y.gif') no-repeat;} #schedule_calendar03 { position: relative; width: 209px; z-index: 2; margin-bottom: 20px; } #schedule_calendar03 #top03 { width: 209px; height: 29px; background: url('/images/com/schedule/calendar_top.gif') no-repeat; z-index: 2; } #schedule_calendar03 #top03 .title{ position: absolute; top: 10px; left: 10px; width: 209px; } #schedule_calendar03 #middle03 { width: 209px; background: url('/images/com/schedule/calendar_middle.gif'); z-index: 2; text-align: left; } #schedule_calendar03 #bottom03 { width: 209px; height: 14px; background: url('/images/com/schedule/calendar_bottom.gif') no-repeat; z-index: 2; } #schedule_calendar03 .bg { width: 25px; height: 27px; text-align: center; border-bottom: 0px; background: url('/images/com/schedule/calendar_y.gif') no-repeat;} /* 2010.11.15 웹표준 추가 끝 */ /*달력 테이블*/ #schedule_calendar #table_calendar { position: relative; width: 190px; text-align: left; margin-left: 11px;} #schedule_calendar #table_calendar table { border-collapse: collapse; width: 190px; } #schedule_calendar #table_calendar caption { display: none; } #schedule_calendar #table_calendar th { height: 26px; text-align: center; border-bottom: 0px; } #schedule_calendar #table_calendar td { width: 25px; height: 27px; text-align: center; border-bottom: 0px; background: url('/images/com/schedule/calendar_n.gif') no-repeat;} #schedule_calendar #table_calendar .th_hdbg { background: url('/images/com/schedule/calendar_hdbg01.gif') repeat-x; } /* 2010.11.15 웹표준 추가 시작 */ #schedule_calendar02 #table_calendar02 { position: relative; width: 190px; text-align: left; margin-left: 11px;} #schedule_calendar02 #table_calendar02 table { border-collapse: collapse; width: 190px; } #schedule_calendar02 #table_calendar02 caption { display: none; } #schedule_calendar02 #table_calendar02 th { height: 26px; text-align: center; border-bottom: 0px; } #schedule_calendar02 #table_calendar02 td { width: 25px; height: 27px; text-align: center; border-bottom: 0px; background: url('/images/com/schedule/calendar_n.gif') no-repeat;} #schedule_calendar02 #table_calendar02 .th_hdbg { background: url('/images/com/schedule/calendar_hdbg01.gif') repeat-x; } #schedule_calendar03 #table_calendar03 { position: relative; width: 190px; text-align: left; margin-left: 11px;} #schedule_calendar03 #table_calendar03 table { border-collapse: collapse; width: 190px; } #schedule_calendar03 #table_calendar03 caption { display: none; } #schedule_calendar03 #table_calendar03 th { height: 26px; text-align: center; border-bottom: 0px; } #schedule_calendar03 #table_calendar03 td { width: 25px; height: 27px; text-align: center; border-bottom: 0px; background: url('/images/com/schedule/calendar_n.gif') no-repeat;} #schedule_calendar03 #table_calendar03 .th_hdbg { background: url('/images/com/schedule/calendar_hdbg01.gif') repeat-x; } /* 2010.11.15 웹표준 추가 끝 */ /*숫자*/ /* 2012.3.19 폰트 색상 수정 */ .n01 { background: url(/images/com/number/n01.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n02 { background: url(/images/com/number/n02.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n03 { background: url(/images/com/number/n03.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n04 { background: url(/images/com/number/n04.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n05 { background: url(/images/com/number/n05.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n06 { background: url(/images/com/number/n06.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n07 { background: url(/images/com/number/n07.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n08 { background: url(/images/com/number/n08.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n09 { background: url(/images/com/number/n09.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n10 { background: url(/images/com/number/n10.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n11 { background: url(/images/com/number/n11.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } .n12 { background: url(/images/com/number/n12.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #4976b4; font-family: "돋움", Dotum; font-weight: bold; } /* 20120319 .n01 { background: url(/images/com/number/n01.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n02 { background: url(/images/com/number/n02.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n03 { background: url(/images/com/number/n03.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n04 { background: url(/images/com/number/n04.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n05 { background: url(/images/com/number/n05.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n06 { background: url(/images/com/number/n06.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n07 { background: url(/images/com/number/n07.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n08 { background: url(/images/com/number/n08.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n09 { background: url(/images/com/number/n09.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n10 { background: url(/images/com/number/n10.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n11 { background: url(/images/com/number/n11.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } .n12 { background: url(/images/com/number/n12.gif) no-repeat 0 2px; padding-left: 19px; margin-bottom: 8px; font-size: 100%; color: #5281bc; font-family: "돋움", Dotum; font-weight: bold; } */ /*CPC 통합민원센터*/ #cpc_border01 { position: relative; width: 650px; margin-bottom: 10px; } #cpc_border01 #top { position: relative; width: 650px; height: 5px; background: url('/images/cpc/eapplication/border01_top.gif') no-repeat; } #cpc_border01 #middle { position: relative; width: 650px; background: url('/images/cpc/eapplication/border01_middle.gif'); } #cpc_border01 #middle #bar ul { overflow: hidden; } #cpc_border01 #middle #bar li { float: left; padding: 4px 0 4px 10px; font-size: 91.667%; color: #767676; font-family: "돋움", Dotum; } #cpc_border01 #bottom { position: relative; width: 650px; height: 5px; background: url('/images/cpc/eapplication/border01_bottom.gif') no-repeat; } .cpc_point01 { background: url(/images/cpc/eapplication/point01.gif) no-repeat 0 11px; padding-left: 10px; } .cpc_u { border-bottom: 1px solid #e0e0e0; text-align: left; } .cpc_un {text-align: left; } /*로그인*/ #login_border01 { position: relative; width: 650px; height: 140px; background: url(/images/login/border01.gif); margin-bottom: 200px; text-align: left; } #login_border01 .text01 { position: absolute; top: 42px; left: 249px; width: 180px; height: 90px; } #login_border01 .text02 { position: absolute; top: 42px; left: 440px; width: 180px; height: 90px; } #login_border01 .text03 { position: absolute; top: 22px; left: 576px; width: 53px; height: 47px; } #login_border01 .text04 { position: absolute; top: 106px; left: 477px; width: 162px; height: 22px; } #login_border01 .id { position: absolute; top: 22px; left: 270px; width: 295px; height: 22px; } #login_border01 .pw { position: absolute; top: 45px; left: 270px; width: 295px; height: 22px; } #login_border01 dt, dd { float: left; } /*기사형 게시판(핫이슈)*/ #ifc_article { position: relative; width: 900px; margin-bottom: 20px; } #ifc_article #top { width: 900px; height: 3px; background: url('/images/com/border/ifc_article_top.gif') no-repeat left top; font-size:0; line-height:0; } #ifc_article #top .title{ position: absolute; top: 10px; width: 209px; } #ifc_article #middle { width: 900px; background: url('/images/com/border/ifc_article_middle.gif'); } #ifc_article #bottom { width: 900px; height: 3px; background: url('/images/com/border/ifc_article_bottom.gif') no-repeat; } #ifc_article .end { border-bottom: 1px solid #e8e8e8; } #ifc_article .pos_left{ padding-right: 10px; float: left; } #ifc_article .pos_right{ float: right; width: 100px; padding-right: 3px; } #ifc_article ul { clear: both; width: 880px; margin-left: 10px; padding-top: 5px; text-align: left;} #ifc_article .bullet_s1 { background: url(/images/com/bullet/bullet_small.gif) no-repeat 0 3px; padding-left: 10px; color: #3653a0; } #ifc_article .bullet_s2 { background: url(/images/com/bullet/bullet_small.gif) no-repeat 0 3px; padding-left: 10px; padding-bottom: 10px; padding-left: 10px; } #ifc_article .bullet_n1 { padding-bottom: 10px; padding-left: 10px; } /* 수정 */ #ifc_article #w630_pos_absol { width: 630px; overflow: hidden; padding-bottom: 10px; } #ifc_article #w630_pos_absol .pos_absol_w152 { position: relative; width: 152px; height: 110px; float: left; background: url('/images/com/border/ifc_article_border01.gif') } #ifc_article #w630_pos_absol .pos_absol_w152 .pos_t10_l10 { position: absolute; top: 10px; left: 10px; } #ifc_article #w465_h110 { width: 465px; height: 110px; float: left; } #ifc_article #w465_h110_02 { width: 465px; height:110px; padding-top: 5px; } #ifc_article #wid465 { width: 465px; } #ifc_article #w765_h110 { width: 765px; height: 110px; float: left; } #ifc_article #w765_h110_02 { width: 765px; height:110px; padding-top: 5px; } #ifc_article #wid765 { width: 765px; } #ifc_article .mar_bot { margin-bottom: 20px; } /*기사형 게시판(일반)*/ #ifc_article01 { position: relative; width: 900px; margin-bottom: 20px; } #ifc_article01 #top { width: 900px; height: 3px; } #ifc_article01 #top .title{ position: absolute; top: 10px; width: 209px; } #ifc_article01 #middle { width: 900px; } #ifc_article01 #bottom { width: 900px; height: 3px; } #ifc_article01 .end { clear: both; border-bottom: 1px solid #e8e8e8; } #ifc_article01 .pl10_pos{ padding-right: 10px; float: left; } #ifc_article01 .pos_right{ float: right; width: 100px; } #ifc_article01 ul { width: 880px; padding-top: 10px; margin-left: 10px; text-align: left;} #ifc_article01 .bullet_s1 { background: url(/images/com/bullet/bullet_small.gif) no-repeat 0 6px; padding-left: 10px; color: #3653a0; } #ifc_article01 .bullet_s2 { background: url(/images/com/bullet/bullet_small.gif) no-repeat 0 6px; padding-left: 10px; } #ifc_article01 .bullet_n1 { padding-bottom: 10px; padding-left: 10px; } /*이슈별 토론공간형 게시판*/ #issulist_wrap { width: 900px; margin-bottom: 30px; text-align: left; } #issulist_wrap #issulist { width: 900px; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; } #issulist_wrap #issulist .mtb5 { margin: 5px 0; } /*빠른검색*/ #fast_search01 { position: relative; width: 814px; height: 262px; margin: 0 0 20px 13px; background: url('/images/search/fast/search_bg.gif') no-repeat; } #fast_search01 #step01{ position: absolute; top: 0px; left: 0px; width: 151px; height: 262px; } #fast_search01 #step01 ul { position: absolute; top: 52px; left: 20px; width: 110px; height: 130px; } #fast_search01 #step01 ul select { width: 110px; } #fast_search01 #step01 li { height: 34px; } #fast_search01 #step01 .fbtn { position: absolute; top: 206px; left: 80px; width: 60px; height: 15px; } #fast_search01 #step02{ position: absolute; top: 0px; left: 161px; width: 212px; height: 262px; } #fast_search01 #step02 dl { position: absolute; top: 35px; left: 20px; width: 180px; height: 25px; } #fast_search01 #step02 dd { width: 90px; height: 22px; float: left; } #fast_search01 #step02 ul { position: absolute; top: 68px; left: 20px; width: 180px; height: 152px; overflow: auto; } #fast_search01 #step02 ul select { width: 150px; } #fast_search01 #step02 li { height: 22px; } #fast_search01 #step02 .fbtn { position: absolute; top: 245px; right: 0px; width: 96px; height: 18px; } #fast_search01 #step03{ position: absolute; top: 0px; left: 382px; width: 211px; height: 262px; } #fast_search01 #step03 dl { position: absolute; top: 35px; left: 20px; width: 180px; height: 25px; } #fast_search01 #step03 dd { width: 90px; height: 22px; float: left; } #fast_search01 #step03 ul { position: absolute; top: 68px; left: 20px; width: 180px; height: 152px; overflow: auto; } #fast_search01 #step03 ul select { width: 150px; } #fast_search01 #step03 li { height: 22px; } #fast_search01 #step03 .fbtn { position: absolute; top: 245px; right: 0px; width: 96px; height: 18px; } #fast_search01 #step04{ position: absolute; top: 0px; left: 604px; width: 211px; height: 262px; } #fast_search01 #step04 dl { position: absolute; top: 35px; left: 20px; width: 180px; height: 25px; } #fast_search01 #step04 dd { width: 90px; height: 22px; float: left; } #fast_search01 #step04 ul { position: absolute; top: 68px; left: 20px; width: 180px; height: 152px; overflow: auto; } #fast_search01 #step04 li { height: 22px; } #fast_search01 #step04 ul select { width: 150px; } #fast_search01 #step04 .fbtn { position: absolute; top: 245px; right: 0px; width: 96px; height: 18px; } #fast_search02 { position: relative; width: 814px; margin-left: 13px; background: #f0f1f4; padding: 30px 0 30px 0; } #fast_search02 #fast_border { position: relative; width: 650px; text-align: center; margin-left: 80px;} #fast_search02 #fast_border .rss { position: relative; width: 650px; text-align: right; margin-bottom: 10px;} /*사이트맵*/ #sitemap01 { position: relative; width: 840px; height: 20px; margin-bottom: 15px; } #sitemap01 li { float: left; margin-right: 4px; height: 20px; } #sitemap02 { position: relative; width: 836px; border: 2px solid #5168c5; } /* user All */ #user_box {width:620px; padding-bottom:20px;} #user_box div.goselect { width:650px; height:30px; text-align:right; } #user_box div.goselect img { vertical-align:middle; } #user_box div.goselect select { vertical-align:middle;} #user_box div.goselect input { vertical-align:middle;} /* 20101217 추가 */ #user_box div.data_user { width:646px; border-right:2px solid #d1d8e5; border-left:2px solid #d1d8e5; } #user_box div.data_user ul { margin: 0; padding: 0; } #user_box div.data_user p.txt {padding-left:13px;height:30px;} #user_box div.data_user p.tt {padding-left:13px;padding-bottom:8px;} #user_box div.data_user p.tt2 {padding-left:13px;} #user_box div.f_box_b { height: 11px; } #table03 td {border: none; text-align: left; } /* header */ #snb #top #snb_title { position: relative; padding: 15px 0 0 10px; width: 145px; height: 25px; } /* header_ehp_main */ .h_190 { height: 190px; } .display_none { display: none; } /* header_login */ #menu_title #menu_location { z-index: 2000; } /* question */ #question_text03 li.align_right { text-align: right; } /* snb_CPC */ ul.noscript_CPC { text-align: left; margin-left: 20px; } /* snb_URL01 */ ul li a span.color_red { color:#ff0000; } /* gnb_main */ .visibility { visibility: hidden; } /* view_r */ #table .table03 .td51 { padding: 20px 15px 50px 20px; text-align: left; } #table .table03 .td52 { padding-left: 20px; text-align: left; } #table .table03 .td53 { padding:10px 15px 50px 50px; text-align: left; } #table .table03 .h_15 { height: 15px; } #border03 .m_t01 { margin-top:3px; } #border03 .w_468 { width: 468px; } #btn01 .m_r01 { margin-right: 0px; } /* view_k ~ view_q 중복되는 스타일 지워도 무관합니다. */ /* view_k */ #table .table03 .td51 { padding: 20px 15px 50px 20px; text-align: left; } /* view_l */ #table .table03 .td51 { padding: 20px 15px 50px 20px; text-align: left; } /* view_m */ #table .m_b30 { margin-bottom: 30px; } #table .table03 .td51 { padding: 20px 15px 50px 20px; text-align: left; } /* view_p */ #table .table03 .td51 { padding: 20px 15px 50px 20px; text-align: left; } /* view_q */ #table .table03 .align_right { text-align: right; } #table .table03 .td51 { padding: 20px 15px 50px 20px; text-align: left; } #table .table03 .td52 { padding-left: 20px; text-align: left; } #table .table03 .td53 { padding:10px 15px 50px 50px; text-align: left; } #table .table03 .h_15 { height: 15px; } /* 퀵메뉴 css */ #quick_menu #border #zoom01 .cursor_hand { cursor: pointer; } /* gnb_swf */ #Topsearch { position: absolute; margin: 8px 0 0 411px; width: 232px; height: 22px ; background: url(/images/com/header/search_back01.gif) no-repeat; z-index: 100; display: none; } #Topsearch .search01 { width:140px; float:left; text-align:right; } #Topsearch .search01 p { padding-top:2px; } #Topsearch .search01 p input { width:75px; border:1px solid #ffffff; height:15px; font-size: 11px; } #Topsearch .search02 { width:26px; text-align:right; float:left; } #Topsearch .search02 p { padding-top:3px; } #Topsearch .search03 { width:66px; text-align:right; float:left; } #Topsearch .search03 img { cursor: pointer; } #Topsearch2 { position:absolute; margin:8px 0 0 411px; width:232px; height:22px ; background:url(/images/com/header/search_back01.gif) no-repeat; z-index:100; } #Topsearch2 .search04 { width:140px; float:left; text-align:right; } #Topsearch2 .search04 p { padding-top:2px; } #Topsearch2 .search04 p input { width:75px; border:1px solid #ffffff; height:15px; font-size: 11px; } #Topsearch2 .search05 { width:26px; text-align:right; float:left; } #Topsearch2 .search05 p { padding-top:3px; } #Topsearch2 .search06 { width:66px; text-align:right; float:left; } /* site map CSS */ #sitemap #menu_title #menu_location { top: 38px; left: 0px; bottom: 0px; width:534px; height: 12px; } /* 0612추가 css */ /* 20100412 errorlog check gnb_search_box { position: absolute; left: 411px; top: 8px; width: 164px; height: 22px; padding: 0 0 0 6px; background: url(/images/main/bg_gnb_search_box.gif) no-repeat left top; } */ #gnb_search_box { position: absolute; left: 411px; top: 8px; width: 164px; height: 22px; padding: 0 0 0 6px; } #gnb_search_box * { float: left; } #gnb_search_box #a_helper { margin-top: 6px; } #gnb_search_box #a_helper label { height: 10px; margin-right: 5px; padding-right: 7px; border: 0; border-right: 1px solid #ccc; } #gnb_search_box #a_helper input { width: 68px; height: 12px; margin-right: 4px; padding-bottom: 1px; padding-right: 3px; border: 0; font-size: 11px; color: #333; line-height: 11px; } #gnb_search_box #gnb_text { margin: 3px 0 0 0; } .fast_search_btn1 {width: 110px; margin-top: 20px; text-align: center;} .fast_search_btn2 {width: 150px; margin-top: 20px; text-align: center;} /* 메뉴 리뉴얼 작업 css 20100614 */ /*****레이아웃 컨테이너*****/ #container { position: relative; width: 920px; margin:0 auto; z-index: 1; } /* header */ #header {position: relative; width: 920px; height: 136px;} /* 20111114 웹접근성 평가 결과 수정 #kcc_mark { position: absolute; top: 14px; left: 0px; width: 500px; height: 37px;} */ #kcc_mark { position: absolute; top: 30px; left: 0px; width: 500px; height: 37px; z-index:1;} #top_img{position:absolute; top:43px; left:48px;} #top_img_show{position:absolute; top:78px; left:15px; z-index:10;} #tnb { position: absolute; top: 3px; right:15px; height:18px; width:160px;} #tnb li { float: left; margin-right:8px; padding-right:5px; background:url("/images/com/bullet/tnb_bg.gif") right center no-repeat;} #tnb li.bg_none{background:none; margin-right:0px; padding-right:0;} /* 통합검색(추가) */ #header #topsearch {position:absolute; top:32px; right:10px; width:274px; height:20px; display:block; z-index:100; padding:0; margin:0;} #header #topsearch li{float:left; margin-right:2px;} #header #topsearch li.search_in{ width:157px; height:17px; border:1px solid #bcc1cf; margin-top:1px;} #header #topsearch li.search_in label img{vertical-align:top;margin:0 0 0 6px; padding:0;} #header #topsearch li.search_in input#gnb_search_w{width:120px; height:13px; line-height:13px;padding-top:1px; border:0 none; font-size:11px;} /* 글로벌 네비게이션 바 */ /* 120227 리뉴얼로 인해 일부 수정 */ /* #gnb { position: absolute; height:58px; top: 77px; right: 0; width: 920px; z-index:3; background:url("/images/com/header/gnb_line.gif") left 26px repeat-x; padding:0;border-bottom:1px solid #e5e5e5;} #gnb_menu{height:30px; width:920px;} #topmenu {height:58px;float:right; margin:0; padding:0; position:relative; font-size:12px;} #topmenu li {float: left; display:inline; background:url("/images/com/bullet/gnb_bg.gif") right 3px no-repeat; padding-right:15px; margin-right:18px;} #topmenu li.bg_non{background:none;} */ /* 20101217 위원회 소개 메뉴 레이아웃 변경 START #topmenu li.menu4{background:none; padding:0px; margin:0 15px 0 0;} */ /* #topmenu li.menu4{background:none; padding:0px; margin:0 15px 0 0;} #topmenu li.menu4 ul{width:600px; position:absolute; top:16px; left:40px;} */ /* 20101217 위원회 소개 메뉴 레이아웃 변경 END */ /* #topmenu ul {clear:both; position: absolute; top:16px; left:4px; margin:0; padding:0; display: none; width:465px; font-size:12px;} #topmenu ul li{margin-right:0; padding-right:0; padding-top:20px; display:block; height:30px;} */ /* 20110107 정정태 예산정보 메뉴 추가 20110121 정정태 감사결과 공개 메뉴 추가 #topmenu li.menu2 ul{width:547px; position:absolute; top:16px; left:-55px;} #topmenu li.menu2 ul{width:647px; position:absolute; top:16px; left:-150px;} */ /* #topmenu li.menu2 ul{width:750px; position:absolute; top:16px; left:-140px;} */ /* 20110107 정정태 예산정보 메뉴 추가 20110121 정정태 감사결과 공개 메뉴 추가 END */ /* 20101109 정정태 종편·보도PP 신청 질의응답 게시판 운영 할때 만 활용 운영 안할 때 #topmenu li.menu3 ul{width:500px; position:absolute; top:16px;} 운영 할때 #topmenu li.menu3 ul{width:650px; position:absolute; top:16px; left:-160px;}*/ /* #topmenu li.menu3 ul{width:650px; position:absolute; top:16px;} #topmenu ul li a, #topmenu ul li a:link {font-weight:bold; display:block; text-decoration:none; background:url("/images/com/bullet/gnb_sub_bg.gif") left 25px no-repeat; display:inline; color:#999; padding:20px 25px 0 7px; } #topmenu ul li a:hover,#topmenu ul li a.on{font-weight:bold; display:inline; background:url("/images/com/bullet/gnb_sub_on_bg.gif") left 25px no-repeat;color:#3465ac; padding:20px 25px 0 7px; } #topmenu li.menu2 li a, #topmenu li.menu2 li a:link{font-weight:bold; display:block; text-decoration:none; background:url("/images/com/bullet/gnb_sub_bg.gif") 2px 25px no-repeat; display:inline; color:#999; padding:20px 10px 0 7px; } #topmenu li.menu2 li a:hover, #topmenu li.menu2 li a.on{font-weight:bold; text-decoration:none; background:url("/images/com/bullet/gnb_sub_bg.gif") 2px 25px no-repeat; color:#3465ac; padding:20px 10px 0 7px; } #topmenu ul li{background:none;} */ /* 왼쪽메뉴 */ #sub{width:214px; background:url("/images/com/header/leftM_bottom_bg.gif") left bottom no-repeat; padding-bottom:3px; position:absolute; top:48px; left:0;} #sub h1{text-align:center; background:url("/images/com/header/leftM_top_bg.gif") left bottom no-repeat; padding-bottom:13px;} #sub #left_menu{background:url("/images/com/header/leftM_middle_bg.gif") repeat-y; width:186px; padding:20px 14px; font-size:13px;} #sub #left_menu ul{width:186px;} #sub #left_menu li.left_title {border-bottom:1px solid #d0d0d0;} #sub #left_menu li.last{border:0;} #sub #left_menu li.left_title a{font-weight:bold; color:#32528a; display:block; width:160px; padding:5px 0 0 26px; text-decoration:none; background:url("/images/com/bullet/bullet.gif") 11px 10px no-repeat;} /* 20121004 #sub #left_menu li.left_title a{font-weight:bold; color:#32528a; display:block; width:160px; height:24px; padding:5px 0 0 26px; text-decoration:none; background:url("/images/com/bullet/bullet.gif") 11px 10px no-repeat;} */ #sub #left_menu li.left_title a.on{color:#feffff; display:block; width:160px; background:#8EA8DA url("/images/com/header/sub_title_on.gif") no-repeat; } /* 20121004 #sub #left_menu li.left_title a.on{color:#feffff; display:block; width:160px; height:23px; background:url("/images/com/header/sub_title_on.gif") no-repeat; } */ #sub #left_menu ul li.left_title ul.left_sub{width:186px; padding:11px 0 17px 0; display: block;} #sub #left_menu ul li.left_title ul.left_sub li a{color:#474747; font-weight:normal; background:url("/images/com/bullet/sub_bullet.gif") 15px 5px no-repeat; padding:0px 0 0px 24px;} /* 20121004 #sub #left_menu ul li.left_title ul.left_sub li a{color:#474747; font-weight:normal; background:url("/images/com/bullet/sub_bullet.gif") 15px 5px no-repeat; padding:0px 0 0px 24px;height:21px;} */ #sub #left_menu ul li.left_title ul.left_sub li a.on, #sub #left_menu ul li.left_title ul.left_sub li a:hover{color:#0098c7; font-weight:bold; background:url("/images/com/bullet/sub_on_bullet.gif") 15px 5px no-repeat; padding:0px 0 0px 24px; letter-spacing:-0.1em;} /* 20121004 #sub #left_menu ul li.left_title ul.left_sub li a.on, #sub #left_menu ul li.left_title ul.left_sub li a:hover{color:#0098c7; font-weight:bold; background:url("/images/com/bullet/sub_on_bullet.gif") 15px 5px no-repeat; padding:0px 0 0px 24px; height:21px;} */ /* 메인컨텐츠 */ #contents_main{ position:relative; width:920px; height:825px; z-index:1; } /* flash_area */ #flash_area{margin:0 0 26px 0; padding:0; position:relative;} #flash_area #hide_btn{position:absolute; top:274px; left:0;} /* main_contents_list */ #main_contents_list{width:909px; margin:0 auto;} #main_contents_list .clear{clear:both; height:0;} #main_contents_list table{clear:both; color:#878787; padding:0; margin:0;} #main_contents_list table td{padding-left:10px; background:url("/images/main/new_main/bullet.gif") left center no-repeat;} /* 메인컨텐츠 내용 */ #main_contents_list #no1, #main_contents_list #no4, #main_contents_list #no7{float:left; width:300px;} #main_contents_list #no2, #main_contents_list #no5, #main_contents_list #no8{float:left; margin:0 26px 0 28px; width:295px; padding:0;} #main_contents_list #no3, #main_contents_list #no6, #main_contents_list #no9{width:250px; float:right;} #main_contents_list #no1, #main_contents_list #no2, #main_contents_list #no3{height:158px;} #main_contents_list #no4, #main_contents_list #no5, #main_contents_list #no6{height:214px;} #main_contents_list #no7, #main_contents_list #no8, #main_contents_list #no9{height:46px;} #main_contents_list #no1 h2, #main_contents_list #no5 h2{background:#289ac2; color:#fff; padding:5px 12px; } #main_contents_list .h2_btn{position:absolute; top:4px; right:5px;} #main_contents_list .h2_btn li{float:left; margin-left:1px;} #main_contents_list #no1{position:relative; float:left;} #main_contents_list #no2 li{float:left; margin:0 2px 10px 0; padding:0;} #main_contents_list #no3 ul#tab{background:url("/images/main/new_main/underline.gif") left 19px no-repeat;height:19px; padding:0; margin:0; height:21px;} #main_contents_list #no3 ul#tab li{float:left; margin-right:2px; height:19px; padding:0; margin:0 2px 0 0;} #main_contents_list #no3 ul#no3_Policy, #main_contents_list #no3 ul#no3_minwon{clear:both; margin:11px 0 0 16px;} #main_contents_list #no3 .m_right{margin-right:17px;} #main_contents_list #no3 ul#no3_Policy li, #main_contents_list #no3 ul#no3_minwon li{float:left; margin-top:8px;} #main_contents_list #no4{width:301px;float:left;} #main_contents_list #no4 li{float:left;} #main_contents_list #no5 {position:relative;} #main_contents_list #no5 dl {margin-top:10px; width:290px;} #main_contents_list #no5 dl dt{font-weight:bold; color:#708cbd; float:right; width:174px;} #main_contents_list #no5 dl dd.text{float:right; width:174px; margin-bottom:10px;} #main_contents_list #no5 dl dd img{margin-right:7px;} #main_contents_list #no6 {position:relative;} #main_contents_list #no6 li{border-bottom:1px solid #cbd1db; } #main_contents_list #no6 li a{display:block;} #main_contents_list #no6 p{position:absolute; top:102px;} #main_contents_list #no7 p, #main_contents_list #no7 li{float:left;} #main_contents_list #no7 p img{margin-top:13px;} #main_contents_list #no7 li img{margin:0 6px;} #main_contents_list #no8{background:#f7f7f7; border:1px solid #dcdcdc; position:relative;} #main_contents_list #no8 p{position:absolute; top:8px; left:13px;} #main_contents_list #no8 ul{position:absolute; top:6px; left:97px; } #main_contents_list #no8 li a{font-size:11px; color:#767676; background:url("/images/main/new_main/bullet_dot.gif") left 4px no-repeat; padding-left:8px;} /* main 알림판, 배너 noscript 설정 20101011 jjt */ #main_contents_list div#no1 div#nonescript1{margin:0; padding:0; height:97px; width:310px;} #main_contents_list div#no7 div#nonescript7{margin:0; padding:0; height:46px; width:300px;} /* contents */ /* 일부 브라우저의 컨텐츠 내의 아이콘 배경 이미지 로딩 문제로 display 속성 추가 - 김천현(131211) */ #contents {position:relative; display:inline-block; width: 660px; margin-left:261px; padding-top:48px; z-index: 1; } /* //일부 브라우저의 컨텐츠 내의 아이콘 배경 이미지 로딩 문제로 display 속성 추가 - 김천현(131211) */ /* sub 페이지 타이틀 */ #menu_title { position:relative; height:100px; } #menu_title h1{background:url("/images/com/bullet/bullet_h1.gif") no-repeat; padding-left:16px; line-height:25px;} /*#menu_title h1{font-size:20px; line-height:23px; color:#000; font-weight:bold; background:url("/images/com/bullet/bullet_h1.gif") left top no-repeat; padding:0 0 0 16px; letter-spacing:-1px;}*/ /*인쇄, 컨텐츠 담기, 퀵메뉴*/ /* 2012.3.6 menu_btn 삭제(상단에 동일한 스타일 있음) */ /* #menu_btn { position:absolute; top:250px; right:10px; width: 280px;} */ #menu_btn ul { position: absolute; top: 0px; right: 0px; } #menu_btn2{margin-left:0;} #menu_location { width:620px; margin:8px 0 0 12px; height: 12px; z-index: 1001; } p.btn_serviceprotect{text-align:right; margin:5px 0 20px 10px; } #menu_desc { position: relative; width: 620px; margin-bottom: 0px; height:80px;} #menu_desc .menu_desc_img{position:absolute; left:0; top:0;} #menu_desc .menu_desc_text{position:absolute; left:90px; top:0;} #menu_desc .height_14{height:14px;} /* 20100629 자유게시판은 내용이 조금 길어서 위에 #menu_desc 를 사용하면 내용이 잘림 때문에 아래것을 사용해야함. */ #menu_desc_free { position: relative; width: 620px; margin-bottom: 20px;height:90px; } #menu_desc_free .menu_desc_img{position:absolute; left:0; top:0;} #menu_desc_free .menu_desc_text{position:absolute; left:90px; top:0;} /* 20100614 CPC 통합민원센터 */ #cpc_main {position:relative; top:0; width:920px; height:650px;} #sub_minwon_div{height:315px;} #cpc_guide{position: absolute; top:50px;right:0px;} #cpc_guide .often_civil{padding:30px 0 20px 0;} #cpc_guide .often_civil h2{padding-bottom:10px;} #cpc_guide .often_civil li{background:url(/images/main/cpc/new/often_civil_bul.gif) no-repeat 13px 4px;padding:1px 0 1px 30px;} #cpc_guide .use_guide li{display:inline;} #cpc_main #no6 { position: absolute; top: 330px; left: 12px; width: 210px; height: 210px; text-align: left; z-index: 2; background: url(/images/main/cpc/new/bg_cpc_no6.gif) no-repeat left top; } #cpc_main #no6 .no6_content01 { position: absolute; margin: 2px 0 0 1px; } #cpc_main #no6 .no6_content02 { position: absolute; margin: 24px 0 0 0; } #cpc_main #no6 .no6_content03 { position: absolute; margin: 58px 0 0 1px; } #cpc_main #no6 .no6_content04 { position: absolute; margin: 95px 0 0 6px; } #cpc_main #no6 .no6_content05 { position: absolute; margin: 118px 0 0 6px; } #cpc_main #no6 .no6_content06 { position: absolute; margin: 142px 0 0 6px; } #cpc_main #no6 .no6_content07 { position: absolute; margin: 176px 0 0 1px; } #cpc_main #no7 { position: absolute; top: 330px; left: 250px; width: 340px; height: 86px; text-align: left; z-index: 2; background: url(/images/main/cpc/new/bg_cpc_no7.gif) no-repeat left bottom; } #cpc_main #no7 .no7_content01 { position: absolute; top:16px; left:17px; } #cpc_main #no7 .no7_content02 { position: absolute; top:-12px; left:72px; } #cpc_main #no7 .no7_content02 .input_box { width: 175px; height: 19px; margin:0 5px 0 15px; border:3px solid #7790c5; } #cpc_main #no7 .no7_content03 { position: absolute; top:-5px; left:0; } #cpc_main #no7 .no7_content03 a { word-spacing: -0.1em; } #cpc_main #no8 { position: absolute; top: 330px; right:0px; width: 296px; height: 40px; text-align: left; z-index: 2; background: url(/images/main/cpc/new/bg_cpc_no8.gif) no-repeat left bottom; } #cpc_main #no8 .no8_content01 { position: absolute; top:13px; left:12px; } #cpc_main #no8 .no8_content02 { position: absolute; top:-20px; left:92px; } #cpc_main #no8 .no8_content02 .input_box { width: 145px; height: 17px; margin:0 2px 0 12px; border:1px solid #ccc;} #cpc_main #no9 { position: absolute; top: 442px; left: 250px; width: 340px; height: 106px; text-align: left; z-index: 2; } #cpc_main #no9 .more {position: absolute; top:12px; right:10px; } #cpc_main #no9 #tab_btn{background:url(/images/main/cpc/new/no9_tab_border.gif) no-repeat left bottom;width:330px; list-style: none; padding-top:10px;height:23px;} #cpc_main #no9 #tab_btn li{float: left;} #cpc_main #no9 .no9_list { padding: 10px 0 0 0; } #cpc_main #no9 .no9_list li { width: 314px; background: url(/images/main/cpc/new/no9_bul01.gif) no-repeat 0 2px; padding-left:20px; } #cpc_main #no10 { position: absolute; top: 395px; right: 0px; width: 296px; z-index: 2; height: 130px; text-align: left; z-index: 2; } #cpc_main #no10 .no10_box {border-bottom: 1px solid #cacaca; padding-left:8px;height: 19px;} #cpc_main #no10 .more {position: absolute; top:8px; right:0px; } #cpc_main #no10 .no10_list li{ background: url(/images/main/cpc/new/no10_bul.gif) no-repeat left 8px; padding-left:4px;width:100%;} #cpc_main #no10 .no10_list li a:hover { color:#485d8f; text-decoration: none; } #cpc_main #no10 .no10_list .no10_new { float: left; } #cpc_main #no10 .no10_list .no10_new_ico { float: right; padding:3px 30px 0 0; } .more {position: absolute; top:10px; right:10px; } /* footer */ #footer{height:100px; width:920px;} #noscript_footer{ width: 920px;} #noscript_footer .footer_mark { font-size: 0; line-height:0; float:right; width:131px;} #noscript_footer .footer_mark a{ display:block; float:left; } #noscript_footer .footer_logo{ float:left; width:118px; height:27px;} #noscript_footer .footer_logo img { margin-top:0px; } /* 7월 20일 */ #tnb{margin-top:13px;} #header #topsearch {margin:3px 0 0 0;} #menu_btn{z-index:100;} /*20120323 .skip{position:absolute; left:-1000%; /*visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;} */ /*2012.3.23 skip css 수정 */ .skip { position:absolute; z-index:8;} .skip p, .skip ul li a { position:absolute; display:block; left:0; top:0; width:1px; height:1px; margin:0 0 0 -10000px; padding:0; overflow:hidden; } .skip ul li a:hover, .skip ul li a:focus, .skip ul li a:active { width:120px; height:auto; margin:0; padding:0; } /* div 의 중복된 아이디로 인한 에러 수정 20101012 jjt */ #research{margin-left:261px;} /* 웹호환성때문에 common.css 로 들여옴 */ #etc_button {margin:0px; padding:0px;} #etc_button li {background-image:none; float:right; padding:0px 10px; position:relative;} /* 20141016 */ #etc_button_irrationality {margin:0px; padding:0px;} #etc_button_irrationality li {background-image:none; float:left; padding:0px 10px; position:relative;} /* 20101222 전체메뉴 */ /* 2011.02.27 전체메뉴 스타일 변경으로 인해 주석처리 */ /* .menu_clear{clear:both;} #all-menu{position:absolute; top:0px; left:15px; z-index:101; width:870px; height:525px; background:url(/images/com/header/all_menu_bg.gif) no-repeat; padding:8px 0px 8px 20px; letter-spacing:-1px; word-spacing:0;} #all-menu .menu_div{float:left; padding-right:10px;} #all-menu .sub_menu{border:1px solid #3b5fa7;} #all-menu p{margin-bottom:5px;} #all-menu .two_depth{padding:0 8px 5px 8px; border:1px solid #4d6eb2; background:#3e62ab;} #all-menu .two_depth li{padding-top:5px;} #all-menu .two_depth li a.left_title{float:left;} #all-menu .two_depth a{color:#d6f4a0; font-weight:bold; text-decoration:none;} #all-menu .three_depth li{padding-top:0; margin:0; line-height:11px;} #all-menu .three_depth a{color:#fff; font-size:11px; font-weight:normal; background:url(/images/com/header/all_menu_bul.gif) left 4px no-repeat; padding-left:6px;} #all-menu p.all_btn{clear:both; left:383px; position:absolute; bottom:0;} p.all_btn_close{position:absolute; top:0px; left:399px; z-index:101;} */ /* 2011년4월1일 */ #main_con1{width:275px;height:873px;background:url(/images/new_index/left_content_bg.gif) repeat-y;padding:7px 10px 10px 12px;position:absolute; left:-3px;top:-29px;} #main_con1 #content1 .photo_news {height:365px;} #main_con1 #content1 .photo_news .news_photo{margin-bottom:34px;} #main_con1 #content1 .photo_news .news_title{color:#fff;font-size:18px;font-weight:bold;line-height:24px;margin:8px 0 6px 4px;} #main_con1 #content1 .photo_news .news_title a{color:#fff;font-size:18px;font-weight:bold;line-height:24px;margin:8px 0 6px 4px;} #main_con1 #content1 .photo_news .news_text{color:#c5d1de;font-size:11px;margin:8px 0 20px 4px;} #main_con1 #content1 .photo_news .news_text a{color:#c5d1de;font-size:11px;margin:8px 0 20px 4px;} #main_con1 #content1 .num{margin:7px 2px 7px 0;float:right;position:relative;left:0px;top:-182px;} #main_con1 #content1 .num li{display:inline;padding:0 1px 0 0;} #main_con1 #content2 .num{margin:7px 0 1px 0;float:right;} #main_con1 #content2 .num li{display:inline;padding:0 1px 0 0;} #main_con1 #bottom_img{position:relative;left:-39px;top:83px;clear:both;} #main_con2{width:603px; position:absolute;left:317px;top:13px;} #main_con2 #content3{width:320px;margin-bottom:25px;float:left;} #main_con2 #content4{width:260px;float:right;height:496px;} #main_con2 #content4 #qr{margin-bottom:11px;} #main_con2 #content5{width:566px;height:285px;border:#e8e8e8 solid 4px;clear:both;padding:0 15px 12px 10px;} #main_con2 #content5 dl.often_menu{clear:both;padding-top:9px;} #main_con2 #content5 dl.often_menu dt{color:#2276bb; font-weight:bold;padding:9px 0 7px 0;} #main_con2 #content5 dl.often_menu dd{clear:both;padding:0 0 1px 9px;background:url(/images/new_index/icon_graydot2.gif) 4px 7px no-repeat;} #main_con2 #content5 dl.often_menu dd a{font-size:11px;letter-spacing:-1px;} #main_con2 #content5 #content5_1{float:left;margin-right:18px;} #main_con2 #content5 #content5_2{float:left;} #main_con2 #content5 #content5_3{float:right;margin:11px 0 0 15px;} .rolling_banner li{padding:2px 0;float:left;margin:0 0 50px 0;} /* 20110526 배너 펼치기 .rolling_btn{position:relative;left:180px;top:-16px;width:35px;} */ .rolling_btn{left: 115px;position: relative;top: -16px;width: 135px;} .blue_title{color:#2276bb; font-weight:bold;margin:5px 0 0 7px;} /* main 알림판, 배너 noscript 설정 2011_0401 jjt */ /* 20110525 레이아웃 수정 #main_con1 #content1 #nonescript_photonews{margin:0; overflow-x:hidden; overflow-y:scroll; padding:0; height:370px; width:288px;position:absolute; left:12px;top:7px;background:url(/images/new_index/left_content_bg.gif) repeat-y -10px 0;} #main_con1 #content2 #nonescript1{margin:0; overflow-x:hidden; overflow-y:scroll; padding:0; height:152px; width:288px;position:relative;left:0px;top:-156px;} */ #main_con1 #content1 #nonescript_photonews {background: url("/images/new_index/left_content_bg.gif") repeat-y scroll -10px 0 transparent;height: 335px;left: 8px;margin: 0;padding: 0;position: absolute;top: 7px;width: 283px;} #main_con1 #content2 #nonescript1{height: 150px;left: 8px;margin: 0;padding: 0;position: absolute;top: 400px;width: 282px;} #main_con2 #content5 #content5_3 #nonescript2{margin:0; padding:0;height:199px; width:226px;position:relative;left:0px;top:-204px;} /* 탭메뉴 관련 css */ /* tab_box1 */ #tab_box1{float:left;width:325px;position:relative;} #tab_box1 div.board{width:312px;} #tab_box1 div.board a#tab01{top:7px; left:0px; z-index:1;} #tab_box1 div.board a#tab02{top:7px; left:74px; z-index:1;} #tab_box1 div.board a#tab03{top:7px; left:148px; z-index:1;} #tab_box1 div.board a#tab04{top:7px; left:222px; z-index:1;} #tab_box1 div.board .tabcontent_box{padding:0 0 3px 9px;background:url(/images/new_index/icon_graydot.gif) 4px 7px no-repeat;} #tab_box1 div.board .tabcontent{top:46px;height:120px;} #tab_box1 .date{color:#999;font-size:11px;letter-spacing:normal;} #policy{top:184px;width:312px;background:url(/images/new_index/policy_top_bg.gif) left 8px no-repeat;height:40px;} #policy #info_tab01{top:8px; left:0px;} #policy #info_tab02{top:8px; left:99px;} #policy .tabcontent{width:310px;margin-top:30px;} #policy .tabcontent .tabcontent_box{margin-bottom:10px;} #policy .tabcontent .tabcontent_box li{line-height:15px;} #policy .tabcontent_box li.bg1{float:left; background:#289ac2;padding-top:1px;width:79px;text-align:center;vertical-align:middle;margin-right:6px;font-size:11px;color:#fff;height:15px;letter-spacing:-1px;} #policy .tabcontent_box li.bg2{float:left; background:#10799f;padding-top:1px;width:79px;text-align:center;vertical-align:middle;margin-right:6px;font-size:11px;color:#fff;height:15px;letter-spacing:-1px;} .policy_onscript {width:312px;} .policy_onscript .infor_tab {width:332px; } .policy_onscript li {margin: 0 0 2px 0;} .policy_onscript .tabcontent {left:10px;top:23px;position: absolute;} /* tab_box2 */ #tab_box2{float:left;width:270px;position:relative;} #tab_box2 div.blog{width:265px;} #tab_box2 div.blog .tabcontent{border:#289ac2 solid 2px;padding-top:2px;width:257px;top:57px;} #tab_box2 div.blog .tabcontent{height:250px;} #tab_box2 div.blog a#blog_tab01{top:27px;left:0px;z-index:1;} #tab_box2 div.blog a#blog_tab02{top:27px;left:66px;z-index:1;} #tab_box2 div.blog a#blog_tab03{top:27px;left:132px;z-index:1;} #tab_box2 div.blog a#blog_tab04{top:27px;left:198px;z-index:1;} #tab_box2 div.blog .tabcontent_box1{margin-bottom:10px;clear:both;} #tab_box2 div.blog .tabcontent .tabcontent_box1 dd.date {color:#999;font-size:11px;letter-spacing:normal;padding-bottom:1px;} #tab_box2 div.blog .tabcontent .tabcontent_box1 dt{float:left;padding-left:8px;} #tab_box2 div.blog .tabcontent .tabcontent_box1 dd{float:right;width:175px;padding-right:12px;letter-spacing:-1px;} #tab_box2 div.blog .tabcontent .photo{width:60px;} #tab_box2 div.blog .tabcontent .fontb{font-weight:bold;color:#2276bb;} #tab_box2 div.blog .tabcontent .fontb a{font-weight:bold;color:#2276bb;} /* 2012.3.20 폰트 색상 수정 */ .font_blue{color:#5061a7;letter-spacing:normal;} .font_blue a{color:#5061a7;letter-spacing:normal;} /* 20120320 .font_blue{color:#2276bb;letter-spacing:normal;} .font_blue a{color:#2276bb;letter-spacing:normal;} */ #tab_box2 div.blog .tabcontent .tabcontent_box2 dd.line{border-bottom:#eee solid 1px;padding-bottom:8px;margin-bottom:8px;} #tab_box2 div.blog .tabcontent .tabcontent_box2 dd{width:236px;padding:0 10px;letter-spacing:-1px;} #tab_box2 div.blog .tabcontent .tabcontent_box2 dd.date {color:#999;font-size:11px;letter-spacing:normal;padding-bottom:16px;} /* 게시글 등록할 때 html 태그 20110525 css */ .table03 td#double_table div#phone_info p.title{font-weight:bold; font-size:16px; color:#0e0e0e;} .table03 td#double_table div#phone_info p.sub_title{font-weight:bold; margin:35px 0 10px 0; font-size:14px;} .table03 td#double_table div#phone_info .sub_text{padding-left:10px; margin:20px 0 0 0;} .table03 td#double_table div#phone_info table.phone_table{border-top:1px solid #333; margin:15px 0 10px 5px; width:100%;} .table03 td#double_table div#phone_info table.phone_table th{text-align:center;} .table03 td#double_table div#phone_info table.phone_table td.right{text-align:right;} .table03 td#double_table div#phone_info table.phone_table th, .table03 td#double_table div#phone_info table.phone_table td{border-bottom:1px solid #333; padding:5px;border-left:1px solid #333;border-right:1px solid #333;} .table03 td#double_table div#phone_info table.phone_table tbody th{border-left:none;} .table03 td#double_table div#phone_info table th.border_no{border-left:none;} .table03 td#double_table div#phone_info table caption{visibility:hidden; height:0;width:0;position:absolute;left:-10000px;} .table03 td#double_table div#phone_info span.blue{color:#0066ff;} .table03 td#double_table div#phone_info dl{padding:10px 0;} .table03 td#double_table div#phone_info dl dt{margin:14px 0; font-weight:bold;} .table03 td#double_table div#phone_info dl dd{padding-bottom:7px;} .table03 td#double_table div#phone_info div.qna{ padding:0 10px;} .table03 td#double_table div#phone_info div.qna p.que{font-weight:bold; margin-bottom:7px;} .table03 td#double_table div#phone_info div.qna p.que_blue{font-weight:bold; margin-bottom:7px; color:#0000ff;} .table03 td#double_table div#phone_info p.ans{margin-bottom:20px;} .table03 td#double_table div#phone_info table.phone_table thead th{ text-align:center; background:#f9f9f9;} /* 게시글 등록할 때 html 태그 20130627 css */ .table03 td#double_table div#phone_info p.title02{font-weight:bold; margin:25px 0 0 0; font-size:16px; color:#0e0e0e;} .table03 td#double_table div#phone_info p.title_center01{text-align:center; font-weight:bold; margin:20px 0 0 0; font-size:16px; line-height:26px;} .table03 td#double_table div#phone_info p.title_center02{text-align:center; font-weight:bold; margin:20px 0 0 0; font-size:16px; color:#0e0e0e;} .table03 td#double_table div#phone_info p.content_left01{text-align:left; font-weight:bold; margin:20px 0 0 0; font-size:12px;} .table03 td#double_table div#phone_info p.sub_title02{padding-left:20px; padding-right:20px; font-weight:bold; margin:20px 0 0 0; font-size:14px; line-height:20px;} .table03 td#double_table div#phone_info p.sub_title_right01{text-align:right; font-weight:bold; margin:20px 0 0 0; font-size:14px;} .table03 td#double_table div#phone_info p.sub_title_right02{text-align:right; font-weight:bold; margin:20px 0 0 0; font-size:12px;} .table03 td#double_table div#phone_info p.sub_title_left01{text-align:left; font-weight:bold; margin:30px 0 0 0; font-size:12px;} .table03 td#double_table div#phone_info p.sub_title_left02{text-align:left; margin:10px 0 0 15px; font-size:12px;} .table03 td#double_table div#phone_info .sub_text02{padding-left:40px; padding-right:40px; margin:15px 0 0 0;} /* 배너 펼치기 추가 20110526 */ .blue_title a img{vertical-align:top;} /* 2011 D-Day */ #contents_main #main_con1 div#dday{width: 140px;} #contents_main #main_con1 div#dday{position:absolute;top:758px; left:172px;} #contents_main #main_con1 div#dday p.date{float:left;font-size:14px;color:#fff; font-weight:bold; background:url(/images/new_index/dday_bg.gif) left top no-repeat; width:8px; height:41px; padding:5px 9px; margin: 10px 2px 0 0;} /* SNS 퍼가기 20111026 */ #btn02 {height: 22px; float: left;} /* 비전과임무 수정 20111107 */ #contents ul.vision {margin-left: 8px;} #contents ul.vision li {background: url(/images/com/bul/bul_dot.gif) left 7px no-repeat; padding-left: 9px; float: left; margin-right: 78px;} #contents ul.vision li a {display: block; margin-top: 5px;} div#table td#double_table div.digital_con{width:600px; margin:30px auto; border:1px solid #333;} div#table td#double_table div.digital_con{background:url(/images/com/popup_20111129/popup_20111129_bg.jpg) no-repeat;} div#table td#double_table div.digital_con ul.logo_img{float:right; padding:2px 10px 0 0;} div#table td#double_table div.digital_con ul.logo_img li{float:left;} div#table td#double_table div.digital_con p.digi_title{clear:both; text-align:right; padding:19px 14px 43px 0;} div#table td#double_table div.digital_con div.digi_box{padding:0 18px 12px 18px;} div#table td#double_table div.digital_con p.di_subtitle{margin:10px 0;} div#table td#double_table div.digital_con div.digi_box table.disital{border-top:2px solid #75a7c2; border-left:1px solid #75a7c2; color:#000; margin-bottom:15px;} div#table td#double_table div.digital_con table.disital thead th{background:#dbeef5; padding:5px 0; text-align:center; font-size:14px;} div#table td#double_table div.digital_con table.disital th, div#table td#double_table div.digital_con table.disital td{border-bottom:1px solid #75a7c2; border-right:1px solid #75a7c2;} div#table td#double_table div.digital_con table.disital tbody th{color:#0f3f7d; font-size:14px; text-align:center; padding:0 10px;} div#table td#double_table div.digital_con table.disital td{font-size:12px; padding:0px 3px; height:21px;} div#table td#double_table div.digital_con table.disital td.gold{text-align:center; font-size:14px;} /* 지상파 디지털방송 전환 지원안내 20120215 */ #main_con1 .content3 { position:relative; margin:10px 0 0 0; padding:0; } /* 2012.3.23 위원장메모(목록) 추가 */ #cmi_memo { position: relative; width: 650px; margin-bottom: 20px; border-top:3px solid #91A5E3; } #cmi_memo li { width:650px; border-bottom: 1px solid #e8e8e8; padding-bottom:10px; } .memo_col { position: relative; padding:10px; } .memo_col p { float:left; width:150px; } .memo_col dl { position: relative; float:right; width:465px; } .memo_col dl dt a { font-size:1.1em; color: #3653a0; } .memo_col dl dd { width:100%; margin-bottom:5px; } /* 2012.3.23 위원장메모(상세보기) 추가 */ #cmi_memo_view { position: relative; width: 650px; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;} #cmi_memo_view h2 { font-size:1.2em; color: #3653a0; font-weight:bold; } #cmi_memo_view p.date { padding:3px 0 5px 0; border-bottom: 1px solid #e8e8e8; } #cmi_memo_view p { padding:20px 10px 10px; } #cmi_memo_view p.imgArea { text-align:center; } #cmi_memo_view p img { border:1px solid #ccc; }