@charset "utf-8";

/*common*/
*{box-sizing:border-box;word-break: keep-all;letter-spacing:-.6px;}
body{overflow-x:hidden;line-height:1.5;background:#DCD9CD;color:#654C26;text-align: center;-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.con-flex{display:flex;align-items:center;}
.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}
/* .contents{padding:140px 0;}
.inner{margin:0 auto;} */
.btn{display:flex;align-items: center;border-radius:30px;justify-content: center;}
.m-only{display:none;}
.videoWrapper {
    position: relative;
    /* padding-bottom: 56.25%;  */
    width:100%;
    height: 100%;
}
.videoWrapper iframe {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

.br-m{display:none;}
.sp-df{letter-spacing:2px;}


input {-webkit-appearance: none;-webkit-border-radius: 0;}

input[type='checkbox']{
   position: relative;
   top:-1px;
    width: 18px;
    height: 18px;
    margin-right: 3px;
   -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: none;
    box-shadow: none;
    background: url('/suites_resource/images/common/input_check.svg') no-repeat center center;
    background-size: contain;    
    border: 0;
}

input[type='checkbox']:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    box-shadow: none;
    background: url('/suites_resource/images/common/input_check_on.svg') no-repeat center center;
    background-size: contain;
    border: 0;
}

input[type='radio']{
   position: relative;
    width: 18px;
    height: 18px;
   -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: none;
    box-shadow: none;
    background: url('/suites_resource/images/common/input_radio.svg') no-repeat center center;
    background-size: contain;
    border: 0;
    margin:0;
    margin-right:5px;
}

input[type='radio']:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    box-shadow: none;
    background: url('/suites_resource/images/common/input_radio_on.svg') no-repeat center center;
    background-size: contain;
    border: 0;
}

select{
/*ios대응*/
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;

}


