/* 변수 추가 */

:root {

  --primary : #111111;

  --text : #121212;

  --gray-222 : #222;

  --gray-333 : #333;

  --gray-5E5E63 : #5E5E63;

  --gray-777 : #777;

  --gray-aaa : #aaa;

  --border : #e3e3e3;

  --light : #f5f5f5;

  --hd_height : 8.0rem;

  --hd_height_m : 6.0rem;

}



/*헤더*/

.navbar .container,

.navbar .container-fluid,

.navbar .container-lg,

.navbar .container-md,

.navbar .container-sm,

.navbar .container-xl {

  /* display: -ms-flexbox;

    display: flex; */

  flex-direction: column;

  /* -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: justify;

    justify-content: space-between; */

}



.hbanner {

  position: relative;

}

.hbanner .pop_ban_close {

  position: absolute;

  right: 0;

  top: 0;

}

.hd_x {

  width: 15px;

  height: 15px;

}



.head .header_btm {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}



.head .logo a {

}

.head .navbar-nav .nav-link {

  color: #121212;

  padding: 3rem 2.5rem;

}

.head .navbar-nav .dropdown-toggle::after {

  display: none;

}

.head .navbar-nav .dropdown .dropdown-menu {

  border-radius: 0;

  padding: 1.5rem 2rem;

  top: 90%;

  left: 50%;

  transform: translateX(-50%);

}

.head .navbar-nav .dropdown:hover .dropdown-menu {

  display: block;

  margin-top: 0;

  margin-left: 0;

  text-align: center;

  border: 0;

  color: #fff;

  font-size: 1.5rem;

}

.head .dropdown-item:focus,

.dropdown-item:hover {

  color: #111111;

  background: transparent;

}

.head .navbar-collapse .close_btn {

  display: none;

}

.head .navbar-collapse .arrow {

  display: none;

}

.head .top_manu ul,

.head .top_manu li,

.head .top_manu .tc_link {

  display: inline-block;

}

.head .top_manu .tc_link {

  border: 3px solid #111111;

  color: #111111;

  border-radius: 30px;

  padding: 1.3rem 2.5rem;

  font-weight: 700;

}



.head .top_manu li a {

  display: inline-block;

  border-right: 1px solid #e3e3e3;

  color: #777;

  padding: 0 0.8rem;

  line-height: 100%;

}

.head .top_manu li a.bg_blue {

  color: #fff;

}

.head .top_manu li:last-child a {

  border-right: 0;

}

.head .ic_find {

  width: 30px;

  height: 30px;

  background: url(../img/top_icon.png) no-repeat;

  background-position: top left;

}

.lang_btn li a.btn {

  font-weight: 300;

  color: #aaa;

  border: 1px solid #fff !important;

  padding: 0.5rem 0.8rem;

  transition: all ease-in-out;

}

.lang_btn li a.btn:hover {

  color: #111111;

  border-color: #111111 !important;

}

.lang_btn li a.btn.active {

  color: #111111;

  border-color: #111111 !important;

}



.mobile.lang_btn li a.btn {

  font-weight: 300;

  color: #aaa;

  border: 1px solid #111111;

  padding: 0.5rem 0.8rem;

  transition: all ease-in-out;

}

.mobile.lang_btn li a.btn:hover {

  color: #fff;

  border-color: #fff;

}

.mobile.lang_btn li a.btn.active {

  color: #fff;

  border-color: #fff;

}



.navbar.hd_active {

  position: fixed;

  /*z-index: 9999;*/

  z-index: 1000;

  background-color: #fff;

  top: 0;

  left: 0;

  border-bottom: 1px solid #ededed;

  width: 100%;

}

.navbar.hd_active .top_manu {

  display: none !important;

}



.navbar.hd_active .header_center {

  display: none !important;

}



input.search::-webkit-input-placeholder {

  background-image: url(../img/icon_search.png);

  background-size: contain;

  background-position: right center;

  background-repeat: no-repeat;

  text-indent: 0;

  text-align: left;

}



input.date::-webkit-input-placeholder {

  background-image: url(../img/icon_date.svg);

  background-size: 14px;

  background-position: left center;

  background-repeat: no-repeat;

  text-indent: 0;

  text-align: center;

}



/* .date_selc  select {

    background-position:  righ3 50%;

   } */



/* /////////tail */

.ft ul li {

  display: inline;

  line-height: 100%;

  border-right: 1px solid #ededed;

  padding: 0 1rem;

  color: #777;

  font-size: 1.5rem;

  word-break: keep-all;

  /* white-space: nowrap; */

}

.ft ul li:last-child {

  border-right: 0;

  padding: 0;

}

/* ///////메인페이지//main_start */



.custum_ps {

  position: absolute;

  left: 23vw;

  bottom: 30%;

  width: 200px;

}



/* .custum_ps {

    position: absolute;

    left: 23%;

    bottom: 30%;

    width: 200px;

} */

.custum_ps .mb_prev {

  position: absolute;

  left: 0;

  top: 0;

}

.mb_next {

  position: absolute;

  right: 0;

  top: 0;

}



/* 슬릭 커스텀 */

.idx_pg .slick-dots {

  position: absolute;

  top: 70%;

  left: 25%;

  /* transform: translate(-50%,-50%); */

  display: flex;

  align-items: center;

  width: 150px;

}

.idx_pg .slick-dots li{

  margin-right: 10px;

}



.idx_pg .slick-dots li button {

  border: 0;

  background: #777;

  text-indent: -99999px;

  /*width: 40px;*/

  width: 100%;

  height: 2px;

  /*margin-right: 10px;*/

  position: relative;

}

.idx_pg .slick-dots li button::before {

  content: "";

  width: 0%;

  height: 100%;

  position: absolute;

  background: #fff;

  top: 0;

  left: 0;

}

.idx_pg .slick-dots li.slick-active button::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  background: #fff;

  top: 0;

  left: 0;

  transition: all 1s ease;

}



.idx_pg .slick-dots li button::after {

  content: "";

  width: 5px;

  height: 5px;

  position: absolute;

  top: 50%;

  right: 100%;

  transform: translateY(-50%);

  border-radius: 50%;

  opacity: 0;

}

.idx_pg .slick-dots li.slick-active button::after {

  content: "";

  width: 5px;

  height: 5px;

  position: absolute;

  background: #fff;

  top: 50%;

  right: -5px;

  transform: translateY(-50%);

  border-radius: 50%;

  opacity: 1;

  transition: all 1s ease;

}



.idx_pg .slick-prev {

  background: url(../img/icon_banprev.svg) no-repeat !important;

  width: 10px !important;

  height: 13px !important;

}

.idx_pg .slick-next {

  background-image: url(../img/icon_bannext.svg) no-repeat !important;

  width: 10px !important;

  height: 13px !important;

}



.p_s {

  position: absolute;

  top: 5px;

  right: -30px;

  width: 25px;

  height: 25px;

  /* padding-left: 18px; */

}

