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

/*공통사항*/
.info_toptxt{position: relative; margin-bottom: 20px; box-sizing:border-box; border-bottom: 2px solid #e7e7e7}
.info_toptxt .info_top{margin-bottom: 4px; padding:22px 10px 18px; background-position: left 20px center; background-repeat: no-repeat; border-top: 2px solid #3f4869; border-bottom: none;}
.info_toptxt .info_top ul{min-height: 56px; margin-left:102px; padding: 0}
.info_toptxt .info_top ul li{position: relative; padding-left: 13px; margin-bottom: 7px; line-height: 140%; font-size: 14px; font-weight: 500; color:#000; word-break:keep-all}
.info_toptxt .info_top ul li::after{content: ""; display: block; clear: both; position: absolute; left: 0; top:6px; width:6px; height:6px; border-radius:2px; background:#676767; box-sizing:border-box}
.info_toptxt .info_top ul li:last-child{margin-bottom: 0}
.info_toptxt .info_top ul li span{font-weight:700}

/*회원관련*/
.info_toptxt.infotype1 .info_top{background-image:url(../../images/top/bg_infotype1.gif)}
/*.info_toptxt.infotype1 .info_top ul li::after{border-color:#89c534}*/

/*게시판관련*/																					 
.info_toptxt.infotype2 .info_top{background-image:url(../../images/top/bg_infotype2.gif)}
/*.info_toptxt.infotype2 .info_top ul li::after{border-color:#ff554f}*/
/*프로그램관련-AISW*/																			 
.info_toptxt.infotype3 .info_top{background-image:url(../../images/top/bg_infotype3.gif)}
/*.info_toptxt.infotype3 .info_top ul li::after{border-color:#ff9c00} */ 
/*프로그램관련-진로직업*/																			 
.info_toptxt.infotype4 .info_top{background-image:url(../../images/top/bg_infotype4.gif)}
/*.info_toptxt.infotype4 .info_top ul li::after{border-color:#0dbbef}  */
/*프로그램관련-내꿈찾기*/																			 
.info_toptxt.infotype5 .info_top{background-image:url(../../images/top/bg_infotype5.gif); background-position: 13px center}
/*.info_toptxt.infotype5 .info_top ul li::after{border-color:#9f41ff} */

/* 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 .info_top{padding:13px 10px 10px; background-image: none !important}
.info_toptxt .info_top ul{min-height: auto; margin-left:0}
}