@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;500;600&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

#cross_bullet {
  position: fixed;
  z-index: 9;
  top: 70%;
  transform: translateY(-50%);
  right: 5%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#cross_bullet li {
  color: #ffffff;
  cursor: pointer;
  position: relative;
  line-height: 1;
  margin-bottom: 16px;
}
#cross_bullet li:last-child {
  margin-bottom: 0;
}
#cross_bullet li::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
}
.slider__dots {
  flex-direction: column;
  position: fixed;
  z-index: 9999;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}


/*SAY TEST*/

.footer_box {
    position: absolute;
    z-index: 10;
    left:120px;
    bottom:75px;
}

.footer_box p {
    color:#ffffff9e;
    font-size:13px;
    margin: 0;
    font-family: 'Cormorant', serif !important;
    font-variant: lining-nums;
    font-weight: 200;
}

.footer_box2 {
    position: absolute;
    z-index: 10;
    right:120px;
    bottom:70px;
}

.footer_box2 p a{
    color:#fff;
    font-size:16px;
    font-family:"Pretendard","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important; 
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.5px;
    padding: 13px 23px;
    border: 1px solid #ffffffa1;
}
.footer_box2 p a:hover{
    border: 1px solid #ffffffa1;
    background: #0000001c;
}

.footer_box3 {
    position: absolute;
    z-index: 10;
    bottom:75px;
    left: 50%;
    transform: translateX(-50%);
}


.bottom_btn {
    position: absolute;
    z-index: 999999;
    left:0px;
    bottom:120px;
}

