/* 공통 */
.bg-g{background-color: #f5f5f5;}
.bg-g02{background-color: #f8f8fb;}
.fc-g{color: #00a651; font-weight: 600;}
.fc-r{color: #fe0000;}
.fc-o{color: #ff8935 !important;}
.bg-o{background-color: #ff8935 !important;}

.bg-green{background-color: #00a651; color: #fff;}
.pt-120{padding-top: 120px;}
.pb-120{padding-bottom: 120px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px !important;}
.pt-32{padding-top: 32px !important;}
.pb-32{padding-bottom: 32px !important;}



.mt-100{margin-top: 120px;}
.mt-170{margin-top: 170px;}
.mt-85{margin-top: 85px;}
.mt-220{margin-top: 220px;}
.mt-270{margin-top: 270px;}


* b{word-break: keep-all;}
* h2{word-break: keep-all;}

.dis-f{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justi-s-b{justify-content: space-between;}
.justi-f-s{justify-content: flex-start !important;}
.justi-f-e{justify-content: flex-end !important;}
.justi-c{justify-content: center !important;}
.align-i-c{align-items: center;}
.align-f-s{align-items: flex-start !important;}
.align-f-e{align-items: flex-end !important;}
.posi-r{position: relative;}
.text-a-l{text-align: left !important;}

.width-100{width: 100%;}

.lock img{width: 20px; display: inline-block; vertical-align: top;  margin-left: 4px;}

input:focus{border: 0; outline: 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 상단 사이드 영역 */

.side_area{height: 460px; background-color: #fff;position: absolute; bottom: 0; right: 0; z-index: 3; padding:32px 8px;
  display: flex; align-items: center; justify-content: space-between; flex-direction: column;
}
.side_area .icon{margin-bottom: 32px;}
.side_area .icon a{display: block;}
.side_area .icon>div + div{margin-top: 16px;}
.side_area p{white-space: nowrap;}
.side_area .scroll{display: flex;align-items: center; justify-content: center; flex-direction: column;}
.side_area .scroll p{transform: rotate(-90deg); margin-bottom: 60px;}
.side_area .scroll img{animation: move_e 1s infinite ease-in-out;}

@keyframes move_e{
  0%{transform: translateY(0);}
  50%{transform: translateY(15px);}
  100%{transform: translateY(0);}

}




/* ********************************************* *
    header
* ********************************************* */
.header{width: 100%; height:100px; transition-duration: 0.5s;  position: fixed; top: 0; left: 0; z-index: 999; }
.header .main_nav{width:100%; max-width: 100%; margin: 0 auto; height:100px; position: relative;}
.header .logo{width: 200px; height:200px; position: absolute; top:0%; left:0; text-indent: -9999px; padding: 16px;
    overflow: hidden; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166058974925376.png) no-repeat center center / 70%;  z-index: 9998; transition-duration: 0.3s;
  background-color: rgba(255, 255, 255, 0.8);

}
.header .logo a{display: block; width: 100%; height: 100%;}
ul.gnb{position: relative; }
:lang(ru) ul.gnb{display: flex; align-items: center; justify-content: center;}
.header .nav_inner{position: absolute; width: 100%; left: 0%;; top: 0; text-align: center; }
:lang(ru) .header .nav_inner{width: 1200px; max-width: 100%; margin: 0 auto; left:18%; top: 0%; } 
.header .nav_inner>ul>li{text-align: center; position: relative; min-width: 145px;  padding: 0 2.5%; display: inline-block;height:95px; line-height:95px; font-weight: 600; vertical-align: top; margin-right: -5px;font-size:18px;}
:lang(ru) .header .nav_inner>ul>li{padding: 0 1.5%; width: 20%; line-height: 1.2; display: flex; align-items: center; justify-content: center;}

.header .nav_inner>ul>li>a{display: block; width: 100%;  position: relative; color: #fff; }
.header .nav_inner>ul>li>a.page_on{color: #00a651 !important;}
.header .nav_inner>ul>li>a.page_on::before{content: ""; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 68px; background-color: #00a651;}
.header .nav_inner>ul>li .sub_deph{ height: 0; opacity: 0; overflow: hidden; transform-origin: 50% 0%; 
   box-shadow: 1px 1px 20px rgba(0,0,0,0.05);
  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%); 
  width: 100%; position: absolute; top:95px; left: 50%;z-index: 999; text-align:center; transition-duration: 0.3s; 
}
.header .nav_inner>ul>li .sub_deph ul>li{transition-duration: 0.3s; font-weight: 400; padding: 0;width:100%; overflow: hidden;z-index: 999; font-size:1em; opacity: 0;background-color: rgba(255,255,255,0.5); }
.header .nav_inner>ul>li:hover .sub_deph ul>li{padding: 12px 16px; opacity: 1;}
.header .nav_inner>ul>li:hover .sub_deph{height: auto;opacity: 1;}
.header .nav_inner>ul>li .sub_deph ul>li>a{color: #333 ; font-size: 16px; font-weight:400;
  transition-duration: 0.3s; word-break: keep-all; text-align: center; height: 100%; margin: 0 auto;display:table;
  line-height: 1.4; position: relative;}

.header .nav_inner>ul>li .sub_deph ul>li.page_on{background-color: #f5f5f5;}
.header .nav_inner>ul>li .sub_deph ul>li.page_on>a{color: #00a651;}


.header .nav_inner>ul>li .sub_deph ul>li:hover{background-color:#f5f5f5;}
.header .nav_inner>ul>li .sub_deph ul>li:hover>a{color: #00a651; opacity: 1;}
.header .nav_inner>ul>li .sub_deph.sub_deph_long ul>li>a{font-size: 14px;}

/* 헤더 이벤트  */
.h_event{background-color: rgba(255, 255, 255, 0.9)!important;}
/* .h_event2{color: #333!important; border: 2px solid #e1e1e1!important;} */
.h_event2::after{   border-top: 4px solid #333!important;}
.h_event3{color: #333!important; }
.h_event4{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166058974925376.png) no-repeat center center / contain!important; width: 130px !important; height: 70px !important;
  left: 100px !important ; top: 50% !important; transform: translateY(-50%);

}
.h_event5{color: #333!important; font-weight: 600!important; border: 1px solid #ddd!important;}
.h_event6{border-top:2px solid #333!important;}



/* 하단 픽스 메뉴 모바일 */

.header.header02{background-color: transparent !important; display: none;}
.header .inner02{position: fixed;  bottom: 0; left: 0; background-color: #fff; width: 100vw; padding: 16px; border-top: 1px solid rgba(0,0,0,0.1);}
.header .inner02 nav ul{display: flex; align-items: center;}


.header .inner02 nav ul li{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.header .inner02 nav ul li p{font-size: 12px; margin-top: 4px; text-align: center; opacity: 0.7;}
.header .inner02 nav ul li a img{width: 25px; height: 25px;}
.header .inner02 nav ul li a img:first-child{display: block;}
.header .inner02 nav ul li a img:last-child{display: none;}
.header .inner02 nav ul li.on a img:first-child{display: none;}
.header .inner02 nav ul li.on a img:last-child{display: block;}

 /* 모바일헤더 */
 .mobile_ver{width: 100%;}
 .mo_btn{position: absolute;width: 95px; height: 95px;  right: 0;top: 50%;  background-color: #00a651;
   -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);
   z-index: 9999;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .mo_i_btn1{cursor: pointer;position: absolute; left:50%; top:50%;
     -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); 
     width:33px; height: 18px;} 
 
 /* .mo_i_btn1 span{display: block; width: 100%; height: 3px; margin-bottom:7px; background-color: white;} */
 .mo_i_btn1 span{position: absolute; width: 100%; height:2px; background-color:#fff ;z-index: 300;}
 .mo_i_btn1 span:nth-child(1){top: 0;}
 .mo_i_btn1 span:nth-child(2){top:50%;}
 .mo_i_btn1 span:nth-child(3){top: 100%;}
 .mo_i_btn1 span:last-child{margin-bottom: 0;}
 
 /* new 햄버거 메뉴 */
 .menu {
    
     cursor: pointer;
     position: relative;
     width: 20px;
     height: 20px;
    
   }
   .menu-global {
     backface-visibility: hidden;
     position: absolute;
     left: 0;
     display: flex; 
     align-items: center;
     justify-content: center;
     transition: 0.2s;
   }
   .menu-global i{
     width: 4px;
     height: 4px;
     background-color: #fff;
     border-radius: 50%;
     display: inline-block; vertical-align: middle;
   }
   .menu-global i + i{margin-left: 4px;}
   .menu-top {
     top: 0;
   }
   .menu-middle {
     top: 8px;
   }
   .menu-bottom {
     top: 17px;
   }


.book_btn{position: absolute; right: 100px; top: 25px;}
.book_btn a{display: block; transition-duration: 0.3s; background-color: #333; color: #fff; text-align: center; border-radius:55px; padding: 12px 24px;}
.book_btn img{margin-right: 16px;}
.book_btn a:hover{background-color: #00a651;}

/* footer */
footer{padding:32px 0; border-top: 1px solid #ddd; }
footer .bottom_con img{width: 160px;}
footer .bottom_con p.tel{font-size:30px; font-weight: 700; margin-bottom: 16px;}
footer .bottom_con p + p{margin-top: 4px;}
footer .bottom_con p span i{font-weight: 700; margin-right: 4px;}
footer .bottom_con p.copy{margin-top: 24px;}

footer .top_con{margin-bottom: 16px;}
footer .top_con a{margin-right: 8px;}
footer .top_con a:last-child{margin-right: 0;}


body{position: relative;}
.rock{position: absolute; right: 8px; bottom: 8px; opacity: 0.2;z-index: 3;}


/* ********************************************* *
  sub-page 공통
* ********************************************* */

.sub-banner{width: 100%; height: 80vh; position: relative; overflow: hidden;}
.sub-banner .img_wrap{width: 100%; height: 100%; overflow: hidden;}
.sub-banner .img_wrap .img_in{width: 100%; height:100%; animation: img_zoom 3s ease forwards ;}
.sub-banner .img_wrap.room-bg .img_in{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166163056996913.jpg) no-repeat center center /cover;}
.sub-banner .img_wrap.ct-bg .img_in{background: url(../img/sub/ct_banner.png) no-repeat center bottom /cover;}
.sub-banner .img_wrap.cs-bg .img_in{background: url(../img/sub/cs_banner.png) no-repeat center center /cover;}
.sub-banner .img_wrap.pd-bg .img_in{background: url(../img/sub/pd_bg.png) no-repeat center center /cover;}
.sub-banner .img_wrap.notice-bg .img_in{background: url(../img/sub/notice_bg.png) no-repeat center center /cover;}
.sub-banner .video_wrap{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-banner .video_wrap iframe{width: 100%; height: 100%;}
@keyframes img_zoom{
    from{ transform:scale(1);}
    to{transform: scale(1.08);}
}


.sub-banner .video_wrap video{width: 100%;object-fit: fill;}
.sub-banner .video_wrap video source{width: 100%;}



.sub-banner .txt_wrap{text-align: center;  position: absolute; width: 100%;
  left: 50%; top: 44%; transform: translate(-50%, -50%); color: #fff;
}
.sub-banner .txt_wrap p{font-size: 23px;}
.sub-banner .txt_wrap h2{font-size: 65px; font-family: 'Marcellus', serif !important; display: none;}
:lang(en) .sub-banner .txt_wrap h2{font-size: 49px;}

.sub-banner .sub-tab{width: 100%; position: absolute; bottom: 42%; left: 50%; transform: translateX(-50%);}
.sub-banner .sub-tab .inner{width: 100%;}
.sub-banner .sub-tab .navi{display: flex; justify-content: center;  width: 100%;margin: 0 auto;  width: 1440px; max-width: 100%; text-align: center;}
.sub-banner .sub-tab .navi p{color: #fff; margin-right: 16px; font-weight: 500;}
.sub-banner .sub-tab .navi p.h-btn{width: 20px; height: 20px;}
.sub-banner .sub-tab .navi p.now_page{color: #fff; font-weight: 600; position: relative; padding-left: 8px;}
/* .sub-banner .sub-tab .navi p.now_page::after{content: ""; width: 3px; height: 3px; background-color: #fff; left: -5px; top: 9px; border-radius: 50%; position: absolute;} */
.sub-banner .sub-tab .navi p span{display: none; font-size: 20px;}
.sub-banner .sub-tab .navi p span.view_on{display: block;}
.sub-banner .sub-tab .navi p span a{pointer-events: none;}





/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){

   /* 헤더 */
   .header .logo{left: 0;}
   .header .logo.h_event4{left: 0 !important; width: 140px !important; height: 140px !important;
    background-size: 70% !important; transform: inherit !important; top: 0 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
   .h_event{background: transparent !important;}
   .header .logo{width: 140px; height: 140px;}
   .header .language2{right: 0px;}
   .boundary3{padding:  0 20px;}
   .header .nav_inner>ul>li{min-width: 135px;}
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (min-width: 1399px){
  
    /* 헤더 */
    .header .nav_inner{transform: inherit!important;}
    .header .nav_inner>ul>li .sub_deph{display: block!important;}

}

 @media screen and (max-width: 1400px){
 
  
 }
 
/* ********************************************* *
 * 1250px max
 * ********************************************* */
 
 @media (max-width:1250px){


    
}


 /* ********************************************* *
 * 1200px
 * ********************************************* */

 @media screen and (min-width: 1199px){
    .mo_btn{display: none;}
  
}


 @media screen and (max-width: 1200px){

    /* 공통 */
    .pt-120{padding-top: 100px;}
    .pb-120{padding-bottom: 100px;}
    .pt-100{padding-top: 90px;}
    .pb-100{padding-bottom: 90px;}

    .header .top{left: 20px;}
    .header .bottom{right: 20px;}
  
    .mo_btn{display: block;}
    .adm{display: none;}

     
    /* 헤더 */
    .header .nav_inner{transition-duration: 0.3s;
    transform: translateX(150%); padding: 130px 24px; z-index: 999; box-shadow: 0 0 200px 0 rgb(0 0 0 / 50%);
    width: 100%; max-width: 350px; height: 100%; left: inherit;   position: fixed; text-align: left; right:0; background-color:#fff;  top:0; z-index: 9999;}
    .header .nav_inner>ul>li{line-height: inherit; text-align: left; cursor: pointer;  position: static; display: block; width:100%; height:auto; border-bottom: 1px solid #e1e1e1; font-size: 18px; padding: 0;}
    .header .nav_inner>ul>li>a{padding: 12px 8px; display: block; position: relative; width: 100%;  padding-left: 16px; color: #333!important;}
    .header .nav_inner>ul>li>a{pointer-events: none;}
    .header .nav_inner>ul>li>a>span{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; 
        border-left:6px solid transparent; 
        border-right:6px solid transparent; 
        border-top: 6px solid #e1e1e1;
        margin-left:8px;
    }
    .header .nav_inner ul>li .sub_deph{display: none; transform: scale(1); opacity: 1;  position: static; }
    .header .nav_inner ul>li .sub_deph>ul>li{height: 45px; position: static; display: block; background-color: white; font-size: 17px; text-align: left; padding: 0;}
    .header .nav_inner ul>li .sub_deph >ul>li>a{display: block; color:#9e9e99; font-size: 15px;padding: 12px 8px 12px 16px; text-align: left;}
    .header .nav_inner ul>li .sub_deph ul li:hover{background-color:#f5f5f5;}
    .header .nav_inner ul>li .sub_deph ul li:hover a{color:#232323;}
    .header:hover .nav_inner ul li a{color: #fff; text-shadow: none;}
    .header .nav_inner>ul>li .sub_deph ul>li:hover a::before{display: none;}
    .header .nav_inner:hover ul>li .sub_deph ul>li{height: auto; padding: 0;}
    
    .header .nav_inner>ul>li .sub_deph{transition-duration: inherit; height: auto;}
    
    
    .header_bg::after{display: none;}
    .header .nav_inner>ul>li .sub_deph ul>li{height:auto; opacity: 1;}
    .header .nav_inner:hover{border-bottom: 0;}
    .header .nav_inner>ul>li .sub_deph ul>li{opacity: 1;}
    .header .nav_inner>ul>li .sub_deph{border: 0;}
    .header .language{right: 95px; }
    .mo_btn{width: 95px; height: 95px; right: 0;}
    .menu{margin: 35px auto;}


 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){

    /* 공통 */
    .pt-120{padding-top: 90px;}
    .pb-120{padding-bottom: 90px;}
    .pt-100{padding-top: 80px;}
    .pb-100{padding-bottom: 80px;}

 }
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

    /* 공통 */
    .pt-120{padding-top: 90px;}
    .pb-120{padding-bottom: 90px;}
    .pt-100{padding-top: 70px;}
    .pb-100{padding-bottom: 70px;}
    .pt-80{padding-top: 70px;}
    .pb-80{padding-bottom: 70px !important;}


 }
 
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){

    /* 공통 */
    .pt-120{padding-top: 80px !important;}
    .pb-120{padding-bottom: 80px !important;}

    .header h1{width: 180px;}
    .book_btn{position: fixed; right: 20px; bottom: 20px; top: inherit; border-radius: 50%;}
    .book_btn a{border-radius: 50%; width: 80px; height: 80px; padding:16px 12px;}
    .book_btn img{display: block; width: 20px; margin: 0 auto 8px auto;}
 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){


  .pt-100{padding-top: 50px !important;}
  .pb-100{padding-bottom: 50px !important;}
  .pt-120{padding-top: 60px !important;}
  .pb-120{padding-bottom: 60px !important;}


  .header .inner02{display: block;}
  .header{padding: 0 0;}
  .header .logo{width: 100px; height: 100px;  background-size: 80%;}
  .header .logo.h_event4{left: 0 !important; width: 100px !important; height: 100px !important;background-size: 80% !important; }


  footer .bottom_con img{display: none;}
  footer .bottom_con p.tel{font-size: 25px;}
  footer .bottom_con p span{display: block;}
  footer .bottom_con p span + span{margin-top: 4px;}
 }
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
 
    
    .pt-100{padding-top: 50px !important;}
    .pb-100{padding-bottom: 50px !important;}
    .pt-120{padding-top: 50px !important;}
    .pb-120{padding-bottom: 50px !important;}


 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){

 }