.p_s .play {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.p_s .stop {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.p_s button.on {

  display: block;

}



/* ///슬라이드//slide */

.smain_visual {

  margin-bottom: 100px;

  height: 750px;

}

/*슬라이드*/

.slick-next,

.slick-prev {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 44px;

  height: 44px;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;

  border: none;

  outline: 0;

  background: 0 0;

  z-index: 1;

}

.slick-prev {

  left: 1rem !important;

  background: url(/img/banner_prev.png) !important;

}

.slick-next {

  right: 1rem !important;

  background: url(/img/banner_next.png) !important;

}

.slick-next:before,

.slick-prev:before {

  content: " " !important;

}

.slick-next,

.slick-prev {

  width: 44px !important;

  height: 44px !important;

}

.slick-next:before,

.slick-prev:before {

}



.main_visual {

  width: 100%;

  margin-bottom: 5.0rem;

  position: relative;

}

.main_visual .slick-slide img {

  display: block;

  width: 100%;

  min-height: 350px;

  height: 600px;

  object-fit: cover;

}



.slide_text {

  position: absolute;

  top: 50%;

  left: 23vw;

  margin: 0;

  transform: translateY(-50%);

}

.slide_text h3 {

  font-size: 5.5rem;

  position: relative;

  padding-right: 4rem;

  font-weight: 400;

  color: #fff;

  white-space: pre-line;

}

.slide_text h3::before {

  position: absolute;

  content: "";

  bottom: 5px;

  right: 0;

  background: url(../img/slide_icon.png) no-repeat;

  width: 25px;

  height: 50px;

  background-size: contain;

}

.slide_text p {

  font-size: 1.6rem;

  font-weight: 300;

  color: #fff;

  padding-top: 1rem;

}



.m_use {

  display: flex;

  flex: 1 1 auto;

}



/* ////main_cont */



/* ////cont01 */

.main_cont {

  width: 100%;

  margin-bottom: 50px;

}

.cont_wrap {

  width: 100%;

}



.imghover {

  position: relative;

}



.imghover > .img_info {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 3.5rem;

  color: #fff;

  display: none;

  transition: all ease-in-out 0.3s;

}

.imghover:hover > .img_info {

  display: block;

  width: 100%;

}

.imghover strong {

  font-size: 3rem;margin-bottom: 0.5rem;margin-top: 1rem; width: 100%;

}

/* .rg .img_info strong{width: 60%;} */

.rg .imghover strong {

  font-size: 1.8rem;

  width: 100%;

}

.imghover figure {

  height: 100%;

}

.rg .imghover figure {

  height: 100%;

}

.imghover figure img {

  border-radius: 1em;

  height: 100%;

  width: 100%;

  transition: all ease-in-out 0.3s;

}

.imghover:hover figure img {

  filter: brightness(0.5);

}

.map_wh {

  position: relative;

  padding-left: 1.5rem;

}

.map_wh::before {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  background: url(../img/icon_mapmk_wh.png);

  width: 10px;

  height: 13px;

}



/* /////cont01 end */



/* /////cont02 */

.dot {

  position: relative;

  padding-top: 1rem;

}

.dot::before {

  position: absolute;

  content: "";

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 8px;

  height: 8px;

  background-color: #111111;

  border-radius: 50%;

}



.m_use .bg-white {

  border-radius: 1em;

}

.m_use figure {

  display: flex;

  justify-content: center;

}

.m_use img {

  height: 60px;

  width: 60px;

  padding-bottom: 0.5rem;

}



.m_use p {

}



/* /////cont03 */

.img_list {

  width: 100%;

}

.img_list img {

  border-radius: 1em;

  width: 100%;

}

.item_text strong {

}



/* /////cont04 */

.noti_item .bg-white {

  border-radius: 0.5em;

}

.noti_item .rg {

  line-height: 100%;

}

/* ///////메인페이지 끝 ///main_end*/



/*sub head*/



.search_btn:active {

  background-color: #fff !important;

  border-color: #fff !important;

  border: 1px solid #fff;

}

.search_btn:hover {

  background: none;

  border: 1px solid #fff;

}



/*background_pg*/

.background_pg {

  height: auto;

  padding: 50px 0;

  background-color: #f5f5f5;

}



/* ////aside */

.container-lg {

  position: relative;

}

.aside {

  width: 190px;

  position: absolute;

  right: 2%;

  top: 0%;

  transition: all 0.3s ease;

  border-radius: 10px;

}

.aside .bg-white {

  border-radius: 10px;

}

.aside.fixed {

  position: fixed;

  top: 15%;

  right: 2%;

}

.aside.fixed.bottom {

  top: 20%;

}

.aside .top_btn {

  border-radius: 0 0 10px 10px;

}

.aside .rect3 img {

  max-height: 80px;

  width: 100%;

  object-fit: cover;

  border-radius: 5px;

}



.aside .rect3::after {

  content: "";

  display: block;

  padding-bottom: 5%;

}

.aside .sns .lef {

  background-color: #aaa;

  transition: all ease-in-out 0.3s;

}

.aside .sns p {

  color: #aaa;

  transition: all ease-in-out 0.3s;

}

.aside .sns:hover p {

  color: #111111;

}

.aside .sns:hover .lef {

  background-color: #111111;

}





.sns_div .sns .lef {

  background-color: #aaa;

  transition: all ease-in-out 0.3s;

}

.sns_div .sns p {

  color: #aaa;

  transition: all ease-in-out 0.3s;

}

.sns_div .sns:hover p {

  color: #111111;

}

.sns_div .sns:hover .lef {

  background-color: #111111;

}



/* /////////aside_end */



/* //////////////subpage */

.sub_top {

}

.sub_top .s_menu {

}

.sub_top .s_menu a {

  position: relative;

  padding-right: 1.5rem;

}

.sub_top .s_menu a:last-child {

  padding-right: 0;

}

.sub_top .s_menu a::before {

  position: absolute;

  content: "";

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  background: url(../img/icon_arr_sub.png);

  width: 14px;

  height: 14px;

}

.sub_top .s_menu a:last-child:before {

  display: none;

}

.sub_top .s_menu a.active {

  color: #111111;

}



/*input*/



input::placeholder {

  font-weight: 300;

  color: #aaa;

}

textarea:placeholder{color: #aaa;}

.input_box {

  padding: 0 100px;

}



/*üũ�ڽ� Ŀ����*/



.check_cus input[type="checkbox"] {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



.check_cus input[type="checkbox"] + label {

  display: inline-block;

  width: 20px;

  height: 20px;

  background: url(../img/non_check.png) no-repeat center;

  cursor: pointer;

  margin-right: 3px;

  margin-top: -3px;

  background-size: contain;

}

.check_cus:after {

  display: block;

  clear: both;

  content: "";

}



.check_cus input[type="checkbox"]:checked + label {

  background: url(../img/check.png) no-repeat center/20px 20px;

}



/*login pg*/



.login_box {

  border-radius: 15px;

  padding: 60px 0;

  max-width: 640px;

  width: 90%;

  background-color: #fff;

  border: 1px solid #e3e3e3;

}



.log_txt {

  white-space: pre-line;

  line-height: 130%;

}



/*resist pg*/



.normem_btn {

  background: url(../img/click_normem.png) no-repeat 50% 0;

  background-size: contain;

  height: 0;

  padding-top: 75%;

}

.commem_btn {

  background: url(../img/click_commem.png) no-repeat 50% 0;

  background-size: contain;

  height: 0;

  padding-top: 75%;

}

.normem_b:active {

  color: #111111;

}

.normem_b:active .normem_btn {

  background: url(../img/normem_img.png) no-repeat 50% 0;

  background-size: contain;

}

.normem_b {

  border: 0;

}

.normem_b:hover,

.normem_b.active{

  color: #111111;

}

.normem_b:hover .normem_btn,

.normem_b.active .normem_btn{

  background: url(../img/normem_img.png) no-repeat 50% 0;

  background-size: contain;

}

.commem_b {

  border: 0;

}

.commem_b:hover,

.commem_b.active{

  color: #111111;

}

.commem_b:hover .commem_btn,

.commem_b.active .commem_btn{

  background: url(../img/commem_img.png) no-repeat 50% 0;

  background-size: contain;

}





.normem_b:focus .normem_btn {

  background: url(../img/normem_img.png) no-repeat 50% 0;

  background-size: contain;

}

.commem_b:focus .commem_btn {

  background: url(../img/commem_img.png) no-repeat 50% 0;

  background-size: contain;

}

.normem_b:focus {

  color: #111111;

  border-color: none;

  border: 0;

}

.commem_b:focus {

  color: #111111;

  border-color: none;

  border: 0;

}



/*faq*/



button.card_btn.btn {

  background: url(/img/card_down.svg) no-repeat right;

}



button.card_btn.btn:focus {

  background: url(/img/card_up.svg) no-repeat right;

  text-decoration: auto;

  box-shadow: none;

}



/*mywrite_list (������ư)*/



button.sm_btn_blue:hover {

  background-color: #111111 !important;

}

button.sm_btn_blue:focus {

  border: 1px solid #111111 !important;

  box-shadow: none !important;

  background-color: #111111 !important;

}

button.sm_btn_gray:hover {

  background-color: #5c5c5c !important;

}

button.sm_btn_gray:focus {

  border: 1px solid #5c5c5c !important;

  box-shadow: none !important;

  background-color: #5c5c5c !important;

}



/*������*/



/* /////로케이션 리스트 */



.icon_menu .nav-tabs {

  border: 0;

}

.icon_menu .nav-tabs .nav-item {

  width: 14.285%;

  text-align: center;

}

.icon_menu .nav-tabs .nav-link {

  border: 0;

}

.icon_menu .nav-tabs .nav-link.active {

  border: 0;

  background-color: inherit;

}

.icon_menu .nav-tabs .nav-link {

  color: #777;

  text-decoration: none;

  word-break: break-word;

}

.icon_menu .nav-tabs .nav-link:hover {

  color: #111111;

}

.icon_menu .nav-tabs .nav-link.active {

  color: #111111;

}

.icon_menu .tab-content {

}

.icon_menu .tab-pane {

}

.icon_menu .tab-pane li {

  margin-right: 1rem;

  margin-bottom: 0.5rem;

}

.icon_menu .tab-pane li a {

  padding: 0.5rem 1rem;

  background-color: #fff;

  border: 1px solid #aaa;

  color: #777;

  border-radius: 5px;

  display: block;

  white-space: nowrap;

}

.icon_menu .tab-pane li a.active {

  background-color: #111111;

  border-color: #111111;

  color: #fff;

}

.loca_icon {

  display: block;

  width: 80px;

  height: 80px;

  background: url(../img/icon_m01_off.svg) no-repeat center;

  margin: 0 auto;

}

.loca_icon.m01 {

}

.loca_icon.m02 {

  background-image: url(../img/icon_m02_off.svg);

}

.loca_icon.m03 {

  background-image: url(../img/icon_m03_off.svg);

}

.loca_icon.m04 {

  background-image: url(../img/icon_m04_off.svg);

}

.loca_icon.m05 {

  background-image: url(../img/icon_m05_off.svg);

}

.loca_icon.m06 {

  background-image: url(../img/icon_m06_off.svg);

}

.loca_icon.m07 {

  background-image: url(../img/icon_m07_off.svg);

}

.loca_icon.m08 {

  background-image: url(../img/icon_m08_off.svg);

}

.loca_icon.m09 {

  background-image: url(../img/icon_m09_off.svg);

}

.loca_icon.m10 {

  background-image: url(../img/icon_m010_off.svg);

}

.loca_icon.m11 {

  background-image: url(../img/icon_m11_off.svg);

}

.loca_icon.m12 {

  background-image: url(../img/icon_m12_off.svg);

}

.loca_icon.m13 {

  background-image: url(../img/icon_m13_off.svg);

}

.loca_icon.m14 {

  background-image: url(../img/icon_m14_off.svg);

}



.active .loca_icon.m01 {

  background-image: url(../img/icon_m01_on.svg);

}

.active .loca_icon.m02 {

  background-image: url(../img/icon_m02_on.svg);

}

.active .loca_icon.m03 {

  background-image: url(../img/icon_m03_on.svg);

}

.active .loca_icon.m04 {

  background-image: url(../img/icon_m04_on.svg);

}

.active .loca_icon.m05 {

  background-image: url(../img/icon_m05_on.svg);

}

.active .loca_icon.m06 {

  background-image: url(../img/icon_m06_on.svg);

}

.active .loca_icon.m07 {

  background-image: url(../img/icon_m07_on.svg);

}

.active .loca_icon.m08 {

  background-image: url(../img/icon_m08_on.svg);

}

.active .loca_icon.m09 {

  background-image: url(../img/icon_m09_on.svg);

}

.active .loca_icon.m10 {

  background-image: url(../img/icon_m010_on.svg);

}

.active .loca_icon.m11 {

  background-image: url(../img/icon_m11_on.svg);

}

.active .loca_icon.m12 {

  background-image: url(../img/icon_m12_on.svg);

}

.active .loca_icon.m13 {

  background-image: url(../img/icon_m13_on.svg);

}

.active .loca_icon.m14 {

  background-image: url(../img/icon_m14_on.svg);

}



.icon_menu .tab-content {

  /*display: none;*/

}



.icon_menu .tab-pane{

  display: block;

}



.produc .tab-content {

  display: block;

}

.m_show {

  display: block;

}

.m_hide {

  display: none;

}





/* /////나의 공간등록 */

.up_lit p{line-height: 100%;

  position: relative;

  padding-left: 1rem;

  margin-bottom: 0.5rem;}

.up_lit p::before{position: absolute;content: '';top: 3px;left: 0;width: 5px;height: 5px;border-radius: 50%;

  background-color: #111111;

}







/* /////프로덕트 ////*/

.icon_menu.produc .nav-tabs .nav-item {

  width: 12.5%;

  text-align: center;

}



.produc_icon {

  display: block;

  width: 70px;

  height: 70px;

  background: url(../img/icon_p01_off.svg) no-repeat center;

  margin: 0 auto;

  background-size: contain;

}



.produc_icon.m02 {

  background-image: url(../img/icon_p02_off.svg);

}

.produc_icon.m03 {

  background-image: url(../img/icon_p03_off.svg);

}

.produc_icon.m04 {

  background-image: url(../img/icon_p04_off.svg);

}

.produc_icon.m05 {

  background-image: url(../img/icon_p05_off.svg);

}

.produc_icon.m06 {

  background-image: url(../img/icon_p06_off.svg);

}

.produc_icon.m07 {

  background-image: url(../img/icon_p07_off.svg);

}

.produc_icon.m08 {

  background-image: url(../img/icon_p08_off.svg);

}



.active .produc_icon.m01 {

  background-image: url(../img/icon_p01_on.svg);

}

.active .produc_icon.m02 {

  background-image: url(../img/icon_p02_on.svg);

}

.active .produc_icon.m03 {

  background-image: url(../img/icon_p03_on.svg);

}

.active .produc_icon.m04 {

  background-image: url(../img/icon_p04_on.svg);

}

.active .produc_icon.m05 {

  background-image: url(../img/icon_p05_on.svg);

}

.active .produc_icon.m06 {

  background-image: url(../img/icon_p06_on.svg);

}

.active .produc_icon.m07 {

  background-image: url(../img/icon_p07_on.svg);

}

.active .produc_icon.m08 {

  background-image: url(../img/icon_p08_on.svg);

}



/* /////ceo_int 대표 이력*/

.his_cont {

}

.his_cont ul.his_list {

  position: relative;

}

.his_cont ul.his_list::after {

  /*width: 1px;*/

  /*height: 50%;*/

  /*background-color: #111111;*/

  /*position: absolute;*/

  /*top: 50%;*/

  /*left: 0;*/

  /*content: "";*/

  /*transform: translateY(-50%);*/

}

.his_cont ul.his_list.d_n::after {

  display: none;

}



.his_cont ul.h70.his_list::after {

  height: 70%;

}

.his_cont ul.h75.his_list::after {

  height: 75%;

}

.his_cont ul.h85.his_list::after {

  height: 85%;

  transform: translateY(-55%);

}



.his_cont ul.his_list li {

  position: relative;

  line-height: 100%;

  padding-left: 1rem;

  padding-bottom: 0.5rem;

}

.his_cont ul.his_list li::before {

  position: absolute;

  content: "";

  display: block;

  left: -3px;

  top: 3px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: #111111;

  border: 1px solid #111111;

  z-index: 1;

}

.his_cont ul.his_list li:nth-child(2n):before {

  background-color: #fff;

}





.his_cont ul.his_list li::before {

  position: absolute;

  content: "";

  display: none;

  left: -3px;

  top: 3px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: #111111;

  border: 1px solid #111111;

  z-index: 1;

}



.sub_me_li{display: flex;}







.sub_me_name{

  display: inline-block;

  width: 60px;

  min-width: 60px;

  max-width: 60px;

}



.sub_me_content{position: relative}

.his_cont ul.his_list li .sub_me_content::before {

  position: absolute;

  content: "";

  display: block;

  left: -15px;

  top: 4px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: #111111;

  border: 1px solid #111111;

  z-index: 1;

}



.his_cont ul.his_list li .sub_me_content::after {

  width: 1px;

  height: 110%;

  background-color: #111111;

  position: absolute;

  top: 7px;

  left: -12px;

  content: "";

}



.his_cont ul.his_list li:last-child .sub_me_content::after {

  width: 0px;

}





.his_cont ul.his_list li:nth-child(2n) .sub_me_content::before {

  background-color: #fff;

}







.lh100 {

  line-height: 100%;

}



/* ////구독하기// */

.pay_cont .table_cus {

  position: relative;

}

.pay_cont .table_cus .sub_img {

  background: url(../img/subscript_img.png) no-repeat;

  width: 400px;

  height: 200px;

  background-size: contain;

  right: 0;

  top: -155px;

  margin-right: auto;

  position: absolute;

}



/* ////로케이션디테일 */

.slider-single {}

/*.slider-single.slick-initialized{display: block !important;}*/

/*#slider-single_div .slick-arrow{display: none !important;}*/

/*.img_pop_modal{overflow: hidden !important;}*/

.img_pop_modal .modal-dialog{ max-width: 1000px}

.slider-single a{transition: all ease-in-out 0.3s;  border-radius: 1.5rem;overflow: hidden;}

.slider-single a:hover img{transform: scale(1.3);}



.slider-single a img {

  border-radius: 1.5rem;

  width: 100%;

  height: 100%;

  max-height: 410px;

  object-fit: cover;

  transition: all ease-in-out 0.3s;

}

.slider-nav {

}

.slider-nav img {

  border-radius: 1rem;

  cursor: pointer;

}

.slider-nav div {

  margin-right: 1rem;

}



.slider-nav .slick-track{

  margin-right: unset;

  margin-left: unset;

}

.loca_detail .root_daum_roughmap .wrap_map {

  height: 100%;

}

.map .root_daum_roughmap {

  height: 450px;

}



ul.list {

}

ul.list li {

  padding: 2rem;

  border-bottom: 2px solid #aaa;

  transition: all ease-in-out 0.3s;

  width: 16.6666%;

}

ul.list li:hover {

  border-color: #111111;

}

ul.list li:hover a {

  color: #111111;

}

ul.list li.active {

  border-color: #111111;

}

ul.list li a {

  height: 100%;

  color: #aaa;

  transition: all ease-in-out 0.3s;

}

ul.list li.active a {

  height: 100%;

  color: #111111;

}



.keyw_one {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  display: inline-block;

  margin-right: 0.5rem;

}

.keyw_one.one_bl {

  background-color: #111111;

}

.keyw_one.one_blgr {

  background-color: #007f88;

}

.keyw_one.one_linbl {

  border: 1px solid #111111;

}

.keyw_one.one_linblgr {

  border: 1px solid #007f88;

}



/* ///////////로케이션 디테일 end */





.location_detailpg .slick-next{display: block;background: url(/img/loca_next.svg)no-repeat center !important;}

.location_detailpg .slick-prev{display: block; background: url(/img/loca_prev.svg)no-repeat center !important;}



/* ////hot플레이스 상세 */

.movie {

  margin-bottom: 10rem;

}

.movie iframe {

  height: 560px;

}



.main_movie iframe {

  height: 100%;

}



.c_box1 {position: relative;width: 100%; /* 원하는 너비 */}

.c_box1:before { content: ""; display: block;width: 100%;padding-top: 56.25%; /* 비율 */}

.i_box1 {position: absolute;top: 0;right: 0;bottom: 0; left: 0;}



.c_box2 {position: relative;width: 100%; /* 원하는 너비 */}

.c_box2:before { content: ""; display: block;width: 100%;padding-top: 75.5%; /* 비율 */}

.i_box2 {position: absolute;top: 0;right: 0;bottom: 0; left: 0;}

.c_box2 img{height: 100%;}





.related_place {

  position: relative;

}

.related_place > .m_pager {

  position: absolute;

  bottom: 0;

  right: 0;

}

.slider__counter {

  position: absolute;

  right: 100px;

  bottom: 29px;

  z-index: 99;

}



/* /////로마소개 */

.wh_pre {

  white-space: pre-line;

}

ul.list_st li {

  list-style-image: url(./img/list_st.png) !important;

  padding-left: 10px;

}



/* /////결제하기 ////////*/



.step_ol:after {

  content: "";

  display: block;

  width: 70%;

  height: 3px;

  background: #e3e3e3;

  position: absolute;

  top: 26px;

  margin-top: -1px;

  left: 50%;

  margin-left: -35%;

  z-index: -1;

}



.modal .step_ol:after {

  z-index: inherit;

}

.modal .step_ol li.on::after {

  z-index: 1;

}

.modal .step_ol li.on::before {

  z-index: 2;

}

.modal .step_ol li.on span {

  z-index: 2;

}

.step_ol li span {

  width: 50px;

  height: 50px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  border: 2px solid #aaa;

  background-color: #fff;

}

.step_ol li p {

  line-height: 1.2em;

}

.step_ol li {

  position: relative;

}

.step_ol li.on {

}

.step_ol li.on span {

  border-color: #111111;

  color: #fff;

  background-color: #111111;

}

.step_ol li.on p {

  color: #111111;

}



.step_ol li.next span {

  border-color: #111111;

  color: #111111;

}



.step_ol li.end span {

  background-color: #aaa;

  color: #fff;

}



.step_ol li.on::after {

  content: "";

  display: block;

  width: 50%;

  height: 2px;

  background: #111111;

  position: absolute;

  top: 26px;

  margin-top: -1px;

  right: 0;

  /*margin-left: ;*/

  z-index: 0;

}

.step_ol li.on::before {

  content: "";

  display: block;

  width: 16px;

  height: 16px;

  background: #fff;

  border-radius: 50%;

  border: 2px solid #111111;

  position: absolute;

  top: 20px;

  margin-top: -1px;

  right: 0;

  z-index: 1;

}

.step_ol li span {

  position: relative;

  z-index: 1;

}



.step_ol li.on.last {

}



.step_ol li.on.last::after {

  width: 100%;

  top: 26px;

  margin-top: -1px;

  left: -50%;

}



.step_ol li.on.last::before {

  left: 0;

}



/* ///// */

.table_cus .textarea_read {

  min-height: 400px;

}

.table_cus .textarea_read_sm {

  min-height: 300px;

}



/* //////결제내역 */

.table_cus .rect3::after {

  padding-bottom: 55%;

}

.rect3 > img {

  max-width: 80%;

  border-radius: 5px;

}



/* ////핫플 */

.rete_plc .rect3 > img {

  max-width: 100%;

  border-radius: 15px;

}



.rete_plc .recent .rect3::after {

  content: "";

  display: block;

  padding-bottom: 60%;

}

.xi-long-arrow-left:before {

  content: "\e908";

  vertical-align: -2px;

}



/* ///////기가막힌장비 */

.application_listpg .rect3 > img {

  max-width: 95%;

  border-radius: 5px;

}

.application_listpg .rect3::after {

  padding-bottom: 55%;

}



/* /////////////place_list */



.card_top {

  position: relative;

}

.card_top .lk_ab {

  position: absolute;

  top: 0;

  right: 0;

}



.good_btn_div{

  position: absolute;

  top: 0;

  right: 1.5rem;

  z-index: 1;

}



.good_btn_div .good_btn{

  cursor: pointer;

}



.bookmark_btn{cursor: pointer;}



.card_top .wh_pep {

  position: absolute;

  bottom: 0;

  left: 0;

}

.card_top .res_ing {

}



.card_top .produ_cart {

  position: absolute;

  bottom: 0;

  left: 0;

}



.card_top .card_ch {

  position: absolute;

  top: 0;

  left: 0;

}



.card:hover .card-img img {

  transform: scale(1.05);

  transition: all 0.3s ease-in-out;

}



/* //////bookmark 북마크 */

.bk_mark {

  display: block;

  background: url(../img/icon_bmk_off.png) no-repeat;

  height: 20px;

  width: 18px;

  transition: all ease-in-out 0.3s;

}

.bk_mark:hover {

  background-image: url(../img/icon_bmk_on.png);

}

.bk_mark.on {

  background-image: url(../img/icon_bmk_on.png);

}



/* //////like_it 좋아요////*/

.like_it {

  display: block;

  background: url(../img/icon_hrt_off.png) no-repeat;

  height: 25px;

  width: 27px;

  transition: all ease-in-out 0.3s;

  background-size: contain;

}

.like_it:hover {

  background-image: url(../img/icon_hrt_on.png);

}

.like_it.on {

  background-image: url(../img/icon_hrt_on.png);

}



/* ////공간 */

.count_frm {

}

.count_frm .btn {

  width: 20px;

  height: 20px;

  padding: 0;

}

.count_frm .btn.btn_minus {

  background: url(../img/icon_count_prev.png) no-repeat center;

}

.count_frm .btn.btn_plus {

  background: url(../img/icon_count_next.png) no-repeat center;

}

/* ///// */



/* /////////k-spacelit */



.card-text3 {

  display: -webkit-box;

  word-wrap: break-word;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  text-decoration: none;

}

.card_h {

  flex: 1 1 auto;

  display: flex;

}



/* //////mypage */

.mypg_menu {

}

.mypg_menu h5 {

  line-height: 100%;

  border-right: 1px solid #021c4a;

  padding-right: 2rem;

  margin-right: 2rem;

}

.mypg_menu .nav-tabs {

  border: 0;

}

.mypg_menu .nav-tabs .nav-link {

  border: 0;

}

.mypg_menu .nav-tabs .nav-link.active {

  border: 0;

  background-color: inherit;

}

.mypg_menu .nav-tabs .nav-link {

  color: #fff;

  text-decoration: none;

  font-size: 1.8rem;

}

.mypg_menu .nav-tabs .nav-link:hover {

  text-decoration: underline;

}

.mypg_menu .nav-tabs .nav-link.active {

  text-decoration: underline;

}

.mypg_menu .tab-content {

}

.mypg_menu .tab-pane {

}

.mypg_menu .tab-pane li {

  margin-right: 1rem;

}

.mypg_menu .tab-pane li a {

  padding: 0.5rem 1rem;

  background-color: #fff;

  border: 1px solid #aaa;

  color: #777;

  border-radius: 5px;

  font-size: 1.6rem;

  display: block;

  white-space: nowrap;

}

.mypg_menu .tab-pane li a.active {

  background-color: #111111;

  border-color: #111111;

  color: #fff;

}



.mp_tit {

  border-bottom: 1px solid #777;

}

.mp_tit h6 {

  position: relative;

  display: inline-block;

  line-height: 100%;

}

.mp_tit h6::before {

  position: absolute;

  content: "";

  bottom: -5px;

  left: 0;

  width: 120%;

  height: 5px;

  background-color: #fff;

}



.mp_tab li {

  margin-right: 1rem;

}

.mp_tab li a {

  padding: 0.5rem 1rem;

  background-color: #fff;

  border: 1px solid #aaa;

  color: #777;

  border-radius: 5px;

  font-size: 1.6rem;

  display: block;

}



.mp_tab li a.active {

  background-color: #111111;

  border-color: #111111;

  color: #fff;

}



.rounded_md img {

  border-radius: 1em 1em 0 0;

}



/* /////// 마이페이지 결제수단 변경(카드)*/



.cdinfo_top {

  position: relative;

}

.cdinfo_top .intx {

  position: absolute;

  top: 0;

  left: 0;

}

.cdinfo_top .cdinfo {

  position: absolute;

  bottom: 0;

  right: 0;

}



/* ////어워즈 */

.aw_best {

}

.aw_best a {

  color: #aaa;

}

.aw_best a.active {

  color: #111111;

}



.card_top .rank {

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 1.5rem 0;

}



/* ////어워즈 달력 */

.ui-widget-header{    border: 1px solid #111111;

  background: #111111;

  color: #fff;

  font-weight: bold;

}

.ui-widget-header select{border: 0;}

.ui-datepicker .ui-datepicker-title select {

  font-size: 1em;

  margin: 1px 0;

  color: #fff;

}

.ui-widget-header select.ui-datepicker-year{margin-right: 0.5rem; }

.ui-widget-header .ui-icon {

  filter: invert(1);

}

.ui-widget-content{border: 0; }

.ui-datepicker .ui-datepicker-buttonpane {

  margin: 0;padding: 0;

}

.ui-datepicker .ui-datepicker-buttonpane button {

  float: right;

  margin: 0.5em

  0.2em

  0.4em

;

  cursor: pointer;

  padding: 0.2em

  0.6em

  0.3em

  0.6em

;

  width: 47%;

  overflow: visible;

}



.date_input{width: 86px;border: 0px;cursor: pointer;text-align: right;}

.date_input::placeholder {color: #777777;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

  border: 1px solid #111111;

  background: #111111;

  font-weight: normal;

  color: #ffff;

}



#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}

#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}

.hd_pops img {max-width:100%;height:auto}

.hd_pops_con {}

.hd_pops_footer {padding:10px 0;background:#111111;color:#fff;text-align:right}

.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#111111;color:#fff;border: 1px solid;}



.total_div{}





/* 사이드 로마의 새로운 소식 */

.notice_side_list{

  margin-bottom: 0.5rem;

  padding-left: 1rem;

  display: block;

  font-size: 1.4rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  position: relative;

}

.notice_side_list::before{

  position: absolute;

  content: '';

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 3px;

  height: 3px;

  background-color: #011333;

  border-radius: 50%;

}

.notice_side_list:last-child{

  border-bottom: 0px;

  padding-bottom: 0px;

}



.notice_side_list:first-child{

  padding-top: 0px;

}



.logo_div{

  overflow: hidden;display: flex;width: 100%;

}

.logo_div .logo_list {display: flex;justify-content: center;

  align-items: center;}

.logo_div .logo_list > li {}

@keyframes flowRolling {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-100%);

  }

}



/*.logo_div > div {*/

/*  overflow: hidden;*/

/*  display: inline-flex;*/

/*}*/



/*.logo_div > div > div{*/

/*  height: 60px;*/

/*  display: flex;*/

/*  width: calc(100% / 7);*/

/*}*/



.logo_div .logo_img{

  max-width: 120px;max-height: 60px;    margin: auto;

  align-items: center;

  overflow: auto;

}





.ceo_link{cursor: pointer;}

.ceo_link:hover{ text-decoration: underline;color: black;}





/* /////////////////////////////////////// @media@media@media@media@media@media 반응형 시작 ////////////////////////////////////// */



/*반응형 max 1200 xl*/

@media (max-width: 1199.98px) {

  .head .navbar-nav .nav-link {

    padding: 3.5rem 1.2rem;

  }

  .movie {

    margin-bottom: 7rem;

  }



  .icon_menu .nav-tabs .nav-item {

    width: 20%;

  }

  .icon_menu.produc .nav-tabs .nav-item {

    width: 25%;

  }



  .main_visual .slick-slide img {

    height: 500px;

  }

  .custum_ps {

    left: 17vw;

  }

  .idx_pg .slick-dots {

    left: 20%;

  }



  .slide_text {

    left: 17vw;

  }

}



/*반응형 max 992px lg*/

@media (max-width: 991.98px) {

  /*모바일메뉴*/



  /* .icon_menu .nav-tabs .nav-item {

    width: 25%;

  } */

  .icon_menu .border {

    border: 0 !important;

  }

  .loca_icon {

    width: 50px;

    height: 50px;

    background-size: contain;

  }

  .custum_ps {

    left: 6vw;

  }



  .slide_text {

    left: 6vw;

  }



  .idx_pg .slick-dots {

    left: 9%;

  }

  .nav_micon {

    /* position: absolute; */

    top: 0;

    left: 0;

  }

  .head .navbar-collapse {

    position: fixed;

    right: -100%;

    top: 0;

    bottom: 0;

    width: calc(100% - 100px);

    background: #fff;

    z-index: 11;

    transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

  }

  .head .navbar-toggler {

    width: 30px;

    height: 30px;

    background: url(../img/icon_hambuger.svg) no-repeat;

    background-position: center;

    background-size: contain;

    margin-right: 1.5rem;

  }



  .head .navbar-collapse.show {

    left: 0;

    transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

  }

  .head .navbar-bg {

    width: 100%;

    position: fixed;

    z-index: -10;

    top: 0;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.6);

    display: none;

    transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

  }

  .head .navbar-bg.show {

    display: block;

    z-index: 10;

    transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

  }

  .head .navbar-nav {

    width: 100%;

    border-top: 1px solid #e3e3e3;

  }

  .head .navbar-nav .nav-link {

    padding: 2rem 2rem;

    border-bottom: 1px solid #e3e3e3;

  }

  .head .navbar-collapse .close_btn {

    display: block;

    position: absolute;

    right: 0;

    top: 1.5rem;

    width: 50px;

    height: 40px;

    border: 0;

    background: transparent;

    font-size: 19px;

    z-index: 9;

  }

  .head .navbar-nav .dropdown {

    position: relative;

  }

  .head .navbar-nav .dropdown .arrow {

    position: absolute;

    right: 2rem;

    top: 2rem;

  }

  .head .navbar-nav .dropdown .dropdown-menu {

    border-radius: 0;

    padding: 0;

    top: 0;

    border: 0;

    border-bottom: 1px solid #e3e3e3;

    background: #f4f4f4;

    margin: 0;

    left: 0;

    transform: translateX(0);

  }

  .head .navbar-nav .dropdown:hover .dropdown-menu {

    display: none;

    text-align: left;

    margin-left: 0;

  }

  .head .navbar-nav .dropdown .dropdown-item {

    padding: 1.5rem 2rem;

    color: #aaa;

    border: 0;

    font-weight: 500;

    border-bottom: 1px solid #e3e3e3;

    font-size: 1.5rem;

  }

  .head .navbar-nav .dropdown .dropdown-item:last-child {

    border: 0;

  }

  .head .navbar-collapse .arrow {

    display: block;

  }

  .head .ic_find {

    background-position: -93px 0;

  }



  .navbar .container,

  .navbar .container-fluid,

  .navbar .container-lg,

  .navbar .container-md,

  .navbar .container-sm,

  .navbar .container-xl {

    flex-direction: row;

  }

  .head_banr a:hover{color: #fff;}



  .head .header_btm {

    width: 70%;

  }

  .head .logo a {

    width: 100px;

  }

  .navbar.hd_active .header_center {

    display: block !important;

  }

  .navbar .nowrap {

    flex-wrap: nowrap;

  }

  .header_center {

    margin-right: auto;

  }



  /* ////main 메인페이지 */

  .main_visual {

    margin-bottom: 50px;

  }

  .main_cont {

    margin-bottom: 50px;

  }



  .rg .imghover {

    width: 75%;

    height: fit-content;

  }

  .rg .imghover figure {

    width: 250px;

  }



  .more img {

    width: 15px;

    height: 15px;

  }



  .x_scroll {

    overflow-x: scroll;

  }

  .imghover > .img_info {

    position: relative;

    bottom: 0;

    left: 0;

    padding: 0;

    padding-top: 2rem;

    color: #1212;

    display: block;

  }



  .imghover strong {

    font-size: 2.3rem;

    color: #121212;

  }

  .rg .imghover strong {

    font-size: 1.6rem;

    color: #121212;

  }

  .imghover .btm span {

    color: #777;

  }



  .map_wh::before {

    background-image: url(../img/icon_map_mk.png);

    width: 10px;

    height: 13px;

  }



  .m_use {

    display: flex;

    flex: none;

    max-width: 65%;

  }

  .m_use img {

    height: 80px;

    width: 80px;

    padding-bottom: 0;

  }



  .dot {

    padding-top: 0;

    color: #121212;

  }

  .dot::before {

    display: none;

  }



  .movie iframe {

    height: 460px;

  }



  .application_listpg .rect3 > img {

    max-width: 100%;

    border-radius: 5px;

  }

  /* ////구독 */

  .pay_cont .table_cus .sub_img {

    width: 352px;

    height: 173px;

    right: -5%;

    top: -48%;

  }



  .input_box {

    padding: 0;

  }

  .login_box {

    max-width: 500px;

    border-radius: 15px;

    padding: 60px 80px;

  }



  /* ////찾아오시는길 */



  .map_load .root_daum_roughmap .wrap_controllers {

    display: none;

  }



  /* /////마이페이지 */

  .mypg_menu .tab-pane li a {

    margin-bottom: 1rem;

  }

}







/*반응형 max 768px md*/

@media (max-width: 767.98px) {

  .slide_text h3 {

    font-size: 4rem;

  }

  .main_visual {

    margin-bottom: 30px;

  }



  .main_visual .slick-slide img {

    height: 400px;

  }



  .custum_ps {

    left: 6vw;

  }

  .idx_pg .slick-dots li button {

    width: 30px;

  }

  .idx_pg .slick-dots {

    position: absolute;

    top: 70%;

    left: 10%;

    height: 30px;

  }

  .movie iframe {

    height: 350px;

  }

  .movie {

    margin-bottom: 5rem;

  }



  .sequen_num li.bor {

    left: 85px;

  }

  .count_frm {

    width: 80px;

  }

  .count_frm .btn.btn_plus,

  .count_frm .btn.btn_minus {

    background-size: 6px auto;

  }



  .login_box {

    border-radius: 15px;

    padding: 60px 70px;

  }



  /* ///로마소개 */

  .outline_wr img {

    width: 100%;

  }





  .logo_div > div{

    width: calc(100% / 5);

    height: 50px;

  }

  .logo_div .logo_img{

    max-width: 90px;max-height: 50px;

  }



}



@media (max-width: 575.98px) {

  .idx_pg .slick-dots {

    display: none !important;

  }



  .main_visual .slick-slide img {

    height: 320px;

  }



  .head .header_btm {

    width: 60%;

  }

  .head .logo a {

    width: 80px;

  }

  .head .navbar-toggler {

    width: 20px;

    height: 20px;

    margin-right: 1rem;

  }



  .head .navbar-collapse.show {

    width: 85%;

  }



  .main_cont {

    margin-bottom: 30px;

  }

  .imghover strong {

    font-size: 1.8rem;

  }

  .rg .imghover strong {

    font-size: 1.6rem;

  }

  .rg .imghover figure {

    width: 200px;

  }



  input.search::-webkit-input-placeholder {

    background-image: none;

  }



  .background_pg .fs_40 {

    font-size: 2.5rem;

  }

  /* /////로그인 */

  .tit_icon {

    width: 15px;

    height: 15px;

    object-fit: contain;

  }



  /* /////사장님 */

  .his_cont ul.his_list::after {

    display: none;

  }

  .his_cont ul.his_list li .sub_me_content::after{

    display: none;

  }

  .ceo_pg .preline {

    white-space: normal;

    word-break: keep-all;

  }

  .ceo_pg .fs_40 {

    font-size: 2.3rem;

  }



  /* ////no-page/// */

  .no-page .img{max-width: 80%;}





  /* /////로케이션 디테일 */

  .slider-single img {

    max-height: 250px;

  }



  ul.list li {

    padding: 1rem 2rem;

    border-bottom: 2px solid #aaa;

    transition: all ease-in-out 0.3s;

    width: auto;

  }

  .map .root_daum_roughmap {

    height: 250px;

  }



  .movie iframe {

    height: 250px;

  }



  .step_ol li.on::before {

    display: none;

  }



  .step_ol p.fs_18 {

    font-size: 1.4rem;

  }



  .table_cus .textarea_read {

    min-height: 300px;

  }

  .icon_menu .nav-tabs .nav-item {

    width: 33.333%;

  }

  .loca_icon {

    width: 40px;

    height: 40px;

    background-size: contain;

  }



  .produc_icon {

    width: 50px;

    height: 50px;

    background-size: contain;

  }



  .icon_menu .fs_15 {

    font-size: 1.2rem;

  }



  .ex_price .fs_30 {

    font-size: 2rem;

  }

  .ex_price p {

    line-height: 1.2em;

  }

  /* /////mypage */

  .mypg_menu h5 {

    border-right: 0;

    padding-right: 0rem;

    margin-right: 0rem;

  }

  .mypg_menu .nav-tabs .nav-link {

    font-size: 1.5rem;

    padding: 0 1rem 0 0;

  }

  .mypg_menu .tab-pane li a {

    font-size: 1.3rem;

    margin-bottom: 0.5rem;

  }

  .mp_tab li a {

    font-size: 1.3rem;

  }



  /* ////main 메인페이지 */

  .m_use {

    max-width: 85%;

  }

  .m_use img {

    height: 50px;

    width: 50px;

  }

  /* ////마이페이지 결제카드변경 */

  .cdinfo_top .cdinfo {

    right: 50%;

    transform: translateX(50%);

    width: 100%;

  }



  .ft ul li {

    padding: 0;

  }



  .sub_me_name{

    display: none !important;

  }



}



@media (max-width: 425px) {

  .head .navbar-collapse.show {

    width: 100%;

  }

  .login_box {

    border-radius: 15px;

    padding: 60px 0;

    border: 0;

  }

  .background_pg{    background-color: #fff;}



  .logo_div > div{

    width: calc(100% / 4);

    height: 50px;

  }



  .logo_div .logo_img{

    max-width: 90px;max-height: 50px;

  }



}







/* ========== 25.09.03 추가 css ========== */

/* 버튼 추가 */

.btn_light{ background: var(--light); border-color: var(--light); color: var(--text); border-radius: 5px; padding: 1.5rem 0; transition: all ease-in-out 0.3s;}

.btn_light:hover{ background: var(--border);}



/* 공통 class 추가 */

.bg_blue{ background: var(--primary) !important;}

.bg_light{ background: var(--light);}

.bg_primary{ background-color: var(--primary);}



.fc_primary{ color: var(--primary);}



.icon_4{ width: 0.4rem; height: auto; flex-shrink: 0;}

.icon_8{ width: 0.8rem; height: auto; flex-shrink: 0;}

.icon_12{ width: 1.2rem; height: auto; flex-shrink: 0;}

.icon_15{ width: 1.5rem; height: auto; flex-shrink: 0;}

.icon_16{ width: 1.6rem; height: auto; flex-shrink: 0;}

.icon_20{ width: 2.0rem; height: auto; flex-shrink: 0;}

.icon_24{ width: 2.4rem; height: auto; flex-shrink: 0;}

.icon_28{ width: 2.8rem; height: auto; flex-shrink: 0;}

.icon_30{ width: 3.0rem; height: auto; flex-shrink: 0;}

.icon_50{ width: 5.0rem; height: auto; flex-shrink: 0;}



/*글자 줄임말/자르기*/

.line_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;word-break: break-all;}

.line1_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;}

.line2_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}

.line3_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}



