@charset "utf-8";

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

/* **************************************** *
 * 사이트 시작시 커버
 * **************************************** */
main{background-color: #F2F6FD;background-color: #04050c;}
.main-cover{position:fixed; opacity:1; visibility:visible; top:0; left:0; z-index:999; width:100%; height:100%; background:#121212; transition:all 1.2s ease 0s;}
.motion-on .main-cover{opacity:0; visibility:hidden;}

#footer{border-top: 1px solid var(--br-01);}
#footer .wrap-wide{border-left: 1px solid var(--br-01); border-right: 1px solid var(--br-01);}
#footer .footer-copygiht{}

:root{
    --main-padding:185rem
}

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

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s 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;}

.main-visual__text [data-txt-motion="hidden"]{opacity: 1;}
.main-visual__bg i{transform: scale(1.2); transition:transform 15s ease;}
.swiper-slide-active .main-visual__bg i{transform: scale(1);}

@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
 * **************************************** */

/* main visual */
.main section:not(.main-visual,.main-sticky){z-index: 1; position: relative;   background-color: var(--bg-04); }
.main-visual{height:var(--height-full);position: fixed;left: 0;top: 0;width: 100%;opacity: 1;}
.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-wide{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__video{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 8rem;}
.main-visual__btn > i{}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute; top: 338rem; left:0;z-index:999;width:100%; display: block;}
.main-visual__controls > div{display:block}
.main-visual__count{display:flex; align-items:center; margin:0; font-size:17rem; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative; color: var(--c-01); font-weight: 700;}
.main-visual__count em{}
.main-visual__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 16rem; background:#d9d9d9;}
.main-visual__btn.button-next::after{/* transform:rotate(-90deg); */}
.main-visual__btn.button-prev::after{transform: rotate(180deg);}

.main-visual .swiper-pagination{display:flex; gap:18rem;}
.main-visual .swiper-pagination-bullet{background: var(--f-01);}
.main-visual .swiper-pagination-bullet{opacity:0.4; width:14rem; height:14rem; background:#fff;}
.main-visual .swiper-pagination-bullet-active{opacity:1;}

.main-visual__text{position:absolute; top:42vh; width:100%;  color:#fff;}
.main-visual__text h2{overflow:hidden;line-height:1.1;font-weight:600;font-size:82rem; font-family: var(--lang-en1); letter-spacing:-0.5rem;opacity: 0;}
.main-visual__text h2 > span{font-weight: 700; text-transform: uppercase;}
.main-visual__text p{margin-top:40rem;font-weight:500;font-size:22rem;opacity: 0; color: var(--w);}


.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}
.main-visual .swiper-slide-active .main-visual__bar > i{ width: 100%; transition: var(--progress-duration) linear; }

.main-visual__play{position:absolute; top:50%; left:0; z-index:99999; background:#fff; font-size:30rem; cursor:pointer;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}

.main-visual .scroll-down{position: absolute;left: 100rem;bottom: 115rem;z-index: 1;display: flex;flex-direction: column;}
.main-visual .scroll-down span{transform: rotate(-90deg);color: var(--w);font-size: 13rem;position: absolute;  bottom: -39rem;left: -18rem;font-weight: 400;}
.scroll-down svg {animation: arrowFade 2.45s infinite;opacity: 0.3;}
.scroll-down svg:nth-child(1) { animation-delay: 0s; }
.scroll-down svg:nth-child(2) { animation-delay: 0.2s; }
.scroll-down svg:nth-child(3) { animation-delay: 0.4s; }

@keyframes arrowFade {
  0%   { opacity: 0.2; transform: translateY(0); }
  50%  { opacity: 1; transform: translateY(3px); }
  100% { opacity: 0.2; transform: translateY(0); }
}


@media (max-width:1919px){
  .main-visual .scroll-down{left: 60rem;}
}

@media (max-width:1600px){

  .main-visual__controls{top: 33vh;}
}

@media (max-width:1200px){
.main-visual__text{top: 37vh;}
:root{
    --main-padding:120rem
}
}

@media (max-width:1023px){
	.main-visual{min-height: 600rem;}
  .main-visual__controls{top: 32vh;}
  .main-visual__text{top: 41vh;}
  .main-visual__text h2{font-size: 56rem;}
  .main-visual__text p{font-size: 18rem; margin-top: 32rem;}
  .main-visual .scroll-down{left: 40rem;}

  :root{
    --main-padding:100rem
}
}

@media (max-width:860px){

  .main-visual__text{top: 38vh;}
  .main-visual__controls{top: 33vh;}
  :root{
    --main-padding:80rem
}
}

@media (max-width:540px){
  .main-visual__controls{top: 29vh;font-size: 14rem;}
  .main-visual__count i::after{margin: 0 10rem;}
	.main-visual__text{top: 36vh;}
	.main-visual__text h2{line-height:1.2; font-size:31rem;}
	.main-visual__text p{margin-top:10rem; font-size:15rem;}
	.main-visual__btn{font-size:14rem;}

    .main-visual .scroll-down{left: 20rem;}
    .main-visual .scroll-down span{left: -16rem; font-size: 11rem;}
}


.main-title{}
.main-title > span{display: block; margin-bottom: 17rem; font-size: 17rem; color: var(--c-01); font-family: var(--lang-en1); text-transform: uppercase; font-weight: 700;}
.main-title h3{font-size: var(--font-52); line-height: 1.32; font-weight: 700; font-family: var(--lang-ko);}
.main-title h3 span{ font-weight: 700;}

.main-sticky{padding-top: 170vh;}
.main-item__area{position: sticky;top: 16vh;z-index: 1;}
.main-item__area--wrap{position: relative;}
.main-item__area--wrap i.bg{width: 100%;background: #F2F6FD;/* background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(242, 246, 253, 0) 0%, rgba(242, 246, 253, 1) 100%); */display: block;height: 50vh;display: block;position: relative;}
.main-item__area--wrap i.bg2{width: 100%;background: #F2F6FD;height: 127vh;display: block;position: relative;}

.main-item__item {text-align: center;position: relative;z-index: 1;}
.main-item__item > *:not(.main-item__img){position: relative;z-index: 1;}
.main-item__item > img{margin: 0 auto;}
.main-item__item strong{display: block; color: var(--c-01); font-family: var(--lang-en1); font-size: 90rem; letter-spacing: -2.7px; margin-bottom: 5rem;  margin-top: 44rem;}
.main-item__item p{font-size: 23rem; line-height: 1.7; font-weight: 400; font-family: var(--lang-ko);}
.main-item__item .btn-wrap{margin-top: 63rem;}
.main-item__img{position: absolute;right: 0;top:200rem; animation: floatSoft2 3s ease-in-out infinite; will-change: transform;}


@keyframes floatSoft2 {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg); }
  50%  { transform: translate3d(0, -10rem, 0) rotate(-0.6deg); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}


.main-item__grid {padding-top: 170rem;}
.main-item__grid ul{gap: 0;}
.main-item__grid ul > li{border:1px solid var(--br-01); position: relative; }
.main-item__grid ul > li::before{content: ""; display: block; padding-bottom: 100%;}
.main-item__grid ul > li *{position: absolute;}
.main-item__grid ul > li *:not(i){z-index: 3}
.main-item__grid ul > li i{width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: var(--trans-01);}
.main-item__grid ul > li i::after{content: ""; position: absolute;width: 100%; height: 100%; left: 0; top: 0; background: radial-gradient(43.83% 43.31% at 51.35% 49.28%, rgba(242, 246, 253, 0.05) 0%, #F2F6FD 100%); z-index: 1;}
.main-item__grid ul > li i::before{content: "";position: absolute;width: 100%;height: 100%;background: url(../img/sub/color-pattern.svg) repeat;background-size: 8rem;opacity: 1;}
.main-item__grid ul > li img{left: 50%; top: 40%; transform: translate(-50%, -50%); max-width: 70%;}
.main-item__grid ul > li strong{display: block; width: 100%; text-align: center; font-family: var(--lang-en1);  bottom: 40rem; left: 0;}
.main-item__grid ul > li:not(:nth-child(1)){margin-left: -1px;}
.main-item__grid ul > li:hover i{opacity: 1;}

@media (max-width:1600px){

}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
	.main-item__item > img{max-width: 490rem; width: 80%;}
    .main-item__img{width: 40%;}
    .main-item__img img{width: 100%;}
    .main-item__item strong{font-size: 75rem;}
}
@media all and (max-width:1023px){
	.main-item__item > img{max-width: 400rem;}
    .main-item__item strong{font-size: 64rem;}
    .main-item__item p{font-size: 20rem;}
    .main-title > span{font-size: 15rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){

    .main-sticky{padding-top: 130vh;}
    .main-item__area--wrap i.bg{height: 30vh;}
    .main-item__item{padding: 0 20rem;}
    .main-item__item > img{width: 60%;}
    .main-item__item strong{font-size: 34rem;}
    .main-item__item p{font-size: 16rem;padding: 0 30rem; word-break: keep-all;}
    .main-item__item .btn-wrap{margin-top: 69rem;}
    .main-item__grid ul > li:not(:nth-child(1)){margin-left: 0; margin-top: -1px;}
    .main-item__img{width: 57%; top: 70rem;}
}


/* 기술 */
:root{
    --main-tec-padding: 260rem;
}
.main-technology{position: relative; padding-top: var(--main-tec-padding); overflow: hidden;}
.main-technology .main-title{margin-bottom: 122rem;}

.main-technology__detail{position: absolute;right: 100rem;top: var(--main-tec-padding);}
.main-technology__detail .main-item01{max-width: 359rem;}
.main-technology__scroll{position: relative;padding-top: 154rem;padding-bottom: 67rem;}
.main-technology__line{width: 1px;height: 100%;background-color: #ddd;position: absolute;left: 50%;top: 0; overflow: hidden;}
.main-technology__line i{position: absolute; left: 0; top: 0; width: 1px; height: 0; background-color: #1A85E3; transition: height .4s ease;}
.main-technology__scroll ul{width: 561rem;}
.main-technology__scroll li { width: 100%; display: flex; position: relative;}
.main-technology__scroll li:not(:nth-child(1)){margin-top: 86rem;}
.main-technology__scroll li > div{width: 50%;}
.main-technology__scroll li > div span{font-size: 15rem; display: inline-block; color: var(--b-03); background-color: #fff; border:1px solid #ddd ; padding: 16rem 26rem; position: relative; transition: all .3s;  }
.main-technology__scroll li > div span::before{content: ""; width: 47rem; height: 1px; background-color: #ddd; position: absolute; display: block; top: 50%;}
.main-technology__scroll li:nth-child(odd) > div span::before{right: -48rem; }
.main-technology__scroll li:nth-child(odd){justify-content: flex-start;}
.main-technology__scroll li:nth-child(odd) > div{text-align: right; padding-right: 46rem;}
.main-technology__scroll li:nth-child(even){justify-content: flex-end;}
.main-technology__scroll li:nth-child(even) > div{padding-left: 48rem;}
.main-technology__scroll li:nth-child(even) > div span::before{left: -48rem;}
.main-technology__scroll li .drawn{position: absolute;left: 0;top: 60rem;z-index: 1;left: -100px;}
.main-technology__scroll li.on > div span{border-color: #1A85E3; box-shadow: 0 5px 24px 0 rgba(29, 100, 226, 0.17); color: #1A85E3; }
.main-technology__scroll li.on > div span::before{background-color: #1A85E3;}

.wave-effect{position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 2;}
.wave-effect > em{width: 12rem; height: 12rem; border-radius: 30rem; background-color:#1D64E2; display: block;}
.wave-effect i {position: absolute;top: 50%;left: 50%;width: 46rem;height: 46rem;border-radius: 50%;border: 1px solid rgba(29, 100, 226, 0.2);box-shadow: 0 0 14px rgba(29, 100, 226, 0.3);transform: translate(-50%, -50%); animation: waveRing 3s ease-out infinite;}
.wave-effect i:nth-child(2) {
  animation-delay: 0s;
}
.wave-effect i:nth-child(3) {
  animation-delay: 1s;
}
.wave-effect i:nth-child(4) {
  animation-delay: 2s;
}

@keyframes waveRing {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.4;
    border-color: rgba(29, 100, 226, 0.9);
    box-shadow: 0 0 10px rgba(29, 100, 226, 0.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(4);
    opacity: 0;
    border-color: rgba(29, 100, 226, 0.4);
    box-shadow: 0 0 30px rgba(29, 100, 226, 0.1);
  }
}

.main-tech-car{text-align: right;overflow: hidden;position: relative;top: -42rem; left: 50%;}
.main-tech-car img{display: block;position: relative;/* bottom: 29rem; */}

.main-tech__box-in{position: relative; height: 694rem; width: 50%; border:1px solid var(--br-01) } 
.main-tech__box-in img{max-width: 90%;}
.main-tech__box-in.video-box{height: auto;}
.main-tech__box .btn-wrap{position: absolute; right: 52rem; bottom: 30rem;}
.main-tech__box img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.main-tech__box:nth-child(2) > div{margin-left: auto; margin-top: -1px;}
.video-box video{width: 100%; height: 100%; left: 0; top: 0;}

@media (max-width:1600px){
    :root{
    --main-tec-padding:250rem;
    }
    .main-technology__detail .main-item01{max-width: 282rem;}
}
@media (max-width:1480px){

    :root{
        --main-tec-padding:150rem;
    }
    .main-technology__detail{position: relative; right: 0; max-width: 50%; width: 100%; top: 0; margin: 0 auto;} 
    .main-technology__scroll ul{width: 100%;}
    .main-technology__detail .main-item01{margin: 0 auto 60rem 20%;}
    .main-tech__box-in{width: 80%;}
    .main-tech__box-in + .main-tech__box-in{margin-top: -1px;}   
    
}
@media all and (max-width:1200px){
    
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
      :root{
        --main-tec-padding:100rem;
    }
    .main-tech__box-in{width: 100%;}
    .main-tech-car{width: 70%;}
    .main-tech-car img{width: 100%;}
    .main-technology__detail{padding-bottom: 100rem;}
    .main-technology .main-title{margin-bottom: 80rem;}
}
@media (max-width:860px){

	:root{
		--main-tec-padding:80rem;
	}
	.main-technology__scroll li .drawn{width: 180rem;}
	.main-technology__detail .main-item01{max-width: 242rem;}
	.main-title h3 span {display: inline !important;}
	.main-title h3{font-size: 25rem;display: inline;}
}
@media (max-width: 540px){
	.main-technology__detail{max-width:80%;}
	.main-technology__detail .main-item01{margin:0 auto 20rem; max-width:162rem;}
	.main-technology__scroll li:nth-child(odd) > div{padding-right:16rem;}
	.main-technology__scroll li:nth-child(even) > div{padding-left:16rem;}
	.main-technology__scroll li > div span::before{width:16rem;}
	.main-technology__scroll li:nth-child(odd) > div span::before{right:-17rem;}
	.main-technology__scroll li:nth-child(even) > div span::before{left:-16rem;}
	.main-technology__detail{max-width:95%;}
	.main-technology__scroll li .drawn{top:85rem; left:80rem; width:90rem;}
	.main-technology__scroll{padding-top:100rem;}
	.main-technology__scroll li:not(:nth-child(1)){margin-top:54rem;}
	.wave-effect i{width:30rem; height:30rem;}
	.main-item__area--wrap i.bg{height:20vh;}
	.main-item__area--wrap i.bg2{height:77vh;}
	.main-tech__box-in{height:auto;}
	.main-tech__box-in:has(img){padding:30rem 20rem;}
	.main-tech__box img{position:relative; top:0; left:0; transform:none;}
	.main-tech__box .btn-wrap{position:relative; bottom:0; left:0; width:100%; margin-top:32rem;}
	.main-technology__scroll li > div span{padding:14rem 15rem; text-align:left;}
}

.main-applicaction{padding-top: 231rem; position: relative; padding-bottom: var(--main-padding)}
.main-applicaction .main-title{margin-bottom: 110rem;position: relative;}
.main-applicaction .main-title .btn-wrap{position: absolute; right: 0; bottom: 0;}

.main-applictaion__slide .swiper-slide{border:1px solid var(--br-01); border-right: 0; padding: 44rem; background:transparent} 
.main-applictaion__slide .swiper-slide a{position: relative; }
.main-applictaion__slide .swiper-slide a .text{position: absolute; bottom: 40rem; left: 40rem;}
.main-applictaion__slide .swiper-slide a::before{content: ""; position: absolute;  transition: var(--trans-01); width: 100%; height: 0; left: 0; bottom: 0; height: 0;background: linear-gradient(179deg, rgba(31, 76, 156, 0.00) 3.07%, #1F4C9C 99.16%); }
.main-applictaion__slide .swiper-slide img{width: 100%;}
.main-applictaion__slide .swiper-slide a:hover::before{height: 100%;}
.main-applictaion__slide .text *{color: var(--w);}
.main-applictaion__slide .text strong{font-size: var(--font-22);}
.main-applictaion__slide .text p{font-weight: 400; margin-top: 16rem;}


@media (max-width:1480px){

}
@media all and (max-width:1200px){
	.main-applictaion__slide .swiper-slide{padding: 40rem;}
}
@media all and (max-width:1023px){
	.main-applicaction{padding-top: 150rem;}
    .main-applicaction .main-title .btn-wrap{position: relative; margin-top: 40rem;}
    .main-applictaion__slide .swiper-slide a .text{bottom: 26rem; left: 26rem;}
    .main-applictaion__slide .text p{margin-top: 10rem;}
}
@media (max-width:860px){

    .main-applictaion__slide .swiper-slide{padding: 30rem;}
}
@media (max-width: 540px){
      .main-applicaction{padding-top: 54rem;}
      .main-applictaion__slide .swiper-slide{padding: 26rem;}
      .main-applictaion__slide .swiper-slide a .text{bottom: 24rem; left: 24rem;}
      .main-applicaction .main-title{margin-bottom: 60rem;}

}

/* dark part */
.main-dark{background-color: #0D1521 !important; padding-top: 176rem; padding-bottom: 200rem;}
.main-dark .main-title h3{color: #fff; font-weight: 600;}

.main-partners__list{margin-top: 80rem; position: relative;}
.main-partners__list ul{gap: 0;}
.main-partners__list ul > li{background: rgba(23, 28, 46, 0.09); border:1px solid #262A3A; position: relative; height: 172rem;}
.main-partners__list ul > li:not(:nth-child(4)){margin-right: -1px;}
.main-partners__list ul > li:nth-child(n + 4){margin-top: -1px;}
.main-partners__list ul > li *{transition: var(--trans-01);}
.main-partners__list ul > li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.main-partners__list ul > li img:nth-child(2){opacity: 0;}
.main-partners__list ul > li:hover img:nth-child(1){opacity: 0;}
.main-partners__list ul > li:hover img:nth-child(2){opacity: 1;}

.main-partners{position: relative;}
.main-earth-sticky{position: absolute; top: 0; right: 0; width: 100%; top: 0; height: 100%;}
.main-earth-sticky .main-earth{position: sticky;  margin-left: auto;  top: 0;}


.main-inquiry{position: relative; padding-top: 470rem;}
.main-inquiry .wrap-wide{position: relative; }
.main-inquiry__bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main-inquiry__bg .bg{width: 100%;height: 100%;position: absolute;background: url(../img/main/main-inquiry__Bg.png); background-repeat: no-repeat;  background-size: contain;top: -250rem;}

.main-inquiry__item{position: absolute; top: 80rem; left: 100rem;}
.main-inquiry__item img{position: relative; z-index: 2;}
.main-inquiry__item i {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; width: 100rem; height: 100rem;  border:1px solid #1A85E3;  border-radius: 50%; animation: pulse-ring 3s infinite ease-out; }
.main-inquiry__item i:nth-child(2) { animation-delay: 1.6s;}
#main a.show-btn { color: #fff; margin-left:10rem;} 

.main-contact{max-width: 826rem; margin-left: auto;}
.main-contact .main-title{margin-bottom: 65rem;}
.hanmed-form-data{width: 100%;}
.hanmed-form-data + .hanmed-form-data{margin-top: 15rem;}
.hanmed-form-data input:not([type="radio"]){height: 72rem; color: #fff; width: 100%; background-color: rgba(18, 20, 28, 0.24);; border:1px solid #262A3A; backdrop-filter: blur(3rem); padding: 0 20rem;}
.hanmed-form-data textarea{width: 100%; color: #fff; background-color: rgba(18, 20, 28, 0.24);; border:1px solid #262A3A; backdrop-filter: blur(3rem); height: 253rem; resize: none; padding: 20rem;}
.hanmed-form-data *::placeholder{color: #646464; font-size: 15rem; font-weight: 400rem; line-height: 20rem;}
.hanmed-form-inquery .btn-wrap{margin-top: 50rem; text-align: right;}
.hanmed-form-inquery .check-box em{color: var(--w);}
.hanmed-form-inquery .check-box [type="checkbox"]:checked + .checkmark{background-color: var(--c-01);}
[cursor-type]{cursor: pointer;}

@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  /* 70% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0.2;
  } */
  100% {
    transform: translate(-50%, -50%) scale(3.7);
    opacity: 0;
  }
}

@media (max-width:1800px){
    .main-inquiry{padding-top: 400rem;}
}
@media (max-width:16000px){
    .main-inquiry{padding-top: 320rem;}
}
@media (max-width:1480px){

    .main-dark{padding-top: 140rem; padding-bottom: 160rem;}
    .main-earth-sticky .main-earth{width: 44%;}
    .main-partners__list ul > li{}
    .main-partners__list ul > li img{max-height: 56rem; max-width: 60%;}
    .main-contact{max-width: 50%;}
    .main-inquiry__item img{width: 300rem;}
    .main-inquiry__item{left: 150rem;}
}
@media all and (max-width:1200px){
    
	.main-partners__list ul > li{height: 142rem;}
    .main-contact{max-width: 100%;}
    .main-inquiry__bg .bg{background-size: cover; background-position: -80%; top: -370rem;}
    .main-inquiry__item{left: 72%;}
    .main-inquiry__item i{left: 55%;}
    .main-inquiry__item img{width: 230rem;}
    .main-inquiry__bg{left: 60rem;}
    
}
@media all and (max-width:1023px){

    .main-partners__list{margin-top: 56rem;}
    .main-partners__list ul > li{height: 110rem;}
    .main-partners__list ul > li img{max-height: 42rem;}
    .main-earth-sticky .main-earth{width: 63%;}

    .main-inquiry__item{top: -110rem; left: 67%;}
    .main-inquiry__bg .bg{background-position: -62%; opacity: 0.4; top: -370rem; top: -480rem;}
    .main-inquiry{padding-top: 270rem;}
    
}
@media (max-width:860px){
	.main-dark .main-title h3{display: inline;}
    .main-inquiry__item img{width: 180rem;}
    .main-inquiry__item i{width: 70rem; height: 70rem;}
    .main-inquiry__bg .bg{background-size:155%;}
    .main-contact .main-title{margin-bottom: 45rem;}

}
@media (max-width: 540px){
    .main-earth-sticky .main-earth{top: 20vh;}
    .main-partners__list ul > li{height: 68rem;}
    .main-partners__list ul > li:not(:nth-child(4)){margin-right: 0;}
    .main-partners__list ul > li:nth-child(n + 4){margin-top: 0;}
    .main-partners__list ul > li:nth-child(even){margin-left: -1px;}
    .main-partners__list ul > li:nth-child(n + 3){margin-top: -1px}

    .main-partners__list ul > li img{max-height: 30rem; max-width: 54%;}
    .main-inquiry__bg{left: 0;}
    .main-inquiry__bg .bg{background-size: 185%; background-position: -31%;}
    .main-inquiry__item img{width: 140rem;}
    .main-inquiry__item{left: 44%;}
    .main-inquiry{padding-top: 240rem;}

    .hanmed-form-data input:not([type="radio"]){height: 60rem;}
    .hanmed-form-data + .hanmed-form-data{margin-top: 8rem;}

    .main-dark{padding-bottom: 100rem; padding-top: 80rem;}
    
}


.main-board{padding-top: var(--main-padding);}
.main-board .main-title{margin-bottom: 83rem;}
.main-board .gallery-wide-list{border-top: 1px solid var(--b-01);}
.main-board .notice-box{display: inline-flex; width: auto; padding: 8rem 23rem; letter-spacing: 0.4px; border-radius: 5rem; background-color: #3a3a3a; font-size: 15rem; color: var(--w);}
.main-board .notice-box.is_notice{background-color: var(--c-01);}


.main-last{padding-top: 120rem;padding-bottom: 130rem;transition: var(--trans-01);}
.main-last__box{width: 870rem;height: 750rem;margin: 0 auto;position: relative;background: url(../img/layout/pattern.svg) repeat;display: flex;gap: 67rem;align-items: center;justify-content: center;flex-direction: column;transition: var(--trans-01);}
.main-last__box::before{content: ""; width: 100%; height: 100%; background: radial-gradient(71.39% 64.12% at 54.81% 49.81%, rgba(242, 246, 253, 0.00) 0%, #F2F6FD 100%); position: absolute; left: 0; top: 0;} 
.main-last__box *{position: relative; z-index: 1;}
.main-last__box img{height: 104rem;}
.main-last__box strong{font-family: var(--lang-en1);font-size: 55rem;color: #94989D;transition: all 0.4s ease;}
.main-last__txt{display:block; position:relative; overflow:hidden; margin-top:7rem; font-size:var(--font-20); color:var(--b-02); text-align:center;}
.main-last__logo{transition: all 0.3s ease;}
.main-last__txt i{display:block; transition:all 0.5s ease; transform:translateY(50rem); will-change:transform;}

@media (hover: hover) and (pointer: fine){
	.main-last a:hover strong{font-size:75rem; color:var(--b-01);}
	.main-last:has(a:hover) .main-last__logo{opacity:0.1; transition:all 0.5s ease; transform:scale(0.5);}
	.main-last a:hover i{transform:translateY(0rem); transition-delay:0.2s;}
}

/*.main-last:has(a:hover) {background#000;background: #0d141f;}
.main-last:has(a:hover) .main-last__box{background-image:none;}
.main-last:has(a:hover) .main-last__box::before{opacity:0; transition: none;}
.main-last__box::before{transition: var(--trans-01);}
.main-last__logo--w{display:none;}
.main-last:has(a:hover) .main-last__logo--w{display:block;}
.main-last:has(a:hover) .main-last__logo{display:none;}

.main-last:has(a:hover) .main-last__box {gap: 40rem;}*/


/* 마우스커스텀 */    
#cursor{mix-blend-mode:normal;position:fixed; top:0; left:0; z-index:1000; pointer-events:none; will-change:transform;}
#cursor .cur_cir{opacity:0; width:32px; height:32px; margin-top:-50%; margin-left:-50%; transition:opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1), height 0.3s cubic-bezier(0.25, 1, 0.5, 1); border-radius:50%;}

#cursor.on .cur_cir::before{width:100%; text-align:center;display:block; position:absolute; top:50%; left:50%; font-weight:700; font-size:13px; color:#fff; letter-spacing:-0.03em; transform:translate(-50%, -50%);}
#cursor.on .cur_cir{position:relative; opacity:1; transform:rotate(0) scale(1) translate(0, 0) !important;display: flex; align-items: center; justify-content: center;}
#cursor.overlay .cur_cir span {opacity:1; font-size: 12rem; font-weight: 600; color: var(--w); display: inline-flex; align-items: center; text-transform: uppercase; justify-content: space-between;}
#cursor.overlay .cur_cir span::after,
#cursor.overlay .cur_cir span::before {content:''; width: 16rem; height: 11rem; margin:0 10rem; display: flex;  background: url(../img/layout/ic-arrow01.svg) no-repeat center; background-size:contain}
#cursor.overlay .cur_cir span::before {transform: scaleX(-1);}
#cursor.overlay .cur_cir{width:130rem; height:130rem; background-color:var(--c-01); box-shadow: 0px 4px 29px rgba(26, 26, 32, 0.58);}
#cursor.overlay .cur_cir::before {display: none;}

#cursor.contact .cur_cir{position:relative; opacity:1; width:150rem; height:150rem; background-color:var(--c-01); transform:rotate(0) scale(1) translate(0, 0) !important; font-size:0;}
#cursor.contact .cur_cir::before{content:"YES !"; display:block; position:absolute; top:50%; left:50%; font-weight:700; font-size:15px; color:#fff; letter-spacing:-0.03em; transform:translate(-50%, -50%);}

@media (max-width: 1023px){
	#cursor{display: none !important;}
}   


@media (max-width:1480px){

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	.main-board .notice-box{padding: 6rem 14rem;}
    .main-last__box img{height: 90rem;}
    .main-last__box strong{font-size: 48rem;text-align: center;}    
}
@media (max-width:860px){
    .gallery-wide-list__title{margin-left: 42rem; padding: 23rem 0;}
    .gallery-wide-list .gallery-list__img{max-width: 270rem; min-width: 270rem; height: 180rem;}

    .main-last__box{gap: 44rem; background-size: 72rem;}    
  
}
@media (max-width: 540px){
    .gallery-wide-list .gallery-list__img{max-width: 100%; min-width: 100%;}
    .gallery-wide-list__title{margin-left: 0; padding-bottom: 0 !important;}
    .main-board .notice-box{padding: 4rem 14rem; font-size: 14rem;}
    .gallery-wide-list__title strong{font-size: 19rem;}
    .main-board .main-title{margin-bottom: 50rem;}

    .main-last__box{width: 100%; height: 350rem; gap: 22rem; background-size: 55rem; background-position: 50% 50%;}
    .main-last__box img{height: 50rem;}
    .main-last__box strong{font-size: 28rem;}
    .main-last{padding: 80rem 0;}

}