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

/*공통사항*/
.info_toptxt{position: relative; margin-bottom: 20px; padding:10px; background-position: 10px center; background-repeat: no-repeat; border-radius: 5px; border: 2px solid #cdcdcd;box-sizing:border-box; font-family: PTD}
.info_toptxt ul{padding:13px; margin-left:50px; border-radius: 5px; background:#efefef; box-sizing: border-box}
.info_toptxt ul li{position: relative; padding-left: 13px; margin-bottom: 7px; line-height: 120%; font-size: 14px; font-weight: 500; color:#000}
.info_toptxt ul li::after{content: ""; display: block; clear: both; position: absolute; left: 0; top:4px; width:8px; height:8px; border-radius:50px; border:2px solid #5f5f5f; box-sizing:border-box}
.info_toptxt ul li:last-child{margin-bottom: 0}
.info_toptxt ul li span{font-weight:700}

/*회원관련*/
.info_toptxt.infotype1{background-image:url(../../images/top/infotype1.gif)}

/*게시판관련*/
.info_toptxt.infotype2{background-image:url(../../images/top/infotype2.gif); background-position: 12px center}

/*프로그램관련*/
.info_toptxt.infotype3{background-image:url(../../images/top/infotype3.gif)}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
}


/* 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}
}