@charset "UTF-8";
@import url('reset.css');
@import url('font.css');
@import url('animation.css');
@import url('modal.css');

.main-container {position:relative; padding-top:65px;}
/* [2025-05-13] ?��?�� */
.personalized-container {z-index:80; position:relative;}
.personalized-alert {z-index:-1; animation:personalizedAlert 1s ease-out; animation-fill-mode:forwards; animation-iteration-count:1; display:none; 
    position:absolute; top:-60px; left:0; width:100%; padding:10px 20px; color:#fff; background-color:#5856D6;}
.personalized-alert.personalized-on {display:block;}
.personalized-alert .personalized-box {display:flex; align-items:center; justify-content:space-between; max-width:1440px; margin:0 auto;}
.personalized-alert h1 {width:62.78%; min-width:251px; font-size:1.4rem; font-weight:500; line-height:2rem;}
.personalized-alert .btn-continue {border-bottom:1px solid #fff; font-size:1.4rem; font-weight:500; line-height:2rem; color:#fff;}
.index-wrapper .detailed-info, 
.index-wrapper .hiring-field, 
.index-wrapper .target, 
.index-wrapper .process, 
.index-wrapper .benefits {padding:0 20px;}
.visual {transition:all 1s ease-in-out;}
.visual h1 {position:relative; width:100%; min-height:360px; object-fit: fill; background:url('../img/main/top_visual_m.jpg') no-repeat center center; background-size:cover;}
.visual .tit-visual {display:none; position:absolute; bottom:48px; left:26px;} 
.visual .m-tit-visual {display:block; width:51.39%;}
.detailed-info {text-align:center;}
.detailed-info h1 {padding:32px 0 16px; font-size:32px; font-weight:700; line-height:4rem; letter-spacing:-0.3px;}
.detailed-info p {font-size:1.6rem; font-weight:500; line-height:2.4rem; color:var(--light-text-subdued);}
.detailed-info .br-m {display:block;}
.detailed-info .br-pc {display:none;}
.detailed-info .info-sub-txt {padding-top:16px; font-weight:400;}
.tit-info-c {padding:32px 0 0; font-size:2.8rem; font-weight:700; line-height:3.6rem; letter-spacing:-0.3px;}
.sub-tit-c {padding-top:24px; font-size:2rem; font-weight:700; line-height:2.8rem;}
.list-box-c {padding-top:16px;}
.list-box-c li {padding-top:4px; padding-left:20px; font-size:1.6rem; font-weight:500; line-height:2.4rem; color:var(--light-text-subdued); background:url('../img/ico/ico_dot_default.png') no-repeat center left; background-size:16px}
.list-box-c li:first-child {padding-top:0;}
.hiring-field .tit-info-c, .benefits .tit-info-c {padding-bottom:24px;}
.hiring-field .tbl-type1 {width:100%; text-align:center;}
.hiring-field .tbl-type1 tr:first-child th {font-size:1.6rem; font-weight:700; line-height:2.4rem; background-color:var(--colors-surface-altenate); color:var(--light-text-default);}
.hiring-field .tbl-type1 th {border-right:1px solid #D6D8DA;}
.hiring-field .tbl-type1 th.border-none {border-right:0;}
.hiring-field .tbl-type1 th, 
.hiring-field .tbl-type1 td {padding:12px 12px 13px; border-bottom:1px solid #D6D8DA; font-size:1.8rem; font-weight:500; line-height:2.4rem; color:var(--light-text-subdued);} 
.middle-visual {padding-top:40px;}
.middle-visual img {width:100%;}
.middle-visual .m-middle-visual {display:block;}
.middle-visual .pc-middle-visual {display:none; max-width:564px;}
.process div {padding-left:68px; background:url('../img/main/bg_process_m.png') no-repeat left 24px ; background-size:69px;}
.process .sub-tit-c {padding-top:48px;}
.process dl {padding-left:16px;}
.process dl:first-child .sub-tit-c {padding-top:24px;}
.benefits ul {width:100%;}
.benefits ul li {height:246px; margin-top:20px; padding:24px 16px 0 24px; border-radius:8px; color:#fff; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.benefits ul li:first-child {margin-top:0;}
.benefits ul li h2 {font-size:2.2rem; font-weight:700; line-height:3rem;}
.benefits ul li p {padding-top:8px; font-size:1.6rem; font-weight:400; line-height:2.4rem;}
.benefits ul li:nth-child(1) {background-image:url('../img/main/img_benefits1.png');}
.benefits ul li:nth-child(2) {background-image:url('../img/main/img_benefits2.png');}
.benefits ul li:nth-child(3) {background-image:url('../img/main/img_benefits3.png');}
.benefits ul li:nth-child(4) {background-image:url('../img/main/img_benefits4.png');}
.benefits ul li:nth-child(5) {margin-bottom:32px; background-image:url('../img/main/img_benefits5.png');}
.btn-bottom-apply {opacity:0; display:none;}
.benefits .benefit-items {opacity:1; transform:translate(0);}
.benefits .benefit-items-text {opacity:0; transform:translate(0, 50px);}

/* Mobile Sticky Button */
.floating-nav {z-index:80; position:fixed; bottom:25px; left:7.8%;}
.btn-apply {display:flex; align-items:center; justify-content:center; width:51.39%; min-width:236px; height:52px; 
    border-radius:6rem; box-shadow:0 6px 12px 0 rgba(0,0,0,0.15); background-color:var(--colors-button-primary);
    color:#fff; font-size:1.6rem; font-weight:700; line-height:2.4rem;}
.nav-more-wrap {z-index:102;/*20250610*/ position:fixed; bottom:25px; left:77.8%;}
.nav-more-wrap .btn-nav-more {z-index:100; position:relative; display:block; width:52px; height:52px; border:1px solid #858B91; border-radius:999px; background-color:#fff;
    filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));}
.nav-more-wrap .btn-nav-more::after {content:''; position:absolute; top:9px; left:9px; width:32px; height:32px; 
    background:url('../img/ico/btn_nav_more.png') no-repeat center center; background-size:32px;}
.nav-more-wrap .btn-nav-more.is-active {box-shadow:0 4px 8px 0 rgba(0,0,0,0.15); background-color:#fff;}
.nav-more-wrap .btn-nav-more.is-active::after {background-image:url('../img/ico/btn_nav_close.png');}
.nav-more-link {display:none; position:absolute; top:-136px; right:-8px; width:165px; padding:20px; border-radius:var(--form-elements-radius); 
    box-shadow:0 6px 12px 0px rgba(0,0,0,0.15); background-color:#fff;} /* 20250624 */
.nav-more-link::after {content:''; position:absolute; bottom:-16px; right:24px; width:0; height:0; border-top:8px solid #fff; border-right:8px solid transparent;
    border-bottom:8px solid transparent; border-left:8px solid transparent;}
.nav-more-link a {display:block;}
.nav-more-link a:nth-child(1) {margin-bottom:16px;}
.nav-more-link .btn-nav {position:relative; height:32px; padding-left:44px; font-size:1.6rem; font-weight:500; line-height:2.4rem; text-align:left;}
.nav-more-link .btn-nav::after {content:''; display:block; position:absolute; top:-3px; left:0; width:32px; height:32px; background-repeat:no-repeat; background-position:center center; background-size:32px;}
.nav-more-link .btn-nav-tv::after {background-image:url('../img/ico/ico_tv.png');}
.nav-more-link .btn-nav-insurance::after {background-image:url('../img/ico/ico_insu.png');}
.nav-more-link.is-active {display:block; animation:naveMoreLinkUp 0.5s ease-in-out; transition:all 0.25s cubic-bezier(0.04, 0.76, 0.67, 1.2); }

/* 개인?�� ?���? Animation */
@keyframes personalizedAlert {
    100% {
        top: 65px;
    }
}

@keyframes naveMoreLinkUp {
    from {
        opacity: 0.5;
        transform:translateY(4.125rem);
    } 
    to {
        opacity: 1;
        transform:translateY(0);
    }
}

/*20250610*/
@media (max-width: 768px) {
    .visual h1 {height:100vw;}
}

/* Tablet Size 기�?? PC Design */
@media (min-width: 768px) {
    .index-wrapper .main-container {padding-bottom:50px;}
    .nav-more-wrap {display:none;}
    .visual {position:relative; width:100%; /*min-width:1440px;*//*20250602*/ max-width:2560px; margin:0 auto;}
    .visual h1 {width:100%; max-width:2560px; min-height:515px; background-image:url('../img/main/top_visual_pc.jpg'); background-size:cover;}
    .visual .visual-box {position:relative; max-width: 1440px;/*20250612*/ margin:0 auto;}
    .visual .m-tit-visual {display:none;}
    .visual .pc-tit-visual {display:block; top:145px; bottom:0; left:10.28%; width:400px;}

    .personalized-alert h1 {width:auto; padding-right:24px;}
    .personalized-alert .personalized-box {justify-content:center; max-width:1440px; height:36px; }
    .main-container {padding-top:98px;}
    /* .main-container .main-inner-box {max-width:1152px; margin:0 auto 72px;} *//*20250602*/
    .main-container .main-inner-box {max-width:1152px; margin:0 auto;}/*20250602*/

    .detailed-info h1 {padding-top:72px; font-size:48px; line-height:56px; letter-spacing:-0.5px;}
    .detailed-info .br-m {display:none;}
    .detailed-info .br-pc {display:block;}
    .tit-info-c {padding-top:72px; font-size:40px; line-height:48px; letter-spacing:-0.5px;}
    .hiring-field .tit-info-c, .benefits .tit-info-c {padding-bottom:40px;}
    
    .main-container .target {overflow:hidden; padding-top:72px;}
    .target .tit-info-c {padding-top:24px;}
    .target .target-left {float:left;}
    .target .target-left dl .sub-tit-c {padding-top:40px;}
    .target .middle-visual {float:right; max-width:564px; padding-top:0;}

    .sub-tit-c {font-size:24px; line-height:32px;}
    .list-box-c li {padding-top:8px;}

    .index-wrapper .benefits .tit-info-c br {display:none;}

    /* Mobile Sticky Button */
    .floating-nav {display:block; position:relative; bottom:132px; left:10.28%; width:137px; height:52px;}  
    .floating-nav .btn-apply {width:185px; min-width:185px; border-radius:var(--form-elements-radius); box-shadow:none;}
    .floating-nav .nav-more-wrap {display:none;} 

    .benefits ul li:nth-child(3), .benefits ul li:nth-child(4), .benefits ul li:nth-child(5) {margin-bottom:0;}

    /* PC ?��?�� �??��?���? 버튼 */
    .bottom-apply {transition:all 1s ease-in-out; opacity:1; display:none; position:sticky; bottom:0; left:0; width:100%; height:122px; margin:0 auto;
        background: linear-gradient(180deg,rgba(255, 255, 255, 0.00) 7.03%,rgba(255, 255, 255, 0.36) 22.06%,#ffffff 43.83%);}
    .bottom-apply .btn-bottom-apply {transition:all 1s ease-in-out; opacity:1; display:block; position:absolute; bottom:22px; left:50%; width:343px; height:52px; margin-left:-172px; padding:14px 24px; border:1px solid #E00842; 
        border-radius:8px; font-size:16px; font-weight:600; text-align:center; background-color:var(--colors-button-primary); color:#fff; font-family: "Open Sans";
    }

    /* 개인?�� ?���? Animation */
    @keyframes personalizedAlert {
        100% {
            top: 98px;
        }
    }
}

@media (min-width: 1112px) {
    .process div {display:flex; justify-content:center; padding-left:0; padding-top:40px; background:none;}
    .process dl {position:relative; width:240px; padding-left:0; margin-left:140px;}
    .process dl::after {content:''; position:absolute; top:85px; left:265px; display:block; width:90px; height:10px; background:url('../img/ico/ico_dot_group.png') no-repeat right center; background-size:90px;}
    .process dl:first-child {margin-left:0;}
    .process dl:last-child::after {display:none;}
    .process .sub-tit-c {display:flex; align-items:flex-start; justify-content:center; width:180px; height:180px; 
        margin-left:30px; margin-right:30px; border-radius:50%; background-color:#FFE4E7;}
    .process dl .sub-tit-c {background-repeat:no-repeat; background-position:center 44px; background-size:48px;}
    .process dl:first-child .sub-tit-c {padding-top:104px; background-image:url('../img/ico/ico_write.png');}
    .process dl:nth-child(2) .sub-tit-c {padding-top:104px; background-image:url('../img/ico/ico_meetup.png');}
    .process dl:last-child .sub-tit-c {padding-top:104px; background-image:url('../img/ico/ico_partner.png'); background-color:#FF7A85; color:#fff;}
    .process dl .list-box-c {padding-top:40px;}

    /* .benefits ul {display:flex; flex-wrap:wrap; width:77.22%; min-width:1112px;} *//*20250602*/
    .benefits ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}/*20250602*/
    .benefits ul li {flex-shrink:0; flex-basis:32.37%; height:247px; margin-top:16px; /*margin-left:16px;*//*20250602*/ background-size:cover;}
    /* .benefits ul li:nth-child(1) {flex-shrink:0; flex-grow:1; flex-basis:64.74%; margin-left:0;} *//*20250602*/
    .benefits ul li:nth-child(1) {flex-shrink:0; flex-grow:1; flex-basis:64.74%; margin-right: 16px;}/*20250602*/
    .benefits ul li:nth-child(2) {margin-top:0;}
    .benefits ul li:nth-child(3) {margin-left:0;}
    .benefits ul li:nth-child(1) {background-image:url('../img/main/img_pc_benefits1.png');}
    .benefits ul li:nth-child(2) {background-image:url('../img/main/img_pc_benefits2.png');}
    .benefits ul li:nth-child(3) {background-image:url('../img/main/img_pc_benefits3.png');}
    .benefits ul li:nth-child(4) {background-image:url('../img/main/img_pc_benefits4.png');}
    .benefits ul li:nth-child(5) {margin-bottom:32px; background-image:url('../img/main/img_pc_benefits5.png');}
}

@media (min-width: 1440px) {
    .personalized-alert .personalized-box {padding:0 168px;}
}

@media (hover: hover) and (pointer: fine) {
    .floating-nav .btn-apply:hover {background-color:#B30635;} 
}