@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");
@font-face {
  font-family: 'LotteMartHappy';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
}

@font-face {
  font-family: 'LotteMartHappy';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff');
}

.lottemarthappy{
 font-family: 'LotteMartHappy', sans-serif;
}

html,body, a, img{
-webkit-touch-callout:none;
-webkit-user-select:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
html,body{scroll-behavior: smooth;}
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: 'Noto Sans KR', sans-serif; color: #333; font-size:16px; letter-spacing:-1px;}
*{ margin: 0; padding: 0;}
html, body{ overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{ font-size: 18px; font-weight:700;}
ol,ul, li{ 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; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
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; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
strong{font-family:inherit; font-weight:700;}


:root{
	--mainColor:#023064;
	--subColor:#fdc205;
	--f-mont:'Montserrat';
}

/* 모바일바로가기 */
#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;}
.flex.cen{justify-content:center !important;}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.f-mont{font-family:'Montserrat' !important;}
.m_show { display: none !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;}




.q-quickWrap{display:none;}


.mainTitle{text-align:center; font-size: 45px; font-family:'Montserrat'; font-weight:normal;}
.mainTitle.bar:before{width:1px; height:66px; content:""; display:block; margin:0 auto; margin-bottom:30px; background:#333;}
.mainTxt{font-size:18px; text-align:center;}
.mainTitle + .mainTxt{margin:40px auto 50px;}


/* 메인 */
.mainCon{width:100%; position:relative; max-width:1920px; margin:0 auto;}
.main01{background:url(../img/main/mainBg01.png) center center no-repeat; height:930px;}
.main01 .txtBox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.main01 .txtBox *{color:#fff; text-align:center; display:block;}
.main01 .txtBox .logo{background:url(../img/main/mainLogo.png) center center no-repeat; height:101px; margin-bottom:30px; display:none;}
.main01 .txtBox h2{font-size:70px; font-weight:normal;}
.main01 .txtBox p{font-size:20px; margin:35px auto 30px; display:inline-block; width:385px; line-height:28px; border-radius:28px; background:var(--mainColor); font-family:var(--f-mont);}
.main01 .txtBox span{font-size:20px; line-height:155%;}

.main02{background:url(../img/main/mainBg02.png) center center no-repeat; height:365px; background-attachment: fixed; background-size:cover;}
.main02 .wrap{max-width:1200px; height:100%;}
.main02 .wrap > .flex{width:100%; justify-content:space-between; align-items:Center; height:100%;}
.main02 .wrap > .flex > div{width:50%;}
.main02 .wrap > .flex > div.box01{}
.main02 .wrap > .flex > div.box01 > p{font-size:24px; font-weight:bold; margin-bottom:33px;}
.main02 .wrap > .flex > div.box01 ul{display:flex; gap:45px;}
.main02 .wrap > .flex > div.box01 ul li{display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:18px; cursor:pointer;}
.main02 .wrap > .flex > div.box01 ul li p{width:51px; height:44px; background-size:contain !important;}
.main02 .wrap > .flex > div.box01 ul li span{font-size:18px; text-align:center;}

.main02 .wrap > .flex > div.box01 ul li:nth-child(1) p{background:url(../img/main/main02_ico01.png) center center no-repeat;}
.main02 .wrap > .flex > div.box01 ul li:nth-child(2) p{background:url(../img/main/main02_ico02.png) center center no-repeat;}
.main02 .wrap > .flex > div.box01 ul li:nth-child(3) p{background:url(../img/main/main02_ico03.png) center center no-repeat;}
.main02 .wrap > .flex > div.box01 ul li:nth-child(4) p{background:url(../img/main/main02_ico04.png) center center no-repeat;}
.main02 .wrap > .flex > div.box01 ul li:nth-child(5) p{background:url(../img/main/main02_ico05.png) center center no-repeat;}

.main02 .wrap > .flex > div.box02{box-sizing:border-box; padding-left:80px;}
.main02 .wrap > .flex > div.box02 p{font-size:18px; font-weight:bold;}
.main02 .wrap > .flex > div.box02 h4{color:var(--mainColor); font-size:40px; font-weight:600;}
.main02 .wrap > .flex > div.box02 hr{background:#aaaaaa; width:100%; height:1px; content:""; display:block; border:none; margin:20px auto;}
.main02 .wrap > .flex > div.box02 .flex{flex-wrap:wrap; gap:7px 20px; align-items:center;}
.main02 .wrap > .flex > div.box02 .flex div{font-size:16px; font-weight:bold; display:flex; align-items:center; gap:10px;}
.main02 .wrap > .flex > div.box02 .flex div span{font-family:'Montserrat'; font-weight:normal; font-size:16px; letter-spacing:-0.04em;}

.main03{padding:100px 0; box-sizing:border-box; background:#fff;}
.main03 .wrap{width:1400px; max-width:1400px;}
.main03 .girdItem{display:grid; gap:20px 18px; grid-template-columns:1fr 1fr 1fr; width:100%; margin-top:50px;}
.main03 .girdItem > div{position:relative; box-sizing:border-box; padding:45px; min-height:260px; overflow:hidden; cursor:pointer;}	
.main03 .girdItem > div:nth-child(1){background:url(../img/main/girdItem01.png) center center no-repeat; grid-row:1; grid-column:1;}
.main03 .girdItem > div:nth-child(2){background:url(../img/main/girdItem02.png) center center no-repeat; grid-row:1; grid-column:3;}
.main03 .girdItem > div:nth-child(3){grid-row:1/3;grid-column:2;}
.main03 .girdItem > div:nth-child(4){background:url(../img/main/girdItem04.png) center center no-repeat; grid-row:2; grid-column:1;}
.main03 .girdItem > div:nth-child(5){background:url(../img/main/girdItem05.png) center center no-repeat; grid-row:2; grid-column:3;}

.main03 .girdItem .txtBox{position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0 45px; box-sizing:border-box;}
.main03 .girdItem .txtBox p{font-size:40px; font-weight:bold; color:#fff;}
.main03 .girdItem .txtBox span{display:block; line-height:155%; font-size:18px; color:#fff; margin:20px 0;}
.main03 .girdItem .txtBox .go{font-family:'Montserrat'; font-size:20px; font-weight:bold; position:relative; z-index:1; width:45px; height:45px; border-radius:50%; text-align:center; line-height:45px; color:#fff; cursor:pointer;}
.main03 .girdItem .txtBox .go:after{width:45px; height:45px; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.1); z-index:-1; content:""; display:block; border-radius:45px; transition:width 0.3s ease;}
.main03 .girdItem > div:hover .go:after{width:120px; border-radius:45px; transition:width 0.3s ease; background:rgba(0, 0, 0, 0.1) url(../img/main/go_arw.png) 90% center no-repeat;}

.main03 .girdItem .center{padding:0; max-width:455px;}
.main03 .girdItem .center .main03Swiper{width:100%; height:100%;}
.main03 .girdItem .center .swiper-wrapper{}
.main03 .girdItem .center .swiper-wrapper .swiper-slide{width:100%; height:100%; position:relative;}
.main03 .girdItem .center .swiper-wrapper .swiper-slide *{color:#333;}
.main03 .girdItem .center .swiper-wrapper .swiper-slide:hover .go:after{background:rgba(0, 0, 0, 0.1) url(../img/main/go_arw_bk.png) 90% center no-repeat;}
.main03 .girdItem .center .swiper-wrapper .slide01{background:url(../img/main/main03slide01.png) center center no-repeat;}
.main03 .girdItem .center .swiper-wrapper .slide02{background:url(../img/main/main03slide02.png) center center no-repeat;}
.main03 .girdItem .center .main03Swiper .swiper-pagination-bullets{text-align:left; left:20px; bottom:20px; z-index:2;}
.main03 .girdItem .center .main03Swiper .swiper-pagination-bullets span{width:14px; height:14px; border-radius:50%; background:transparent; border:1px solid var(--mainColor); opacity:1; cursor:pointer; margin:0;}
.main03 .girdItem .center .main03Swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--mainColor); opacity:1;}
.main03 .girdItem .center .main03Swiper .swiper-pagination-bullets span + span{margin-left:15px;}

.main04{width:100%; background:#f5f5f5; padding-bottom:100px;}
.main04 .wrap{width:1400px; max-width:1400px;}
.main04 .itemList{width:100%; height:auto; box-sizing:border-box; display:flex;}
.main04 .itemList .item{ box-sizing:border-box; display:flex; flex-direction:column; align-items:center; height:465px;}
.main04 .itemList .item01{background:url(../img/main/main04_img01.png) center center no-repeat; background-size:cover;}
.main04 .itemList .item02{background:url(../img/main/main04_img02.png) center center no-repeat; background-size:cover;}
.main04 .itemList .item03{background:var(--mainColor);}
.main04 .itemList .item.type01{justify-content:center; padding:0px; width:calc((100% - 465px) / 2);}
.main04 .itemList .item.type01 > img{display:block; margin-bottom:45px;}
.main04 .itemList .item.type01 > p{font-size:30px; font-weight:300; color:#fff; }
.main04 .itemList .item.type01 > div{margin:15px auto 45px; text-align:Center; cursor:pointer;}
.main04 .itemList .item.type01 > div span{width:300px; height:60px; line-height:60px; border-radius:60px; background:#fff;  font-size:30px;  color:#f47629; display:block; font-weight:bold;}
.main04 .itemList .item.type01 > span{font-size:18px; color:#fff; line-height:155%; text-align:center;}
.main04 .itemList .item.type02{padding:35px 30px; width:465px;}
.main04 .itemList .item.type02 > *{color:#fff;}
.main04 .itemList .item.type02 h6{font-size:40px; font-weight:bold; line-height:1;}
.main04 .itemList .item.type02 > span{font-size:18px; opacity:0.7; display:block; margin:15px auto;}
.main04 .itemList .item.type02 hr{width:180px; height:1px;content:""; display:block; margin:10px auto 5px; line-height:1; border:none; border-bottom:3px solid rgba(255, 255, 255, 0.5)}
.main04 .itemList .item.type02 h4{font-family:'Montserrat'; font-size:58px; font-weight:600; margin:15px auto 20px; color:#fdc205;}
.main04 .itemList .item.type02 > div{background:#fff; box-sizing:border-box; padding:15px; width:100%;}
.main04 .itemList .item.type02 > div ul{display:flex; flex-direction:column;}
.main04 .itemList .item.type02 > div ul li{display:flex;}
.main04 .itemList .item.type02 > div ul li + li{margin-top:15px;}
.main04 .itemList .item.type02 > div ul li span{box-sizing:border-box; text-align:justify; color:var(--mainColor); font-size:18px; display:inline-block; text-align-last:justify; letter-spacing:-1.4px; width:75px; display:block; font-weight:bold; line-height:1;}
.main04 .itemList .item.type02 > div ul li span + span{color:#333; font-family:'Montserrat'; text-align:left; width:auto; font-size:18px; border-left:1px solid var(--mainColor); margin-left:10px; padding-left:10px; box-sizing:border-box; font-weight:normal;}



.ft_top{padding:70px 0; box-sizing:border-box; background:var(--mainColor);}
.ft_top .wrap{display:flex; justify-content:space-between; align-items:center;}
.ft_top .box{width:50%; display:flex;}
.ft_top .box01 .flex{align-items:center; gap:30px;}
.ft_top .box01 img{width:199px; object-fit:contain;}
.ft_top .box01 .txtBox{display:flex; flex-direction:column;}
.ft_top .box01 .txtBox h5{font-size:40px; font-weight:bold; color:#fff;text-align:end;}
.ft_top .box01 .txtBox h6{font-family:'Montserrat'; font-size:40px; color:#fff; font-weight:normal; opacity:0.3; text-align:end; margin-top:35px;}
.ft_top .box01 .txtBox h6 strong{font-size:50px;}
.ft_top .box02{justify-content:flex-end; box-sizing:border-box; border-left:1px solid #ddd}
.ft_top .box02 .flex{justify-content:flex-end; gap:10px;}
.ft_top .box02 li{display:flex;}
.ft_top .box02 li + li{margin-top:6px;}
.ft_top .box02 li label{display:flex;}
.ft_top .box02 li span:first-child{font-size:18px; font-weight:bold; color:#fff; content:""; display:block; width:75px; text-align:justify; text-align-last:justify; letter-spacing:-1.4px; margin-right:10px;}
.ft_top .box02 label input, .ft_top .box02 textarea{background:#fff; border:none; border:1px solid #ddd; resize:none; box-sizing:border-box; width:280px; border-radius:5px; min-height:35px; padding-left:20px;}
.ft_top .box02 textarea{height:62px;}
/* .ft_top .box02 li:last-child{align-items:center;}
.ft_top .box02 li:last-child input{width:auto; margin-right:5px;}
.ft_top .box02 li:last-child label{display:flex; align-items:Center; font-size:14px; color:#fff;}
.ft_top .box02 li:last-child p{margin-right:5px; font-size:14px; font-weight:bold; color:#fff;} */
.ft_top .box02 .btn{background:#fff; border-radius:5px; display:flex; justify-content:center; align-items:center; width:150px; height:145px; cursor:pointer;}
.ft_top .box02 .btn p{color:var(--mainColor); font-size:28px; font-weight:bold;}

.ft_top .box02 .agreeArea{display:flex; align-items:center; position:relative; width:280px;  margin-right:0; margin-left:auto;}
.ft_top .box02 .agreeArea label{font-size:13px; color:#fff; display:flex; align-items:center;}
.ft_top .box02 .agreeArea input[type="checkbox"]{vertical-align:middle; border-radius:3px; margin-right:5px; width:auto; border:none; border:1px solid #ddd;}
.ft_top .box02 .agreeArea span{font-size:13px; font-weight:bold; margin-left:5px; cursor:pointer;  color:#fff;}
.ft_top .box02 .agree-box {position: absolute;width: 280px;padding: 10px;font-size: 12px;border: 1px solid #303030;background: #fff;z-index: 1;text-align: left;bottom: 30px;left: 50%;transform:translate(-50%);transition:none; line-height:130%; display:block; box-sizing:border-box;}
.ft_top .box02 .agree-box .agree_tit{font-weight:bold; margin-bottom:5px;}


.footer{width:100%; padding:66px 0; background:#fff;}
.footer .flex{flex-direction:column; align-items:center; justify-content:center;}
.footer .logo{display:block; width:207px; margin-bottom:30px;}	
.footer .link{display:flex;}	
.footer .link li{}	
.footer .link li a{color:#333; font-size:16px; display:block; line-height:1;}	
.footer .link li + li{box-sizing:border-box; padding-left:20px; margin-left:20px; border-left:1px solid #333;}
.footer .txt{display:flex; flex-wrap:wrap; width:650px; justify-content:center; gap:10px 0; color:#666; margin:30px auto;}	
.footer .txt li{font-size:16px; color:#666; line-height:1;}	
.footer .txt li + li{margin-left:10px; padding-left:10px; border-left:1px solid #666;}	
.footer .txt li + li.noline{margin-left:0; padding-left:0; border-left:none;}	
.footer .sns{display:flex; gap:4px;}	

.footer{position:relative;}
#topBtn{position:absolute; bottom:60px; right:60px; z-index:1; width:60px; height:60px;}
#topBtn img{width:60px; height:60px; object-fit:cover; cursor:pointer;}