.main-popup-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; display: none; align-items: center; justify-content: center;}
.main-popup-wrap{position: relative; z-index: 10001; width: auto; max-width: 95%; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden; opacity: 0; transition: width 0.4s ease, height 0.4s ease, opacity 0.3s ease;}
.main-popup-wrap.is-ready{opacity: 1;}
.main-popup-body{line-height: 0; width: 100%; overflow: hidden; flex: 1; position: relative;}
.main-popup-body img{display: block; width: 100%; height: 100%; object-fit: contain;}
.main-popup-footer{background: #000; color: #fff; display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0 10px; flex-shrink: 0; box-sizing: border-box; width: 100%;}
.main-popup-footer button{background: none; border: none; color: #fff; font-size: 13px; cursor: pointer; padding: 5px; outline: none;}
.main-popup-dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10000;}
.swiper-container{width: 100%; height: 100%; position: relative;}
.swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.swiper-pagination{position: absolute; bottom: 15px; left: 0; width: 100%; text-align: right; padding-right: 20px; z-index: 10;}
.swiper-pagination-bullet{background: #fff; opacity: 0.6; width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin: 0 4px; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.swiper-pagination-bullet-active{opacity: 1; background: #000;}
@media (min-width: 1024px) {
#pop_pc_wrap{display: flex;}
#pop_m_wrap{display: none !important;}
}
@media (max-width: 1023px) {
#pop_pc_wrap{display: none !important;}
#pop_m_wrap{display: flex;}
}


/* ---- next block ---- */


	.hd_call img{filter: brightness(0) invert(1);}
	.main-header.scroll .hd_call img{filter:none}
	#quick.on{bottom:13rem}


/* ---- next block ---- */





/* ---- next block ---- */


	.quick-social-icon .title-wrap.m_cont_480{display:none}
	.ev_popup_wrap a.m_cont_480{display:none}
	@media (max-width: 480px) {
		.quick-social-icon .title-wrap.m_cont_480{display:block}
		.quick-social-icon .title-wrap.pc_cont_480{display:none}
		.ev_popup_wrap a.pc_cont_480{display:none}
		.ev_popup_wrap a.m_cont_480{display:flex}
	}


/* ---- next block ---- */


    /* 빠른 상담 */
.counsel-form-area{
    position:fixed; bottom:-14rem; left:50%; width: 100%; margin:0; z-index:12;transform: translate(-50%, 0);
    transition:bottom .3s ease-out; 
    -webkit-transition:bottom .3s ease-out; 
    -moz-transition:bottom .3s ease-out; 
    -ms-transition:bottom .3s ease-out; 
    -o-transition:bottom .3s ease-out;
}
.counsel-form-area.is-hidden{bottom: -40rem !important;}
.counsel-form-area.opened{bottom:0;}

.counsel--buttons{display: flex; justify-content: center; width: 178px; overflow: hidden; margin-left: auto; margin-right: auto;}
.counsel--call-btn{width:178px; height: 52px; background: #e94812; color: #fff; border:0; padding:8px 12px; line-height: 1.3; font-size: 1.125rem; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; display:flex; justify-content:center; align-items:center;}
.counsel--call-btn > i{margin-left:10px;}
.icon_up_arrow{display:inline-block; position:relative; width:8px; height:20px; background: url("../img/icon_up_arrow.png") 50% 50%/100% no-repeat;}
.counsel-form-area.opened .counsel--call-btn > .icon_up_arrow{background: url("../img/icon_down_arrow.png") 50% 50%/100% no-repeat;}
.counsel--kakao{display:flex; justify-content:center; align-items:center; border: 0; background: #2a2a2a url(../img/counsel-kakao.png)50% 50% /50% no-repeat; width: 58px; height: 48px;margin-left: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; }

.bounce-sm{
  animation-name: bounce-sm;
  animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
@keyframes bounce-sm {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	10% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	33% {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		-o-transform: translateY(-8px);
}

	50% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	60% {
		transform: translateY(-1px);
		-webkit-transform: translateY(-1px);
		-moz-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		-o-transform: translateY(-1px);
}

	70% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}

.counsel-form-box{
    height: inherit; margin-left: auto; margin-right: auto; width: 100%; height:14rem; padding:0 1rem; position: relative;
    display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#e94812;
}

.counsel-form{width:100%; max-width:700px; display:grid;}
.counsel-form > form{width:100%; display:flex; justify-content:center; align-items:center;}
.counsel-form-inputs_wrap{width:74%;}
.counsel-form-inputs{width:100%; justify-content: flex-start;}
.counsel__mh_name,
.counsel__mh_hp{width: 50%; padding:8px 1rem; height: 3.875em; display: flex; justify-content: flex-start; align-items: center;}
.counsel__mh_jijeom,
.counsel__mh_subject{width: 50%; padding: 8px 1rem; height: 3.875em;}

.counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_jijeom select,.counsel__mh_subject select,
.counsel__mh_name label,.counsel__mh_hp label,.counsel__mh_jijeom label,.counsel__mh_subject label{display: inline-block; font-size: 15px;}
.counsel__mh_name label,.counsel__mh_hp label,.counsel__mh_jijeom label,.counsel__mh_subject label{color: #fff; width: 18%; text-align:center;}
.counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_subject input,.counsel__mh_jijeom select,.counsel__mh_subject select{border:1px solid #fff; background-color:#fff !important; border-radius: 10px; padding:8px 8px 8px 12px; line-height: 1.5; width: 100%;height: 100%;}

.counsel-form-agree{width: 50%; height: 3.875em; padding: 8px 1rem; display: flex; justify-content: center; align-items: center;}
.counsel-form-agree > label{color:#fff;}
.counsel-form-agree > label { position:relative; display:inline-block; padding-left:8px; font-size:14px; line-height:18px; vertical-align:middle; }
.counsel-form-agree > label:before { content:''; position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; border-radius:100%; margin-left:-20px; border:1px solid #636259; -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; transition:border 0.15s ease-in-out, color 0.15s ease-in-out; background-color:#ffffff; }
.counsel-form-agree > label:after { position:absolute; top:50%; left:0; display:block; width:13px; height:10px; margin:-5px 0 0 -17px; background:url('../img/icon-check.png') no-repeat center/ 100% auto; }
.counsel-form-agree > input[type='checkbox'] { z-index:1; width:20px; height:20px; vertical-align:middle; margin:0; opacity:0; visibility:hidden; }
.counsel-form-agree > input[type='checkbox']:focus + label::before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.counsel-form-agree > input[type='checkbox']:checked + label::before { background-color:#2a2a2a; border-color:#2a2a2a; }
.counsel-form-agree > input[type='checkbox']:checked + label::after { content:''; }

.counsel-form-box input[type=submit]{position: relative; width:calc(26% - 2rem); height:calc(100% - 14px); border-radius: 10px; background-color: #2a2a2a; padding:8px; margin:0 1rem; border:0; color: #fff; font-size: 1.125rem; line-height: 1.6;}
#ft_agreement,
.ft_agreement{cursor: pointer;}
label {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
}

*::before, *::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.event_input_pc{display:inline-block !important;}
.event_input_m{display:none !important;}
@media (max-width:1860px) {
.progress-area{width:6.4409vw;height:6.4409vw;left: 3.4946vw;}
.progress-bg{background-size:cover}

}
@media (max-width:1560px) {

}
@media (max-width:960px) {
    .counsel--buttons{margin:0 auto -1px;}
    .counsel__mh_name, .counsel__mh_hp{padding:8px 0.5rem;}
    .counsel__mh_jijeom, .counsel__mh_subject{padding:8px 0.5rem;}
    .counsel__mh_name > input::placeholder{font-size:1rem;}
    .counsel__mh_hp > input::placeholder{font-size:1rem;}
    .counsel__mh_subject > select{font-size:1rem;}
    .counsel__mh_subject > select > option{font-size:1rem;}
    .counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_jijeom select,.counsel__mh_subject select{line-height:1; padding:4px 8px 4px 12px;}
    .counsel-form-agree > label{font-size:1rem;}
    .counsel-form-box input[type=submit]{margin:0 0.5rem;}

	.counsel-form-area.opened .counsel--buttons { display: flex;}

	.counsel-form-area { z-index: 100;}
}
@media (max-width:480px) {
    .event_input_pc{display:none !important;}
    .event_input_m{display:inline-block !important;}

    .counsel--buttons{width:17rem;}
    .counsel--call-btn{width:65%;}
    .counsel--kakao{width:calc(30% - 0.8rem); margin-left:0.8rem; background: #2a2a2a url(../img/counsel-kakao_m.png)50% 50% /50% no-repeat;}

    .counsel-form-area{bottom:-32rem;}
    .counsel-form-box{height: 32rem; padding:0 6rem; }
    .counsel-form{max-width:100%;}
    .counsel-form > form{flex-direction:column;}
    .counsel-form-inputs_wrap{width:100%;}
    .counsel-form-inputs{flex-direction:column; align-items:center;}

    .counsel__mh_name, 
    .counsel__mh_hp{width:100%; height:4.8rem;}
    .counsel__mh_jijeom,
    .counsel__mh_subject{width:100%; height:4.8rem;}
    .counsel__mh_name input::placeholder{text-indent:0px;}
    .counsel__mh_name label, .counsel__mh_hp label, .counsel__mh_jijeom label, .counsel__mh_subject label{display:none;}
    .counsel__mh_name input, .counsel__mh_hp input, .counsel__mh_jijeom select, .counsel__mh_subject select,.counsel__mh_subject input {width:100%; border-radius: 5px;}
	.counsel__mh_subject input { font-size: 10px;}
    .counsel__mh_jijeom select{background: url('../img/select-down-arrow-quick.svg') no-repeat 97% 50% rgba(255, 255, 255, 0);}
    .counsel__mh_subject select{background: url('../img/select-down-arrow-quick.svg') no-repeat 97% 50% rgba(255, 255, 255, 0);}

    .counsel-form-agree{width:100%;}

    .counsel-form-box input[type=submit]{width:calc(100% - 1rem); height:5.5rem; margin:0 0.5rem; font-size:1.25rem;}
    
}