@charset "UTF-8";

/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/*아이콘*/
[class^="icon_"]{display: inline-flex; width: var(--krds-icon--size-medium);  aspect-ratio: 1 / 1; background-color: var(--krds-light-color-text-basic); forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain;}
.icon_arrow{ -webkit-mask-image: url(/resource/images/main/arrow.svg); mask-image: url(/resource/images/main/arrow.svg);}
.icon_plus{ -webkit-mask-image: url(/resource/images/main/plus.svg); mask-image: url(/resource/images/main/plus.svg);}

/*타이틀*/
.main-title{
	--blue : var(--krds-color-light-primary-60);
	--h3-size : var(--krds-pc-font-size-heading-large);
	--h3-size-mob : var(--krds-mobile-font-size-heading-large);
	--p-size : var(--krds-pc-font-size-body-medium);
	--p-size-mob : var(--krds-mobile-font-size-label-medium);
	--h3-color:var(--color-black);
	opacity: 0; transform: translateY(50%); transition: all 0.5s ease-out 0s;
}
.main-title .span{display:block; color:var(--blue); font-family: "Orbitron", sans-serif; font-size: var(--p-size); font-weight: 800; }
.main-title h3{font-family: 'Paperlogy'; font-size: var(--h3-size); color:var(--h3-color); font-weight: 700; margin-bottom:2.6rem;}
.main-title h3 .word{overflow:hidden;}
.main-title h3 .char { display: inline-block; position: relative;  transition: all .5s ease-in-out; transition-property: opacity, transform; transition-delay: .5s;}
.main-title p{font-size: var(--p-size); font-weight: 400;  }
.main-title p b{color: var(--blue); font-weight: 700;}



@media (max-width:1024px){
	.main-title h3{ font-size: var(--h3-size-mob);}
	.main-title p{font-size: var(--p-size-mob);}
}

