/*list*/
.header_box .btn_sort_wrap .boxitem {margin-left:0}
#bbslist.list_style {}
#bbslist.list_style {height:1500px;overflow:hidden;float:left;position:relative;background:#dcdde3}
#bbslist.list_style .listwrap {margin:0}
#bbslist.list_style .listwrap .rows.listactive {background:#f5f5f5}
#bbslist.list_style .listwrap .rows {margin:0;position:relative;overflow:hidden;background:#fff;height:84px;border-bottom:1px #e8e8e8 solid}
#bbslist.list_style .listwrap .rows:hover .subject a,#bbslist.list_style .listwrap .rows.listactive .subject a {color:#25a5f0}
#bbslist.list_style .listwrap .rows:hover .photo img.tm {-webkit-transform: scale(1.2);transform: scale(1.2);}
#bbslist.list_style .listwrap .rows:after{content:""; display:block;float:none;clear:both;} 
#bbslist.list_style .listwrap .rows .new {position:absolute;top:0px;left:0px;z-index:1;}

#bbslist.list_style .listwrap .rows .photo {position:relative;overflow:hidden;background:#f0f0f0;width:60px;height:60px;float:left;border-radius:100%;margin:12px 20px 0 25px}
#bbslist.list_style .listwrap .rows .photo .thumb {left:0;top:0;right:0;bottom:0;position:absolute;}
#bbslist.list_style .listwrap .rows .photo img.tm {width:100%;height:100%;transition:.3s ease-in-out;object-fit:cover}
#bbslist.list_style .listwrap .rows .photo .fname {position:absolute;font-size:30px;width:40px;height:40px;text-align:center;line-height:42px;left:50%;margin-left:-20px;top:50%;margin-top:-20px;font-weight:300;color:#fff}
#bbslist.list_style .listwrap .rows .notice {position:relative;overflow:hidden;background:#f0f0f0;width:60px;height:60px;float:left;border-radius:100%;margin:12px 20px 0 25px;line-height:60px;text-align:center;font-size:20px;color:#bfbfbf}

#bbslist.list_style .listwrap .rows .contright {position:relative;margin:16px 0 0 25px}
#bbslist.list_style .listwrap .rows .contright .subject {font-size:16px;letter-spacing:-0.02em;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:80px}
#bbslist.list_style .listwrap .rows .contright .subject .cat {color:#999}
#bbslist.list_style .listwrap .rows .contright .comment {position:absolute;width:30px;height:30px;right:30px;top:10px;text-align:center;line-height:32px;color:#bbb;}
#bbslist.list_style .listwrap .rows .contright .comment.comment_new {color:#25a5f0}
#bbslist.list_style .listwrap .rows .contright .comment.comment_new svg {fill:#25a5f0}
#bbslist.list_style .listwrap .rows .contright .comment svg {position:absolute;left:0;top:0}
#bbslist.list_style .listwrap .rows .contright .namedate {margin:10px 0 0 0;font-size:12px;color:#999;font-weight:300}
#bbslist.list_style .listwrap .rows .contright .namedate span {display:inline-block;margin-right:20px}
#bbslist.list_style .listwrap .rows .osico {width:160px;text-align:center;position:absolute;right:0;top:40px;}
#bbslist.list_style .listwrap .none {padding:80px 0;text-align:center;font-size:18px;}
#bbslist.list_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 iframe {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
#bbsview .moviebox:not(*:root) {width:calc(100% - 21px);}

#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 .content .ctbox img {max-width:100%}
#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}


/*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}


.tse-scrollable {position: relative;overflow: hidden;}
.tse-scrollable .tse-scroll-content {width:calc(100% + 21px) !important}
.tse-scrollable .tse-scroll-content::-webkit-scrollbar {width: 0;height: 0;}
.tse-scrollbar {z-index: 99;position: absolute;top: 0;right: 0;bottom: 0;width:4px;}
.tse-scrollbar .drag-handle {position: absolute;right:0px;min-height: 10px;width:4px;opacity: 0;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear;background:#0066cc;-webkit-background-clip: padding-box;-moz-background-clip: padding;}
.tse-scrollbar:hover .drag-handle {opacity: 0.7;-webkit-transition: opacity 0 linear;-moz-transition: opacity 0 linear;-o-transition: opacity 0 linear;-ms-transition: opacity 0 linear;transition: opacity 0 linear;}
.tse-scrollbar .drag-handle.visible {opacity:0.9;}
.scrollbar-width-tester::-webkit-scrollbar {width: 0;height: 0;}
.tse-scrollable.horizontal .tse-scroll-content {overflow-x: scroll;overflow-y: hidden;}
.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,.tse-scrollable.horizontal .tse-scroll-content::scrollbar {width: auto;height: 0;}
.tse-scrollable.horizontal .tse-scrollbar {top: auto;left: 0;width: auto;height: 11px;}
.tse-scrollable.horizontal .tse-scrollbar .drag-handle {right:auto;top:0px;height:7px;min-height:0;min-width:4px;width: auto;}