/* tableware css */ * {color:#46413C;} .gsap_img_frame img {margin-top:-9vw;} .scroll_on {opacity: 0;transition: all 1s;} .scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;} .scroll_on.type_top {transform: translate(0, -50px);} .scroll_on.type_bottom {transform: translate(0, 20px);} .scroll_on.type_left {transform: translate(-50px, 0);} .scroll_on.type_right {transform: translate(50px, 0);} .scroll_on.type_graph {clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)} .flex_box_wrap .flex_box .title-box .mt {color:#46413C; margin:5.5vw 0 2vw; line-height:1.4;} #header.blur + .nav_bg {height:29.5vw !important;} #header.blur .gnb_wrap .gnb_cate > ul:not(.tableware_gnb_wrap){display:none;} .arrow {width:1vw; height:1vw;} .small_link .small_link_wrap .arr_wrap {width:1vw; height:1vw;} .small_link .small_link_wrap .arr_wrap svg {width:0.5vw;} #footer .arrow {width:1.2vw; height:1.2vw;} #footer .small_link .small_link_wrap .arr_wrap {width:1.2vw; height:1.2vw;} #footer .small_link .small_link_wrap .arr_wrap svg {width:0.6vw !important;} #footer .thumbnail-bn-wrap .thumbnail-bn-arrow svg {width:0.6vw !important;} .flex_box_wrap:not(.space) .flex_box .title-box.r {padding:0 0 0 8vw;} .flex_box_wrap .flex_box .title-box .p-text{opacity:0; transform: translate(0%, 20%);} .fadeInAnimation{opacity: 1; animation: fadeInAnimation 0.5s ease forwards; } @keyframes fadeInAnimation { 0% {opacity: 0; transform: translate(0%, 20%);} 100% {opacity: 1; transform: translate(0%, 0%);} } #main_visual {position:relative;} .main_visual .fade_slider_wrap {position:relative; overflow:hidden;width:100%; height:100vh;} .main_visual .fade_slider_wrap .slick-list,.main_visual .fade_slider_wrap .slick-track {height:100%;} .main_visual .fade_slider_wrap .slick-slide {height:100%;} .main_visual .fade_slider_wrap .slick-slide img {scale:1.2; transition:1.1s scale;transition:2s scale !important; width:100%; height:100%;object-fit:cover; } .main_visual .fade_slider_wrap .slick-active img {width:100%; scale:1; transition:2s scale !important;} .main_visual .visual_title {position:absolute; left:50%; top:48%; transform:translate(-50%,-100%);} .main_visual.sub .visual_title {top:50%; transform:translate(-50%,-25%);} .main_visual .visual_title span {display:block; margin:0 0 2vw; color:#FAF7F5; font-size:1.4vw; text-align:center;} .main_visual .visual_title svg {width:32.25vw; height:43px; fill:#FFF;} .main_visual.sub .sub_visual_frame {position:relative; overflow:hidden;width:100%; height:44vw;} .main_visual.sub .gsap_img_frame img {margin-top:0;} .main_visual.sub .visual_title > h2 {margin:0 0 1.5vw; font-size:2vw; color:#FAF7F5; text-align:center;} .main_visual.sub .visual_title > span {font-size:0.9vw; } .animate_frame {position:relative; overflow:hidden; margin:0 0 1.5vw;} .animate_frame .txt-up {margin:0 !important; } .animate_frame .txt-up.d0 {animation:firstUp 1s linear; } .animate_frame .txt-up.d1 {display:flex; animation:firstUp 1s linear; } /* concept */ #tableware_concept {z-index:1; padding:0; background:none;} #tableware_concept .tableware_tit {background:#FFF; padding:12vw 14.41745vw 5vw 12vw; position:relative; z-index:6; } #tableware_concept .concept_cont {position:relative; overflow:hidden; height:130vh;} #tableware_concept .concept_cont .c-text-area {position:absolute; top:20%; right:18vw; z-index:5;} #tableware_concept .concept_cont .c-text-area p {font-size:1vw; color:#FFF; line-height:1.7;} #tableware_concept .concept_cont .c-text-area .small_link {width:8vw; margin:3vw 0 0; float:right;} #tableware_concept .concept_cont .c-text-area .small_link span {color:#FFF;} #tableware_concept.show .concept_cont .thumbnail-fixed-matrix {display:block;} #tableware_concept.show .concept_cont .thumbnail-fixed-matrix .thumbnail-fixed-frame {z-index:-2;} /*design*/ #tableware_design {padding:12vw 0 0;} #tableware_design .vermicular--flex--title {padding:0 14.375vw 4.0625vw 11vw;} #tableware_design .small_link {position:relative; z-index:10; width:9.5vw; margin: 4vw 0 0; } #tableware_design .flex_box._1 .small_link {width:11.5vw;} #tableware_design .tableware_tit + .small_link {margin:0;} #tableware_design .padding-wrap {padding:0 0 7.9375vw 11vw;} #tableware_design .padding-wrap > .c-background_pic{height:100vh; } #tableware_design .flex_box .left {height:37.5vw;} #tableware_design .flex_box .title-box .mi {font-size:0.9vw;} #tableware_design .gsap_img_frame.big-down img {margin-top:-4vw;} #tableware_design .flex_box .title-box * {font-family: "Chiron Sung HK", serif;} #tableware_design .flex_box .title-box > strong {display:block; margin:0 0 2vw; font-size:1.65vw; line-height:1.6; font-weight:500;} #tableware_design .flex_box .title-box > span {font-size:0.875vw; line-height:1.6;} #tableware_madeinjapan .vermicular--flex--title .v-s-title {line-height:1.6;} #tableware_madeinjapan .flex_box_wrap {padding:5vw 0 0;} #tableware_madeinjapan .flex_box .title-box {width:83%;} #tableware_madeinjapan .flex_box .title-box * {font-family: "Chiron Sung HK", serif;} #tableware_madeinjapan .flex_box .title-box > b {font-weight:500;} #tableware_madeinjapan .flex_box .title-box > strong {display:block; margin:2vw 0; font-size:1.65vw; font-weight:500;} #tableware_madeinjapan .flex_box .title-box > span {font-size:0.875vw; line-height:1.6;} /* bannerlink */ #tableware_bannerlink {padding:11vw 0 0;} #tableware_bannerlink .bannerlink_wrap {padding:0 3vw; } #tableware_bannerlink .bannerlink_wrap > .box {display:flex; flex-flow:row nowrap; gap:0.133vw; } #tableware_bannerlink .bannerlink_wrap > .box > div {overflow:hidden; width:50%; height:24vw;} .pc #tableware_bannerlink .link-wrapper:hover {background-size:108% !important; transition:0.4s all !important;} .mobile #tableware_bannerlink .link-wrapper:hover {background-size:108% 108% !important; transition:0.4s all !important;} #tableware_bannerlink .bannerlink_wrap > .box a {flex-flow:column nowrap; justify-content:unset; padding:3vw; height:calc(100% - 6vw); border:0;} #tableware_bannerlink .bannerlink_wrap > .box a:before {display:none;} #tableware_bannerlink .bannerlink_wrap > .box a .link {position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; width:100%; padding:0.8vw 0; border-bottom:1px solid rgba(250,247,245,0.2);} #tableware_bannerlink .bannerlink_wrap > .box a .link > span {font-size:1.3vw; color:#FAF7F5;font-family: "Chiron Sung HK", serif;} #tableware_bannerlink .bannerlink_wrap > .box a .link:before {content:''; position:absolute; bottom:-1px; display:block; width:1vw; height:1px; background:#FAF7F5; transition:0.6s all ease;} #tableware_bannerlink .bannerlink_wrap > .box a:hover .link:before {width:100%;} #tableware_bannerlink .bannerlink_wrap > .box a > p {margin:1.5vw 0; color:#FAF7F5;text-align:left; width:100%; font-size:0.8vw; line-height:1.5;} .technology #tableware_bannerlink .bannerlink_wrap > .box2 {margin:0 auto; padding:10vw 0 7vw;} #tableware_bannerlink .bannerlink_wrap > .box2 {width:12.5vw; margin:0 auto; padding:10vw 0 7vw;} #tableware_bannerlink .banner_title {text-align:center; } #tableware_bannerlink .banner_title > span {font-size:13px; color:#beb9b4;} #tableware_bannerlink .banner_title > h2 {margin:2vw 0 5vw; font-size:1.7vw; color:#46413c; } #tableware_bannerlink .banner_title > h2:after {position:absolute; left:0; top:-10vw; content:''; width:0; margin:0 8vw; height:1px; background:#46413C; opacity:0.12; transition:1.5s width ease-in;} #tableware_bannerlink .banner_title > h2.active:after {width:calc(100% - 16vw); transition:1.5s width all;} .pc #tableware_bannerlink .bannerlink_wrap > .box > .bn_left {background:url('../img/c-helplink_photo01.jpg')no-repeat center; background-size:100%; transition:0.8s all; } .mobile #tableware_bannerlink .bannerlink_wrap > .box > .bn_left {background:url('../img/c-helplink_photo01m.jpg')no-repeat center; background-size:100% 100%; transition:0.8s all; } .pc #tableware_bannerlink .bannerlink_wrap > .box > .bn_right {background:url('../img/c-helplink_photo02.jpg')no-repeat center; background-size:100%; transition:0.8s all; } .mobile #tableware_bannerlink .bannerlink_wrap > .box > .bn_right {background:url('../img/c-helplink_photo02m.jpg')no-repeat center; background-size:100% 100%; transition:0.8s all; } /* tableware/concept/ */ #tableware_concept_b .concept_wrap {padding:0 11vw;} #tableware_concept_b .concept_wrap > .concept_title > h2 {margin:0 0 8vw; font-size:3vw; line-height:1.7; color:#46413c; } #tableware_concept_b .concept_wrap > .concept_title > p {margin:0 0 3.5vw; font-size:1.5vw; line-height:2; color:#46413c;} #tableware_concept_b .concept_wrap > .concept_title > p:first-of-type {font-size:1.8vw; font-weight:500; } #tableware_concept_b .concept_wrap > .concept_title > div {margin:6vw 0 10vw;} #tableware_concept_b .concept_wrap > .concept_title > div svg {width:24.25vw;} #tableware_concept_b .concept_wrap > .box {width:14vw; margin:5vw auto; } @media screen and (max-width:750px){ .small_link .small_link_wrap .arr_wrap {width:5vw; height:5vw;} .small_link .small_link_wrap .arr_wrap svg {width:2vw; margin:0;} #footer .arrow {width:5vw; height:5vw;} #footer .small_link .small_link_wrap .arr_wrap {width:5vw; height:5vw;} #footer .small_link .small_link_wrap .arr_wrap svg {width:2vw !important;} #footer .thumbnail-bn-wrap .thumbnail-bn-arrow svg {width:2vw !important;} .flex_box_wrap .flex_box .title-box .st1 {font-size:2.75vw;} .flex_box_wrap .flex_box .title-box .st3 {font-size:3.75vw;} .main_visual .fade_slider_wrap {height:100vh;} .main_visual .slick-list, .main_visual .slick-track {height:100%;} .main_visual .fade_slider_wrap .slick-slide img {width:100%; height:100%; object-fit:cover;} .main_visual .visual_title {top:50%;} .main_visual .visual_title span {font-size:4.2vw;} .main_visual .visual_title svg {width:66vw;} .main_visual.sub .sub_visual_frame {height:96.5vw;} .main_visual.sub .visual_title {top:50vw;} .main_visual.sub .visual_title > h2 {margin:0 0 4.5vw; font-size:7vw;} .main_visual.sub .visual_title > span {font-size:2.7vw;} .tableware_tit {flex-flow:column nowrap; justify-content:flex-start;} .tableware_tit h2 {font-size:5.7vw !important;} .tableware_tit .sub_tit span.f-csmj {margin:1.5vw 0 0; font-size:3.25vw; } .vermicular--subject--title > span {display:block; padding:2vw 0 0; font-size:3.425vw;} .thumbnail-scroll-wrap.M .thumbnail-scroll-matrix {padding: 0 4.5vw;} #tableware_concept .c-text-area.mo_ .small_link .arr_wrap {border:1px solid #46413C3d !important;} #tableware_concept .c-text-area.mo_ .small_link .arr_wrap svg {fill:#46413C !important; opacity:0.3;} #tableware_concept .tableware_tit {flex-flow:column-reverse nowrap; padding:12vw 4.5vw 7vw; } #tableware_concept .tableware_tit h2 {margin:13vw 0 0; font-size:6.7vw !important; } #tableware_concept .c-text-area.mo_ {background:#FFF; padding:0 4.5vw 15vw; } #tableware_concept .c-text-area.mo_ p {font-size:3.75vw; line-height:1.4; font-weight:200;} #tableware_concept .c-text-area.mo_ .small_link {margin:11vw 0 0; width:25vw; } #tableware_concept .c-text-area.mo_ .small_link .small_link_wrap > span {padding:3vw 0;} #tableware_concept .c-text-area.mo_ .small_link .arr_wrap {width:5.2vw; height:5.2vw; background:#FFF; border:1px solid rgba(236,236,237,0.7);} #tableware_concept .c-text-area.mo_ .small_link .arr_wrap svg {fill:rgba(236,236,237,0.7); width: 2.3vw; margin: -0.1vw 0 0;} #tableware_concept .concept_cont {height:85vw;} #tableware_concept .gsap_img_frame img {margin-top:-15vw;} #tableware_design {padding:29vw 0 0;} #tableware_design .tableware_tit {flex-flow:column-reverse nowrap; padding:0 4.5vw 4vw !important; } #tableware_design .tableware_tit h2 { margin: 12vw 5vw 8vw 0; font-size: 4.8vw !important; color:#000;} #tableware_design .tableware_tit p {margin:0 5vw 0 0; font-size:3.75vw;line-height:1.6;} #tableware_design .small_link {width:26vw; padding:0 4.5vw !important; } #tableware_design .flex_box._1 .small_link {width:46vw;} #tableware_design .tableware_tit + .small_link {padding:4.5vw !important;} #tableware_design .padding-wrap {position:relative; padding:0 0 0 4.825vw;} #tableware_design .flex_box_wrap.title-space .padding-box {padding:12vw 12vw 0 4.5vw;} #tableware_design .padding-wrap > .c-background_pic {height:86vw; } #tableware_design .design_wrap {position:unset;} #tableware_design .flex_box .left {height:71.257vw;} #tableware_design .flex_box_wrap {padding:14vw 0;} #tableware_design .flex_box._1 .gsap_img_standard {margin:0 4.4825vw 0 0; } #tableware_design .flex_box._2 {margin:17vw 0; flex-flow:column-reverse nowrap; } #tableware_design .flex_box._2 .gsap_img_standard {margin:0 0 0 4.4825vw; } #tableware_design .flex_box_wrap .small_link {margin:15vw 0 0; padding:0 !important;} #tableware_design .flex_box_wrap .flex_box .title-box .mt {margin:11.5vw 0 4vw; color:#46413C; font-size:5.25vw !important;} #tableware_design .flex_box_wrap .flex_box .title-box .mt > .crimson {font-size:6.8755vw !important;} #tableware_design .flex_box .title-box > strong {margin:0 0 3vw; font-size:5.675vw; line-height:1.6;} #tableware_design .flex_box .title-box > span {font-size:3.875vw;} #tableware_concept_b {padding:20vw 0 0; } #tableware_concept_b .concept_wrap {padding:0 4.5vw; } #tableware_concept_b .concept_wrap > .concept_title > h2 {font-size:7vw; color:#000; } #tableware_concept_b .concept_wrap > .concept_title > p:first-of-type {font-size:3.87555vw; color:#46413C; } #tableware_concept_b .concept_wrap > .concept_title > p {font-size:3.87555vw; margin:0 0 8vw 0;} #tableware_concept_b .concept_wrap > .box {width:58vw; margin:19vw auto 18vw; } #tableware_concept_b .concept_wrap > .concept_title > div {margin:12vw 0 30vw;} #tableware_concept_b .concept_wrap > .concept_title > div svg {width:55vw;} #tableware_madeinjapan {} #tableware_madeinjapan .flex_box_wrap {padding:16vw 0 0;} #tableware_madeinjapan .vermicular--flex--title {flex-flow:column-reverse nowrap; padding:0 4.5vw 4vw !important; } #tableware_madeinjapan .flex_box .padding-box {padding:11vw 4.875vw 0;} #tableware_madeinjapan .flex_box._1 > .left {width:auto; margin:0 4.825vw 0 0; } #tableware_madeinjapan .flex_box._2 {flex-flow:column-reverse nowrap; margin:16vw 0 0;} #tableware_madeinjapan .flex_box._2 > .left {width:auto; margin:0 0 0 4.825vw; } #tableware_madeinjapan .flex_box .title-box {width:auto;} #tableware_madeinjapan .flex_box .title-box > b {font-size:4.875vw;} #tableware_madeinjapan .flex_box .title-box > strong {margin:6vw 0; font-size: 5.7275vw;} #tableware_madeinjapan .flex_box .title-box > span {font-size:3.425vw;} #tableware_madeinjapan .vermicular--hasub--title > strong {margin:14vw 0 7vw;} #tableware_bannerlink {padding:30vw 0 0; } #tableware_bannerlink .bannerlink_wrap {padding:0 4.5vw; } #tableware_bannerlink .bannerlink_wrap > .box {flex-flow:column nowrap; gap:1.5vw; } #tableware_bannerlink .bannerlink_wrap > .box > div {width:auto; height:90.3vw;} #tableware_bannerlink .bannerlink_wrap > .box a {padding:15vw 8vw; height:100% !important; } #tableware_bannerlink .bannerlink_wrap > .box a .link {padding:3vw 0;} #tableware_bannerlink .bannerlink_wrap > .box a .link > span {font-size:5.3vw;} #tableware_bannerlink .bannerlink_wrap > .box a > p {margin:8vw 0; font-size:3.25vw; line-height:1.8; } #tableware_bannerlink .bannerlink_wrap > .box a .link:before {width:10%;} #tableware_bannerlink .bannerlink_wrap > .box2 {width:53vw; padding:28vw 0 14vw; } #tableware_bannerlink .banner_title > span {font-size:2.9vw; } #tableware_bannerlink .banner_title > h2 {margin:3vw 0 12vw; font-size:3.25vw;} #tableware_bannerlink .banner_title > h2:after {top:-30vw;} #tableware_bannerlink .banner_title > h2.active:after {} #tableware_bannerlink .link-wrapper .arr_wrap {width:6.2vw; height:6.2vw;} #tableware_bannerlink .link-wrapper.b .arr_wrap svg {width:2.5vw;} } /********************************************************** 테이블웨어 그리드 CSS **********************************************************/ #grid_gallery_random {overflow:visible; z-index:995;} #grid_gallery_random * {font-family: "Chiron Sung HK", serif;} #grid_gallery_random .grid_gallery_wrapper {display:grid; margin:20px 1.25vw 0; grid-template-columns: repeat(4,1fr); grid-template-rows:25vw 5vw 5vw 18.75vw 5vw 25vw 5vw 25vw 11.25vw 12.5vw 5vw 5vw; gap:1.25vw; padding:0 0 1.25vw; height:101vw;} #grid_gallery_random .grid_gallery_wrapper.open {height:161vw;} #grid_gallery_random .grid_gallery_wrapper > div {position:relative; height:100%; box-sizing: border-box;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big01 {grid-column:1/3; grid-row:1/3;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big02 {grid-column:3/5; grid-row:6/8;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big03 {grid-column:1/3; grid-row:7/9;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big04 {grid-column:2/4; grid-row:9/12; } #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm01 {grid-column:4/5; grid-row:1/2;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm02 {grid-column:1/2; grid-row:3/5;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm03 {grid-row:4/6;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm04 {grid-column:1/2; grid-row:5/7;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm05 {grid-column:2/3; grid-row:6/7;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm06 {grid-column:3/4; grid-row:8/9;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm07 {grid-column:4/5; grid-row:10/13;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--mid04 {grid-column:4/5; grid-row:8/10;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar01 {grid-column:3/4; grid-row:1/4;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar02 {grid-column:2/3; grid-row:3/6;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar03 {grid-column:4/5; grid-row:2/6;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar04 {grid-column:1/2; grid-row:9/13;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big03, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big04, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm06, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm07, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--mid04, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar04 { pointer-events:none; opacity:0; transition:0.4s opacity;} #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--big03, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--big04, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--sm06, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--sm07, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--mid04, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--lar04 { pointer-events:auto; opacity:1; transition:0.4s opacity;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_box {height:inherit;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_box .gallery_pos_img {overflow:hidden; height:inherit; position:relative;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_box .gallery_pos_img img {width:100%; height:100%; transform:unset !important; object-fit:cover; transition:1.5s all; scale:1;} #grid_gallery_random .grid_gallery_wrapper > div:hover .gallery_pos_box .gallery_pos_img > img {scale:1.05; transition:1.5s scale;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt {position:absolute; right:0; bottom:0; padding:1.25vw; max-width:98%; background:#FFF;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt > p {line-height:1.3; font-size:0.9245vw; letter-spacing:-0.4px; font-weight:500;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt > p > span {display:block; padding:7px 0 0; font-size:0.795vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt svg {position:absolute; right:0.25vw; bottom:0.25vw; width:1.25vw; opacity:0.1; transition:0.4s opacity;} #grid_gallery_random .grid_gallery_wrapper > div:hover {cursor:pointer;} #grid_gallery_random .grid_gallery_wrapper > div:hover .gallery_pos_txt svg {opacity:0.5; transition:0.4s opacity;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup {position:absolute; top:0; left:0; z-index:30; width:65.985vw; padding:3.125vw; scale:0; opacity:0; transition:0.4s all; transform-origin: left top;} #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--big02 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--sm01 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--sm03 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--sm06 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--sm07 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--mid04 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--lar03 .gallery_pos_popup, #grid_gallery_random .grid_gallery_wrapper > div.grid--img--scale--lar01 .gallery_pos_popup {left:unset; right:0; transform-origin: right top;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup:hover {cursor:default;} #grid_gallery_random .grid_gallery_wrapper > div.open .gallery_pos_popup {scale:1; opacity:1; background:#FFF; } #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close {position:absolute; right:0; top:0; width:3.375vw; height:3.375vw; cursor:pointer;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close::before, #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 70%; height: 1px; background-color: #46413C; } #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close::after {transform: translate(-50%, -50%) rotate(-45deg);} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .gallery_pos_popup--wrap {display:flex; flex-flow:row nowrap; gap:2vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .gallery_pos_popup--wrap > div {width:50%;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_thumb img {display:block; width:100%;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview {} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_tit {font-size:1.3175vw; line-height:1.5; font-weight:500;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_interview_det {margin:1.25vw 0 1.5vw; font-size:0.875vw; font-weight:300; line-height:1.6; letter-spacing:0.4px;font-family:"Pretendard";} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile {display:flex; align-items:center; flex-flow:row nowrap; gap:1.25vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_img {width:7.5vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_detail {width:calc(100% - 7.5vw);} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_detail .interviewer {display:block; margin:0 0 0.725vw; font-size:0.925vw; font-weight:500;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_detail .interviewer > span {font-size:0.825vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_detail > p {font-weight:300; letter-spacing:0.4px; line-height:1.6;font-size: 0.775vw; font-family:"Pretendard";} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link {margin:1.25vw 0 0; padding:1.25vw 0 0 ; border-top:1px solid rgba(70,65,60,0.3)} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link > strong {display:block; margin:0 0 12px; font-size:0.925vw; font-weight:300;font-family:"Pretendard";} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link > div {display:inline-flex; flex-flow:column nowrap;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a {position:relative; display:inline-flex; align-items:center; gap:5px; margin:0 0 8px; font-weight:300;font-size: 0.765vw;font-family:"Pretendard";} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a:before {content:""; display:block; position:absolute; left:calc(0.525vw + 5px); bottom:-2px; width:0; height:1px; background:#46413C; font-size:0.525vw;transition:0.4s all;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a:hover:before {width:calc(100% - 0.525vw - 5px); transition:0.4s all;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a:after {content:''; display:block; width:1vw; height:1vw; background:url('../img/interview_prd_svg.svg')no-repeat center; background-size:70%; transform:rotate(-45deg); opacity:0.4; transition:0.4s opacity;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a:hover:after {opacity:0.6;transition:0.4s opacity;} #grid_gallery_random .grid-bg {content:''; position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.4;} #grid_gallery_random .is-more-open {width:11vw; margin:0 auto;} #vermicularGoods *, .vermicular--hasub--title *, .vermicular--flex--title * {font-family: "Chiron Sung HK", serif;} .vermicular--hasub--title {text-align:center;} .vermicular--hasub--title > strong {display:block; margin:0 0 2vw; font-size:2.125vw; line-height:1.6; font-weight:500;} .vermicular--hasub--title > span {font-size:0.925vw;line-height:1.6;} .vermicular--hasub--title .vermicular--product--link {display:block; width:12vw; margin:2vw 0 0;} .vermicular--flex--title {display:flex; align-items:flex-start; justify-content:space-between; padding:5.0625vw 14.375vw 5.0625vw 11vw;} .vermicular--flex--title .vermicular--hasub--title {max-width:76%; text-align:left;} .vermicular--subject--title {font-size:0.775vw;} .vermicular--subject--title > strong {display:block; margin:0 0 0.575vw; font-weight:400; color:#BeB9B4; font-style:italic;font-family: "Crimson Pro", serif !important;} .vermicular--product--lineup {position:relative; width:calc(100% - 22vw); margin:0 auto; padding:3.125vw 7.5vw; box-sizing:border-box;} .vermicular--product--lineup > .swiper-wrapper {} .vermicular--product--lineup > .swiper-wrapper > ul {display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; background:#FFF;} .vermicular--product--lineup > .swiper-wrapper > ul > li {position:relative; width:20%;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-image {padding:0 20px;scale:1; transition:0.6s scale;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-hover--arrow {display:flex; align-items:center; justify-content:center;position:absolute; left:50%; top:5vw; z-index:5;width:1.125vw; height:1.125vw; transform:translateX(-50%) rotate(-45deg); background:rgba(236, 236, 237, 0.7); border-radius:100%;opacity:0; transition:0.6s opacity;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-hover--arrow > svg {width:0.53125vw; height:0.53125vw;} .vermicular--product--lineup > .swiper-wrapper > ul > li:hover .v-pl-image {scale:0.9; transition:0.6s scale;} .vermicular--product--lineup > .swiper-wrapper > ul > li:hover .v-pl-hover--arrow {opacity:1; transition:0.6s opacity;} .vermicular--product--lineup > .swiper-wrapper > ul > li:hover > a:after {content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; background:#FFF; opacity:0.5;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-name {display:block; padding:0.875vw 0 0; font-size:1vw; font-weight:500; text-align:center;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-price {display:block; padding:0.3125vw 0 0; font-size:0.9375vw;text-align:center;} .vermicular--product--lineup .swiper-button-prev, .vermicular--product--lineup .swiper-button-next {top:42% !important; width:3.875vw; height:3.875vw; border:1px solid #46413C; border-radius:100%;} .vermicular--product--lineup .swiper-button-prev svg, .vermicular--product--lineup .swiper-button-next svg {width:6px; fill:#46413C;} .vermicular--product--lineup .swiper-pagination {margin:40px 0 0; position:unset;} .vermicular--product--lineup .swiper-pagination .swiper-pagination-bullet-active {background:#46413C;} .vermicular--product--link {display:flex; align-items:center; justify-content:center; width:calc(100% - 22vw); gap:5vw; margin:0 auto;} .vermicular--product--link > a {position:relative;} .vermicular--product--link > a > div {display:flex; align-items:center; justify-content:space-between; width:12vw; padding:0.875vw 0; border-bottom:1px solid rgba(0,0,0,0.2);} .vermicular--product--link > a:after {content:''; position:absolute; left:0; bottom:0; display:block; width:2rem; height:1px;background:#46413C;transition:0.4s all;} .vermicular--product--link > a:hover:after {width:100%; transition:0.4s all;} .v-p-link--arrow {display:flex; align-items:center; justify-content:center;width:1.125vw; height:1.125vw; background:#FFF; border:1px solid #ddd; border-radius:100%;} .v-p-link--arrow > svg {fill:#ddd; width:0.53125vw; height:0.53125vw;} .blank .v-p-link--arrow { transform:rotate(-45deg);} a:hover .v-p-link--arrow {background:#46413C; transition:0.4s all; border-color:#46413C;} a:hover .v-p-link--arrow > svg {fill:#FFF; transition:0.4s all;} #tableware_spec {width:calc(100% - 22vw); margin:0 auto;} #tableware_spec * {font-family: "Chiron Sung HK", serif;} #tableware_spec .center-title {padding:0;} #tableware_spec .center-title > p {margin:4vw 0 0;font-size:0.875vw;} #tableware_spec .center-title > span {font-family: "Crimson Pro", serif !important; font-style:italic;} .v--spec--color {margin:0 0 6.25vw;} .v--spec--color .v--spec--title {display:inline-block; padding:0 0 0.625vw; font-size:0.875vw; border-bottom:1px solid #BEB9B4;} .v--spec--color .v--spec--title > span {color:#BEB9B4; font-style:italic; font-family: "Crimson Pro", serif !important; } .v--spec--color > ul {display:flex;margin:2.5vw 0 0;} .v--spec--color > ul > li {display:flex; align-items:center; flex-flow:row nowrap; gap:1vw; width:25%;} .v--spec--color > ul > li .v-spec--color--sample {overflow:hidden; width:23%; border-radius:100%;} .v--spec--color > ul > li .v-spec--color--sample img {width:100%; height:100%;} .v--spec--color > ul > li .v-spec--color--detail {width:56%;} .v--spec--color > ul > li .v-spec--color--detail strong {display:block; padding:0 0 0.25vw; font-size:1.025vw; font-weight:500;} .v--spec--color > ul > li .v-spec--color--detail span {font-size:0.795vw;} .v--spec--table {display:flex; flex-flow:row nowrap; gap:4vw; margin:0 0 8vw;} .v--spec--table--title {margin:0 0 2.5vw; border-bottom:1px solid #beb9b4;} .v--spec--table--title > span {display:block; color:#BEB9B4; font-size:0.875vw;font-family: "Crimson Pro", serif !important; font-style:italic;} .v--spec--table--title > strong {font-size:1.2875vw; line-height:3; font-weight:500;} .v--spec--table--list {display:flex; flex-flow:row nowrap;gap:4vw;} .v--spec--table--list .table-title {font-weight:500;} .v--spec--table--list .table-img img {width:80%; margin:0 auto;} .v--spec--table--list table {width:100%; border-spacing:0;} .v--spec--table--list table th { padding:1.1125vw 0; text-align:center; font-size:1vw; background:#ececed; border:1px solid #dedede;} .v--spec--table--list table td { padding:1.1125vw 0; text-align:center; border:1px solid #eceeef; font-size:1vw;} /* .v--spec--table--list table th:first-child, .v--spec--table--list table td:first-child {border-left:0;} .v--spec--table--list table th:last-child, .v--spec--table--list table td:last-child {border-right:0;} */ .v--spec--table.t1 > .v--spec--table_1 {width:65.222%;} .v--spec--table.t2 > .v--spec--table_1 {width:63%;} .v--spec--table.t1 > .v--spec--table_1 .v--spec--table--list, .v--spec--table.t2 > .v--spec--table_1 .v--spec--table--list{display:flex; flex-flow:row nowrap;gap:4vw;} .v--spec--table.t1 > .v--spec--table_2 {width:30%;} .v--spec--table.t2 > .v--spec--table_2 {width:33%;} .v--spec--table.t2 > .v--spec--table_2 table {margin-top:-0.375vw;} .v--spec--table.t5 .v--spec--table--list > div {max-width:29.87111%;} #tableware_spec .spec_wrap > .box {width: 14vw; margin: 0 auto 8.9375vw; padding-top: 4.9375vw;} @media screen and (max-width:750px){ #vermicularGoods {padding:8.1875rem 0 0;} .vermicular--hasub--title > strong {margin:0 0 6vw; font-size:4.725vw;} .vermicular--hasub--title > span {font-size:2.925vw;} .vermicular--product--lineup {overflow:hidden; width:auto; padding:0 11vw;} .vermicular--product--lineup > .swiper-wrapper > ul {flex-flow:row wrap; } .vermicular--product--lineup > .swiper-wrapper > ul > li {width:50%;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-image {padding:0;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-name {font-size:3.875vw;} .vermicular--product--lineup > .swiper-wrapper > ul > li .v-pl-price {font-size:3.875vw;} #vermicularGoods .vermicular--hasub--title {margin:0 0 8vw;} .vermicular--product--lineup .swiper-button-prev {left:14px !important;} .vermicular--product--lineup .swiper-button-next {right:14px !important;} .vermicular--product--lineup .swiper-button-prev, .vermicular--product--lineup .swiper-button-next {top:53% !important; width:9.875vw; height:9.875vw;} .vermicular--product--link {flex-flow:column nowrap; justify-content:center; width:auto; margin:15vw 0;} .vermicular--product--link > a {} .vermicular--product--link > a > div {width:41.8725vw; margin:0 auto;} .vermicular--product--link .v-p-link--arrow {width:5.125vw; height:5.125vw;} .vermicular--product--link .v-p-link--arrow svg {width:2.53125vw; height:2.53125vw;} .vermicular--product--link > a > div {padding:2.875vw 0;} .vermicular--product--link > a > div > span {font-size:3.875vw;} .vermicular--flex--title {padding:0 4vw !important;} #tableware_concept--title .vermicular--flex--title {flex-flow:column-reverse wrap;} #tableware_concept--title .vermicular--product--link > a > div {width:29.8725vw;} .vermicular--subject--title {font-size:2.9111vw;} .vermicular--flex--title .vermicular--hasub--title {max-width:unset;} .vermicular--hasub--title > strong {margin:14vw 0 14vw; font-size:6.525vw; line-height:1.6;} .vermicular--hasub--title > span {font-size:3.625vw;} .vermicular--hasub--title .vermicular--product--link {margin:8vw 0 11vw;} #tableware_design .vermicular--flex--title {flex-flow:column nowrap;} #grid_gallery_random {padding:9.875rem 0 0; } #grid_gallery_random .vermicular--flex--title {flex-flow:column-reverse nowrap; } #grid_gallery_random .grid_gallery_wrapper {grid-template-columns: repeat(2, 1fr); grid-template-rows: 78.411vw 45.42275vw; gap: 2.75vw; width: calc(100% - 8.5vw); margin:12vw auto 0; height:352vw;} #grid_gallery_random .grid_gallery_wrapper > div {opacity:1 !important; pointer-events:auto !important;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big01 {grid-row:unset; } #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big02 {grid-row:6 / 7; grid-column: 1 / 3;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big03 {grid-row:11 / 12; grid-column: 1 / 3;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big04 {grid-row:16/17; grid-column: 1 / 3;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm01 {grid-column : 1 / 2; grid-row: 2 / 4;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm02 {grid-column : 2 / 3; grid-row: 2 / 4;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm03 {grid-column : 1 / 2; grid-row: 4 / 6;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm04 {grid-column : 2 / 3; grid-row: 4 / 6;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm05 {grid-column : 1 / 2; grid-row: 7 / 9;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm06 {grid-column : 2 / 3; grid-row: 7 / 9;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm07 {grid-column : 1 / 2; grid-row: 9 / 11;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--mid04 {grid-column : 2 / 3; grid-row: 9 / 11;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar01 {grid-column : 1 / 2; grid-row: 12 / 14;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar02 {grid-column : 2 / 3; grid-row: 12 / 14;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar03 {grid-column : 1 / 2; grid-row: 14 / 16;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar04 {grid-column : 2 / 3; grid-row: 14 / 16;} #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big03, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--big04, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm05, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm06, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--sm07, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--mid04, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar01, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar02, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar03, #grid_gallery_random .grid_gallery_wrapper > .grid--img--scale--lar04 {opacity:0 !important; pointer-events:none !important;} #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--big03, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--big04, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--sm05, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--sm06, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--sm07, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--mid04, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--lar01, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--lar02, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--lar03, #grid_gallery_random .grid_gallery_wrapper.open > .grid--img--scale--lar04 {opacity:1 !important; pointer-events:auto !important;} #grid_gallery_random .grid_gallery_wrapper.open {height:auto;} #grid_gallery_random .is-more-open {width:38vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_box {height:auto;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_box .gallery_pos_img {height:auto;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt {position:relative; right:unset; bottom:unset; max-width:unset; padding:3.25vw 0;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt > p {font-size:3.475vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt > p > span {width:85%; font-size:2.795vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup {position:fixed; left:50% !important; top:54% !important; right:unset !important; transform-origin: center !important; z-index:9999; width:calc(100% - 8.5vw); height:70vh; padding:10vw 4.25vw 4.25vw; overflow-y:scroll; transform:translate(-50%,-50%); box-sizing:border-box;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .gallery_pos_popup--wrap {flex-flow:column-reverse nowrap; gap:6vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .gallery_pos_popup--wrap > div {width:auto;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close {position:fixed; left:0; right:0; top:0; width:auto; height:10vw; background:#FFF;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close:before, #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close:after{left:unset; top:50%; transform:translate(0,-50%) rotate(45deg); right:3.475vw;width:7.75vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_close:after { transform:translate(0,-50%) rotate(-45deg);} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_txt svg {position:absolute; right:0; bottom:3vw; width:4.75vw; opacity:0.1; transition:0.4s opacity;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_tit {font-size:4.625vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_interview_det {font-size:3.215vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile {flex-flow:column nowrap; padding:8vw 0 0;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_img {display:flex; align-items:center; justify-content:flex-start; gap:4vw; width:100%;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_img img {width:24.375vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_img strong {font-weight:500; font-size:3.215vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_img strong span {display:block;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_detail { width:auto; margin:4vw 0 2vw ;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link {margin:4vw 0 0; padding:6vw 0 0 ;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link > strong {font-size:3.215vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_interview .g_popup_profile .g_popup_profile_detail > p {font-size:3.215vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a:after {width:3vw; height:2vw;} #grid_gallery_random .grid_gallery_wrapper > div .gallery_pos_popup .g_popup_link a {font-size:3.215vw;} #tableware_spec {width:calc(100% - 8.5vw); padding:24vw 0 0;} #tableware_spec .center-title.SS span{font-size: 2.89855vw;line-height: 0.8; letter-spacing: 1px; } #tableware_spec .center-title.SS h2 {margin-top: 7.725vw; font-size: 4.35vw; line-height: 1.54; letter-spacing: .2vw;} #tableware_spec .center-title > p {margin:10vw 0 0; font-size: 3.7725vw; text-align:left; line-height:1.6;} .v--spec--color {margin:24vw 0 0;} .v--spec--color .v--spec--title {padding:0 0 3.725vw; margin:0 0 4.25vw;} .v--spec--color .v--spec--title > span {font-size:3.425vw; font-weight:300;} .v--spec--color > ul {flex-flow:column nowrap; gap:4.25vw;} .v--spec--color > ul > li {width:auto; gap:3.275vw;} .v--spec--color > ul > li .v-spec--color--sample {min-width:18.33333%;width:18.33333%;} .v--spec--color > ul > li .v-spec--color--detail {width:auto;} .v--spec--color > ul > li .v-spec--color--detail strong {font-size:4.125vw;} .v--spec--color > ul > li .v-spec--color--detail span {font-size:3.275vw;} .v--spec--table {flex-flow:column nowrap; margin:30vw 0 0;gap:24vw !important;} .v--spec--table > div {width:auto !important;} .v--spec--table .v--spec--table--list {flex-flow:column nowrap !important; gap:24vw !important;} .v--spec--table--title {margin:0 0 16vw;} .v--spec--table--title > span {font-size:3.2275vw; font-weight:300;} .v--spec--table--title > strong {font-size:4.125vw;} .v--spec--table--list .table-img img {margin:-4.25vw auto 0;} .v--spec--table--list table th,.v--spec--table--list table td {padding:4.25vw 0; font-size:3.575vw;} .v--spec--table.t5 .v--spec--table--list > div {max-width:unset;} #tableware_spec .spec_wrap > .box {width:64vw; margin:44vw auto 8.9375vw; padding-top:4.9375vw;} }