#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:17px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body{
width:100%;
overflow-x:hidden;
 scroll-behavior: smooth;
}

html {
  scroll-behavior: smooth;
}
:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

.gnb:after,.sub-content:after {
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.slick-slide {
display:inline-block;
}

header {
width:100%;
margin:0 auto;
position:fixed;
top:0;
z-index:88;
background:rgba(255,255,255,0.9);
}


.ha-left{
display:blcok;
width:280px;
padding:10px 0;
}
.ha-left img{
width:100%;
}

.header-area{
width:96%;
max-width:1200px;
margin:0 auto;
z-index:9;
position:relative;
display:flex;
justify-content: space-between;
align-items: center;
}

.ha-right{
text-align:right;
vertical-align:middle;
}
.ha-right a{
display:inline-block;
font-weight:700;
font-size:22px;
padding:10px 30px;
}



/*footer*/
footer{
width:100%;
margin:0 auto;
text-align:center;
padding-top:70px;
padding-bottom:140px;
background:#151828;
}



.foot-area{
margin:0 auto;
width:96%;
max-width:1280px;
color:#fff;
opacity:0.8;
}
.foot-area p{
margin:10px 0;
}
.foot-area img{
width:260px;
}
.foot-area .fi-img{
margin-bottom:20px;
}
.foot-copy{
border-top:1px rgba(255,255,255,0.1) solid;
padding-top:30px;
margin-top:30px;
}

.layer3{display:none;position:fixed;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer3 .bg3{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer3 .pop-layer3{display:block;overflow-x:hidden;overflow-y:hidden;}/*scroll*/
.pop-layer3{display:none;position:absolute;top:48%;left:50%;width:80%;height:740px;background:#fff;padding:20px; box-sizing:border-box;}	
.pop-layer3 .pop-container3{position:relative;float:left;}
.assembly_title3{position:relative;float:left;width:95%;padding-left:5%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:100%;font-weight:bold;text-align:left;}
.btn-r3{position:absolute;right:2%;top:0;width:20%;}
a.cbtn3{float:left;display:block;width:100%;height:50px;line-height:50px;padding:0 5%;background:#333;font-size:80%;color:#fff;text-align:center;}	
.rule_pop3{float:left;width:100%;font-size:70%;line-height:120%;margin-top:3%;}

/*하단고정 상담신청*/
.fixed-bar{
position:fixed;
z-index:99;
background:url(img/fba-bg.gif);
background-size:cover;
background-position:50% 50%;
width:100%;
bottom:0;
left:0;
box-sizing:border-box;
height:90px;
display:flex;
justify-content: space-between; 
}

.fixed-bar-area{
width:96%;
max-width:1200px;
margin:0 auto;
box-sizing:border-box;
display:flex;
justify-content: space-between;
align-items: center;
}
.fba-form{
flex-grow: 1;
display:flex;
align-items: center;
justify-content: space-between;
padding-right:20px;
}
.fba-tit{
font-weight:700;
font-size:28px;
color:#fff;
width:240px;
}
.fba-input{
display:flex;
flex-wrap:wrap;
color:#fff;
}
.fba-input input[type="text"]{
border-color:transparent;
width:150px;
box-sizing: border-box;
margin-left:5px;
}
.fba-input p{
margin-right:10px;
}
.fba-check{
width:100%;
font-size:14px;
margin-top:5px;
}
.fba-check a{
color:#fff;
}
.fba-link a{
display:block;
width:110px;
color:#fff;
background:#372723;
text-align:center;
padding:18px 0;
}
.fba-cacao{
display:flex;
flex-grow: 1;
}
.fba-box a{
background:#fce945;
padding:0 15px;
text-algin:center;
display:block;
}
.fba-cacao:before{
content:"";
display:inline-block;
width:0;
height:0;
border-bottom: 45px solid #fce945;
border-top: 45px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid #fce945;
}
.fba-cacao:after{
content:"";
display:inline-block;
width:0;
height:0;
border-bottom: 45px solid transparent;
border-top: 45px solid #fce945;
border-left: 15px solid #fce945;
border-right: 15px solid  transparent;
}
.fba-cacao a{
display:flex;
height:100%;
align-items: center;
font-size:20px;
color:#372723;
font-weight:600;
flex-grow: 1;
justify-content: center;
}
.fba-cacao a i{
font-size:48px;
margin-right:5px;
}
.fba-box{
flex-grow: 1;
}
.fba-tel{
flex-grow: 1;
display:flex;
color:#fff;
}
.fbt-box{
flex-grow: 1;
background:#3f4b94;
display:flex;
align-items: center;
}
.fba-tel:before{
content:"";
display:inline-block;
width:0;
height:0;
border-bottom: 45px solid #3f4b94;
border-top: 45px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid #3f4b94;
}
.fba-tel:after{
content:"";
display:inline-block;
width:0;
height:0;
border-bottom: 45px solid transparent;
border-top: 45px solid #3f4b94;
border-left: 15px solid #3f4b94;
border-right: 15px solid  transparent;
}
.fba-tel a{
display:flex;
color:#fff;
align-items: center;
width:100%;
flex-grow: 1;
justify-content: center;
}
.fba-tel img{
width:45px;
padding-left:10px;
}
.fba-tel p{
margin-left:10px;
font-weight:700;
font-size:26px;
line-height:1.1;
}
.fba-tel p span{
display:block;
font-size:20px;
font-weight:500;
}
.fba-online{
flex-grow: 1;
}
.fba-online a{
display:flex;
width:100%;
color:#fff;
font-size:20px;
align-items: center;
font-weight: 600;
justify-content: center;
}
.fba-online a i{
font-size:45px;
margin-right:5px;
}

/********************* main *********************************/

/*visual*/
#visual{
width:100%;
max-width:2000px;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:5;
}

.va-box{
position:relative;
text-align:center;
}

.va-img{
position:relative;
left:50%;
top:0;
margin-left:-1000px;
width:2000px;

}

.va-img img{
width:100%;
}

#visual .slick-arrow{position:absolute; width:80px; height:80px; font-size:0; background:url(img/arrow-left.png); background-size:cover; left:10px; top:50%; margin-top:-20px; z-index:99999;}
#visual .slick-arrow.slick-next{background-image:url(img/arrow-right.png); left:auto; right:10px;}

.va-text{
position:absolute;
width:1280px;
height:100%;
left:50%;
margin-left:-640px;
top:0%;
display:table;
text-align:left;
}
.vat-box{
display:table-cell;
width:100%;
padding-top:0px;
vertical-align:middle;
font-family:Gms;
color:#fff;
line-height:1.3;
}
.vt-t1{
font-weight:500;
font-size:45px;
}
.vt-t2{
font-weight:700;
font-size:48px;
}
.vt-t2 strong{
font-size:58px;
}
.vt-t3{
font-weight:700;
font-size:48px;
}
.vt-t3 strong{
font-size:58px;
font-weight:700;
}
#visual .slick-dots{
position:absolute;
bottom:140px;
z-index:999;
left:50%;
margin-left:-640px;
}
#visual .slick-dots li{
display:inline-block;
margin-right:10px;
}
#visual .slick-dots li button{
font-size:0;
background:#fff;
width:18px;
height:18px;
border-radius:999px;
opacity:0.4;
}
#visual .slick-dots li.slick-active button{
opacity:1;
}
.slick-active{}
.vat-box p{ transform: translateY(5rem); opacity:0;}