.mr_2{ margin-right: 0.2rem;}

.ml_03{ margin-left: 0.3rem;}



.gap_10{ gap: 1.0rem;}



.btn_auto{ height: unset; padding: 0; border: 0;}

.btn-icon{ height: unset; padding: 0; border: 0; display: flex; align-items: center; justify-content: center;}



/* 스크롤바 none */

.scroll_bar_none { -ms-overflow-style: none; }

.scroll_bar_none::-webkit-scrollbar { display: none; }



/*터치 스크롤*/

.touch_scroll .scroll_inner {

  overflow-x: auto;

  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;

}

.touch_scroll{ position: relative;}



/* 스크롤 발생 시 오른쪽에 그라데이션 표시 */

.touch_scroll.right_gra::after{

  content: "";

  display: block;

  height: 100%;

  width: 6.0rem;

  position: absolute;

  top: 0;

  right: 0;

  background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

  pointer-events: none;

  opacity: 0;

}

.touch_scroll.right_gra.scrollable:not(.at-end)::after{ opacity: 1;}



/*터치 스크롤 이미지 드래그 방지 */

.touch_scroll img{

  -webkit-user-select:none;

  -moz-user-select:none;

  -ms-user-select:none;

  user-select:none;

  -webkit-user-drag: none;

  -khtml-user-drag: none;

  -moz-user-drag: none;

  -o-user-drag: none;

  user-drag: none;

}





