@charset 'utf-8';
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
/* custom section starts from line 1600 */

body { -ms-overflow-style: none; overflow: auto; }
::-webkit-scrollbar { display: none; }


#section6 img {
    width:100%;
}

#section6 img {
    margin-bottom:10px;
}

.vimeoWrap {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    margin:0;
}
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.vimeo-area {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    margin: auto;
    /* z-index: 80; */
}

.section1 .vimeoSlogan {
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    top:39%;
    text-align: center;
}
.section1 .vimeoSlogan p {
    font-family:"Noto Sans KR",sans-serif;
    font-size:40px;
    font-weight:400;
    font-style:normal;
    line-height:55px;
    letter-spacing:11px;
    color:rgba(255,255,255,1);
    text-shadow:rgba(0,0,0,0.5) 0px 2px 6px;
    background-color:rgba(0,0,0,0);
    padding:0;
    margin:0px 0px 32px 0px;

    /*
    margin-bottom:32px;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:55px;
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
    letter-spacing:11px;
    text-align:center;
    transform: translateY(50%);
    */
}
/* .section1 .vimeoSlogan .vimeo_play {
  width:220px; height:70px;
  margin:auto;
  transition: background 0.5s, opacity 0.5s;
  cursor:pointer;
  transform: translateY(50%);
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play:hover {
  background-color: rgba(27, 101, 179, 0.6);
}
.section1 .vimeoSlogan .vimeo_play i {
  margin-right:10px;
  padding: 8px 8px 8px 14px;
  color:#fff;
  font-size:16px;
  border:2px solid #fff;
  border-radius:50%;
  box-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play i:before {
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play span {
  color:#fff;
  font-family:'Noto Sans KR', sans-serif;
  font-size:18px;
  line-height:70px;
  font-weight:bold;
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
} */


