@charset "utf-8";
.fontsmall{ font-size: 0.813em !important;}
.fontmedium{ font-size: 0.938em !important;}

/*---------------------------- contents_all ---------------------------*/
html {height: 100%;}
body {width: 100%; height: 100%;}
#wrap {width:100%; height: 100%; position: relative;}
.footer-info {display: none;}
.footer-pop {display: none;}
/*------- section01 -------*/
#section-01 {
    position: relative;
    top: 0;
    width: 100%;
    height: 100vh;
    padding-bottom: 50.25%;
}

.full-btn {width: 110px; border-radius: 4px; text-align: center; position: absolute; transform: translateX(50%); right: 18%; top: 85%; padding: 5px 0;  background-color: rgba(78, 78, 78, 0.4); z-index: 5;}
.full-btn a{font-size: 0.750em; color: #ddd; font-family: nenu; }
.full-btn span {font-size: 0.563em;}

/*------- section02 -------*/
#section-02 {
    background-color: #f3ede6;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 13%;
}
#section-02 .left-con {width: 100%; position: relative; transform: translateY(9%);}
#section-02 .img-area { margin: 60px 0; position: absolute; width: 100%;}
#section-02 .img-area img{width: 80%;}
#section-02 .left-con-sub {width: 25%; position: absolute; right: 8%; transform: translateY(150%);}
#section-02 .left-con-sub img{width: 100%; display: block;}

#section-02 .right-con {width: 100%; margin-top: 92%; margin-bottom: 20px;}
#section-02 .text-area {width: 79%; margin: 0 auto;}
#section-02 .text-area .line-grey {width: 75%; height: 1px; background-color: #b1886f; display: block; opacity: 0.25; margin-bottom: 11px;}

/*------- section02~05 공통부분 -------*/
#section-02 .text-area h2, #section-03 .text-area h2, #section-04 .text-area h2, #section-05 .text-area h2{
    font-family: 'neue';
    color: #b1886f; 
    font-size: 1.375em; 
    margin-bottom: 10px; 
    line-height: 24px; 
    font-weight: 400;
}
#section-02 .text-area h3, #section-03 .text-area h3, #section-04 .text-area h3, #section-05 .text-area h3{
    color: #000; 
    font-size: 1.125em; 
    line-height: 1.500em; 
    margin-bottom: 14px; 
    font-weight: 400;
}
#section-02 .text-area p, #section-03 .text-area p, #section-04 .text-area p, #section-05 .text-area p{
    color: #000; 
    font-size: 0.875em; 
    line-height: 1.5em;  
    font-weight: 100; 
    word-break:keep-all;
}

/*------- section03 -------*/
.section-03-pc {display: none;}
.section-03-tablet {display: none;}

#section-03 {
    background-color: #f3ede6;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 13%;
}
.section-03-mobile {background-color: #f3ede6;
    width: 100%;
    height: 100%;
}

.right-con-all { width: 100%; }
#section-03 .right-con {width: 90%;  height: 100%;  position: relative; float: right;}
#section-03 .right-con-sub { width: 25%; position: absolute; left: -12%; transform: translateY(175%);}
#section-03 .right-con-sub .img-area-sub img{ width: 100%; display: block;}
.right-con-img {position: relative; right: 0; width: 100%; }
#section-03 .right-con-01 {width: 33.3%; float: right;}
#section-03 .right-con-01 .img-area-01 img{width: 100%;}
#section-03 .right-con-02 {width: 33.3%; float: right;}
#section-03 .right-con-02 .img-area-02 img{margin-top: 60%; width: 100%;}
#section-03 .right-con-03 {width: 33.3%; float: right;}
#section-03 .right-con-03 .img-area-03 img{margin-top:15%; width: 100%;}

#section-03 .left-con {width: 100%;  position: relative;  transform: translateY(7%);}
#section-03 .img-area { margin: 60px 0;}
#section-03 .img-area img{ width: 100%;}
#section-03 .text-area {width: 79%; margin: 0 auto;}
#section-03 .text-area .line-grey {width: 75%; height: 1px; background-color: #b1886f; display: block; opacity: 0.25; margin-bottom: 12px;}

/*------- section04 -------*/
#section-04 {
  background-color: #f3ede6;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 80px;
}
#section-04 .left-con {width: 100%;}
#section-04 .img-area { margin: 60px 0;}
#section-04 .left-con img{width: 90%;}
#section-04 .right-con {width: 100%;}
#section-04 .text-area {width: 79%; margin: 0 auto;}
#section-04 .text-area .line-grey {width: 95%; height: 1px; background-color: #b1886f; display: block; opacity: 0.25; margin-bottom: 12px;}

/*------- section05 -------*/
#section-05 {
    background-color: #e6e6e6;
    width: 100%;
    height: 740px;
    overflow: hidden;
    position: relative;
}
#section-05 .left-con-tablet {display: none;}
#section-05 .left-con {width: 100%;}
#section-05 .text-area {width: 79%; margin: 0 auto; padding: 40px 0;}
#section-05 .text-area .line-grey {width: 70%; height: 1px; background-color: #b1886f; display: block; opacity: 0.25; margin-bottom: 11px;}
#section-05 .right-con {position: absolute; left: 7%; width: 100%;}

.slider-list {width: 100%;}
.slick-initialized .slick-slide {width:280px !important; margin-right: 25px; display: inline-block; overflow: hidden !important;}
.slider-wrap { width: 100% !important; display: inline-block !important; }
.slider-wrap .cont a {overflow: hidden !important; display: block;}
.slider-wrap .cont a img { width: 100%; height: 200px; overflow: hidden; transition: 0.2s all ease;  margin-bottom: 17px;}
.slider-wrap .cont a .img-area{ height: 200px; overflow: hidden; margin-bottom: 17px;}
.slider-wrap .cont a .img-area img { width: 100%;}
.slider-wrap .cont a:hover .img-area img{ transform: scale(1.1); }
.slider-wrap .cont h3 {font-family: 'neue'; color: #000; font-size: 1.000em; line-height: 22px; margin-bottom: 22px; font-weight: 500;}
.slider-wrap .cont p {color: #000; font-size: 0.750em; line-height: 18px; letter-spacing: -0.4px; font-weight: 300; word-break:keep-all;}
.slider-wrap .cont span{color: #b1886f; font-size: 0.750em; line-height: 18px; font-weight: 300;}
.slick-dots{position:absolute;bottom:-55px;width:100%;max-width: 640px !important; min-width: 320px !important; height: 2px;display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;align-content: flex-end;background: #C5C5C5; }
.slick-dots li{width:33.3%; height: 2px; background: #b7c5c9; transition:0.5s all;}
.slick-dots li.slick-active{width:33.3% !important; background: #b1886f; transition:0.5s all;}
.slick-dots li button{font-size:0;}