/* 컨테이너 너비 변경 */

.container-lg{

  width: 100%;

  max-width: 1280px;

  padding: 0;

}



/* 상단 배너 */

.head_banr a:hover{ color: var(--light);}



/* 헤더 수정 */

body{ position: relative;}

.header_wr{

  position: sticky;

  top: 0;

  left: 0;

  height: var(--hd_height);

  background-color: #fff;

  border-bottom: 1px solid var(--border);

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 3.0rem;

  z-index: 999;

}

.header_wr .hd_right{

  display: flex;

  align-items: center;

  gap: 3.0rem;

  flex-grow: 1;

}

/* 햄버거 버튼 */

.header_wr .ham_btn{ margin-right: 3.0rem; padding: 0; flex-shrink: 0;}

/* 로고 */

.header_wr .logo{ width: 9.0rem; flex-shrink: 0;}

/* 검색창 */

.header_wr .sch_wr{ width: 380px;}

.header_wr .sch_wr .form-control{

  max-width: unset;

  border-radius: 2.2rem;

}



/* 메인메뉴 */

.hd_left{

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.hd_menu{ height: 100%;}

.hd_menu .nav_ul{

  display: flex;

  align-items: center;

  height: 100%;

}

.hd_menu .nav_ul .nav_li{ height: 100%; position: relative;}

.hd_menu .nav_ul .nav_link{

  display: flex;

  align-items: center;

  height: 100%;

  padding: 0 2.5rem;

  font-size: 1.8rem;

  font-weight: 500;

  color: var(--gray-333);

}

.hd_menu .nav_ul .nav_link:hover, .hd_menu .nav_ul .active .nav_link{ color: var(--primary); font-weight: 600;}



/* 2차 메뉴 */

.hd_menu .nav_ul2 {

  display: none;

  min-width: 18rem;

  border-radius: 0 0 1.0rem 1.0rem;

  box-shadow: 0 0.5rem 1.0rem rgb(0 0 0 / 5%);

}



.hd_menu .nav_li:hover .nav_ul2 {

  display: block;

  position: absolute;

  background: #fff;

  top: 100%;

  left: 50%;

  transform: translateX(-50%);

  z-index: 9999;

  text-align: center;

  overflow: hidden;

}



.hd_menu .nav_ul2 a {

  display: block;

  padding: 1.4rem 2rem;

  white-space: nowrap;

  font-size: 1.5rem;

  color: var(--gray-333);

}



.hd_menu .nav_ul2 a:hover {

  color: var(--primary);

  background: var(--light);

}



/* 헤더 로그인 메뉴 */

.hd_login_menu{

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: 4.0rem;

  gap : 1.5rem;

}

.hd_login_menu .btn{

  font-size: 1.5rem;

  font-weight: 400;

  color: var(--gray-777);

}

.hd_login_menu .btn.up_place_btn{

  padding: 0.5rem 0.8rem;

  border-radius: 0.3rem;

  background: var(--primary);

  color: #fff;

  font-size: 1.5rem;

  font-weight: 300;

  line-height: 1;

}



/* 사이드 메뉴 */

.ham_menu_wr{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  max-width: 32.0rem;

  background: #fff;

  z-index: 1001;

  padding-top: 5.4rem;

  padding-bottom: 5.7rem;

  transform: translateX(-100%);

  transition: transform 0.5s ease;

}

.ham_menu_wr.active{ transform: translateX(0);}



.ham_menu_hd{

  width: 100%;

  height: 5.4rem;

  padding: 1.5rem 1.6rem;

  position: absolute;

  top: 0;

  left: 0;

}



.ham_nav{ overflow-y: scroll; height: calc(100vh - 5.4rem);}

.ham_nav .ham_nav_li .btn{

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  padding: 1.6rem 2.0rem;

  font-size: 1.6rem;

  font-weight: 500;

  line-height: 1.3;

}

.ham_nav .ham_nav_li .btn span{ flex-flow: 1;}

.ham_nav .ham_nav_li:has(.ham_nav_ul2) .btn::after{

  content: "";

  display: block;

  width: 1.6rem;

  height: 1.6rem;

  background: url(../img/collapse_off.png) no-repeat center / cover;

}

.ham_nav .ham_nav_li:has(.ham_nav_ul2) .btn[aria-expanded="true"]::after{ background: url(../img/collapse_on.png) no-repeat center / cover;}



/* 하위메뉴 */

.ham_nav_ul2{

  display: flex;

  flex-direction: column;

  gap: 2.4rem;

  padding: 2.4rem 2.0rem;

  background: var(--light);

  font-size: 1.5rem;

  line-height: 1.3;

  color: var(--gray-5E5E63);

}

.ham_nav_ul2 a:hover{ color: var(--primary);}



/* 로그인 후 */

.ham_menu_ft{

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 5.7rem;

  background: #fff;

  padding: 1.0rem 1.6rem 2.5rem;

  font-size: 1.5rem;

  gap: 1.0rem;

}

.ham_menu_ft a{ color: var(--gray-777);}

.ham_menu_ft a.location_write{ color: var(--primary); font-weight: 500;}

.ham_menu_ft span{ color: var(--border);}



.ham_menu_wr:has(.ham_menu_ft) .ham_nav{ overflow-y: scroll; height: calc(100vh - 5.4rem - 5.7rem);}



/* 사이드 메뉴 뒷배경 */

.ham_menu_back{

  position: fixed;

  width: 100%;

  height: 100vh;

  background: #000;

  z-index: 1000;

  opacity: 0;

  transition: opacity 0.3s;

  visibility: hidden;

}

.ham_menu_back.active{ opacity: 0.5; visibility: visible;}







/* 메인페이지 게시글 슬라이드 버튼 */

.rete_plc{ position: relative;}

.main_slide_btn{

  position: absolute;

  top: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 5.0rem;

  height: 5.0rem;

  border-radius: 50%;

  background: #fff;

  box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);

  padding: 0;

}

