@charset "utf-8";
#notice {max-width:598px; height:80vh; min-height:800px; margin:68px auto; margin-bottom:68px; border: 4px solid #ffd200;   position:relative;}
#not-made:checked ~ .notice-lyan, .notice-lyan:hover, .notice-lyan:focus {background-image:url(../img/not-made/lyan_hand.png);}
#notice:after {content:''; display:block; width:170px; position:absolute; top:0; left:0; height:100%; background:#ffd200;z-index:3;}
.notice-lyan {background:url(../img/not-made/lyan_hand.gif)0 0 no-repeat; width:345px; height:446px; position:absolute; bottom:10%; left:74px; text-indent:-9999999px;z-index:1;}
.not-made-notice {background:url(../img/common/event-box.png)right 0 no-repeat; height:148px; width:238px;background-size:cover; position:absolute; top:15%; right:7px; padding:16px 21px;opacity:0;}
#not-made:checked ~ .not-made-notice, .notice-lyan:hover ~ .not-made-notice, .notice-lyan:focus ~ .not-made-notice, .not-made-notice:hover, .not-made-notice:focus {opacity:1;}
.not-made-notice pre, a {font-size:18px; font-weight:bold;font-family:malgun gothic,'맑은고딕', sans-serif; line-height:20px; word-break:keep-all;}

@media (max-width:1023px) {
#container {margin-top:157px;}
}

@media (max-width:767px) {
#container {margin-top:105px;}
#notice {border:none;margin:0 auto 0 -170px; height:512px; min-height:500px;}
.notice-lyan {width:276px; height:356.8px; top:auto; bottom:0px; left:100px; background-size:contain;}
.not-made-notice {background:url(../img/common/event-box.png)right 0 no-repeat; height:129px; width:222px;background-size:100% 100%; position:absolute; top:3px; right:7px; padding:10px 12px;opacity:0;}
.not-made-notice pre, a {font-size:16px;line-height:18px; word-break:keep-all;}
}