/* sub 怨듯넻 */
.sub:not(.find_member):not(.login_view) .sub_txt {
    display: none;
}
.blue_txt{
    color: #044997;
}
.berry_txt{
    color: #F66572;
}
/* 湲곗닠留덉폆�냼媛� > 媛쒖슂 */
.logo-item li .visual {
    height: 180px;
    border-radius: 10px;
    border: solid 1px #dddddd;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    padding-left: 10px;
    padding-right: 10px;
}
.logo-item li .visual:hover{
    border: solid 1px #3C3C3C;
}

.logo-item li .logo.ex:after,
.logo-item li .logo.lh:after,
.logo-item li .logo.knr:after,
.logo-item li .logo.korail:after,
.logo-item li .logo.ia:after,
.logo-item li .logo.kac:after,
.logo-item li .logo.lx:after,
.logo-item li .logo.ts:after,
.logo-item li .logo.hug:after,
.logo-item li .logo.kab:after,
.logo-item li .logo.kw:after,
.logo-item li .logo.kec:after,
.logo-item li .logo.krc:after,
.logo-item li .logo.ipa:after,
.logo-item li .logo.ygpa:after,
.logo-item li .logo.upa:after,
.logo-item li .logo.bpa:after,
.logo-item li .logo.ict:after,
.logo-item li .logo-img.kalis::before,
.logo-item li .logo-img.at::before,
.logo-item li .logo-img.sig::before
 {display: block; content: ''; background-size: contain; text-align: center; margin: auto;}

.logo-item li .logo.ex:after {width: 220px; height: 25px; background: url(/img/logo/white/logo_ex.svg) no-repeat;}
.logo-item li .logo.lh:after {width: 180px; height: 68px; background: url(/img/logo/white/logo_lh.svg) no-repeat;}
.logo-item li .logo.knr:after {width: 200px; height: 43px; background: url(/img/logo/white/logo_knr.svg) no-repeat;}
.logo-item li .logo.korail:after {width: 160px; height: 39px; background: url(/img/logo/white/logo_korail.svg) no-repeat;}
.logo-item li .logo.ia:after {width: 240px; height: 39px; background: url(/img/logo/white/logo_ia.svg) no-repeat;}
.logo-item li .logo.kac:after {width: 230px; height: 32px; background: url(/img/logo/white/logo_kac.svg) no-repeat;}
.logo-item li .logo.lx:after {width: 230px; height: 24px; background: url(/img/logo/white/logo_lx.svg) no-repeat;}
.logo-item li .logo.ts:after {width: 230px; height: 31px; background: url(/img/logo/white/logo_ts.svg) no-repeat;}
.logo-item li .logo.hug:after {width: 220px; height: 34px; background: url(/img/logo/white/logo_hug.svg) no-repeat;}
.logo-item li .logo.kab:after {width: 180px; height: 35px; background: url(/img/logo/white/logo_kab.svg) no-repeat;}
.logo-item li .logo.kw:after {width: 109px; height: 50px; background: url(/img/logo/white/logo_kw.svg) no-repeat;}
.logo-item li .logo.kec:after {width: 159px; height: 43px; background: url(/img/logo/white/logo_kec.svg) no-repeat;}
.logo-item li .logo.krc:after {width: 160px; height: 36px; background: url(/img/logo/white/logo_krc.svg) no-repeat;}
.logo-item li .logo.ipa:after {width: 164px; height: 37px; background: url(/img/logo/white/logo_ipa.svg) no-repeat;}
.logo-item li .logo.ygpa:after {width: 240px; height: 45px; background: url(/img/logo/white/logo_ygpa.png) no-repeat; background-size: contain;}
.logo-item li .logo.upa:after {width: 170px; height: 50px; background: url(/img/logo/white/logo_upa.png) no-repeat; background-size: contain;}
.logo-item li .logo.bpa:after {width: 240px; height: 40px; background: url(/img/logo/white/logo_bpa.png) no-repeat; background-size: contain;}
/*.logo-item li .logo.ict:after {width: 240px; height: 40px; background: url(/img/logo/white/logo_ict.png) no-repeat; background-size: contain;}*/

.soc_intro .logo-img.ex::before,
.soc_intro .logo-img.lh::before,
.soc_intro .logo-img.knr::before,
.soc_intro .logo-img.korail::before,
.soc_intro .logo-img.ia::before,
.soc_intro .logo-img.kac::before,
.soc_intro .logo-img.lx::before,
.soc_intro .logo-img.ts::before,
.soc_intro .logo-img.hug::before,
.soc_intro .logo-img.kab::before,
.soc_intro .logo-img.kw::before,
.soc_intro .logo-img.kec::before,
.soc_intro .logo-img.krc::before,
.soc_intro .logo-img.ipa::before,
.soc_intro .logo-img.ygpa::before,
.soc_intro .logo-img.upa::before,
.soc_intro .logo-img.bpa::before,
.soc_intro .logo-img.sr::before,
.soc_intro .logo-img.kepco::before,
.soc_intro .logo-img.kogas::before,
.soc_intro .logo-img.dev::before,
.soc_intro .logo-img.koen::before,
.soc_intro .logo-img.kospo::before,
.soc_intro .logo-img.ewp::before,
.soc_intro .logo-img.wp::before,
.soc_intro .logo-img.khnp::before,
.soc_intro .logo-img.kpx::before,
.soc_intro .logo-img.kea::before,
.soc_intro .logo-img.kenc::before,
.soc_intro .logo-img.komipo::before,
.soc_intro .logo-img.kdhc::before,
.soc_intro .logo-img.knfc::before,
.soc_intro .logo-img.kdn::before,
.soc_intro .logo-img.kps::before,
.soc_intro .logo-img.korad::before,
.soc_intro .logo-img.kopo::before,
.soc_intro .logo-img.ktech::before,
.soc_intro .logo-img.kamco::before,
.soc_intro .logo-img.nia::before,
.soc_intro .logo-img.kisa::before,
.soc_intro .logo-img.kca::before,
.soc_intro .logo-img.compa::before,
.soc_intro .logo-img.nipa::before,
.soc_intro .logo-img.spri::before,
.soc_intro .logo-img.iitp::before,
.soc_intro .logo-img.kistep::before,
.soc_intro .logo-img.kisti::before,
.soc_intro .logo-img.kist::before,
.soc_intro .logo-img.kofac::before,
.soc_intro .logo-img.kdata::before,
.soc_intro .logo-img.msit::before,
.soc_intro .logo-img.molit::before,
.soc_intro .logo-img.motie::before,
.soc_intro .logo-img.ict::before,
.soc_intro .logo-img.kalis::before,
.soc_intro .logo-img.at::before,
.soc_intro .logo-img.sig::before
.soc_intro .logo-img.kra::before
{
    background-size: cover;
}

.intro_soc .logo-item2 li .white-box {
    height: 180px;
}

/* 湲곗닠留덉폆�냼媛� > 湲곗닠留덉폆�냼媛� */
.intro_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.soc_intro{
    position: relative;
}
.soc_intro .info_list01{
    display: flex;
    flex-wrap: wrap;
}
.soc_intro .left_txt{
    width: 40%;
    margin-top: -75px;
}
.soc_intro .left_txt p{
    font: 64px 'SpoqaHanSansNeo-Bold';
    color: #16171D;
    line-height: 80px;
    letter-spacing: -4.48px;
}
.soc_intro .info_detail{
    width: 60%;
    margin-top: 158px;
}
.soc_intro .sub_txt01 p{
    font: 32px 'SpoqaHanSansNeo-Bold';
    color: #16171D;
    line-height: 48px;
    letter-spacing: -2.24px;
}
.soc_intro .sub_txt01 .color_box{
    position: relative;
    display: inline-block;
    z-index: 3;
}
.soc_intro .sub_txt01 .highlight01,
.soc_intro .sub_txt01 .highlight02{
    display: inline-block;
    position: relative;
    z-index: 3;
}
.soc_intro .sub_txt01 .line{
    content: '';
    background: linear-gradient(90deg, #3DAC47 0%, #044A96 100%);
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0px;
    bottom: 5px;
    z-index: 0;
    opacity: 0.3;
}
.soc_intro .sub_txt02{
    font: 20px 'SpoqaHanSansNeo-Regular';
    letter-spacing: -1.4px;
    margin-top: 63px;
    margin-bottom: 100px;
}
.soc_intro .sub_flex{
    display: flex;
}
.soc_intro .content{
    display: flex;
    flex-direction: column;
    width: 50%;
}
.soc_intro .content:first-child{
    margin-right: 40px;
}
.soc_intro .sub_tit{
    font: 32px 'SpoqaHanSansNeo-Bold';
    color: #16171D;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: -2.24px;
}
.soc_intro .content .sub_con{
    font: 18px 'SpoqaHanSansNeo-Regular';
    color: #333;
    line-height: 30px;
    letter-spacing: -1.26px;
}

/* 湲곗닠留덉폆 �냼媛� - 李몄뿬湲곌� �냼媛� */
.intro_company{
    position: relative;
    margin-top: 100px;
    margin-bottom: 40px;
}


/* soc�씤利앷났紐�, R&D怨듬え 湲곗뾽 �뒪���씪 議곗젙 */
.contest .intro_company{
    margin-top: 0px;
}
.rnd_apply .intro_company{
    margin-top: 0px;
}
.contest h2{
    margin-bottom: 5px;
}
.contest.contestNotice h2{
    margin-bottom: 25px;
}
.rnd_apply h2{
    margin-bottom: 5px;
}



.intro_company > ul{
    display: flex;
    flex-wrap: wrap;
}
.intro_company > ul .white-box .logo-img{
    width: 80px;
    height: 40px;
}
.intro_company > ul li{
    width: 14.6666%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%;
}


/* soc�씤利앷났紐�, R&D怨듬え 湲곗뾽 �뒪���씪 議곗젙 */
/* .contest_apply .intro_company > ul li:nth-of-type(-n+6){
    margin-top: 0px;
}
.rnd_apply .intro_company > ul li:nth-of-type(-n+6){
    margin-top: 0px;
} */


.intro_company > ul li.inactive{
    opacity: 0.3;
}
.logo-item2 li.inactive .white-box{
    cursor: default;
}
.logo-item2 li.inactive .white-box:hover{
    border: 1px solid transparent;
}
.logo-item li .tit {
    text-align: center;
    font :17px 'SpoqaHanSansNeo-Medium';
    letter-spacing: -0.8px;
    word-break: keep-all;
}
.intro_company .more_link{
    margin: 0 auto;
}
.intro_company .more_link img{
    width: 24px;
    height: 24px;
    margin-top: 10px;
}
.logo-item2 li .white-box {
    height: 100px;
    border-radius: 10px;
    border:solid 1px #dddddd;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    /* cursor: pointer; */
}
#wrap.rnd_apply .logo-item2 li .white-box{
    height: 180px;
}
.logo-item2 li .white-box.active{
    border:solid 1px #3C3C3C;
}
/* .logo-item2 li .white-box:hover {
    border:solid 1px #3C3C3C;
} */
.logo-item2 li .white-box .input_wrap{
    position: absolute;
    top: 15px;
    left: 15px;
}
.papers{
    margin-top: 72px;
    padding-left: 10px;
    padding-right: 10px;
}
.mypage.my_contest .papers{
    padding-left: 0px;
    padding-right: 0px;
}
.papers .area{

}
.papers .common{

}
.papers .divide{
    margin-top: 70px;
}
.papers .area .tit{
    font :32px 'SpoqaHanSansNeo-Bold';
    line-height: 40px;
    letter-spacing: -2.24px;
}

