/* 게시판 버튼 */
#bo_list_total{
    width:100%;
    font-size:0.923em;
}
.nav-area{display:flex;justify-content:space-between;margin:0 auto;padding:10px 0;}
/*검색*/
.search-wrap form{display:block;}
.search-wrap .input-group{display:flex;justify-content:flex-end}
.search-wrap .input-group .form-control{
    position: relative;
    border:1px solid #ddd;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.search-wrap .input-group-append .btn{
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    border-top-left-radius:0px;border-bottom-left-radius:0px;margin-left:-1px
}
.search-wrap .input-group select.form-control{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.search-wrap .input-group input.form-control{border-radius:0px;margin-left:-1px}
@media (max-width:768px){
    .nav-area{flex-wrap:wrap;}
    .nav-area>*{width:100%;}
    .nav-area>*>*{text-align:center}
    .search-wrap{margin-top:1em}
    .search-wrap .input-group{justify-content:center}
    .search-wrap .input-group input.form-control{flex-grow:1;}
}

/* 게시판 목록 공통 */
.all_chk{font-size:.813em;line-height:1.2}
#bo_list{margin:0 auto;max-width:1200px;padding: 10px;clear:both}
.board_list ul{clear:both;border-top:1px solid #000}
.board_list li{padding:15px;border-bottom:1px solid #e6e6e6;position:relative}
.board_list li{display:flex;gap:1em;}
.board_list label{height: 100%;}
.board_list .wr_1{flex-basis:100px;}
.board_list .bo_notice  {background:#f7f7f7}
.board_list .bo_subject{font-size:1em;font-weight:bold;margin-bottom:10px}
.board_list .notice_icon{color:#6683be}
.board_list .bo_cate_link{color:#ea185f;margin-bottom:10px;display:block}
.board_list .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;}
.board_list .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight: normal;}
.board_list .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight: normal;}
.board_list .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
.board_list .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;;border-radius:4pxtext-align:center;;vertical-align:middle;font-weight:normal;font-size:11px}
.board_list .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #262b88;text-align: center;border-radius: 4px;font-size: 12px;border:1px solid #262b88}
.board_list .bo_info {line-height:20px;color:#525a61;font-size:.813em}
.board_list .bo_info .sv_member{color:#525a61;font-weight:normal}
.board_list .bo_info img{vertical-align:top;border-radius:30px}
.board_list .bo_info i{margin-left:5px}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate {background:#fff;color:#333;border-bottom:1px solid #eee;
white-space: nowrap;overflow-x: auto;
-webkit-overflow-scrolling: touch
-ms-overflow-style: -ms-autohiding-scrollbar;}
#bo_cate::-webkit-scrollbar {display: none;}
#bo_cate ul{margin:0 auto;max-width:1200px;padding:0}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li{display:inline-block}
#bo_cate li a{display:block;padding:0 15px;line-height:55px;color:#333947}
#bo_cate #bo_cate_on{position:relative;font-weight:bold;color:#0b6bc5}
#bo_cate #bo_cate_on:before{width:100%;content:'';height:2px;background:#0b6bc5;position:absolute;bottom:0;left:0}
#bo_sch {background:#fff;position:relative;margin:20px 10px;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;height:42px;border:1px solid #cfcfcf;vertical-align:top;padding-left:10px}
#bo_sch .sch_input{height:42px;border:1px solid #cfcfcf;padding:0;background-color:transparent;padding:0 40px 0 10px;vertical-align:top}
#bo_sch .sch_input:focus{outline:none;border-bottom:2px solid #0b6bc5}
#bo_sch .sch_btn{height:42px;position:absolute;color:#aaa;top:0;right:0;border:0;width:40px;background:none;font-size:15px;vertical-align:top}
.bo_fx {margin:20px 0}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""} 
.bo_fx li{display:inline-block;}
.btn_bo_adm{float:left}
.btn_wr{float:right}
@media (max-width: 969px){
    #bo_sch select{width:30%;float:left}
    #bo_sch .sch_input{width:68%;float:right;}
    #bo_list .all_chk{margin:10px 0}
}
@media (min-width: 970px){
    #bo_sch {float:right;}
    .board_list .li_cate{padding-left:0px}
    .board_list .bo_cate_link{position:absolute;top:15px;left:15px;color:#0b6bc5;width:100px}

}
/*프로모션리스트*/
#promotions{
    font-size:18px;
    font-weight: 500;
    display:flex;
    flex:1 1 100%;
    flex-direction: column;
    gap:1.2em;
}
.promoList{
    display:flex;
    flex-wrap:wrap;
    gap:1em;
    width: 100%; /* 고정된 너비 */
    line-height:1.2;
}
.discount{flex:0 0 130px;}
.promo_content{
    flex:1 1 calc(100% - 130px - 200px - 2em);    
    display:flex;
    align-content: space-around;
    flex-wrap: wrap;
}
.btn_wrap{flex:0 0 200px;}
.discount{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 4px;
    padding: .3em;
    min-height: 130px; /* 예상되는 최소 높이 */
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.discount .percent-wrap{
    width:100%;
    height:calc(100% - 40px);
    font-size:1.2em;
    font-weight:600;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.discount .percent-wrap span.one-line{
    font-size:14px;
}
.discount .type_wrap{
    display: flex;
    flex-wrap:wrap;
    width:100%;
    justify-content: flex-start;
    align-items: center;
    border-radius:.25rem;
    line-height:unset;
    overflow:hidden;
}
.discount .type,.discount .update_date{
    display:block;
    width:100%;
    font-size:12px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#fff;
}
.discount .type{
}
.discount .update_date{
    display:block;
    background-color:#343a40;
}
.btn_wrap{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding: .2em;
}
.btn_wrap div.btn_inner{
    position:relative;
    width:100%;        
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.btn_wrap a.btn{
    position:relative;
    display:block;
    width:100%;
    height:36px;
    font-size:15px;
    line-height: 1.5;
    font-weight:600;
    z-index:1;
}
.btn_wrap a.btn.code{
    border-radius:.25em .25em 1.8em .25em;
    width:calc(100% - 8px);
    transition:width .2s;
    
}
.btn_wrap a.btn.code:hover{
    width:calc(100% - 8px - 8px);
}
.btn_wrap div.promo_code{
    position:absolute;
    top:0;
    width:100%;
    height:36px;
    font-size:15px;
    line-height:36px;
    border:1px solid #111;
    background-color:#333;
    color:#eee;
    border-radius:.25rem;
    text-align:right;
    padding-right:.25em;
    overflow:hidden;
}
.promo_content h3 {
    font-size:1.17em;
    font-weight:700;
    margin:0 0 .5em 0;
}
.promo_content .promo_detail {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color:#606169;
    font-size:.9em;
    line-height:1.4;
    margin-bottom:.5em;
}
.promo_content .etc {
    color:#606169;
    font-size:.9em;
}
.promo_content .etc a.more{
    display:inline;
}
#promotions > div{
    padding: 1em .8em;
    border: 1px solid #c9d7df;
    border-radius:10px;
    background-color: #f6f9fb;
}
@media (max-width:768px){
    #promotions > div{
        gap:.8em;
        padding:0;
        border: 1px solid #c9d7df;
        border-radius:0;
    }
    .discount{
        flex-wrap:unset;align-items:center;
        padding:.25em .5em;
        border-radius:0;
        min-height:unset;
        box-shadow:unset;
    }
    .promo_content{padding:0 1em;}
    .btn_wrap{padding:0 1em 1em;}
    .discount .percent-wrap{justify-content:flex-start;flex-direction:row;height:35px;padding-left:.5em;font-size: 1em;gap:.35em;}
    .discount .percent-wrap span.one-line{font-size:unset;}
    .discount .type_wrap{flex-wrap: unset;width:unset;height:20px;margin:0 .5em;}
    .discount .type_wrap > *{width:90px;padding:0 .2em;}
    .discount{flex:0 0 100%;}
    .promo_content{flex:0 0 100%;}
    .btn_wrap{flex:0 0 100%;}
}