@charset "UTF-8"; /* ================================================================== */ /* 전체에 기본 반영 스타일 */ /* ================================================================== */ html, body { margin:0; padding:0; }; *html body { height : 100%; margin : 0px; } *html { overflow : auto; overflow-x : hidden;} *html #Body_wrap { position : relative; width : 100%; height : 100%; font-size : 9pt; color: #6f6f6f; font-family:돋움,dotum,tahoma,sans-serif; } #Body_wrap { position : relative; width : 100%; height : 100%; font-size : 9pt; color: #6f6f6f; font-family:돋움,dotum,tahoma,sans-serif; } /* ================================================================== */ /* 페이지별 링크 색 변경 부분 */ /* ================================================================== */ a:link { font-family:돋움; line-height:150%; font-size : 9pt; color: #292929; text-decoration: none } a:visited { font-family:돋움; line-height:150%; font-size : 9pt; color: #292929; text-decoration: none } a:hover { font-family:돋움; line-height:150%; font-size : 9pt; color: #0c1e81; text-decoration: none } a:active { font-family:돋움; line-height:150%; font-size : 9pt; color: #292929; text-decoration: none } /** 바디 컨텐츠 **/ #Body_cts a:link { font-family:돋움; line-height:150%; font-size : 9pt; color: #6f6f6f; text-decoration: none } #Body_cts a:visited { font-family:돋움; line-height:150%; font-size : 9pt; color: #6f6f6f; text-decoration: none } #Body_cts a:hover { font-family:돋움; line-height:150%; font-size : 9pt; color: #0c1e81; text-decoration: none } #Body_cts a:active { font-family:돋움; line-height:150%; font-size : 9pt; color: #6f6f6f; text-decoration: none } /** 공지사항 **/ #notice_area a:link { font-family:돋움; line-height:150%; font-size : 9pt; color: #565656; text-decoration: none } #notice_area a:visited { font-family:돋움; line-height:150%; font-size : 9pt; color: #565656; text-decoration: none } #notice_area a:hover { font-family:돋움; line-height:150%; font-size : 9pt; color: #9e9e9e; text-decoration: none } #notice_area a:active { font-family:돋움; line-height:150%; font-size : 9pt; color: #565656; text-decoration: none } /** 네비 **/ #cts_navi a:link { font-family:돋움; line-height:150%; font-size : 8pt; color: #6f6f6f; text-decoration: none } #cts_navi a:visited { font-family:돋움; line-height:150%; font-size : 8pt; color: #6f6f6f; text-decoration: none } #cts_navi a:hover { font-family:돋움; line-height:150%; font-size : 8pt; color: #0c1e81; text-decoration: none } #cts_navi a:active { font-family:돋움; line-height:150%; font-size : 8pt; color: #6f6f6f; text-decoration: none } /* ================================================================== */ /* 페이지 공통 적용 부분 overflow : auto; overflow-x : hidden; */ /* ================================================================== */ img { border:0; display: block; display: inline; } form { margin: 0px ; } table { width: 100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; } div { margin: 0px; } span { margin: 0px; } p { margin: 0px; } a { selector-dummy : expression(this.hideFocus=true); } dl { margin: 0px; padding: 0px; } dd { margin: 0px; padding: 0px; } ul { margin: 0px; padding: 0px; } li { margin: 0px; padding: 0px; } /* select{ behavior: url('/css_js/selectbox.htc'); } */ .hand { cursor:pointer; } /* ================================================================== */ /* 페이지 공통 클래스 div */ /* ================================================================== */ .left { float: left; } .right { float: right; } .PD_R15 { padding-right: 15px; } .PD_R3 { padding-right: 3px; } .PD_R5 { padding-right: 5px; } .PD_T7 { padding-top: 7px; } .PD_T20 { padding-top: 20px; } .PD_L30 { padding-left: 30px; } .MG_T2 { margin-top: 2px; } .MG_T5 { margin-top: 5px; } .MG_T10 { margin-top: 10px; } .MG_T13 { margin-top: 13px; } .MG_T15 { margin-top: 15px; } .MG_T20 { margin-top: 20px; } .MG_T30 { margin-top: 30px; } .MG_T40 { margin-top: 40px; } .MG_T50 { margin-top: 50px; } .MG_R7 { margin-right: 7px; } .MG_R10 { margin-right: 10px; } .MG_R20 { margin-right: 20px; } .MG_R30 { margin-right: 30px; } .MG_R50 { margin-right: 80px; } .MG_L4 { margin-left: 4px; } .MG_L10 { margin-left: 10px; } .MG_L30 { margin-left: 30px; } .MG_L40 { margin-left: 40px; } .ct_mg { margin: 0px 9px; } .INLINE { display: inline; } .ABS { position: absolute; } .Cts_Center { text-align: center; } .MG_AUTO { margin: 0px auto; } .W_100 { width: 100%; } .H_173 { height: 173px; } .H_178 { height: 178px; } /* ================================================================== */ /* 메인 페이지 div */ /* ================================================================== */ #head_area { width: 100%; height: 136px; margin:0 0 0 0 px; border-bottom: 1px solid #e0dfdf; text-align: center; background: url("/images/main/menu_bg.jpg") repeat-x bottom; float: left; } #head_area #head_top { width: 977px; height: 137px; margin: 0px auto; } #head_area #head_top #top_logo { width: 977px; height: 84px; float: left; } #head_area #head_top #top_logo #main_logo { width: 77px; height: 48px; margin: 27px 0px 0px 0px; float: left; } #head_area #head_top #top_logo #top_icon { width: 463px; height: 12px; margin-top: 50px; text-align: right; float: right; } #head_area #head_top #top_logo #top_icon dl {height: 12px; float: right; margin: 0px; padding: 0px; } #head_area #head_top #main_menu { width: 977px; height: 52px; float: left; } #Body_area { width: 100%; margin-top: 23px; float: left; } #Body_area #Body_cts { width: 977px; margin: 0px auto; } #Body_area #Body_cts #quick_link { width: 87px; height: 168px; float: left; } #Body_area #Body_cts #quick_link #quick_title { width: 87px; height: 21px; } #Body_area #Body_cts #quick_link #quick_btn { width: 85px; height: 145px; border: 1px solid #e2e0e0; } #Body_area #Body_cts #quick_link #quick_btn .btn1 { width: 85px; height: 73px; text-align: center;} #Body_area #Body_cts #quick_link #quick_btn .line { width: 85px; height: 1px; text-align: center; } #Body_area #Body_cts #quick_link #quick_btn .btn2 { width: 85px; height: 73px; text-align: center; } #Body_area #Body_cts #notice_area { width: 258px; height: 121px; margin-left: 37px; float: left; display: inline; border: 1px solid #ebebeb;} #Body_area #Body_cts #notice_area #title_icon { width: 229px; height: 12px; margin: 11px auto; } #Body_area #Body_cts #notice_area #more { width: 113px; padding-top: 5px; text-align: right; } #Body_area #Body_cts #notice_area #top_news { width: 229px; height: 25px; margin: 3px auto; margin-bottom:5px; border: 1px solid #efeded; background: #f6f5f5; } #Body_area #Body_cts #notice_area #top_news .first { padding-top: 4px; color: #5a5a5a; } #Body_area #Body_cts #notice_area #top_news .first a { margin-left: 9px; padding-left: 18px; background: url("/images/main/notice_new.gif") no-repeat 0px 50%; } #Body_area #Body_cts #notice_area .news_data { width: 229px; height: 18px; margin: 3px auto;} #Body_area #Body_cts #notice_area .news_data .link { width: 163px; height: 18px; color: #6f6f6f; } #Body_area #Body_cts #notice_area .news_data .link a { margin-left: 2px; padding-left: 8px; background: url("/images/main/notice_arrow.jpg") no-repeat 0px 50%; display: inline; } #Body_area #Body_cts #notice_area .news_data .date { width: 63px; height: 15px; text-align: center; padding-top:3px; color: #8d8d8d; } #Body_area #Body_cts #notice_area #no_data { width: 229px; height: 95px; margin-top: 10px; float: left; } #Body_area #Body_cts #notice_area #no_data .no_data { width: 229px; margin-top: 40px; text-align: center; } #Body_area #Body_cts #notice_area #hope_cts { width: 229px; height: 80px; margin: 0px auto; border-top: 1px solid #e9e9e9; } #Body_area #Body_cts #notice_area .hope_data { width: 229px; height: 38px; border-bottom: 1px solid #e9e9e9; } #Body_area #Body_cts #notice_area .hope_data .img { width: 46px; height: 28px; margin: 4px 0px; border: 1px solid #e4e3e3; float: left; } #Body_area #Body_cts #notice_area .hope_data .data { width: 165px; height: 18px; margin: 10px 7px; float: left; display: inline; } #Body_area #Body_cts #flash_area { width: 260px; height: 123px; margin-left: 37px; float: left; display: inline; } #Body_area #Body_cts #banner_area { width: 259px; height: 123px; margin-left: 37px; float: left; display: inline; } #Body_area #Body_cts #gallery_area { width: 556px; height: 25px; margin-left: 37px; margin-top: 19px; float: left; display: inline; } #Body_area #Body_cts #gallery_area #title_img { width: 142px; height: 25px; float: left; } #Body_area #Body_cts #gallery_area #gallery_data { width: 404px; height: 25px; margin-left: 10px; float: left; display: inline; } #Body_area #Body_cts #gallery_area #gallery_data #img { width: 44px; height: 23px; border: 1px solid #efefef; } #Body_area #Body_cts #gallery_area #gallery_data #text { width: 349px; height: 19px; margin-left: 9px; padding-top: 4px; color: #6f6f6f; display: inline; } #Body_area #Body_cts #gallery_area #gallery_data #text span { margin-right: 5px; color: #8d8d8d; } #Body_area #Body_cts #gallery_area #gallery_data #no_data { width: 144px; height: 17px; padding-top: 6px; text-align: center; } #Body_area #Body_cts #tel_area { width: 259px; height: 26px; margin-left: 38px; margin-top: 19px; float: left; display: inline; } #Flash_area { width: 100%; margin-top: 32px; float: left; border-top: 1px solid #ededed; } #Flash_area #cts_flash { width: 977px; margin: 0px auto; } #link_area { width: 100%; height: 55px; float: left; border-top: 1px solid #ededed; background: url("/images/main/foot_bg.jpg") repeat-x top; } #link_area #foot_link {position: relative; width: 977px; height: 55px; margin: 0px auto; } #link_area #foot_link #site_link { position: absolute; width: 976px; height: 32px; margin-top: 12px; overflow: hidden; top: 0px; left: 0px; } #link_area #foot_link #site_link #link_banner { width: 2000px; } #link_area #foot_link #site_link #link_banner .banner { width: 115px; display: inline-block; } #Foot_area { width: 100%; float: left; border-top: 1px solid #ededed; } #Foot_area #foot_copy { width: 977px; margin: 0px auto; } #Foot_area #foot_copy #foot_logo { width: 142px; height: 42px; margin-top: 12px; margin-left: 6px; display: inline; } #Foot_area #foot_copy #copy_area { width: 707px; height: 44px; margin-top: 12px; } #Foot_area #foot_copy #copy_area .btn { width: 72px; height: 15px; } #Foot_area #foot_copy #copy_area .text { width: 630px; height: 15px; padding-top:2px; padding-left: 5px; font-family:돋움,dotum,tahoma,sans-serif; font-size: 8pt; } #Foot_area #foot_copy #copy_area .copy { width: 707px; height: 10px; margin-top: 1px; } #Foot_area #foot_copy #foot_tel { width: 122px; height: 11px; margin-top: 12px; } /* ================================================================== */ /* 서브 페이지 div */ /* ================================================================== */ #Sub_Falsh { width: 100%; height: 111px; border-bottom: 1px solid #ececec; float: left; } #Sub_Falsh #Flash_cts { width: 977px; margin: 0px auto; } #Sub_Body { width: 100%; margin-top: 16px; float: left; } #Sub_Body #Body_cts { width: 977px; margin: 0px auto; } #Sub_Body #Body_cts #left_area { width: 196px; float: left;} #Sub_Body #Body_cts #left_area #menu_title { height: 47px; margin-left: 7px} #Sub_Body #Body_cts #left_area .menu { width: 196px; height: 23px; margin-top: 3px; } #Sub_Body #Body_cts #left_area #about_menu { width: 196px; padding: 1px 0px 4px 0px; border-top: 3px solid #2aa0be; border-bottom: 1px solid #2aa0be; } #Sub_Body #Body_cts #left_area #project_menu { width: 196px; padding: 1px 0px 4px 0px; border-top: 3px solid #e1646c; border-bottom: 1px solid #e1646c; } #Sub_Body #Body_cts #left_area #donation_menu { width: 196px; padding: 1px 0px 4px 0px; border-top: 3px solid #30b0a1; border-bottom: 1px solid #30b0a1; } #Sub_Body #Body_cts #left_area #work_menu { width: 196px; padding: 1px 0px 4px 0px; border-top: 3px solid #7761d0; border-bottom: 1px solid #7761d0; } #Sub_Body #Body_cts #left_area #community_menu { width: 196px; padding: 1px 0px 4px 0px; border-top: 3px solid #cc8545; border-bottom: 1px solid #cc8545; } #Sub_Body #Body_cts #left_area #member_menu { width: 196px; padding: 1px 0px 4px 0px; border-top: 3px solid #2aa0be; border-bottom: 1px solid #2aa0be; } #Sub_Body #Body_cts #cts_area { width: 741px; margin-left: 40px; float: left; display: inline; } #Sub_Body #Body_cts #cts_area #cts_title { width: 330px; height: 45px; margin-top: 13px; float: left; } #Sub_Body #Body_cts #cts_area #cts_navi { width: 400px; height: 13px; margin-top: 13px; padding-right: 11px; font-size: 8pt; color: #2a2a2a; text-align: right; float: left; } #Sub_Body #Body_cts #cts_area #cts_body { position : relative; width: 741px; margin-top: 35px; float: left; } #Sub_Body #Body_cts #cts_area #cts_body #about_tep { width: 100%; height: 34px; background: url("/images/about/tep_bg.jpg") repeat-x; } #Sub_Body #Body_cts #cts_area #cts_body .img_icon { width: 741px; height: 174px; } #Sub_Body #Body_cts #cts_area #cts_body .dona_btn1 { position: absolute; top: 70px; left: 650px; z-index: 10; } #Sub_Body #Body_cts #cts_area #cts_body .dona_btn2 { position: absolute; top: 298px; left: 650px; z-index: 10; } #Sub_Body #Body_cts #cts_area #cts_body .dona_btn3 { position: absolute; top: 516px; left: 650px; z-index: 10; } #Sub_Body #Body_cts #cts_area #cts_body .dona_btn4 { position: absolute; top: 740px; left: 650px; z-index: 10; } #Sub_Body #Body_cts #cts_area #cts_body #work_btn { width: 100%; margin-top: 20px; text-align: center; float: left; } #Sub_Body #Body_cts #cts_area #cts_body .down_area { width: 320px; height: 40px; margin: 0px auto; } #Sub_Body #Body_cts #cts_area #cts_body #jop_area { width: 100%; height: 96px; padding: 12px 0px; border-top: 2px solid #b9b6d8; border-bottom: 1px solid #b9b6d8; } #Sub_Body #Body_cts #cts_area #cts_body #jop_area .text1 { width: 100%px; height: 32px; background: url("/images/work/cts3_line.jpg") repeat-x bottom; } #Sub_Body #Body_cts #cts_area #cts_body #jop_area .text2 { width: 100%px; height: 32px; } #Sub_Body #Body_cts #cts_area #cts_body #jop_area .name { width: 70px; height: 22px; padding: 10px 0px 0px 33px; color: #7c7c7c; background: url("/images/work/cts3_point.jpg") no-repeat 23px 50%; } #Sub_Body #Body_cts #cts_area #cts_body #jop_area .input { width: 638px; height: 26px; padding-top: 6px; } #Sub_Body #Body_cts #cts_area #cts_body #jop_area .input input { height: 16px; font-size: 9pt; border: 1px solid #e5e5e5; padding: 2px 0px 0px 5px; } #Sub_Body #Body_cts #cts_area #cts_body #cts_board { width: 741px; float: left; } #Sub_link_area { width: 100%; height: 2px; margin-top:50px; float: left; border-top: 1px solid #ededed;} #Sub_Foot_area { width: 100%; height: 85px; float: left; } #Sub_Foot_area #foot_link { position: relative; width: 977px; height: 55px; margin: 0px auto; } #Sub_Foot_area #foot_link #site_link { position: absolute; width: 976px; height: 32px; margin-top: 12px; overflow: hidden; top: 0px; left: 0px; } #Sub_Foot_area #foot_link #site_link #link_banner { width: 2000px; } #Sub_Foot_area #foot_link #site_link #link_banner .banner { width: 115px; display: inline-block; } #Sub_Foot_area #foot_copy { width: 977px; margin: 0px auto; } #Sub_Foot_area #foot_copy #foot_logo { width: 142px; height: 42px; margin-top: 12px; margin-left: 6px; display: inline; } #Sub_Foot_area #foot_copy #copy_area { width: 707px; height: 44px; margin-top: 12px; } #Sub_Foot_area #foot_copy #copy_area .btn { width: 72px; height: 15px; } #Sub_Foot_area #foot_copy #copy_area .text { width: 630px; height: 15px; padding-top:2px; padding-left: 5px; font-family:돋움,dotum,tahoma,sans-serif; font-size: 8pt; } #Sub_Foot_area #foot_copy #copy_area .copy { width: 707px; height: 10px; margin-top: 1px; } #Sub_Foot_area #foot_copy #foot_tel { width: 122px; height: 11px; margin-top: 12px; }