.papers .area .box_wrap{
    width: 100%;
    padding: 70px 70px;
    border: 1px solid #E2E8EE;
    border-radius: 10px;
    margin-top: 15px;
}
.papers .area .box_wrap .box{

}
/* .papers .area .box_wrap > .box:not(:first-of-type){
    margin-top: 50px;
} */
.papers .area .box_wrap > .box{
    margin-bottom: 50px;
}
.papers .area .box_wrap .box .title{
    letter-spacing: -1px;
    color: #333333;
    font :20px 'SpoqaHanSansNeo-Bold';
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px;
}
.papers .divide .box_wrap .box .title{
    cursor: pointer;
}
.papers .area .box_wrap .box .title.active{
    border-bottom: 1px solid #E5E7E9;
}
.papers .area .box_wrap .box:last-of-type .title.active{
    border-bottom: 1px solid transparent;
}
.papers .area .box_wrap .box .title .text{

}
.papers .area .box_wrap .box .title .btn{
    width: 26px;
    height: 26px;
}
.papers .area .box_wrap .box .title .btn img{
    width: 100%;
    transform: rotate(0deg);
    transition: 0.3s;
}
.papers .area .box_wrap .box .title .btn.active img{
    transform: rotate(180deg);
}
.papers .area .box_wrap .box .con{
    border-radius: 15px;
    background-color: #FAFAFC;
    padding: 32.5px 40px;
}
.papers .area .box_wrap .box .con .no_doc{
    letter-spacing: -0.05em;
    text-align: center;
    width: 100%;
    display: block;
    color: rgba(0,0,0,0.3);
}
.papers .area .box_wrap .box .con ol{
    display: flex;
    flex-wrap: wrap;
    list-style: initial;
}
.papers .area .box_wrap .box .con ol span.no_file{
    letter-spacing: -0.05em;
    text-align: center;
    width: 100%;
    display: block;
    color: rgba(0,0,0,0.3);
    font-size: 16px;
}
.papers .area .box_wrap .box .con .no_doc{
    letter-spacing: -0.05em;
    text-align: center;
    width: 100%;
    display: block;
    color: rgba(0,0,0,0.3);
}
.papers .area .box_wrap .box .con ol li{
    letter-spacing: -0.85px;
    color: #044997;
    font :17px 'SpoqaHanSansNeo-Regular';
    width: 50%;
    padding: 7.5px 0px;
    list-style-type: decimal;
    list-style-position: inside;
}
@media screen and (max-width:1240px){
    .soc_intro .left_txt{
        margin-top: -60px;
        padding-left: 20px;
    }
    .soc_intro .left_txt p {
        font: 54px 'SpoqaHanSansNeo-Bold';
        line-height: 66px;
    }
    .soc_intro .sub_txt01 p{
        font-size: 30px;
        line-height: 45px;
    }
    .soc_intro .sub_txt02{
        margin-top: 40px;
        margin-bottom: 80px;
    }
    .soc_intro .sub_tit{
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .soc_intro .content:first-child{
        margin-right: 20px;
    }
    .intro_company > ul li{
        width: 18%;
    }
}
@media screen and (max-width:1024px){
    .intro_bg{
        height: 270px;
    }
    .soc_intro .info_detail{
        width: 100%;
        margin-top: 40px;
    }
    .soc_intro .left_txt{
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
    .soc_intro .left_txt p {
        float: left;
        font: 40px 'SpoqaHanSansNeo-Bold';
        letter-spacing: -2px;
    }
    .soc_intro .sub_txt01 p{
        font-size: 26px;
        text-align: center;
        line-height: 40px;
    }
    .soc_intro .sub_tit{
        font-size: 26px;
    }
    .intro_company > ul li{
        width: 23%;
    }

    .intro_company{
        margin-top: 0px;
    }
}
@media screen and (max-width:768px){
    .soc_intro .left_txt p {
        float: left;
        font: 30px 'SpoqaHanSansNeo-Bold';
    }
    .soc_intro .sub_txt01 p{
        font-size: 22px;
        text-align: center;
        line-height: 32px;
    }
    .soc_intro .sub_tit{
        font-size: 26px;
    }
    .soc_intro .sub_txt01 .line{
        height: 10px;
    }
    .soc_intro .sub_txt02{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .soc_intro .sub_tit{
        font-size: 22px;
    }
    .soc_intro .content .sub_con {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -1px;
    }
    .logo-item2 li .white-box{
        height: 150px;
    }
    #wrap.rnd_apply .logo-item2 li .white-box{
        height: 150px;
    }
    .logo-item li .tit{
        font-size: 16px;
    }
    .intro_company > ul .white-box .logo-img {
        width: 60px;
        height: 30px;
    }
    .contest.contestNotice h2{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:640px){
    .intro_company > ul li{
        width: 31.3333%;
        margin-top: 24px;
    }

}
@media screen and (max-width:527px){
    .intro_bg {
        height: 200px;
    }
    .soc_intro .left_txt {
        margin-top: 0;
        padding-left: 0;
        flex-direction: column;
        align-items: center;
    }
    .soc_intro .info_detail{
        margin-top: 30px;
    }
    .soc_intro .left_txt p {
        font-size: 28px;
    }
    .soc_intro .sub_flex{
        flex-direction: column;
    }
    .soc_intro .sub_txt01 p{
        font-size: 20px;
    }
    .soc_intro .content{
        width: 100%;
    }
    .soc_intro .content:first-child{
        margin-right: 0;
        margin-bottom: 40px;
    }
    .logo-item li .tit {
        font-size: 12px;
        letter-spacing: -1px;
    }
}

@media screen and (max-width:424px){
    .intro_company > ul {
        justify-content: space-between;
    }

    .intro_company > ul li{
        width: 47%;
        margin-top: 15px;
    }

    .logo-item2 li .white-box {
        height: 130px;
    }
    #wrap.rnd_apply .logo-item2 li .white-box{
        height: 130px;
    }

    .intro_company .more_link img {
        width: 20px;
        height: 20px;
    }
}

/* 湲곗닠留덉폆�냼媛� > 吏��썝�궡�슜 */
.soc_support{
    position: relative;
}
.soc_support .support_sec{
    display: flex;
    position: relative;
}
.soc_support .support_sec:nth-child(2){
    margin-top: 100px;
    margin-bottom:100px;
}
.soc_support .left_big{
    width: 150px;
    z-index: 3;
}
.soc_support .left_big_inn{
    margin-top: 100px;
    margin-left: 30px;
}
.soc_support .left_big .left_tit{
    font: 32px 'SpoqaHanSansNeo-Bold';
    color: #000;
    margin-left: 20px;
}
.soc_support .left_big .left_num{
    font: 137px 'SpoqaHanSansNeo-Bold';
    color: #343434;
    line-height: 140px;
    letter-spacing: -9.59px;
}
.soc_support .right_img_box{
    width: calc(100% - 150px);
}
.soc_support .support_content{
    position: relative;
    display: block;
    padding-left: 43px;
    padding-right: 43px;
    width: 620px;
    margin-left: 10%;
}
.soc_support .top_white{
    background-color: #fff;
    padding: 43px 50px 15px 50px;
    border-radius: 15px 15px 0 0;
    margin-top: -70px;
}
.soc_support .top_white strong{
    display: block;
    font: 22px 'SpoqaHanSansNeo-Bold';
    letter-spacing: -1.54px;
}
.soc_support .support_content p{
    font: 18px 'SpoqaHanSansNeo-Regular';
    letter-spacing: -0.9px;
    padding-left: 12px;
    position: relative;
}
.soc_support .support_content p::before{
    content: "";
    position: absolute;
    top: 10.5px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #333;
    letter-spacing: -0.9px;
}
.soc_support .support_content .light_txt{
    display: block;
    font: 16px 'SpoqaHanSansNeo-Light';
    padding-left: 12px;
    margin-top: 5px;
}
.soc_support .support_content .question{
    display: block;
    font: 17px 'SpoqaHanSansNeo-Regular';
    padding-left: 12px;
    margin-top: 5px;
}
.soc_support .support_sec .question{
    margin-bottom: 15px;
}
.soc_support .circle_arrow{
    display: flex;
    margin-left: 10%;
    padding: 0 50px;
    margin-top: 40px;
}
.soc_support .circle_arrow .circle_inner{
    width: auto;
    position: relative;
}
.soc_support .circle_arrow .circle_inner:not(:first-child){
    margin-left: 20px;
}
.soc_support .circle_arrow .circle_inner p{
    word-break: keep-all;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 21px;
}
.support_sec .circle_arrow .circle_inner img{
    position: relative;
    overflow: hidden;
}
.support_sec .circle_arrow .circle_inner div{
    position: absolute;
    top:0;
    width: 79%;
    height: 100%;
}
@media screen and (max-width:1240px){
    .soc_support .left_big .left_num{
        font-size: 110px;
        letter-spacing: -3px;
        line-height: 110px;
    }
    .soc_support .left_big{
        width: 100px;
    }
    .soc_support .left_big_inn {
        margin-left: 0;
    }
    .soc_support .right_img_box {
        width: calc(100% - 100px);
    }
    .soc_support .circle_arrow .circle_inner p{
        font-size: 16px;
    }
}
@media screen and (max-width:1024px){
    .soc_support .support_sec {
        flex-direction: column;
    }
    .soc_support .support_sec:nth-child(2){
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .soc_support .left_big .left_num{
        font-size: 100px;
        letter-spacing: -3px;
        line-height: 110px;
    }
    .soc_support .left_big{
        width: auto;
        margin-bottom: -48px;
    }
    .soc_support .left_big_inn {
        display: flex;
        align-items: center;
        margin-top: 0;
    }
    .soc_support .left_big .left_tit{
        font-size: 36px;
        margin-right: 10px;
    }
    .soc_support .right_img_box {
        width: 100%;
    }
    .soc_support .support_content{
        width: 90%;
        padding-left: 40px;
        padding-right: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .soc_support .top_white {
        padding: 40px 40px 15px 40px;
        margin: -70px auto 0 auto;
    }
    .soc_support .circle_arrow {
        margin-left: 0;
        padding: 0 40px;
        width: 90%;
        margin: 40px auto 0 auto;
    }
}
@media screen and (max-width:860px){
    .soc_support .left_big .left_num {
        font-size: 80px;
        letter-spacing: -2px;
        line-height: 0px;
    }
    .soc_support .left_big {
        margin-bottom: -17px;
    }
    .soc_support .left_big .left_tit {
        font-size: 32px;
    }
    .soc_support .top_white {
        padding: 30px;
        padding-bottom: 10px;
        margin: -60px auto 0 auto;
    }
    .soc_support .circle_arrow {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .soc_support .circle_arrow .circle_inner:not(:first-child){
        margin-left: 5px;
    }
    .soc_support .top_white strong{
        font-size: 20px;
    }
    .soc_support .support_content p{
        font-size: 16px;
    }
    .soc_support .support_content .question{
        font-size: 15px;
    }
    .soc_support .support_content .light_txt{
        font-size: 14px;
    }
    .soc_support .circle_arrow .circle_inner p{
        font-size: 14px;
    }
}
@media screen and (max-width:650px){
    .soc_support .left_big .left_num{
        font-size: 62px;
    }
    .soc_support .left_big .left_tit {
        font-size: 26px;
        margin-right: 5px;
    }
    .soc_support .top_white{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .soc_support .top_white strong{
        font-size: 18px;
    }
    .soc_support .support_content{
        width: 100%;
        padding: 0;
    }
    .soc_support .circle_arrow{
        flex-wrap: wrap;
    }
    .soc_support .circle_arrow .circle_inner{
        margin-bottom: 10px;
        margin: 0 1% 10px 1%;
        width: 47%;
    }
    .soc_support .circle_arrow .circle_inner:last-child{
        margin-bottom: 10px;
        margin-left: 2%;
        width: 38.5%;
    }
    .soc_support .circle_arrow .circle_inner p {
        font-size: 16px;
    }
}
@media screen and (max-width:425px){
    .soc_support .left_big .left_tit{
        margin-left: 5px;
    }
    .soc_support .left_big {
        margin-bottom: -13px;
    }
    .soc_support .left_big .left_num{
        font-size: 50px;
    }
    .soc_support .circle_arrow .circle_inner p {
        font-size: 14px;
    }
}
/* 湲곗닠留덉폆�냼媛� > 李몄뿬湲곌� */
.org_visual_box{
    position: relative;
    width: 1920px;
    height:500px;
    overflow: hidden;
    margin: 65px auto 0 auto;
}
.org_visual_box::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0000004D;
    z-index: 0;
}
.org_visual_box.ex{
    background: url(/img/org_vis01.png) center no-repeat;
}
.org_visual_box.lh{
    background: url(/img/org_vis02.png) center no-repeat;
}
.org_visual_box.knr{
    background: url(/img/org_vis03.png) center no-repeat;
}
.org_visual_box.korail{
    background: url(/img/org_vis04.png) center no-repeat;
}
.org_visual_box.ia{
    background: url(/img/org_vis05.png) center no-repeat;
}
.org_visual_box.kac{
    background: url(/img/org_vis06.png) center no-repeat;
}
.org_visual_box.lx{
    background: url(/img/org_vis07.png) center no-repeat;
}
.org_visual_box.ts{
    background: url(/img/org_vis08.png) center no-repeat;
}
.org_visual_box.hug{
    background: url(/img/org_vis09.png) center no-repeat;
}
.org_visual_box.kab{
    background: url(/img/org_vis10.png) center no-repeat;
}
.org_visual_box.kw{
    background: url(/img/org_vis11.png) center no-repeat;
}
.org_visual_box.kec{
    background: url(/img/org_vis12.png) center no-repeat;
}
.org_visual_box.krc{
    background: url(/img/org_vis13.png) center no-repeat;
}
.org_visual_box.ipa{
    background: url(/img/org_vis14.png) center no-repeat;
}
.org_visual_box.ygpa{
    background: url(/img/org_vis15.png) center no-repeat;
}
.org_visual_box.upa{
    background: url(/img/org_vis16.png) center no-repeat;
}
.org_visual_box.bpa{
    background: url(/img/org_vis17.png) center no-repeat;
}
.org_visual_box .logos_wrap{
    width:100%;
    position: absolute;
    top: calc(50% - 15px);
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.org_visual_box .logos::after{
    content: '';
    display: block;
    z-index: 1;
}
.org_visual_box .s-only{
    font: 18px 'SpoqaHanSansNeo-Regular';
    letter-spacing: -1px;
    color: #fff;
    margin-top: 22px;
    text-align: center;
    padding: 0 10px;
}

.org_visual_box .logos.ex::after {
    content: '';
    width: 251px;
    height: 32px;
    background: url(/img/logo/white/logo_ex.svg) no-repeat;
}
.org_visual_box .logos.lh::after {
    width: 285px;
    height: 94px;
    background: url(/img/logo/white/logo_lh.svg) no-repeat;
}
.org_visual_box .logos.knr::after {
    width: 270px;
    height: 58px;
    background: url(/img/logo/white/logo_knr.svg) no-repeat;
}
.org_visual_box .logos.korail::after {
    width: 196px;
    height: 48px;
    background: url(/img/logo/white/logo_korail.svg) no-repeat;
}
.org_visual_box .logos.ia::after {
    width: 327px;
    height: 52px;
    background: url(/img/logo/white/logo_ia.svg) no-repeat;
}
.org_visual_box .logos.kac::after {
    width: 300px;
    height: 42px;
    background: url(/img/logo/white/logo_kac.svg) no-repeat;
}
.org_visual_box .logos.lx::after {
    width: 295px;
    height: 32px;
    background: url(/img/logo/white/logo_lx.svg) no-repeat;
}
.org_visual_box .logos.ts::after {
    width: 299px;
    height: 32px;
    background: url(/img/logo/white/logo_ts.svg) no-repeat;
}
.org_visual_box .logos.hug::after {
    width: 337px;
    height: 51px;
    background: url(/img/logo/white/logo_hug.svg) no-repeat;
}
.org_visual_box .logos.kab::after {
    width: 337px;
    height: 51px;
    background: url(/img/logo/white/logo_kab.svg) no-repeat;
}
.org_visual_box .logos.kw::after {
    width: 177px;
    height: 80px;
    background: url(/img/logo/white/logo_kw.svg) no-repeat;
}
.org_visual_box .logos.kec::after {
    width: 264px;
    height: 68px;
    background: url(/img/logo/white/logo_kec.svg) no-repeat;
}
.org_visual_box .logos.krc::after {
    width: 360px;
    height: 43px;
    background: url(/img/logo/white/logo_krc.svg) no-repeat;
}
.org_visual_box .logos.ipa::after {
    width: 287px;
    height: 66px;
    background: url(/img/logo/white/logo_ipa.svg) no-repeat;
}
.org_visual_box .logos.ygpa::after {
    width: 296px;
    height: 31px;
    background: url(/img/logo/white/logo_ygpa.svg) no-repeat;
}
.org_visual_box .logos.upa::after {
    width: 251px;
    height: 67px;
    background: url(/img/logo/white/logo_upa.png) no-repeat;
    background-size: contain;
}
.org_visual_box .logos.bpa::after {
    width: 344px;
    height: 40px;
    background: url(/img/logo/white/logo_bpa.svg) no-repeat;
    background-size: contain;
}

.org_visual_box .logos.bpa::after {
    width: 344px;
    height: 40px;
    background: url(/img/logo/white/logo_bpa.svg) no-repeat;
    background-size: contain;
}

.org_visual_box .btn_wrap{
    position: absolute;
    width: 247px;
    height: 60px;
    bottom: 0;
    right: 0;
    background-color: #044997;
    border-radius: 5px 0px 0px 0px;
    z-index: 1;
    transition: all 0.3s;
}
.org_visual_box .btn_wrap:hover{
    background-color: #34B662;
}
.org_visual_box .btn_wrap a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font: 18px 'SpoqaHanSansNeo-Regular';
    color:#fff;
}
.org_visual_box .btn_wrap img{
    width: 19px;
    margin-left: 10px;
    color:#fff;
}
.join_company *{
    word-break: keep-all;
}
.join_company{
    position: relative;
}
.join_company .inner{
    border-bottom :1px solid #E2E8EE;
    padding-top:60px;
    padding-bottom: 60px;
}
.join_company .sect:last-child .inner{
    border-bottom : none;
}
.join_company .info_list01{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.join_company .list_dot{
    position: relative;
    padding-left: 15px;
}
.join_company .list_dot::before{
    content: '';
    width: 4px;
    height: 4px;
    background-color: #333333;
    position: absolute;
    top: 11px;
    left: 0;
}

.join_company .info_list01 .info_tit{
    width: 15%;
    min-width: 210px;
    font: 32px 'SpoqaHanSansNeo-Bold';
    letter-spacing: -2.24px;
}
.join_company .info_list01 .info_img{
    width: 10%;
    margin-right: 15px;
}
.join_company .info_list01 .info_img img{
    width: auto;
    display: block;
    margin: 0 auto;
}
.join_company .info_list01 .info_detail{
    width: 55%;
}
.join_company .info_list01 .info_detail .cont-tit{
    font: 20px 'SpoqaHanSansNeo-Bold';
    color: #044997;
    margin-top: 15px;
    margin-bottom: 5px;
}
.join_company .info_list01 .info_detail dl:not(:last-child){
    margin-bottom: 40px;
}
.join_company .info_list01 .info_detail dt{
    font: 20px 'SpoqaHanSansNeo-Bold';
    margin-bottom: 10px;
}
.join_company .info_list01 .info_detail dd{
    font: 18px 'SpoqaHanSansNeo-Regular';
}
.join_company .info_column {
    display: flex;
    justify-content: space-between;
}
.join_company .info_column02 {
    display: flex;
}
.join_company .info_column02 .business_list{
    width: 50%;
}
.join_company .history_list{
    width: 49%;
}
.join_company .history_list strong{
    display: block;
    font: 20px 'SpoqaHanSansNeo-Bold';
}
.join_company .history_list li p{
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 18px;
}
.join_company .history_list li p:not(:first-child){
    margin-top: 10px;
    margin-bottom: 10px;
}
.join_company .color_box_list{
    display: flex;
    margin-top: 40px;
}
.join_company .color_box_list li{
    display: flex;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    mix-blend-mode: multiply;
    padding: 10px;
    box-sizing: border-box;
}
.join_company .color_five li{
    display: flex;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    mix-blend-mode: multiply;
    padding: 10px;
    box-sizing: border-box;
}
.join_company .color_box_list li span{
    font-size: 24px;
    font-family: 'Gowun Batang', serif;
    text-align: center;
}
.join_company .color_box_list li .color_mini{
    font-size: 18px;
    font-family: 'Gowun Batang', serif;
    word-break: keep-all;
}
.join_company .color_box_list li:nth-child(1){
    background: #34B662;
}
.join_company .color_box_list li:nth-child(2n){
    background: #F0F4F6;
}
.join_company .color_box_list li:nth-child(2n) span{
    color: #333;
}
.join_company .color_box_list li:nth-child(3){
    background: #0D51A0;
}
.join_company .color_box_list li:nth-child(5){
    background: #1d2673;
}

.join_company .color_box_list li:not(:first-child){
    margin-left: -20px;
}
.join_company .square_box{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 30px;
}
.join_company .square_box .circle{
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 10px;
    text-align: center;
    z-index: 2;
}
.join_company .square_box .circle p{
    font-size: 18px;
}
.join_company .square_box .circle:nth-child(1){
    border: 3px solid #34B662;
    background-color: #fff;
    margin-bottom: 40px;
}
.join_company .square_box .circle:nth-child(2){
    border: 3px solid #258E7A;
    background-color: #fff;
    margin-bottom: 40px;
}
.join_company .square_box .circle:nth-child(3){
    border: 3px solid #0C74B6;
    background-color: #fff;
}
.join_company .square_box .circle:nth-child(4){
    border: 3px solid #0D51A0;
    background-color: #fff;
}
.join_company .square_box .circle:nth-child(5){
    border: 3px solid #1d2673;
    background-color: #fff;
    margin-top: 40px;
}
.join_company .square_box .circle:nth-child(6){
    border: 3px solid #1e0e58;
    background-color: #fff;
    margin-top: 40px;
}
.join_company .square_box .circle:nth-child(2n){
    margin-left: 4%;
}
.join_company .info_detail .cont_bold{
    font: 20px 'SpoqaHanSansNeo-Bold';
    color: #333;
}
.join_company .info_detail .cont_bold:not(:first-child){
    margin-top: 30px;
}
.join_company .business_list li{
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px dashed #DBE0E6;
    font-size: 18px;
}
.join_company .business_list span{
    display: inline-block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 32px;
    background-color: #354251;
    margin-right: 13px;
}
.join_company .business_list div{
    margin-left: 15px;
}

@media screen and (max-width:1920px){
    .org_visual_box{
        width: 100%;
        background-size: cover !important;
    }
}
@media screen and (max-width:1240px){
    .org_visual_box{
        height: 300px;
    }
    .org_visual_box .btn_wrap {
        width: 200px;
        height: 40px;
    }
    .org_visual_box .btn_wrap a {
        font: 15px 'SpoqaHanSansNeo-Regular';
    }
    .join_company .info_list01{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .join_company .info_list01 .info_img img{
        order: 1;
        margin:0;
        width: auto;
    }
    .join_company .info_list01 .info_tit{
        order: 2;
        width: auto;
    }
    .join_company .info_list01 .info_detail{
       width: 100%;
       margin-top: 30px;
       order: 3;
    }
    .join_company .history_list{
        width: 100%;
    }
    .join_company .color_box_list{
        justify-content: center;
    }
}
@media screen and (max-width:824px){
    .org_visual_box{
        height: 250px;
    }
    .join_company .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .join_company .info_list01 .info_tit{
        font-size: 24px;
        min-width: auto;
    }
    .join_company .info_list01 .info_detail dt,
    .join_company .history_list strong{
        font-size: 18px;
    }
    .join_company .info_list01 .info_detail dd,
    .join_company .history_list li p{
        font-size: 16px;
    }
    .join_company .color_box_list li span{
        font-size: 20px;
    }
    .join_company .color_box_list li {
        min-width: 150px;
        width: 150px;
        height: 150px;
    }
    .join_company .color_five li {
        min-width: 130px;
        width: 130px;
        height: 130px;
    }
    .join_company .square_box .circle{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /* �솕�씠�듃濡쒓퀬 */
    .org_visual_box .s-only{
        font: 16px 'SpoqaHanSansNeo-Regular';
        margin-top: 15px;
        background-size: contain;
    }
    .org_visual_box .logos.ex::after {
        width: 172px;
        height: 20px;
        background-size: contain;
    }
    .org_visual_box .logos.lh::after {
        width: 147px;
        height: 56px;
        background-size: contain;
    }
    .org_visual_box .logos.knr::after {
        width: 184px;
        height: 40px;
        background-size: contain;
    }
    .org_visual_box .logos.korail::after {
        width: 130px;
        height: 34px;
        background-size: contain;
    }
    .org_visual_box .logos.ia::after {
        width: 211px;
        height: 30px;
        background-size: contain;
    }
    .org_visual_box .logos.kac::after {
        width: 202px;
        height: 30px;
        background-size: contain;
    }
    .org_visual_box .logos.lx::after {
        width: 189px;
        height: 21px;
        background-size: contain;
    }
    .org_visual_box .logos.ts::after {
        width: 182px;
        height: 26px;
        background-size: contain;
    }
    .org_visual_box .logos.hug::after {
        width: 217px;
        height: 34px;
        background-size: contain;
    }
    .org_visual_box .logos.kab::after {
        width: 139px;
        height: 28px;
        background-size: contain;
    }
    .org_visual_box .logos.kw::after {
        width: 102px;
        height: 47px;
    }
    .org_visual_box .logos.kec::after {
        width: 146px;
        height: 39px;
        background-size: contain;
    }
    .org_visual_box .logos.krc::after {
        width: 220px;
        height: 27px;
        background-size: contain;
    }
    .org_visual_box .logos.ipa::after {
        width: 160px;
        height: 37px;
        background-size: contain;
    }
    .org_visual_box .logos.ygpa::after {
        width: 177px;
        height: 31px;
        background-size: contain;
    }
    .org_visual_box .logos.upa::after {
        width: 136px;
        height: 36px;
        background-size: contain;
    }
    .org_visual_box .logos.bpa::after {
        width: 203px;
        height: 24px;
        background-size: contain;
    }


}
@media screen and (max-width:620px){
    .org_visual_box{
        height: 200px;
    }
    .org_visual_box .btn_wrap{
        width: 100%;
        border-radius: 0;
        height: 40px;
    }
    .join_company .inner{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .join_company .info_list01 .info_img{
        width: auto;
        min-width: none;
    }
    .join_company .sect:nth-child(1) .info_img img{
        width: 65%;
    }
    .join_company .sect:nth-child(2) .info_img img{
        width: 80%;
    }
    .join_company .sect:nth-child(3) .info_img img,
    .join_company .sect:nth-child(4) .info_img img,
    .join_company .sect:last-child .info_img img
    {
        width: 70%;
    }
    .join_company .info_list01 .info_detail dl:not(:last-child){
        margin-bottom: 20px;
    }
    .join_company .info_column{
        flex-direction: column;
        width: 100%;
    }
    .join_company .color_box_list li {
        min-width: 130px;
        width: 130px;
        height: 130px;
    }
    .join_company .color_five li {
        min-width: 110px;
        width: 110px;
        height: 110px;
    }
    .join_company .color_box_list li span{
        font-size: 16px;
        letter-spacing: -1px;
    }
    .join_company .square_box .circle{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .join_company .business_list li{
        width: 100%;
        font-size: 16px;
        padding: 15px 0;
    }
    .join_company .info_column02{
        flex-direction: column;
    }
    .join_company .info_column02 .business_list{
        width: 100%;
    }

    .join_company .info_list01 .info_img {
        width: 10%;
        margin-right: 10px;
    }
}
@media screen and (max-width:500px){
    .org_visual_box{
        height: 180px;
    }
    .org_visual_box .logos_wrap {
        transform: translate(-50%, -60%);
    }
    .org_visual_box .s-only{
        margin-top: 8px;
        font-size: 15px;
        line-height: 19px;
        line-height: 19px;
    }
    .join_company .info_list01 .info_img{
        margin-right: 0;
    }
    .join_company .info_list01 .info_tit{
        font-size: 20px;
    }
    .join_company .square_box .circle{
        padding-left: 10px;
        padding-right: 10px;
    }
    .join_company .square_box .circle p{
        font-size: 16px;
    }
    .join_company .color_box_list{
        flex-direction: column;
        align-items: center;
    }
    .join_company .color_box_list li:not(:first-child){
        margin-left: 0;
        margin-top: -40px;
    }
    .join_company .color_box_list li {
        min-width: 150px;
        width: 150px;
        height: 150px;
    }
    .join_company .color_box_list li span {
        font-size: 20px;
    }
    .join_company .square_box{
        flex-direction: column;
    }
    .join_company .square_box .circle{
        width: 100%;
    }
    .join_company .square_box .circle:nth-child(1),
    .join_company .square_box .circle:nth-child(2),
    .join_company .square_box .circle:nth-child(3),
    .join_company .square_box .circle:nth-child(4),
    .join_company .square_box .circle:nth-child(5){
        margin-top: 0;
        margin-bottom: 10px;
    }
    .join_company .square_box .circle:last-child{
        margin-bottom: 0;
        margin-top: 0;
    }
    .join_company .square_box .circle:nth-child(2n){
        margin-left: 0;
    }

}
@media screen and (max-width:425px){
    .join_company .color_box_list li {
        min-width: 120px;
        width: 120px;
        height: 120px;
    }
    .join_company .color_box_list li:not(:first-child) {
        margin-top: -30px;
    }
    .join_company .color_box_list li span{
        font-size: 18px;
    }
}

/* 湲곗닠留덉폆�냼媛� > �뿰�씫泥� -> board.css�뿉 �엳�뒿�땲�떎 */

/* �넻�빀怨듬え > soc�씤利앷났紐� > �떖�궗泥닿퀎 */
.line_tab_menu{
    margin-top: 60px;
    margin-bottom: 60px;
}
.line_tab_menu > ul{
    position: relative;
    display: flex;
}
.line_tab_menu > ul::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #F2F3F7;
}
.line_tab_menu > ul > li {
    position: relative;
    flex: 1 1 0;
    color: #929294;
    text-align: center;
    padding-bottom: 20px;
    cursor: pointer;
    transition: all .3s;
    font: 18px 'SpoqaHanSansNeo-Medium';
}
.line_tab_menu > ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0%;
    height: 2px;
    background: #01449B;
    transition: width .3s;
}
.line_tab_menu > ul > li.active::before{
    width: 100%;
}
.line_tab_menu > ul > li a {
    display: inline-block;
    width: 100%;
    color: #929294;
    letter-spacing: -0.03em;
}
.line_tab_menu > ul > li.active a {
    color: #01449B;
}
@media (max-width: 1024px){
    .line_tab_menu{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .line_tab_menu > ul > li{
        padding-bottom: 10px;
    }
    .line_tab_menu > ul > li a{
        font-size: 16px;
    }
}
.contest_intro{
    display: block;
    position: relative;
    word-break: keep-all;
}
.contest_intro .sect{
    width: 100%;
    position: relative;
    display: none;
}
.contest_intro .sect.active{
    display: block;
}
.contest_intro .img_box{
    width: 100%;
}
.contest_intro .top_white {
    background-color: #fff;
    padding: 43px 50px 0 50px;
    border-radius: 15px 15px 0 0;
    margin-top: -70px;
}
.contest_intro .contest_con {
    position: relative;
    display: block;
    padding-left: 43px;
    padding-right: 43px;
    width: 620px;
    margin-left: 7%;
}
.contest_intro .contest_con p,
.contest_intro .contest_wide p{
    letter-spacing: -0.9px;
}
.contest_intro strong{
    display: block;
    font: 22px 'SpoqaHanSansNeo-Bold';
    letter-spacing: -1.54px;
    margin-bottom: 15px;
}
.contest_intro strong + p{
    font-size: 17px;
}
.contest_intro .contest_wide{
    position: relative;
    display: block;
    padding-left: 43px;
    padding-right: 43px;
    margin-left: 7%;
    margin-right: 7%;
    margin-top: 60px;
}
.contest_intro .contest_wide:nth-child(1){
    margin-top: 45px;
    margin-bottom: 60px;
}
.contest_intro .square_border_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.contest_intro .square_border_inner li{
    display: flex;
    flex-direction: column;
    width: 28%;
    height: 168px;
    padding: 20px;
    border-radius: 15px;
    justify-content: center;
    background-color: #fff;
}
.contest_intro .square_border_inner li:nth-child(1){
    position: relative;
    border: 3px solid #34B662;
}
.contest_intro .square_border_inner li:nth-child(1)::after{
    content: '';
    position: absolute;
    width: 74px;
    height: 18px;
    margin-right: -74px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(../../img/contestIntro/green_arrow.svg)no-repeat;
    background-size: contain;
    z-index: -1;
}
.contest_intro .square_border_inner li:nth-child(2){
    border: 3px solid #258E7A;
    position: relative;
}
.contest_intro .square_border_inner li:nth-child(2)::after{
    content: '';
    position: absolute;
    width: 74px;
    height: 18px;
    margin-right: -74px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(../../img/contestIntro/deep_green_arrow.svg)no-repeat;
    background-size: contain;
    z-index: -1;
}
.contest_intro .square_border_inner li:nth-child(3){
    border: 3px solid #0C74B6;
}
.contest_intro .square_border_inner li span{
    font: 19px 'SpoqaHanSansNeo-Bold';
    margin: 0 auto 10px auto;
}
.contest_intro .square_border_inner li p{
    font: 17px 'SpoqaHanSansNeo-Regular';
    letter-spacing: -0.85px;
}
.contest_intro .square_border_inner .list_dot{
    position: relative;
    padding-left: 10px;
}
.contest_intro .square_border_inner .list_dot::before{
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    left: 0;
    top: 11px;
    background-color: #333;
}
.contest_intro .square_border_inner .light_txt{
    font: 14px 'SpoqaHanSansNeo-Light';
    text-align: center;
    margin-top: 10px;
}
.contest_intro .square_border_inner .long_txt{
    line-height: 21px;
    text-align: center;
}
.contest_intro .color_box_list.step5 > li > span{
    line-height: 18px;
}
.contest_intro .color_box_list.step5 > li > span:first-child{
    margin-bottom: 10px;
    padding: 0px 25%
}
.contest_intro .color_box_list.step5 > li > span:not(:first-child){
    padding: 0 25%;
}
.contest_intro .color_box_list.step5 > li {
    width: 22.2%;
    height: 162px;
    margin-left: -4%;
}
@media screen and (max-width:1240px){
    .contest_intro .contest_wide{
        margin-right: 0;
    }
    .contest_intro .square_border_inner li:nth-child(1)::after,
    .contest_intro .square_border_inner li:nth-child(2)::after{
        width: 65px;
        height: 16px;
        margin-right: -65px;
    }
}
@media screen and (max-width:1024px){
    .contest_intro .contest_con{
        padding-left: 30px;
        padding-right: 30px;
    }
    .contest_intro .contest_wide{
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 40px;
    }
    .contest_intro .contest_con p,
    .contest_intro .contest_wide p{
        font-size: 16px;
        letter-spacing: -0.8px;
    }
    .contest_intro .top_white{
        padding-top: 30px;
    }
    .contest_intro strong{
        font-size: 20px;
    }
    .contest_intro .square_border_inner li{
        padding: 15px;
    }
    .contest_intro .square_border_inner li span{
        font-size: 18px;
    }
    .contest_intro .square_border_inner li:nth-child(1)::after,
    .contest_intro .square_border_inner li:nth-child(2)::after{
        margin-right: -50px;
    }
    .contest_intro .square_border_inner .list_dot{
        font-size: 16px;
    }
    .contest_intro .square_border_inner .long_txt{
        font-size: 16px;
    }
    .contest_intro .color_box_list.step5 > li > span:first-child{
        margin-bottom: 5px;
        font-size: 16px;
    }
    .contest_intro .color_box_list.step5 > li {
        width: 23.2%;
        height: 139px;
        margin-left: -4.5%;
    }
    .contest_intro .color_box_list.step5 > li > span:first-child{
        padding: 0 20%;
    }
    .contest_intro .color_box_list.step5 > li > span:not(:first-child){
        padding: 0 20%;
    }
}
@media screen and (max-width:930px){
    .contest_intro .contest_con{
        padding: 0;
        margin: 30px 0 0 0;
        width: auto;
    }
    .contest_intro .contest_wide{
        padding: 0;
        margin: 30px 0 0 0;
    }

}
@media screen and (max-width:825px){
    .contest_intro .color_box_wrap{
        width: 100%;
        overflow-x: scroll;
    }
    .contest_intro .color_box_list.step5{
        min-width: 773px;
    }
    .contest_intro .color_box_wrap{
        width: 100%;
        overflow-x: scroll;
    }
    .contest_intro .color_box_list.step5{
        min-width: 773px;
    }
    .contest_intro .square_border_inner{
        flex-direction: column;
    }
    .contest_intro .square_border_inner li{
        width: 70%;
        height: 120px;
        margin-bottom: 40px;
    }
    .contest_intro .square_border_inner li:nth-child(1)::after,
    .contest_intro .square_border_inner li:nth-child(2)::after{
        top: unset;
        right: unset;
        left: 50%;
        margin-left: -30px;
        margin-bottom: -10px;
        margin-right: 0;
        bottom: 0;
        transform: rotate(90deg);

    }
}
@media screen and (max-width:525px){
    .contest_intro .square_border_inner li{
        width: 100%;
    }
    .contest_intro .img_box{
        height: 140px;
        border-radius: 5px;
        overflow: hidden;
    }
    .contest_intro .img_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
/* �넻�빀怨듬え > soc�씤利앷났紐� > 怨듦퀬 */
/* �넻�빀怨듬え > SOC�씤利앷났紐⑥떊泥� > �벑濡�(�뤌�럹�씠吏�) */
.input_box.type_file .attach_btn_wrap button{
    width: 75%;
    height: 50px;
    border: 1px solid #0d51a0;
    display: inline-block;
    border-radius: 5px;
    color: #0d51a0;
    background: #fff;
    font: 17px 'SpoqaHanSansNeo-Medium';
}
ul.download_list{
    /* display: none; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    /* width: 90%; */
}
ul.download_list li{
    display: none;
}
.mypage_wrap ul.download_list li a{
    font-size: 15px;
}
ul.download_list li:first-child{
    display: block;
}
ul.download_list li > span.attach_file_tit{
    color: transparent;
}
.sect.style-form .con.file .guide_box .guide_tit{
    font-family: 'SpoqaHanSansNeo-Medium';
    color: #000;
}
#contestFile{
    /* margin-top: 40px; */
}
#contestFile > div.red{
    color: #F66572;
    font-family: 'SpoqaHanSansNeo-Medium';
    font-size: 14px;
    margin-top: 40px;
}
#fileWrap > div{
    display: flex;
    align-items: flex-end;
}
#fileWrap .file_box{
    display: flex;
    max-width: 650px;
    width: 650px;
    border: 0px !important;
    padding-left: 0px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 0px;
}
#fileWrap .file_box .upload_label{
    width: 100px;
    height: 50px;
    color: #fff;
    background-color:#044997;
    border: 1px solid #044997;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}
#fileWrap .file_box .upload_label input[type="file"]{
    appearance: none;
    -webkit-appearance: none;
    display: none;
}
#fileWrap .option-box{
    /* margin-top: 20px; */
    min-width: 50px;
    height: 50px;
    height: var(--input-height);
}
#fileWrap .option-box button{
    width: 100%;
    height: 100%;
    font-size: 33px;
}
.option-box .btnSubImgDelete,
#fileWrap .option-box .btnFileDelete{
    /* background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 5px; */
    font-size: 33px;
}
#fileWrap .file_name_area{
    /* width: calc(100% - 103px);
    height: 50px;
    appearance: button;
    background-color: #fff;
    border-radius: 15px;
    font-size: 17px;
    color: #333;
    padding: 0 20px;
    border-radius: 5px;
    border:1px solid #E0E0E0;
    box-sizing: border-box;
    margin-right: 8px; */
}
.toggle_btn_wrap{
    background-color: #F9FAFB;
    padding: 24px;
    margin-top: 20px;
    width: 100%;
}
.mypage_wrap .toggle_btn_wrap{
    padding: 20px 24px;
    margin-top: 0px;
    border-radius: 3px;
}
.toggle_btn_wrap .toggle_btn{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.toggle_btn_wrap .toggle_btn .right{
    display: flex;
    margin-left: auto;
    cursor: pointer;
}
.toggle_btn_wrap .toggle_btn > .flex > * {
    flex: 0 0 auto;
    width: auto;
}
.toggle_btn_wrap .toggle_btn .right .more_total{
    letter-spacing: -0.96px;
    color: #333333;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.mypage_wrap .toggle_btn_wrap .toggle_btn .right .more_total{
    font-size: 14px;
}
.toggle_btn_wrap .toggle_btn .left .attach_file_tit{
    min-width: 63px;
}
.mypage_wrap .toggle_btn_wrap .toggle_btn .left .attach_file_tit{
    font-size: 15px;
}
.arrow_mark{
    width: 26px;
    height: 26px;
    background: url(/img/btn_bottom_arrow.svg) center center no-repeat;
    background-size: 26px;
    display: inline-block;
 }
 .attach_file_tit{
    margin-right: 30px;
    letter-spacing: -0.9px;
    color: #000000;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Medium';
 }
 .input_box.input_box2.btn.btn-type-02{
    cursor: pointer;
 }
 .input_box.input_box2.btn.btn-type-02 label{
    cursor: pointer;
 }

 @media screen and (max-width:768px){
    .toggle_btn_wrap .toggle_btn{
        flex-wrap: wrap;
    }

    ul.download_list {
        order: 1;
        width: 100%;
        gap: 5px;
        margin-top: 13px;
    }

    .horizon-view .link-file li p {
        margin-left: 0px;
    }

    .horizon-view .link-file li:not(:last-child) {
        padding-bottom: 0px;
    }

 }

 @media screen and (max-width:767px){
    .toggle_btn_wrap{
        padding: 15px 15px;
    }
    .toggle_btn_wrap .toggle_btn .right .more_total{
        font-size: 14px;
    }
    .toggle_btn_wrap .toggle_btn .left .attach_file_tit{
        margin-right: 8px;
        font-size: 16px;
    }
    .toggle_btn_wrap .toggle_btn .right{
        width: calc(100% - 72px) !important;
        justify-content: flex-end;
        font-size: 14px;
    }
    .input_box.type_file .attach_btn_wrap button{
        width: 100%;
    }
    #fileWrap .file_box .upload_label{
        width: 80px;
        font-size: 15px;
    }
    #fileWrap .file_name_area{
        width: calc(100% - 83px);
    }
    .toggle_btn_wrap .toggle_btn .left .attach_file_tit{
        margin-bottom: 6px;
    }
    .sect.style-form .horizon-table .con.file .left{
        flex-direction: column;
    }

    ul.download_list li > span.attach_file_tit{
        display: none;
    }
    ul.download_list li{
        margin-top: 7px;
    }

    .btn_download{
        font-size: 15px;
    }
    #contestFile > div.red{
        font-size: 16px;
    }
}
@media screen and (max-width:480px){
    .toggle_btn_wrap .toggle_btn .left a{
        display: flex;
        flex-wrap: wrap;
    }
    .toggle_btn_wrap .toggle_btn .left a strong{
        width: 100%;
    }
    ul.download_list li a{
        display: flex;
        flex-wrap: wrap;
    }
    .toggle_btn ul.download_list li a{
        flex-wrap: nowrap;
    }
    ul.download_list li a strong{
        width: 100%;
    }
    #contestFile > div.red{
        font-size: 15px;
    }
}


/* �넻�빀怨듬え > R&D 怨듬え > 怨듦퀬 */


/* soc�씤利앷린�닠(�젣�뭹) */

#wrap.my_tech .board-list .number {
    top: 0;
}

/* 吏��떇�옱�궛沅� 嫄곕옒 > �쁽�솴 怨듯넻 */
.sect-transfer{
    margin: 0 auto;
    max-width: 1280px;
}
.sect-transfer .tabs-wrap {
    margin-top: 60px;
}


.sect-transfer #formSearch {
    margin-top: 60px;
}

.sect-transfer .board-top-info {
    margin-top: 40px;
}

.board-list.transfer-list {
    --input-height : 35px;
}

.transfer-list .logo-img {
    width: 20px;
    height: 20px;
}

.transfer-list .con.state {
    order: 5;
}
.transfer-list .con.state a{
    display: flex;
    align-items: center;
}
.transfer-list .con.state a > .wrap{
    background-color: #044997;
    display: flex;
    padding: 4px 12px;
    border-radius: 5px;
}
.transfer-list .con.state a > .wrap .btn{
    background-color: transparent;
}
/* 吏��떇�옱�궛沅� 嫄곕옒 > �쁽�솴 > 蹂댁쑀�쁽�솴 */
/* 吏��떇�옱�궛沅� �쁽�솴 �긽�꽭 */
.sect-transfer .horizon-view.view-ip {
    letter-spacing: -0.9px;
}
.horizon-view .box {
    padding: 0px 40px;
}
.page_wrap.board_tech .horizon-view .box.boxes_flex {
    padding-top: 20px;
    padding-bottom: 20px;
}
.page_wrap.board_tech .horizon-view.innerMypage .box.boxes_flex{
    padding: 15px 0px;
}
.horizon-view .next_prev .box {
    padding-top: 0;
    padding-bottom: 0;
}
.horizon-view.innerMypage .next_prev .box{
    padding-left: 0px;
    padding-right: 0px;
}
.horizon-view > .box:first-child {
    padding-top: 32px;
    padding-bottom: 32px;
}
.horizon-view .btns-wrap.round-btns-wrap {
    margin-left: auto;
    gap: 10px 15px;
}

.sect-transfer .horizon-view.view-ip .btns-wrap.round-btns-wrap .btn.round-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--input-height) * 2.2);
    height: var(--input-height);
    padding: 0;
    font-size: 18px;
}


.sect-transfer .horizon-view.view-ip .board-title {
    letter-spacing: -2.24px;
}
#wrap.ip .sect-transfer .horizon-view.view-ip .board-title{
    padding-right: 25px;
    display: flex;
    align-items: center;
}

.sect-transfer .horizon-view.view-ip .box.flex > .flex  {
    height: 100%;
    align-items: center;
}

.sect-transfer .horizon-view.view-ip .box.flex > .flex > *  {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sect-transfer .horizon-view.view-ip .left > .tit3,
.sect-transfer .horizon-view.view-ip .con3 {
    padding: 0;
}

.sect-transfer .horizon-view.view-ip .type1 .con3 > span,
.sect-transfer .horizon-view.view-ip .type2 .con3 > span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #354251;
    border-radius: 3px;
    padding: 4px 12px 3px;
}

.sect-transfer .horizon-view.view-ip .type1 .con3 > span {
    border-color: #F66572;
    color: #F66572;
}

.sect-transfer .horizon-view.view-ip .type2 .con3 > span {
    border-color: #0C478D;
    color: #0C478D;
}

.sect-transfer .horizon-view.view-ip .info .con3 > a {
    color: #044997;
    text-decoration: underline;
}

.sect-transfer .horizon-view.view-ip .info .con3 .more-icon {
    position: relative;
    display: inline-block;
}

.sect-transfer .horizon-view.view-ip .info .con3 .more-icon > img {
    width: 100%;
    right: 100%;
}
.sect-transfer > div > .info_list01{
    padding-left: 15px;
    padding-right: 15px;
}

.horizon-view .info-table.box-table {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: solid 1px #E2E8EE;
}
.horizon-view .info-table.box-table.borderBN{
    border-bottom: 0px;
}

.horizon-view .info-table.box-table .box {
    position: relative;
    display: flex;
    width: calc(100% / 2);
    border: none;
    border-bottom: 1px dashed #DBE0E6;
    border-left: 1px dashed #DBE0E6;
}

.horizon-view .info-table.box-table .box:nth-last-child(-n + 2) {
    border-bottom: none;
}

.horizon-view .info-table.box-table .box:nth-child(2n + 1) {
    border-left: none;
}
.horizon-view .info-table.box-table .box.one_line{
    width: 100%;
    border-left: 0px;
    border-bottom: 1px dashed #DBE0E6;
}
.horizon-view .info-table.box-table .box.one_line:last-of-type{
    border-bottom: 0px;
}
.horizon-view .info-table.box-table .box.one_line .tit3{
    /* flex: 0 0 130px !important; */
}
.horizon-view .info-table.box-table .box.main-right > .left,
.horizon-view .info-table.box-table .box.main-right > .right {
    height: 70px;
}
.horizon-view .info-table.box-table .box.main-right > .right{
    /* overflow: hidden; */
}
.horizon-view .info-table.box-table .box.main-right > .left,
.horizon-view .info-table.box-table .box.main-right > .right,
.horizon-view .info-table.box-table .box.main-right > .right a {
    position: relative;
    display: flex;
    align-items: center;
}

.horizon-view .info-table.box-table .box.main-right > .right a i.more-icon {
    margin: 0 6px;
    display: flex;
}

/* �엯李곌났怨� 酉고럹�씠吏� 而ㅼ뒪��*/
.horizon-view .info-table.box-table.bid_view{
    align-items: stretch;
    border-bottom: 0px;
}
.horizon-view .info-table.box-table.bid_view + .next_prev{
    margin-top: 55px;
}
.horizon-view .info-table.box-table.bid_view .box {
    min-height: 75px;
}
.horizon-view .info-table.box-table.bid_view .box.main-right > .left,
.horizon-view .info-table.box-table.bid_view .box.main-right > .right{
    height: auto;
    word-wrap: break-word;
    padding-top: 3px;
    padding-bottom: 3px;
}
.horizon-view .info-table.box-table.bid_view .box.main-right > .left{
    flex-grow: 0;
    flex-basis: 150px;
    max-width: 150px;
    padding-right: 15px;
    word-break: break-all;
}
.horizon-view .info-table.box-table.bid_view .box.main-right > .right{
    flex-grow: 0;
    flex: 1 1 0;
    word-break: break-all;
}
.horizon-view .info-table.box-table.bid_view .box.main-right > .right a {
    word-break: break-all;
}
@media (max-width: 1280px){
    .sect-transfer{
        /* padding-left: 30px; */
    }
}
@media (max-width: 968px){
    .sect-transfer{
        /* padding-left: 3.10%; */
    }
}
@media (max-width: 968px){
    .sect-transfer{
        /* padding-left: 3.10%; */
    }
}