/* ******************************************************* 
■ 비쥬얼
******************************************************* */
.main-visual{position:relative; padding:var(--krds-padding-7) var(--krds-padding-7) 0; }
.main-visual .visual-box{max-width:172rem; height:min(calc(100vh - 18rem), 77rem); margin:0 auto; background:#0f2173 url('/resource/images/main/visual_back.jpg')no-repeat 50% bottom; background-size:cover; border-radius:7rem 7rem 0 0;}
.main-visual .visual-box .inner{position:relative; display:flex; justify-content: space-between; align-items: center; height:100%; }
.main-visual .visual-box .inner:before{content:""; position:absolute; right:0px; top:6.77rem;  width: 15rem;  aspect-ratio: 150/199; opacity: 0; transform: translateX(50px);  background:url('/resource/images/main/visual_man.png')no-repeat 0% 0%; z-index:1;}
.main-visual .visual-box .vis-text{margin-bottom:4rem;}
.main-visual .visual-box .vis-text-title{color:var(--krds-color-light-gray-0); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); margin-bottom:8rem;}
.main-visual .visual-box .vis-text-title h2{font-family: var(--Paperlogy); font-weight: 400; font-size: 4rem; line-height: 1; vertical-align: top;}
.main-visual .visual-box .vis-text-title h2 *{vertical-align: top;}
.main-visual .visual-box .vis-text-title h2 b{font-weight: 700;}
.main-visual .visual-box .vis-text-title h2 .word{overflow:hidden;}
.main-visual .visual-box .vis-text-title h2 .char { display: inline-block; position: relative; opacity: 0; transform: translateY(100%);   transition: all .5s ease-in-out; transition-property: opacity, transform; transition-delay: .5s;}
.main-visual .visual-box .vis-text-title p{margin-top:2.4rem; font-size: var(--krds-pc-font-size-body-large); font-weight: 500; opacity: 0; transform: translateY(30px); }
.main-visual .visual-box.active .vis-text-title .char{ animation: fadeUp 0.6s ease forwards;  animation-delay: calc(var(--char-index) * 0.05s);}
.main-visual .visual-box.active .vis-text-title p{animation: visual-txt 1s ease forwards 0.6s; }
.main-visual .visual-box.active .inner:before{animation: visual-button 1s ease forwards 0.9s; }
/*비쥬얼 검색바*/
.main-visual .visual-box .sch-wrap{width: 44rem; height: 7.6rem; border-radius: 4rem; padding:0 2rem 0 3rem;  opacity: 0; transform: translateY(30px);  overflow:hidden; border: 0.2rem solid #F8CC06; background: #FFF; box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);}
.main-visual .visual-box .sch-wrap fieldset{display:flex; align-items: center;}
.main-visual .visual-box .sch-wrap input[type="text"]{width:100%; height: 7rem; border-radius: 0; border:none; font-size: 1.9rem; }
.main-visual .visual-box .sch-wrap input[type="text"]::placeholder{color:#222;}
.main-visual .visual-box .sch-wrap input[type="text"]:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.main-visual .visual-box .sch-wrap input[type="text"]:focus{outline:none;}
.main-visual .visual-box .sch-wrap button{flex-shrink: 0; background:var(--color-yellow) url('/resource/images/main/search_icon.svg')no-repeat 50% 50%; width: 4.6rem; height: 4.6rem; border-radius:50%; border:0.1rem solid var(--color-yellow); }
.main-visual .visual-box .sch-wrap button:hover,
.main-visual .visual-box .sch-wrap button:focus{background-color:#f1b600;}
.main-visual .visual-box .sch-wrap:focus-within{border-color:#f1b600; outline-offset: -0.2rem; outline: 0.2rem solid #0067ff;}
.main-visual .visual-box.active .sch-wrap{animation: visual-txt 1s ease forwards 0.6s; }
/*비쥬얼 버튼*/
.main-visual .vis-button{display:flex; flex-direction: column; align-items: flex-start; gap: var(--krds-gap-10); opacity: 0; transform: translateX(50px);}
.main-visual .vis-button button{display: flex; align-items: center; gap: 3.4rem; height: 14rem; padding: 2.5rem 2.7rem;  border-radius: 2rem; border: 2px solid #FFF; background: #0067FF; box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);}
.main-visual .vis-button button .icon-vis01{display: flex; width: 9rem; height: 9rem;  flex-direction: column; align-items: flex-start; gap: 1rem; border-radius:50%; background: #FFF url('/resource/images/main/visual_icon01.png')no-repeat 50% 50%; background-size: 120%; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-visual .vis-button button p{color:#fff; font-size: 1.7rem; font-weight: 500;  text-align:left;}
.main-visual .vis-button button p b{display:block; font-family: 'Paperlogy'; font-size: 1.9rem; font-weight: 700;}
.main-visual .vis-button button .icon_arrow{background-color:var(--krds-color-light-gray-0);  -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-visual .vis-button button:focus{background:#084fc5; outline: 0.2rem solid var(--color-yellow); outline-offset: 0.6rem;}
.main-visual .vis-button button:hover{background:#084fc5;}
.main-visual .vis-button button:hover .icon_arrow,
.main-visual .vis-button button:focus .icon_arrow{transform: rotate(-45deg );}
.main-visual .vis-button button:hover .icon-vis01,
.main-visual .vis-button button:focus .icon-vis01{box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);}
/*프로그램 적용전 숨김처리*/
.main-visual .vis-button div{display: flex;padding: 0rem 3rem; flex-direction: column; align-items: flex-start; gap: var(--krds-number-11); width: 100%;}
.main-visual .vis-button a{display:flex; align-items: center; gap:var(--krds-gap-4); font-family: var(--Paperlogy); font-size: 1.9rem; font-weight: 700;  color:#fff; }
.main-visual .vis-button a [class^="icon-vis"]{width: 5rem; height: 5rem; flex-shrink: 0;border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.main-visual .vis-button a .icon-vis02{background-image:url('/resource/images/main/visual_icon02.png');}
.main-visual .vis-button a .icon-vis03{background-image:url('/resource/images/main/visual_icon03.png');}
.main-visual .vis-button a .icon_plus{background-color:#fff; opacity: 0.8; width:var(--krds-icon--size-xsmall); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-visual .vis-button a:focus{outline: 0.2rem solid var(--color-yellow); outline-offset: 0.6rem; box-shadow:none; border-radius:0.2rem;}
.main-visual .vis-button a:hover .icon_plus,
.main-visual .vis-button a:focus .icon_plus{opacity: 1; transform: rotate(90deg );}
.main-visual .visual-box.active .vis-button{animation: visual-button 1s ease forwards 0.8s; }
/*비쥬얼 버튼*/
.main-visual .visual-bot-text{position:absolute; left:0px; bottom:0; width:100%; height:8rem; background:rgba(255,255,255,0.25); overflow:hidden; z-index:1; white-space: nowrap; overflow: hidden; }
.main-visual .visual-bot-text:before,
.main-visual .visual-bot-text:after{content:""; position:absolute; top:0; width:10%; height:100%; z-index: -1;}
.main-visual .visual-bot-text:before{left:0; background: linear-gradient(90deg, rgba(11,38,129,0.8) 50%, rgba(11,38,129,0) 80%);}
.main-visual .visual-bot-text:after{right:0; background: linear-gradient(90deg, rgba(11,38,129,0) 10%, rgba(11,38,129,0.8) 50% );}
.main-visual .visual-bot-text p{display: inline-block; animation: flow-text 150s linear infinite; text-transform:uppercase;}
.main-visual .visual-bot-text span{-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFF; font-family: var(--Orbitron); line-height:1.3; font-size: 9.54rem; font-weight: 700; color: transparent;}

@keyframes flow-text {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes visual-txt {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes visual-button {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tit-span {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tit-p {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width:1440px){
	.main-visual .visual-box .inner{padding:0 4rem;}
}
@media (max-width:1024px){
	.main-visual .visual-box .inner:before{display:none;}
	.main-visual .visual-box{height:auto; }
	.main-visual .visual-box .inner{padding:6rem; padding-bottom:12rem; gap:4rem; flex-direction: column; align-items: flex-start;}
	.main-visual .vis-button{flex-direction: row; width:100%; justify-content: flex-start;}
	.main-visual .vis-button button{gap:2.4rem; }
	.main-visual .vis-button div{padding:0; width:auto;}
}
@media (max-width:768px){
	.main-visual{padding: var(--krds-padding-7) var(--krds-contents-padding-x) 0;}
	.main-visual .visual-box{border-radius: 4rem 4rem 0 0;}
	.main-visual .visual-box .inner{padding:5rem 2rem; padding-bottom: 12rem; gap:2rem;}
	.main-visual .visual-box .vis-text,
	.main-visual .visual-box .sch-wrap,
	.main-visual .vis-button div{width:100%;}
	.main-visual .visual-box .vis-text-title{margin-bottom:4rem;}
	.main-visual .visual-box .vis-text-title h2{ font-size: 3rem;}
	.main-visual .visual-box .vis-text-title p{font-size: var(--krds-mobile-font-size-body-medium);}
	.main-visual .visual-box .sch-wrap{padding:0 0.5rem 0 1.5rem; height: 6rem;}
	.main-visual .visual-box .sch-wrap input[type="text"]{height:5.4rem; font-size: var(--krds-mobile-font-size-body-medium);}
	.main-visual .visual-box .sch-wrap button{width: 4rem; height: 4rem;}
	.main-visual .vis-button{flex-direction: column; gap: var(--krds-gap-6); padding-top:5rem;  }
	.main-visual .vis-button button{padding: 1.5rem 1.5rem; gap:1.5rem; width:100%; height:auto; }
	.main-visual .vis-button button .icon-vis01{width: 6rem; height: 6rem; }
	.main-visual .vis-button button .icon_arrow{margin-left:auto;}
	.main-visual .vis-button div{flex-direction: row; flex-wrap:wrap; gap: var(--krds-number-4);}
	.main-visual .vis-button a [class^="icon-vis"]{width: 4rem; height: 4rem;}
	.main-visual .visual-bot-text{height:7rem;}
	.main-visual .visual-bot-text span{font-size: 7.54rem;}
}

/* ******************************************************* 
■ 비쥬얼2
******************************************************* */
.main-visual2{position:relative; padding:var(--krds-padding-7) var(--krds-padding-7) 0; }
.main-visual2 .visual-box{max-width:172rem; height:min(calc(100vh - 18rem), 77rem); margin:0 auto; background:#0f2173 url('/resource/images/main/visual_back.jpg')no-repeat 50% bottom; background-size:cover; border-radius:7rem 7rem 0 0;}
.main-visual2 .visual-box .inner{position:relative; display:flex; justify-content: space-between; height:100%;}
.main-visual2 .visual-box .vis-text{margin-bottom:8rem; padding-top:13rem; width:70%;}
.main-visual2 .visual-box .vis-text-title{color:var(--krds-color-light-gray-0); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
.main-visual2 .visual-box .vis-text-title h2{font-family: var(--Paperlogy); font-weight: 400; font-size: 4rem; line-height: 1.4; letter-spacing: 1px; vertical-align: top; opacity: 0; transform: translateY(30px); }
.main-visual2 .visual-box .vis-text-title h2 b{font-weight: 700;}
.main-visual2 .visual-box .vis-text-title h2 .word{overflow:hidden;}
.main-visual2 .visual-box .vis-text-title h2 .char { display: inline-block; position: relative; opacity: 0; transform: translateY(100%);   transition: all .5s ease-in-out; transition-property: opacity, transform; transition-delay: .5s;}
.main-visual2 .visual-box .vis-text-title h2 em{width: 4.4rem;
    margin-right: 0.5rem;     vertical-align: middle;
    background-color: var(--krds-color-light-gray-0);
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;    
    -webkit-mask-image: url(/resource/images/main/arrow.svg);
    mask-image: url(/resource/images/main/arrow.svg);
     display: inline-flex;
    aspect-ratio: 1 / 1;
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;}
.main-visual2 .visual-box .vis-text-title p{margin-top:2.4rem; font-size: var(--krds-pc-font-size-body-large); font-weight: 500; opacity: 0; transform: translateY(30px); }
.main-visual2 .vis-human-wrap{position:absolute; left:16%; bottom:-1rem; width:480px; height:558px; opacity: 0; transform: translateY(100%); z-index: 10;}
.main-visual2 .vis-human{ width:100%; height:100%;transition: opacity 0.6s 0.8s ease, transform 0.8s 0s ease;}
.main-visual2 .vis-human a{ position: absolute; right: -2rem; top: 5rem; display:flex; justify-content: center; align-items: center;  width:17rem; aspect-ratio: 1; padding:6%; z-index:2; margin-left: auto; border-radius:50%;}
.main-visual2 .vis-human a:focus{box-shadow:none; outline-offset: 0.4rem; outline: 0.2rem solid var(--color-yellow);}
.main-visual2 .vis-human a:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/resource/images/main/visual_btn.png')no-repeat 50% 50%; background-size:100%; z-index:-1; animation: rotate-center 10s linear infinite both;}
.main-visual2 .vis-human a span{position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; font-size:80%; width:100%; aspect-ratio: 1; border-radius:50%; border:2px solid #fff; background: linear-gradient(-45deg, #00b9fd, #0461fb, #00b9fd);}
.main-visual2 .vis-human a span b{font-family: var(--Paperlogy); font-size:160%;}
.main-visual2 .vis-human a span em{position:absolute; right:0px; bottom:0px; display: flex; align-items: center;  justify-content: center; width:3rem; aspect-ratio: 1; border-radius:50%; background:#005aff;}
.main-visual2 .vis-human a span em .icon_arrow{background-color:#fff; width: 50%;}
.main-visual2 .vis-human .visH_slider {overflow:hidden;}
.main-visual2 .vis-human .visH_slider .visH {width: 100%; transform-origin: bottom center; transform: scale(0.9); opacity: 0; transition: opacity 1s 0s ease-out, transform 2s 0s ease; -webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none; -webkit-user-drag: none;}
.main-visual2 .vis-human .visH_slider .swiper-slide-active .visH {transform: scale(1); opacity: 1; transition-delay: 0s;}
.main-visual2 .visual-box.active .vis-text-title .char{ animation: fadeUp 0.6s ease forwards;  animation-delay: calc(var(--char-index) * 0.05s);}
.main-visual2 .visual-box.active .vis-text-title h2{animation: visual-txt 1s ease forwards 0.4s; }
.main-visual2 .visual-box.active .vis-text-title p{animation: visual-txt 1s ease forwards 0.6s; }
.main-visual2 .visual-box.active .inner:before{animation: visual-button 1s ease forwards 0.9s; }
.main-visual2 .visual-box.active .vis-human-wrap{animation: visual-txt 1s ease forwards 0.7s;}
/*비쥬얼 검색바*/
.main-visual2 .visual-box .sch-wrap{width: 100%; height: 7.6rem; border-radius: 4rem; padding:0 2rem 0 3rem;  opacity: 0; transform: translateY(30px);  overflow:hidden; border: 0.2rem solid #F8CC06; background: #FFF; box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);}
.main-visual2 .visual-box .sch-wrap form{width:100%;}
.main-visual2 .visual-box .sch-wrap fieldset{display:flex; align-items: center;}
.main-visual2 .visual-box .sch-wrap input[type="text"]{width:100%; height: 7rem; border-radius: 0; border:none; font-size: 1.9rem; }
.main-visual2 .visual-box .sch-wrap input[type="text"]::placeholder{color:#222;}
.main-visual2 .visual-box .sch-wrap input[type="text"]:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.main-visual2 .visual-box .sch-wrap input[type="text"]:focus{outline:none;}
.main-visual2 .visual-box .sch-wrap button{flex-shrink: 0; background:var(--color-yellow) url('/resource/images/main/search_icon_b.svg')no-repeat 50% 50%; width: 4.6rem; height: 4.6rem; border-radius:50%; border:0.1rem solid var(--color-yellow); }
.main-visual2 .visual-box .sch-wrap button:hover,
.main-visual2 .visual-box .sch-wrap button:focus{background-color:#f1b600;}
.main-visual2 .visual-box .sch-wrap:focus-within{border-color:#f1b600; outline-offset: 0.4rem; outline: 0.2rem solid var(--color-yellow);}
.main-visual2 .visual-box.active .sch-wrap{animation: visual-txt 1s ease forwards 0.6s; }
/*비쥬얼 버튼*/
.main-visual2 .vis-button{width:30%; display:flex; flex-direction: column; align-items: flex-start; padding-top:13rem; gap: var(--krds-gap-10); opacity: 0; transform: translateX(50px); margin-bottom:8rem;}
.main-visual2 .vis-button .btn-option-fold{display: flex; align-items: center; gap: 3.4rem; width: 100%; height: 14rem; padding: 2.5rem 2.7rem;  border-radius: 2rem; border: 2px solid #FFF; background:var(--krds-color-light-primary-60); box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);}
.main-visual2 .vis-button .btn-option-fold .icon-vis01{position:relative; flex-shrink: 0; display: flex; width: 9rem; height: 9rem; margin-left:1.6rem; flex-direction: column; align-items: flex-start; gap: 1rem; border-radius:50%; background: #DCEAF9; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-visual2 .vis-button .btn-option-fold .icon-vis01:before{content:""; position:absolute; left:-1.6rem; top:0.5rem; width:8.8rem;   aspect-ratio: 149 / 138; background:url('/resource/images/main/visual_icon01-1.png')no-repeat 0 0; background-size:100%; filter: drop-shadow(2px 4px 30px rgba(0,0,0,0.12));}
.main-visual2 .vis-button .btn-option-fold em{color:#fff; font-size: 1.7rem; font-weight: 500;  text-align:left;}
.main-visual2 .vis-button .btn-option-fold em b{display:block; font-family: 'Paperlogy'; font-size: 2.2rem; font-weight: 700;}
.main-visual2 .vis-button .btn-option-fold .icon_arrow{width: 3.4rem; margin-left: auto; background-color:var(--krds-color-light-gray-0);  -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-visual2 .vis-button .btn-option-fold:focus{background:#084fc5; outline: 0.2rem solid var(--color-yellow); outline-offset: 0.6rem;}
.main-visual2 .vis-button .btn-option-fold:hover{background:#084fc5;}
.main-visual2 .vis-button .btn-option-fold:hover .icon_arrow,
.main-visual2 .vis-button .btn-option-fold:focus .icon_arrow{transform: rotate(-45deg );}
.main-visual2 .vis-button .btn-option-fold:hover .icon-vis01,
.main-visual2 .vis-button .btn-option-fold:focus .icon-vis01{box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);}
.main-visual2 .vis-button > div{width:100%;}
/*프로그램 적용전 숨김처리*/
.main-visual2 .vis-button .tag{display: flex; align-items: flex-start; justify-content: space-between; gap: var(--krds-number-6); width: 100%; margin-top:2rem;}
.main-visual2 .vis-button a{flex:1; text-align:center; border-radius:2rem; display:flex; align-items: center; justify-content: center; gap:var(--krds-gap-4); padding:0 1rem; font-family: var(--Paperlogy); font-size: 1.7rem; font-weight: 400; line-height: 2; color:#fff; background:rgba(255,255,255,0.3); white-space: nowrap; }
.main-visual2 .visual-box.active .vis-button{animation: visual-button 1s ease forwards 0.8s; }
/*비쥬얼 버튼*/
.main-visual2 .visual-bot-text{position:absolute; left:0px; bottom:0; width:100%; height:8rem; overflow:hidden; z-index:1; white-space: nowrap; overflow: hidden; }
.main-visual2 .visual-bot-text:before,
.main-visual2 .visual-bot-text:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; }
.main-visual2 .visual-bot-text:before{left:5%; width:90%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 5%, rgba(255,255,255,0.25) 95%, rgba(255,255,255,0) 100%); z-index: -1;}
.main-visual2 .visual-bot-text:after{ background: rgba(11,38,129,0.8); z-index: -2;}
.main-visual2 .visual-bot-text p{display: inline-block; animation: flow-text 150s linear infinite; text-transform:uppercase;}
.main-visual2 .visual-bot-text span{display:inline-block; height:12rem; width:256.6rem; background:url('/resource/images/main/vis_bot_txt.svg')no-repeat 0 0; background-size:cover; }

@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (max-width:1440px){
	.main-visual2 .visual-box .inner{padding:0 4rem;}
	.main-visual2 .vis-button .btn-option-fold{gap:1.4rem;}
	.main-visual2 .vis-button .tag{flex-wrap:wrap; justify-content: flex-start}
	.main-visual2 .vis-button a{flex:0 0 auto;  padding: 0 2rem;}
	.main-visual2 .vis-button .btn-option-fold p b{font-size:2rem;}
	.main-visual2 .vis-button .btn-option-fold .icon_arrow{width:2rem;}
}
@media (max-width:1280px){
	.main-visual2 .visual-box .vis-text{width: 65%;}
	.main-visual2 .vis-button{width:35%;}
	.main-visual2 .vis-human-wrap{width:430px; height:500px;}
}
@media (max-width:1024px){
	.main-visual2 .visual-box .vis-text{width:100%; padding-top:0; margin-bottom:0;}
	.main-visual2 .vis-button{width:100%; padding-top:0; padding-bottom:320px;}
	.main-visual2 .visual-box{height:auto; }
	.main-visual2 .visual-box .inner{padding:6rem; padding-bottom:12rem; gap:4rem; flex-direction: column; align-items: flex-start;}
	.main-visual2 .vis-human-wrap{left:50%; margin-left:-215px;}
}
@media (max-width:768px){
	.main-visual2 .visual-box{ border-radius: 4rem 4rem 0 0;}
	.main-visual2 .visual-box .inner{padding: 4rem 2rem 12rem;}
	.main-visual2 .visual-box .vis-text-title h2{font-size:3.2rem;}
	.main-visual2 .vis-button .btn-option-fold {padding:1.5rem; height: 10rem;}
	.main-visual2 .vis-button .btn-option-fold .icon-vis01{width:4.5rem; height:4.5rem; margin-left: 0.8rem;}
	.main-visual2 .vis-button .btn-option-fold .icon-vis01:before{ top:0.2rem; left: -0.8rem;  width: 4.4rem;}
	.main-visual2 .visual-box .sch-wrap{padding: 0 1.5rem;     height: 6.6rem;}
	.main-visual2 .visual-box .sch-wrap input[type="text"]{font-size:1.5rem; height: 6rem;}
	.main-visual2 .vis-button{padding-bottom:160px;    gap: var(--krds-gap-5);}
	.main-visual2 .vis-button a{font-size:1.3rem; padding: 0 1rem;}
	.main-visual2 .vis-button .tag{display:none;}
	
	.main-visual2 .vis-human-wrap{width:301px; height:350px;  margin-left: -180px;}
	.main-visual2 .vis-human a{width:13rem;}
	.main-visual2 .vis-human a span{font-size:70%;}
	.main-visual2 .vis-human a span b{font-size:140%;}
	
	@keyframes ani {
	    to {
	        background-position: -1505px 0;
	    }
	}
}
/* ******************************************************* 
■ 검색 팝업
******************************************************* */
.search-wrap{ position: absolute; top: -10vh; right: 0; width: var(--krds-contents-wrap-size); height: 80vh; border-radius:3rem; border:2px solid #000; overflow-y:hidden;   transition-delay: 0s;   visibility: hidden; background:#fff;  z-index: -1; clip-path: inset(20% 2% 57% 69% round 18px); transition: clip-path 0.4s cubic-bezier(0.7, 0.25, 0.1, 0.96), visibility 0.15s 0.3s, z-index 0s 0.3s;}
.search-wrap:focus{outline:none; box-shadow:none;}
.search-back{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter: blur(4px); transition-delay: 0s;  opacity: 0; visibility: hidden;  z-index: -1; transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;}
.search-wrap.open{ z-index: 1010; transition-delay: 0s; opacity: 1; visibility: visible; clip-path: inset(0% 0% 0% 0% round 18px);}
.search-back.open{display: block; z-index: 100; transition-delay: 0s; opacity: 1; visibility: visible;}
.search-wrap .btn-close{position: absolute;  top: 2rem; right: 2rem; z-index: 901;}
.search-wrap form{display:block; }
.search-wrap .search-inner{position:relative; margin:0 auto; padding: var(--krds-gap-7) var(--krds-contents-padding-x); height:100%; overflow-y: auto;}
.search-wrap .search-inner::-webkit-scrollbar {  width: 0.8rem;}
.search-wrap .search-inner::-webkit-scrollbar-thumb {background-color: var(--krds-light-color-element-secondary-light);  border-radius: 0.8rem;}
.search-wrap .search-inner::-webkit-scrollbar-track {background-color: var(--krds-light-color-element-secondary-lighter);}
.search-top{ opacity: 0; transform: translateY(-50px); }
.search-top .search-input{flex:1;}
.main_sch{  opacity: 0; transform: translateY(-50px);  padding: var(--krds-number-10) var(--krds-number-10);}
.search-wrap.open .search-top{animation: fadeUp 0.4s ease forwards;}
.search-wrap.open .main_sch{animation: fadeUp 0.4s ease forwards 0.2s;}
@media (max-width:1330px){
	.search-wrap{width:100%;}
}
@media (max-width:1024px){
	.search-wrap{top: 0vh;}
}
@media (max-width:768px){
	.search-wrap{height: 80vh;     clip-path: inset(47% 6% 36% 6% round 10px);}
	.search-wrap .search-inner{padding:  0;}
	.search-top{ position: sticky; top: 0; z-index:1; background:#fff; padding: var(--krds-contents-padding-x) var(--krds-contents-padding-x) 0 ;     border-bottom: 0.1rem solid var(--krds-light-color-border-gray-light);}
	.search-top .search-option{    flex-direction: column; border-radius:0; padding:var(--krds-contents-padding-x); margin-bottom:0; width:calc(100% + calc(var(--krds-contents-padding-x) * 2)); margin-left:calc(-1 * var(--krds-contents-padding-x));}
	.main_sch{padding: var(--krds-number-10) var(--krds-contents-padding-x); border:none;}
	.main_sch .option-result .result-btn     .krds-btn.medium {--krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-small);}
}
/* ******************************************************* 
■ 커리큘럼
******************************************************* */
.main-curriculum{padding-top:12rem; }
.main-curriculum .inner{display:flex; justify-content: space-between; gap:4rem;}
.cur-left{display:flex; flex-direction: column; justify-content: space-between;  transition: var(--krds-transition-base); opacity: 0; transform: translateY(50%);}
.cur-left .img{border-radius:var(--krds-radius-large1); overflow:hidden; }
.cur-right{display:flex; flex-direction: column; width:65rem;   transition: var(--krds-transition-base);
	--tit-size : var(--krds-pc-font-size-heading-medium);
	--txt-size : var(--krds-pc-font-size-body-medium);
	--txt-color :var(--krds-color-light-gray-80);
	--arrow :var(--krds-light-color-text-primary);
	 opacity: 0; transform: translateY(50%);}
.cur-right a{display:flex; align-items: center; justify-content: space-between; padding:1.6rem 4.5rem 1.6rem 3.5rem; border-bottom:1px solid #CECECE; margin-top:1rem;}
.cur-right a p{display:flex; flex-direction: column; gap:0.6rem;}
.cur-right a .cur-tit{font-size:var(--tit-size); color:var(--color-black); font-family: var(--Paperlogy); }
.cur-right a .cur-tit span{display:none; font-family: var(--Orbitron); font-size:var(--txt-size);}
.cur-right a .cur-txt{font-size:var(--txt-size); color:var(--txt-color); }
.cur-right a .icon_arrow{flex-shrink: 0; width:3.2rem; background-color:var(--arrow); -webkit-transition: var(--krds-transition-base); transition: var(--krds-transition-base); transform: rotate(-45deg );}
.cur-right a.active{
	background-image: url('/resource/images/main/pencil_01.svg'), url('/resource/images/main/pencil_02.svg'), url('/resource/images/main/pencil_03.svg');
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left top, 1.9rem 50%, right top;
	background-size:2rem 100%, calc(100% - 14rem) auto, 13rem 100%;
	filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, 0.10));
	border-bottom-color:#fff;
}
.cur-right a.active .cur-tit{color:#fff;}
.cur-right a.active .cur-tit span{display:block;}
.cur-right a.active .icon_arrow{background-color:#fff; transform: rotate(0deg );}
.cur-right a.active .cur-txt{display:none;}
@media (max-width:1024px){
	.main-curriculum{padding-top:6rem;}
	.main-curriculum .inner{flex-direction: column;}
	.cur-left{gap:3rem;}
	.cur-right{width:100%; --tit-size : var(--krds-mobile-font-size-heading-medium); --txt-size : var(--krds-mobile-font-size-body-small);}
	.cur-right a{padding:1.5rem 1.5rem;}
	.cur-right a .icon_arrow{width:var(--krds-icon--size-large); }
	.cur-right a.active{background: #0067ff; }
}
@media (max-width:768px){
	.cur-right a{padding:1.5rem 1rem;}
}
/* ******************************************************* 
■ 시도별 입시정보
******************************************************* */
.main-admissions{padding:8rem 0;}
.main-admissions .inner{position:relative; }
/*프로그램 적용전*//* .main-admissions .moreBtn{position:absolute; right:var(--krds-contents-padding-x); top:10rem;  display:flex; align-items: center; gap:var(--krds-gap-2); color:var(--krds-light-color-icon-gray);} */
.main-admissions .moreBtn{position:absolute; right:var(--krds-contents-padding-x);  top:4rem; display:flex; align-items: center; gap:var(--krds-gap-2); color:var(--krds-light-color-icon-gray);  opacity: 0; transform: translateY(50%);}
.main-admissions .moreBtn .icon_arrow{-webkit-transition: var(--krds-transition-base); transition: var(--krds-transition-base); transform: rotate(-45deg );}
.main-admissions .moreBtn:hover,
.main-admissions .moreBtn:focus{color:var(--krds-light-color-text-primary);}
.main-admissions .moreBtn:hover .icon_arrow,
.main-admissions .moreBtn:focus .icon_arrow {transform: rotate(0deg ); background-color:var(--krds-light-color-text-primary);}
/*탭*/
/*프로그램 적용전 탭 숨김처리*/
.admis-tab-wrap{display:none; font-size:var(--krds-pc-font-size-body-large); margin-bottom:2.5rem;  opacity: 0; transform: translateY(50%);	--font-color :var(--krds-light-color-text-primary);}
.admis-tab-wrap .tab{display:flex; gap:var(--krds-gap-9); }
.admis-tab-wrap .tab button{position:relative; color:var(--krds-light-color-text-subtle); font-weight: 600; padding-bottom:0.7rem; -webkit-transition: var(--krds-transition-collapse-width); transition: var(--krds-transition-collapse-width);}
.admis-tab-wrap .tab button:after{content:""; position:absolute; left:0%; bottom:0px; height:0.4rem; background:var(--font-color)}
.admis-tab-wrap .tab button.active{color:var(--font-color);}
.admis-tab-wrap .tab button.active:after{width:100%;}
/*탭 슬라이드*/ 
.admis-tab-cont{ opacity: 0; transform: translateY(50%); transition: all 0.5s ease-out 0s;}
.admis-tab-cont .swiper{padding:0.5rem; width:calc(100% + 1rem); margin-left:-0.5rem;}
.admis-tab-cont a{display:block; }
.admis-tab-cont .img{display:block;  aspect-ratio: 284 / 210; overflow:hidden;}
.admis-tab-cont .img img{width:100%; height:100%;     object-fit: cover;}
.admis-tab-cont .txt-wrap{display:block; margin-top: 3.2rem;}
.admis-tab-cont .txt-wrap .cate{display:block; color:var(--krds-light-color-text-primary); font-size:var(--krds-pc-font-size-body-medium); margin-bottom:0.9rem; font-weight: 600;}
.admis-tab-cont .txt-wrap .title{font-size:2.1rem; color:var(--krds-light-color-text-subtle); font-weight: 700; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; margin-bottom:2rem;}
.admis-tab-cont .txt-wrap .date{font-size:var(--krds-pc-font-size-body-medium); color:var(--krds-light-color-icon-gray); }
.admis-tab-cont .swiper-pagination{position:relative; left:auto; bottom:auto; margin-top:1rem;}
@media (max-width:1024px){
	.main-admissions .moreBtn{top: 3.5rem;}
}
@media (max-width:768px){
	.main-admissions .moreBtn{position: relative; right:auto; top:auto; margin-top:2rem; justify-content: center;}
	.admis-tab-wrap .tab{gap: var(--krds-gap-5); overflow-x:auto; width:calc(100% + calc(var(--krds-contents-padding-x) * 2) ); padding:0 var(--krds-contents-padding-x); margin-left:calc(-1 * var(--krds-contents-padding-x));}
	.admis-tab-cont .swiper{ overflow: visible;}
	.admis-tab-cont .txt-wrap{margin-top:2rem;}
}
/* ******************************************************* 
■ 자료실
******************************************************* */
/*프로그램 적용전 숨김처리*/
.main-find{ position:relative; padding:8rem 0 18rem; background: #0067FF; z-index:0;}
.main-find:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background: radial-gradient(53.04% 53.04% at 50% 104.97%, #72B9FF 11.01%, rgba(0,103,225,0) 100%); z-index:-1;}
.find-top{display:flex;  justify-content: space-between; margin-bottom:2rem;}
.find-top .main-title{--blue : #fff;--h3-color:#fff;color:#fff;}
.find-top .link-box{display:flex; gap:6.4rem; height:34rem; opacity: 0; transform: translateX(50%); transition: all 0.5s ease-out 0s}
.find-top .link-box a{position:relative; display:block; margin-top:6rem; border-radius: 1rem; border:1px solid #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); overflow:hidden; }
.find-top .link-box a img{width:100%; height:100%; object-fit: cover;}
.find-top .link-box a p{display: flex; align-items: center; gap:var(--krds-gap-2); position:absolute; left:0px; bottom:0px; width:100%; padding:1.8rem 2.9rem; background: rgba(255, 255, 255, 0.90); font-family: var(--Paperlogy); font-weight: 700; font-size:var(--krds-pc-font-size-body-large); }
.find-top .link-box a .icon_arrow{flex-shrink: 0; background-color:var(--krds-light-color-text-primary); -webkit-transition: var(--krds-transition-base); transition: var(--krds-transition-base); transform: rotate(-45deg );}
.find-top .link-box a.active{margin-top:0rem;}
.find-top .link-box a.active .icon_arrow{transform: rotate(0deg );}
.find-top .link-box a.active:focus{outline-offset: 8px; border-radius:0.4rem; box-shadow:none;}
.notice-wrap{position:relative; padding-bottom:6rem; opacity: 0; transform: translateY(50%); transition: all 0.5s ease-out 0s}
.notice-wrap .notice-title{position:relative; width:22rem; padding:8.5rem 0;  z-index:0; color:#fff; flex-shrink: 0;}
.notice-wrap .notice-title:before{content:""; position:absolute; right:-8rem; top:0px; width:100vw; height:100%; border-radius: 0rem 13rem 13rem 0rem; background: #004AB6; z-index:-1; }
.notice-wrap .notice-title h3{ font-family: var(--Paperlogy); font-weight: 700; font-size: var(--krds-pc-font-size-heading-large);}
.notice-wrap .notice-title p{font-size:var(--krds-pc-font-size-body-medium); margin-top:var(--krds-gap-7);}
.notice-wrap .notice-title .control{margin-top:var(--krds-gap-9); display:flex; gap:var(--krds-gap-2);}
.notice-wrap .notice-title .control button{width:var(--krds-icon--size-large); aspect-ratio: 1 / 1; border-radius:0.4rem; background-repeat:no-repeat; background-position:50% 50%; background-size:70% 70%; }
.notice-wrap .notice-title .control button.noti-prev{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0_11560_6371)'%3E%3Cpath d='M9.9766 0.384541L3.41854 6.9426C3.08467 7.27647 2.7444 7.73182 2.7444 8.17075C2.7444 8.60968 3.08467 9.06503 3.41854 9.3989L9.9766 15.957C10.4893 16.4697 11.324 16.4697 11.8367 15.957C12.0871 15.6946 12.2183 15.3608 12.2183 15.0269C12.2183 14.693 12.0871 14.3592 11.8367 14.0969L5.89868 8.17075L11.8367 2.24465C12.0871 1.98232 12.2183 1.64846 12.2183 1.31459C12.2183 0.980729 12.0871 0.646863 11.8367 0.384541C11.324 -0.12818 10.4893 -0.12818 9.9766 0.384541Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11560_6371'%3E%3Crect width='16.8' height='16.8' fill='white' transform='matrix(-1 0 0 1 16.8 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.notice-wrap .notice-title .control button.noti-next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cg clip-path='url(%23clip0_11560_6373)'%3E%3Cpath d='M7.42355 0.384541L13.9816 6.9426C14.3155 7.27647 14.6557 7.73182 14.6557 8.17075C14.6557 8.60968 14.3155 9.06503 13.9816 9.3989L7.42355 15.957C6.91083 16.4697 6.07617 16.4697 5.56344 15.957C5.31305 15.6946 5.18188 15.3608 5.18188 15.0269C5.18188 14.693 5.31305 14.3592 5.56344 14.0969L11.5015 8.17075L5.56344 2.24465C5.31305 1.98232 5.18188 1.64846 5.18188 1.31459C5.18188 0.980729 5.31305 0.646863 5.56344 0.384541C6.07617 -0.12818 6.91083 -0.12818 7.42355 0.384541Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11560_6373'%3E%3Crect width='16.8' height='16.8' fill='white' transform='translate(0.600098)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.notice-wrap .notice-title .control button.noti-play{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='2.7998' width='3.36' height='16.8' rx='1.68' fill='white'/%3E%3Crect x='10.6399' width='3.36' height='16.8' rx='1.68' fill='white'/%3E%3C/svg%3E");}
.notice-wrap .notice-title .control button.noti-play.on{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0_11586_5689)'%3E%3Cpath d='M13.8962 7.69282C14.4425 8.09231 14.4425 8.90769 13.8963 9.30718L5.3403 15.5642C4.67963 16.0474 3.75 15.5756 3.75 14.7571L3.75 2.24295C3.75 1.42445 4.67963 0.952603 5.3403 1.43576L13.8962 7.69282Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11586_5689'%3E%3Crect width='16.8' height='16.8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.notice-wrap .notice-title .control button:hover,
.notice-wrap .notice-title .control button:focus{background-color:var(--krds-light-color-text-primary);}
.notice-wrap .notice-slide{position:absolute; left:20rem; top:0px; width: calc(100% + 9rem); padding-top:7rem;}
.notice-wrap .notice-slide .swiper{padding:3rem 3rem 3.5rem;}
.notice-wrap .notice-slide .swiper-slide{height:auto;}
.notice-slide .item{position:relative; display:block; padding:0rem 2.5rem; height: 100%; padding-bottom: 7rem; transition: all 0.2s ease-out 0s;}
.notice-slide .item .img{position:relative;display:block; width:100%; overflow:hidden;  box-shadow: 0px 1rem 2rem 1rem rgba(0, 0, 0, 0.08); border-radius: 0.4rem 0.4rem 1rem 1rem;}
.notice-slide .item .img:before{content:"";  position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius: 0.4rem; border:0.2rem solid #fff;}
.notice-slide .item .img img{width:100%;}
.notice-slide .item .box{position:absolute; left:0px; bottom:7rem; background:#fff; width: 100%; border-radius:1rem;  padding: 2rem 3rem; box-shadow: 0px -0.4rem 1.5rem 0px rgba(0, 0, 0, 0.14); z-index: 0;  transition: all 0.2s ease-out 0s;}
.notice-slide .item .box:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius: 1rem; background:#fff; z-index:-1;}
.notice-slide .item .box:after{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius: 1rem; background:var(--krds-light-color-text-primary); z-index:-2;}
.notice-slide .item .box .cate{display: block; color: var(--krds-light-color-text-primary); font-size: var(--krds-pc-font-size-body-medium); margin-bottom: 0.9rem; font-weight: 600;}
.notice-slide .item .box p{font-size: 2.1rem; color: var(--krds-light-color-text-subtle); font-weight: 700; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.notice-slide .item .box .date{display:none; color: var(--krds-light-color-icon-gray); font-size: var(--krds-pc-font-size-body-small); margin-top: 1rem;}
.notice-slide .item .box .btn{display:none; position:absolute; right:-2rem; top:-1.9rem;  align-items: center;  justify-content: center; width: 5rem; height: 5rem; border:2px solid #fff; border-radius:50%; background: linear-gradient(-45deg, #0095fe, #0361fb, #0095fe);}
.notice-slide .item .box .btn .icon_arrow{background-color:#fff;}
.notice-slide .item:focus{outline-offset: 8px; border-radius:0.4rem; box-shadow:none;}
.notice-slide .swiper-slide-active .item{padding:0;}
.notice-slide .swiper-slide-active .item .box{bottom:0;}
.notice-slide .swiper-slide-active .item .box p{color:var(--krds-light-color-text-basic);}
.notice-slide .swiper-slide-active .item .box:after{top:-0.35rem;}
.notice-slide .swiper-slide-active .item .box .date{display:block;}
.notice-slide .swiper-slide-active .item .box .btn{display:inline-flex;}
@media (max-width:1440px){
	.find-top{gap:4rem; flex-wrap:wrap;}
	.find-top .link-box{gap:3rem; width:60%; height: 30rem;}
	.find-top .link-box a{width:calc((100% - 3rem * 1) / 2); }
	.find-top .link-box a p{justify-content: space-between; padding: 1.5rem;}
	.notice-wrap{display:flex; }
	.notice-wrap .notice-slide{position: relative; left: auto; top:auto;  width: calc(100% + var(--krds-contents-padding-x));}
}
@media (max-width:1024px){
	.notice-wrap .notice-title h3{font-size:var(--krds-mobile-font-size-heading-large);}
	.notice-wrap .notice-title p{font-size: var(--krds-mobile-font-size-body-small);}
	.notice-slide .item .box p{font-size:var(--krds-mobile-font-size-body-medium);}
	.notice-slide .item .box .cate{font-size:var(--krds-mobile-font-size-body-small);}
}
@media (max-width:768px){
	.main-find{padding:8rem 0;}
	.find-top{flex-direction: column }
	.find-top .link-box{width:100%; height:auto; gap:1rem;}
	.find-top .link-box a{margin-top:0; width:calc((100% - 1rem * 1) / 2); }
	.find-top .link-box a p{font-size: var(--krds-mobile-font-size-body-xsmall);  padding: 1.5rem 1rem;}	
	.notice-wrap{flex-direction: column; margin-top:4rem; padding-bottom:0;}
	.notice-wrap .notice-title{ width:50%; padding:6rem 0 2rem;}
	.notice-wrap .notice-title:before{height:calc(100% + 8rem);}
	.notice-wrap .notice-slide{width:100%; padding-top:0; }
	.notice-wrap .notice-slide .swiper{overflow: visible; padding:3rem 0rem;}
	.notice-slide .item{padding-bottom:15rem;}
	.notice-slide .item .box{padding:1.5rem 1rem;}
}
/* ******************************************************* 
■ faq
******************************************************* */
.main-faq{padding:8rem 0; background:#d6eaff;}
.main-faq .main-title{text-align:center; margin-bottom:4rem;}
.faq-slide {opacity: 0; transform: translateY(50%); transition: all 0.5s ease-out 0s}
.faq-slide .swiper-wrapper{gap:3rem; flex-wrap:wrap;}
.faq-slide .swiper-slide{  width:calc((100% - 3rem * 2) / 3);  flex-grow: 1;}
.faq-slide a{display:block; border-radius:1rem; background-color:#fff;background-size:8rem; background-repeat:no-repeat; background-position:right 2rem top 50%; padding:2.5rem 2rem; padding-right:8rem;}
.faq-slide a p{padding:3rem; background:rgba(255,255,255,0.9);  border-radius:1rem; box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.08); }
.faq-slide a .cate{display:inline-flex; align-items: center; height: 2.8rem; font-size: 1.3rem; font-weight: 700; color:#fff; padding: 0 1.6rem;border-radius: 2rem; background: var(--color-light-primary-70, #083891);}
.faq-slide a .title{font-size: var(--krds-pc-font-size-label-medium); color: var(--krds-light-color-text-subtle); font-weight: 500; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 2.4rem; height: 4.8rem; word-break: break-all; margin-top: 1rem;}
.faq-slide a.faq1{background-image:url('/resource/images/main/faq_icon01.png')}
.faq-slide a.faq2{background-image:url('/resource/images/main/faq_icon02.png')}
.faq-slide a.faq3{background-image:url('/resource/images/main/faq_icon03.png')}
.faq-slide a.faq4{background-image:url('/resource/images/main/faq_icon04.png')}
.faq-slide a.faq5{background-image:url('/resource/images/main/faq_icon05.png')}
.faq-slide a.faq6{background-image:url('/resource/images/main/faq_icon06.png')}
.faq-slide .swiper-pagination{ display:none; position: relative; margin-top:1rem;}
@media (max-width:1024px){
	.faq-slide{ overflow: visible;}
	.faq-slide .swiper-wrapper{gap:0;}
	.faq-slide a{padding:1.5rem 1rem; padding-right:5rem; background-position:right 1rem top 50%; background-size:6rem;}
	.faq-slide a p{padding:1.5rem;}
	.faq-slide .swiper-pagination{ display:block;} 
}
/* ******************************************************* 
■ faq
******************************************************* */
.main-site-banner{padding:6rem 0;}
.site-slide-wrap{position:relative; display:flex; }
.site-slide-wrap .swiper{width:80%; margin:0 auto;}
.site-slide-wrap .swiper-slide{padding:4px;}
.site-slide-wrap a{display:block; text-align:center;}
.site-slide-wrap .swiper-pagination{ display:none; bottom:-1rem; top: auto; }
.site-slide-wrap .site-prev,
.site-slide-wrap .site-next{position:absolute; top:0px; flex-shrink: 0; display: flex; align-items: center;  justify-content: center; width:5rem; height:5rem; border-radius:50%; background:#004AB6; }
.site-slide-wrap .site-prev{left:0;}
.site-slide-wrap .site-next{right:0;}
.site-slide-wrap .site-prev .icon_arrow,
.site-slide-wrap .site-next .icon_arrow{background-color:#fff;}
.site-slide-wrap .site-prev .icon_arrow{transform: scaleX(-1);}
.site-slide-wrap .site-prev:is(:hover, :focus),
.site-slide-wrap .site-next:is(:hover, :focus){background:#083891;}
@media (max-width:1024px){
	.site-slide-wrap{gap:0 3rem;}
	
}
@media (max-width:768px){
	.site-slide-wrap .site-slide{padding-bottom:3rem;}
	.site-slide-wrap .swiper-pagination{ display:block;}
	.site-slide-wrap .swiper-slide{height:auto !important; }
	.site-slide-wrap .site-prev,
	.site-slide-wrap .site-next{display:none;}
}


.quick{position:fixed; right:2rem; bottom:13rem;  z-index: 10;}
.quick a{display:block; padding:1.2rem; border-radius:2rem; background: rgba(255, 255, 255, 0.50); backdrop-filter: blur(5px);}

@media (max-width:768px){
	.quick{right: 1rem; bottom: 9rem;}
	.quick a{padding:0.6rem; border-radius:1rem;}
	.quick img{width: 11rem;}
}