.slick-active .vat-box p{ animation: fadeY 0.8s ease-out 0.2s 1 normal forwards; }
.slick-active .vat-box p.vt-t2{animation-delay:0.5s;}
.slick-active .vat-box p.vt-t3{animation-delay:1s;}

@keyframes fadeY {
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes fadeX {
    100% { transform: translateX(0); opacity: 1; }
}
#m-section1{
width:100%;
background:url(img/slide1-bg.gif);
padding:120px 0 100px;
}
.m-section1-area{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
}
.m-silde1-ss .slick-arrow{
position:absolute;
z-index:999;
background:transparent;
font-size:60px;
width:90px;
line-height:90px;
left:-80px;
top:50%;
margin-top:30px;
color:#d1cbca;
}
.m-silde1-ss .slick-arrow.slick-next{
left:auto;
right:-80px;
}
.main-tit1{
text-align:center;
font-weight:300;
font-size:28px;
margin-bottom:40px;
}
.m-section2-area .main-tit1{
color:#fff;
}
.main-tit1 p{
font-weight:800;
font-size:45px;
}
.main-tit1 span{
display:block;
}
.ms1a-box{
position:relative;
}
.ma1ab-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-size:cover;
background-position:100% 0%;
z-index:11;
}
.ma1ab-tit{
position:relative;
z-index:22;
box-sizing:border-box;
padding:30px 40px 20px 40px;
}
.ma1ab-t1{
color:#c4431c;
font-weight:700;
font-size:25px;
padding-bottom:65px;
display:block;
}
.ma1ab-t2{
font-weight:800;
font-size:30px;
marign-bottom:15px;
}
.ma1ab-t2 strong{
font-weight:800;
font-size:1.5em;
}
.ma1ab-t3 li{
font-size:20px;
}
.ma1ab-t3 li em{
display:inline-block;
margin-left:10px;
color:#999;
font-size:20px;
}
.ma1ab-t3 li strong{
font-weight:700;
font-size:1.05em;
}
.ma1ab-bb{
position:absolute;
z-index:33;
right:0;
bottom:0;
width:250px;
height:150px;
background:url(img/slide1-box-bg.png);
background-size:cover;
text-align:right;
box-sizing:border-box;
padding:30px;
color:#fff;
font-size:27px;
display:flex;
justify-content: flex-end;
align-items: flex-end;
line-height:1.1;
}
.ma1ab-bb p{

}
.ma1ab-bb strong{
display:block;
font-weight:800;
color:#f6ff64;
font-size:35px;
}