@media (max-width: 1023px){
    .horizon-view .info-table.box-table.bid_view .box {
        min-height: 55px;
    }
    .horizon-view .info-table.box-table .box.main-right > .left,
    .horizon-view .info-table.box-table .box.main-right > .right{
        height: 40px;
    }
    .page_wrap.board_tech .horizon-view .box.boxes_flex{
        padding-top: 5px;
        padding-bottom: 8px;
    }
}



@media all and (max-width : 1339px) {
    .horizon-view .info-table.box-table .box.main-right > .left {
        flex: 0 0 130px;
    }
    .horizon-view .info-table.box-table .box.main-right > .right {
        flex: 1 1 0;
    }
}

@media all and (max-width : 1023px) {
    .horizon-view .box {
        padding: 10px 15px;
    }
    .horizon-view > .box:first-child {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #wrap.bidNotice .horizon-view > .box:first-child{
        padding-left: 0px;
        padding-right: 0px;
    }
    .horizon-view .info-table.box-table .box {
        width: 100%;
        flex-direction: row;
    }
    .horizon-view .info-table.box-table .box:nth-child(n) {
        border-left: none;
    }
    .horizon-view .info-table.box-table .box:nth-last-child(n) {
        border-bottom: 1px dashed #DBE0E6;
    }
    .horizon-view .info-table.box-table .box:last-child {
        border-bottom: 1px dashed #DBE0E6;
    }
}

@media all and (max-width : 677px) {
    .horizon-view .con3 {
        flex-direction: row;
        gap: 8px 10px;
        flex-wrap: wrap;
    }
    .sect-transfer .horizon-view.view-ip .btns-wrap.round-btns-wrap .btn.round-btn {
        width: calc(var(--input-height) * 2.5);
        font-size: 15px;
        min-width: 100px;
    }
    .horizon-view .info-table.box-table .box.main-right > .left {
        flex: 0 0 110px;
    }
    .board_wrap.board-boxes-wrap .con.logo-img, .horizon-view.view-ip .logo-img {
        width: 30px;
        height: 30px;
    }
    .horizon-view .next_prev .box{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media all and (max-width : 400px) {
    .horizon-view .info-table.box-table.bid_view .box.main-right > .left {
        flex-grow: 0;
        flex-basis: 120px;
        max-width: 120px;
        padding-right: 15px;
        word-break: break-all;
    }
}



/* 吏��떇�옱�궛沅� �쁽�솴 嫄곕옒�떊泥� */
#wrap.my_ip .sect.transfer-form .sticky-wrap {
    --main-width : 77;
}
#wrap.my_ip .sect.style-form .horizon-table {
    padding: 0px;
}
.sect-transfer.transfer-form:first-child .info_list01.flex {
    border-top: 2px solid #000;
}

.sect-transfer.transfer-form .horizon-table .box {
    padding: 0px;
}

.color_box_list.step4 {
    width: 800px;
}

#wrap.mypage.my_ip .sect-transfer.transfer-form .main-right > .right {
    flex-grow: 67;
}
#wrap.mypage.my_ip .sect.style-form .box.width-25 {
    width: 25.9%
}
#wrap.mypage.my_ip .sect.style-form .box.width-50 {
    width: 52.59%
}
#wrap.mypage.my_ip .sect.style-form .box.width-65 {
    width: 71.60%
}
#wrap.mypage.my_ip .sect.style-form .box.width-75 {
    width: 74.20%
}
#wrap.mypage.my_ip .sect.style-form .con.file .guide_box > ul > li {
    padding-left: 23px;
}
#wrap.mypage.my_ip .sect.style-form .con.email .type_email > .flex {
    flex: 6 1 0;
}

@media all and (max-width : 1339px) {
    #wrap.mypage.my_ip .sect.style-form .box.width-25 {
        width: 37.5%
    }
    #wrap.mypage.my_ip .sect.style-form .box.width-50 {
        width: 75%
    }
    #wrap.mypage.my_ip .sect.style-form .box.width-75 {
        width: 100%;
    }
    .sect-transfer .info_detail .scroll-style {
        overflow-x: scroll;
    }
}
@media all and (max-width : 1023px) {
    .sect-transfer.transfer-form .info_list01.flex {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .sect-transfer.transfer-form .info_list01.flex > .info_tit {
        position: relative;
        top: unset;
    }
    .sect-transfer.transfer-form .main-right > .right {
        padding-top: 16px;
    }
    #wrap.mypage.my_ip .sect.style-form .box.width-65 {
        width: 100%
    }
    #wrap.mypage.my_ip .sect.style-form .box.width-75 {
        width: 100%
    }
}
@media all and (max-width: 968px) {
    .sect-transfer.transfer-form .flex {
        flex-direction: row;
    }
}
@media all and (max-width: 767px) {
    .sect-transfer.transfer-form .info_detail.wrap-box {
        padding: 45px;
    }
}
@media all and (max-width: 677px) {
    .sect-transfer.transfer-form .info_detail.wrap-box {
        padding: 5.87vw;
    }
    .sect-transfer.transfer-form .color_box_list.step4 > li {
        /* width: 25%;
        height: 13vw;
        min-height: 50px; */
    }
    .sect-transfer.transfer-form .color_box_list.step4 > li:first-child {
        /* width: 27%; */
    }
    .sect.style-form .con.file .file-box-wrap.flex {
        flex-wrap: wrap;
    }
    .sect.style-form .con.file .file-box-wrap.flex > * {
        flex: unset;
    }
    .sect.style-form .con.file .file-box-wrap.flex > .input_box {
        width: 100%;
    }
    #wrap.mypage.my_ip .sect.style-form .box.width-25 {
        width: 100%;
        max-width: 220px;
    }
    #wrap.mypage.my_ip .sect.style-form .box.width-50 {
        width: 100%
    }
    #wrap.mypage.my_ip .sect.style-form .con.email .type_email > .flex {
        /* flex: 2 1 0; */
    }
    #wrap.mypage.my_ip .sect.style-form .con.email .type_email > .input_box.select-wrap {
        /* flex: 1 1 0; */
    }
    /* #wrap.my_ip .sect.style-form .con.file .file-box-wrap.flex > .input_box {
        flex: 2 1 0;
    } */
}
@media all and (max-width: 419px) {
    /* #wrap.my_ip .sect.style-form .con.file .file-box-wrap.flex > .input_box {
        flex: 7 1 0;
    }
    #wrap.my_ip .sect.style-form .con.file .file-box-wrap.flex > .btn {
        flex: 6 1 0;
    }
    #wrap.my_ip .sect.style-form .con.file .file-box-wrap.flex > .checkbox-wrap {
        flex: 5 1 0;
    } */
}


/* 吏��떇�옱�궛沅� 嫄곕옒 > �쁽�솴 > 湲곗닠�씠�쟾 �븞�궡 */

.sect-transfer .info_list01.flex {
    padding-top: 60px;
    letter-spacing: -0.9px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E2E8EE;

    --list-dot-padding : 12px;
    --list-dot-height : 21px;
}

.sect-transfer:first-child .info_list01.flex {
    padding-top: 68px;
}

.sect-transfer:last-child .info_list01.flex {
    padding-bottom: 0px;
    border-bottom: none;
}

.sect-transfer .info_list01 > .info_tit {
	font-family: 'SpoqaHanSansNeo-Bold';
    font-size: 32px;
    letter-spacing: -2.24px;
    color: #000;
}

#wrap.ip .sect-transfer .info_list01 > .info_tit {
    flex: 1065 1 0;
    width: 0;
}

#wrap.ip .sect-transfer .info_list01 > .deco-wrap {
    flex: 500 1 0;
    width: 0;
}

#wrap.ip .sect-transfer .info_list01 > .info_detail {
    flex: 2598 1 0;
    width: 0;
}

.sect-transfer .info_list01.flex > .right.flex > .left {
    flex-grow: 16;
}

.sect-transfer .info_list01.flex > .right.flex > .right {
    flex-grow: 84;
}

.sect-transfer .info_list01 .deco-icon {
    position: relative;
    width: 70px;
}

.sect-transfer .info_list01 .info_detail dt {
	font-family: 'SpoqaHanSansNeo-Bold';
    font-size: 20px;
    letter-spacing: -1.4px;
    color: #000;
    line-height: 25px;
    padding-top: 32px;
    padding-bottom: 10px;
}

.sect-transfer .info_list01 .info_detail dt:first-child {
    padding-top: 0px;
}

.sect-transfer .info_list01 .info_detail dd > span {
    position: relative;
    display: block;
    margin-top: 10px;
}

.sect-transfer .info_list01 .info_detail dd > span:first-child {
    margin-top: 0px;
}

.sect-transfer .info_list01 .info_detail dd .exception {
	font-family: 'SpoqaHanSansNeo-Light';
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #F66572;
    text-decoration: underline;
    margin-top: 6px;
}

.sect-transfer .info_list01 .info_detail .btn_download {
    text-decoration: underline;
}

.sect-transfer .info_list01 .info_detail .btn_download.text-left-padding {
    padding-left: 15px;
}

.sect-transfer .info_list01 .info_detail .btn_download:after {
    background: url('/img/user/download_icon.svg') no-repeat left center;
}

.sect-transfer .info_list01 .info_detail p{
position: relative;
font-family: 'SpoqaHanSansNeo-Light';
font-size: 17px;
letter-spacing: -0.85px;
color: #676A75;
line-height: var(--list-dot-height);
padding-left: var(--list-dot-padding);
margin-top: 5px;
}
.sect-transfer .info_list01 .info_detail p > * {
    font-size: 16px;
    letter-spacing: -0.85px;
    color: #676A75;
    line-height: var(--list-dot-height);
}


.sect-transfer .info_list01 .info_detail dd > p:first-of-type {
    margin-top: 10px;
}

.sect-transfer .info_list01 .info_detail .list-dot {
    position: absolute;
    left: calc(var(--list-dot-padding) / 2);
    top: calc(var(--list-dot-height) / 2);
    display: block;
    width: 3px;
    height: 3px;
    background: #676A75;
}
.info_list01 .section-title .cont-tit{
    margin-bottom: 30px;
}
.mypage_wrap .info_list01 .section-title .cont-tit{
    margin-bottom: 20px;
}
.mypage_wrap .right > .section-title > .cont-tit{
    font-size: 24px;
}

.color_box_list.step4 {
    /* position: relative;
    width: 100%; */
}

.color_box_list.step4,
.color_box_list.step5 {
    position: relative;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.color_box_list.step4 > li {
    /* float: left; */
}

.color_box_list.step4 > li,
.color_box_list.step5 > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.color_box_list > li {
    background: url('/img/user/procedure_step5_03.svg') no-repeat center;
    background-size: contain;
    background-size: 100% 100%;
    float: left;
}


.color_box_list.step4 > li {
    width: 34%;
    width: 205px;
    height: 143px;
    margin-left: -11.6%;
    margin-left: -30px;
}

.color_box_list.step4 > li:last-child {
    width: 37%;
    width: 275px;
}

.color_box_list.step5 > li {
    width: 22.2%;
    height: 131px;
    margin-left: -4%;
}


.color_box_list > li:nth-child(1) {
    /* width: 24.0%; */
    background: url('/img/user/procedure_arrow_01.svg') no-repeat center;
    background-size: 100% 100%;
    margin-left: 0;
}

.color_box_list.step5 > li:nth-child(1) {
    /* width: 24.0%; */
    background: url('/img/user/procedure_step5_01.svg') no-repeat center;
    background-size: 100% 100%;
    margin-left: 0;
    /* height: 100%; */
    /* width: 100px; */

    /* ver2 */
    /* background: #34B662; */
}
.color_box_list.step6{
    width: 1300px;
}
.color_box_list.step6 > li {
    width: 213px;
    height: 131px;
    margin-left: 0%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.color_box_list.step6 > li:nth-of-type(2){
    transform: translateX(-35px);
}
.color_box_list.step6 > li:nth-of-type(3){
    transform: translateX(-80px);
}
.color_box_list.step6 > li:nth-of-type(4){
    transform: translateX(-136px);
}
.color_box_list.step6 > li:nth-of-type(5){
    transform: translateX(-193px);
}
.color_box_list.step6 > li:nth-of-type(6){
    transform: translateX(-248px);
}
@media all and (max-width : 1024px){
    .color_box_list.step6 {
        width: 930px;
    }
    .color_box_list.step6 > li {
        width: 150px;
        height: 110px;
        background-size: 147px 100px !important;
    }
    .color_box_list.step6 > li:nth-of-type(2){
        transform: translateX(-21px);
    }
    .color_box_list.step6 > li:nth-of-type(3){
        transform: translateX(-45px);
    }
    .color_box_list.step6 > li:nth-of-type(4){
        transform: translateX(-68px);
    }
    .color_box_list.step6 > li:nth-of-type(5){
        transform: translateX(-91px);
    }
    .color_box_list.step6 > li:nth-of-type(6){
        transform: translateX(-114px);
    }
}

/* ver2 */
.color_box_list > li:nth-child(1)::before {
    /* content: '';
    position: absolute;
    right: calc(100% - 22px);
    top: 0;
    display: block;
    height: 0;
    width: 0;
    border-top: calc(143px / 2) solid #34B662;
    border-right: 44px solid #34B662;
    border-bottom: calc(143px / 2) solid #34B662;
    border-left: 44px solid transparent; */
}

.color_box_list > li:nth-child(2) {
    background: url('/img/user/procedure_arrow_02.svg') no-repeat center;
    background-size: 100% 100%;
}
.color_box_list.step5 > li:nth-child(2) {
    background: url('/img/user/procedure_step5_02.svg') no-repeat center;
    background-size: 100% 100%;
}

.color_box_list.step4 > li:nth-child(3) {
    background: url('/img/user/procedure_arrow_03.svg') no-repeat center;
    background-size: 100% 100%;
}

.color_box_list > li:last-child {
    background: url('/img/user/procedure_step5_05.svg') no-repeat 100%;
    /* background-size: contain; */
    background-size: 100% 100%;
}

.color_box_list.step4 > li:last-child {
    background: url('/img/user/procedure_arrow_04.svg') no-repeat center;
    background-size: 100% 100%;
}

.color_box_list > li > span {
    position: relative;
    display: block;
	font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #fff;
    text-align: center;
    padding: 0 20%;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.color_box_list > li > span > span{
    display: block;
    font: 15px 'SpoqaHanSansNeo-Light';
    text-align: center;
}
.color_box_list.step5 > li > span {
    font-size: 17px;
    padding: 0 30%;
    line-height: 1.3;
    word-break: keep-all;
}

.color_box_list.step5 > li:nth-child(5) > span {
    padding: 0 20%;
}

.color_box_list > li > span:not(:first-child),
.color_box_list > li > span:not(:first-child) {
	font-family: 'SpoqaHanSansNeo-Light';
    font-size: 15px;
    letter-spacing: -0.75px;
}

.ip_ex_wrap .sect-transfer .color_box_list > li > span:not(:first-child) {
    font-size: 13px;
    padding: 0 30%;
    word-break: keep-all;
    line-height: 1.3;
}

.color_box_list.step5 > li > span:not(:first-child) {
    font-size: 13px;
    padding: 0 30%;
}

.ip_intro_wrap .btn_download { display: inline-flex;}

@media all and (max-width : 1339px) {
    #wrap.ip .sect-transfer .info_list01 > .info_tit {
        font-size: 28px;
    }
    #wrap.ip .sect-transfer .info_list01 > .deco-wrap {
        padding: 0 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #wrap.ip .sect-transfer .info_list01 > .info_detail {
        padding-top: 16px;
    }
    .color_box_list {
        /* flex-wrap: wrap; */
    }
    .color_box_list.step4 > li {
        /* width: 24%;
        margin-left: -4%; */
    }
    .color_box_list.step4 > li:first-child {
        /* width: 27%; */
    }
    .color_box_list.step5 > li {
        /* width: 33.2%; */
        /* margin-left: -4.4%; */
    }
    .color_box_list.step5 > li:nth-child(1) {
        /* width: 35.0%; */
    }
}
@media all and (max-width : 1023px) {
    .info_list01.flex {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #wrap.ip .sect-transfer .info_list01.flex > * {
        flex: unset;
        width: auto;
        order: 2;
    }
    .info_list01 .deco-icon {
        width: 34px;
    }
    #wrap.ip .sect-transfer .info_list01 .deco-wrap {
        order: 1;
    }
    #wrap.ip .sect-transfer .info_list01 > .info_detail {
        width: 100%;
        padding-left: 14px;
    }
    .color_box_list.step5 > li:nth-child(1) {
        /* width: 24.2%; */
    }
    .color_box_list.step5 > li {
        /* width: 22.8%;
        margin-left: -4%; */
    }
    .sect-transfer .info_list01 .info_detail dd {
        padding-left: 14px;
    }

}
@media all and (max-width : 767px) {
    .color_box_list.step5 > li:nth-child(1) {
        /* width: 35.0%; */
    }
    .color_box_list.step5 > li {
        /* width: 33.2%;
        margin-left: -6%; */
    }
}
@media all and (max-width : 677px) {
    .tabs-wrap .tabs > li > a {
        font-size: 16px;
        letter-spacing: -0.5px;
    }
    #wrap.ip .sect-transfer .info_list01 > .info_tit {
        font-size: 22px;
    }
    .sect-transfer .info_list01 .info_detail {
        font-size: 15px;
    }
    .sect-transfer .info_list01 .info_detail dt {
        font-size: 18px;
        letter-spacing: -0.8px;
    }
    #wrap.ip .sect-transfer .info_list01 > .deco-wrap {
        padding: 0 12px;
    }
    .sect-transfer .info_list01 .deco-icon {
        width: 28px;
    }
    .color_box_list.step4 {
        /* flex-wrap: wrap; */
    }
    .color_box_list.step4 > li {
        /* width: 40%;
        margin-left: -6.5%;
        height: 22vw; */
    }
    .color_box_list.step4 > li:first-child {
        /* width: 40.1%; */
    }
    .color_box_list.step5 > li {
        /* width: 40.0%;
        margin-left: -6%;
        height: 24vw; */
    }
    .color_box_list.step5 > li:nth-child(1) {
        /* width: 40.2%; */
    }
    .color_box_list.step5 > li > span {
        /* padding-left: 25%;
        padding-right: 18%; */
    }
    .color_box_list.step4 > li > span,
    .color_box_list.step5 > li > span {
        font-size: 16px;
        letter-spacing: -0.78px;
    }
    .color_box_list.step4 > li > span:not(:first-child),
    .color_box_list.step5 > li > span:not(:first-child) {
        font-size: 14px;
        letter-spacing: -0.61px;
    }
}

@media all and (max-width : 479px) {
    /* .color_box_list.step4,
    .color_box_list.step5 {
        gap: 4px 0;
    }
    .color_box_list.step5 > li > span {
        padding-right: 22%;
    }
    .color_box_list.step4 > li:nth-child(1),
    .color_box_list.step5 > li:nth-child(1) {
        width: 100%;
        background: #34B662;
    }
    .color_box_list.step4 > li:nth-child(2),
    .color_box_list.step5 > li:nth-child(2) {
        width: 100%;
        background: #00A19B;
    }
    .color_box_list.step4 > li:nth-child(3),
    .color_box_list.step5 > li:nth-child(3) {
        width: 100%;
        background: #0573AB;
    }
    .color_box_list.step5 > li:nth-child(4) {
        width: 100%;
        background: #008FC4;
    }
    .color_box_list.step4 > li:last-child,
    .color_box_list.step5 > li:last-child {
        width: 100%;
        background: #003E92;
    }
    .color_box_list.step4 > li,
    .color_box_list.step5 > li {
        width: 100%;
        margin-left: 0%;
        height: 13vw;
        border-radius: 800px;
    } */
}



/* 吏��썝�궗�뾽 > 吏��썝HUB */

#wrap.togetherProgram .board_wrap {
    margin-top: 60px;
}


/* 吏��썝�궗�뾽 > �엯李곌났怨� */
/* 吏��썝�궗�뾽 > �룞諛섏꽦�옣 */
/* 吏��썝�궗�뾽 > 湲곌�蹂� �봽濡쒓렇�옩 */


 /* 寃뚯떆�뙋 > 怨듭��궗�빆 */
 /* 寃뚯떆�뙋 > 蹂대룄�옄猷� */
 /* 寃뚯떆�뙋 > �옄猷뚯떎 */
 /* 寃뚯떆�뙋 > �옄二쇳븯�뒗 吏덈Ц */
 /* 寃뚯떆�뙋 > �젙蹂닿났媛� */

 .sect.style-form .horizon-table .con.file .left{
    display: flex;
 }
 .sect.style-form .horizon-table .con.file .file-box-wrap{
    flex-wrap: wrap;
 }
 .sect.style-form .horizon-table .con.file .left .input_box.input-style.style-03{
    width: 100%;
 }
 .sect.style-form .horizon-table .con.file .left .input_box.input-style.style-03 .showFileName{
    width: 475px;
 }
 .sect.style-form .horizon-table .con.file .right{
    cursor: pointer;
 }
 .sect.style-form .horizon-table .con.file .btn-type-05{
     min-width: 100px;
     cursor: pointer;
     /* margin-left: 8px; */
}
.sect.style-form .horizon-table .con.file .add-item-wrap .btn-type-05{
    flex-basis: 140px;
}
 .sect.style-form .horizon-table .con.file .btn-type-05 label{
    width: 100%;
    height: 100%;
 }
 .info_write .sect.style-form .horizon-table .box .con.file .btn-type-05 label{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
 }
 .sect.style-form .horizon-table .con.file .checkbox-wrap{
    /* margin-left: 8px; */
    display: flex;
    align-items: center;
    min-width: 50px;
    cursor: pointer;
    margin-left: 15px;
 }

 .sect.style-form .horizon-table .con.file .checkbox-wrap .btnFileDelete,
 .sect.style-form .horizon-table .con.file .checkbox-wrap .x_shape_removeBtn {
    margin-right: 5px;
    display: flex;
    align-items: center;
 }


 .sect.style-form .horizon-table .con.file .name-area:placeholder-shown + .checkbox-wrap .btnFileDelete,
 .sect.style-form .horizon-table .con.file .name-area:placeholder-shown + .checkbox-wrap .x_shape_removeBtn {
    display: none;
}

 .sect.style-form .horizon-table .con.file .input_box.type_file .uploaded_file{
    margin-top: 0px;
 }
 .checkbox-wrap .x_shape_removeBtn{

 }

@media screen and (max-width:767px){
    .sect.style-form .horizon-table .con.file .left .input_box.input-style.style-03 .showFileName{
        width: 100%;
    }
    .sect.style-form .horizon-table .con.file .right{
        width: 100%;
        margin-left: 0px;
        margin-top: 1px;
    }
    .sect.style-form .horizon-table .con.file .checkbox-wrap:not(.check-delete){
        /* justify-content: flex-end; */
    }
    .sect.style-form .horizon-table .con.file .file-box-wrap{
        flex-direction: column;
        align-items: stretch
    }
    .sect.style-form .horizon-table .con.file .file-box-wrap .left{
        display: flex;
        flex-direction: column;
    }
    .sect.style-form .horizon-table .con.file .btn-type-05{
        margin-left: 0px;
        margin-top: 10px;
    }
    #entryForm .sect.style-form .horizon-table .con.file .btn-type-05{
        margin-left: 0px;
        margin-top: 0px;
    }
}

.work_communication .board_tech #commentBox tr.btnLi{
    width: 100%;
    display: flex;
    justify-content: center;
}
.work_communication .board_tech #commentBox tr.btnLi button{
    position: relative;
    width: 143px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    border-radius: 800px;
    background-color: #fff;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.work_communication .board_tech #commentBox tr.btnLi button:hover{
    border: 1px solid #706e6e;
}
.work_communication .board_tech #commentBox tr.btnLi button span{
	margin-top: 0px;
    font: 17px 'SpoqaHanSansNeo-Regular';
}
.work_communication .board_tech #commentBox tr.btnLi button .img{
    width: 26px;
    height: 26px;
    margin-left: 3px;
    transform: translateY(2px);
    background: url(/img/bottom_arrow.svg) center center no-repeat;
    display: inline-block;
}
 /* 寃뚯떆�뙋 > �젙蹂닿났媛� 鍮꾩쫰誘명똿 臾몄쓽 怨듯넻�벐湲� */
 .info_write .horizon-table{
    padding-top: 40px;
}
 .info_write .sect.style-form .box .con .input_box label{
    display: flex;
    min-width: 100px;
    margin-bottom: 6px;
}
.horizon-table ul.left li label{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.horizon-table ul.left li label input{
    margin-right: 7px;
}
 .type_file.attch .input_box{
    display: flex;
    border-radius: 0px;
    border: 0px;
    align-items: center;
}
.type_file.attch .input_box input{
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}
.input_box.type_file.attch input[type=file]{
    appearance: none;
    display: none;
}
.info_write .sect.style-form .box .con .input_box.type_file.attch label{
    margin-bottom: 0px;
    cursor: pointer;
}
.input_box.type_file.attch label{
    border: 1px solid #044997;
    border-radius: 5px;
    font-size: 17px;
    width: 97px;
    height: 50px;
    font-family: 'SpoqaHanSansNeo-Regular';
    letter-spacing: -0.85px;
    color: #044997;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 19px;
    margin-left: 7px;
}
.input_box.type_file.attch span.remove_btn{
    letter-spacing: -0.8px;
    color: #9D9EA2;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: flex;
    align-items: center;
    margin-left: 13px;
    margin-top: 0px;
    cursor: pointer;
    min-width: 48px;
}
.input_box.type_file.attch span.x_shape_removeBtn{
    background-color: orange;
    background: url(/img/x_shape_icon.svg) center center no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 0px;
}
 /* 寃뚯떆�뙋 > 鍮꾩쫰誘명똿 */
 /* 寃뚯떆�뙋 > 臾몄쓽 */


/* 濡쒓렇�씤 */
.login_view{

}
.login_view h2{
    letter-spacing: -2.8px;
    color: #16171D;
    font-size: 40px;
    font-family: 'SpoqaHanSansNeo-Bold';
    margin-bottom: 30px;
}
.login_view h2 div{
    position: relative;
    display: inline-block;
}
.login_view h2 div span.text{
    position: relative;
    z-index: 1;
}
.login_view h2 div span.line{
    background: transparent linear-gradient(90deg, #3DAC47 0%, #044A96 100%);
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0px;
    bottom: 5px;
    z-index: 0;
    opacity: 0.3;
}







#wrap.my_tech .login_view h2{
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
#wrap.my_tech .page_wrap.sub .sub_txt{
    padding-left: 15px;
    padding-right: 15px;
}
#wrap.my_tech .login_view .sub_cont{
    margin-top: 42px;
}
@media screen and (max-width:767px){
    #wrap.my_tech .login_view h2{
        padding-left: 30px;
        padding-right: 30px;
        font-size: 30px;
    }
    #wrap.my_tech .page_wrap.sub .sub_txt{
        padding-left: 30px;
        padding-right: 30px;
    }
    #wrap.my_tech .login_view .sub_txt p{
        font-size: 17px;
    }
}
@media screen and (max-width:400px){
    #wrap.my_tech .login_view h2{
        word-break: keep-all;
        line-height: 44px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 26px;
    }
    #wrap.my_tech .page_wrap.sub .sub_txt{
        padding-left: 0px;
        padding-right: 0px;
    }
    #wrap.my_tech .login_view .sub_txt p{
        font-size: 16px;
    }
}




