.bbs-top{position: relative; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end;}
.bbs-top .l{flex:1}
.bbs-top .r{}
.bbs-top select,.bbs-top .r .input_w{display: inline-block; height: 35px}
.bbs-top select{}
.bbs-top .r .input_w{position: relative; width: 250px}
.bbs-top .r .input_w > *{height: 100%}
.bbs-top .r .input_w input{width: 100%}
.bbs-top .r .input_w .btn-sch{position: absolute;right: 0;top:0;width: 30px;height: 100%; background: url('../img/common/ico-sch.gif') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px; border:0}

.bbs-gallery_w{border-top: 1px solid #000; border-bottom: 1px solid #aeb4bd; padding-top: 50px; font-size: 1.063rem;}
.bbs-gallery{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.bbs-gallery > li{float: left; width: 23%; margin: 0 0 50px 2%}
.bbs-gallery .img{position: relative; overflow: hidden; padding-bottom: 100%; border-radius: 5px; margin-bottom: 30px; border: 1px solid #aeb4bd;}
.bbs-gallery .img > img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; /*width: 100%*/}
.bbs-gallery .date{display: block; font-weight: 300;}
.bbs-gallery .t{font-size: 1.118em; margin-top: .7em; display: block; max-height: 2.8em; overflow: hidden; color: #000}
.bbs-gallery.vdo .img{border:1px solid #aeb4bd}
.bbs-gallery.vdo li:hover .img{border-color: #3477f2}
.bbs-gallery.vdo img{}
.bbs-gallery .hover img{    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.book .bbs-gallery > li{width: 18%}
.book .bbs-gallery .img{padding-bottom: 135%; border:1px solid #aeb4bd; margin-bottom: 15px;}

.paging_w,.paginate{text-align: center; font-size: 0; margin-top: 50px;}
.paging_w > a,.paginate > a,.paginate > span > a{display: inline-block; width: 35px; height: 35px; font-size: 1rem; vertical-align: middle; line-height: 35px;}
.paging_w .arrow,.paginate > a{background: url('') center center no-repeat; border:1px solid #aeb4bd; border-radius: 50%; white-space: nowrap;overflow: hidden; text-indent: -999px}
.paging_w .first,.paginate .start{background-image: url('../img/bbs/first.gif')}
.paging_w .prev,.paginate .prev{background-image: url('../img/bbs/prev.gif'); margin: 0 20px 0 10px;}
.paging_w .next,.paginate .next{background-image: url('../img/bbs/next.gif'); margin: 0 10px 0 20px;}
.paging_w .last,.paginate .end{background-image: url('../img/bbs/last.gif')}
.paging_w .active,.paginate .on{color: #276ef1}

.bbs-view{border-top: 4px solid #ebebeb; position: relative;}
.bbs-view:before{position: absolute; left: 50%; width: 3.750em; height: 4px; transform: translateX(-50%); content: ''; background: #cc208e; top:-4px}
.bbs-view .top{border-bottom: 1px solid #ddd; padding: 70px 0; text-align: center; font-size: .938rem;}
.bbs-view .top .tit{display: block; font-size: 2em; margin-bottom: 20px; font-weight: 400; color: #000}
.bbs-view .top .etc{font-size: 0;}
.bbs-view .top .etc > span{display: inline-block;position: relative; padding-left: 10px; margin-left: 10px; font-size: .938rem;}
.bbs-view .top .etc > span:before{position: absolute;left: 0;top:50%;width: 1px; height: 10px; margin-top: -5px; background: #aeb4bd; content: '';}
.bbs-view .top .etc > span:first-child{margin-left: 0; padding-left: 0;}
.bbs-view .top .etc > span:first-child:before{background: none}
.bbs-view .cont,.bbs-view .cont_view{padding: 75px 0; border-bottom: 1px solid #aeb3bd;}
.bbs-view .cont_view{padding-top: 30px;}
.bbs-view .bbs-write .item{border-bottom: 1px dotted #ccc;}
.bbs-view img{display: block;margin: 0 auto 20px;}

.bbs-bot{margin-top: 40px;}
.bbs-bot .prev_next{float: left;}
.bbs-bot .r{float: right}
.bbs-bot ul li {float:left; margin-left: 5px;}
.bbs-bot ul li:first-child{margin-left: 0;}

.bbs-list{border-top: 1px solid #000; font-size: 1.063rem;}
.bbs-list table{width: 100%}
.bbs-list th{background: #fff; border-bottom: 1px solid #ccc; padding: 15px 0; text-align: center; color: #000}
.bbs-list td{padding: 20px 5px; text-align: center; border-bottom: 1px solid #aeb4bd;}

.bbs-list.tbl th{padding: 15px 5px}
.bbs-list.tbl td{padding: 15px 5px}

.bbs-list.v th{padding: 15px 10px}
.bbs-list.v td{padding: 15px 10px}
.bbs-list.v .width{width: 180px}
.bbs-list.v .w2{width: 230px}
.bbs-list .br{border-right: 1px solid #aeb4bd;}

.bbs-list.col{border-top:2px solid #000;}
.bbs-list.col th,.bbs-list.col td{border-color:#848484;}

.bbs-sch_bot{max-width: 400px; margin: 40px auto 0; position: relative; padding: 0 77px 0 120px; font-size: .938rem;}
.bbs-sch_bot select,.bbs-sch_bot input,.bbs-sch_bot .btn-sch{height: 30px}
.bbs-sch_bot select{position: absolute; left: 0;top:0; width: 110px}
.bbs-sch_bot input[type="text"]{border:1px solid #ccc; width: 100%}
.bbs-sch_bot .btn-sch{position: absolute;right: 0;top:0; background: #000; color: #fff; text-align: center; width: 67px; font:inherit}

#autosave_wrapper{position: relative;;}
#autosave_wrapper > button{position: absolute; right: 0; top:0; width: 150px; height: 100%}
#autosave_pop{position: absolute;right: 0;top:100%; background: #fff; border:1px solid #ccc; display: none;}

.btn-list_w{margin-top: 65px; text-align: center;}
.btn-gra{background: #162f6c;
background: -moz-linear-gradient(45deg, #162f6c 0%, #bd228c 100%);
background: -webkit-linear-gradient(45deg, #162f6c 0%,#bd228c 100%);
background: linear-gradient(45deg, #162f6c 0%,#bd228c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162f6c', endColorstr='#bd228c',GradientType=1 ); color: #fff; font-size: 13px; font-weight: 700; width: 172px; line-height: 62px; display: inline-block; border-radius: 15px; transition: all ease-in-out .15s; text-align: center;}
.btn-gra:hover{background: #000}

.bbs-cate{background: #fafafa; border:1px solid #ccc; padding: 20px; margin-bottom: 80px;}
.bbs-cate .in{position: relative; padding-left: 35px; border:1px solid #ccc;background: #fff}
.bbs-cate .in:before{position: absolute;left: 0;top:0; width: 35px; height: 100%; content: ''; background: url('../img/bbs/ico-cate.png') center center no-repeat; background-size: 50%}
.bbs-cate select{width: 100%;height: 2.500em; background-position: 98% center; border:0; border-left: 1px solid #ccc}

.bbs-event_w .group{margin-top: 80px;}
.bbs-event_w .group:first-child{margin-top: 0;}
.bbs-event{border-top: 4px solid #ebebeb; position: relative;}
.bbs-event:before{position: absolute; left: 50%; width: 3.750em; height: 4px; transform: translateX(-50%); content: ''; background: #cc208e; top:-4px}
.bbs-event .item{padding: 50px 0; border-bottom: 1px solid #ccc;}
.bbs-event a{display: table; width: 100%;}
.bbs-event a > *{display: table-cell; vertical-align: middle;}
.bbs-event .etc{text-align: center; color: #777; font-size: .938rem; margin-top: 2em; line-height: 1.15; font-weight: 400;}

.bbs-event .date_w{/*width: 200px*/width:120px;}
.bbs-event .btn{width: 180px}
.bbs-event .btn-gra{width: 100%}
.bbs-event .tit{padding: 0 3rem; color: #000; font-weight: 700; font-size: 1.25em;}
.bbs-event a:hover .tit{text-decoration: underline;;}
.bbs-event a:hover .btn-gra{background: #000}

.bbs-event .date_w{font-size: 1.313rem; line-height: 1;}
.bbs-event .date_w .month{font-size: 14px; color: #777}
.bbs-event .date_w .top > *{display: inline-block; vertical-align: middle;}
.bbs-event .date_w .bot{font-size: ; color: #c0c0c0; margin-top: 5px;}
.bbs-event .date{border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; /*display: inline-block;*/display: block;}
.bbs-event .date:first-child{border-top: 0; padding-top: 0; margin-top: 0;}
.bbs-event .div1{font-size: 1.813rem; line-height: .95;}
.bbs-event .div1 .day{font-size: 2.381em;}
.bbs-event .div1 .bot{margin-top: 0;}

.bbs-event .no_data{padding: 50px 0; text-align: center;}

.bbs-write .date_w{    display: flex;
    justify-content: space-between;
    align-items: center;}
.bbs-write .date_w input{flex:2}
.bbs-write .date_w .dash{margin: 0 5px;}
.td_file{width: 4em}

.form-inq{margin-left: -3%;}
.form-inq .item{float: left; width: 47%; margin: 0 0 3% 3%;}
.form-inq .item.div1{width: 97%}
.form-inq input{width: 100%; padding: 0 15px; background: #eee; border:0; height: 50px}
.form-inq textarea{width: 100%; padding: 15px; background: #eee; border:0; height: 150px !important}

.bbs-inquiry .btn_w{text-align: right; margin-top: 30px;}
.bbs-inquiry .submit{font-weight: 700; font-size: 1.125rem; border:0; background: none}