@charset "utf-8";
/* 새글 스킨 (latest) */
.popup_02 {max-width:650px; width:100%;   opacity:0; position: fixed; top: 20%; left: 50%; transform: translateX(-50%);   transition: all 0.1s ease-in-out; z-index:-1; }
.popup_02 .e_tit {font-size: 18px;}
.popup_02 .tit {font-size: 35px; padding-bottom: 20px; padding-top: 10px;}
.popup_02 ul {background:#f9f9f9; padding:50px 0px 0px 50px; border-radius:20px; box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05); display:flex; align-items: flex-end;    justify-content: space-between;}
.popup_02 ul .wr_top {display: flex;  flex-direction: column;     flex-wrap: wrap;}
/*.popup_02 ul .wr_top.flex {flex-direction: row;     justify-content: space-between;   width:100%}*/

.popup_02 ul .pro_tit {font-size:35px; }
.popup_02 ul .pro_txt {font-size:20px; line-height:160%; padding-top:30px; word-break: keep-all;}
.popup_02 ul .wr_foot {font-size:18px; padding-bottom:50px; padding-top:100px}
.popup_02 ul .wr_foot div {border:1px solid #000; border-radius:50px; display:inline-block; padding:5px 20px; margin:0px 0px 20px}
.popup_02 ul .wr_foot p:before {content:""; width:5px; height:5px; border-radius:50%; background:#000; display:inline-block; font-weight:800; margin-right:10px; vertical-align: middle;}
.popup_02 ul .wr_foot p {margin-bottom:10px}
.popup_02 ul li:first-child {display: flex; flex-direction: column;  justify-content: space-between; margin-right:10px;}
.popup_02 ul  {position:relative;}
.popup_02_close {border:0; background:0; position:absolute; top:40px; right:30px; font-size:30px}

@media screen and (max-width:700px){
.popup_02 {max-width:320px; max-height: 450px;     overflow: auto;}
.popup_02 ul {background:#f9f9f9; padding:20px 0px 0px 20px;         flex-wrap: wrap; border-radius:0px; box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05); display:flex;     justify-content: space-between;}
.popup_02 ul .pro_tit {font-size:25px; }
.popup_02 ul .pro_txt {font-size:16px; line-height:160%; padding-top:30px; word-break: keep-all;}
.popup_02 ul .wr_foot {font-size:14px; padding-bottom:20px; padding-top:30px}
.popup_02 ul li:first-child {width:100%}
.popup_02 ul li:last-child {width:100%; display: flex;  align-items: flex-end; justify-content: flex-end;}
.popup_02 ul img {width:60%}
.popup_02_close {top:10px; right:20px}
}

.popup_02_bg {background:rgba(0,0,0,0.7); position:absolute; width:100%; height:10000px; top:0; left:0; z-index:-1; opacity:0; transition: all 0.2s ease-in-out;}
.popup_02_bg.active { opacity:1;  z-index:999}

.popup_02.active {
z-index: 1000; opacity:1; 
}