.login_view .sub_txt{
    letter-spacing: -2.8px;
    color: #16171D;
    font-size: 40px;
    font-family: 'SpoqaHanSansNeo-Bold';
    text-align: center;
}
.login_view .sub_txt p{
    word-break: keep-all;
    letter-spacing: -1.4px;
    color: #333333;
    font-size: 20px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.login_view .sub_cont{
    max-width: 400px;
    margin: 0 auto;
    margin-top: 60px;
}
.login_view .sub_cont .form_wrap li{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.login_view .sub_cont .form_wrap li:not(:first-of-type){
    margin-top: 30px;
}
.login_view .sub_cont .form_wrap li label{
    letter-spacing: -1.26px;
    color: #333333;
    font-size: 18px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.login_view .sub_cont .form_wrap li input{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    height: 60px;
    margin-top: 10px;
    padding: 0px 15px;
    font-size: 18px;
    color: #000;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.login_view .sub_cont .form_wrap li input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.login_view .sub_cont .login_opt{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
}
.login_view .sub_cont .login_opt .input_box{
    display: flex;
    align-items: center;
}
.login_view .sub_cont .login_opt .input_box > input{
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #9D9EA2;
    background: #FFFFFF url(/img/mypage/chk_icon02.svg) center center no-repeat;
    box-sizing: border-box;
    margin-right: 7px;
}
.login_view .sub_cont .login_opt .input_box > input:checked{
    border: 1px solid #34B662;
    background: #34B662 url(/img/mypage/chk_icon03.svg) center center no-repeat;
}
.login_view .sub_cont .login_opt .input_box > input + label{
    letter-spacing: -0.85px;
    color: #333333;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.login_view .sub_cont .login_opt a{
    letter-spacing: -0.85px;
    color: #333333;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.login_view .sub_cont .button_wrap_ver01 .btn_style01{
    margin-left: 2%;
    width: 49%;
    font-size: 18px;
}
.login_view .sub_cont .button_wrap_ver01 .btn_style01:first-of-type{
    margin-left: 0%;
}
.login_view .sub_cont .button_wrap_ver01 .btn_style01:last-of-type{
    background-color: #354251;
}

@media screen and (max-width:1023px){

}
@media screen and (max-width:500px){
    .step .flex.sticky-wrap .sticky .button_wrap_ver01{
        gap: 0px 7px;
    }
}

@media screen and (max-width:425px){
    .login_view {
        padding-left: 20px;
        padding-right: 20px;
    }

    .login_view h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .login_view .sub_txt p {
        font-size: 18px;
    }

    .login_view .sub_cont {
        margin-top: 40px;
    }

    .login_view .sub_cont .form_wrap li label {
        font-size: 16px;
    }

    .login_view .sub_cont .form_wrap li input {
        height: 55px;
        font-size: 16px;
    }

    .login_view .sub_cont .form_wrap li:not(:first-of-type) {
        margin-top: 20px;
    }

    .login_view .sub_cont .login_opt {
        margin-top: 17px;
    }

    .login_view .sub_cont .login_opt .input_box > input {
        min-width: 22px;
        width: 22px;
        height: 22px;
    }

    .login_view .sub_cont .login_opt .input_box > input + label {
        font-size: 15px;
    }

    .login_view .sub_cont .login_opt a {
        font-size: 15px;
    }

    .login_view .button_wrap_ver01 .btn_style01 {
        height: 55px;
    }
}

@media screen and (max-width:320px){
    .login_view {
        padding-left: 10px;
        padding-right: 10px;
    }

    .login_view h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .login_view .sub_txt p {
        font-size: 16px;
    }

    .login_view .sub_cont {
        margin-top: 25px;
    }

    .login_view .sub_cont .form_wrap li input {
        height: 50px;
        margin-top: 6px;
    }

    .login_view .sub_cont .login_opt {
        margin-top: 10px;
    }

    .login_view .button_wrap_ver01 {
        margin-top: 25px;
    }

    .login_view .button_wrap_ver01 .btn_style01 {
        height: 50px;
        font-size: 1.6rem;
    }
}


/* 李얘린 > �븘�씠�뵒 鍮꾨�踰덊샇 李얘린 */
.find_idpw{

}
.find_idpw .box{

}
.find_idpw .box .inner{

}
.find_idpw .box .inner .title_box{

}
.find_idpw .box .inner .title_box h3{

}
.find_member > h2{
    margin-bottom: 15px;
}
.find_member .sub_txt{
    text-align: center;
    margin-bottom: 57px;
}
.find_member .sub_txt span{
    letter-spacing: -1.4px;
    color: #333333;
    font-size: 20px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: inline-block;
}
.find_member .sub_cont .find_idpw{

}
.find_member .sub_cont .find_idpw .box{
    display: flex;
    justify-content: center;
}
.find_member .sub_cont .find_idpw .box .left_id{
    max-width: 400px;
    width: 400px;
}
.find_member .sub_cont .find_idpw .box .right_pw{
    max-width: 400px;
    width: 400px;
    margin-left: 40px;
}
.find_member .sub_cont .find_idpw .box > div .title_box h3{
    letter-spacing: -2.24px;
    color: #16171D;
    font-size: 32px;
    font-family: 'SpoqaHanSansNeo-Bold';
    margin-bottom: 30px;
}
.find_member .sub_cont .find_idpw .box > div .form_wrap .input_box{
    display: flex;
    flex-direction: column;
}
.find_member .sub_cont .find_idpw .box > div .form_wrap > *:nth-of-type(2){
    margin-top: 30px;
}
.find_member .sub_cont .find_idpw .box > div .form_wrap label{
    letter-spacing: -1.26px;
    color: #333333;
    font-size: 18px;
    font-family: 'SpoqaHanSansNeo-Medium';
    margin-bottom: 10px;
}
.find_member .sub_cont .find_idpw .box > div .btn_wrap {
    margin-top: 30px;
}
.find_member .sub_cont .find_idpw .box > div .btn_wrap li{
    border-radius: 5px;
    width: 100%;
    height: 60px;
    background-color: #044997;
    display: flex;
    align-items: center;
    justify-content: center;
}
.find_member .sub_cont .find_idpw .box > div .btn_wrap li a{
    letter-spacing: -0.9px;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-family: 'SpoqaHanSansNeo-Regular';
    width: 100%;
    /* display: inline-block; */
    text-align: center;
}

@media screen and (max-width:550px){
    .find_member .sub_cont .find_idpw .box {
        flex-flow: column;
        align-items: center;
    }

    .find_member .sub_cont .find_idpw .box .right_pw {
        margin-left: 0px;
        margin-top: 60px;
        padding-top: 40px;
        border-top: 1px dashed #d6d6d6;
    }
}

@media screen and (max-width: 425px) {
    .find_member > h2 {
        font-size: 35px;
    }

    .find_member .sub_txt {
        margin-bottom: 30px;
    }

    .find_member .sub_txt span {
        font-size: 18px;
    }

    .find_member .sub_cont .find_idpw .box .left_id,
    .find_member .sub_cont .find_idpw .box .right_pw {
        width: 100%;
    }

    .find_member .sub_cont .find_idpw .box > div .title_box h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap label {
        font-size: 16px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap > *:nth-of-type(2) {
        margin-top: 20px;
    }

    .find_member .sub_cont .find_idpw .box > div .btn_wrap li {
        height: 55px;
    }

    .find_member .sub_cont .find_idpw .box .right_pw {
        margin-top: 45px;
        padding-top: 35px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap .input_box {
        height: 55px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap .input_box.input-style input {
        font-size: 16px;
        padding: 0px 15px;
    }
}

@media screen and (max-width: 320px) {
    .find_member > h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .find_member .sub_txt {
        margin-bottom: 20px;
    }

    .find_member .sub_txt span {
        font-size: 16px;
    }

    .find_member .sub_cont .find_idpw .box > div .title_box h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap label {
        margin-bottom: 6px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap .input_box {
        height: 50px;
    }

    .find_member .sub_cont .find_idpw .box > div .btn_wrap {
        margin-top: 25px;
    }

    .find_member .sub_cont .find_idpw .box > div .form_wrap > *:nth-of-type(2) {
        margin-top: 10px;
    }

    .find_member .sub_cont .find_idpw .box .right_pw {
        margin-top: 35px;
        padding-top: 25px;
    }
}


/* 李얘린 > �븘�씠�뵒 寃곌낵 */
/* 李얘린 > 鍮꾨�踰덊샇 寃곌낵 */
.find_area{
    max-width: 650px;
    margin: 0 auto;
}
.find_area > h2{
    margin-bottom: 30px;
}
.find_area .text{
    text-align: center;
}
.find_area .text p{
    letter-spacing: -1.4px;
    color: #333333;
    padding-top: 4px;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 20px;
}
.find_area .text p:first-of-type{
    padding-top: 0px;
}
.find_area .text p span{
    letter-spacing: -1.4px;
    color: #34B662;
    font-size: 20px;
    font-family: 'SpoqaHanSansNeo-Regular';
    text-decoration: underline;
    /* text-underline-position:under */
}
.find_area .text .btn_wrap{

}
.find_area .btn_wrap{
    max-width: 400px;
    margin: 0 auto;
}

/* �쉶�썝媛��엯 > 怨듯넻 */
.step {
    --main-width : 74.22;
}
.step > .bottom_input .flex.main-left {
    width: 100%;
    gap: 15px 40px;
}
.step .flex .sect.style-form .box.width-25 {
    width: 27%;
}
.step .flex .sect.style-form .box.width-50 {
    width: 56%;
}
.step .top_state{

}
.step .top_state{

}
.step .top_state .wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 28px;
}
.step .top_state .left{
    letter-spacing: -2.24px;
    color: #000000;
    font-size: 32px;
    font-family: 'SpoqaHanSansNeo-Bold';
}
.step .top_state .right ul{
    display: flex;
    position: relative;
}
.step .top_state .right ul::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    z-index: -1;
    background-color: #F2F3F7;
}
.step .top_state .right ul li{
    margin-left: 30px;
}
.step .top_state .right ul li:nth-of-type(1){
    margin-left: 0px;
}
.step .top_state .right ul li span{
    width: 44px;
    height: 44px;
    background-color: #F2F3F7;
    color: #D3D5DB;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.step .top_state .right ul li.active span{
    background-color: #044997;
    color: #fff;
}
.step p.sub{
    letter-spacing: -1.26px;
    color: #044997;
    font-size: 18px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.step p.main {
    letter-spacing: -2.4px;
    color: #000000;
    font-size: 40px;
    font-family: 'SpoqaHanSansNeo-Bold';
    line-height: 1.1;
    margin-top: 8px;
}
.button_wrap_ver01{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.button_wrap_ver01.center{
    justify-content: center;
}
.button_wrap_ver01.aling_C{
    justify-content: center;
}
.button_wrap_ver01 .btn_style01{
    width: 140px;
    height: 60px;
    background-color: #044997;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button_wrap_ver01 .btn_style01.btn-type-06{
    background-color: #9D9EA2;
    color: #fff;
}
.button_wrap_ver01 .btn_style01.btn-type-05{
    background-color: #3dac47;
    color: #fff;
}
.fixed_menu > .button_wrap_ver01 .btn_style01{
    font-size: 18px;
}
.button_wrap_ver01 .btn_style01:nth-child(2){
    color: #fff;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex.sticky-wrap .sticky .button_wrap_ver01 .btn_style01:nth-child(3){
    margin-left: 0px;
    margin-top: 10px;
}
.flex.sticky-wrap .sticky .button_wrap_ver01{
    position: relative;
}
.flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board{
    margin-top: 20px;
    letter-spacing: -0.05em;
    line-height: 1.4;
    box-shadow: 0px 3px 5px #0000001A;
    border: 1px solid #9D9EA2;
    padding: 16px 20px 20px;
    border-radius: 5px;
    position: relative;
}
.flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 8px 6.5px;
    content: '';
    display: block;
    left: 63px;
    position: absolute;
    top: -7px;
    width: 0;
    z-index: 1;
  }
  
  .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::before {
    border-color: #79797a transparent;
    border-style: solid;
    border-width: 0 6px 8px 6.5px;
    content: '';
    display: block;
    left: 63px;
    position: absolute;
    top: -8px;
    width: 0;
    z-index: 0;
  }
.flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board p{
    letter-spacing: -0.75px;
    color: #666;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Light';
}
.flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board a{
    margin-top: 17px;
    display: inline-block;
    width: 100%;
    background: #354251;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 9px;
    font-size: 15px;
}


@media all and (max-width : 1339px) {
    .step .flex .sect.style-form .box.width-50 {
        width: 75%;
    }
    .step .sect.style-form .box.width-50 .add-wrap {
        width: calc(100% / 3);
        position: relative;
        left: 0px;
        top: 0px;
    }
}
@media all and (max-width : 1300px) {
    .box.direction-row.marginBN.flex.width-50.flex{
        flex-wrap: wrap;
        width: 100%;
    }
    .sect.style-form .add-wrap{
        width: 100% !important;
        position: relative;
        left: 0px;
    }

    .step .sect.style-form .box.width-50 .add-wrap {
        width: 100%;
    }
}
@media all and (max-width : 1270px) {
    .step .flex.sticky-wrap {
        flex-direction: column;
    }
    .step .flex.sticky-wrap > *:not(.ticky) {
        flex: unset;
    }
    .step .flex.sticky-wrap > .sticky {
        position: relative;
        left: unset;
        top: unset;
        flex: unset;
        order: 2;
    }
    .step > .bottom_input .flex.main-left {
        flex-wrap: wrap;
    }
    .step > .bottom_input .flex.main-left > * {
        width: 100%;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .btn_style01:nth-child(2){
        margin-left: 0px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .btn_style01:nth-child(3){
        margin-top: 0px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01{
        margin-bottom: 0px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board{
        position: relative;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        top: 10px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::before{
        left: auto;
        right: 97px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::after {
        left: auto;
        right: 97px;
    }
    .step .top_state .wrap{
        justify-content: flex-start;
        align-items: center;
        gap: 15px 30px;
    }
    .step .top_state .wrap > * {
        width: auto;
        flex: unset;
    }
    .step p.sub{
        display: none;
    }
    .step p.main {
        display: none;
    }
    .button_wrap_ver01{
        width: 100%;
        gap: 15px 0px;
    }
    .button_wrap_ver01 > * {
        width: 0;
        flex: 1 1 0;
    }
    .step .flex .sect.style-form .box.width-25 {
        width: 100%;
        max-width: unset;
    }
    .step .flex .sect.style-form .box.width-50 {
        width: 100%;
    }
    .step .sect.style-form .box.width-50 .add-wrap {
        width: 100%;
    }
    .step .flex.sticky-wrap .sticky .button_wrap_ver01{
        gap: 0px 10px;
    }
}
@media all and (max-width : 677px) {
    .step .top_state .left {
        letter-spacing: -1.24px;
        font-size: 24px;
    }
    .step .top_state .right ul li span{
        width: 34px;
        height: 34px;
    }
    .step .top_state .right ul li {
        margin-left: 16px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board{
        top: 0px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::before{
        left: auto;
        right: 70px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::after {
        left: auto;
        right: 70px;
    }
    .fixed_menu > .button_wrap_ver01 .btn_style01{
        font-size: 16px;
        height: 48px;
    }
}
@media all and (max-width : 570px) {
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::before{
        right: 60px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::after {
        right: 60px;
    }
}
@media all and (max-width : 485px) {
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::before{
        right: 50px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::after {
        right: 50px;
    }
}
@media all and (max-width : 400px) {
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::before{
        right: 33px;
    }
    .flex.sticky-wrap .sticky .button_wrap_ver01 .guide_board::after {
        right: 33px;
    }
}
@media all and (max-width : 419px) {
    .step .top_state .wrap{
        flex-direction: column;
    }
}

/* �쉶�썝媛��엯 > �씠�슜�빟愿� �룞�쓽 */

.button_wrap_ver01 .btn_style01.green{
    background-color: #3DAC47 !important;
}
.button_wrap_ver01 .btn_style01.orange{
    background-color: #EF9104;
}
.step_01 > .bottom_input .left_area .bottom_con{
    height: 590px;
    overflow: hidden;
}

.step_01 > .bottom_input .left_area .bottom_con ul{
    margin-bottom: 35px;
}
.step_01 .bottom_input .bottom_con ul > li p{
    letter-spacing: -0.8px;
    color: #676A75;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.step_01 > .bottom_input .bottom_con ul > li p.title_font{
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Medium';
    margin-bottom: 10px;
}
.step_01 > .bottom_input .left_area .bottom_con ul.one > li{
    margin-top: 20px;
}
.step_01 > .bottom_input .left_area .bottom_con ul.one > li:first-of-type{
    margin-top: 0px;
}
.step_01 > .bottom_input .left_area .bottom_con ul > li table.table_pri{
    margin-top: 10px;
}
.step_01 > .bottom_input .bottom_con ul > li .scroll_table {
    overflow: auto;
}
.step_01 > .bottom_input .bottom_con ul > li .scroll_table table.table_pri {
    min-width: 650px;
}
.step_01 > .bottom_input .bottom_con ul > li table.table_pri tr th{
    letter-spacing: -0.8px;
    color: #000000;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.step_01 > .bottom_input .left_area .bottom_con ul > li table.table_pri tr th:not(:first-of-type){
    padding-left: 20px;
}
.step_01 > .bottom_input .bottom_con ul > li table.table_pri tr td{
    vertical-align: top;
    letter-spacing: -0.8px;
    color: #676A75;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
    padding-top: 7px;
    line-height: 27px;
    word-break: keep-all;
}
.step_01 > .bottom_input .left_area .bottom_con ul > li table.table_pri tr td:not(:first-of-type){
    padding-left: 20px;
}

.step_01 > .bottom_input .left_area .bottom_con .info_box{
    margin-top: 20px;
}
.step_01 > .bottom_input .left_area .bottom_con .info_box .input_box{
    display: flex;
    align-items: center;
}
.step_01 > .bottom_input .left_area .bottom_con .info_box .input_box input{
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #9D9EA2;
    background: #FFFFFF url(/img/mypage/chk_icon02.svg) center center no-repeat;
    box-sizing: border-box;
    margin-right: 7px;
}
.step_01 > .bottom_input .left_area .bottom_con .info_box .input_box input:checked{
    border: 1px solid #34B662;
    background: #34B662 url(/img/mypage/chk_icon03.svg) center center no-repeat;
}
.step_01 > .bottom_input .left_area .bottom_con .info_box .input_box label{
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Regular';
}

@media  all and (max-width : 809px) {
    .step_01 > .bottom_input .bottom_con ul > li table.table_pri tr td{
        border: 1px solid #E5E7E9;
    }
}

@media screen and (max-width: 425px) {
    .find_area {
        max-width: 400px;
        padding: 0 10px;
    }

    .find_area > h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 419px) {
    .step_01 > .bottom_input .bottom_con ul > li p.title_font{
        font-size: 16px;
    }
    .step_01 .bottom_input .bottom_con ul > li p{
        font-size: 15px;
    }
}

@media screen and (max-width: 320px) {
    .find_area > h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .find_area .text p {
        font-size: 18px;
    }

    .find_area .mt50 {
        margin-top: 35px !important;
    }

    .find_area .btn_blue02 {
        font-size: 16px;
        height: 55px;
    }
}




/* �쉶�썝媛��엯 > �긽�꽭�젙蹂� �엯�젰 */
.step{

}
.step .top_state .right{

}
.step > .bottom_input{
    display: flex;
    margin-top: 28px;
}
.step > .bottom_input .left_area {
    width: calc(100% - 330px);
    margin-right: 40px;
}
.step > .bottom_input .left_area .bottom_con{
    border: 1px solid #E5E7E9;
    border-radius: 15px;
    padding: 60px 60px;
    padding-right: 55px;
}
.step > .bottom_input .right_area{
    width: 290px;
}
.step > .bottom_input .right_area .fixed_menu{
    position: fixed;
}
.mypage_bottom_info{
    margin-top: 70px;
    margin-bottom: 40px;
}
@media (max-width:767px) {
    .mypage_bottom_info{
        margin-top: 45px;
    }
}
.step02 > .bottom_input .right_area .fixed_menu{
    position: fixed;
    max-width: 290px;
}
#idCheckResult.red{
    letter-spacing: -0.75px;
    color: #F66572;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Light';
    padding-left: 7px;
}
#idCheckResult.blue{
    letter-spacing: -0.75px;
    color: #044997;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Light';
    padding-left: 7px;
}

.box_inner_wrap .newslatter{
    margin-bottom: 22px;
}
.box_inner_wrap .sms{
    margin-bottom: 22px;
}

/* �쉶�썝媛��엯 > 媛쒖씤 */
#personVeriText {
    color: green;
    display: flex;
    align-items: center;
    margin-left: 20px;
}


/* �쉶�썝媛��엯 > 湲곗뾽 */
.companyVerifyBtn {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}

#verificationText {
    color: #888888;
    font-size: 16px;
    margin-left: 10px;
}

#verificationText.green {
    color: green;
}

#verificationText.red {
    color: red;
}

/* �쉶�썝媛��엯 > 湲곌� */
#sendVerificationEmail {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
}

#verifyCodeButton {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
}


.verification-section {
    /* justify-content: space-between; �씠 遺�遺� �젣嫄� */
    display: flex; /* flexbox �궗�슜�쓣 �쐞�빐 紐낆떆�쟻�쑝濡� 異붽� */
    align-items: center; /* �슂�냼�뱾�쓣 �꽭濡쒕줈 以묒븰�뿉 �쐞移섏떆�궡 */
    margin-top:10px;
}

.verification-item:not(:last-child) {
    margin-right: 30px; /* 留덉�留� �슂�냼瑜� �젣�쇅�븳 媛� �슂�냼�뿉 �삤瑜몄そ 媛꾧꺽 異붽� */
}

.timer-text {
    text-align: center;
    line-height: normal; /* �븘�슂�뿉 �뵲�씪 �넂�씠瑜� 議곗젙�븷 �닔 �엳�쓬 */
}

.con.email.flex {
    align-items: center;  /* Flexbox�쓽 �옄�떇 �슂�냼�뱾�쓣 �꽭濡� 以묒븰�뿉 �젙�젹 */
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    background-color: #F0F0F0 !important; /* �썝�븯�뒗 諛곌꼍�깋 */
    color: rgb(170, 170, 170) !important; /* �썝�븯�뒗 �룿�듃 �깋�긽 */
}


/* �쉶�썝媛��엯 > 媛��엯 �셿猷� */
.join_complete .title{
    letter-spacing: -2.8px;
    color: #16171D;
    font-size: 40px;
    line-height: 52px;
    font-family: 'SpoqaHanSansNeo-Bold';
    text-align: center;
}
.join_complete .title > div{
    display: inline-block;
    position: relative;
}
.join_complete .title > div span.text{
    position: relative;
    z-index: 1;
}
.join_complete .title > div span.line{
    background: transparent linear-gradient(90deg, #3DAC47 0%, #044A96 100%);
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0px;
    bottom: 5px;
    z-index: 0;
    opacity: 0.3;
}
.join_complete .con_wrap_box {
    max-width: 400px;
    margin: 0 auto;
}
.join_complete .con_wrap_box .text{
    text-align: center;
    letter-spacing: -1.4px;
    color: #333333;
    font-size: 20px;
    font-family: 'SpoqaHanSansNeo-Regular';
    margin-top: 30px;
}
.join_complete .con_wrap_box .img_wrap{
    width: 198px;
    height: 164px;
    background-color: orange;
    background: url(/img/join_complete_icon.svg) center center no-repeat;
    margin: 0 auto;
    margin-top: 60px;
}
.join_complete .con_wrap_box .btn_wrapBlue{
    margin-top: 85px;
}
.btn_wrapBlue{
    width: 100%;
}
.btn_wrapBlue > * {
    border-radius: 5px;
    background-color: #044997;
    height: 60px;
    width: 100%;
    letter-spacing: -0.9px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:425px){

    .sect.membership {
        padding: 0 20px;
    }

    .join_complete .title {
        font-size: 35px;
        line-height: 45px;
    }

    .join_complete .con_wrap_box .text {
        font-size: 18px;
        margin-top: 20px;
    }

    .join_complete .con_wrap_box .img_wrap {
        margin-top: 40px;
    }

    .join_complete .con_wrap_box .btn_wrapBlue {
        margin-top: 65px;
    }

    .join_complete .con_wrap_box .btn_wrapBlue > * {
        height: 55px;
        font-size: 1.85rem;
    }

}

@media screen and (max-width:320px){
    .sect.membership {
        padding: 0 10px;
    }

    .join_complete .title {
        font-size: 30px;
        line-height: 40px;
    }

    .join_complete .con_wrap_box .text {
        font-size: 16px;
        margin-top: 15px;
    }

    .join_complete .con_wrap_box .btn_wrapBlue {
        margin-top: 40px;
    }

    .join_complete .con_wrap_box .btn_wrapBlue > * {
        height: 50px;
        font-size: 1.6rem;
    }

    .join_complete .con_wrap_box .img_wrap {
        width: 55%;
        background-size: 100%;
        margin-top: 30px;
    }
}


/* 媛쒖씤�젙蹂댁랬湲됰갑移� / �씠硫붿씪臾대떒�닔吏묎굅遺� 怨듯넻 */
.privacy .box_top {
    position: relative;
    display: block;
    border: 1px solid #E5E7E9;
    padding: 70px;
    border-radius: 15px;
}

.privacy .box_top .top_txt {
    display: flex;
    flex-flow: row nowrap;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.9px;
    color: #000000;
    margin-bottom: 40px;
}

.privacy .box_top .top_txt > span {
    margin-right: 20px;
}

.privacy .box_top .top_txt > div > span {
    display: block;
}

.privacy .box_top .top_con {
    display: block;
    padding: 40px;
    border-radius: 15px;
    background:#FAFAFC;
}

/* 媛쒖씤�젙蹂댁랬湲됰갑移� */
.p_info .box_top .top_txt > span {
    min-width: 62px;
}

.p_info .box_top .top_txt > span img {
    width: 62px;
}

.p_info .box_top .top_txt > div p {
    display: block;
    font-family: 'SpoqaHanSansNeo-Light';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000000;
    margin-top: 10px;
}

.p_info .box_top .top_con {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.p_info .box_top .top_con ul {
    width: 46%;
}

.p_info .box_top .top_con ul li {
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-weight: normal;
    margin-bottom: 13px;
    line-height: 21px;
}

.p_info .box_top .top_con ul li a {
    color: #000000;
}

.p_info .box_top .top_con ul li a:hover {
    color: #044997;
    text-decoration: underline;
}

.pricacy-cont {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    margin-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E2E8EE;
    justify-content: space-between;
}

.pricacy-cont:last-child {
    border:0px;
    padding-bottom: 0px;
}

.pricacy-cont .p_title h2 {
    display: flex;
    flex-flow: row nowrap;
    font-family: 'SpoqaHanSansNeo-Bold';
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -2.24px;
    color: #000000;
}

.pricacy-cont .p_title h2 > span {
    margin-right: 10px;
    text-align: left;
}

.pricacy-cont .p_cont {
    width: 910px;
}

.pricacy-cont .p_cont > div:not(:first-child) {
    margin-top: 30px;
}

.pricacy-cont .p_cont > div {
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-weight: normal;
    line-height: 25px;
    letter-spacing: -0.8px;
    color: #676A75;
}

.pricacy-cont .p_cont > div.t_txt {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.9px;
    color: #000000;
}

.pricacy-cont .p_cont > div h3 {
    font-size: 18px;
    color: #000000;
    font-family: 'SpoqaHanSansNeo-Medium';
    font-weight: normal;
    letter-spacing: -0.85px;
    margin-bottom: 5px;
}

.pricacy-cont .p_cont > div p {
    position: relative;
    padding-left: 20px;
}

.pricacy-cont .p_cont > div p:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #676A75;
    top: 12px;
    left: 10px;
}

.pricacy-cont .p_cont > div a.btn_download {
    display: block;
    padding-left: 25px;
    margin-top: 10px;
    font-size: 15px;
}

.pricacy-cont .p_cont > div a.btn_download:after {
    top: 4px;
    bottom: auto;
    left: 0px;
    background: url(/img/icon_download_blue.png) no-repeat left center;
}


.pricacy-cont .p_cont .privacy-table {
    margin-top: 0px;
    border-top: 2px solid #354251;
    font-family: 'SpoqaHanSansNeo-Light';
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: -0.8px;
    color: #676A75;
}

.pricacy-cont .p_cont .privacy-table tr {
    border-bottom: 1px solid #E2E8EE;
}

.pricacy-cont .p_cont .privacy-table thead th {
    font-family: 'SpoqaHanSansNeo-Regular';
    padding: 8px;
    color: #000;
    text-align: center;
}

.pricacy-cont .p_cont .privacy-table tbody th {
    background: #f9f9f9;
    color: #000;
    text-align: left;
    padding: 8px;
}

.pricacy-cont .p_cont .privacy-table td {
    padding: 8px;
    word-break: break-all;
}
#response_center .pricacy-cont .p_cont .privacy-table thead th{
    padding: 20px 20px;
    font-size: 17px;
}
#response_center .pricacy-cont .p_cont .privacy-table td{
    padding: 20px 20px;
    font-size: 17px;
    text-align: center;
}

.pricacy-cont .p_cont .privacy-table tbody td:not(:last-child) {
    border-right: 1px solid #E2E8EE;
}

.privacy-table tbody td .list_dot:not(:first-child) {
    margin-top: 5px;
}

.privacy-table tbody td .list_dot {
    position: relative;
    padding-left: 10px;
    word-break: break-all;
}

.privacy-table tbody td .list_dot:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #676A75;
    top: 12px;
    left: 0px;
}

.privacy-table tbody td strong {
    display: block;
    color: #000;
    margin-bottom: 3px;
}

.privacy-table tbody td strong:not(:first-child) {
    margin-top: 10px;
}

.privacy-table .tcenter {text-align: center;}

.pricacy-cont .p_cont .table_box {
    overflow: hidden;
    width: 100%;
}


/* �씠硫붿씪臾대떒�닔吏묎굅遺� */
.p_email .box_top .top_txt > span {
    min-width: 48px;
}

.p_email .box_top .top_txt > span img {
    width: 48px;
}

.p_email .box_top .top_con > div {
    display: block;
}

.p_email .box_top .top_con > div:last-child {
    margin-top: 30px;
}

.p_email .box_top .top_con h3 {
    display: block;
    font-family: 'SpoqaHanSansNeo-Medium';
    font-weight: normal;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: -0.9px;
    color: #000000;
    margin-bottom: 10px;
}

.p_email .box_top .top_con p {
    display: block;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.8px;
    color: #676A75;
    margin-bottom: 10px;
}

.p_email .box_top .top_con > div:last-child p {
    margin-bottom: 0px;
}

.p_email .btn_wrap {
    width: 300px;
    margin: 0 auto;
}

.p_email .btn_wrap a {
    font-family: 'SpoqaHanSansNeo-Regular';
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #FFFFFF;
}

.p_email .btn_wrap img {
    display: inline-block;
    width: 17px;
    margin-left: 5px;
}


@media screen and (max-width:1200px){
    .privacy .box_top .top_txt > div > span {
        display: none;
    }

    .pricacy-cont {
        flex-flow: column;
    }

    .pricacy-cont .p_title h2 {
        margin-bottom: 25px;
    }

    .pricacy-cont .p_title h2 > span > br { display: none; }

    .pricacy-cont .p_cont {
        width: 100%;
    }

}

@media screen and (max-width:900px){
    .privacy .box_top {
        padding: 40px;
    }

    .privacy .box_top .top_txt {
        margin-bottom: 25px;
    }

    .p_info .box_top .top_con ul {
        width: 48%;
    }

    .p_info .box_top .top_con ul li a {
        word-break: break-all;
    }

    .pricacy-cont .p_title h2 {
        font-size: 27px;
        line-height: 35px;
    }

    .pricacy-cont {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .pricacy-cont .p_title h2 {
        margin-bottom: 18px;
    }

    .pricacy-cont .p_cont > div:not(:first-child) {
        margin-top: 20px;
    }
}


@media screen and (max-width:600px){
    .privacy .box_top {
        padding: 25px;
    }

    .privacy .box_top .top_txt {
        margin-bottom: 25px;
        font-size: 17px;
        line-height: 25px;
    }

    .privacy .box_top .top_con {
        padding: 25px;
    }

    .p_email .box_top .top_con > div:last-child {
        margin-top: 15px;
    }

    .p_email .box_top .top_con h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .p_email .box_top .top_con p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 7px;
    }

    .p_info .box_top .top_con {
        flex-flow: column;
    }

    .p_info .box_top .top_con ul {
        width: 100%;
    }

    .pricacy-cont .p_title h2 {
        font-size: 21px;
        line-height: 30px;
    }

    .pricacy-cont .p_cont > div.t_txt {
        font-size: 17px;
        line-height: 27px;
    }

    .pricacy-cont .p_cont .table_box {
        overflow: auto;
    }

    .pricacy-cont .p_cont .privacy-table {
        width: 650px;
    }

    .p_info .box_top .top_con ul li {
        font-size: 16px;
        margin-bottom: 7px;
    }

}

@media screen and (max-width:425px){
    .privacy .box_top .top_txt {
        flex-flow: column nowrap;
        align-items: center;
        text-align: justify;
    }

    .privacy .box_top .top_txt > *,
    .privacy .box_top .top_con * {
        word-break: break-word;
    }

    .privacy .box_top .top_con * {
        text-align: justify;
    }

    .privacy .box_top .top_con {
        padding: 18px;
    }

    .privacy .box_top .top_txt > span {
        margin-right: 0px;
    }

    .privacy .box_top .top_txt > span {
        min-width: auto;
        margin-bottom: 20px;
        background: #d1e8fc;
        width: 80px;
        height: 80px;
        display: inline-flex;
        justify-content: center;
        border-radius: 50%;
    }

    .privacy .box_top .top_txt > span img {
        width: 50%;
    }

    .p_email .btn_wrap {
        width: 100%;
        margin: 25px auto 0 !important;
    }

    .p_email .btn_wrap a {
        font-size: 17px;
        height: 55px;
    }

    .pricacy-cont {
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .pricacy-cont .p_title h2 {
        font-size: 19px;
        line-height: 25px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:375px){
    .privacy .box_top {
        padding: 20px 0px 0px;
    }

    .p_email .box_top .top_txt > span {
        margin-bottom: 10px;
        width: 70px;
        height: 70px;
    }

    .privacy .box_top .top_txt {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 23px;
        padding: 0 15px;
    }

    .privacy .box_top .top_con {
        border-radius: 0px 0px 14px 14px;
    }

    .p_email .box_top .top_con h3 {
        line-height: 23px;
        letter-spacing: -1.5px;
    }

    .pricacy-cont .p_cont > div:not(:first-child) {
        margin-top: 10px;
    }
}


/* 留덉씠�럹�씠吏� > 怨듯넻遺�遺� */
.empty_fill {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
}
.empty_fill img{
    width: 45px;
}
.empty_fill p{
    margin-top: 8px;
    letter-spacing: -0.9px;
    color: #DDDFE1;
    font-size: 18px;
    font-family: 'SpoqaHanSansNeo-Regular';

}
.sub.sub-mypage {
    padding-top: 75px;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8EDF2 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 100px;
}
.sub.sub-mypage {
    --input-height: 45px;
}
.mypage_wrap{
    width: 100%;
}
#wrap.mypage .sect.style-form {
    --main-width : 81.25;
}
.mypage_wrap .sect{
    background-color: #fff;
    padding: 45px 40px 80px;
    box-shadow: 0px 0px 20px #C7CED612;
    border-radius: 15px;
}
.mypage_wrap .sect > .left{
    flex: 0 0 240px;
}
.mypage_wrap .flex.main-right > .right {
    padding-left: 40px;
    border-left: 1px solid #ECF0F5;
    width: 0;
}
.mypage.my_info .mypage_wrap .flex.main-right > .right .info_detail{
    margin-top: 40px;
}
#wrap.mypage .sect.style-form .horizon-table {
    padding: 0px;
}
/* #wrap.mypage .sect.style-form .box.width-25 {
    width: 25%;
    max-width: unset;
}
#wrap.mypage .sect.style-form .box.width-50 {
    width: 50%;
}
#wrap.mypage .sect.style-form .box.width-75 {
    width: 75%;
} */
.mypage-h3{
    letter-spacing: -2.24px;
    color: #000000;
    font-size: 32px;
    line-height: 37px;
    letter-spacing: -2.24px;
    padding-bottom: 22px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.tab_menu.nth04{
    background-color: #fff;
}
.tab_menu.nth04 li {
    padding: 0px;
    width: 100%;
}
.tab_menu.nth04 li:nth-child(6n){
    padding: 0px;
    width: 100%;
}
.tab_menu.nth04 li a{
    background-color: transparent;
    text-align: left;
    padding: 12px 0px;
    color: #9D9EA2;
    display: inline-block;
    width: 100%;
    letter-spacing: -0.03em;
    font-size: 17px;
    font-weight: normal;
}
.tab_menu.nth04 li.on{
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #F7F9FF 100%) 0% 0%;
    position: relative;
}
.tab_menu.nth04 li.on.ver-mobile{
    display: none;
}
.tab_menu.nth04 li.on::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3px;
    height: 100%;
    background-color: #044997;
}
.tab_menu.nth04 li.on a{
    color: #044997;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.board-list.marginTN{
    margin-top: 0px;
}
.mypage_topmost_wrap{
    margin-bottom: 47px;
}
.mypage_topmost_wrap.ver-mobile {
    display: none;
}
.mypage_topmost_wrap .inner{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.mypage_topmost_wrap .inner .left{
    display: flex;
    align-items: center;
}
.mypage_topmost_wrap .inner .left .img_span{
    max-width: 64px;
    width: 64px;
    height: 64px;
    background-color: #fff;
    border: 1px solid red;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0px 10px; */
    margin-right: 15px;
    position: relative;
    border: 2px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(134deg, #31AB5F  0%,  #164D95  100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.mypage_topmost_wrap .inner .left .img_span img{
    position: relative;
    display: block;
    padding: 0px 10px;
}
.mypage_topmost_wrap .inner .left .text_span{
    letter-spacing: -2.8px;
    color: #16171D;
    font-size: 40px;
    font-family: 'SpoqaHanSansNeo-Bold';
}
.mypage.myDashboard .mypage_topmost_wrap .inner .right{
    display: none;
}
.mypage_topmost_wrap .inner .right a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 52px;
    border: 1px solid #E2E8EE;
    border-radius: 800px;
}
.mypage_topmost_wrap .inner .right a span {
    width: 19px;
    height: 20px;
    display: flex;
    margin-right: 5px;
    background: url(/img/mypage/icon_dashboard_btn.svg) center center no-repeat;
    background-size: 19px;
}
.mypage_topmost_wrap .inner .right a span img{

}
#btnFileAdd{
    width: 100%;
}
#entryForm  .mypage_wrap  .right .con.file .con_box  .btn-type-05 > label{
    width: 100%;
    height: 100%;
}
@media all and (max-width : 1339px) {
    .mypage_wrap .sect > .left {
        flex: 0 0 190px;
    }
}


@media all and (max-width : 1023px) {

    #wrap.mypage #header .bottom {
        height: 0;
    }
    #wrap.mypage .sub.sub-mypage {
        padding-top: var(--header-top-height);
        background: #fff;
    }
    .mypage_topmost_wrap {
        display: none;
    }
    .mypage_topmost_wrap.ver-mobile {
        display: block;
    }
    .tab_menu.nth04 li.on.ver-mobile{
        display: block;
    }
    .mypage_topmost_wrap .inner{
        align-items: flex-start;
    }
    .mypage_topmost_wrap .inner .left .img_span img{
        padding: 0px 2px;
    }
    .mypage_wrap .sect{
        background-color: #fff;
        padding: 0;
        box-shadow: none;
        border-radius: 0px;
    }
    .mypage-h3 {
        display: none;
    }
    .mypage_wrap > .flex.main-right {
        flex-direction: column;
        padding-top: 0;
    }
    .mypage_wrap .sect > .left{
        flex: unset;
    }
    .mypage_wrap .flex.main-right > .left {
        width: 100%;
        min-width: unset;
        max-width: unset;
    }
    .mypage_wrap .flex.main-right > .left + div {
        padding-top: calc(var(--header-bottom-height) + 50px);
    }
    .mypage_wrap .tab_menu.nth04 {
        position: fixed;
        left: 0;
        top: var(--header-top-height);
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* overflow: hidden; */
        overflow: auto;
        height: var(--header-bottom-height);
        transition: all .3s;
        z-index: 9;
        border-top: 1px solid #D7DDE3;
        border-bottom: 1px solid #D7DDE3;
    }
    .mypage_wrap .tab_menu.nth04::-webkit-scrollbar {
        appearance: none;
        width: 0;
    }
    /* .mypage_wrap .tab_menu.nth04:focus,
    .mypage_wrap .tab_menu.nth04:hover {
        height: fit-content;
    } */
    .mypage_wrap .tab_menu.nth04.active {
        /* height: fit-content; */
        height: calc(var(--header-bottom-height) * 8);
    }
    .mypage_wrap .flex.main-right > .right {
        padding-left: 2.56vw;
        padding-right: 2.56vw;
        border-left: 0;
        width: auto;
    }
    #wrap.mypage .tab_menu.nth04 li {
        position: relative;
        order: 2;
        background-color: #F9FAFB;
        padding-left: 15px;
        border-top: 1px solid #D7DDE3;
        transition: all .3s;
    }
    #wrap.mypage .tab_menu.nth04 li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 2px;
        height: 0;
        transition: all .3s;
        background: #01449B;
    }
    #wrap.mypage .tab_menu.nth04 li:hover:before,
    #wrap.mypage .tab_menu.nth04 li.active::before {
        height: 100%;
    }
    #wrap.mypage .tab_menu.nth04 li::after {
        content: '';
        position: absolute;
        right: unset;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 0px;
        height: 0px;
        border-left: 0px solid #01449B;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 0px solid transparent;
        transition: all .3s;
    }
    #wrap.mypage .tab_menu.nth04 li.on::after {
        right: unset;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0px;
        height: 0px;
        background-color: transparent;
    }
    #wrap.mypage .tab_menu.nth04 li:hover:after,
    #wrap.mypage .tab_menu.nth04 li.active::after {
        border-width: 6px;
    }
    #wrap.mypage .tab_menu.nth04 li:hover a,
    #wrap.mypage .tab_menu.nth04 li.active a {
        color : #01449B;
    }
    #wrap.mypage .tab_menu.nth04 li.on {
        order: 1;
        background: #F9FAFB url('/img/icon_arrowdown_15x8.png') no-repeat right center;
        background-position-x: calc(100% - 40px);
        background-size: 15px;
        border-top: none;
    }
    #wrap.mypage .tab_menu.nth04.active li.on {
        transform: scaleY(-1);
    }
    #wrap.mypage .tab_menu.nth04 li.on a {
        color: #343434;
        font-family: 'SpoqaHanSansNeo-Regular';
    }
    #wrap.mypage .tab_menu.nth04.active li.on a {
        transform: scaleY(-1);
    }
    .mypage_topmost_wrap .inner .left .img_span{
        width: 46px;
        height: 46px;
    }
    .mypage_topmost_wrap .inner .left .text_span {
        letter-spacing: -0.95px;
        font-size: 28px;
    }
    .mypage_topmost_wrap .inner > .right {
        display: flex;
        justify-content: flex-end;
    }
}

