/* 가이드 명칭 : 고양시청소년지원센터 2009 가이드 목적 : 표준웹에 맞춘 웹사이트 구축 (웹접근성 제외) 가이드 내용 : 사이트 레이아웃 최종 소유권 : 샤우트코리아 웹퍼블리싱팀 (www.shoutkorea.kr) 최초 제작자 : 이진헌 (jxnjin@naver.com) 최초 제작일 : 2009.05.04 최종 수정자 : 이진헌 최종 수정일 : 2009.04.17 수정 / 배포 : 담당자 문의 후 수정 가능. 재배포 절대 불가 */ /* ------------------------------- */ /* ------------------------------- */ /* ------------------------------- */ /* 기본세팅 */ body {background-color: #ffffff; font-family:돋움, 굴림, Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; /* scrollbar-face-color: #224F7C; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #C0C0C0; scrollbar-darkshadow-color: #F6F6F6; scrollbar-shadow-color: #8C8C8C; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #ffffff; */ } body,form,div,p,h1,h2,h3,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td,table,tr,td,select,input,div,form,textarea,option { padding:0px; margin:0px; word-break:break-all;/*하나의 문장을 띄어쓰기할 때 쓰인 공백 기준이 아닌 문자 단위로 끊어주는 역할을 함*/ font-size: 12px; font-family: "dotum"; color: #5B5B5B; /* 기본텍스트의 컬러 지정*/ line-height:18px; letter-spacing:0px; text-decoration: none; } /* background 이미지 고정 */ img {border: 0; onFocus:"this.blur()"} .bgno {background-repeat:no-repeat} .bgx {background-repeat:repeat-x} /* 기본 링크 텍스트 */ a:link {color: #5B5B5B;text-decoration: none;} a:visited {color: #5B5B5B;text-decoration: none;} a:hover {color: #093576;text-decoration: none;} /* 메인 설정 */ #body { background:url(../img/bg_main.gif) no-repeat; } #body_sub { background:url(../img/bg_main.gif) no-repeat; } #top_menu {width:873px; height:105px;} #main_visual {width:574px;height:440px;} #main_login {position:absolute; top:480px; left:180px; width:210px; height:50px; overflow:hidden;} #main_board {position:absolute;left:583px; top: 131px;} #inform {width:252px;height:100px;margin-bottom:15px;position:relative;background:url(../img/bg_line.gif) no-repeat 0px 20px;} #inform h3 {width:252px;height:20px; margin-bottom:5px;text-indent:-5000px;background:url(../img/main_01.gif) no-repeat 3px 3px; } #inform dl {width:252px;padding:0px; margin:0px;clear :both;} #inform dl dt {width:180px;font-size:11px;line-height:19px;float:left; padding-left:8px; background:url(../img/blit_list.gif) no-repeat 2px 7px;} #inform dl dd {width:64px;font-size:11px;line-height:19px;float:right;} #inform p.more {position:absolute;padding:0px;font-size:0px; top:0px; left:233px;vertical-align:top; } #photoboard {width:252px;margin-bottom:15px;position:relative;background:url(../img/bg_line.gif) no-repeat 0px 20px;} #photoboard h3 {width:252px;height:20px; margin-bottom:5px;text-indent:-5000px;background:url(../img/main_02.gif) no-repeat 3px 3px; } #photoboard #img { margin:10px 2px 2px 2px;width:87px;height:66px;border:1px #B4B4B4 solid;padding:1px;float:left;} #photoboard #img img{width:87px; height:66px;} #photoboard #title {font-size:11px;color:#3A3A3A;line-height:16px;padding-top:10px;font-weight:bold;} #photoboard #con {font-size:11px;color:#3A3A3A;line-height:16px;padding-top:5px;} #photoboard #day {font-size:11px;color:#7E7E7E;line-height:16px;padding-top:3px;} #photoboard p.more {position:absolute;padding:0px;font-size:0px; top:0px; left:233px;vertical-align:top; } #cyber {width:252px;margin-bottom:15px;position:relative;background:url(../img/bg_line.gif) no-repeat 0px 20px;} #cyber h3 {width:252px;height:20px; margin-bottom:5px; text-indent:-5000px;background:url(../img/main_03.gif) no-repeat 3px 3px; } #net {width:252px;margin-bottom:15px;position:relative;background:url(../img/bg_line.gif) no-repeat 0px 20px;} #net h3 {width:252px;height:20px; margin-bottom:10px; text-indent:-5000px;background:url(../img/main_04.gif) no-repeat 3px 3px; } /*각 서브 페이지들의 내용 부분 공통*/ #sub_visual {margin:0px; padding:0px; } #sub_visual #submenu {margin:20px 0px 0px 0px;padding:0px;width:200px;font-size:0px;float:left; text-align:center;}/* 서브메뉴 부분 */ #sub_visual #con_box {margin:20px 0px 0px 0px;padding:0px;font-size:12px;float:left;background:url(../img/bg_box1.gif) repeat-y;} #textbody {margin:0px; padding:0px;width:663px;background:url(../img/bg_box2.gif) no-repeat top left;} #textbody #title {margin:0px 10px 0px 15px;padding:10px 0px 0px 0px;width:640px; border-bottom:1px #DBE7D1 solid;} #textbody #title #roottext {text-align:right;width:400px;position:absolute;margin:30px 0px 0px 240px;color:#989898;font-size:11px;} #textbody #title h1 {padding:5px 0px 0px 10px;height:50px;} #textbody #con_page {width:640px; padding:0px; margin:15px 0px 0px 15px;} #textbody #con_page #contents {width:640px;overflow: hidden;} #body_bottom {width:663px;height:30px;padding:0px;margin:0px;background:url(../img/bg_box3.gif) no-repeat bottom left; clear:both;} #footer {clear:both;padding-top:0px; margin:0px 0px 0px 0px; } #footer #top{height:30px;} /*copy*/ #copy {height:110px; border-top:1px #E4E4E4 solid; } #copy #footlogo {position:absolute;margin:20px 0px 0px 36px;padding:0px;font-size:0px;width:157px;height:35px;background:url(../img/copy_logo.gif) no-repeat;} #copy #address {position:absolute;margin:20px 0px 0px 210px;padding:0px;width:300px; height:40px; background:url(../img/copy_adress.gif) no-repeat; text-indent:-5000px;} #copy #banner {position:absolute;margin:20px 0px 0px 560px;padding:0px;} /*메인 로그인 관련*/ #login {width:210px; height:50px;} #login #a1 {width:210px; height:50px;margin:0px 0px 0px 0px;} #login #a1 #b1 {width:150px; height:42px;float:left; margin:2px 0px 0px 0px; text-align:right;} #login #a1 #b1 input.id {width:80px; height:18px; background-color:#BDEF83;border:0px #DCDCDC solid;color:#285A04;padding:0px 3px;} #login #a1 #b1 input.pw {width:80px; height:18px; background-color:#BDEF83;border:0px #DCDCDC solid;color:#285A04;padding:0px 3px;margin-top:2px;} #login #a1 #b2 {width:52px; height:47px; float: right;margin:0px 0px 0px 0px;} #login #a1 #b2 img { cursor:pointer;} #logout {width:210px; height:50px;} #logout #a1 {width:210px; height:50px;margin:0px 0px 0px 0px;} #logout #a1 #b1 { height:42px;float:left; margin:5px 0px 0px 20px; text-align:left; font-size:12px; font-weight:bold; color:#ffffff;} #logout #a1 #b1 img {margin-top:3px;} #logout #a1 #b2 {width:52px; height:47px; float: right;margin:0px 0px 0px 0px;} #logout #a1 #b2 img { cursor:pointer;} /*각 서브 페이지 내용코딩*/ /*공통*/ #contents {width:640px;overflow: hidden; margin-top:15px;} #contents h4 { display:block; padding:0px; margin:0px; margin-bottom:15px;} #contents h5 { display:block; padding:0px; margin:0px; margin-bottom:10px;margin-left:15px;} #contents #c_text {width:620px; margin-left:20px;} #contents #c_center {width:640px;text-align:center;} #contents #c_table {width:610px; margin-left:20px;} #contents #gap { height:40px;} #contents #c_test {width:610px; margin-left:15px; font-size:12px; color:#666666; text-align:justify;} #contents #c_testlink { margin-left:15px; } #contents #c_testlink img { cursor:pointer; margin-right:20px;} #contents #c_top { margin-left:20px;margin-bottom:20px;} #contents #c_checktop { width:600px; margin-left:20px; } #contents #c_checktop span {color:#666666;} #contents #c_checktable {width:600px; margin-left:20px;} #contents #c_checktable table {width:600px;border-bottom:2px #7ABC48 solid;} #contents #c_checktable table tr th{padding:10px; text-align:center; vertical-align:middle; font-size:13px; font-weight:bold; color:#FFFFFF; border-left:1px #FFFFFF solid; background-color:#7ABC48; } #contents #c_checktable table tr td{color:#7D7D7D; font-size:12px; border-right:1px #BFBFBF dashed;border-bottom:1px #BFBFBF dashed; padding:5px 5px 5px 5px;text-align:center;} #contents #c_checktable table tr td.left{color:#7D7D7D; font-size:12px; border-right:1px #BFBFBF dashed;border-bottom:1px #BFBFBF dashed; padding:5px 10px 5px 10px;text-align:left;} #contents #c_checktable table tr td.result{color:#7ABC48; font-size:12px; border-right:1px #BFBFBF dashed;border-bottom:1px #BFBFBF dashed; padding:5px 10px 5px 10px;text-align:center; font-weight:bold;} #contents #btnresult {width:600px; text-align:center;} #contents #btnresult img { margin-top:30px; cursor:pointer;} #contents #result { width:600px;margin-left:20px; height:104px; vertical-align:middle; text-align:center;background:url(../img/contents14.gif) no-repeat;margin-bottom:20px;} #contents #result a { display:block; margin-top:55px;} #contents #result span { font-weight:bold; color:#FF0000;} /*연혁*/ #history_m {float:left; margin-right:10px;} .history_n {float:left;width:400px;} #history_head {width:400px; height:40px;background:url(../img/bg_history.gif) repeat-x bottom left; text-align:center;} #history_head span { display:block; margin-top:6px;} #history_head span img{ cursor:pointer; margin:0px 10px 0px 10px;} #history_set { padding:20px 0px 20px 0px; border-bottom:1px #D9ECCA solid;} #history_set table { width:100%;} #history_set table tr th{width:70px; font-size:24px; color:#3D8A01; text-align:left; vertical-align:top; padding-top:0px;letter-spacing:-1; font-family:Georgia, "Times New Roman", Times, serif} #history_set table tr td{font-size:11px; color:#656464; height:25px;vertical-align:top;} #history_set table tr td.m{ font-weight:bold; width:40px;text-align:right; padding-right:10px; color:#5DB31A;vertical-align:top; } /*테이블 스타일*/ #tablestyle1 { width:100%; border-bottom:2px #7ABC48 solid;} #tablestyle1 tr th { height:32px; text-align:center; vertical-align:middle; font-size:13px; font-weight:bold; color:#FFFFFF; border-left:1px #FFFFFF solid; background-color:#7ABC48;} #tablestyle1 tr td { color:#7D7D7D; font-size:12px; border-right:1px #BFBFBF dashed;border-bottom:1px #BFBFBF dashed; padding:5px 10px 5px 10px; } #tablestyle1 tr td.c { color:#7D7D7D; font-size:12px; border-right:1px #BFBFBF dashed;border-bottom:1px #BFBFBF dashed; padding:5px 10px 5px 10px; text-align:center; } #tablestyle1 tr td.e { color:#7D7D7D; font-size:12px; border-right:0px #BFBFBF dashed;border-bottom:1px #BFBFBF dashed; padding:5px 10px 5px 10px; }