@charset "utf-8";
/* 외에 사이즈 맞춰야 할 부분 */
@media screen and (max-width: 109.375rem) {
  .host img {
    height: 1.8rem;
  }
}
/* (max-width: 1500px) */
@media screen and (max-width: 93.75rem) {
  .rv_slide_img {
    padding-top: 50%;
  }
  .footer .host {
    flex-direction: column;
    align-items: center;
  }
  .host p {
    margin-bottom: 25px;
  }
}
/* (max-width: 1360px) */
@media screen and (max-width: 85rem) {
  .nav__menu .nav__li {
    margin: 0 35px;
}
.footer .logo02 {
  margin: 0 1.5em;
}
}
/* (max-width: 1300px) */
@media screen and (max-width: 81.25rem) {
  .rv_slide_img {
    padding-top: 60%;
  }
  #instagram li {
    width: 48%;
  }
}
/* 기본 사이즈 단위 */
/* (max-width: 1290px) */
@media screen and (max-width: 80.625rem) {
  .body__in,
  .navigation {
    margin: 0 50px;
  }
  /* main row01 */
  .row01_left {
    top: 150px;
  }
  .row01_left p {
    font-size: var(--txt-30-size);
  }
  .row01_left_wrap {
    height: auto;
  }
  .row01_right_wrap {
    height: auto;
    width: auto;
    position: absolute;
    top: 100px;
  }
  .row01_right {
    position: relative;
    top: 500px;
  }
  .row01_right a {
    font-size: var(--txt-24-size);
  }
  .row04 .h2_br {
    display: block;
  }
  .row04_logos {
    display: block;
    text-align: center;
    margin: 7.5rem 0 1.5rem;
  }
  #instagram li {
    width: 48%;
  }
  #youtube {
    min-height: 400px;
  }
}
/* (max-width: 1200px) */
@media screen and (max-width: 75rem) {
  .nav__menu__txt a {
    font-size: var(--txt-16-size);
  }
  .nav__menu .nav__li {
    margin: 0 20px;
  }
  nav .sub_ul li a {
    font-size: var(--txt-14-size);
  }
  .footer_row01 .logo img, .footer_row01 .logo02 img{
    height: 45px;
  }
  /* main row01 */
  .md_menu li:hover a {
    background-color: transparent;
    outline-width: 0;
  }
  .md_menu li a::before {
    width: 0;
    height: 0;
  }
  .md_menu li:hover a::before {
    background: transparent;
  }
  .md_menu li:hover i:after {
    height: 2px;
    background-color: var(--main_color);
  }
  .md_menu li:hover a {
    color: #fff;
  }
  #instagram li {
    width: 46%;
  }
  #youtube {
    min-height: 350px;
  }
  .main_visual_slide .slick-slide {
    height: 56rem;
  }
  .main_visual_slide .slick-dots {
    bottom: 50px;
  }
}
/* (max-width: 1010px) */
@media screen and (max-width: 63rem) {
  .footer_row01 .logo img, .footer_row01 .logo02 img,.footer_row01 .logo01 img{
    height: 38px;
  }
  .footer .logo02{
    margin: 0;
  }
  .main_visual_slide .slick-slide {
  background-position-y: 100px;
  }
}
/* (max-width: 992px) */
@media screen and (max-width: 62rem) {
  .nav__menu__txt a {
    font-size: var(--txt-16-size);
  }
  .nav__menu .nav__li {
    margin: 0 18px;
  }
  .rv_slide_img {
    padding-top: 80%;
  }
  .sub_ul_m {
    display: none;
  }
  body {
    overflow-x: hidden;
  }
  .nav__overlay {
    background: transparent;
  }
  .navigation {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    border: 0;
    height: auto;
    background-color: var(--background-color);
    border-bottom: var(--line-color) 1px solid;
  }
  .navigation::before {
    display: none;
  }
  .nav__logo {
    padding: 20px 24px;
  }
  .nav__logo img {
    width: 115px;
  }
  .nav__menu {
    position: relative;
    position: absolute;
    right: -400px;
    flex-direction: column;
    align-items: left;
    border-left: var(--line-color) 1px solid;
    width: 250px;
    height: 100vh;
    background-color: var(--background-color);
    padding-top: 70px;
    transition: right 0.5s;
    z-index: 100;
  }
  .nav__menu .nav__li {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .nav__menu .nav__li:hover {
    background-color: rgb(4 15 47 / 76%);
  }
  .nav__menu li a {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .nav__menu .nav__li .main_menu {
    display: none;
  }
  .nav__menu .nav__li .main_menu_m {
    display: block;
    border-bottom: 1px solid var(--line-color);
  }
  .nav__close,
  .nav__open {
    display: block;
    position: absolute;
    color: var(--text-color);
    transition: all 0.5s;
  }
  .nav__close {
    font-size: var(--txt-30-size);
    left: 28px;
    top: 15px;
  }
  .nav__open {
    font-size: 25px;
    right: 28px;
    top: 25px;
  }
  .nav__open:hover {
    color: var(--main_color);
  }
  .nav_m__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
  }
  .nav__menu__live a::before {
    left: 100px;
    top: 20px;
  }
  /*  navigation toggle btn 활성화시 */
  .navigation.active .nav__open {
    display: none;
  }
  .navigation.active .nav__menu {
    right: 0;
  }
  .navigation.active .nav_m__overlay {
    display: block;
  }
  /* 서브메뉴 */
  nav .sub_ul_m li a {
    font-size: var(--txt-16-size);
  }
  .nav__sub {
    display: none;
  }
  .sub_ul_m li a {
    text-align: left;
    padding: 0 30px;
  }
  .sub_ul_m,
  nav:hover .sub_ul {
    display: none;
  }
  /* main row01 */
  .row01_txt01 img {
    width: 60%;
  }
  .row01_txt02_img01 {
    width: 50%;
  }
  .row01_txt02_img02 {
    width: 40%;
  }
  /* main */
  .row05 {
    height: 360px;
    background: rgba(5, 89, 173, 0.2);
    margin: 0;
    border-top: 2px solid rgba(5, 89, 173, 0.2);
    border-bottom: 2px solid #0559ad;
  }
  .md_menu {
    display: block;
  }
  .md_menu li {
    float: left;
    width: 33.3333%;
  }
  .md_menu li:nth-child(4),
  .md_menu li:nth-child(5) {
    width: 50%;
  }
  .footer .host {
    align-items: initial;
  }
  .host img {
    height: 1.6rem;
    margin-right: 1em;
  }
  .host p {
    text-align: center;
  }
  .host p:nth-child(2) img {
    margin-bottom: 0.938rem;
  }
  .host span {
    display: none;
    margin-bottom: 15px;
  }
  .footer__bt .footer_row01 {
    display: block;
}
  .footer__bt .sns__ect {
    flex-direction: column;
  }
  .footer_row01 .logo01,
  .footer_row01 .logo02{
    text-align: center;
    margin-bottom: 15px;
  }
  .sns__ect .logo {
    text-align: center;
    margin: 0 auto;
  }
  .sns__ect .sns {
    margin-top: var(--txt-30-size);
  }
  .youtube_wrap {
    height: 1000px;
  }
  #youtube {
    min-height: 500px;
  }
  #youtube iframe {
    width: 100%;
    margin: 0 0 20px 0;
  }
  /* sub 페이지 상단 공통 */
  .board_menu li a {
    font-size: var(--txt-20-size);
  }
  .wrap_padding {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .board_menu {
    justify-content: space-between;
  }
  .menu_reservation .board_menu li:last-child {
    padding: 0 1.25em;
  }
}
/* (max-width: 768px) */
@media screen and (max-width: 48rem) {

  /* main row01 */
  .row04__in h2 {
    font-size: var(--txt-50-size);
  }
  .row04__logo img {
    width: 300px;
  }
  .row04_logos img {
    width: 150px;
  }
  #instagram li {
    width: 45%;
  }
  .board_menu .selected_m{
    position: relative;
    text-align: left;
    display:block;
    width:100%;
    background-color: var(--background-color);
    border:1px solid var(--line-color);
    padding:10px 30px;
    color:var(--text-color);
  }
  .board_menu .selected_m i{
    position:absolute;
    top:5px;
    right: 10px;
    font-size: var(--txt-20-size);
    transition: all 0.5s;
  }
  .board_menu .board_menu_ul,
  .board_menu{
    display: flex ;
    flex-direction: column;
  }
  .board_menu .board_menu_ul{
    display: none;
    box-sizing: border-box;
    position:absolute;
    width:100%;
    border:1px solid var(--line-color);
    border-top:0;
  }
  .board_menu .board_menu_ul li:hover{
  background-color: var(--background-color);
}
.board_menu .board_menu_ul li:hover a{
  color:var(--down-green);
  }
  .board_menu .board_menu_ul .on{
    display: none;
  }
  .menu_reservation .board_menu li:last-child,
  .board_menu .board_menu_pc{
    width:100%;
    background: #1b1b1b;
    padding:8px 30px;
  }
  .board_menu .board_menu_pc a{
    font-size: var(--txt-16-size);
  }
  .board_wrap_m{
    position:relative;
    width:100%;
  }
  .to_top {
    right: 20px;
    bottom: 20px;
  }
  .to_top a {
    width: 50px;
    height: 50px;
  }
  .license p{
    text-align: center;
  }
  .main_visual_slide .slick-slide {
    background-position-y: 150px;
    }
}
/* (max-width: 576px) */
@media screen and (max-width: 36rem) {
  .row04__in h2,
  .body__in {
    margin: 0 15px;
  }
  .col-md-4,
  .col-sm-12 {
    padding-right: 0;
    padding-left: 0;
  }
  /* main row01 */
  .main_visual_slide .slick-slide {
    height: 46rem;
  }
  .row01_right_wrap {
    top: -50px;
}
  .container_row01 {
    /* background-position: top 0 left -450px; */
    background-position: top -150px left -350px;
  }
  .row01_txt01 img {
    width: 80%;
  }
  .row01_txt02_img01 {
    width: 70%;
  }
  .row01_txt02_img02 {
    width: 60%;
  }
  .row01_right a {
    font-size: var(--txt-20-size);
  }
  .row01_right i {
    width: var(--txt-36-size);
    height: auto;
  }
  .row01_right i img {
    width: var(--txt-36-size);
  }
  .row01__menu {
    padding: 1.2rem 2rem;
  }
  .row01_right {
    top: 500px;
  }
  .row03_wrap h3 {
    font-size: var(--txt-36-size);
  }
  .row04 {
    height: 40rem;
    background-position: top 30px center;
  }
  .row04__in {
    margin-bottom: 0px;
}

  .row04__in h2 {
    font-size: var(--txt-36-size);
    line-height: 2.75rem;
  }
  .row04__in h2 .en {
    font-size: var(--txt-36-size);
  }
  .row05 {
    height: 530px;
  }
  .md_menu li {
    width: 50%;
  }
  .md_menu li:nth-child(5) {
    width: 100%;
  }
  .md_menu li span {
    font-size: var(--txt-20-size);
  }
  .row08 h3,
  .row07 h3,
  .row06 h3 {
    font-size: var(--txt-36-size);
  }
  .row07 h3 strong,
  .row06 h3 strong {
    display: block;
  }
  .license ul li:nth-child(odd) {
    padding: 0 1.125em 0 0;
  }
  .sns__ect .logo img {
    width: 85%;
  }
  .footer__bg img {
    width: 600px;
  }
  #instagram li {
    width: 100%;
    margin-bottom: 15px;
  }
  .instagram_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .youtube_wrap {
    height: 600px;
  }
  #youtube {
    min-height: 300px;
  }
  .row08_wrap p {
    font-size: var(--txt-18-size);
  }
}
/* (max-width: 480px) */
@media screen and (max-width: 30rem) {
  .youtube_wrap {
    height: 500px;
  }
  #youtube {
    min-height: 250px;
  }
  .rv_board .rv_con .rv_con_img {
    min-height: 300px;
  }
}