@media all and (max-width : 767px) {
    /* #wrap.mypage .sect.style-form .box.width-25 {
        width: 100%;
    }
    #wrap.mypage .sect.style-form .box.width-50 {
        width: 100%;
    }
    #wrap.mypage .sect.style-form .box.width-65 {
        width: 100%;
    }
    #wrap.mypage .sect.style-form .box.width-75 {
        width: 100%;
    } */
    .mypage_wrap .flex.main-right > .right{
        padding-left: 4.56vw;
        padding-right: 4.56vw;
    }
}

@media all and (max-width : 677px) {
    #wrap.mypage {
        --input-height : 48px;
    }
    .mypage_topmost_wrap .inner {
        flex-wrap: wrap;
    }
    .mypage_topmost_wrap .inner > * {
        width: 100%;
    }
    .mypage_topmost_wrap .inner .left .img_span{
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    .mypage_topmost_wrap .inner .left .text_span {
        letter-spacing: -0.85px;
        font-size: 22px;
        word-break: keep-all;
    }
    .mypage_topmost_wrap .inner > .right{
        width: 100%;
    }
    .mypage_topmost_wrap .inner .right a {
        width: 100%;
        height: 40px;
        font-size: 16px;
        margin-top: 15px;
    }
    #wrap.mypage .sect.style-form .box.direction-row > .box_inner_wrap {
        flex: unset;
        width: 100%;
    }
    #wrap.mypage .sect.style-form .box.direction-row > .box_inner_wrap.paddingL50 {
        padding-left: 0px;
    }
    .mypage_wrap .flex.main-right > .left + div{
        padding-top: calc(var(--header-bottom-height) + 30px);
    }
    .mypage_topmost_wrap{
        margin-bottom: 30px;
    }
}

/* 留덉씠�럹�씠吏� > ���떆蹂대뱶 */
.dashboard .top_info{
    display: flex;
    flex-wrap: wrap;
}
.dashboard .top_info .box{
    width: 0%;
    min-width: 20%;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    border-left: 1px solid #ECF0F5;
}
.dashboard .top_info .box:first-of-type{
    border-left: 0px;
}
.dashboard .top_info .box .img_floor{
    max-width: 46px;
}
.dashboard .top_info .box .num_floor{
    letter-spacing: 0px;
    color: #01449B;
    font-size: 20px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.dashboard .top_info .box .num_floor span{
    letter-spacing: 0px;
    color: #01449B;
    font-size: 26px;
    font-family: 'SpoqaHanSansNeo-Bold';
    margin-top: 3px;
}
.dashboard .top_info .box .text_floor{
    letter-spacing: -0.7px;
    color: #9D9EA2;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.dashboard .section02{
    padding-top: 60px;
    display: flex;
}
.dashboard .section02 .chart-wrap{
    padding-top: 10px;
    padding-right: 25px;
}
.dashboard .section02 .chart-wrap #mypage_chart2{
    display: none;
}
.dashboard .section02 .left{
    width: 60%;
}
.dashboard .section02 .left .top_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 25px;
}
.dashboard .section02 .left .top_area p.title{
    letter-spacing: -1.65px;
    color: #16171D;
    font-size: 22px;
    font-family: 'SpoqaHanSansNeo-Bold';
}
.dashboard .section02 .left .top_area button{
    cursor: pointer;
    border-radius: 2px;
    padding: 1px 10px 2px 10px;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #fff;
    border: 1px solid #9D9EA2;
    background-color: #9D9EA2;
    border-radius: 3px;
}
.dashboard .section02 .left .top_area button.active{
    border: 1px solid #044997;
    background-color: #044997;
}
.dashboard .section02 .left .top_area button.amount{

}
.dashboard .section02 .left .top_area button.number{

}
@media screen and (max-width: 1339px){
    .dashboard .section02 .chart-wrap{
        padding-right: 0px;
    }
    .dashboard .section02 .left .top_area {
        padding-right: 0px;
    }
}
.dashboard .section02 .right{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dashboard .section02 .right .top_area {
    display: flex;
    justify-content: space-between;
}
.dashboard .section02 .right .top_area p.title{
    letter-spacing: -1.65px;
    color: #16171D;
    font-size: 22px;
    font-family: 'SpoqaHanSansNeo-Bold';
}
@media (max-width: 767px) {
    .dashboard .section02 .left .top_area p.title{
        font-size: 20px;
    }
    .dashboard .section02 .right .top_area p.title{
        font-size: 20px;
    }
}
.dashboard .section02 .right .board_tech .board_wrap .board_list > ul{
    margin-top: 0px;
}
.dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li {
    width: 100%;
    padding: 0px;
    padding: 11px 0px;
    border-bottom: 0px;
}
.dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li:nth-child(even){
    margin-left: 0px;
}
.dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li:nth-child(even)::before{
    display: none;
}
.dashboard .section03{
    width: 100%;
    padding-top: 60px;
}

/* �꺆硫붾돱 */
.tab_menu_ver01{
    border-bottom: 2px solid #01449B;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.tab_menu_ver01::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color:#01449B;
    z-index: 5;
}
.tab_menu_ver01 .left{

}
.tab_menu_ver01 .left .total_num{
    letter-spacing: -0.7px;
    color: #333333;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.tab_menu_ver01 .left .total_num span{
    color: #01449B;
    font-family: 'SpoqaHanSansNeo-Medium';
    padding-left: 3px;
    padding-right: 1px;
}
.tab_menu_ver01 .right button{
    position: relative;
    letter-spacing: -0.85px;
    color: #929294;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Regular';
    height: 46px;
    min-width: 155px;
    border: 2px solid #E6E6E6;
    border-bottom: 2px solid transparent;
    border-radius: 15px 15px 0px 0px;
    transform: translateY(2px);
    z-index: 1;
}
.tab_menu_ver01 .right button.active{
    border: 2px solid #01449B;
    color: #01449B;
    font-family: 'SpoqaHanSansNeo-Medium';
    z-index: 5;
}
.tab_menu_ver01 .right button::before{
    content: "";
    position: absolute;
    right: 0.5px;
    bottom: -5px;
    width: calc(100% - 0.5px);
    height: 10px;
    /* background-color: #01449B; */
    z-index: 3;
}


/* �꺆硫붾돱 諛섏쓳�삎 */
@media screen and (max-width: 768px){
    .tab_menu_ver01{
        align-items: flex-start;
        flex-direction: column;
    }
    .board_wrap .board_list .total_cnt{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .tab_menu_ver01 .right button {
        font-size: 16px;
        height: 40px;
        min-width: 130px;
    }
}
@media screen and (max-width: 525px){
    .tab_menu_ver01 .right button {
        font-size: 15px;
        height: 40px;
        min-width: 110px;
    }
}
@media screen and (max-width: 425px){
    .tab_menu_ver01 .right button {
        font-size: 14px;
        height: 40px;
        min-width: 90px;
    }
}
.dashboard .section03 .top_area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.dashboard .section03 .top_area p.title{
    letter-spacing: -1.65px;
    color: #16171D;
    font-size: 22px;
    font-family: 'SpoqaHanSansNeo-Bold';
}
.dashboard .section03 .box_wrap{}
.dashboard .section03 .box_wrap .box{
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E2E8EE;
}
.dashboard .section03 .box_wrap .box .info01{
    color: #01449B;
    letter-spacing: 0px;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.dashboard .section03 .box_wrap .box .info02{
    letter-spacing: -0.85px;
    color: #272748;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.dashboard .section03 #contestTab .box .info_wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 10px;
}

@media screen and (max-width: 767px){
    .dashboard .section03 .top_area p.title{
        font-size: 20px;
    }
}
@media screen and (max-width: 676px){
    .dashboard .section03 .box_wrap .box .info01{
        font-size: 14px;
    }
    .dashboard .section03 .box_wrap .box .info02{
        font-size: 15px;
    }
}
.dashboard .section03 .box_wrap .box .info03{
    display: flex;
}
.dashboard .section03 #contestTab .box .info03{
    margin-bottom: 15px;
}
.dashboard .section03 .box_wrap .box .info03 ul{
    display: flex;
    margin-top: 7px;
}
.dashboard .section03 .box_wrap .box .info03 ul li{
    display: flex;
    margin-left: 20px;
}
.dashboard .section03 .box_wrap .box .info03 ul li:first-of-type{
    margin-left: 0px;
}
.dashboard .section03 .box_wrap .box .info03 ul li .left_text{
    letter-spacing: -0.7px;
    color: #A2A2A6;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Light';
    margin-right: 17px;
    position: relative;
}
.dashboard .section03 .box_wrap .box .info03 ul li .left_text::before{
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    width: 1px;
    height: 60%;
    background-color: #E2E8EE;
    transform: translateY(-50%);
}
.dashboard .section03 .box_wrap .box .info03 ul li .right_text{
    letter-spacing: -0.7px;
    color: #000000;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.dashboard .section03 .box_wrap .box .info03 .left{
    width: calc(100% - 55px);
}
.dashboard .section03 .box_wrap .box .info03 .right{
    width: 55px;
    transform: translateY(-33px);
}
.dashboard .section03 .box_wrap .box .info03 .right span{
    width: 54px;
    height: 54px;
    background-color: orange;
    border-radius: 50%;
    display: inline-block;
    letter-spacing: -0.7px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
.dashboard .section03 .box_wrap .box .info03 .right span.state_mark.red{
    background-color: #F74043;
}
.dashboard .section03 .box_wrap .box .info03 .right span.state_mark.blue{
    background-color: #3A86FE;
}
.dashboard .section03 .box_wrap .box .info04{
    min-height: 58px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.dashboard .section03 .box_wrap .box .info04 .line{
    width: 100%;
    height: 3px;
    background-color: #F2F3F7;
    position: relative;
}
.dashboard .section03 .box_wrap .box .info04 .line .color_line{
    /* width: 60%; */
    position: absolute;
    background-color: #34B662;
    height: 3px;
    left: 0%;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress{
    position: absolute;
    min-width: 30px;
    top: 9px;
    letter-spacing: -0.98px;
    color: #34B662;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    transform: translateX(-50%);
    text-align: center;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress span{
    position: relative;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress.current span::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    width: 7px;
    height: 7px;
    top: -9px;
    background-color: #34B662;
    z-index: -1;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress::before{
    content: "";
    position: absolute;
    top: 0px;
    background-color:  #F2F3F7;
    width: 9px;
    height: 9px;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress.active::before{
    background-color:  #34B662;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress.current{
    background-color: #34B662;
    color: #fff;
    border-radius: 800px;
    padding: 2px 12px;
    top: 24px;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress.current::before{
    top: -27px;
}
.dashboard .section03 .box_wrap .box .info04 .line .progress.current::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -33px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #34B66226
}

.dashboard .section03 .box_wrap .box .info04 .line .state01{
    left: 0%;
}
.dashboard .section03 .box_wrap .box .info04 .line .state02{
    left: 20%;
}
.dashboard .section03 .box_wrap .box .info04 .line .state03{
    left: 40%;
}
.dashboard .section03 .box_wrap .box .info04 .line .state04{
    left: 60%;
}
.dashboard .section03 .box_wrap .box .info04 .line .state05{
    left: 80%;
}
.dashboard .section03 .box_wrap .box .info04 .line .state06{
    left: 100%;
    min-width: 51px;
}
.dashboard .section04{
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
}
.dashboard .section04 .top_area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.dashboard .section04 .top_area p.title{
    letter-spacing: -1.65px;
    color: #16171D;
    font-size: 22px;
    font-family: 'SpoqaHanSansNeo-Bold';
}
.dashboard .section04 p.total_num{
    letter-spacing: -0.7px;
    color: #333333;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
    margin-bottom: 12px;
}
.dashboard .section04 p.total_num span{
    letter-spacing: -0.7px;
    color: #01449B;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Medium';
    padding-left: 3px;
    padding-right: 1px;
}
.dashboard .section04 table {}
.dashboard .section04 table thead tr {
    border-top: 2px solid #354251;
    border-bottom: 1px solid #E2E8EE;
    height: 50px;
}
.dashboard .section04 table thead tr th {
    letter-spacing: -0.8px;
    color: #354251;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.dashboard .section04 table tbody tr {
    height: 50px;
    border-bottom: 1px solid #E2E8EE;
}
.dashboard .section04 table tbody tr td {
    text-align: center;
    letter-spacing: -0.8px;
    color: #354251;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.dashboard .section04 table tbody tr td.textAL {
    text-align: left;
}
.dashboard .section04 table tbody tr td.textAR {
    text-align: right;
}
.dashboard .section04 table tbody tr td.textAC {
    text-align: center;
}
.dashboard .section04 table tbody tr td span.box_ver01 {
    padding: 4px 12px;
    background-color: #044997;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
    color: #fff;
    border-radius: 800px;
}
.dashboard .section04 table tbody tr td span.box_ver02 {
    padding: 4px 12px;
    background-color: #34B662;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
    color: #fff;
    border-radius: 800px;
}

@media all and (max-width : 1339px) {
    .dashboard .section02 {
        flex-wrap: wrap;
    }
    .dashboard .section02 .left,
    .dashboard .section02 .right {
        width: 100%;
    }
    .dashboard .section02 .right{
        margin-top: 35px;
    }
    .dashboard .section03{
        padding-top: 35px;
    }
    .dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li {
        width: 49%;
    }
    .dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li:nth-of-type(2){
        margin-left: 2%;
    }
    .dashboard .section03 .box_wrap .box .info03 ul li .left_text::before{
        display: none;
    }
}
@media all and (max-width : 1240px) {
    .dashboard .section03 .box_wrap .box .info03 ul li{
        flex-direction: column;
    }
}
@media all and (max-width : 1024px) {
    .dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li{
        padding-left: 0px !important;
    }
    .dashboard .section02 .right .board_tech .board_wrap .board_list > ul > li .info_box {
        padding-left: 0px !important;
    }
}
@media all and (max-width : 768px) {
    .dashboard .left p.total_num{
        margin-bottom: 9px;
    }
}
@media all and (max-width : 677px) {
    .dashboard .top_info {
        flex-wrap: wrap;
        gap: 15px 0px;
    }
    .dashboard .top_info .box {
        flex: unset;
        width: calc(100% / 3);
        border-left: 0px;
    }
    .dashboard .section03 .box_wrap .box .info03 ul{
        flex-direction: column;
    }
    .dashboard .section03 .box_wrap .box .info03 ul li{
        flex-direction: row;
    }
    .dashboard .section03 .box_wrap .box .info03 ul li .left_text::before{
        display: block;
    }
    .dashboard .section03 .box_wrap .box .info03 ul li:first-of-type{
        margin-left: 20px;
    }
    .dashboard .top_info .box .num_floor span{
        font-size: 18px;
        margin-right: 2px;
    }
    .dashboard .top_info .box .num_floor{
        font-size: 15px;

    }

}
@media all and (max-width : 419px) {
    .dashboard .top_info .box {
        width: calc(100% / 2);
    }
}


/* 留덉씠�럹�씠吏� > r&d 怨듬え */
#wrap.my_rnd .board-list .number {
    top: 0;
}


/* 留덉씠�럹�씠吏� > soc�씤利앷났紐� */

#wrap.my_contest .board-list .number {
    top: 0;
}

.sectionText_s{
    font-size: 29px;
    margin-bottom: 17px;
    font-family: 'SpoqaHanSansNeo-Bold';
    color: #000;
}
.sectionText_s.marginBN{
    margin-bottom: 0px;
}
@media all and (max-width : 767px) {
    .sectionText_s{
        font-size: 20px;
        margin-bottom: 8px;
        font-family: 'SpoqaHanSansNeo-Bold';
        color: #000;
    }
}

























/* 留덉씠�럹�씠吏� > soc�씤利앷린�닠(�젣�뭹) */
#wrap.mypage .board-list.board-step .board-table .table-row {
    flex-wrap: wrap;
    padding-bottom: 17px;
    background-color: #fbfbfb;
}
#wrap.mypage .board-list.board-step .board-table .table-row:nth-of-type(2n) {
    background-color: #fff;
}
#wrap.mypage.my_tech .board-list.board-step .board-table .table-row {
    padding-bottom: 0px;
}
@media all and (max-width : 1200px) {
    #wrap.mypage.my_tech .board-list.board-step .board-table .table-row {
        padding-bottom: 10px;
    }
}
#wrap.mypage .board-list.board-style06.board-step .table-box {
    border-bottom: solid 0px #dddddd;
}

#wrap.mypage .board-list .btn-gray-line {
    border: solid 1px #354251;
    color: #354251;
    background-color: #fff;
    font-size: 14px;
    padding:6px 10px 4px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 3px;
    line-height: 1em;
    font-weight: normal;
}
#wrap.mypage .board-list .btn-gray-line:hover {
    border: solid 1px #354251;
    background: #354251;
    color: #ffffff;
}

#wrap.mypage .state span.state_mark {
    width: 54px;
    height: 54px;
    background-color: orange;
    border-radius: 50%;
    display: inline-block;
    letter-spacing: -0.7px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
#wrap.mypage .state  span.state_mark.red{
    background-color: #F74043;
}
#wrap.mypage .state  span.state_mark.blue{
    background-color: #3A86FE;
}
#wrap.mypage .board-list.board-style06 .table-box.techApply,
#wrap.mypage .board-list .techApply .table-row {
    border-bottom: solid 0px #dddddd;
}

#wrap.mypage .board-list .techApply .table-row.border_b {
    border-bottom: solid 1px #dddddd;
    padding: 10px 0 20px;
}


#wrap.mypage .info04{
    width: 100%;
    min-height: 64px;
    padding: 15px 30px 0;
}
#wrap.mypage #contestTab .info04{
    padding-bottom: 62px;
}





#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(5) .line .progress.current{
    background-color: #044997;
}
#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(5) .line .progress.current span::after{
    background-color: #044997;
}
#wrap.mypage.myDashboard .section03 .box_wrap#contestTab .box .info04:nth-of-type(5) .line .progress.current span::before{
    background-color: #044997;   
}
#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(5) .line .progress.current::after{
    background: #346eb626;
}
#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(5) .line .progress.active::before{
    background-color: #044997; 
}
#wrap.mypage.myDashboard .info04:nth-of-type(5) .line .progress.active{
    color: #044997;
}
#wrap.mypage.myDashboard .info04:nth-of-type(5) .line .progress.active.current{
    color: #fff;
}
#wrap.mypage.myDashboard .info04:nth-of-type(5) .line .color_line{
    background-color: #044997;
}




#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(9) .line .progress.current{
    background-color: #18809a;
}
#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(9) .line .progress.current span::after{
    background-color: #18809a;
}
#wrap.mypage.myDashboard .section03 .box_wrap#contestTab .box .info04:nth-of-type(9) .line .progress.current span::before{
    background-color: #18809a;   
}
#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(9) .line .progress.current::after{
    background: #346eb626;
}
#wrap.mypage.myDashboard #contestTab .info04:nth-of-type(9) .line .progress.active::before{
    background-color: #18809a; 
}
#wrap.mypage.myDashboard .info04:nth-of-type(9) .line .progress.active{
    color: #18809a;
}
#wrap.mypage.myDashboard .info04:nth-of-type(9) .line .progress.active.current{
    color: #fff;
}
#wrap.mypage.myDashboard .info04:nth-of-type(9) .line .color_line{
    background-color: #18809a;
}






#wrap.mypage .info04 .line{
    width: 100%;
    height: 3px;
    background-color: #e9e9e9;
    position: relative;
}
#wrap.mypage .info04 .line .color_line{
    position: absolute;
    background-color: #34B662;
    height: 3px;
    left: 0%;
}
#wrap.mypage .info04 .line .progress{
    position: absolute;
    /* min-width: 30px; */
    top: 9px;
    letter-spacing: -0.98px;
    color: #ccc;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    transform: translateX(-50%);
    text-align: center;
}
#wrap.mypage .info04 .line .progress.active{
    color: #34B662;
}
#wrap.mypage .info04 .line .progress.active.current{
    color: #fff;
}
#wrap.mypage .info04 .line .progress span{
    position: relative;
    white-space: nowrap;
}
#wrap.mypage .info04 .line .progress.current span{
    position: relative;
}
#wrap.mypage .info04 .line .progress.current span::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    width: 7px;
    height: 7px;
    top: -7px;
    background-color: #34B662;
    z-index: -1;
}
/* #wrap.mypage .info04 .line .progress.current span::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    width: 7px;
    height: 7px;
    top: -7px;
    background-color: #34B662;
    z-index: -1;
} */
#wrap.mypage.my_contest .info04 .line .progress.current{
    top: 22px;
    padding: 2px 12px;
}
#wrap.mypage.my_contest .info04 .line .progress.current::before{
    top: -25px;
}
#wrap.mypage.my_contest .info04 .line .progress.current::after{
    top: -31px;
}
#wrap.mypage.my_contest .info04 .line .progress.current span::before{
    display: none;
}
#wrap.mypage .info04 .line .progress::before{
    content: "";
    position: absolute;
    top: 0px;
    background-color:  #e9e9e9;
    width: 9px;
    height: 9px;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
#wrap.mypage .info04 .line .progress.active::before{
    background-color:  #34B662;
}
#wrap.mypage .info04 .line .progress.current{
    background-color: #34B662;
    color: #fff;
    border-radius: 800px;
    padding: 2px 12px;
    top: 20px;
}
#wrap.mypage .info04 .line .progress.current::before{
    top: -23px;
}
#wrap.mypage .info04 .line .progress.current::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -29px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #34B66226;
    animation: drawdot 1s ease infinite;
}


#wrap.mypage .info04 .line.ver04 .state01{
    left: 0%;
}
#wrap.mypage .info04 .line.ver04 .state02{
    left: 33.3334%;
}
#wrap.mypage .info04 .line.ver04 .state03{
    left: 66.6668%;
}
#wrap.mypage .info04 .line.ver04 .state06{
    left: 100%;
    min-width: 51px;
}


#wrap.mypage .info04 .line .state01{
    left: 0%;
}
#wrap.mypage .info04 .line .state02{
    left: 20%;
}
#wrap.mypage .info04 .line .state03{
    left: 40%;
}
#wrap.mypage .info04 .line .state04{
    left: 60%;
}
#wrap.mypage .info04 .line .state05{
    left: 80%;
}
#wrap.mypage .info04 .line .state06{
    left: 100%;
    min-width: 51px;
}
#wrap.mypage .info04 .line .state06.min_w85{
    min-width: 85px;
}
@media (max-width: 676px) {
    #wrap.mypage .info04{
        margin-bottom: 15px;
    }
}





