@charset "UTF-8";

/*list*/
div.board_totalsearch {display:flex; justify-content:space-between; background:#f4f0ee; border-radius:10px; padding:26px 60px; align-items: center; margin-bottom:40px;}
div.board_totalsearch div.board_total {font-size:20px; font-weight:500;}
div.board_totalsearch div.board_total span {color:var(--primary-color);}
div.board_totalsearch div.board_search {display:flex; gap:10px;}
div.board_totalsearch div.board_search select {width:120px;}
div.board_totalsearch div.board_search input {width:360px;}

ul.board_notice {}
ul.board_notice li {border:2px solid #eee; border-radius:10px; margin-bottom:20px;}
ul.board_notice li a {display:flex; background:url("../images/board_more.png") no-repeat right 60px center; padding:34px 170px 34px 0; align-items:center;}
ul.board_notice li:hover {border:2px solid var(--primary-color); box-shadow: -2.5px 5.4px 21px 0 rgba(0, 0, 0, 0.21);}
ul.board_notice li .num {font-size:18px; color:#aaaaaa; width:8%; text-align:center;}
ul.board_notice li .cont {position:relative; width:80%; min-height:30px; line-height:30px; font-size:18px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.board_notice li .date {font-size:18px; color:#aaaaaa; width:12%; text-align:right;}
ul.board_notice li.notice .cont {background:url("../images/icon_notice.png") no-repeat left 40px center; padding-left:100px; font-weight:700;}

div.board_page {margin-top:80px; text-align:center; font-size:0; line-height:0;}
div.board_page > a {display: inline-block; width:48px; line-height:48px;  text-align: center; box-sizing:border-box; border:1px solid #ddd;}
div.board_page > a.paging_left {width:48px; height:48px; background:url("../images/paging_left.png") no-repeat center center; border-radius:0; margin-right:24px;}
div.board_page > a.paging_right {width:48px; height:48px; background:url("../images/paging_right.png") no-repeat center center; border-radius:0; margin-left:24px;}
div.board_page > a.paging_left_all {width:48px; height:48px; background:url("../images/paging_leftall.png") no-repeat center center; border-radius:0;}
div.board_page > a.paging_right_all {width:48px; height:48px; background:url("../images/paging_rightall.png") no-repeat center center; border-radius:0;}
div.board_page > a.paging_left:hover {background:url("../images/paging_left.png") no-repeat center center;}
div.board_page > a.paging_right:hover {background:url("../images/paging_right.png") no-repeat center center;}
div.board_page > a.paging_left_all:hover {background:url("../images/paging_leftall.png") no-repeat center center;}
div.board_page > a.paging_right_all:hover {background:url("../images/paging_rightall.png") no-repeat center center;}
div.board_page a {font-size:16px; color:#757575; margin-left:-1px;}
div.board_page a:hover {color:#fff; background:var(--primary-color); border:1px solid var(--primary-color); font-weight:600; text-decoration:underline;}
div.board_page a.on {color:#fff; background:var(--primary-color); border:1px solid var(--primary-color); font-weight:600; text-decoration:underline;}

/*view*/
div.board_view {}
div.board_view div.view_tit {text-align:center; border-top:2px solid #333;}
div.board_view div.view_tit h4 {background:#f4f0ee; font-size:20px; font-weight:600; padding:24px 4%; border-bottom:1px solid #ddd;}
div.board_view div.view_tit ul {display:flex; gap:32px; border-bottom:1px solid #ddd; padding:24px 4%; justify-content:center;}
div.board_view div.view_tit ul li {position:relative; font-size:16px; color:#888;}
div.board_view div.view_tit ul li span {color:#333; font-weight:500; padding-right:8px;}
div.board_view div.view_tit ul li:after {position:absolute; right:-16px; top:2px; width:1px; height:16px; background:#ddd; content:"";}
div.board_view div.view_tit ul li:last-child:after {display:none;}
div.board_view ul.view_tit li {border-bottom:1px solid #ddd; display:flex; padding:20px 50px;}
div.board_view ul.view_tit li.titbg {background:#ebf6ee;}
div.board_view ul.view_tit li span {display:block; font-size:18px; font-weight:500; color:#000; min-width:80px; padding-right:20px;}
div.board_view ul.view_tit li span.pl100 {padding-left:100px;}
div.board_view ul.view_tit li p {font-size:18px; font-weight:400; color:#757575;}
div.board_view .view_cont {padding:80px 0 0 0; min-height:200px; font-size:17px; font-weight:400; line-height:30px; border-bottom:1px solid #ddd;}
div.board_view .view_cont .img {padding-bottom:40px;}
div.board_view .view_cont .img img {max-width:100%;}
div.board_view .view_cont .text {color:#757575; line-height:32px; padding-bottom:100px;}
div.board_view .view_cont .file {background:#f4f0ee; font-size:15px; padding:24px 40px;}
div.board_view .view_cont .file a {text-decoration:underline; padding-left:34px; background:url("../images/icon_download.png") no-repeat left center;}
div.board_view .view_cont .file span {color:#999; padding-left:8px;}

ul.board_prenext {border-top:1px solid #ddd; margin-top:100px;}
ul.board_prenext li {}
ul.board_prenext li a {display:flex; border-bottom:1px solid #ddd; padding:30px 50px; font-size:18px;}
ul.board_prenext li a:hover {background:#fafafa;}
ul.board_prenext li h4 {width:100px; padding-right:40px; padding-left:30px;}
ul.board_prenext li h4.btn_up {background:url("../images/btn_up.png") no-repeat left center;}
ul.board_prenext li h4.btn_down {background:url("../images/btn_down.png") no-repeat left center;}
ul.board_prenext li p {width:calc(100% - 260px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.board_prenext li span {display:block; text-align:right; color:#757575; width:120px;}

/*write*/
ul.board_write {border-top:2px solid #000; display:flex; flex-wrap:wrap;}
ul.board_write li {border-bottom:1px solid #ddd; display:flex; width:100%;}
ul.board_write li.w_50per {width:50%;}
ul.board_write li h4 {background:#f5f5f5; font-size:16px; font-weight:600; text-align:left; padding:0 32px; width:160px; box-sizing:border-box; display:flex; align-items:center;}
ul.board_write li p {padding:20px 32px; width:calc(100% - 160px); box-sizing:border-box;}
ul.board_write li p input[type="text"] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_agree {padding-top:80px;}
.board_agree h4 {font-size:26px; font-weight:700; padding-bottom:26px;}
.board_agree div.cont {border:1px solid #ddd; padding:50px; font-size:16px; line-height:28px; height:200px; overflow-y:scroll;}
.board_agree div.check {display:flex; justify-content: center; padding:24px; border:1px solid #ddd; border-top:none; background:#f5f5f5;}
.board_agree div.check p {font-size:18px;}
.board_agree div.check span {color:#757575; padding-left:8px;}

/*btn*/
a.btn {display:inline-block; padding:0 36px; height:50px; line-height:50px; text-align:center; background:#757575; color:#fff; font-size:16px; font-weight:500;}
a.btn:hover {background:#555;}
div.btn_list {padding-top:60px; text-align:center;}
div.btn_list a {display:inline-block; padding:0 36px; height:50px; line-height:50px; text-align:center; background:#757575; color:#fff; font-size:16px; font-weight:500; box-sizing:border-box; border-radius:8px;}
div.btn_list a.big {font-size:18px; min-width:220px; height:60px; line-height:60px;}
div.btn_list a.point {background:var(--primary-color);}












/*** 태블릿세로버전 ***/
@media screen and (max-width:1024px) {
	.m_scroll {width:100%; overflow:auto;}
	.m_scroll table {white-space:nowrap; min-width:500px;}

    /*list*/
    div.board_totalsearch {padding:6%; margin-bottom:24px; flex-direction: column; align-items: flex-start; gap:16px;}
    div.board_totalsearch div.board_total {font-size:18px;}
    div.board_totalsearch div.board_search {gap:4px; flex-wrap:wrap; width:100%;}
    div.board_totalsearch div.board_search select {width:100%; flex:0 0 100%;}
    div.board_totalsearch div.board_search input {width:100%;}
    
    ul.board_notice {}
    ul.board_notice li {margin-bottom:12px;}
    ul.board_notice li a {background-position:right 20px center; padding:24px 100px 24px 6%; flex-wrap:wrap;}
    ul.board_notice li:hover {border:2px solid var(--primary-color); box-shadow: -2.5px 5.4px 21px 0 rgba(0, 0, 0, 0.21);}
    ul.board_notice li .num {display:none;}
    ul.board_notice li .cont {width:100%; font-size:16px;}
    ul.board_notice li .date {font-size:16px; width:100%; text-align:left;}

    div.board_page {margin-top:32px;}
    div.board_page a {width:32px; height:32px; line-height:32px;}
    div.board_page > a.paging_left {width:32px; height:32px; background-size:32px 32px; margin-right:20px;}
    div.board_page > a.paging_right {width:32px; height:32px; background-size:32px 32px; margin-left:20px;}
    div.board_page > a.paging_left_all {width:32px; height:32px; background-size:32px 32px;}
    div.board_page > a.paging_right_all {width:32px; height:32px; background-size:32px 32px;}
    
    /*view*/
    div.board_view {}
    div.board_view div.view_tit h4 {font-size:16px; padding:18px 4%;}
    div.board_view div.view_tit ul {padding:16px 4%;}
    div.board_view div.view_tit ul li {font-size:14px;}
    div.board_view .view_cont {min-height:120px; padding:5%; font-size:16px; line-height:26px;}
    div.board_view .view_cont .text {padding-bottom:40px;}
    div.board_view .view_cont .img {padding-bottom:16px;}
    div.board_view .view_cont .file {font-size:14px; padding:6%; line-height:20px;}
    div.board_view .view_cont .file a {display:inline-block; width:100%; box-sizing:border-box; padding-left:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    div.board_view .view_cont .file span {padding-left:28px;}
    ul.board_prenext {margin-top:40px;}
    ul.board_prenext li a {font-size:16px; flex-direction: column; padding:16px 4%; row-gap:6px;}
    ul.board_prenext li h4 {padding-left:20px;}
    ul.board_prenext li p {width:100%;}
    ul.board_prenext li span {width:100%; text-align:left;}

    /*write*/
    ul.board_write li.w_50per {width:100%;}
    ul.board_write li h4 {font-size:15px; padding:0 24px; width:120px;}
    ul.board_write li p {padding:16px 24px; width:calc(100% - 120px);}
    .board_agree {padding-top:40px;}
    .board_agree h4 {font-size:20px; padding-bottom:16px;}
    .board_agree div.cont {padding:6%; font-size:14px; line-height:24px; height:160px;}
    .board_agree div.check {padding:16px;}
    .board_agree div.check p {font-size:14px;}

    /*btn*/
    div.btn_list {padding-top:32px;}
    div.btn_list a {padding:0 24px; height:40px; line-height:40px; font-size:16px;}
    div.btn_list a.big {font-size:16px; min-width:220px; height:48px; line-height:48px;}
    
}



/*** 모바일버전 ***/
@media screen and (max-width:767px) {

}