html, body { height: 100%; } body { padding: 0; margin: auto; font: 9pt verdana; text-align: center; background: #fff; } #outer{ height: 100%; margin-bottom: -143px; color: #000000; text-align: center; width: 930px; /*background: #fff;*/ background: url('/common/images/main_bg.jpg'); } html>body #outer { height: auto; margin-bottom: -125px; margin-left: auto; margin-right: auto; text-align: center; background: url('/common/images/main_bg.jpg'); } /*Mozilla*/ .allgray { background: url('/common/images/main_bg1.jpg'); } .allwhite { background: url('/common/images/main_bg2.jpg'); } #header { text-align: center; height: 102px; border-top: 5px solid #fff; background:#fff; } div, p, form { margin: 0 }/*clear top margin for mozilla*/ A:link { color: #1F7DE7; } A:visited { color: #273E77; } A:hover { color: #ACB7D3; } #search { clear: both; margin: 0px; vertical-align: top; } #search input.textbox { width: 100px; height: 18px; border:1px solid #E2AC3B; /*background: url('/common/images/t_search.gif') no-repeat 5px 5px;*/ } #search input.search_button { margin-left: 5px; } /*text logo*/ #toplogo { width: 930px; text-align: left; height: 53px; } #toplogo_left { float:left; width: 200px; } #toplogo_right { float:right; width: 725px; text-align:right; } #topmenu { } #sitenav { text-align: right; margin: 0; padding-right: 15px; } #sitenav li { display: inline; margin: 0; line-height: 25px; height: 25px; padding: 6px 10px; } #sitenav li a:visited, #sitenav li a:link { text-decoration: none; margin: 0; font: 8pt tahoma; color: #ffffff; } #sitenav li a:hover { color: #000000; } #sitenav li.selected { padding: 6px 10px; } #sitenav li.selected a:link, #sitenav li.selected a:visited { color: #000000; } #mainbox { height: auto; width: 930px; text-align: left; } a:link.main_nav, a:visited.main_nav { display: block; color: #000; background: #aaa; width:100%; text-decoration: none; border-bottom:1px solid #888; } a:hover.main_nav { background: #7088CA; color: #fff; } a:link.main_nav div, a:visited.main_nav div, a:link.main_nav2 div, a:visited.main_nav2 div, a:link.main_nav3 div, a:visited.main_nav3 div, a:link.sub_nav div, a:visited.sub_nav div{ margin-left:20px; height: 17px; line-height: 17px; padding-top: 0px; cursor: pointer; } a:link.sub_nav div, a:visited.sub_nav div { margin-left:40px; } a:link.main_nav2, a:visited.main_nav2 { display: block; color: #000; background: #DAA376; width:100%; text-decoration: none; border-bottom:1px solid #CB7C3A; } a:hover.main_nav2 { background: #EEA45E; } a:link.main_nav3, a:visited.main_nav3 { display: block; color: #fff; background: #1F7DE7; width:100%; text-decoration: none; border-bottom:1px solid #273E77; } a:link.sub_nav, a:visited.sub_nav { display: block; color: #000; background: #ccc; width:100%; text-decoration: none; border-bottom:1px solid #aaa; } a:hover.sub_nav { background: #96A7D8; } #left { position: relative; float: left; width: 150px; vertical-align: top; background: #E9E5E6; height: auto; /*left: 1px; push column into position*/ /*margin-left: -177px;/*must be 1px less than width otherwise won't push footer down */ } #right { float: right; width:775px; height: auto; } #right span.round_top { display: block; width: 100%; font-size: 0px; /*ie*/ height: 0px; /*mozilla*/ } .page_content { padding: 15px; font: 8.5pt verdana; line-height: 140%; color:#333; /*min-height: 400px; he\ight: 350px;*/ height:auto; font: 9pt gulim; } .page_content td{ font: 9pt tahoma; } .page_content br { letter-spacing: 0; } .page_content h2 { font: bold 140% dotum; margin: 10px 0px; } .page_content h3, .page_content .headline3 { font: bold 9pt tahoma; height: 20px; line-height: 20px; color: #1F7DE7; background: #A9B7DF; border-top: 1px solid #273E77; border-bottom: 1px solid #273E77; margin-top:10px; } .page_content .h3 { background: #A9B7DF; border-top: 1px solid #273E77; border-bottom: 1px solid #273E77; padding: 5px; font-weight: bold; } .page_content h3 span { background: #B5C3D7; padding: 3px 7px; } .page_content p { margin: 5px 0px; line-height:140%; } .page_content b { color: #1F7DE7; } .page_content ul { margin: 0px 20px } .contents_left { position: relative; float: left; width: 300px; border-right: 1px dashed #999999; } .contents_right { position: relative; float: right; width: 300px; } #ongoing_project { height: 150px; padding: 10px; } #right_content { } #nav { color: #1F7DE7; text-align: left; background: #fff; height: 28px; } #nav .dp_content { letter-spacing: -1px; font: 8pt dotum; color: #286DA8; } #nav a:link, #nav a:visited { letter-spacing: -1px; text-decoration: none; line-height: 18px; color: #286DA8; } #nav a:hover { text-decoration: underline; } #mainbox h1{ margin:0; padding: 28px 0px 5px 15px; font: bold 14pt dotum; letter-spacing:-1px; } #right_content h2 { background: url('/common/images/h2_bg.jpg') no-repeat; font: bold 9pt gulim; height: 20px; line-height: 20px; padding-left: 10px; letter-spacing: -1px; margin-top: 20px; } #right_content h2.green { background: url('/common/images/heading/h2_bg_green.jpg') no-repeat; font: bold 9pt gulim; height: 20px; line-height: 20px; padding-left: 10px; letter-spacing: -1px; margin-top: 20px; } #right_content p { margin-left: 10px; } #clearfooter{ clear: both; height: 53px; }/*needed to make room for footer*/ #footer { width: 930px; margin: auto; font: 8pt tahoma; color: #666; text-align: center; border-bottom: 10px solid #fff; background:#fff; } /*login_menu*/ #login_mn { float: right; margin-bottom: 0px; } #login_mn_login { background: url('/common/images/b_login.gif') no-repeat; width: 45px; height: 7px; cursor: pointer; display: block; float: left; } #login_mn_logout { background: url ('/common/images/b_logout.gif') no-repeat; width: 55px; height: 7px; cursor: pointer; display: block; float: left; } #login_mn_join { background: url('/common/images/b_join.gif') no-repeat; width: 31px; height: 7px; cursor: pointer; display: block; float: left; } #login_mn_info { background: url('/common/images/b_info.gif') no-repeat; width: 31px; height: 7px; cursor: pointer; display: block; float: left; } #login_mn_korean { background: url('/common/images/eng/b_korean.gif') no-repeat; width: 52px; height: 7px; cursor: pointer; display: block; float: left; } #login_mn br { clear: both; } /*bottom_menu*/ #btm_mn { text-align: left; } #btm_mn b { width: 90px; display: block; float: left; margin-left: 15px; } #btm_mn a:link, #btm_mn a:visited { font: 8pt dotum; color: #276DA8; text-decoration: none; padding: 0px 2px; word-spacing: 0px; letter-spacing:-1px; } #copyright { font: 7.5pt tahoma; padding: 5px 0px; color: #666666; background:#fff; text-align: center; } /*write*/ #writeform { padding: 0px; font: 9pt verdana; } #writeform .options{ padding-left: 80px; font: 8.5pt verdana; } #writeform b { display: block; width: 80px; float: left; color: #3B569D; font: bold 8pt tahoma; } #writeform .filename { color: #104894; font: bold 8pt tahoma; letter-spacing: 0; width: 300px; } #writeform .subject { width: 450px; height: 20px; font: 9pt gulim; border: 1px solid #999; } #writeform br { clear: left; } #writeform textarea { width: 500px; height: 350px; font: 9pt gulim; padding:10px; border: 1px solid #627CC4; } #writeform .files { width: 450px; height: 20px; font: 8pt verdana; border: 1px solid #aaaaaa; } #writeform .links { width: 500px; height: 15px; font: 8pt verdana; border: 1px solid #aaaaaa; } #writeform .input { border: 1px solid #627CC4; color: #3B569D; } .category { font: 9pt gulilm; color: #627CC4; } #page { clear: left; padding-top: 10px; } .align_center { text-align: center; } #login_div { margin: auto; background: #ACB7D3; padding: 15px; width: 270px; } #login_div p { margin: 5px 0px; font: 100% tahoma; } #login_div .t_head { background: #1F7DE7; color: #fff; margin-bottom: 10px; font: bold 100% tahoma; padding: 5px; } #login_div b { display: block; width: 90px; float: left; color: #1F7DE7; padding-left: 5px; text-align: left; } #login_div input.text { width: 140px; height: 18px; font: 100% tahoma; border: 1px solid #aaaaaa; } /*list*/ #list { } #list .thumbnail{ float: left; border: 1px solid #cccccc; margin-right: 5px; } .page_content .notice { height: 60px; padding: 10px; background: #C6D0E1; margin-bottom: 10px; } .page_content .notice a:link, .page_content .notice a:visited, .page_content .notice .notice_subject{ font: bold 100% verdana; text-decoration: none; line-height: 18px; color: #104894; } .page_content_right { text-align: right; } .page_content img { border: 0; } .page_content hr { height: 1px; color: #999; } .page_content ul { margin-left: 40px; } .page_content ol li { margin-left: 10px; } .page_content strong { color: #276DA8; } .page_content ul.img { list-style-image: url('/common/images/bullets/bl_1.gif'); vertical-align: top; } .page_content li { margin-bottom: 5px; } .list_each { border-bottom: 1px solid #ddd; text-decoration: none; font-weight: bold; padding:2px 0px; height:22px; } .list_each .l_no { display: block; float:left; width: 50px; text-align: center; font: bold 7pt tahoma; } .list_each .l_date { display: block; float:left; width: 50px; font: 8pt tahoma; color: #1F7DE7} .list_each .l_subject, .list_each .l_subject_new { display: block; float:left; width: 300px; text-align: left; } .list_each .l_name { display: block; float:left; width: 110px; font: 11px tahoma; } .list_each .l_view { display: block; float:left width: 70px; font: 8pt tahoma; } .list_each_no { font: bold 9pt tahoma; color: #004A80; float: left; width: 30px; } .list_each_date { background: url('/common/images/bullets/gray/note.gif') no-repeat left middle; font: normal 95% tahoma; color: #004A80; padding: 0px 10px 0px 15px; } .list_each_name { color: #666; font: 90% tahoma; padding-left: 10px; } .list_each_comment_num { font: 9px tahoma; color: #273E77; padding: 0 2px; } .list_each a:link, .list_each a:visited { text-decoration: none; color: #000; font-weight: normal; } .list_each a:hover { color: #1F7DE7; } .l_subject_new a:link, .l_subject_new a:visited { //new posting text-decoration: none; color: #344C8A; } #comment { font: bold 8pt tahoma; color: #3B569D; } #comment input, #comment textarea { border: 1px solid #ccc; font: 9pt gulim; color: #3B569D; } /*view*/ #view { padding: 10px; font: bold 9pt verdana; } #view .view_image { } #view .view_subject { font: bold 9pt verdana; color: #336600; margin: 5pt 0pt; background: #A6BF8A; } #view .view_memo { padding: 5px; line-height: 150%; } #view .view_memo b{ color: #104894; } /*divider*/ #pagenum { text-align: left; font: 100% tahoma; word-spacing: 3px; color: #3B569D; padding-bottom: 5px; padding-left: 10px; } #pagenum b { font: bold 9pt tahoma; color: #111111; } #pagenum a:link, #pagenum a:visited { font: 9pt tahoma; color: #3B569D; text-decoration: none; min-height: 12px; } #pagenum .hr { width: 350px; margin: 5px 0px; } #pagenum span { position: relative; word-spacing: 0px; width: 250px; float: right; } #pagenum span a:link, #pagenum span a:visited, #pagenum span a:hover { background:url('/common/images/buttons/blue/btn_bg.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; display: block; float: right; letter-spacing: 0px; } #pagenum span a:hover { background:url('/common/images/buttons/blue/over/btn_bg.gif') no-repeat; } #pagenum br { clear: both; } /*buttons*/ #buttons { margin-top: 15px; font: 7pt tahoma; letter-spacing: 0; } #buttons span.right{ position: relative; display: block; float: right; width: 320px; text-align: left; } #buttons span.left{ position: relative; display: block; float: left; width: 320px; text-align: right; } #buttons a:link, #buttons a:visited, #buttons a:hover { display: block; width: 41px; background:url('/common/images/buttons/blue/btn_bg.gif') no-repeat; color: #ffffff; text-decoration: none; text-align: center; min-height: 12px; } #buttons a:hover { background:url('/common/images/buttons/blue/over/btn_bg.gif') no-repeat; } #buttons .icons_submit{ background: url('/common/images/buttons/blue/btn_bg.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; border: none; min-height: 12px; height: 12px; } #buttons .icons_submit_over{ background:url('/common/images/buttons/blue/over/btn_bg.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; cursor: pointer; border: none; vertical-align: top; } #buttons_2 { text-align: center; padding-top: 10px; color: #fff; } #buttons_2 a:link, #buttons_2 a:visited { background: #1F7DE7; padding: 3px 10px; text-decoration: none; color: #fff; font: bold 11px verdana; letter-spacing: 0px; } #buttons_2 a:hover { background: #ACB7D3; } #buttons_2 input.button { background: #1F7DE7; font: bold 11px tahoma; color: #fff; cursor: pointer; } #msg { background: #aaa; width: 300px; height: 150px; background: #A9B7DF; margin-top: 100px; padding-top: 20px; } #prev_next span a:link, #prev_next span a:visited, #prev_next span a:hover { background:url('/common/images/buttons/green/btn_bg_l.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; display: block; float: right; } #prev_next span a:link, #prev_next span a:visited, #prev_next span a:hover { background:url('/common/images/buttons/green/btn_bg_l.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; display: block; float: right; } #prev_next span a:hover { background:url('/common/images/buttons/green/over/btn_bg_l.gif') no-repeat; } #prev_next .icons_submit{ background: url('/common/images/buttons/green/btn_bg_l.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; border: none; } #prev_next .icons_submit_over{ background:url('/common/images/buttons/green/over/btn_bg_l.gif') no-repeat; font: 7pt tahoma; color: #ffffff; text-decoration: none; width: 41px; text-align: center; cursor: pointer; border: none; } .hide { display: none; } /*page*/ #pagename { font: bold 19pt verdana; color: #336600; border-bottom: 1px dashed #104894; margin-bottom: 10px; } /*latest*/ .latest p { margin: 0px; font: 75% dotum; } .latest a:link, .latest a:visited { background: url('/common/images/bullets/blue/square_dot.gif') no-repeat left middle; padding-left: 10px; text-decoration: none; } .latest p.view_all a:link, .latest p.view_all a:visited { display: block; background: #104894; font: 90% dotum; color: #ffffff; text-decoration: none; text-align: center; width: 150px; min-height: 12px; margin-top: 3px; margin-left: 10px; } .latest p.view_all a:hover { background: #145EC2; } .latest span.latest_new { font: 90% verdana; color: #CF8007; } /*latest_notice*/ .latest_notice { padding:10px 15px 15px 15px; font: 11px tahoma; line-height: 130%; color: #333; } .latest_notice .subject { padding-bottom: 5px; font: bold 12px arial; } .latest_notice a:link, .latest_notice a:visited { text-decoration: none; color: #eee; } /*front*/ #outer_front { height: 100%; min-height: 100%; } #front_top { width: 600px; height: 250px; background: #f00; margin-bottom: 10px; } #front_left { float: left; width: 300px; margin-right:20px; } #front_mid { float: left; width: 350px; } #front_right { position: relative; float: left; width: 120px; height: 100%; background: #934715; text-align: right; } #front_mid a:link, #front_mid a:visited { /* color: #111;*/ } #front_mid a:hover { /* color: #CC6A23; */ } /*signup*/ #signup { color: #1F7DE7; font: normal 100% tahoma; letter-spacing: 0; } #signup .label { display: block; float: left; width: 140px; padding-left: 10px; } #signup input { border: 1px solid #999999; height: 18px; font: 100% tahoma; } #signup input.checkbox, #signup input.radio { border: none; } #signup .zipcode { width: 60px; } #signup .address { display: inline; } #signup br{ clear: both; } .description { color: #666666; margin: 10px 0px 10px 5px; } #signup select { font:11px tahoma; } .required { color: #CC3300; } /*align*/ .a_left { text-align: left; } .search_keyword { color: #0B71FF; font: bold 100% dotum; } /*rounded_01*/ .dp{ display:block } .dp *{ display:block; height:1px; overflow:hidden; background:#ffffff; } .dp1{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin:0px 3px; padding:0px 1px; background: #aaaaaa; } .dp2{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; padding:0px 1px; margin:0px 2px; background:#cccccc; } .dp3{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; margin:0px 1px; } .dp4{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; margin:0px 0px; } .dp5{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; margin:0px; padding:0px; } .dp_content{ padding:0px 10px; font:11px tahoma; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; background: #fff; } /*rounded_02*/ .ndp{ display:block; } .ndp *{ display:block; height:1px; overflow:hidden; background:#efefef; } .ndp1{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin:0px 3px; padding:0px 1px; background: #aaaaaa; } .ndp2{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; padding:0px 1px; margin:0px 2px; background:#cccccc; } .ndp3{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; margin:0px 1px; } .ndp4{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; margin:0px 0px; } .ndp5{ border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; margin:0px; padding:0px; } .ndp_content{ padding:0px 10px; font:11px tahoma; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; background: #efefef; } /*prevent stretching .dp_content table { width: 700px; overflow:auto; }*/ #email_list { line-height: 150%; } #email_list a:link, #email_list a:visited { color: #3A559A; } .comment { font:7pt verdana; background:#aaa; color:#fff; padding: 0px 2px; } .comment_new { font:7pt verdana; background:#395499; color:#fff; padding: 0px 2px; } .latest_date { font: 8pt tahoma; color:#666; } .latest_date_new { font: 8pt tahoma; color:#5D78C3; } a:link.latest_subject, a:visited.latest_subject { text-decoration:none; color:#111; font:9pt gulim; color:#1F3E55; } a:hover.latest_subject { color:#5D78C3; } a.latest_subject_new:link, a.latest_subject_new:visited{ text-decoration: none; color:#5D78C3; font: 9pt gulim; letter-spacing:-1px; } a.latest_title{ text-decoration:none; color:#34688E; font: 12px dotum; letter-spacing:-1px; } /*category title*/ h2.cat { padding-top:3px; } .cat a.latest_title { text-decoration:none; color:#000; font: bold 9pt verdana; } #dp_category { word-spacing: 10px; } #dp_category a:link, #dp_category a:visited { text-decoration: none; font: bold 9pt gulilm; word-spacing: 0px; } #dp_category a:link.c_selected, #dp_category a:visited.c_selected { color: #B6780C; } .l_category { border:1px solid #ccc; font: 8pt dotum; color:#47A156; padding:2px; background: #AADAB0; } #dropmenudiv{ position: absolute; background: #627CC4; border: 1px solid #fff; border-bottom-width: 0; font: bold 10px tahoma; line-height: 15px; z-index: 100; visibility:hidden; } #dropmenudiv a{ width: 80px; display: block; text-indent: 3px; border-bottom: 1px solid #fff; padding: 1px 0px 1px 3px; text-decoration: none; color: #fff; } #dropmenudiv a:hover{ background-color: #D1A755; color: #000000; } /*rt1*/ .rt1{ display:block; } .rt1 *{ display:block; height:1px; overflow:hidden; background:#dddddd; } .rt11{ border-right:1px solid #f0f0f0; padding-right:1px; margin-right:3px; border-left:1px solid #f0f0f0; padding-left:1px; margin-left:3px; background:#e5e5e5; } .rt12{ border-right:1px solid #fbfbfb; border-left:1px solid #fbfbfb; padding:0px 1px; background:#e3e3e3; margin:0px 1px; } .rt13{ border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; margin:0px 1px; } .rt14{ border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; } .rt15{ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .rt1_content{ padding:0px 5px; background:#dddddd; height:auto; } table.ap { float: left; width: 130px; } table.ap td.ap_img { text-align: center; } table.ap td.ap_name { font: bold 9pt gulim; color:#286DA8; text-align: center; } table.ap td.ap_job { letter-spacing:-1px; font: 8pt dotum; line-height: 6px; color:#286DA8; padding-top:5px; text-align:center; } table.ap td.ap_tel { font: 7pt tahoma; color:#286DA8; text-align:center; } .dp_button { font: 8pt tahoma; text-decoration: none; border: 1px solid #ccc; padding: 0 5px; background: #CBD9F0; } a:hover.dp_button { color: #fff; } .8dotum { letter-spacing:-1px; font: 9pt dotum; color:#286DA8; line-height:130%; } .div_summary { font:12px gulim; background: url('../images/div_deco1_s.gif') no-repeat right top; } .div_summary b, div.div_title{ color:#34688E; font: bold 12px dotum; letter-spacing:-1px; background: url('../images/div_bullet1.gif') no-repeat; padding-left:15px; } div.div_title a:link, div.div_title a:visited { color:#34688E; text-decoration: none; } .div_summary a:link, .div_summary a:visited { /*background: #7399B6;*/ background: url('../images/div_button_bg.gif') no-repeat; font: 10px tahoma; text-decoration: none; padding: 0px 10px; color: #fff; } .div_summary a:link.normal, .div_summary a:visited.normal { background: none; color: #34688E; border-bottom: 1px dashed #34688E; font: 11px georgia; padding: 0px; } .divider_1 { background: url('../images/div_deco2.gif') no-repeat right; float: right; height:10px; width: 135px; margin-top: -12px; } .team { font:11px dotum; margin:5px 0px; background: #eee; border:1px solid #ccc; } .team p { padding:3px; } .team p a:link, .team p a:visited { text-decoration: none; color: #273E77; } #footer_top_img { background: url('../images/main_btm_bg.jpg') no-repeat; height: 10px; } a:link.latest_subject_new { font-weight: normal; } #outer {background-image: none}