@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");
html,body,div,span,p,h1,h2,h3,h4,h5,h6,sup,ul,ol,li,a,dt,dl,table,th,td,input,select,label,section,button,strong{font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, Montserrat, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color: #333; font-size: 18px;}
*{ margin: 0; padding: 0;}
html, body{ overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{ font-size: 18px;}
ol,ul{ list-style: none;}
em,address{ font-style: normal;}
fieldset{ border: none;}
caption, legend{ text-indent: -999999px; width: 1px; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; position: absolute; left: 0; top: 0;}
img{ vertical-align: middle;}
input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="radio"]{ vertical-align: middle;}
button, input{ padding: 0; margin: 0; border: 0;}
a{ text-decoration: none; color: #4b4b4b;}




/* 모바일바로가기 */
#mobile-btn { } 
#mobile-btn { position: fixed; right: 0; top: 200px; z-index: 150; } 
#mobile-btn > a { display: block; width: 210px; height: 60px; background: rgba(0,0, 0, 0.6) url(../image/main/mobile_on.png) right 15px top 26px no-repeat; color:#fff; border-radius: 20px 0 0 20px; transition: all 0.3s; } 
#mobile-btn > a:hover { background-color: rgba(191, 150, 106, 1); } 
/* #mobile-btn > a:hover p { display:block; opacity: 1; transition-delay: 0.2s } */
#mobile-btn > a > p { font-size: 18px; font-weight: 500; color: #fff; text-align: center; line-height: 60px } 



/* 공통 */
.wrap{ width:1200px; margin:auto; max-width:100%; min-width:1200px;}
.w1200{ width:1200px; margin:auto; max-width:100%; min-width:1200px; }
body .bx-wrapper{box-shadow: 0 0 0 0; margin-bottom: 0; padding: 0; border: none; background-color: transparent;}
strong{ font-size: inherit; color: inherit;}
.flex{ display: flex;}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.f-mont{font-family:'Montserrat' !important;}


/* 헤더 */

#header{width:100%;}




/* 상담신청 */
.csTel .chk-case { position:relative; display:inline-block; width:100%; margin-top:15px;;}
.csTel .chk-case:After {display:block; content:""; clear:both; }
.csTel .chk-case .ck-form {color:rgba(255, 255, 255, .5); font-size:16px;  float:right;}
.csTel .quick-agree { cursor: pointer; color: rgba(255, 255, 255, .5); font-size: 15px;}
.csTel .agree-box {
position: absolute;
width: 323px;
padding: 10px;
font-size: 16px;
border: 1px solid #303030;
background: #fff;
z-index: 1;
display: none;
text-align: left;
bottom: 20px;
left: 20px;
transition:none;
}
.csTel .q-consl .f_cs { width:100%; display:inline-block; padding:15px 0 30px; }
#agree { vertical-align:middle; margin-right:3px; color:rgba(255, 255, 255, .5);}
.ck-form input{ vertical-align:middle; color:rgba(255, 255, 255, .5); font-size:16px;}
.ck-form label{ vertical-align:middle; color:rgba(255, 255, 255, .5); font-size:16px;}
.ck-form input::placeholder{ vertical-align:middle; color:rgba(255, 255, 255, .5);}
.agree_tit{font-size:18px; color:#c80000;}










/* 메인 */
#fullpage {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	
}

#fp-nav ul li{width:20px !important;}
#fp-nav ul li:nth-of-type(5){display:none;}
#fp-nav ul li .fp-tooltip{width:auto !important; margin-left:15px; font-size:14px !important; font-family:'Montserrat' !important; transition: transform .5s ease-out;}
#fp-nav ul li.active .fp-tooltip{opacity:1 !important;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}	
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	width:20px !important; height:2px !important; 
	background:#fff ; 
	border-radius:0 !important; 
	left:auto !important;
	transition: transform .3s ease-out;
}
#fp-nav ul li a.active span{margin:-2px 0 0 -2px !important; background:#26a7a1 !important; transform:rotate(-25deg);}
#fp-nav ul li:hover a span{margin:-2px 0 0 -2px !important; background:#26a7a1 !important; transform:rotate(-25deg);}
#fp-nav ul li a.active + div{opacity:1 !important; color:#26a7a1}

.Mouse{width:150px; height:50px; display:block; position:absolute; left:50%; bottom:40px; transform:translateX(-50%);}
.Mouse p{padding-top:55px; color:#fff; font-size:14px; font-weight:500; text-align:center; font-family:'Montserrat' !important;}
.Mouse a {padding-top: 40px;}
.Mouse a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 32px;
  height: 45px;
  margin-left: -15px;
  border: 4px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.Mouse a span::before {
  position: absolute;
  top: 5px;
  left: 50%;
  content: '';
  width: 6px;
  height: 12px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
	-webkit-transform: translate(0, 0);
	opacity: 0;
  }
  40% {
	opacity: 1;
  }
  80% {
	-webkit-transform: translate(0, 10px);
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}
@keyframes sdb {
  0% {
	transform: translate(0, 0);
	opacity: 0;
  }
  40% {
	opacity: 1;
  }
  80% {
	transform: translate(0, 10px);
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}   

.q-quickWrap{}
.q-btnWrap{position:fixed; bottom:38px; right:50px; z-index:9; display:flex; flex-direction:column;}
.q-btnWrap a{display:block; width:62px; height:62px; box-sizing:border-box; border-radius:50%; filter: drop-shadow(0 0 10px rgba(0, 0, 0, .1));}
.q-btnWrap li+li{margin-top:20px;}
.q-btnWrap li{display:inline-block;}
.q-btnWrap li:nth-of-type(1) a{background:url(../image/main/q-btn01.png) center center no-repeat;}
/* .q-btnWrap li:nth-of-type(2) a{background:url(../image/main/q-btn02.png) center center no-repeat;}
.q-btnWrap li:nth-of-type(2).on a{background:url(../image/main/q-btn_clo.png) center center no-repeat;} */
/* .q-btnWrap li:nth-of-type(3) a{background:url(../image/main/q-btn03.png) center center no-repeat;} */
.q-btnWrap li:nth-of-type(2) a{background:url(../image/main/q-btn02.png) center center no-repeat;}
.q-btnWrap li:nth-of-type(3) a{background:url(../image/main/q-btn03.png) center center no-repeat;}

.q-btncounselPop{width:325px; height:395px; box-sizing:border-box; position:fixed; right:145px; bottom:70px; z-index:9; filter: drop-shadow(0 0 10px rgba(0, 0, 0, .1)); background:linear-gradient(180deg, #26a7a1 140px, #fff 140px); overflow:hidden; border-radius:15px; padding:30px; opacity:0; transition: all .3s ease-out; bottom:-400px;}
.q-btncounselPop .flex{flex-direction:column;}
.q-btncounselPop .flex > div{width:100%}
.q-btncounselPop .flex > div:nth-of-type(1){text-align:center;}
.q-btncounselPop .flex > div:nth-of-type(1) h1{text-align:center; color:#fff; font-size:30px; font-weight:bold; letter-spacing:-1.4px}
.q-btncounselPop .flex > div:nth-of-type(1) p{text-align:center; color:#fff; font-size:18px; font-weight:300; letter-spacing:-1.4px; margin:5px auto 10px;}
.q-btncounselPop .flex > div:nth-of-type(2){background:#fff; width:100%; height:140px; box-sizing:border-box; border-radius:15px; padding:20px 30px; border:1px solid #ddd; overflow:hidden;}
.q-btncounselPop .flex > div:nth-of-type(2) input[type=textbox]{width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.q-btncounselPop .flex > div:nth-of-type(2) input[type=textbox]:focus{outline:none !important;}
.q-btncounselPop .flex > div:nth-of-type(2) input[type=textbox]::placeholder{text-indent:5px;}
.q-btncounselPop .flex > div:nth-of-type(2) input + input{margin-top:5px;}
.q-btncounselPop .flex > div:nth-of-type(3) input[type=checkbox]{width:15px; height:15px; margin-right:5px; vertical-align:middle;}
.q-btncounselPop .flex > div:nth-of-type(3) > p{font-size:16px; font-weight:400; color:#666; text-align:center; margin:15px auto 20px; display:flex; align-items:center; justify-content:center;}
.q-btncounselPop .flex > div:nth-of-type(3) > p span{font-size:16px; font-weight:bold; color:#666; display:inline-block; margin-left:3px; cursor:pointer;}
.q-btncounselPop .flex > div:nth-of-type(3) > p label{font-size:16px; font-weight:400; color:#666; text-align:center;}
.q-btncounselPop .flex > div:nth-of-type(3) h4{background:#a16e38; line-height:45px; text-align:center; border-radius:45px; width:100%; color:#fff; font-size:20px; cursor:pointer;}
.q-btncounselPop.on{opacity:1; bottom:70px;}

.agree-box{
		position: absolute;
		width: 280px;
		padding: 10px;
		font-size: 16px;
		border: 1px solid #515559;
		background: #fff;
		z-index: 1;
		display: none;
		text-align: left;
		bottom: 130px;
		left:50%;
		transform:translateX(-50%);
		transition:none;
	}
	.agree-box .agree_tit{ font-weight: 400; font-size: 18px; color: #d71313; }



.section {}
.sec1{background:url(../image/main/mainSlider02.png) center center no-repeat; background-size:cover; padding-top:60px;}
.sec2{background:url(../image/main/sec02.png) center center no-repeat; background-size:cover;}
.sec3{background:url(../image/main/sec03.png) center center no-repeat; background-size:cover;}
.sec4{background:#fff;}
.sec4{background:#fff;}


.titWrap{position:absolute; top:26.14%; left:50%; transform:translateX(-50%)}
.titWrap span{font-size:20px; font-weight:500; color:#fff; text-align:center; display:block;}
.titWrap h1{font-size:54px; font-weight:bold; color:#fff; text-align:center; margin-top:25px;}

.titWrap2{}
.titWrap2 span{font-size:20px; font-weight:500; color:#26a7a1; display:block;}
.titWrap2 h1{font-size:45px; font-weight:bold; color:#333; margin-top:25px;}
.titWrap2 p{font-size:18px; font-weight:400; color:#333; margin-top:40px;}

.sec1{}
.sec1 .mainSlider{}
.sec1 .mainSlider .swiper-slide{width:100%; height:100%;}
.sec1 .mainSlider .swiper-slide img{width:100%; height:auto; object-fit:cover;}

.sec2{}
.sec2 .flex{width:100%; height:100%;}
.sec2 .flex > div{width:25%; box-sizing:border-box; padding-top:30%; text-align:center; transition: all .5s ease-out; cursor:pointer;}
.sec2 .flex > div p{font-size:38px; font-weight:bold; color:#fff; margin-top:30px;}
.sec2 .flex > div a{width:210px; line-height:45px; text-align:center; display:block; margin:0 auto; font-family:'Montserrat' !important; box-sizing:border-box; border:1px solid #fff; border-radius:45px; color:#fff; margin-top:45px; display:none;}
.sec2 .flex > div:hover{padding-top:23.5%; background:linear-gradient(180deg, rgba(3, 26, 71, .85), rgba(38, 167, 161, .85)); }
.sec2 .flex > div:hover a{display:block;}
.sec2 .flex > div + div{border-left:1px solid rgba(255, 255, 255, .1)}

.sec3{}
.sec3 .flex{width:1200px; height:685px; margin:auto; justify-content:space-between; padding-top:170px;}
.sec3 .flex > div{border-radius:20px; cursor:pointer;}
.sec3 .flex > div:nth-of-type(1){padding-top:100px;}
.sec3 .flex > div:nth-of-type(2){margin-top:55px; width:390px; height:630px; background:url(../image/main/sec03_1.png)center center no-repeat;}
.sec3 .flex > div:nth-of-type(3){width:390px; height:630px; background:url(../image/main/sec03_2.png)center center no-repeat;}
.sec3 .contentBox{display:flex; position:relative; flex-direction:column; justify-content:flex-end; box-sizing:border-box; padding:35px;}
.sec3 .contentBox > p{font-size:36px; font-weight:600; color:#fff;}
.sec3 .sec3Pop{position:absolute; width:400px; height:240px; background:linear-gradient(0deg, rgba(3, 26, 71), rgba(38, 167, 161)); box-sizing:border-box; padding:40px 30px; left:-55px; border-radius:20px; opacity:0; transition: all .3s ease-out;}
.sec3 .sec3Pop p{position:relative; font-size:32px; font-weight:600; color:#fff;}
.sec3 .sec3Pop p:before{width:49px; height:2px; content:""; display:block; background:#fff; position:absolute; top:2px; left:-55px;}
.sec3 .sec3Pop span{display:inline-block; font-size:16px; color:#fff; margin:20px auto; letter-spacing:-0.2px;}
.sec3 .sec3Pop a{font-size:14px; font-weight:500; color:#fff; letter-spacing:-1.6px; width:110px; line-height:30px; border:1px solid #fff; box-sizing:border-box;  font-family:'Montserrat' !important; display:block; text-align:center;}
.sec3 .contentBox:hover .sec3Pop{opacity:1;}


.sec4{}
.sec4 #fp-nav ul li a span{background:#333 !important;}
.sec4 .flex{align-items:center; justify-content:space-between; width:100%; height:100%; padding-top:9px;}
.sec4 .flex .left, .sec4 .flex .right{width:14.4%; height:100%; box-sizing:border-box; content:""; display:block;}
.sec4 .flex .left{border-right:1px solid #ddd;}
.sec4 .flex .adress, .sec4 .flex .map{width:35.6%}
.sec4 .flex .adress{height:508px; box-sizing:border-box; border-top:1px solid #ddd; padding-top:80px; padding-left: 130px;}
.sec4 .flex .adress > p{font-size:20px; font-weight:600; color:#333; letter-spacing:-1.4px; font-family:'Montserrat' !important}
.sec4 .flex .adress > p img{vertical-align:baseline; margin-right:10px;}
.sec4 .flex .adress > span{font-size:20px; font-weight:400; color:#26a7a1; letter-spacing:-1.4px; margin:20px 0 35px; display:inline-block; line-height:30px;}
.sec4 .flex .adress > ul{display:flex; flex-direction:column;}
.sec4 .flex .adress > ul > li{width:100%; box-sizing:border-box; padding-left:25px; display:flex; width:500px; display:flex;}
.sec4 .flex .adress > ul > li + li{margin-top:30px;}
.sec4 .flex .adress > ul > li:nth-of-type(1){background:url(../image/main/sec4_ico01.png) center left no-repeat;}
.sec4 .flex .adress > ul > li:nth-of-type(2){background:url(../image/main/sec4_ico02.png) center left no-repeat;}
.sec4 .flex .adress > ul > li:nth-of-type(3){background:url(../image/main/sec4_ico03.png) left 6px no-repeat;}
/* .sec4 .flex .adress > ul > li:nth-of-type(4){background:url(../image/main/sec4_ico04.png) left 6px no-repeat;} */
/* .sec4 .flex .adress > ul > li + li{margin-top:20px;}
.sec4 .flex .adress > ul > li span{font-family:'Montserrat' !important; font-size:19.96px; font-weight:600; letter-spacing:-1.4px; color:#333; width:160px; display:inline-block;}
.sec4 .flex .adress > ul > li strong{font-weight:600; letter-spacing:-1.4px;}
.sec4 .flex .adress > ul > li ul{display:flex; flex-direction:column; width:calc(100% - 160px);}
.sec4 .flex .adress > ul > li ul li{font-size:19.96px;}
.sec4 .flex .adress > ul > li ul li span{display:inline-block; color:#999; font-size:19.96px; white-space:nowrap;} */
.sec4 .flex .adress > ul > li > span{font-family:'Montserrat' !important; font-size:19.96px; font-weight:600; letter-spacing:-1.4px; color:#333; width:160px; display:inline-block;}
.sec4 .flex .adress > ul > li > ul > li{display:flex;}
.sec4 .flex .adress > ul > li > ul > li + li{margin-top:20px;}
.sec4 .flex .adress > ul > li > ul > li div{font-size:20px;}
.sec4 .flex .adress > ul > li > ul > li div strong{display:block; width:75px; text-align: justify; overflow-wrap: break-word; word-break: keep-all; text-align-last: justify; padding-right:15px; border-right:2px solid #333; margin-right:10px; letter-spacing:-1.4px; font-weight:600;}
.sec4 .flex .adress > ul > li > ul > li div span{color:#26a7a1; display:inline-block; line-height:26px;}
.sec4 .flex .map{width:690px; height:580px;}


.footer{padding:70px 0; border-top:1px solid #ddd; width:100%;}
.footer > div{width:100%;}
.footer .top{margin-bottom:40px;}
.footer .top ul{display:flex; margin:0 auto; align-items:center; justify-content:center;}
.footer .top ul li{position:relative;}
.footer .top ul li img{vertical-align:sub; margin-right:5px; display:inline-block;}
.footer .top ul li a{line-height:20px; font-family:'Montserrat' !important; font-size:14px; font-weight:400; color:#333; text-transform:uppercase ;}
.footer .top ul li + li{margin-left:45px;}
.footer .top ul li + li:before{position:absolute; top:50%; left:-25px; content:"·"; display:block; transform:translateY(-50%); color:#999; font-size:18px;}
.footer .bottom ul{display:flex; margin:0 auto; align-items:center; justify-content:center;}
.footer .bottom ul.gen{}
.footer .bottom ul.gen li{font-size:18px; font-weight:400; color:#333; letter-spacing:-1.4px; position:relative;}
.footer .bottom ul.gen li + li{margin-left:45px;}
.footer .bottom ul.gen li + li:before{position:absolute; top:50%; left:-25px; content:""; display:block; transform:translateY(-50%) rotate(-45deg); width:12px; height:2px; background:#c9c9c9;}

.footer .bottom ul.info{margin:30px auto 10px;}
.footer .bottom ul.info li{font-size:16px; font-weight:400; color:#666; letter-spacing:0px; position:relative;}
.footer .bottom ul.info li + li{margin-left:45px;}
.footer .bottom ul.info li + li:before{position:absolute; top:50%; left:-25px; content:""; display:block; transform:translateY(-50%); width:1px; height:10px; background:#c9c9c9;}

.footer .bottom > p{text-align:center; font-family:'Montserrat' !important; font-size:14px; font-weight:500; color:#666;}