@charset "utf-8";
/* 공통 트랜지션 */
.radio-st1 > * label{transition: all ease-out .18s}

.bbs-award{margin: 0 0 -67px -3%; display: flex; flex-wrap:wrap}
.bbs-award > li{float: left; width: 22%; margin: 0 0 67px 3%}
.bbs-award .img{border:1px solid #ddd; padding-bottom: 136%; overflow: hidden; position: relative; margin-bottom: 30px;}
.bbs-award .img img{transition:all ease-in-out .3s; position: absolute; left: 0; top:0; right:0; bottom: 0; margin: auto; width: 100%}
.bbs-award li:hover .img img{transform:scale(1.03,1.03)}
.bbs-award .cont > *{display: block;}
.bbs-award .t{font-size: 1.125rem; font-weight: 400; max-height: 4em; overflow: hidden; line-height: 1.35;    word-break: break-all;}
.bbs-award .date{font-size: 14px; color: #999; line-height: 1; margin-top: .87em;}

.paging_w{margin-top: 59px; text-align: center; font-size: 0;}
.paging_w a{display: inline-block; color: #999; font-size: 14px; margin: 0 10px; vertical-align: middle; line-height: 30px;; padding: 0 5px}
.paging_w .arrow{border:1px solid #ddd; white-space: nowrap; overflow: hidden; text-indent: -999px; border-radius:50%; background: url('') center center no-repeat; width: 30px; height: 30px;}
.paging_w .prev{margin: 0 1em 0 0px;}
.paging_w .next{margin: 0 -0 0 1em;}
.paging_w .arrow:hover,.paging_w .arrow:focus{border-color: #aaa}
.paging_w .active{color: #444; border-bottom: 1px solid #000;}
.paging_w .first{background-image: url('../img/bbs/first.png')}
.paging_w .prev{background-image: url('../img/bbs/prev.png')}
.paging_w .next{background-image: url('../img/bbs/next.png')}
.paging_w .last{background-image: url('../img/bbs/last.png')}

.bbs-recruit .item:first-child{border-top: 1px solid #ccc;}
.bbs-recruit .item{border-bottom: 1px solid #ccc;font-size: 14px;}
.bbs-recruit .a{border-top: 1px solid #ccc; background: #f7f7f7}
.bbs-recruit .q a{padding: 40px 59px 40px 30px; position: relative; display: flex; width: 100%; align-items: center;}
.bbs-recruit .q a:after{right: 25px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    content: '';
    transform: rotate(-135deg);
    margin-top: -5px;
    transition: all ease-in-out .3s;}
.bbs-recruit .active.q a:after{transform: rotate(45deg)}
.bbs-recruit .circle{width: 80px; height: 80px; border-radius:50%; color: #fff; display: flex; align-items:center; justify-content:center}
.bbs-recruit .etc{font-size: 0; font-weight: 300; letter-spacing: -0.03em;}
.bbs-recruit .etc span{display: inline-block; position: relative; margin-right: 1em; padding-right: 1em; font-size: 14px; vertical-align: middle}
.bbs-recruit .etc span:after{position: absolute; right: 0; top:50%; width: 1px; height: 12px; margin-top: -6px; content: ''; background: #999}
.bbs-recruit .etc span:last-child{margin-right: 0; padding-right: 0;}
.bbs-recruit .etc span:last-child:after{background: none}
.bbs-recruit .t{flex:1; margin: 0 30px; font-weight: 500; font-size: 1.125rem}
.bbs-recruit .a{padding: 60px; display: none;}
.bbs-recruit .rel{position: relative;}
.bbs-recruit .subject{font-size: 1.125rem;  font-weight: 500;}
.bbs-recruit .det_w{margin-top: 50px;}
.bbs-recruit .half_w > *{float: left; margin-right: 50px;}
.bbs-recruit .half_w > *:last-child{margin-right: 0;}
.bbs-recruit .det{position: relative; display: flex}
.bbs-recruit .abs{padding-right: 1em; position: relative;}
.bbs-recruit .abs:after{position: absolute; right: 0; top:.35em; height: 12px; content: ''; background: #999; width: 1px}
.bbs-recruit .det ul{color: #666; font-weight: 300; flex:1; margin-left: 1em;}
.bbs-recruit .det li{margin-top: .3em;}
.bbs-recruit .det li:first-child{margin-top: 0;}

.bbs-form{font-size: 14px;}
.bbs-form .t{display: block; font-size: 1.25rem; font-weight: 500; margin-bottom: 30px;}
.bbs-form .t .req-txt{margin-left: 30px; font-size: 13px; font-weight: 300;}

/* .radio-st1 {border-radius: 3px;text-align: center;}
.radio-st1 > li { position:relative; display:block; float:right; width:49%;}
.radio-st1 > li:first-child{float: left;}
.radio-st1 > li input { position:absolute; top:0; left:0; width:100%; height:100%}
.radio-st1 > li input:focus + label:before{border:1px dotted #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;}
.radio-st1 > li label {position: relative;top:0; left:0; display:block; width:100%; height:60px; line-height:60px;height: 3.75rem;line-height: 3.75rem;; cursor:pointer;z-index:1;background: #fff;border-radius: 3px;border:1px solid #ddd;}
.radio-st1 > li input:checked+label{border-color: #726289; background: #f3f0f9;} */

.radio-st1 > * {position: relative; display: inline-block;; margin-right: 1.25rem;}
.radio-st1 > *:last-child{margin-right: 0;}
.radio-st1 > * input{position:absolute; top:50%; left:50%; width:50%; height:50%; transform:translate(-50%, -50%)}
.radio-st1 > * label {
  color: #999;  display: block;
  transition: letter-spacing .3s;
  letter-spacing: -0.03em; background: #fff;
  width: 180px; padding: 10px 5px; text-align: center; border:1px solid #ddd; border-radius:100px; position: relative; z-index: 1;}
.radio-st1 > * input:checked+label{border-color: #df331c; color: #df331c}
.radio-st1 > * label:hover {border-color: #333; color: #333}

.bbs-write{margin: 0 0 -1.25rem -1.25rem;}
.bbs-write .item{border:1px solid #ccc;  margin: 0 0 1.125rem 1.125rem;}
.bbs-write .file_w,
.bbs-write input[type="date"],
.bbs-write input[type="text"],
.bbs-write input[type="password"],
.bbs-write select,
.bbs-write input[type="number"]{width: 100%; height: 60px; padding: 0 30px; border:0}
.bbs-write .file_w{border:1px solid #ccc}
/* .bbs-write input[type="file"]:focus,.bbs-write input[type="text"]:focus,.bbs-write input[type="password"]:focus,.bbs-write select:focus{border-color: #000} */
.bbs-write input[type="text"]:focus::placeholder{color: #000}
.bbs-write textarea{display: block; padding: 30px; height: 250px; width: 100%; border:0}

.bbs-write{margin: 0 0 -1.125rem -1.125rem;}
.bbs-write > li{margin: 0 0 -1.125rem -1.125rem;}
.bbs-write.half_w > li{float: left; width: calc(50% - 1.125rem);}
.bbs-write.half_w > li.w100{width: calc(100% - 1.125rem)}
.bbs-write .file_w{display: flex; width: 100%; align-items: center; width: auto}
.bbs-write .file_w input[type="file"]{height: auto; line-height: 1.5; width: 100%}

.bbs-write .noborder{border:0}
.bbs-write .add-txt{margin-top: 10px;}

.bbs-form .sect{margin-top: 79px;}
.bbs-form .sect:first-child{margin-top: 0;}

.project_bar_w{position: relative;}
.project_bar_w .btn_w{width: 100%;display: flex;     justify-content: space-between; margin-top: 10px;}
.project_bar_w .btn_w button{position: relative; border:1px solid #ddd; background: #fff; color: #999; margin-top: 10px; padding: 7px 10px;}
.project_bar_w .btn_w button:after{position: absolute; left: 50%; width: 10px; height: 10px; content: ''; background: url('../img/bbs/per.gif') center center no-repeat; transform:translateX(-50%); top:-9px}
.project_bar_w .btn_w button:first-child,.project_bar_w .btn_w button:last-child{transform:none}
.project_bar_w .btn_w button.active{border-color: #d73f29; color: #d73f29; font-weight: 500;}
.project_bar_w .btn_w button.active:after{background-image: url('../img/bbs/per_active.gif')}
/* .project_bar_w .btn_w .per20{left: 20%;}
.project_bar_w .btn_w .per30{left: 30%;}
.project_bar_w .btn_w .per40{left: 40%;}
.project_bar_w .btn_w .per50{left: 50%;}
.project_bar_w .btn_w .per60{left: 60%;}
.project_bar_w .btn_w .per70{left: 70%;}
.project_bar_w .btn_w .per80{left: 80%;}
.project_bar_w .btn_w .per90{left: 90%;}
.project_bar_w .btn_w .per100{right: 0} */
.project_bar_w .bar{width: 100%; height: 30px; border:1px solid #ccc; padding: 5px; border-radius:100px; position: relative;}
.project_bar_w #percent{border-radius:100px; background: #d73f29; content: ''; left: 5px; top:5px; width: calc(5% - 10px); height: calc(100% - 10px); position: absolute;}
.project_bar_w #percent.per1{width: calc(5% - 10px)}
.project_bar_w #percent.per2{width: calc(15% - 10px)}
.project_bar_w #percent.per3{width: calc(25% - 10px)}
.project_bar_w #percent.per4{width: calc(35% - 10px)}
.project_bar_w #percent.per5{width: 45%}
.project_bar_w #percent.per6{width: 55%}
.project_bar_w #percent.per7{width: 65%}
.project_bar_w #percent.per8{width: 77%}
.project_bar_w #percent.per9{width: 87%}
.project_bar_w #percent.per10{width: calc(100% - 10px)}
.bbs-write input[type="file"]{line-height: 59px;}

.agree_box_w{font-size: 14px;}
.agree_box_w .t{display: block; font-size: 1.25rem;  font-weight: 500; margin-bottom: 30px;}
.agree_box_w .tit{font-size: 1.25rem; margin-bottom: 2em; font-weight: 500; line-height: 1.15;}
.agree_box_w .box{border:1px solid #ccc; padding: 30px; background: #fff; max-height: 300px; overflow-y: auto; font-size: 14px;}
.agree_box_w .agree{margin-top: 1.25rem; text-align: right;  color: #666}
.agree_box_w .agree > *{display: inline-block; vertical-align: middle;}
/* .agree_box_w .radio-st1{margin-left: 1em;}
.agree_box_w .radio-st1 label{background: #f7f7f7} */

.radio-st2,.ck-c{margin-bottom:-5px}
.radio-st2 > *,.ck-c > *{display: inline-block; margin: 0 1em 5px 0;}
.radio-st2 > *:last-child,.ck-c > *:last-child{margin-right: 0;}
.radio-st2 input{border: 0;  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 0;} /* clip: rect(0 0 0 0); */

.ck-st1 input:focus + label span:after,
.radio-st2 input:focus + label span:after{border:1px solid #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;}

.radio-st2 label{position: relative;display: block;background: #fff;padding-left: 1.8rem}
.radio-st2 input + label span{position: absolute; display: block; width: 1.25rem; height: 1.25rem; top:50%; margin-top: -.625rem;; left: 0; border:1px solid #dedede; background: #fff;}
.radio-st2 input:checked + label span:before{position: absolute; width: .625rem; height: .625rem; background: #df331c; content: ''; top:50%; left: 50%; transform:translate(-50%,-50%);}
.radio-st2.ck  input + label span,.radio-st2.ck input:checked + label span:before{border-radius:0}
.radio-st2.block > *{display: block;}

.btn-submit_w{margin-top: 59px; text-align: center; font-size: 14px; font-weight: 300;}
.btn-submit{border:1px solid #666; color: #666; width: 9.375rem; height: 2.813rem; text-align: center; border-radius:100px; transition:all ease-in-out .15s}
.btn-submit:hover,.btn-submit:focus{background: #333; color: #fff}
a.btn-submit{display: inline-block; line-height: 2.750rem;}

.contact_complete{text-align: center; padding: 50px 0;}
.contact_complete .cont{    display: flex;
    align-items: center;
    justify-content: center; line-height: 1.18;}
.contact_complete .ico{margin-right: 30px;}
.contact_complete .ico img{display: block;}
.contact_complete .txt > *{display: block;}
.contact_complete .big{font-size: 2em; font-weight: 700;}
.contact_complete p{margin-top: .938em; line-height: 1.5;}

.bbs-news > li{position: relative; border-bottom: 1px solid #ddd; padding: 40px 0}
.bbs-news > li:first-child{padding-top: 0;}
.bbs-news > li:last-child{padding-bottom: 0; border-bottom: 0;}
.bbs-news .in{display: table; width: 100%; table-layout:fixed}
.bbs-news .in > *{display: table-cell; vertical-align: top;}
.bbs-news .img_w{width: 240px;}
.bbs-news .img{position: relative; padding-bottom: 57.9%; overflow: hidden; background: #f4f4f4}
.bbs-news .img img{position: absolute; left: 0; top:0; right: 0; bottom: 0; margin:auto; width: 100%;; transition:all ease-in-out .3s}
.bbs-news .cont{padding-left: 95px;}
.bbs-news .img .no_img{width: auto; max-width:67%}
.bbs-news .etc{margin-bottom: 20px; font-size: 0; color: #999}
.bbs-news .etc span{position: relative; font-size: 14px; padding-right: 20px; margin-right: 20px; font-weight: 300; display: inline-block; vertical-align: middle;}
.bbs-news .etc span:after{width: 1px ;height: 8px; margin-top: -4px; background: #cecece; content: ''; right: 0; top:50%; position: absolute;}
.bbs-news .etc span:last-child{margin-right: 0; padding-right: 0;}
.bbs-news .etc span:last-child:after{background: none}
.bbs-news .t{font-size: 1.25rem;  line-height: 1.3; display: flex;}
.bbs-news .t .txt{display: block; max-height: 2.7em; overflow: hidden; flex:1; width: calc(100% - 5.5rem)}
.bbs-news .t .bbs-label{width: 5.4em; display: block;}
.bbs-news a:hover img,.bbs-news a:focus img{transform:scale(1.05,1.05)}

.bbs-news .state_w{border:1px solid #aaa; text-align: center; display: inline-block; padding: 5px 7px 3px; font-weight: 400; font-size: 13px; line-height: 1.15;}
.bbs-news .state_w.end{background: #777; color: #fff; border-color:#777}

.bbs-view{border-top: 1px solid #ccc;}
.bbs-view .top{ padding: 50px 0; border-bottom: 1px solid #ccc;}
.bbs-view .etc{margin-bottom: 1.25rem; font-size: 0; color: #999}
.bbs-view .etc span{position: relative; font-size: 14px; padding-right: 20px; margin-right: 20px; font-weight: 300;}
.bbs-view .etc span:after{width: 1px ;height: 8px; margin-top: -4px; background: #cecece; content: ''; right: 0; top:50%; position: absolute;}
.bbs-view .etc span:last-child{margin-right: 0; padding-right: 0;}
.bbs-view .etc span:last-child:after{background: none}
.bbs-view .t{font-size: 1.25rem; font-weight: 400; }
.bbs-view .cont{padding: 40px 0 81px; border-bottom: 1px solid #ccc;}

.bo_v_nb{border: 1px solid #ccc;font-weight: 300; font-size: 14px; padding: 17px 40px; margin-top: -1px;}
.bo_v_nb:after{content: ''; display: block; clear: both}
.bo_v_nb li{position: relative; float: left; width: 50%}
.bo_v_nb li:first-child{padding-left: 100px; padding-right: 1.8em; text-align: left;}
.bo_v_nb li:last-child{padding-right: 100px; text-align: right; padding-left: 1.8em; float: right; border-left: 1px solid #ccc;}
.bo_v_nb .nb_tit{position: absolute;top:0; padding: 0 0; width: 80px; color: #666}
.bo_v_nb .nb_tit:after{position: absolute; top:50%; margin-top: ; content: ''; width: 1px; height: 12px; background: #ddd; content: ''; margin-top: -6px;}
.bo_v_nb li:first-child .nb_tit{ left: 0;}
.bo_v_nb li:last-child .nb_tit{ right: 0; left: auto}
.bo_v_nb .ico{width: 9px;
    height: 9px;
    border-top: 2px solid #bbb;
    border-left: 2px solid #bbb;
    vertical-align: middle; display: inline-block; vertical-align: baseline;}
.bo_v_nb .btn_prv .ico{transform: rotate(-45deg); margin-right: 7px;}
.bo_v_nb .btn_next .ico{transform: rotate(135deg); margin-left: 7px;}

.bo_v_nb .btn_prv .nb_tit:after{right: 0;}
.bo_v_nb .btn_next .nb_tit:after{left: 0;}

.bo_v_nb .btn_prv:after{}
.bo_v_nb a{display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.bo_v_nb a:hover{text-decoration: underline;}

.bbs-faq{border-top: 1px solid #ccc;}
.bbs-faq > li{border-bottom: 1px solid #ccc;}
.bbs-faq .q,.bbs-faq .a{position: relative;}
.bbs-faq .q a{display: block; position: relative; padding: 40px 60px 40px 108px}
.bbs-faq .q a:before{position: absolute; left: 55px;}
.bbs-faq .q a:before,.bbs-faq .a .ico{font-size: 2rem; font-weight: 700; line-height: 1;color: #999}
.bbs-faq .q a:before{color: #333; content: 'Q.'; top:38px}
.bbs-faq .q{font-size: 1.125rem; color: #333; font-weight: 500;}
.bbs-faq .q a:after{position: absolute; right: 50px;     width: 13px;
    height: 13px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform:rotate(-135deg); transition:all ease-in-out .3s; margin-top: -7px;}
.bbs-faq .active.q a:after{transform: rotate(45deg); border-color:#d73f29}
.bbs-faq .active,.bbs-faq .active.q a:before{color: #d73f29}
.bbs-faq .a{position: relative; padding: 40px 1rem 40px 55px; background: #f7f7f7; border-top: 1px solid #ccc; display: none; color: #666}
.bbs-faq .in{display: flex}
.bbs-faq .a .ico{width: 1.5em}
.bbs-faq .a .c{flex:1}

.bbs-faq .etc{margin-top: 20px; font-size: 0; color: #999}
.bbs-faq .etc span{position: relative; font-size: 14px; padding-right: 20px; margin-right: 20px; font-weight: 300; vertical-align: middle;}
.bbs-faq .etc span:after{width: 1px ;height: 8px; margin-top: -4px; background: #cecece; content: ''; right: 0; top:50%; position: absolute;}
.bbs-faq .etc span:last-child{margin-right: 0; padding-right: 0;}
.bbs-faq .etc span:last-child:after{background: none}

.period_w > *{float: left; width: 47%; position: relative;}
.period_w .dash{width: 6%; text-align: center; line-height: 60px;}
.datepick_w{position: relative;}
.datepick_w button{position: absolute;right: 30px;top:0;width: 19px; height: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('../img/bbs/ico-cal.gif') center center no-repeat}

.bbs-form .typeB{display: none;}


.attach_area{padding: #f6f6f6; padding: 20px; background: #f7f7f7; border-bottom: 1px solid #ddd;}
.attach_area .rel{display: flex}
.attach_area > ul{flex:1; color: #666}
.attach_area .file{color: #333; font-weight: 500; font-size: 1rem; width: 95px}
.attach_area li{margin-top: 5px;}
.attach_area li:first-child{margin-top: 0;}
.attach_area li a { padding-right: 10px;  font-size: 0.8rem; }
.attach_area img{display: inline-block;vertical-align: middle; margin-right: 5px;}
.attach_area a:hover{text-decoration: underline;}

.btn-list_w{text-align: center; margin-top: 50px;}
.btn-list{border:1px solid #000; color: #000; width: 8em; height: 3em; display: inline-block; text-align: center; font-weight: 500; font-size: 1.125rem; vertical-align: middle;}
.btn-list:hover{background: #f1f1f1;}
a.btn-list{line-height: 3em}

.btn-st1{width: 8em; height: 3em; display: inline-block; text-align: center; font-weight: 500; font-size: 1.125rem; vertical-align: middle; transition:all ease-in-out .15s}
.btn-st1.bg-black{color: #fff; border: 1px solid #000}
.btn-st1.bg-black:hover{background: #181818}
.btn-st1.bg-black_r:hover{background: #f1f1f1}

#g-recaptcha{margin: 20px 0 -30px;}
#g-recaptcha div{display: block;margin: 0 auto}
#g-recaptcha iframe{display: block; display: block; margin: 0 auto;}

.agree_box_w .box .fade-up{transition:none; transform:none; opacity:1;}
.agree_box_w .box .sect{margin-top: 50px;}
.agree_box_w .box .t{font-size: 1.125rem; padding-bottom: 15px; margin-bottom: 18px}

.contact-ul > li{margin-top: 30px;}
.contact-ul > li:first-child{margin-top: 0;}
.contact-ul > li > ul{margin-top: 10px}
.contact-ul > li > ul > li{margin-top: 10px;}
.contact-ul > li > ul > li li{margin-top: 5px;}

.bbs-attach img{transform:none !important}
.bbs-ico_w{margin-left: 10px; font-size: 0; display: inline-block; vertical-align: middle;}
.bbs-ico_w > *:first-child{margin-left: 0;}
.bbs-ico{text-align: center;font-size: 13px; font-weight: 600; color:#fff; border-radius:100px; text-align: center; line-height: 20px; height: 20px; width: 40px; display: inline-block; margin-left: 5px; vertical-align: middle; letter-spacing: -0.03rem;}
.bbs-ico.new{background: #0FA2B6}
.bbs-ico.best{background: #EF4BAD}


.bbs-gallery{margin: 0 0 -67px -3%; display: flex; flex-wrap:wrap; word-break: normal}
.bbs-gallery > li{float: left; width: 30.333%; margin: 0 0 67px 3%}
.bbs-gallery .img{border:1px solid #ddd; padding-bottom: 67%; overflow: hidden; position: relative; margin-bottom: 30px;}
.bbs-gallery .img img{transition:all ease-in-out .3s; position: absolute; left: 0; top:0; right:0; bottom: 0; margin: auto; width: 100%}
.bbs-gallery li:hover .img img{transform:scale(1.03,1.03)}
.bbs-gallery .cont > *{display: block;}
.bbs-gallery .txt{margin-top: 1rem; max-height: 4.4rem; overflow: hidden; color:#666}
.bbs-gallery .t{font-size: 1.125rem; font-weight: 400; max-height: 4em; overflow: hidden; line-height: 1.35;    word-break: break-all;}
.bbs-gallery .date{font-size: 14px; color: #999; line-height: 1; margin-top: .87em;}
.bbs-gallery .etc{margin-top: 20px; font-size: 0; color: #999; display: flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.bbs-gallery .sort span{position: relative; font-size: 14px; padding-right: 10px; margin-right: 10px; font-weight: 300; vertical-align: middle;}
.bbs-gallery .sort span:after{width: 1px ;height: 8px; margin-top: -4px; background: #cecece; content: ''; right: 0; top:50%; position: absolute;}
.bbs-gallery .sort span:last-child{margin-right: 0; padding-right: 0;}
.bbs-gallery .sort span:last-child:after{background: none}
.bbs-gallery .share span{margin-left: 8px; width: 14px; height: 14px; background: url('') center center no-repeat; display: inline-block; vertical-align: middle;}
.bbs-gallery .share span:first-child{margin-left: 0;}
.bbs-gallery .share .insta{background-image: url('../img/bbs/sns-i.png')}
.bbs-gallery .share .face{background-image: url('../img/bbs/sns-f.png')}
.bbs-gallery .share .twit{background-image: url('../img/bbs/sns-t.png')}

.bbs-list{overflow-x:auto; font-size: 1.063rem; overflow-y: hidden;}
.bbs-list table{width: 100%;text-align: center;border-top:2px solid #3f3f3f;}
.bbs-list th{padding: 20px 10px;border-bottom:1px solid #3d3d3d; font-weight: 500; color: #333; white-space: nowrap;}
.bbs-list td{padding: 20px 10px;border-bottom:1px solid #dedede; text-align: center;}
.bbs-list td.tit{text-align: left;}
.bbs-list td.tit a:hover{text-decoration: underline;}
.bbs-list .notice{background: #f3f8fb}
.bbs-list .state{font-size: 0.875rem; font-weight: 500; width: 5.000em; line-height:1.786em; text-align: center; border-radius:100px; display: inline-block;}
.bbs-list_m{font-size: 1rem; margin-top: 10px; display: none; color: #555}
.bbs-list_m > *{display: inline-block; margin-right: 10px;}
.bbs-list_m > *:last-child{margin-right: 0;}
.bbs-list_m strong{margin-right: 4px; font-weight: 500; color: #333}
.bbs-list .tit img{margin-right: 3px; vertical-align: initial}
.bbs-list .no{width: 5em}
.bbs-list .writer{width: 7em}
.bbs-list .date{width: 8em}
.bbs-list .hit{width: 8em}
.bbs-list .not{font-size: .938rem; font-weight: 500; display: inline-block; padding: 3px 10px; border-radius:100px}
.bbs-list .file{width: 5em}
.bbs-list .tit img{display: inline-block; margin-left: 3px;}
.bbs-list .tit .ico-reply{top:-3px}
.bbs-list .td{border-bottom: 1px solid #dedede;}
.bbs-list .state_w{width: 7em}
.bbs-list .state{text-align: center; display: inline-block; padding: 5px 7px 3px; font-weight: 400; font-size: 13px; line-height: 1.15;}
.state.ing{border:1px solid #aaa}
.state.end{background: #777; color: #fff; border-color:#777}

.bbs-share_top{display: flex;     justify-content: space-between;}
.bbs-share_top .t{flex:1; margin-right: 30px;}
.bbs-share{display: flex;    align-items: center; justify-content: flex-end;}
.bbs-share button{display: block; white-space: nowrap; overflow: hidden;  text-indent: -999px; width: 26px; height: 26px; background: url('') center center no-repeat; margin-left: 15px;}
.bbs-share button:first-child{margin-left: 0;}
.bbs-share .insta{background-image: url('../img/bbs/share/insta.png')}
.bbs-share .face{background-image: url('../img/bbs/share/face.png')}
.bbs-share .twit{background-image: url('../img/bbs/share/twit.png')}
.bbs-share .band{background-image: url('../img/bbs/share/band.png')}
.bbs-share .kakao{background-image: url('../img/bbs/share/kakao.png')}
.bbs-share .blog{background-image: url('../img/bbs/share/blog.png')}

.bbs-share .insta:hover,.bbs-share .insta:focus{background-image: url('../img/bbs/share/insta_on.png')}
.bbs-share .face:hover,.bbs-share .face:focus{background-image: url('../img/bbs/share/face_on.png')}
.bbs-share .twit:hover,.bbs-share .twit:focus{background-image: url('../img/bbs/share/twit_on.png')}
.bbs-share .band:hover,.bbs-share .band:focus{background-image: url('../img/bbs/share/band_on.png')}
.bbs-share .kakao:hover,.bbs-share .kakao:focus{background-image: url('../img/bbs/share/kakao_on.png')}
.bbs-share .blog:hover,.bbs-share .blog:focus{background-image: url('../img/bbs/share/blog_on.png')}

.label-bbs{font-size: 13px; font-weight: 700; display: inline-block; position: relative; padding: 5px 0; margin-right: 1rem; line-height: 1; vertical-align: text-bottom; text-align: center; width: 4.5em}
.label-bbs:before,.label-bbs:after{width: 3px; height: 3px; background: #fff; content: ''; position: absolute;}
.label-bbs:before{right: -1px; top:-1px}
.label-bbs:after{left: -1px;bottom: -1px}

.bbs-write select{background-position: 98% center}

.bbs-write .item.ck{border:0; padding: 5px 0}
.form-ck{display: flex; align-items:center}
.form-ck .ck-t{font-size: 1.25rem; color:#333; font-weight: 500; width: 6em}
.form-ck .ck-c{flex:1}