select {background:none;}

/*시설예약*/
.edu-container .leftnav{float:left;  width:225px;}
.edu-container .leftnav .leftnav-title{font-size:15px;  border-top:1px solid rgb(0,0,0); height:50px; line-height:50px; padding-left:15px; box-sizing:border-box; color:rgb(0,0,0); font-weight:bold; clear:both; margin-bottom:8px; background:url(../img/min.png) no-repeat 195px center ; cursor:pointer; border-bottom: 1px solid  #e5e5e5}
.edu-container .leftnav .on{ background:url(../img/arrplus.png) no-repeat 195px center ; }
.edu-container .leftnav .localselect p{margin-bottom:10px; font-size:14px}
.edu-container .leftnav .localselect p label{padding-left:10px;}
.edu-container .leftnav .lastime-user-img-sbox {  height: 170px;  overflow: auto;}
.edu-container .leftnav  .leftsearch{width: 225px;    height: 37px;    border: 1px solid #e5e5e5;    box-sizing: border-box;    line-height: 37px; padding-left:10px; position:relative}
.edu-container .leftnav  .leftsearch input.leftseacht{ border:none; height:23px}
.edu-container .leftnav  .leftsearch input.leftseachimg{position:absolute; top:10px; right:10px; cursor:pointer}
.edu-container .leftnav .morebox{padding-left:15px; padding-top:18px; color:#636363; letter-spacing:0;}
.edu-container .leftnav .morebox:last-child{margin-bottom:30px;  border-bottom:1px solid #cccccc;padding-bottom:20px;  }
.edu-container .leftnav .morebox .calc{cursor: pointer}
.edu-container .leftnav .morebox .calc span{padding-right: 5px}
.edu-container .leftnav .morebox .morebox-t{font-weight:600; color:#2b2b2b; font-size:14px; }
.edu-container .leftnav .morebox .morebox-s {/* padding-bottom:20px; */ letter-spacing:-0.5px; font-size:14px;}
.edu-container .leftnav .morebox .morebox-s p{padding-bottom: 10px; letter-spacing:-0.5px;}
.edu-container .leftnav .morebox .morebox-s p input[type="date"] { width:120px; margin-left:10px;}

.edu-container .totalviewbtn a{height:45px; line-height:45px; background:#1ec2f7 url(../img/user_c_w.png) no-repeat 85% center; color:#fff; /*border:1px solid #666666;*/ font-size:16px;  width:100%; box-sizing:border-box;margin-bottom: 15px; font-weight:500; cursor:pointer; padding-left:20px; display: block}

.edu-container .list-procont{ float:right; font-size:14px; box-sizing:border-box; width: calc(100% - 270px); position: relative; border-bottom: 1px solid #000; padding-bottom: 40px; padding-top: 0}
.edu-container .list-procont .bview_detail{width: calc(100% - 350px);margin-left: 0;float: left;box-sizing: border-box;padding: 0;padding-left: 20px;border: none;}
.edu-container .list-procont .listc-img{width: 350px; height:235px; float: left; position: relative; overflow: hidden;}
.edu-container .list-procont .listc-img img{width: 100%}
.edu-container .list-procont .listcw{overflow: hidden;padding: 25px 0;position: relative;border-bottom: 1px solid #e9e9e9;}
.edu-container .list-procont .chbtn a{position: absolute;width: 100px;height: 30px;line-height: 30px;text-align: center;display: block;font-family: 'Spoqa Han Sans Neo', 'sans-serif';right: 0;top: 20px;background: #fff;cursor: pointer;font-size: 14px;}
.cmcate{border: 1px solid #3d70ff;font-size: 14px;padding: 5px 25px;margin-bottom: 5px;color: #3d70ff;margin-top: 0px;display: inline-block;}
.cmcate.cmcateoff{border: 1px solid #7e7e7e;color: #5a5a5a;}
.cmtit{font-size: 28px;font-weight: 700;padding-bottom: 25px;overflow: hidden;white-space: normal;text-overflow: ellipsis;height: 65px;line-height: 2;box-sizing: border-box;}
.cmtxt{font-size: 14px;color: #4e4e4e;display: inline-block;}
.cmtxt li{margin-bottom: 5px}
.cmtxt li span{padding-right: 10px}

.edu-container .list-procont .bview_detail .cmtxt{padding-bottom: 0}
.edu-container .list-procont .cmcate{margin-top: 0}
.edu-container .list-procont .bview_detail .cmtit{font-size: 28px;padding-bottom: 0;height: auto;line-height: inherit;}
.edu-container .list-procont .cmtxtw{margin-top: 10px}
.edu-container .list-procont .bview_detail .cmtxt li{padding-bottom: 10px}
.edu-container .list-t{text-align: right;padding-bottom: 12px;border-bottom: 1px solid #000;padding-top: 29px;}
.edu-container .list-t .green{color:#4271d2; border-bottom: 1px solid #4271d2 }
.edu-container .list-procont a{display: block; min-height:1px; position: relative; z-index: 1;}


.edu-container .listcw .line_box .line01{top: 0; left: 0; width: 0; height: 4px; background: #4271d2;}
.edu-container .listcw .line_box .line02{top: 0; right: 0; width: 4px; height: 0; background: #4271d2;}
.edu-container .listcw .line_box .line03{bottom: 0; right: 0; width: 0; height: 4px; background: #4271d2;}
.edu-container .listcw .line_box .line04{bottom: 0; left: 0; width: 4px; height: 0; background: #4271d2;}



.edu-container .listcw:hover  .line_box .line01{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.edu-container .listcw:hover  .line_box .line02{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}
.edu-container .listcw:hover  .line_box .line03{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.edu-container .listcw:hover .line_box .line04{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}


.edu-container .listc-img img {transition: all 0.5s; width: 100%}
.edu-container .listcwt:hover  .listc-img  img {-webkit-transform: scale(1.15); transform: scale(1.1);}
.edulistbtn a{border: 1px solid #606060;width:80px;height:40px;line-height:40px;text-align:center;/* float:right; */display:block;margin-top: 20px;margin: 50px auto 100px;}



/*---popup---*/
.laypopDiv{width:45%;}
.laypop{background:rgb(0 0 0 / 65%); backdrop-filter: blur(5px);}
.laybox2 h2 span, .laybox2 p span{display:block;}

/*----view width----*/
.bviewmemo>.wrap{width:100%;}
.bviewstit_w{width:800px; margin:0 auto;}




@media only all and (max-width: 1200px){
	.laybox2 h2 span, .laybox2 p span{display:inline;}
}
@media only all and (max-width: 1024px){


.leftnav{float: none;margin: 0 auto;width: 100% !important;clear: both;/* margin-top: 20px; */}
    .edu-container .leftnav .leftnav-title{ font-size: 13px;  background-position: 95% center;}
    .edu-container .leftnav .morebox .morebox-s{ font-size: 12px; }
    .edu-container .leftbox .moremenu h3{ font-size: 16px; }
    .edu-container .leftbox .eqselect{ margin-bottom: 40px; }
    .edu-container .leftbox .eqselect label{ font-size: 12px; }
    .edu-container .list-procont{width: 100%}
}
@media only all and (max-width: 900px){
	.bviewstit_w{width:95%; margin:0 auto;}
}
@media only all and (max-width: 750px){
	.laypopDiv{width:90%;}
	.bviewmemo>.wrap{overflow-x:scroll;}
	.bviewstit_w{width:100%; max-width:750px; margin:0 auto;}
}
@media only all and (max-width: 720px){
	.edu-container .list-procont .listc-img{width: 100%; height: auto !important}
	.edu-container .list-procont .bview_detail{width: 100%;padding-left: 0;margin-top: 60px;}
	.edu-container .list-procont .bview_detail .cmtit{font-size: 22px}
	.edu-container .list-procont .bview_detail .cmtxt li{font-size: 15px}
	.edu-container .list-procont .chbtn a{position: relative; margin: 0 auto; width: 100%; box-sizing: border-box;}
	.edu-container .list-t{text-align: left}
	.edu-container .leftnav .morebox .morebox-s p{display: inline-block; padding-right: 10px}
	.edu-container .leftnav .morebox:last-child{padding-top: 10px; padding-bottom: 10px}
	.edu-container .totalviewbtn{font-size: 15px}
}

.pagination { clear:both; padding-top:30px; }


/* ë·° */
.viewinfo{ width:50%; overflow:hidden; margin:0 auto ;}
.viewinfo .view-img {float:left; width:510px; height:465px; position:relative; overflow:hidden;}
.viewinfo .view-img .swiper-wrapper {  height:465px; width:100%;}
.viewinfo .view-img .swiper-slide { float:left;}
.viewinfo .view-img img { width:510px; height:100%; object-fit:cover;  }
.viewinfo .view-img .imgprev{ position:absolute; left:30px; top:calc(50% - 30px); cursor:pointer; z-index:10; width:33px;}
.viewinfo .view-img .imgnext{ position:absolute; right:30px; top:calc(50% - 30px); cursor:pointer; z-index:10; width:33px;}

.bviewimg{  padding : 20px 0; border-bottom: 2px solid #000000;display: table-cell; }
/* .bviewimg .bvthumb { width:510px; height:465px; overflow:hidden;} */
/* .bviewimg .bvthumb img { width:510px;} */
/* .bviewimg .bvimg #masonry{margin: 25px auto 0 auto} */
/* .bviewimg .bvimg #masonry .thumb { width:100px;} */

.bvlist a{float: left;width: calc(25% - 17px);margin-right: 20px;margin-bottom: 10px;cursor: pointer; border:1px solid #fff; display: block}
.bvlist a:hover{border:1px solid #4271d2}
.bvlist a:nth-child(4n){margin-right: 0}
.bvlist a img{width: 100%; height:auto; }
.bvlist{margin-top: 25px}

.bview_detail{margin-left: 60px;box-sizing: border-box;border-top: 1px solid #d7d7d7;padding-top: 10px;border-bottom: 1px solid #d7d7d7;/* display: table-cell; */ width: calc(100% - 280px);}
.bview_detail .cmcatew { height:30px;}
.bview_detail .cmstit{display: block;font-size: 19px;color: #666666;/* min-height:19px; */border-bottom: 1px solid #dddbdb;padding-bottom: 10px;}
.bview_detail .cmtit{font-size: 37px;/* height: 90px; */line-height: normal;height: auto;padding-bottom: 0;}
.bview_detail .cmtxt li{font-size: 17px;border-bottom: 1px solid #dddbdb;padding-bottom: 15px;width: 100%;padding-top: 6px;}
.bview_detail .cmtxt{padding-bottom: 50px;width: 100%;}
.bview_detail  .cmtxt li span:nth-child(2){color: #8d8d8d; font-size: 15px; font-weight: 400}

.bviewreserv { display:flex; padding-bottom: 30px}
.bviewreserv .bviewcal { width:50%;}
.bviewreserv .bviewtxt { width:calc(100% - 280px);margin-left: 60px;box-sizing: border-box;/* border-top: 1px solid #d7d7d7; *//* padding-top: 10px; *//*border-bottom: 1px solid #d7d7d7*/}
.bviewmemo { border-top:2px solid #000; padding-top:20px;}
.bviewtit{font-size: 19px;color: #2a2a2a;font-weight: 500;padding-bottom: 10px;color: #676767;   }
.bviewstit{font-size: 17px; color: #585858; line-height: 160%; font-weight: 300;}
.bviewmemo .bviewtit{border-bottom:1px solid #ccc; font-size: 30px; font-weight: 700; color: #2a2a2a; padding-left: 15px; margin-bottom: 15px}
.bviewstit p{padding-bottom: 0}
.board_vieww{display: flex;margin-bottom: 40px;}

.cmtxtw{ margin-top: 30px; display: flex}
.cmtxt{flex: 1; margin-right: 25px}
.cmtxt:last-child{margin-right: 0}
.jb{color: #0c69c0}
.cate_ty2{color: #0c69c0; border:1px solid #0c69c0}
.cate_ty3{color: #1F1F1F; border:1px solid #1F1F1F}
.cate_ty4{color: #4109c0; border:1px solid #4109c0}
.bviewtable table{border-top:2px solid #000; margin-bottom: 60px; border-bottom:1px solid #000}
.bviewtable table th{padding: 15px 0; font-weight: 500; font-size: 16px; border-bottom:1px solid #ccc}
.bviewtable table td{padding: 15px 0;  border-bottom:1px solid #ccc; color: #696969; text-align:center;}
.bviewtable a{width: 80px; height: 30px; line-height: 30px; text-align: center; display:inline-block; font-size: 14px; font-weight: 400; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; background: #fff}
.btnty1{color: #fff; background:#4271d2 !important;}
.btnty2{color: #000; border:1px solid #000 !important}
.btnty3{color: #701cce; border:1px solid #701cce !important}
.btnty4{color: #7d7d7d; border:1px solid #7d7d7d !important}




.caltop{overflow: hidden; border: 0; padding: 0 ; box-sizing: border-box; background: #fff;}
.caltop > div{float: left; width: 100%; text-align: center; padding: 0; box-sizing: border-box; border-right: 0;}
.caltop > div:nth-child(2){width: 45%}
.infotable table{background: #fff}
.cac{padding-top: 10px}
.cac img{padding-right: 7px}
 
/*달력*/
.calender-box{width: 100%;position: relative;/* height:370px; *//* float: left; */} 
.calender-box .month{overflow:hidden; position:relative;  height:35px;  line-height:35px; width:100%; margin: 0; overflow:hidden;}
.calender-box .month li { float:left; width:auto; margin-right:15px;}
.calender-box .month .prev{position:static; left:0; cursor:pointer; }
.calender-box .month .next{position:static; right:0; cursor:pointer;/* line-height: initial; */}
.calender-box .month .now{ font-size: 32px; text-align:center; letter-spacing:0 ; border: none !important; font-weight: 600; line-height: inherit; position: static;  margin: -4px 20px 0 5px;  width:auto;}
.calender-box .month ul li{ text-align: center; height: 30px; width:30px; line-height: 18px; /* vertical-align: 6px; */ border: 1px solid #bdbdbd !important; border-radius: 100%; box-sizing: border-box; }
.calender-box .month ul li a { display:block; width:100%; height:100%;}
.calender-box .month .next img{width:9px; position: relative;    top: 3px;}
.calender-box .month .prev img{width:9px; position: relative;    top: 3px;}
.weekdays{/* border-top:2px solid #585858; */ background:#3d70ff!important;margin-bottom: 5px;}
.weekdays li {   display:block;width: 14.25%;color: #666;text-align: center;height: 45px;line-height: 45px; font-size:14px;border-right: 1px solid #e1e1e1; float:left;color: rgb(255 255 255); box-sizing:border-box;/* background: #f7f7f7; */box-sizing: border-box;}
.weekdays li:last-child{border-right: none}


.calendermonth{text-align:center; font-size:14px; letter-spacing:1px; position:relative; background:#FFF; line-height:60px; border-top:2px solid #878787; border-bottom:2px solid #d9d9d9; height:60px; box-sizing:border-box}
.calendertable table{border-bottom: 1px solid #f1f1f1; color:#8c8c77;border-top: 1px solid #f1f1f1;}
.calendertable th{font-size:14px; text-align:center; color:#646464; font-weight:500;background:rgba(255,255,255,1); height:40px; line-height:40px}
.calendertable th .sun{color:rgba(255,0,0,1);}
.calendertable th .sat{color:#0a5edb;}
.calendertable tr:nth-child(1){border-bottom:1px solid #c9c9c9; }
.calendertable td:nth-child(1){ color:rgba(255,0,0,1);/* background: #f6f6f6; */}
.calendertable td:nth-child(7n){border-right: 1px solid #f1f1f1;/* color:#0a5edb; */}
.calendertable td{border-left: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1; text-align:center; height:45px;/* background:#f1f1f1; */font-size: 15px;}
.calendertable td.white{background:rgb(255,255,255);}
.calendertable td.brown{background:#ded4c9;}
.calendertable td.blue{background:#578cd5; color:rgb(255,255,255)}
.calendertable td div{ background:rgba(255,255,255,1); display:block;height: 70px;line-height: 70px;/* padding-top: 5px; */ cursor:auto; box-sizing: border-box;}
.calendertable td div.off{background: #f6f6f6}
.calendertable td div a { display:block; width:100%;  height:100%;}
.calendertable td span{display: block;   line-height: 10px;}
.calendertable td em{width:4px; height:4px; border-radius:100%; background:#0c4dd2; display:inline-block; margin-right:2px}




	.bday{font-size: 15px; color: #878787}
@media only all and (max-width: 1400px){
	.contsBox{padding: 0 20px;box-sizing: border-box;box-sizing: border-box;}
}

@media only all and (max-width: 1024px){
	.bview_detail{width: 100%}
}
@media only all and (max-width: 920px){
	.bviewtable{margin-bottom: 30px}
	.bviewtable:after{width: 40px;height: 40px;background: url("../img/swipe.png") no-repeat;display: block;content: '';background-size: cover; margin-top: 10px}
	.bviewtable-in table{min-width: auto;margin-bottom: 0;}
	.bviewtable-in{overflow-x: hidden;/* margin-bottom: 50px; */}
	
	.bviewimg{width: 100%; overflow: hidden; text-align: center; display: block}
	.bview_detail{width: 100%; margin-left: 0}
	.board_vieww{display: block; margin-bottom: 0}
	.bview_detail .cmtit{font-size: 28px;     height: auto;    line-height: inherit;}
	.bviewstit{font-size: 16px}
	.bvlist a{margin-right: 5px; width: calc(25% - 7px)}
	.cmtxtw{width: 100%; display:block}
	.cmtxt{width: 100%; display:block}
	
	.bviewtable table th:nth-of-type(1), .bviewtable table td:nth-of-type(1){width:12%;}
	.bviewtable table th:nth-of-type(2), .bviewtable table td:nth-of-type(2){width:50%;}
	.bviewtable table td:nth-of-type(2){word-break: keep-all;}
	.bviewtable table th:nth-of-type(3), .bviewtable table td:nth-of-type(3){width:18%;}
	.bviewtable table th:nth-of-type(4), .bviewtable table td:nth-of-type(4){width:20%;}
	.bviewtable table th .none{display:none;}
}



/* 신청 페이지 */
.write_contents{overflow:hidden;}
.write_contents.write-top{overflow:hidden; margin-bottom:50px}
.write_contents.write-top .write-top-title{float:left; width:280px; font-size:26px; color:#3a3a3a}
.write_contents.write-top .write-top-title span{width:25px; height:1px; display:block; background:rgba(51,51,51,1);}
.write_contents.write-top .write-top-stitle{float:right; width:870px; font-size:14px; color:#4d4d4d; line-height:160%}
.write_contents.write-top .write-top-stitle p{padding-bottom:10px;}
.write_contents .write-table { overflow:hidden;}

.write-table .write-table-title {font-size:18px; border-bottom:2px solid rgba(51,51,51,1); padding-bottom:5px; overflow:hidden;}
.write_contents .write-table .write-table-title > div { float:left;}
.write_contents .write-table .write-table-title .maintitle {font-size: 40px; font-weight: 700; overflow: hidden; white-space: normal; text-overflow: ellipsis; height: 65px; line-height: 2; box-sizing: border-box; }
.write_contents .write-table .write-table-title .titgroup { margin-left:30px;margin-top: 20px;}
.write_contents .write-table .write-table-title .titgroup .edutitle { font-size: 28px;  line-height: inherit; display: inline}
.write_contents .write-table .write-table-title .titgroup .numtitle { color:#666;display: inline;padding-left: 10px; }
.write-table .write-table-title .pname{ color: red; font-weight: bold;}
.write-table input[type="text"], 
.write-table input[type="password"], 
.write-table select{ vertical-align: middle;}

.write-table .form-title { font-size:25px; margin-top:20px;}
.write-table .form-wrapper { overflow:hidden;}	
.write-table .write-div {float:left; overflow:hidden; border-bottom:1px solid #e5e5e5; width:100%;}
.write-table .write-div.top-div { border-top:1px solid #e5e5e5; background:#fafafa}
.write-table .div50{width:50%;}
.write-table .write-table-th{ width:170px; height:70px; line-height:70px; background:#fafafa; font-size:16px; float:left; text-align: center; box-sizing:border-box}
.write-table .write-table-td{ width:calc(100% - 171px); height:70px; overflow:hidden; line-height:70px; float:left;background:#fff; border-left:1px solid #e5e5e5;  font-size:16px; padding:0 20px; box-sizing:border-box;  }

.wd30{ width:30%}
.wd40{ width:40%}
.wd100{ width:100%}

.write-de{border-bottom:1px solid #e1e2e2; padding-bottom:15px;}
.write-de .write-de-title{font-size:18px; border-bottom:2px solid rgba(51,51,51,1); padding-bottom:5px; margin-top:20px; margin-bottom:15px;}
.write-de .write-de-area{padding:0 15px;}
.write-de .write-de-area textarea{width:100%; height:240px; box-sizing:border-box; border:1px solid #aaaaaa}
.write-agree{padding-top:40px;}
.write-agree .write-agree-title{ border-bottom:2px solid rgba(51,51,51,1); color:#a87161; font-size:18px; padding-bottom:10px;}
.write-agree .write-agree-title span{float:right; font-size:13px; color:rgba(51,51,51,1);}
.write-agree .write-agree-stitle{height:50px; line-height:50px;  font-weight: 700; font-size:18px}
.write-agree .write-agree-stitle span{float:right; font-size:13px; color:rgba(51,51,51,1);}
.write-agree .argee-btn{overflow:hidden; text-align:center; margin-bottom:100px; padding-top:50px;}
.write-agree .argee-btn > div{width:130px; height:60px; line-height:60px; text-align:center; font-size:14px; box-sizing:border-box; display:inline-block; cursor:pointer; margin-right:3px; }
.write-agree .argee-btn .argee-btn-on{background:#8b4e3d; color:rgba(255,255,255,1); border:1px solid #8b4e3d}
.write-agree .argee-btn .argee-btn-on:hover{background:#733c2d; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear;}
.write-agree .argee-btn .argee-btn-gray{background:#fff; color:rgba(51,51,51,1); border:1px solid #cccccc}
.write-agree .argee-btn .argee-btn-gray a { display:inline-block; width:100%;}
.write-agree .argee-btn input[type="submit"] { background: none; display: inline-block; width: 100%; border: none; color: #fff; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; } 


.agreein{ width:100%; height:100px; overflow-y:scroll; border:1px solid #e5e5e5; font-size:13px; margin-bottom:15px; padding:5px 25px; box-sizing:border-box; font-weight:normal; line-height:180%; color:rgb(102,102,102)}
.agreeokbtn{text-align:center; font-size:16px}

@media only all and (max-width: 1400px){
	.write-table .div50{width: 100%;}
	.write-table .write-table-td{width: 100%; padding: 0; border-left:0;}
	.write-table .write-table-th{width: 100%; height: auto !important; line-height: inherit; padding: 5px 0; border: 1px solid #e5e5e5;    border-top: none;}
}

@media only all and (max-width: 720px){
.edulistbtn a{ margin: 50px  auto}
.bviewreserv .bviewcal{width: 100%}
.bviewreserv{display: block}
.bviewreserv .bviewtxt{width: 100%; margin: 30px 0 }
.viewinfo .view-img img{width: 100%}
.viewinfo .view-img{width: 100%; height: auto}
.calender-box .month{margin: 30px 0 10px;}

.write_contents .write-table .write-table-title .maintitle{font-size: 30px; height: auto;    line-height: inherit;}
.write_contents .write-table .write-table-title .titgroup{margin: 0 }
.write_contents .write-table .write-table-title .titgroup .edutitle{font-size: 20px}
.write_contents .write-table .write-table-title .titgroup .numtitle{display: block}
.write-table .write-table-td{width: 100%; padding: 0; border-left:0;}
.write-table .write-table-th{width: 100%; height: auto !important; line-height: inherit; padding: 5px 0; border: 1px solid #e5e5e5;    border-top: none;}
.write-table .form-title{font-size: 20px}
.w370{width: 100% !important}
.write-table .div50{width: 100%}
#e_id, #e_domain{width: 45% !important}
.bviewtable table td{padding: 7px 0; font-size: 14px}

.file {height:100%!important; line-height:50px!important;}
.file span{display: inline-block;}
}