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

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

/*공통사항*/
.info_toptxt{position: relative; display: flex; align-items:normal; min-height: 73px; padding: 8px; margin-bottom: 20px; background:#fff; border-radius: 10px; box-sizing: border-box; border:1px solid #e8e8e8; box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.info_toptxt p.tit {overflow:hidden; position:relative; width: 100px; min-height:66px; background: #fff url(../../images/top/bg_infotop_bg.gif) no-repeat 50% 5px; border-radius: 10px; text-align: center; align-content:flex-start; border:2px solid #5974a0; box-sizing:border-box} 
.info_toptxt p.tit:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 40px); background:#5974a0 url(../../images/top/img_infotop_tit.gif) no-repeat 50% 50%}
.info_toptxt p.tit > span {position:relative; display: inline-block; margin-top:39px; font-size:0; width:100%; align-content:center}
.info_toptxt ul{width:calc(100% - 100px); padding:14px 13px; box-sizing: border-box; align-content: space-around}
.info_toptxt ul li{position: relative; padding-left: 18px; margin-bottom: 7px; line-height: 130%;  font-size: 14px; 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:5px; left:0; width:10px; height:9px; background:url(../../images/top/blt_infotxt.png) no-repeat 0 0}

/*채용공고 등록 하단유의 사항*/
.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 {}
.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 {}
.info_toptxt p.tit{width: 100%; margin:5px 0 8px} 
.info_toptxt ul{padding:5px; width:100%}
}