/* [data-ani="slideUp"]{opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity .55s linear, transform .55s ease-in-out;}
[data-ani="slideUp"].aniOn {opacity: 1;transform: translate3d(0, 0, 0);}
[data-ani="slideUp"].aniReverse {opacity: 0;transform: translate3d(0, -30px, 0);} */
/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;width: 100%;height: 100%;}
.slick-track{position: relative;display: block;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.slick-initialized .slick-slide{display: block;}




header{position: fixed;top: 0;left: 50%;width: 100%;z-index: 15;transition: .5s;max-width: 500px;transform: translateX(-50%);background: white;}
header>div:nth-child(2){display: flex;justify-content: space-between;align-items: center;height: 56px;padding: 0 20px;}
header>div:nth-child(2) p{overflow: hidden;font-size: 20px;font-weight: 600;line-height: 28px; letter-spacing: -0.5px;}
header.on{background: white;}
.close_area_btn{padding: 13px 20px;display: flex;justify-content: flex-end;}
.btn_area_gnb{padding-left: 20px;padding-top: 63px;}
.btn_area_gnb a{display: block;margin-bottom: 16px;font-size: 16px;font-weight: 400;line-height: 24px; letter-spacing: -0.4px;}
.btn_area_gnb a:first-child{font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: -0.45px;padding-bottom: 78px;}
.open_and_close{display: block;font-size: 0 !important;width: 28px;height: 28px;padding: 5px;}
.open_and_close img{width: 100%;}
.open_and_close.ham_bg{background: url(../img/hu.png);background-size: 18px 12px;background-repeat: no-repeat;background-position: center center;}
.motion_mobile_gnb_area{display: block;}
.motion_mobile_gnb_area.on>div:nth-child(1){display: block;}
.motion_mobile_gnb_area>div:nth-child(1) {position: absolute;left: 0; top: 0;width: 100%;height: 100vh;background: rgba(19, 19, 19, .3);z-index: 98;display: none;}
.motion_mobile_gnb_area .slide_gnb {height: 100vh;width: 200px;position: absolute;top: 0;right: -200px;background: white;transition: .3s ease;z-index: 199;opacity: 0;}
.motion_mobile_gnb_area.on .slide_gnb {right: 0;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);opacity: 1;}

