@charset "utf-8"; #body{text-align:center; width:95%; background: url(../img/main/topBg.gif) repeat-x 0 0; font-family: Dotum,Arial,sans-serif,Verdana,Helvetica,geneva;} body{text-align:center; width:95%;font-family: Dotum,Arial,sans-serif,Verdana,Helvetica,geneva;} /* IE 6, 7 */ * html body, *:first-child+html body{font-size:12px/*0.75em*/;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0;padding:0;} h1, h2, h3, h4, h5, h6{ font-size:100%;} ol, ul{ list-style:none;} address, caption, cite, code, dfn, em, label{ font-style: normal; font-weight:normal;} img{ border:none;vertical-align:top;} caption{ display: none; clear:both; table-layout:fixed; border-collapse:collapse;} fieldset{ border: none; margin: 0; padding: 0;} input{ vertical-align:middle; font-family: Dotum, Gulim; color: #4d4d4d; font-size: 12px/*0.90em*/;} select, input, textarea{ font:100% Dotum, Tahoma, sans-serif; vertical-align:middle; color:#555; padding:2px 1px 2px 1px;} select{ height: 20px;} textarea{ font-family: Dotum, Gulim; color: #777; font-size:100%; border: 1px solid #d2d5d6; } .checkbox, .radio{ margin-right: 3px;} * html .radio{ margin-top:-4px; margin-right: 0;} *:first-child+html .radio {margin-top:-4px; margin-right: 0;} * html .checkbox {margin-top:-4px; margin-right: 0;} *:first-child+html .checkbox {margin-top:-4px; margin-right: 0;} .toggler { position: absolute; left: 391px; width: 330px; height: 100px; z-index: 1000; margin-top: 0px; margin-left:370px; text-align: left; font-size: 12px;} #button { padding: .5em 1em; text-decoration: none;} #effect { width: 220px; padding: 0.4em; position: relative; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; } .top{ width:1000px; padding:0; margin:20px auto 35px; } .con{ width: 1000px; margin:0 auto; position: relative; } .left{ width:1000px; padding:0; margin:20px auto 50px; text-align: left; overflow: hidden; } .right{ position: relative; width:600px; padding:0; margin:20px auto 50px; z-index: 2000; } /* start:2011.06.22 add */ .announce{ float: left; width: 50%;} .range{ float: left; margin-left: 2%; width: 48%;} .announce h2, .range h2{ background: url(../img/main/bullet.gif) no-repeat 0 45%; padding-left: 20px; font-size: 14px; margin: 0 0 8px 7px;} .announce p, .range p { font-size: 12px; margin: 10px 0; line-height: 1.5;} .range table{margin:15px 0 0 10px; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px;} .range table thead th, .range table thead td, .range table tbody th, .range table tbody td{border-style:none; border:0; border-width:0; text-align: left; color: #5F5F5F;} .range table thead th, .range table thead td{color:#818181; padding: 8px 5px;} .range table td strong{ background: url(../img/main/dot3.gif) no-repeat 0 2px; padding-left: 12px;} .boxStyle{ position: relative; background: #f2f3f4;} .boxStyle .btmRound{ position: absolute; background: url(../img/main/box1Round.gif) no-repeat; width: 6px; height: 6px; bottom: 0;} .boxStyle .btmRound.rgt{ background-position: 100% 0; right: 0;} .boxStyle .btmRound.rgtTop{ background: url(../img/main/box1RoundTop.gif) no-repeat 100% 0 !important; top: -2px; right: 0; width: 6px; height: 6px;} .boxStyle .btmRound.lftTop{ background: url(../img/main/box1RoundTop.gif) no-repeat 0 0 !important; top: -2px; width: 6px; height: 6px;} .boxStyle .box1{ margin-right: 2px; background: #ffffff; border: 1px solid #e3e5e6; position: relative; bottom: 2px; padding: 10px;} .boxStyle .box1.login{ padding: 5px;} .boxStyle .box1.login h2{ margin: 0 0 10px; position: relative; left: 3px; top: 0px; padding: 0; font-size: 12px; background: url(../img/main/login_h2.gif) no-repeat 0 0; width: 200px; height: 28px; line-height: 2.3; color: #ffffff; text-align: center;} .inputData { border: 1px solid #E4E6E8; font-size: 12px; height: 16px !important; margin-bottom: 1px; padding: 1px 5px 0; } .toggler table{ margin-top: -10px;} .toggler table th{ background: url(../img/main/dot4.gif) no-repeat 8px 7px; padding-left: 18px; font-size: 11px; color: #5F5F5F; } .toggler table th label{ cursor: pointer;} .list1{ list-style: none; margin: 0; padding: 0;} .list1 li{ background: url(../img/main/dot3.gif) no-repeat 0 4px; padding-left: 13px; font-size: 12px; color: #5F5F5F; line-height: 1.5; margin: 5px 0;} .text01{ font-size: 12px; color: #5F5F5F; line-height: 1.5; } .text02{ font-size: 14px; color: #5F5F5F; line-height: 1.5; } /* end:2011.06.22 add */ #head{ width:1000px; height:50px; border:1px; padding:0; margin:5px 5px 35px 5px; } #left{ float:left; width:500px; height:500px; padding:0; margin:0; } #right{ float:left; width:450px; height:500px; padding:0; margin:20px 0px 0px 10px; } #tb_bg_row{ background:url(./../img/main/line.gif); width:100%; height:2px; margin:0; padding:0; } #tb_bg_col{ background:url(./../img/main/line.gif); width:2px; height:190px; margin:0; padding:0; } #tb_bg_row1{ background:url(./../img/main/line.gif); width:100%; height:2px; margin:0; padding:0; } #tb_bg_col2{ background:url(./../img/main/line.gif); width:2px; height:221px; margin:0; padding:0; } #tb_bg_col3{ background:url(./../img/main/line.gif); width:2px; height:150px; margin:0; padding:0; } #text_sub{ color:red; font-size:17px; font-weight:bold; line-height:18px; text-align:left; font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial; border:1px solid #DDDCD7; margin:0; } #text_sub1{ color:blue; font-size:17px; font-weight:bold; line-height:18px; text-align:left; font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial; border:1px solid #DDDCD7; margin:0; } #text{ color:#5F5F5F; font-size:13px; line-height:18px; text-align: left; font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial; background-color:#F9FAFF; border:1px solid #DDDCD7; margin:0; } #text_blue{ color:blue; } #tab_01{ border-style:solid } #sub{ color:blue; font-size:35px; font-weight:bold; text-align:left; font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial; border:1px solid #DDDCD7; margin:0; } /* 2011. 10. 28 add */ #skipToContent { position: absolute; width: 100%; } #skipToContent a { color: #000000; display: block; height: 0; overflow: hidden; position: absolute; text-align: center; white-space: nowrap; width: 0; } #skipToContent a:focus, #skipToContent a:active { background: none repeat scroll 0 0 #57C4E0; border-bottom: 1px solid #44ABD2; color: #005283; font-weight: bold; height: auto; padding: 5px; width: 99%; } .skip, legend { font-size: 0; height: 0; line-height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .floatDiv{} .floatDiv:after{ content: ""; display: block; clear: both;} .fl{ float: left;} .fr{ float: right;} .wrap{ width: 940px; margin: 0 auto;} .wrap.log{ width: 1020px;} .header h1{ margin: 10px 0 50px;} #contentBody .conLft{ width: 590px; text-align: left;} #contentBody .conLft h2{ font-size: 16px; color: #3e7cb0} #contentBody .conLft h2 span{ color: #333; font-size: 12px;} #contentBody .conRgt{ text-align: left; vertical-align: top; padding-top: 20px;} #contentBody .conRgt li{ margin: 5px 0} #contentBody .conRgt #button{ padding: 0;} .bl_box{ margin: 5px 0 20px; padding: 20px 10px; border: 2px solid #3e7cb0; padding:10px; font-size: 12px; color: #5F5F5F} #contentBody .conLft .bl_box ul{ margin: 10px 15px; list-style:square; list-style-position: outside; font-size: 12px; color: #5F5F5F} #contentBody .conLft .bl_box ul li{ margin: 5px 0; line-height: 1.5} #contentBody .conLft .bl_box ul li .bl{ color: #3e7cb0; text-decoration: underline;} #contentBody .conLft .floatDiv{ list-style: none !important; margin: 0 !important;} #contentBody .conLft .floatDiv li{ margin:1px !important;; text-align: center; padding: 5px 0; font-weight: bold; background: #e4e4e4; cursor: pointer;} #contentBody .conLft .floatDiv li:hover{ background: #73b2e4; color: #fff;} #contentBody .conLft .floatDiv li.w28{ width: 28%;} #contentBody .conLft .floatDiv li.w42{ width: 42%;} .sub_bg{ background: #fff;} .sub_wrap{ width: 890px; margin: 0 auto;} .sub_wrap.w990{width: 990px !important} .sub_wrap .sub_header{ padding: 10px 0; background: url(../img/title_line.gif) no-repeat 0 100%; height: 35px;} .sub_wrap .sub_header .fr{ padding-top: 13px;} .sub_wrap .sub_grid, .sub_grid{ background: #B3B3B3; margin: 10px 0;} .sub_wrap .sub_grid table th, .sub_wrap .sub_grid table td, .sub_grid table th, .sub_grid table td{ padding: 5px; font-size: 12px;} .sub_wrap .sub_grid table th, .sub_grid table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;} .sub_grid table th label{color: #1E386F; cursor: pointer;} .sub_grid table th.tableG2{ background: #F3F3F3;} .sub_grid table .tableW{ background: #EBF9E3} .sub_wrap h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;} .sub_wrap .sub_grid table td, .sub_grid table td{text-align: left; background: #fff} .sub_wrap .sub_grid table td img, .sub_grid table td img{ vertical-align: middle;} .sub_wrap .sub_grid table td input[type=checkbox]{ margin: 0 3px 5px 0; border: 0 !important;} .sub_wrap .sub_grid table td input[type=radio]{ border: 0 !important;} .sub_wrap .sub_grid table th.bg_red{ background: #EED2EE;} .sub_wrap .sub_button table { width:100%; border:1px;} .app_num{ font-size: 12px; color: #1E386F; text-align: left !important; position: relative; top: 8px; font-weight: bold;} div.tdbg{ padding:5px; font-size: 12px; margin: 5px 0;} .mt10{ margin-top: 10px !important;} .mt15{ margin-top: 15px !important;} .mt20{ margin-top: 20px !important;} .ml10{ margin-left: 10px;} .ml20{ margin-left: 20px;} .ce{ text-align: center !important;} .lft{ text-align: left !important;} .rgt{ text-align: right !important;} .blue{ color: #1E386F !important;} .red{ color: red} .pointer{ cursor: pointer;} .green{ color: green;} .strong{ font-weight: bold !important;} .vmid{ vertical-align: middle;} .vbtm{ vertical-align: bottom;} .p12{ font-size: 14px;} .checkUser{ margin: 10px auto; width: 350px;} .checkUser h1{ margin: 0 !important; background: url(../img/title_line.gif) no-repeat 30% 105%; padding-bottom:1px; text-align: left;} .sub_grid2{ width: 990px; background: #fff; height: 150px;} .sub_grid2 table { border-collapse:collapse; table-layout: fixed; margin: -1px 0 0 0; width: 100%;} .sub_grid2 table tbody td{ border: 1px solid #B3B3B3; border-collapse:collapse;} .sub_grid2 table .col1{width:155px !important;} .sub_grid2 table .col2{width:185px !important;} .sub_grid2 table .col3{width:145px !important;} .sub_grid2 table .col4{width:125px !important;} .sub_grid2 table .col5{width:120px !important;} .sub_grid2 table .col6{width:180px !important;} .sub_wrap3{ width:590px; margin: 0 auto; align:left;} .sub_wrap3 .sub_grid3, .sub_grid3{ background: #B3B3B3; margin: 10px 0;} .sub_wrap3 .sub_grid3 table th, .sub_wrap3 .sub_grid3 table td, .sub_grid3 table th, .sub_grid3 table td{ padding: 2px; font-size: 12px;} .sub_wrap3 .sub_grid3 table th, .sub_grid3 table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;} .sub_grid3 table th label{color: #1E386F; cursor: pointer;} .sub_wrap3 h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;} .sub_wrap3 .sub_grid3 table td, .sub_grid3 table td{text-align: left; background: #fff} .sub_grid4 table th, .sub_grid4 table td, .sub_grid4 table th, .sub_grid4 table td{ padding: 2px; font-size: 12px;} .sub_grid4 table th, .sub_grid4 table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;} .sub_grid4 table th label{color: #1E386F; cursor: pointer;} .sub_grid4 h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;} .sub_grid4 table td, .sub_grid4 table td{text-align: left; background: #fff}