@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap');
:root { 
--lineE4:#e4e4e4; 
--lineE5:#e5e5e5; 
}
#wrap {  }
body{ background:#fff; } 
#inner { position:relative; max-width:640px; min-height:100%; margin:0 auto; overflow-x:clip; background:#fff; box-shadow: 0 0 20px #0000000d;  /*-webkit-user-select:none;*/ }
header {  }
main { position:relative; }
main.sub { padding-top:70px; } 

main section { position:relative; padding:1.875rem; box-sizing:border-box; overflow-x:clip; } 

#inner.ko { }
#inner.en * { font-family: 'SUIT';  }
#inner.cn * { font-family: 'Noto Sans SC';  }
#inner.jp * { font-family: 'Noto Sans JP'; }

footer { font-size:0.8125rem; color:#ffffff50; font-weight:500; text-align:center; letter-spacing:0; background:#000; padding:0.9375rem; }



/* 컨텐츠복사 후 결과 */
.copyresult { position:absolute; left:revert; right:-1.25rem; bottom:2rem; min-width:9.375rem; display:none; font-size:0.9375rem; color:#000; font-weight:400; text-align:center; border:1px solid #ddd; background:#fff; border-radius:1.25rem; padding:0.5rem 1.25rem; box-shadow: 0.25rem 0.4375rem 1rem 0px rgba(0, 0, 0, 0.2); z-index:30; white-space:nowrap; }

/* 컨텐츠 사이사이 회색배경 */ 
.contdivide { width:100%; height:0.625rem; background:#f7f7f7; } 



/*------------------------------------------------------
@ HEADER 
------------------------------------------------------*/
header { position:fixed;top:0;left:0;width:100%;height:70px;background-color:transparent; z-index:101;transition:all 0.5s; } 
header.hide { display:none; } 


header .header { position:relative; display:flex; align-items:center; justify-content:space-between; max-width:640px; height:inherit; margin:0 auto; padding:0.9375rem 1.25rem; transition:all 0.5s; background:#fff; } 
header .backs { display:flex; align-items:center; gap:0.3125rem; color:#000; }
header .backs.main .circle { display:none; } 

header .backs a { color:#000; } 
header .backs .home { transition:all 0.4s; } 
header .backs .home a { font-size:1.25rem; color:#000; font-weight:800; transition:all 0.5s; } 

header .backs .logo {}
header .backs .logo img { max-width:12.5rem; max-height:3.125rem; transition:all 0.4s; /*filter: brightness(0) invert(1);*/  }

header .backs.main .home { opacity:0; } 

header.fixed { height:60px; background-color:rgba(255, 255, 255, 0.85); backdrop-filter: blur(5px); } 
header.fixed .header { padding:0.625rem 1.875rem; } 
header.fixed .backs .home a { font-size:1.125rem; } 
header.fixed .backs.main .home { opacity:1; } 
header.fixed .backs .logo img { max-width:12.5rem; max-height:2.5rem; filter: revert; }



header .shares { display:flex; align-items:center; justify-content:flex-end; gap:0.3125rem; color:#fff; }

header .circle { display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; color:#000 !important; border-radius:50%; background:#ffffff90; } 
header .circle.nowidth { width:revert; } 
header .language { display:inline-flex; align-items:center; justify-content:center; width:5.3125rem; height:2.5rem; color:#000 !important; border-radius:1.25rem; background:#ffffff90; padding:0.25rem 0.625rem; } 

@media screen and (max-width: 480px){
	header { height:60px; } 
	main.sub { padding-top:60px; } 
} 

/* 언어선택 */
.language { position:relative; z-index:1; }
.language .inner { position:relative; display:flex; align-items:center;justify-content:center; min-height:1.875rem; cursor:pointer; white-space:nowrap;  }
.language span { font-size:1rem; color:#000; font-weight:600; } 
.language .arrows { margin-left:0.3125rem; margin-bottom:-0.375rem;  } 
.language .arrows img { vertical-align:revert; } 

.language .lang_select { display:none; position:absolute; top:2.75rem; width:100%; max-width:9.875rem; background:#fff; z-index:11; padding:10px 0; border:1px solid #ddd; border-radius:1.25rem; box-shadow: 0px 0.3125rem 0.625rem 0.1px rgba(0, 0, 0, 0.15); overflow:hidden;  } 
.language .lang_inner { display:flex; flex-direction:column; } 
.language .lang_select a { display:flex; align-items:center; justify-content:flex-start; font-size:1rem; color:#999; font-weight:500; padding:5px 0 5px 0.875rem; text-align:center;  transition:all 0.5s ease; border-bottom:1px solid var(--lineE5);  }
.language .lang_select a:last-child { border-bottom:0; } 
.language .lang_select a:hover { color:var(--menu); background:#f0f0f0; } 
.language .lang_select .lang { font-size:1rem; color:#111; font-weight:400; } 

@media screen and (max-width: 480px){
	.language {  } 
} 


/*------------------------------------------------------
@ NAVIGATION 
------------------------------------------------------*/
nav { position: sticky; top:70px; background:#fff; z-index:10; transition:all 0.4s; }
nav ul { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; border-bottom: 1px solid #eaeaea; 	} 
nav ul li { position:relative; min-width:fit-content; flex:1; } 
nav ul li a { position: relative; display: flex; justify-content: center; min-height:2.8125rem; font-size:1.125rem; color:#666; font-weight:500; padding:0.75rem 1rem; text-align: center; transition:all 0.5s; white-space:nowrap; }
nav ul li a:after { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:0; height:1px; background:#000; opacity:0; transition:all 0.5s; } 
nav ul li a:hover, 
nav ul li a.active { color:#000; font-weight:500; } 
nav ul li a:hover:after, 
nav ul li a.active:after { width:100%; opacity:1; } 

nav.fixed { top:60px; background-color:rgba(255, 255, 255, 0.85); backdrop-filter: blur(5px);  } 
nav.fixed ul li a { font-size:1rem; min-height:2.5rem; padding:0.625rem 0.75rem;   color:#000;  } 

@media screen and (max-width: 480px){
	nav { top:60px; } 
} 

/*------------------------------------------------------
@ MAIN
------------------------------------------------------*/
section h2 { font-size:1.875rem; font-weight:700; }
section h3 { display:flex; align-items:center; justify-content:space-between; font-size:1.5rem;color:#000; font-weight:800; letter-spacing:0; padding-bottom:1.375rem; margin-bottom:1.875rem; border-bottom:1px solid #e4e4e4; }
section h3.noline { border-bottom:0; margin-bottom:0; } 
section h3 a { font-size:1rem; color:#fff; font-weight:400; text-align:center; border-radius:0.3125rem; padding:0.3125rem 1.25rem; } 
section p { line-break: loose; word-break:keep-all; overflow-wrap: anywhere; } 
section .more { margin-top:1.25rem; } 
section .more a { display:flex; align-items:center; justify-content:center; gap:0.3125rem; font-size:1rem; color:rgba(0,0,0,0.5); } 
section .more a span { font-size:1.875rem; } 


main.sub section h2 { font-size:1.375rem; } 

.material-icons { font-family:'Material Icons' !important; } 
.material-symbols-outlined { font-family:'Material Symbols Outlined' !important; }
.material-symbols-outlined.mi_arrow_back:after { content:'arrow_back'; } 
.material-symbols-outlined.mi_keyboard_arrow_down:after { content:'keyboard_arrow_down'; } 
.material-symbols-outlined.mi_keyboard_arrow_right:after { content:'keyboard_arrow_right'; } 
.material-symbols-outlined.mi_read_more:after { content:'read_more'; } 
.material-symbols-outlined.mi_chat:after { content:'chat'; } 

.material-symbols-outlined.mi_error:after { content:'error'; } 

.material-symbols-outlined.mi_bookmark:after { content:'bookmark'; } 
.material-symbols-outlined.mi_share:after { content:'share'; } 

.material-symbols-outlined.mi_explore:after { content:'explore'; } 
.material-symbols-outlined.mi_wifi:after { content:'wifi'; } 
.material-symbols-outlined.mi_file_save:after { content:'file_save'; } 


.material-symbols-outlined.mi_location_on:after { content:'location_on'; } 
.material-symbols-outlined.mi_schedule:after { content:'schedule'; } 
.material-symbols-outlined.mi_phone_in_talk:after { content:'phone_in_talk'; } 
.material-symbols-outlined.mi_home_work:after { content:'home_work'; } 



main .btn { position:relative; top:-1.875rem; display:flex; justify-content:center;  gap:0.625rem; width:100%; padding:0 1.875rem; z-index:1; }
main .btn a { display:inline-flex; align-items:center; justify-content:center; gap:0.75rem; width:100%; height:3.75rem; font-size:1.125rem; color:#fff; font-weight:500; background:#000; border-radius:1.875rem;  } 
main .btn a:first-child { /*background:#d2a85b;*/ } 
main .btn .material-symbols-outlined { font-size:1.875rem; } 
main .btn a:last-child .material-symbols-outlined { font-size:1.375rem; } 



/*------------------------------------------------------
@ 서브에서 탭 메뉴 형태  
------------------------------------------------------*/
section.tab { padding-top:1.5625rem; padding-bottom:0.625rem; } 
section.tab .cmm_tab { display:flex; align-items:center; gap:0.3125rem; white-space: nowrap; overflow-x:auto; scrollbar-width:none; scrollbar-color: transparent transparent; } 
section.tab .cmm_tab a { font-size:1rem; color:#666; font-weight:600; background:#f1f1f1; border-radius:1.125rem; padding:0.5rem 1rem; } 
section.tab .cmm_tab a.active { color:#fff; background:#000; } 

main.menu section.tab h3 { font-size:1rem; margin-bottom:0; padding-bottom:0.9375rem; border-bottom:0; } 
main.menu section.tab { padding-top:1.875rem; padding-bottom:0rem;  } 
main.menu section.tab.first { padding-top:1.5625rem; } 




/*------------------------------------------------------
@ 메인비쥬얼  
------------------------------------------------------*/
section.visual { width:100%; aspect-ratio:640/320; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:0; margin-top:70px; } 
section.visual.nobg { background:#f1f1f1; }
section.visual .swiper-position { position:absolute; top:50%; transform:translateY(-50%); width:100%; margin:0 auto; z-index:5; }
section.visual .swiper-button-prev:after, section.visual .swiper-button-next:after { font-size:1.5625rem; color:rgba(255,255,255,0.7); transition:all 0.5s; } 
section.visual .swiper-button-prev:hover:after, section.visual .swiper-button-next:hover:after { color:#ffffff; } 

section.visual .swiper-pagination-bullet { opacity:0.6; background:#fff; } 
section.visual .swiper-pagination-bullet-active { opacity:1; } /*

section.visual .swiper-button-prev, section.visual .swiper-button-next { width:3.4375rem; height:3.4375rem;  border:1px solid rgba(102,102,102,0.18); margin-top:0rem; border-radius:50%; transition:all 0.4s; } 
section.visual .swiper-button-prev { left:revert; right:4.0625rem; top:0%; }
section.visual .swiper-button-next  {left:revert; right:0px; top:0%;  }
*/
/*section.visual .swiper-button-prev:hover, section.visual .swiper-button-next:hover { border:1px solid #666 } */

section.visual .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
section.visual .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
section.visual .swiper-pagination { /*display:none;*/ } 

section.visual .visual_thumb { display:block; position: relative; width:100%; aspect-ratio:640/320;  overflow:hidden; background:#dcdcdc; } 
section.visual .visual_thumb img  { display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; mix-blend-mode:multiply; } 

section.visual.nobg .info { display:flex; align-items:center; justify-content:center; flex-direction:column; row-gap:0.5rem; height:100%; font-size:1rem; color:#bbb; } 

@media screen and (max-width: 480px){
	section.visual { margin-top:60px; } 
} 

/*------------------------------------------------------
@ 기본소개 
------------------------------------------------------*/
section.intro { padding-top:2.5rem; padding-bottom:0rem; } 
section.intro h2 { font-weight:800; } 
section.intro p { font-size:1.125rem; font-weight:400; line-height:1.666; margin-top:0.125rem; } 
section.intro p.eng { color:#c7a76c; font-weight:700; letter-spacing:0; margin-top:0.9375rem; } 

section.intro .more_wrap { display:flex; padding-bottom:1.25rem; border-bottom:1px solid var(--lineE4); } 
section.intro .more_wrap a { display:inline-flex; align-items:center; justify-content:flex-end; gap:0.3125rem;  font-size:1rem; color:rgba(0,0,0,0.5); }  
section.intro .more_wrap a .material-symbols-outlined { transition:all 0.4s; } 
section.intro .more_wrap p.text { display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; flex:1;  }

section.intro .more_wrap.open { flex-direction:column; } 
section.intro .more_wrap.open a .material-symbols-outlined { transform:rotate(180deg); } 
section.intro .more_wrap.open p.text { -webkit-line-clamp: unset; }

section.intro .desc { margin-top:0.3125rem; } 
main.info section.intro { padding-bottom:2.5rem; } 
main.info section.intro .more_wrap { border-bottom:0; } 
main.info section.intro .more_wrap p.text { -webkit-line-clamp:unset ; } 
main.info section.intro .more_wrap a { display:none; } 



/*------------------------------------------------------
@ 기본소개 : 서브 : 위치
------------------------------------------------------*/
section.location { } 
section.location .address { display:flex; align-items:center; } 
section.location .address a.copy { position:relative; display:inline-flex; align-items:center; font-size:0.975rem; color:#1e61d1; margin-left:0.625rem; white-space:nowrap; } 

section.location .map_wrap { margin-top:1.25rem; }
section.location h4 { font-size:1.125rem; color:#000; font-weight:700; margin-top:1.875rem; }
section.location p { font-size:1.125rem; color:#000; line-height:1.389; margin-top:0.625rem; }


/*------------------------------------------------------
@ 기본소개 : 서브 : 시설
------------------------------------------------------*/
section.facil { }
section.facil .list { margin-top:1.25rem; } 
section.facil .list ul { display: grid; grid-template-columns: repeat(3, 1fr);  gap:0.625rem; } 
section.facil .list li { display:inline-flex; align-items:center; gap:0.625rem; font-size:1rem; color:#666; font-weight:500; } 
section.facil .list li span { font-size:2.5rem; color:#000; } 



/*------------------------------------------------------
@ INFORMATION 
------------------------------------------------------*/
section.information { padding-top:1.875rem; padding-bottom:1.875rem; } 
section.information .rows { display:flex; font-size:1.125rem; color:#000; font-weight:400; line-height:1.3888; margin-bottom:0.9375rem; } 
section.information .rows .item { display:inline-flex; align-items:flex-start; width:3rem;  } 
section.information .rows .item > span {  } 
section.information .rows .desc { display:flex; align-items:center; width:calc(100% - 3rem); }
section.information .rows .desc .maplink { display:flex; align-items:center; } 
section.information .rows .desc a.tel { color:#000; } 
section.information .rows .desc a.map { position:relative; top:-1px; display:inline-flex; align-items:center; gap:0.25rem; font-size:0.875rem; color:#000; font-weight:600; margin-left:0.75rem; padding:0.125rem 1rem; border:1px solid #e5e5e5;  background:#fff; white-space:nowrap; } 
section.information .rows .desc a.copy { position:relative; display:inline-flex; align-items:center; font-size:0.975rem; color:#1e61d1; margin-left:0.5rem; white-space:nowrap} 

/*section.information .rows .desc a.copy .copyresult { position:absolute; left:-60px; bottom:-2.5rem; width:150px; display:none; font-size:0.9375rem; color:#000; font-weight:400; text-align:center; border:1px solid #ddd; background:#fff; border-radius:5px; padding:0.5rem 1.25rem; box-shadow: 4.769px 7.632px 16px 0px rgba(0, 0, 0, 0.2); z-index:1; } */
section.information .rows:last-child { margin-bottom:0; } 
section.information .sns_icon { display:flex; align-items:center; justify-content:center; gap:0.3125rem; margin-top:2.5rem; } 
section.information .sns_icon a { display:inline-flex; align-items:center; justify-content:center; width:3.125rem; aspect-ratio:1; border:1px solid #000; border-radius:50%;  } 

main.en section.information .rows { font-size:1rem; } 
main.en section.information .rows .item { line-height:1.2; /*width:9rem;*/ } 
main.en section.information .rows .desc { /*width:calc(100% - 9rem);*/ } 


/*------------------------------------------------------
@ 지도팝업  
------------------------------------------------------*/
.map-modal { position: fixed; display: flex; justify-content: center;  inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity .5s ease; z-index: -1; pointer-events: none; }
.map-modal.open { opacity: 1; pointer-events: auto; z-index:105; }
.map-wrap { position: relative;width: 100%; max-width: 640px; height: calc(var(--vh, 1vh) * 100); background: #fff;  }
.map-wrap > a { position:absolute; left:1.25rem; top:1.25rem; display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; color:#000; border-radius:50%; background:#ffffff; z-index:9; box-shadow: 0 0 4px #00000035; } 
.map-wrap > a span { font-size:1.5rem; } 

#kakaoMap { width: 100%; height: 100%; }
.btn-close { position: absolute; top: 12px; right: 12px; z-index: 10; background: rgba(0,0,0,.6); color: #fff; border: 0; padding: 8px 12px; border-radius: 6px; }


.map-info { position:absolute; left:1.25rem; right:1.25rem; bottom:1.25rem; display:flex; flex-direction:column; gap:0.75rem; padding:1.25rem; background:#fff; border-radius:1rem; box-shadow: 0 2px 16px #00000026; z-index:100; } 
.map-info h4 { position:relative; display:flex; align-items:center; gap:0.3125rem; font-size:1.25rem; color:#000; font-weight:700; }
.map-info h4 a { position:absolute; right:0; } 
.map-info h4 a span { color:#666; transition:all 0.3s; } 
.map-info h4 a.active span { transform:scaleY(-1); } 


.map-info .group { display:flex; flex-direction:column; gap:0.75rem; } 
.map-info p.address  { }
.map-info p.address { display:flex; align-items:center; } 
.map-info p.address a.copy { position:relative; display:inline-flex; align-items:center; font-size:0.975rem; color:#1e61d1; margin-left:0.625rem;  } 

.map-info p.location { font-size:1.125rem; color:#000; font-weight:700; margin-top:0.5rem; }
.map-info p.desc { font-size:1.125rem; color:#666; line-height:1.334; max-height: 7.5rem; overflow-y: auto; padding-right:0.5rem; }
.map-info p.desc::-webkit-scrollbar { width: 0.425rem; } 
.map-info p.desc::-webkit-scrollbar-track { background:#f1f1f1;} 
.map-info p.desc::-webkit-scrollbar-thumb { background:rgba(0,0,0, 0.2); border-radius:10px; } 
.map-info p.desc::-webkit-scrollbar-thumb:hover {background:var(--menu); } 
.map-info p.desc::-webkit-scrollbar-button { display: none;  } 

.map-info .btns { display:flex; align-items:center; border-top:1px solid var(--lineE5); margin-top:0.625rem; padding-top:1rem; } 
.map-info .btns a { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:1;  font-size:1rem; color:#000; font-weight:800; text-align:cener; } 
.map-info .btns a:after { content:''; position:absolute; right:0; width:1px; height:1rem; background:var(--lineE5); } 
.map-info .btns a:last-child:after { display:none; } 


/*------------------------------------------------------
@ WIFI 
------------------------------------------------------*/
section.wifi { display:flex; justify-content:center; color:#fff; padding-top:0.9375rem; padding:0.9375rem; background:#9aa4a9; } 
section.wifi .wifi_icon { width:3.75rem; }
section.wifi .wifi_icon > span { font-size:3.125rem; } 
section.wifi .wifi_cont { display:flex; flex-direction:column; row-gap:0.3125rem; padding-left:0.625rem; }
section.wifi .wifi_cont p { display:flex; align-items:center; gap:0.5rem;  font-size:1.125rem; font-weight:700; } 
section.wifi .wifi_cont p span { font-weight:normal; } 
section.wifi .wifi_cont a { position:relative; font-size:0.9375rem; color:var(--menu); font-weight:600; background:#fff; border-radius:1.25rem; padding:0.125rem 0.625rem; } 
section.wifi .wifi_cont a .copyresult {  } 




/*------------------------------------------------------
@ 소식
------------------------------------------------------*/
section.news {  padding:1.875rem; } 
section.news .news_slider { position:relative; overflow-x:clip; } 
section.news .swiper-container { width:100%; } 
section.news .news_cont { display:block; width:auto; }  
section.news .news_cont a { display:flex; align-items:center; border:1px solid var(--lineE5); border-radius:0.625rem; padding:0.9375rem; } 
section.news .news_cont .icon { flex-direction:column; width:3rem;  font-size:0.9375rem; color:#d65959; font-weight:700; text-align:center;} 

section.news .news_cont .desc { width:calc(100% - 3rem); padding-left:0.75rem; } 
section.news .news_cont .desc h4 { font-size:1.125rem; color:#000; font-weight:700; }
section.news .news_cont .desc p { font-size:0.9375rem; color:#888; margin-top:0.3125rem; } 

section.news .swiper-position { display:none;  }
section.news .swiper-pagination { position:relative; bottom:0rem; padding-top:0rem;  } 
section.news .swiper-pagination .swiper-pagination-bullet { background:#8c8c8c; opacity:0.5; }
section.news .swiper-pagination .swiper-pagination-bullet-active { background:#000; }


/* 서브에서의 목록 & 프로모션 */ 
section.news .list { display:flex; flex-direction:column; }
section.news .row { padding:1.25rem 0; border-bottom:1px solid var(--lineE4); }
section.news .row:first-child { border-top:1px solid var(--lineE4); } 


section.news .row .icon { display:flex; align-items:center; gap:0.5rem; font-size:0.9375rem; color:#d65959; font-weight:700; } 
section.news .row .tt { font-size:1.125rem; color:#000; font-weight:700; margin-top:0.75rem;  }  
section.news .row .date { font-size:0.8125rem; color:#888; font-weight:600; margin-top:0.3125rem;}
section.news .row .desc { position:relative; font-size:0.9375rem; color:#888; line-height:1.46; margin-top:0.625rem; max-height:7.5em; overflow:hidden; transition:max-height 0.4s ease; }
section.news .row .more { margin-top:0.625rem; } 
section.news .row .more a { justify-content:flex-start; gap:0rem; font-size:0.875rem; transition:all 0.5s; } 
section.news .row .more a .moretext { font-size:0.875rem; } 
section.news .row .more a .material-symbols-outlined { transition:all 0.3s; } 

section.news .row .desc.grad::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.5em; background: linear-gradient( 	to bottom, 	rgba(255,255,255,0), rgba(255,255,255,1) ); }

section.news .row.open .desc { max-height:none; } 
section.news .row.open .desc.grad:after { display:none; } 
section.news .row.open .more a .material-symbols-outlined { transform:scaleY(-1); } 


section.news .row .thumb { margin-top:1.5625rem; } 

section.news.promotion .row { padding-bottom:2.5rem; } 
section.news.promotion .row .tt { font-size:1.25rem; } 
section.news.promotion .row .date { font-size:1rem; } 
section.news.promotion .desc { max-height:revert; } 
section.news.promotion .row .desc.grad::after { display:none; } 


main.news section.tab { padding-top:2.5rem; } 

/*------------------------------------------------------
@ MENU
------------------------------------------------------*/
section.menu { }
section.menu .list { display: grid; grid-template-columns: 1fr; gap:0.9375rem 0.625rem; }
section.menu.nopad { padding-top:0; } 

section.menu .list .item { display:flex; align-items:center;  padding:1.25rem 0; border-bottom:1px solid  #e4e4e4; box-sizing: border-box; overflow:hidden; } 
section.menu .list .item:first-child { padding-top:0; } 

section.menu .list .item .text { width:calc(100% - 8.125rem); padding-right:1.25rem; } 
section.menu .list .item .thumb { display:block; position: relative; width:8.125rem; height:100%; overflow:hidden; transition:all 0.3s ease; border-radius:0.625rem; } 
/*section.menu .list .item .thumb img  { display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; } */
section.menu .list .item .thumb img  { display: block; width:100%; height:100%; position: relative; -o-object-fit: cover;object-fit: cover; } 

section.menu .list .item .icons { display:flex; align-items:center; gap:0.25rem; margin-bottom:0.3125rem; }
section.menu .list .item .icons .icon { display:inline-flex; align-items:center; justify-content:center; min-width:45px; height:20px; font-size:0.8125rem; color:#fff; font-weight:500; text-align:center; background:#999; border-radius:0.3125rem; } 
section.menu .list .item .icons .icon1 { color:#fff; background:#d65959; } 
section.menu .list .item .icons .icon2 { color:#d65959; background:#f7dede; } 
section.menu .list .item .icons .icon3 { color:#65a651; background:#e0eddc; } 
section.menu .list .item .icons .icon4 { color:#5189a6; background:#dce3ed; } 


section.menu .list .item p { font-size:1.25rem; color:#000; font-weight:700; } 
section.menu .list .item p.desc { font-size:0.9375rem; color:#888; font-weight:400; line-height:1.334; margin-top:0.3125rem; } 
section.menu .list .item p.price { display:flex; align-items:baseline; gap:0.5rem; font-weight:800; margin-top:0.625rem; } 
section.menu .list .item p.price s { font-size:1rem; font-weight:600; } 

section.menu .list .item.nothumb .text { width:100%; padding-right:0; } 
section.menu .list .item.nothumb .thumb { } 

/*
section.menu .list.photo .item .text { width:calc(100% - 8.125rem); padding:1.5rem 0.5rem 1.5rem 1.5rem; } 
section.menu .list.photo .item .thumb { display:block; width:8.125rem; } 
*/

main.sub section.menu { padding-bottom:2.5rem; } 
main.sub section.menu h3 { font-size:1.375rem; } 


/* 메뉴에서 클릭시 팝업창 */ 
.popup-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.popup-content { position: relative; max-width: 90%; max-height: 90%; } 
.popup-content img { width: auto; max-width: 100%; max-height: 100%; border-radius: 10px; }
.popup-btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px; color: #fff; cursor: pointer; user-select: none; padding: 10px; }
.popup-prev { left: -50px; }
.popup-next { right: -50px; }
@media(max-width:768px){
	.popup-prev { left: 5px; }
	.popup-next { right: 5px; }
}



/*------------------------------------------------------
@ PROMOTION
------------------------------------------------------*/
section.promotion { padding-bottom:2.5rem; } 
section.promotion h3 { border-bottom:0; margin-bottom:0; } 
section.promotion h3 a { display:inline-flex; align-items:center; color:#00000080; letter-spacing:-0.05em; text-align:right; padding:0; } 
section.promotion h3 a span { font-size:1.875rem; } 


section.promotion .list { display: grid; grid-template-columns: repeat(2, 1fr);  gap:0.625rem; }
section.promotion .list .item img { border-radius:0.625rem; } 

section.promotion .list .item a { display:flex; flex-direction:column;  text-align:center; } 
section.promotion .list .item a p { font-size:1.25rem; color:#000; font-weight:700; margin-top:0.5rem; } 
section.promotion .list .item a p.date { font-size:1rem; color:#666; font-weight:400; margin-top:0.75rem; } 

main.sub section.promotion .list { grid-template-columns: 1fr; } 

/*------------------------------------------------------
@ PHOTO
------------------------------------------------------*/
section.photo {  } 
section.photo h3 { border-bottom:0; margin-bottom:0; } 
section.photo .list { display: flex; flex-wrap:wrap; margin-right:-0.3125rem;  }
section.photo .list li { flex: 0 0 auto; width: calc((100% / 3 ) - 0.3125rem); margin-right:0.3125rem; margin-bottom:0.3125rem; } 
section.photo .list li img { border-radius:0.625rem; } 

section.movie { }
section.movie .youtube { display:block;position:relative;width:100%;height:100%;padding-bottom:56.25% !important; overflow:hidden; border-radius:1.25rem; /*box-shadow: 2.5px 4.33px 10px 0px rgba(0, 0, 0, 0.2);*/ margin-top:1.25rem; margin-bottom:2.5rem; }
section.movie .youtube iframe { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } 

main.sub section.photo .list li { width: calc((100% / 2) - 0.3125rem); } 


/*------------------------------------------------------
@ YOUTUBE & SHORTS
------------------------------------------------------*/
section.youtube {  } 
section.youtube h3 { border-bottom:0; margin-bottom:0; } 
section.youtube .list { display: flex; flex-wrap:wrap; margin-right:-0.625rem;  }
section.youtube .list li { flex: 0 0 auto; width: calc((100% / 2 ) - 0.625rem); margin-right:0.625rem; margin-bottom:0.625rem; } 
section.youtube .list li img { border-radius:0.625rem; } 

.pswp__video { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.pswp__video iframe { width: 100%; max-width: 1024px;  aspect-ratio: 16 / 9; }
.pswp__video.shorts iframe { max-width:640px; aspect-ratio: 9 / 16; }



/* TOP버튼*/ 
section.top { text-align:center; padding:2.8125rem 1.875rem; background:#f7f7f7; } 
section.top a { } 



/*------------------------------------------------------
@ AUDIO PLAYER 
------------------------------------------------------*/
.view_audio_new { position:fixed; bottom:0rem; display:flex; justify-content:space-between; width:100%; max-width:640px; z-index:10;  } 
.view_audio_new .view_audio_wrap { display:none; } 
.view_audio_new .view_audio_comment { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:space-between; text-align:left; padding-left:0; margin-bottom:0px; background:revert; padding:revert;  } 
.view_audio_new .view_audio_comment .play { position:relative; top:0px; margin-top:0px; } 

.view_audio_new .view_audio_comment .control { display:flex; align-items:center; gap:0.25rem; } 
.view_audio_new .view_audio_comment .control .prev, 
.view_audio_new .view_audio_comment .control .next { position:relative; display:flex; flex-direction:column; align-items:center; } 
.view_audio_new .view_audio_comment .control .text { font-size:11px; color:#fff; font-weight:500; text-align:center; line-height:1.1; margin-top:-5px; } 
.view_audio_new .view_audio_comment .control .text2 { position:absolute; left:50%; top:calc(50% + 2px); transform:translate(-50%,-50%); font-size:10px; color:#fff; font-weight:600; } 
.view_audio_new .view_audio_comment .control .disabled { opacity:0.5; } 

.view_audio_new .view_audio_comment .material-icons.mi_play { font-size:3.813rem; color:var(--menu); margin-bottom:0;}
.view_audio_new .view_audio_comment .material-icons.mi_play::after  { content:'play_arrow'; }
.view_audio_new .view_audio_comment .material-icons.mi_pause { font-size:3.813rem; color:var(--menu); margin-bottom:0; }
.view_audio_new .view_audio_comment .material-icons.mi_pause::after  { content:'pause'; }


.view_audio_new .view_audio_comment .material-icons.mi_skip_replay { font-size:2.5rem; color:#fff; margin-bottom:0;} 
.view_audio_new .view_audio_comment .material-icons.mi_skip_replay:after { content:'replay'; } 
.view_audio_new .view_audio_comment .material-icons.mi_skip_replay.reverse { transform:rotateY(-180deg); } 

.view_audio_new .view_audio_comment .material-icons.mi_skip_previous { font-size:3rem; color:#fff; margin-bottom:0; cursor:pointer; } 
.view_audio_new .view_audio_comment .material-icons.mi_skip_previous:after { content:'skip_previous'; } 

.view_audio_new .view_audio_comment .material-icons.mi_skip_next { font-size:3rem; color:#fff; margin-bottom:0; cursor:pointer; } 
.view_audio_new .view_audio_comment .material-icons.mi_skip_next:after { content:'skip_next'; } 


.view_audio_new .view_audio_comment .audio_control { display:flex; align-items:center; justify-content:center;  background-repeat:no-repeat; background-position:center center; background-size:revert; cursor:pointer; } 

.view_audio_new .view_audio_comment .audio_control.hide { display:none; } 
.view_audio_new .view_audio_comment .audio_control.show { display:inline-block; } 

.view_audio_player { display:flex; flex-direction:column; width:100%; background:#f9f9f9; } 
.view_audio_player .progress { position:relative; }
.view_audio_player .progress_wrap { position:relative; width:100%; height:5px; background:#e8e8e8; overflow:hidden; }
.view_audio_player .progress_bar { position:absolute; left:0px; top:0px; height:100%;  background:var(--menu); border-radius:0 0.313rem 0.313rem 0; } 
.view_audio_player .progress_timer { display:flex; align-items:center; justify-content:space-between; } 
.view_audio_player .progress_timer .timer { font-size:12px; color:#000; font-weight:300; margin:0.25rem 0.4rem; } 
.view_audio_player .audio_info { display:flex; align-items:center; justify-content:space-between; padding:0rem 0.625rem 0.313rem 1.25rem; }

.view_audio_player .audio_info .title { display:flex; align-items:center; width:calc(100% - 9.375rem); font-size:1.25rem;color:#000; font-weight:700; word-break:keep-all; padding-right:0.625rem; }
.view_audio_player .audio_info .title span.num { display:none; width:30px; color:var(--menu); font-weight:900; } 
.view_audio_player .audio_info .title span.text { width:calc(100% - 30px);  } 
.view_audio_player .audio_info .title span.text.cut { -webkit-line-clamp : 1;  line-height:1.3em; height:1.3em; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; } 

.view_audio_player .audio_info .control { display:flex; align-items:center; }

.view_audio_new.bk .view_audio_player { background:#777; } 
.view_audio_new.bk .view_audio_player .progress_timer .timer { color:#fff; } 
.view_audio_new.bk .view_audio_player .progress_bar { background:#01c6e3; } 
.view_audio_new.bk .view_audio_player .audio_info .title { color:#fff; } 
.view_audio_new.bk .view_audio_player .audio_info .title span.num { color:#fff; } 
.view_audio_new.bk .view_audio_comment .material-icons.mi_play, 
.view_audio_new.bk .view_audio_comment .material-icons.mi_pause { color:#fff; }

.view_audio_player .progress_circle { position:absolute; top:-7px; left:0px;transform:translateX(-5px); width:1.25rem; height:1.25rem; border-radius:50%; background:#01c6e3; z-index: 99; cursor:pointer;  } 

.view_audio_player .progress { --seek-before-width: 0%; } 
.view_audio_player input[type="range"] { position: relative; -webkit-appearance: none; width: 100%; margin:0; padding:0; height: 10px; float: left; outline: none; background:transparent;  top:-7px; }
.view_audio_player input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; background:#e8e8e8; }
.view_audio_player input[type="range"]::before { position: absolute; content: ""; top: 3px; left: 0; width: var(--seek-before-width);   height: 5px; background-color: #01c6e3;  cursor: pointer; }
.view_audio_player input[type="range"]::-webkit-slider-thumb { position: relative; -webkit-appearance: none; box-sizing: content-box; border: 1px solid #01c6e3; height: 1.25rem; width: 1.25rem; border-radius: 50%;background-color: #01c6e3;  cursor: pointer; margin: -7px 0 0 0; }
.view_audio_player input[type="range"]:active::-webkit-slider-thumb { transform: scale(1.1); background: #01c6e3; }


@media screen and (max-width: 480px){
	.view_audio_player .audio_info { padding:0rem 0.625rem 0.313rem 0.938rem; } 

	.view_audio_new .view_audio_comment .play { top:0px; } 
	.view_audio_new .view_audio_comment .material-icons.mi_play, 
	.view_audio_new .view_audio_comment .material-icons.mi_pause { font-size:3.125rem; } 
	.view_audio_new .view_audio_comment .audio_control.mi_play { background-position:calc(50%) center; } 
	
	.view_audio_new .view_audio_comment .material-icons.mi_skip_replay { font-size:2.4rem; } 

	.view_audio_new .view_audio_comment .material-icons.mi_skip_previous,  
	.view_audio_new .view_audio_comment .material-icons.mi_skip_next { font-size:2.4rem; } 
	.view_audio_new .view_audio_comment .control .text { font-size:10px; } 

} 


section.player { padding:0; } 
section.player .view_audio_new { position:relative; } 
section.player .view_audio_new .view_audio_comment .material-icons.mi_play, 
section.player .view_audio_new .view_audio_comment .material-icons.mi_pause  { font-size:2.75rem; } 




/*------------------------------------------------------
@ No Data
------------------------------------------------------*/
section.nodata { padding:4rem 1.875rem; }
section.nodata .nodata { display:flex; flex-direction:column ; align-items:center;  font-size:1rem; color:var(--menu); text-align:center;  line-height:1.6; padding:6.25rem 0; }
section.nodata .nodata h4 { font-size:1.125rem; margin-top:0.625rem; } 
section.nodata .nodata p { margin-top:1.3125rem; } 
section.nodata .nodata .material-symbols-outlined { font-size:3rem; } 



/*------------------------------------------------------
@ 가입신청서 
------------------------------------------------------*/
section.join .join_title { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0.625rem; font-size:1.75rem; color:#000; font-weight:700; padding-top:1.875rem; margin-bottom:2.5rem; }
section.join .join_privacy { display:flex; flex-direction:column; gap:0.625rem; } 
section.join .join_privacy .cont { overflow-x:hidden;overflow-y:auto;width:100%;height:10rem;padding:0.9375rem;background-color:#fff;border:1px solid #d5d5d5;font-weight:300;font-size:1rem;color:#666;box-sizing:border-box; border-radius:0.25rem;  } 
section.join .join_privacy .cont a { color:var(--menu); } 


section.join input[type="radio"] {display:none;}
section.join input[type="radio"] + label { font-size:1rem; font-weight:400; line-height:1; cursor:pointer; } 
section.join input[type="radio"] + label span.check { position:relative; display:inline-block;width:18px;height:18px;margin-top:-3px;margin-right:5px;vertical-align:middle; border:1px solid #999; border-radius:50%; cursor:pointer;}
section.join input[type="radio"]:checked + label { } 
section.join input[type="radio"]:checked + label span.check:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:10px; border:5px solid var(--menu); /*background:#929ca2;*/ border-radius:50%; } 

section.join input[type="checkbox"] {display:none;}
section.join input[type="checkbox"] + label { font-size:1rem; font-weight:400 ; line-height:1 ; cursor:pointer; margin-right:1.25rem; } 
section.join input[type="checkbox"] + label span.check { position:relative; display:inline-block;width:18px;height:18px;margin-top:-3px;margin-right:5px;vertical-align:middle; border:1px solid #999; cursor:pointer;}
section.join input[type="checkbox"]:checked + label {  } 
section.join input[type="checkbox"]:checked + label span.check:after { 	content:'done';position:absolute; left:50%; top:calc(50% - 3px); transform:translate(-50%,-50%);  font-family:'Material Icons'; font-size:30px; font-weight:600; color:var(--menu); } 


section.join .join_form { margin-top:2.5rem; font-size:1rem; border-top:1px solid #000; border-bottom:1px solid #000; }
section.join .join_form .row { display:flex; align-items:center; border-bottom:1px solid #e5e5e5; }
section.join .join_form .row > label { position:relative; width:25%; font-size:1rem; color:#000; font-weight:700; padding:0.9375rem 0;}
section.join .join_form .row > label.icon:after { content:'*'; position:relative; top:-5px; right:-5px; font-size:1rem; color:#ff0000; font-weight:500; margin-right:5px; } 
section.join .join_form .row .tags { display:flex; align-items:center; gap:0.5rem; width:calc(100% - 25%); padding:0.9375rem 0;  } 


section.join select::-ms-expand { display: none; }
section.join input, section.join select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

section.join .join_form input[type=text], 
section.join .join_form input[type=email], 
section.join .join_form input[type=phone], 
section.join .join_form input[type=password] { width:100%;  height:3rem; padding:0.625rem 0.813rem;border:0.1rem solid transparent;font-size:1rem; border-radius: 0.313rem; background:#f4f4f6; box-sizing:border-box; transition:all 0.4s; }

section.join .join_form select { position:relative; font-size:0.9375rem; font-weight:400; color:#999; width:100%; height:3rem; padding-left:0.938rem !important; padding-right:1.875rem; background:url(/images/common/icon_select_arrow.png) no-repeat; background-position:calc(100% - 15px) 50%; background-color:#f4f4f6;  background-size:auto; border:0.1rem solid transparent; border-radius:0.313rem; transition:all 0.4s; box-sizing:border-box; } 

section.join .join_form textarea { border:0.1rem solid transparent; border-radius:0.313rem; padding:0.938rem !important; width:100%; min-height:250px; box-sizing:border-box; font-size:1rem; background:#f4f4f6; transition:all 0.4s; resize:vertical; } 
section.join .join_form input[type=button] { display:inline-block; font-size:0.9375rem; font-weight:500; color:#fff; background:#333; border:0; min-width:6.5rem; height:3rem; padding:0 0.9375rem !important; border-radius: 0.313rem; cursor:pointer; } 

section.join .join_form input[type=text]:focus, 
section.join .join_form input[type=email]:focus, 
section.join .join_form input[type=phone]:focus, 
section.join .join_form input[type=password]:focus, 
section.join .join_form select:focus { border:0.1rem solid #999; box-shadow: 0 0 15px #00000005;} 
section.join .join_form textarea:focus { border:0.1rem solid var(--menu); } 

section.join .join_form input[readonly] { color:#999; text-shadow:0px 1px 1px #fff; } 

section.join .join_form input::-webkit-input-placeholder { color: #aaa; font-size:0.9375rem; font-weight:300; } /* Chrome/Opera/Safari */
section.join .join_form input::-moz-placeholder { color: #aaa; font-size:0.9375rem; font-weight:300;  }  /* Firefox 19+ */
section.join .join_form input:-ms-input-placeholder { color: #aaa; font-size:0.9375rem; font-weight:300;  } /* IE 10+ */
section.join .join_form input:-moz-placeholder { color: #aaa; font-size:0.9375rem; font-weight:300;  } /* Firefox 18- */


section.join .join_form .row .tags .info { flex:1; font-size:0.9375rem; color:#666; } 
section.join .join_form .row .tags.wrap { flex-wrap:wrap; gap:0.5rem 0.9375rem; padding:1.5625rem 0; } 
section.join .join_form .row .tags.wrap.column { flex-direction:column; align-items:flex-start; }  
section.join .join_form .row .tags.wrap.option { padding:1.5625rem 0 0.9375rem 0; } 
section.join .join_form .row .tags.w50 input { width:50%; } 
section.join .join_form .row .tags.captcha {  } 
section.join .join_form .row .tags.captcha .captchaimg { max-width:7.5rem; width:100%; } 
section.join .join_form .row .tags.captcha .captchaimg img { border-radius:0.3125rem; } 

section.join .join_form .row.info { flex-wrap:wrap; } 
section.join .join_form .row.info .info { width:100%; font-size:0.9375rem; color:#26b4c9; padding-left:25%; padding-bottom:0.9375rem;  } 

section.join .join_btn { display:flex; align-items:center; justify-content:center; gap:0.625rem; margin-top:1.875rem; } 
section.join .join_btn a { margin-right:0; padding:0.75rem 2.5rem; border-radius:0.3125em; } 


@media screen and (max-width: 540px){
	section.join .join_form .row { flex-direction:column; align-items:revert; row-gap:0; } 
	section.join .join_form .row > label { width:100%; padding:1.125rem 0 0 0; } 
	section.join .join_form .row .tags { width:100%; } 
	section.join .join_form .row.info .info { font-size:1rem; padding-left:0; } 
}

@media screen and (max-width: 390px){
	section.join .join_form .row .tags:not(.captcha):not(.phone):not(.email) { flex-direction:column; align-items:revert; } 
	section.join .join_form .row .tags.w50 input { width:100%; } 
	section.join .join_form select { background-position:calc(100% - 10px); background-size:10px; } 
} 
@media screen and (max-width: 360px){
	section.join .join_form .row .tags { flex-direction:column; align-items:revert; } 
} 



/*----------------------------------------------------------------------
@ LANG CHIOCE
----------------------------------------------------------------------*/
section.lang { position:relative; display:flex; align-items:center; justify-content:center; height:calc((var(--vh, 1vh) * 100) - 46px); background:#f7f7f7; border:1px solid var(--lineE4); padding:0 !important; } 
section.lang .lang_choice { display:flex; flex-direction:column; align-items:center; width:100%; text-align:center;  } 
section.lang .choice_logo { font-size:1.875rem; color:#000; font-weight:800; margin-bottom:1.25rem; }  
section.lang .choice_title { display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:0.3125rem; font-size:1.25rem; color:#000; font-weight:600; margin-bottom:3.125rem;white-space:nowrap; }
section.lang .choice_title h4 { }
section.lang .choice_title p { font-weight:400; }


section.lang .choice_lang { max-width:25rem; width:100%;  }
section.lang .choice_lang ul { } 
section.lang .choice_lang ul li { margin-bottom:1rem; } 
section.lang .choice_lang ul li:last-of-type { margin-bottom:0rem; } 

/* 언어로 오픈시 필요 */
section.lang .choice_lang ul li a { position:relative; display:flex;align-items:center; justify-content: space-between; font-size:1.25rem; color:#000; font-weight:500; padding:1.125rem 1.875rem; background:#fff; border:1px solid var(--lineE4); border-radius:0rem;  }  
section.lang .choice_lang .lang_arrow { display:flex; align-items:center; }

section.lang .choice_lang .lang_icon { display:flex; align-items:center; line-height:1; } 
section.lang .choice_lang .lang_icon i { margin-right:10px; } 
section.lang .choice_lang .lang_icon i img { width:31px; border:1px solid #d4d4d4; } 

/*hover*/
section.lang .choice_lang li:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
section.lang .choice_lang li:hover a:before { -webkit-animation: shine .75s; animation: shine .75s; } 

@media screen and (max-width: 480px){
}
@media screen and (max-width: 430px){
	section.lang .lang_choice { width:100%; max-width:revert; } 
	section.lang .choice_logo img { max-width:100; } 
	section.lang .choice_lang ul li > div .lang a { justify-content:flex-end; } 
	section.lang .choice_lang ul li > div .lang a img { width:30px; } 
} 



/*----------------------------------------------------------------------
@ QUICKMENU
----------------------------------------------------------------------*/
.quickmenu { position:sticky; right:1.25rem; top:revert; bottom:0;  display:flex; flex-direction:column;align-items:flex-end; gap:0.5rem; text-align:center;z-index:18; transition:all 0.2s; } 
.quickmenu.audio { bottom:7.8125rem; } 
.quickmenu.fixed { bottom:0; /*position:fixed; bottom:20px; max-width:640px;*/ } 
.quickmenu .inner { position:absolute; display:flex; flex-direction:column;row-gap:0.5rem; bottom:100%; padding-right:0.9375rem; padding-bottom:1.25rem; } 
.quickmenu_row { border-radius:5rem; overflow:hidden; background-image: -webkit-linear-gradient( 112deg, rgb(1,127,122) 0%, rgb(4,88,153) 50%, rgb(92,0,151) 100%); } 
.quickmenu_row.down { background-image: -webkit-linear-gradient( 112deg, #ff9635 0%, #e95300 100%); } 
.quickmenu_row a { display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:0rem; width:5rem; aspect-ratio:1; padding:0.3125rem; transition:all 0.4s ease;} 
.quickmenu_row a img { transition:all 0.4s ease; } 
.quickmenu_row a .icon { color:#fff; } 
.quickmenu_row a .icon > span { font-size:1.875rem; } 
.quickmenu_row a .text { font-size:0.9375rem; color:#fff; font-weight:400; line-height:1.125; transition:all 0.4s ease; } 
.quickmenu_row a:hover:not(.img_hover) img  { transform: scale(0.9); } 

.quickmenu.en .quickmenu_row a .text { font-size:0.875rem; } 
.quickmenu.jp .quickmenu_row a .text { font-size:0.875rem; } 
.quickmenu.jp .quickmenu_row a img { height:25px; }