@charset "utf-8";

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
transition: background-color 1000s ease-in-out 0s;
-webkit-box-shadow: 0 0 0 30px inset transparent;
-webkit-text-fill-color: #FFF;
caret-color: #FFF;}

/* 커뮤니티 */
.search_align{display: flex; justify-content: flex-end;}
.board_search{position: relative; width:440px; height:70px; background: var(--color); border-radius: 15px;}
.board_search .input_wrap{display: flex;}
.board_search .search_input{width:calc(100% - 140px); height:70px; background:none; border:none; margin-left:40px; color: #FFF; font-size: 20px;}
.board_search .search_btn{display: block; width:100px; height:70px; background-image:url(../images/common/search_btn.webp); background-repeat: no-repeat; background-position: center; background-size:26px; border:none; cursor:pointer;}
.board_search .search_btn:before{display: block; content: ""; width: 1px; height: 30px; background-color: #FFF; opacity: 0.3; margin-top: 20px;}
.board_search .search_input:-ms-input-placeholder{color: #FFF; opacity: 0.5;}
.board_search .search_input::-webkit-input-placeholder{color: #FFF; opacity: 0.5;}

.notice_list li{position:relative; border-bottom:solid 1px #d9d9d9; padding:25px 0;}
.notice_list li .board_notice{margin-right:9px;}
.notice_list li .board_tt{display:inline-block; width:auto; max-width:calc(100% - 200px); font-size:22px; color:var(--black);}
.notice_list li .board_txt{width:calc(100% - 200px); color:#999; margin-top:20px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.notice_list li .board_date{position:absolute; color:#999; top:27px; right:0;}
.notice_list li .file_down{position:absolute; right:0; bottom:75px; width:17px; height:18px; background:url(../images/file_down.png) no-repeat; background-size:17px auto;}

.board_list{border-top: solid 2px #000; margin-top: 50px;}
.board_list li{position:relative; display: flex; width: 100%; border-bottom:solid 1px #d9d9d9; padding:40px 0;}
.board_list li.notice{border-bottom:solid 1px #000;}
.board_list li .txt_area{position: relative; width: calc(100% - 100px);}
.board_list li a{display: block; width: 100%;}
.board_list li .board_tt{display: flex; align-items: center;}
.board_list li .board_tt h2{position: relative; font-size:22px; color:var(--black); line-height: 1.35em; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.board_list li .board_tt .notice_icon{display: flex; align-items: center; justify-content: center; width: 60px; height: 30px; background-color: var(--color); font-size: 16px; font-weight: 700; color: #FFF; border-radius: 15px; margin-right: 20px;}
.board_list li a:hover .board_tt p::after{position: absolute; bottom: 2px; display: block; content: ""; width: 100%; height: 1px; background-color: var(--black);}
.board_list li .board_date{font-size: 18px; font-weight: 600; color: #a0a0a0; margin-top: 10px;}
.board_list li .board_txt{color: #666; margin-top: 20px; line-height: 1.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.board_list li a:hover .board_txt{text-decoration: underline;}
.board_list li .answer_none{text-align:center;}
.board_list li .thum_area{width:260px; min-width: 260px; margin:0 50px 0 0;}
.board_list li .thum_wrap{position:relative; width:100%; padding-bottom:73.077%;}
.board_list li .thum_img{position:absolute; display:flex; align-items:center; width:100%; height:100%; overflow:hidden; border-radius: 15px;}
.board_list li .thum_img img{width:100%; height:100%; object-fit:cover; object-position: top;}
.board_list li .file_down{position:absolute; top: 50%; transform: translateY(-50%); right:40px;}
.board_list li .file_down a{display: block; width:20px; height:23px; background-image:url(../images/common/board_down_btn.webp); background-repeat: no-repeat; background-size:100% auto;}

.gallery_list{display: flex; gap: 77px 0; flex-wrap: wrap; width:100%; margin-top: 75px;}
.gallery_list li{width:25%;}
.gallery_list li .thum_area{width:80%; max-width: 278px; margin:0 auto 0; border: solid 1px #e5e5e5;
        box-shadow:0 20px 30px rgba(0,0,0,0.1);
-webkit-box-shadow:0 20px 30px rgba(0,0,0,0.1);}
.gallery_list li .thum_wrap{position:relative; width:100%; padding-bottom:136.69%;}
.gallery_list li .thum_img{position:absolute; display:flex; align-items:center; width:100%; height:100%; overflow:hidden;}
.gallery_list li .thum_img img{width:100%; height:100%; object-fit:cover;}
.gallery_list li .gallery_tt{font-size:18px; color: var(--black); margin-top: 40px; text-align: center; /*display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;*/}
.gallery_list li .gallery_date{font-size: 18px; font-weight: 600; color: #a0a0a0; text-align: center; margin-top: 10px;}

.notice_list .answer_none,
.gallery_list .answer_none,
.board_list .answer_none{color:#999; text-align:center; width:100%; justify-content: center;}

.board_view .board_view_top{padding-bottom:30px; border-bottom:1px solid #212121; margin-bottom: 30px;}
.board_view .board_view_top h1{width:calc(100% - 100px); font-size:26px; color:var(--black); font-weight:500; line-height:1.4em;}
.board_view .board_view_top .view_date{float:right; color:#999; margin-top:-28px;}
.board_view .board_view_top .board_awards_cate{font-size:22px; margin-bottom:5px;}
.board_view .file_down{margin-top:20px; background-image:url(../images/common/board_down_btn.webp); background-repeat: no-repeat; background-size:17px auto; background-position: left center; padding-left:30px;}
.board_view .file_down a:hover{text-decoration:underline;}
.board_view .board_view_con{padding:100px 0; border-bottom:1px solid #e2e2e2; line-height: normal;}
.board_view .board_view_con p{line-height:1.6em;}
.board_view .board_view_con img{width:100%; max-width:fit-content;}
.board_view .board_page li{display:table; width:100%; padding:20px 0; border-bottom:1px solid #e2e2e2; box-sizing:border-box;}
.board_view .board_page li span{float:left; width:120px; color:var(--black); font-weight:600;}
.board_view .board_page li p{float:left; width:calc(100% - 120px); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.board_view .board_page li p a:hover{text-decoration: underline;}

.board_btn_align{display: flex; justify-content: flex-end; gap: 10px;}
.board_btn{display:block; margin-top:60px;}
.board_btn a{display:block; width:240px; height:60px; line-height:60px; background: var(--color); font-weight:500; color:#FFF; text-align:center; border-radius: 15px;}

.paging{display:table; margin:80px auto 0;}
.paging li{float:left; margin:0 1px; width:40px; height:40px;}
.paging li.prev{width:40px; height:40px; margin:0 5px 0 0; background-image:url(../images/common/page_btn_prev.webp); background-repeat: no-repeat; background-position: center; background-size: 7px; border:1px solid #ddd; box-sizing:border-box; border-radius: 10px;}
.paging li.next{width:40px; height:40px; margin:0 0 0 5px; background-image:url(../images/common/page_btn_next.webp); background-repeat: no-repeat; background-position: center; background-size: 7px; border:1px solid #ddd; box-sizing:border-box; border-radius: 10px;}
.paging li a{display:block; width:100%; height:100%; line-height:40px; text-align:center; color:#999999;}
.paging li.on a{color:#FFF; font-weight:800; background-color: var(--color); border-radius: 10px;}

/* 1279px 이하 해상도 */
@media screen and (max-width:1279px){
.board_search{position: relative; align-self: flex-end; height:60px;}
.board_search .search_input{height:60px; line-height:60px; font-size: 18px;}
.board_search .search_btn{height:60px;}

.notice_list li .board_notice img{width:28px; height:auto;}
.notice_list li .board_tt{max-width:calc(100% - 140px); font-size:21px;}
.notice_list li .board_txt{width:100%; margin-top:10px;}
.notice_list li .board_date{top:50px;}
.notice_list li .file_down{bottom:57px;}

.board_list{margin-top: 40px;}
.board_list li{padding:30px 0;}

.gallery_list{margin-top: 60px;}
.gallery_list li{width:33.333%;}

.board_view .board_view_top{padding-bottom:20px; margin-bottom: 20px;}
.board_view .board_view_top h3{font-size:24px;}
.board_view .board_view_top .view_date{margin-top:-28px;}
.board_view .board_view_top .view_date em{font-size:20px;}
.board_view .board_view_top .board_awards_cate{font-size:20px;}
.board_view .board_view_con{padding:80px 0;}
.board_view .board_page li span{width:100px;}
.board_view .board_page li p{width:calc(100% - 100px);}

.board_btn{margin-top:50px;}

.paging{margin:60px auto 0;}
}

/* 1024px 이하 해상도 */
@media screen and (max-width:1024px){
.board_search{width:100%; height:50px;}
.board_search .search_input{width:calc(100% - 100px); height:50px; line-height:50px; margin-left:30px; font-size: 16px;}
.board_search .search_btn{width:70px; height:50px; background-size: 20px;}
.board_search .search_btn:before{height: 20px; margin-top: 15px;}

.notice_list{margin-top:0;}
.notice_list li .board_notice{margin-right:5px;}
.notice_list li .board_notice img{width:24px;}
.notice_list li .board_tt{max-width:calc(100% - 60px); font-size:19px;}
.notice_list li .board_date{margin-top:10px;}
.notice_list li .board_txt{margin-top:10px;}
.notice_list li.notice_on .board_txt,
.notice_list li.notice_on .board_date{max-width:calc(100% - 40px); margin-left:32px;}
.notice_list li .file_down{top:40px;}

.board_list{margin-top: 30px;}
.board_list li{display: block; padding:30px 0;}
.board_list li .board_tt h2{font-size:20px;}
.board_list li .board_date{font-size: 17px;}
.board_list li .board_txt{font-size: 17px;}
.board_list li .thum_area{float:none; width:100%; margin:0 0 20px 0;}
.board_list li .txt_area{width: calc(100% - 50px);}
.board_list li .file_down{right:10px;}

.gallery_list{gap: 50px 0; margin-top: 50px;}
.gallery_list li{width:50%;}
.gallery_list li .gallery_tt{font-size:18px; margin-top: 30px;}
.gallery_list li .gallery_date{font-size:16px;}

.board_view .board_view_top h1{width:100%; font-size:19px;}
.board_view .board_view_top .view_date{float:none; margin-top:10px; font-size: 16px;}
.board_view .board_view_top .board_awards_cate{font-size:17px;}
.board_view .file_down{background-size:12px auto; padding-left:20px;}
.board_view .board_view_con{padding:60px 0;}
.board_view .board_page li span{width:60px;}
.board_view .board_page li p{width:calc(100% - 60px);}

.board_btn a{width:200px; height:50px; line-height:50px; font-size:16px;}

.paging{margin:40px auto 0;}
.paging li{width:35px; height:35px;}
.paging li.prev{width:35px; height:35px;}
.paging li.next{width:35px; height:35px;}
.paging li a{line-height:35px; font-size: 16px;}
}

/* 640px 이하 해상도 */
@media screen and (max-width:640px){
.board_list li{padding:25px 0;}
.board_list li .board_tt{display: block;}
.board_list li .board_tt h2{font-size:17px;}
.board_list li .board_tt .notice_icon{width: 50px; height: 25px; font-size: 15px; margin-bottom: 10px;} 
.board_list li .board_date{font-size: 16px; margin-top: 5px;}
.board_list li .board_txt{font-size: 16px;}
.board_list li .txt_area{width: calc(100% - 30px);}
.board_list li .file_down{right:0;}
.board_list li .file_down a{width:17px; height:20px;}

.gallery_list{margin-top: 40px;}
.gallery_list li .gallery_tt{width: 80%; font-size:17px; margin: 30px auto 0;}

.board_btn{width: 50%; margin-top:30px;}
.board_btn a{width:100%; height:45px; line-height:45px; font-size:15px;}
}