.main{padding: 56px 0 100px;margin: 0 auto;max-width: 500px;width: 100%;}
.main .section1{background: #4B69FF;padding: 40px 20px 55px;}
.main .section1 h2{color: #FFF;margin-bottom: 4px;font-size: 28px;font-weight: 600;line-height: 38px;letter-spacing: -0.7px;}
.main .section1>div>p{color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.4px;}
.main .section1>div:nth-child(2){text-align: right;margin: 17px 0 26px;}
.main .section1>div:nth-child(3)>div:nth-child(1){display: flex;align-items: center;gap: 0 8px;margin-bottom: 8px;}
.main .section1>div:nth-child(3)>div:nth-child(1) a{display: flex;align-items: center;border-radius: 8px;background: #FFF;padding: 14px 16px 14px 20px;width: calc(50% - 4px);gap: 0 12px;}
.main .section1>div:nth-child(3)>div:nth-child(1) a p{color: #111;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}
.main .section2{background: white;border-radius: 20px;padding: 40px 20px;margin-top: -15px;}
.main .section2 h2{margin-bottom: 12px;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}
.main .section2 li{display: flex;align-items: center;gap: 0 20px;padding: 19px 8px;border-radius: 8px;margin-bottom: 12px;background: #FFF;box-shadow: 0px 8px 12px -1px rgba(35, 48, 59, 0.06);}
.main .section2 li strong{color: #000;margin-bottom: 2px;display: block;font-size: 16px;font-weight: 600;line-height: 22px;letter-spacing: -0.4px;}
.main .section2 li p{color: #555;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.35px;}
.main .section3{padding: 20px 20px 0;}
.main .section3 h2{margin-bottom: 12px;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}
.main .section3 .plus_area div{border-radius: 12px;background: #F7F7F9;display: flex;align-items: center;justify-content: center;height: 52px;margin-bottom: 12px;}
.main .section3 .plus_area div input{color: #767676;font-size: 14px;font-weight: 400;line-height: 18px;letter-spacing: -0.325px;background: #F7F7F9;width: 60%;}
.main .section3 .plus_area div p{margin-left: 8px;font-size: 14px;font-weight: 600;line-height: 18px;letter-spacing: -0.35px;}
.main .section3 a{color: #555;font-size: 13px;font-style: normal;font-weight: 600;line-height: 18px; letter-spacing: -0.325px;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}

.subpage{padding: 56px 0 100px;margin: 0 auto;max-width: 500px;width: 100%;}
.subpage>.qus_section2{padding: 0 20px;padding-top: 20px;}
.subpage>.qus_section2 .questions_area>div li {overflow: hidden;border-radius: 12px;border: 1px solid #E5E5EC;margin-bottom: 12px;}
.subpage>.qus_section2 .questions_area>div li>a {padding: 14px 20px;display: block;padding-right: 40px;position: relative;}
.subpage>.qus_section2 .questions_area>div li>a::after{content: '';display: block;width: 16px;height: 16px;background: url(../img/arrowbo.svg);background-size: cover;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);transition: .5s;}
.subpage>.qus_section2 .questions_area>div li>a p {font-size: 16px;font-weight: 600;line-height: 24px; letter-spacing: -0.4px;}
.subpage>.qus_section2 .questions_area>div li>a + div {padding: 0 20px 24px;display: none;}
.subpage>.qus_section2 .questions_area>div li.on>a::after{transform: translateY(-50%) rotate(180deg);}
.subpage>.qus_section2 .questions_area>div li>a + div p {border-radius: 12px;background: #F6F8FA;padding: 12px 20px 18px;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.35px;}

.subpage.notice>.section1{padding: 16px 20px 50px;}
.subpage.notice>.section1 .questions_area li a{display: block;padding: 20px 0;border-bottom: 1px solid #E5E5EC;;}
.subpage.notice>.section1 .questions_area li a p{font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.4px;margin-bottom: 4px;}
.subpage.notice>.section1 .questions_area li a span{color: #919AA8;font-size: 14px;font-weight: 400;line-height: 20px; letter-spacing: -0.35px;}
.subpage.notice>.section1 .questions_area li a + div{display: none;padding: 20px 0 32px;border-bottom:1px solid #F2F2F3;}
.subpage.notice>.section1 .questions_area li a + div p{color: #111;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.35px;}

.subpage.process{padding-inline: 20px;padding-bottom: 40px;}
.subpage.process .section1{padding-top: 40px;}
.subpage.process .section1>h2{font-size: 24px;font-weight: 600;line-height: 34px;letter-spacing: -0.6px;margin-bottom: 40px;}
.subpage.process .section1 li{margin-bottom: 60px;}
.subpage.process .title{display: flex;align-items: center;gap: 0 12px;margin-bottom: 20px;}
.subpage.process .title span{display: flex;align-items: center;justify-content: center;width: 28px;background: #111;border-radius: 100%;height: 28px;color: #FFF;font-size: 16px;font-weight: 600;line-height: 24px; letter-spacing: -0.4px;}
.subpage.process .title strong{font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;display: block;text-decoration: underline #EAE4FF 11px;text-underline-offset: -5px;}
.subpage.process .title p{margin-top: 4px;color: #555;font-size: 14px;font-weight: 400;line-height: 20px; letter-spacing: -0.35px;}
.subpage.process .title+div{text-align: center;}

.kakao{height: 68px;border-radius: 8px;background: #FDE500;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.kakao p{color: #3C1E1E;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}

.subpage.introduction{padding-bottom: 50px;}
.subpage.introduction .section1{background: #2B4172;padding: 40px 20px;padding-right: 0;}
.subpage.introduction .section1 h2{color: #FFF;font-size: 24px;font-weight: 600;line-height: 34px;letter-spacing: -0.6px;}
.subpage.introduction .section1 h2 span{color: rgba(255, 255, 255, 0.50);font-size: 24px;font-weight: 600;line-height: 34px; letter-spacing: -0.6px;vertical-align: baseline;}
.subpage.introduction .section1 p{color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px; letter-spacing: -0.4px;}
.subpage.introduction .section1 .subSc{margin: 39px 0 41px;}
.subpage.introduction .section1 .subSc .slick-list{padding-right: 120px;}
.subpage.introduction .section1 .subSc .boxA_area{padding: 0 4px;}
.subpage.introduction .section1 .subSc .boxA_area>div{border-radius: 12px;background: #FFF;height: 60px;overflow: hidden;text-align: center;}
.subpage.introduction .section1 .subSc .boxA_area>div img{height: 100%;}
.subpage.introduction .section2{padding: 60px 20px 0;}
.subpage.introduction .section2 h2{font-size: 24px;font-weight: 600;line-height: 34px;letter-spacing: -0.6px;margin:60px 0 20px;}
.subpage.introduction .section2 h2 span{text-decoration: underline #EAE4FF 11px;text-underline-offset: -5px;font-size: 24px;font-weight: 600;line-height: 34px;letter-spacing: -0.6px;vertical-align: baseline;display: block;text-decoration-skip-ink: none;}
.subpage.introduction .section2 li{display: flex;align-items: center;gap: 0 20px;padding: 19px 8px;border-radius: 8px;margin-bottom: 12px;background: #FFF;box-shadow: 0px 8px 12px -1px rgba(35, 48, 59, 0.06);}
.subpage.introduction .section2 li strong{color: #000;margin-bottom: 2px;display: block;font-size: 16px;font-weight: 600;line-height: 22px;letter-spacing: -0.4px;}
.subpage.introduction .section2 li p{color: #555;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.35px;}


.result{padding-bottom: 200px;text-align: center;}
.result .section1{padding: 40px 0 0;}
.result .section1 .linkTextArea{display: flex;align-items: center;justify-content: center;margin: 20px 0;}
.result .section1 .linkTextArea p{font-size: 14px;font-weight: 400;line-height: 22px; letter-spacing: -0.35px;}
.result .section1>div:nth-child(2){padding: 0 64px;}
.result .section1 .linkTextArea strong{margin: 0 3px;font-weight: bold;}
.result .section1 .linkTextArea + div{border-radius: 8px;padding: 20px 0;background: #F5F5F5;}
.result .section1 .linkTextArea + div p{font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.35px;}
.result .section1 .linkTextArea + div p b{font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.35px;font-weight: bold;vertical-align: baseline;}
.result .section1>div:nth-child(3){padding: 0 20px;margin-top: 40px;}
.result .section1>div:nth-child(3) a.kakaoA{border-radius: 8px;background: #FDE500;padding: 10px 20px;display: flex;justify-content: space-between;align-items: center;}
.result .section1>div:nth-child(3) a.kakaoA p{color: #3C1E1E;font-size: 20px;font-weight: 600;line-height: 28px; letter-spacing: -0.5px;}
.result .section1>div:nth-child(3) a.home{border-radius: 8px;display: block;border: 1px solid #E5E5EC;padding: 22px 0px;background: #FFF;color: #111;font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.4px;margin-top: 20px;}



.popup_area{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);left: 0;top: 0;display:none;z-index: 32;}
.popup_area>div{background: white;border-radius: 12px;height: auto;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);overflow: hidden;max-width: 400px;padding: 30px 20px;}
.popup_area>div h2{text-align: center;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}
.popup_area>div ul{border-radius: 12px;background: #F7F7F9;padding: 20px;margin: 12px 0 20px;}
.popup_area>div ul li{display: flex;align-items: center;justify-content: space-between;margin: 5px 0;}
.popup_area>div ul li p{font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.35px;}
.popup_area>div ul li strong{font-size: 14px;font-weight: 600;line-height: 22px;letter-spacing: -0.35px;}
.popup_area>div a{border-radius: 12px;background: #111;color: #FFF;padding: 14px 0;font-size: 16px;font-weight: 600;line-height: 24px; letter-spacing: -0.4px;display: flex;align-items: center;justify-content: center;}



#counsel>div>div:first-child{padding: 0 0 10px;}
#counsel>div .counselBox>div:nth-child(1) h2{color: #111;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;margin-bottom: 12px;}
#counsel>div .counselBox>div:nth-child(1)>div:nth-child(2){border-radius: 12px;background: #F7F7F9;padding: 20px;}
#counsel>div .counselBox>div:nth-child(1)>div:nth-child(2) p{color: #111;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.35px;}
#counsel>div .counselBox>div:nth-child(1)>div:nth-child(2) p span{color: #111;font-size: 14px;font-weight: 700;line-height: 22px;letter-spacing: -0.35px;vertical-align: baseline;}

#counsel>div .counselBox>div:nth-child(2){padding: 30px 0;}
#counsel>div .counselBox>div:nth-child(2)>div:nth-child(1) p{color: #111;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.35px;}
#counsel>div .counselBox>div:nth-child(2)>div:nth-child(1) input{border: 1px solid #E5E5EC;padding: 19px 20px 19px;color: #999;font-size: 14px;font-weight: 400;line-height: 22px; letter-spacing: -0.35px;text-align: left;border-radius: 20px;width: 100%;}
#counsel>div .counselBox>div:nth-child(2)>div:nth-child(1) div{padding: 8px 0 0;}
#counsel>div .counselBox>div:nth-child(3) a{color: #FFF;font-size: 16px;font-weight: 600;line-height: 24px; letter-spacing: -0.4px;padding: 14px 0;border-radius: 12px;}