@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}


.align_l {text-align:left !important}



/* 탭 */
.tab_btn  {display:flex; width:100%; }
.tab_btn li {position:relative; float:left;  text-align:center; display: inline-block;  box-sizing:border-box; margin-right:4%}
.tab_btn li a {line-height:1.4em;padding:5px 0; display:block; font-size:1.125rem; }
.tab_btn .tab_p_ov {border-bottom:1px solid #333; color:#333; font-weight:600}


.tab_btn li:first-child:before{display:none}


.tab_btn li:before{position: absolute;left: -40px; top:50%;width: 1px; height: 10px; background: #ccc; content: ''; margin:-5px 20px 0 20px}


.btns_st1{margin: 50px auto 0; max-width: 545px; text-align: center;}
.btns_st1:after{clear: both; display: block; content: ''}
.btns_st1 > *{float: right; width: 49%; display: inline-block;}
.btns_st1 > *:first-child{float: left;}
.btns_st1.none > *{float: none}
/* .btn-st1{border:1px solid #b3b9c1 !important; border-radius: 100px !important; text-align: center; font-weight: 500; line-height: 63px; color: #000; font-size: 1.100em;} */
.btn-st1{border:1px solid #b3b9c1 !important; border-radius: 10px !important; text-align: center; font-weight: 500; line-height: 63px; color: #000; font-size: 1.188rem;}

input.btn-st1{background: inherit}
/* .btn-st1:hover{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px;} */
.btn-st2{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; width: 208px; display: inline-block; color: #000}


.bbs-bd{display: -webkit-flex;display: -ms-flex;display: flex; flex-wrap:wrap}
.bbs-bd{margin-left: -3%;}
.bbs-bd > li{float: left; width: 47%; margin: 0 0 3% 3%; position: relative;}
.bbs-bd .img{position: absolute;left: 0; top:0}
.list-st1 > li{display: table; width: 100%; padding: 10px; border-bottom: 1px solid #ccc; line-height: 1.35; font-size:1.1rem;}
.list-st1 > li:first-child{border-top: 1px solid #ccc;}
.list-st1 > li > *{display: table-cell; vertical-align: top}
.list-st1 .ttt{width: 130px; position: relative;}
.list-st1 .ttt:after{position: absolute;right: 0;top:.3em; width: 1px; height: 10px; background: #ccc; content: '';}
.list-st1 .det{padding-left: 10px;}




@media all and (max-width:800px) {
.bbs-bd{flex-wrap:wrap}
.bbs-bd > li{float: left; width: 100%;}
}