@charset "euc-kr";


/* °Ô½ÃÆÇ »ó¼¼ */

.board_view .go_list > a {display: flex; justify-content: center; width: 100%; height: 100%; align-items: center; gap: 0.4em; font-size:var(--sub-font-size); font-weight: 500;}
.view_head {position: relative; display: flex; flex-direction: column; padding: clamp(20px, 5vw, 50px) clamp(0px, 7vw, 70px);}
.view_head .cate {text-align: center; font-size: var(--large-font-size); font-weight: 600; line-height: 1.3em;}
.view_head .tit {text-align: center; font-size:clamp(24px, 4vw, 42px); line-height: 1.4em; font-weight: 700;}
.view_head .go_list {position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.view_info {display: flex; flex-wrap: wrap; align-items: center; gap:0.5em clamp(20px, 5vw, 50px); padding-bottom:clamp(16px, 2.5vw, 28px); font-size:var(--small-font-size); line-height: 1.4em;}
.view_info > li {display: flex; align-items: center; gap:2em; white-space: nowrap;}
.view_info .label {flex-shrink: 0; opacity: 0.6; position: relative;}
.view_info .label::after {content: ""; width: 1px; height: 50%; background: #fff; opacity: 0.5; position: absolute; right:-1em; top: 50%; transform: translateY(-50%);}
.view_footer {display: flex; align-items: center; justify-content: center; height: clamp(50px, 10vw, 100px);}
.view_footer .go_list {width: 100%; height: 100%;}
.view_con {padding:0px 0px clamp(20px, 4vw, 40px) 0px;  border-bottom:1px solid #E8E8E8; }
.view_body {word-wrap: break-word; border-bottom: 1px solid #000;}



/* ÀÌÀü±Û ´ÙÀ½±Û */
.next_list {position: relative; display: flex; justify-content: space-between; align-items: center; padding:clamp(20px, 5vw, 55px) 0px}
.next_list::before {content: ""; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); border-top:1px solid rgba(0, 0, 0, 10%); border-bottom:1px solid rgba(0, 0, 0, 10%); z-index: -1;}
.next_list::after {content: ""; width:1px; height: 100%; position: absolute; left: 50%; top: 0px; background: rgba(0, 0, 0, 10%); z-index: -1;}
.next_list > dl {display: flex; flex-direction: column; gap:0.2em; flex:1; overflow: hidden; max-width: calc(50% - clamp(10px, 5vw, 50px));}
.next_list dl dt {opacity: 0.4; font-size: var(--small-font-size); line-height: 1.4em;}
.next_list dl dd {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; flex:1; font-size:clamp(13px, 2.5vw, 24px); line-height: 1.4em; font-weight: 700;}
.next_list dl.prev {text-align: right;}



 /* °Ô½Ã±Û °Ë»ö */
.list_count_wrap {margin-bottom:min(44px, 5vw);}
.list_count_wrap, .list_count_wrap form {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; width: 100%; gap:10px;}
.list_count_wrap .bbs_search {width:60%; max-width:573px; margin: 0 auto; font-size: var(--sub-font-size); border-radius:4px; border:1px solid #666;}
.list_count_wrap .list_count {order:1; display:flex; align-items: center; gap:5px; font-weight: 500; font-size: var(--small-font-size);}
.list_count_wrap .list_count strong {font-weight: 300;}
.bbs_search .select {border:none; vertical-align:middle; width:30%; max-width:150px;height:60px; border-radius:0px; font-size:clamp(13px, 1.5vw, 14px); padding-left: 2em;}
.bbs_search {display:flex;}
.bbs_search_in {position:relative;margin:0 auto; width:100%;}
.bbs_search_in fieldset {display:flex; flex-wrap:wrap; gap:5px}
.bbs_input {flex:1; display:flex;}
.bbs_input .input {width:100%; flex:1; border:none; background: none; font-size:clamp(13px, 1.5vw, 14px); font-weight: 400; padding-left: 1.5em;}
.bbs_input .input::placeholder {color: #B6B6B6;}

.bbs_input .bt {background:url(../img/common/search.svg) no-repeat center center; font-weight:600; min-width:50px; text-indent: -99999em; display: block;}


/* °Ô½ÃÆÇ ¸®½ºÆ® */
.notice_head {display: flex; align-items: center; background:#F6F8F9; height:3.8em;}

.notice_list {border-top:1px solid #fff; line-height:1.4em; max-width: 1147px; margin: 0 auto; font-size: var(--small-font-size);}
.notice_list > li {box-sizing:border-box; border-bottom:1px solid #333333}
.notice_list > li * {transition:all 0.3s 0s ease-in-out;}
.notice_list > li > a div {overflow:hidden; flex:1}
.notice_list > li > a .info {text-align: left;}
.notice_list > li > a {position:relative; display:flex; align-items:center; min-height:70px; padding:1.4em 30px 1.4em 0px;}
.notice_list > li > a:after {content:''; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg) translateY(-50%); position:absolute; right:20px; top:50%; margin-top:-3px; transition:all 0.3s 0s ease-in-out; display: block;}
.notice_list > li > a .num {min-width:6.1em; text-align:center; color: #999999;}
.notice_list > li > a .num .notice {display: inline-flex; font-size: 0.93em; width:3.4em; height: 3.4em; justify-content: center; align-items: center; color: #fff; text-align: center; background-color: #333333; border-radius:100%;}
.notice_list > li > a .num .state {display: inline-flex; font-weight:600; border-radius:30px; border:1px solid #000;  font-size: 0.9em; width:7em; height:2.57em; justify-content: center; align-items: center; color: #000; text-align: center; background-color: #eff1f6;}
.notice_list > li > a .group {display: flex; flex:1; flex-direction: column; gap:0.3em;}
.notice_list > li > a .date {overflow: hidden; display: flex; flex-wrap: wrap; color: #999999;}
.notice_list > li > a .date > li {position: relative;}
.notice_list > li > a .date > li + li {margin-left: 0.7em; padding-left: 0.7em;}
.notice_list > li > a .date > li + li:before {content: ""; width: 1px; height:0.8em; background: #ccc; opacity: 0.5; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.notice_list > li > a .date img {padding-bottom:1px;}
.notice_list > li > a .date > strong { font-weight:800; display:block; font-size:2.1em; line-height:110%;}
.notice_list > li > a .txt_t {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; width:100%; flex:1; font-size:var(--font-size); line-height:1.4em;}
.notice_list > li > a .txt_t .txt {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  max-width:100%; vertical-align: middle;}
.notice_list > li > a .txt_t img {margin-left:5px;}
.notice_list > li > a .txt_s {font-size:16px; line-height:130%; color:#666666; font-weight:500; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-top:5px;}
.notice_list > li > a .txt_tW .txt_s {padding-top: 0px; padding-bottom:5px;}
.notice_list > li > a .key {display:flex; align-items:center;}
.notice_list > li > a .key .txt {max-width:calc(100% - 25px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.notice_list > li > a .file {text-align:center; min-width:5em;}
.notice_list > li > a .click {text-align:right; min-width:6em; color: #727171;}
.notice_list > li > a .label {min-width:11em; text-align: center; margin-right: 1px;}
.notice_list .new {display: inline-flex; font-size:12px; line-height:1em; width:clamp(18px, 3vw, 21px); height:clamp(18px, 3vw, 21px); border-radius: 100%; background: var(--key-color); color: #fff !important; justify-content: center; align-items: center; font-weight:700; margin-left:0.5em; vertical-align: middle;}
.notice_list > li > a .txt_t .txt:has(+ .new) {max-width:calc(100% - 34px)}


@media (hover: hover) and (pointer: fine) {
	.notice_list > li > a:hover {background: #101010;}
	.notice_list > li > a:hover:after {right:15px}
}



/* ÆäÀÌ¡ */
.paging {overflow:hidden; text-align:center; margin:40px 0px 25px 0px; width:100%; font-weight:300; font-size:0px;}
.paging img {vertical-align:top;}
.paging a {color:#000; vertical-align:middle; display:inline-flex; width:clamp(30px, 5vw, 50px); aspect-ratio: 1/1; overflow:hidden; border-radius:100%; font-size:clamp(13px, 1.5vw, 17px); margin:0px 2px; font-weight:400; justify-content:center; align-items:center;}
.paging a.first, .paging a.last, .paging a.next, .paging a.prev {background:#fff; border:1px solid rgba(0, 0, 0, 20%); text-indent:-99999px; position:relative; font-size:0px;}
.paging a.first:after, .paging a.prev:after {content:''; width:clamp(4px, 1vw, 7px); aspect-ratio: 1/1; border-top:2px solid #787878; border-left:2px solid #787878; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:0.7;}
.paging a.last:after, .paging a.next:after {content:''; width:clamp(4px, 1vw, 7px); aspect-ratio: 1/1; border-top:2px solid #787878; border-right:2px solid #787878; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); opacity:0.7;}
.paging a.first:before {content:''; width:clamp(4px, 1vw, 7px); aspect-ratio: 1/1; border-top:2px solid #787878; border-left:2px solid #787878; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:0.7; margin-left:5px}
.paging a.last:before {content:''; width:clamp(4px, 1vw, 7px); aspect-ratio: 1/1; border-top:2px solid #787878; border-right:2px solid #787878; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); opacity:0.7; margin-left:-5px}
.paging a.next {margin-left:clamp(5px, 1vw, 10px);}
.paging a.prev {margin-right:clamp(5px, 1vw, 10px);}
.paging a.on {color:#fff; background:#333333; border:1px solid #333333;}




.paging + .bt_wrap {margin-top: -70px;}





 /*±Û¾²±â*/
 .board-write {width:100%; border-top:4px solid #21110d; font-size:var(--sub-font-size);}
 .board-write tr:first-child th { border-top:none;}
 .board-write tr:first-child td { border-top:none;}
 .board-write th {background:#f3f4f8; border-top:1px solid #cccccc; line-height:1.4em; text-align:left; padding:10px; padding-left:1em; font-weight:700}
 .board-write th span {padding-right:2px;}
 .board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
 .board-write.th_tc th span {margin-left:-15px;}
 .board-write td {border-top:1px solid #cccccc; padding:10px; word-break:break-all; line-height:1.4em; }
 .board-write .input, .board-write .select {width:100%; height:3em}
 .board-write .textarea {border-radius:4px;}
 .board-write .note {padding-top:0.5em; color:#666666; font-weight: 300;}
 
 
 .phone-write, .email-write, .date-write {display:flex; align-items:center;}
 .phone-write .input, .email-write .input, .date-write .input {flex:1}
 .email-write .input, .email-write .select {flex:1}
 .date-write .datepicker{width:8.75rem;}
 .date-write select{width:5rem; min-width:auto;}
 .sub-files input[type="text"]{width:auto;}
 

@media (hover: hover) and (pointer: fine) {
   
	
}


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

/* 1024px ÀÌÇÏ */
@media screen and (max-width:1024px) {
	.view_head {padding: clamp(20px, 5vw, 50px) 0;}
	.view_head .go_list {position: relative; left: auto; top: auto; transform: none; order:-1; margin:0 0px 1em 0px;}
	
}
/* 768px ÀÌÇÏ */
@media screen and (max-width:767px) {
    .bbs_search_in {width:100%}
    .list_count_wrap .bbs_search {width:100%; max-width:100%;}

	.file_area .list {flex-direction: column;}

	.answer_box {flex-direction: column; gap: 12px;}
	.answer_info {width: 100%; flex-direction: row; align-items: center; gap:0.5em;}
	.answer_info .date {margin: 0px;}

	.notice_list {font-size:15px;}
	.notice_list > li > a .date img {padding:0px;}
	.notice_list > li > a {flex-wrap:wrap; padding:15px 10px; min-height:70px;}
	.notice_list > li > a:after {display: none;}
	.notice_list > li > a .file img {max-height: 20px;}
	.notice_list > li > a .status > span {line-height:22px; min-height:24px; font-size:13px;}    
	.notice_list > li > .toggle .last {display:none;}
	.notice_list > li > .toggle .manpower_pool .bx1 {min-width:90px;}
	.notice_list > li > .toggle .manpower_pool .type {font-size:13px; height:20px;}
	.notice_list > li > .toggle .manpower_pool .bx1 {width:100%; display:flex; align-items:center;}
	.notice_list > li > .toggle .manpower_pool .type {margin:0px 5px 0px 0px;}
	.notice_list .answer_wrap {padding:20px 20px 20px 60px;}	
	.notice_list > li > a > * {min-width:inherit !important; padding-left:10px; border-left:1px solid #666; margin-left:10px; }
	.notice_list > li > a .num {min-width:2.9em !important; margin-left:0px; padding-left: 0px !important; border:none;}
	.notice_list > li > a .num img {max-height:clamp(25px, 4vw, 35px);}
	.notice_list > li > a .num .notice {width: 3em; height: 3em;}
	.notice_list > li > a .cate {width:auto; border:none !important; height:inherit; border-radius:0px; margin:0px; margin-left:10px; border-left:1px solid #ccc !important; }
	.notice_list > li > a .cate_s {text-align:left; margin-left:0px; border:none !important; padding-left:0px;}
	.notice_list > li > a .txt_t, .notice_list > li > a .txt_tW {width:100%; flex:initial; order:9; margin-top:0.5em; border:none; margin-left:0px; padding-left:0px;}
	.notice_list > li > a .txt_tW .txt_t {margin-top: 0px;}
	.notice_list > li > a.column {flex-direction: column; align-items: flex-start;}
	.notice_list > li > a.column > * {border-left:none; padding-left: 0px; margin-left: 0px;} 
	.notice_list > li > a .click {display: none;}
	.notice_list > li > a .label {margin-right: 0px; max-width:6em;}

	.paging + .bt_wrap {margin-top:20px;}
	
}


/* 480px ÀÌÇÏ */
@media screen and (max-width:479px) {

    .bbs_search .select, .bbs_input .input {height: 45px;}
    .bbs_input .bt {min-width: 5em;}

    .notice_list {font-size:13px;}
	.notice_list > li > a {min-height:60px;}
	.notice_list > li > a:after {width:8px; height:8px; border-radius:3px; border-top-width:3px; border-right-width:3px; right:20px; margin-top:-1px;}
	.notice_list > li > a .date img {height:24px;}
	.notice_list > li > a .file img {max-height: 18px;}
	.notice_list > li > a .cate > span {line-height:20px; min-height:22px; font-size:12px;}
	.notice_list > li > a .date {min-width:90px;}
	.notice_list > li > a .status > span {line-height:22px; min-height:24px; font-size:12px;}
	.notice_list > li > a .txt_group img {height:18px;}
	.notice_list > li > a .txt_s {font-size:13px; padding-top:0px;}
    .notice_list > li > a .num {min-width:50px;}
	.notice_list > li > .toggle .manpower_pool .type {font-size:12px; width:44px;}
	.notice_list > li > .toggle .manpower_pool > div:not(:first-child) {padding-left:10px; margin-left:10px;}
	.board_content {padding:20px 0px;}

    table th {word-break:break-all;}
	table td, table th {word-break:normal; overflow-wrap:break-word;}


}