.msg_sound_only, .sound_only {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}


/* select box setting */
div.dv-select {display:inline-block; zoom:1;position:relative;width:120px; max-width: 100%; height:50px;padding:0;border: 1px solid #d8d8d8;background:#fff;box-sizing:border-box;overflow:hidden;}
div.dv-select > label {display:inline-block; opacity:0; zoom:1;position:absolute;top:0;right:0;width:100%;line-height:50px;margin:0;padding:0 35px 0 10px;font-size:12px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer;}
div.dv-select > span.spn-sel-arrow {display:block;position:absolute;top:-1px;right:-1px;width:50px;height:50px;margin:0;padding:0;background:url(../../images/board/sel_arw.jpg) no-repeat center right 10px;box-sizing:border-box;cursor:pointer;}
div.dv-select > select {position:relative;width:100%;height:50px;padding:0 25px 0 10px;border:none;background:none;outline:none; -webkit-appearance:none;filter:alpha(opacity=0);z-index:1; color:#666; font-weight:300; font-size:16px; }


/* round-btn */
.round-btn{ width: max-content; height: 70px; display: flex; justify-content: center; align-items: center; background: none; border: none; border-radius: 70px;  font-size: 18px; font-weight: 600; color: #333 !important; padding: 0 70px; position: relative; overflow: hidden; transition: color 0.5s; --left: -40px; --right: calc(var(--left) * -2); }
.round-btn::before, .round-btn::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.round-btn::before{ width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #D9D9D9; border-radius: inherit; box-sizing: border-box; }
.round-btn::after{ width: 4px; padding-bottom: 4px; background: var(--mainColor); border-radius: 50%; opacity: 0; transition: all 0.5s; }
.round-btn span{ display: inline-block; position: relative; z-index: 10; transform: translateX(0); transition: transform 0.5s; }
.round-btn span::after{ content: url("../../images/board/round_btn.svg"); position: absolute; top: 50%; right: 0; z-index: -1; transform: translateY(-50%); opacity: 0; transition: transform 0.5s, opacity 0.5s; }

.round-btn.white{ color: #fff !important; }



@media screen and (hover: hover){
	.round-btn:hover{ color: #fff !important; }
	.round-btn:hover::after{ width: 100%; padding-bottom: 100%; opacity: 1; }
	.round-btn:hover span{ transform: translateX(var(--left)); }
	.round-btn:hover span::after{ transform: translate(calc(var(--right)), -50%); opacity: 1; }
}

@media screen and (max-width:1700px) {
    /* round-btn */
	.round-btn{ height: 65px; padding: 0 50px; }
}

@media screen and (max-width: 1280px) {
    .round-btn {
        height: 60px;
        font-size: 17px;
        padding: 0 40px;
    }
}

.board_cont select {width: 100%;padding: 0 10px;border: 1px solid #ddd;background: #fff url(../../images/board/sel_arw.jpg) no-repeat center right 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;-webkit-border-radius:0;}

.board_cont  select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }

/* 갤러리 공통 */
#bo_list_total {margin:10px;text-align:center;padding:10px;text-align:center;background:#e3e7ec;color:#8b8b8b;border-radius:3px; display:none;}

#bo_sch {max-width: 400px; background:#fff;border:1px solid #d0d3db;position:relative;/* margin:10px */ margin: 20px 20px 50px;}
#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:44px;border-right:1px solid #f8f8f8;float:left;width:30%}
#bo_sch .sch_input {height:44px;border:0;padding:0;background-color:transparent;float:left;width:70%;padding:0 40px 0 10px}
#bo_sch .sch_btn {height:44px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}


/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center; margin-top: 40px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center; display: flex; align-items: center; justify-content: center;gap: 5px;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../images/board/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../images/board/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../images/board/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../images/board/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:var(--mainColor);border:1px solid var(--mainColor);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}



/* List */
.board-list-container .board-list-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 25px; }
.board-list-container .total { display: block; font-size: 18px; font-weight: 500; }
.board-list-container .total .color{color: var(--mainColor); font-weight: bold; }
.board-list-container .total .fraction { letter-spacing: 0.125em; }
.board-list-container .search { display: flex; position: relative; background: #f7f7f7; }
.board-list-container .search select { width: 150px; font-size: 16px; }
.board-list-container .search input { margin: 0 -1px; padding: 16px 64px 16px 20px; height: auto; font-size: 16px; background: transparent; border: none; }
.board-list-container .search button { position: absolute; top: 0; right: 0; width: 55px; height: 100%; font-size: 16px; background: url('../../images/board/icon-search.svg') no-repeat center / auto 40%; }

.board-list-container .board-list-head .col form{display: flex; align-items: center; gap: 10px;}

@media screen and (max-width: 1024px) {
    .board-list-container .board-list-head { flex-direction: column; align-items: flex-start; }
    .board-list-container .board-list-head .col { width: 100%; }
    .board-list-container .total { font-size: 14px; }
    .board-list-container .total::before { margin-right: 5px; width: 17px; height: 17px; }

    .board-list-container form {margin-top: 15px;}
    .board-list-container .search { /* margin-top: 15px; */ width: 100%; }
    .board-list-container .search select { font-size: 14px; }
    .board-list-container .search button { height: 45px; font-size: 14px; }
    .board-list-container .search input { flex: 1 1; font-size: 14px; }

    div.dv-select{height: 48px;}
    div.dv-select > select{height: 48px;}
    div.dv-select > label{line-height: 48px;}
}
@media screen and (max-width: 768px) {
    .board-list-container .search { flex-wrap: wrap; }
    .board-list-container .search select { margin-bottom: -1px; width: 100%; }
    .board-list-container .search input { margin-left: 0; margin-right: 0; width: 70%; }
}

@media screen and (max-width: 480px) {
    .board-list-container form {flex-direction: column;}
    div.dv-select{width: 100%;}
}

/* Default - List */
.default-board-list { display: table; width: 100%; text-align: center; border-top: 2px solid #111111; }
.default-board-list .thead,
.default-board-list .tbody,
.default-board-list .tfoot { display: table-row-group; }
.default-board-list .tr { display: table-row; }
.default-board-list .th,
.default-board-list .td { display: table-cell; vertical-align: middle; padding: 20px 10px; max-width: 0; font-size: 16px; color: #111; border-bottom: 1px solid #e0e0e0; }
.default-board-list .th { padding: 24px 10px; font-size: 18px; font-weight: 500; }

.default-board-list .tr.notice{background-color: #f8f8f8;}
.default-board-list .tr.notice .td span{display: inline-block; padding: 3px 10px; border-radius: 4px; background-color: var(--mainColor); font-size: 13px; color: #fff;}

.default-board-list .text-left { text-align: left; }
.default-board-list .link { display: inline-flex; position: relative; max-width: 100%; }
.default-board-list .link .title { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: inherit; color: #111; font-weight: 500; }
.default-board-list .link .icon { flex: 1 0 auto; display: inline-block; margin-top: 4px; margin-left: 10px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.default-board-list .link .icon-file { background-image: url('../../images/board/icon-file.svg'); }
.default-board-list .link .icon-new { background-image: url('../../images/board/icon-new.svg'); margin-top: 0; width: 24px; height: 24px; }
.default-board-list .badge { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 88 75.9' enable-background='new 0 0 88 75.9' xml:space='preserve'%3E%3Cg id='Layer_1' display='none'%3E%3Cg display='inline'%3E%3Cpath d='M45.6,80.3c-0.5,0-0.9-0.2-1.3-0.4L19.6,60.1H-5c-1.1,0-2-0.9-2-2V17.7c0-1.1,0.9-2,2-2h24.6L44.3-4.1c0.6-0.5,1.4-0.6,2.1-0.2c0.7,0.3,1.1,1,1.1,1.8v80.9c0,0.8-0.4,1.5-1.1,1.8C46.2,80.3,45.9,80.3,45.6,80.3z M-2.9,56.1h23.2c0.5,0,0.9,0.2,1.3,0.4l22,17.6V1.7l-22,17.6c-0.4,0.3-0.8,0.4-1.3,0.4H-2.9V56.1z'/%3E%3C/g%3E%3Cg display='inline'%3E%3Cpath d='M70.8,71.5c-0.6,0-1.2-0.3-1.6-0.8c-0.7-0.9-0.6-2.1,0.3-2.8c9.2-7.3,14.4-18.2,14.4-30s-5.2-22.7-14.4-30c-0.9-0.7-1-2-0.3-2.8c0.7-0.9,2-1,2.8-0.3C82.2,12.9,88,24.9,88,37.9s-5.8,25-15.9,33.1C71.7,71.3,71.3,71.5,70.8,71.5z'/%3E%3C/g%3E%3Cg display='inline'%3E%3Cpath d='M65.8,55.1c-1.1,0-2-0.9-2-2V22.7c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2v30.3C67.8,54.2,66.9,55.1,65.8,55.1z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cpolygon fill='none' stroke='%23EA002C' stroke-width='4.6938' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='20.3,20 2.3,20 2.3,55.9 20.3,55.9 45.3,73.5 45.3,2.3 '/%3E%3Cline fill='none' stroke='%23EA002C' stroke-width='4.6938' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='65.8' y1='23.9' x2='65.8' y2='51.7'/%3E%3Cpath fill='none' stroke='%23EA002C' stroke-width='4.6938' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M70.6,10c0,0,15,10.5,15,27.8v0c0,17.2-15,27.8-15,27.8'/%3E%3C/g%3E%3C/svg%3E"); }
/* .default-board-list .date { font-weight: 200; color: #949499; } */
@media screen and (pointer: fine) {
    .default-board-list .tbody .tr:hover { background: rgb(235 108 0 / 4%); }
    .default-board-list .link:hover,
    .default-board-list .link:focus { text-decoration: underline; text-underline-offset: 0.25em; }
}
@media screen and (max-width: 1024px) {
	.board-category-list { margin-top: 20px; }
	.board-category-list a { font-size: 16px; }

	.default-board-list { text-align: left; }
	.default-board-list .badge { width: 18px; height: 18px; }
	.default-board-list .thead { display: none; }
    .default-board-list,
    .default-board-list .tbody,
    .default-board-list .tfoot,
    .default-board-list .tr,
    .default-board-list .th,
    .default-board-list .td { display: block; }
    .default-board-list .tr { padding: 24px 0; border-bottom: 1px solid #dddddd; }
    .default-board-list .th,
    .default-board-list .td { text-align-last: left; border-bottom: none; }
    .default-board-list .td { padding: 0; max-width: none; width: 100%;}
	.default-board-list .td:first-child { display: inline-block; width: auto; }
	/* .default-board-list .td:nth-child(2) { display: inline-block; width: auto; } */
	.default-board-list .td.categoryTd { display: inline-block; width: auto; }
    .default-board-list .badge { font-size: 14px; margin-bottom: 0; }
    .default-board-list .link .title { font-size: 18px; padding-right: 0; }
    .default-board-list .link .icon { margin-top: 7px; width: 18px; height: 18px; }
    .default-board-list .date { font-size: 14px; }
    .default-board-list .name { font-size: 14px; }
	.default-board-list .category { display: inline-block; margin-bottom: 5px; margin-left: 5px; padding: 4px 10px; line-height: 1; font-size: 13px; border: 1px solid #e5e5e5; }
}
@media screen and (max-width: 768px) {
	.board-category-list { margin-top: 15px; }
	.board-category-list li:not(:last-child)::before { width: 3px; height: 3px; }
	.board-category-list a { font-size: 14px; padding: 0 10px; }
    .default-board-list .tr { padding: 16px 0; }
    .default-board-list .badge { font-size: 13px; }
    .default-board-list .link .title { font-size: 16px; }
    .default-board-list .link .icon { margin-top: 5px; margin-left: 5px; width: 16px; height: 16px; }
    .default-board-list .date { font-size: 13px; }
    .default-board-list .name { font-size: 13px; }
}




/* 리스트 :: 갤러리 */

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_allchk {}

#bo_gall #gall_ul {list-style:none; display:flex;flex-wrap:wrap;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}


#bo_gall .gall_li {width:25%; padding:0 20px; margin-bottom:40px;}
#bo_gall .gall_li_wr {position:relative;}
#bo_gall .gall_li_chk {display:inline-block;position:absolute;top:10px;left:10px}
#bo_gall .gall_li:nth-child(2n+1) {clear:both}
#bo_gall .gall_li .gall_img{display: block; aspect-ratio: 4/3; overflow: hidden;}
#bo_gall .gall_li .gall_img img {width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
#bo_gall .gall_li .gall_img:hover img{transform: scale(1.1);}
/* #bo_gall .gall_li .gall_img img, #bo_gall .gall_li .gall_img video{width:100%;height:auto} */
#bo_gall .gall_li .gall_img .no_img,
#bo_gall .gall_li .gall_notice {display:block;background:#eaeaea;color:#d0d0d0;font-size:3em;text-align:center;padding:25% 0}

#bo_gall .gall_now .gall_text_href a {color:var(--mainColor)}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}

#bo_gall .gall_text_href {padding:10px 0;display:block}
#bo_gall .gall_li_tit {display:block;margin:5px 0;font-weight:bold}
#bo_gall .bo_cate_link {display:inline-block;background:#e2eaf6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#3ca1ff !important;text-decoration:none;/*font-size:0.92em*/} /* 글제목줄 분류스타일 */
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin:0 4px;font-weight:bold;vertical-align:middle}


#bo_gall .gall_info {padding:5px 0 0;color:#646464;font-size:0.92em}
#bo_gall .gall_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_gall .gall_info strong {display:inline-block;margin-right:3px}
#bo_gall .gall_info i {display:inline-block;margin-left:5px}


@media screen and (max-width:1280px) {
	#bo_gall .gall_li {padding:0 10px; margin-bottom:30px; width: 33.33%;}
	#bo_gall .gall_li_tit {line-height:1.5em; height:calc(1.5em * 1 * 2); overflow:hidden; text-overflow:ellipsis;}
}

@media screen and (max-width:960px) {
	#bo_gall .gall_li {width:50%; margin-bottom:20px;}
}

/* 변수 */

/* 상세 페이지 */
:root{
	--titCommonMargin: 20px;
	--pagesBg: #F8F8F8;
	--dtWidth: 95px;
	--dtColor: #333;
	--ddWidth: calc(100% - var(--dtWidth));
	--ddColor: #666;
	--lightLineC: #EEE;
	--dtPage: 145px;
	--ddPage: calc(100% - var(--dtPage));
}


.view_ctn .tit{border-bottom: 1px solid var(--lightLineC);}
.view_ctn .tit .tag{background: var(--mainColor); margin: 0 auto var(--titCommonMargin);}
.view_ctn .tit ul{margin-top: var(--titCommonMargin);}
.view_ctn .file_box{border-bottom: 1px solid var(--lightLineC);}
.view_ctn .file_box dl dt{width:var(--dtWidth); color: var(--dtColor);}
.view_ctn .file_box dl dd{width: var(--ddWidth); }
.view_ctn .file_box dl dd a{color: var(--ddColor);}
.view_ctn .pages dl{ border-top: 1px solid var(--lightLineC); border-bottom: 1px solid var(--lightLineC);}
.view_ctn .pages dl dt{width: var(--dtPage); color: var(--dtColor);}
.view_ctn .pages dl dd{width: var(--ddPage);}
.view_ctn .pages dl dd a{color: var(--ddColor);}

/* 게시판 :: 뷰페이지 */
.view_ctn{border-top: 1px solid #000;}
.view_ctn .tit{padding: 60px 100px;}
.view_ctn .tit .tag{display: inline-block; padding: 0 23px; line-height: 35px; border-radius:20px; font-weight: 500; font-size: 15px; color: #fff; min-width: 85px}
.view_ctn .tit h2{font-weight: 600; font-size: 32px; color: #222;}
.view_ctn .tit ul{display:flex;}
.view_ctn .tit ul li{ font-size: 18px; font-weight: 400; color: #888; padding-right: 120px; position: relative; }
.view_ctn .tit ul li::after{ content: ""; width: 1px; height: 12px; background: #DDD; position: absolute; top: 50%; right: 60px; transform: translate(50%, -50%); }
.view_ctn .tit ul li:last-of-type{ padding-right: 0;}
.view_ctn .tit ul li:last-of-type::after{ display: none; }
.view_ctn .tit ul li span{ display: inline-block; font-weight: 600; color: #222; padding-right: 30px;}
.view_ctn .file{/* position: absolute; right: 0; top: 10px; */ font-size: 16px; text-align: right; padding: 20px 0 40px; }
.view_ctn .info{padding:0 100px 100px; font-size: 18px; position: relative;}
.view_ctn .info .img {margin-bottom: 30px;}
.view_ctn .file_box{padding: 30px 100px;}
.view_ctn .file_box dl{display:flex;}
.view_ctn .file_box dl dt{position: relative; font-weight: 600; font-size: 18px; padding: 10px 0; }
.view_ctn .file_box dl dd a{position: relative; display: inline-block; vertical-align: top; width: 100%; transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 0; font-size: 18px; font-weight: 400; color: #888; line-height: 1.3; text-decoration: underline; text-underline-position: under; }
.view_ctn .file_box dl dd a span{position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.view_ctn .file_box dl dd a i{margin-right: 8px;}
.view_ctn .file_box + .pages{margin-top: 60px;}
.view_ctn .pages{  }
.view_ctn .pages dl{display: flex; align-items: center; padding: 0 100px;}
.view_ctn .pages dl:not(:last-of-type){ border-bottom: none !important; }
.view_ctn .pages dl dt{position: relative; padding: 30px 0; font-weight: 500; font-size: 18px;}
.view_ctn .pages dl dt::after{ content: ""; width: 1px; height: 12px; background: #DDD; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); }
.view_ctn .pages dl dt i{margin-right: 15px;}
.view_ctn .pages dl dd a{display: inline-block; vertical-align: top; width: 100%; padding: 30px; padding-right: 0 !important; font-size: 18px; font-weight: 400; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_ctn .list_btn{ margin-top: 100px; }
.view_ctn .list_btn a{ margin: 0 auto; }



/* 호버 */
@media screen and (hover: hover){
	.view_ctn .file_box dl dd a:hover{color: var(--mainColor);}
}

@media screen and (max-width: 1700px){
	:root{
		--dtPage: 120px;
	}

	.view_ctn .tit{ padding: 60px; }
	.view_ctn .tit h2{ font-size: 30px; }
	.view_ctn .tit ul li{ padding-right: 80px; }
	.view_ctn .tit ul li::after{ right: 40px; }

	.view_ctn .info{padding:0 60px 60px; }

	.view_ctn .file_box{ padding: 30px 60px; }
	.view_ctn .pages dl{ padding: 0 60px; }

	.view_ctn .list_btn{ margin-top: 60px; }
}

@media screen and (max-width: 1280px){
	:root{
		--dtWidth: 80px;
		--dtPage: 80px;
	}

	.view_ctn .tit{ padding: 30px; }
	.view_ctn .tit h2{ font-size: 25px; }
	.view_ctn .tit ul li{ font-size: 17px; padding-right: 40px; }
	.view_ctn .tit ul li::after{ right: 20px; }
	.view_ctn .tit ul li span{ padding-right: 15px; }

	.view_ctn .info{padding:0 30px 40px; font-size: 17px;}

	.view_ctn .file_box{ padding: 30px; }
	.view_ctn .file_box dl dt{ font-size: 17px; }
	.view_ctn .file_box dl dd a{ font-size: 17px; }

	.view_ctn .pages dl{ padding: 0 30px; }
	.view_ctn .pages dl dt{ font-size: 17px; padding: 20px 0; }
	.view_ctn .pages dl dd a{ font-size: 17px; padding: 20px; }

	.view_ctn .list_btn{ margin-top: 40px; }
	.view_ctn .list_btn .round-btn{ --left: -20px; }
}

@media screen and (max-width: 900px){
	:root{
		--dtPage: 70px;
	}
	.view_ctn .tit{ padding: 20px; }
    .view_ctn .tit h2 {font-size: 20px;}
	.view_ctn .tit ul li{ font-size: 16px; }

    .view_ctn .file {padding: 20px 40px 40px 20px;}
	.view_ctn .info{padding: 0 20px 40px; font-size: 16px;}

	.view_ctn .file_box{ padding: 15px 20px; }
	.view_ctn .file_box dl dt{ font-size: 16px; padding: 7px 0; }
	.view_ctn .file_box dl dd a{ font-size: 16px; padding: 7px; }

	.view_ctn .pages dl{ padding: 0 20px; }
	.view_ctn .pages dl dt{ font-size: 16px; }
	.view_ctn .pages dl dd a{ font-size: 16px; }
}

@media screen and (max-width:480px) {
    .view_ctn .tit ul{
        flex-direction: column;
        gap: 10px 0;
    }

    .view_ctn .tit ul li{padding-right: 0;}
    .view_ctn .tit ul li::after{
        content: none;
    }
}



/* ========================================================
* with 강북시니어
======================================================== */



/* 게시판 */

.point_color01 {
    color: var(--mainColor) !important;
}

.board_option_wrap {display:flex; justify-content:space-between; align-items:center; margin-bottom:35px;}
.board_option_wrap .total {font-size:16px; font-weight:500;}

.board_search_box {max-width:520px; width:100%;}
.board_search_box form {display:flex;}
.board_search_box .dv-select {width:150px; margin-right:20px; flex-shrink:0;}
.board_search_box .dv-select.width_m {width:180px;}
.board_search_box span.input {display:inline-block; position:relative; width:75%; padding-right:50px; background-color:#f7f7f7;}
.board_search_box span.input input[type=text] {width:100%;border:none; font-size: 16px; height:50px; font-weight:500; padding:0 15px;background: #f7f7f7;letter-spacing: 0;}
.board_search_box span.input input[type=text]::-webkit-input-placeholder {color:rgba(34,34,34,0.5);}
.board_search_box span.input input[type=text]::-webkit-input-placeholder {color:rgba(34,34,34,0.5);}
.board_search_box span.input input[type=text]::-moz-placeholder {color:rgba(34,34,34,0.5);} /* firefox 19+ */
.board_search_box span.input input[type=text]:-ms-input-placeholder {color:rgba(34,34,34,0.5);} /* ie */
.board_search_box span.input input[type=text]:-moz-placeholder {color:rgba(34,34,34,0.5);}
.board_search_box span.search {display:inline-block;position:absolute;top:0;right: 0;padding: 0 15px;}
.board_search_box .btn_search {display:inline-block; width:24px; height:50px; line-height:50px; font-size:0; text-indent:99999px; background:url(../../images/board/icon-search.svg) no-repeat center/contain; text-align:center;border:none;-webkit-appearance: none;border-radius:0;cursor:pointer;}


/* ===== LIST STYLE ===== */

.webzine_list {border-top:2px solid #222;}
.webzine_list li {padding:40px; border-bottom:1px solid #ddd;}
.webzine_list li.no_post {text-align:center; padding:120px 40px;}
.webzine_list li.no_post p {color:#222; margin-top:10px;}
.webzine_list .item {display:flex; align-items:center; width:100%;}
.webzine_list .item .thum {width:360px; height:222px; flex-shrink:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.webzine_list .item .text_box {width:100%; margin:0 60px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.webzine_list .item .text_box h3 {position:relative; font-size:20px; font-weight:500; color:#222; display: inline-block; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.webzine_list .item .text_box h3::after { display:block; content:''; width:0; height:2px; background-color:var(--mainColor); position:absolute; bottom:0; left:0; transition:.4s ease; -webkit-transition:.4s ease; -moz-transition:.4s ease; -ms-transition:.4s ease; -o-transition:.4s ease; }
.webzine_list .item .text_box p {font-size:16px; margin-top:25px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;line-height: 1.625; height: 3.25em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webzine_list .item .text_box span {display:block; font-size:16px; color:#888; margin-top:40px;}
.webzine_list .item .text_box p span {margin-top: 0;}
.webzine_list .item .arrow { width:48px; flex-shrink:0; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.webzine_list .item .arrow .btnset { display:inline-flex; align-items:center; justify-content:center; width:43px; height:43px; background:url(../../images/board/ico_news_arrow.png) no-repeat center; border:1px solid #b5b5b5; border-radius:50%; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.webzine_list .item:hover .text_box h3 {color:var(--mainColor); font-weight:500;}
.webzine_list .item:hover .text_box h3::after {width:100%;}
.webzine_list .item:hover .arrow .btnset {border-color:var(--mainColor); background-image:url(../../images/board/ico_news_arrow_on.png);}


@media screen and (max-width:1240px) {
	.webzine_list li {padding:40px 0;}
    .webzine_list .item .text_box {max-width:calc(100% - 368px); margin:0 30px;}
    .webzine_list .item .thum {width:260px; height:152px;}
    .webzine_list .item .text_box p {margin-top:10px;}
    .webzine_list .item .text_box span {margin-top:30px;}
}

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

	.board_option_wrap {flex-direction: column-reverse; align-items:flex-start; margin-bottom:20px;}
    .board_option_wrap .total {margin-top:40px;}

	.board_search_box span.input input[type=text] {height:49px; font-size: 14px;}
    .board_search_box .btn_search {width:18px; height:50px; line-height:50px;}
    .board_search_box .dv-select {width:30%; margin-right:0;}
    .board_search_box span.input {width:70%;}

	.webzine_list li {padding: 25px 0;}
    .webzine_list .item {align-items: stretch;}
    .webzine_list .item .thum {width:220px; height:auto;}
    .webzine_list .item .text_box {max-width:calc(100% - 245px); margin:0 0 0 25px;}
    .webzine_list .item .text_box h3 {font-size:16px;}
    .webzine_list .item .text_box p {font-size: 14px;}
    .webzine_list .item .text_box span {font-size:14px;}
    .webzine_list .item .arrow {display:none;}

}

@media screen and (max-width:420px) {
	.webzine_list .item .thum {width: 120px;}
    .webzine_list .item .text_box {max-width: calc(100% - 140px); margin: 0 0 0 20px;}
    .webzine_list .item .text_box p {height:1.625em; -webkit-line-clamp: 1; margin-top: 5px;}
    .webzine_list .item .text_box span {margin-top: 10px;}
}