@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/fonts/Pretendard-Thin.eot');
    src: url('/fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-Thin.woff2') format('woff2'),
        url('/fonts/Pretendard-Thin.woff') format('woff'),
        url('/fonts/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('/fonts/Pretendard-ExtraLight.eot');
    src: url('/fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-ExtraLight.woff2') format('woff2'),
        url('/fonts/Pretendard-ExtraLight.woff') format('woff'),
        url('/fonts/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('/fonts/Pretendard-Light.eot');
    src: url('/fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-Light.woff2') format('woff2'),
        url('/fonts/Pretendard-Light.woff') format('woff'),
        url('/fonts/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/Pretendard-Regular.eot');
    src: url('/fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-Regular.woff2') format('woff2'),
        url('/fonts/Pretendard-Regular.woff') format('woff'),
        url('/fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/Pretendard-Medium.eot');
    src: url('/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-Medium.woff2') format('woff2'),
        url('/fonts/Pretendard-Medium.woff') format('woff'),
        url('/fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('/fonts/Pretendard-SemiBold.eot');
    src: url('/fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('/fonts/Pretendard-SemiBold.woff') format('woff'),
        url('/fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('/fonts/Pretendard-Bold.eot');
    src: url('/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-Bold.woff2') format('woff2'),
        url('/fonts/Pretendard-Bold.woff') format('woff'),
        url('/fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('/fonts/Pretendard-ExtraBold.eot');
    src: url('/fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
        url('/fonts/Pretendard-ExtraBold.woff') format('woff'),
        url('/fonts/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('/fonts/Pretendard-Black.eot');
    src: url('/fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Pretendard-Black.woff2') format('woff2'),
        url('/fonts/Pretendard-Black.woff') format('woff'),
        url('/fonts/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

.notScroll {position:fixed; top:0; left:0; overscroll-behavior: none;}

.bluedoc_promotion * {font-family:'Pretendard', sans-serif !important;font-weight:500;letter-spacing:-.06em;}
.bluedoc_promotion img {display:block;width:100%;}

.bluedoc_promotion .pc_view {display:inline;}
.bluedoc_promotion .mo_view {display:none;}

.bluedoc_promotion .visual {position:relative;height:685px;}
.bluedoc_promotion .visual .img {position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background-image:url("../img/renew_resume/visual_2.jpg?ver=1");background-repeat:no-repeat;background-position:center 0;background-size:auto 100%;}

.bluedoc_promotion {padding-top:66px;}
.bluedoc_promotion .inner{position: relative; font-size: 0;max-width:1020px !important;}

.bluedoc_promotion .tit_area {font-size:45px;line-height:60px;color:#000;text-align:center;}

.bluedoc_promotion .area_benefit {padding:130px 0 150px;}
.bluedoc_promotion .area_benefit .btn_join {display:block;position:relative;width:100%;margin-top:50px;padding:12px 0;border:1px solid #4867ff;border-radius:33px;box-shadow:3px 3px 8px rgba(0,0,0,.2);}
.bluedoc_promotion .area_benefit .btn_join:after {content:'';position:absolute;top:50%;right:25px;transform:translateY(-50%);width:24px;height:24px;background:url("../img/renew_resume/arr_join.png?ver=1") no-repeat 0 0;background-size:24px;transition:transform .2s;}
.bluedoc_promotion .area_benefit .btn_join:hover:after {transform:translate(8px, -50%);}

.bluedoc_promotion .area_benefit .btn_join .txt {font-weight:400;font-size:22px;line-height:40px;color:#4867ff;text-align:center;}
.bluedoc_promotion .area_benefit .btn_join .txt em {font-weight:inherit;}

.bluedoc_promotion .area_benefit .link_go {display:block;position:relative;width:100%;margin-top:27px;padding:14px 0;border:1px solid #3c3d41;border-radius:33px;background-color:#3c3d41;box-shadow:3px 3px 8px rgba(0,0,0,.2);box-sizing:border-box;}
.bluedoc_promotion .area_benefit .link_go:after {content:'';position:absolute;top:50%;right:25px;transform:translateY(-50%);width:24px;height:24px;background:url("../img/renew_resume/arr_link_go.png?ver=1") no-repeat 0 0;background-size:24px;transition:transform .2s;}
.bluedoc_promotion .area_benefit .link_go:hover:after {transform:translate(8px, -50%);}
.bluedoc_promotion .area_benefit .link_go .txt {font-weight:400;font-size:24px;line-height:36px;color:#fff;text-align:center;}

.bluedoc_promotion .cont_benefit {margin-top:50px;}
.bluedoc_promotion .cont_benefit .lst_benefit {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 20px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item {position:relative;height:703px;padding:20px 20px 36px;border:1px solid #e3e5e8;border-radius:6px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .thumb {width:100%;height:233px;background-repeat:no-repeat;background-position:center;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_1 .thumb {background-image:url("../img/renew_resume/thumb_step_1_2.jpg?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_2 .thumb {background-image:url("../img/renew_resume/thumb_step_2.jpg?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_3 .thumb {background-image:url("../img/renew_resume/thumb_step_3_1.jpg?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .thumb {background-image:url("../img/renew_resume/thumb_step_bonus_2.jpg?ver=1");}

.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_tit {display:flex;align-items:center;margin-top:16px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_tit .tit_benefit {position:relative;padding-left:65px;font-size:30px;line-height:50px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_tit .tit_benefit:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:50px;height:50px;background-repeat:no-repeat;background-position:0 0;background-size:50px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_tit .txt_notice {margin-left:14px;font-weight:400;font-size:16px;line-height:20px;color:#ff0000;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_1 .box_tit .tit_benefit:before {background-image:url("../img/renew_resume/icon_step_1.png?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_2 .box_tit .tit_benefit:before {background-image:url("../img/renew_resume/icon_step_2.png?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_3 .box_tit .tit_benefit:before {background-image:url("../img/renew_resume/icon_step_3.png?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit .tit_benefit:before {background-image:url("../img/renew_resume/icon_step_bonus.png?ver=1");}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit .tit_benefit .icon_txt {padding-right:10px;letter-spacing:0;background:linear-gradient(329deg, #1c9ef6, #4867ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit .tit_benefit .icon_txt .italic {font-style:italic;}

.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info {margin-top:20px;padding-top:30px; padding-left:5px;border-top:1px solid #e3e5e8;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .tit_info {position:relative;padding-left:10px;font-size:24px;line-height:26px;color:#4867ff;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .tit_info:before {content:'';position:absolute;top:50%;left:0px;transform:translateY(-50%);width:3px;height:20px;background-color:#4867ff;}

.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info {margin-top:20px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info > .item {padding-left:110px;font-weight:400;font-size:22px;line-height:32px;color:#2a2a2a;text-indent:-110px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info > .item .mid {font-size:inherit;line-height:inherit;color:#000;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info > .item .count {font-size:inherit;line-height:inherit;color:#ff0000;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info > .item + .item {margin-top:10px;}

.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .txt_notice {margin-top:14px;padding-left:14px;font-weight:400;font-size:17px;line-height:25px;color:#888686;text-indent:-12px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .txt_notice .underline {font-size:inherit;line-height:inherit;color:inherit;text-decoration:underline;transition:color .2s;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .txt_notice .link_under:hover .underline {color:#4867ff;}


.bluedoc_promotion .cont_benefit .lst_benefit > .item .btn_benefit {position:absolute;bottom:36px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);height:55px;border-radius:28px;font-weight:400;font-size:20px;line-height:55px;color:#fff;text-align:center;background-color:#178bf5;transition:background-color .2s;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item .btn_benefit:hover {background-color:#0079e8;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_info .txt_notice.ref {margin-top:0;color:#888686; text-indent: -20px;}
.bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_info .txt_notice {color:#ff0000;}

.bluedoc_promotion .link_banner {display:block;width:1020px;height:240px;margin:0 auto 150px;background-repeat:no-repeat;background-position:0 0;background-size:100%;background-image:url("../img/renew_resume/img_banner_off.png?ver=1");transition:background-image .2s;}
.bluedoc_promotion .link_banner:hover {background-image:url("../img/renew_resume/img_banner_on.png?ver=1");}

.bluedoc_promotion .area_service {padding:130px 0;background-color:#f2f3f8;}
.bluedoc_promotion .cont_service {margin-top:50px;}
.bluedoc_promotion .cont_service .lst_service {display:grid;grid-template-columns:repeat(3, 1fr);gap:13px;}
.bluedoc_promotion .cont_service .item {padding:38px 15px 41px;border:1px solid #dfdfdf;border-radius:6px;background-color:#fff;text-align:center;}
.bluedoc_promotion .cont_service .item .icon {width:92px;margin:0 auto 10px;}
.bluedoc_promotion .cont_service .item .tit {font-size:26px;line-height:36px;color:#111;}
.bluedoc_promotion .cont_service .item .txt {margin-top:10px;font-weight:400;font-size:18px;line-height:26px;color:#111;}
.bluedoc_promotion .cont_service .item .txt em {font-weight:inherit;font-size:inherit;line-height:inherit;color:#ff0000;}

.bluedoc_promotion .area_notice {background-color:#3c3d41;}
.bluedoc_promotion .area_notice .img {margin:0 auto;width:1020px;height:337px;background-repeat:no-repeat;background-position:0 0;background-size:100%;background-image:url("../img/renew_resume/img_notice_1.jpg?ver=1");}


.area_share {position:fixed;bottom:160px;right:50%;margin-right:-730px;}
.area_share .lst_share .item + .item {margin-top:10px;}
.area_share .lst_share .item .btn_share .icon {width:46px;height:46px;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.area_share .lst_share .item .btn_share.kakao .icon {background-image:url("../img/index/icon_kakao.png");}
.area_share .lst_share .item .btn_share.link .icon {background-image:url("../img/index/icon_link.png");}
.area_share .lst_share .item .btn_share .txt {margin-top:5px;font-size:12px;line-height:15px;text-align:center;color:#000;}

@media screen and (max-width:1500px) {
    .area_share {right:20px;margin-right:0;}
}
@media screen and (max-width:1400px) {
    .bluedoc_promotion .visual {height:510px;}
}
@media screen and (max-width:1023px) {
    .bluedoc_promotion .pc_view {display:none;}
    .bluedoc_promotion .mo_view {display:inline;}

    .bluedoc_promotion .visual {height:147.33vw;}
    .bluedoc_promotion .visual .img {background-image:url("../img/renew_resume/visual_m_2.jpg?ver=1");}

    .bluedoc_promotion .tit_area {font-size:6.4vw;line-height:8.14vw;}

    .bluedoc_promotion .inner {padding:0 3.49vw;}

    .bluedoc_promotion .area_benefit {padding:22.09vw 0 23.26vw;}
    .bluedoc_promotion .area_benefit .btn_join {margin-top:6.98vw;padding:3.26vw 6.74vw;border-width:.23vw;border-radius:8.14vw;box-shadow:.35vw .35vw .93vw rgba(0, 0, 0, .2);box-sizing:border-box;}
    .bluedoc_promotion .area_benefit .btn_join .txt {font-size:4vw;line-height:5.65vw;text-align:left;}
    .bluedoc_promotion .area_benefit .btn_join:after {right:5.58vw;width:5.81vw;height:5.81vw;background-size:100%;}
    .bluedoc_promotion .area_benefit .btn_join:hover:after {transform:translate(0, -50%);}

    .bluedoc_promotion .area_benefit .link_go {margin-top:3.49vw;padding:3.49vw 6.74vw;border-width:.23vw;border-radius:8.14vw;box-shadow:.35vw .35vw .93vw rgba(0, 0, 0, .2);}
    .bluedoc_promotion .area_benefit .link_go .txt {font-size:4.07vw;line-height:4.65vw;text-align:left;}
    .bluedoc_promotion .area_benefit .link_go:after {right:5.58vw;width:5.81vw;height:5.81vw;background-size:100%;}
    .bluedoc_promotion .area_benefit .link_go:hover:after {transform:translate(0, -50%);}

    .bluedoc_promotion .cont_benefit {margin-top:8.14vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit {display:block;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item {height:133.05vw;padding:5.58vw 5.58vw 8.14vw;border-width:.23vw;border-radius:1.63vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item + .item {margin-top:3.49vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .thumb {height:43.02vw;background-size:100%;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_1 .thumb {background-image:url("../img/renew_resume/thumb_step_1_m_2.jpg?ver=1");}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_2 .thumb {background-image:url("../img/renew_resume/thumb_step_2_m.jpg?ver=1");}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_3 .thumb {background-image:url("../img/renew_resume/thumb_step_3_m_1.jpg?ver=1");}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .thumb {background-image:url("../img/renew_resume/thumb_step_bonus_m_2.jpg?ver=1");}

    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_tit {margin-top:5.81vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_tit .txt_notice {margin-left:2.91vw;font-size:2.91vw;line-height:3.14vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info {padding-top:4.65vw;border-width:.23vw;}

    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_1 .box_tit .tit_benefit,
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_2 .box_tit .tit_benefit,
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_3 .box_tit .tit_benefit {padding-left:0;font-size:4.88vw;line-height:5.12vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_1 .box_tit .tit_benefit:before,
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_2 .box_tit .tit_benefit:before,
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_3 .box_tit .tit_benefit:before {display:none;}

    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit {margin-top:4.65vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit .tit_benefit {padding-left:8.72vw;font-size:4.88vw;line-height:6.4vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit .tit_benefit:before {width:6.4vw;height:6.4vw;background-size:6.4vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_tit .tit_benefit .icon_txt {padding-right:1.74vw;}

    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_1 .box_info,
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_2 .box_info,
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_3 .box_info {margin-top:5.81vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_info {margin-top:4.65vw;}

    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .tit_info {padding-left:1.74vw;font-size:4.07vw;line-height:4.3vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .tit_info:before {left:0;width:.58vw;height:3.26vw;}

    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info {margin-top:1.74vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info > .item {padding-left:18.66vw;font-size:3.72vw;line-height:5.58vw;text-indent:-18.66vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .lst_info > .item + .item {margin-top:2.09vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .box_info .txt_notice {margin-top:3.84vw;padding-left:2.44vw;font-size:2.91vw;line-height:4.65vw;text-indent:-2.14vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item.step_bonus .box_info .txt_notice.ref {margin-top: 0; color: #888686; text-indent: -16px;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .btn_benefit {bottom:8.14vw;width:calc(100% - 11.16vw);height:11.63vw;border-radius:5.81vw;font-size:4.42vw;line-height:11.63vw;}
    .bluedoc_promotion .cont_benefit .lst_benefit > .item .btn_benefit:hover {background-color:#178bf5;}

    .bluedoc_promotion .link_banner {width:100%;height:86.19vw;margin:0;background-image:url(../img/renew_resume/img_banner_m.png?ver=1);}
    .bluedoc_promotion .link_banner:hover {background-image:url(../img/renew_resume/img_banner_m.png?ver=1);}

    .bluedoc_promotion .area_service {padding:23.26vw 0;}
    .bluedoc_promotion .cont_service {margin-top:6.98vw;}
    .bluedoc_promotion .cont_service .lst_service {grid-template-columns:repeat(2, 1fr);gap:2.33vw;}
    .bluedoc_promotion .cont_service .item {padding:6.98vw 1.74vw;border-width:.23vw;border-radius:1.63vw;}
    .bluedoc_promotion .cont_service .item .icon {width:18.6vw;margin:0 auto 2.79vw;}
    .bluedoc_promotion .cont_service .item .tit {font-size:4.07vw;line-height:4.3vw;}
    .bluedoc_promotion .cont_service .item .txt {margin-top:1.74vw;font-size:3.26vw;line-height:4.19vw;}

    .bluedoc_promotion .area_notice .img {width:100%;height:95.81vw;background-image:url(../img/renew_resume/img_notice_m_1.jpg?ver=1);}

    
    .area_share {bottom:85px;}
    .area_share .lst_share .item .btn_share .txt {display:none;}
}