@charset "utf-8";
@import "reset.css";
@import "common.css";
@import "layout.css";
/*******************************
* event.css
* Site Name: 에이스타의원
* Description: Created by TR beop07.
* Update: 2019.09
********************************/

/*************************************/
/* C O M M O N
/*************************************/
img{max-width:100%}
.bImg{display:block;margin:0 auto}
.wrap{position:relative;max-width:720px;margin:0 auto}


/*************************************/
/* H E A D E R
/*************************************/
.header h1{text-align:center;padding:30px 0}
	.header h1 > a{display:block}

@media (max-width:640px){
	.header h1{text-align:center;padding:6.7% 16.5%}
}

/*************************************/
/* C O N T E N T S
/*************************************/
.sec_slide{background:url('../img/event/bg_slide_sec.jpg') no-repeat top center;background-size:cover}
	.ad_slide{position:relative;padding:0 45px 13%}
	.ad_slide.slick-slider{margin-bottom:0 !important}
	.ad_slide .slick-slide, .ad_slide .slick-slide a{outline:none}
	.ad_slide .slick-next{width:40px;height:40px;background:url('../img/event/next_btn.png') no-repeat;right:8px}
	.ad_slide .slick-prev{width:40px;height:40px;background:url('../img/event/prev_btn.png') no-repeat;left:8px}
	.ad_slide .slick-dots{left:0;bottom:35px}
	.ad_slide .slick-dots li{margin:0 6px}
	.ad_slide .slick-dots li button:before{width:15px;height:15px}

.sec_notice{background:#fff}
	.ul_notice_event{margin-top:-7px}
	.ul_notice_event > li{margin-bottom:8px}
	.ul_notice_event > li > a{display:block}
	.ul_notice_event > li img{display:block;width:100%}

.sec_location{background:#fff}
	.call_wrap a{display:block}


@media (max-width:640px){
	.ad_slide{padding:0 20px 70px}
	.ad_slide .slick-dots{bottom:30px}
	.ul_notice_event > li{margin-bottom:5px}
}

/*************************************/
/* F O O T E R
/*************************************/
.footer{position:relative;text-align:center;padding:45px 0 95px}
	.footer .ft_logo{padding:0 16.5% 30px}
	.footer p{padding:0 20px}

.consulting{position:fixed;bottom:0;left:0;width:100%;z-index:20;background:#000;padding:0 20px 52px;transform:translateY(165px);-webkit-transform:translateY(165px);-webkit-transition:transform .3s linear;transition:transform .3s linear}
	.consulting.open{transform:translateY(0);-webkit-transform:translateY(0)}
	.consulting form{max-width:720px;margin:0 auto}
	.consulting h2{position:relative;margin-top:-38px;padding-bottom:10px;z-index:11;text-align:center}
	.consulting h2 img{width:289px}
	.consulting .form-row{display:table;width:100%}
	.consulting .form-row .input-area{display:table-cell;vertical-align:top}
	.consulting .form-row .input-area .input-col{float:left}
	.consulting .form-row .input-area .inc_username{width:calc(40% - 15px);margin-right:15px}
	.consulting .form-row .input-area .inc_usermobile{width:60%}
	.consulting .form-row .input-area .inc_usermsg{clear:both;width:100%;margin-top:10px}
	.consulting .form-row .btn-area{display:table-cell;width:110px;padding-left:20px}
	
	.term{position:absolute;bottom:13px;left:50%;width:100%;max-width:720px;margin-left:-360px}
	.term label{font-size:15px;color:#fff;font-weight:500;vertical-align:middle;cursor:pointer}
	.term input[type=checkbox]{position:absolute;opacity:0;visibility:hidden}
	.term input[type=checkbox] + .chk{position:relative;top:-1px;display:inline-block;width:18px;height:18px;background:url('../img/event/chk.png') no-repeat;background-size:18px;vertical-align:middle;margin-right:4px}
	.term input[type=checkbox]:checked + .chk{background-position:0 -18px}
	.term a{display:inline-block;font-size:15px;color:#fff;font-weight:300;vertical-align:middle}

	
	.consulting .input{width:100%;height:40px;font-size:16px;box-shadow:2px 2px 4px rgba(0,0,0,0.25) inset;background:#fff;outline:none;border:0;padding:0 10px}
	.consulting #btn_submit{width:100%;height:90px;font-size:20px;background:url('../img/event/btn_submit_bg.png') no-repeat;background-size:100% 100%;color:#fff;border:0;border-radius:4px;-webkit-appearance:none;font-weight:700;cursor:pointer}
	.input::placeholder{color:#ff4cad;opacity:1;text-align:center}
	.input:-ms-input-placeholder{color:#ff4cad;text-align:center}
	.input::-ms-input-placeholder{color:#ff4cad;text-align:center}

.quick_btn{position:fixed;bottom:37px;right:30px;z-index:19}
	.quick_btn li{margin-bottom:6px}
	.quick_btn a{display:block}
	.quick_btn img{width:70px;box-shadow:2px 2px 6px rgba(0,0,0,0.1);border-radius:50%}

@media (max-width:740px){
	.term{left:0;width:100%;max-width:100%;margin-left:0}
}
@media (max-width:640px){
	.footer{padding:35px 0 75px}
	.footer .ft_logo{padding:0 16.5% 25px}

	.consulting h2 img{width:200px}
	.consulting .form-row .btn-area{width:105px;padding-left:15px}

	.quick_btn{bottom:30px;right:17px}
	.quick_btn img{width:55px}
}
@media (max-width:480px){
	.consulting{transform:translateY(160px);-webkit-transform:translateY(160px)}
	.consulting .input{height:38px;font-size:15px}
	.consulting #btn_submit{height:86px;font-size:18px}
	.consulting .form-row .input-area .inc_username{width:calc(40% - 10px);margin-right:10px}
	.consulting .form-row .btn-area{width:96px;padding-left:10px}
	.term{bottom:14px}
}