@charset "utf-8";


.layer_popup_bg {background-color:rgba(0,0,0,.7); z-index: 99999; justify-content:center;  align-items:center;  position:fixed;  top:0;  left:0;  right:0;  bottom:0;  display:none;}
.layer_popup_bg .layer_popup {width:100%;  max-width:50%; background-color:#ffffff;  border-radius:10px;  overflow:hidden;  background-color:#3d52bb;  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); position: relative; top: 20%; left: 25%;}
.layer_popup_bg .layer_popup_body {width:100%;  background-color:#ffffff;}
.layer_popup_bg .layer_body_cont {width:100%;  padding:30px 0 30px 0;}
.layer_popup_bg .layer_title {text-align:center; padding:0 10px 0 10px;    margin-bottom:10px; font-size: 30px ; color:#3d52bb ; font-weight: bold;}
.layer_popup_bg .layer_contbox { border-top: 1px solid #ddd; padding: 30px; overflow-x: scroll;}

.layer_popup_bg .layer_contbox ul li {padding:5px 0 5px 20px; position: relative; text-align: left;}
.layer_popup_bg .layer_contbox ul li .red_bold { color:#666}
.layer_popup_bg .layer_contbox ul li::before{content:'';position:absolute;top:16px;left:0;width:6px;height:6px;margin-top:-6px;background-color:transparent;border-top:2px solid #666;border-right:2px solid #666;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);transition:all .3s;}
.layer_popup_bg .layer_foot {width:100%;  height:50px;}
.layer_popup_bg .layer_layerbtn {display:inline-flex;width: 98%;height: 98%;justify-content:center;align-items:center;color:#ffffff;cursor:pointer;margin: -2px 1% -2% 1%;}
.btn_gnl {background-color:#e27700; display: block; border-radius: 10px; float: left; padding: 10px; margin: 10px; cursor: pointer;}
.btn_gnl a {color:#ffffff; text-decoration: none;}


/*2020-10-30 �߰� */
@media all and (max-width : 1600px){
  .layer_popup_bg .layer_popup {max-width:70%; left:15%}
  .layer_popup_bg .layer_contbox {max-height:240px;}
}
@media all and (max-width : 1024px){
.layer_popup_bg .layer_title { font-size: 25px ; }
.layer_popup_bg .layer_popup {max-width:80%; left:10%}

}


@media all and (max-width : 390px){
  .layer_popup_bg .layer_title { font-size: 18px ; }
  .layer_popup_bg .layer_contbox {max-height:150px;}
  .layer_popup_bg .layer_contbox ul li {font-size: 16px}
}

.layer_popup_bg .layer_contbox ul li ul li:before {
    display: none;
}