@charset "utf-8";

/*** 공통 ***/

/* 안내텍스트 */
.inforTxt {position:relative;padding-left:2rem;}
.inforTxt::before {position:absolute;top:4px;left:0;content:'';width:1.6rem;height:1.6rem;background:url(/resource/images/paid/nep/layout/component/ico_information.svg) no-repeat center center/contain;}

/* 패널소개 타이틀 */
@media (max-width:1023px) {
    .panel_all h3 {font-size:2.8rem;}
}
@media (max-width:767px) {
    .panel_all h3 {font-size:2.4rem;}
}

/* 패널소개 페이지 메인문구 페이퍼로지(Paperlogy) 폰트 */
.paperlogy {
    font-family: "Paperlogy", sans-serif !important;
    font-weight:800;
}

/*** 국민패널 소개 ***/

/* 상단 인트로 */
.panel_all .top_intro {position:relative;display:flex;align-items:center;}
.panel_all .top_intro .cont_area{flex-shrink:0;padding-bottom:2.4rem;}
.panel_all .top_intro .cont_area .tit_area .main_txt {font-size:4.8rem;transition:var(--transition-base);}
.panel_all .top_intro .cont_area .tit_area .main_txt span {color:var(--primary60);}
.panel_all .top_intro .cont_area .tit_area .sub_txt {font-size:1.8rem;margin-top:2rem;}
.panel_all .top_intro .cont_area .btn_area {margin:4rem 0 2rem;display:flex;gap:1.2rem;}
.panel_all .top_intro .img_area {margin-left:auto;display:block;}

@media (max-width:1023px) {
    .panel_all .top_intro .cont_area{padding-bottom:0;width:50%;}
    .panel_all .top_intro .cont_area .tit_area .main_txt {font-size:3.6rem;}
    .panel_all .top_intro .cont_area .tit_area .sub_txt {font-size:1.7rem;}
    .panel_all .top_intro .cont_area .tit_area .sub_txt br {display:none;}
}
@media (max-width:767px) {
    .panel_all .top_intro{flex-direction:column;}
    .panel_all .top_intro .cont_area {width:100%;padding:0 1.2rem;}
    .panel_all .top_intro .cont_area .tit_area .main_txt {font-size:3.2rem;}
    .panel_all .top_intro .cont_area .tit_area .main_txt br {display:none;}
    .panel_all .top_intro .cont_area .tit_area .sub_txt {font-size:1.6rem;}
    .panel_all .top_intro .cont_area .tit_area .sub_txt br {display:block;}
    .panel_all .top_intro .cont_area .btn_area {margin-top:2.8rem;}
    .panel_all .top_intro .cont_area .btn_area > a {flex:1;}
    .panel_all .top_intro .cont_area .fieldset-msg {font-size:1.7rem;}
    .panel_all .top_intro .cont_area .fieldset-msg::before {top:0.1rem;}
    .panel_all .top_intro .img_area {max-width:50rem;margin:0 auto;}
}
@media (max-width:639px) {
    .panel_all .top_intro .cont_area {padding:0 1.6rem;}
    .panel_all .top_intro .cont_area .tit_area .main_txt br {display:block;}
}
@media (max-width:479px) {
    .panel_all .top_intro .cont_area .tit_area .main_txt {font-size:2.8rem;}
    .panel_all .top_intro .cont_area .tit_area .sub_txt br {display:none;}
    .panel_all .top_intro .cont_area .btn_area {flex-direction:column;}
    .panel_all .top_intro .cont_area .btn_area > a {flex:auto;}
}

