@charset "utf-8";

/* 상단검색영역 */
.BD_Top {position: relative; width: 100%; padding:1rem 1.5rem; background: #f8f8f8; border: 1px solid #e4e5e7; margin-bottom: 2rem; border-radius: 1rem;}
.BD_Top form{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.BD_Top .BD_total { min-width:180px; line-height:2rem; margin:5px 0; font-size:1.5rem; }
.BD_Top .BD_total span {position:relative;}
.BD_Top .BD_total span ~ span {margin-left:21px !important;}
.BD_Top .BD_total span ~ span:before {content:''; position:absolute; width:1px; height:14px; left:-1.3rem; top:calc(50% - 7px); background:#ccc;}
.BD_Top .BD_srch{ width:100%; margin:5px 0;}
.BD_Top .BD_srch > div { display:flex; align-items: center; line-height:2rem; gap:0.5rem; flex-wrap: wrap;}
.BD_Top .BD_srch > div > div[class*='BD_'] { display:flex; align-items: center; line-height:2rem; gap:0.5rem;}
.BD_Top .BD_srch input { max-width:17rem;}
.BD_Top .BD_srch2 input { max-width:20rem;}
.BD_Top .BD_srch select {width:auto;} 
.BD_Top .BD_srch button { height: 3.8rem; }
.BD_Top .BD_top_right{ display:flex; flex-wrap: wrap; justify-content:flex-end}
.BD_Top .datepicker-wrap.bottom {top:0; bottom: auto;}

/* 게시판 리스트 */
.bbs_List table th,
.bbs_List table td {border-left: none !important;}
.bbs_List table td em.mTit { display:none; position:relative; padding:0 .7rem 0 10px; min-width:7rem; font-weight:600; color:#000; font-size: 1.5rem; text-align: left;}
.bbs_List table td em.mTit:before {content:""; position:absolute; left:0; top:0.8rem; width:3px; height:3px; border-radius:50%; background:#666;}

/* krds 뱃지 커스텀 */
#subContent .krds-badge.bg5 {
  color: var(--main-btn-color1);
  background-color: var(--krds-white);
  border:1px solid var(--main-btn-color1);
}

/* 게시판 View :Start *****************************/
.bbs_ViewA{ border-bottom:1px solid #c5c9d6;}
.bbs_ViewA > h3 { padding:2rem 3rem; font-size:2rem; font-weight:700; color:#111; border-top:2px solid #000; background:url('/recruit/images/board/bbs_pttrn_dots.png') repeat-x bottom; }
.bbs_ViewA > h3 .comment { margin-right:5px; padding:3px 5px; vertical-align:middle; font-size:13px; font-weight:200; color:#fff; background:#53709a; }
.bbs_ViewA .bbsV_data { display:flex; flex-wrap:wrap; padding:1.5rem 3rem; border-bottom:1px solid #c5c9d6; background:#fafafa; }
.bbs_ViewA .bbsV_data li { position:relative; min-width:33%; margin:5px 0; padding:0 0.5rem 0 15px; font-size:1.5rem; line-height:1.4; }
.bbs_ViewA .bbsV_data li:before { content:""; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:#000; }
.bbs_ViewA .bbsV_data li strong { display:inline-block; vertical-align:top; margin-right:10px; color:#111; font-weight:600; }
.bbs_ViewA .bbsV_data li p,
.bbs_ViewA .bbsV_data li div{ display:inline-block;}

.bbs_ViewA .bbsV_cont { position:relative; margin:5rem 2rem; z-index:1; overflow-y:auto;}
.bbs_ViewA .bbsV_cont a {text-decoration:underline; color:#0174df;}
.bbs_ViewA .bbsV_cont img { max-width:100%; height:auto !important; } /* 뷰페이지 큰 이미지 출력시 가로 스크롤 방지 */
.bbs_ViewA .bbsV_cont iframe,
.bbs_ViewA .video iframe{ max-width:100% !important; }
.bbs_ViewA .pdfviewiframe { height:80rem; }

/* 첨부파일 */
.bbsV_atchmnfl { font-size:1.5rem; line-height:24px; background:#fafafa url('/recruit/images/board/bbs_pttrn_dots.png') repeat-x top;}
.bbsV_atchmnfl dl { position:relative; display:flex; padding:1.5rem; align-items: center; }
.bbsV_atchmnfl dl + dl{border-top:1px solid #cfcfcf; }
.bbsV_atchmnfl dt { position:relative; width:14rem; height:100%; font-weight:600; color:#000; padding-left:15px; padding-right:1rem; }
.bbsV_atchmnfl dt:before { content:""; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:#000; }
.bbsV_atchmnfl dd{ width:calc(100% - 14rem); } 
.bbsV_atchmnfl .bbsV_file {max-height:10rem; overflow-y:auto;}
.bbsV_atchmnfl .bbsV_file li{ line-height:2.5rem;}
.bbsV_atchmnfl .bbsV_file li .fileView:before{ content:"\e950"; position: relative; display:inline-block; font-family: 'xeicon'; margin-right:5px; opacity: 1; z-index: auto; width: auto; height: auto;}

/* 다음글 이전글 */
.bbsV_prne { line-height:5rem; }
.bbsV_prne li { position:relative; display:flex; padding:0 1.5rem; border-bottom:1px solid #cfcfcf; }
.bbsV_prne li span { height:100%; width:14rem; padding-right:1rem; font-weight:600; color:#111;}
.bbsV_prne li span:before { display:inline-block; margin-right:1rem; font-size:1.4rem; font-family:"xeicon"; }
.bbsV_prne li.next span:before { content:"\e944"; }
.bbsV_prne li.prev span:before { content:"\e941"; }
.bbsV_prne li a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bbsV_prne li a:hover, .bbsV_bbsV_prne li a:focus { color:#000; text-decoration:underline; }
/* 게시판 View :End *****************************/

/* 게시판 Write :START *****************************/
.bbs_Write label {margin-right: 0;}
.bbs_Write .btn-txt.ico-del {background-color: transparent !important;}
.bbs_Write > table tbody th {border-left:none;}

/* 게시판 공통 :필수입력, ※ 표시, 파일첨부 */
.essntl { margin:0 5px; color:#c81917; } /* 필수입력 */
/* 게시판 Write :End *****************************/

/* 포토갤러리 List */
.photo_list { padding:10px 0; border-top:2px solid #e27183; border-bottom:1px solid #c8d1db; overflow:hidden; }
.photo_list ul { margin:-1rem; padding:1rem 0; display: flex; flex-wrap: wrap;}
.photo_list ul li { flex:0 0 33.3%; padding: 1rem;}
.photo_list ul li.cont_none { text-align:center; font-size:1.9rem; width:100%; font-weight:600; }
.photo_list ul li a { display:block; text-align:center; border:1px solid #c8d1db; }
.photo_list ul li .img { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:25rem; background-color:#f5f5f5; overflow:hidden; }
.photo_list ul li .img img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; height:auto; transition:all 0.3s;}
.photo_list ul li dl { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:2rem; }
.photo_list ul li .lst_tit { display:block; width:100%; height:2.4rem; margin-bottom:1rem; color:#222; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list ul li .date { display:block; font-size:1.6rem; color:#666; }
/* .photo_list ul li .img > span { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:1; -webkit-transition:transform .3s; transition:transform .3s; } */
.photo_list ul li a:hover .img img,
.photo_list ul li a:focus .img img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); }

/* 포토갤러리 List2 (타이틀 + 내용) */
.photo_list2 { border-top:2px solid #e27183; }
.photo_list2 ul li { padding:1rem 0; border-bottom:1px solid #c8d1db; }
.photo_list2 ul li a { position:relative; display:flex; gap:0.75rem 2rem; }
.photo_list2 ul li .img { position:relative; width:25rem; height:15rem; display:flex; align-items:center; justify-content:center; background-color:#f5f5f5; overflow:hidden; }
.photo_list2 ul li .img img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; height:auto; transition:all 0.3s;}
.photo_list2 ul li dl { flex:1; }
.photo_list2 ul li dt { line-height:4rem; color:#222; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list2 ul li dd.txt { height:7rem; font-size:1.5rem; line-height:1.5; color:#666; overflow:hidden; }
.photo_list2 ul li dd.date { display: flex; justify-content: end; margin-top:1rem; line-height:2.5rem; color:#666; font-size: 1.5rem;}
.photo_list2 ul li dd.date span { position:relative; margin-left:10px; padding-left:10px; font-weight:400; }
.photo_list2 ul li dd.date span:after { position:absolute; top:50%; left:0; width:1px; height:10px; background:#ccc; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:''; }
.photo_list2 ul li .new_cont { display:inline-block; vertical-align:middle; color:#22499d; font-size:1rem; }
.photo_list2 ul li a:hover .img img,
.photo_list2 ul li a:focus .img img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); }

@media screen and (max-width:1024px) { 
    /* 포토갤러리 List */
    .photo_list ul li .img { height:20rem;}
}

@media screen and (max-width:950px) { 
    /* 상단검색영역 */
    .BD_Top .BD_srch .form-select,
    .BD_Top .BD_srch .BD_date {flex: 1;}
	.BD_Top .BD_srch .BD_keyword{ width:100%;}
    .BD_Top .BD_srch2 .BD_keyword{ width:auto;}
    .BD_Top .BD_srch input {max-width: 100%;}
	.BD_Top .BD_srch input.hasDatepicker { margin-top:0;}
}

@media screen and (max-width:850px) { 
    /* 상단검색영역 */
    .BD_Top .BD_date .form-group:nth-child(2) .datepicker-wrap.bottom {right:0; left: auto;}

	/* 게시판 리스트 */
	.bbs_List table { table-layout:auto; text-align:left; font-size: 1.6rem;}
	.bbs_List table colgroup { display:none; }
	.bbs_List table thead { display:none; }
	.bbs_List table tr { display:flex; flex-wrap:wrap; padding: 0.75rem 0; border-bottom: 1px solid #ddd; overflow: hidden;}
	.bbs_List table tr:after { content:""; display:block; clear:both; overflow:hidden; }
	.bbs_List table td:not(.mPre, .bbs_tit) {display: flex; width: 100%; vertical-align:middle; margin: 4px 0; padding:0 0.5rem; border:none;/* background:url('/resource/images/board/bbs_line.png') no-repeat right center; */}
	.bbs_List table td.modNone { display:none; }
	.bbs_List table td em.mTit{ display:inline-block; margin-left:1rem;}
	.bbs_List table td.mPre{ display:flex; justify-content:center; align-items:center; min-width:1.5rem; padding:0; margin-top:0; border: 0; margin-bottom: 0.3rem;}
	.bbs_List table td.bbs_tit {display: flex; flex-wrap:nowrap; margin-top: 0; width: 100%; border:0; padding:0 0.5rem; text-align: left;}
	.bbs_List table td.bbs_tit a { display:inline-block; color:#222;  white-space:normal;}
	.bbs_List table td.bbs_tit + td{ margin-top: 1.5rem;}
	.bbs_List table tr.no_date { padding:10px 0; }
	.bbs_List table tr.no_date td { display:block; float:none; text-align:center; }
    .bbs_List > table tbody tr:last-child th, .bbs_List > table tbody tr:last-child td {border-bottom: none !important;}

	/* 게시판 View */
	.bbs_ViewA .bbsV_cont { margin:30px 0; }

	/* 첨부파일 */
	.bbsV_atchmnfl dl { display:block; height:auto; padding:0; }
	.bbsV_atchmnfl dt { position:relative; left:auto; top:auto; width:auto; height:40px; padding:5px 10px 5px 20px; display:block; line-height:30px; text-align:left; border-bottom:1px dotted #cfcfcf; }
	.bbsV_atchmnfl dt:before { top:16px; left:10px; }
	.bbsV_atchmnfl dt span { display:block; }
	.bbsV_atchmnfl dd { padding:10px; width:100%; }

    /* 게시판 Write :START *****************************/
    .bbs_Write table colgroup { display:none; }
    .bbs_Write tr {display: flex; flex-direction: column;}
    .bbs_Write table td {border-left: none !important;}

    /* 포토갤러리 List */
    .photo_list ul li { flex:0 0 50%;}
}

@media screen and (max-width:640px) { 
    /* 상단검색영역 */
    .BD_Top .BD_srch2 .BD_keyword{ width:100%;}

     /* 포토갤러리 List */
     .photo_list ul li .img { height:18rem;}

     /* 포토갤러리 List2 (타이틀 + 내용) */
    .photo_list2 ul li a { flex-direction: column;}
    .photo_list2 ul li .img { width:100%; height:15rem;}
    .photo_list2 ul li .img img{width:auto; height:100%;}
}

@media screen and (max-width:580px) { 
    /* 상단검색영역 */
    .BD_Top .BD_srch .form-select { flex:auto; width:100%; max-width: 100% !important;}
    .BD_Top .BD_srch .BD_date { flex:auto; width:100%;}
    .BD_Top .BD_srch .BD_date .datepicker-wrap {width: 23rem !important;}

    /* 게시판 View */
	.bbs_ViewA h3 { padding:2rem; }
	.bbs_ViewA .bbsV_data{ padding:1rem 2rem;}
	.bbs_ViewA .bbsV_data li { min-width:50%; font-size:13px;}
	.bbsVPho_Cntrl a { width:30px; height:30px; margin-top:-15px; }
	.bbsVPho_Cntrl.prev a { left:15px; }
	.bbsVPho_Cntrl.next a { right:15px; }

    /* 이전글 다음글 */
	.bbsV_prne li span{ min-width:9rem;}

    /* 포토갤러리 List */
    .photo_list ul li .img { height:16rem;}
}

@media screen and (max-width:480px) { 
    /* 포토갤러리 List */
    .photo_list ul li .img { height:13rem;}
    .photo_list ul li dl { padding:1rem; }
    .photo_list ul li .lst_tit { font-size: 1.6rem; }
    .photo_list ul li .date { font-size:1.5rem; }

    /* 포토갤러리 List2 (타이틀 + 내용) */
    .photo_list2 ul li dt { line-height:3.5rem; font-size: 1.6rem; }
    .photo_list2 ul li dd.date { margin-top:0.75rem; }
}

@media screen and (max-width:380px) { 
    /* 포토갤러리 List */
    .photo_list ul li { flex:0 0 100%; padding: 1rem;}
    .photo_list ul li .img { height:21rem;}
}

@media screen and (max-width:350px) { 
    /* 상단검색영역 */
    .BD_Top .BD_srch .BD_keyword { flex-direction: column;}
    
    /* 첨부파일 */
    .bbsV_atchmnfl .bbsV_file li .btn {min-width: auto !important;}

    /* 포토갤러리 List */
    .photo_list ul li .img { height:18rem;}

    /* 포토갤러리 List2 (타이틀 + 내용) */
    .photo_list2 ul li dd.date { flex-direction: column; align-items: end;}
    .photo_list2 ul li dd.date span:after { display: none;}
}