@charset "utf-8";

/* 커스텀 체크박스 스타일 */
.art_chk_box { position: relative; display: inline-block;}
.art_selec_chk { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}/* 실제 체크박스 숨기기 */
.art_chk_box label span { display: inline-block; width: 23px; height: 23px; border: 1px solid #ddd; background: #fff; border-radius: 30px; cursor: pointer;}
.art_chk_box input[type="checkbox"]:checked + label span { background: var(--color-main) url(../img/chk.png) no-repeat center/80% auto;}
.art_chk_box label { cursor: pointer;}


/* 게시판 페이지 정보 및 버튼 시작 공통 */
#bo_btn_top { display: flex; align-items: center; word-break: keep-all; margin: 0px auto !important;}
#bo_btn_top:after { display: block; visibility: hidden; clear: both; content: "";}
#bo_list_total { display: flex;}
.btn_bo_user { display: flex; list-style: none; padding: 0; justify-content: flex-end;margin-left: auto;}
.btn_bo_user li { text-align: center; }
.btn_bo_user > li { position: relative;}
.btn_bo_sch_gpt img { width: 20px; height: 20px; vertical-align: baseline;}

a.btn, .btn { font-size: 19px;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    text-align: center;
    font-weight: 500;
    border: 0;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    border: 0;
    background: transparent;
}
.btn:hover, a.btn:hover, .btn_bo_user .btn a { color: #000; }


/* 선택삭제 복사 이동  */
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;font-size: 14px;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px 0;float:inherit;width:100px;margin:0; white-space: nowrap;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {line-height:20px}
.more_opt.is_view_btn li {text-align: center;border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:80px;margin:0; white-space: nowrap;}
.more_opt.is_list_btn i, .more_opt.is_view_btn i {font-size: 1rem;}

/* 검색 시작 공통 */
.bo_sch_box h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch_box legend {background:red}
.bo_sch_box form {padding:15px;display:block}
.bo_sch_box select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:8px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);  padding: 0 10px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch_box .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:8px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);  padding: 0 10px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch_box .sch_input {width:230px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch_box .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch_box .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

/* 그림자 스타일 설정 */
.board_line_0 {  border: none; }
.board_line_1 {  border: 1px solid #e1e1e1; }
.board_line_2 {  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.board_line_3 {  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } 
.board_line_4 {  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; } 

/* 기타 스타일 설정 */
.absolute_left { position: absolute; top: 20px; left: 20px; z-index: 2;}
.absolute_right { position: absolute; bottom: 10px; right: 10px; z-index: 2;}
.bg_fff { color: #fff; padding: 4px 10px; border-radius: 20px; background-color: #ffffff63; font-weight: 500;}




/* swiper 버튼 스타일 */
.wrap_swiper .swiper-autoheight .swiper-slide {  }
@media screen and (max-width: 768px) { .wrap_swiper .swiper-autoheight .swiper-slide {   }   }
.swiper_close { position: absolute; top: 5px; right: 10px; z-index: 100;  color: red;}
.wrap_swiper .swiper-slide {	text-align:center;	display:flex;	align-items:center; justify-content:center; }
.swiper-pagination-bullet { width: 8px; height: 8px; background: transparent; border: 1px solid #999; opacity: 1; }
.swiper-pagination-bullet-active { width: 25px! important; transition: width .5s; border-radius: 5px! important; background: #bbb! important; border: 1px solid transparent; } 

.swiper .swiper-button-next, .swiper .swiper-button-prev { color: #fff; background-image: none; background-color: rgba(255, 255, 255, 0.5); width: 50px; height: 70px; line-height: 80px; transition: 0.3s; text-align: center; padding: 0;}
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after { font-size: 32px; font-weight: 300;}
.swiper .swiper-button-next { right: 0px;}
.swiper .swiper-button-prev { left: 0px;}
.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover { color: #ccc;}
.swiper .swiper-button-next, .swiper .swiper-button-prev { opacity: 1; transition: opacity 0.3s ease;}
.swiper .swiper-container:hover .swiper-button-next, .swiper .swiper-container:hover .swiper-button-prev { display: block; opacity: 1; transition: opacity 0.3s ease;}