.main_slide_btn.slide_prev{ left: 0; transform: translate(-50%, -50%);}

.main_slide_btn.slide_next{ right: 0; transform: translate(50%, -50%);}



/* 그림자 효과 유지 */

.main_slide_btn:hover, .main_slide_btn:active, .main_slide_btn:focus{ box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);}





/* 아이콘 메뉴 */

.icon_menu_wide ul{ flex-wrap: nowrap !important;}

.icon_menu_wide li { width: calc(100% / 14) !important; min-width: 9.0rem;}

.icon_menu_wide li a{

  width: 100%;

  text-align: center;

  font-size: 1.2rem;

  font-weight: 500;

  color: var(--gray-777);

  letter-spacing: -1px;

  word-wrap: break-word;

  word-break: keep-all;

  padding: 0 0.25rem;

}

/* 아이콘 크기 */

.icon_menu_wide .loca_icon{ width: 4.0rem; height: 4.0rem; background-size: cover;}



/* active */

.icon_menu_wide li a:hover, .icon_menu_wide li a.active{ color: var(--primary);}



/* 탭메뉴 */

/* 탭버튼 */

.tab_btn_gr > .scroll_inner{ display: flex;}

.tab_btn_gr .btn-lg + .btn-lg{ margin-top: unset;}

.tab_btn_gr .tab_btn{

  border: 1px solid var(--border);

  border-bottom: 0;

  padding: 0.5rem;

  height: 5.8rem;

  font-size: 1.8rem;

  font-weight: 500;

  line-height: 1.2;

  color: var(--gray-777);

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 0;

  min-width: 15.5rem;

}