.bottom_btn ul {
    display:table;
    content:'';
    clear: both;
    margin:0;
    padding:0;
    width:200px;
    list-style: none;
    
}
.bottom_btn ul li {
    display:block;
    list-style: none;
    text-align:left;
    
}
.bottom_btn ul li a {
    display: block;
    font-size: 22px;
    color: #fff;
    line-height: 33px;
    font-family: 'Cormorant', serif !important;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.bottom_btn ul li a:hover {
    text-decoration: underline;
}

.section-fullheight__inner {
    min-height: 100vh !important;
}

.slider-fullscreen-projects__content {
    margin-left: 120px !important;
    margin-right: 120px !important;
}
.swiper-container {
    overflow: visible;
}
/**/
.slider-fullscreen-projects, .slider-fullscreen-projects__content, .swiper-wrapper, .swiper-container-fade .swiper-slide {
    min-height: 100vh !important;
}

[data-arts-theme-text=light] h1, [data-arts-theme-text=light] .h1 {
    position: absolute;
    left: 50%;
    top: 43%;
    width: 900px;
    margin-left: -450px !important;
    margin-top: -50px !important;
    font-size: 65px;
    line-height: 70px;
    font-family: 'Cormorant', serif !important;
    color: #fff;
    text-transform: uppercase;
    font-variant: lining-nums;
}

.main_sub_t {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.8px;
    font-family:"Pretendard","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important; 
    font-weight: 200 !important;
    margin-top: 20px;
}

.slider-fullscreen-projects__footer {
    top:52% !important;
    height: 95px !important;
    min-height:95px !important;
    display: none;
}

.slider-fullscreen-projects__footer .swiper-wrapper {
    height: 95px !important;
    min-height:95px !important;
}

.slider-fullscreen-projects__footer .swiper-slide{
    height: 95px !important;
    min-height:95px !important;
}


/*팝업
.pop_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0); font-size:0; text-align:center; z-index: 99999;}
.pop_wrap:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
#pop_info_check.pop_wrap .pop_inner button.btn_close {position:absolute; top:0; right:-36px; background:url('../img/content/close.png') no-repeat center center; width:24px; height:24px; border:0; cursor: pointer;}



.pop_inner {
    display:block;
    width:1200px;
    height:300px;
    background:#fff;
    position:absolute;
    top:16%;
    left:50%;
    margin-left:-600px;
}

.pop_inner ul {
    display:table;
    content:'';
    clear: both;
    margin:0;
    padding:0;
    width:100%;
    list-style: none;
    text-align: center;
}
.pop_inner ul li {
    display:inline-block;
    list-style: none;
    text-align:center;
    width:22%;
    margin:37px 1%;
    
}
.pop_inner ul li a {
    display: block;
    font-size:15px;
    color:#000;
    line-height: 27px;
    padding:100px 10px;
    border:1px solid #ccc;
    
}

.pop_inner ul li a:hover {
    background:#ccc;
}
*/

/*우측 블렛*/
.slider__dot:nth-child(1) {
   display: none;
}
.slider__dot::before {
    position: absolute;
    display: inline-block;
    z-index: 2;
    font-family:"Pretendard","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important; 
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.8px;
    font-weight: 300;
    top: 0;
    right: 40px;
    width: 150px;
    text-align: right;
    opacity: 0.5;
    cursor: pointer;
}
.slider__dot:nth-child(2)::before {
    content: '호텔 탑스텐';
}
.slider__dot:nth-child(3)::before {
    content: '동강시스타';
}
.slider__dot:nth-child(4)::before {
    content: '빌라드애월 제주';
}
.slider__dot:nth-child(5)::before {
    content: '골프 클럽';
}
.slider__dot_active::before {
    opacity: 1;
}


/*홈페이지 로딩 화면*/
.preloader__heading img {
    height: 93px;
}
.preloader__subline.small-caps.mt-1 {
    font-family: 'Cormorant', serif;
    font-size: 20px;
    line-height: 30px;
    font-variant: lining-nums;
    margin-top: 30px;
}

/*햄버거 메뉴*/
.header__widget-title .split-text__line {
    font-family: 'Cormorant', serif !important;
    font-size: 21px;
    line-height: 30px;
    text-transform: none;
    color: #fff;
}
.header__widget-content .split-text__line {
    font-family: "Pretendard","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -0.5px;
    color: #838383;
}
.header__widget-content {
    margin-top: 6px;
}
.header__wrapper-menu .menu-item-has-children .split-text__line {
    font-family: 'Cormorant', serif !important;
    font-variant: lining-nums;
    color: #fff;
}
.header__wrapper-menu .menu-item-has-children .split-text__line:hover {
    color: #888888;
}
/*햄버거 메뉴 오버시*/
ul.menu-overlay.js-menu-overlay li.menu-item-has-children a:hover .split-text__line { color: #888888 !important;}



.m_block {display: none !important;}


/*반응형*/
[data-arts-header-logo=secondary] .logo__img-secondary {
    height: 54px;
}
.logo__wrapper-img {
    height: 54px;
}
@media screen and (max-width:1399px){
    .slider__dot::before {
        display: none !important;
    }

    /*퀵메뉴*/
    .footer_box {
        left: 80px;
    }
    .footer_box2 {
        right: 80px;
    }
    .bottom_btn {
        left: -40px;
    }
}
@media screen and (max-width:1190px){
    /*블렛*/
    .slider__dot::before {
        display: none !important;
    }
}
@media screen and (max-width:991px){
    .m_block {display: block !important;}
    .m_none {display: none !important;}

    /*모바일에서 상단 검정여백 생기는거 중지*/
    .section-fullheight__inner {
        min-height: calc(var(--fix-bar-vh,1vh)*100) !important;
    }
    
    /*슬라이드 영역*/
    .slider-fullscreen-projects, .slider-fullscreen-projects__content, .swiper-wrapper, .swiper-container-fade .swiper-slide {
        min-height: auto !important;
        padding-bottom: 3vh;
    }

    /*블렛*/
    .slider__dot:nth-child(1) {
        display: block;
     }

    /*로고*/
    [data-arts-header-logo=secondary] .logo__img-secondary {
        height: 35px;
    }
    .logo__wrapper-img {
        height: 35px;
    }
    .preloader__heading img {
        height: 50px;
    }
    .preloader__subline.small-caps.mt-1 {
        font-size:15px !important; 
        line-height: 24px;
        margin-top: 15px;
    }

    /*메인슬라이드 메인 텍스트들*/
    [data-arts-theme-text=light] h1, [data-arts-theme-text=light] .h1 {
        top: 45%;
        width: 900px;
        margin-left: -450px !important;
        margin-top: -50px !important;
        font-size:28px !important; 
        line-height: 34px;
    }
    .main_sub_t {
        font-size:13px !important; 
        line-height: 23px;
        margin-top: 8px;
        font-weight: 400 !important;
    }
    .button {
        font-size: 13px !important;
        line-height: 1.3;
        padding: 6px 18px;
        margin-top: 20px;
        font-weight: 400 !important;
    }

    /*햄버거메뉴*/
    .header__widget-title .split-text__line {
        font-size:15px !important; 
        line-height: 24px; 
    }
    .header__widget-content .split-text__line {
        font-size:13px !important; 
        line-height: 22px;
    }
    .header__widget-content {
        margin-top: 6px;
    }
    .header__wrapper-menu .menu-item-has-children .split-text__line {
        font-size:22px !important; 
        line-height: 32px;
    }

    /*퀵메뉴*/
    .footer_box {
        left: 20px;
        bottom: 25px;
        z-index: 50;
        width: 50%;
    }
    .footer_box p {
        font-size: 11px;
        line-height: 15px !important;
    }
    .footer_box2 {
        right: 21px;
        bottom: 10px;
        z-index: 50;

    }
    .footer_box2 p a {
        font-size:10px !important; 
        line-height: 20px; 
        padding: 6px 13px;
    }
    .footer_box3 {
        display: none;
    }

    .bottom_btn {
        position: absolute;
        z-index: 999999;
        left: -98px;
        bottom: -16rem;
    }
    .bottom_btn ul li a {
        font-size:16px !important; 
        line-height: 25px; 
        font-weight: 500 !important;
    }

    .slider-fullscreen-projects__content {
        margin: 0 auto !important;
        max-width: calc(100% - var(--gutter-horizontal) * 12) !important;
    }
}


