:root { --main-color:#E60012 }

body * {font-family: 'Pretendard'; box-sizing: border-box;}
ul {list-style:none; margin:0; padding:0}
a {color:#222; -webkit-tap-highlight-color: transparent;}
img {width:100%; display:block}
html.scroll_lock, body.scroll_lock {overflow:hidden}
.main_color {color:var(--main-color)}
.gray_color {color:#666}
.center {text-align:center}
.margin_bottom_5 {margin-bottom:5px}
.margin_bottom_10 {margin-bottom:10px}
.margin_bottom_15 {margin-bottom:15px}
.margin_bottom_20 {margin-bottom:20px}
.margin_bottom_25 {margin-bottom:25px}
.margin_bottom_30 {margin-bottom:30px}
.margin_bottom_40 {margin-bottom:40px}
.margin_bottom_50 {margin-bottom:50px}
.black_color {color:#222 !important}
/*½Ç½Ã°£»ó´ã â*/ #tocplusWindow {display: none !important}



/* page loading */
.page_loading_wrap {position: fixed;   top: 0;  left: 0;   width: 100%;   height: 100%;  z-index: 199999;  background: #fff;  opacity: 0.95;}
.page_loading_wrap img {width: 60px;   height: 60px;  position: absolute;   top: 50%;  left: 50%;  transform: translate(-50%, -50%);}




/************************************************************************************/
/************************************************************************************/
/* Header */
/************************************************************************************/
/************************************************************************************/


#mobile_header_warp {position: fixed;   top: 0;   left: 0;   width: 100%;   z-index: 1999;   background: #fff;}
#mobile_header_warp .header {display: flex;  align-items: center;   justify-content: space-between; height: 60px;   padding: 0 20px; padding-right: 60px; margin: 0; border-bottom: 1px solid #eee;}
#header_logo img {display: block; width: 80px;}
#menu_toggle_btn {position: absolute;   right: 20px;  top: 50%;  transform: translateY(-50%);}
.fullDownBtn {display: block; width: 22px; height: 16px; position: relative; margin-left: 20px}
.fullDownBtn span {display: block; width: 22px; height: 2px; background: #222; border-radius: 2px; position: absolute; transition: all .2s}
.fullDownBtn:hover span {background: #222}
.fullDownBtn span:nth-child(1) {top: 0; left: 0}
.fullDownBtn span:nth-child(2) {top: 7px; left: 0}
.fullDownBtn span:nth-child(3) {bottom: 0; left: 0; width: 15px;}
.fullDownBtn.on span:nth-child(1) {transform: rotate(45deg) translateY(-50%); top: 50%; transform-origin: top}
.fullDownBtn.on span:nth-child(2) {display: none}
.fullDownBtn.on span:nth-child(3) {transform: rotate(-45deg) translateY(-50%); top: 50%; transform-origin: top; width: 22px;}
.header_serach {display: flex;   align-items: center;   height: 38px;   background: #f5f5f7;   border-radius: 50px;  padding: 0 20px;  margin-left: 20px;}
.header_serach .inner {display: flex;  align-items: center; justify-content: space-between;}
.header_serach .inner input {height: 30px;   width: calc(100% - 25px); border: none;   font-size: 14px;  color: #222;  background: transparent; outline: none !important;}
.header_serach .s_btn { display: block;  width: 20px;   height: 20px;   text-indent: -9999px;   background-size: cover;  background-image: url(../img/search_icon_b.png);}

#mobile_header_warp .header .goto_prev {display: block;   width: 22px; position: absolute;   left: 20px;  top: 50%;  transform: translateY(-50%);}
#mobile_header_warp .header.simple {justify-content: center; padding-right: 20px;}
#mobile_header_warp .header.simple h3 {font-size: 17px;   margin: 0;  color: #222;display: flex;  align-items: center;}
#mobile_header_warp .header.simple h3 .bar {display: inline-block;  margin: 0 2px;   width: 15px;  height: 15px; background-image:url(../img/header_prev_btn_swap.png);background-size: cover;}



#full_menu {display:none; position: absolute;   top: 60px;   left: 0;   width: 100%;    z-index: 10;   background: #fff;   height: calc(100vh - 60px);}
.menu .menu_upper {padding: 20px;   background: #fff; border-bottom: 3px solid #f5f5f7; }
.member_menu_list {display: flex;  gap: 25px;  align-items: center;}
.member_menu_list li a {font-size: 14px;}
.member_menu_list li {position: relative;}
.member_menu_list li::after {content: "";   position: absolute;   right: -13px;   top: 3px;   width: 1px;   height: 12px;  background: #ddd;}
.member_menu_list li:last-child::after {content:none}
.menu .menu_bottom {position: relative;}
.menu .menu_list {overflow-y: auto; max-height: calc(100vh - 60px);}
.menu_list .depth_1 {   display: grid;   grid-template-columns: 140px 1fr; }
.menu_list .depth_1 .depth_1_ul {padding-bottom:100px}
.menu_list .depth_1 > a {  font-size: 16px;   font-weight: 500;   color: #222;   text-align: left;   height: 70px;   padding-left: 20px;   display: flex;   align-items: center;   position: relative; }
.menu_list .depth_1 > a.active {background:#fff; color:var(--main-color);  font-weight: 600;}
.menu_list .depth_1 > a.active::after {content: "";  position: absolute;   right: 15px;   top: 50%;   transform: translateY(-50%) rotate(-45deg);   width: 7px;  height: 7px;  border-bottom: 2px solid var(--main-color);  border-right: 2px solid var(--main-color);}
.menu_list .depth_1 .sub_depth_wrap {  width: calc(100% - 140px); position: absolute;   top: 0;   right: 0; }
.menu_list .depth_1 .sub_depth_wrap .inner {height: calc(100vh - 125px);  overflow-y: auto;}
.menu .menu_list::before {   content: '';   display: inline-block;  width: 140px;   height: calc(100vh - 60px);   background-color: #f5f5f7;  position: absolute;  top: 0;   left: 0;  z-index: 0;}
.menu_list .depth_2 > a {  font-size: 14px;   font-weight: 400;   color: #222;   text-align: left;   height: 48px;   padding-left: 20px;   display: flex;   align-items: center;   position: relative;}
.menu_list .depth_2 > a.active {color:var(--main-color);}
.menu_list  .depth_3_ul {display: none; padding-left: 40px;}
.menu_list .depth_3 > a {font-size: 13px;  color: #666;   font-weight: 400;   height: 40px;  line-height: 40px;  display: flex;   align-items: center;   position: relative; }



/************************************************************************************/
/************************************************************************************/
/* Products  */
/************************************************************************************/
/************************************************************************************/


.page_wrap {padding-top: 60px;}
.container {padding: 0 20px;position: relative;}
.main_search_section {background-image:url(../img/golf_main_search_bg.jpg); background-size:cover;  padding: 65px 0 85px; border-bottom: 2px solid #f5f5f7;}
.main_search_section h3 {margin: 0;   text-align: center;   font-size: 24px;   color: #fff;  line-height: 1.3em;  margin-bottom: 1em;  font-weight: 500;}
.main_serach {display: flex;   align-items: center;   height: 56px;   background: #fff;   border-radius: 50px;   padding: 0 8px 0 25px;  border: 1px solid #ddd; position: relative; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);}
.main_serach .inner {  display: flex;  align-items: center;  justify-content: space-between;}
.main_serach  form {width:100%}
.main_serach .inner input {height: 30px;   width: calc(100% - 40px); border: none;   font-size: 15px;  color: #222;  background: transparent; outline: none !important;}
.main_serach .s_btn { display: block;  width: 40px;   height: 40px;  text-indent: -9999px;  background-size: 18px;   background-repeat: no-repeat;   background-position: center;  background-image: url(../img/search_icon_w.png);   background-color: var(--main-color);   border-radius: 50%;}
.main_serach .inner input::placeholder {color:#222}
.main_search_section .golf_img {position: absolute;   bottom: 0;   right: 0;   width: 140px;  height: 188px;}
.main_serach.has_shadow {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); margin-bottom: 20px; margin-top: 15px;}

.main_menu_section {padding: 35px 0 40px;}
.main_menu_list {display: grid; gap: 18px 27px;   grid-template-columns: repeat(4, 1fr);   grid-auto-rows: auto; padding-top: 30px;}
.main_section_title {margin: 0;   font-size: 17px;   color: #222;    line-height: 1.3em;   position: relative;   padding-left: 0.6em;}
.main_section_title::before {content: "";   position: absolute;   left: 0;    top: 0;    width: 6px;   height: 6px;   background: var(--main-color);   border-radius: 100%;}
.main_menu_list li a {display: flex;   flex-direction: column;   align-items: center;   text-align: center;   gap: 8px;}
.main_menu_list li a p {margin:0; font-size: 13px}
.main_menu_list_wrap {display:none}

.main_slider_section {padding: 35px 0 45px;   background: #f5f5f7;  overflow: hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.main_slider_section .main_ytb_slider {padding-top: 20px;}
.main_slider_section .slider_wrap {max-width: 80vw;   margin: 0 auto;}
.main_slider_section .ytb_wrap {position:relative; padding-bottom:56.35%; width:100%; border-radius: 10px;  overflow: hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.main_slider_section iframe {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;}

.main_start_area {margin-top: 10px;  height: 40px; position: relative; }
.main_start_area .inner_wrap { position: absolute;   top: 0;   left: 0;  width: 100%;background: #f5f5f7;  border-radius: 30px;}
.main_start_area .heading a {height: 44px;  display: flex ;   align-items: center;   padding: 15px;   font-size: 14px;   position: relative;}
.main_start_area .heading a::after {content: "";   position: absolute;   right: 19px;   top: 15px;   width: 7px;   height: 7px;  border-right: 2px solid #595959;  border-bottom: 2px solid #595959;  transform: rotate(45deg); transition:all 0.15s}
.main_start_area .heading a.open::after { transform: rotate(227deg);}
.main_start_area .cont li a {font-size: 14px;  display: flex;   align-items: center;  height: 40px;  padding: 15px;}
.main_start_area .cont {display:none}
.main_start_area .inner_wrap.open {border-radius: 20px;   padding-bottom: 5px;}



.footer_wrap {padding: 30px 0 90px;  background: #222;}
.footer_menu ul {display: flex;  flex-wrap: wrap;  gap: 10px 12px; margin-bottom: 15px;}
.footer_menu li {display: inline-block}
.footer_menu li a {color: #fff;   font-size: 13px;   font-weight: 200;}
.footer_info p {font-size: 12px;   color: #b7b7b7;   line-height: 1.4em;   margin: 0;}
.footer_info a { color: #b7b7b7; }
#footer_more_info {display:none}
.footer_under_line {padding-top: 20px;   margin-bottom: 20px;  border-bottom: 1px solid #363636; position: relative;}
.footer_under_line a {position: absolute;   bottom: -15px;  left: 50%;   transform: translateX(-50%);   display: flex;  justify-content: center;  align-items: center; width: 30px;  height: 30px;  background: #222;  transition:all 0.15s}
.footer_under_line a span {display: block;   width: 8px;   height: 8px;   border-bottom: 2px solid #b7b7b7;  border-right: 2px solid #b7b7b7;  transform: rotate(45deg);}
.footer_under_line a.on { transform:  rotate(180deg) translateX(50%);}
.footer_sns ul {display: flex;   align-items: center;   gap: 10px;  max-width: 50vw;}
.footer_sns li img {max-width:30px}

.footer_fixed_menu {position: fixed;   bottom: 0;  left: 0;  width: 100%;   height: 65px; background: #fff; z-index:10 ; border-top: 1px solid #eee;}
.footer_fixed_menu a {display: flex;  flex-direction: column;   align-items: center;   text-align: center;  gap: 3px;}
.footer_fixed_menu a .icon {display:inline-block; width:25px; height:25px; background-size: cover;}
.footer_fixed_menu a .icon.home {background-image:url(../img/f_home_icon.png)}
.footer_fixed_menu a .icon.call {background-image:url(../img/f_talk_icon.png)}
.footer_fixed_menu a .icon.view {background-image:url(../img/f_list_icon.png)}
.footer_fixed_menu a .icon.mypage {background-image:url(../img/f_my_icon.png)}

.footer_fixed_menu li.on a .icon.home {background-image:url(../img/f_home_icon_on.png)}
.footer_fixed_menu li.on a .icon.view {background-image:url(../img/f_list_icon_on.png)}
.footer_fixed_menu li.on a .icon.mypage {background-image:url(../img/f_my_icon_on.png)}

.footer_fixed_menu a img {width:7vw; max-width: 40px;}
.footer_fixed_menu a p {margin:0; font-size:11px; color:#666}
.footer_fixed_menu ul {display: flex;  align-items: center;   justify-content:space-between;  height: 65px; padding: 0 10px;}





/* for sweet alert */
.swal2-container {z-index: 19999;}
.swal2-container .swal2-title {font-size: 16px;  color: #222;   padding-top: 45px;}
.swal2-container .swal2-html-container {font-size: 14px; color: #222; padding-top: 20px; line-height: 1.6}
.swal2-container .swal2-confirm {font-size: 14px;   font-weight: 300;   background: var(--main-color);   border-radius: 50px;   width: 100px;  padding: 12px;}
.swal2-container .swal2-cancel {font-size: 14px;   font-weight: 300;   background: #979797;   border-radius: 50px;   width: 100px;  padding: 12px;}
.swal2-container .nice-select {display: none}


.search_result_number {padding-bottom: 20px;}
.search_result_number .results-count-custom {margin: 0;  color: #222;   font-size: 14px; line-height: 1.3em;}
.search_result_list_wrap {padding-bottom:30px;}


.products_content {margin-bottom: 35px}
.products_content .photo {border-radius: 10px;  overflow: hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.products_content .photo img {height: 62vw;  object-fit: cover;}
.products_content .titles h2 {font-size: 15px;  color: #222;   margin: 1em 0 0.5em;}
.products_content .contents p {font-size: 12px;   font-weight: 300;   color: #666;   margin: 0;  margin-bottom: 1.2em;}
.products_content .price {display:flex; font-size: 15px;   color: var(--main-color);   font-weight: 600;}
.products_content .price img {max-width: fit-content;   filter: hue-rotate(-30deg);   width: 8px;  height: 12px;}
.products_content .titles > img {display: none}

.search_no_result .border_box {display: flex;   flex-direction: column;   align-items: center;   text-align: center;   background: #f9f9fa;   border: 1px solid #f3f3f5;   border-radius: 10px;   padding: 50px 0; margin-bottom: 20px;}
.search_no_result .border_box .ioncs {width:70px; margin-bottom: 20px;}
.search_no_result .border_box p {margin: 0;   font-size: 13px;   line-height: 1.5em;   color: #222;}
.search_tag_list {display: flex;   flex-wrap: wrap;  gap: 6px;padding-bottom: 30px;}
.search_tag_list li {font-size: 16px;    color: #222;   display: flex;   justify-content: center;   align-items: center;   height: 36px;   background: #ececef;   padding: 0 0.8em;   border-radius: 5px;}

.prd_heading_menu_li_wrap ul {display: block;   overflow-x: scroll;   white-space: nowrap; margin-bottom: 20px;position: relative; scrollbar-width: none; -ms-overflow-style: none;}
.prd_heading_menu_li_wrap ul::-webkit-scrollbar {  display: none; }
.prd_heading_menu_li_wrap ul li {display: inline-block;z-index: 5;  position: relative;}
.prd_heading_menu_li_wrap ul li a {display: flex;  font-size: 16px;   justify-content: center;   align-items: center;   padding: 1em 1.6em;  font-weight: 500; position: relative;}
.prd_heading_menu_li_wrap ul li a.on::after { content: "";  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 3px;  background: var(--main-color);}
.prd_heading_menu_li_wrap ul li a.on {color:var(--main-color)}
.prd_heading_menu_li_wrap .outter { position: relative;}
.prd_heading_menu_li_wrap .outter::after {content: "";   position: absolute;   bottom: 0;   left: 0;   width: 100%;  height: 3px;  background: #eee; }

.prd_heading_menu_li_wrap_all {height: 55px;  position: relative;}
.prd_heading_menu_li_wrap.holding {position: absolute;  top: 0;  left: 0;  width: 100%;}
.prd_heading_menu_li_wrap.holding.jbFixed {position: fixed;   left: 0;  top: 60px;   background: #fff;   z-index: 199;  padding: 10px 20px 0;}
.prd_heading_menu_li_wrap.prd_tab_btn.holding.jbFixed ul {margin-bottom:0}

.prd_heading_menu_li_wrap.fixed {position: fixed;   top: 60px;   left: 0;   width: 100%;   padding: 0 20px;   background: #fff;  z-index: 199;}
.category_list_wrap_fixed {position: fixed;   top: 130px;   left: 0;   width: 100%;   padding: 0 20px;   background: #fff;   z-index: 199;}
.prd_list_start.fixed .category_list {margin-bottom: 10px;}
.prd_list_start.fixed {margin-top: 120px;}


.prd_list_start .category_list {position: relative; padding: 0 20px; margin-bottom: 20px;}
.prd_list_start .category_list::after {content: "";   position: absolute;   right: 20px;   top: 0;   width: 40px;   height: 100%;   background: linear-gradient(to right, transparent, white); z-index: 10;}
.prd_list_start .category_list .swiper-container {overflow:hidden}
.prd_list_start .category_list .swiper-slide {width:auto}
.prd_list_start .category_list .swiper-slide a {display: flex;   justify-content: center;   align-items: center;   font-size: 13px;   height: 32px;  padding: 0 1em;  border-radius: 50px;  border: 1px solid #eee;}
.prd_list_start .category_list .swiper-slide a strong {font-weight:400}
.prd_list_start .category_list .swiper-slide.current a {background: var(--main-color);   color: #fff;   border-color: var(--main-color);}
.prd_list_start .category_list .swiper-button-next:after,
.prd_list_start .category_list .swiper-button-prev:after {content:none}
.prd_list_start .category_list .swiper-button-next,
.prd_list_start .category_list .swiper-button-prev {width:20px; height:20px;  background-size:cover; top: 50%;   transform: translateY(-50%);  margin: 0;}
.prd_list_start .category_list .swiper-button-next {background-image:url(../img/header_prev_btn_swap.png);right: -5px;}
.prd_list_start .category_list .swiper-button-prev {background-image:url(../img/header_prev_btn.png); left: -5px;}
.prd_list_start .category_list .swiper-slide.blank {width:50px}
.prd_list_start .category_list .swiper-button-lock {   display: block;}

.products_content.list {margin-bottom: 60px}
.products_content.list .titles h2 {font-size: 17px; line-height: 1.3em;}
.products_content.list .titles p {margin: 0;   font-size: 14px;   color: #666;    line-height: 1em;    overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap;margin-bottom: 0.5em;}
.products_content.list .contents p { font-size: 14px; line-height: 1.3;}
.products_content.list .price {  font-size: 22px;  margin-bottom: 1em;}
.products_content.list .month {font-size: 13px;}

.prd_image_list_wrap .prd_img_big {border-radius: 10px; overflow: hidden ;  margin-bottom: 15px; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.prd_image_list_wrap .prd_img_big img {height: 62vw;  object-fit: cover;}
.prd_image_list_wrap .thumb_list {overflow-x: auto;  white-space: nowrap;}
.prd_image_list_wrap .thumb_list .thumb_img_box {display: inline-block;  margin-right: 10px;   border-radius: 5px;   overflow: hidden;}
.prd_image_list_wrap .thumb_list .thumb_img_box img {height: 13vw;  width: 20vw; object-fit: cover;}
.prd_thumbnail_view_wrap {padding-bottom: 20px;  margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.prd_heading_title {margin-bottom:20px}
.prd_heading_title h2 {margin: 0;     font-size: 17px;    color: #222;    line-height: 1.4em;    margin-bottom: 0.5em;}
.prd_heading_title h2 img {display: inline-block;  width: 25px;  margin-right: 3px;}
.prd_heading_title p {margin: 0;   font-size: 12px;    color: #666;    word-break: keep-all;    line-height: 1.4em;}
.prd_info_default dl {display: flex;   align-items: flex-start;    margin: 0;   margin-bottom: 20px;}
.prd_info_default.thin dl { margin-bottom: 12px;}
.prd_info_default.thin.align_center {align-items: center;}
.prd_info_default dt {font-size: 14px;    color: #666;    width: 90px; margin: 0;}
.prd_info_default dd {font-size: 14px;    color: #222;    width: calc(100% - 90px); margin: 0; line-height: 1.4em;}
.prd_info_default dd p {margin: 0;   line-height: 1.4em !important;  font-weight: 400;}
.prd_info_default dd p span,
.prd_info_default dd p b,
.prd_info_default dd b span {font-size:inherit !important; font-family:inherit !important; color:inherit !important; font-weight: inherit; }
.prd_info_default dd.import_data  span {background:transparent !important; background-color:transparent !important; font-weight: 400 !important }
.prd_info_default dd .round_btn {display: inline-flex;   justify-content: center;    align-items: center;    font-size: 12px;    color: var(--main-color);    background: #ffeaec;    padding: 5px 12px;    border-radius: 20px;   border: 1px solid #f3c1c5;}
.prd_info_default dd .flex_txt {display: flex; margin-bottom: 10px;}
.prd_info_default dd .flex_txt:last-child {margin-bottom:0}
.prd_info_default dd .flex_txt  .box_txt {font-size: 12px;   color: var(--main-color);   background: #fddcdc;   display: inline-block;   width: 30px;   text-align: center;   padding: 3px;  border-radius: 3px;   margin-right: 5px;}
.prd_info_default dd .flex_txt .front {  width: 35px; }
.prd_info_default dd .flex_txt  .rear { width:calc(100% - 35px)}
.prd_info_default dd .flex_txt  .rear  span {font-size:13px;display: inline-block;   margin-right: 5px;}

.prd_info_default {padding-bottom: 0;  margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.prd_info_default .katalk_link {padding: 10px 0 30px;}
.prd_info_default .katalk_link img {max-width:400px}
.prd_info_default .sns_list {display: flex;   flex-wrap: wrap;   gap: 10px;   margin-bottom: 15px;}
.prd_info_default .sns_list img {width:50px}
.prd_info_default.bottom {border-bottom:none; padding-bottom:30px}
.products_info_default_upper {margin-left: -20px;   margin-right: -20px;  padding: 0 20px; padding-top: 20px;  background: #f9f9fa;}
.main_slider_section.prd_info {padding: 0;   background: transparent;  margin-left: -20px;  margin-right: -20px; padding-left: 20px;}
.main_slider_section.prd_info .slider_wrap {max-width:100%}

.prd_info_default .flex_btn {display: flex;  flex-direction: column;  gap: 10px;}
.flex_btn a img {max-width:400px}

.prd_heading_menu_li_wrap.prd_tab_btn ul {display: flex;  align-items: center;overflow:hidden; white-space: normal;}
.prd_heading_menu_li_wrap.prd_tab_btn li {flex:1}
.prd_heading_menu_li_wrap.prd_tab_btn li a {padding: 0; padding-bottom: 1em;}

.prd_tab_contents {padding-top:0; padding-bottom: 30px;}
.prd_sub_title {margin: 0;   font-size: 17px;   color: #222;   font-weight: 600;  margin-bottom: 0.5em;}
.prd_sub_title_desc {margin:0; font-size: 14px;   color: #666;   line-height: 1.4em; letter-spacing: -0.02em;}
.prd_sub_title .sm_txt { font-weight: 400;   font-size: 0.85em;}
.prd_tab_contents .prd_list_start {padding-top: 20px;}
.prd_tab_contents .exmaple_list {display: flex;  gap: 8px; margin-bottom:20px}
.prd_tab_contents .exmaple_list p {margin: 0;  font-size: min(3.3vw, 12px); color: #222; flex:1}
.prd_tab_contents .exmaple_list p font {font-size: 1.15em;}
.prd_date_subject {}
.prd_date_subject h3 {margin: 0;   font-size: 14px;   font-weight: 500;    line-height: 1.5em;   color: #222;   word-break: keep-all;  margin-bottom: 0.5em;}
.prd_date_subject .airline_info {font-size: 14px;   color: var(--main-color);   margin: 0; margin-bottom: 1.2em;}
.prd_tab_contents .gray_box {background: #f9f9fa;   padding: 15px;   border-radius: 10px;   margin-bottom: 5px;}
.gray_box .view_w {font-size: 15px;   margin: 0;   color: #222;   line-height: 1.5em;  margin-bottom: 0.5em;}
.gray_box .inner_wrap {display: flex;   flex-wrap: wrap;   gap: 3px;}
.gray_box .inner_wrap font {font-size: 14px;    display: inline-flex;   justify-content: center;   align-items: center;   padding: 5px 8px;   border: 1px solid #ddd;   border-radius: 5px;}
.gray_box .inner_wrap strong {font-weight: 500}
.prd_date_wrap {padding-bottom: 15px;  margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.prd_tab_contents div span {font-size:14px}

.prd_tab_contents .table_wrap { border-top:1px solid #eee; margin-bottom: 10px; margin-top: 20px;}
.prd_tab_contents .table_wrap dl {display: flex; border-bottom:1px solid #eee; margin:0}
.prd_tab_contents .table_wrap dl dt {width: 85px;   display: flex;   align-items: center;  padding: 10px;  font-size: 14px;  background: #f9f9fa; margin:0}
.prd_tab_contents .table_wrap dl dd {width: calc(100% - 85px);   display: flex;   align-items: center;  padding: 10px;  font-size: 14px;  color:#222; margin:0}
.prd_tab_contents  iframe {width: 100%;  height: 56vw;}
.prd_tab_contents .mill_info { margin-top: 20px;}
.prd_tab_contents .hotel_info { margin-top: 20px;}

.review_heading {position: relative; margin-bottom: 20px;}
.review_heading button {position: absolute;   right: 0;   top: 0;   font-size: 12px;   border-radius: 30px;   border: 1px solid #222;  padding: 6px 15px;  transform: translateY(-10%);}
.review_box {display: block; padding-bottom: 20px;  margin-bottom: 20px;  border-bottom: 1px solid #ddd;}
.review_upper > div {font-size: 14px;   font-weight: 400;  color: #222;  line-height: 1.5em;  margin-bottom: 0.8em;}
.review_box b {   font-weight: inherit}
.review_rating {display:block; margin-bottom: 5px;}
.review_rating img {width: 90px}
.review_bottom .flex_box {display: flex;   align-items: center;   gap: 15px;   font-size: 12px;   color: #aaa;   font-weight: 400;}
.review_bottom .flex_box .review_name {position:relative}
.review_bottom .flex_box .review_name::after {content: "";   position: absolute;   right: -7px;   top: 10%;   width: 1px;   height: 80%;  background: #d6d6d6;}

.pagination_wrap {margin-bottom: 30px;}
.pagination_list {display: flex;   align-items: center;   justify-content: center;  gap: 5px;}
.pagination_list a b {font-size: 14px;  font-weight: 400;  color: #7c7c7c; position:relative; display: inline-block;  min-width: 15px; text-align: center; margin-bottom: 2px;}
.pagination_list .current b {color: var(--main-color);  font-weight: 600;}
.pagination_list .current b::after {content: "";  position: absolute;   left:0 ;   bottom: -6px;   width: 100%;   height: 3px;  background: var(--main-color);}
.pagination_list span {display: inline-block; width:12px; height:12px; background-size:cover; text-indent: -999px; }
.pagination_list .start {background-image:url(../img/pg_start_custom.png); margin-right:10px}
.pagination_list .end {background-image:url(../img/pg_end_custom.png); margin-left:10px}
.pagination_list .next {background-image:url(../img/pg_next_custom.png); margin-left:10px}
.pagination_list .prev {background-image:url(../img/pg_prev_custom.png); margin-right:10px}

#special_info iframe {width: 100%;  height: 56vw;}
.gray_box_border {background: #f9f9fa;   padding: 15px;   border-radius: 10px;   margin-bottom: 20px;   border: 1px solid #eeeef1;   margin-top: 10px;}
.prd_tab_contents .gray_box_border div,
.prd_tab_contents .gray_box_border p,
.prd_tab_contents .gray_box_border span,
.prd_tab_contents .gray_box_border font {font-size:13px; color:#222; line-height:1.6em; font-family: inherit ! IMPORTANT;}


#review_write_popup {display: none;   position: fixed;   top: 0;   left: 0;   background: rgba(0, 0, 0, 0.5);   width: 100%;   height: 100%;   z-index: 19999;} 
.review_input_wrap {position: absolute;   left: 20px;  top: 50%;  transform: translateY(-50%);  width: calc(100% - 40px);border-radius: 10px; overflow: hidden;}
.review_input_wrap .upper {background: #fff; padding: 20px;}
.review_input_wrap .upper h3 {text-align: center;   font-size: 17px;   color: #222;  font-weight: 500;   margin: 0;  margin-bottom: 1em;}
.review-input {padding-top: 15px;}
.review_input_wrap .ev-icon {   display: inline-block;   width: 22px;   height: 20px;   margin-left: 4px;   background: url(../mall/images/ico_star_onoff.png); }
.review_input_wrap .ev-icon.on {   background-position: 0 -40px; }
.review_input_wrap textarea {width: 100%;   border: 1px solid #ddd;   border-radius: 5px;   padding: 10px;   font-size: 13px;   height: 100px;   margin-bottom: 10px;}
.review_input_wrap button {width: 100%;   font-size: 14px;   color: #fff;   background: var(--main-color);   border: none;   height: 40px;   border-radius: 50px;}
.review_input_wrap .bottom {background: #f9f9fa;  padding: 20px;}
.review_input_wrap .bottom ul li {font-size: 13px;   color: #222;  line-height: 1.5em;  margin-bottom: 10px;  position: relative;  padding-left: 8px;}
.review_input_wrap .bottom ul li:last-child {margin-bottom:0}
.review_input_wrap .bottom ul li::before {content: "";  position: absolute;   left: 0;   top: 6px;   width: 3px;   height: 3px;   background: #aaaaaa;  border-radius: 50%;}
.review_input_wrap .close_btn {position: absolute;   right: 8px;   top: -4px;   font-size: 32px;   font-weight: 100;  opacity: 0.7;}

.gray_box_border.white_bg {background:#fff}
.gray_box_border.time table {width:100%}
.gray_box_border.time table img {display:inline; max-width:fit-content}
.gray_box_border.time table td {background-size:cover; background-position: center}
.gray_box_border.currency table {width:60%}
.prd_tab_contents .img_link_box {display: flex;  flex-direction: column;  gap: 10px;}

.gray_box_border.ul { font-size: 13px;   color: #222;  line-height: 1.5em; }
.gray_box_border.ul span { font-size: 13px !important;   color: #222 !important;  line-height: 1.5em !important; background-color:transparent !important; font-family: inherit ! IMPORTANT;}
.gray_box_border.ul ul li {font-size: 13px;   color: #222;  line-height: 1.5em;  margin-bottom: 10px;  position: relative;  padding-left: 8px;}
.gray_box_border.ul ul li:last-child {margin-bottom:0}
.gray_box_border.ul ul li::before {content: "";  position: absolute;   left: 0;   top: 6px;   width: 3px;   height: 3px;   background: #aaaaaa;  border-radius: 50%;}

.staff_info_box {background: #f9f9fa;  padding: 15px;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   border: 1px solid #eeeef1;   display: flex;}
.staff_info_box .photo_box {width: 100px;  margin-right: 20px;}
.staff_info_list {width:calc(100% - 120px); padding-top: 10px;}
.staff_info_list dl {display: flex; align-items: flex-start; margin:0; margin-bottom:15px; }
.staff_info_list dl dt {width: 60px;   display: flex;   align-items: center;  font-size: 14px; margin:0}
.staff_info_list dl dd {width: calc(100% - 60px);  display: flex;   align-items: center;  font-size: 14px;  color:#222; margin:0}
.staff_comment_box {border: 1px solid #eeeef1;    background: #fff;    text-align: center;    font-size: 14px;   line-height: 1.5em;   color: #222;   font-weight: 500;  padding: 15px;  border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;}


.popup_wrap_all {display:none; position: fixed;  top: 0;   left: 0;   width: 100%;   height: 100%;  background: rgba(0, 0, 0, 0.8);  z-index: 19999;}
.popup_wrap_all .inner_box {padding: 10px;  position: relative; height: 100%;  width: 100%;}
.popup_wrap_all .content_box {position: absolute;   top: 50%;   left: 50%;  transform: translate(-50%, -50%);  width: 90vw;}
#image_view_popup .close_btn {position: absolute;  right: 15px;  top: 0;   font-size: 35px;   color: #fff;   font-weight: 100;}
#image_view_popup_title .content_box {border-radius: 10px;   overflow: hidden;  background: #fff; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden; }
.popup_wrap_all .img_box {padding:20px}
.popup_wrap_all .content_box .title {display: flex;   justify-content: center;  align-items: center;  height: 60px;   border-bottom: 1px solid #ddd;  position: relative;}
.popup_wrap_all .content_box .title .close_btn {position: absolute;  right: 20px;   top: 9px;   font-size: 30px;   font-weight: 100;}




.hotel_info_page .hotel_main_image {margin-top: 20px;   border-radius: 10px;   overflow: hidden;  margin-bottom: 10px;-webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
#Img_Name_hotel {font-size: 14px;   color: #222;  margin-bottom: 10px;}
.hotel_image_number_wrap {display: flex;   gap: 10px;   padding-bottom: 20px;   margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.hotel_image_number_wrap img {width: 14px}
.hotel_info_page .hotel_name {font-size: 14px;  color: #222;}
.hotel_info_page .prd_info_default {padding-top: 20px;   border-top: 1px solid #ddd;   margin-top: 20px;}
.hotel_info_page dl dd {word-break: break-all;}
.hotel_info_page .gray_box_border {font-size: 13px;  line-height: 1.6em;}



.products_content.list.recent_view .titles h2 {font-size:15px}
.products_content.list.recent_view .price {font-size:15px}
.products_content.list.recent_view .contents p {font-size:12px}
.products_content.list.recent_view {margin-bottom:30px}



@media (min-width: 800px) {
	.default_btn.full {font-size:17px}
}



/************************************************************************************/
/************************************************************************************/
/* MEMBER SHIP */
/************************************************************************************/
/************************************************************************************/
.login_page .container{padding-top:20px}
.subpage_big_title {font-size: 22px; color: #222;  margin: 0;  margin-bottom: 1em;}
.member_input {margin-bottom: 25px; position: relative;}
.member_input label {display: block;  font-size: 14px;   color: #222;   font-weight: 500;   margin-bottom: 0.8em;}
.member_input input,
.member_input textarea {width: 100%;   font-size: 14px;   padding: 10px;    border: 1px solid #ddd;   border-radius: 5px;}
.member_input textarea {height:40px}
.member_input input:focus-visible {outline:none !important}
.member_input textarea:focus-visible {outline:none !important}
.login_page .login_submit_btn {border: none;  width: 100%; max-width: 400px;}
.login_page .login_submit_btn:focus-visible {outline:none !important}
.btn_wrap {display: flex;  flex-direction: column;  gap: 10px; align-items: center;}
.find_password {margin: 15px 0; display: flex;  align-items: center;   justify-content: flex-end;}
.find_password a { font-size: 13px; display: flex;  align-items: center;}
.find_password .ico {display: inline-block;  width: 15px;  height: 15px;   margin-left: 5px;  background-size: cover;  background-image:url(../img/header_prev_btn_swap.png);}
.sns_login_wrap {margin-bottom:50px}
.sns_login_wrap .heading {height: 5px;  width: 100%;   margin: 30px 0 30px;   position: relative;   border-top: 1px solid #ddd;   border-bottom: 1px solid #ddd;}
.sns_login_wrap .titles {font-size: 15px; color: #222;   margin: 0;   background: #fff;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  padding: 0 15px;}
.default_p_txt {margin: 0;  color: #222;   line-height: 1.5em;   font-size: 13px;}
.default_btn {display: inline-flex;  justify-content: center;   align-items: center;   font-size: 14px;   background: var(--main-color);   color: #fff;   height: 40px;   width: 100px;  border-radius: 30px;}
.default_btn.full { font-size: min(48px, 4vw); height: 3.2em;  border-radius: 5em;  width: 100%;  max-width: 400px;}
.default_btn.gray {background: #f5f5f7;   border: 1px solid #222;  color: #222;}
.default_btn.full.button {border: none;}
.default_btn.small {font-size: 12px; height: 26px;   width: auto;  padding: 0 1em;  line-height: 1em;}
.btn_wrap input {width:100%; border:none; max-width: 400px;}
.btn_wrap input:focus-visible {outline:none !important}
.btn_wrap img {max-width: 400px;}
.member_input .join_flex.hp .nice-select {max-width: 80px; height: 38px;line-height: 38px;}


.join_step_wrap {margin-bottom:35px}
.join_step_wrap .inner {display: flex;  align-items: center;  justify-content: space-between;  width: 200px;  margin: 0 auto; position: relative;}
.join_step_wrap .inner::before {content: "";  position: absolute;  top: 6px;  left: 20px;  width: calc(100% - 40px); border-bottom: 1px solid #e0e0e5;  height: 1px;   z-index: -1;}
.join_step_wrap .step {display: flex;  flex-direction: column;  align-items: center;}
.join_step_wrap .step .circle {display: inline-block;  width: 15px;   height: 15px;   background: #e0e0e5;   border-radius: 50%;}
.join_step_wrap .step.on .circle {border: 4px solid var(--main-color); background: #fff;}
.join_step_wrap .step p {font-size: 12px;  color: #666;   margin: 0;  margin-top: 5px;}
.join_rule_box {border: 1px solid #ddd;  border-radius: 10px;}
.toggle_titles {  padding: 12px 15px;   position: relative;  }
.toggle_titles .ico {position: absolute;  right: 15px;   top: 15px;   width: 10px;   height: 10px;   border-top: 2px solid #222;   border-right: 2px solid #222;  transform: rotate(137deg);  transform-origin: center; transition:all 0.15s}
.toggle_titles.on .ico{ transform: rotate(-45deg); top: 18px; }
.toggle_titles h3 {font-size: 16px;  margin: 0;  color: #222;}
.toggle_titles h3 .main_color {font-weight:400; font-size:0.85em}
.toggle_titles h3 .gray_color {font-weight:400; font-size:0.85em; color:#666}
.toggle_contents { display: none; padding: 15px;  border-top: 1px solid #ddd;  ;  height: 200px;   overflow-y: auto; font-size: 14px;  color: #222;   line-height: 1.5em;}
.join_agree_check {display: flex;   align-items: center;   gap: 20px;   padding: 20px 10px;}
.join_agree_check label {position:relative}
.join_agree_check label input {position:absolute; left:0; visibility:hidden}
.join_agree_check label input + span {font-size: 14px;  color: #222; padding-left: 25px; position:relative}
.join_agree_check label input + span::before {content: "";  position: absolute;   left: 0;   top: -2px;   width: 18px;   height: 18px;   border: 1px solid #ddd;   border-radius: 100%; background:#fff}
.join_agree_check label input:checked + span::before { border: 1px solid var(--main-color); }
.join_agree_check label input:checked + span::after {content: "";  position: absolute;   left: 5px;   top: 3px;   width: 10px;   height: 10px;   border-radius: 100%;   background: var(--main-color);}
.join_rule_box.single {padding: 15px; font-size: 14px;  color: #222;   line-height: 1.5em;}
.privacy-table-wrapper {border-collapse: collapse;  border-spacing: 0;}
.privacy-table-wrapper th, .privacy-table-wrapper td {border: 1px solid #ddd;   padding: 6px;   font-size: 12px;   line-height: 1.2em;   word-break: keep-all;}
.toggle_contents ul li {font-size: 13px;   color: #222;  line-height: 1.5em;  margin-bottom: 10px;  position: relative;  padding-left: 8px;}
.toggle_contents ul li:last-child {margin-bottom:0}
.toggle_contents ul li::before {content: "";  position: absolute;   left: 0;   top: 6px;   width: 3px;   height: 3px;   background: #aaaaaa;  border-radius: 50%;}
.join_agree_check.all {border: 1px solid #ddd;   border-radius: 10px;   background: #f9f9fa;   margin-bottom: 20px;}

.join_flex {display: flex; align-items: center;}
.join_flex .confirm_btn {width: 90px;  margin-left: 8px;   color: #222;   border: 1px solid #747474;}
.member_input label.join {display: inline-block;  position: relative;}
.member_input label.join .require {position: absolute;   right: -10px;   top: 0;   width: 5px;   height: 5px;   background: var(--main-color);   border-radius: 50%;}
.join_comment {margin-top: 10px;  font-size: 12px;   color: #666;   line-height: 1.6em;}
.join_flex.column_2 {gap:10px}
.join_flex.column_2 .half {width:calc((100% - 10px) / 2)}
.join_flex.column_gap {gap:5px}
.join_flex.column_gap.equal input,
.join_flex.column_gap.equal select {flex:1}
.readonly_value {background: #eeeeee;  border-color: #eee !important;}
.join_flex.single {margin-top:10px}
.page_wrap .nice-select {width:100%}
.page_wrap .nice-select .list {width:100%}
.join_flex .confirm_btn.zipcode {width: 112px; }
.member_input.address .join_agree_check {position: absolute;  top: -1px;   right: 0;   padding: 0;  gap: 15px;}
.join_flex #sample4_postcode {width:calc(100% - 125px)}
.member_input.sms .join_agree_check {padding: 0;   padding-top: 10px;}
.join_comment2 {font-size: 14px;   color: #222;  line-height: 1.5em;   margin-top: 10px;}
.join_flex .readonly {background: #ddd;}

.default_poup_wrap {display:none; position: fixed;  top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.6);   z-index: 1999;   padding: 20px;}
.default_poup_wrap .pop_close_btn {position: absolute;   right: 9px;   top: 0;   font-size: 30px;  font-weight: 100;}
#nick_name_check_popup .inner_box {padding: 30px 20px;  background: #fff;   border-radius: 10px;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 20px;   width: calc(100% - 40px); min-height: 150px; }
#nick_comment p {font-size: 14px;   color: #222;   line-height: 1.5em;   text-align: CENTER;   margin-bottom: 1em;}
#id_check_popup .inner_box {padding: 30px 20px;  background: #fff;   border-radius: 10px;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 20px;   width: calc(100% - 40px); min-height: 150px; }
#id_comment p {font-size: 14px;   color: #222;   line-height: 1.5em;   text-align: CENTER;   margin-bottom: 1em;}

.join_complete_box {display: flex;   flex-direction: column;   align-items: center;}
.join_complete_box .img_box img {max-width:110px}
.join_complete_box h2 {font-size: 17px;   color: #222;   margin: 0;   margin-bottom: 1em;  text-align: center;}

.prd_heading_menu_li_wrap.prd_tab_btn.mypage {padding-top: 15px;}
.prd_heading_menu_li_wrap.prd_tab_btn.mypage li a {font-size: min(4vw, 15px);}

.mypage_edit_heading {display: flex;  align-items: center;   justify-content: flex-end;   margin-bottom: 10px;}
.mypage_edit_heading button {border: none;   background: #fff;  font-size: 14px;  border-bottom: 1px solid #222;  padding: 0;}
.member_input.cancel_reason textarea { height: 100px}










/************************************************************************************/
/************************************************************************************/
/* RESERVATION  */
/************************************************************************************/
/************************************************************************************/

.none_member_reservation .reservation-info {padding-top:20px}
.ul_point_list ul li {font-size: 13px;   color: #222;  line-height: 1.5em;  margin-bottom: 10px;  position: relative;  padding-left: 8px;}
.ul_point_list ul li:last-child {margin-bottom:0}
.ul_point_list ul li::before {content: "";  position: absolute;   left: 0;   top: 6px;   width: 3px;   height: 3px;   background: #aaaaaa;  border-radius: 50%;}
.gray_box_border .prd_info_default {padding-top: 10px;  padding-bottom: 10px;   margin-bottom: 0;   border-bottom: none;}
.gray_box_border .prd_info_default dl:last-child {margin-bottom: 0}
.prd_sub_title.has_border {padding-bottom: 1em;  border-bottom: 1px solid #ddd;  margin-bottom: 1.4em;}
.none_member_reservation  .join_agree_check {padding: 0;  padding-top: 10px;}
.quantity-controls {display: flex;  align-items: center;}
.quantity-controls button {width: 40px;   height: 40px;   border-radius: 5px;    border: 1px solid #222;}
.quantity-controls .minus-btn {margin-right: 10px;   font-size: 30px; font-weight: 200;}
.quantity-controls .plus-btn  {margin-left: 10px;  font-size: 25px;  font-weight: 200;}
.quantity-controls input {width: calc(100% - 100px);   text-align: center;   height: 40px;   border-radius: 5px;   font-size: 14px;}
.none_member_reservation .total-price {display: flex;   align-items: center;   justify-content: space-between;   margin-top: 20px;   margin-bottom: 30px;   padding: 20px 0;   border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.none_member_reservation .total-price .tit {font-size: 14px;  color: #222;}
.none_member_reservation #total-amount {font-size: 20px;   color: #222;   font-weight: 600;}
.none_member_reservation .agreement-list input {position:absolute; visibility:hidden}
.none_member_reservation .all-agreement {padding-bottom: 10px;  margin-bottom: 15px;   border-bottom: 1px solid #ddd;}
.default_check_wrap input {position:absolute; visibility:hidden}
.default_check_wrap label input + span {font-size: 14px;   color: #222;   font-weight: 500;   padding-left: 25px;   position: relative;}
.default_check_wrap label input + span::before {content: ""; position: absolute;   left: 0;   top: -2px;   width: 18px;   height: 18px;  border: 1px solid #ddd;   background: #fff;   border-radius: 3px;}
.default_check_wrap label input:checked + span::before { border: 1px solid var(--main-color);}
.default_check_wrap label input:checked + span::after {content: "";  position: absolute;  left: 7px;   top: 0;  width: 4px;  height: 10px;  border-bottom: 3px solid var(--main-color);  border-right: 3px solid var(--main-color);  transform: rotate(45deg);}
.reserve_check_wrap {margin-bottom:15px}
.reserve_check_wrap input {position:absolute; visibility:hidden}
.reserve_check_wrap label input + span {font-size: 13px;   color: #222;   font-weight: 400;   padding-left: 25px;   position: relative;}
.reserve_check_wrap label input + span b {font-weight: 400; }
.reserve_check_wrap label input + span::before {content: "";  position: absolute;  left: 7px;   top: 0;  width: 4px;  height: 10px;  border-bottom: 3px solid #aaa;  border-right: 3px solid #aaa;  transform: rotate(45deg);}
.reserve_check_wrap label input:checked + span::before {border-color:var(--main-color);}
.agreement-list .reserve_check_wrap:last-child {margin-bottom:0}

.reservation_page > .container {padding-top:20px}
.reserve_agree_tit {font-size:17px; color:#222; margin:0 ; margin-bottom: 0.8em}
.reserve_agree_tit .sm_txt {font-size:0.85em; font-weight:400}
.gray_box_border.scroll {height: 180px;  overflow-y: auto;   margin-bottom: 0;}
.gray_box_border.scroll  {font-size: 13px;   line-height: 1.6em;   color: #222;}
.reservation_page .join_agree_check.has_border {border-bottom: 1px solid #ddd;  margin-bottom: 20px;}
.join_agree_check.has_border {padding-left: 0;}
.reserve_agree_single {font-size: 14px;   color: #222;  line-height: 1.6em;}
.prd_info_default dt .sm_txt {font-size:0.85em}
.read_onlyt_input_box {width: 100%;   height: 38px;   font-size: 14px;   color: #222;   line-height: 38px;   padding: 0 10px;   background: #eeeeee;   border-radius: 5px;}
.member_input.tel .nice-select {flex: 1;   font-size: 14px;  padding: 10px;   height: 38px;  line-height: 1em;}
.member_input.tel .nice-select.open .list {max-height: 200px;  overflow: auto;}
.flex_box_col3 {display: flex;   align-items: center;}
.flex_box_col3 .nice-select {width:70px}
.flex_box_col3 .front {width:calc(100% - 70px); display: flex;   align-items: center;}
.flex_box_col3 span {font-size: 14px;  display: inline-block;   margin-right: 10px;}
.flex_box_col3 .view_w {color:#222}
.flex_box_col3 .nice-select.open .list {max-height: 200px;   overflow-y: auto;}
.reservation_page .total_price {display: flex;   align-items: center;   justify-content: space-between;   padding-top: 20px;   padding-bottom: 20px;}
.reservation_page .total_price .tit {font-size: 15px;  color: #222; font-weight: 600; width:50px; display:inline-block}
.reservation_page .total_price .price {display: flex;  font-size: 20px;  color: #222; font-weight: 600;}
.reservation_page .total_price input {border: none;  text-align: right;   font-size: 20px;   color: #222;  font-weight: 600;width: 50vw;}
.total_price_comment {font-size: 13px;   padding-bottom: 30px;   margin-bottom: 30px;   border-bottom: 1px solid #ddd;}
.single_input_wrap {padding-top: 15px; margin-bottom:20px}
.single_input_wrap textarea {width: 100%;   height: 150px;   border: 1px solid #ddd;   border-radius: 5px;   padding: 10px;   font-size: 14px;} 

.reservation_complete .icon img { max-width: 110px}
.reservation_complete .icon {display: flex;  justify-content: center;}
.reservation_code {width: 100%;   background: #fff;   padding: 10px 5px;   margin-top: 20px;   margin-bottom: 15px;}
.reservation_code .big_txt {font-size: 1.2em;   font-weight: 600;}
.reservation_comment_box {margin-left: -20px;   margin-right: -20px;   margin-top: 40px;   padding: 30px 20px;   background: #f9f9fa;}

.pay .prd_name {font-size: 15px;  color: #222;   line-height: 1.3;   margin: 0;  margin-bottom: 1em;}
.txt_comment_13 {font-size: 13px;  color: #222;   line-height: 1.5;   margin: 0; word-break:keep-all}
.gf-payment-notice-box .prd_name {margin-bottom:0.5em}
.under_line_box {padding-bottom: 20px;   margin-bottom: 20px;   border-bottom: 1px solid #ddd;}
.flex_box_align_right {display: flex;  align-items: center;   justify-content: flex-end;}




/************************************************************************************/
/************************************************************************************/
/* SUB PAGE  */
/************************************************************************************/
/************************************************************************************/
.prd_heading_menu_li_wrap.company.fixed {position: fixed;  top: 60px;  left: 0;   width: 100%;  padding: 0 20px;  z-index: 199;  background: #fff;}
.prd_heading_menu_li_wrap.company ul {margin-bottom:10px}
.prd_heading_menu_li_wrap.company ul li a {padding: 1em 1em; font-size: 15px}
.prd_heading_menu_li_wrap.company ul li.active a {color: var(--main-color)}
.prd_heading_menu_li_wrap.company ul li.active a::after {  content: "";  position: absolute;  bottom: 0;  left: 0;   width: 100%;  height: 3px;  background: var(--main-color);}
.sub_page_wrap {padding-top: 80px}
.sub_page_tit_h4 {    font-size: 17px;   color: #222;   line-height: 1.6em;   margin: 0;}
.sub_page_tit_h2  {font-size: 22px;   color: #222;   line-height: 1.5em;   margin: 0;   margin-bottom: 20px;}
.sub_page_txt {font-size: 14px;   color: #222;   line-height: 1.6em;   margin: 0;}
.contents_wrap .sub_page_tit_h4 {margin-bottom: 15px}
.contents_wrap .sub_page_txt {margin-bottom: 30px}
.iframe_wrap {position:relative; padding-bottom:56.25%; border-radius:10px; overflow:hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.iframe_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; }



.heading_tab {margin-bottom:40px}
.heading_tab ul {display: flex;   align-items: center;   justify-content: center;  gap: 10px;  height: 44px;   background: #ededee;   border-radius: 50px;   padding: 4px;}
.heading_tab ul li {flex:1}
.heading_tab ul li a {display: flex;  width: 100%;   justify-content: center;   align-items: center;  font-size: 14px;   height: 36px;  border-radius: 50px;  color: #828488;}
.heading_tab ul li a.on {color:#fff; background:var(--main-color)}
.his_contents_wrap .image_wrap {position: relative;  border-radius: 10px;  overflow: hidden;-webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.his_contents_wrap .image_wrap .img_tit {position: absolute;  left: 20px;  bottom: 20px;}
.his_contents_wrap .image_wrap .img_tit h4 {font-size: 22px;   color: #fff;   margin: 0;  margin-bottom: 0.3em;}
.his_contents_wrap .image_wrap .img_tit p {font-size: 13px;   margin: 0;  font-weight: 600;  color: #fff;  opacity: 0.8;}
.h_list_flex {display: flex;  align-items: flex-start;}
.h_list_flex h3 {font-size: 20px;   color: #222;   margin: 0;   line-height: 1.1em;   width: 90px;}
.h_list_flex .h_desc {width: calc(100% - 90px);   position: relative;   font-size: 14px;   color: #222;   line-height: 1.7em;   padding-bottom: 40px;}
.h_list_flex .h_desc::before {content: "";  position: absolute;  left: -20px;   top: 0;   width: 1px;   height: 100%;   border-left: 1px solid #ddd;}
.h_list_flex .h_desc::after {content: "";   position: absolute;   left: -24px;   top: 6px;   width: 9px;   height: 9px;   border-radius: 50%;   background: var(--main-color);}
.history_list_wrap .h_list_flex:last-child .h_desc { padding-bottom: 10px; margin-bottom: 40px}
.biz_info .heading .sub_page_tit_h2 {margin-bottom: 15px;}
.biz_info .sub_page_txt {margin-bottom: 40px}
.biz_info .sub_page_tit_h4 {margin-bottom: 15px}
.sub_page_wrap .image_wrap {border-radius:10px; overflow:hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.sub_page_wrap .image_wrap.border {border: 1px solid #ececef;}
.press_link {margin-top: -10px;  margin-bottom: 40px;}
.press_link a .txt {font-size: 13px;   color: #666;   line-height: 1.5em;   text-decoration: underline;}
.press_link a .ico {display: inline-block;   width: 15px;  transform: translateY(3px);}
.com_manage .sub_page_txt {margin-bottom: 20px}
.com_manage .sub_page_tit_h4 {margin-bottom: 10px}
.com_manage .num_box {display: inline-block;  font-size: 14px;   color: #fff;    background: var(--main-color);    width: 30px;   height: 30px;   text-align: center;   line-height: 30px;   border-radius: 10px;  margin-right: 10px;   transform: translateY(-3px);}
.flex_gap_10 {display: flex;  gap: 10px;}
.flex_gap_10 > div {flex: 1}
.com_share .sub_page_txt {margin-bottom: 20px}
.certi_img {padding:10px}
.certi_txt {margin: 0;  font-size: 14px;   background: #f9f9fa;   display: flex; justify-content: center;  align-items: center;   height: 38px;   color: #222;}
.com_press .sub_page_tit_h2 {margin-bottom: 5px}
.com_press_link_box {padding: 15px 15px 15px 20px;   background: #f9f9fa;  border: 1px solid #ececef;  border-radius: 10px; position: relative;}
.com_press_link_box h3 {font-size: 14px;  margin: 0;  margin-bottom: 5px;  line-height: 1.7;}
.com_press_link_box .ico {position: absolute;  right: 15px;   top: 14px;   width: 16px; height: 16px}
.com_press_link_box .sub_page_txt {letter-spacing: -0.02em;  line-height: 1.3em;}
.com_location .subway-info .circle {display: inline-block;  width: 20px;  height: 20px;   text-align: center;   background-color: #515b2a;   border-radius: 50%;   color: white;   padding: 0;   font-size: 12px;   line-height: 20px;  margin-right: 3px;  transform: translateY(-2px);}
.com_location h3 {margin: 0;  font-size: 17px;   color: #222;   margin-bottom: 20px;}
.com_location .subway-info  {display: flex;  align-items: center;   margin-bottom: 20px;}
.com_location .map-section {height: 250px;   overflow: hidden;   border-radius: 10px;   border: 1px solid #ededed;}
.policy_include_box {padding-top: 80px; margin-bottom:40px; font-size: 14px;  color:#222;  line-height:1.7em}
.policy_include_box table td {padding: 10px;   font-size: 12px;   line-height: 1.6em;}
.policy_include_box table td p, .policy_include_box table td span { font-size: 13px;   line-height: 1.6em; font-family: inherit !important}
.promotion_contents {padding-top: 30px;}
.promotion_contents .gray_box_border {margin-top: 20px;}
.promotion_contents .flex_box a {display: flex;  align-items: center;   gap: 10px;   font-size: 14px;}
.promotion_contents .flex_box .ico {display:inline-block; width:24px}
.faq_page_wrap {padding-top:40px}
.faq_page_wrap .sub_page_tit_h2 {margin-bottom: 5px;}
.faq_box {border: 1px solid #ddd;   padding: 15px 20px;   margin-bottom: 10px;   border-radius: 10px;}
.faq_heading {display: flex;  align-items: center;  column-gap: 10px; position: relative;}
.faq_heading::after {content: "";  position: absolute;   right: 0;   top: 50%;   width: 10px;   height: 2px;   background: #666;   transform: rotate(90deg);  transition: all 0.15s;}
.faq_heading::before {content: "";  position: absolute;  right: 0;  top: 50%;   width: 10px;   height: 2px;  background: #666;}
.faq_heading .front { display: inline-block; font-size: 15px;  width: 24px;  height: 24px;   border-radius: 50%;   background: #ececef;   color: #666;   text-align: center;   line-height: 24px;}
.faq_heading a {display: inline-block;  width: calc(100% - 50px); font-size: 15px;  line-height: 1.4;}
.faq_body {font-size: 13px;  line-height: 1.5em;   padding-top: 15px;}
.faq_box.open {border:2px solid var(--main-color)}
.faq_box.open .faq_heading .front {background:var(--main-color); color:#fff;}
.faq_box.open .faq_heading a {font-weight:600}
.faq_box.open .faq_heading::after {transform: rotate(0deg); background:var(--main-color);}
.faq_box.open .faq_heading::before {background:var(--main-color);}
.email_x_page_wrap .prd_sub_title {font-size: 15px;   line-height: 1.4em;  letter-spacing: -0.02em;}
.email_x_page_wrap .search_no_result .border_box p {padding: 10px 15px 0;   line-height: 1.7em;}
.email_x_page_wrap .search_no_result .border_box .ioncs {width: 150px}
.email_x_page_wrap .search_no_result .border_box {padding: 30px 0;}
.recruit_wrap {padding-top:40px}
.recruit_wrap .heading h3 {margin: 0;  font-size: 15px;  font-weight: 500;   color: #222;   line-height: 1.5em;   margin-bottom: 20px;}
.recruit_wrap .search_no_result .border_box .ioncs {width: 150px}
.recruit_wrap .prd_sub_title {font-size: 22px; }
.recruit_wrap .search_no_result .border_box {padding: 30px 0 40px;}
.recruit_wrap  .contact-info {font-size: 14px;  font-weight: 500;  color: #222;  margin-top: 20px;}
.recruit_wrap  .contact-info a {font-size:1.3em; display: inline-block; margin-left: 5px;}