.tab_btn_gr .tab_btn img{ filter: invert(82%) sepia(3%) saturate(0%) hue-rotate(180deg) brightness(82%) contrast(96%);}



.tab_btn_gr .tab_btn:first-child{ border-radius: 1.5rem 0 0 0;}

.tab_btn_gr .tab_btn:last-child{ border-radius: 0 1.5rem 0 0;}

.tab_btn_gr .tab_btn:not(:last-child){ border-right: 0;}



/* active */

.tab_btn_gr .tab_btn.active{

  background: var(--primary);

  color: #fff;

}

.tab_btn_gr .tab_btn.active img{ filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(143deg) brightness(104%) contrast(101%);}



/* 탭 하단 메뉴 */

.tab_menu .menu_gr{

  display: flex;

  flex-wrap: wrap;

  gap: 1.0rem;

  border-radius: 0 0 1.5rem 1.5rem;

  padding: 2.0rem;

  border: 1px solid var(--border);

}

.tab_menu .menu_gr .menu_btn{

  border-radius: 2.5rem;

  padding: 1.0rem 2.0rem;

  border: 1px solid var(--border);

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1.5;

  color: var(--gray-777);

}

.tab_menu .menu_gr .menu_btn:hover, .tab_menu .menu_gr .menu_btn.active{

  border-color: var(--primary);

  color: var(--primary);

}





