@charset "utf-8";
/* 레이아웃 */

.shadow{display:block; opacity:1; z-index:-1; width:100%; height:100%; position:fixed; padding-bottom:0px;top:0; left:0;background-size:cover;background:rgba(52,54,66,0.65);}
.layer-wrap{
    z-index:9997 !important;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 200px;
    text-align: center;
    letter-spacing:0;
}
.layer-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.pop-layer {
    position:relative;
    box-sizing:border-box;
    display: inline-block;
    vertical-align: middle;
    width: 674px;
    height: auto;
    border:none;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background:#fff;
}
.pop-layer:before{content:'';display:inline-block;position:absolute;top:-240px;left:0;width:1100px;height:354px; background: url(https://image.icarusonline.co.kr/web-cdn/transfer/bg-top.png) right 0 no-repeat;
    background-size: cover;}

.pop-container{padding:40px 49px 30px;position:relative;}
.pop-container .skip{position:absolute;left:-9999px; width:1px; height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.pop-container .frame{z-index:9999;position:relative;margin:0;width:100%;height:100%;}
.btn-layer-close{position:absolute; top: -60px; right: 0px; display:inline-block;width:45px;height:45px;background:url("https://image.icarusonline.co.kr/web-cdn/transfer/btn-close-top.png") 0 0 no-repeat;background-size:contain;text-indent:-9999px;z-index:1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.btn-layer-close:hover{position:absolute; top: -60px; right: 0px; display:inline-block;width:45px;height:45px;background:url("https://image.icarusonline.co.kr/web-cdn/transfer/btn-close-top-on.png") 0 0 no-repeat;background-size:contain;text-indent:-9999px;z-index:1;}
.tit{position:absolute; top: -80px; left: 0px; display:inline-block;}
.pop-container .frame h1{position:relative;color:#364257;font-size:15px;background:none;text-align:left;padding:5px 0 0 0 }
.pop-container .frame h1 b{font-weight:bold;font-size:15px;}
.pop-container .frame h1 img{margin-right:9px;}
.pop-container .alert {width:100%;padding-top:24px;line-height:1.4}
.pop-container .alert div{margin:0 auto;text-align:left;min-height:60px;font-size: 12px;line-height: 1.6;letter-spacing:-1px;color:#364257;}
.pop-container .alert div.box{width:100%;padding:21px 21px;margin-top: 20px; margin-bottom:20px; margin-left: -20px; margin-right:-20px; background:rgba(152,125,255, 0.15);font-size: 12px;line-height: 1.6;}
.pop-container .alert div.box b{font-weight:bold;letter-spacing:-0.5px;}
.pop-container .alert h5{box-sizing:border-box; width:100%;
    -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    box-shadow:         inset 0 0 10px rgba(0,0,0,0.5);
    margin-bottom: 34px; padding-top: 10px; padding-bottom: 10px;font-size: 24px; font-weight: bold; color:#364257; background: #dece;
}

.pop-container .btn-wrap{margin-top:30px;width:100%;}
.btn-wrap a.btn-transfer{box-sizing:border-box;display:inline-block;width:50%;font-size:14px;line-height:69px;text-align:center;color:#fff;background:#fff;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
float:left}
.btn-wrap a.btn-transfer:hover{box-sizing:border-box;display:inline-block;width:50%;font-size:14px;line-height:69px;text-align:center;color:#fff;background:#fff;text-decoration:underline;
    text-decoration:none;
}
.btn-wrap a.btn-transfer.today{background:#343642;}
.btn-wrap a.btn-transfer.close{background:#9294e9;}
.btn-wrap a.btn-transfer.today:hover{background:#5699c4;}
.btn-wrap a.btn-transfer.close:hover{background:#5699c4;}
.btn-wrap a.btn-transfer.today img{vertical-align:middle;margin-right:5px;}

@media screen and (max-height:1024px) {
    /* 올빼미 위치 */
    .layer-wrap{top:180px;}
    .pop-layer:before {
        top: -200px;
        left:100px;
        width:1000px;
    }
    .pop-container {padding: 16px 16px 20px;}
    .text-left img{height: 30px;}
    .btn-wrap a.btn-transfer {line-height: 56px;}
    .btn-wrap a.btn-transfer:hover {line-height: 56px;}
    .pop-container .alert div {line-height: 1.5;}
    .pop-container .alert div.box{padding: 12px 21px;margin-top: 10px;margin-bottom: 10px;}
}

@media screen and (max-height:880px) {
    .pop-layer {width: 522px;}
    /* 올빼미 위치 */
    .layer-wrap{top:150px;}
    .pop-layer:before {
        top: -170px;
        left:100px;
        width:800px;
    }
    .pop-container {padding: 16px 16px 20px;}
    .text-left img{height: 30px;}
    .pop-container .frame h1 , .pop-container .frame h1 b{font-size:13px;}
    .btn-wrap a.btn-transfer {line-height: 56px;}
    .pop-container .alert{padding-top:16px;}
    .pop-container .alert div {font-size:11px;letter-spacing: -0.5px;}
    .pop-container .alert div.box{padding: 12px 21px;margin-top: 10px;margin-bottom: 10px;font-size:11px;}
    .btn-wrap a.btn-transfer {line-height: 40px;font-size:13px; letter-spacing:-0.5px}
    .btn-wrap a.btn-transfer:hover {line-height: 40px;font-size:13px; letter-spacing:-0.5px}
    .btn-wrap a.btn-transfer.today img{width:20px;height:20px;}
    .text-left img{height:24px;}
}
@media screen and (max-height:820px) {

    /* 올빼미 위치 */
    .layer-wrap {top: 120px;}
    .pop-layer:before {top: -140px;left: 100px;width: 800px;}

}