/*list*/
.header_box .btn_sort_wrap .boxitem {margin-left:0}
#bbslist.gallery_style {height:1500px;overflow:hidden;float:left;position:relative;background:#dcdde3}
#bbslist.gallery_style .listwrap {display:none;margin:20px 40px 20px 20px}
#bbslist.gallery_style .listwrap .cols {margin:0;position:relative;width:250px;min-height:340px;display:inline-block;vertical-align:top;margin:0 10px 10px 0;overflow:hidden;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.1);background:#fff}
#bbslist.gallery_style .listwrap .cols:hover .subject a {color:#25a5f0}
#bbslist.gallery_style .listwrap .cols:hover .photo img.tm {-webkit-transform: scale(1.2);transform: scale(1.2);}
#bbslist.gallery_style .listwrap .cols:after{content:""; display:block;float:none;clear:both;} 

#bbslist.gallery_style .listwrap .cols .photo{position:relative;overflow:hidden;background:#f0f0f0;padding-bottom:56.24%}
#bbslist.gallery_style .listwrap .cols .photo img.tm {display:block;position:absolute;z-index:0;bottom:0;right:0;top:0;left:0;top:-16.9%;transition: .3s ease-in-out;}
#bbslist.gallery_style .listwrap .cols .photo .new {position:absolute;top:0px;left:0px;z-index:1;}
#bbslist.gallery_style .listwrap .cols .photo .nothumb {width:250px;height:141px;background:#f0f0f0 url(./image/nothumb.svg) no-repeat center center;background-size:25%}

#bbslist.gallery_style .listwrap .cols .contbottom{position:relative;padding:8% 10%;}
#bbslist.gallery_style .listwrap .cols .contbottom .subject {font-size:18px;letter-spacing:-0.04em;margin-bottom:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#bbslist.gallery_style .listwrap .cols .contbottom .subject .cat {color:#999}
#bbslist.gallery_style .listwrap .cols .contbottom .cont {font-size:13px;letter-spacing:-0.01em;margin-bottom:15px;color:#888;line-height:1.5;font-weight:400}
#bbslist.gallery_style .listwrap .cols .contbottom .namedate {margin:20px 0 0 0;font-size:13px;color:#808080;}
#bbslist.gallery_style .listwrap .cols .contbottom .namedate:after {content:""; display:block;float:none;clear:both;} 
#bbslist.gallery_style .listwrap .cols .contbottom .namedate .date {float:left;display:inline-block;height:26px;line-height:26px;}
#bbslist.gallery_style .listwrap .cols .contbottom .namedate .shc {float:right;color:#666;margin-top:5px;font-size:13px;}
#bbslist.gallery_style .listwrap .cols .contbottom .namedate .shc i {color:#b0b0b0}
#bbslist.gallery_style .listwrap .cols .osico {width:160px;text-align:center;position:absolute;right:0;top:40px;}
#bbslist.gallery_style .listwrap .none {padding:80px 0;text-align:center;font-size:18px;}
#bbslist.gallery_style .listwrap .none i {color:#999}

#bbsview {height:1500px;width:100%;background:#ff6000;background:#fff;overflow:hidden;position:relative;left:5px}
#bbsview .moviebox {width:100%;background:#000;	position: relative;padding-bottom: 56.25%;height: 0;}
#bbsview .moviebox:not(*:root) {width:calc(100% - 21px);}
#bbsview .moviebox iframe {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}

#bbsview .moviebox.small {width:300px;height:200px;position:fixed;right:20px;bottom:40px;padding-bottom:0}
#bbsview .moviebox.small iframe {position:absolute;width:300px !important;height:200px !important}

#bbsview .infom {}
#bbsreview {padding:30px 60px 30px 40px;min-width:500px}
#bbsreview h2 {font-size:28px;padding:0;margin:0 0 20px 0;font-weight:500;letter-spacing:-0.04em}
#bbsreview .content {margin:50px 0 40px 0}
#bbsreview .content .ctbox {font-size:15px;font-weight:300;line-height:160%;margin-bottom:30px}
#bbsreview .tags {margin:45px 0 30px 0}
#bbsreview .tags a.tagitem {display:inline-block;padding:0px 11px;border:1px #ddd solid;border-radius:30px;margin:0 2px 6px 0;color:#999;height:26px;line-height:27px}
#bbsreview .tags a.tagitem:hover {color:#25a5f0;border-color:#25a5f0}

@keyframes start {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}


@-webkit-keyframes start {
	from {
		-webkit-transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
	}
}

.listwrap .cols[data-state="init"] {
	display: none;
}

