@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}


.is_moved [data-txt-motion="hidden"] > span,
.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * Site custom
 * **************************************** */

/* common */
#main {background: #f4f4f4;}
.main-title {text-align: center;}
.main-title em {display: block; margin-bottom: 40rem; font-size: 24rem; color: var(--c-01);}
.main-title h2 {line-height: 1.35; letter-spacing: -2rem; font-family: var(--lang-ko2); font-size: 65rem; font-weight: 400; color: var(--b-01);}
.main-title h2 strong {font-weight: 400; color: var(--c-01);}
.main-title p {font-size: 20rem; font-weight: 300; color: var(--g-01);}
.main-title h2 + p {margin-top: 20rem;}
.main-title.v2 h2 {font-size: 45rem;}
.main-title.white h2 {color: var(--f-01);}
.main-title.white p {opacity: .5; color: var(--f-01);}
.btn-wrap {margin-top: 70rem;}

@media all and (max-width:1023px){
	.main-title em {font-size: 20rem;}
	.main-title h2 {font-size: 50rem;}
	.main-title p {font-size: 18rem;}
	.btn-wrap {margin-top: 60rem;}
}

@media (max-width:860px){
	.main-title em {font-size: 20rem;}
	.main-title h2 {font-size: 50rem;}
	.main-title p {font-size: 18rem;}
	.btn-wrap {margin-top: 60rem;}
}

@media (max-width:540px){
	.main-title em {margin-bottom: 25rem; font-size: 14rem;}
	.main-title h2 {font-size: 26rem;}
	.main-title p {font-size: 14rem;}
	.main-title.v2 h2 {font-size: 24rem;} 
	.btn-wrap {margin-top: 30rem;}
}


/* main visual */
.main-visual{overflow: hidden; position: relative; height:var(--height-full);}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap{width:100%;}
.main-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/layout/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 10rem;}
.main-visual__btn i {display: none;}
.main-visual__btn.button-prev::after{transform: scaleX(-1);}

.main-visual__controls{position:relative; display: inline-flex; margin-bottom: 25rem;}
.main-visual__controls > div{display:flex;align-items:center;justify-content: center;}
.main-visual__count{display:inline-flex; align-items:center; margin:0 15rem; font-family: var(--lang-ko); font-size:16rem; font-weight: 600; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative;}
.main-visual__count i::after{opacity: .3; content:"/"; display:block; margin:0 10rem; }
.main-visual__count em {opacity: .3;}

