@charset "utf-8";

/* toast popup */
#toast{display:none; position:fixed; top:50%; left:50%; z-index:999999; max-width:70%; padding:15px 50px; background:var(--black); border:1px solid var(--ff_opa_25); border-radius:30px; font-size:1.125em; line-height:1.1; color:#fff; text-align:center; opacity:0; box-shadow:0 0 10px rgba(0,0,0,0.25); transition:all 0.3s; transform:translate(-50% , -50%); }
#toast.reveal{display:inline-block; opacity:1; }


/* layer popup */
    /* common */
.pop_wrap{display:none; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; min-width:270px; height:100%; padding:30px; z-index:9999}
.pop_wrap .bg{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85);}
.pop_wrap .pop_layer_wrap{position:absolute; top:50%; left:50%; max-width:600px; width:85%; height:auto; max-height:90vh; background:#0e0e0e; border-radius:8px; border:1px solid #515456; overflow-y:auto; transform:translate(-50%, -50%);}
.pop_wrap .btn_close_icon{position:absolute; top:31px; right:30px; width:20px; height:20px; }


.pop_wrap .pop_tit_wrap{padding:30px 30px 25px; border-bottom:1px solid #ccc}
.pop_wrap .pop_tit_wrap h3{font-size:1.250em; line-height:1.1em; font-weight:700;}
.pop_wrap .pop_content_wrap{padding:30px; }
.pop_wrap .pop_btn_wrap{padding:0 40px 40px;}

.pop_wrap .btn{width:100%; }


.pop_wrap .btn_close {position:absolute;z-index:100; top:30px; right:25px; background:none; width:36px; height:36px; display:inline-block;  }	
.pop_wrap .btn_close a { width:100%; height:100%; display:inline-block;   } 
.pop_wrap .btn_close span {position:absolute; top:14px; right:0;width:36px; height:1px; background:#fff; font-size:0; text-indent:-9999px; display:inline-block; transform: rotate(45deg); }
.pop_wrap .btn_close span:after { position:absolute; top:0; right:0; width:36px; height:1px; background:#fff; content:''; display:inline-block;transform: rotate(-90deg); }



.commingsoon .pop_layer_wrap{max-width:350px}

/* login popup */
.pop_wrap .btn_close span {background:#fff;}
.pop_wrap .btn_close span:after {background:#fff;}

.pop_wrap.pop_login .pop_layer_wrap {max-width:450px;}
.pop_login .popup_inner {padding:30px;}
.pop_login .login_tit {font-size:28px; font-weight: bold; text-align: center; margin-bottom:30px;}
.pop_login .log_pass {display:flex; flex-direction: column; gap:10px;}
.pop_login .log_pass .log_box {position: relative;}
.pop_login .log_pass .log_box input {width:100%; background: #0e0e0e; border: 1px solid #888; color: #fff; -webkit-text-fill-color: #ccc;}
.pop_login .log_pass .log_box input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #0e0e0e inset;
	box-shadow: 0 0 0 1000px #0e0e0e inset;
}
.pop_btn {padding:0 30px 30px;}
.pop_btn .pop_ok {width:100%; background:var(--aripink); color:#fff; border:none; border-radius: 5px; cursor: pointer;}

.keyShow {position:absolute; top:0; right:20px; width:30px; height:100%; cursor: pointer; background:url("/assets/img/common/icon_id_eye_off.svg") no-repeat center; display:none;}
.keyShow.view {background:url("/assets/img/common/icon_id_eye.svg") no-repeat center;}
.keyShow span {font-size:0; text-indent: -9999px;}

.pop_detail .tit {font-size:28px; font-weight: bold; text-align: center; margin-bottom:30px;}
.pop_detail .popup_inner {padding:30px;}
.pop_detail .msg {background:#191919; padding:25px 20px; border-radius: 5px; border:1px solid #515456;}
.pop_detail .file {background:#ebebeb; padding:20px; border-radius: 5px;}
.pop_detail .file button {display:flex; gap:10px; width:100%; background:transparent;}
.pop_detail .file button:hover {text-decoration: underline}
.pop_detail .file i {display:block; width:40px; height:40px; background:url('/assets/img/common/icon_file.svg')no-repeat center;}
.pop_detail .file em {display:block;}

.pop_detail .images .list {border-radius: 5px; overflow: hidden}
.pop_detail .video .list {border-radius: 5px; overflow: hidden}
.pop_detail .map .adr {margin-top:20px; background:#ebebeb; padding:20px; border-radius: 10px;}
.pop_detail .map .adr:before {content:''; display:inline-block; width:30px; height:30px; background:url("/assets/img/common/icon_map.svg")no-repeat center; vertical-align: middle}
.pop_detail .map > div {width:100%; max-height:300px;}

.pop_detail .profile {background:#fff;}
.pop_detail .profile .contact_list {display:flex; flex-direction: column; gap:10px;}
.pop_detail .profile .contact {display:flex; gap:10px; border:1px solid #dcdcdc; padding:20px; border-radius: 5px;}
.pop_detail .profile .contact.basic .profile_img {background:#ccc url('/assets/img/common/icon_chat_address.svg')no-repeat center; width:40px; height:40px; border-radius:12px;}
.pop_detail .profile .contact.pikitalk .profile_img path {background:url('/assets/img/common/icon_user_default_34.svg')no-repeat center;}
.pop_detail .profile .contact .profile_text {display:flex; flex-direction: column; justify-content: space-between}
.pop_detail .profile .contact .profile_text span {font-size:14px; color:#767676;}
.pop_detail .profile .contact .profile_text strong {font-size:16px; color:#1e1e1e; font-weight: 700}

#pop_detail .slick-arrow {opacity: 0.5; z-index:100; position: absolute; bottom:0; top:50%; transform: translateY(-50%); width:56px; height:56px; border-radius: 50%; text-indent: -9999px; overflow: hidden; transform: translateY(-50%); transition: 0.3s;}
#pop_detail .slick-prev {background:#fff url('/assets/img/common/icon_arr_right.png')no-repeat center; left:10px; transform: translateY(-50%) rotate(180deg)}
#pop_detail .slick-next {background:#fff url('/assets/img/common/icon_arr_right.png')no-repeat center; right:10px;}
#pop_detail .slick-arrow:hover {opacity: 0.8;}
#pop_detail .audio_play audio {width:100%;}

@media all and (max-width:500px) {
	.pop_wrap .pop_tit_wrap,
	.pop_wrap .pop_content_wrap{padding:30px 20px}
	.pop_wrap .pop_btn_wrap{padding:0 20px 30px;}
	.pop_login .popup_inner {padding:20px;}
	.pop_btn {padding:0 20px 20px;}
	.pop_detail .popup_inner {padding:15px;}
	.pop_detail .tit {margin-bottom:20px; font-size:22px;}
	.pop_wrap .btn_close {top:20px; transform: scale(0.8);}
	#pop_detail .slick-arrow {width:50px; height:50px;}
}

/* scrollbar */
.popwrap ::-webkit-scrollbar{width:6px; height: 6px; background:#eeeff2; border-radius:0 4px 4px 0}

.pop_pcmenu .pop_layer_wrap{width:90%;  max-width:1100px;  background:none; border:1px solid #aaa !important; padding:70px; border-radius: 48px;}
.pop_pcmenu .nav_list {width:100%; display:flex; justify-content:center; align-items:stretch;}

.pop_pcmenu .nav_list > li{width:33.33%; margin:0; border-bottom:1px solid #292929; cursor:pointer;}
.pop_pcmenu .nav_list > li > a {width:100%; display:inline-block; line-height:1.2; font-size:36px; color:var(--white); padding:0; text-align:center;}
.pop_pcmenu .nav_list > li > a:hover {color:var(--aripink)}
.pop_pcmenu .nav_list .sub_nav ul {width:100%; padding:20px 0 5px 0;}
.pop_pcmenu .nav_list .sub_nav ul li {width:100%;}
.pop_pcmenu .nav_list .sub_nav ul li a{width:100%;display:block;  line-height:50px; font-size:20px; font-weight:300; padding:0; color:#eee;text-align:center;}
.pop_pcmenu .nav_list .sub_nav ul li a:hover {color:var(--aripink)}
@media all and (max-width:1600px) {
	.pop_pcmenu .nav_list > li > a { font-size:34px; }
}
@media all and (max-width:1400px) {
	.pop_pcmenu .nav_list > li > a { font-size:30px; }
}
@media all and (max-width:1000px) {
	.pop_pcmenu {display:none !important; }
}