.m-silde1-ss{
width:100%;
overflow:hidden;
}
.m-silde1-ss .slick-track{
display:flex;
gap:30px;
}

#m-section2{
width:100%;
background:url(img/m-section2-bg.jpg);
background-size:cover;
background-position:50% 50%;
padding:120px 0 100px;
}
.m-section2-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

.ms2a-list{
display:flex;
gap:2%;
}
.ms2a-list li{
width:23.5%;
box-sizing:border-box;
border:1px rgba(255,255,255,0.3) solid;
background:rgba(255,255,255,0.1);
text-align:center;
padding:30px 0 50px;
color:#fff;
}
.ms2a-list li img{
width:140px;
}
.ms2a-list li p{
font-size:30px;
font-weight:800;
margin-bottom:10px;
}
#m-section3{
display:flex;
}
#m-section3 > div{
width:50%;
box-sizing:border-box;
display:flex;
}
.sc3-txt-box{
width:90%;
max-width:640px;
padding:80px 50px;
color:#fff;
box-sizing:border-box;
text-align:center;
}
.sc3-txt-box dt{
display:inline-block;
position:relative;
font-size:50px;
font-weight:800;
}
.sc3-txt-box dt p{
position:relative;
z-index:99;
padding:0 5px;
}
.sc3-txt-box dt:before{
content:"";
display:block;
position:absolute;
width:100%;
height:15px;
background:#404c94;
left:0;
bottom:10px;
z-index:88;
}
.sc3-txt-box dd{
font-size:21px;
line-height:1.8em;
margin-top:30px;
}
.sc3-left{
background:url(img/sc3-left-bg.jpg);
background-size:cover;
background-position:0 0;
}
 #m-section3 .sc3-left{