#wrap.mypage .tech_info {
    margin-top: 20px;
    border-top: 2px solid #000;
}
#wrap.mypage .tech_info.noline{
    border-top: 0px;
}
#wrap.mypage .tech-banner {
    border: 1px solid #E5E7E9;
    padding: 20px 30px;
    letter-spacing: -0.9px;
    font-family: 'Roboto','SpoqaHanSansNeo-Regular';
    font-size: 16px;
    color: #333;
    border-radius: 15px;
    line-height: 25px;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
}
#wrap.mypage .tech-banner > * {
    flex: 1;
}
#wrap.mypage .tech-banner .btn-gray-line {
    border: solid 1px #354251;
    color: #354251;
    font-size: 16px;
    padding:10px 20px 8px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 3px;
    line-height: 3em;
    font-weight: normal;
    flex: 0 0 auto;
}
#wrap.mypage .tech-banner .btn-gray-line{
    line-height: normal;
    padding: 7px 20px 8px;
}
#wrap.mypage .tech-banner .btn-gray-line:hover {
    border: solid 1px #354251;
    background: #354251;
    color: #ffffff;
}

#wrap.mypage .tech_section {
    margin-top: 60px;
}

#wrap.mypage .tech-banner .section-title .cont-tit {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 24px;
}

#wrap.mypage .tech_section .tech-b01 {
    margin-top: 0px;
    display: block;
}



/* 留덉씠�럹�씠吏� > 吏��떇�옱�궛沅� 嫄곕옒�떊泥� */


#wrap.my_ip .board-list .number {
    top: 0;
}


