@charset "utf-8";

.pc-only{display:block !important;}
.mo-only{display:none !important;}

.contents {position:relative;margin:0 auto;line-height:1.6;  text-align:center; min-height:500px; padding-bottom: 1px;}

.bbs_wrap {margin: 0 auto;max-width: 1160px;padding: 0 30px;}

.board_wrap {position: relative;margin: 0 auto;width: 100%;padding: 100px 0;font-size: 14px;}

.paging {clear: both;text-align: center;padding: 0;margin: 40px 0;position: relative;font-size: 13px;line-height: 21px;vertical-align: middle;}
.paging span {color: #1428a0;display: inline-block;width: 30px;height: 30px;border: none;line-height: 30px;text-align: center;margin: 0 2px;font-weight: bold;border-radius: 20px;vertical-align: bottom;font-size: 15px;}
.paging a{font-size: 15px;display: inline-block;width: 30px;height: 30px;border: none;line-height: 30px;text-align: center;margin: 0 2px;color: #999;vertical-align: middle;}
.paging a:hover,
.paging a.on {color: #1428a0;font-weight: bold;text-decoration: underline;}
.paging a i{font-style:italic;}
.paging .direction,
.paging .direction:hover {text-indent: -9999px;width: 30px;height: 30px;border: #ddd 2px solid;border-radius: 50%;}
.paging .direction.prev {background: url("/img/sub/paging_prev.png") 50% 50% no-repeat;margin-right: 10px;}
.paging .direction.next {background: url("/img/sub/paging_next.png") 50% 50% no-repeat;margin-left: 10px;}
.paging .paging-pc {display: inline-block;}
.paging .paging-m {display: none;}

.lst_header {position: relative;line-height: 34px;overflow: hidden;width: 540px;margin: 0 auto;}
.lst_header .search {position: relative;width: 100%;display: flex;justify-content: center;}
.lst_header .search input {width: 370px;padding-left: 15px;height: 52px;border: 3px solid #cdd3d6;font-size: 16px;border-right: 0;}
.lst_header .search .btn_search {color: #fff;background: #9b9ea2;display: inline-block;text-align: center;height: 52px;line-height: 52px;width: 15%;font-size: 15px;}


/*신규페이지관련style*/
.cate_wrap{margin: 0 0 60px 0;}
.cate_wrap dl{margin:0 0 8px;display:flex;align-items:center;justify-content:center;}
.cate_wrap dl:last-child{margin-bottom:0;}
.cate_wrap dt{padding:0 20px;font-size:16px;font-weight:500;color:#464646;}
.cate_wrap dd{display:flex;align-items:center;gap:6px;}
.cate_wrap dd .cate_btn{display:flex;align-items:center;justify-content:center;text-align:center;width:130px;height:40px;border-radius:10px;border:1px solid #b5b5b7;background:#fff;font-size:17px;font-weight:500;}
.cate_wrap dd .cate_btn.all{width:88px;}
.cate_wrap dd .cate_btn.cate_btn_1.on{color:#fff;background:#22ae67;border-color:#22ae67;}
.cate_wrap dd .cate_btn.cate_btn_2.on{color:#fff;background:#ff7e00;border-color:#ff7e00;}

.lst_gall{position:relative;}
.lst_gall ul{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;}
.lst_gall li{}
.lst_gall li a{display:block;border-radius: 10px;border: 1px solid #b9bfc1;overflow: hidden;}
.lst_gall li .thumb{overflow:hidden;}
.lst_gall li .thumb img{display:block;width:100%;height:100%;}
.lst_gall li .info{padding:15px 0;text-align: left;}
.lst_gall li .info .type{margin: 0 10px 18px 0;line-height: 1;font-size:12px;font-weight:700;color:#22ae67;text-align:right;}
.lst_gall li .info .title{padding:0 18px;font-size:13px;font-weight:500;}
.lst_gall li .info .name{padding:0 18px;font-size:15px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow: hidden;}

.modal_wrap{position:fixed;inset:0;z-index:1111;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity: 0;visibility: hidden;transition: all 0.5s;}
.modal_wrap.is_active{opacity:1;visibility:visible;}
.modal_wrap .box{position:relative;z-index:1;width:1146px;max-width:100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.modal_wrap .box .close{position:absolute;top: 100px;right: 40px;z-index: 10;}
.modal_wrap .box .close button{display:flex;width: 53px;height: 57px;align-items:center;justify-content:center;background:url("../img/close.png") no-repeat center / contain;}
.modal_wrap .box .innr{position: relative;padding: 20px;max-height: 100dvh;overflow: hidden;overflow-y: auto;}
.modal_wrap .box .cont{position:relative;display: flex;flex-direction: column;align-items: center;will-change: transform, opacity;user-select: none;-webkit-user-select: none;opacity: 1;transform: translateX(0);}
.modal_wrap .box .cont.smooth-move {transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1),opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);}
.modal_wrap .box .cont .video{display:none;align-items:center;justify-content:center;width:680px;max-width:calc(100dvw - 100px);}
.modal_wrap .box .cont .video.on{display:flex;}
.modal_wrap .box .cont .video iframe{width:100%;height:100%;max-height: 60vh;object-fit: contain;}
.modal_wrap .box .cont .image{display:none;align-items:center;justify-content:center;width:680px;max-width:calc(100dvw - 100px);}
.modal_wrap .box .cont .image.on{display:flex;}
.modal_wrap .box .cont .image img{width:100%;height:auto;max-height: 60vh;object-fit: contain;}
.modal_wrap .box .cont .text{line-height:1.5;font-size:16px;color:#fff;width: 680px;max-width: calc(100dvw - 100px);}
.modal_wrap .box .cont .text.on{display:flex;}
.modal_wrap .box .arrow{}
.modal_wrap .box .arrow button{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:69px;}
.modal_wrap .box .arrow button img{width:100%;height:100%;object-fit:contain;}
.modal_wrap .box .arrow button.modal_prev{left:115px;}
.modal_wrap .box .arrow button.modal_next{right:115px;}
.modal_wrap .box .ctrl{margin-top:50px;display:flex;align-items:center;justify-content:center;gap:10px;}
.modal_wrap .box .ctrl p{font-size:18px;color:#fff;font-weight:500;}
.modal_wrap .box .info{margin-top:50px;}
.modal_wrap .box .info .type{margin:0 0 20px;line-height: 1;font-size:18px;font-weight:700;color:#22ae67;}
.modal_wrap .box .info .title{padding:0 18px;font-size:24px;font-weight:500;color:#fff;}
.modal_wrap .box .info .name{padding:0 18px;font-size:27px;font-weight:500;color:#fff;}

.modal_wrap .dim{position:absolute;z-index:0;inset:0;background:#000;opacity:0.82;}

@media only screen and (max-width: 767px) {

    .pc-only{display:none !important;}
    .mo-only{display:block !important;}

    .bbs_wrap {padding: 0 15px;}

    .lst_header {position: relative;line-height: 34px;overflow: hidden;width: 90%;margin: 0 auto;}
    .lst_header .search {position: relative;width: 100%;}
    .lst_header .search input {width: 60%;border: 1px solid #cdd3d6;font-size: 14px;height: 48px;}
    .lst_header .search .btn_search {display: inline-block;height: 48px;line-height: 48px;font-size: 14px;padding: 0 10px;}

    /*신규페이지관련style*/
    .cate_wrap{margin: 0 0 40px 0;}
    .cate_wrap dl{flex-wrap:wrap;justify-content:flex-start;}
    .cate_wrap dt{flex: 0 0 auto;padding:0;margin:0 0 8px;width: 100%;text-align: left;}
    .cate_wrap dd{flex-wrap:wrap;flex: 0 0 auto;width: 100%;}
    .cate_wrap dd .cate_btn{width: auto;font-size:14px;flex: auto;}
    .cate_wrap dd .cate_btn.all{width:60px;flex: 0 0 auto;}

    .lst_gall ul{grid-template-columns:repeat(2, 1fr);gap:15px;}
    .lst_gall li .info{padding: 15px 10px;}
    .lst_gall li .info .type{margin:0 0 10px;}
    .lst_gall li .info .title{padding:0;}
    .lst_gall li .info .name{padding:0;}

    .modal_wrap{}
    .modal_wrap .box .close{top:60px;right:15px;}
    .modal_wrap .box .close button{width:36px;height:36px;}
    .modal_wrap .box .arrow{display:none;}
    .modal_wrap .box .arrow button{width: 20px;height:auto;aspect-ratio: 38/69;}
    .modal_wrap .box .arrow button.modal_prev{left:15px;}
    .modal_wrap .box .arrow button.modal_next{right:15px;}
    .modal_wrap .box .ctrl{flex-direction:column;}
    .modal_wrap .box .ctrl img{width:24px;}
    .modal_wrap .box .ctrl p{font-size:14px;}
    .modal_wrap .box .info .type{margin:0 0 12px;font-size:13px;}
    .modal_wrap .box .info .title{padding:0 10px;font-size:16px;}
    .modal_wrap .box .info .name{padding:0 10px;font-size:20px;}


}