/* 메인 슬라이드 수정 */

.slide_text h3::before{ display: none;}

.slide_text{

  width: 100%;

  max-width: 1280px;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  padding: 0 1.5rem;

}

.slide_text h3{

  font-size: 4.5rem;

  font-weight: 700;

  line-height: 1.4;

  margin-bottom: 1.2rem;

  padding: 0;

}

.slide_text p{

  font-size: 2.0rem;

  font-weight:400;

  line-height: 1.4;

  white-space: pre-line;

}



.main_visual{ position: relative;}

.custom_ps_container{

  position: absolute;

  inset: 0;

  top: 0;

  left: 50%;

  height: 100%;

  transform: translateX(-50%);

  pointer-events: none;

}

.main_visual .main_visual_btn{

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  pointer-events:auto;

}

.main_visual .main_visual_btn.mb_prev{ left: 0;}

.main_visual .main_visual_btn.mb_next{ right: 0;}

.main_visual .main_visual_btn img{ width: 1.5rem; object-fit: unset; height: unset; min-height: unset;}



.slider_pagination {

  position: absolute;

  bottom: 3.0rem;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  z-index: 10;

  width: 100%;

}

.progress_wrap {

  /* flex: 1; */

  height: 2px;

  width: 45.0rem;

  background: rgba(255, 255, 255, 0.5);

  margin-right: 2.0rem;

  overflow: hidden;

}

.progress_bar {

  width: 0%;

  height: 100%;

  background: #fff;

  transition: width 0.3s;

}

.num_wrap{ display: flex; align-items: center; font-size: 1.4rem; font-weight: 500;}





/* 세로방향 무한 스크롤 페이지 */

.all_photo_pg{ padding-top: 6.0rem; padding-bottom: 5.0rem;}

.all_photo_pg .loca_tit{ padding-bottom: 2.0rem; border-bottom: 1px solid var(--gray-aaa); text-align: center; margin-bottom: 3.0rem;}

.all_photo_pg .loca_tit h2{ font-size: 3.5rem; font-weight: 700; color: var(--text); line-height: 1.2;}



.photos_wr .photo{ display: flex; align-items: center; justify-content: center; width: 100%; background: var(--light); max-height: 72.0rem; margin-bottom: 3.0rem; cursor: pointer;}





/* 이미지 풀페이지 모달 */

.img_modal_fp{ padding: 0 !important; width: 100%; height: 100vh; max-height: 100vh; overflow-y: hidden !important;}

.img_modal_fp .modal-dialog{ max-width: unset; margin: 0;}