/* 留덉씠�럹�씠吏� > 愿��떖�젣�뭹 */
.delete_btn_wrap{
    position: relative;
    width: 45px;
    min-width: 45px;
    display: flex;
    justify-content: flex-end;
}
.delete_btn_wrap a {
    padding-left: 10px;
    align-items: flex-start;
    padding-top: 3px;
}
.delete_btn_wrap a img{
    width: 12px;
    min-width: 12px;
}
.board_tech .board_wrap .board_list > ul > li{
    min-height: auto;
    position: relative;
    width: calc(50% - 15px);
    padding: 30px 0 30px 0;
    overflow: visible;
}
.board_tech .board_wrap .board_list > ul > li:nth-of-type(2n){
    position: relative;
}
.board_tech .board_wrap .board_list > ul > li:nth-of-type(2n)::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: -100%;
    width: calc(200% + 30px);
    transform: translateX(-30px);
    height: 1px;
    background-color:#E2E8EE;
}
.board_wrap .board_list > ul > li:nth-child(even){
    margin-left: 30px;
    padding-left: 0px;
}
.board_tech .board_wrap .board_list > ul > li.odd_Npadding{
    padding-right: 0px;
}
.board_tech .board_wrap .board_list > ul > li .img_box.w110{
    width: 110px;
    height: 86px;
}
.board_tech .board_wrap .board_list > ul > li .img_box.w110 img{
    height: 100%;
    object-fit: cover;
}
.board_tech .board_wrap .board_list > ul > li .info_box.paddingL18{
    padding-left: 18px;
    flex: 1;
}
.board_tech .board_wrap .board_list > ul > li .info_box p.info{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.board_tech .board_wrap .board_list > ul > li.btnLi{
    width: 100%;
    padding-top: 38px;
    display: flex;
    justify-content: center;
}
.board_tech .board_wrap .board_list > ul > li.btnLi button{
    position: relative;
    width: 130px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    border-radius: 800px;
    background-color: #fff;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.board_tech .board_wrap .board_list > ul > li.btnLi button:hover{
    border: 1px solid #706e6e;
}
.board_tech .board_wrap .board_list > ul > li.btnLi button span{
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.board_tech .board_wrap .board_list > ul > li.btnLi button .img{
    width: 23px;
    height: 23px;
    margin-left: 3px;
    transform: translateY(0px);
    background: url(/img/bottom_arrow.svg) center center no-repeat;
    display: inline-block;
    background-size: contain;
}
@media all and (max-width : 767px) {
    .tech .board_tech .board_wrap .board_list > ul > li{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .board_tech .board_wrap .board_list > ul > li.btnLi button{
        width: 125px;
        height: 45px;
    }
    .board_tech .board_wrap .board_list > ul > li.btnLi button span{
        font-size: 14px;
    }
    .board_tech .board_wrap .board_list > ul > li:nth-of-type(2n)::before{
        display: none;
    }
}








.top_wrap_sort{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #354251;
    padding-bottom: 20px;
    align-items: flex-end;
}
.top_wrap_sort .total_cnt{
    font-size: 14px;
    transform: translateY(8px);
}
button.compare_btn {
    border: 1px solid #E2E8EE;
    border-radius: 800px;
    background-color: #fff;
    padding: 3px 16px 6px;
    display: flex;
    align-items: center;
}
button.compare_btn.active{
    border: 1px solid #34B662;

}
button.compare_btn span:nth-of-type(1){
    margin-right: 4px;
}
button.compare_btn span:nth-of-type(2){
    letter-spacing: -0.75px;
    color: #333333;
    font-size: 15px;
    font: 15px 'SpoqaHanSansNeo-Regular';
}
button.compare_btn.active span:nth-of-type(2){
    color: #34B662;
}
.compare_chk_wrap{
    position: absolute;
    z-index: 1;
    top: 31px;
    left: 1px;
    display: none;
}
.compare_chk_wrap label{
    padding: 12px;
    padding-right: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}
.compare_chk_wrap label input{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #FFFFFF url(/img/mypage/chk_icon02.svg) center center no-repeat;
    background-clip: content-box;
    /* appearance: none; */
    position: relative;
}

.compare_chk_wrap label input:checked{
    border: 1px solid #34B662;
    background: #34B662 url(/img/mypage/chk_icon03.svg) center center no-repeat;
    background-size: 9px;
}


/* �븘�옒履� �젣�뭹鍮꾧탳 �뒪���씪 */
.interest_bottom{
    position: fixed;
    bottom: -245px;
    left: 0px;
    width: 100%;
    height: 245px;
    z-index: 3;
    padding-top: 37px;
    transition: bottom 0.3s;
    box-shadow: 0px -5px 5px #00000008;
    background-color: #fff;
}
.interest_bottom.active{
    bottom: 0px;
}
.interest_bottom .title_wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}
.interest_bottom .title_wrap .left_area{
    display: flex;
}
.interest_bottom .title_wrap .right_area{

}
.interest_bottom .title_wrap h3{
    letter-spacing: -1.54px;
    color: #000000;
    font: 22px 'SpoqaHanSansNeo-Bold';
}
.interest_bottom .title_wrap .info_wrap{
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.interest_bottom .title_wrap .info_wrap .img_icon{
    background: url(/img/mypage/modify_info/icon_01.svg) center center no-repeat;
    background-size: 18px;
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 3px;
}
.interest_bottom .title_wrap .info_wrap > span.text{
    letter-spacing: -0.75px;
    color: #9D9EA2;
    font-size: 15px;
}
.interest_bottom div.area_wrap{
    display: flex;
}
.interest_bottom .content_area {
    width: calc(100% - 200px);
}
.interest_bottom .content_area .board_tech {

}
.interest_bottom .content_area .board_tech .board_wrap {

}
.interest_bottom .content_area .board_tech .board_wrap .board_list{
    margin-top: 0px;
}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul{
    margin-top: 0px;

}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li:nth-of-type(2)::before{
    display: none;
}

.interest_bottom .content_area .board_tech .board_wrap .board_list ul li:nth-child(even){
    margin-left: 2%;
}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li{
    width: 32%;
    border: 1px solid #E5E7E9;
    border-radius: 15px;
    padding: 20px 20px;
    margin-left: 2%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li:nth-of-type(1){
    margin-left: 0px;
}

.interest_bottom .content_area .board_tech .board_wrap .board_list ul li .info_box{

}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li .info_box p.info{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li .info_box p.category{

}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li .info_box p.info01{

}
.interest_bottom .content_area .board_tech .board_wrap .board_list ul li .delete_btn_wrap{
    width: 25px;
    min-width: 14px;
    padding-left: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.interest_bottom .btn_area{
    width: 200px;
    display: flex;
    flex-direction: row-reverse;
}
.interest_bottom .btn_area .ToCompare{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.interest_bottom .btn_area .ToCompare button{
    border: 1px solid #044997;
    border-radius: 800px;
    letter-spacing: -0.75px;
    color: #FFFFFF;
    font: 15px 'SpoqaHanSansNeo-Bold';
    background-color: #044997;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 12px;
}
.interest_bottom .btn_area .ToCompare > div{
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
}
.interest_bottom .btn_area .ToCompare > div span{
    font-size: 15px;
    margin-right: 4px;
    display: flex;
}
.interest_bottom .board_tech .board_wrap .board_list > ul > li .info_box p.info{
    width: 100%;
    overflow: inherit;
}
.interest_bottom .board_tech .board_wrap .board_list > ul > li .info_box p.info span{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bg_black{
    background-color: #00000094;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.bg_black.active{
    display: block;
}
.comparePopup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 70%;
    height: 70vh;
    max-width: 1170px;
    z-index: 11;
    padding: 65px 60px;
    display: none;
}
.comparePopup.active{
    display: block;
}
.comparePopup .top_wrap{
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 65px;
    padding-bottom: 15px;
    justify-content: space-between;
    background-color: #fff;
    z-index: 1;
    border-bottom: 2px solid #354251;
}
.comparePopup .top_wrap h3{
    letter-spacing: -2.24px;
    color: #000000;
    font-size: 32px;
    font: 32px 'SpoqaHanSansNeo-Bold';
}
.comparePopup .top_wrap .pop_close_btn{

}
.comparePopup .compare_content_area{
    width: 100%;
    height: calc(100% - 65px);
}
.comparePopup .compare_content_area .all_wrap{
    overflow: auto;
    height: 100%;
    position: relative;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}
.comparePopup .compare_content_area .wrap_scroll{
    display: flex;
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, minmax(56px, auto)); */
}
.comparePopup .compare_content_area .wrap_scroll .box{
    width: 32%;
    margin-left: 2%;
}
.comparePopup .compare_content_area .wrap_scroll .box:nth-of-type(1){
    margin-left: 0%;
}
.comparePopup .compare_content_area .wrap_scroll .box .img{

}
.comparePopup .compare_content_area .wrap_scroll .box .title{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 5px;
    height: auto;
}
.comparePopup .compare_content_area .wrap_scroll .box .title p{
    letter-spacing: -1.2px;
    color: #16171D;
    font: 20px 'SpoqaHanSansNeo-Medium';

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.comparePopup .compare_content_area .wrap_scroll .box ul{
    /* height: 2322px; */
    /* display: flex; */
    flex-direction: column;
    width: 100%;

}
.comparePopup .compare_content_area .wrap_scroll .box ul li{
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E2E8EE;
    /* height: 0; */
    flex: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(3){
    /* flex-grow: 2; */
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(4){
    /* flex-grow: 2; */
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(6){
    /* transition: 0.3s; */
    flex-grow: 8;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(6).active{
    flex-grow: 0;
    flex-basis: 55px !important;
    overflow: hidden;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(6) .dt_area{
    display: inline-block
}

.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(6) .dd_area{
    display: inline-block;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(6).active .dd_area{
    display: none;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(7){
    /* flex-grow: 9; */
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(7) > * {
    /* flex: 1 1 0; */
}
.comparePopup .compare_content_area .wrap_scroll .box ul li:nth-child(7) > *:last-child {
    flex: 4 1 0;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li .dt_area{
    position: relative;
    width: 100%;
    letter-spacing: -0.85px;
    color: #000000;
    font: 17px 'SpoqaHanSansNeo-Medium';
}
.comparePopup .compare_content_area .wrap_scroll .box ul li .dd_area{
    position: relative;
    display: block;
    width: 100%;
    letter-spacing: 0px;
    color: #676A75;
    font: 15px 'SpoqaHanSansNeo-Medium';
    word-break: normal;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li .dd_area p {
    position: relative;
    display: inline-block;
    width: 100%;
}
.comparePopup .compare_content_area .wrap_scroll .box .img{
    min-height: 225px;
    max-height: 225px;
    height: 225px;
    width: 100%;
}
.comparePopup .compare_content_area .wrap_scroll .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mypage_wrap .board_list{
    margin-top: 0px;
}
.board_tech .mypage_wrap .board_wrap .board_list > ul{
    margin-top: 0px;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li .dt_area .fold{
    margin-left: 8px;
}
.comparePopup .compare_content_area .wrap_scroll .box ul li .dt_area .fold button img{

}
.tech_introduce {
    display: block !important;
}
.tech_introduce > .dd_area{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.comparePopup .compare_content_area .wrap_scroll table{
    height: 1;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td{
    padding-left: 4%;
    letter-spacing: 0px;
    color: #676A75;
    font: 15px 'SpoqaHanSansNeo-Regular';
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td.left_title_style{
    letter-spacing: -0.85px;
    color: #000000;
    font: 17px 'SpoqaHanSansNeo-Medium';
    padding-left: 0%;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td:nth-of-type(2){
    padding-left: 1%;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td div{
    height: 100%;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td div.test{
    background-color: orange;
    border: 1px solid #01449B;
    vertical-align: top;
}

.comparePopup .compare_content_area .wrap_scroll table tbody tr td div:not(.img){
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E2E8EE;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td div:not(.img) a{
    color: #044997;
    text-decoration: underline;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td.left_title_style div:not(.img){
    border-bottom: 1px solid transparent;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td .img{
    min-height: 200px;
    max-height: 200px;
    height: 200px;
    margin-bottom: 5px;
    border-radius: 15px;
    overflow: hidden;
}
.comparePopup .compare_content_area .wrap_scroll table tbody tr td .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.comparePopup .compare_content_area .wrap_scroll table.compare{
    width: 1050px;
    height: 1px;
}
#blankItem{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#blankItem .con_wrap{
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 200px;
    opacity: .3;
}
#blankItem .con_wrap .blank_icon{
    width: 36px;
    height: 36px;
    background-color: royalblue;
    background: url(/img/mypage/blank_icon01.svg) center center no-repeat;
    margin-bottom: 10px;
}
#blankItem .con_wrap span{
    letter-spacing: -0.8px;
    color: #97979B;
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}
#itemUl .odd_Npadding .img_box{
    width: 84px;
    height: 66px;
}
@media all and (max-width : 1300px) {
    .interest_bottom{
        bottom: -390px;
        height: 390px;
        padding-top: 20px;
    }
    .interest_bottom.short{
        height: 225px;
    }
    .interest_bottom .content_area{
        width: 100%;
    }
    .interest_bottom div.area_wrap{
        flex-direction: column;
    }
    .interest_bottom .btn_area{
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .interest_bottom .btn_area .ToCompare{
        flex-direction: row;
    }
    .interest_bottom .btn_area .ToCompare button{
        margin-bottom: 0px;
        margin-right: 8px;
    }

    .interest_bottom .content_area .board_tech .board_wrap .board_list ul#itemUl > li{
        /* flex-direction: column; */
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul li .delete_btn_wrap{
        position: relative;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul li.odd_Npadding:nth-of-type(2n)::before{
        display: none;
    }
    #blankItem .con_wrap{
        padding-left: 0px;
        margin-top: 0px;
    }
    .comparePopup{
        padding: 30px 30px;
        width: 100%;
        height: 100vh;
    }
    .comparePopup .compare_content_area .all_wrap{
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul li .info_box{
        padding-right: 20px;
    }
}
@media all and (max-width : 1024px) {
    .board_tech .board_wrap .board_list > ul > li .info_box.paddingL18{
        padding-left: 15px;
    }
    .board_tech .board_wrap .board_list > ul > li .img_box.w110{
        width: 90px;
        height: 71px;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul li .info_box{
        padding-left: 0px;
        padding-right: 0px;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul li .delete_btn_wrap{
        position: absolute;
        top: 24px;
        right: 24px;
    }
    .board_tech .board_wrap .board_list > ul.c_listUl li{
        flex-direction: row;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media all and (max-width : 767px) {
    .interest_bottom .title_wrap .info_wrap{
        align-items: flex-start;
    }
    .interest_bottom .title_wrap .info_wrap .img_icon{
        margin-top: 3px;
    }
    .interest_bottom .title_wrap h3{
        font-size: 18px;
    }
    .interest_bottom .title_wrap{
        margin-bottom: 18px;
    }
    #blankItem .con_wrap .blank_icon{
        display: none;
    }
    .compare_chk_wrap {
        top: 29px;
        left: 0px;
    }
    .compare_chk_wrap label{
        padding: 10px;
    }
    .board_tech .board_wrap .board_list > ul.c_listUl li{
        width: 100%;
    }
    .board_tech .board_wrap .board_list > ul.c_listUl li:nth-child(even){
        margin-left: 0px;
    }
    .board_tech .board_wrap .board_list > ul.c_listUl li:nth-child(even)::before{
        display: none;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul#itemUl {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul#itemUl > li{
        width: 49% !important;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul#itemUl > li:nth-of-type(2){
        margin-left: 2%;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul li:nth-of-type(n+3) {
        display: none;
        position: absolute;
    }
    .comparePopup{
        padding-left: 15px;
        padding-right: 15px;
    }
    .comparePopup .top_wrap{
        height: auto;
        padding-bottom: 7px;
    }
    .comparePopup .top_wrap h3{
        font-size: 22px;
    }
    .comparePopup .top_wrap .pop_close_btn > img{
        width: 33px;
        height: 33px;
    }
    .comparePopup .compare_content_area .wrap_scroll .box{
        width: 50%;
    }
}
@media all and (max-width : 620px) {
    .compare_chk_wrap {
        top: 13px;
        left: 0px;
    }
}
@media all and (max-width : 600px) {
    .interest_bottom .title_wrap .left_area{
        flex-direction: column;
    }
    .interest_bottom .title_wrap .info_wrap{
        margin-left: 0px;
        margin-top: 5px;
    }
    .interest_bottom .content_area .board_tech .board_wrap .board_list ul#itemUl > li:nth-of-type(2){
        margin-left: 2%;
    }
}
@media all and (max-width : 425px) {
    .comparePopup .compare_content_area .wrap_scroll .box .title p{
        font-size: 18px;
    }
    .comparePopup .compare_content_area .wrap_scroll .box ul li .dt_area{
        font-size: 15px;
    }
    .comparePopup .compare_content_area .wrap_scroll .box ul li .dd_area{
        font: 14px 'SpoqaHanSansNeo-Regular';
        word-break: break-all;
    }
    .comparePopup .compare_content_area .wrap_scroll .box .img{
        height: 150px;
        min-height: 150px;
    }
}




/* �씤利앷났紐� 怨듬え�떊泥� �뤌�럹�씠吏� */
.sect.style-form .horizon-table .con.priority .input_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.sect.style-form .horizon-table .con.priority .input_box:first-of-type{
    /* margin-top: 0px; */
}
.horizon-table .papers .area .tit {
    letter-spacing: -1.54px;
    color: #000000;
    font-size: 22px;
    font-family: 'SpoqaHanSansNeo-Bold';
    line-height: 27px;
}
.horizon-table .papers .area .box_wrap{
    padding: 40px 40px;
}
.horizon-table .papers .area .box_wrap .box .title{
    width: 100%;
    cursor: default;
    padding-bottom: 15px;
}
.mypage_wrap .horizon-table .papers .area .box_wrap .box .title{
    padding-bottom: 0px;
}
.horizon-table .papers .area .box_wrap .box .address{
    width: 100%;
}
.horizon-table .papers .area .box_wrap .box .title .text{
    font-size: 17px;
}
.horizon-table .papers .area .box_wrap .box .title .ex_attch{
    display: flex;
}
.horizon-table .papers .area .box_wrap .box .title .ex_attch .box{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0px;
    margin-left: 20px;
}
.horizon-table .papers .area .box_wrap .box .title .ex_attch .box a{
    font-size: 17px;
    letter-spacing: -0.85px;
    color: #333333;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: flex;
}
.mypage_wrap .horizon-table .papers .area .box_wrap .box .title .ex_attch .box a{
    font-size: 16px;
    align-items: center;
}
.horizon-table .papers .area .box_wrap .box .title .ex_attch .box a::after{
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background: url(/img/icon_download_blue.png) no-repeat left center;
    display: inline-block;
}
.horizon-table .papers .area .box_wrap .box .title .ex_attch .box:first-of-type{
    margin-left: 0px;
}
.horizon-table .papers .area .box_wrap .box .con ol li{
    width: 100%;
}
.mypage_wrap .horizon-table .papers .area .box_wrap .box .con ol li a {
    display: inline-block;
    transform: translateY(-3px);
    font-size: 16px;
}

.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap{
    margin-top: 10px;
}
.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .style-03{

}
.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label{
    width: 100%;
    height: 100%;
}
.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap [type="file"]{
    position: absolute;
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .style-03{}
.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-pc{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.mypage_wrap .horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-pc{
    font-size: 15px;
}
.horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-mobile{
    display: none;
}

/* �씤利앷났紐� 怨듬え�떊泥� �뤌�럹�씠吏� �뒪���씪 異붽� 20231021 */
.soc_box_re01{flex-direction:initial !important;}
.soc_box_re01 input:focus, .soc_box_re01 select:focus{outline:1px solid #32a1ce; border-radius:5px;}

.soc_sect_small_title{padding:22px 0; min-width:160px !important; width:160px !important;}
.soc_sect_small_title2{padding:22px 0; min-width:220px !important; width:220px !important;} /* 湲� ���씠�� : �쁺�떊�젣�뭹 湲� 吏��젙�뿬遺� �벑*/
.soc_marginL50{margin-left:50px}
.soc_paddingB10{padding-bottom:10px}
.soc_content_re01 { display:flex; gap:30px;}


/* 湲곗닠�젙蹂� �떊泥�湲곌� */
.soc_tpi_wrap01 {width:100% !important;}
.soc_tpi_org_name {width:175px;  height:46px; float: left; margin-left:10px; margin-bottom:10px; line-height:300%; text-align:left; }
.soc_tpi_select_wrap{float:left; position:relative; width:calc(49.1% - 175px); height:46px; margin-bottom:10px; }
.soc_tpi_select_wrap:after{display:block;visibility:hidden;clear:both;content:""}

/* 留덉씠�럹�씠吏� 怨듬え�떊泥� �닔�젙 - left aside 媛� �깮寃⑥꽌 ���뼱吏�*/
.soc_tpi_select_wrap_mypage{width:calc(40% - 90px); !important;}
.soc_tpi_select_wrap_mypage2{width:calc(40% - 10px); !important;}

.soc_tpi_select_wrap select{width:100 !important; }
.soc_tpi_pick_title {font-weight:bold;}

.soc_tpi_item_selected {width:65%; float:left; padding:10px 10px 5px 10px; height:46px; border:1px solid #ccc; border-radius:5px;}
.soc_tpi_item_selected div{display:inline-block;}

.soc_tpi_item_each_del {border-radius:50%; padding:0.5em; width:30px; height:30px; border:2px solid #5591f5; color:#5591f5; position:relative; top:-5px; left:10px;}
.soc_tpi_item_each_del:hover {border:2px solid #5591f5; background-color:#fce727; color:#ffffff;}
.soc_tpi_item_each_del::before { content: " "; position: absolute; display: block; background-color:#5591f5; width:2px; left:12px; top:5px; bottom:5px;transform: rotate(45deg);}
.soc_tpi_item_each_del::after { content: " "; position: absolute; display: block; background-color:#5591f5; height:2px; top:12px; left:5px; right:5px; transform: rotate(45deg);}

.soc_tpi_item_each_del2{margin-left:5px; color:#5591f5; cursor:pointer}
.soc_tpi_item_each_del2:hover{}

.soc_tpi_item_select_btn {width:30%; float:left; margin-left:10px; padding:10px; text-align:center; color:#fff; background:#ccc; border-radius:5px; cursor:pointer}

.soc_tpi_item_layer_wrap{position:absolute; left:10px; top:10px; padding:10px; width:600px; height:400px; border:1px solid #ccc; background:#fff; font-size:12px; z-index:1000; display:none}
.soc_tpi_item_layer_wrap h5{position:relative; padding:10px 0; font-size:1.2em; font-weight:bold; border-bottom:1px solid #ccc}
.soc_tpi_item_layer_wrap_close_btn{position:absolute; right:10px; top:10px; font-size:12px; padding:5px 10px; border:1px solid #ccc; border-radius:5px; cursor:pointer}
.soc_tpi_item_layer_ul{width:100%; height:340px; overflow-y:auto;}
.soc_tpi_item_layer_ul:after{display:block;visibility:hidden;clear:both;content:""}
.soc_tpi_item_layer_ul li{float:left; width:33%; }
.soc_tpi_item_layer_ul li:first-child{padding-top:10px;}
.soc_tpi_item_layer_ul li h6{font-weight:bold; padding:0; margin:10px 0 20px 0;}
.soc_tpi_item_layer_ul li ul{width:100%; margin-top:10px;}
.soc_tpi_item_layer_ul li ul li{float:none; width:100%; padding:3px 0; cursor:pointer;}
.soc_tpi_item_layer_ul li ul li:first-child{padding-top:0px;}

/* �솢�슜湲곌� �슦�꽑�닚�쐞 */
.soc_org_priority_wrap {display:flex; flex-wrap: wrap; justify-content:flex-start; }
.soc_org_priority_wrap div{width:30%;}
.soc_org_priority_wrap div:nth-child(even){margin-left:20%}


/* 湲곌�蹂� �꽌瑜� 踰꾪듉 */
.soc_org_document_upload_btn_wrap{margin-top:10px; display:flex; flex-wrap: wrap; justify-content: space-between; justify-content: flex-start; text-align:left}
.soc_org_document_upload_btn {margin-left:10px; margin-bottom:10px; padding:5px 20px; text-align:center; font-size:14px; font-weight:normal !important; color:#fff; background:#ccc; border-radius:5px; cursor:pointer}

/* �떎�쟻議댁옱湲곌� �젅�씠�뼱*/
.soc_recordOrg_wrap{position:relative;}
.soc_recordOrg_layer_view_btn{width:300px; padding:10px; text-align:center; color:#fff; background:#ccc; border-radius:5px; cursor:pointer}
.soc_recordOrg_layer{position:absolute; left:10px; top:10px; padding:10px; border:1px solid #ccc; background:#fff; z-index:1000; display:none}
.soc_recordOrg_layer h5{position:relative; padding:10px 0; margin-bottom:10px; font-size:1.2em; font-weight:bold; border-bottom:1px solid #ccc}
.soc_recordOrg_layer_close_btn{position:absolute; right:10px; top:10px; font-size:12px; padding:5px 10px; border:1px solid #ccc; border-radius:5px; cursor:pointer}

@media all and (max-width:1080px){
  .soc_box_re01{flex-direction:column !important;}
  .soc_sect_small_title{padding:0;}
  .soc_marginL50{margin-left:0px}
  .soc_marginT20{margin-top:20px}
  
  .soc_content_re01 { display:flex; flex-direction: column; gap:0px;}
  .soc_content_re01 select{margin-left:0px}
  
  .soc_tpi_org_name {float:none; width:100%; text-align:left; height:40px; }
  .soc_tpi_select_wrap {float:none; width:100%; margin-bottom:20px;}
  
  .soc_tpi_item_layer_wrap{width:100%; left:0}
  .soc_tpi_item_layer_wrap {overflow-y:auto;}
  .soc_tpi_item_layer_ul li{float:none; width:100%;}
  
  .soc_org_priority_wrap {flex-direction: column}
  .soc_org_priority_wrap div{width:99%}
  
  .soc_recordOrg_wrap{width:100%}
  
  .soc_recordOrg_layer{height:600px; overflow-y:auto}
}
/* �씤利앷났紐� 怨듬え�떊泥� �뤌�럹�씠吏� �뒪���씪 異붽� 20231021 */


@media (max-width: 1200px) {

}
@media (max-width: 1024px){
    .contest_apply .papers .area .box_wrap,
    .rnd_apply .papers .area .box_wrap{
        padding: 35px 35px;
    }
    .contest_apply .papers .area .tit,
    .rnd_apply .papers .area .tit{
        font: 25px 'SpoqaHanSansNeo-Bold';
        line-height: 34px;
        letter-spacing: -2.00px;
    }
    .contest_apply .papers .area .box_wrap .box .title,
    .rnd_apply .papers .area .box_wrap .box .title{
        font: 17px 'SpoqaHanSansNeo-Bold';
        padding-bottom: 15px;
    }
    .contest_apply .papers .area .box_wrap .box .con,
    .rnd_apply .papers .area .box_wrap .box .con{
        padding: 25.5px 29px;
    }
    
	.soc_tpi_org_name_blank{display:none}
    .soc_tpi_pick_title{float:left; width:50%; height:20px; margin:0}
    .soc_tpi_pick_title:after{display:block;visibility:hidden;clear:both;content:""}
}
@media (max-width: 677px){
    .contest_apply .papers,
    .rnd_apply .papers{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
    }
    .contest_apply .papers .divide,
    .rnd_apply .papers .divide{
        margin-top: 40px;
    }
    .horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-pc{
        display: none;
    }
    .horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-mobile{
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .contest_apply .btns-wrap.bottom-btns,
    .rnd_apply .btns-wrap.bottom-btns{
        padding: 0 4.17%;
    }
    .contest_apply .papers .area .tit,
    .rnd_apply .papers .area .tit{
        font: 20px 'SpoqaHanSansNeo-Bold';
        line-height: normal;
        letter-spacing: -2.00px;
    }
    .contest_apply .papers .area .box_wrap .box .title,
    .rnd_apply .papers .area .box_wrap .box .title{
        font: 15px 'SpoqaHanSansNeo-Bold';
        padding-bottom: 7px;
    }
}

@media (max-width: 600px){
    .contest_apply .papers .area .box_wrap,
    .rnd_apply .papers .area .box_wrap {
        padding: 20px 20px;
    }
    .contest_apply .papers .area .box_wrap .box .con,
    .rnd_apply .papers .area .box_wrap .box .con {
        padding: 13.5px 15px;
    }
    .contest_apply .papers .area .box_wrap .box .con ol li,
    .rnd_apply .papers .area .box_wrap .box .con ol li{
        font-size: 15px;
    }
    .contest_apply .papers .area .box_wrap .box .con li,
    .rnd_apply .papers .area .box_wrap .box .con li{
        font-size: 15px;
    }
    .horizon-table .papers .area .box_wrap .box .title .ex_attch .box{
        margin-left: 5px;
    }
    .horizon-table .papers .area .box_wrap .box .title .ex_attch .box a{
        font-size: 14px;
    }
}
@media (max-width: 425px){

}
@media (max-width: 375px){
    .contest_apply .papers .area .box_wrap .box .con ol,
    .rnd_apply .papers .area .box_wrap .box .con ol{
        flex-direction: column;
    }
}
@media (max-width: 340px){
    .contest_apply .papers .area .box_wrap,
    .rnd_apply .papers .area .box_wrap {
        padding: 15px 15px;
    }
}




/* 留덉씠�럹�씠吏� soc �씤利앷린�닠 怨듬え 諛섏쓳�삎 start */
@media (max-width: 1024px){
    .my_contest .papers .area .box_wrap{
        padding: 35px 35px;
    }
    .my_contest .papers .area .tit{
        font: 25px 'SpoqaHanSansNeo-Bold';
        line-height: 34px;
        letter-spacing: -2.00px;
    }
    .my_contest .papers .area .box_wrap .box .title{
        font: 17px 'SpoqaHanSansNeo-Bold';
        padding-bottom: 15px;
    }
    .my_contest .papers .area .box_wrap .box .con{
        padding: 25.5px 29px;
    }
}
@media (max-width: 677px){
    .my_contest .papers{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
    }
    .my_contest .papers .divide{
        margin-top: 40px;
    }
    .my_contest .horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-pc{
        display: none;
    }
    .my_contest .horizon-table .papers .area .box_wrap .box .con ol li .add-row-wrap .btn label .ver-mobile{
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .my_contest .btns-wrap.bottom-btns{
        padding: 0 4.17%;
    }
    .my_contest .papers .area .tit{
        font: 20px 'SpoqaHanSansNeo-Bold';
        line-height: normal;
        letter-spacing: -2.00px;
    }
    .my_contest .papers .area .box_wrap .box .title{
        font: 15px 'SpoqaHanSansNeo-Bold';
        padding-bottom: 7px;
    }
}
@media (max-width: 600px){
    .my_contest  .papers .area .box_wrap {
        padding: 20px 20px;
    }
    .my_contest  .papers .area .box_wrap .box .con {
        padding: 13.5px 15px;
    }
    .my_contest  .papers .area .box_wrap .box .con ol li{
        font-size: 15px;
    }
    .my_contest  .papers .area .box_wrap .box .con li{
        font-size: 15px;
    }
    .my_contest .horizon-table .papers .area .box_wrap .box .title .ex_attch .box{
        margin-left: 5px;
    }
    .my_contest .horizon-table .papers .area .box_wrap .box .title .ex_attch .box a{
        font-size: 14px;
    }
}
@media (max-width: 375px){
    .my_contest  .papers .area .box_wrap .box .con ol{
        flex-direction: column;
    }
}
@media (max-width: 340px){
    .my_contest  .papers .area .box_wrap{
        padding: 15px 15px;
    }
}
/* 留덉씠�럹�씠吏� soc �씤利앷린�닠 怨듬え 諛섏쓳�삎 end */













/* 留덉씠�럹�씠吏� > �젙蹂닿났媛� */
/** 留덉씠�럹�씠吏� > �젙蹂닿났媛� > �벐湲�  **/
.sect.style-form .horizon-table .con .listUp{
    flex-wrap: wrap;
    gap: 15px 25px;
}
.sect.style-form .horizon-table .con .listUp label{
    width: calc(((var(--inner-width) * (var(--main-width) * 0.01)) - (var(--form-padding) * 2) - (25px * 6)) / 7);
    display: flex;
    font-size: 17px;
    letter-spacing: -0.85px;
    cursor: pointer;
}
.sect.style-form .horizon-table .con .listUp label:nth-of-type(-n+7){
    margin-top: 0px;
}
.sect.style-form .horizon-table .con .listUp label:nth-of-type(7n-6){
    padding-left: 0px;
}
.sect.style-form .horizon-table .con .listUp label input{
    margin-right: 6px;
}
/** 留덉씠�럹�씠吏� > �젙蹂닿났媛� > 酉�  **/
.innerMypage{
    border-top: 0px;
}
.innerMypage h2{
    padding-bottom: 60px;
    border-bottom: 1px solid #354251;
    margin-bottom: 0px;
}
.innerMypage .board-title {
    font-size: 24px;
}
.horizon-view.innerMypage > .box:first-child{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-right: 20px;
}
.innerMypage .box-flex{
    padding: 13px;
}
.innerMypage .tit3{
    font-size: 16px;
}
.innerMypage .con3{
    font-size: 16px;
    /* padding-top: 18px; */
    /* padding-bottom: 18px; */
}
.innerMypage .board_reply::after{
    left: 0px;
    height: 30px;
}
.innerMypage .board_reply::before{
    z-index: 0;
}
.innerMypage #commentForm th .name{
    font-size: 16px;
}

.mypage .sub-mypage #commentBox tr.btnLi{
    width: 100%;
    display: flex;
    justify-content: center;
}
.mypage .sub-mypage #commentBox tr.btnLi button{
    position: relative;
    width: 143px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    border-radius: 800px;
    background-color: #fff;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.mypage .sub-mypage #commentBox tr.btnLi button:hover{
    border: 1px solid #706e6e;
}
.mypage .sub-mypage #commentBox tr.btnLi button span{
	margin-top: 0px;
    font: 17px 'SpoqaHanSansNeo-Regular';
}
.mypage .sub-mypage #commentBox tr.btnLi button .img{
    width: 26px;
    height: 26px;
    margin-left: 3px;
    transform: translateY(2px);
    background: url(/img/bottom_arrow.svg) center center no-repeat;
    display: inline-block;
}
/* 留덉씠�럹�씠吏� > 鍮꾩쫰誘명똿 */
/* 留덉씠�럹�씠吏� > 臾몄쓽 */

.mypage .sect.style-form .horizon-table .con .listUp label {
    width: calc(((var(--inner-width) * (var(--main-width) * 0.01)) - (var(--form-padding) * 2) - (25px * 4)) / 5);
}

/* 留덉씠�럹�씠吏� > �뒪�겕�옪 */
.mypage_wrap > .mypage_left_area{
    width: 22%;
    padding: 0px;
    margin: 0px;
}
.mypage_wrap > .mypage_left_area ul{
    width: 100%;
}
.mypage_wrap > .mypage_left_area ul li{
    width: 100%;
}
.mypage_wrap > .mypage_left_area ul li:nth-child(6){
    width: 100%;
}
.mypage_wrap > .mypage_right_area{
    width: 78%;
    margin: 0px;
    padding: 0px;
    padding-left: 3%;
    border-left: 1px solid #ECF0F5;
}
.mypage_wrap > .mypage_right_area > .inner{
    width: 100%;
}
/* 留덉씠�럹�씠吏� > �븣由쇱꽌鍮꾩뒪 �떊泥� */
.sect.style-form .con.tel .flex > .input_box, .sect.style-form .con.field .flex > .input_box{
    flex: 1 1 0;
    margin-left: 7px;
    border: 0px;
    height: auto;
}
.sect.style-form .con.tel .flex > .input_box, .sect.style-form .con.field .flex > .input_box:first-of-type{
    margin-left: 0px;
}
.sect.style-form .con.tel .flex > .input_box, .sect.style-form .con.field .flex > .input_box P{
    margin-bottom: 8px;
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.sect.style-form .con.tel .flex > .input_box, .sect.style-form .con.field .flex > .input_box select{
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    height: 50px;
}
/* 留덉씠�럹�씠吏� > �젙蹂댁닔�젙 */
.section-title .cont-tit{
    margin-bottom: 25px;
    letter-spacing: -1.54px;
    color: #000000;
    font-size: 22px;
    font-family: 'SpoqaHanSansNeo-Bold';
    line-height: 27px;
}
.info_list01 .section-title .cont-tit{
    font-size: 20px;
}
.my_info_box_wrap{
    border-top: 0px;
    --input-height : 50px;
}
.mypage.my_rnd .privacy_cont.my_info_box_wrap{
    margin-top: 60px;
}
.mypage.my_rnd .my_info_box_wrap .term_box {
    margin-top: 20px;
}

.my_info_box_wrap .box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 0px;
    margin-bottom: 30px;
}
.my_info_box_wrap .box .tit{
    margin-bottom: 10px;
}
.my_info_box_wrap .box.marginBN{
    margin-bottom: 0px;
}
.my_info_box_wrap .box.marginTN{
    margin-top: 0px;
}
/* .my_info_box_wrap .box .tit{
    margin-bottom: 10px;
} */
.my_info_box_wrap .box .tit > label{
    display: flex;
    align-items: center;
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.my_info_box_wrap .box .tit > .label_style{
    display: flex;
    align-items: center;
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.my_info_box_wrap .tit.hidden {
    opacity: 0;
    width: 0;
    height: 0;
}
.my_info_box_wrap .flex.width-75 {
    width: 75%;
}

.my_info_box_wrap .flex.width-75_1 {
    width: 100%;
}

.my_info_box_wrap .flex > .flex110 {
    flex : 1 1 0;
}
.my_info_box_wrap .flex > .flex210 {
    flex : 2 1 0;
}
.my_info_box_wrap .flex > .flex310 {
    flex : 3 1 0;
}
.my_info_box_wrap .box > .con {
    width: 100%;
}
.my_info_box_wrap .box > .con .date input{
    background: url(/img/mypage/calendar_icon.svg) no-repeat right 7px center;
}
.my_info_box_wrap .box > .con .date em{
    flex: 0 0 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my_info_box_wrap .flex > .besidesInput{
    margin-left: 10px;
}

.my_info_box_wrap .box .con.bln .input_box,
.my_info_box_wrap .box .con.crn .input_box {
    flex : 2 1 0;
}
.my_info_box_wrap .box .con.bln .add_info,
.my_info_box_wrap .box .con.crn .add_info {
    flex : 1 1 0;
}
.input_box_01{
    width: auto;
    display: flex;
    position: relative;
}
.box .input_style_01{
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px;
    width: 210px;
    height: 50px !important;
    padding: 0px 15px;
}
.box .input_style_02{
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px;
    width: 425px;
    height: 50px !important;
}
.box .input_style_03{
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px;
    width: 130px;
    height: 50px !important;
}
.box .input_style_04{
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px;
    width: 195px;
    height: 50px !important;
}
.select_style_02{
    width: 150px; margin-left:2px;
}
.select_style_03{
    width: 130px;
}
.required_mark{
    border-radius: 800px;
    background-color: #FBECF1;
    letter-spacing: -0.77px;
    color: #F66572;
    font-size: 11px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    margin-left: 5px;
    padding: 1px 7px;
}

span.add_info{
    margin: 0px;
    /* padding-left: 15px; */
    display: flex;
    /* position: absolute; */
}

.add_info.input_box.flex310.line_up{
    margin-left: 17px;
}
@media all and (max-width : 1024px) {
    .add_info.input_box.flex310.line_up{
        margin-left: 17px;
        width: 100%;
    }
}
span.add_info > .img_icon{
    width: 18px;
    min-width: 18px;
    display: inline-block;
    margin-right: 7px;
    transform: translateY(-4px);
}
span.add_info > span.text{
    letter-spacing: -0.75px;
    color: #9D9EA2;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Light';
}
span.add_info > span.text > ul{

}
span.add_info > span.text > ul > li{
    margin-top: 8px;
}
span.add_info > span.text > ul > li:nth-of-type(1){
    margin-top: 0px;
}
span.add_info > span.text > ul > li > span{
    position: relative;
    display: flex;
    align-items: flex-start;
}
span.add_info > span.text > ul > li > span::before{
    content: "";
    position: relative;
    /* left: 0px;
    top: 50%;
    transform: translateY(-50%); */
    width: 3px;
    min-width: 3px;
    height: 3px;
    margin-right: 5px;
    background-color: #9D9EA2;
    transform: translateY(9px);
}
#formMyInfo  .dotB .explain span{
    display: flex;
}
#formMyInfo  .dotB .explain span::before{
    content: "";
    position: relative;
    display: block;
    width: 3px;
    min-width: 3px;
    height: 3px;
    margin-right: 5px;
    background-color: #9D9EA2;
    transform: translateY(9px);
}
span.add_info > span.text > ul > li > span::before{
    content: "";
    position: relative;
    /* left: 0px;
    top: 50%;
    transform: translateY(-50%); */
    width: 3px;
    min-width: 3px;
    height: 3px;
    margin-right: 5px;
    background-color: #9D9EA2;
    transform: translateY(9px);
}
input.input_style_01:-webkit-autofill,
input.input_style_01:-webkit-autofill:hover,
input.input_style_01:-webkit-autofill:focus,
input.input_style_01:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.paddingL6{
    padding-left: 6px;
}
.marginL6{
    margin-left: 6px;
}
.paddingL50{
    padding-left: 50px;
}
.marginL50{
    margin-left: 50px;
}
.input_box.type_phone{
    display: flex;
}
.address .input_box ul li{
    display: flex;
}
.address .input_box ul li:not(:first-of-type){
    margin-top: 6px;
}
.address .input_box ul li > a.btn{
    height: 50px;
    margin-left: 6px;
}
.btn_ver01{
    border: 1px solid #044997;
    border-radius: 5px;
    background-color: #fff;
    width: 92px;
    height: 50px;
    letter-spacing: -0.85px;
    color: #044997;
    font-size: 17px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
}
.newslatter > ul.left{
    display: flex;
}
.newslatter > ul.left li{
    display: flex;
    align-items: center;
}
.newslatter > ul.left li:not(:first-of-type){
    margin-left: 30px;
}
.sms > ul.left{
    display: flex;
}
.sms > ul.left li{
    display: flex;
    align-items: center;
}
.sms > ul.left li:not(:first-of-type){
    margin-left: 30px;
}
/* 留덉씠�럹�씠吏� - �젙蹂댁닔�젙 -> �쉶�썝�깉�눜) */
.widthdraw .con.comment > span{
    font-size: 17px;
    color: #777;
}
@media all and (max-width : 767px) {
    #wrap.mypage .tech_info{
        margin-top: 20px;
    }
}
@media all and (max-width : 677px) {
    .my_info_box_wrap .flex.width-75 {
        width: 100%;
    }
    .widthdraw .con.comment > span{
        font-size: 16px;
        color: #777;
    }
    .section-title .cont-tit{
        font-size: 20px;
    }

}

@media all and (max-width : 419px) {
    .my_info_box_wrap .flex > .flex110 {
        flex : unset;
    }
    .section-title .cont-tit{
        margin-bottom: 20px;
    }
}


/* 留덉씠�럹�씠吏� ���떆蹂대뱶 洹몃옒�봽 */
.chart-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

/* 留덉씠�럹�씠吏� > 留덉씪由ъ� */
.mileage {

}
.mileage h3{
    font-size: 22px;
    letter-spacing: -1.54px;
    color: #000000;
    font-family: 'SpoqaHanSansNeo-Bold';
    margin-bottom: 38px;
}
.mileage .top_area {

}
.mileage .top_area .section_wrap {
    display: flex;
    margin-bottom: 50px;
}
.mileage .top_area .section_wrap .section {
    width: 33.3333%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid #ECF0F5;
}
.mileage .top_area .section_wrap .section:nth-of-type(1){
    border-left: 0px solid transparent;
}
.mileage .top_area .section_wrap .section .con {
    letter-spacing: 0px;
    color: #01449B;
    font-size: 20px;
    font-family: 'SpoqaHanSansNeo-Medium';
    display: flex;
    align-items: center;
}
.mileage .top_area .section_wrap .section .con span{
    letter-spacing: 0px;
    color: #01449B;
    font-size: 26px;
    font-family: 'SpoqaHanSansNeo-Bold';
    margin-right: 2px;
}
.mileage .top_area .section_wrap .section .title {
    letter-spacing: -0.7px;
    color: #9D9EA2;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.mileage .table_top{
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
    /* border-bottom: 2px solid #354251; */
}
.mileage .table_top .total_num{
    letter-spacing: -0.7px;
    color: #333333;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.mileage .table_top .total_num span{
    color: #01449B;
}
.mileage .table_top .input_wrap{
    display: flex;
}
.mileage .table_top .input_wrap > .total_num{
    letter-spacing: -0.7px;
    color: #333333;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Regular';
}
.mileage .table_top .input_wrap > .total_num{
    letter-spacing: -0.7px;
    color: #01449B;
    font-size: 14px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.mileage .table_top .input_wrap > label{
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.mileage .table_top .input_wrap > label:first-of-type{
    margin-left: 0px;
}
.mileage .table_top .input_wrap > label > input{
    margin-right: 6px;
}

.table_ver01 table{

}
.table_ver01 table thead tr{
    height: 50px;
}
.table_ver01 table thead tr th{
    letter-spacing: -0.8px;
    color: #354251;
    font-size: 16px;
    font-family: 'Roboto','SpoqaHanSansNeo-Medium';
    font-weight: normal;
    border-bottom: 1px solid #E2E8EE;
}
.table_ver01 table tbody tr{
    height: 50px;
    border-bottom: 1px solid #E2E8EE;
}
.table_ver01 table tbody tr td{
    text-align: center;
    letter-spacing: -0.8px;
    color: #354251;
    font-size: 16px;
    font-family: 'Roboto','SpoqaHanSansNeo-Regular';
    font-weight: normal;
}
.table_ver01 table tbody tr td.textAL{
    text-align: left;
}

#wrap.my_point .board-list .board-title,
#wrap.my_point .board-list .board-table .table-row {
    padding-left: 0px;
    padding-right: 0px;
}
#wrap.my_point .board-list .date {
    flex: 4 1 0;
}
#wrap.my_point .board-list .state {
    flex: 3 1 0;
}
#wrap.my_point .board-list .title {
    flex: 9 1 0;
}
#wrap.my_point .board-list .mileage {
    flex: 2 1 0;
}
#wrap.my_point .board-list .pile {
    flex: 2 1 0;
}

@media all and (max-width : 1023px) {
    #wrap.my_point .board-list .board-title,
    #wrap.my_point .board-list .board-table .table-row {
        gap: 2px 8px;
    }
    #wrap.mypage .board-list .con {
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 14px;
    }
    #wrap.my_point .board-list .title {
        flex: 5 1 calc((100% - 46px - 8px));
        order: 2;
    }
    #wrap.my_point .board-list .date,
    #wrap.my_point .board-list .state,
    #wrap.my_point .board-list .mileage,
    #wrap.my_point .board-list .pile {
        flex: unset;
    }
}
@media all and (max-width : 767px) {
    #wrap.my_point .board-list .con {
        font-size: 14px;
    }
}
/* �넻�빀寃��깋 - �쟾泥� */
.total_search{
    position: relative;
}
.total_search h3{
    font: 22px 'SpoqaHanSansNeo-Bold';
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: -1.5px;
}
.total_search .search_tab .right button{
    height: auto;
    padding: 0px 37px;
    min-width: auto;
    height: 100%;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.total_search .search_tab .right button .total_num{
    font: 13px 'SpoqaHanSansNeo-Medium';
}
.total_search .soc_sec {
    position: relative;
    margin-top: 60px;
}
.total_search .soc_sec h4{
    font: 32px 'SpoqaHanSansNeo-Bold';
}
.total_search .soc_sec .top_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}
.total_search .soc_sec .top_box .left{
    display: flex;
    align-items: center;
}
.total_search .soc_sec .top_box input{
    margin-right: 10px;
}
.total_search .soc_sec .top_box .total_check{
    padding-right: 21px;
    position: relative;
}
.total_search .soc_sec .top_box .total_check::before{
    content: '|';
    position: absolute;
    top: 0;
    right: 8px;
    color: #E2E8EE;
}
.total_search .soc_sec .search_box{
    width: 100%;
    padding: 16px 40px 20px 40px;
    border: 1px solid #E5E7E9;
    border-radius: 15px;
    margin-top: 15px;
}
.total_search .soc_sec .bottom_box >  li{
    display: flex;
    align-items: flex-start;
    /* justify-content: space-between; */
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #E5E7E9;
}
.total_search .soc_sec .bottom_box .compare_chk_wrap{
    top: 0;
    left: 0;
}
.total_search .soc_sec .bottom_box .img_box{
    position: relative;
    min-width: 180px;
    width: 180px;
    height: 140px;
    background: #e0e1ea;
    margin-right: 40px;
    overflow: hidden;
    border-radius: 15px;
    border: solid 1px #dddddd;
}
.total_search .custom01{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #FFFFFF url(/img/mypage/chk_icon02.svg) center center no-repeat;
    background-clip: content-box;
    position: relative;

}
.total_search .soc_sec .bottom_box .tag{
    display: block;
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 0;
    width: 40px;
    height: 50px;
}
.total_search .soc_sec .bottom_box .info_tit{
    margin-bottom: 5px;
    letter-spacing: -0.85px;
}
.total_search .soc_sec .bottom_box .info_tit a{
    font: 17px 'SpoqaHanSansNeo-Medium';
    color: #16171D;
}
.total_search .soc_sec .bottom_box .info_tit02 span{
    position: relative;
    display: inline-block;
    font: 15px 'SpoqaHanSansNeo-Regular';
    color: #999;
    margin-bottom: 6px;
}
.total_search .soc_sec .bottom_box .info_tit02 span:not(:last-child){
    padding-right: 21px;
}
.total_search .soc_sec .bottom_box .info_tit02 span:not(:last-child):after{
    content: '|';
    position: absolute;
    top: 0;
    right: 7px;
    color: #E2E8EE;
}
.total_search .soc_sec .bottom_box .info_sub{
    font: 16px 'SpoqaHanSansNeo-Regular';
    letter-spacing: -0.8px;
    margin-bottom: 10px;
}
.total_search .soc_sec .bottom_box .bottom_btn{
    margin-left: 40px;
}
.total_search .soc_sec .bottom_box .search_file{
    display: flex;
    align-items: flex-start;
}
.total_search .soc_sec .bottom_box .search_file .attachment{
    position: relative;
    font: 15px 'SpoqaHanSansNeo-Light';
    color: #A2A2A6;
    padding-right: 20px;
    width: 76px;
    min-width: 76px;
}
.total_search .soc_sec .bottom_box .search_file .attachment::after{
    content: '|';
    position: absolute;
    top: 0;
    right: 6px;
    color: #E2E8EE;
}
.total_search .soc_sec .bottom_box .search_file .attachment_list{
    font: 15px 'SpoqaHanSansNeo-Regular';
}
.total_search .soc_sec .bottom_box .search_file .attachment_list > ul{
    padding-right: 20px;
    display: inline-block;
}
.total_search .soc_sec .bottom_box .search_file .attachment_list > ul li{
    position: relative;
    display: inline-block;
    font: 15px 'SpoqaHanSansNeo-Regular';
    padding-right: 20px;
}
.total_search .soc_sec .bottom_box .search_file .attachment_list .blue_txt::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 14.5px;
    height: 12px;
    background: url(/img/icon_download_blue.png) no-repeat;
}

/* .total_search .soc_sec .bottom_box .search_file .attachment_list .sub_file ul{
    display: block;
} */
.total_search .soc_sec .bottom_box .search_file .attachment_list .sub_file{
    display: none;
}

.total_search .soc_sec .bottom_box .search_file .attachment_list  li a{
    color: #044997;
    word-break: break-all;
    letter-spacing: -0.85px;
}
.total_search .soc_sec .bottom_box .search_file .attachment_list .sub_file li{
    position: relative;
    display: flex;
    align-items: center;
}
.total_search .soc_sec .bottom_box .search_file .attachment_list .sub_file li::after{
    content: '';
    position: relative;
    display: block;
    margin-left: 5px;
    width: 14.5px;
    height: 12px;
    background: url(/img/icon_download_blue.png) no-repeat;
}
.total_search .soc_sec .bottom_box .search_file .more{
    position: relative;
    width: 81px;
    min-width: 81px;
    font: 15px 'SpoqaHanSansNeo-Regular';
    color: #333;
    padding-right: 20px;
    margin-left: 10px;
    cursor: pointer;
}
.total_search .soc_sec .bottom_box .search_file .more::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(/img/bottom_arrow.svg) no-repeat center center;
}
.total_search .btn_scrap{
    width: 100px;
    min-width: 100px;
    height: 36px;
}
.total_search .soc_sec .bottom_btn a{
    font-size: 15px;
}
.total_search .btn_scrap:before{
    width: 20px;
    height: 20px;
    background-size: contain;
}
@media all and (max-width:1850px){
    .total_search .search_tab .right button{
        padding: 0px 27px;
        font-size: 17px;
    }
}
@media all and (max-width:1400px){
    .total_search .search_tab .right button{
        padding: 0px 30px;
        font-size: 17px;
    }
}


button.search_more{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: -25.5px;
    width: 270px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    border-radius: 800px;
    background-color: #fff;
    font: 17px 'SpoqaHanSansNeo-Regular';
    cursor: pointer;
}
button.search_more img{
    width: 26px;
    height: 26px;
    margin-left: 10px;
}
.total_search .board-list{
    margin: 0 auto;
}
.total_search .board-list .empty-wrap{
    padding: 0;
    justify-content: center;
}
.total_search .bottom_box .info_tit03 span{
    font: 15px 'SpoqaHanSansNeo-Regular';
}
.total_search .bottom_box .info_tit03 .company{
    margin-right: 15px;
}
.total_search .bottom_box label{
    padding: 12px;
    padding-right: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}
/* �넻�빀寃��깋 - SOC�씤利앷린�닠(�젣�뭹) */
.total_search .soc_sec .tit_wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.total_search .soc_sec .tit_wrap select{
    padding: 10px 63px 10px 20px;
    border: 1px solid #E0E0E0;
    border-radius:20px ;
    background-color: #fff;
    font: 17px 'SpoqaHanSansNeo-Regular';
    appearance: none;
    background: url(/img/bottom_arrow.svg) no-repeat 95% 50%;
}
.total_search .soc_sec .tit_wrap option{
    padding: 10px 63px 10px 20px;
    font: 17px 'SpoqaHanSansNeo-Regular';
}
.total_search .filter_box h4{
    font: 22px 'SpoqaHanSansNeo-Bold';
}
.total_search .filter_box .tit_box{
    width: 146px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9FAFB;
    border-radius: 15px;
    font: 17px 'SpoqaHanSansNeo-Medium';
}
.total_search .filter_box .search_box{
    padding: 40px;
}
.total_search .filter_box .bottom_box> li{
    border-top: none;
    border-bottom: 1px solid #E5E7E9;
    padding-top: 20px;
    padding-bottom: 20px;
}
.total_search .filter_box .bottom_box> li.choice_filter{
    display: flex;
    flex-wrap: wrap;
    min-height: 86px;
}
.total_search .filter_box .filter_check{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    width: calc(100% - 146px);
    margin-left: 40px;
}
.total_search .filter_box .company_box .filter_check span{
    width: 130px;
}
.total_search .filter_box .filter_check input{
    position: relative;
    display: inline-block;
    padding: 0;
    color: #999;
    font: 17px 'SpoqaHanSansNeo-Regular';
}
.total_search .filter_box .filter_check label{
    position: relative;
    display: inline-block;
    padding: 0;
    color: #999;
    font: 17px 'SpoqaHanSansNeo-Regular';
    letter-spacing: -0.8px;
}
.total_search .filter_box .filter_check input + label::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 0%;
    height: 50%;
    background: #FFC9134D;
    transition: all .3s;
    z-index: -1;
}
.total_search .filter_box .filter_check input:checked + label{
    font: 17px 'SpoqaHanSansNeo-Medium';
    color: #000;
    z-index: 1;
}
.filter_box .filter_check label{
    /* background-color: orange; */
}
.total_search .filter_box .filter_check input:checked + label::before{
    width: 100%;
}
.total_search .filter_box .contest_box{
    align-items: center !important;
}
.filter_box .soc_tech01 button.search_more{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: -25.5px;
    width: 143px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E0E0E0;
    border-radius: 800px;
    background-color: #fff;
    font: 17px 'SpoqaHanSansNeo-Regular';
    cursor: pointer;
}
.total_search .choice_filter {
    justify-content: flex-start !important;
    flex-wrap: wrap;
}
.total_search .choice_filter .yellow_cir{
    position: relative;
    padding: 8px 22px;
    background-color: #FFC9134D;
    font: 16px 'SpoqaHanSansNeo-Medium';
    border-radius: 800px;
    margin-top: 3px;
    margin-right: 23px;
    margin-bottom: 3px;
}
.total_search .choice_filter .yellow_cir button{
    position: absolute;
    padding: 6px;
    padding-top: 1px;
    top: -7px;
    right: -4px;
}
.total_search .choice_filter .yellow_cir button img{

}

.total_search .choice_filter .yellow_cir::before{
    /* content: '';
    position: absolute;
    top: 0;
    right: -4px;
    width: 16px;
    height: 16px;
    background: url(../../img/circle_cancle.svg) no-repeat; */
}
.total_search .filter_button_w{
    padding: 40px 0;
    justify-content: center !important;
    border-bottom: none !important;
}
.total_search .filter_button_w > button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 50px;
    font: 17px 'SpoqaHanSansNeo-Regular';
}
.total_search .filter_button_w > button:first-child{
    margin-right: 10px;
}
@media screen and (max-width:1240px){
    .total_search .search_tab .right button {
        padding: 12px 30px 12px 30px;
    }
}
@media screen and (max-width:1024px){
    .total_search .search_tab .right button {
        padding: 12px 25px 12px 25px;
    }
    .total_search .soc_sec h4{
        font-size: 28px;
    }
    .total_search .soc_sec .bottom_box .search_file{
        flex-wrap: wrap;
    }
    .total_search .soc_sec .bottom_box .search_file .attachment{
        width: 100%;
    }
    .total_search .soc_sec .bottom_box .search_file .attachment::after{
        content: '';
    }
    .total_search .soc_sec .direction_flex .search_file .attachment_list {
        width: calc(100% - 91px);
    }
    .total_search .soc_sec .top_box .left span,
    .total_search .soc_sec .bottom_box .info_tit a,
    button.search_more{
        font-size: 16px;
    }
    .total_search .soc_sec .bottom_box .info_sub{
        font-size: 15px;
    }
    /* �븘�꽣寃��깋 */
    .total_search .soc_sec h4 {
        font-size: 24px;
    }
    .total_search .filter_box .tit_box{
        margin-bottom: 15px;
    }
    .total_search .filter_box .filter_check {
        width: 100%;
        gap: 15px 30px;
        margin-left: 30px;
    }
}
@media screen and (max-width:940px){
    .total_search .search_tab .right button {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 19px;
    }
    .total_search .soc_sec h4{
        font-size: 26px;
    }
    .total_search .soc_sec .search_box{
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .total_search .soc_sec .search_box > ul > li .img_box img{
		position: absolute;
	    width: 100%;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
    }
    .total_search .soc_sec .bottom_box > li{
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .total_search .soc_sec .direction_flex .img_box{
        margin-right: 20px;
        order: 2;
    }
    .total_search .soc_sec .bottom_box .info_box{
        width: 100%;
        order: 3;
    }
    .total_search .soc_sec .direction_flex .info_box{
        width: calc(100% - 200px);
        order: 3;
    }
    .total_search .soc_sec .bottom_box .bottom_btn{
        width: 100%;
        order: 1;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .total_search .soc_sec .bottom_box .search_file{
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .total_search .soc_sec .bottom_box .search_file .attachment{
        width: auto;
        order: 1;
    }
    .total_search .soc_sec .bottom_box .search_file .more{
        order: 2;
    }
    .total_search .soc_sec .bottom_box .search_file .attachment_list{
        width: 100%;
        order: 3;
    }
    .total_search .soc_sec .bottom_box .info_box{
        order: 2;
    }
    /* �븘�꽣寃��깋 */
    .total_search .filter_box .tit_box{
        font-size: 16px;
        height: 50px;
    }
    .total_search .filter_box .company_box .filter_check span{
        width: 120px;
    }
    .total_search .filter_box .filter_check label{
        font-size: 16px;
    }
    .total_search .filter_box .filter_check {
        width: 100%;
        gap: 10px 20px;
    }
    .total_search .filter_box  .bottom_box > li{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width:780px){
    .total_search .search_tab{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .total_search .search_tab .right{
        min-width: 835px;
        max-width: 835px;
    }
}
@media screen and (max-width:640px){
    .total_search .soc_sec h4{
        font-size: 24px;
    }
    .total_search .soc_sec .direction_flex .img_box{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        height: auto;
    }
    .total_search .btn_scrap{
        padding: 0;
    }
    .total_search .soc_sec .direction_flex .info_box{
        width: 100%;
    }
    .total_search .choice_filter .yellow_cir {
        padding: 5px 15px;
        font: 15px 'SpoqaHanSansNeo-Regular';
        margin-right: 15px;
    }
}
@media screen and (max-width:425px){
    .total_search .soc_sec h4{
        font-size: 20px;
    }
    .total_search button.compare_btn{
        margin-bottom: 10px;
    }
    .total_search .soc_sec .top_box {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column-reverse;
    }
    .total_search .soc_sec h4{
        font-size: 24px;
    }
    .total_search .soc_sec .direction_flex > li{
        flex-direction: column;
    }
    .total_search .soc_sec .direction_flex .img_box{
        width: 100%;
        margin-bottom: 15px;
        height: auto;
    }
    .total_search .btn_scrap{
        padding: 0;
    }
    .total_search .soc_sec .direction_flex .info_box{
        width: 100%;
    }
    /* �븘�꽣寃��깋 */
    .total_search .filter_box .filter_check{
        margin-left: 0;
    }
    .total_search .filter_box .company_box .filter_check span {
        width: 113px;
    }
    .total_search .filter_button_w > button {
        width: 100%;
        height: 40px;
        font-size: 16px;
    }
    .total_search .filter_button_w > button:first-child{
        margin-right: 0;
        margin-bottom: 5px;
    }
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/* �궗�썑愿�由� */

.followup {
    padding-top: 18px;
}
.followup .board-title {

}
.followup .box_wrap {

}
.followup .box_wrap .box {
    flex-wrap: wrap;
}
.followup .box_wrap .box.box-flex{
    border-bottom: 0px;
    padding: 15px 0px;
}
.followup .box_wrap .box.boxes_flex{
    border-bottom: 0px;
}
.followup .box_wrap .box .box01 .tit3 {
    letter-spacing: -0.7px;
    color: #A2A2A6;
    font-size: 14px;
    font: 14px 'SpoqaHanSansNeo-Light';
}
.followup .box_wrap .box .box01 .con3 {
    padding: 0px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    font: 14px 'SpoqaHanSansNeo-Regular';
}
.followup .box_wrap .box .box01 .con3::after{
    content: " | ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    color: #DEE1E3;
}

.board-list.followup .board-title {
    gap: 8px 12px;
}
.board-list.followup .board-title .tit{
    flex: 0;
}
.board-list.followup .board-title .tit.no{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.type01{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.type02{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.name{
    flex: 1;
}
.board-list.followup .board-title .tit.contract_period{
    flex: 1;
}
.board-list.followup .board-title .tit.Fnum{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.score{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.count_evaluation{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.good{
    flex-basis: 70px;
}
.board-list.followup .board-title .tit.mngr{
    flex-basis: 80px;
}

.board-list.followup .board-table .table-row{
    gap: 8px 12px;
}
.board-list.followup .board-table .con{
    flex: 0;
}
.board-list.followup .board-table .con.no{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.type01{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.type02{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.name{
    flex: 1;
}
.board-list.followup .board-table .con.contract_period{
    flex: 1;
}
.board-list.followup .board-table .con.Fnum{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.score{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.count_evaluation{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.good{
    flex-basis: 70px;
}
.board-list.followup .board-table .con.mngr{
    flex-basis: 80px;
}
.board-list.followup .board-table .con .btn_blue{
    border: 1px solid #044997;
    border-radius: 800px;
    font-size: 14px;
    letter-spacing: -0.98px;
    padding: 3px 13px;
    background-color: #044997;
    color: #fff;
}
@media screen and (max-width:1024px){
    .board-list.followup .board-table .con{
        font-size: 14px !important;
        padding-right: 20px;
        height: auto;
    }
    .board-list.followup .con .mobile-title.ver-mobile::after{
        height: 13px;
        transform: translateY(-1px);
    }
    .board-list.followup .board-table .con.no{
        flex-basis: auto;
        display: flex;
        padding-right: 20px;
    }
    .board-list.followup .board-table .con.type01{
        flex-basis: auto;
    }
    .board-list.followup .board-table .con.type02{
        flex-basis: auto;
    }
    .board-list.followup .board-table .con.name{
        order: -1 !important;
        flex-basis: 100%;
        height: auto;
        padding-right: 0px;
        font-size: 16px !important;
    }
    .board-list.followup .board-table .con.Fnum{
        flex-basis: auto;
    }
    .board-list.followup .board-table .con.score{
        flex-basis: auto;
    }
    .board-list.followup .board-table .con.mngr{
        flex-basis: auto;
        position: absolute;
        right: 0px;
    }
    .mypage .board-list .board-title, .mypage .board-list.followup .board-table .table-row{
        padding-right: 80px;
    }
}

/* �궗�썑愿�由� 酉고럹�씠吏� */
.detail_followup .board-title{
    border: 0px;
}
.detail_followup .horizon-view > .box:first-child{
    padding-top: 5px;
    padding-bottom: 5px;
}
.detail_followup .horizon-view > .box .board-title{
    display: block;
}
.horizon-view .info-table.box-table.borderTY{
    border-top:1px solid #E2E8EE ;
}

.horizon-view .info-table.box-table .box.main-right > .left,
.horizon-view .info-table.box-table .box.main-right > .right{
    height: 60px;
}
.horizon-view.view-ip .info-table.box-table .box.flex.main-right .tit3.left{
    font-size: 17px;
}
.horizon-view.view-ip .info-table.box-table .box.flex.main-right .con3.right{
    font-size: 17px;
}


.detail_followup .horizon-table .tit3{
    font-size: 16px;
}
.detail_followup .horizon-table .con3{
    font-size: 16px;
}
.mypage_wrap .detail_followup .flex.main-right > .right{
    border-left: 0px;
}
.button_wrap_ver01 .btn_style01:nth-child(3){
    margin-left: 10px;
}
/* .detail_followup .star{
    display: inline-flex;
    height: 24px;
    align-items: center;
}
.detail_followup .star fieldset{
    display: inline-block;
    direction: rtl;
    border: 0;
}
.detail_followup .star input[type=radio]{
    display: none;

}
.detail_followup .star .star_label{
    color: transparent;
    text-shadow: 0 0 0 #f0f0f0;
    background: url(/img/mypage/star_g.svg) center center no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
    pointer-events: none;
}
.select_score .star .star_label{
    pointer-events: inherit;
}
.detail_followup .star input[type=radio]:checked .star_label{
    background: url(/img/half_star_img.svg) center center no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
}
.detail_followup .star input[type=radio]:checked .star_label:nth-of-type(4n){
    transform: rotate(180deg);
    border: 1px solid red;
}
.detail_followup .star label:hover{
    text-shadow: 0 0 0 #a00;
    background: url(/img/half_star_img.svg) center center no-repeat;
    background-size: 17px;
}
.detail_followup .star label:hover ~ label{
    text-shadow: 0 0 0 #a00;
    background: url(/img/half_star_img.svg) center center no-repeat;
    background-size: 17px;
}
.detail_followup .star input[type=radio]:checked ~ label{
    text-shadow: 0 0 0 #a00;
    background: url(/img/half_star_img.svg) center center no-repeat;
    background-size: 17px;
}
.detail_followup .star input[type=radio]:checked ~ label:nth-of-type(4n){
    transform: rotate(180deg);
    border: 1px solid red;
} */
.starpoint_wrap{display:inline-block; width: 110px;}
.starpoint_box{
    position:relative;
    background:url(/img/mypage/star_wrap.png) 0 0 no-repeat;
    font-size:0;
    height: 20px;
    background-size: 110px;
}
.starpoint_box .starpoint_bg{
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background:url(/img/mypage/star_wrap.png) 0 -23px no-repeat;
    pointer-events:none;
    background-size: 110px;
}
.starpoint_box .label_star{display:inline-block;width:11px;height:100%;box-sizing:border-box;}
.starpoint_box .star_radio{opacity:0;width:0;height:0;position:absolute;}
.starpoint_box .star_radio:nth-of-type(1):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(1):checked ~ .starpoint_bg{width:10%;}
.starpoint_box .star_radio:nth-of-type(2):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(2):checked ~ .starpoint_bg{width:20%;}
.starpoint_box .star_radio:nth-of-type(3):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(3):checked ~ .starpoint_bg{width:30%;}
.starpoint_box .star_radio:nth-of-type(4):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(4):checked ~ .starpoint_bg{width:40%;}
.starpoint_box .star_radio:nth-of-type(5):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(5):checked ~ .starpoint_bg{width:50%;}
.starpoint_box .star_radio:nth-of-type(6):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(6):checked ~ .starpoint_bg{width:60%;}
.starpoint_box .star_radio:nth-of-type(7):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(7):checked ~ .starpoint_bg{width:71%;}
.starpoint_box .star_radio:nth-of-type(8):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(8):checked ~ .starpoint_bg{width:80%;}
.starpoint_box .star_radio:nth-of-type(9):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(9):checked ~ .starpoint_bg{width:91%;}
.starpoint_box .star_radio:nth-of-type(10):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(10):checked ~ .starpoint_bg{width:100%;}
.blind{position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height: 1px;overflow:hidden;}

























.detail_followup .horizon-view > .box{
    padding: 0px 20px;
}
.detail_followup .horizon-view .info-table.box-table .box{
    padding: 0px 20px;
    border-left: 0px;
    gap: 0px 10px;
}
.detail_followup .horizon-view .info-table.box-table .box.borderLY{
    border-left: 1px dashed #DBE0E6;
    border-bottom: 1px dashed #DBE0E6;
}
.detail_followup .horizon-view .info-table.box-table .box .tit3{
    flex-basis: 90px;
    max-width: 90px;
    height: auto;
}
.detail_followup .horizon-view .info-table.box-table .box .con3{
    height: auto;
    position: relative;
    padding-left: 10px;
}
.detail_followup .horizon-view .info-table.box-table #form{
    min-width: 100%;
}
.detail_followup .horizon-view .info-table.box-table #form .select_score{
    padding-right: 0px;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line .con3{
    height: auto;
    display: flex;
    justify-content: space-between;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line.textarea .con3{
    padding-top: 35px;
    padding-bottom: 35px;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line .con3 textarea{
    width: 100%;
    height: 100%;
    min-height: 300px;
    border: 1px solid #ECF0F5;
    border-radius: 5px;
    padding: 15px 15px;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line .tit3{
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding: 13px 0px;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line .tit3 button{
    margin-left: 2px;
    transform: rotate(180deg);
    transition: 0.3s;
}
.detail_followup .horizon-view .info-table.box-table .box.one_line .tit3 button.active{
    transform: rotate(0deg);
}
.detail_followup .horizon-view .con3{
    padding: 13px 0px 13px 10px;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap{
    display: flex;
    flex-direction: column;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E8EE;
    padding-left: 0px;
    padding-right: 0px;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box .name{
    font: 16px 'SpoqaHanSansNeo-Medium';
    letter-spacing: -0.8px;
    color: #000000;

}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box .content{
    margin-top: 8px;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box .star fieldset{
    margin-top: 3px;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box .star .date{
    letter-spacing: 0px;
    color: #9D9EA2;
    font: 13px 'SpoqaHanSansNeo-Regular';
    margin-left: 5px;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box .star_score .star_wrap .star{
    width: 90px;
    background-size: 90px;
}
.detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box .star_score .star_wrap .fill_num{
    width: 90px;
    background-size: 90px;
    background-position-y: -19px;
}




.evaluation_total_num{
    letter-spacing: -0.8px;
    color: #044997;
    font-size: 16px;
    font-family:'SpoqaHanSansNeo-Bold';
    padding-left: 3px;
    padding-right: 1px;
}
.individual_status{
    padding-top: 20px;
    padding-left: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.detail_score{
    position: absolute;
    top: 53px;
    left: 104px;
    border: 1px solid #9D9EA2;
    background-color: #fff;
    padding: 17px 17px;
    box-shadow: 0px 3px 5px #0000001A;
    border-radius: 10px;
    z-index: 10;
    display: none;
}
.detail_score::after{
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #9D9EA2;
    transform: rotate(135deg) translateX(50%);
}
.detail_score::before{
    content: "";
    position: absolute;
    top: -10.5px;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    transform: rotate(135deg) translateX(50%);
    z-index: 1;
}
.detail_score .box_tit{
    color: #000;
    font-family:'SpoqaHanSansNeo-Medium';
    margin-bottom: 7px;
}
.detail_score.active{

}
.detail_score ul li{
    display: flex;
    justify-content: space-between;
}
.detail_score ul li .tit{
    letter-spacing: -0.75px;
    color: #000000;
    font-size: 15px;
    font-family:'SpoqaHanSansNeo-Light';
}
.detail_score ul li .con{
    margin-left: 20px;
}

.detail_score_tech {
    position: absolute;
    top: 2730px;
    left: 210px;
    transform: translateX(-50%); /* 媛��슫�뜲 �젙�젹�쓣 �쐞�븳 �꽕�젙 */
    border: 1px solid #9D9EA2;
    background-color: #fff;
    padding: 17px 17px;
    box-shadow: 0px 3px 5px #0000001A;
    border-radius: 10px;
    z-index: 10;
    display: none;
}

.detail_score_tech::after {
    content: "";
    position: absolute;
    top: 2730px;
    left: 210px;
    width: 12px;
    height: 12px;
    background-color: #9D9EA2;
    transform: rotate(135deg) translateX(50%);
}

.detail_score_tech::before {
    content: "";
    position: absolute;
    top: 2730px;
    left: 210px;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    transform: rotate(135deg) translateX(50%);
    z-index: 1;
}

.detail_score_tech .box_tit {
    color: #000;
    font-family: 'SpoqaHanSansNeo-Medium';
    margin-bottom: 7px;
}

.detail_score_tech.active {
    /* 異붽��맂 遺�遺�: active �겢�옒�뒪�뿉 ���븳 �뒪���씪 �꽕�젙�씠 �븘�슂�븯�떎硫� �뿬湲곗뿉 異붽� */
}

.detail_score_tech ul li {
    display: flex;
    justify-content: space-between;
}

.detail_score_tech ul li .tit {
    letter-spacing: -0.75px;
    color: #000000;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Light';
}

.detail_score_tech ul li .con {
    margin-left: 20px;
}


.select_score{
    display: flex;
    padding-top: 30px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 15px;
    width: 100%;
}
.select_score .box{
    width: 20%;
    margin: 0;
    padding: 0;
    border-bottom: 0px !important;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.select_score .box .tit{
    margin-right: 5px;
}
.detail_followup .horizon-view .info-table.box-table .select_score .box{
    padding-left: 0px;
    padding-right: 7.5px;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0 5px;
}
.detail_followup .horizon-view .info-table.box-table .select_score .box:last-of-type{
    padding-right: 0px;
}
.detail_followup .horizon-view .info-table.box-table .select_score .box .star{
    padding-top: 2px;
}
.horizon-view .box > .tit{
    font-size: 16px;
    color: #000;
    font-family:'SpoqaHanSansNeo-Medium';
}
.horizon-view .next_prev ul li .tit{
    font-size: 17px;
    letter-spacing: -0.9px;
    color: #9D9EA2;
    font-family:'SpoqaHanSansNeo-Regular';
}
.horizon-view.innerMypage .next_prev ul li .tit{
    font-size: 16px;
}
.horizon-view .next_prev ul li .con{
    font-size: 17px;
    letter-spacing: -0.9px;
    color: #333333;
}
.horizon-view.innerMypage .next_prev ul li .con{
    font-size: 16px;
}
.detail_followup .horizon-view .info-table.box-table .select_score .box .tit{
    white-space: nowrap;
}



.select_score .box .star .star_label {
    width: 17px;
    height: 17px;
    background-size: 17px;
}
.select_score .box .star input[type=radio]:checked ~ label{
    width: 17px;
    height: 17px;
    background-size: 17px;
}
.select_score .left_area{
    width: calc(100% - 61px);
    display: flex;
    justify-content: space-between;
}
.select_score .right_area{
    width: 60px;
}
.select_score .right_area .like_btn {
    display: flex;
    justify-content: flex-end;
}
.select_score .right_area .like_btn label{
    display: inline-flex;
    justify-content: flex-end;
    cursor: pointer;
}
.select_score .right_area .like_btn label input:checked + .icon{

}
.select_score .right_area .like_btn label input:checked + .icon img{
    animation: animateHeart .3s linear forwards;
}
@keyframes animateHeart{
    0%{transform:scale(.2);}
    40%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
.select_score .left_area .box .star .starpoint_wrap{
    width: 90px;
}
.select_score .left_area .box .star .starpoint_wrap .starpoint_box{
    background-size: 90px;
    height: 17px;
}
.select_score .left_area .box .star .starpoint_wrap .starpoint_box label{
    width: 9px;
}
.select_score .left_area .box .star .starpoint_wrap .starpoint_bg{
    background: url(/img/mypage/star_wrap.png) 0 -19px no-repeat;
    background-size: 90px;
}
@media all and (max-width: 1024px) {
    .detail_followup .horizon-view .info-table.box-table .select_score .box .tit{
        min-width: 80px;
    }
    .select_score .left_area .box .star .starpoint_wrap{
        width: 190px;
    }
    .select_score .left_area .box .star .starpoint_wrap .starpoint_box{
        background-size: 190px;
        height: 34px;
    }
    .select_score .left_area .box .star .starpoint_wrap .starpoint_bg{
        background: url(/img/mypage/star_wrap.png) 0 -40px no-repeat;
        background-size: 190px;
    }
    .select_score .left_area .box .star .starpoint_wrap .starpoint_box label{
        width: 19px;
    }
}
@media all and (max-width: 767px) {
    .horizon-view .next_prev ul li .tit{
        font-size: 15px;
    }
    .horizon-view .next_prev ul li .con{
        font-size: 15px;
        line-height: 1.3;
    }
}
@media all and (max-width: 385px) {
    .select_score{
        flex-direction: column;
    }
    .select_score .right_area{
        margin-top: 20px;
        justify-content: flex-start !important;
    }
}








.detail_followup .textarea_wrap{
    display: flex;
    width: 100%;
}
.detail_followup .textarea_wrap textarea{
    /* width: calc(100% - 105px); */
    width: 100%;
    max-height: 97px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    font-size: 14px;
    font-family:'SpoqaHanSansNeo-Regular';
    padding: 20px;
}
.detail_followup .textarea_wrap button{
    width: 97px;
    height: 97px;
    background-color: #354251;
    border: 1px solid #354251;
    font-size: 16px;
    letter-spacing: -0.8px;
    margin-left: 7px;
    color: #fff;
    font-size: 16px;
    font-family:'SpoqaHanSansNeo-Regular';
    border-radius: 5px;
}
button.more_btn img{
    transform: rotate(0deg) translateY(-2px);
    transition: 0.3s;
}
button.more_btn img.active{
    transform: rotate(180deg) translateY(0px);
}
.detail_followup .horizon-view .info-table.box-table{
    border-bottom: 0px;
}
.detail_followup .horizon-view .info-table.box-table .box .con3 i{
    width: 37px;
    height: 37px;
}

.star_score {
    display: flex;
    align-items: center;
}
.star_score .star_wrap{
    margin-right: 3px;
    position: relative;
    display: flex;
    align-items: center;
}
.star_score .star_wrap .star{
    background-color: blueviolet;
    width: 100px;
    height: 17px;
    display: inline-block;
    background: url(/img/star_wrap.svg) center center no-repeat;
    background-size: 100px;
    background-position-y: -2px;
}
.star_score .star_wrap .fill_num{
    position: absolute;
    left: 0px;
    width: 100px;
    height: 17px;
    display: inline-block;
    background: url(/img/star_wrap.svg);
    background-size: 100px;
    background-position-y: -22px;
}
.star_score .star_wrap .fill_num.score05{width: 10%;}
.star_score .star_wrap .fill_num.score10{width: 20%;}
.star_score .star_wrap .fill_num.score15{width: 30%;}
.star_score .star_wrap .fill_num.score20{width: 40%;}
.star_score .star_wrap .fill_num.score25{width: 50%;}
.star_score .star_wrap .fill_num.score30{width: 60%;}
.star_score .star_wrap .fill_num.score35{width: 70%;}
.star_score .star_wrap .fill_num.score40{width: 80%;}
.star_score .star_wrap .fill_num.score45{width: 90%;}
.star_score .star_wrap .fill_num.score50{width: 100%;}
.star_score .date{
    font-size: 14px;
    letter-spacing: 0px;
    color: #9D9EA2;
    font-family:'SpoqaHanSansNeo-Regular';
}

@media screen and (max-width:1200px){
    .select_score .left_area{
        flex-direction: column;
    }
    .select_score .right_area{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .detail_followup .horizon-view .info-table.box-table .select_score .box{
        margin-bottom: 4px;
    }
    .detail_followup .horizon-view .info-table.box-table .select_score .box:last-of-type{
        margin-bottom: 0px;
    }
    .horizon-view .box > .tit{
        width: 90px;
    }
    .detail_followup .horizon-view .info-table.box-table #form{
        flex-basis: 100%;
        width: 100%;
    }
}
@media screen and (max-width:1024px){
    .detail_followup .horizon-view .info-table.box-table .box .con3{
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .detail_followup .horizon-view .info-table.box-table .box.borderLY{
        border-left: 0px;
    }
    .detail_followup .horizon-view .info-table.box-table .box.one_line.textarea .con3{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .detail_followup .box .board-title{
        display: block;
    }
    .detail_score{
        top: 47px;
        left: 87px;
    }
    .detail_score_tech{
        top: 47px;
        left: 87px;
    }
}
@media screen and (max-width:600px){
    #wrap.mypage .board_wrap .detail_followup .board-title{
        margin-top: 0px;
    }
}
@media screen and (max-width:500px){
    .detail_followup .btns_wrap{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .detail_followup .btns_wrap .btn_blue01 {
        width: 49%;
        font-size: 15px;
        margin-left: 0%;
        padding: 10px 10px;
    }
    .detail_followup .btns_wrap .btn_blue01:nth-of-type(2n){
        margin-left: 2%;
    }
    .detail_followup .btns_wrap .btn_blue01:nth-of-type(n+1){
        margin-top: 2%;
    }
}
@media screen and (max-width:470px){
    .detail_followup .horizon-view > .box{
        padding-left: 0px;
        padding-right: 0px;
    }
    .detail_followup .horizon-view .info-table.box-table .box{
        padding-left: 0px;
        padding-right: 0px;
    }
    .select_score{
        padding-left: 0px;
    }
    .detail_followup .horizon-view .info-table.box-table .evaluation_list_wrap .box{
        padding-left: 0px;
        padding-right: 0px;
    }
}


.papers_down_btn{
    margin-left: 5px;
    transform: translateY(1px);
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/img/icon_download_blue.png) no-repeat left center;
}


/* soc �씤利앷린�닠 怨듬え �떊泥� start */
.tech_view .tech_info .horizon-table .box{
    position: relative;
}
.tech_view .horizon-table .box .accept_layer{
    position: absolute;
    padding: 22px 24px;
    padding-top: 15px;
    background: #FFFFFF;
    border-radius: 15px;
    border: #dddddd solid 1px;
    font-size: 16px;
    width: 62%;
    min-width: 580px;
    top: 0px;
    left: 0px;
    box-shadow: 0px 3px 5px #0000001A;
    display: none;
}
/*
.tech_view .horizon-table .box .accept_layer::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 9px 13px 10.5px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -12px;
    left: 59px;
}
.tech_view .horizon-table .box .accept_layer::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 9px 13px 10.5px;
    border-color: #dddddd transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -14.5px;
    left: 59px;;
} */
.tech_view .horizon-table .box .accept_layer input{
    width: 100%;
    height: 35px;
    margin-top: 12px;
    border: 1px solid #aaa;
    border-radius: 7px;
    padding: 0px 15px;
}
.tech_view .horizon-table .box .accept_layer .top{
    display: flex;
    justify-content: space-between;
}
.tech_view .horizon-table .box .accept_layer .top button.close_btn{

}
.tech_view .horizon-table .box .accept_layer .top button.close_btn img{
    width: 31px;
    transform: translateX(7px);
}
.tech_view .horizon-table .box .accept_layer .top p{
    letter-spacing: -0.75px;
    color: #354251;
    font-size: 16px;
    font-family: 'SpoqaHanSansNeo-Regular';
    padding-top: 3px;
}
.tech_view .horizon-table .box .accept_layer button.confirm_btn{
    background-color: #354251;
    width: 100%;
    height: 35px;
    color: #fff;
    letter-spacing: -0.75px;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'SpoqaHanSansNeo-Regular';
    display: inline-block;
    margin-top: 9px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
@media screen and (max-width:721px){
    .tech_view .horizon-table .box .accept_layer{
        width: 100%;
        min-width: auto;
        min-height: 183px;
    }
    .tech_view .horizon-table .box .accept_layer .top p{
        padding-top: 12px;
    }
}


/* soc �씤利앷린�닠 怨듬え �떊泥� end */



/* 湲곗뾽�꽦�옣�쓭�떟�꽱�꽣 start */
.center_sub_tit{
    display: block;
    text-align: center;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 19px;
    letter-spacing: -0.65px;
    color: #999;
    margin-bottom: 63px;
    transform: translateY(-16px);
    padding-left: 15px;
    padding-right: 15px;
    word-break: keep-all;
}
#response_center .board-list .board-title .tit.num,
#response_center .board-list .con.num{
    flex-basis: 70px;
}
#response_center .board-list .board-title .tit.name,
#response_center .board-list .con.name{
    flex-basis: 250px;
}
#response_center .board-list .board-title .tit.department,
#response_center .board-list .con.department{
    flex: 1 1 0;
    flex-basis: 120px;
}
#response_center .board-list .board-title .tit.contact,
#response_center .board-list .con.contact{
    flex-basis: 155px;
}
#response_center .board-list .board-title .tit.shortcut,
#response_center .board-list .con.shortcut{
    flex: 1 1 0;
    flex-basis: 250px;
}
@media screen and (max-width:1200px){
    #response_center .board-list .board-title .tit.num,
    #response_center .board-list .con.num{
        flex-basis: 50px;
    }
    #response_center .board-list .board-title .tit.department,
    #response_center .board-list .con.department{
        flex-basis: 140px;
    }
    #response_center .board-list .board-title .tit.name,
    #response_center .board-list .con.name{
        flex-basis: 150px;
    }
    .center_sub_tit{
        margin-bottom: 75px;
    }
}
@media screen and (max-width:890px){
    #response_center .board-list .board-title .tit.num,
    #response_center .board-list .con.num{
        flex: unset;
    }
    #response_center .board-list .board-title,
    #response_center .board-list .board-table .table-row{
        gap: 8px 10px;
    }
    #response_center .board-list .board-title .tit.name,
    #response_center .board-list .con.name{
        flex-basis: calc(100% - 75px);
    }
    #response_center .board-list .board-title .tit.department,
    #response_center .board-list .con.department{
        flex: unset;
        flex-basis: 135px;
    }
}
@media screen and (max-width:677px){
    .center_sub_tit {
        font-size: 19px;
        letter-spacing: -1.1px;
        margin-bottom: 47px;
        transform: translateY(-7px);
    }
}


/* 湲곗뾽�꽦�옣�쓭�떟�꽱�꽣 end */

/* 23-10-16 �쑀�꽦�깭 異붽� - �쉶�썝媛��엯 > �쑕���룿蹂몄씤�씤利� 踰꾪듉  */
.personVerifyBtn{
	background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    margin-left:7px;
}


/* 23-10-16 �쑀�꽦�깭 異붽� - �쉶�썝媛��엯 > �궗�뾽�옄�벑濡앸쾲�샇�솗�씤 踰꾪듉  */
.companyVerifyBtn{
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    margin-left:7px;
}

/* 23-10-17 �쑀�꽦�깭 異붽� - �쉶�썝媛��엯 > �궗�뾽�옄�벑濡앸쾲�샇�솗�씤 �궡�슜  */
/* �궗�뾽�옄�벑濡앸쾲�샇 �씪移섑븯吏� �븡�쓣 �븣 鍮④컙�깋 */
.verification-status.not-matching {
    color: red;
}

/* �궗�뾽�옄�벑濡앸쾲�샇 �씪移섑븷 �븣 珥덈줉�깋 */
.verification-status.matching {
    color: green;
}

.flex-container {
    display: flex;
    align-items: center;
}

.verification-container, .add_info {
    margin-left: 10px; 
}

span.add_info.verification {
    margin-left: 20px;
}
.in_e_wh{margin-right:30px;}

/*----- soc_tpi_choose_btn 異붽�_2023-10-23 -------*/

.soc_tpi_choose_btn {
	position: absolute;
	right:65px; top:10px; color:#fff!important;
	font-size:12px; padding:5px 10px; border-radius: 5px;
	border:1px solid #385d8a; cursor:pointer; background:#4f81bd;
}

button.more_btn img{
    transform: rotate(0deg) translateY(-2px);
    transition: 0.3s;
}
button.more_btn img.active{
    transform: rotate(180deg) translateY(0px);
}
.detail_score{
    position: absolute;
    top: 53px;
    left: 104px;
    border: 1px solid #9D9EA2;
    background-color: #fff;
    padding: 17px 17px;
    box-shadow: 0px 3px 5px #0000001A;
    border-radius: 10px;
    z-index: 10;
    display: none;
}
.detail_score::after{
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #9D9EA2;
    transform: rotate(135deg) translateX(50%);
}
.detail_score::before{
    content: "";
    position: absolute;
    top: -10.5px;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    transform: rotate(135deg) translateX(50%);
    z-index: 1;
}
.detail_score .box_tit{
    color: #000;
    font-family:'SpoqaHanSansNeo-Medium';
    margin-bottom: 7px;
}
.detail_score.active{

}
.detail_score ul li{
    display: flex;
    justify-content: space-between;
}
.detail_score ul li .tit{
    letter-spacing: -0.75px;
    color: #000000;
    font-size: 15px;
    font-family:'SpoqaHanSansNeo-Light';
}
.detail_score ul li .con{
    margin-left: 20px;
}

/* �슦�� �봽濡쒓렇�옩 view */
.soc_bbs01_padding_left{padding-left:160px;}
@media (max-width:500px){
	.soc_flex_bbs01 {flex-wrap:wrap;}
	.soc_bbs01_padding_left{padding-left:10px;}
	.soc_support_notice_view01{width:150px !important; height:auto !important; white-space:normal; word-wrap:break-word !important; word-break:break-all !important;}
}

.con.padd{
	padding: 10px 0;
}