@charset "utf-8"; 
/* CSS Document */
/* com2zoa design KYJ 25.05.22 */
/*★★★레이어창 스타일 지정★★★*/

/********************** COMMON **********************/
/**레이어 스타일**/
.sport_layer {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 500; min-width: 320px; z-index: 1000}
.sport_layer .layer_wrap {overflow:hidden; position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 90%; max-width: 750px; padding: 20px; background: #fff; border:0; border-radius:20px; box-sizing: border-box; box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.1)}
.sport_layer .layer_tit{padding: 10px 0 23px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; font-size: 25px; font-weight: 600; text-align: center}
.sport_layer .layer_tit span{position: relative; padding: 0 40px}
.sport_layer .layer_tit span::before,
.sport_layer .layer_tit span::after{display: block; clear:both; content: ''; position: absolute; top:10px; width:8px; height: 8px; border-radius: 50px; background: #d4d4d4}
.sport_layer .layer_tit span::before{left:0}
.sport_layer .layer_tit span::after{right:0}

/*폼 변경스타일*/
.sport_layer .regist_form{margin-bottom: 20px}

/*하단 버튼 공통 스타일*/
.layer_btn{padding-top: 20px; margin: 20px 0 10px; border-top:2px solid #dcdcdc}
.layer_btn .btnlst{display: flex; gap:15px; justify-content:center}
.layer_btn .btnlst button{width:145px; height: 38px; line-height: 38px; border-radius: 50px; background: #cfcfcf; font-size: 16px; color:#fff; font-weight: 500}
/*확인*/
.layer_btn .btnlst button.btn_confirm{background: #3183b1}
.layer_btn .btnlst button.btn_confirm:hover{background: #1d5879}
/*취소*/
.layer_btn .btnlst button.btn_cancel{background: #cecece}
.layer_btn .btnlst button.btn_cancel:hover{background: #949494}



/* ======================================= LOWSET FIX ======================================= */
@media only screen and (max-width:1024px) {
/**레이어 스타일**/
.sport_layer .layer_wrap{padding: 15px}
.sport_layer .layer_tit{padding: 3px 0 15px; margin-bottom: 10px; font-size: 22px}
.sport_layer .layer_tit span::before,
.sport_layer .layer_tit span::after{top:8px}

/*폼 변경스타일*/
.sport_layer .regist_form{margin-bottom: 15px}

/*하단 버튼 공통 스타일*/
.layer_btn{padding-top:15px; margin: 10px 0 0}
.layer_btn .btnlst li{flex: 1}
.layer_btn .btnlst button{width:100%; font-size: 15px}
}