@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: 5px; background:#fff; border:1px solid #d1d1d1; box-shadow:0 2px 9px rgba(0,0,0,0.1)}
.info_toptxt::before {display: block; clear: both; content: ''; position: absolute; top:0; left:20px; width:76px; height:38px; background:#333; border-radius:0 0 76px 76px}
.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:14px; 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:5px; left:30px; width:58px; height:58px; background-image:url(../../images/top/bg_infotxt02.png)}
.info_toptxt.info_toptxt2 .tit {display:none}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.info_toptxt {padding:12px 12px 12px 86px}
.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 {top:10px; left:15px; width:50px; height:50px; background-size:50px auto}
.info_toptxt ul {min-height:36px}
.info_toptxt ul li {font-size:13px; 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}
    
}