@charset 'utf-8';
/* index */
.index{background:url(/static_root/img/index-bg-pc.png) no-repeat top center}
.index header{height:auto;background:none}
.index .inner{max-width:1200px}
.index .logo{display:block;padding:60px 0;text-align:center}
.index .logo img{width:260px;height:auto}
.index .-txt-box{line-height:1.1;text-align:center}
.index .-txt-box .-desc{margin-bottom:16px;font-size:34px;font-weight:600;color:var(--main-color);opacity:.85}
.index .-txt-box .-tit{font-size:62px;font-weight:800;color:var(--main-color);opacity:.95}
.index .login-li{display:flex;gap:40px;justify-content:space-between}
.index .login-li li{position:relative;width:320px;height:480px;border-radius:20px;box-shadow:0 0 20px 2px rgba(149, 165, 206,.2);transition:width .5s;background:#fff url(/static_root/img/index-arrow.png) no-repeat;background-position:60px calc(100% - 60px);overflow:hidden}
.index .login-li li.on{width:480px;background-color:var(--main-color);transition:width .5s;background-image:url(/static_root/img/index-arrow-on.png);box-shadow:0px 3px 5px 1px rgba(0, 0, 0,.25)}
.index .login-li li:nth-child(2).on a{background:#008C72 url(/static_root/img/index-arrow-on.png) no-repeat;background-position:60px calc(100% - 60px)}
.index .login-li li:nth-child(3).on a{background:#18B778 url(/static_root/img/index-arrow-on.png) no-repeat;background-position:60px calc(100% - 60px)}
.index .login-li li a::before{content:"";display:block;width:86px;height:86px;background:url(/static_root/img/index-ico01.png) no-repeat 0 -5px}
.index .login-li li:nth-child(2) a::before{background-image:url(/static_root/img/index-ico02.png)}
.index .login-li li:nth-child(3) a::before{background-image:url(/static_root/img/index-ico03.png)}
.index .login-li li.on a::before{background-image:url(/static_root/img/index-ico01-on.png)}
.index .login-li li.on:nth-child(2) a::before{background-image:url(/static_root/img/index-ico02-on.png)}
.index .login-li li.on:nth-child(3) a::before{background-image:url(/static_root/img/index-ico03-on.png)}
.index .login-li a{width:100%;height:100%;padding:60px;color:var(--main-color)}
.index .login-li .-desc{display:block;margin:40px 0 12px;font-size:20px;color:var(--gray80);line-height:1}
.index .login-li .-tit{font-size:36px;color:var(--gray80);line-height:1}
.index .login-li .on .-desc,
.index .login-li .on .-tit{color:#fff}
.index .login-li .-desc02{margin-top:10px;color:#fff;font-size:16px;line-height:1.6}
.index #container .inner{margin:46px auto 38px}
.index footer{background:transparent}

.index.-t02 .container{font-size:18px}
.index.-t02 #container .inner{margin:0 auto}
.index.-t02 .container .-tit{margin-top:40px;font-size:32px;font-weight:600;line-height:1.2}
.index.-t02 .container .-desc{margin-top:12px}
.index.-t02 .container .-sub-tit{margin:40px 0 8px;font-size:20px;color:var(--gray80)}
.index.-t02 .container .-cont{display:block;font-size:20px;font-weight:600;color:var(--main-color)}


/* 로그인 */
.login .-login-box{max-width:620px;margin:0 auto;padding:60px;background-color:#fff;border:1px solid var(--gray30);box-shadow:0 0 40px 3px rgba(149, 165, 206, .2);border-radius:20px}
.login .-login-wrap{margin:34px 0 40px}
.login .-login-wrap input{width:100%;height:62px;padding:0 24px;background-color:var(--gray20);border:1px solid var(--gray30);border-radius:8px;}
.login .-login-wrap .-pw{margin-top:14px}
.login .-login-wrap input::placeholder{font-size:14px;color:var(--gray70)}
.login .bttn.-login{width:100%;height:58px;font-size:18px;font-weight:600}
.login .bttn.-login +.gray-box{margin-top:20px}
.login .-find-pw,
.login .-join{margin:20px 0;font-size:16px;color:var(--gray)}
.login .-find-pw{margin-top:0}
.login .gray-box{padding:20px 30px;border-radius:8px}
.login .-naver-login{margin-top:12px;padding-top:32px;font-size:16px;border-top:1px solid var(--gray30)}
.login .-tit{font-weight:600}
.login .-cont{margin-top:10px}

/* 비밀번호찾기 */
.pop-pw{color:var(--gray)}
.pop-pw p{font-size:16px;line-height:1.4}
.pop-pw .-inp-box .-tit{display:inline-block;margin:16px 0 8px;font-size:14px}
.pop-pw .-inp-box .inp{height:45px;font-size:16px}
.pop-pw +.pop-btm{margin-top:40px;padding:0}

/* 회원가입 */
.join .-tit{display:block;margin-bottom:8px}
.join .-tit ~.-tit{margin-top:24px}
.join .-combo{display:flex;gap:8px}
.join .-combo .inp{flex:1}
.join .-combo .bttn-secondary{flex:none;margin:0}
.join input{font-size:16px}

.phone-auth-num{display:flex;width:100%;height:45px;padding:9px;color:var(--gray80);border:solid 1px var(--gray30);border-radius:4px}
.phone-auth-num input{flex:1}
.phone-auth-num .bttn-tertiary{flex:none;height:27px;line-height:25px;margin:0;padding:0 8px;font-size:12px;border-radius:4px}
.phone-auth-num .bttn-tertiary.h26{margin:0;padding:0 8px;font-size:12px;border-radius:4px}

.join .-pre{width:100%;height:150px;padding:10px;font-size:12px;border-radius:4px;border:1px solid var(--gray30);overflow-y:auto;white-space:pre}
@media screen and (max-width:989px) {
	.index{background-image:url(/static_root/img/index-bg-ta.png);background-size:cover}
    .index .login-li{display:block}
    .index .login-li li.on,
    .index .login-li li{width:100%;height:417px}
    .index .login-li li +li{margin-top:20px}
    .index .login-li .-desc{margin:20px 0 12px}
}
@media screen and (max-width:540px) {
	.index{background-image:url(/static_root/img/index-bg-mo.png);background-size:cover}
    .index #container .inner{margin:29px auto 38px}
    .index .logo{padding:20px 0 40px}
    .index .logo img{width:146px}
    .index .-txt-box .-desc{font-size:16px}
    .index .-txt-box .-tit{font-size:32px}
    .index .login-li li.on,
    .index .login-li li{height:293px;background-size:20px;background-position:40px calc(100% - 40px)}
    .index .login-li a{padding:40px}
    .index .login-li li a::before{width:48px;height:48px;background-size:contain}
    .index .login-li .-desc{margin:10px 0 12px;font-size:16px}
    .index .login-li .-tit{font-size:20px}
    
    .index.-t02 .-tit{font-size:32px;font-weight:800}
    .index.-t02 .-desc{font-size:16px}
	.index.-t02 .container .-tit{font-size:23px}
	.index.-t02 .container .-desc{margin-top:10px}
	.index.-t02 .container .-img{width:58px}

    .login .-login-box{padding:40px}
    .login .-login-wrap{margin-top:20px}
    
	.pop-pw +.pop-btm{margin-top:26px}
	.pop-pw +.pop-btm .bttn{width:100%}
}
/* main */
.main .inner{max-width:1200px}

/* visual */
.visual{display:none;margin-top:60px;font-family:'nexon';line-height:1.2}
.visual .-desc{margin-bottom:15px;font-weight:400;font-size:34px;color:rgba(0, 160, 94,.85)}
.visual .-tit{font-weight:900;font-size:62px;color:rgba(0, 160, 94,.95)}
.main .visual{display:block}

.main .container section{padding:60px 0}
.main .arrow-tit{margin-bottom:20px;font-size:24px;font-weight:600}
.main .arrow-tit a::after{content:"";display:inline-block;width:26px;height:27px;vertical-align:middle;background:url(/static_root/img/arrow-r.png) no-repeat}
.main .arrow-tit span{display:inline-block;vertical-align:middle;color:#1d1d1f}
.main .bttn.-line{margin-left:5px;background-color:transparent !important}

/* main slider */
.card02 >ul >li{/*max-width:285px;*/border:1px solid #DEE2E6;border-radius:16px;overflow:hidden}
.card02 a{position:relative;display:block}
.card02 .-bttn-box{position:absolute;top:16px;left:16px;line-height:24px;z-index:1}
.card02 .-img-box{position:relative;height:140px;border-radius:16px 16px 0 0;border:none;border-bottom:1px solid #DEE2E6;box-shadow:0px 0px 1px 0px rgba(0,0,0,.25);background:#fff url(/static_root/img/no-data.png) no-repeat center 56%;overflow:hidden}
/*배경색.card02 .-img-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.08);}*/
.card02 .-txt-box{padding:20px;font-size:14px;background-color:#fff;}
.card02 .-desc{margin-bottom:4px;padding-right:20px;color:#333}
.card02 .-tit{overflow:hidden;margin-top:8px;font-size:18px;font-weight:800;color:var(--gray);line-height:22px;text-overflow:ellipsis;white-space:nowrap;}
.card02 .-cont-box{margin:18px 0}
.card02 .-cont-box li +li{margin-top:10px}
.card02 .-cont-box .navy{width:75px}
.card02 .-gray-box{padding:10px;font-size:12px;border-radius:8px;background-color:#F1F4F7}
.card02 .-gray-box li{display:flex;justify-content:space-between;align-items:center}
.card02 .-gray-box li +li{margin-top:6px}
.card02 .-gray-box .-key{color:#51596C}
.slide-btn-prev,
.slide-btn-next{position:absolute;top:calc(50% - 24px);right:-20px;width:47px;height:47px;background:url(/static_root/img/slide-btn-next.png) no-repeat;z-index:1}
.slide-btn-prev{left:-20px;background-image:url(/static_root/img/slide-btn-prev.png)}
.swiper-button-disabled{display:none}

.noti-wrap .white-box,
.noti-wrap{display:flex}
.noti-box{display:flex;max-width:520px;margin-top:-20px;font-size:0;flex-wrap:wrap/*;justify-content:space-between 박스가 2개 밖에 없을때 이슈*/}
.noti-box li{width:100%;max-width:240px;height:156px;margin:20px 20px 0 0;padding:26px;border:solid 1px #DEE2E6;border-radius:16px;background-color:#fff}
.noti-box .-tit{display:-webkit-box;height:38px;color:#2D374B;font-size:16px;font-weight:400;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.noti-box .-date{margin-top:50px;color:rgba(41,46,65,.8);font-size:14px}

.noti-wrap.-full{display:block}
.noti-wrap.-full .noti-box{max-width:unset}
@media screen and (min-width:1200px) {	
	.noti-wrap.-full .noti-box li{max-width:285px}
	.noti-wrap.-full .noti-box li:last-child{margin-right:0}
}

.main-banner{display:flex;justify-content:space-between;gap:18px}
.main-banner a{width:calc(50% - 9px)}

.calendar-wrap{color:rgb(3, 3, 39,.8);flex:1}
.calendar-wrap .-top{position:relative;margin-bottom:20px}
.calendar-wrap .-top .-right{position:absolute;top:0;right:0}
.calendar-wrap .-month{font-size:22px;font-weight:800}
.calendar-wrap .-year{margin-left:8px;font-size:12px}
.calendar-wrap table{width:100%}
.calendar-wrap th{height:37px;font-size:12px;vertical-align:middle;color:rgba(3, 3, 38, 0.6);text-align:center}
.calendar-wrap td{padding:2px 4px;vertical-align:middle;text-align:center}
.calendar-wrap td span{display:block;width:33px;height:33px;margin:0 auto;font-size:12px;line-height:31px;text-align:center;border:1px solid transparent}
.calendar-wrap td button{color:var(--gray)}
.calendar-wrap table button{width:100%}
.calendar-wrap .-today span{color:var(--main-color);border-radius:8px;border-color:var(--main-color)}
.calendar-wrap .-data span{position:relative}
.calendar-wrap .-data span::after{content:"";position:absolute;bottom:4px;left:calc(50% - 1px);width:3px;height:3px;border-radius:50%;background-color:var(--main-color)}
.calendar-wrap .-click span{color:#fff;font-weight:800;border-radius:8px;background-color:var(--main-color);border-color:var(--main-color)}
.calendar-wrap .-click span::after{background-color:#fff}
.calendar-wrap .-gray span{color:rgb(3, 3, 39,.4)}


.program-wrap{margin-left:45px;color:#030327;font-size:12px;font-weight:400;flex:1}
.program-wrap >.-tit{margin:10px 0 22px;font-size:16px;font-weight:800}
.program-wrap .-program{overflow-y:auto;height:220px}
.program-wrap .-program >.-tit{position:relative;margin-bottom:6px}
.program-wrap .-program >.-dot::before{content:"";position:absolute;left:-5px;top:-5px;width:4px;height:4px;border-radius:50%;background-color:var(--main-color)}
.program-wrap .-li .-desc{color:rgba(3, 3, 38, 0.6)}
.program-wrap .-li .-desc span{margin-top:5px}
.program-wrap .-li >li{position:relative;width:100%;min-width:184px;padding:12px 16px;border-radius:8px;background-color:rgba(0, 160, 94,0.05);overflow:hidden}
.program-wrap .-li >li:not(:first-child){margin-top:8px}
.program-wrap .-li >li::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:rgba(0, 160, 94,.51)}
.program-wrap .-li.-blue >li::before{background-color:var(--main-color)}
.program-wrap .-li +.-tit{margin-top:16px}
.main .program-wrap .-no-data{color:rgba(3, 3, 38, 0.6);font-size:12px}
.main .program-wrap .-no-data::before{display:none}

.recruit-top{position:relative}
.recruit-top .ico.-reset.-right{position:absolute;top:10px;right:0}
.recruit{display:flex;flex-wrap:wrap;margin-left:-20px;font-size:0;color:#1D1D1F}
.recruit >li{display:table-cell;width:calc(25% - 20px);max-width:285px;min-height:230px;margin:20px 0 0 20px;padding:26px;font-size:14px;vertical-align:top;border-radius:16px;border:1px solid #DEE2E6}
.recruit .-badge{min-width:50px;height:26px;line-height:26px;margin-right:10px;font-size:12px;color:#1464AB;text-align:center;background-color:var(--tbl-bg);border-radius:14px}
.recruit .-d-day{line-height:26px;color:var(--main-color);font-weight:600;}
.recruit .-tit{display:-webkit-box;height:50px;margin:8px 0 0;font-size:18px;font-weight:400;line-height:1.4;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.recruit .-gray{color:#666}
.recruit .-tit +.-gray{position:relative;margin-top:42px}
.recruit .-tit +.-gray::after{content:"";position:absolute;top:-20px;left:0;width:52px;height:2px;background-color:#DCE1E5}
.recruit .-txt-box{display:block;margin-top:20px;color:#1d1d1f}
.recruit .-txt-box span{margin-left:12px;color:#666}

.counsel{position:relative;margin-top:60px;border-radius:16px;background:linear-gradient(to left, #00A05E, #00A080 )}
.counsel .-bg{height:260px;padding:53px 74px;font-size:14px;color:#fff;background-image:url(/static_root/img/bg-main-01.png),url(/static_root/img/bg-main-02.png);background-position:0 100%,100% 0;background-repeat:no-repeat;}
.counsel h3{margin-top:15px;font-size:24px;font-weight:800}
.counsel .-desc{margin:8px 0 27px;line-height:1.6}
.counsel .-link-li{position:absolute;top:53px;right:42px}
.counsel .-link-li >li{display:inline-block;width:198px}
.counsel .-link-li >li a{display:block;font-size:16px;text-align:center;color:#fff}
.counsel .-link-li >li >a::before{content:"";display:block;width:120px;height:120px;margin:0 auto 16px;font-weight:600;background:rgba(255,255,255,.2) url(/static_root/img/ico-counsel-01.png) no-repeat center;border-radius:50%}
.counsel .-link-li >li:nth-child(2) >a::before{background-image:url(/static_root/img/ico-counsel-02.png)}
.counsel .-link-li >li:nth-child(3) >a::before{background-image:url(/static_root/img/ico-counsel-03.png)}

.main-logo{margin-top:60px}
.main-logo ul{display:flex;align-items:center;justify-content: space-between}
/* .main-logo li +li{margin-left:78px} */

.main .-no-data{font-size:16px;color:var(--gray50)}
@media screen and (max-width:1200px) {
    .main .container .inner,
    .main .inner{padding-right:20px;padding-left:20px}
    .program-wrap{margin-left:20px}
    .noti-wrap{display:block}
    .noti-box{max-width:none}
    .main .white-box{margin-top:20px}
    .noti-box{margin-right:-20px}
    .noti-box li{width:calc(50% - 20px);max-width:none}
}

@media screen and (max-width:989px) {
    .visual{margin-top:0;padding:38px 0;text-align:center}
    .visual .-desc{font-size:16px}
    .visual .-tit{font-size:32px}
    
    .noti-box .-date{margin-top:16px}
    
    .recruit >li{width:calc(50% - 20px);max-width:none;}
    
    .counsel h3{margin-top:0}
    .counsel .-bg{height:230px;padding:26px}
    .counsel .-link-li{top:50px;right:12px}
    .counsel .-link-li li{width:auto;padding:0 14px}
    
    .main-logo{display:none}

}

@media screen and (max-width:830px) {
    .counsel .-bg{height:auto}
    .counsel .-link-li{position:static;text-align:center}
    .counsel .-link-li li{margin-top:40px}
}

@media screen and (max-width:700px) {
    /* .main header,
    header{background-position:calc(50% - 204px) -50px,calc(50% + 308px) 167px} */
    
    .main .arrow-tit{font-size:20px}
    .main .container section{padding:40px 0}
    
    .main-slider .-tit{font-size:16px}
        
    .noti-wrap .white-box{display:block}
    .noti-box{margin-top:-8px;margin-right:-8px}
    .noti-box li{width:calc(50% - 8px);height:103px;margin:8px 8px 0 0;padding:16px}
    
    .calendar-wrap .-top .-right{right:12px}

    .program-wrap{margin-top:40px;margin-left:0}

    .recruit-top .bttn{width:calc(100% - 90px);margin-left:90px}
    .recruit-top .ico.-reset.-right{top:auto;right:auto;bottom:10px;left:12px;}
    .recruit{margin-top:20px}
    .recruit >li{width:calc(50% - 8px);height:auto;min-height:194px;margin:8px 0 0 8px;padding:16px}
    .recruit .-tit{height:44px;font-size:16px}
    .recruit .-tit +.-gray{margin-top:38px}
    .recruit .-tit +.-gray::after{top:-18px;width:42px}
    .recruit .-txt-box{margin-top:12px}
    
    .counsel{margin-top:40px}
    .counsel h3{font-size:20px}

    footer{padding:40px 0}
    footer address{margin-bottom:12px}
    footer .-link-li li{margin-top:5px}
}

@media screen and (max-width:640px) {
 	.main-banner{display:block}
	.main-banner a{width:100%}
	.main-banner a +a{margin-top:16px}   
}

@media screen and (max-width:540px) {
    .slide-btn-next,
    .slide-btn-prev{display:none}

    .noti-wrap .white-box{padding:26px}

    .calendar-wrap .-top .-right{right:0}
}

@media screen and (max-width:390px) {
    .calendar-wrap td span{width:100%}    
}

/* p-search */
.search-results{margin:40px 0 20px;padding-bottom:16px;font-size:20px;font-weight:600;color:var(--gray)}
.search-results strong{margin-left:5px;color:var(--main-color)}
.search-results .h2{margin:40px 0 20px}
.card li{padding:20px;border:1px solid var(--gray30);border-radius:8px;}
.card li +li{margin-top:8px}
.underline-b{font-weight:600;color:var(--main-color);line-height:1}
.underline-b::after{content:"";display:block;height:1px;margin-top:-1px;background-color:var(--main-color)}
.p-search .card .-tit{margin-bottom:16px;font-size:16px;font-weight:700}
.p-search .card .-txt{line-height:1.4;overflow:hidden;height:44px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.p-search .-right{position:absolute;right:0;font-size:16px;color:var(--gray);}
.p-search .-more{position:relative;margin-top:20px}

.card-wrap{display:flex;}
.card-wrap .-card-box{width:100%}
.card-wrap .-card-box +.-card-box{margin-left:50px;}
.card-wrap .card li{background-color:#fff;}

.card.-arrow li{position: relative}
.card.-arrow li::after{content:"";position:absolute;bottom:-19px;left:calc(50% - 15px);width:30px;height:30px;border-radius:50%;border:1px solid #eee;background:#fff url(/static_root/img/arrow-b-03.png) no-repeat center 3px;z-index:1}
.card.-arrow li:last-child::after{display:none}

@media screen and(max-width:989px) {
    .search-results{margin:20px 0 16px;font-size:16px}
    .sub-title:not(:first-child){margin-top:78px}
}

@media screen and (max-width:540px) {
    .card-wrap{display:block}
    .card-wrap .-card-box +.-card-box{margin:50px 0 0}
}

/* depth01-03 취업전략센터 소개 */
.map{height:402px;border-radius:8px;background-color:#fafafa;overflow:hidden}
.depth01-03 .gray-box::before{background-image:url(/static_root/img/map.png)}

/* depth03-01 취업전략센터 소개 */
.depth03-01 .gray-box::before{background-image:url(/static_root/img/flag.png)}

/* depth03-0201 프로그램 신청 - 목록 */
.depth03-0201 .top-box{margin-top:16px}
.card-top{display:flex;justify-content:space-between;align-items:center;margin:60px 0 20px;font-size:16px}
.card-top .-total strong{margin-left:3px;color:var(--main-color);font-size:16px}
.total:not(li){font-size:16px;color:var(--gray)}
.total:not(li) strong{color:var(--main-color) !important}
.card02.-t02 >ul{margin:-20px 0 0 -20px;font-size:0}
.card02.-t02 >ul >li{display:inline-block;width:calc(25% - 20px);margin:20px 0 0 20px}
.card02.-t02 .-tit{display:-webkit-box;height:48px;white-space:wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}
.card02.-t02 .-txt-box{position:relative}
.card02.-t02 .-cont-box .navy{width:62px}
.card02.-t02 .-cont-box .-val{font-size:13px}
.card02.-t02 .ico.-pin{position:absolute;top:16px;right:16px}
@media screen and (max-width:1400px) {
    .card02.-t02 >ul >li{width:calc(33.33% - 20px)}
}
@media screen and (max-width:1024px) {
    .card02.-t02 >ul >li{width:calc(50% - 20px)}
}
@media screen and (max-width:989px) {
    .depth03-02 .top-box{margin-top:0}
    .card-top{margin:20px 0 17px}
    .card02.-t02 >ul >li{width:calc(33.33% - 20px)}
}
@media screen and (max-width:700px) {
    .card02.-t02 >ul >li{width:calc(50% - 20px)}
}
@media screen and (max-width:540px) {
    .depth03-0201 .top-box{margin-top:-13px}
    .card02.-t02 >ul{margin:0}
    .card02.-t02 >ul >li{width:100%;margin:0}
}

/* depth03-0202 프로그램 신청 - 상세 */
.program-info{display:flex;gap:0 20px}
.depth03-0202 .ico-r.-arrow-r-02::after{transform:rotate(90deg)}
.depth03-0202 .-tit-box{position:relative;padding-right:50px}
.depth03-0202 .ico.-star{position:absolute;top:0;right:0;cursor: pointer}
.depth03-0202 .ico.-star input{width:1px;height:1px;opacity:0 !important}
.depth03-0202 .ico.-star .-ico{width:40px;height:40px;background:#fff url(/static_root/img/star.png) no-repeat center}
.depth03-0202 .ico.-star input:checked +.-ico{background-image:url(/static_root/img/star-checked.png)}
.depth03-0202 .-img-wrap{flex:1;max-width:480px}
.depth03-0202 .-img-box{position:relative;width:100%;height:334px;border:1px solid #DEE2E6;border-radius:8px;overflow:hidden;}
.depth03-0202 .-img-box >[class^=-img-]{width:100%;height:100%;background-position:top center;background-size:contain;background-repeat:no-repeat;}
.depth03-0202 .-img-mo{display:none}
.depth03-0202 .-img-box .bttn{position:absolute;top:20px;left:20px}
.depth03-0202 .location02{position:absolute;bottom:20px;right:20px;padding:7px 10px;margin:0;color:#fff;background-color:rgba(0,0,0,.3);border-radius:4px}
.depth03-0202 .-img-wrap .gray-box{min-height:82px;margin-top:20px;padding:20px 10px;line-height:1.4}
.depth03-0202 .-img-wrap .gray-box ul{display:flex;justify-content:center;text-align:center;}
.depth03-0202 .-img-wrap .gray-box li{width:147px;max-width:180px;font-size:14px;flex:1}
.depth03-0202 .-img-wrap .gray-box .-cont{display:block;margin-top:3px;color:var(--gray80);}
.depth03-0202 .-txt-wrap{flex:1}
.depth03-0202 .-tit-box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--gray30)}
.depth03-0202 .-tit-box .-tit{margin:8px 0;font-size:22px;font-weight:600;line-height:1.4}
.depth03-0202 .-tit-box .-desc{color:var(--gray80)}
.depth03-0202 .-txt-box{display:table}
.depth03-0202 .-txt-box >li{display:table-row;margin-top:12px}
.depth03-0202 .-txt-box .-tit{display:table-cell;width:132px;padding:6px 0;line-height:1.3}
.depth03-0202 .-txt-box .-cont{display:table-cell;padding:6px 0;color:var(--gray80);line-height:1.3}
.depth03-0202 .-txt-box .-cont span +span::before{content:",";display:inline-block;margin-right:5px}

.depth03-0202 .bttn-secondary.-full{margin-top:40px}

.depth03-0202 .chart-wrap{display:flex;gap:0 20px;margin-top:60px}
.depth03-0202 .chart-wrap >div{flex:1}
.depth03-0202 .chart-wrap .-sub-tit{margin-bottom:12px;font-size:18px;font-weight:600;}
.depth03-0202 .chart-wrap .white-box{padding:0;border-radius:8px}
.depth03-0202 .white-box{min-height:166px}
.depth03-0202 .white-box.-right{padding:20px;border-radius:8px}
.gray-box.-program{min-height:460px;border-radius:0;overflow:auto}
.gray-box.-program span{display:inline !important}
.gray-box.-program th,
.gray-box.-program td{padding:16px 8px;text-align:center;color:var(--gray80);border:solid 1px var(--gray40) !important}
.depth03-0202 .file-li{margin-top:23px}


#chart .fields{display :none;}
#chart .tooltip{display:none !important}
#chart text{font-family:'nexon';font-size:11px;}
.graph{position:relative;padding:20px 20px 20px 50px}
.graph .-legend{position:absolute;top:17px;right:20px;width:calc(100% - 250px)}
.graph .-legend >li{display:flex;justify-content:space-between;align-items:center;max-width:340px;margin-top:8px}
.graph .-legend .-tit{font-size:14px;color:var(--gray80);line-height:1.2;flex:1}
.graph .-legend .-tit::before{content:"";display:inline-block;width:12px;height:12px;margin-right:12px;border-radius:50%;background-color:#14B8A6}
.graph .-legend >li:nth-child(2) .-tit::before{background-color:#3B82F6}
.graph .-legend >li:nth-child(3) .-tit::before{background-color:#6366f1}
.graph .-legend >li:nth-child(4) .-tit::before{background-color:#f59e0b}
.graph .-legend >li:nth-child(5) .-tit::before{background-color:#facc15}
.graph .-legend .-perc{font-size:14px;color:var(--gray);line-height:1.2;flex:none}

.graph-row .-tit{width:102px;font-size:14px;color:var(--gray80);line-height:1.2;flex:none}
.graph-row .-perc-box{position:relative;display:inline-block;width:calc(100% - 140px);font-size:14px}
.graph-row .-bar{position:absolute;top:1px;height:12px;border-radius:4px;background-color:#14B8A6}
.graph-row .-perc{padding-left:12px}
.graph-row li:not(:first-child){margin-top:10px}
.graph-row >li:nth-child(2) .-bar{background-color:#3B82F6}
.graph-row >li:nth-child(3) .-bar{background-color:#6366f1}
.graph-row >li:nth-child(4) .-bar{background-color:#f59e0b}
.graph-row >li:nth-child(5) .-bar{background-color:#facc15}

@media screen and (max-width:1200px) {
    .program-info{display:block}
    .depth03-0202 .-img-wrap{max-width:none}
    .program-info .-txt-wrap{margin-top:40px}
    .depth03-0202 .chart-wrap{display:block}
    .graph{margin:0 auto;max-width:500px}
    .depth03-0202 .chart-wrap div +div .-sub-tit{margin-top: 20px}
}
@media screen and (max-width:700px) {
    .depth03-0202 .-img-box .bttn{top:16px;left:16px}
    .depth03-0202 .location02{bottom:16px;right:16px}
    .depth03-0202 .-img-pc{display:none}
    .depth03-0202 .-img-mo{display:block;height:526px}
    .depth03-0202 .-img-wrap .gray-box li{width:147px}
    .depth03-0202 .mo-card-type td:first-child{margin-top:0}
    .depth03-0202 .mo-card-type td::before{display:inline-block;width:134px;font-weight:400;font-size:14px;color:var(--gray)}
    .depth03-0202 .mo-card-type td:nth-child(1):before{display:none}
    .depth03-0202 .mo-card-type td:nth-child(2):before{content:"회차"}
    .depth03-0202 .mo-card-type td:nth-child(3):before{content:"모집인원/정원"}
    .depth03-0202 .mo-card-type td:nth-child(4):before{content:"모집기간"}
    .depth03-0202 .mo-card-type td:nth-child(5):before{content:"진행기간"}
    .depth03-0202 .mo-card-type td:nth-child(6):before{content:"운영장소"}
    .depth03-0202 .mo-card-type td:nth-child(7):before{content:"진행"}
    .depth03-0202 .file-li{margin-top:16px}
    .depth03-0202 .btm-box .-left{position:static}
    .depth03-0202 .btm-box .bttn{width:calc(100% - 84px)}
}
@media screen and (max-width:540px) {
    .depth03-0202 .-img-wrap .gray-box{margin-top:16px}
    .depth03-0202 .-tit-box .-tit{font-size:18px;}
    .graph{padding:20px}
    .graph .-legend{width:calc(100% - 180px)}
    .depth03-0202 .-tit-box{margin-bottom:16px;padding-bottom:16px}
    .depth03-0202 .-tit-box .-desc,
    .depth03-0202 .-tit-box .navy,
    .depth03-0202 .-txt-box .-cont,
    .depth03-0202 .-txt-box .-tit{font-size:14px}
    .depth03-0202 .bttn-secondary.-full{margin-top:20px}
    .depth03-0202 .chart-wrap{margin-top:40px}
    .depth03-0202 .chart-wrap div +div .-sub-tit{margin-top:16px}
    .gray-box.-program{height:300px;border-radius:0}
}



/* depth03-0202-p01 프로그램 신청하기 */
.popup .-guide{margin:8px 0 20px;font-size:12px;color:#FF6D6A}
.depth03-0202-p01 .-txt02{margin-top:20px;font-size:14px;color:var(--gray70);text-align:center}
.depth03-0202-p01 .chk{margin-top:20px}

.extra_card > li > div.cardInfo{position:relative}
.extra_card > li > div.cardInfo .ico.-pin{position:absolute;top:5px;right:5px}

/* depth03-03-p01 항목 정보 */
.depth03-03-p01{color:var(--gray)}
.depth03-03-p01 .-h2{font-size:16px}
.depth03-03-p01 .-desc{margin:10px 0 20px;font-size:14px}
.depth03-03-p01 .-level{margin-top:20px;padding-top:20px;font-size:0;border-top:1px solid var(--gray30)}
.depth03-03-p01 .-level >li:not(:first-child){margin-top:0}
.depth03-03-p01 .-level strong{width:132px;font-size:16px;font-weight:600}
.depth03-03-p01 .-level span{font-size:16px;color:var(--gray80)}
.depth03-03-p01 .gray-box .-tit{margin-top:0}
.depth03-03-p01 .gray-box{max-height:200px;overflow-y: auto;}
.depth03-03-p01 .gray-box.-t03{margin-top:20px}
/* depth03-03-p02 항목 정보 */
.depth03-03-p02 .location02{margin:0;font-size:14px}
.depth03-03-p02 .slt.w100p{margin:40px 0 16px}
.depth03-03-p02 .pop-btm{padding-top:40px}
@media screen and (min-width:700px) {
    .depth03-03-p02 .tbl th,
       .depth03-03-p02 .tbl td{padding:10px;font-size:14px}
}

/* 프로그램 현황 */
.extraP_view > div.proView_right > ul > li:nth-child(4) > a{padding:0;background-color:#fff}

/* 마이페이지(비교과) > 마이홈 */
.ROW-AREA.-t02{display:flex;margin:0 5px 0 0;padding:0;border:none}
.ROW-AREA.-t02 +.ROW-AREA{margin-top:7px}
.ROW-AREA.-t02 .input{flex:1}
.ROW-AREA.-t02 .btn4.-line{flex:none;margin-left:5px}

/* 기업별 역량 검색 > 목록  career */
.search-box-03{position:relative;min-height:220px;padding:60px;border-radius:8px;background:#F4F8FB url(/static_root/img/bg-01.png) no-repeat 100% top}
.search-box-03 h2{font-size:28px;font-weight:600;color:var(--gray)}
.search-box-03 .-search-box{position:absolute;width:100%;max-width:400px;margin-top:20px;background-color:#fff;border:solid 1px var(--gray30);border-radius:4px;z-index:1}
.search-box-03 .-search{padding:16px;text-align:left;color:var(--gray60);background: url(/static_root/img/search-03.png) no-repeat calc(100% - 16px) center;background-size:20px}
.search-box-03 .-search-list{display:none;padding:20px 16px}
.search-box-03 .-search-list.on{display:block}
.search-box-03 .-search-list ul{max-height:280px;margin-top:10px;overflow-y:auto;}
.search-box-03 .-search-list a{width:100%;padding:10px 12px;font-size:14px;color:var(--gray);border-radius:4px}
.search-box-03 .-search-list li:hover a{color:#fff;background-color:var(--main-color)}

.card03{position:relative}
.card03.on{height:auto}
.card03 ul{display:flex;flex-wrap:wrap;gap:16px}
.card03 li{width:260px;min-height:188px;border:1px solid var(--gray30);border-radius:8px}
.card03 a{display:block;width:100%;height:100%;padding:20px 18px;}
.card03 .-name{font-size:16px;font-weight:600;color:var(--gray)}
.card03 .-ico-box{margin:8px 0 16px;font-size:14px;color:var(--gray70)}
.card03 .-ico-box >span +span::before{content:"";display:inline-block;width:1px;height:12px;margin:0 8px;vertical-align:middle;background-color:var(--gray40)}
.card03 .-ico-box .ico::before{margin-right:4px}
.card03 .-ea{display:flex;justify-content:space-between;padding:16px 0 20px;color:var(--gray);border-top:1px solid var(--gray20)}
.card03 .-ea span +span{color:var(--gray80)}
.card03 .-ea .-num{color:var(--main-color);font-weight:400}
.card03 .bttn{margin-top:10px}
.card03 .bttn:hover{filter:unset}
.card03 .-no-data{padding-bottom:20px;color:var(--gray50);text-align:center;border-bottom:1px solid var(--gray30)}
@media screen and (max-width:1420px) {
	.card03 li{width:calc(33.33% - 11px)}
}
@media screen and (max-width:989px) {
	.card03 li{width:calc(50% - 8px)}
}
@media screen and (max-width:600px) {
	.search-box-03{min-height:140px;padding:28px}
	.search-box-03 h2{font-size:18px}
	.search-box-03 .-search-box{width:calc(100% - 58px);margin-top:16px}
	.card03 li{width:100%}
}

/* 기업별 역량 검색 > 목록  career-detail */
.career9-detail .gray-box.-t04 .ico-r.-link-on,
.career-detail .gray-box.-t04 .ico-r.-link-on{position:absolute;top:40px;right:40px}
.card04 >ul{display:flex;flex-wrap:wrap;gap:20px}
.card04 >ul >li{width:calc(50% - 10px);min-height:188px;padding:20px;border:1px solid var(--gray30);border-radius:8px}
.card04 .-tit{font-size:16px;color:var(--gray)}
.graph-box{display:flex;justify-content:center;flex-flow:wrap-reverse;gap:30px;width:295px;height:78px;margin:18px auto 28px;border-bottom:1px solid var(--gray30)}
.graph-box >li{position:relative;width:30px}
.graph-box .-label{position:absolute;bottom:-32px;width:100%;font-size:12px;color:var(--gray);text-align:center}
.graph-box .-item{position:absolute;bottom:0;width:100%;height:0;background-color:var(--gray40);border-radius:2px 2px 0 0;animation:sbar 4s infinite ease-in-out}
.graph-box .-txt{position:absolute;top:-20px;left:0;width:100%;font-size:14px;text-align:center}
.graph-box .-user .-label,
.graph-box .-user{color:var(--main-color)}
.graph-box .-user .-item{background-color:var(--main-color)}
.graph-box .-ave .-item::before{content: "";position:absolute;top:0;left:-102px;width:295px;border-top: 1px dashed var(--gray30);z-index:-1}
.info-tog-box >ul >li{margin-top:32px;}
.info-tog-box .-name{display:block;font-size:18px}
.info-tog-box .－depa{margin-top:8px;font-size:14px;color:var(--gray80)}
.info-tog-box .-ico-box{margin-top:11px}
.info-tog-box .ico::before{margin-right:4px}
.info-tog-box .ico +.ico{position:relative;margin-left:17px}
.info-tog-box .ico +.ico::after{content:"";position:absolute;top:3px;left:-10px;width:1px;height:12px;background-color:var(--gray40)}
.info-tog-box .bttn-secondary{margin:20px 0}
.info-tog-box .tbl-li{display:block !important;padding-bottom:12px;border-bottom:1px solid var(--gray30)}
.info-tog-box .tbl-li.on{padding-bottom:0;border-bottom:0}
.info-tog-box .tbl-li ul{display:none}
.info-tog-box .tbl-li.on ul{display:flex}
.user-tbl-txt{display:flex;font-size:14px;color:var(--gray70)}
.user-tbl-txt .-cont{font-size:16px;color:var(--gray);font-weight:600}
.user-tbl-txt .-cont.-gray{color:var(--gray70)}
.user-tbl-txt .-cont .-user{color:var(--gray)}
.user-tbl-txt .-tit{margin-top:5px;font-size:14px;color:var(--gray70)}
@keyframes sbar{
	0%{height:0%;}
	30%{height:inherit}
	100%{height:inherit}
}
@media screen and (max-width:800px) {
	.card04 >ul >li{width:100%}
	.career9-detail .gray-box.-t04 .ico-r.-link-on,
	.career-detail .gray-box.-t04 .ico-r.-link-on{position:static;margin-top:16px}
}
@media screen and (max-width:400px) {
	.graph-box{width:100%;gap:20px}
	.graph-box .-ave .-item::before{width:calc(295px - 10px)}
}

/* 내 역량 기준 기업 검색  career5 */
.career5 .tbl-li >ul{border-top:none}
.career5 .tab-cont .-tab-right{position:absolute;right:0;top:-60px}

.career5-p01 .-txt{margin:-14px 0 21px;font-size:16px;color:var(--gray)}
.career5-p01 .inp,
.career5-p01 .slt{color:var(--gray)}
.career5-p01 .-tit{margin-top:12px}
.career5-p01 .pop-btm{margin-top:40px}
@media screen and (max-width:700px) {
	.career5 .tab-cont .-tab-right{position:static;text-align:right;margin-bottom:10px}

	.career5-p01 .tbl-li >ul{border-left:none}
	.career5-p01 .tbl-li ul li{display:flex;flex-flow:column-reverse;padding:12px 0;border-right:none}
	.career5-p01 .-tit{margin:0 0 6px;text-align:left;font-size:14px}
	.career5-p01 .pop-btm{margin-top:0}
	.career5-p01 .pop-btm .bttn{width:100%}
}

/* AI기반 취업예측 분석 > 목록  career9-detail */
.card04.-full >ul{display:block}
.card04.-full >ul >li{width:100%;margin-top:20px;padding:40px}
.card04.-full >ul >li >.-tit{margin-bottom:26px;font-size:18px}
.career9-detail .-half-revers .tbl-li.-t03{width:100%;max-width:720px}
.career9-detail .-half-revers{display:flex;flex-flow:row-reverse;gap:20px}
.blue-box-wrap{display:flex}
.blue-box{width:120px;height:120px;padding:36px 25px;color:var(--main-color);background-color:#E8F0F7;border-radius:16px}
.blue-box .-box-tit{display:block;font-size:16px}
.blue-box .-box-num{margin-top:6px;font-size:22px}
.blue-box-wrap .-txt-box{padding:36px 0 0 40px}
.blue-box-wrap .-txt-box .-txt01{font-size:20px}
.blue-box-wrap .-txt-box .-txt02{margin-top:12px;font-size:16px}
.blue-box-wrap .-txt-box strong{margin:0 5px;color:var(--main-color)}
.blue-box-wrap .-txt-box span +span{margin-left:11px}
.career9-detail .graph-box-wrap{display:flex;flex-wrap:wrap;justify-content: space-between;gap:70px 10px;margin-top:40px;}
.career9-detail .graph-box{width:420px;height:105px;margin:0 0 28px;gap:80px;background: url(/static_root/img/graph-line.png) no-repeat}
.graph-box-wrap .-sub-tit{margin-bottom:20px;font-size:16px}
@media screen and (max-width:1300px) {
    .career9-detail .graph-box{width:350px}
}
@media screen and (max-width:1160px) {
   .career9-detail .-half-revers{display:block}
    .career9-detail .graph-box{width:260px}
     .career9-detail .-half-revers .tbl-li.-t03{margin:20px auto 0}
}
@media screen and (max-width:989px) {
    .career9-detail .graph-box{width:350px}
}
@media screen and (max-width:860px) {
    .career9-detail .graph-box{width:260px}
}
@media screen and (max-width:700px) {
	.card04.-full >ul >li{padding:18px 17px}
	.card04.-full >ul >li >.-tit{margin-bottom:16px;font-size:16px}
	.blue-box-wrap{display:block}
    .blue-box-wrap .-txt-box{padding:20px 0 0}
    .blue-box-wrap .-txt-box .-txt01{font-size:16px}
    .blue-box-wrap .-txt-box .-txt02{font-size:14px}
	.blue-box{width:94px;height:74px;padding:18px 19px}
    .blue-box .-box-tit{font-size:12px}
    .blue-box .-box-num{margin-top:0;font-size:18px}
    .career9-detail .graph-box-wrap{display:block}
    .career9-detail .graph-box-wrap >li +li{margin-top:56px}
    .career9-detail .graph-box{width:100%;background-repeat:repeat-x}
   
}

/* 대학일자리플러스센터 소개 intro */
.intro{display:flex;gap:0 60px}
.intro .-txt-box .-tit{font-size:28px;font-weight:600;line-height:1.4}
.intro .-txt-box p{margin-top:16px;font-size:17px;line-height:1.6}
@media screen and (max-width:989px) {
	.intro{display:block;text-align:center}
	.intro .-txt-box{margin-top:40px;text-align:left}
	.intro .-txt-box .-tit{font-size:26px}
}


/* 진로·취업프로그램 > 창대한 경력개발관리 프로젝트 */
.card03.-t02{height:auto}
.card03.-t02 li{/*height:188px;*/min-height: auto; padding:20px}
.card03.-t02 .-tit{font-size:16px;line-height:1.4;color:var(--gray)}
.card03.-t02 .-sub-box{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;font-size:14px;color:var(--gray80);border-top:solid 1px var(--gray30);}
.card03.-t02 .-sub-tit{font-size:14px;color:var(--gray)}
.card03.-t02 .-sub-point{color:var(--gray);font-weight:600}
.card03.-t02 .-btn-box{display:flex;gap:8px;margin-top:20px}
.card03.-t02 .-btn-box .bttn-secondary{flex:2}
.card03.-t02 .-btn-box .bttn-tertiary{flex:1.2}

.card.-t02 >ul{display:flex;gap:16px}
.card.-t02 >ul >li{flex:1;min-height:85px;color:var(--gray80)}
.card.-t02 .-cont{display:block;margin-top:6px;font-size:16px;color:var(--gray)}
.card.-t02 li +li{margin-top:0}
@media screen and (max-width:1200px) {
	.card03 li{width: calc(50% - 11px)}
}
@media screen and (max-width:600px) {
	.card03 li{width:100%}
	.card03.-t02 .-btn-box .bttn-secondary,
	.card03.-t02 .-btn-box .bttn-tertiary{flex:1}
		
}

/* AI기반 취업예측 분석  */
.card03.-t03 li{min-height:110px}
.card03 .-name +.bttn-secondary{margin-top:10px}

/* 채용공고 */
.re-rd010-l .white-box{text-align:left;background:url(/static_root/img/bg-rerd010l.png) no-repeat calc(100% - 133px) 14px}
.re-rd010-l .-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:26px}
.re-rd010-l .-top .-title-box{display:flex}
.re-rd010-l .-top .-img{position:static;height:20px;margin:4px 4px 0 0}
.re-rd010-l .-top .-title{font-size:22px;font-weight:600;color:var(--gray);line-height:1.4}
.re-rd010-l .-top .-company{margin-top:2px;font-size:16px;color:var(--gray80)}
.re-rd010-l .-date-box{margin-top:10px;font-size:16px;color:var(--gray80)}
.re-rd010-l .-date-box strong{margin-left:8px;color:var(--gray)}
.re-rd010-l .pill-blue{margin-top:8px}
.re-rd010-l .-top .-right{flex:none;text-align:right}
.re-rd010-l .-content{padding-top:26px;border-top:1px solid var(--gray30)}
.re-rd010-l .-content li{display:inline-block;width:49.7%}
.re-rd010-l .-content li >div +div{margin-top:8px}
.re-rd010-l .-content li:nth-child(n+3){margin-top:24px}
.re-rd010-l .white-box .-tit{margin-bottom:10px;font-size:16px;font-weight:600;color:var(--gray)}
.re-rd010-l .white-box .-sub-tit{width:80px;font-size:16px;color:var(--gray80)}
.re-rd010-l .white-box .-sub-cont{font-size:16px;color:var(--gray)}
@media screen and (max-width:1200px) {
	.re-rd010-l .white-box{background:none}
	.re-rd010-l .-top .-title-box{display:block}
	.re-rd010-l .-top .-img{position:static;margin:0 0 8px}
	.re-rd010-l .-top .-title{padding-left:0}
}
@media screen and (max-width:989px) {
	.re-rd010-l .-top .-img{display:block}
	.re-rd010-l .-content li{width:100%;margin-top:24px}
}

/* iframe oveflow */
.content.iframe-scroll{overflow:hidden;width:calc(100% + 100px);margin:0 -50px}
.content.iframe-scroll iframe{margin:-100px 0 0}
@media screen and (max-width:724px) {
	.content.iframe-scroll{overflow-x:auto;width:calc(100% + 2rem);margin:0 -1rem}
	.content.iframe-scroll iframe{margin:-40px 0 0}
}