@charset "utf-8";
/* CSS Document */
/*2022.12.09 KYJ 추가 / 상단의 안내문구 관련사항 지정*/
/*infotype1,infotype2,infotype3.... 형식으로 달라지는 사항 추가*/

/*공통사항*/
.info_toptxt{position: relative; min-height: 73px; padding: 15px 10px 10px; margin-bottom: 20px; background-position: 12px 11px; background-repeat: no-repeat; border-radius:5px; border:1px solid #d9d9d9; box-sizing: border-box}
.info_toptxt ul{margin-left:65px; padding: 0}
.info_toptxt ul li{position: relative; padding-left: 13px; margin-bottom: 7px; line-height: 130%; font-size: 15px; font-weight:400; color:#2a2a2a}
.info_toptxt ul li::after{content: ""; display: block; clear: both; position: absolute; left: 0; top:6px; width:4px; height:4px; border-radius:50px; background: #ccc; box-sizing:border-box}
.info_toptxt ul li:last-child{margin-bottom: 0}
.info_toptxt ul li span{font-weight:500}

/*회원관련*/
.info_toptxt.infotype1 {background-image:url(../../images/top/infotype1.gif)}
.info_toptxt.infotype1 ul li::after{background: #6ecada}

/*프로그램관련*/
.info_toptxt.infotype2 {background-image:url(../../images/top/infotype2.gif)}
.info_toptxt.infotype2 ul li::after{background: #ffa1b8}

/*게시판관련*/
.info_toptxt.infotype3 {background-image:url(../../images/top/infotype3n.gif)}
.info_toptxt.infotype3 ul li::after{background:#979797}



/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.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:550px) {
/*공통사항*/
.info_toptxt{padding: 10px; background-image: none !important}
.info_toptxt ul{min-height: auto; margin-left:0}
}