/*header*/
header{display:flex;position:absolute;top:70px;left:0;width:100%;align-items:flex-start;justify-content:center;}
.call{display:block;position:fixed;top:45px;right:45px;z-index:9;padding:0px 25px;border-radius:15px;border:1.5px solid #654C26;background:transparent;font-size:37px;font-weight:600;color:#654C26;letter-spacing:2px;background:#DCD9CD;font-family: 'regulator-nova' !important;line-height:1.4;} /*animation:bigger 15s 1 forwards;*/
.mainp .call{background:#fff;}
.con-img-logo{display:block;width:161px;}
.bglogo{animation:bigger2 5s 1 forwards;}


/*main*/

section.main .con-txt h3{margin-top:80px;margin-bottom:30px;font-size:28px;line-height:1.4;}
section.main .con-txt p{margin-bottom:100px;font-size:17px;}
section.main .con-txt p span{display:inline-block;position:relative;margin-bottom:10px;font-weight:700;}
/* section.main .con-txt p span::after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#654C26;} */

@keyframes bigger{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }
}


@keyframes bigger2{
    0%{
        opacity:0;
        transform: scale(.9);
    }
    100%{
        opacity:1;
        transform: scale(1);
    }
}

.sec01{padding:230px 0 0px;}
.sec01 h2{margin-top:80px;font-size:45px;line-height:1.2;letter-spacing:4px;}
.sec01 .con-img{width:100%;max-width:1920px;margin:0 auto;}
.sec01 .con-img>img{width:100%;}


/* .sec02{padding:230px 0 0px;} */
.sec02 h2{margin-top:80px;font-size:45px;line-height:1.2;letter-spacing:4px;}
.sec02 .con-img{width:100%;max-width:1920px;margin:0 auto;}
.sec02 .con-img>img{width:100%;}
/* .sec02>img{width:100%;max-width:1920px;text-align:center;} */
.sec02 .con-wrap ul.con-flex-bet{width:1577px;margin:0 auto;padding:30px 0px;flex-wrap:wrap;border-bottom:.5px solid #fff;align-items: flex-start;}
.sec02 .con-wrap ul li{position:relative;width:25%;}
.sec02 .con-wrap ul li::after{content:'';display:block;position:absolute;top:50%;right:0;width:5px;height:5px;background:#654C26;border-radius: 50%;}
.sec02 .con-wrap ul li:nth-child(3):after{top:46%;}
.sec02 .con-wrap ul li:last-child::after{display:none;}
.sec02 .con-wrap ul li .conbx{margin:30px 0;}
.sec02 .con-wrap ul li .conbx h3{font-size:23px;font-weight:600;line-height:1.5;}
.sec02 .con-wrap ul li .conbx p{font-size:14px;}
.sec02 .con-wrap ul li .conbx p span{font-weight:600;}

footer{position:relative;font-family: 'Noto Sans KR' !important;}
footer .inner{width:1557px;margin:0 auto;padding:80px 0 40px;border-top:.5px solid #654C26;}
footer .bt-logo01{width:174px;margin-bottom:50px;}
footer .bt-txt01{width:360px;}
footer .bt-logo02{width:354px;}
footer h3{font-size:26px;font-weight:700;margin-bottom:10px;}
footer p{margin:20px 0;font-size:39px;font-weight:500;}

footer .btn-right{display:flex;position:fixed;bottom:1.6rem;right:0;-webkit-animation:twinkle 7s infinite;animation:twinkle 7s infinite;width:308px;height:110px;background:#fff;font-weight:500;line-height:1.333;border-radius:80px 0 0 80px;z-index:10;word-break:break-all;-webkit-transition:background-color 1s, color 1s, contents 1s;transition:background-color 1s, color 1s, contents 1s;align-items:center;justify-content:center;}
footer .btn-right>svg{width:163px;}
footer .btn-right .st0{-webkit-animation:twinkle2 7s infinite;animation:twinkle2 7s infinite;fill:#654C26;}
footer .btn-right.scroll-stop{position:absolute;bottom:auto;top:-50px;}

footer .con-bt{margin-top:80px;padding: 40px 0 0;border-top: 0.5px solid #654c26;}
footer .con-bt>img{width:460px;}
footer .com-info{font-size:11px;font-weight:400;}

footer.page .btn-right{display:none;}

footer .phone{font-family: 'regulator-nova' , 'sans-serif' !important;letter-spacing:4px;line-height:1;}

@-webkit-keyframes twinkle
{
    0%,100%{
        background:#DCD9CD;
    }
    50%{
        background:#654c26;
    }
}

@keyframes twinkle{
    0%,100%{
        background:#DCD9CD;
    }
    50%{
        background:#654c26;
    }
}

@-webkit-keyframes twinkle2{
    0%,100%{
        fill:#654C26;
    }
    50%{
        fill:#fff;
    }
}

@keyframes twinkle2{
    0%,100%{
        fill:#654C26;
    }
    50%{
        fill:#fff;
    }
}
    

/**/
.cs-sec01{padding-top:280px;}
.cs-bglogo{display:block;width:1063px;margin:0 auto;margin-bottom:100px;}
.cs-sec01 .con-txt{margin-bottom:70px;}
.cs-sec01 .con-tit {margin-bottom:30px;}
.cs-sec01 .con-tit h3{font-size: 35px;font-weight:700;}
.cs-sec01 .con-tit p{font-size:20px;font-weight:500;}
.cs-sec01 .con-txt p{font-size:17px;}
.cs-sec01 .con-img{width:100%;}
.cs-sec01 .con-img img{width:100%;}
.cs-sec01 .con-bt{margin-top:70px;}
.cs-sec01 .con-bt p{font-size:19px;}
.cs-sec01 .con-bt p span{font-size:14px;}
.cs-sec01 .con-bt ul{margin-top:30px;display:flex;align-items:center;justify-content:center;font-size:38px;}
.cs-sec01 .con-bt ul li{position:relative;padding:0 15px;}
.cs-sec01 .con-bt ul li:before {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #654C26;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
}
.cs-sec01 .con-bt ul li:last-child::before {
   display:none;
}

/**/
.check_list {display: flex; align-items: center; width: 100%}
.check_list span {display: flex; align-items: center; justify-content: center; margin-right: 20px}
.check_list span:last-child {margin: 0}
.check_wrap label {margin: 0 !important;}
.check_wrap .inBox {display: flex; align-items: center}

.contact_form .check_wrap .title {display: inline-block; flex-shrink: 0; width: 120px}
.policyIn .msg{text-align:left;}


/*인트로 추가*/
.main-intro{overflow:hidden;position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;flex-direction:column;justify-content: center;align-items:center;animation-name:position;animation-duration:1.7s;animation-fill-mode:forwards;animation-delay:5s;animation-iteration-count:1;}/*animation-name:justifyStart, position;animation-duration:.9s, .9s;animation-fill-mode:forwards, forwards;animation-delay:3s, 6s;animation-iteration-count: 1, 1;*/
.main-intro .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;animation:hide 2s forwards 1;animation-delay:6s;}/*animation:hide 1s forwards 1;animation-delay:6s;*/
.img-wrap{display:flex;position:absolute;top:50%;left:0%;width:100%;height:100px;transform:translateY(-50%);justify-content:center;animation:trans 1.5s forwards 1;animation-delay:3.8s;align-items:center;}/*animation:hg100 2s forwards 1;animation-delay:3.5s;*/
.main-intro .img{display:flex;position:relative;z-index:999;justify-content:center;align-items:center;flex-direction:column;animation:smaller 1.7s forwards 1;animation-delay: 2s;}/*animation:smaller 1.7s forwards 1;animation-delay: 2s;*/
.intro-img1{width:176px;}
.intro-img2{width:476px;margin:37px 0 30px;}
.intro-img3{width:131px;}
.contact_form select{color:#000 !important;}

.fade_in_up:nth-child(1){animation-delay:0}
.fade_in_up:nth-child(2){animation-delay:0.4s}
.fade_in_up:nth-child(3){animation-delay:0.8s}

.sec01 .con-img.fade_in_up{animation-delay:5s;}
.sec01 .inner.fade_in_up{animation-delay:5s;}
section .fade_in_up, section .fade_in_left, section .fade_in_right {opacity: 0}

.fade_in_up{
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}



@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


@-webkit-keyframes hide {
	from {
		opacity:1;

	}
	to {
		opacity: 0;

	}
}
@keyframes hide {
	from {
		opacity:1;

	}
	to {
		opacity: 0;

	}
}

@-webkit-keyframes smaller {
	from {
		transform:scale(1);
	}
	to {
		transform:scale(.338);
	}
}
@keyframes smaller {
	from {
		transform:scale(1);
	}
	to {
		transform:scale(.338);
	}
}

@-webkit-keyframes trans {
	from {
		top:50%;
	}
	to {
		top:0px;
        padding-top:242px;

	}
}
@keyframes trans {
	from {
		top:50%;
	}
	to {
		top:0px;
        padding-top:242px;

	}
}



@-webkit-keyframes position {
	from {
        position:fixed;
		z-index:999;
	}
	to {
        position:absolute;
		z-index:-999;

	}
}
@keyframes position {
	from {
        position:fixed;
		z-index:999;
	}
	to {
        position:absolute;
		z-index:-999;

	}
}

@-webkit-keyframes scrx {
	from {
        overflow:hidden;
	}
	to {
        overflow:auto;

	}
}
@keyframes scrx {
	from {
        overflow:hidden;
	}
	to {
        overflow:auto;

	}
}