/* 공통 */
.bg-g{background-color: #f5f5f5 !important;}
.bg-w{background-color: #fff !important;}
.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: 235px; height: 47px; position: absolute; top:50%; left:100px; transform: translateY(-50%); text-indent: -9999px;
    overflow: hidden; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166404588123589.png) no-repeat center center / 100%;  z-index: 9998; transition-duration: 0.3s;


}
.header .logo a{display: block; width: 100%; height: 100%;}
ul.gnb{position: relative; }
.header .nav_inner{position: absolute; width: 100%; left: 0%;; top: 0; text-align: center; }
.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;}
.wrap03 .header .nav_inner>ul>li a{color: #000;}
.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.8); }
.header .nav_inner>ul>li:hover .sub_deph ul>li{padding: 8px 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; text-shadow: none !important; }
.h_event4{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166404588123589.png) no-repeat center center / 100%!important;}
.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: linear-gradient(-45deg, #00a651, #00a651, #0269bb, #3cff9b); color: #fff; text-align: center; border-radius:55px; padding: 12px 24px;
	animation: e_blink 8s ease infinite;	background-size: 400% 400%;
}
@keyframes e_blink {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.book_btn img{margin-right: 16px;}
.book_btn a:hover{background-color: #01552a;}

/* footer */
footer{padding: 60px 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 + span{margin-left: 12px;}
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;}





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

.sub-banner{width: 100%;  position: relative; overflow: hidden;}
.sub-banner .img_wrap{width: 100%; overflow: hidden;}
.sub-banner .img_wrap .img_in{width: 100%;  padding-bottom: 35%; 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/166318106172938.jpg) no-repeat center center /cover; position: relative;}
.sub-banner .img_wrap.room-bg .img_in::after{content:""; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.3); z-index: 1;}

.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; text-shadow: 0px 0px 8px rgba(0,0,0,0.3);}
: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;}




