@charset "euc-kr"; /* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0; vertical-align:middle;} */ body, html, div, p, h1, h2, h3, h4, h5, h6, span, em, strong, ul, ol,li, dl, dt, dd, table, tr, th, td, caption, input, label, select, textarea, {margin:0; padding:0; font-family:dotum; vertical-align:middle;} hr, legend, caption { display:none; } ul, ol, dl { list-style:none; } img, fieldset { border:0 none; } textarea { border:1px solid #ccc; background:#fff; padding:2px 3px; } select { border:1px solid #bbb; background:#fff; font-size:11px; } th,td { padding:0px; } .img { border:0px; } A:link { font-family :돋움체,돋움, Verdana, sans-serif; font-size:11px; color:#000000; text-decoration:none} A:hover { font-family :돋움체,돋움, Verdana, sans-serif; font-size:11px; color:#1e519d; text-decoration:none} A:active { font-family :돋움체,돋움, Verdana, sans-serif; font-size:11px; color:#000000; text-decoration:none} A:link { font-family :돋움체,돋움, Verdana, sans-serif; font-size:11px; color:#000000; text-decoration:none} A:visited { font-family :돋움체,돋움, Verdana, sans-serif; font-size:11px; color:#000000; text-decoration:none} * { padding:0; margin:0; } body { font-size:11px; line-height:18px; scrollbar-3dlight-color:B4B4B4; scrollbar-arrow-color:333333; scrollbar-base-color:EEEEEE; scrollbar-darkshadow-color:FFFFFF; scrollbar-face-color:eeeeee; scrollbar-highlight-color:FFFFFF; scrollbar-shadow-color:B4B4B4; } /* 스크롤 항상 생기게(화면움직임) */ caption, .blind, legend, .location dt { position:absolute; visibility:hidden; /* 첨엔 이거 없었는데 익스에서 캡션부분이 작게 보여서 추가해줌 */ overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; left:-1000px; } html{overflow:scroll; overflow-x:auto;} /* 스크롤 항상 생기게(화면움직임) */ /* 메인일때 bg*/ #main_wrapper{ width:100%; margin:0 auto; background:url(../images/com/t_bg.gif) top center repeat-x;} /* 서브일때 bg*/ #wrapper{ width:100%; margin:0 auto; background:url(../images/com/t_bg.gif) top center repeat-x;} /*head.html시작*/ #header-wrap{width:100%; margin:0 auto; clear:both; position:relative; float:left;} #header{width:980px; height:60px; margin:0 auto;} #logo{position: absolute; z-index: 1; width:280px ;padding:10px 0 0px 0; } #t_menu{width:700px; height:30px; float:right; margin-top:35px; text-align:left; } #t_menu ul{width:370px; height:30px; float:right; } #t_menu ul li{float:left; margin-left:3px;} #menu{width:980px; height:78px; position:relative; z-index:5;/*background:url(../images/com/menu_bg.png) no-repeat; */ margin:0 auto;} .menu { float:left; height:30px; padding:0 0 0 0px; position:relative; z-index:5; } .menu li {float:left; *margin-top:5px; padding:20px 63px 0 63px; /* background:url(../images/com/menu_line.gif) right 12px no-repeat;*/} .menu li.b01 {float:left; *margin-top:5px; padding:20px 66px 0 66px; background:url(../images/com/menu_line.gif) right 50px no-repeat;} .globalMenu li{width:20%; float:left; background:url(../images/inc/global_menu_gap.gif) right 2px no-repeat;} .globalMenu li a{text-align:center; display:block; overflow:hidden} .globalMenu .menuOn{ background:url(../images/inc/global_menu_bg_on.gif) left top repeat-x;} .menu li ul {position:absolute; width:980px; left:0px; top:50px; /* background:url('../images/com/menu_line.gif') right 50px no-repeat; */ padding:4px 0; display:none;} .menu li ul li {padding:0 8px; } .menu #m1 {margin-left:50px; width:700px;} .menu #m2 {margin-left:225px; width:700px;} .menu #m3 {margin-left:420px;width:450px;} .menu #m4 {margin-left:280px;width:700px;} .menu #m5 {margin-left:500px;width:600px;} /* 메뉴전체보기 sitemap */ div.siteMap_Box{position:absolute; margin-left:10px; top:68px; z-index:100; width:962px; height:437px; background:url(../images/com/siteMap_bg.gif) no-repeat left top;} *:first-child+html div.siteMap_Box{position:absolute; margin-left:-960px; top:68px; z-index:100; width:962px; height:437px; background:url(../images/com/siteMap_bg.gif) no-repeat left top;} div.siteMap_Box h2{padding:25px 0 20px 27px;} div.siteMap_Box span.close_btn{position:absolute; right:12px; top:13px;} div.siteMap_Box div.company_s{padding:10px 0 10px 35px;float:left;} div.siteMap_Box div.company_s ul.sm_list{font-size:11px; margin-top:10px; } div.siteMap_Box div.company_s ul.sm_list li img{vertical-align:top;} div.siteMap_Box div.company_s ul.sm_list li{padding:6px 0 0px 13px; background:url(../images/com/s_title_icon_01.gif) no-repeat 0 7px;} div.siteMap_Box div.company_s ul.sm_list li.first{padding:9px 0 0 0;} div.siteMap_Box div.company_s ul.sm_list li p{padding:3px 0 0 0;} div.siteMap_Box div.company_s ul.sm_list li p{} /*head.html끝*/ /*메인 비쥬얼시작*/ /*.Main_visual {width:980px; height:350px; margin:0 auto; }*/ .Main_visual {position:relative;width:980px; margin:0px auto; overflow:hidden;} .sliderbutton_left {position:absolute; left:0; top:150px; z-index:100; cursor:pointer;} .sliderbutton_right {position:absolute; right:0; top:150px; z-index:100; cursor:pointer;} .sliderbutton img {cursor:pointer} .sliderbutton_left img:hover {background:#dedede; } .sliderbutton_right img:hover {background:#dedede; } #slideshow {float:left; width:980px; height:350px; } #slides {position:relative; width:980px; height:350px; list-style:none; overflow:hidden;} #slides li {width:980px; height:350px} .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px} .pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222} .pagination li:hover {background:#777; border:1px solid #bbb; color:#000} li.current {border:1px solid #ccc; background:#888} li#content {width:464px; height:270px; padding:15px 18px 15px 18px; background:#fff} #content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036} div.siteMap_noEmail{position:absolute; margin-top:-280px; z-index:101; width:460px; height:245px; background:url(../images/com/no_email.gif) no-repeat left top;} div.siteMap_noEmail span.close_btn{position:absolute; right:12px; top:13px;} .m_quick {width:980px; margin:0 auto; border-top:2px solid #426290; } .m_quick ul li {float:left; } #Main_Contents {position:relative; width:980px; margin:0 auto; } #Main_Contents ul li { float:left; } #Main_Contents ul li.Main_Contents01 {width:310px; padding:27px 40px 0 0;} #notice{position:relative; width:310px; float:left; } #notice .more{position:absolute;right:0; top:10px;} /* .more{float:right; padding-top:5px; border-bottom:1px; solid #d5d5d5;} */ #notice .sub{float:left; background:url(../images/main/bullet.gif) 0% 50% no-repeat; padding-left:15px;} #notice .date{float:right; color:#0f4d96; font-weight:bold;} #calendar{ width:310px; float:left; margin:20px 0 10px 0;} #calendar h2 {padding:0px 0 12px 0px; } #calender_left{width:110px; height:130px; float:left; background-image:url(../images/main/schedule_left.gif); background-repeat:no-repeat; text-align:center;} /* #calender_left h3{width:125px; float:left; margin: 5px 0px 10px 10px;} #month{width:125px; float:left; font-weight:bold; color:#369b18; margin: 5px 0px 10px 6px;} #month img{ margin:0px 4px 0px 4px;} #month_icon{ width:125px; float:left; margin-left:40px; margin-top:5px; position:relative; left:32px;} */ #calender_table{width:186px; margin:0px 0px 0px 0px; float:left;} #calender_table th{text-align:center; height:15px; font-size:11px; margin-bottom:5px;} #calender_table td{text-align:center; height:20px; font-size:11px;} #main_icon{width:145px; float:left; background-image:url(../images/main/icon_bg.gif); background-repeat:no-repeat; margin-left:10px; margin-top:10px;} #Main_Contents ul li.Main_Contents02 {width:630px; padding:27px 0px 0 0; } #gallery{position:relative; width:630px;; float:left; margin:0 0px 20px 0px ;} #gallery h3{width:100%; float:left; padding-bottom:10px; } #gallery .more{ position:absolute; right:20px; top:5px; } #photo{width:148px; float:left; margin-top:10px; margin-right:8px;} #photo dt{width:148px; height:108px; float:left; border:1px solid #d5d5d5; vertical-align:middle; text-align:center;} #photo dd{width:148px; height:40px; float:left; margin-top:5px;} *:first-child+htm #photo dd{width:115px; height:34px; float:left; margin-top:5px; } .last{float:left; margin-left:0px;} .m_bank {float:left; width:312px; margin:0 30px 0 0;} .poll{ float:left; width:262px; height:95px; padding:9px 12px 0px 12px; border:1px solid #d5d5d5 ; /*background:url(../images/main/poll_bg.gif) 0px 26px no-repeat; */} .poll h2 {padding:0px 0 10px 0px; } .poll p.qus_text {width:262px; height:45px; padding:0px 0 0 50px; line-height:16px;} .poll p.btn {width:100%; text-align:center;} .p.banner {float:left; padding:10px 0 20px 0} #Main_Contents ul li.Main_Contents03 {width:275px; padding:44px 0px 0px 10px;} #notice_02 {position:relative; width:275px; float:left; background:url(../images/main/notice_line.gif) 0px 25px repeat-x; } #notice_02 .more{position:absolute;right:0; top:10px;} #notice_02 .sub{float:left; /* background:url(../images/main/bullet.gif) 0% 50% no-repeat; padding-left:15px;*/} #notice_02 .date{float:right; color:#0f4d96; text-align:right; } w #popup_zone1{width:275px; float:left; position:relative; margin:20px 0 20px 0; } #popup_zone1 h3{width:100px; float:left; padding-bottom:5px;} #popup_zone1 .btn {float:left; position:absolute; right:0; top:0px;} #popup_zone1 ul{width:175px; float:right; text-align:right:} #popup_zone1 li{float:right:; margin-left:1px;} #popup_zone1 li .last{float:left; margin-left:0px;} #popup_zone2{width:275px; margin:0 auto; float:right;} #popup_zone2 h3{width:200px; float:left;} #popup_zone2 ul{width:75px; float:right;} #popup_zone2 li{float:left; marigin-left:5px;} #popup_zone2 li .last{float:left; marigin-left:0px;} #popup_zone3{width:275px; margin:0 auto; float:right;} #popup_zone3 h3{width:200px; float:left;} #popup_zone3 ul{width:75px; float:right;} #popup_zone3 li{float:left; marigin-left:5px;} #popup_zone3 li .last{float:left; marigin-left:0px;} #popup_zone4{width:275px; margin:0 auto; float:right;} #popup_zone4 h3{width:200px; float:left;} #popup_zone4 ul{width:75px; float:right;} #popup_zone4 li{float:left; marigin-left:5px;} #popup_zone4 li .last{float:left; marigin-left:0px;} #popup_img{float:left; width:275px; height:190px; border:1px solid #d5d5d5; margin-top:10px;} .quick_main{position:relative; width:305px; float:left; margin:10px 0px 10px 0px ; background: url(../images/main/quick_bg.gif) 0 28px no-repeat;} .quick_main h3{width:100%; float:left; padding-bottom:10px; } .quick_main ul {float:left; padding-bottom:10px; } /*.quick_main ul li {float:left; width:70px; padding:0 30px 0 0px; *padding:0 26px 0 0px;}*/ .quick_main ul li.pdlr {padding:0 30px 0 30px;} #main-banner{ width:985px; margin:0 auto; padding-bottom:20px;} /* #main-banner{width:695px; float:left;}*/ #main-middle-wrap01{width:100%; margin:0 auto; clear:both; float:left; } #main_visual{width:980px; margin:0 auto; } /*메인 비쥬얼끝*/ /*메인시작*/ #main-middle-wrap02{width:100%; margin:0 auto; clear:both; float:left; } #main_contents1{width:980px; margin:0 auto;} /*#main_contents2{width:980px; margin-top:20px; height:160px; margin:0 auto;}*/ #main_icon ul li {float:left; margin-left:10px;} #tel{width:275px; margin:0 auto; float:right; margin-top:10px;} #family_site{float:right; width:191px; height:32px; font-size:12px; background-image:url(../images/main/bot_tel.gif); background-repeat:no-repeat; padding-left:87px; padding-top:14px; margin-top:10px; } /*메인끝*/ /*서브시작*/ #sub-middle-wrap02{width:980px; margin:0 auto; position:relative;} #left_menu{float:left; width:200px; padding:0px 0px 20px 0; } #left_menu h3{float:left; height:172px; padding:0 0 20px 0;} /*#left_menu li{height:30px;}*/ #left_menu ul{float:left; /*background:url(../images/com/l_menu_bg.gif) no-repeat;*/ padding:0 15px 0 15px ;} #left_menu ul li {float:left; background:url(../images/com/l_menu_line.gif) bottom no-repeat;} #left_menu ul li img { padding:0px; margin:0px; vertical-align:middle; border:0px none; } #left_menu ul li ol li{float:left;} #left_menu ul li ol li img { padding:0px; margin:0px; vertical-align:middle; border:0px none; } /* *:first-child+htm #left_menu ul {margin:0px; background:url(../images/com/l_menu_bg.gif)} *:first-child+htm #left_menu ul li{margin:0px; background:url(../images/com/l_menu_bg.gif) height:30px;} *:first-child+htm #left_menu ul li ul{margin:0px; background:url(../images/com/l_menu_bg.gif)} */ #left_menu li ul li{height:15px;margin:0px;} .subtain{height:60px;} #include_area img{float:left; padding:15px 0 0px 0;} #sub_inner_wrap{ float:left; width:780px; margin-top:0px; } #sub_visual{width:780px; float:left; margin-bottom:20px; position:relative;} /*서브 비쥬얼시작*/ /* #sub-middle-wrap01{width:100%; margin:0 auto; clear:both; float:left; height:120px;}*/ /*서브 비쥬얼끝*/ #middle_area{width:760px; margin:0 auto; margin-left:10px; float:left; margin-top:10px; } #sub_title{width:300px; float:left; height:40px; } #location{ float:right; margin-left:10px; text-align:right; background:url(../images/com/his_icon.gif) 0% 40% no-repeat; padding-left:20px;} #location img{ margin:3px 5px 0px 0px;} .loca {color:#0f4d96; font-weight:bold;} #inner{float:left; border-top:1px solid #dedede; width:760px; padding-top:20px; margin-bottom:20px;} #inner h2 {float:left; width:100%;} /*서브컨텐츠별 css 속성 시작*/ .organ{height:25px; text-align:center; background-image:url(../images/about/table_bullet.gif); background-repeat:no-repeat; background-position: right center;} /*서브컨텐츠별 css 속성 끝*/ /* 프로그램안내리스트 */ #program_outline1{width:280px;float:left; height:170px; margin-top:20px;} #program_outline2{width:420px; float:right; margin-top:20px;} #program_outline2 ul li{width:390px;float:left; background:url(../images/program/bullet.gif) 0% 40% no-repeat; padding-left:30px; padding-top:5px; } #program_search {width:700px; float:left; margin-top:20px; height:50px;} #program_list {width:760px; float:left;} #program_list table{width:760px;} #program_list table th{height:25px; background-color:#384ab1; border:1px solid #d9d9d9; color: #ffffff; font-weight: normal; } #program_list table td{height:25px; padding:10px 0px 5px 0px; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } #page_list{width:400px ;height:100px;float:left; margin-top:20px; margin-left:280px; float:left; font-weight:bold;} /* 프로그램안내리스트 */ /* 프로그램상세보기 */ #class_title{width:700px; height:30px;float:left; background:url(../images/program/bullet_02.gif) 0% 40% no-repeat; padding-left:30px; padding-top:3px; margin-top:10px; font-size:14px; color:#3359c1; font-weight:bold;} #program_detail1{width:700px; height:200px; float:left; margin-top:20px;} #program_img{width:230px; height:170px; float:left; border:1px solid #d9d9d9;} #program_text{width:440px; height:270px; float:right;} #program_text table{width:430px; border:1px solid #d5d5d5;} #program_text table th{background-color:#384ab1; border-bottom:1px solid #d5d5d5; color:#ffffff;} #program_text table td{padding:3px 0px 3px 10px; float:left; border-bottom:1px solid #d5d5d5;} #program_detail2{width:700px; float:left; margin-top:20px;} #program_detail2 table{width:700px; border:1px solid #d5d5d5;} #program_detail2 table th{background-color:#e4e4e4; border:1px solid #d9d9d9; color:ffffff; } #program_detail2 table td{padding:10px 0px 5px 0px; float:left; border-bottom:1px solid #d5d5d5;} #btn_program{width:700px; height:100px; float:right; margin-top:20px; margin-bottom:10px;} #btn_program ul{margin-left:330px; width:400px; margin-top:20px;} #btn_program ul li{float:left; margin-left:5px; margin-top:20px;} /* 프로그램안내상세보기 */ /* 프로그램신청하기 */ #cart_list2{width:700px; float:left; margin-top:20px;} #cart_list2 table{border:1px solid #d5d5d5; width:700px; margin-bottom:30px;} #cart_list2 table th{height:30px; margin-left:10px;background-color:#384ab1; width:160px; color: #ffffff; font-weight: normal; } #cart_list2 table td{ padding-left:10px;} #account{float:left; margin: 10px 0px 10px 0px; width:700px; height:30px; COLOR:#de5900; font-size:15pt; font-weight:bold; border:1px solid #384ab1; text-align:center; padding-top:10px;} #btn_cart{width:700px; height:200px; float:left; margin-top:20px; margin-bottom:10px; } #btn_cart ul{float:right; width:250px; margin-top:30px;} #btn_cart ul li{float:left; margin-left:10px;} /* 프로그램신청하기 */ /* 장바구니 */ #cart_text{width:700px; float:left; margin-top:20px;} #cart_list{width:700px; float:left; margin-top:20px;} #cart_list table{border:0px solid #d5d5d5; width:700px; margin-bottom:30px;} #cart_list table th{height:25px; background-color:#f7f7f7; border:1px solid #d9d9d9;} #cart_list table td height:25px; padding:10px 0px 5px 0px; border-bottom:0px solid #d5d5d5; border-right:0px solid #d5d5d5;} /* 장바구니 */ /* 시설상세정보 */ #view{width:500px;height:500px; float:left; margin:0 auto;} #view h3{float:left; margin-bottom:10px;} #view_title{font-weight:bold; float:left; margin-left:5px; background:url(../images/guide/view_bullet.gif) 0% 40% no-repeat; padding-left:30px;} #view_img{float:left; margin-left:5px;} /* 시설상세정보 */ /* 사이트맵 */ #sitemap_wrap01{width:700px; height:370px; float:left; } #sitemap_wrap02{width:700px; height:370px; float:left;} #site_menu_01{width:200px; float:left;} #site_menu_02{width:200px; margin-left:240px;} #site_menu_03{width:200px; float:left; position:relative; top:-365px; margin-left:480px;} #site_inner{width:223px; height:270px;float:left; background-image:url(../images/sitemap/bg.gif); background-repeat:repeat-y;} #site_inner ul{width:180px; float:left; margin-left:20px; margin-top:10px;} #site_inner ul li{padding-left:20px; padding-top:5px; height:20px ;background:url(../images/sitemap/bullet.gif) 0% 40% no-repeat; border-bottom:1px solid #d5d5d5;} /* 사이트맵 * /* 로그인 페이지 속성 */ #login_img{float:left; width:200px; padding-top:40px;} #login_text{float:right; width:500px; height:317px; background-image:url(../images/login/login_bg.gif); background-repeat:no-repeat; background-position: left center;} #login_text h3{height:75px; padding-top:20px;} #login_text ul{width:430px; float:left; margin: 10px 0px 0px 10px;} #login_text li{height:30px;} #login {position:relative;} #login legend {display:none;} #login label{float:left;padding:5px 20px 0 35px; width:51px;} #login span{float:left;width:181px;padding-left:10px;} #login p{clear:left;} #login p.id{padding-top:32px;height:20px;} #login p.pw{padding-top:2px; margin-top:5px;height:20px;} #btn_login{position:relative; top:-50px;width:50px;margin-left:300px;} /* ie 7에서 로그인버튼 위치*/ *:first-child+html #btn_login{position:relative; left:300px; top:-52px;} /* ie 7에서 로그인버튼 위치*/ /* 로그인 페이지 속성 */ /* 회원가입동의 페이지 속성 */ #agree_01{float:left; width:760px;} #agree_text{float:left; background-color:#f3f3f3; width:720px; height:300px; padding:15px; ;border-top:3px solid # 2ba1e3; } #text_in{float:left; background-color:#ffffff; width:720px; height:290px; overflow:auto; border:1px solid #d5d5d5; padding-bottom:10px;} #select_area{float:left; margin:10px 0px 10px 200px; text-align:center;} #agree_btn{float:left; width:400px; padding-top:20px; margin-left:210px; margin-bottom:20px;} #agree_btn img{float:left; margin-left:30px;} /* 회원가입동의 페이지 속성 */s /* 회원가입 페이지 속성 */ #register table{border:1px solid #d5d5d5; width:760px; margin-bottom:30px;} #register table tr {float:left; border-bottom:1px solid #d5d5d5;} #register table th{height:30px; margin-left:10px;background-color:#f7f7f7; width:160px; } #register table td height:30px; margin-left:10px; float:left;} /* IE 7에서 회원가입 버튼자리 */ *:first-child+html #btn_join{float:left;width:500px; margin-top:30px; margin-left:280px; text-align:center;} *:first-child+html #btn_join img{float:left; margin-left:20px;} /* IE 7에서 회원가입 버튼자리 */ #btn_join{float:left;width:700px; margin:15px 0px 10px 0px; text-align:center; border:0px solid;\9} #btn_join img{float:center; margin-left:20px;\9} /* 회원가입 페이지 속성 */ /* 아이디중복확인 */ #id_area{width:400px;height:40px; float:left; margin:0 auto;} #id_title{height:40px; background-color:#dcdcdc; padding-left:20px; padding-top:15px;float:left; width:400px;} #id_search{height:130px; padding-left:20px; padding-top:15px;float:left; width:400px;} /* 아이디중복확인 */ /* 우편번호찾기 */ #zipcode{width:355px;height:40px; float:left; margin:0 auto;} #zip_title{height:40px; background-color:#dcdcdc; padding-left:20px; padding-top:15px;float:left; width:355px;} #zipcode_search{height:320px; padding-left:20px; padding-top:10px;float:left; width:355px;} #search_area{height:50px; float:left; width:355px;} #zipcode td{font-size:12px;} /* 우편번호찾기 */ /* 아이디.비밀번호찾기 */ #find_password{width:400px;height:40px; float:left; margin:0 auto;} #password_title{height:40px; background-color:#dcdcdc; padding-left:20px; padding-top:15px;float:left; width:400px;} .guide_text{padding-left:5px;padding-top:30px; height:50px; text-align:center;} #find_area{height:70px; padding-left:5px; padding-top:15px; float:left; width:400px;} #nameid{width:270px; float:left; height:70px;} #btn_find{width:100px; float:right; height:70px;} /* 아이디 비밀번호찾기 */ /* 대관 페이지 속성 */ #overall_rule{width:700px; float:left; margin-top:10px;} #overall_rule h3{width:700px; height:20px;float:left; background:url(../images/com/icon_01.gif) 0% 40% no-repeat; font-weight:bold; color:#37a11b; padding-left:20px; } #rule_inner{width:700px; margin-top:40px; /* border:1px solid #aaaaaa; padding:5px;*/ margin-bottom:40px;} #agree_area{float:left;width:300px; height:30px; margin-left:210px; margin-top:30px; font-weight:bold; font-size:13pt; color:#3c5ab0;} #agree_area_btn{float:left;width:400px; height:40px; margin-left:160px; margin-top:10px; } #agree_area_btn ul li{float:left; margin-left:10px;} #overall{width:700px;float:left;} #overall h3{width:700px; height:20px;float:left; background:url(../images/com/icon_02.gif) 0% 40% no-repeat; font-weight:bold; color:#2f5fba; padding-left:10px; } #overall table{border:1px solid #d5d5d5; width:700px; margin-bottom:30px; margin-top:15px;} #overall table th{ margin-left:10px;;background-color:#384ab1; color: #ffffff; font-weight: normal; width:160px;} #overall table td{padding-top:3px; padding-left:10px;} #overall_text_01{width:600px; float:left; height:40px; margin-top:20px; margin-left:60px; font-weight:bold; font-size:15px;} #overall_text_02{width:260px; float:left; height:80px; margin-top:10px; margin-left:440px; font-weight:bold; font-size:15px;} #overall_text_02 p{margin-top:10px; } #overall_text_03{width:400px; float:left; height:50px; margin-top:10px; margin-left:160px; font-weight:bold; font-size:15px;} #receipt_btn{width:400px; float:left; height:80px; margin-top:30px; margin-left:200px; font-weight:bold; font-size:15px;} #receipt_btn img{ float:left; margin-left:10px;} #receipt{width:100%; float:left; height:20px; margin-top:0px; margin-left:0px;text-align:center;} /* 대관 페이지 속성 */ /* 영수증 출력 속성 */ #receipt table{border:1px solid #d5d5d5; width:700px; margin-bottom:30px;} #receipt table th{height:30px; margin-left:10px;background-color:#f7f7f7; width:160px;} #receipt table td height:30px; margin-left:10px; float:left; padding-top:3px;} .receipt_text_01{width:500px; float:left; height:70px; margin-top:30px; margin-left:200px; font-weight:bold; font-size:15px;} #receipt_text_02{width:250px; float:left; height:80px; margin-top:30px; margin-left:450px; font-weight:bold; font-size:15px;} .receipt_text_02 p{margin-top:10px; } /* 영수증 출력 속성 */ /*갤러리*/ #photo_area{width:700px; margin-top:10px; float:left;} #photo_view{float:left;width:120px; margin-top:10px; height:120px; margin-left:15px;} #photo_view di{float:left; width:120px; } #photo_view dt{width:120px; height:80px; float:left; border:1px solid #d5d5d5;} #photo_view dd{width:120px; height:40px; float:left; margin-top:10px; text-align:center;} #gallery_bottom{width:700px; margin-top:10px; float:left;} #gallery_search{width:400px; float:left;} #list_btn{width:200px; float:left; margin-left:100px;} #list_btn img{float:left; margin-left:10px;} /*갤러리*/ /*행사일정안내*/ #calendar_title{width:380px; height:20px; float:left; margin-left:300px; padding-top:3px; margin-top:10px; font-size:16px; color:#3359c1; font-weight:bold;} #prev_next_month{width:160px; margin-top:10px; float:left; margin-left:580px;} #prev_next_month img {float:left; margin-left:10px;} #calender{width:756px; float:left; margin-top:10px;} #calender table{width:756px; float:left; border:1px solid #d5d5d5; } #calender table th{height:30px;background-color:#d9d9d9; width:108px;} #calender table td{width:108px; border:1px solid #e3e3e3; height:80px;} .scheduel{color:#ffffff;font-size:12px;} .schedue2{color:#1d3dc6;font-size:12px;} .schedue3{color:#e15511;font-size:12px;} .schedue4{color:#e15511;font-size:12px; font-weight:bold;} .schedue5{color:#ffffff;font-size:12px; font-weight:bold;} /*행사일정안내*/ /*행사일정팝업*/ #pop_calendar{width:400px; float:left;} #pop_calendar_title{width:360px; height:30px;float:left; margin-left:10px; margin-top:10px; font-size:16px; color:#3359c1; font-weight:bold;} #pop_inner{width:360px; margin-top:5px; float:left; border:1px solid #e3e3e3; background-color:#e4e4e4; padding:10px; margin-left:10px;} #pop_inner h4 {color:#1379e1;font-size:12px; font-weight:bold;} #pop_calendar_close{width:40px; height:30px; float:left; margin-left:345px; margin-top:20px;} /*행사일정팝업*/ /*대관 가능 달력 팝업*/ #pop_calendar_mini{width:300px; height:200px; text-align:center;} #calendar_mini_month{width:145px; height:30px; font-weight:bold; color:#369b18; margin-top:20px; margin-bottom:0px; } #pop_inner{width:360px; margin-top:5px; float:left; border:1px solid #e3e3e3; background-color:#e4e4e4; padding:10px; margin-left:10px;} #mini_calender_table{ float:left;width:300px; margin:10px 5px 0px 0px; float:left; margin:0 auto; } #mini_calender_table th{text-align:center; height:15px; font-size:11px; margin-bottom:5px;} #mini_calender_table td{text-align:center; height:20px; font-size:11px;} /*대관 가능 달력 팝업*/ /*행사일정수정*/ #calender_edit table{width:700px; border:1px solid #e3e3e3;} #calender_edit table th{width:200px; float:left; background-color:#cacaca;} #calender_edit table td{width:480px; float:left; border-bottom:1px solid #e3e3e3; } #calendar_btn_area{width:400px; height:30px; float:left; margin-left:145px; margin-top:20px;} #calendar_btn_area img{float:left; margin-left:10px;} /*행사일정수정*/ #quick{position:absolute; right:-100px; /*float:left;*/ z-index:50; } /* ie 7에서 퀵메뉴 위치*/ /* *:first-child+html #quick {float:left; z-index:50; margin-left:20px;} */ /* ie 7에서 퀵메뉴 위치*/ #quick ul{/*background-image:url(../images/com/quick_bg.gif); background-repeat:no-repeat;*/float:left; width:89px; } #quick ul li{float:left; padding:0px; height:70px;} /*방과후프로그램*/ table.board01 {width:100%; text-align:center; vertical-align: middle; border:1px solid #3fa0ab; } table.board01 th { background-color:#f4f4f4; border:1px solid #ddd; font-weight:bold; padding:3px; } table.board01 td {border:1px solid #ddd; padding:3px;} table.board01 td.textleft {text-align:left; border:1px solid #ddd; padding:3px 3px 3px 20px;} /*서브끝*/ /*foot.html시작*/ #footer-wrap {width:100%; margin:0 auto; clear:both; border-top:1px solid #d5d5d5; } #foot{width:980px; margin:0 auto; margin-top:15px;} #copy_logo{width:230px; margin:0 auto; float:left; border-right:1px solid #d5d5d5;} #copy_right{width:540px; float:left; margin:0 auto;} #copy_menu{width:640px; float:left;} #copy_menu ul li {float:left; margin-left:10px;} #copy_text{width:180px; float:left; margin:5px 0px 10px 10px ;} #daegu_youth{width:200px;margin:0 auto; float:right; } /*foot.html끝*/ /* 설문조사 */ .Poll_view {float:left; width:100%} .Poll_view h3 {float:left; width:100%; padding:10px 0 5px 0; font-weight:bold; font-size:12px; color:#272727;} .Poll_view ul li {float:left; width:100%; padding-left:20px;} .Poll_view label{display:inline-block; padding-left:50px;} .Poll_view span {float:left; padding-top:20px;} .Poll_btn {float:left; text-align:center; width:100%; padding:15px 0 15px 0;} .Poll_btn img {padding:0 3px 0 3px;} /* 방과후아카데미 */ .afterschool {float:left; margin:20px; } .afterschool .notice{position:relative; width:310px; float:left; } .afterschool .more{position:absolute;right:0; top:2px;} .afterschool .notice h3 {float:left; width:100%; padding:0 0 20px 0;} .afterschool .notice ul li {float:left; width:100%; line-height:22px; font-size:12px;} .afterschool .after_movie{position:relative; float:left; margin:0 0 0 50px; width:350px;} .afterschool .after_movie h3 { float:left; width:100%; padding:0 0 20px 0;} .afterschool .after_movie img {float:left; } .afterschool .after_movie .text {float:right; width:180px; padding:20px 0 0 0;} .afterschool .after_movie .text b {font-weight:bold;} .afterschool .gallery{position:relative; width:720px; float:left; margin-top:20px; } .afterschool .gallery h3 {float:left; width:100%; padding:0 0 20px 0;} .afterschool .gallery ul li {float:left; width:130px; line-height:18px; font-size:12px; margin:0 7px 0 7px;} .afterschool .gallery ul li img {width:130px; height:95px; margin-bottom:10px; border:1px solid #dedede; } .after_01 {position:relative; float:left; width:740px; padding:0 0 0px 20px; margin-bottom:20px;} .after_01 li {float:left; width:720px; padding:0 0 3px 0; font-size:12px;} /* 강좌이용안내 */ .pro_guide01 {float:left; width:100%; } .pro_guide01 h2.tit01 {float:left; width:100%; padding:10px 0 20px 0;} .pro_guide01 h2.tit02 {float:left; width:100%; padding:30px 0 20px 0;} .pro_guide01 ul {float:left; width:686px; background:url(../images/guide/01_img_box_bg.gif) top no-repeat; padding:20px 30px 20px 30px ;} .pro_guide01 ul.nobox {float:left; width:686px; background:url() top no-repeat; padding:20px 0px 20px 30px ;} .pro_guide01 ul li {float:left; width:100%; padding:0 0 5px 0; font-size:12px;} .pro_guide01 ul li b {font-weight:bold; color:#2968be;} .pro_guide01 p {floaT:left; width:726px; padding:20px 0 20px 20px ;} .about-board01 { float:left; width:95%; text-align:center; vertical-align:middle; margin-bottom:10px; border-top:1px solid #186ab4; border-collapse:collapse; font-size:12px;} .about-board01 table.board01 thead {border-top:1px solid #186ab4; } .about-board01 table.board01 td {text-align:left; padding:10px 5px 10px 15px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board01 th {vertical-align:middle; font-weight:bold; color:#2968be; /* color:#328bad;*/background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 table.board02 thead {border-top:1px solid #186ab4; } .about-board01 table.board02 td {text-align:center; padding:10px 5px 10px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board02 td.tleft {text-align:left; padding:10px 5px 10px 15px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board02 th {vertical-align:middle; padding:10px 5px 10px 5px; font-weight:bold; color:#2968be; background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 table.board03 thead {border-top:1px solid #186ab4; } .about-board01 table.board03 td {text-align:left; padding:5px 5px 5px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board03 td.tcen {text-align:center; padding:5px 5px 5px 10px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board03 td b {color:#525c9f;} .about-board01 table.board03 th {vertical-align:middle; padding:5px 5px 5px 10px; font-weight:bold; color:#2968be; background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 .rline01 {border-right:1px solid #94addc; } .about-board01 .rline02 {border-right:1px solid #c8c8c8; } .about-board01 .rline03 {border-top:1px solid #9496dc; } .about-board01 .left {text-align:left; width:98%;} .about-board01 .wfont01 {color:#007894; font-weight:bold;} .about-board01 .wfont02 {color:#111111; font-weight:bold; font-size:13px;} /*공통으로 사용되는 스타일*/ .pt03{padding-top:3px} .pt05{padding-top:5px} .pt08{padding-top:8px} .pt10{padding-top:10px} .pt15{padding-top:15px} .pt20{padding-top:20px} .pt25{padding-top:25px} .pt30{padding-top:30px} .pt60{padding-top:20px} .pl05{padding-left:05px} .pl10{padding-left:10px} .pl20{padding-left:20px} .pl30{padding-left:30px} .pl140{padding-left:140px} .pb05{padding-bottom:5px} .pb10{padding-bottom:10px} .pb15{padding-bottom:15px} .pb20{padding-bottom:20px} .mr60{margin-left:60px} .mr60{margin-left:60px} .bold{font-weight:bold;} .red{color:red;} .pb{margin-top:10px; margin-bottom:10px; border:1px solid #d5d5d5;} .line{background-color:#cccccc; height:1px;} .line2{background-color:#cccccc; height:2px;} .table_line1{background-color:#7d8ece; height:1px;} .table_line2{background-color:#7d8ece; height:3px;} .left{float:left;} .right{float:right;} .title{margin:10px 0px 10px 0px;} .w40{width:40px; float:left;} .w50{width:50px; float:left;} .w70{width:70px; float:left;} .w100{width:100px; float:left;} .close{position:relative; float:left; margin-left:280px; top:-50px} .close2{position:relative; float:left; margin-left:300px; } .close3{position:relative; float:left; margin-left:540px; } .close4{position:relative; float:left; margin-left:265px;} .close5{position:relative; float:left; margin-left:265px; padding-top:30px;} .search{ padding-left:10px; position:relative; top:5px;} .bd_none{border:0px; !important;} .BtnSpaceH2{margin:0px 2px 0px 2px;} .BtnSpaceV2{margin:2px 0px 2px 0px;} .font01 {font-family:"돋움"; color:#ff8033; font-size:11px; line-height:16px; font-style:normal; font-variant:normal; text-transform:none; font-weight:bold; } /*select { BACKGROUND-COLOR:#FFFFFF; BORDER-WIDTH:1; BORDER-COLOR:#CCCCCC; BORDER-STYLE:SOLID; height:16px; } input { BACKGROUND-COLOR:#FFFFFF; BORDER-WIDTH:1; BORDER-COLOR:#CCCCCC; BORDER-STYLE:SOLID; height:16px; } textarea { BACKGROUND-COLOR:#FFFFFF; BORDER-WIDTH:1; BORDER-COLOR:#CCCCCC; BORDER-STYLE:SOLID; }*/ .inputbox1 { IME-MODE: disabled; } .inputbox2 { IME-MODE: disabled; text-align:right; } .inputbox3 { border:0px solid; height:12; BACKGROUND: #E7EEFD; } .inputbox4 { IME-MODE: disabled; BACKGROUND: #E7EEFD; } .radio { BACKGROUND-COLOR:#FFFFFF; border: 0px; } .radio_main { BACKGROUND-COLOR:#FFF2E0; border: 0px; } .button { BACKGROUND-COLOR:#E0E0E0; border:1px solid; border-color:#666666; COLOR:#666666; height:21px; cursor:hand; } .radio1 { BACKGROUND-COLOR:E9E2D8; border: 0px; } .radio2 { BACKGROUND-COLOR:#f7f7f7; border: 0px; }