@charset "utf-8";
/* CSS Document */
/*2025.11.14 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: 20px 20px 20px 100px; margin-bottom:20px; border-radius: 5px; background:linear-gradient(90deg, #edf8fe, #e8f4fd)}
.info_toptxt::before {display: block; clear: both; content: ''; position: absolute; top:50%; left:26px; margin-top:-27px; width:54px; height:54px;background-position: top center; 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: 10px; line-height: 130%;  font-size: 15px; font-weight:400; color:#3a3a3a}
.info_toptxt ul li::after {display: block; clear: both; content: ''; position: absolute; top:6px; left:0; width:4px; height:4px; border-radius:50%; background:#1d306f}


/*회원관련*/
.info_toptxt.infotype1 {background:linear-gradient(90deg, #edf8fe, #eaf8f9)}
.info_toptxt.infotype1:before{  background-image:url(../../images/top/ico_topinfo1.png)} 

/*프로그램관련*/
.info_toptxt.infotype2 {background:linear-gradient(90deg, #eaf4fb, #eaf8f9)}
.info_toptxt.infotype2:before{width:54px; height:54px; background-image:url(../../images/top/ico_topinfo2.png)}

/*게시판관련*/
.info_toptxt.infotype3 {background:linear-gradient(90deg, #f6edfe, #f1effd)}
.info_toptxt.infotype3:before{width:54px; height:54px; background-image:url(../../images/top/ico_topinfo3.png)}
 

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.info_toptxt {padding:15px 15px 15px 85px}
.info_toptxt::before {left:14px}
    
    .info_toptxt ul li {font-size:14px}

}


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


@media only screen and (max-width:720px) {
/*공통사항*/ 
.info_toptxt{padding: 15px}
.info_toptxt::before,
.info_toptxt::after{display: none}
.info_toptxt ul{width: 100%;  box-sizing: border-box; align-content: space-around}
.info_toptxt ul li{font-size: 14px; letter-spacing:0}   
.info_toptxt ul li::after {top:7px}
}