/* 국민패널이란 무엇인가요 */
.panel_all .section_card {display:flex;gap:2.4rem;}
.panel_all .section_card li {flex:1;padding:2.8rem 3.2rem 2.8rem 8.8rem;border-radius:var(--radius-xlg);background-color:var(--secondary5);position:relative;}
.panel_all .section_card li::before {content:'';position:absolute;top:2.8rem;left:3.2rem;width:4rem;height:4rem;display:block;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.panel_all .section_card li.icon_1::before {background-image:url(/resource/images/paid/nep/thk/content/allpanel_icon1.png);}
.panel_all .section_card li.icon_2::before {background-image:url(/resource/images/paid/nep/thk/content/allpanel_icon2.png);}
.panel_all .section_card li.icon_3::before {background-image:url(/resource/images/paid/nep/thk/content/allpanel_icon3.png);}
.panel_all .section_card li dl {display:flex;flex-direction:column;gap:1.2rem;}
.panel_all .section_card li dt {font-size:2.2rem;font-weight:700;}
.panel_all .section_card li dd {font-size:1.8rem;}

@media (max-width:1023px) {
    .panel_all .section_card {gap:2rem;}
    .panel_all .section_card li {padding:2.4rem 2rem 2.4rem 7.2rem;}
    .panel_all .section_card li::before {top:2.4rem;left:2.4rem;width:3.6rem;height:3.6rem;}
    .panel_all .section_card li dt {font-size:2rem;}
    .panel_all .section_card li dd {font-size:1.7rem;}
}
@media (max-width:767px) {
    .panel_all .section_card {flex-direction:column;gap:1.6rem;}
    .panel_all .section_card li {padding:2rem 2rem 2rem 6.4rem;}
    .panel_all .section_card li::before {top:2rem;left:2rem;width:3.2rem;height:3.2rem;}
    .panel_all .section_card li dl {gap:0.8rem;}
    .panel_all .section_card li dt {font-size:1.8rem;}
    .panel_all .section_card li dd {font-size:1.6rem;}
}

/* 국민패널은 이렇게 구성되어 있어요 */
.panel_all .panel_type {position:relative;margin-top:2.4rem;}
.panel_all .panel_type::before {content:'';position:absolute;left:-5rem;width:calc(100% + 10rem);height:100%;border-radius:var(--radius-max);background-color:var(--gray0);border:3px dashed var(--secondary20);z-index:-1;box-shadow:0 0.8rem 1.6rem rgba(14,50,121,0.1)}
.panel_all .panel_type h4 {position:absolute;top:-1.6rem;left:calc(50% - 5rem);width:10rem;text-align:center;background-color:var(--gray0);color:var(--gray80);}
.panel_all .panel_type ul {padding:4rem 0;display:flex;width:100%;gap:2.4rem;}
.panel_all .panel_type ul li {flex:1;text-align:center;border-radius:var(--radius-max);padding:2.4rem 0;}
.panel_all .panel_type ul li.type1 {background-color:var(--primary5);}
.panel_all .panel_type ul li.type2 {background-color:var(--success5);}
.panel_all .panel_type ul li.type3 {background-color:var(--warning5);}
.panel_all .panel_type ul li dl dt {font-size:2rem;font-weight:700;margin-bottom:1.2rem;}
.panel_all .panel_type ul li dl dd {display:inline-flex;align-items:center;height:3.2rem;padding:0 2rem;font-size:1.6rem;background-color:var(--gray0);border-width:1px;border-style:solid;border-radius:var(--radius-max);}
.panel_all .panel_type ul li.type1 dl dd {border-color:var(--primary50);color:var(--primary60);}
.panel_all .panel_type ul li.type2 dl dd {border-color:var(--success50);color:var(--success60);}
.panel_all .panel_type ul li.type3 dl dd {border-color:var(--warning50);color:var(--warning60);}

@media (max-width:1023px) {
    .panel_all .panel_type::before {left:0;width:100%;border-radius:var(--radius-max);}
    .panel_all .panel_type ul {padding:2.4rem 3.2rem;gap:2rem;}
    .panel_all .panel_type h4 {font-size:2rem;}
    .panel_all .panel_type ul li dl dt {font-size:1.8rem;}
    .panel_all .panel_type ul li dl dd {padding:0 1.2rem;}
    .panel_all .panel_type ul li dl dd {font-size:1.5rem;}
}
@media (max-width:767px) {
    .panel_all .panel_type::before {border-radius:var(--radius-xlg);}
    .panel_all .panel_type ul {flex-direction:column;padding:2.4rem;gap:1.6rem;}
    .panel_all .panel_type ul li {padding:1.6rem;}
    .panel_all .panel_type ul li dl dt {margin-bottom:0.8rem;}
}

/* 가입하기 버튼 */
.panel_join {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.6rem;}

@media (max-width:639px) {
    .panel_join {flex-direction:column;align-items:flex-start;text-align:left;}
    .panel_join a {width:100%;}
}


/*** 청년 정책패널 소개 ***/

/* 상단 */
.panel_young .top_intro {position:relative;display:flex;align-items:center;}
.panel_young .top_intro .cont_area{flex-shrink:0;padding-top:2.4rem;}
.panel_young .top_intro .cont_area .tit_area .top_txt {font-size:2.4rem;font-weight:700;}
.panel_young .top_intro .cont_area .tit_area .main_txt {font-size:4.8rem;transition:var(--transition-base);margin-top:1.6rem;}
.panel_young .top_intro .cont_area .tit_area .main_txt span {color:var(--primary60);}
.panel_young .top_intro .cont_area .tit_area .sub_txt {font-size:1.8rem;margin-top:1.6rem;}
.panel_young .top_intro .cont_area .btn_area {margin:4rem 0 2rem;display:flex;gap:1.2rem;}
.panel_young .top_intro .img_area {margin-left:auto;display:block;max-width:55%;}

@media (max-width:1023px) {
    .panel_young .top_intro .cont_area{padding-bottom:0;width:50%;}
    .panel_young .top_intro .cont_area .tit_area .top_txt {font-size:2rem;}
    .panel_young .top_intro .cont_area .tit_area .main_txt {font-size:4.4rem;}
    .panel_young .top_intro .cont_area .tit_area .sub_txt {font-size:1.7rem;}
}
@media (max-width:767px) {
    .panel_young .top_intro{flex-direction:column;}
    .panel_young .top_intro .cont_area {width:100%;padding:0 1.2rem;}
    .panel_young .top_intro .cont_area .tit_area .top_txt {font-size:1.8rem;}
    .panel_young .top_intro .cont_area .tit_area .main_txt {font-size:3.2rem;margin-top:1.2rem;}
    .panel_young .top_intro .cont_area .tit_area .main_txt br {display:none;}
    .panel_young .top_intro .cont_area .tit_area .sub_txt {font-size:1.6rem;margin-top:1.2rem;}
    .panel_young .top_intro .cont_area .btn_area {margin-top:2.8rem;}
    .panel_young .top_intro .cont_area .btn_area > a {flex:1;}
    .panel_young .top_intro .cont_area .fieldset-msg {font-size:1.7rem;}
    .panel_young .top_intro .cont_area .fieldset-msg::before {top:0.1rem;}
    .panel_young .top_intro .img_area {max-width:50rem;width:80%;margin:0 auto;}
}
@media (max-width:479px) {
    .panel_young .top_intro .cont_area .tit_area .main_txt {font-size:2.8rem;}
    .panel_young .top_intro .cont_area .tit_area .main_txt br {display:block;}
    .panel_young .top_intro .cont_area .tit_area .sub_txt br {display:none;}
    .panel_young .top_intro .cont_area .btn_area {flex-direction:column;}
    .panel_young .top_intro .cont_area .btn_area > a {flex:auto;}
}

/* 주요활동 */
.panel_young .activity_list ul {display:flex;gap:3.2rem;}
.panel_young .activity_list ul li {flex:1;display:flex;gap:1.6rem;font-size:2rem;border-radius:var(--radius-xlg);padding:3.2rem;position:relative;}
.panel_young .activity_list ul li.activity_1 {background-color:var(--primary5);}
.panel_young .activity_list ul li.activity_2 {background-color:var(--point5);}
.panel_young .activity_list ul li.activity_3 {background-color:var(--success5);}
.panel_young .activity_list ul li::before {content:'';display:block;width:4rem;height:4rem;background-color:var(--gray0);flex-shrink:0;border-radius:var(--radius-max);}
.panel_young .activity_list ul li::after {content:'';display:block;width:2.4rem;height:2.4rem;position:absolute;top:4rem;left:4rem;-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;}
.panel_young .activity_list ul li.activity_1::after {background-color:var(--primary70);-webkit-mask-image:url(/resource/images/paid/nep/layout/component/ico_outline.svg);mask-image:url(/resource/images/paid/nep/layout/component/ico_outline.svg);}
.panel_young .activity_list ul li.activity_2::after {background-color:var(--point70);-webkit-mask-image:url(/resource/images/paid/nep/layout/component/ico_thumb_up_thin.svg);mask-image:url(/resource/images/paid/nep/layout/component/ico_thumb_up_thin.svg);}
.panel_young .activity_list ul li.activity_3::after {background-color:var(--success70);-webkit-mask-image:url(/resource/images/paid/nep/layout/component/ico_trophy.svg);mask-image:url(/resource/images/paid/nep/layout/component/ico_trophy.svg);}
.panel_young .activity_list ul li dl {display:flex;flex-direction:column;gap:1.2rem;}
.panel_young .activity_list ul li dl dt {font-size:2.2rem;font-weight:700;}
.panel_young .activity_list ul li dl dd {font-size:2rem;}

@media (max-width:1023px) {
    .panel_young .activity_list ul {gap:2.4rem;}
    .panel_young .activity_list ul li {font-size:1.8rem;padding:2.4rem;}
    .panel_young .activity_list ul li::after {top:3.2rem;left:3.2rem;}
    .panel_young .activity_list ul li dl dt {font-size:2rem;}
    .panel_young .activity_list ul li dl dd {font-size:1.7rem;}
}
@media (max-width:767px) {
    .panel_young .activity_list ul {gap:2rem;flex-direction:column;}
    .panel_young .activity_list ul li {font-size:1.6rem;padding:1.6rem;align-items:flex-start;}
    .panel_young .activity_list ul li::after {top:2.4rem;left:2.4rem;}
    .panel_young .activity_list ul li dl {gap:0.8rem;}
    .panel_young .activity_list ul li dl dt {font-size:1.8rem;}
    .panel_young .activity_list ul li dl dd {font-size:1.6rem;}
}

/* 모집개요 */
.panel_young .overview {border-top:1px solid var(--gray80);display:flex;flex-direction:column;}
.panel_young .overview dl {display:flex;position:relative;border-bottom:1px solid var(--gray20);padding:1.6rem 0;}
.panel_young .overview dl dt {flex-shrink:0;width:14rem;font-weight:700;font-size:2rem;color:var(--primary70);padding-left:1.2rem;}
.panel_young .overview dl dd {font-size:2rem;}
.panel_young .overview dl dd .info_txt {position:relative;padding-left:2.8rem;color:var(--information60);font-size:1.8rem;margin-top:0.4rem;}
.panel_young .overview dl dd .info_txt::before {content:'';position:absolute;top:3px;left:0;display:block;width:2rem;height:2rem;background-color:var(--information60);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:contain;-webkit-mask-image:url(/resource/images/paid/nep/layout/component/ico_information.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;mask-image:url(/resource/images/paid/nep/layout/component/ico_information.svg);}

@media (max-width:1023px) {
    .panel_young .overview dl dt {font-size:1.8rem;width:12rem;}
    .panel_young .overview dl dd {font-size:1.8rem;}
    .panel_young .overview dl dd .info_txt {font-size:1.7rem;}
}
@media (max-width:767px) {
    .panel_young .overview dl dt {font-size:1.7rem;width:10rem;}
    .panel_young .overview dl dd {font-size:1.7rem;}
    .panel_young .overview dl dd .info_txt {font-size:1.6rem;padding-left:2.4rem;}
    .panel_young .overview dl dd .info_txt::before {width:1.6rem;height:1.6rem;top:4px;}
}
@media (max-width:479px) {
    .panel_young .overview dl {flex-direction:column;gap:0.8rem;}
    .panel_young .overview dl dt,
    .panel_young .overview dl dd {width:100%;padding:0 1.2rem;}
    .panel_young .overview dl dd {font-size:1.6rem;}
    .panel_young .overview dl dd .info_txt {font-size:1.5rem;}
    .panel_young .overview dl dd .info_txt::before {top:3px;}
}

/* 활동 혜택 */
.panel_young .benefit ul {display:flex;gap:2.4rem;flex-wrap:wrap;}
.panel_young .benefit ul li {flex:1;text-align:center;border-radius:var(--radius-xlg);background-color:var(--secondary5);padding:8.4rem 2.4rem 3.2rem;font-weight:700;font-size:1.9rem;position:relative;}
.panel_young .benefit ul li::before {content:'';width:4rem;height:4rem;display:flex;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:2.8rem;left:calc(50% - 2rem);}
.panel_young .benefit ul li.benefit_1::before {background-image:url(/resource/images/paid/nep/thk/content/young_benefit1.png);}
.panel_young .benefit ul li.benefit_2::before {background-image:url(/resource/images/paid/nep/thk/content/young_benefit2.png);}
.panel_young .benefit ul li.benefit_3::before {background-image:url(/resource/images/paid/nep/thk/content/young_benefit3.png);}
.panel_young .benefit ul li.benefit_4::before {background-image:url(/resource/images/paid/nep/thk/content/young_benefit4.png);}
.panel_young .benefit ul li span {font-size:1.6rem;font-weight:400;display:block;}

@media (max-width:1023px) {
    .panel_young .benefit ul {gap:1.6rem;}
    .panel_young .benefit ul li {flex:auto;width:calc(50% - 1.2rem);padding:7.2rem 2.4rem 2.8rem;}
    .panel_young .benefit ul li::before{width:3.6rem;height:3.6rem;top:2.4rem;}
}
@media (max-width:767px) {
    .panel_young .benefit ul li {font-size:1.7rem;padding:6.4rem 2rem 2rem;}
    .panel_young .benefit ul li::before{width:3.2rem;height:3.2rem;top:2rem;}
    .panel_young .benefit ul li span {font-size:1.5rem;}
}
@media (max-width:479px) {
    .panel_young .benefit ul li {font-size:1.6rem;padding:2rem 1.6rem 2rem 6.4rem;width:100%;text-align:left;}
    .panel_young .benefit ul li::before {left:1.6rem;top:1.6rem;width:3.2rem;height:3.2rem;}
}

/*** 청소년 정책패널 소개 ***/

/* 레이아웃 및 상단이미지 */
.panel_teen {background-color:var(--secondary5);border-radius:var(--radius-xlg);padding:4rem 0;display:flex;flex-direction:column;gap:4rem;margin-top:4rem;}
.panel_teen .tit_area {display:flex;width:100%;justify-content:space-between;position:relative;align-items:center;}
.panel_teen .tit_area::before,
.panel_teen .tit_area::after {content:'';width:50%;max-height:100%;}
.panel_teen .tit_area::before {max-width:420px;height:387px;background:url(/resource/images/paid/nep/thk/content/bg_panel_teen_left.png) no-repeat 0 bottom;background-size:contain;}
.panel_teen .tit_area::after {max-width:422px;height:376px;background:url(/resource/images/paid/nep/thk/content/bg_panel_teen_right.png) no-repeat 100% bottom;background-size:contain;}
.panel_teen .tit_area h3 {width:40%;max-width:317px;height:296px;background:url(/resource/images/paid/nep/thk/content/panel_teen_tit.png) no-repeat center 0;background-size:contain;z-index:3;flex-shrink:1;}

@media (max-width:1023px) {
    .panel_teen {gap:3.2rem;}
    .panel_teen .tit_area {justify-content:center;}
    .panel_teen .tit_area::before {position:absolute;left:0;width:30%;height:100%;}
    .panel_teen .tit_area::after {position:absolute;right:0;width:30%;height:100%;}
}
@media (max-width:767px) {
    .panel_teen {gap:2.4rem;padding:3.2rem 0;margin-top:3.2rem;}
    .panel_teen .tit_area h3 {height:260px;}
}
@media (max-width:639px) {
    .panel_teen .tit_area::before {background-position:0 88%;width:32%;}
    .panel_teen .tit_area::after {background-position:100% 88%;width:32%;}
    .panel_teen .tit_area h3 {width:50%;height:220px;}
}
@media (max-width:479px) {
    .panel_teen .tit_area::before {background-position:0 90%;width:34%;}
    .panel_teen .tit_area::after {background-position:100% 90%;width:34%;}
    .panel_teen .tit_area h3 {height:160px;}
}

/* 개요 */
.panel_box {margin:0 4rem;border:3px solid var(--secondary70);border-radius:var(--radius-xlg);padding:4rem;background:var(--gray0);}
.panel_box .overview {display:flex;flex-direction:column;gap:1.6rem;}
.panel_box .overview dl {display:flex;gap:2rem;align-items:start;word-break:keep-all;}
.panel_box .overview dt {flex-shrink:1;width:15rem;display:flex;align-items:center;justify-content:center;background-color:var(--secondary70);border-radius:var(--radius-max);font-size:2rem;height:4rem;color:var(--gray0);font-weight:700;}
.panel_box .overview dd {min-height:4rem;font-size:2.1rem;padding-top:0.4rem;}
.panel_box .overview dd .sTxt {font-size:1.8rem;}

@media (max-width:1023px) {
    .panel_box {margin:0 3.2rem;padding:3.2rem;}
    .panel_box .overview dt {font-size:1.8rem;width:13rem;}
    .panel_box .overview dd {font-size:1.9rem;width:calc(100% - 15rem);}
    .panel_box .overview dd .sTxt {font-size:1.6rem;}
}
@media (max-width:767px) {
    .panel_box {margin:0 2.4rem;padding:2.4rem;}
    .panel_box .overview {gap:1.2rem;}
    .panel_box .overview dl {gap:1.2rem;}
    .panel_box .overview dt {font-size:1.6rem;width:10rem;height:3.2rem;}
    .panel_box .overview dd {font-size:1.7rem;width:calc(100% - 11.2rem);padding-top:0.2rem;}
    .panel_box .overview dd .sTxt {font-size:1.5rem;}
}
@media (max-width:639px) {
    .panel_box {margin:0 1.6rem;padding:1.6rem;}
    .panel_box .overview dt {font-size:1.5rem;width:10rem;height:2.8rem;font-weight:400;}
    .panel_box .overview dd {font-size:1.6rem;}
    .panel_box .overview dd .sTxt {font-size:1.4rem;}
}
@media (max-width:479px) {
    .panel_box .overview dd {width:100%;}
}

/* 주요 활동 */
.panel_box h4 {text-align:center;font-size:3rem;}
.panel_box h4 .point_color {color:var(--secondary50);}
.panel_box .activity_list {display:flex;justify-content:center;gap:3.2rem;margin-top:2rem;}
.panel_box .activity_list li {flex:1;border:1px solid var(--secondary20);border-radius:var(--radius-xlg);padding:4rem 0;}
.panel_box .activity_list li dl {display:flex;flex-direction:column;text-align:center;gap:2rem;position:relative;word-break:keep-all;}
.panel_box .activity_list li dl::before {content:'';display:inline-flex;width:100%;height:7rem;}
.panel_box .activity_list li dl.activity_1::before {background:url(/resource/images/paid/nep/thk/content/panel_teen_active1.png) no-repeat center center;background-size:auto 7rem;}
.panel_box .activity_list li dl.activity_2::before {background:url(/resource/images/paid/nep/thk/content/panel_teen_active2.png) no-repeat center center;background-size:auto 7rem;}
.panel_box .activity_list li dl.activity_3::before {background:url(/resource/images/paid/nep/thk/content/panel_teen_active3.png) no-repeat center center;background-size:auto 7rem;}
.panel_box .activity_list li dt {font-size:2.1rem;font-weight:700;}
.panel_box .activity_finish {margin-top:2.4rem;display:flex;flex-direction:column;width:100%;gap:2rem;}
.panel_box .activity_finish li {background-color:var(--success5);padding:1.6rem 2.4rem 1.6rem 5.2rem;border-radius:var(--radius-lg);position:relative;display:flex;flex-direction:column;gap:0.4rem;}
.panel_box .activity_finish li .ico_chk {font-weight:700;color:var(--success60);font-size:1.8rem;display:flex;align-items:flex-start;gap:0.8rem;}
.panel_box .activity_finish li .ico_chk::before {content:'';display:flex;width:2rem;height:2rem;background:url(/resource/images/paid/nep/layout/component/ico_success_fill.svg) no-repeat center center/contain;position:absolute;top:1.9rem;left:2.4rem;}
.panel_box .activity_finish li .btn_down_file {text-decoration:underline;display:flex; gap:1.2rem;align-items:center;}
.panel_box .activity_finish li .btn_down_file::after {content:'';display:inline-flex;width:2rem;height:2rem;background:url(/resource/images/paid/nep/layout/component/ico_download.svg) no-repeat center center/contain;flex-shrink:0;}

@media (max-width:1023px) {
    .panel_box .activity_list {flex-direction:column;gap:2.4rem;}
    .panel_box .activity_list li {padding:3.2rem 3.2rem 3.2rem 2.4rem;}
    .panel_box .activity_list li dl {align-items:flex-start;text-align:left;padding-left:15rem;width:100%;gap:1.2rem;}
    .panel_box .activity_list li dl::before {position:absolute;top:0;left:0;width:13rem;height:100%;}
    .panel_box .activity_list li dl.activity_1::before,
    .panel_box .activity_list li dl.activity_2::before,
    .panel_box .activity_list li dl.activity_3::before {background-size:auto 6rem;}
    .panel_box .activity_list li dl br {display:none;}
    .panel_box .activity_list li dt {font-size:1.9rem;}
    .panel_box .activity_list li dd {font-size:1.7rem;}
}
@media (max-width:767px) {
    .panel_box h4 {font-size:2.4rem;}
    .panel_box .activity_list {gap:1.6rem;}
    .panel_box .activity_list li {padding:2.4rem 2.4rem 2.4rem 1.6rem;}
    .panel_box .activity_finish {gap:1.6rem;}
    .panel_box .activity_finish li {padding:1.2rem 1.6rem 1.2rem 4.4rem;}
    .panel_box .activity_finish li .ico_chk {font-size:1.6rem;}
    .panel_box .activity_finish li .ico_chk::before {top:1.3rem;left:1.6rem;}
    .panel_box .activity_finish li .btn_down_file {font-size:1.5rem;}
}
@media (max-width:639px) {
    .panel_box h4 {font-size:2rem;}
    .panel_box .activity_list li {padding-left:0;}
    .panel_box .activity_list li dl {padding-left:10rem;}
    .panel_box .activity_list li dl::before {width:10rem;}
    .panel_box .activity_list li dl.activity_1::before,
    .panel_box .activity_list li dl.activity_2::before,
    .panel_box .activity_list li dl.activity_3::before {background-size:auto 4rem;}
    .panel_box .activity_list li dt {font-size:1.7rem;}
    .panel_box .activity_list li dd {font-size:1.6rem;}
}
@media (max-width:479px) {
    .panel_box .activity_list li {padding:2.4rem 1rem;}
    .panel_box .activity_list li dl {padding:0;text-align:center;align-items:center;}
    .panel_box .activity_list li dl::before {position:relative;width:100%;height:4rem;}
    .panel_box .activity_list li dl br {display:block;}
}

/* 하단 텍스트 */
.panel_teen .btm_txt {margin:0 4rem;text-align:center;font-size:1.9rem;word-break:keep-all;}
.panel_teen .btm_txt .sTxt {font-size:1.6rem;}

@media (max-width:1023px) {
    .panel_teen .btm_txt {margin:0 3.2rem;font-size:1.8rem;}
    .panel_teen .btm_txt .sTxt {font-size:1.5rem;}
}
@media (max-width:767px) {
    .panel_teen .btm_txt {margin:0 2.4rem;font-size:1.7rem;}
}


/*** 패널 가입 ***/

/* 개인정보 동의 */
.agreeArea {margin-bottom:4rem;}
.agreeArea .blue {color:var(--primary60) !important;}
.agreeArea + .agreeArea {margin-top:4rem;}
.agreeArea .agreeTxt {max-height:28rem; border:0; padding:0; border-radius:var(--radius-xlg);overflow-y:auto;}
.agreeArea .agreeTxt::-webkit-scrollbar { width:1rem; }
.agreeArea .agreeTxt::-webkit-scrollbar-thumb { background-color:var(--secondary10); border-radius:1rem; }
.agreeArea .agreeTxt::-webkit-scrollbar-track { background-color:var(--primary5); border-radius:1rem; }
.agreeArea .agreeTxt h6{font-weight:700;font-size:2rem;margin:4rem 0 1.2rem;}
.agreeArea .agreeTxt h6:first-child{margin-top:0}
.agreeArea .agreeTxt .s_tit{display:block;font-weight:700;font-size:1.8rem;margin:3rem 0 1.2rem;color:var(--primary70);}
.agreeArea .agreeTxt p{margin-top:1.2rem;}
.agreeArea .agreeTxt a{text-decoration:underline}
.agreeArea .agreeTxt ul {margin-top:1.2rem;display:flex;flex-direction:column;gap:0.4rem;}
.agreeArea .agreeTxt ul li{padding-left:2rem;position:relative;}
.agreeArea .agreeTxt ul li:before {content:'';display:block;width:5px;height:1px;background-color:var(--gray80);position:absolute;top:12px;left:4px;}

.box_area {margin-top:1.2rem;padding:4rem;border:1px solid var(--secondary20);background:#fff;border-radius:var(--radius-xlg);}
.box_area.md {padding:3.2rem;}
.box_area.sm {padding:2.4rem;}
.box_area.secondary {border:0;background-color:var(--secondary5);}
.box_area > *:first-child {margin-top:0 !important;}

@media (max-width:767px) {
    h4 {font-size:2rem;}
    .box_area {padding:2.4rem;}
    .box_area.md {padding:2rem;}
    .box_area.sm {padding:1.6rem;}
    .agreeArea {margin-bottom:3.2rem;}
    .agreeArea .agreeTxt h6 {font-size:1.8rem;margin-top:2.8rem;}
    .agreeArea .agreeTxt .s_tit{font-size:1.7rem;margin-top:1.8rem;}
}

.agreeChk { display:flex; align-items:center; padding:3.2rem; margin-top:2rem; border-radius:var(--radius-xlg); background-color:var(--gray5); word-break:break-all; justify-content:space-between;}
.agreeChk + .terms-wrap { margin-top:2rem; }
.agreeChk > p { width:calc(100% - 200px); }
.agreeChk .form-check { margin-left:auto; }

/* 라디오버튼 스타일 공통 2024.06 */
.form-check {
    --radio-size: 2rem;
    --radio-checked-size: 1rem;
    --radio-margin-top: 0.3rem;
}
.form-check input[type=radio] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.form-check input[type=radio] ~ label { position:relative; display:inline-flex; gap:0.8rem; }
.form-check input[type=radio] ~ label::before { display:flex;content:'';transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);border:0.1rem solid var(--gray50); border-radius:50%;width:var(--radio-size);height:var(--radio-size);flex-shrink:0;z-index:3;margin-top:var(--radio-margin-top);background-color:#fff;}
.form-check input[type=radio] ~ label::after { position:absolute; top:calc((var(--radio-size) - var(--radio-checked-size)) / 2 + var(--radio-margin-top)); left:calc((var(--radio-size) - var(--radio-checked-size)) / 2); width:var(--radio-checked-size); height:var(--radio-checked-size); border-radius:50%; background:#fff;z-index:4;}
.form-check input[type=radio] ~ label::before,
.form-check input[type=radio] ~ label::after { content:''; display:block; transition:0.4s; }
.form-check input[type=radio]:checked ~ label::before { border-color:var(--primary50); }
.form-check input[type=radio]:checked ~ label::after { background-color:var(--primary50); }
.form-check input[type=radio]:focus ~ label,
.form-check input[type=radio]:focus-visible ~ label { outline:2px dashed var(--primary50);}

@media (max-width:767px){
    .agreeTxt {padding:2.4rem;}
    .agreeTxt.type_1 { padding:0 }
    .agreeTxt.type_1 .numList>li>ul, .agreeTxt.type_1 .numList>li>ol { margin:5px 0 0 10px }
    .agreeTxt h6 {font-size:1.8rem;}
    .agreeTxt .s_tit {font-size:1.7rem;}
    .agreeArea, .agreeAll { margin-top:30px; }
    .terms-wrap { padding:2.4rem; }
    .agreeArea table th, .agreeArea table td { padding:5px; font-size:1.4rem; }
    .agreeArea table .f18 { font-size:1.7rem !important; }
    .agreeArea .scrollTbl { overflow-x:auto; }
    .agreeArea .scrollTbl table { min-width:640px; margin-top:0}
    .agreeArea > p { font-size:1.4rem; }
    .agreeChk { text-align:center; display:block; padding:2.4rem;}
    .agreeChk p { width:100%; word-break:keep-all; margin-bottom:1rem; }
    .agreeChk .form-check { display:inline-block; margin-right:2.4rem; }
    .terms-agree-all { padding:2.4rem; }
    .agreeChk_box.allchk{padding:2.4rem;font-size:1.8rem;margin-bottom:4rem;}
}

/* 회원정보 입력 */
.inputArea {margin-top:4rem;}
.inputArea .tit {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;}
.inputArea .tit h4 {flex-shrink:0;margin:0;font-size:2.4rem;}
.inputArea .inputTbl {display:flex;gap:2.4rem;flex-wrap:wrap;border:1px solid var(--gray30);border-radius:var(--radius-xlg);padding:4rem;}
.inputArea .inputTbl h4 {margin:0;width:100%;}
.inputArea .inputTbl .btn_certi {display:flex;align-items:center;height:4.8rem;padding:0 1.6rem;border:1px solid var(--primary50);border-radius:var(--radius-sm);background-color:var(--primary5);color:var(--primary60);flex-shrink:0;}
.inputArea .inputTbl .btn_certi:hover {background-color:var(--primary10);}
.inputArea .inputTbl > div {width:100%;display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;}
.inputArea .inputTbl dl{width:100%;display:flex;flex-direction:column;gap:1.2rem;}
.inputArea .inputTbl dl.divide {width:calc(50% - 1.2rem);}
.inputArea .inputTbl dl dt, .inputArea .inputTbl dl dt label{font-weight:700;}
.inputArea .inputTbl dl dd {display:flex;gap:1.2rem;align-items:center;}
.inputArea .inputTbl dl dd select {width:100%;height:5.6rem;font-size:1.9rem;}
.inputArea .inputTbl dl dd input[type=text]{width:100%;height:5.6rem;font-size:1.9rem;}

@media (max-width:767px) {
    .inputArea {margin-top:3.2rem;}
    .inputArea .inputTbl {padding:2.4rem;}
}
@media (max-width:639px) {
    .inputArea .inputTbl dl.divide {width:100%;}
    .inputArea .inputTbl dl dd {flex-wrap:wrap;}
    .inputArea .inputTbl dl dd.email_form > input[type=text]:first-child {width:calc(100% - 4rem);}
}
@media (max-width:479px) {
    .inputArea .tit {flex-direction:column;justify-content:start;align-items:start;}
}

/* 패널가입 완료 */
.panel_cmpl h4 {font-size:3.2rem;text-align:center;}
.panel_cmpl .box {display:flex;flex-direction:column;gap:2rem;background-color:var(--secondary5);padding:4rem;border-radius:var(--radius-lg);margin-top:2.4rem;}
.panel_cmpl .panel_type {display:flex;gap:0 2.4rem;border-bottom:1px dotted var(--gray30);padding-bottom:2.4rem;}
.panel_cmpl .panel_type dt {flex-shrink:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:0.8rem;}
.panel_cmpl .panel_type dt::before {content:'';display:flex;width:2.4rem;height:2.4rem;background:url(/resource/images/paid/nep/layout/component/ico_outline_chk.svg) no-repeat center center/contain;}
.panel_cmpl .panel_type dd {font-size:2rem;font-weight:700;color:var(--primary70);}
.panel_cmpl .txt_list {margin:0 0.8rem;}

@media (max-width:767px) {
    .panel_cmpl {gap:1.6rem;}
    .panel_cmpl h4 {font-size:2.4rem;}
    .panel_cmpl .box {padding:2.4rem;}
    .panel_cmpl .panel_type {gap:0 1.6rem;padding-bottom:2rem;}
    .panel_cmpl .panel_type dt, .panel_cmpl .panel_type dd {font-size:1.7rem;}
}

/*** 패널 수정 탈퇴 ***/

/* 비밀번호 보이기 폼 */
.form_pw {position:relative;display:inline-block;}
.form_pw input[type=text],
.form_pw input[type=password] {display:flex;padding-right:4.8rem;width:100%;}
.form_pw .ico_pw_visible {position:absolute;top:calc(50% - 1.2rem);right:1.6rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;}
.form_pw .ico_pw_visible::before {content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(/resource/images/paid/nep/layout/component/ico_pw_visible_off.svg);}
.form_pw .ico_pw_visible.on::before {background-image:url(/resource/images/paid/nep/layout/component/ico_pw_visible_on.svg);}

/* 본인인증(아이디 로그인 시 비밀번호 입력) */
.myPass_wrap{border:1px solid var(--gray30);text-align:center;padding:4rem;border-radius:var(--radius-xlg);}
.myPass_box{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;justify-content:flex-start;text-align:left;}
.myPass_box > strong{display:block;font-size:2.4rem;}
.myPass_box > p{margin-bottom:2rem;}
.myPass_box .uSch_box{display:flex;flex-direction:column;align-items:flex-start;gap:0.8rem;width:100%;}
.myPass_box .uSch_box label{font-weight:700;}
.myPass_box .uSch_box input[type=text],
.myPass_box .uSch_box input[type=password]{width:100%;height:5.6rem;}
.myPass_box .uSch_box .form_pw {width:100%;}

@media (max-width:767px){
    .myPass_wrap{padding:2.4rem}
    .myPass_box > strong{font-size:2.2rem;}
}