/*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:url(../img/user_c.png) no-repeat 85% center; 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:280px; float: left; position: relative; overflow: hidden;}
.edu-container .list-procont .listc-img img{width: 100%}
.edu-container .list-procont .listcw{overflow: hidden;padding: 20px 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;}
/*.edu-container .list-procont .chbtn a{position: absolute; top: 99px;  width: 200px;height: 43px;line-height: 43px;text-align: center;display: block;font-family: 'Spoqa Han Sans Neo', 'sans-serif';right: 0; background: #fff;cursor: pointer;font-size: 14px;}*/
.cmcate{border: 1px solid #2d64e3;font-size: 14px;padding: 5px 25px;margin-bottom: 5px;color: #2d64e3;margin-top: 15px;display: inline-block;}
.cmcate.cmcateoff{border: 1px solid #bbbbbb;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:#08aa32;*/ color:var(--point-color); border-bottom: 1px solid var(--point-color); }
.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: #38aa2b;}
.edu-container .listcw .line_box .line02{top: 0; right: 0; width: 4px; height: 0; background: #38aa2b;}
.edu-container .listcw .line_box .line03{bottom: 0; right: 0; width: 0; height: 4px; background: #38aa2b;}
.edu-container .listcw .line_box .line04{bottom: 0; left: 0; width: 4px; height: 0; background: #38aa2b;}



.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;}



@media only all and (max-width: 1024px){

	.leftnav{float: none;margin: 0 auto;width: 100%;clear: both;/* margin-top: 20px; */}
	.edu-container .leftnav{width:100%;}
    .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: 720px){
	.edu-container .list-procont .listc-img{width: 100%;}
	.edu-container .list-procont .bview_detail{width: 100%;padding-left: 0;margin-top: 20px;}
	.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; }


/* 뷰 */
.bviewimg{width: 510px;border-top: 2px solid #000;padding-top: 20px;border-bottom: 2px solid #000000;/* display: table-cell; *//* display: flex; *//* flex: auto; */}
.bviewimg .bvthumb { height:auto; overflow:hidden;}
.bviewimg .bvthumb img { width:100%;}
.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 #45c009}
.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; margin-bottom:10px;}
.bview_detail .cmtitw {margin-bottom:10px;}
.bview_detail .cmstit{display: block; font-size: 14px; color: #666666; min-height:19px;}
.bview_detail .cmtit{font-size: 40px;/* height: 90px; *//* line-height: normal; */}
.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}

.bviewtit{font-size: 28px; color: #2a2a2a; font-weight: 700; padding-bottom: 20px}
.bviewstit{font-size: 17px; color: #585858; line-height: 160%; font-weight: 300;}
.bviewstit p{padding-bottom: 0}
.board_vieww{display: flex;margin-bottom: 100px;}

.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}
.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:#2d64e3 !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}

.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: 800px;margin-bottom: 0;}
	.bviewtable-in{overflow-x: scroll;/* margin-bottom: 50px; */}
	
	.bviewimg{width: 100%; overflow: hidden; text-align: center;}
	.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}
}



/* 신청 페이지 */
.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 .edutitle{margin-left:10px;font-size:28px;  line-height: inherit}
.write_contents .write-table .write-table-title .numtitle{font-size:20px;color:#666;}
.write-table .write-table-title .pname{ color: red; font-weight: bold;}
.write-table input[type="text"], 
.write-table input[type="password"], 
.write-table input[type="email"], 
.write-table select{ vertical-align: middle;height: 38px; line-height: 38px; font-size: 16px; border: 1px solid #ccc; text-indent: 10px}
	
.write-table .write-div {float:left; overflow:hidden; border-bottom:1px solid #e5e5e5; width:100%;}
.write-table .div50{width:50%;}
.write-table .write-table-th{ width:170px; height:70px; line-height:70px; background:#fafafa; font-size:16px; float:left; border-right:1px solid #e5e5e5; 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; 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-size:15px}
.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 } 


.agreein{ width:100%; height:160px; 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: 920px){
	.write-table .div50{width:100%;}
}

@media only all and (max-width: 420px){
	.write_contents .write-table .write-table-title .maintitle{height:auto;line-height:1.3;font-size:36px;}
	.write_contents .write-table .write-table-title span{display:block;}
	.write_contents .write-table .write-table-title span span{display:none;}
	.write_contents .write-table .write-table-title .edutitle{margin-left:0;font-size:50%;}
	.write_contents .write-table .write-table-title .numtitle{font-size:45%;}
	.write-table .write-table-th{width:20%;}
	.write-table .write-table-td{width: calc(100% - 20%);padding:0 5px;}
	.write-table-td .wd30{width:25%;}
	.write-table-td .eid1{width:23%;}
	.write-table-td .eid2{width:35%;}
	.write-table-td .eid3{width:33%;}
}