@charset "utf-8";
/* CSS Document */
/*2025.06.04 KYJ 추가 / 상단의 안내문구 관련사항 지정*/ 

/* 폰트에서 span사용시 색지정 */
/* span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_re{font-weight: 600; color:#ff472e} /*빨간색*/
span.col_or{font-weight: 600; color:#ff9f17} /*주황색,노란색*/
span.col_gr{font-weight: 600; color:#52a34a} /*초록색*/
span.col_bl{font-weight: 600; color:#3ca3d3} /*파란색*/
span.col_na{font-weight: 600; color:#335c7f} /*남색*/
span.col_pu{font-weight: 600; color:#9644f3} /*보라색*/
span.col_pk{font-weight: 600; color:#ff6f7d} /*분홍색*/
span.col_bk{font-weight: 700; color:#000} /*검정색(bold)*/
span.underline{font-weight: 600; text-decoration:underline; text-underline-offset:4px} /*밑줄*/

/*공통사항*/
.info_toptxt{position: relative; display: flex; min-height: 73px; padding: 8px; margin-bottom: 20px; background: #f5f5f5; border-radius: 13px; box-sizing: border-box}
.info_toptxt p.tit{width: 120px; background: #5cbdc5; border-radius: 10px; font-size:17px; font-weight: 600; letter-spacing: 0.5px; text-align: center; align-content: space-around} 
.info_toptxt p.tit > span{display: inline-block; padding-top: 28px; background-image:url(../../images/top/infotype_ico.png); background-position: top center; background-repeat: no-repeat; color:#fff; font-weight: 500; font-family:SJG}
.info_toptxt ul{width: 100%; padding:8px 13px; box-sizing: border-box; align-content: space-around}
.info_toptxt ul li{position: relative; padding-left: 15px; margin-bottom: 7px; line-height: 130%;  font-size: 15px; font-weight: 500; color:#000; letter-spacing: 0.5px}
.info_toptxt ul li:last-child{margin-bottom: 0}
.info_toptxt ul li::after{display: block; clear: both; content: ''; position: absolute; top:6px; left:0; width: 5px; height: 5px; background: #c7c7c7; border-radius: 50%}

/*채용공고 등록 하단유의 사항*/
.info_toptxt.infotype3{margin-top:20px}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/*공통사항*/
.info_toptxt p.tit{font-size: 13px}
.info_toptxt p.tit > span{background-position: top 5px center; background-size:22px}
.info_toptxt{min-height: auto} 
.info_toptxt ul li{font-size: 13px} 
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}


@media only screen and (max-width:600px) {
/*공통사항*/
.info_toptxt{display: block; margin-bottom: 12px}
.info_toptxt p.tit > span{padding: 8px 0 5px 30px; background-position: left center}
.info_toptxt p.tit{width: 100%; margin:5px 0 8px} 
.info_toptxt ul{padding:5px}
}