/* 전체메뉴 */
.all_menu .close{font-weight: 600; position: fixed; top: 40px; right: 40px; font-size: 40px;color: #fff; line-height: 1; cursor: pointer;}
.all_menu{padding: 27px; display: flex; align-items: center; position: fixed; width: 100%; max-width: 100%; top: 0; right: 0; height: 100%; background-color:rgba(0,0,0,0.92); z-index: 999999; transform: translateY(-100%);}
.all_menu ul{width: 760px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 0 auto; max-width: 100%; position: relative;}
.all_menu::after{content: ""; width: 538px; height: 350px; background: url(../img/main/sec05_img02-w.png)no-repeat center center /cover;
  position: absolute; right: 0; bottom: 0; opacity: 0.25; display: none;
}
.all_menu p{font-size:45px; font-weight: 500; cursor: pointer; color: #fff;
 margin-bottom: 32px;
  line-height: 1;
}
.all_menu p.page_on{color: #00a651 !important;}
.all_menu ul li{position: relative; display: flex;flex-direction: column; justify-items: flex-start;  padding:8px 0px ;}
.all_menu ul li.on p{color: #000;}
/* .all_menu ul li + li{margin-top: 24px;} */
/* .all_menu ul li:hover .depth_in{display: block;}
.all_menu ul li:hover .depth_wrap{height:fit-content;}
.all_menu ul li:hover {height: auto;} */

.all_menu h1.logo{top: 40px; left: 40px; background: url(../img/logo2-w.png)no-repeat center center / contain;}
.all_menu .depth_wrap{width: 100%;overflow: hidden; margin-top: 16px; display: none;}
.all_menu .depth_in{opacity: 0.7;}
/* .all_menu .depth_in {transform: translateY(62px); transition-duration: 0.3s;}
.all_menu li:hover .depth_wrap .depth_in{transform: translateY(0);} */
.all_menu li a{position: relative;}


.all_menu .depth_in a{color: #fff; font-size: 20px; font-weight: 500; margin-right: 0;display: block;}
.all_menu .depth_in a + a{margin-top: 8px;}
.all_menu .depth_in a:last-child{margin-right: 0;}
.all_menu .depth_in a.page_on{color: #00a651 !important;}

.all_menu .all_logo{width: 180px; height: 90px; position: absolute; top:40px; left:40px; text-indent: -9999px; 
  overflow: hidden; background: url(../img/logo2-w.png) no-repeat;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
  background-size:contain;background-position: center; z-index: 9998; transition-duration: 0.3s;
}
.all_menu .all_logo a{display: block; width: 100%; height: 100%;}


.alert_modal {background-color:rgba(0,0,0,0.85) !important;}
.alert_modal .modal-wrap{border-radius: 3px; overflow: hidden;}
.alert_modal .modal-head{font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 16px;}
.alert_modal p{text-align: center;}
.alert_modal .btn{display: flex; justify-content: space-between;}
.alert_modal button{display: block;width:48%;  margin-top: 24px; max-width: 100%; border-radius: 5px; color: #fff; padding: 12px 16px; margin: 24px auto 0 auto;}
.alert_modal button:nth-child(1){background-color: #8b8b8b;}
.alert_modal button:nth-child(2){background-color: #339be4;}
.alert_modal button span{display: block;}
.alert_modal i{opacity: 0.7;}


.main_popup{position: fixed; z-index: 100; width: 100%; height: 100%; display: flex; align-items: flex-start;  }
.main_popup .inner{width: auto; max-width: 100%; padding: 95px 16px 0 0;}
.main_popup .inner .img_wrap{height: 70vh;   background-color: #f5f5f5; overflow: hidden;}
.main_popup .inner .img_wrap img{width:auto !important; max-width: auto !important; height: 100% !important; margin: 0 auto;}
.main_popup .inner .txt_wrap{background-color: #f5f5f5; padding: 8px; display: flex; justify-content: space-between; font-size: 15px; font-weight: 600;}
.main_popup .inner .txt_wrap p{cursor: pointer; opacity: 0.7;}


.down_btn{position: fixed; right: 10px; bottom: 10px; z-index: 3;} 
.down_btn > div{width: 50px; height: 50px;border: 1px solid #ddd; background-color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.down_btn > div + div{margin-top: 4px;}
.down_btn p{font-size: 13px; font-weight: 600; opacity: 0.7; }
.down_btn .down p{margin-bottom:4px;}
.down_btn .top p{margin-top:4px;}

.down_btn img{width: 15px;}



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

   /* 헤더 */
   .header .logo{left: 16px;}

   /* .h_event{background: transparent !important;} */
   .header .language2{right: 0px;}
   .boundary3{padding:  0 20px;}
   .header .nav_inner>ul>li{min-width: 135px;}
   
    
 }
  /* ********************************************* *
 * 1440px
 * ********************************************* */
 @media screen and (max-width: 1440px){

  .sub-banner .txt_wrap h2{font-size: 51px;}
  .sub-banner .sub-tab .navi p span{font-size: 18px;}
 }
 /* ********************************************* *
 * 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){

  .side_area{height: 380px;}
  .all_menu p{font-size: 37px;}


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


    
}


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

 @media screen and (min-width: 1201px){
    .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; top: 0; transform: inherit;}
  .menu{margin: 35px auto;}

  .side_area{height: 330px;}
  .book_btn{right: 130px;}


  .sub-banner .txt_wrap h2{font-size: 45px;}
  .sub-banner .sub-tab{bottom: 39%;}

  .all_menu p{margin-bottom: 16px;}
  .header .logo{width: 200px;}
 }

  

 
 /* ********************************************* *
 * 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;}

    .side_area{display: none;}
    .sub-banner .sub-tab{bottom: 38%;}
    .title_area{font-size: 2.1rem;}

 }
 
 /* ********************************************* *
 * 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;}
  .sub-banner .img_wrap.room-bg .img_in{padding-bottom: 53%;}

  .sub-banner .sub-tab{bottom: 41%;}


  .all_menu p{font-size: 27px;}
  .all_menu .depth_in a{font-size: 18px;}


 }
 
 
 /* ********************************************* *
 * 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;}

  .sub-banner .txt_wrap h2{font-size: 40px;}
  .sub-banner .sub-tab {bottom: 38%; }

  .all_menu ul{display: block;}
  .all_menu .depth_wrap{height: 0; overflow: hidden; transition-duration: 0.3s; margin-top: 0;}
  /* .all_menu p:hover ~ .depth_wrap{height: fit-content; margin-bottom: 24px;}
  .all_menu .depth_wrap:hover ~ .depth_wrap{height: fit-content; margin-bottom: 24px;} */
  .all_menu::after {
    width: 334px;
    max-width: 100%;
    height: 208px;
    background: url(../img/main/sec05_img02-w.png)no-repeat center center /contain;
    display: none;
  }

  .all_menu .depth_wrap{height: auto; display: none; transition-duration: inherit;}
  

  .main_popup{position: absolute;}
  .main_popup .inner{position: absolute; left: 0; top: 0; width: 450px;}
  .main_popup .inner .img_wrap{width: 100%; height: auto;}
  .main_popup .inner .img_wrap img{width: 100%; height: auto;}

  footer .bottom_con img{display: none;}
  footer{padding: 40px 0;}

 }
 
 
 /* ********************************************* *
 * 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;}

  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;}

  .sub-banner .img_wrap.room-bg .img_in{padding-bottom: 50%;}
  .sub-banner .txt_wrap h2{font-size: 39px;}
  .sub-banner .sub-tab .navi p.now_page{margin-top: 16px;}
  .sub-banner .txt_wrap h2{font-size: 35px;}
  .sub-banner .sub-tab{bottom: 32%;}

  .header .logo{width: 160px;}
  .all_menu ul li + li{margin-top: 8px;}
  .all_menu p{font-size: 25px;}

  footer .bottom_con p span + span{margin-left: 0;}
  footer .bottom_con p.copy{margin-top: 16px;}
 }
 
 
 /* ********************************************* *
 * 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;}
    .header{height: 65px;}
    .header .main_nav{height: 65px;}
    .mo_btn{width: 65px; height: 65px;}
    .menu{margin: 22px auto;}

    .sub-banner .txt_wrap h2{font-size: 25px;}
    .sub-banner .txt_wrap{top: 50%;}

    /* .main_popup .inner{padding: 0 8px;} */
    .main_popup .inner .txt_wrap {font-size: 14px;}

    .down_btn >div{width: 45px; height: 45px;}
    .down_btn p{font-size: 10px; }
    footer{padding: 32px 0 16px 0;}

 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){
  .main_popup .inner .txt_wrap{font-size: 13px;}

 }