.section1 .control{ font-size: 0; position: absolute; bottom: 210px; left: 0; right: 0; margin: 0 auto; width: 170px; text-align: center;}
.section1 .control li{ display: inline-block; padding: 0 5px;}
.section1 .control li a{ display: block; font-size: 18px; color: #fff; width: 40px; height: 40px; line-height: 35px; border-radius: 50%; border: 2px solid #fff; text-align: center;}
.section1 .control li i{ color: #fff;}

.section1 .control .play-pause a.hide{ display: none;}
.section1 .control .mute-onoff a.hide{ display: none;}
.vidbox .ratio, .end-video .vimeoWrap {pointer-events: none;}
/* #ivideo1, #ivideo2, .lastmovie, #fullVideo{ pointer-events: none;} */



/* 외부 css 가져오기 */
.mfp-bg {
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1043;
    position: absolute;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%; right:0; left: 0;
    transform: translateY(-50%);
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%; height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-close {
    width: 44px; height: 44px;
    line-height: 44px;
    position: absolute;
    top: 0; right: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
}

button.mfp-close {
    /*overflow: visible;*/
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-iframe-holder .mfp-close {
    top:-40px;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
}

.section1 .vscrollDown {
    position: absolute;
    bottom: 150px;
    right: 0;
    left: 0;
    margin: auto;
    width: 65px;
    height: 45px;
    background: url(http://img.einet.kr/responsive/home/carousel/theme02/scroll_down.png) 0 0 no-repeat;
    z-index: 999;
    cursor: pointer;
}


@media (max-width:1400px) {
    .section1 .vimeoSlogan p {
        margin-bottom:10px;
        font-size: 42px;
    }
}

@media (max-width:820px) {
    /*   .section1 {
        padding-top:50px;
        padding-bottom:15px;
      } */

    .section1 .vimeoSlogan p {
        display:none;
        /*
        font-size: 14px;
        */
    }

    .section1 .vimeoSlogan .vimeo_play {
        display:none;
        height:50px;
    }
    .section1 .vimeoSlogan .vimeo_play span {
        font-size:15px;
        line-height:50px;
    }

    .section1 .vscrollDown {
        display:none;
    }

    .section1 .control{ display: none;}
    #fullVideo{ pointer-events: unset;}
}


.vimeoWrap {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    margin:0;
}
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.vimeo-area {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    margin: auto;
    /* z-index: 80; */
}

.section1 .vimeoSlogan {
    position: absolute;
    left:[@offset_x]%;
    transform:translateX(-[@offset_abs_x]%);
    top:[@offset_y]%;
    text-align: center;
}
.section1 .vimeoSlogan p {
[@slogan]
    /*
    margin-bottom:32px;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:55px;
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
    letter-spacing:11px;
    text-align:center;
    transform: translateY(50%);
    */
}
.section1 .vimeoSlogan .vimeo_play {
    width:220px; height:70px;
    margin:auto;
    transition: background 0.5s, opacity 0.5s;
    cursor:pointer;
    transform: translateY(50%);
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play:hover {
    background-color: rgba(27, 101, 179, 0.6);
}
.section1 .vimeoSlogan .vimeo_play i {
    margin-right:10px;
    padding: 8px 8px 8px 14px;
    color:#fff;
    font-size:16px;
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play i:before {
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play span {
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:18px;
    line-height:70px;
    font-weight:bold;
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}

/* 외부 css 가져오기 */
.mfp-bg {
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1043;
    position: absolute;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%; right:0; left: 0;
    transform: translateY(-50%);
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%; height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-close {
    width: 44px; height: 44px;
    line-height: 44px;
    position: absolute;
    top: 0; right: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
}

button.mfp-close {
    /*overflow: visible;*/
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-iframe-holder .mfp-close {
    top:-40px;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
}

.section1 .vscrollDown {
    position: absolute;
    bottom: 150px;
    right: 0;
    left: 0;
    margin: auto;
    width: 65px;
    height: 45px;
    background: url(http://img.einet.kr/responsive/home/carousel/theme02/scroll_down.png) 0 0 no-repeat;
    z-index: 999;
    cursor: pointer;
}


@media (max-width:1400px) {
    .section1 .vimeoSlogan p {
        margin-bottom:10px;
        font-size: 42px;
    }
}

@media (max-width:820px) {
    /* .section1 {
    padding-top:50px;
    padding-bottom:15px;
    } */
    .main_video{
        padding-top:50px;
    }
    .section1 .vimeoSlogan p {
        display:none;
        /*
        font-size: 14px;
        */
    }

    .section1 .vimeoSlogan .vimeo_play {
        display:none;
        height:50px;
    }
    .section1 .vimeoSlogan .vimeo_play span {
        font-size:15px;
        line-height:50px;
    }

    .section1 .vscrollDown {
        display:none;
    }
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap");
html{font-size:10px}
html,body{margin:0;padding:0;color:#333}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{margin:0;padding:0;text-decoration:none}
ul,li,ol,dl,dt,dd{list-style:none;padding:0;margin:0}
a,button{border:0;outline:0;background:transpatrent;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:#000;text-decoration:none}
button{/*overflow:visible;*/font-family:'Noto Sans KR',sans-serif;white-space:nowrap;background-color:transparent;padding:0}


.clb:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}

.noto{font-family:'Noto Sans KR', sans-serif}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.vidbox-wrap{position:relative;width:100%;margin:0 auto;}
.clb:after{content:"";display:block;clear:both}
.fl{float:left}.fr{float:right}

.vp-controls{display:none !important}

.ta-l{text-align:left;padding-left:100px;padding-right:50px}
.ta-r{text-align:right;padding-right:100px;padding-left:50px}

.Noto Sans KR{font-family:"Noto Sans KR",sans-serif !important}
.noto{font-family:"Noto Sans KR" !important}
.lora{font-family:"Lora",serif !important}

.ratio{width:100%;position:relative}
.ratio:before{content:"";display:block;padding-top:56.2555555555%}
.ratio__box{position:absolute;width:100%;height:100%;left:0;top:0}

.video-box{width:100%;height:100%}.vidbox-row{ margin-top: 10px; position:relative}

.vidbox-row__inbox{width:50%;height:100%;position:absolute;overflow:hidden;position:relative}
.vidbox-row__inbox.type-vid.right{margin-left:50% }
.vidbox-row__inbox.type-txt{position:absolute;width:50%}
/* .vidbox-row__inbox.type-txt.type-a{background:url(http://img.einet.kr/P202105019/home/main_bg.jpg) no-repeat center center/cover;right:0;height:100%}
.vidbox-row__inbox.type-txt.type-b{background:url(http://img.einet.kr/P202105019/home/main_bg.jpg) no-repeat center center/cover;left:0;height:100%} */
.vidbox-row__inbox.type-txt.type-a{background-color:rgba(240,225,202,.1);right:0;height:100%}
.vidbox-row__inbox.type-txt.type-b{background-color:rgba(240,225,202,.1);left:0;height:100%}
.vidbox-row__table{width:100%;height:100%;display:table}
.vidbox-row__cell{display:table-cell;vertical-align:middle;width:1%}
.vidbox-row__inner{display:inline-block}
.vidbox-row__tit{ font-family: "Lora",sans-serif; font-size:40px;color:#222;}
.vidbox-row__sub{ font-family: "Lora",sans-serif !important; font-size:18px;color:rgba(240,225,202,1); margin-top:25px;word-break:keep-all}
.vidbox-row__btn{ font-family: "Lora",sans-serif; font-size:16px;color:#222;margin-top:70px}
.vidbox-row__tit.type-fff, .vidbox-row__btn.type-fff{color:#222;}
.vidbox .vimeoWrap iframe{position:absolute;top:-10%;left:-10%;width:120%;height:120%}
.vidbox .vimeoWrap{padding-top:56.2555555%;margin-top:-5%}

@media (max-width: 1024px){

    .vidbox .vimeoWrap{margin-top:50px}
    .vidbox .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
    .vidbox-wrap{/*margin-top:50px;margin-bottom:60px*/}

    .ta-l{text-align:left;padding-left:15px;padding-right:15px}
    .ta-r{text-align:right;padding-right:15px;padding-left:15px}
    .vidbox-row__inbox{width:auto}
    .vidbox-row__inbox.type-vid{width:56%}
    .vidbox-row__inbox.type-txt{width:44%}
    .vidbox-row__tit{font-size:16px;line-height:20px}
    .vidbox-row__sub{font-size:10px;line-height:12px;margin-top:10px}
    .vidbox-row__btn{font-size:10px;margin-top:10px}

}

@media (max-width: 550px){
    .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
}


.main5 img{ margin-bottom:10px; }

.section3 {
    padding: 160px 260px;
}

.service_title {
    float:left;
    width:20%;
    margin-top:20px;
    padding:0 27px;
    font-size:44px;
    font-weight:300;
    color:#222;
    border-left:2px solid #4b4e53;
    line-height:1.2;
}

.service_title p {
    font-weight:bold;
}

.service_list_wrap {
    float:left;
    width:80%;
}

.service_list {

}
.service_list li {
    display:inline-block;
    width:16.66667%;
    text-align:center;
    vertical-align:top;
}
.service_list li a {
    display:block;
}
.service_list li .service_icon {
    width:100%;
    padding:30px 50px;
    font-size:41px;
    color:#9a9999;
}
.service_list li .service_name {
    height:28px;
    font-family:'Noto Sans KR', sans-serif;
    font-size:14px;
    color:#9a9999;
}

@media (max-width:1400px) {
    .section3 {
        padding:60px;
    }

    .service_title {
        font-size:30px;
        padding:0 18px;
    }

    .service_list li .service_icon {
        padding:23px 30px;
        font-size:30px;
        color:#9a9999;
    }
}

@media (max-width:820px) {
    .section3 {
        /*margin-top:29px;*/
        padding: 30px;
    }

    .service_title {
        float:none;
        width:100%;
    }

    .service_list_wrap {
        float:none;
        width:100%;
    }

    .service_list li {
        width:25%;
        text-align:center;
    }
}



#section6 img {
    width:100%;
}

#section6 img {
    margin-bottom:10px;
    margin-top:10px;
}

.roomList_wrap {
    position: relative;
    padding:0 70px;
    font-size:14px;
}
.roomList_wrap .swiper-container {
    position: static;
}
.roomList_wrap .swiper-container .swiper-pagination {
    position:relative;
    margin-top:40px;
}
.roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin:0 7px;
    width:9px; height:9px;
    border-radius:30px;
    background:#888;
    transition: width 0.5s;
    opacity:1;
}
.roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:46px;
    background:#222222;
}
.roomList_wrap .swiper-container .swiper-button-prev {
    width:80px; height:80px;
    top:26%; left:0;
    /*background:url('http://img.einet.kr/responsive/home/room/arrow-left-small.png') center center no-repeat;*/
    background:url('http://img.einet.kr/responsive/home/room/arrow-left-small2.png') center center no-repeat;
    background-size:cover;
}
.roomList_wrap .swiper-container .swiper-button-prev:hover {
    opacity:0.5;
}
.roomList_wrap .swiper-container .swiper-button-next {
    width:80px; height:80px;
    top:26%; right:0;
    /*background:url('http://img.einet.kr/responsive/home/room/arrow-right-small.png') center center no-repeat;*/
    background:url('http://img.einet.kr/responsive/home/room/arrow-right-small2.png') center center no-repeat;
    background-size:cover;
}
.roomList_wrap .swiper-container .swiper-button-next:hover {
    opacity:0.5;
}
.roomList_wrap a {
    display:inline-block;
    text-align:center;
}
.roomList_wrap a .imgWrap {
    position:relative;
    overflow:hidden;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.roomList_wrap a .imgWrap .loader {
    width:100%;
    padding-bottom:56.25%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    transition: all 0.3s ease-in-out;
}
.roomList_wrap a:hover .imgWrap .loader {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.roomList_wrap a .eng {
    font-family:"Noto Sans KR",sans-serif;
    font-size:18px;
    font-weight:700;
    font-style:normal;
    line-height:24px;
    letter-spacing:0px;
    color:rgba(68,68,68,1);
    text-shadow:none;
    padding:20px 0px 0px 0px;
    margin:0px;
}

.roomList_wrap a .txt {
    font-family:"Noto Sans KR",sans-serif;font-size:15px;font-weight:700;font-style:normal;line-height:27px;letter-spacing:0.7px;color:rgba(119,119,119,1);text-shadow:none;padding:14px 0px 0px 0px;margin:0px;
}

.roomList_wrap a .detailview {
    display:inline-block;
    width:160px; height:40px;
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    line-height:40px;
    letter-spacing:0px;
    color:rgba(27,101,179,1);
    text-shadow:none;
    padding:0px;
    margin:0px;
    transition: background-color 0.5s;
}

.roomList_wrap a .detailview:hover {
    background-color:rgba(217,236,255,1);
}

.roomList_wrap a .detailview i {
    margin-left:7px;
}

.room_title {
    padding-bottom:30px;
    text-align:center;
}

@media (max-width:820px) {

    .roomList_wrap {
        padding: 0;
    }
    .roomList_wrap .swiper-container .swiper-slide {
        width:300px;
    }
    .roomList_wrap a .detailview,
    .roomList_wrap .swiper-container .swiper-button-next,
    .roomList_wrap .swiper-container .swiper-button-prev {
        /*display:none;*/
        display:block;
    }
    .roomList_wrap a .detailview { width:100%; }

    .roomList_wrap a {
        border:1px solid #ddd;
    }
    .roomList_wrap a .eng {
        padding:15px 0 11px;
    }
    .roomList_wrap a .txt {
        padding:0 0 11px 0;
    }
    .roomList_wrap .swiper-container .swiper-pagination {
        /*display:none;*/
        display:block;
    }

    .roomList_wrap .swiper-slide:first-child {
        /*margin-left:10px;*/
    }

    .room_title h3 {
        font-size:30px !important;
    }

    .room_title p {
        font-size:16px !important;
    }

    .room_title {
        padding-bottom:0px;
    }
    .room_title p {
        margin: 6px 0 !important;
    }

    .roomList_wrap .owl-dot.active {
        width:35px;
    }
    .roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
        margin:0 7px;
        width:6px; height:6px;
        border-radius:30px;
        background:#888;
        transition: width 0.5s;
        opacity:1;
    }
    .roomList_wrap .swiper-container .swiper-pagination {
        position:relative;
        margin-top:15px;
    }
}


.section5 {
    padding:160px 20px; /* padding:160px 260px; */
}

.room_title h3 {
    font-family:"Open Sans",sans-serif;
    font-size:44px;
    font-weight:700;
    font-style:normal;
    line-height:27px;
    letter-spacing:0px;
    color:rgba(34,34,34,1);
    text-shadow:none;
    padding:0px;
    margin:0px;
}
.room_title p {
    font-family:"Noto Sans KR",sans-serif;
    font-size:16px;
    font-weight:400;
    font-style:normal;
    line-height:16px;
    letter-spacing:0px;
    color:rgba(136,136,136,1);
    text-shadow:none;
    padding:0px;
    margin:32px 0px;
}
.room_title a {
    display:inline-block;
    width:200px; height:50px;

    font-family:"Open Sans",sans-serif;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    line-height:50px;
    letter-spacing:0px;
    color:rgba(27,101,179,1);
    text-shadow:none;
    padding:0px;
    margin:0px;

    transition: background-color 0.5s;
}

.room_title a:hover {
    background-color:rgba(217,236,255,1);
}

/*
.room_title a:hover {
	background-color:#d9ecff;
}
*/


.room_title a i {
    margin-left:7px;
}

@media (max-width:1400px) {
    .section5 {
        /*padding:60px 0;*/
        padding:30px 0;
    }
}

@media (max-width:820px) {
    .room_title h3 {
        font-size:32px !important;
        line-height:42px
    }
    .room_title p {
        font-size:12px !important;
        display:none;
    }
    .room_title a {
        height:35px;
        line-height:30px;
    }
    .section5 {
        padding: 20px 0 15px;
    }
}

@media (max-width:600px) {
    .roomList_wrap .swiper-container { position:relative; }
    .roomList_wrap .swiper-container .swiper-pagination { position:absolute !important; bottom:130px; }
    .roomList_wrap a .eng { padding-top:30px; }
    .roomList_wrap a .detailview { margin-bottom:10px; }
}

#section6 img {
    width:100%;
}

#section6 img {
    margin-bottom:10px;
}

.section7 {
    padding:160px 20px; /* padding:160px 260px; */
}

.fac_title {
    padding-bottom:30px;
    text-align:center;
}
.fac_title h3 {
    font-family:"Open Sans",sans-serif;font-size:44px;font-weight:700;font-style:normal;line-height:27px;letter-spacing:0px;color:rgba(34,34,34,1);text-shadow:none;padding:0px;margin:0px;
}
.fac_title p {
    font-family:"Noto Sans KR",sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:16px;letter-spacing:0px;color:rgba(136,136,136,1);text-shadow:none;padding:0px;margin:32px 0px;
}
.fac_title a {
    display:inline-block;
    width:200px; height:50px;
    font-family:"Open Sans",sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:50px;letter-spacing:0px;color:rgba(27,101,179,1);text-shadow:none;padding:0px;margin:0px;
    transition: background-color 0.5s;
}

.fac_title a:hover {
    background-color:rgba(217,236,255,1);
}

/*
.fac_title a:hover {
	background-color:#d9ecff;
}
*/

.fac_title a i {
    margin-left:7px;
}




.facList_wrap {
    position: relative;
    padding:0 70px;
    font-size:14px;
}
.facList_wrap .swiper-container {
    position: static;
}
.facList_wrap .swiper-container .swiper-pagination {
    position:relative;
    margin-top:40px;
}
.facList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin:0 7px;
    width:9px; height:9px;
    border-radius:30px;
    background:#888;
    transition: width 0.5s;
    opacity:1;
}
.facList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:46px;
    background:#222222;
}
.facList_wrap .swiper-container .swiper-button-prev {
    width:80px; height:80px;
    top:26%; left:0;
    background:url('http://img.einet.kr/responsive/home/room/arrow-left-small.png') center center no-repeat;
    background-size:cover;
    transition: opacity 0.5s;
}
.facList_wrap .swiper-container .swiper-button-prev:hover {
    opacity:0.5;
}
.facList_wrap .swiper-container .swiper-button-next {
    width:80px; height:80px;
    top:26%; right:0;
    background:url('http://img.einet.kr/responsive/home/room/arrow-right-small.png') center center no-repeat;
    background-size:cover;
    transition: opacity 0.5s;
}
.facList_wrap .swiper-container .swiper-button-next:hover {
    opacity:0.5;
}
.facList_wrap a {
    display:inline-block;
    text-align:center;
}
.facList_wrap a .imgWrap {
    position:relative;
    overflow:hidden;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.facList_wrap a .imgWrap .loader {
    width:100%;
    padding-bottom:56.25%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    transition: all 0.3s ease-in-out;
}
.facList_wrap a:hover .imgWrap .loader {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.facList_wrap a .eng {
    font-family:"Noto Sans KR",sans-serif;font-size:18px;font-weight:700;font-style:normal;line-height:24px;letter-spacing:0px;color:rgba(68,68,68,1);text-shadow:none;padding:20px 0px 0px 0px;margin:0px;
    /*
    padding-top:20px;
    color:#444;
    font-family:'Noto Sans KR', sans-serif;
    font-size:18px;
    font-weight:bold;
    line-height:1.33;
    */
}
.facList_wrap a .txt {
    color:#777;
    font-family:'Noto Sans KR', sans-serif;
    font-size:14px;
    line-height:1.86;
    letter-spacing:0.7px;
}

.facList_wrap a .detailview {
    display:inline-block;
    width:160px; height:40px;
    color:#1b65b3;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:40px;
    transition: background-color 0.5s;
}

.facList_wrap a .detailview:hover {
    background-color:#d9ecff;
}

.facList_wrap a .detailview i {
    margin-left:7px;
}


@media (max-width:1400px) {
    .section7 {
        padding:30px 0;
    }
}

@media (max-width:820px) {
    .facList_wrap {
        padding: 0;
    }
    .facList_wrap .swiper-container .swiper-slide {
        width:300px;
    }
    .facList_wrap a .detailview,
    .facList_wrap .swiper-container .swiper-button-next,
    .facList_wrap .swiper-container .swiper-button-prev {
    <!--		display:none;-->
    }
    .facList_wrap a {
        border:1px solid #ddd;
    }
    .facList_wrap a .eng {
        padding:15px 0 11px;
    }
    .facList_wrap a .txt {
        padding:0 0 11px 0;
    }
    .facList_wrap .swiper-container .swiper-pagination {
        /*display:none;*/
        display:block;
    }

    .facList_wrap .swiper-slide:first-child {
        /*margin-left:10px;*/
    }


    .fac_title h3 {
        font-size:30px !important;
    }

    .fac_title p {
        font-size:16px !important;
    }

    .fac_title p {
        margin: 6px 0 !important;
    }
    .fac_title{
        padding-bottom:0px;
    }

    .facList_wrap .swiper-container .swiper-button-prev {
        width:80px; height:80px;
        top:31%; leftt:0;
        background:url('http://img.einet.kr/responsive/home/room/arrow-left-small2.png') center center no-repeat;
        background-size:cover;
        transition: opacity 0.5s;
    }
    .facList_wrap .swiper-container .swiper-button-next {
        width:80px; height:80px;
        top:31%; right:0;
        background:url('http://img.einet.kr/responsive/home/room/arrow-right-small2.png') center center no-repeat;
        background-size:cover;
        transition: opacity 0.5s;
    }

    .facList_wrap .owl-dot.active {
        width:35px;
    }
    .facList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
        margin:0 7px;
        width:6px; height:6px;
        border-radius:30px;
        background:#888;
        transition: width 0.5s;
        opacity:1;
    }
    .facList_wrap .swiper-container .swiper-pagination {
        position:relative;
        margin-top:15px;
    }
}

@media (max-width:820px) {
    .fac_title h3 {
        font-size:32px !important;
        line-height:42px
    }
    .fac_title p {
        font-size:12px !important;
        display:none;
    }
    .fac_title a {
        height:35px;
        line-height:30px;
    }
    .section7 {
        padding: 20px 0 15px;
    }
}

@media (max-width:600px) {
    .facList_wrap .swiper-container { position:relative; }
    .facList_wrap .swiper-container .swiper-pagination { position:absolute !important; bottom:45px; }
    .facList_wrap a .eng { padding-top:25px; }
}

#section6 img {
    width:100%;
}

#section6 img {
    margin-bottom:10px;
}

.vimeoWrap {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    margin:0;
}
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.vimeo-area {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    margin: auto;
    /* z-index: 80; */
}

.section1 .vimeoSlogan {
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    top:43%;
    text-align: center;
}
.section1 .vimeoSlogan p {
    font-family:"Open Sans",sans-serif;
    font-size:55px;
    font-weight:400;
    font-style:normal;
    line-height:55px;
    letter-spacing:11px;
    color:rgba(255,255,255,1);
    text-shadow:rgba(0,0,0,0.5) 0px 2px 6px;
    padding:0px;
    margin:0px 0px 32px 0px;
    /*
    margin-bottom:32px;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:55px;
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
    letter-spacing:11px;
    text-align:center;
    transform: translateY(50%);
    */
}
.section1 .vimeoSlogan .vimeo_play {
    width:220px; height:70px;
    margin:auto;
    transition: background 0.5s, opacity 0.5s;
    cursor:pointer;
    transform: translateY(50%);
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play:hover {
    background-color: rgba(27, 101, 179, 0.6);
}
.section1 .vimeoSlogan .vimeo_play i {
    margin-right:10px;
    padding: 8px 8px 8px 14px;
    color:#fff;
    font-size:16px;
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play i:before {
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play span {
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:18px;
    line-height:70px;
    font-weight:bold;
    text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}

/* 외부 css 가져오기 */
.mfp-bg {
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1043;
    position: absolute;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%; right:0; left: 0;
    transform: translateY(-50%);
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%; height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-close {
    width: 44px; height: 44px;
    line-height: 44px;
    position: absolute;
    top: 0; right: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
}

button.mfp-close {
    /*overflow: visible;*/
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-iframe-holder .mfp-close {
    top:-40px;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
}

.section1 .vscrollDown {
    position: absolute;
    bottom: 150px;
    right: 0;
    left: 0;
    margin: auto;
    width: 65px;
    height: 45px;
    background: url(http://img.einet.kr/responsive/home/carousel/theme02/scroll_down.png) 0 0 no-repeat;
    z-index: 999;
    cursor: pointer;
}


@media (max-width:1400px) {
    .section1 .vimeoSlogan p {
        margin-bottom:10px;
        font-size: 42px;
    }
}

@media (max-width:820px) {
    .section1 {
        padding-top:50px;
        /*padding-bottom:15px;*/
    }

    .section1 .vimeoSlogan p {
        display:none;
        /*
        font-size: 14px;
        */
    }

    .section1 .vimeoSlogan .vimeo_play {
        display:none;
        height:50px;
    }
    .section1 .vimeoSlogan .vimeo_play span {
        font-size:15px;
        line-height:50px;
    }

    .section1 .vscrollDown {
        display:none;
    }
}



/*메인 객실 호버시 추가*/
.roomList_wrap a .imgWrap:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-top: 85px solid rgba(217,180,124,1);  /*눈알 뒤에 컬러 색상표*/
    border-right: 0 solid transparent;
    transition: border-right 0.3s;
    z-index:10;
}

.roomList_wrap a:hover .imgWrap:before {border-right: 90px solid transparent;}

.roomList_wrap a .icon-view{
    position: absolute;
    top: 12px;
    left: 6px;
    width: 23px;
    height: 14px;
    background: url('http://img.einet.kr/P202010005/home/images/icon-view.png') 0 0 no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: top 0.3s, left 0.3s, opacity 0.3s, visibility 0.3s;
    z-index: 11;
}
.roomList_wrap a:hover .icon-view{
    top: 20px;
    left: 14px;
    opacity: 1;
    /*visibility: visible;*/
}

.roomList_wrap a:hover .imgWrap .loader:after{opacity:0;}

.roomList_wrap a:hover .detailview{letter-spacing: 0.2em;}


@media (max-width:820px){
    .roomList_wrap a .imgWrap .loader:after{display:none;}
    .roomList_wrap a .imgWrap .loader:before{display:none;}
    .roomList_wrap a:hover .icon-view{display:none;}
    .roomList_wrap a:hover .imgWrap:before{display:none;}
}


/* 모바일디자인노출 */

#section6 .mimg {
    display: none;
}

@media (max-width:820px) {

    #section6 img:nth-child(2) {
        display: none;
    }

    #section6 .mimg {
        display: block;
    }

    .img-2 {
        margin-top: 10px;
    }

}



/* custom section */
.none-pc {display: none;}
.dpb {display: block;}
.fontm {font-family: 'Nanum Myeongjo', serif; font-weight: normal;}
.fonts {font-family: 'SCoreDream'; font-weight: 400;}
/* custom sv */
.sec-sv {position: relative; padding: 120px 90px; background: #e6ded3; overflow: hidden; z-index: 10; margin: -10px 0; overflow: hidden;}
.sec-sv:after {content: ''; position: absolute; left: 0; top: 120px; bottom: 120px; width: 60%; background: url(http://img.einet.kr/P202307014/custom/sv02.jpg) no-repeat left center / cover; z-index: -2;}
.sec-sv:before {content: ''; position: absolute; left: 0; top: 120px; bottom: 120px; width: 60%; background: rgba(68,68,68,.8); z-index: -1;}
.sec-sv .tit {font-size: 50px; color: #fff; margin-top: 120px;}
.sec-sv .tit h2 {font-weight: normal;}
.sec-sv .tit span {font-size: 16px; letter-spacing: 0.04em; vertical-align: bottom; padding-left: 20px;}
.sec-sv .sv-list {position: relative; margin-top: 60px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 120px;}
.sec-sv .sv-list:before {content: ''; position: absolute; bottom: 0; right: -90px; width: 810px; height: 560px; background: url(http://img.einet.kr/P202307014/custom/sv01.jpg) no-repeat left center / cover; z-index: -3;}
.sec-sv .sv-list li {width: 33.33%; height: 220px; border-right: 1px solid #ddd; background: #fff; transition: .4s;}
.sec-sv .sv-list li:last-of-type {border-right: none;}
.sec-sv .sv-list li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.sec-sv .sv-list li .txt {text-align: center;}
.sec-sv .sv-list li .icon {font-size: 30px; color: #ac9f8b; transition: .4s;}
.sec-sv .sv-list li h3 {font-size: 18px; color: #222; font-family: 'Nanum Myeongjo', serif; margin: 30px 0 10px; transition: .4s;}
.sec-sv .sv-list li p {font-size: 16px; letter-spacing: 0.04em; color: #7d715f; font-family: 'SCoreDream'; font-weight: 300; transition: .4s;}
.sec-sv .sv-list li:hover {background: #ac9f8b;}
.sec-sv .sv-list li:hover .icon {color: #fff;}
.sec-sv .sv-list li:hover h3 {color: #fff;}
.sec-sv .sv-list li:hover p {color: #fff;}
@media (max-width: 820px){
    .none-pc {display: block !important;}
    .none-mo {display: none !important;}
    .sec-sv {padding: 80px 15px;}
    .sec-sv:after, .sec-sv:before {top: 40px; bottom: 40px; width: 80%;}
    .sec-sv .sv-list {flex-wrap: wrap; margin: 0;}
    .sec-sv .sv-list:before {right: -20px; width: 200px; height: 280px; bottom: initial; top: -80px;}
    .sec-sv .sv-list li {width: 50%; height: 136px; border-bottom: 1px solid #ddd;}
    .sec-sv .sv-list li .icon {font-size: 25px; }
    .sec-sv .sv-list li h3 {font-size: 12px; margin: 20px 0 10px;}
    .sec-sv .sv-list li p {font-size: 12px;}
}
/* custom room */
.sec-room {position: relative; padding: 120px 90px; background: #eeeae5; overflow: hidden; margin: -10px 0; z-index: 1;}
.sec-room:after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: #ab9e8a; z-index: -1;}
.sec-room .tit {width: 65%; margin-left: auto; padding-left: 60px; margin-bottom: 60px;}
.sec-room .tit h2 {font-size: 60px; color: #222; margin-bottom: 20px; font-weight: normal;}
.sec-room .tit h3 {font-size: 16px; font-weight: 300; letter-spacing: 0.04em; color: #ab9e8a;}
.sec-room .tit h3 .line {display: inline-block; width: 160px; height: 1px; background: #ab9e8a; margin-right: 15px;}
.sec-room .rooms-wrap {display: flex; justify-content: space-between; align-items: flex-start;}
.sec-room .rooms-list {width: 35%; padding-top: 60px;}
.sec-room .rooms-list .room-name {position: relative; z-index: 10; margin-bottom: 50px;}
.sec-room .rooms-list .room-name li {width: 100%; height: 47px; line-height: 47px; margin-bottom: 30px; padding: 0 30px; background: transparent; transition: .4s; cursor: pointer;}
.sec-room .rooms-list .room-name li:hover, .sec-room .rooms-list .room-name li.active {background: #766955;}
.sec-room .rooms-list .room-name li a {display: block; font-family: 'SCoreDream';  font-size: 18px; letter-spacing: 0.1em; color: #fff;}
.sec-room .rooms-list .room-info {position: relative; width: 100%; border-top: 1px solid rgba(255,255,255,.4); padding-top: 60px;}
.sec-room .rooms-list .room-info ul {position: absolute; left: 0; top: 60px; display: none;}
.sec-room .rooms-list .room-info ul.active {display: block;}
.sec-room .rooms-list .room-info li {font-family: 'SCoreDream'; padding-left: 30px; font-size: 14px; font-weight: 400; letter-spacing: 0.04em; color: #fff; margin-bottom: 30px;}
.sec-room .rooms-thumb {position: relative; z-index: 5; width: 65%; height: 800px;}
.sec-room .rooms-thumb a {position: relative; width: 100%; height: 100%;}
.sec-room .rooms-thumb .imgbox {position: absolute; left: -140px; top: 0; bottom: 0; right: 0; display: none; transition: .4s;}
.sec-room .rooms-thumb .imgbox.active {display: block;}
.sec-room .rooms-thumb .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.sec-room .rooms-thumb .imgbox span {position: absolute; right: 30px; bottom: 30px; font-size: 16px; color: #fff;}
@media (max-width: 820px){
    .sec-room {padding: 40px 15px;}
    .sec-room:after {display: none;}
    .sec-room .tit {width: 100%; margin: 0; padding: 0; margin-bottom: 30px;}
    .sec-room .tit h2 {font-size: 35px; margin-bottom: 10px;}
    .sec-room .tit h3 {font-size: 12px;}
    .sec-room .tit h3 .line {width: 80px; margin-right: 10px;}
    .rooms-slider .thumb {position: relative; width: 100%; height: 195px; overflow: hidden;}
    .rooms-slider .thumb img {width: 100%; height: 100%; object-fit: cover;}
    .rooms-slider .thumb span {position: absolute; right: 15px; bottom: 15px; font-size: 12px; color: #fff;}
    .rooms-slider .name {width: 100%; height: 40px; line-height: 40px; padding: 0 15px; background: #766955; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; color: #fff;}
    .rooms-slider .info {padding: 30px 15px 0;}
    .rooms-slider .info li {font-size: 12px; color: #766955; margin-bottom: 15px; font-family: 'SCoreDream';}
    .rooms-slider .info li:last-of-type {margin-bottom: 0;}
    .rooms-slider .rooms-ctrl {position: absolute; z-index: 10; top: 195px; height: 40px; padding-right: 15px; right: 0; width: 15%; display: flex; justify-content: flex-end; align-items: center;}
    .rooms-slider .rooms-ctrl .nav-btn {font-size: 20px; color: #766955; margin-left: 15px; cursor: pointer;}
}
/* custom fac */
.sec-fac {position: relative; padding: 120px 90px 200px; background: url(http://img.einet.kr/P202307014/custom/facbg.jpg) no-repeat center / 100% 100%; margin: -10px 0;}
.sec-fac:after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: #eeeae5;}
.sec-fac .tit {font-size: 60px; color: #222; margin-bottom: 60px;}
.sec-fac .tit span {font-size: 16px; font-weight: 300; letter-spacing: 0.04em; color: #7d715f; padding-left: 15px; vertical-align: bottom;}
.sec-fac .fac-list {display: flex; justify-content: flex-start; align-items: center; border: 1px solid rgba(171,158,138,.4); border-left: none; border-right: none;}
.sec-fac .fac-list li {width: 33.33%; height: 470px; border-right: 1px solid rgba(171,158,138,.4);}
.sec-fac .fac-list li:last-of-type {border-right: none;}
.sec-fac .fac-list li a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.sec-fac .imgbox {display: flex; justify-content: center; align-items: center; width: 270px; height: 270px; border-radius: 50%; border: 1px solid rgba(171,158,138,.4);}
.sec-fac .imgbox .img {position: relative; width: 250px; height: 250px; border-radius: 50%; overflow: hidden;}
.sec-fac .imgbox .img img {width: 100%; height: 100%; object-fit: cover;}
.sec-fac .imgbox .img span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 16px; color: #fff; opacity: 0; z-index: 1; transition: .4s;}
.sec-fac .imgbox .img:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.4); opacity: 0; transition: .4s;}
.sec-fac .name {text-align: center;}
.sec-fac .name h3 {font-size: 22px; color: #222; margin: 20px 0 10px;}
.sec-fac .name h4 {font-size: 16px; letter-spacing: 0.04em; color: #7d715f;}
.sec-fac .fac-list li:hover .img span {opacity: 1;}
.sec-fac .fac-list li:hover .img:after {opacity: 1;}
@media (max-width: 820px){
    .sec-fac {padding: 40px 15px 80px; background: #f8f5f2;}
    .sec-fac:after {height: 40px;}
    .sec-fac .tit {font-size: 35px; margin-bottom: 30px;}
    .sec-fac .tit span {font-size: 12px; padding-left: 10px;}
    .sec-fac .fac-list {flex-wrap: wrap;}
    .sec-fac .fac-list li {width: 50%; height: 250px; border-bottom: 1px solid rgba(171,158,138,.4);}
    .sec-fac .fac-list li:nth-of-type(2n) {border-right: none;}
    .sec-fac .fac-list li:nth-last-of-type(1),.sec-fac .fac-list li:nth-last-of-type(2) {border-bottom: none;}
    .sec-fac .imgbox {width: 140px; height: 140px;}
    .sec-fac .imgbox .img {width: 130px; height: 130px;}
    .sec-fac .imgbox .img:after, .sec-fac .imgbox .img span {display: none;}
    .sec-fac .name h3 {font-size: 14px;}
    .sec-fac .name h4 {font-size: 12px;}
}

/* main */
.fontm{ font-family: 'Nanum Myeongjo', serif; font-weight: normal;}
.fontsEL{ font-family: 'SCoreDream'; font-weight: 200; }
.fontsR{ font-family: 'SCoreDream'; font-weight: 400;}
.upp{ text-transform: uppercase; }
.t-shadow-s{ text-shadow: 2px 0 4px rgba(68,68,68,.2); }
.t-shadow-b{ text-shadow: 2px 0 8px rgba(47,44,42,.2); }
.box-shadow{ box-shadow: 10px 0 10px rgba(185,142,118,.2);}

.color_f{color: #fff; }
.color_2{color: #222; }
.op_4{ opacity: .4;}
.op_6{ opacity: .6;}
.op_8{ opacity: .8;}

.wrap1680{ width: 100%; max-width: 1680px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box; }
.wrap1800{ width: 100%; max-width: 1800px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box; }
.img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  position: absolute; top: 0; left: 0; transition: .5s;}
img.full{ width: 100%; object-fit: cover;margin: 10px 0 0 0;}
@media (max-width: 820px){
    body{ position: relative; }
    .wrap1680{ width: 100%; padding: 0 20px; position: relative; margin: 0 auto; box-sizing: border-box; }
    .wrap1800{ width: 100%; padding: 0 20px; position: relative; margin: 0 auto; box-sizing: border-box; }
}


/* main_1 */
#main_1{ font-size: 0;}
/* main_2 */
#main_2 { background-color: #e6ded3; font-size: 0;}
#main_2 .content{ padding: 6.25vw 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#main_2 .wrap1800{ position: relative; overflow: hidden; width: 100%; height: 56.77vw;}
#main_2 .main_2-02{ position: absolute; top: 0; right: 0; z-index: 10; width: 54.69vw; height: 34.90vw; object-fit: cover;}
#main_2 .main_2-03{ position: absolute; bottom: 0; left: 4.69vw; width: 85.94vw; height: 50.52vw; background-color: #897e6f;  z-index: 1;}
#main_2 .main_2-03 img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#main_2 .wrap1800 .text-wrap{ position: relative; z-index: 10;}
#main_2 .wrap1800 h3{ font-size: 8.38vw; font-weight: 400; line-height: 8.85vw; letter-spacing: 0.02em; padding-bottom: 6.40vw; padding-left: 1.56vw; }
#main_2 .wrap1800 h4{ font-size: 2.29vw; font-weight: 400; padding-bottom: 1.04vw; padding-left: 10.94vw;}
#main_2 .wrap1800 h5{ font-size: 0.94vw; letter-spacing: 0.1em; padding-left: 10.94vw; padding-bottom: 2.08vw;}
#main_2 .wrap1800 p{ font-size: 0.63vw; line-height: 1.46vw; letter-spacing: 0.1em; padding-left: 10.94vw;}
#main_2 .wrap1680{ display: flex; justify-content: space-between; padding-bottom: 6.25vw; }
#main_2 .wrap1680 img{ width: 50%; object-fit: cover;}
@media (min-width: 1920px){
    #main_2 { background-color: #e6ded3; font-size: 0;}
    #main_2 .content{ padding: 120px 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
    #main_2 .wrap1800{ position: relative; overflow: hidden; width: 100%; height: 1090px;}
    #main_2 .main_2-02{ position: absolute; top: 0; right: 0; z-index: 10; width: 1050px; height: 670px; object-fit: cover;}
    #main_2 .main_2-03{ position: absolute; bottom: 0; left: 90px; width: 1650px; height: 970px; background-color: #897e6f;  z-index: 1;}
    #main_2 .main_2-03 img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
    #main_2 .wrap1800 .text-wrap{ position: relative; z-index: 10;}
    #main_2 .wrap1800 h3{ font-size: 150px; font-weight: 400; line-height: 160px; letter-spacing: 0.02em; padding-bottom: 160px; padding-left: 30px; }
    #main_2 .wrap1800 h4{ font-size: 44px; font-weight: 400; padding-bottom: 20px; padding-left: 210px;}
    #main_2 .wrap1800 h5{ font-size: 18px; letter-spacing: 0.1em; padding-left: 210px; padding-bottom: 40px;}
    #main_2 .wrap1800 p{ font-size: 12px; line-height: 28px; letter-spacing: 0.1em; padding-left: 210px;}
    #main_2 .wrap1680{ display: flex; justify-content: space-between; padding-bottom: 120px; }
    #main_2 .wrap1680 img{ width: 50%; object-fit: cover;}
}
@media (max-width: 820px){
    #main_2 .content{ padding: 10.67vw 0; background-image: unset!important;}
    #main_2 .wrap1800{ height: auto; padding: 0; height: 128.00vw;}
    #main_2 .main_2-02{ top: 8.40vw; right: 4.00vw; width: 80.00vw; height: 51.07vw;}
    #main_2 .main_2-03{ left: 0; width: 100%; height: 102.80vw; }
    #main_2 .main_2-03 img{ object-fit: cover; }
    #main_2 .wrap1800 .text-wrap{ position: relative; z-index: 10;}
    #main_2 .wrap1800 h3{ font-size: 14.00vw; line-height: 14.67vw; padding-bottom: 15.00vw; padding-left: 3.33vw; }
    #main_2 .wrap1800 h4{ font-size: 6.67vw; line-height: 9.33vw; padding-bottom: 5.33vw; padding-left: 4.00vw;}
    #main_2 .wrap1800 h5{ font-size: 3.73vw; padding-left: 4.00vw; padding-bottom: 5.33vw;}
    #main_2 .wrap1800 p{ font-size: 2.67vw; line-height: 4.80vw; padding-left: 4.00vw;}
    #main_2 .wrap1680{ padding: 0 4.00vw 10.67vw; }
}
/* main_3 */
#main_3{ font-size: 0; background-color: #eeeae5;}
#main_3 .wrap1680{ padding: 4.17vw 0 6.25vw; display: flex; justify-content: space-between;}
#main_3 .wrap1680 img.m_3-02{ width: 35.42vw; height: 44.27vw; object-fit: cover;}
#main_3 .wrap1680 .content{  width: calc(100% - 35.42vw - 4.17vw); position: relative; padding-top: 0.78vw; margin-left: 4.17vw; }
#main_3 .wrap1680 .content img.m_3-03{ position: absolute; width: 23.44vw; height: 13.18vw; right: 0; top: 0;}
#main_3 .wrap1680 .content h3{ font-size: 2.29vw; padding-bottom: 1.04vw;}
#main_3 .wrap1680 .content h4{ font-size: 0.94vw; letter-spacing: 0.1em; padding-bottom: 2.08vw;}
#main_3 .wrap1680 .content p{ font-size: 0.63vw; letter-spacing: 0.02em; line-height: 1.46vw;}
#main_3 .wrap1680 .content img.m_3-04{ position: absolute; width: 100%; height: 26.93vw; right: 0; bottom: 0;}
@media (min-width: 1920px){
    #main_3{ font-size: 0; background-color: #eeeae5;}
    #main_3 .wrap1680{ padding: 80px 0 120px; display: flex; justify-content: space-between;}
    #main_3 .wrap1680 img.m_3-02{ width: 680px; height: 850px; object-fit: cover;}
    #main_3 .wrap1680 .content{  width: calc(100% - 680px - 80px); position: relative; padding-top: 15px; margin-left: 80px; }
    #main_3 .wrap1680 .content img.m_3-03{ position: absolute; width: 450px; height: 253px; right: 0; top: 0;}
    #main_3 .wrap1680 .content h3{ font-size: 44px; padding-bottom: 20px;}
    #main_3 .wrap1680 .content h4{ font-size: 18px; letter-spacing: 0.1em; padding-bottom: 40px;}
    #main_3 .wrap1680 .content p{ font-size: 12px; letter-spacing: 0.02em; line-height: 28px;}
    #main_3 .wrap1680 .content img.m_3-04{ position: absolute; width: 100%; height: 517px; right: 0; bottom: 0;}
}
@media (max-width: 820px){
    #main_3 .wrap1680{ padding: 10.67vw 4.00vw; flex-wrap: wrap;}
    #main_3 .wrap1680 img.m_3-02{ width: 100%; height: 113.33vw;}
    #main_3 .wrap1680 .content{  width: 100%; position: relative; padding-top: 9.33vw; margin-left: 0; }
    #main_3 .wrap1680 .content img.m_3-03{ position: relative; width: 60.00vw; height: 33.73vw; margin-bottom: 8.00vw; margin-left: calc(100% - 60vw); }
    #main_3 .wrap1680 .content h3{ font-size: 6.67vw; padding-bottom: 2.67vw;}
    #main_3 .wrap1680 .content h4{ font-size: 3.73vw; padding-bottom: 5.33vw;}
    #main_3 .wrap1680 .content p{ font-size: 2.67vw; line-height: 4.80vw; padding-bottom: 5.33vw;}
    #main_3 .wrap1680 .content img.m_3-04{ position: relative; width: 100%; height: 51.73vw; }
}
/* main_4 */
#main_4{ font-size: 0; position: relative; padding-bottom: 8.85vw; background-color: #eeebe6; font-size: 0;}
#main_4 h3{ position: absolute; font-size: 2.08vw; top: 17.19vw; right: 0; left: 0; margin: 0 auto; z-index: 1; text-align: center;}
#main_4 img.model{ position: absolute; width: 31.25vw; height: 52.08vw; object-fit: cover; bottom: 0.52vw; right: 6.25vw;}
@media (min-width: 1920px){
    #main_4{ font-size: 0; position: relative; padding-bottom: 170px; background-color: #eeebe6; font-size: 0;}
    #main_4 h3{ position: absolute; font-size: 40px; top: 330px; right: 0; left: 0; margin: 0 auto; z-index: 1; text-align: center;}
    #main_4 img.model{ position: absolute; width: 600px; height: 1000px; object-fit: cover; bottom: 10px; right: 120px;}
}
@media (max-width: 820px){
    #main_4{ background-color: #eeeae5; padding-bottom: 0;}
    #main_4 img.full{ margin-top: 10.67vw; padding-bottom: 2.67vw;}
    #main_4 h3{ font-size: 5.33vw; top: 25.74vw; right: 12.00vw; left: unset; margin: unset; }
    #main_4 img.model{ position: relative; width: 100%; height: 150.67vw; object-fit: cover; bottom: 0; right: 0;}

}