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

/* 폰트에서 span사용시 색지정 */
/* span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_re{font-weight: 500; color:#ee361d} /*빨간색*/
span.col_or{font-weight: 500; color:#ff9f17} /*주황색,노란색*/
span.col_gr{font-weight: 500; color:#70b305} /*초록색*/
span.col_lbl{font-weight: 500; color:#3ca3d3} /*밝은파란색*/
span.col_bl{font-weight: 500; color:#076fc2} /*파란색*/
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: 500; color:#000} /*검정색(bold)*/
span.col_bold {font-weight:600}
span.underline{font-weight: 500; text-decoration:underline; text-underline-offset:3px} /*밑줄*/

/*링크타입*/
a.go_link{font-weight: 600; text-decoration:underline; text-underline-offset:3px; transition: all .3s}
a.go_link:hover{color:#3ca3d3}

/*공통사항*/ 
.info_toptxt {position: relative; padding:18px 18px 18px 110px; margin-bottom:20px; border-radius:10px; background:#fff; border:2px solid #eee}
.info_toptxt::after {display: block; clear: both; content: ''; position: absolute; top:15px; left:27px; background-position:0 0; background-repeat:no-repeat}
.info_toptxt ul {display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:40px; width: 100%;  box-sizing: border-box; align-content: space-around}
.info_toptxt ul li {position: relative; width:100%; padding-left: 14px; margin-top:2px; line-height: 140%;  font-size:15px; font-weight:400; color:#4b4b4b}
.info_toptxt ul li:first-child {margin-top:0}
.info_toptxt ul li::after {display: block; clear: both; content: ''; position: absolute; top:6px; left:0; width:5px; height:5px; border-radius:50%; background:#888}


/* 프로그램 관련 */
.info_toptxt.info_toptxt1:before {background:#fff6db}
.info_toptxt.info_toptxt1:after {width:59px; height:46px; background-image:url(../../images/top/bg_infotxt01.png)}

/*게시판관련*/
.info_toptxt.info_toptxt2:before {background:#dcf2f1}
.info_toptxt.info_toptxt2:after {top:50%; left:25px; width:66px; height:78px;  margin-top:-39px; background-image:url(../../images/top/blt_notice.png)}
.info_toptxt.info_toptxt2 .tit {display:none}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.info_toptxt {padding:12px 12px 12px 70px}
.info_toptxt::before {left:7px; width:66px; height:33px; border-radius:0 0 66px 66px}
.info_toptxt::after {top:10px; left:15px} 
.info_toptxt.info_toptxt1:after {width:48px; height:37px; background-size:48px auto}
.info_toptxt.info_toptxt2:after {left:10px; margin-top:-35px; width:52px; height:70px; background-size:52px auto}
.info_toptxt ul {min-height:36px}
.info_toptxt ul li {font-size:14px; padding-left:12px}
.info_toptxt ul li::after {top:6px}
    
}


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


@media only screen and (max-width:650px) {
/*공통사항*/ 
.info_toptxt {padding:10px}
.info_toptxt::before {display:none}
.info_toptxt::after {display:none}
    
}