flex-direction: row-reverse;
}
.sc3-right{
background:url(img/sc3-right-bg.jpg);
background-size:cover;
background-position:100% 0;
}
.sc3-right .sc3-txt-box dt:before{
background:#875341;
}
#m-section4{
width:100%;
background:url(img/m-section4-bg.jpg);
padding:100px 0 100px;
background-size:cover;
background-position:50% 50%;
}
.m-section4-area{
width:96%;
max-width:1000px;
margin:0 auto;
position:relative;
}
.main-tit2{
color:#fff;
font-weight:700;
font-size:29px;
}
.agree{
color:#fff;
position:absolute;
right:0;
top:5px;
}

.agree a{
display:inline-block;
color:#fff;
opacity:0.6;
font-size:14px;
text-decoration:underline;
margin-left:5px;
padding:0 2px;
}
.main-form-box ul li{
display:flex;
background:rgba(255,255,255,0.95);
margin-top:10px;
padding:10px;
}
.main-form-box ul li p{
width:100px;
flex-shrink: 0;
box-sizing:border-box;
padding:0 10px;
font-weight:500;
font-size:19px;
color:#222432;
}
.main-form-box ul li input{
flex-grow: 1;
border:0;
height:2em;
line-height:2em;
}
.main-form-box ul li textarea{
flex-grow: 1;
border:0;
line-height:1.6em;
height:6.4em;
}
.main-btn1{
text-align:center;
margin-top:30px;
}
.main-btn1 a{
display:inline-block;
color:#fff;
padding:20px 100px;
background:#c64c2f;
font-size:20px;
font-weight:500;
}
.main-btn1 a i{
font-size:28px;
vertical-align:-4px;
}


/***********************반응형***************************************/
@media (max-width:1280px) {
   .va-text{
   margin-left:0;
   left:50px;
   }
   #visual .slick-dots{
   margin-left:0;
   bottom:80px;
   left:50px;
   }
   .va-img{
   width:100%;
   left:0;
   margin-left:0;
   }
   .vt-t1{
   font-size:38px;
   }
   .vt-t2,.vt-t3{
   font-size:42px;
   }
   .vt-t3 strong{
   font-size:1.125em;
   }
   #visual .slick-dots li button{
   width:15px;
   height:15px;
   }
   
   .sc3-txt-box dd{
   font-size:19px;
   }
}


@media (max-width:1024px) {
   .ha-left{
   width:230px;
   }
   .ha-right a{
   font-size:18px;
   padding:10px 20px;
   }
   .vt-t1{
   font-size:30px;
   }
   .vt-t2,.vt-t3{
   font-size:35px;
   }
   .main-tit1 p{
   font-size:32px;
   }
   .main-tit1{
   font-size:22px;
   }
   #m-section1{
   padding:60px 0;
   }
   .ma1ab-bb{
   font-size:22px;
   }
   .ma1ab-bb strong{
   font-size:28px;
   }
   .ma1ab-t2{
   font-size:25px;
   }
   
   #m-section2{
   padding:60px 0;
   }
   .ms2a-list li{
   padding:15px 0 25px;
   }
   .ms2a-list li p{
   font-size:22px;
   }
   
   #m-section3{
   display:block;
   }
   #m-section3 > div{
   width:100%;
   }
   #m-section4{
   padding:60px 0;
   }
   
   .fixed-bar{
   background:transparent;
   height:auto;
   padding:10px 0;
   }
   .fba-cacao,.fba-tel,.fba-online{
   position:absolute;
   right:10px;
   bottom:20px;
   display:block;
   width:auto;
   }
   .fba-tel{
   bottom:100px;
   }
   .fba-cacao{
   bottom:180px; 
   }
   .fba-tel a{
   width:40px;
   height:40px;
   padding:15px;
   border-radius:999px;
   background:#3f4b94;
   }
   .fba-online a{
    width:40px;
    height:40px;
    padding:15px;
    border-radius:999px;
    background:#c64c2f;

    }
   .fba-tel img{
   padding-left:0;
   width:100%;
   }
   .fba-tel p, .fba-online p{
   display:none;
   }
   
   .fba-cacao:before,.fba-cacao:after,.fba-tel:before,.fba-tel:after{
   display:none;
   }
   .fbt-box{background:transparent}
   .fba-cacao a p{
   display:none;
   }
   .fba-cacao a{
   width:40px;
   height:40px;
   padding:15px;
   border-radius:999px;
   text-align:center;
   }
   .fba-cacao a i, .fba-online a i{
   margin-right:0;
   }
   .fba-form{
   padding-right:0;
   }
   footer{
    padding-bottom:60px;
    }
}