.listwrap .cols[data-state="start"]  {
	display: block;
	animation: start 0.4s;
	-webkit-animation: start 0.4s;
}

.listwrap .cols[data-state="move"]  {
	transition: top 0.4s, left 0.4s, width 0.4s, height 0.4s;
	-webkit-transition: top 0.4s, left 0.4s, width 0.4s, height 0.4s;
}
/*list*/

/*수정삭제스타일*/
/*수정삭제스타일*/
.btn_box {font-size:16px;border-bottom:1px #ddd solid;padding-bottom:20px}
.btn_box:after {content:""; display:block;float:none;clear:both;} 

ul.btn_ctr_box {padding:0;margin:0;list-style:none;position:relative}
ul.btn_ctr_box li .tbtna {display:inline-block;margin-right:35px;color:#333;font-family:roboto;font-weight:100;border-bottom:1px #fff solid}
ul.btn_ctr_box li a.tbtna:hover,ul.btn_ctr_box li a.tbtna:hover i.fa {color:#25a5f0}
ul.btn_ctr_box li a.tbtna:hover {border-color:#25a5f0}
ul.btn_ctr_box li .tbtna i.fa {color:#ccc}
ul.btn_ctr_box li span.user,ul.btn_ctr_box li span.date {display:inline-block;margin-right:10px;border-right:1px #ddd solid;padding-right:10px}

ul.btn_ctr_box .btn_ctr_pop {position:absolute;top:0;right:0;font-size:20px;width:30px;text-align:right;cursor:pointer}

ul.btn_ctr_box .btn_ctr {position:absolute;right:-20px;top:24px;display:none;width:70px}
ul.btn_ctr_box .btn_ctr ul {padding:0;margin:0;list-style:none;border:1px #c0c0c0 solid;position:relative;text-align:center}
ul.btn_ctr_box .btn_ctr ul li {}
ul.btn_ctr_box .btn_ctr ul li a {height:24px;line-height:24px;background:#fff;font-size:12px;display:block;padding:0 4px}
ul.btn_ctr_box .btn_ctr ul li a:hover {background:#f6f6f6}
ul.btn_ctr_box .btn_ctr ul li a:hover i.fa {color:#f52390}
/*수정삭제스타일*/


/* write */
#bbswrite {margin:auto;padding:40px;font-family:'noto sans kr';width:1040px;min-height:940px}
#bbswrite .subject1 {padding:0 0 6px 0;margin-bottom:10px;border-bottom:1px #333 solid}
#bbswrite .subject1 h2 {font-weight:700;font-size:32px;letter-spacing:-2px;padding:0;margin:0;color:#444;overflow:hidden;height:44px}
#bbswrite table.writeform {}
#bbswrite td {padding:8px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .editbox iframe {display:block}
#bbswrite .td1 {width:110px;font-weight:bold;color:#444444;vertical-align:top;padding:15px 0 0 0;letter-spacing:-0.02em;}
#bbswrite .td1 span {color:red}
#bbswrite .td2 {}
#bbswrite .td2 label {font-size:12px;font-family:"noto sans kr"}
#bbswrite .td2 .guide {font-size:11px;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;display:inline-block;margin:3px 0 0 0}
#bbswrite .td2 .check input {position:relative;top:0px;}
#bbswrite .td2 .subject {width:600px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;letter-spacing:-1px;}
#bbswrite .td2 ul.catmenu {list-style:none;padding:0;margin:0;display:inline-block}
#bbswrite .td2 ul.catmenu li {float:left;margin-right:4px}
#bbswrite .td2 ul.catmenu li a {display:inline-block;height:30px;line-height:30px;padding:0 10px;background:#efefef;border:1px #ccc solid}
#bbswrite .td2 ul.catmenu li a:hover {color:#000;border-color:#999}
#bbswrite .td2 ul.catmenu li a.active {color:#fff;background:#f52390;border:1px #f52390 solid;font-weight:700}
#bbswrite .td2 .chkmsg {display:inline-block;padding:4px 0 0 0}
#bbswrite .td2 .btn_getyt {border:none;background:none;height:30px;padding:0 13px;margin:0;vertical-align:top;border:1px #c6c6c6 solid;border-left:none;font-family:'noto sans kr';outline:0;cursor:pointer}
#bbswrite .td2 .btn_getyt:hover {background:#f0f0f0;font-weight:700}
#bbswrite .td2 .link_youtube {text-decoration:underline;font-weight:700}
#bbswrite .td2 .searchSelect {font-size:12px !important;height:30px;padding:0}

#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
#bbswrite .tipinfo {font-size:11px;color:#ff6000;padding:3px 0}