@charset "UTF-8";
/* 랜딩페이지 공통 CSS */
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
:root {
    --themeFont : 'Gmarket Sans';
}
html, body { font-weight: 400; }

.theme-font { font-family: var(--themeFont), sans-serif; }
.alert { color: #ec4b4b; }
.naver-bg { background-color: #00c300; }
.kakao-bg { background-color: #fbe100; }

.bttn { display: flex; align-items: center; justify-content: center; min-width: 270px; padding: .75rem 2.25rem; border-radius: 2rem; }

.media-area iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1300px; height: 670px;margin: auto; border-radius: .5rem; }
.media-footer a { position: absolute; display: inline-block; top: 25%; left: 50%; transform: translateX(-50%); }

#mapsection .root_daum_roughmap_landing { width: 100%; }
#mapsection .root_daum_roughmap .wrap_map { height: 500px; }
#mapsection .root_daum_roughmap .wrap_controllers,
#mapsection .root_daum_roughmap .map_border { display: none; }

.contact .info .justify { position: relative; margin-right: 3rem; min-width: 12rem; }
.contact .flexList .box { position: relative; padding: 0 4rem; }
.contact .flexList .box:first-child { border-right: 1px dotted #444; }

@media(max-width: 1350px){
    .media-area iframe { width: 90%; height: auto; aspect-ratio: 16/9; margin: auto; }
}
@media(max-width: 768px){
    #mapsection .root_daum_roughmap .wrap_map { height: 300px; }
	.contact .flexList { --y-gap : .0625rem; }
    .contact .flexList .box { padding: 3rem 0; }
    .contact .flexList .box:first-child { border-right: none; border-bottom: 1px dotted #444; }
	.bttn-wrap { justify-content: space-between; }
    .bttn { min-width: auto; width: 48%; padding: 1.25rem 0; border-radius: 3rem; }
	.contact .logo.mt-50 {margin-top: 1.5rem;}
}
@media(max-width: 500px){
    .media-footer a { width: 60%; }
	.contact .logo.mt-50 {margin-top: 0;}
	.contact .logo img {width: 220px;}
}

#lnd_counsel { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 100; transition: .3s; bottom: -12rem; }
#lnd_counsel.opened { bottom: 0; }
#lnd_counsel .counsel--buttons {display: flex; width: 315px; overflow: hidden; margin-left: auto; margin-right: auto; }
#lnd_counsel .counsel--call-btn { width: 100%; height: 65px; background: linear-gradient(#ffa658, #ffb65f); color: #fff; border:0; padding:8px 12px; line-height: 1.3; border-top-left-radius: 20px; border-top-right-radius: 20px; cursor:pointer; display:flex; justify-content:center; align-items:center; }
#lnd_counsel .counsel--call-btn > i { margin-left:10px; }
#lnd_counsel .counsel--call-btn > .icon_up_arrow img { transform: rotate(180deg); }
#lnd_counsel.opened .counsel--call-btn > .icon_up_arrow img { transform: rotate(-360deg); }
#lnd_counsel .counsel-form-box { width: 100%; background-image: url(/img/main/c_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
#lnd_counsel .counsel-form-box form { display: flex; align-items: center; justify-content: space-between; width: 750px; margin: 0 auto; padding: 1.5rem 0; }
#lnd_counsel .counsel-form-box fieldset { width: 67.5%; }
#lnd_counsel .counsel-form-box fieldset input[type=text],
#lnd_counsel .counsel-form-box fieldset input[type=tel],
#lnd_counsel .counsel-form-box fieldset select {
    width: 45%; padding: .75rem 1.25rem; border: 0; outline: 0; font-family: var(--mainfont) !important; border-radius: .5rem; margin: .75rem 2.5%;
}
#lnd_counsel .counsel-form-box fieldset input[type=text]:focus,
#lnd_counsel .counsel-form-box fieldset input[type=tel],:focus,
#lnd_counsel .counsel-form-box fieldset select:focus {
    border: 0 !important; box-shadow: none !important;
}
#lnd_counsel .counsel-form-box .privacy { width: 45%; margin: .75rem 2.5%; display: flex; justify-content: flex-end; align-items: flex-end; }
#lnd_counsel .counsel-form-box .checkbox { position: relative; }
#lnd_counsel .counsel-form-box .checkbox input[type=checkbox] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; }
#lnd_counsel .counsel-form-box .checkbox input[type=checkbox] ~ label { position: relative; padding-left: 1.5rem; }
#lnd_counsel .counsel-form-box .checkbox input[type=checkbox] ~ label::before { position: absolute; content: ''; top: 50%; left: 0; transform: translateY(-50%); width: 1rem; height: auto; aspect-ratio: 1/1; border: 1px solid #fff; border-radius: .25rem; background-color: transparent;  }
#lnd_counsel .counsel-form-box .checkbox input[type=checkbox]:checked ~ label::before { background-color: #fff; }
#lnd_counsel .counsel-form-box .buttonset { width: 30%; }
#lnd_counsel .counsel-form-box .buttonset button { display: flex; align-items: center; justify-content: center; padding: 1rem .5rem 1rem 1rem; border-radius: .75rem; }
#lnd_counsel .counsel-form-box .buttonset button[type=submit] { background-color: #161616; }
#lnd_counsel .counsel-form-box .buttonset button[type=button] { background-color: #62320c; margin-top: .5rem; }



@media(max-width: 500px){
    #lnd_counsel { bottom: -44rem; }
    #lnd_counsel .counsel--buttons, #lnd_counsel .counsel--call-btn { width: 250px; }
    #lnd_counsel .counsel--call-btn { height: auto; font-size: 1.5rem; }
	#lnd_counsel .counsel-form-box { border-radius: 1rem 1rem 0 0; }
    #lnd_counsel .counsel-form-box form { width: 75%; flex-wrap: wrap; padding: 4rem 0; }
    #lnd_counsel .counsel-form-box fieldset,
    #lnd_counsel .counsel-form-box .buttonset,
    #lnd_counsel .counsel-form-box fieldset input[type=text],
    #lnd_counsel .counsel-form-box fieldset input[type=tel],
    #lnd_counsel .counsel-form-box fieldset select,
    #lnd_counsel .counsel-form-box .privacy,
    #lnd_counsel .counsel-form-box .buttonset button { width: 100%; }
	#lnd_counsel .counsel-form-box .checkbox input[type=checkbox] ~ label { font-size: 1.5rem; padding-left: 2rem; }
	#lnd_counsel .counsel-form-box .checkbox input[type=checkbox] ~ label::before { width: 1.5rem; }
    #lnd_counsel .counsel-form-box .buttonset { margin-top: 2rem; }
    #lnd_counsel .counsel-form-box .buttonset button { padding: 1.5rem 1rem 1.5rem 1.5rem; font-size: 1.5rem; }
    #lnd_counsel .counsel-form-box fieldset input[type=text],
    #lnd_counsel .counsel-form-box fieldset input[type=tel],
    #lnd_counsel .counsel-form-box fieldset select {
        padding: 1.5rem 1rem; font-size: 1.5rem;
    }
}

.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);
	}
}