.img_modal_fp .modal-content{ width: 100%; height: 100vh; max-height: 100vh; position: relative; background: #181717; color: #fff;}

.img_modal_fp .modal-header{ padding: 5.0rem 1.6rem 4.0rem 1.6rem;}

.img_modal_fp .modal-body{ height:calc(100vh - 24.0rem); display: flex; align-items: center; justify-content: center;}

.img_modal_fp .modal-footer{ padding: 5.0rem 1.6rem 4.0rem 1.6rem; text-align: center; justify-content: center;}

.img_modal_fp .container-lg{ height: 100%; display: flex; align-items: center; justify-content: center; position: unset; padding: 0;}



/* 닫기버튼 */

.img_modal_fp .close{

  position: absolute;

  top: 5.0rem; right: 3.0rem;

  opacity: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0; margin: 0;

  z-index: 2;

  color: #fff;

  font-size: 1.5rem;

  font-weight: 400;

}



/* 이미지 슬라이드 */

.fp_img_slide{ display: block; max-height: 100%;}

.fp_img_slide .swiper-wrapper{ align-items: center;}

.fp_img_slide .swiper-slide{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

.fp_img_slide .swiper-slide img{ max-width: 100%; max-height:calc(100vh - 24.0rem); width: auto;}



/* 슬라이드 버튼, 페이지네이션 */

.img_modal_fp .swiper-pagination {

  position: unset;

  width: fit-content;

  text-align: center;

  font-size: 2.0rem;

}



.slide_btn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}



/* 블러 슬라이드버튼 공통 */

.blur_slide_btn{

  width: 3.6rem; height: 3.6rem;

  border-radius: 50%;

  border: 1px solid rgb(227 227 227 / 40%);

  background: rgb(255 255 255 / 65%);

  -webkit-backdrop-filter: blur(0.4rem);

  backdrop-filter: blur(0.4rem);

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

}

.img_modal_fp .slide_btn.fp_slide_btn_prev{ left: 3.0rem; right: unset;}

.img_modal_fp .slide_btn.fp_slide_btn_next{ right: 3.0rem; left: unset;}



/* 그림자 슬라이드버튼 공통 */

.sd_slide_btn img{ filter: drop-shadow(0 0 0.4rem rgb(0 0 0 / 15%));}



/* 상세페이지 스킨 수정 */

.new_location_pg .container-lg{ max-width: 1200px;}



/* 상단 슬라이드 */

.new_location_pg .full_slide_wr{ background: var(--light); position: relative; margin: 0 3.0rem;}

.full_wide_slide{ width: 100%; height: 60.0rem; overflow: hidden;}

.full_wide_slide .slick-list, .full_wide_slide .slick-track{ width: 100%; height: 100%;}

.full_wide_slide .slide_item {

  width: 100%; height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: auto 100%;

}

.full_wide_slide .slide_item a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

}



/* 각 비율에 따른 이미지 처리 */

.full_wide_slide .slide_item.wide_img a img{ width: 100%; height: 100%; max-height: 60rem; object-fit: cover; object-position: center;}

.full_wide_slide .slide_item.tall_img a img{ aspect-ratio: 3/4; height: 100%;  object-fit: cover; object-position: center;}



.new_location_pg .full_slide_wr .slide_btn{ opacity: 0; visibility: hidden; transition: 0.5s;}

.new_location_pg .full_slide_wr:hover .slide_btn{ opacity: 1; visibility: visible;}

.slide_btn.full_slide_prev{ left: 3.0rem;}

.slide_btn.full_slide_next{ right: 3.0rem;}



.photo_more_btn {

  width: 4.6rem; height: 4.6rem;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  right: 3.0rem; bottom: 2.0rem;

  border-radius: 50%;

  background: rgb(0 0 0 / 40%);

  backdrop-filter: blur(6px);

}

.photo_more_btn:hover{ color: #fff;}



/* 로케이션 정보 */

.new_location_pg .lef{ margin-bottom: 5.0rem;}



/* 예약문의 버튼 */

.new_location_pg .lef .reserve_btn{ height: 6.6rem;}







/* ========== 반응형 ========== */

/**반응형 max 1400 **/

@media (max-width: 1400px) {

  .header_wr{ padding: 0 1.6rem;}

  .header_wr .hd_right{ gap: 1.5rem;}

  .header_wr .ham_btn{ margin-right: 1.5rem;}

  .hd_menu .nav_ul .nav_link{ padding: 0 2.0rem; font-size: 1.7rem;}

  .hd_login_menu{ margin-left: 1.5rem;}

  .hd_login_menu .btn{ font-size: 1.4rem !important;}

}


/** 반응형 1360px **/
@media (max-width: 1485px) {
  .header_wr .sch_wr{ width:250px; }
}


/**반응형 max 1312 **/

@media (max-width: 1312px) {

  .container-lg{ padding: 0 1.6rem;}

  .main_visual .main_visual_btn.mb_prev{ left: 1.6rem;}

  .main_visual .main_visual_btn.mb_next{ right: 1.6rem;}

  .slide_text{ padding: 0 4.6rem;}

}



/**반응형 max 1200 xl **/

@media (max-width: 1200px) {

  .container-lg{ max-width: 1280px;}

  .header_wr .hd_login_menu{ display: none;}

}



/* 태블릿, 모바일 시작 사이즈 */

/**반응형 max 992px lg**/

@media (max-width: 991.98px) {

  .header_wr .logo{ width: 8.0rem;}



  .main_slide_btn{ display: none;}

  .tab_btn_gr .tab_btn{ font-size: 1.6rem;}

  .header_wr{ height: var(--hd_height_m);}

  .hd_menu{ display: none;}

  .hd_right{ justify-content: space-between; flex-grow: 0;}



  .slide_text{ padding: 0 1.6rem;}

  .slide_text h3{ font-size: 3.5rem;}

  .slide_text p{ font-size: 1.8rem;}



  .all_photo_pg .loca_tit h2{ font-size: 3.0rem;}



  .full_wide_slide{ height: 40.0rem;}



  .img_modal_fp .modal-header{ padding: 4.0rem 1.6rem 3.0rem 1.6rem;}

  .img_modal_fp .modal-body{ height:calc(100vh - 20.0rem);}

  .img_modal_fp .modal-footer{ padding: 4.0rem 1.6rem 3.0rem 1.6rem}

  .img_modal_fp .close{ top: 4.0rem;}

}



/**반응형 max 767px md**/

@media (max-width: 767.98px) {

  .tab_btn_gr .tab_btn{ height: 5.0rem;}

  .tab_menu .menu_gr .menu_btn{ padding: 0.8rem 1.5rem;}



  .slide_text h3{ font-size: 2.8rem; margin-bottom: 0.8rem;}

  .slide_text p{ font-size: 1.7rem;}

  .progress_wrap { width: 40.0rem;}



  .all_photo_pg{ padding-top: 4.0rem;}

  .all_photo_pg .loca_tit{ padding-bottom: 1.5rem; margin-bottom: 2.0rem;}

  .all_photo_pg .loca_tit h2{ font-size: 2.8rem;}



  .photos_wr .photo{ margin-bottom: 2.0rem;}



  .img_modal_fp .slide_btn.fp_slide_btn_prev{ left: 2.0rem;}

  .img_modal_fp .slide_btn.fp_slide_btn_next{ right: 2.0rem;}



  .new_location_pg .full_slide_wr{ margin: 0;}

  .full_wide_slide{ height: 36.0rem;}

  .slide_btn img.icon_50{ width: 4.0rem;}

  .slide_btn.full_slide_prev{ left: 1.6rem;}

  .slide_btn.full_slide_next{ right: 1.6rem;}

  .new_location_pg .lef .reserve_btn{ height: auto;}



  .new_location_pg .lef h6.fs_22{ font-size: 2.0rem;}



  .img_modal_fp .swiper-pagination { font-size: 1.6rem;}

  .img_modal_fp .modal-header{ padding: 3.0rem 1.6rem 3.0rem 1.6rem;}

  .img_modal_fp .modal-body{ height:calc(100vh - 17.1rem);}

  .img_modal_fp .modal-footer{ padding: 3.0rem 1.6rem 3.0rem 1.6rem}

  .img_modal_fp .close{ top: 3.0rem;}



  .photo_more_btn{ right: 1.6rem;}

}



/**반응형 max 576px sm**/

@media (max-width: 575.98px) {

  .tab_btn_gr .tab_btn{ font-size: 1.5rem; min-width: 13.5rem;}

  .tab_menu .menu_gr{ gap: 0.8rem; padding: 1.5rem;}

  .tab_menu .menu_gr .menu_btn{ padding: 0.6rem 1.2rem; font-size: 1.3rem;}



  .slide_text h3{ font-size: 2.4rem; margin-bottom: 0.5rem;}

  .slide_text p{ font-size: 1.6rem;}



  .slider_pagination{ width: 100%;}

  .progress_wrap { width: 80%; margin-right: 0;}

  .num_wrap{ display: none;}



  .all_photo_pg .loca_tit h2{ font-size: 2.4rem;}



  .img_modal_fp .slide_btn{ transform: translateY(-50%) scale(1);}

  .img_modal_fp .slide_btn.fp_slide_btn_prev{ left: 1.0rem;}

  .img_modal_fp .slide_btn.fp_slide_btn_next{ right: 1.0rem;}



  .img_modal_fp .swiper-pagination { font-size: 1.5rem;}



  .slide_btn img.icon_50{ width: 3.0rem;}

  .full_wide_slide{ height: 32.0rem;}



  .img_modal_fp .swiper-pagination { font-size: 1.5rem;}

  .img_modal_fp .modal-header{ padding: 2.5rem 1.6rem 2.5rem 1.6rem;}

  .img_modal_fp .modal-body{ height:calc(100vh - 14.6rem);}

  .img_modal_fp .modal-footer{ padding: 2.5rem 1.6rem 2.5rem 1.6rem}

  .img_modal_fp .close{ top: 2.5rem;}



  .img_modal_fp .slide_btn.fp_slide_btn_prev{ left: 1.0rem;}

  .img_modal_fp .slide_btn.fp_slide_btn_next{ right: 1.0rem;}



  .photo_more_btn{ width: 3.6rem; height: 3.6rem;}

  .photo_more_btn img{ width: 2.0rem;}


  .header_wr .sch_wr{ width:200px; }

}



/** 반응형 max 390px **/

@media (max-width: 389.98px) {

  .main_visual .slick-slide img{ height: 300px;}

  .all_photo_pg .loca_tit h2{ font-size: 2.2rem;}

  .header_wr .logo{ width: 7.0rem;}
  .header_wr .sch_wr{ width:160px; }

}