@media (max-width:768px) {
 
   body, th, td, input, select, textarea, button{
   font-size:14px;
   }
   .ha-right a{
   font-size:14px;
   padding:2px;
   }
   .ha-left{
   width:120px;
   }
   .vt-t1{
   font-size:13px;
   }
   .vt-t2,.vt-t3{
   font-size:15px;
   }
   header{
   background:rgba(255,255,255,1);
   }
   #visual{
   padding-top:45px;
   }
   .va-text{
   margin-top:-20px;
   }
   #visual .slick-dots{
   bottom:20px;
   }
   #visual .slick-dots li button{
   width:10px;
   height:10px;
   }
   
   #m-section1{
   padding:30px 0;
   }
   .main-tit1 p{
   font-size:25px;
   }
   .main-tit1{
   font-size:16px;
   word-break:keep-all;
   margin-bottom:20px;
   }
   .ma1ab-t1{
   font-size:14px;
   }
   .ma1ab-t2{
   font-size:18px;
   }
   .ma1ab-t3 li{
   font-size:15px;
   }
   .ma1ab-t3 li em{
   font-size:15px;
   }
   .ma1ab-bb{
   width:120px;
   height:80px;
   padding:15px;
   font-size:16px;
   }
   .ma1ab-bb strong{
   font-size:18px;
   }
   .ma1ab-tit{
   padding:15px;
   }
   .ms2a-list{
   flex-wrap:wrap;
   }
   .ms2a-list li{
   width:49%;
   margin-bottom:2%;
   }
   .ms2a-list li img{
   width:80px;
   }
   .ms2a-list li p{
   font-size:18px;
   }
   #m-section3 > div{
   display:block;
   margin:0 auto;
   }
   .sc3-txt-box{
   padding:25px 0;
   width:100%;
   }
   .sc3-txt-box dt{
   font-size:24px;
   }
   .sc3-txt-box dt:before{
   height:10px;
   bottom:5px;
   }
   .sc3-txt-box dd{
   font-size:14px;
   margin-top:15px;
   }
   
   .main-tit2{
   font-size:25px;
   text-align:center;
   margin-bottom:5px;
   }
   .agree{
   position:unset;
   text-align:center;
   }
   .main-form-box ul li p{
   font-size:15px;
   width:80px;
   }
   #m-section4{
   padding:30px 0;
   }
   .main-btn1{
   margin-top:10px;
   }
   .main-btn1 a{
   font-size:18px;
   padding:15px 0;
   width:100%;
   }
   footer{
   padding-top:30px;
   padding-bottom:30px;
   }
   .foot-area img {
   width:150px;
   }
   .fba-cacao a,.fba-tel a, .fba-online a{
   width:25px;
   height:25px;
   padding:10px;
   }
   .fba-cacao a i, .fba-online a i{
   font-size:28px;
   }
   .fba-tit{
   font-size:18px;
   width:100%;
   padding:0 5px;
   line-height:1.1;
   margin-bottom:10px;
   }
   .fba-form{
   align-items: stretch; 
   flex-wrap:wrap;
   }
   .fba-input{
   width:70%;
   }
   .fba-input p{
   margin:2px 0;
   display:flex;
   }
   .fba-input input[type="text"]{
   width:auto;
   flex-grow: 1;
   }
   .fba-input span{
   width:50px;
   display:inline-block;
   }
   .fba-link a{
   width:80px;
   margin-top:3px;
   }
   .fba-tel{
    bottom:75px;
    }
    .fba-cacao{
    bottom:130px; 
    }
}