@charset "utf-8";

#footer .pop_up_btn{color: #eaeaea; font-size: 15px;}
#footer .pop_up_btn:first-child{color: #e81444;}

/*팝업창 나오게 하는 버튼*/
.pop_up_btn{cursor: pointer;}

/*팝업창*/
#pop_up_wrap{display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7);}
#pop_up_wrap .pop_up{display: none; position: fixed; width: 500px; height: 680px; background-color: #fff; overflow: hidden;}
#pop_up_wrap .pop_title{position: relative; width: 100%; height: 60px; line-height: 60px; background-color: #222;}
#pop_up_wrap .pop_title h2{padding-left: 20px; color: #fff; font-weight: 500; font-size: 20px;}
#pop_up_wrap .pop_title .btn_close_popup{position: absolute; top: 0px; right: 20px; cursor: pointer;}
#pop_up_wrap .pop_title .btn_close_popup img{transition: all ease 1s;}
#pop_up_wrap .pop_title .btn_close_popup:hover img{transform: rotate(180deg); }
#pop_up_wrap .pop_contetn{padding: 20px; color: #333; font-size: 300; font-size: 15px; height: 620px; overflow-y: scroll;}
#pop_up_wrap .pop_contetn p{white-space: pre-wrap; word-break: keep-all;}
#pop_up_wrap .pop_contetn b{font-weight: 400;}

/*반응형*/
@media all and (max-width:767px){
    #footer .pop_up_btn{color: #eaeaea; font-size: 13px;}
    #pop_up_wrap .pop_up{width: 80%; height: 450px;}
    #pop_up_wrap .pop_title{height: 50px; line-height: 50px;}
    #pop_up_wrap .pop_title h2{padding-left: 20px;font-size: 16px;}
    #pop_up_wrap .pop_title .btn_close_popup{width: 14px;}
    #pop_up_wrap .pop_title .btn_close_popup img{width: 15px; height: 15px;}
    #pop_up_wrap .pop_contetn{height: 400px; font-size: 13px;}
    
    
}