@charset "utf-8";
/* CSS Document */
/* 공통 */
.clear_fix {*zoom:1}
.clear_fix:after {content: ""; display: block; clear: both}
#wrap  {position:relative}
/* 알리미 공통 */
.alimi_wrap {position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px}
.alimi_box {position:absolute; left:5%; top:10%; width:90%; min-width:320px; height:auto; padding:0; margin:0; overflow:hidden; z-index:999}
.alimi_info {background:#aaa; padding-bottom:20px}
.alimi_box .alimi_top {background:#ccc}
.alimi_tit {font-size:1.385em; color:#fff; font-weight:500}
.alimi_tit span {display:inline-block; padding:23px 20px 23px 70px; background:url(../../images/czalimi/blt_alimi_tit.png) no-repeat 10px 50%}
.alimi_top .btn_close {position: absolute; right:10px; top:8px}
.alimi_top .btn_close button {width:47px; height:47px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; background: url(../../images/czalimi/btn_alimi_close.png) 0 0 no-repeat}

.alimi_mid {margin:16px; padding:15px 10px; background:#fff; text-align:center}
.alimi_mid p {line-height:150%; font-size:1.077em; font-weight:400}
.alimi_mid p span {font-size:1.231em}

.alimi_con {margin:0 16px; padding:16px; background:#fff}
.alimi_lst .tit {padding:15px 10px 15px 40px; font-size:1.231em; font-weight:500; color:#2a2a2a; border-bottom:1px solid #cecece}
.alimi_lst .txt {padding:15px 0 20px; font-weight:400}
.alimi_lst .txt span {display:inline-block; padding-left:5px; font-size:1.231em; color:#f00}
.alimi_lst .btn_check {position:absolute; right:0; width:120px; margin-top:20px; background:#fad903 url(../../images/czalimi/btn_alimi_baro.gif) no-repeat 95% 50%; font-size:1.077em; font-weight:500; border-radius:8px}
.alimi_lst .btn_check a {display:block; padding:10px 38px 10px 14px; color:#2a2a2a}
.alimi_lst .btn_check:hover a {text-decoration: underline}

.alimi_lst {position:relative}
.alimi_con ul li {margin-top:16px; padding:0 15px; border:1px solid #cecece; border-radius:8px; *zoom:1}
.alimi_con ul li:first-child {margin-top:0}
.alimi_con ul li:after {content: ""; display: block; clear: both}
.alimi_lst01 .tit span {color:#1093d3}
.alimi_lst02 .tit span {color:#5d8021}
.alimi_lst03 .tit span {color:#ea4737}
.alimi_lst04 .tit span {color:#396bce}

.alimi_lst01 .tit {background:url(../../images/czalimi/blt_alimi_ico01.gif) no-repeat 0 50%}
.alimi_lst02 .tit {background:url(../../images/czalimi/blt_alimi_ico02.gif) no-repeat 0 50%}
.alimi_lst03 .tit {background:url(../../images/czalimi/blt_alimi_ico03.gif) no-repeat 0 50%}
.alimi_lst04 .tit {background:url(../../images/czalimi/blt_alimi_ico04.gif) no-repeat 0 50%}

/* 담임 알리미 */
.alimi_box01 .alimi_info {background:#16cec4;}
.alimi_box01 .alimi_top {background:#01a89f}

/* 관리자 알리미 */
.alimi_box02 .alimi_info {background:#4391e0}
.alimi_box02 .alimi_top {background:#0f63b6}

/* 부장 알리미 */
.alimi_box03 .alimi_info {background:#75aa35}
.alimi_box03 .alimi_top {background:#527d1e}

/* lowest layout fixed */
@media only screen and (min-width : 0px) and (max-width : 767px){
	.alimi_box {top:120px}
    .alimi_tit span {background-size:48px 48px}
    .alimi_lst .tit {background-size:34px auto}
    .alimi_lst .btn_check  {bottom:8px}
    /* .alimi_scroll {overflow-y: scroll; max-height:350px} */
}

 @media only screen and (min-width:768px) and (max-width:1023px)  {
	.alimi_wrap {position:fixed}
    .alimi_box {position:fixed; top:15%; left:50%; width:530px; height:auto; margin-left:-265px}
    .alimi_con {padding:15px 14px}
    .alimi_tit {font-size:22px}
    .alimi_tit span {padding:30px 20px 30px 100px; background-position:20px 50%}
    .alimi_top .btn_close {right:20px; top:20px}
    .alimi_lst .txt {display:inline-block; width:78px; padding:4px 20px; font-size:17px; text-align:center}
    .alimi_lst .tit {float:left; width:190px; padding:18px 10px 18px 50px; border:0; border-right:1px solid #cecece; font-size:18px; box-sizing:border-box}
    .alimi_lst .txt span {display:block; margin-top:5px; padding:0; font-size:22px}
    .alimi_con ul li {padding:11px 12px 11px 15px}
    .alimi_lst .btn_check {top:50%; margin:0; margin-top:-20px; font-size:16px}
    .alimi_lst .btn_check a {padding:12px 38px 12px 14px}
    .alimi_mid p {font-size:15px}
    .alimi_mid p span {font-size:17px}
}
 
@media only screen and (min-width:1024px) {
	.alimi_wrap {position:fixed}
    .alimi_box {position:fixed; top:15%; left:50%; width:530px; height:auto; margin-left:-200px}
    .alimi_con {padding:15px 14px}
    .alimi_tit {font-size:24px}
    .alimi_tit span {padding:30px 20px 30px 100px; background-position:20px 50%}
    .alimi_top .btn_close {right:20px; top:20px}
    .alimi_lst .txt {display:inline-block; width:78px; padding:4px 20px; font-size:17px; text-align:center}
    .alimi_lst .tit {float:left; width:190px; padding:18px 10px 18px 50px; border:0; border-right:1px solid #cecece; font-size:18px; box-sizing:border-box}
    .alimi_lst .txt span {display:block; margin-top:5px; padding:0; font-size:22px}
    .alimi_con ul li {padding:11px 12px 11px 15px}
    .alimi_lst .btn_check {top:50%; margin:0; margin-top:-20px; font-size:16px}
    .alimi_lst .btn_check a {padding:12px 38px 12px 14px}
    .alimi_mid p {font-size:16px}
    .alimi_mid p span {font-size:18px}
    
}

/* @media only screen and (min-width:490px) and (max-width:767px)  {
    .alimi_scroll { max-height:332px}
}
 */