@charset "utf-8";
@import url("default.css");

/*공통*/

/*전체프레임 bg1 (탑bg 높이차이) */
.bg001 {position: relative; float: left; width:100%; height:100%; background:#60a5bb url(../images/_main/bg1.gif) top center repeat-x; }

/*로그인페이지 bg1 (탑bg 높이차이)*/
.bg002 {position: relative; float: left; width:100%; height:100%; background:#60a5bb url(../images/_main/bg2.gif) top center repeat-x; }

/*전체프레임 bg2 (교회건물 위치차이)*/
.frame { position: relative; float: left; width:100%; height:100%; background:url(../images/_main/church1.png) right bottom no-repeat; z-index:1; }

/*로그인페이지 bg 2(교회건물 위치차이)*/
.loginPage { position: relative; float: left; width:100%; align: center; background:url(../images/_main/church1.png)no-repeat; background-position:72% 90%;  z-index:1; }

.fixWindow { position: relative; width: 1000px; min-height:1000px; margin:0px auto; }


/* 상단부 (로그인) */
.loginTop { position: relative; float: left; width:1000px; height:144px;  margin:0;}
.loginTop .topLeft {position: relative; float:left; width:215px; height:115px; margin:10px 0 0 80px;}
.loginTop .topRight {position: relative; float:right; width:380px; height:50px; margin-top:45px; background:url(../images/_main/clogo.png) no-repeat; }
.loginTop .topRight .ur li {float:left;}
.loginTop .topRight a.manual {position:relative; float:left; width:240px; height:23px;  margin:50px 0 0 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; text-align:center; border-radius:15px; font-size:15px; color:#fff; letter-spacing:-1pt; line-height:22px; background-color:#5ec7cc;}
.loginTop .topRight a:hover.manual {position:relative; float:left; width:240px; height:23px;  margin:50px 0 0 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; text-align:center; border-radius:15px; font-size:15px; color:#fff; letter-spacing:-1pt; line-height:22px; background-color:#357fae;}
.loginTop .topRight .miniBtn1 {width:55px; height:55px; background-color:#38abb2; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:0px 0 0 260px;}
.loginTop .topRight .miniBtn2 {width:55px; height:55px; background-color:#38abb2; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:0px 0 0 10px;}

/* 상단부 (로그인 외 전체 페이지) */
.topArea { position: relative; float: left; width:1000px; height:115px;  margin:0;}
.topArea .topLeft {position: relative; float:left; width:215px; height:115px; margin:0;}
.topArea .topRight {position: relative; float:right; width:380px; height:50px; margin-top:36px; background:url(../images/_main/clogo.png) no-repeat; }
.topArea .topRight .ur li {float:left;}
.topArea .topRight .miniBtn1 {width:55px; height:55px; background-color:#38abb2; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:0px 0 0 260px;}
.topArea .topRight .miniBtn2 {width:55px; height:55px; background-color:#38abb2; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:0px 0 0 10px;}

.topMenu { position: relative; float: left; width:1000px; height:56px;  margin:0;}
.topMenu .favorite { position: relative; float: left; width:697px; height:23px; line-height:24px; overflow:hidden; text-overflow:hidden;  margin:16px 0 0 0px; }
.topMenu .favorite .star {background:url(../images/_main/star.png)left center no-repeat; padding-left:23px; margin-right:30px;}
.topMenu .favorite .star a {color:#fff; font-size:17px; font-weight:bold; letter-spacing:-1pt;}
.topMenu .favorite .star a:hover {color:#caf1f4; }

.topMenu .menu { position: relative; float: left; width:303px; height:56px;  margin:0; }
.topMenu .menu .btn {position: relative; float: right; width:223px; height:56px; background:url(../images/_main/btnbg.png) repeat;  cursor:pointer;}
.menu_class {}
.the_menu {position:absolute; right:0px; top:56px; display:none; width:300px; padding-bottom:10px; border-top:3px solid #38abb2; background:#fff url(../images/_main/menu.png) repeat-y;  z-index:9; }
.menuFoot {position: relative; float:left; bottom:-20px; width:300px; height:10px;  background:url(../images/_main/menufoot.png) no-repeat;  }
.the_menu ul li { width:100%;}
.the_menu ul li.depth01a {position:relative; float:left; width:297px; height:38px; background:#f4f4f4 url(../images/_main/menu1.png)left no-repeat; margin:16px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.the_menu ul li.depth01a a {line-height:35px; color:#3c3c3c; font-size:19px; letter-spacing:-1pt; font-weight:bold; padding-left:46px;}
.the_menu ul li.depth01a a:hover {color:#34bbc5;}
.the_menu ul li.depth02a {position:relative; float:left; width:250px; height:25px; background:url(../images/_main/bul1.png)left no-repeat; margin:4px 0 4px 47px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.the_menu ul li.depth02a a {line-height:22px; color:#5f5f5f; font-size:17px; letter-spacing:-1pt;  padding-left:25px;}
.the_menu ul li.depth02a a:hover {color:#34bbc5;}
.the_menu ul li.depth01b {position:relative; float:left; width:297px; height:38px; background:#f4f4f4 url(../images/_main/menu2.png)left no-repeat; margin:16px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.the_menu ul li.depth01b a {line-height:35px; color:#3c3c3c; font-size:19px; letter-spacing:-1pt; font-weight:bold; padding-left:46px;}
.the_menu ul li.depth01b a:hover {color:#3a82b0;}
.the_menu ul li.depth02b {position:relative; float:left; width:250px; height:25px; background:url(../images/_main/bul2.png)left no-repeat; margin:4px 0 4px 47px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.the_menu ul li.depth02b a {line-height:22px; color:#5f5f5f; font-size:17px; letter-spacing:-1pt;  padding-left:25px;}
.the_menu ul li.depth02b a:hover {color:#3a82b0;}

/* 컨텐츠박스 */
.conBox {position: relative; float: left; width:1000px; min-height:540px; margin:30px 0 0 0; .height:100%;}

/* 하단부 (로그인 포함 전페이지 동일) */
.footer {position: relative; float: left; width:1000px; height:25px; margin:35px 0 50px 0;}
.footer .txt {position:relative; float:left; width:447px; height:25px; margin-left:277px; background:url(../images/_main/footbg.png) no-repeat; text-align:center; color:#fff; font-size:11px; line-height:24px;}
.footer .txt span {font-size:13px; font-weight:bold;}

/* -------------- 컨텐츠영역 css 계속해서 추가 필요 최종까지 별도의 수정금지, 수정 시 꼭 주석으로 백업 및 표기 (15.12.18 이유진) --------------- */

/* 로그인 */
.loginBox {position:relative; float:left; width:543px; height:620px; margin:45px 0 0 230px; background:url(../images/_main/loginbg.png) repeat; box-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.loginBox .top {position:relative; float:left; width:543px; height:95px; background-color:#5ec7cc;}
.loginBox .top .title {position:relative; float:left; width:543px; height:95px; color:#fff; text-align:center; line-height:32px; margin-top:18px; letter-spacing:-1pt;}
.loginBox .top .title span {font-weight:bold; font-size:40px; letter-spacing:1pt;}
.loginBox .mid {position:relative; float:left; width:543px; height:390px; }
.loginBox .mid .phone {position:relative; float:left; margin:20px 0 0 27px;}
.loginBox .mid .name {position:relative; float:left; margin:13px 0 0 27px;}
.loginBox .mid .request_btn a{position:relative; float:left; width:136px; height:50px;  margin:14px 0 0 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; font-size:17px; color:#fff; letter-spacing:-.5pt; line-height:45px; background-color:#357fae; }
.loginBox .mid .request_btn a:hover{position:relative; float:left; width:136px; height:50px;  margin:14px 0 0 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px;font-size:17px; color:#fff; letter-spacing:-.5pt; line-height:45px; background-color:#6fb023; font-weight:bold; }
.loginBox .mid .step1 {position:relative; float:left; width:490px; height:50px; margin:15px 0 0 30px; color:#444; font-size:14px; letter-spacing:-.5pt; line-height:22px; }
.loginBox .mid .step1 span {color:#5cb6bf; font-weight:bold; font-size:20px;}
.loginBox .mid .step2 {position:relative; float:left; width:490px; height:50px; margin:5px 0 0 30px; color:#444; font-size:14px; letter-spacing:-.5pt; line-height:20px; }
.loginBox .mid .step2 span {color:#5cb6bf; font-weight:bold; font-size:20px;}
.loginBox .mid .step2 p {color:#ef824c; font-size:14px; font-weight:bold; }
.loginBox .mid  .click {position:relative; float:left; width:490px; height:50px; margin:10px 0 0 30px; color:#dd0000; font-size:15px; letter-spacing:-.5pt; line-height:20px;  font-weight:bold; border-top:1px solid #bbb;}
.loginBox .bot {position:relative; float:left; width:543px; height:135px; background:url(../images/_main/loginbg2.png) repeat; }
.loginBox .bot .certify {position:relative; float:left; margin:25px 0 0 27px;}
.loginBox .bot .login_btn a{position:relative; float:left; width:136px; height:50px;  margin:25px 0 0 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; font-size:17px; color:#fff; letter-spacing:-.5pt; line-height:45px; background-color:#535353; }
.loginBox .bot .login_btn a:hover{position:relative; float:left; width:136px; height:50px;  margin:25px 0 0 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px;font-size:17px; color:#fff; letter-spacing:-.5pt; line-height:45px; background-color:#6fb023; font-weight:bold; }
.loginBox .bot .login_save {position:relative; float:left; width:450px; text-align:right; margin:10px 0 0 45px; line-height:20px; font-size:15px;letter-spacing:-1pt; }
.loginBox .bot .login_save checkbox {}

/* Admin 로그인 */
.adminLoginBox {position:relative; float:left; width:543px; height:440px; margin:45px 0 0 230px; background:url(../images/_main/loginbg.png) repeat; box-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.adminLoginBox .top {position:relative; float:left; width:543px; height:95px; background-color:#5ec7cc;}
.adminLoginBox .top .title {position:relative; float:left; width:543px; height:95px; color:#fff; text-align:center; line-height:32px; margin-top:18px; letter-spacing:-1pt;}
.adminLoginBox .top .title span {font-weight:bold; font-size:40px; letter-spacing:1pt;}
.adminLoginBox .mid {position:relative; float:left; width:543px; height:220px; }
.adminLoginBox .mid .step1 {position:relative; float:left; width:490px; height:30px; margin:15px 0 0 30px; color:#444; font-size:14px; letter-spacing:-.5pt; line-height:22px; }
.adminLoginBox .mid .step1 span {color:#5cb6bf; font-weight:bold; font-size:20px;}
.adminLoginBox .mid .step2 {position:relative; float:left; width:490px; height:30px; margin:5px 0 0 30px; color:#444; font-size:14px; letter-spacing:-.5pt; line-height:20px; }
.adminLoginBox .mid .step2 span {color:#5cb6bf; font-weight:bold; font-size:20px;}
.adminLoginBox .mid .step2 p {color:#ef824c; font-size:14px; font-weight:bold; }
.adminLoginBox .mid .login_id {position:relative; float:left; margin:20px 0 0 30px;}
.adminLoginBox .mid  .click {position:relative; float:left; width:490px; height:50px; margin:10px 0 0 30px; color:#dd0000; font-size:15px; letter-spacing:-.5pt; line-height:20px;  font-weight:bold; border-top:1px solid #bbb;}
.adminLoginBox .bot {position:relative; float:left; width:543px; height:135px; background:url(../images/_main/loginbg2.png) repeat; }
.adminLoginBox .bot .login_pwd {position:relative; float:left; margin:25px 0 0 30px;}
.adminLoginBox .bot .login_btn a{position:relative; float:left; width:136px; height:50px;  margin:25px 0 0 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; font-size:17px; color:#fff; letter-spacing:-.5pt; line-height:45px; background-color:#535353; }
.adminLoginBox .bot .login_btn a:hover{position:relative; float:left; width:136px; height:50px;  margin:25px 0 0 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px;font-size:17px; color:#fff; letter-spacing:-.5pt; line-height:45px; background-color:#6fb023; font-weight:bold; }
.adminLoginBox .bot .login_save {position:relative; float:left; width:450px; text-align:right; margin:10px 0 0 45px; line-height:20px; font-size:15px;letter-spacing:-1pt; }
.adminLoginBox .bot .login_save checkbox {}

#login_id{ width:300px; height:50px; line-height:50px; color:#858585; vertical-align: middle; background:#fff url(../images/_main/person.png) center left no-repeat;}/*이름인풋*/
#login_pwd{ width:300px; height:50px; line-height:50px;  color:#858585; vertical-align: middle; background:#fff url(../images/_main/pass.png) center left no-repeat;}/*인증번호인풋*/
#login_save{ width:300px; height:50px; line-height:50px;  color:#858585; vertical-align: middle; background:#fff url(../images/_main/pass.png) center left no-repeat;}/*인증번호인풋*/

/* 로그인인풋관련*/
.holder_auto {border:1px solid #ddd; box-shadow:inset 2px 1px 2px rgba(0,0,0,0.3); -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius:5px; height:50px; line-height:100%; vertical-align:middle; font-size:17px; padding-left:35px; color:#d0d0d0; }

/* 플레이스홀더 하위브라우저 지원용 */
.holder_box {position:relative ; }
.holder_box>span {position:absolute; top:15px; left:10px; font-size:17px; color:#858585; }
#phonenumber{ width:455px; height:50px; line-height:50px; color:#858585; display: table-cell; vertical-align: middle; background:#fff url(../images/_main/phone.png) center left no-repeat;}/*번호입력인풋*/
#personname{ width:300px; height:50px; line-height:50px; color:#858585; vertical-align: middle; background:#fff url(../images/_main/person.png) center left no-repeat;}/*이름인풋*/
#certify{ width:300px; height:50px; line-height:50px;  color:#858585; vertical-align: middle; background:#fff url(../images/_main/pass.png) center left no-repeat;}/*인증번호인풋*/


/* 메인 */
.conBox .main {position: relative; width:1000px; height:840px; background:url(../images/_main/loginbg.png) repeat; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); }
.conBox .main .formList1 {position: relative; float:left; width:950px; height:367px; margin:35px 25px 0 25px; overflow:hidden; }
.conBox .main .formList1 .title1 {position: relative; float:left; width:950px; height:43px;}
.conBox .main .formList1 .title1 .txt {position: relative; float:left; font-size:22px; color:#36a6ad; line-height:35px; padding-left:32px; letter-spacing:-1pt;  background:url(../images/_main/list1.png) left center no-repeat;}
.conBox .main .formList1 .title1 .btn {margin-left:20px;}
.conBox .main .formList1 .title1 .more {float:right; line-height:45px; font-size:16px; letter-spacing:-1pt;}
.conBox .main .formList1 .title1 .more a {color:#36a6ad; }
.conBox .main .formList1 .title1 .more a:hover {font-weight:bold;}
.conBox .main .formList1 .table1 {position: relative; float:left; width:950px; height:43px; height:300px; margin-top:22px;}

.conBox .main .formList2 {position: relative; float:left; width:950px; height:367px; margin:55px 25px 0 25px; overflow:hidden; }
.conBox .main .formList2 .title2 {position: relative; float:left; width:950px; height:43px;}
.conBox .main .formList2 .title2 .txt {position: relative; float:left; font-size:22px; color:#357fae; line-height:35px; padding-left:32px; letter-spacing:-1pt;  background:url(../images/_main/list2.png) left center no-repeat;}
.conBox .main .formList2 .title2 .btn {margin-left:20px;}
.conBox .main .formList2 .title2 .more {float:right; line-height:45px; font-size:16px; letter-spacing:-1pt;}
.conBox .main .formList2 .title2 .more a {color:#357fae; }
.conBox .main .formList2 .title2 .more a:hover {font-weight:bold;}
.conBox .main .formList2 .table2 {position: relative; float:left; width:950px; height:43px; height:300px; margin-top:22px;}

/* 기부금영수증 */
.conBox .receipt {position: relative; float:left; width:950px; min-height:400px; height:100%; padding:25px; background:url(../images/_main/bg.png) repeat; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); .height:100%;}
.conBox .receipt .title {position: relative; float:left; width:950px; height:45px;  background:url(../images/_main/list2.png) left top no-repeat; border-bottom:1px solid #ccc; margin-top:12px;}
.conBox .receipt .title p {font-size:22px; color:#357fae; line-height:28px; padding-left:32px; letter-spacing:-1pt; }
.conBox .receipt .step0 {position: relative; float:left; width:950px; padding-bottom:10px;}
.conBox .receipt .step0 .textBox1 {position: relative; float:left; width:950px; height:230px; margin-top:14px;}
.conBox .receipt .step0 .textBox1 .boxTitle  {position: relative; float:left; width:330px; height:50px; margin:14px 0 0 0; background-color:#3a82b0; color:#fff; font-size:22px; text-align:center; line-height:45px; letter-spacing:-1pt; font-weight:bold;}
.conBox .receipt .step0 .textBox1 .boxContents {position: relative; float:left; width:900px; height:140px; padding:20px; background-color:#f8f8f8; border:1px solid #ccc;}
.conBox .receipt .step0 .textBox1 .boxContents li {position: relative; float:left; width:872px; height:32px; line-height:24px; padding-left:23px; background:url(../images/_receipt/bul1.png) left center no-repeat; font-size:15px; letter-spacing:-.5pt;}
.conBox .receipt .step0 .textBox2 {position: relative; float:left; width:950px; height:420px; margin-top:14px;}
.conBox .receipt .step0 .textBox2 .boxTitle {position: relative; float:left; width:330px; height:50px; margin:28px 0 0 0; background-color:#3a82b0; color:#fff; font-size:22px; text-align:center; line-height:45px; letter-spacing:-1pt; font-weight:bold;}
.conBox .receipt .step0 .textBox2 .personal {position: relative; float:left; width:900px; height:290px; padding:20px; background-color:#f8f8f8; border:1px solid #ccc; overflow-y:auto; line-height:22px; font-size:14px; letter-spacing:-.5pt;}
.conBox .receipt .step0 .checkBox {position: relative; float:left; width:950px; height:30px; padding:0 0 5px 0; text-align:right; border-bottom:1px solid #ccc;  font-size:15px; letter-spacing:-.5pt; line-height:25px; }
.conBox .receipt .step0 .btn {position: relative; float:left; width:950px; height:40px; text-align:center; margin-top:10px;}
.conBox .receipt .step1 {position: relative; float:left; width:950px; padding-bottom:30px;}
.conBox .receipt .step1 .dateSearch {position: relative; float:left; width:950px; height:50px; background-color:#eee;}
.conBox .receipt .step1 .dateSearch li.txt {position: relative; float:left; width:300px; height:30px; margin:15px 0 0 18px; line-height:20px; padding-left:23px; background:url(../images/_receipt/bul1.png) left center no-repeat; font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .step1 .dateSearch li.date1 {position: relative; float:left; width:160px; height:30px; margin:12px 0 0 65px;}
.conBox .receipt .step1 .dateSearch li.date2 {position: relative; float:left; width:160px; height:30px; margin:12px 0 0 0;}
.conBox .receipt .step1 .dateSearch li.wave {position: relative; float:left; width:25px; height:30px; margin:8px 0 0 0; font-size:18px;}
.conBox .receipt .step1 .dateSearch li.search {position: relative; float:right;  width:115px; height:40px; padding-top:10px;text-align:center; background-color:#4086b3;}
.conBox .receipt .step1 .dateSearch  a {color:#fff; font-size:16px; letter-spacing:-1pt; line-height:45px; }
.conBox .receipt .step1 .dateSearch  a:hover {font-weight:bold; }
.conBox .receipt .step1 .dateSearch select.year {position: relative; float:left; width:85px; height:26px; padding:2px 5px; border:1px solid #ccc; }
.conBox .receipt .step1 .dateSearch select.month {position: relative; float:left; width:55px; height:26px; padding:2px 5px; border:1px solid #ccc; margin-left:5px;}
.conBox .receipt .step1 .dateSearch select.date {position: relative; float:left; width:45px; height:26px; padding:2px 5px; border:1px solid #ccc; margin-left:5px;}
.conBox .receipt .step1 .table {position: relative; float:left; width:950px; margin-top:10px;}
.conBox .receipt .step2 {position: relative; float:left; width:950px; padding-bottom:30px;}
.conBox .receipt .step2 .txt {position: relative; float:left; width:800px; height:30px; margin:15px 0 0 0px; line-height:20px; color:#eb0000; font-weight:bold; font-size:16px; letter-spacing:-.5pt;}
.conBox .receipt .step3 {position: relative; float:left; width:950px; padding-bottom:30px;}
.conBox .receipt .step3 .complete {position: relative; float:left; width:948px; height:345px; background-color:#f8f8f8; border:1px solid #ccc;}
.conBox .receipt .step3 .complete li.monitor {position: relative; float:left; width:948px; height:95px; background:url(../images/_receipt/monitor.png) center bottom no-repeat;}
.conBox .receipt .step3 .complete li.text1 {position: relative; float:left; width:948px; text-align:center; font-size:32px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .receipt .step3 .complete li.text2 {position: relative; float:left; width:948px; text-align:center; font-size:17px; letter-spacing:-1.2pt; margin-top:18px;}
.conBox .receipt .step3 .complete li.line {position: relative; float:left; width:948px; height:48px; border-bottom:1px solid #ccc;}
.conBox .receipt .step3 .complete li.sms {position: relative; float:left; width:900px; margin:25px 0 0 20px;}
.conBox .receipt .step3 .complete li.sms p {position: relative; float:left; width:900px; height:32px; line-height:24px; padding-left:23px; background:url(../images/_receipt/bul1.png) left center no-repeat; font-size:17px; font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .stepIcon {position: relative; float:left; width:950px; height:60px; margin:15px 0 15px 0;}
.conBox .receipt .stepIcon .on {position: relative; float:left; width:283px; height:60px; border-radius:5px; background:#99c522; text-align:center; line-height:60px;letter-spacing:-.7pt; font-size:17px; font-weight:bold; color:#fff;}
.conBox .receipt .stepIcon .off {position: relative; float:left; width:283px; height:60px; border-radius:5px; background-color:#c6c6c6; text-align:center; line-height:60px;letter-spacing:-.7pt; font-size:17px; font-weight:bold; color:#fff;}
.conBox .receipt .stepIcon .arrow {position: relative; float:left; width:50px; height:60px; background:url(../images/_receipt/arrow.png) no-repeat; }
.conBox .receipt .bottom {position: relative; float:left; width:950px; margin-top:10px;}
.conBox .receipt .bottom li.txt  {position: relative; float:left; margin:15px 0 0 18px;  width:872px; height:32px; line-height:24px; padding-left:23px; background:url(../images/_receipt/bul1.png) left center no-repeat; font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .bottom li.line {position: relative; float:left; width:950px; height:6px; border-bottom:1px solid #ccc;}
.conBox .receipt .bottom a li.prevBtn {width:80px; height:80px; background-color:#656565; color:#fff; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:20px 0 0 745px; line-height:80px; text-align:center;  font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .bottom a:hover li.prevBtn {width:80px; height:80px; background-color:#99c522; color:#fff; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:20px 0 0 745px; line-height:80px; text-align:center;  font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .bottom a li.nextBtn {width:80px; height:80px; background-color:#3a82b0; color:#fff; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:20px 0 0 20px; line-height:80px; text-align:center;  font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .bottom a:hover li.nextBtn {width:80px; height:80px; background-color:#99c522; color:#fff; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:20px 0 0 20px; line-height:80px; text-align:center;  font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .bottom a li.okBtn {width:80px; height:80px; background-color:#3a82b0; color:#fff; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:20px 0 0 840px; line-height:80px; text-align:center;  font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
.conBox .receipt .bottom a:hover li.okBtn {width:80px; height:80px; background-color:#99c522; color:#fff; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin:20px 0 0 840px; line-height:80px; text-align:center;  font-size:16px; font-weight:bold; letter-spacing:-.5pt;}
/*기부금영수증리스트*/
.conBox .receipt .receiptList {position: relative; float:left; width:950px; padding-bottom:30px; min-height:400px;}
.conBox .receipt .receiptList .listBox {position: relative; float:left; width:950px;  margin-top:25px;}
.conBox .receipt .receiptList .paging {position: relative; width:100%; float:left;}
.conBox .receipt .receiptList .paging .fix {position: relative; float:none; width:950px; height:50px; margin:50px auto; text-align:center;}
.conBox .receipt .receiptList .paging .fix a.pageOn {position: relative; display:inline-block; margin:0 6px 0 6px; width:40px; height:40px; background-color:#4086b3; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .receipt .receiptList .paging .fix a.pageOff {}
.conBox .receipt .receiptList .paging .fix a.pageOff { margin:0 6px 0 6px;  display:inline-block; width:40px; height:40px; background-color:#c4d5e1; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .receipt .receiptList .paging .fix a:hover.pageOff {margin:0 6px 0 6px;  display:inline-block; width:40px; height:40px; background-color:#4086b3; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .receipt .receiptList .paging .fix a.pagePrev {margin:5px 20px 0 20px;}
.conBox .receipt .receiptList .paging .fix a.pageNext {margin:5px 20px 0 20px;}
/*레이어1-기부금영수증신청 수정*/
.conBox .receipt .receiptLayer1 {position:absolute; width:860px; height:500px; top:120px; left:70px; z-index:1; background-color:#c2d9e7; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-border-radius: 10px;	-moz-border-radius:10px; border-radius:10px;}
.conBox .receipt .receiptLayer1 .layerBox  {position: relative; float:left; width:770px; margin:40px 0 0 45px;}
.conBox .receipt .receiptLayer1 .layerBox .layerTitle {position: relative; float:left; height:30px;color:#1d6b9d; font-size:23px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .receipt .receiptLayer1 .layerContents {position: relative; float:left; width:770px; margin:20px 0 0 0; background-color:#eff6f8;}
.conBox .receipt .receiptLayer1 .btns {position: relative; float:left; width:100%; height:52px; text-align:center;}
.conBox .receipt .receiptLayer1 .btns .receiptCancel {display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#34bbc5; }
.conBox .receipt .receiptLayer1 .btns a {color:#fff; font-size:17px;letter-spacing:-1pt; line-height:45px;  }
.conBox .receipt .receiptLayer1 .btns a:hover {color:#fff; }
.conBox .receipt .receiptLayer1 .btns .receiptSave {display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#26658e; }
.conBox .receipt .receiptLayer1 .btns .close1 {display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#828282; }
/*레이어2-기부금영수증 미리보기 및 발급*/
.conBox .receipt .receiptLayer2 {position:absolute; width:950px; height:690px; top:10px; left:25px; z-index:1; background-color:#c2d9e7; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-border-radius: 10px;	-moz-border-radius:10px; border-radius:10px;}
.conBox .receipt .receiptLayer2 .layerBox  {position: relative; float:left; width:770px; margin:25px 0 0 15px;}
.conBox .receipt .receiptLayer2 .layerBox .layerTitle {position: relative; float:left; height:30px;color:#1d6b9d; font-size:23px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .receipt .receiptLayer2 .layerContents {position: relative; float:left; width:920px; height:500px; margin:20px 0 0 0; background-color:#fff; overflow:auto;}
.conBox .receipt .receiptLayer2 .btns {position: relative; float:left; width:100%; height:52px; text-align:center;}
.conBox .receipt .receiptLayer2 .btns .receiptDown {display:inline-block; width:210px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#26658e; }
.conBox .receipt .receiptLayer2 .btns .close2 {display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#828282; }
.conBox .receipt .receiptLayer2 .btns a {color:#fff; font-size:17px;letter-spacing:-1pt; line-height:45px;  }
.conBox .receipt .receiptLayer2 .btns a:hover {color:#fff; }
span.red {color:#eb0000; font-weight:bold;}


/* 시설예약 */
/* 시설예약프레임*/
.conBox .reserve {position: relative; float:left; width:950px; min-height:400px; height:100%; padding:25px; background:url(../images/_main/bg.png) repeat; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); .height:100%;}
.conBox .reserve .title {position: relative; float:left; width:950px; height:45px;  background:url(../images/_main/list1.png) left top no-repeat; border-bottom:1px solid #ccc; margin-top:12px;}
.conBox .reserve .title p {font-size:22px; color:#36a6ad; line-height:26px; padding-left:32px; letter-spacing:-1pt; }
@media \0screen {
.conBox .reserve .reserveBox {position: relative; float:left; width:100%;}
.conBox .reserve .reserveBox .placeFrame {position: absolute; width:270px;  z-index:1; top:30px; left:0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.conBox .reserve .reserveBox .placeFrame .placeTitle {position: relative; float:left; width:100%; height:70px; background-color:#34bbc5; color:#fff; font-size:21px; text-align:center;letter-spacing:-1pt; line-height:65px;  }
.conBox .reserve .reserveBox .placeFrame .placeTitle .close3 {display:none;}
.conBox .reserve .reserveBox .placeFrame .placeList {position: relative; float:left; width:100%; height:600px; background-color:#f6f6f6; overflow-y:auto;}
.conBox .reserve .reserveBox .reserveFrame {position: relative; float:right; width:660px; min-height:670px; margin:30px 0 0 0; background-color:#fff;}
.conBox .reserve .reserveBox .mobileBtn {display:none;}
}
/*시설예약프레임 PC*/
@media only screen and (min-width: 1000px) {
.conBox .reserve .reserveBox {position: relative; float:left; width:100%;}
.conBox .reserve .reserveBox .placeFrame {position: absolute; width:270px;  z-index:1; top:30px; left:0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.conBox .reserve .reserveBox .placeFrame .placeTitle {position: relative; float:left; width:100%; height:70px; background-color:#34bbc5; color:#fff; font-size:21px; text-align:center;letter-spacing:-1pt; line-height:65px;  }
.conBox .reserve .reserveBox .placeFrame .placeTitle .close3 {display:none;}
.conBox .reserve .reserveBox .placeFrame .placeList {position: relative; float:left; width:100%; height:600px; background-color:#f6f6f6; overflow-y:auto;}
.conBox .reserve .reserveBox .reserveFrame {position: relative; float:right; width:660px; min-height:670px; margin:30px 0 0 0; background-color:#fff;}
.conBox .reserve .reserveBox .mobileBtn {display:none;}
}
/*시설예약리스트 모바일*/
@media only screen and (max-width: 1000px) {
.conBox .reserve .reserveBox {position: relative; float:left; width:100%;}
.conBox .reserve .reserveBox .placeFrame {position: absolute; width:270px;  z-index:999; top:30px; left:0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); display:none;}
.conBox .reserve .reserveBox .placeFrame .placeTitle {position: relative; float:left; width:100%; height:70px; background-color:#34bbc5; color:#fff; font-size:21px; text-align:center;letter-spacing:-1pt; line-height:65px;  }
.conBox .reserve .reserveBox .placeFrame .placeTitle .close3 {position:absolute; top:15px; right:10px; line-height:0px; width:45px; font-weight:bold; height:10px; font-size:15px;letter-spacing:-1pt;  cursor:pointer;}
.conBox .reserve .reserveBox .placeFrame .placeList {position: relative; float:left; width:100%; height:600px; background-color:#f6f6f6; overflow-y:auto;}
.conBox .reserve .reserveBox .reserveFrame {position: relative; float:left; width:90%;  min-height:670px; margin:30px 0 0 0; background-color:#fff;}
.conBox .reserve .reserveBox .mobileBtn {position: absolute; z-index:99; cursor:pointer; width:60px; height:100px; top:30px; left:0px;}
}
/*시설예약신청하기레이어*/
.conBox .reserve .reserveLayer1 {position:absolute; width:710px; height:720px; top:170px; left:140px; z-index:1; background-color:#eaf4f4; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);  border-bottom:10px solid #38abb2;}
.conBox .reserve .reserveLayer1 .layerBox  {position: relative; float:left; width:100%; margin:0px;}
.conBox .reserve .reserveLayer1 .layerBox .layerTitle {position: relative; float:left; width:100%; background:#38abb2 url(../images/_reserve/list1.png) left center no-repeat; height:90px;}
.conBox .reserve .reserveLayer1 .layerBox .layerTitle p {line-height:85px; padding-left:80px; color:#fff; font-size:23px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .reserve .reserveLayer1 .layerBox .closeBtn a{position:absolute; width:32px; height:32px; top:30px; right:30px; background: url(../images/_reserve/close.png) no-repeat; z-index:1;}
.conBox .reserve .reserveLayer1 .layerContents {position: relative; float:left; width:560px; margin:20px 0 0 80px;}
.conBox .reserve .reserveLayer1 .btns {position: relative; float:left; width:100%; height:52px; text-align:center;}
.conBox .reserve .reserveLayer1 .btns a {color:#fff; font-size:17px;letter-spacing:-1pt; line-height:45px;  }
.conBox .reserve .reserveLayer1 .btns a:hover {color:#fff; }
.conBox .reserve .reserveLayer1 .btns .save {  display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#26658e; }
.conBox .reserve .reserveLayer1 .btns .close1 {  display:inline-block; width:136px; height:50px;  margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#828282; }
/*시설예약보기레이어*/
.conBox .reserve .reserveLayer2 {position:absolute; width:710px; height:680px; top:170px; left:140px; z-index:1; background-color:#eaf4f4; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);  border-bottom:10px solid #38abb2;}
.conBox .reserve .reserveLayer2 .layerBox  {position: relative; float:left; width:100%; margin:0px;}
.conBox .reserve .reserveLayer2 .layerBox .layerTitle {position: relative; float:left; width:100%; background:#38abb2 url(../images/_reserve/list2.png) left center no-repeat; height:90px;}
.conBox .reserve .reserveLayer2 .layerBox .layerTitle p {line-height:85px; padding-left:80px; color:#fff; font-size:23px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .reserve .reserveLayer2 .layerBox .closeBtn a{position:absolute; width:32px; height:32px; top:30px; right:30px; background: url(../images/_reserve/close.png) no-repeat; z-index:1;}
.conBox .reserve .reserveLayer2 .layerContents {position: relative; float:left; width:620px; margin:20px 0 0 45px;}
.conBox .reserve .reserveLayer2 .btns {position: relative; float:left; width:100%; height:52px; text-align:center;}
.conBox .reserve .reserveLayer2 .btns a {color:#fff; font-size:17px;letter-spacing:-1pt; line-height:45px;  }
.conBox .reserve .reserveLayer2 .btns a:hover {color:#fff; }
.conBox .reserve .reserveLayer2 .btns .save {display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#26658e; }
.conBox .reserve .reserveLayer2 .btns .close2 {display:inline-block; width:136px; height:50px;  margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#828282; }
/*시설예약리스트*/
.conBox .reserve .reserveList {position: relative; float:left; width:950px; padding-bottom:30px; min-height:400px;}
.conBox .reserve .reserveList .listBox {position: relative; float:left; width:950px;  margin-top:25px;}
.conBox .reserve .reserveList .paging {position: relative; width:100%; float:left;}
.conBox .reserve .reserveList .paging .fix {position: relative; float:none; width:950px; height:50px; margin:50px auto; text-align:center;}
.conBox .reserve .reserveList .paging .fix a.pageOn {position: relative; display:inline-block; margin:0 6px 0 6px; width:40px; height:40px; background-color:#34bbc5; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .reserve .reserveList .paging .fix a.pageOff {}
.conBox .reserve .reserveList .paging .fix a.pageOff { margin:0 6px 0 6px;  display:inline-block; width:40px; height:40px; background-color:#c1dbdc; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .reserve .reserveList .paging .fix a:hover.pageOff {margin:0 6px 0 6px;  display:inline-block; width:40px; height:40px; background-color:#34bbc5; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .reserve .reserveList .paging .fix a.pagePrev {margin:5px 20px 0 20px;}
.conBox .reserve .reserveList .paging .fix a.pageNext {margin:5px 20px 0 20px;}

/*시설예약신청정보레이어*/
.conBox .reserve .reserveLayer {position:absolute; width:860px; height:660px; top:20px; left:70px; z-index:1; background-color:#eaf4f4; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);  border-bottom:10px solid #38abb2;}
.conBox .reserve .reserveLayer .layerBox  {position: relative; float:left; width:100%; margin:0px;}
.conBox .reserve .reserveLayer .layerBox .layerTitle {position: relative; float:left; width:100%; background-color:#38abb2; height:85px;}
.conBox .reserve .reserveLayer .layerBox .layerTitle p {line-height:85px; padding-left:42px; color:#fff; font-size:23px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .reserve .reserveLayer .layerContents {position: relative; float:left; width:770px; margin:15px 0 0 45px;}
.conBox .reserve .reserveLayer .btns {position: relative; float:left; width:100%; height:52px; text-align:center;}
.conBox .reserve .reserveLayer .btns .cancel {display:inline-block; width:136px; height:50px;  margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#34bbc5; }
.conBox .reserve .reserveLayer .btns a {color:#fff; font-size:17px;letter-spacing:-1pt; line-height:45px;  }
.conBox .reserve .reserveLayer .btns a:hover {color:#fff; }
.conBox .reserve .reserveLayer .btns .save {display:inline-block; width:136px; height:50px; margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#26658e; }
.conBox .reserve .reserveLayer .btns .close1 {display:inline-block; width:136px; height:50px;   margin:20px 0 0 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align:center; border-radius:5px; background-color:#828282; }
/* 테이블1 공통*/
.table_01 {color:#666666;  font-size:15px; text-decoration:none; line-height:22px; border-top: solid 4px #38abb2; letter-spacing:-.2pt;}
.table_01 th {cursor:default; border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; color:#0b8890; font-size:15px; vertical-align:middle; background:#cfe4e5; text-align:center; height:42px; letter-spacing:-1pt;  text-overflow:hidden; }
.table_01 th.right_td {border-right:solid 0px #bbb;}
.table_01 tr.color {background-color:#f2f5f5;  cursor:pointer;}
.table_01 tr {cursor:pointer;}
.table_01 td {border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-size:14px; text-align: center; padding:8px 12px; line-height:24px; text-overflow:hidden; }
.table_01 td.bold {font-weight:bold; letter-spacing:-1pt;}
.table_01 td.right_td {border-right:none;}
.table_01 td.green {border-right:none; color:#36a877; font-weight:bold;}
.table_01 td.red {border-right:none; color:#e70000; font-weight:bold;}
.table_01 td.black {border-right:none; color:#000; font-weight:bold;}
.table_01 td.blue {border-right:none; color:#1d87cb; font-weight:bold;}
.table_01 td.gray {border-right:none; color:#ccc; font-weight:bold;}
.table_01 td.noList {border-right:none; height:200px;}


/* 테이블2 공통*/
.table_02 {color:#666666;  font-size:15px; text-decoration:none; line-height:22px; border-top: solid 4px #357fae; letter-spacing:-.2pt;}
.table_02 th {cursor:default;  border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; color:#357fae; font-size:15px; vertical-align:middle; background:#dee8ef; text-align:center; height:42px; letter-spacing:-1pt;  text-overflow:hidden; }
.table_02 th.right_td {border-right:solid 0px #bbb;}
.table_02 tr.color {background-color:#f2f5f5;  cursor:pointer;}
.table_02 tr {cursor:pointer;}
.table_02 td {border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-size:14px; text-align: center; padding:8px 12px; line-height:24px; text-overflow:hidden; }
.table_02 td.bold {font-weight:bold; letter-spacing:-1pt;}
.table_02 td.right_td {border-right:none;}
.table_02 td.color1 {color:#1d87cb; font-weight:bold;}
.table_02 td.color2 {color:#000; font-weight:bold;}
.table_02 td.color3 {color:#e70000; font-weight:bold;}
.table_02 td.green {border-right:none; color:#36a877; font-weight:bold;}
.table_02 td.red {border-right:none; color:#e70000; font-weight:bold;}
.table_02 td.black {border-right:none; color:#000; font-weight:bold;}
.table_02 td.blue {border-right:none; color:#1d87cb; font-weight:bold;}
.table_02 td.gray {border-right:none; color:#ccc; font-weight:bold;}
.table_02 td.noList {border-right:none; height:200px;}

/* 테이블3 공통*/
.table_03 {color:#666666;  font-size:15px; text-decoration:none; line-height:22px; border-top: solid 4px #357fae; letter-spacing:-.2pt;}
.table_03 th {cursor:default;  border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; color:#357fae; font-size:15px; vertical-align:middle; background:#dee8ef; text-align:center; height:42px; letter-spacing:-1pt;  text-overflow:hidden; }
.table_03 th.left_td {border-left:solid 1px #bbb;}
.table_03 th.left_td2 {text-align:center;}
.table_03 th.right_td {border-right:solid 0px #bbb;}
.table_03 tr.color {background-color:#fff; height:60px;}
.table_03 td {border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-size:14px; text-align: center; padding:8px 12px; line-height:24px; text-overflow:hidden; }
.table_03 td.bold {font-weight:bold; letter-spacing:-1pt;}
.table_03 td.right_td {border-right:none;}
.table_03 td.bg {background-color:#fff; font-weight:bold; letter-spacing:-1pt; font-size:16px;}
.table_03 td.bg2 {background-color:#fff; font-weight:bold; letter-spacing:-1pt; font-size:16px; border-left:solid 1px #bbb; }
.table_03 td.bg3 {background-color:#fff; color:#e70000; font-weight:bold; letter-spacing:-1pt; font-size:16px;}
.table_03 td.type {border-right:none;  letter-spacing:-.5pt; font-size:15px;  text-align:left;}
.table_03 td.type .input1 {width:490px; border:1px solid #8eb6cf; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-size:15px; }
.table_03 td.type .input2 {width:250px; border:1px solid #8eb6cf; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-size:15px; }
.table_03 td.type .input3 {width:580px; border:1px solid #8eb6cf; -webkit-border-radius: 5px;   -moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-size:15px; }

.table_03 td.color1 {color:#1d87cb; font-weight:bold;}
.table_03 td.color2 {color:#000; font-weight:bold;}
.table_03 td.color3 {color:#e70000; font-weight:bold;}
.table_03 td.green {border-right:none; color:#36a877; font-weight:bold;}
.table_03 td.green2 {border-right:none; color:#36a877; font-weight:bold; text-align:left;}
.table_03 td.red {border-right:none; color:#e70000; font-weight:bold;}
.table_03 td.black {border-right:none; color:#000; font-weight:bold;}
.table_03 td.blue {border-right:none; color:#1d87cb; font-weight:bold;}
.table_03 td.gray {border-right:none; color:#ccc; font-weight:bold;}
.table_03 td.noList {border-right:none; height:200px;}

/* 테이블4 공통*/
.table_04 {color:#666666;  font-size:15px; text-decoration:none; line-height:22px;  letter-spacing:-.2pt;}
.table_04 th {cursor:default;  border:none; color:#666666; font-size:15px; vertical-align:middle; background:#dee8ef; text-align:center; height:42px; letter-spacing:-1pt;  text-overflow:hidden; }
.table_04 tr.color {background-color:#fff; height:60px;}
.table_04 td {font-size:15px; color:#666666; text-align: left; padding:6px 0 6px 0;line-height:24px; text-overflow:hidden; }
.table_04 td.title_td {font-weight:bold; letter-spacing:-1pt; color:#666666;}
.table_04 td.title_td2 {font-weight:bold; letter-spacing:-1pt; color:#666666; border-bottom:solid 1px #bbb; padding-bottom:15px;}
.table_04 td.right_td {border-right:none;}
.table_04 td.bg {background-color:#fff; font-weight:bold; letter-spacing:-1pt; font-size:16px;}
.table_04 td.bg2 {background-color:#fff; font-weight:bold; letter-spacing:-1pt; font-size:16px; border-left:solid 1px #bbb; }
.table_04 td.bg3 {background-color:#fff; color:#666666; font-weight:bold; letter-spacing:-1pt; font-size:16px;}
.table_04 td.type {border-right:none;  letter-spacing:-.5pt; font-size:15px;  text-align:left;}
.table_04 td.type .input1 {width:490px; border:1px solid #38abb2; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-size:17px; letter-spacing:-1pt;}
.table_04 td.type .input2 {width:300px; border:1px solid #38abb2; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-size:17px; letter-spacing:-1pt;}
.table_04 td select {height:30px; padding:2px 5px; border:1px solid #ccc; font-size:13px;}
.table_04 td textarea {width:560px; border:1px solid #38abb2; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; padding:8px; line-height:20px;  vertical-align:middle; font-size:14px; letter-spacing:-1pt;}


/* 테이블5 공통*/
.table_05 {color:#666666;  font-size:15px; text-decoration:none; line-height:22px; border-top: solid 1px #bbb; letter-spacing:-.2pt;}
.table_05 th {cursor:default;  border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; color:#357fae; font-size:15px; vertical-align:middle; background:#dee8ef; text-align:center; height:42px; letter-spacing:-1pt;  text-overflow:hidden; }
.table_05 tr.color {background-color:#fff; height:60px;}
.table_05 td {border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-size:14px; text-align: center; padding:3px 12px; line-height:24px; text-overflow:hidden; }
.table_05 td.bold {font-weight:bold; letter-spacing:-1pt;}
.table_05 td.title_td {font-weight:bold; letter-spacing:-1pt; background-color:#fff;}
.table_05 td.right_td {border-right:none; text-align:left; height:18px; text-overflow:hidden; overflow:hidden; letter-spacing:-1pt;}
.table_05 td.right_td2 {border-right:none; text-align:left; font-weight:bold; font-size:15px; letter-spacing:-.5pt;}
.table_05 td.right_td3 {border-right:none; text-align:left; font-size:14px; line-height:20px; letter-spacing:-.5pt;}
.table_05 td.type {border-right:none;  letter-spacing:-.5pt; font-size:15px;  text-align:left;}
.table_05 td.type .input1{width:510px; border:1px solid #38abb2; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-weight:bold; font-size:15px; letter-spacing:-1pt;}
.table_05 td.type .input2{width:510px; border:1px solid #38abb2; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:8px; line-height:100%; vertical-align:middle; font-size:14px; letter-spacing:-1pt;}
.table_05 td textarea {width:510px; border:1px solid #38abb2; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; padding:8px; line-height:18px;  vertical-align:middle; font-size:14px; letter-spacing:-1pt;}


/*기부금 납입 증명 출력 폼*/
.donation {position:relative; float:left; width:100%; background-color:#fff; color:#000; font-size:15px; letter-spacing:-.5pt;}
.donation .inbodyBox {position:relative; width:100%; float:left; padding:45px 0 50px 0; background-color:#fff;}
.donation .inbodyBox .pagetit {position:relative; width:100%; height:63px; float:left; font-size:20px; padding-top:25px; text-align:center; color:#ffffff;}
.donation .inbodyBox .dfBox {position:relative; width:900px; float:left;}
.donation .inbodyBox .dfBox .inBox {position:relative; width:100%; float:left; border:2px solid #000;}
.donation .inbodyBox .dfBox .inBox .topbox {position:relative; width:100%; float:left;}
.donation .inbodyBox .dfBox .inBox .mbox {position:relative; width:100%; float:left; margin-top:10px;}
.donation .inbodyBox .dfBox .inBox .bbox {position:relative; width:100%; float:left; margin-top:10px;}
.donation .inbodyBox .dfBox .inBox .bbox .blBox1 {position:relative; width:100%; float:left; border-bottom:1px solid #000000;}
.donation .inbodyBox .dfBox .inBox .bbox .blBox2 {position:relative; width:100%; float:left; }
.donation .inbodyBox .dfBox .inBox .bbox .b01 {position:relative; width:96%; float:left; padding:5px; font-size:15px;}
.donation .inbodyBox .dfBox .inBox .bbox .b02 {position:relative; width:96%; padding:20px 0 20px 20px; text-align:right; font-size:15px;}
.donation .inbodyBox .dfBox .inBox .bbox .b03 {position:relative; width:100%; float:left; padding:5px 3px; font-size:15px;}
.donation .inbodyBox .dfBox .inBox .bbox .b04 {position:relative; width:96%; padding:20px 0 20px 20px; text-align:right; font-size:15px;}
.donation .inbodyBox .dfBox .inBox .bbox .b04 p {float:left;}
.donation .inbodyBox .dfBox .inBox .bbox .b05 {position:relative; font-size:12px; line-height:18px; font-size:15px;}
.donation .inbodyBox .dfBox .inBox .bbox .b05 p {float:left;}
.donation .inbodyBox .dfBox .inBox .bbox .bnbox {position:relative; width:100%; float:left; font-size:15px; padding:5px 3px;}
.donation .tdb01 {height:28px; border-bottom:1px solid #000000; border-top:1px solid #000000;}
.donation .tdb02 {height:28px; border-bottom:1px solid #000000; border-right:1px solid #000000;}
.donation .tdb03 {height:28px; border-bottom:1px solid #000000; }
.donation .tdb04 {height:28px; border-bottom:1px solid #000000; border-right:1px solid #000000; text-align:center;}
.donation .tdb05 {height:28px; border-bottom:1px solid #000000; text-align:center;}
.donation .border1 {border:1px solid #000;}
.donation .stamp1 {position:absolute; top:0; left:120px; width:60px; height:91px; z-index:1; }
.donation .stamp2 {position:absolute; bottom:-20px; right:-10px; width:120px; height:117px; z-index:1;}

/* 정보 리스트 */
.conBox .dataBox {position: relative; float:left; width:950px; min-height:400px; height:100%; padding:25px; background:url(../images/_main/bg.png) repeat; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); .height:100%;}
.conBox .dataBox .title {position: relative; float:left; width:950px; height:45px;  background:url(../images/_main/list2.png) left top no-repeat; border-bottom:1px solid #ccc; margin-top:5px;}
.conBox .dataBox .title p {font-size:22px; color:#357fae; line-height:28px; padding-left:32px; letter-spacing:-1pt; }
.conBox .dataBox .search {position: relative; float:left; width:950px; height:32px;  border-bottom:1px solid #ccc; margin-top:5px;}
.conBox .dataBox .search p {font-size:16px; color:#357fae; line-height:28px; padding-left:50px; letter-spacing:-1pt; }
.conBox .dataBox .search .btn {font-size:14px; color:#357fae; width:60px; height:24px;}
.conBox .dataBox .search .btn:hover {color:#408080; font-weight:bold; border-style: solid;}
.conBox .dataBox .search .btn2 {font-size:14px; color:#357fae; width:100px; height:24px;}
.conBox .dataBox .search .btn2:hover {color:#408080; font-weight:bold; border-style: solid;}

.conBox .dataBox .dataList {position: relative; float:left; width:950px; padding-bottom:1px; min-height:400px;}
.conBox .dataBox .dataList .listBox {position: relative; float:left; width:950px;  margin-top:10px;}
.conBox .dataBox .dataList .paging {position: relative; width:100%; float:left;}
.conBox .dataBox .dataList .paging .fix {position: relative; float:none; width:950px; height:40px; margin:20px auto; text-align:center;}
.conBox .dataBox .dataList .paging .fix a.pageOn {position: relative; display:inline-block; margin:0 6px 0 6px; width:40px; height:40px; background-color:#4086b3; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .dataBox .dataList .paging .fix a.pageOff {}
.conBox .dataBox .dataList .paging .fix a.pageOff { margin:0 6px 0 6px;  display:inline-block; width:40px; height:40px; background-color:#c4d5e1; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .dataBox .dataList .paging .fix a:hover.pageOff {margin:0 6px 0 6px;  display:inline-block; width:40px; height:40px; background-color:#4086b3; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; font-weight:bold; color:#fff; font-size:18px; line-height:35px; text-align:center;}
.conBox .dataBox .dataList .paging .fix a.pagePrev {margin:5px 20px 0 20px;}
.conBox .dataBox .dataList .paging .fix a.pageNext {margin:5px 20px 0 20px;}

/* 정보 리스트 테이블 */
.table_00 {color:#666666; width:950px; padding:0px 0px; border-spacing:0px 0px; font-size:15px; text-decoration:none; line-height:22px; border-top: solid 4px #357fae; letter-spacing:-.2pt;}
.table_00 th {cursor:default;  border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; color:#357fae; font-size:15px; vertical-align:middle; background:#dee8ef; text-align:center; height:42px; letter-spacing:-1pt;  text-overflow:hidden; }
.table_00 th.right_td {border-right:solid 0px #bbb;}
.table_00 tr.color {background-color:#f2f5f5;  cursor:pointer;}
.table_00 tr {cursor:pointer;}
.table_00 td {border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-size:14px; text-align: left; padding:8px 8px; line-height:24px; text-overflow:hidden; }
.table_00 td.center {text-align: center;}
.table_00 td.bold {font-weight:bold; letter-spacing:-1pt;}
.table_00 td.right_td {border-right:none;}
.table_00 td.color1 {color:#1d87cb; font-weight:bold;}
.table_00 td.color2 {color:#000; font-weight:bold;}
.table_00 td.color3 {color:#e70000; font-weight:bold;}
.table_00 td.green {border-right:none; color:#36a877; font-weight:bold;}
.table_00 td.red {border-right:none; color:#e70000; font-weight:bold;}
.table_00 td.black {border-right:none; color:#000; font-weight:bold;}
.table_00 td.blue {border-right:none; color:#1d87cb; font-weight:bold;}
.table_00 td.gray {border-right:none; color:#ccc; font-weight:bold;}
.table_00 td.noList {border-right:none; height:200px;}


/* 레이어 - 정보 상세 */
.conBox .dataBox .dataLayer1 {position:absolute; width:900px; height:500px; top:140px; left:50px; z-index:1; background-color:#c2d9e7; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-border-radius: 10px;	-moz-border-radius:10px; border-radius:10px;}
.conBox .dataBox .dataLayer1 .layerBox  {position: relative; float:left; width:840px; margin:30px 0 0 30px;}
.conBox .dataBox .dataLayer1 .layerBox .layerTitle {position: relative; float:left; height:30px;color:#1d6b9d; font-size:20px;font-weight:bold; letter-spacing:-1.5pt;}
.conBox .dataBox .dataLayer1 .layerContents {position: relative; float:left; width:840px; margin:10px 0 0 0; background-color:#eff6f8;}

.dataLayer1 {margin:10px;; z-index:1; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); border-radius:10px;}
.dataLayer1 .layerBox  {position: relative; float:left; width:799px; margin-top:10px; margin-bottom:10px;}
.dataLayer1 .layerContents {position: relative; float:left; width:798px; background-color:#eff6f8;}

/* 레이어 - 정보 상세 테이블 */
.table_10 {color:#666666; width:797px; padding:0px 0px; border-spacing:0px 0px; font-size:15px; text-decoration:none; line-height:22px; border-top: solid 4px #357fae; letter-spacing:-.2pt;}
.table_10 tr.color {background-color:#fff; height:60px;}
.table_10 td {border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-size:14px; text-align: center; padding:4px 8px; line-height:24px; text-overflow:hidden; }
.table_10 td.bold {font-weight:bold; letter-spacing:-1pt;}
.table_10 td.right_td {border-right:none;}
.table_10 td.bg  {background-color:#fff; font-weight:bold; letter-spacing:-1pt; font-size:14px;}
.table_10 td.bg2 {background-color:#fff; font-weight:bold; letter-spacing:-1pt; font-size:14px; border-left:solid 1px #bbb; }
.table_10 td.bg3 {background-color:#fff; color:#e70000; font-weight:bold; letter-spacing:-1pt; font-size:14px;}
.table_10 td.type {border-right:none;  letter-spacing:-.5pt; font-size:14px;  text-align:left;}
.table_10 td.type .input1 {width:490px; border:1px solid #8eb6cf; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:4px; line-height:100%; vertical-align:middle; font-size:15px; }
.table_10 td.type .input2 {width:250px; border:1px solid #8eb6cf; -webkit-border-radius: 5px;	-moz-border-radius:5px; border-radius:5px; height:18px; padding:4px; line-height:100%; vertical-align:middle; font-size:15px; }

.table_10 td.color1 {color:#1d87cb; font-weight:bold;}
.table_10 td.color2 {color:#000; font-weight:bold;}
.table_10 td.color3 {color:#e70000; font-weight:bold;}
.table_10 td.green {border-right:none; color:#36a877; font-weight:bold;}
.table_10 td.green2 {border-right:none; color:#36a877; font-weight:bold; text-align:left;}
.table_10 td.red {border-right:none; color:#e70000; font-weight:bold;}
.table_10 td.black {border-right:none; color:#000; font-weight:normal;  text-align: left;}
.table_10 td.blue {border-right:none; color:#1d87cb; font-weight:bold;}
.table_10 td.gray {border-right:none; color:#ccc; font-weight:bold;}
.table_10 td.noList {border-right:none; height:200px;}

/* 공통팝업 */
.pop_btn {
    background-color: white;
    border: 2px solid #4CAF50;
    color: black;
    width: 140px;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.c090      {background-color:white;color:black;border:2px solid #4caf50}
.c090:hover{background-color:#4caf50;color:white}
.c100      {background-color:white;color:black;border:2px solid #008cba}
.c100:hover{background-color:#008cba;color:white}
.c510      {background-color:white;color:black;border:2px solid #555}
.c510:hover{background-color:#555;color:white}
.c700      {background-color:white;color:black;border:2px solid #f44336}
.c700:hover{background-color:#f44336;color:white}
.c000      {background-color:white;color:black;border:2px solid #e7e7e7}
.c000:hover{background-color:#e7e7e7}

.c0        {background-color:white}
.c1        {background-color:#ffff99}