.main-visual__text{position:absolute; bottom:200rem; width:100%; text-align:right; color:#fff;}
.main-visual__text h2{overflow:hidden; line-height: 1.35; font-family: var(--lang-ko2); font-weight: 300; font-size:72rem; letter-spacing: -2rem;}

.main-visusal__words {z-index: 1; overflow: hidden; position: absolute; left: 0; bottom: -3vw; width: 100%; line-height: 1; font-weight: 400; font-size: 10.16vw; white-space: nowrap; text-align: center; color: var(--f-01); letter-spacing: -2rem; text-transform: uppercase;}

@media all and (max-width:1023px){
	.main-visual__text {bottom: 130rem;}
	.main-visual__text h2 {font-size: 55rem;}
}

@media (max-width:860px){
	.main-visual {height: 800rem;}
	.main-visual__text {bottom: 115rem;}
	.main-visual__text h2 {font-size: 50rem;}
}

@media all and (max-width:540px){
	.main-visual {height: 550rem;}
	.main-visusal__words {bottom: -7vw; font-size: 30vw; padding-left: 3vw;}
	.main-visual__text {top: 50%; bottom: auto; text-align: center; transform: translateY(-50%);}
	.main-visual__text h2 {font-size: 30rem; letter-spacing: -1px;}
	.main-visual__text br {display: none;}
	.main-visual__controls {position: relative; bottom: 15rem; margin-bottom: 0;}
	.main-visual__count {font-size: 14rem;}
	.main-visual__btn::after {background-size: 8rem;}
	.main-visual__count i::after {margin: 0 7rem;}
}

/* main-about */
.main-about {position: relative;}
.main-about::before {position: absolute; right:50%; top: 0; content:''; width: 1px; height: 100%; background: #ddd;}
.main-about__words {position: relative; display: flex; justify-content: space-between; padding: 50rem 0 20rem; text-transform: uppercase; background: #f4f4f4;}
.main-about__words::before {position: absolute; left:0; top:50%; content:''; width: 100%; height: 1px; margin-top: 14rem; background: #ddd;}
.main-about__words li {position: relative; line-height: 1; font-size: 20rem; color: var(--g-02); background: #f4f4f4;}
.main-about__words li:first-child {padding-right: 50rem;}
.main-about__words li:nth-child(2) {position: absolute; left: 50%; padding: 0 50rem; color: var(--c-01); transform: translate(-50%, 0);}
.main-about__words li:last-child {padding-left: 50rem;}

.main-about .main-title {position: absolute; top: 0; width: 100%; height: 100%; padding-top: 500rem;}
.main-about .main-title p {margin-bottom: 25rem; font-size: 27rem;}
.main-about .main-title__inr {position: sticky; top: 50%; padding: 100rem 0; transform: translateY(-50%); background: #f4f4f4;}

.main-about__img {display: flex; flex-direction: column; padding-top: 130rem;}
.main-about__img > div {position: relative;}
.main-about__img > div img {max-width: 100%; border-radius: 80rem;}
.main-about__img > div:nth-child(1) {width: 243rem; margin-left: auto; margin-right: 105rem;}
.main-about__img > div:nth-child(2) {width: 383rem; margin-top: -160rem;}
.main-about__img > div:nth-child(3) {margin: -160rem auto 0;}
.main-about__img > div:nth-child(3) img:nth-child(1) {width: 550rem;}
.main-about__img > div:nth-child(3) img:nth-child(2) {position: absolute; left: -130rem; bottom: -100rem; width: 260rem;} 
.main-about__img > div:nth-child(4) {width: 250rem; margin-top: 155rem; margin-left: 80rem;}
.main-about__img > div:nth-child(5) {width: 366rem; margin-left: auto; margin-top: -120rem;}
.main-about__img > div:nth-child(5) img {transform: translateY(-50%);}

@media all and (max-width:1600px){
	.main-about .main-title {padding-top: 450rem;}
	.main-about .main-title__inr {padding: 70rem 0;}
	.main-about__img > div:nth-child(1) {width: 210rem; margin-right: 80rem;}
	.main-about__img > div:nth-child(2) {margin-top: -100rem; width: 300rem;}
	.main-about__img > div:nth-child(3) {margin: -60rem auto 0;}
	.main-about__img > div:nth-child(3) img:nth-child(1) {width: 470rem;}
	.main-about__img > div:nth-child(3) img:nth-child(2) {width: 230rem;}
	.main-about__img > div:nth-child(4) {width: 210rem; margin-left: 0; margin-top: 160rem;}
	.main-about__img > div:nth-child(5) {width: 300rem;}
}

@media all and (max-width:1023px){
	.main-about__words li {font-size: 18rem;}
	.main-about .main-title {z-index: 1; padding-top: 400rem;}
	.main-about .main-title p {font-size: 22rem;}
	.main-about .main-title__inr {padding: 0; background:transparent;}
	.main-about .main-title__inr::before {position: absolute; left: 50%; top: 50%; content:''; width: 10rem; height: calc(100% + 150rem); background: #f4f4f4; transform: translate(-50%, -50%);}
	.main-about__img {padding-top: 85rem;}
	.main-about__img > div img {border-radius: 60rem;}
	.main-about__img > div:nth-child(1) {width: 160rem; margin-right: 0;}
	.main-about__img > div:nth-child(2) {opacity: .3; width: 200rem;}
	.main-about__img > div:nth-child(3) {z-index: 1; margin: 30rem auto 0;}
	.main-about__img > div:nth-child(3) img:nth-child(1) {width: 360rem;}
	.main-about__img > div:nth-child(3) img:nth-child(2) {left: -100rem; bottom: -60rem; width: 160rem;}
	.main-about__img > div:nth-child(4) {width: 130rem; margin-top: 130rem;}
	.main-about__img > div:nth-child(5) {opacity: .3; width: 230rem; margin-top: -90rem;}
}

@media all and (max-width:540px){
	.main-about__words {padding: 30rem 0 10rem;}
	.main-about__words::before {margin-top: 10rem;}
	.main-about__words li {font-size: 12rem; white-space: nowrap;}
	.main-about__words li:first-child {padding-right: 10rem;}
	.main-about__words li:nth-child(2) {padding: 0 10rem;}
	.main-about__words li:nth-child(3) {padding-left: 10rem;}
	.main-about .main-title {padding-top: 300rem;}

	.main-about .main-title p {margin-bottom: 10rem; font-size: 16rem;}
	.main-about .main-title__inr::before {height: calc(100% + 108rem);}
	.main-about__img {padding-top: 40rem;}
	.main-about__img > div {opacity: .2;}
	.main-about__img > div:nth-child(1) {opacity: .2; width: 80rem;}
	.main-about__img > div:nth-child(2) {opacity: .2; width: 100rem; margin-top: -40rem;}
	.main-about__img > div:nth-child(3) {opacity: 1; margin: 90rem auto 0;}
	.main-about__img > div:nth-child(3) img:nth-child(1) {width: 185rem; border-radius: 185rem;}
	.main-about__img > div:nth-child(3) img:nth-child(2) {left: -30rem; bottom: -10rem; width: 80rem;}
	.main-about__img > div:nth-child(4) {opacity: .2; width: 70rem; margin-top: 100rem;}
	.main-about__img > div:nth-child(5) {width: 110rem;}
}

/* main-vision */
.main-vision__list {gap: 0; text-align: center; border: solid #ddd; border-width: 1px 0 1px 0;}
.main-vision__list li {position: relative; padding: 40rem 0; font-size: 24rem; font-weight: 500; color: var(--b-01);}
.main-vision__list li:not(:last-child) {border-right: 1px solid #ddd;}
.main-vision__list em {display: block; font-size: 24rem; color: var(--g-02);}
.main-vision__list i {position: relative; display: flex; align-items: center; justify-content: center; width: 360rem; height: 360rem; margin: 30rem auto 50rem;}
.main-vision__list i::before {opacity: 0; visibility: hidden; position: absolute; content: ''; width: 100%; aspect-ratio: 1/1; border-radius: 100%; background: radial-gradient(50% 50% at 50% 50%, #1F7BB7 23.5%, #F4F4F4 100%); filter: blur(25px); transform-origin: 50% 50%; transform: scale(0); transition: var(--trans-01);}
.main-vision__list li:hover i::before {opacity: 1; visibility: visible; transform: scale(1);}
.main-vision__list i svg {position: relative;}
.main-vision__list li:nth-child(1) .item {stroke-dasharray: 500; stroke-dashoffset: 500;}
.main-vision__list li:nth-child(2) .item {stroke-dasharray: 800; stroke-dashoffset: 800;}
.main-vision__list li:nth-child(3) .item {stroke-dasharray: 500; stroke-dashoffset: 500;}
.main-vision__list li:nth-child(4) .item {stroke-dasharray: 300; stroke-dashoffset: 300;}
.main-vision__list .item01 {stroke: #ccc;}
.main-vision__list .item02 {stroke: var(--c-01);}
.main-vision__list li.is_moved .item {animation: offset 1.5s ease-in forwards; transition: var(--trans-01);}
.main-vision__list li:hover .item01 { stroke: rgba(255, 255, 255, .5);}
.main-vision__list li:hover .item02 { stroke: var(--f-01);} 
.main-vision__title {overflow: hidden;}
.main-vision__title .main-title {width: 50%; margin: 0 auto; padding: 160rem 20rem; border: solid #ddd; border-width: 0 1px 0 1px;}

@media all and (max-width:1023px){
	.main-vision__list {grid-template-columns: repeat(4, 1fr);}
	.main-vision__list li {padding: 30rem; font-size: 20rem;}
	.main-vision__list i {width: 100%; height: auto; aspect-ratio: 1/1; margin: 30rem auto;}
	.main-vision__list i svg {max-width: 80%; height: 80%;}
	.main-vision__list em {font-size: 18rem;}
	.main-vision__title .main-title {width: 100%; padding: 120rem 20rem; border: none;}
}

@media all and (max-width:540px){
	.main-vision__list {grid-template-columns: repeat(2, 1fr);}
	.main-vision__list li {padding: 20rem; font-size: 14rem;}
	.main-vision__list li:nth-child(3), .main-vision__list li:nth-child(4) {border-top: 1px solid #ddd;}
 	.main-vision__list em {font-size: 14rem;}
	.main-vision__list i {width: 80%; margin:10rem auto;}
	.main-vision__list i svg {max-width: 70%; height: 70%;}

	.main-vision__title .main-title {padding: 70rem 20rem;}
}

/* main-product */
.main-product {z-index: 1; padding: 180rem 0; background: url(../img/main/product-bg.jpg) no-repeat center / cover;}
.main-product .main-title h2 + p {margin-top: 12rem;}
.main-product__slider {position: relative; margin-top: 80rem;}
.main-product__slider .swiper-slide {background: transparent;}
.main-product__slider .swiper-slide a {width: 100%; text-align: center; color: var(--f-01); background: none;}
.main-product__slider .product-slider__img {overflow: hidden; height: 400rem; margin-bottom: 35rem; border-radius: 80rem;}
.main-product__slider .product-slider__img:not(:has(img)) {background: #f6f6f6 url(../img/layout/logo_g.svg) no-repeat center / 200rem;}
.main-product__slider .product-slider__img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-01);} 
.main-product__slider .swiper-slide a:hover .product-slider__img img {transform: scale(1.1);}
.main-product__slider .swiper-slide p {opacity: .3; font-family: var(--lang-ko); font-weight: 500;}
.main-product__slider .swiper-slide h4 {font-size: 62rem; font-weight: 400;}
.main-product__slider .swiper-pagination {display: none;}
.main-product__slider .colum-slider__btn {z-index: 1; position: absolute; top: 200rem; width: 75rem; height: 75rem; font-size: 0; border-radius: 100%; border: 1px solid #fff; background: url(../img/layout/ic-more_w.svg) no-repeat center / 25rem; cursor: pointer;}
.main-product__slider .colum-slider__btn.swiper-button-disabled {opacity: .3;}
.main-product__slider .button-prev {left: -50rem; transform: translate(-100%, -50%) scaleX(-1);}
.main-product__slider .button-next {right: -50rem; transform: translate(100%, -50%);}

@media all and (max-width:1600px){
	.main-product__slider {padding: 0 120rem;}
	.main-product__slider .colum-slider__btn {top: 175rem;}
	.main-product__slider .button-prev {left: 0; transform: translate(0, -50%) scaleX(-1);}
	.main-product__slider .button-next {right: 0; transform: translate(0, -50%);}
	.main-product__slider .product-slider__img {height: 350rem;}
}

@media all and (max-width:1023px){
	.main-product {padding: 150rem 0;}
	.main-product__slider {padding: 0;}
	.main-product__slider .swiper-slide h4 {font-size: 50rem;}
	.main-product__slider .colum-slider__btn {display: none;}
	.main-product__slider .product-slider__img {border-radius: 60rem;}
	.main-product__slider .swiper-pagination {position: relative; display: block; margin: 50rem auto 0;}
	.main-product__slider .swiper-pagination-bullet {opacity: 1; width: 12rem; height: 12rem; margin: 0 5rem; border-radius: 100%; background: none; border: 1px solid var(--f-01);}
	.main-product__slider .swiper-pagination-bullet-active {background: var(--f-01);}
}

@media (max-width:540px){
	.main-product {padding: 80rem 0;}
	.main-product__slider {margin-top: 40rem;}
	.main-product__slider .product-slider__img {height: 280rem; margin-bottom: 20rem;}
	.main-product__slider .swiper-slide p {margin-bottom: 3rem;}
	.main-product__slider .swiper-slide h4 {font-size: 32rem;}
	.main-product__slider .swiper-pagination {margin: 30rem auto 0;}
	.main-product__slider .swiper-pagination-bullet {width: 10rem; height: 10rem;}
	.main-product__slider .product-slider__img:not(:has(img)) {background-size: 150rem;}
}

/* main-tech */
.main-tech {overflow-x: hidden;}
.main-tech__inr {display: flex;}
.main-tech__inr > div {width: 50%;}
.main-tech__img {width: 100%;}
.main-tech__img img {width: 100%; height: 100%; object-fit: cover;}
.main-tech__text {padding: 170rem 185rem; text-align: center; background:#F3F5F6 url(../img/layout/bg-noise.png) repeat;}
.main-tech__text .main-title {margin-bottom: 35rem;}
.main-tech__thumb {overflow: hidden; width: 100%; margin-bottom: 45rem; border-radius: 80rem;}
.main-tech__thumb img {width: 100%;}
.main-tech__text p {font-family: var(--lang-ko); font-size: 20rem; color: var(--g-02);}
.main-tech__text p strong {font-weight: 700; color: var(--b-02);}

@media all and (max-width:1023px){
	.main-tech__inr > div {width: 100%;}
	.main-tech__text {padding: 150rem 40rem;}
	.main-tech__text p {width: 60%; margin: 0 auto;}
	.main-tech__img {display: none;}
	.main-tech__thumb {width: 60%; margin: 50rem auto; border-radius: 60rem;}
}

@media (max-width:540px){
	.main-tech__text {padding: 80rem 20rem;}
	.main-tech__text .main-title {margin-bottom: 0;}
	.main-tech__thumb {width: 100%; margin: 30rem auto;}
	.main-tech__text p {width: 100%; font-size: 14rem;}
}

/* main-board */
.main-board {position: relative; padding: 225rem 0 350rem; background: var(--f-01);}
.main-board .main-title {text-align: left;}
.main-board .main-title em {margin-bottom: 25rem;}
.main-board .btn-wrap {text-align: center;}
.main-board .gallery-list {min-height: 550rem;}
.main-board .gallery-list:has(.empty_li) {min-height: auto;}
.main-board .gallery-list li {position: relative; border-color: #efefef;}
.main-board .gallery-list li:first-child {border-top: 1px solid #efefef;}
.main-board .gallery-list li a {display: block; margin: 0; padding: 50rem 0; color: var(--g-03); font-family: var(--lang-ko); font-size: 17rem;}
.main-board .gallery-list__img {opacity: 0; visibility: hidden; overflow: hidden; position: fixed; left: 50%; top: 0; width: 450rem; min-width: auto; height: 620rem; margin-left: -70rem; border-radius: 80rem; box-shadow: 20rem 20rem 35rem rgba(0, 0, 0, .12); transition: var(--trans-01);}
.main-board .gallery-list__img:has(img)::after {opacity: .2; position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background: var(--f-01);}
.main-board .gallery-list__img:not(:has(img)) {background:#f1f1f1;}
.main-board .gallery-list__img:not(:has(img))::after {filter: grayscale(1); opacity: .2; position: absolute; left: 50%; top: 50%; content:''; width: 187rem; height: 70rem; background: url(../img/layout/logo.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.main-board .gallery-list__img img {width: 100%; height: 100%; object-fit: cover;}
.main-board .gallery-list li:nth-child(1) .gallery-list__img {top: -80rem;}
.main-board .gallery-list li:nth-child(2) .gallery-list__img {top: -205rem;}
.main-board .gallery-list li:nth-child(3) .gallery-list__img {top: -330rem;}
.main-board .gallery-list li:nth-child(4) .gallery-list__img {top: -455rem;}
.main-board .gallery-list li:nth-child(5) .gallery-list__img {top: -580rem;}
.main-board .gallery-list__title {display: flex; align-items: center; justify-content: space-between; margin-left: 0; padding-top: 0;}
.main-board .gallery-list__title strong {overflow: hidden; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 60%; text-overflow: ellipsis; font-weight: 500; font-size: 22rem; transition: var(--trans-01);}
.main-board .gallery-list__title strong::before {opacity: 0; visibility: hidden; position: absolute; left:0; top: 50%; content:''; width: 25rem; height: 7rem; background: url(../img/main/ic-dot.svg) no-repeat center / contain; transform: translateY(-50%);}
.main-board .gallery-list__title em {margin-left: auto; min-width: 40rem; text-align: center;}
.main-board .gallery-list__title .sv_member {font-weight: 400; color: var(--g-03);}
.main-board .gallery-list__title i {position: relative; bottom: auto; margin-left: 100rem; color: var(--g-03); font-weight: 400;}
.main-board .gallery-list li:has(a:hover) {z-index: 11;}
.main-board .gallery-list li a:hover .gallery-list__title strong {padding-left: 45rem; color: var(--b-01); font-size: 27rem;}
.main-board .gallery-list li a:hover .gallery-list__title strong::before {opacity: 1; visibility: visible;}
.main-board .gallery-list li a:hover .gallery-list__title .sv_member,
.main-board .gallery-list li a:hover .gallery-list__title i {color: var(--b-01);}
.main-board .gallery-list li a:hover .gallery-list__img {opacity: 1; visibility: visible;}
.main-board .gallery-list li.empty_li {text-align: center; padding: 150rem 0; color: var(--g-02);}

@media all and (max-width:1023px){
	.main-board {padding: 150rem 0 250rem;}
	.main-board .gallery-list__title i {margin-left: 50rem;}
	.main-board .gallery-list__title strong {font-size: 20rem;}
	.main-board .gallery-list li a:hover .gallery-list__title strong {padding-left: 40rem; font-size: 24rem;}
	.main-board .gallery-list__img {left: 43%; width: 350rem; min-width: auto; height: 470rem; border-radius: 60rem;}
	.main-board .gallery-list li:nth-child(3) .gallery-list__img {top: 50%; transform: translateY(-50%);}
	.main-board .gallery-list li:nth-child(4) .gallery-list__img {top: -215rem;}
	.main-board .gallery-list li:nth-child(5) .gallery-list__img {top: auto; bottom: 0;}
}

@media (max-width:860px){
	.main-board .gallery-list__img {width: 250rem; height: 350rem;}
	.main-board .gallery-list__img:not(:has(img))::after {width: 150rem; height: 40rem; }
}
@media (max-width:540px){
	.main-board {padding: 80rem 0 150rem;}
	.main-board .gallery-list {min-height: auto;}
	.main-board .gallery-list li a {padding: 25rem 0; font-size: 13rem;}
	.main-board .gallery-list__title strong {width: 70%; font-size: 14rem;}
	.main-board .gallery-list__title em {display: none;}
	.main-board .gallery-list__title i {margin-left: 0; font-size: 13rem;}
	.main-board .gallery-list__img {display: none; width: 150rem; height: 220rem; border-radius: 30rem;}
	.main-board .gallery-list li a:hover .gallery-list__title strong {font-size: 16rem; padding-left: 22rem;}
	.main-board .gallery-list__title strong::before {width: 15rem; height: 5rem;}

	.main-board .gallery-list li.empty_li {padding: 100rem 0;}
}