@charset "utf-8";
/*
.sub_menu ul li a{min-width:268px}
.location li .depth{width:calc(100% + 15px);}
*/
.btn_style.blue{color:var(--color-gray-700);border-color:var(--color-blue-180);background-color:var(--color-blue-100);}
.btn_style.blue:hover{border-color:var(--color-blue-200);background-color:var(--color-blue-180);color:#FFF;}
.btn_style.blue.small{border-width:3px;/* line-height:50px;*/}
.btn_style.blue.eff_light::before,.btn_style.blue.eff_light::after{width:28px;height:27px;background-size:100% 100%;}
.btn_style.blue.eff_light::before{background-image:url(../images/sub3/icon_highlight_l_blue.png);}
.btn_style.blue.eff_light::after{background-image:url(../images/sub3/icon_highlight_r_blue.png);}
.btn_style.blue.eff_light:hover::before{opacity:0.5;}

.btn_style[class*="move"]{display:flex;justify-content:space-between;align-items:center;width:320px;height:auto !important;margin:0 auto;padding:12px 32px;font-size:var(--font-size-18);}
.btn_style[class*="move"] span{position:relative;line-height:1.5;}
.btn_style[class*="move"] span::before{content:'';position:absolute;top:50%;right:22px;width:34px;height:34px;margin-top:-17px;background:url(../images/sub/icon_arrow_thick.svg) center no-repeat;background-size:contain;filter:invert(54%) sepia(9%) saturate(2210%) hue-rotate(314deg) brightness(115%) contrast(119%);}
.btn_style[class*="move"]:hover span::before{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);}
.btn_style[class*="move"].eff_light span::before,
.btn_style[class*="move"].eff_light:hover span::before{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);}
.btn_style[class*="move"]{text-align:left;padding-right:100px;}
.btn_style[class*="move"].eff_light {padding: 12px 32px;justify-content: center;}
.btn_style[class*="move"] span{position:static;padding-right:0;}
.btn_style[class*="move"].eff_light span::before {transform: none;top:calc(50% + 6px)}

.btn_style.move1{border-color:#FF993A;background-color:var(--color-orange-20);}
.btn_style.move2{border-color:var(--color-purple-100);background-color:#E1E4FF;}
.btn_style[class*="move"]:hover{color:var(--color-white);}

.btn_style.move1:hover{border-color:var(--color-red-500);background-color:var(--color-red-200);}
.btn_style.move2:hover{border-color:var(--color-purple-100);background-color:var(--color-purple-150);}
.btn_style.move2.eff_light:hover {
    color: var(--color-white);
    border-color: var(--color-red-500);
    background-color: var(--color-red-200);
}

/* 진로탐험대 */
.exploration_container{}
.exploration_container *{letter-spacing:0;}
.exploration_screen{position:relative;width:100%;height:860px;margin-bottom:200px;padding:32px;border-radius:var(--radius-extraLarge);background:url(../images/sub3/exploration_bg.png) no-repeat 50% 50% / cover}
.exploration_head{height:104px;}
.exploration_head{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 32px;border-radius:var(--radius-medium);background:rgba(0,32,65,0.3);}
.exploration_head .tit.ico{padding-left:106px;}
.exploration_head .tit > h4{font-size:var(--font-size-40);color:#fff;font-weight:700;}
.exploration_head .tit > i{position:absolute;top:50%;left:5px;width:132px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.exploration_head .tit > button{position:absolute;top:53px;left:89px;width:32px;height:32px;border-radius:50%;background:var(--color-red-200) url(../images/sub3/exploration_head_arrow_b.png) no-repeat 50% 50% / 14px 8px;text-indent:-9999px;font-size:0;transition:var(--transition-3s);}
.exploration_head_arrow .tit > ul{position:absolute;top:0;left:0;}
.exploration_head .tit > ul{display:none;position:absolute;left:30px;top:103px;width:376px;padding:16px 4px;border-radius:var(--radius-medium);background-color:var(--color-red-200);z-index:5;}
.exploration_head .tit > ul::after{display:block;clear:both;content:'';}
.exploration_head .tit > ul li{float:left;width:50%;padding:0 12px;}
.exploration_head .tit > ul a{position:relative;display:flex;justify-content:center;flex-direction:column;height:43px;padding:0 8px;border-radius:var(--radius-xsmall);font-size:var(--font-size-18);color:#fff;font-weight:700;}
.exploration_head .tit > ul a::after{display:block;clear:both;content:'';position:absolute;top:50%;right:8px;width:8px;height:15px;margin-top:-7.5px;background:url(../images/sub3/exploration_head_arrow_r.png) no-repeat 50% 50% / 100% auto;opacity:0;transition:var(--transition-3s);}
.exploration_head .tit > ul a:hover,.exploration_head .tit > ul a:focus{padding-left:16px;color:var(--color-yellow-500);background:var(--color-primery-800);}
.exploration_head .tit > ul a:hover::after,.exploration_head .tit > ul a:focus::after{opacity:1;right:15px;}
.exploration_head.open .tit > button{transform:rotate(180deg);}
.exploration_head .btn{}
.exploration_head .btn button{width:56px;}
.exploration_head .btn button +  button,.exploration_head .btn a +  a{margin-left:24px;}
.exploration_btn{position:absolute;bottom:-48px;left:calc(50% - 240px);width:480px;}
.exploration_btn .btn_style.large{width:100%;height:96px;line-height:90px;}


.exploration_body{display:flex;justify-content:center;align-items:center;min-height:calc(860px - 104px - 64px);padding-top:24px;}
/* 진로탐험대 - 인트로 */
.exploration_intro{padding:0;background-image:url(../images/renew/bg_exploration_intro.png);height:503px;}
.exploration_intro .text_group{padding: 80px 125px 0;}
.exploration_intro .text_group .tit{display: inline;;font-family:var(--font-jalnan);font-size:var(--font-size-80);color:#514848;font-weight:400;line-height:1.2;margin-right: 30px;}
.exploration_intro .text_group .txt{display: inline-block;margin:0;font-size:var(--font-size-30);color:var(--color-purple-600);font-weight:700;line-height:40px;}
.exploration_intro .text_group .txt span{color:var(--color-yellow-500);}
.exploration_intro .text_group .btn{margin-top:32px;}
.exploration_intro .text_group .btn a{min-width:394px;}
.exploration_intro .text_group .guide{position:absolute;top:-64px;right:42px;width:169px;height: 126px;background: url(../images/renew/exploration_intro_guide.svg) no-repeat;background-size: 100%; color: #9E9156;font-weight: 500;text-align: center;}
.exploration_intro .text_group .guide .exploration_guide_link{display: block;width: 100%;height: 100%;padding: 40px 63px 13px 34px;font-size: var(--font-size-24);line-height: 28px;}


/* 진로탐험대 - 탐험안내 */
.exploration_guide{display:flex;justify-content:center;flex-direction:column;height:860px;margin:0 auto;padding:0 104px 0 84px;background-image:url(../images/sub3/exploration_bg_guide.png);}
.exploration_guide::after{display:block;clear:both;content:'';position:absolute;top:170px;left:768px;width:71px;height:71px;background:url(../images/sub3/exploration_guide_planet.png) no-repeat 50% 50% / 100% 100%}
.exploration_guide .text_group{padding:0 21px;}
.exploration_guide .text_group .tit{font-family:var(--font-jalnan);font-size:var(--font-size-64);color:#fff;font-weight:400;line-height:1.2;}
.exploration_guide .text_group .stit{margin-top:16px;font-size:var(--font-size-24);color:var(--color-yellow-500);font-weight:500;line-height:1.625;}
.exploration_guide .text_group .stit b{font-size:var(--font-size-32);font-weight:700;}
.exploration_guide .text_group .txt{margin-top:16px;font-size:var(--font-size-22);color:#fff;font-weight:500;line-height:1.36;}
.exploration_guide .info_group{margin-top:48px;padding:33px;border:7px solid var(--color-primery-400);border-radius:var(--radius-extraLarge);background:#fff;}
.exploration_guide .info_group .subject{display:flex;justify-content:center;align-items:center;height:72px;border-radius:var(--radius-medium);background:var(--color-primery-400);font-size:var(--font-size-24);color:#fff;font-weight:700;line-height:1.2;}
.exploration_guide .info_group .list{display:flex;flex-wrap:wrap}
.exploration_guide .info_group .list > li{position:relative;width:50%;margin-top:24px;padding-left:56px;}
.exploration_guide .info_group .list .ico{position:absolute;top:0;left:0;width:48px;}
.exploration_guide .info_group .list .tit{font-size:var(--font-size-22);color:var(--color-gray-800);font-weight:700;line-height:2.18;}
.exploration_guide .info_group .list .txt{font-size:var(--font-size-18);color:var(--color-gray-800);font-weight:500;line-height:1.5;}


/* 진로탐험대 - 메인(주제별) */
.exploration_planet{background-image:url(../images/renew/exploration_bg_planet_full.svg);border-radius: 20px;}
.exploration_planet .text_group{position:absolute;top:120px;left:5%;z-index:3;}
.exploration_planet .text_group .tit{font-size:34px;color:#fff;font-weight:700;line-height:1.6;}
.exploration_planet .text_group .tit b{color:#FFEEA9;font-size: 60px;}
.exploration_planet .text_group .txt{font-size:var(--font-size-30);color:#fff;font-weight:500;line-height:1.4;}
.exploration_planet .text_group .txt span{color:#fff;}
.exploration_planet .text_group .tit + .txt{margin-top:40px;}
.exploration_planet .icon_group p{position:absolute;}
.exploration_planet .icon_group .ico1{bottom:0;right:114px;width:362px;}
.exploration_planet .icon_group .ico2{top:30px;right:82px;width:359px;}
.exploration_planet .icon_group .ico3{bottom:70px;left:341px;width:173px;}
.exploration_planet .icon_group .ico4{bottom:66px;left:460px;width:103px;z-index:1;}
.exploration_planet .info_group .list{display: flex;flex-direction: column;gap: 24px;margin-left: auto;;margin-right: 30px;width: auto;padding-top:147px;width: 335px;}
.exploration_planet .info_group li {position: relative;background-color: #3C6A7E;height: 83px;border-radius: 41px;}
.exploration_planet .info_group .btn{position:absolute;z-index:2;}
.exploration_planet .info_group li .ico{position: absolute;top:50%;transform: translate(-50%, -50%);display:block;width:240px;height:240px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;transition:var(--transition-3s);}
.exploration_planet .info_group li .tit{display:flex;position:absolute;top:0;left: 30px;padding-left: 60px;;overflow:hidden;width:300px;line-height:83px;font-size: var(--font-size-36);color: var(--color-white);justify-content: space-between;padding-right: 30px;align-items: center;}
.exploration_planet .info_group li em.tit::after {content: '';display: block;background: url(../images/renew/btn_planet_arr.svg) no-repeat;width: 29px;height: 25px;background-size: 100%;}
.exploration_planet .info_group li:hover{background-color: #003146;}
.exploration_planet .info_group .btn{top:606px;left:524px;}
.exploration_planet .info_group .btn a{display:flex;width:205px;height:104px;background:url(../images/renew/exploration_planet_btn_full.svg) no-repeat 50% 50% / 100% 100%;padding: 0 0 25px 15px;font-size: 24px;color: var(--color-white);gap:10px;align-items: center; border-radius: 25px;}
.exploration_planet .info_group .btn a::after {content: '';display: inline-block;width: 12px;height: 18px;background: url(../images/renew/exploration_planet_btn_arr.svg) no-repeat;}
.exploration_planet .info_group li.item1 .ico{background-image:url(../images/renew/exploration_planet_ico1.svg);width: 103px;height: 110px;}
.exploration_planet .info_group li.item2 .ico{background-image:url(../images/renew/exploration_planet_ico2.svg);width: 162px;height: 94px;}
.exploration_planet .info_group li.item3 .ico{background-image:url(../images/renew/exploration_planet_ico3.svg);width: 101px;height: 103px;}
.exploration_planet .info_group li.item4 .ico{background-image:url(../images/renew/exploration_planet_ico4.svg);width: 108px;height: 105px;}


/* 진로탐험대 - 탐험기지 */
.exploration_station{background-image:url(../images/sub3/exploration_bg_station.png)}
.dimmed .exploration_foot{display:none;}
.exploration_foot{position:absolute;left:calc(50% - 412px);width:824px;padding:32px;border-radius:var(--radius-extraLarge);background:var(--color-primery-alpha80);text-align:center;z-index:2;}
.exploration_foot .tit{font-size:var(--font-size-28);font-weight:700;color:#fff;line-height:1.2;}
.exploration_foot .tit b{color:var(--color-yellow-500);font-weight:700;}
.exploration_foot .txt{font-size:var(--font-size-24);font-weight:500;color:#fff;line-height:1.625;}
.exploration_foot .txt b{color:var(--color-yellow-500);font-weight:700;}
.exploration_foot .tit + .txt{margin-top:8px;}
.exploration_foot::after{position:absolute;top:50%;display:block;clear:both;content:'';-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.exploration_job .exploration_foot{bottom:-155px;}
.exploration_job .exploration_foot::after{right:-163px;width:158px;height:255px;background:url(../images/sub3/exploration_foot_job.png) no-repeat 50% 50% / 100% auto;}
.exploration_career .exploration_foot{bottom:-87px;}
.exploration_career .exploration_foot::after{top:40%;right:-220px;width:181px;height:226px;background:url(../images/sub3/exploration_foot_career.png) no-repeat 50% 50% / 100% auto;}
.exploration_school .exploration_foot{bottom:-87px;}
.exploration_school .exploration_foot::after{top:40%;right:-214px;width:194px;height:239px;background:url(../images/sub3/exploration_foot_school.png) no-repeat 50% 50% / 100% auto;}
.exploration_study .exploration_foot{bottom:-76px;}
.exploration_study .exploration_foot::after{right:-264px;width:246px;height:209px;background:url(../images/sub3/exploration_foot_study.png) no-repeat 50% 50% / 100% auto;}


/* QNA - 목록 */
.exploration_container .qna_choice{padding-bottom:30px;}
.exploration_container .qna_choice .text_group{text-align:center;}
.exploration_container .qna_choice .text_group .txt{font-size:var(--font-size-24);color:#fff;line-height:1.625;}
.exploration_container .qna_choice .text_group .stit{font-size:var(--font-size-40);font-weight:700;color:#fff;line-height:1;}
.exploration_container .qna_choice .text_group .txt + .stit{margin-top:8px;}
.exploration_container .qna_choice .text_group .stit + .txt{margin-top:16px;}
.exploration_container .qna_choice .text_group .stit b{color:var(--color-yellow-500);}
.exploration_container .qna_choice .list_group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap !important;width:868px;margin:0 auto;padding:8px 0;}
.exploration_container .qna_choice .list_group li{width:50%;margin:24px 0;padding:0 24px;}
.exploration_container .qna_choice .list_group li a{position:relative;display:flex;justify-content:center;align-items:center;height:130px;margin:0 auto;padding:0 15px;border:3px solid var(--color-gray-400);border-radius:var(--radius-medium);border-color:#FF993A;background-color:var(--color-orange-20);font-size:var(--font-size-28);color:var(--color-gray-800);font-weight:700;line-height:1.2;-ms-word-break:keep-all;word-break:keep-all;text-align:center;}
.exploration_container .qna_choice .list_group li a:hover{color:var(--color-white);border-color:var(--color-red-500);background-color:var(--color-red-200);}
.exploration_container .qna_choice .list_group li a::before,.exploration_container .qna_choice .list_group li a::after{content:'';position:absolute;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;}
.exploration_container .qna_choice .list_group li a::before{left:7px;top:7px;background-image:url(../images/sub3/exploration_ico_convex.png);}
.exploration_container .qna_choice .comment_group{display:flex;justify-content:center;align-items:center;flex-direction:column;width:calc(868px - 48px);height:114px;margin:0 auto;background:var(--color-primery-alpha80);backdrop-filter:blur(10px);border-radius:var(--radius-medium);font-size:var(--font-size-24);font-weight:500;color:#fff;line-height:1.625;opacity:1;transition:var(--transition-3s);}
.exploration_container .qna_choice .comment_group b{font-size:var(--font-size-28);color:var(--color-yellow-500);font-weight:700;}
.show-modal .exploration_container .qna_choice .comment_group{opacity:0;}

.exploration_container .qna_group{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap !important;width:868px;margin:0 auto;padding:0 0 50px;}
.exploration_container .qna_group .category{width:calc(50% - 48px);margin:24px;border-radius:var(--radius-medium);box-shadow:4px 4px 10px 0px rgba(0,0,0,0.15);}
.exploration_container .qna_group .category .tit{position:relative;display:flex;justify-content:center;align-items:center;height:72px;background:var(--color-purple-150);border-radius:var(--radius-medium) var(--radius-medium) 0 0;font-size:var(--font-size-24);font-weight:700;color:#fff;line-height:1.625;}
.exploration_container .qna_group .category .tit::before{content:'';position:absolute;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;left:7px;top:7px;background-image:url(../images/sub3/exploration_ico_convex.png);}
.exploration_container .qna_group .category .list{padding:14px 20px 11px;border:3px solid var(--color-purple-100);border-top:0 none;background:#fff;border-radius:0 0 var(--radius-medium) var(--radius-medium);}
.exploration_container .qna_group .category .list.row1{}
.exploration_container .qna_group .category .list.row2{height:116px;}
.exploration_container .qna_group .category .list.row3{height:160px;}
.exploration_container .qna_group .category .list.row4{height:204px;}
.exploration_container .qna_group .category .list li{}
.exploration_container .qna_group .category .list li + li{}
.exploration_container .qna_group .category .list a{position:relative;display:flex;justify-content:center;flex-direction:column;height:44px;padding:0 36px 0 8px;border-radius:var(--radius-xsmall);font-size:var(--font-size-20);color:var(--color-gray-800);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.exploration_container .qna_group .category .list a::after{display:block;clear:both;content:'';position:absolute;top:50%;right:20px;width:8px;height:14px;margin-top:-7px;background:url(../images/sub3/exploration_ico_arrow_r.png) no-repeat 50% 50% / 100% auto;}
.exploration_container .qna_group > .category:nth-child(4n) .tit,.exploration_container .qna_group > .category:nth-child(4n-1) .tit{background-color:var(--color-main-card-bg7);}
.exploration_container .qna_group > .category:nth-child(4n) .list,.exploration_container .qna_group > .category:nth-child(4n-1) .list{border-color:var(--color-main-card-bg4);}

/* QNA - 답변 */
.exploration_container .qna_detail{position:relative;width:100%;height:668px;padding:64px 64px 0;background:#fff;border-radius:var(--radius-medium);}
.exploration_container .qna_detail dt{position:relative;padding-left:48px;font-size:var(--font-size-32);color:var(--color-gray-800);font-weight:700;line-height:1.4;}
.exploration_container .qna_detail dt::after{display:flex;justify-content:center;align-items:center;clear:both;content:'Q';position:absolute;top:2px;left:0;width:40px;height:40px;background:#F6AE02;border-radius:50%;font-family:var(--font-jalnan);font-size:var(--font-size-18);color:#fff;font-weight:400;}
.exploration_container .qna_detail dt.type{display:flex;align-items:center;margin-bottom:12px;padding:0;}
.exploration_container .qna_detail dt.type::after{display:none;}
.exploration_container .qna_detail dt.type i{display:block;width:94px;height:62px;background-repeat:no-repeat;background-position:50% 50%;background-size:88px auto;}
.exploration_container .qna_detail dt.type .ico1{background-image:url(../images/sub3/exploration_job_ico1.png)}
.exploration_container .qna_detail dt.type .ico2{background-image:url(../images/sub3/exploration_job_ico2.png)}
.exploration_container .qna_detail dt.type .ico3{background-image:url(../images/sub3/exploration_job_ico3.png)}
.exploration_container .qna_detail dt.type .ico4{background-image:url(../images/sub3/exploration_job_ico4.png)}
.exploration_container .qna_detail dt.type .ico5{background-image:url(../images/sub3/exploration_job_ico5.png)}
.exploration_container .qna_detail dt.type .ico6{background-image:url(../images/sub3/exploration_job_ico6.png)}
.exploration_container .qna_detail dt.type .ico7{background-image:url(../images/sub3/exploration_job_ico7.png)}
.exploration_container .qna_detail dt.type .ico8{background-image:url(../images/sub3/exploration_job_ico8.png)}
.exploration_container .qna_detail dt.type .ico9{background-image:url(../images/sub3/exploration_job_ico9.png)}
.exploration_container .qna_detail dt.type .ico10{background-image:url(../images/sub3/exploration_job_ico10.png)}
.exploration_container .qna_detail dt.type .ico11{background-image:url(../images/sub3/exploration_job_ico11.png)}
.exploration_container .qna_detail dt.type .ico12{background-image:url(../images/sub3/exploration_job_ico12.png)}
.exploration_container .qna_detail dt.type .ico13{background-image:url(../images/sub3/exploration_job_ico13.png)}
.exploration_container .qna_detail dt.type .ico14{background-image:url(../images/sub3/exploration_job_ico14.png)}
.exploration_container .qna_detail dt.type .ico15{background-image:url(../images/sub3/exploration_job_ico15.png)}
.exploration_container .qna_detail dt.type .ico16{background-image:url(../images/sub3/exploration_job_ico16.png)}
.exploration_container .qna_detail dt.type .ico17{background-image:url(../images/sub3/exploration_job_ico17.png)}
.exploration_container .qna_detail dt.type .ico18{background-image:url(../images/sub3/exploration_job_ico18.png)}
.exploration_container .qna_detail dt.type .ico19{background-image:url(../images/sub3/exploration_job_ico19.png)}
.exploration_container .qna_detail dt.type .ico20{background-image:url(../images/sub3/exploration_job_ico20.png)}
.exploration_container .qna_detail dt.type .ico21{background-image:url(../images/sub3/exploration_job_ico21.png)}
.exploration_container .qna_detail dt.type .ico22{background-image:url(../images/sub3/exploration_job_ico22.png)}
.exploration_container .qna_detail dt.type .ico23{background-image:url(../images/sub3/exploration_job_ico23.png)}
.exploration_container .qna_detail dt.type .ico24{background-image:url(../images/sub3/exploration_job_ico24.png)}
.exploration_container .qna_detail dt.type .ico25{background-image:url(../images/sub3/exploration_job_ico25.png)}
.exploration_container .qna_detail dt.type .ico26{background-image:url(../images/sub3/exploration_job_ico26.png)}
.exploration_container .qna_detail dt.type .ico27{background-image:url(../images/sub3/exploration_job_ico27.png)}
.exploration_container .qna_detail dt.type .ico28{background-image:url(../images/sub3/exploration_job_ico28.png)}
.exploration_container .qna_detail dt.type .ico29{background-image:url(../images/sub3/exploration_job_ico29.png)}
.exploration_container .qna_detail dt.type .ico30{background-image:url(../images/sub3/exploration_job_ico30.png)}
.exploration_container .qna_detail dt.type .ico31{background-image:url(../images/sub3/exploration_job_ico31.png)}
.exploration_container .qna_detail dt.type .ico32{background-image:url(../images/sub3/exploration_job_ico32.png)}
.exploration_container .qna_detail dt.type .ico33{background-image:url(../images/sub3/exploration_job_ico33.png)}
.exploration_container .qna_detail dt.type .ico34{background-image:url(../images/sub3/exploration_job_ico34.png)}
.exploration_container .qna_detail dt.type .ico35{background-image:url(../images/sub3/exploration_job_ico35.png)}
.exploration_container .qna_detail dt.type .ico36{background-image:url(../images/sub3/exploration_job_ico36.png)}
.exploration_container .qna_detail dt.type span{margin-left:8px;padding:4px 16px;border-radius:var(--radius-medium);background-color:var(--color-primery-400);font-size:var(--font-size-14);color:#fff;font-weight:500;line-height:1.6;}
.exploration_container .qna_detail dt.type + dd{border-top:1px solid var(--color-gray-400)}
.exploration_container .qna_detail dd{padding-top:24px;font-size:var(--font-size-24);color:var(--color-gray-800);font-weight:500;line-height:1.625;}
.exploration_container .qna_detail::after{display:block;clear:both;content:'';position:absolute;bottom:-32px;right:4px;width:252px;height:230px;background:url(../images/sub3/exploration_img_robot.png) no-repeat 50% 50% / 100% auto}
.exploration_career .qna_detail,.exploration_school .qna_detail,.exploration_study .qna_detail{overflow:hidden;}
.exploration_career .qna_detail::after,.exploration_school .qna_detail::after,.exploration_study .qna_detail::after{right:0;width:757px;height:310px;background-image:url(../images/sub3/exploration_img_flag.png)}


/* 진로탐험대 - 진로별 */
.exploration_career{background-image:url(../images/sub3/exploration_bg_career.png);}
/* 진로탐험대 - 진학별 */
.exploration_school{background-image:url(../images/sub3/exploration_bg_school.png);}
/* 진로탐험대 - 학습적응별 */
.exploration_study{background-image:url(../images/sub3/exploration_bg_study.png);}
/* 진로탐험대 - 직업별 */
.exploration_job{background-image:url(../images/sub3/exploration_bg_job.png);overflow:hidden;}
.exploration_job.start{background-image:url(../images/sub3/exploration_bg_jobs.png);overflow:visible;}
.exploration_job .jobs_icons{}
.exploration_job .jobs_icons li{position:absolute;}
.exploration_job .jobs_icons li a{display:flex;width:max-content;padding:6px 22px;background:var(--color-primery-400);border:2px solid var(--color-primery-500);border-radius:var(--radius-medium);font-size:var(--font-size-24);color:#fff;font-weight:700;}
.exploration_job .jobs_icons .ico1{top:193px;left:15%;}
.exploration_job .jobs_icons .ico2{top:271px;left:50%;}
.exploration_job .jobs_icons .ico3{top:397px;left:77%;}
.exploration_job .jobs_icons .ico4{bottom:168px;left:8%;}
.exploration_job .jobs_icons .ico5{bottom:254px;left:36%;}
.exploration_job .jobs_icons .ico6{bottom:255px;left:55%;}
.exploration_job .jobs_icons .ico7{bottom:86px;left:35%;}
.exploration_job .jobs_icons .ico8{bottom:74px;left:62%;}

.exploration_job .list_group{display:flex;align-items:flex-start;justify-content:center;}
.exploration_job .list_group .group{position:relative;width:224px;margin:0 16px;padding:49px 16px 16px;background:var(--color-primery-400);border-radius:var(--radius-large);}
.exploration_job .list_group .group .tit{display:block;padding:16px;font-size:var(--font-size-20);color:#fff;font-weight:700;line-height:1.2;text-align:center;}
.exploration_job .list_group .group .ico{position:absolute;top:-27px;left:50%;width:128px;height:82px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.exploration_job .list_group .group .ico1{background-image:url(../images/sub3/exploration_job_ico1.png)}
.exploration_job .list_group .group .ico2{background-image:url(../images/sub3/exploration_job_ico2.png)}
.exploration_job .list_group .group .ico3{background-image:url(../images/sub3/exploration_job_ico3.png)}
.exploration_job .list_group .group .ico4{background-image:url(../images/sub3/exploration_job_ico4.png)}
.exploration_job .list_group .group .ico5{background-image:url(../images/sub3/exploration_job_ico5.png)}
.exploration_job .list_group .group .ico6{background-image:url(../images/sub3/exploration_job_ico6.png)}
.exploration_job .list_group .group .ico7{background-image:url(../images/sub3/exploration_job_ico7.png)}
.exploration_job .list_group .group .ico8{background-image:url(../images/sub3/exploration_job_ico8.png)}
.exploration_job .list_group .group .ico9{background-image:url(../images/sub3/exploration_job_ico9.png)}
.exploration_job .list_group .group .ico10{background-image:url(../images/sub3/exploration_job_ico10.png)}
.exploration_job .list_group .group .ico11{background-image:url(../images/sub3/exploration_job_ico11.png)}
.exploration_job .list_group .group .ico12{background-image:url(../images/sub3/exploration_job_ico12.png)}
.exploration_job .list_group .group .ico13{background-image:url(../images/sub3/exploration_job_ico13.png)}
.exploration_job .list_group .group .ico14{background-image:url(../images/sub3/exploration_job_ico14.png)}
.exploration_job .list_group .group .ico15{background-image:url(../images/sub3/exploration_job_ico15.png)}
.exploration_job .list_group .group .ico16{background-image:url(../images/sub3/exploration_job_ico16.png)}
.exploration_job .list_group .group .ico17{background-image:url(../images/sub3/exploration_job_ico17.png)}
.exploration_job .list_group .group .ico18{background-image:url(../images/sub3/exploration_job_ico18.png)}
.exploration_job .list_group .group .ico19{background-image:url(../images/sub3/exploration_job_ico19.png)}
.exploration_job .list_group .group .ico20{background-image:url(../images/sub3/exploration_job_ico20.png)}
.exploration_job .list_group .group .ico21{background-image:url(../images/sub3/exploration_job_ico21.png)}
.exploration_job .list_group .group .ico22{background-image:url(../images/sub3/exploration_job_ico22.png)}
.exploration_job .list_group .group .ico23{background-image:url(../images/sub3/exploration_job_ico23.png)}
.exploration_job .list_group .group .ico24{background-image:url(../images/sub3/exploration_job_ico24.png)}
.exploration_job .list_group .group .ico25{background-image:url(../images/sub3/exploration_job_ico25.png)}
.exploration_job .list_group .group .ico26{background-image:url(../images/sub3/exploration_job_ico26.png)}
.exploration_job .list_group .group .ico27{background-image:url(../images/sub3/exploration_job_ico27.png)}
.exploration_job .list_group .group .ico28{background-image:url(../images/sub3/exploration_job_ico28.png)}
.exploration_job .list_group .group .ico29{background-image:url(../images/sub3/exploration_job_ico29.png)}
.exploration_job .list_group .group .ico30{background-image:url(../images/sub3/exploration_job_ico30.png)}
.exploration_job .list_group .group .ico31{background-image:url(../images/sub3/exploration_job_ico31.png)}
.exploration_job .list_group .group .ico32{background-image:url(../images/sub3/exploration_job_ico32.png)}
.exploration_job .list_group .group .ico33{background-image:url(../images/sub3/exploration_job_ico33.png)}
.exploration_job .list_group .group .ico34{background-image:url(../images/sub3/exploration_job_ico34.png)}
.exploration_job .list_group .group .ico35{background-image:url(../images/sub3/exploration_job_ico35.png)}
.exploration_job .list_group .group .ico36{background-image:url(../images/sub3/exploration_job_ico36.png)}
.exploration_job .list_group .group ul{padding:8px;border-radius:var(--radius-medium);background:#fff;}
.exploration_job .list_group .group ul li + li{margin-top:3px;}
.exploration_job .list_group .group ul a{position:relative;display:flex;justify-content:center;flex-direction:column;height:43px;padding:0 8px;border-radius:var(--radius-xsmall);font-size:var(--font-size-18);color:var(--color-gray-700);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.exploration_job .list_group .group ul a::after{display:block;clear:both;content:'';position:absolute;top:50%;right:8px;width:8px;height:15px;margin-top:-7.5px;background:url(../images/sub3/exploration_head_arrow_r.png) no-repeat 50% 50% / 100% auto;opacity:0;transition:var(--transition-3s);}
.exploration_job .list_group .group ul a:hover,.exploration_job .list_group .group ul a:focus{padding-left:16px;color:var(--color-yellow-500);background:var(--color-primery-500);}
.exploration_job .list_group .group ul a:hover::after,.exploration_job .list_group .group ul a:focus::after{opacity:1;right:15px;}
.exploration_job .alien_group{}
.exploration_job .alien_group p{position:absolute;}
.exploration_job .alien_group .alien1{bottom:0;left:0;width:193px;}
.exploration_job .alien_group .alien2{bottom:0;right:0;width:277px;}


.exploration_swiper .swiper-wrapper.list_group{justify-content:flex-start;}
.exploration_swiper .swiper-wrapper.list_group .group{margin:0;}
.exploration_swiper{z-index:3;overflow:hidden;margin:0 -32px ;}
.exploration_swiper .swiper-container{overflow:hidden;padding:30px 72px 100px;}
.exploration_swiper .swiper-slide{position:relative;width:100%;}
/*
.exploration_swiper .swiper-slide a{position:relative;display:block;z-index:10;text-align:left;overflow:hidden;border-radius:2rem;}
.exploration_swiper .swiper-slide .thumb{}
.exploration_swiper .swiper-slide .thumb > div{}
.exploration_swiper .swiper-slide .thumb{position:relative;display:block;overflow:hidden;display:block;width:100%;}
.exploration_swiper .swiper-slide .thumb div{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transition:all .3s ease;padding-bottom:74.28%;}
.exploration_swiper .swiper-slide .info{display:block;position:absolute;bottom:0;left:0;width:100%;height:5rem;line-height:5rem;padding:0 10px;background:rgba(0,0,0,0.8);text-align:center;font-size:var(--font-size-17);font-weight:500;color:#ffffff;letter-spacing:-0.03em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.exploration_swiper .swiper-slide a:hover .thumb div,.exploration_swiper .swiper-slide a:focus .thumb div{transform:scale(1.1)}
.exploration_swiper .swiper-slide a:hover .date::after,
.exploration_swiper .swiper-slide a:focus .date::after{width:100%;}
*/
.exploration_swiper .swiper-button-disabled{opacity:1 !important;}
.exploration_swiper .swiper-pagination{}
.exploration_swiper .swiper-buttons{position:absolute;bottom:160px;left:50%;display:flex;justify-content:center;align-items:center;width:320px;margin-left:-160px;}
.exploration_swiper .swiper-buttons button{position:static;top:auto;left:auto;bottom:0;width:84px;height:84px;margin:0 13px;border-radius:50%;background-color:var(--color-red-200);background-repeat:no-repeat;background-position:50% 50%;background-size:64px auto;text-indent:-9999px;font-size:0;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.15);transition:var(--transition-3s);}
.exploration_swiper .swiper-button-next{background-image:url(../images/sub3/exploration_swiper_next.png)}
.exploration_swiper .swiper-button-prev{background-image:url(../images/sub3/exploration_swiper_prev.png)}
.exploration_swiper .swiper-buttons button.swiper-button-disabled{opacity:0.2 !important;}
.exploration_swiper .swiper-button-next:after,.exploration_swiper .swiper-button-prev:after{display:none;}
.exploration_swiper .swiper-button-disabled{opacity:0.3;}
.exploration_swiper .swiper-button-next:after,.exploration_swiper .swiper-button-prev:after{display:none;}

/* 진로상담 */
.counsel_container{position:relative;}
.counsel_container *{letter-spacing:0;}
.counsel_intro .intro_group{display:flex;justify-content:space-between;align-items:flex-end;margin:0 auto;}
.counsel_intro .intro_group .left{}
.counsel_intro .intro_group .right{display:flex}
.counsel_intro .intro_group .tit{margin-bottom:23px;font-size:var(--font-size-32);color:var(--color-black-200);font-weight:700;line-height:1.2;}
.counsel_intro .intro_group .tit b{color:var(--color-purple-150);}
.counsel_intro .intro_group .txt{font-size:var(--font-size-20);font-weight:500;color:var(--color-black-100);line-height:1.6;}
.counsel_intro .intro_group .link{position:relative;display:flex;justify-content:center;flex-direction:column;width:fit-content;height:104px;padding:0 32px 0 112px;border-radius:var(--radius-medium);}
.counsel_intro .intro_group .link + .link{margin-left:24px;}
.counsel_intro .intro_group .link span{font-size:var(--font-size-20);color:var(--color-gray-600);font-weight:500;line-height:1.6;}
.counsel_intro .intro_group .link b{font-size:var(--font-size-20);color:var(--color-gray-800);font-weight:700;line-height:1.2;}
.counsel_intro .intro_group .link img{position:absolute;top:50%;left:36px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:48px;}
.counsel_intro .intro_group .link.type1{background-color:#F3F3F3;}
.counsel_intro .intro_group .link.type2{background-color:#FFF0CF;}
.counsel_intro .course_group{display:flex;justify-content:space-between;align-items:center;margin-top:40px;-ms-word-break:keep-all;word-break:keep-all;flex-wrap: wrap;}
.counsel_intro .course_group .box{width:calc(50% - 10px);padding:55px 50px;border:3px solid var(--color-gray-100);border-radius:var(--radius-extraLarge);}
.counsel_intro .course_group .box.orange {color:#e76738;background-color: #feefea;border-color: #f9b0a2;}
.counsel_intro .course_group .box.green {color:#546a6f;background-color: #eef7f7;border-color: #8acad3;}
.counsel_intro .course_group .box .title{position:relative;display:flex;justify-content:center;flex-direction:column;height:auto;padding-left:160px;}
.counsel_intro .course_group .box .btn_style.type4{margin-top: 20px;display: flex;align-items: center;gap: 20px;}
.counsel_intro .course_group .box .btn_style.type4::after {content: '';display: block;width: 100%;height: 23px;}
.counsel_intro .course_group .box.box.orange .btn_style.type4::after {background: url(../images/renew/btn_orange_arr.png) right no-repeat;}
.counsel_intro .course_group .box.box.green .btn_style.type4::after {background: url(../images/renew/btn_green_arr.png) right no-repeat;}
.counsel_intro .course_group .box .title .img{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.counsel_intro .course_group .box .title .img img{width:120px;}
.counsel_intro .course_group .box .title .txt{font-size:var(--font-size-26);color:#333;font-weight:500;line-height:1.33;}
.counsel_intro .course_group .box .btn{margin-top:26px;}
.counsel_intro .course_group .box .btn .btn_style{width:100%;margin: 0 0 10px 0;}
.counsel_intro .show_mo{display:none !important;}



.counsel_intro .quest_group{display:flex;justify-content:space-between;align-items:center;padding:64px;border-radius:var(--radius-extraLarge);background:#F3F4FF;}
.counsel_intro .quest_group + .quest_group{margin-top:50px;}
.counsel_intro .quest_group .item{width:calc(50% - 16px);}
.counsel_intro .quest_group .item .subject{position:relative;height:88px;margin-bottom:24px;padding:10px 0 0 104px;}
.counsel_intro .quest_group .item .subject .img{position:absolute;top:0;left:0;width:90px;}
.counsel_intro .quest_group .item .subject .tit{font-size:var(--font-size-24);color:var(--color-gray-700);font-weight:700;line-height:1.666;}
.counsel_intro .quest_group .item .subject .txt{padding-top:8px;font-size:var(--font-size-16);color:var(--color-gray-700);font-weight:500;line-height:1.375;}
.counsel_intro .quest_group .item .box{padding:32px;border-radius:var(--radius-xsmall);background:#fff;}
.counsel_intro .quest_group .item .btn{padding-bottom:24px;}
.counsel_intro .quest_group .item .btn .btn_style{width:100%;}
.counsel_intro .quest_group.ing .item .btn{font-size:0;padding-bottom:16px;}
.counsel_intro .quest_group.ing .item .btn .btn_style{display:inline-block;width:calc(50% - 4px);padding:0;}
.counsel_intro .quest_group.ing .item .btn .btn_style + .btn_style{margin-left:8px;}
.counsel_intro .quest_group.ing .item .btn .ing_txt{padding-top:16px;font-size:var(--font-size-18);font-weight:700;color:var(--color-purple-150);text-align:center;}
.counsel_intro .quest_group .item .info{padding-top:16px;border-top:1px solid var(--color-gray-300);}
.counsel_intro .quest_group .item .info dl{}
.counsel_intro .quest_group .item .info dl + dl{margin-top:16px;}
.counsel_intro .quest_group .item .info dt{font-size:var(--font-size-18);font-weight:700;color:var(--color-purple-150);}
.counsel_intro .quest_group .item .info dd{position:relative;margin-top:8px;padding-left:24px;font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-700);line-height:1.375;letter-spacing:-0.1px;}
.counsel_intro .quest_group .item .info dd::after{display:block;clear:both;content:'';position:absolute;top:5px;left:5px;width:10px;height:10px;border-radius:50%;background-color:var(--color-gray-600);}
.counsel_intro .quest_group .guide{width:100%}
.counsel_intro .quest_group .guide .text{font-size:var(--font-size-20);font-weight:500;color:var(--color-gray-700);line-height:1.6;}
.counsel_intro .quest_group .guide .text p{position: relative;padding: 0 0 0 12px;}
.counsel_intro .quest_group .guide .text p:before{content: '';display: block;width:5px;height:5px;background: #f76c4d;border-radius: 50%;vertical-align: middle;left: 0;position: absolute;left:0;top:8px;}
.counsel_intro .quest_group .guide .text p + p{margin-top:20px;}
.counsel_intro .quest_group .guide .text b{font-weight:700;color:var(--color-red-200);display: block;}
.counsel_intro .quest_group .guide .text strong{font-weight:700;color:var(--color-purple-150);}
.counsel_intro .quest_group .guide .btn_group{margin-top:40px;padding-top:56px;border-top:2px dashed var(--color-purple-100);}
.counsel_intro .quest_group .guide .btn_group .btn_style{width:360px;}


.counsel_list{position:relative;margin-top:150px;background:#eeece8;}
/* .counsel_list::before {content:'';position:absolute;left:0;bottom:0;width:100%;height:173px;background:url(../images/sub3/counsel_list_img.png) no-repeat 50% 100% / auto 173px;} */
.counsel_list > .inner{padding-top:25px;padding-bottom:210px;/*background:url(../images/sub3/counsel_list_img.png) no-repeat 50% 100% / auto 173px;*/}
.counsel_list .search_group{display:flex;justify-content:space-between;align-items:center;}
.counsel_list .search_group .total{font-size:var(--font-size-20);color:var(--color-gray-700);line-height:1.2;}
.counsel_list .search_group .total b{color:var(--color-red-500);font-weight:700;}
.counsel_list .search_group .s_search_box.type_con input{width: calc(100% - 90px);}
.counsel_list .search_group .s_search_box.type_con button.ri.reset {right: 0;}
.counsel_list .list_group{position:relative;margin:48px -16px 24px;display:flex;flex-wrap:wrap}
.counsel_list .list_group li{width:25%;padding:0 16px 32px;}
.counsel_list .list_group li a{display:block;border-radius:var(--radius-medium);background:#fff;box-shadow:4px 4px 30px 0px rgba(243,143,107,0.16);}
.counsel_list .list_group li .info{height:147px;padding:32px;}
.counsel_list .list_group li .info span{display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--font-size-20);color:var(--color-gray-800);-ms-word-break:keep-all;word-break:keep-all;}
.counsel_list .list_group li .state{display:flex;justify-content:space-between;align-items:center;height:62px;padding:5px 24px;border-top:1px solid var(--color-gray-400);}
.counsel_list .list_group li .state em{padding:8px 16px;border-radius:var(--radius-medium);background-color:var(--color-gray-100);font-size:var(--font-size-16);color:var(--color-gray-700);line-height:1.17;}
.counsel_list .list_group li .state.on em{background-color:var(--color-red-200);color:#fff;}
.counsel_list .list_group li .state span{font-size:var(--font-size-14);color:var(--color-gray-600);line-height:1.17;}
.counsel_list .list_group li .state::after {content:'';display:block;clear:both;}
.counsel_list .list_group li .state + .state {border-top: none;padding-top: 0;margin-top: -5px;}
.counsel_list .list_group li .state p {float:left;margin-right:18px;font-size:var(--font-size-14);color:var(--color-gray-600);font-weight:500;line-height:22.4px;}
.counsel_list .list_group li .state p:last-child {margin-right:0;}
.counsel_list .list_group li .state p span:first-child {margin-right:8px}
.counsel_list .list_group li .state.util {display: flex;justify-content: flex-start;gap: 10px;height:auto;padding:0 24px 16px;margin-top: 5px;}

.counsel_list .list_group li .state p .tit.views {display: block;float: left;font-size: 0;background: url(../images/sub/future_job_view.svg) no-repeat;width: 21px;height: 21px;}
.counsel_list .list_group li .state p .tit.like {display: block;float: left;font-size: 0;background: url(../images/sub/future_job_like.svg) no-repeat;width: 22px;height: 21px;}
.counsel_list .more_group{width:410px;margin:0 auto;text-align:center;}
.counsel_list .more_group .btn_more{width:100%;}

.counsel_quick{position:absolute;bottom:81px;right:105px;}
.counsel_quick a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:75px;height:75px;border-radius:50%;}
.counsel_quick a em{font-size:var(--font-size-12);color:#fff;line-height:1.17;}
.counsel_quick a + a{margin-top:24px;}
.counsel_quick a.btn1{background:#FF5D8A }
.counsel_quick a.btn2{background:rgba(66,66,66,0.5)}
.counsel_quick a.btn1 i{width:27px;height:27px;margin-bottom:6px;background:url(../images/sub3/counsel_quick_ico1.png) no-repeat 50% 50% / 27px 27px}
.counsel_quick a.btn2 i{width:25px;height:25px;margin-bottom:1px;background:url(../images/sub3/counsel_quick_ico2.png) no-repeat 50% 50% / 25px 25px}

/* 진로상담 - 상담상세 */
.counsel_summary{display:flex;justify-content:space-between;align-items:center;padding:40px 48px;border-radius:var(--radius-extraLarge);background:var(--color-gray-100);gap: 10px;}
.counsel_summary .title{position:relative;display:flex;justify-content:center;flex-direction:column;padding-left:112px;}
.counsel_summary .title .img{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.counsel_summary .title .img img{width:80px;}
.counsel_summary .title .txt{font-size:var(--font-size-28);color:var(--color-gray-800);font-weight:500;line-height:1.4;}
.counsel_summary .title .txt b{color:var(--color-red-500);font-weight:500;}
.counsel_summary .btn .btn_style{width:360px;box-shadow:0px 12px 0px 0px rgba(255,255,255,0.3) inset;}

.counsel_qna{position:relative;margin-top:72px;/*background:url(../images/sub3/counsel_list_bg.png) no-repeat 0 0 / 100% 100%;*/background:linear-gradient(180deg,#FFD788 0%,#FFC888 100%) }
.counsel_qna::after{display:block;clear:both;content:'';position:absolute;bottom:134px;left:0;width:612px;height:900px;background:url(../images/sub3/counsel_qna_img.png) no-repeat 0 0 / 100% auto}
.counsel_qna > .inner{padding-top:68px;padding-bottom:80px;}
.counsel_qna .message_group{position:relative;}
.counsel_qna .message_group::after{display:block;clear:both;content:'';}
.counsel_qna .message_group + .message_group{margin-top:60px;}
.counsel_qna .message_group .photo{position:absolute;border-radius:50%;}
.counsel_qna .message_group .message{position:relative;width:1080px;padding:56px 72px;border-radius:var(--radius-extraLarge);background:#fff;}
.counsel_qna .message_group .message::after{display:block;clear:both;content:'';position:absolute;width:42px;height:47px;background-size:100% 100%;}
.counsel_qna .message_group .message dt{padding-bottom:24px;border-bottom:1px solid var(--color-gray-300);}
.counsel_qna .message_group .message dd{padding-top:32px;}
.counsel_qna .message_group .message .case{display:inline-block;padding:8px 24px;border-radius:var(--radius-medium);font-size:var(--font-size-20);font-weight:700;line-height:1.6;color:#fff;}
.counsel_qna .message_group .message .stuts {display: flex;align-items: center;justify-content: space-between;}
.counsel_qna .message_group .message .stuts .count_box{z-index: 1;}
.counsel_qna .message_group .message .count_box .jv_hits {display:inline-block;}
.counsel_qna .message_group .message .count_box .jv_hits span /*,
.counsel_qna .message_group .message .count_box button */{position:relative;display:inline-block;font-size:var(--font-size-14);color:var(--color-gray-600);font-weight:500;line-height:22.4px;border:2px solid transparent;border-radius:var(--radius-xxsmall);letter-spacing:0;}
.counsel_qna .message_group .message .count_box .jv_hits span {padding:3px 3px 3px 38px;}
.counsel_qna .message_group .message .count_box .jv_hits span::before {content:'';position:absolute;left:8px;top:50%;width:21px;height:21px;margin-top:-5px;background:url(../images/sub/future_job_view.svg) center no-repeat;}
.counsel_qna .message_group .message .count_box .jv_bookmark_cont {padding:3px 7px 3px 34px;}
.counsel_qna .message_group .message .count_box .jv_bookmark_cont::before {content:'';position:absolute;left:9px;top:50%;width:21px;height:20px;margin-top:-10px;background:url(../images/sub/jv_bookmark_cont.svg) center no-repeat;}
.counsel_qna .message_group .message .count_box .jv_bookmark_cont:hover {border:2px solid var(--color-primery-400);}
.counsel_qna .message_group .message .count_box .jv_bookmark_cont.selected::before {background:url(../images/sub/jv_bookmark_cont_selected.svg) center no-repeat;}
.counsel_qna .message_group .message .count_box .jv_like_cont {padding:3px 7px 3px 38px;}
.counsel_qna .message_group .message .count_box .jv_like_cont::before {content:'';position:absolute;left:8px;top:50%;width:21px;height:20px;margin-top:-9px;background:url(../images/sub/jv_like_cont.svg) center no-repeat;}
.counsel_qna .message_group .message .count_box .jv_like_cont:hover {border:2px solid var(--color-purple-150);}
.counsel_qna .message_group .message .count_box .jv_like_cont.selected::before {background:url(../images/sub/jv_like_cont_selected.svg) center no-repeat;}
.counsel_qna .message_group .message .tit{padding-top:16px;font-size:var(--font-size-32);font-weight:700;line-height:1.6;color:var(--color-gray-800);}
.counsel_qna .message_group .message .txt{font-size:var(--font-size-20);font-weight:400;line-height:1.6;color:var(--color-gray-700);}
.counsel_qna .message_group.type_q .photo{top:-10px;right:0;width:252px;height:252px;padding:10px 35px;background:#F9F3ED url(../images/sub3/counsel_qna_img_girl.png) no-repeat 50% 10px / 182px auto}
.counsel_qna .message_group.type_a .photo{top:42px;left:0;width:273px;height:273px;background:rgba(255,255,255,0.2) url(../images/sub3/counsel_qna_img_robotcat.png) no-repeat 45% 100% / 209px auto}
.counsel_qna .message_group.type_a .photo::after{display:block;clear:both;content:'';position:absolute;top:-24px;right:-26px;width:91px;height:113px;background:url(../images/sub3/counsel_qna_img_star.png) no-repeat 0 0 / 100% auto;}
.counsel_qna .message_group.type_q .message{}
.counsel_qna .message_group.type_a .message{float:right;}
.counsel_qna .message_group.type_q .message::after{top:70px;right:-21px;background-image:url(../images/sub3/counsel_qna_piece_q.png);}
.counsel_qna .message_group.type_a .message::after{top:134px;left:-21px;background-image:url(../images/sub3/counsel_qna_piece_a.png);}
.counsel_qna .message_group.type_q .message .case{background-color:var(--color-red-200);}
.counsel_qna .message_group.type_a .message .case{background-color:var(--color-blue-180);}
.counsel_qna .more_group{margin-top:45px;text-align:center;}

/* 진로상담 - 신청 작성 */
.counsel_title{margin-bottom:24px;font-size:var(--font-size-32);font-weight:700;line-height:1.6;color:var(--color-gray-700);text-align:center;}
.counsel_title b{color:var(--color-primery-500);}

.counsel_profile{display:flex;justify-content:space-between;padding:32px 32px 24px;border:1px solid var(--color-gray-400);border-radius:var(--radius-medium);margin-bottom:56px;}
.counsel_profile > div{width:50%;}
.counsel_profile .info_group{display:flex;justify-content:flex-start;border-right:1px solid var(--color-gray-400);}
.counsel_profile .info_group .photo{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;}
.counsel_profile .info_group .photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.counsel_profile .info_group .info{padding-left:24px;}
.counsel_profile .info_group .info dt{font-size:var(--font-size-20);font-weight:700;color:var(--color-gray-800);line-height:1.2;}
.counsel_profile .info_group .info dd{font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-600);line-height:1.4;}
.counsel_profile .info_group .info dd::after{display:block;clear:both;content:'';}
.counsel_profile .info_group .info dt + dd{margin-top:12px;}
.counsel_profile .info_group .info dd + dd{margin-top:8px;}
.counsel_profile .info_group .info dd em,.counsel_profile .info_group .info dd span{display:block;float:left;}
.counsel_profile .info_group .info dd em{position:relative;margin-right:12px;padding-right:13px;}
.counsel_profile .info_group .info dd em::after{display:block;clear:both;content:':';position:absolute;top:0;right:0;}
.counsel_profile .info_group .info dd span{}

.counsel_profile .modify_group{text-align:center;}
.counsel_profile .modify_group .text{font-size:var(--font-size-16);font-weight:700;line-height:1.25;color:var(--color-red-200);}
.counsel_profile .modify_group .btn{margin-top:16px;}
.counsel_profile .modify_group .btn .btn_style{padding:6px 24px;border-width:1px;border-radius:var(--radius-xxsmall);font-size:var(--font-size-16);font-weight:500;line-height:1.4;}
.counsel_profile .modify_group .btn .btn_style:not(:hover){background-color:var(--color-gray-50);color:var(--color-gray-800);}


.counsel_request{padding:64px;border-radius:var(--radius-medium);background:var(--color-gray-50);}
.counsel_request + .counsel_request{margin-top:24px;}
.counsel_request .counsel_qna {padding: 40px;border-radius: var(--radius-xsmall);}
.counsel_request .counsel_qna > .inner {width: 100%;}
.counsel_request .counsel_qna .message_group .message {width: 800px;}


.counsel_container .form_group{position:relative;}
.counsel_container .form_group + .form_group{margin-top:56px;}
.counsel_container .form_title{margin-bottom:16px;font-size:var(--font-size-24);font-weight:500;color:var(--color-gray-800);line-height:1.666;}
.counsel_container .form_text{margin-bottom:16px;font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-600);line-height:1.5;}
.counsel_container .form_text b{color:var(--color-purple-150);}
.counsel_container .form_text a{display:inline-block;margin-top:8px;font-size:var(--font-size-16);font-weight:500;color:var(--color-red-200);line-height:1.375;text-decoration:underline;}
.counsel_container .form_box input[type="text"],.counsel_container .form_box input[type="number"],.counsel_container .form_box select,.counsel_container .form_box textarea{border-radius:var(--radius-xsmall);border:1px solid var(--color-gray-400);background:#fff;font-family:var(--font-primary);font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-700);}
.counsel_container .form_box input[type="text"],.counsel_container .form_box input[type="number"],.counsel_container .form_box select{width:100%;height:54px;line-height:52px;padding:0 24px;}
.counsel_container .form_box textarea{width:100%;padding:12px 24px;resize:none;}
.counsel_container .form_box select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background:#fff url(../images/sub3/ico_select_arrow.png) no-repeat right 16px center}
.counsel_container .form_box select::-ms-expand{display:none;}
.counsel_container .form_box input[type="radio"],
.counsel_container .form_box input[type="checkbox"]{-webkit-appearance:none;appearance:none;position:absolute;width:1px;height:1px;clip:rect(0px,0px,0px,0px)}
.counsel_container .form_box input::placeholder{font-size:var(--font-size-18);color:var(--color-gray-400);font-family:var(--font-primary);}
.counsel_container .form_box textarea::placeholder{font-size:var(--font-size-18);color:var(--color-gray-400);font-family:var(--font-primary);}
.counsel_container .form_box .dash{height:54px;line-height:54px;padding:0 8px;}
.counsel_container .form_box .input_box{position:relative;border:1px solid var(--color-gray-500);border-radius:var(--radius-xsmall);background:#fff;}
.counsel_container .form_box .input_box.count input{padding-right:100px;}
.counsel_container .form_box .input_box.center input{text-align:center;}
.counsel_container .form_box .input_box input{width:100%;height:52px;border:0 none;background-color:transparent;}
.counsel_container .form_box .input_box input[disabled],
.counsel_container .form_box .input_box input[readonly]{background:var(--color-gray-100, #F5F5F5);color:var(--color-gray-400);}
.counsel_container .form_box .active .input_box input[disabled],
.counsel_container .form_box .active .input_box input[readonly]{background:var(--color-purple-100); color:#fff; border-radius: 12px;}
.counsel_container .disable .input_box{border-radius:var(--radius-xsmall, 16px);border:2px solid var(--color-gray-200, #EEE);background:var(--color-gray-100, #F5F5F5);}
.counsel_container .disable.active .input_box{border:2px solid var(--color-common-purple-100, #8B95FD);background:#fff}

.counsel_container .form_box .textarea_box{position:relative;border:1px solid var(--color-gray-300);border-radius:var(--radius-xsmall);background:#fff;}
.counsel_container .form_box .textarea_box textarea{height:240px;border:none;}
.counsel_container .form_box .count p{font-size:var(--font-size-18);color:var(--color-gray-400);line-height:24px;}
.counsel_container .form_box .count p em{color:var(--color-red-200);}
.counsel_container .form_box .textarea_box.count p{display:block;position:static;top:auto;right:auto;text-align:right;margin:0;padding:12px 16px;}
.counsel_container .form_box .input_box.count p{position:absolute;top:50%;right:16px;margin-top:-12px;}
.counsel_container .form_box .phone_wrap{}
.counsel_container .form_box .phone_wrap select,.counsel_container .form_box .phone_wrap input{width:158px;}
.counsel_container .form_box.line{padding:24px;background:#fff;border-radius:var(--radius-xsmall);border:1px solid var(--color-gray-300)}
.counsel_container .form_box .txt{margin-bottom:24px;font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-800);line-height:1.6;}
.counsel_container .form_box.job{display:flex;align-items:center;margin:0 auto;}
.counsel_container .form_box.job .info{width:166px;padding-right:24px;flex-shrink:0 !important}
.counsel_container .form_box.job .info i{display:block;padding-bottom:8px;text-align:center;}
.counsel_container .form_box.job .info i img{height:84px;}
.counsel_container .form_box.job .info em{display:block;height:30px;border-radius:var(--radius-medium);background:var(--color-gray-200);border:1px solid var(--color-gray-300);font-size:var(--font-size-14);font-weight:500;line-height:28px;color:var(--color-gray-800);text-align:center;}
.counsel_container .form_box.job .info + .check_tabs{flex-grow:1}
.counsel_container .form_warning{font-size:var(--font-size-14);font-weight:500;color:var(--color-red-200);line-height:1.6;}

.counsel_container .check_tabs{position:relative;margin:-16px -6px 0;}
.counsel_container .check_tabs::after{display:block;clear:both;content:'';}
.counsel_container .check_tabs > li{float:left;width:25%;height:76px;margin-top:16px;padding:0 6px;position:relative;}
.counsel_container .check_tabs > li > input[type="radio"] + label,
.counsel_container .check_tabs > li > input[type="checkbox"] + label{position:relative;display:flex;justify-content:center;align-items:center;height:76px;border:2px solid #C5CAFF;border-radius:var(--radius-xsmall);background:#fff;font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-700);line-height:1.4;cursor:pointer;word-break:keep-all; text-align: center;}
.counsel_container .check_tabs > li > input[type="radio"]:checked + label,
.counsel_container .check_tabs > li > input[type="checkbox"]:checked + label{border-color:var(--color-purple-100);background-color:var(--color-purple-100);color:#fff;}

.counsel_container .check_tabs.num1{margin-top:0;}
.counsel_container .check_tabs.num1 > li{float:none;width:auto;text-align:left;}
.counsel_container .check_tabs.num2 > li{width:50%;}
.counsel_container .check_tabs.num3 > li{width:33.3333%;}
.counsel_container .check_tabs.num4 > li{width:25%;}
.counsel_container .check_tabs.num5 > li{width:20%;}
.counsel_container .check_tabs.num6 > li{width:16.6666%;}
.counsel_container .check_tabs.num6 > li.cspan5{width: 83.3334%;display:flex;align-items:center;}
.counsel_container .check_tabs.num6 > li.cspan5 .form_box{width:100%;}
.counsel_container .check_tabs.num7 > li{width:14.2857%;}
.counsel_container .check_tabs.num8 > li{width:12.5%;}
.counsel_container .check_tabs.row1 > li{height:54px;}
.counsel_container .check_tabs.row1 > li > input[type="radio"] + label,
.counsel_container .check_tabs.row1 > li > input[type="checkbox"] + label{height:54px;}
.counsel_container .check_tabs.row1 > li > input[type="radio"]:checked + label,
.counsel_container .check_tabs.row1 > li > input[type="checkbox"]:checked + label{height:54px}
.counsel_container .check_tabs.num1 > li > input[type="radio"] + label,
.counsel_container .check_tabs.num1 > li > input[type="checkbox"] + label{padding:0 24px;display:flex;justify-content:flex-start;}


.counsel_container .agree_wrap{position:relative;margin-top:68px;}
.counsel_container .agree_wrap.between{display:flex;justify-content:space-between;align-items:center;}
.counsel_container .agree_wrap input[type="checkbox"] + label{display:inline-block;width:100px;padding:7px 0;line-height:24px;border:1px solid var(--color-gray-500);border-radius:var(--radius-extraLarge);background:#fff;font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-700);text-align:center;cursor:pointer;vertical-align:top;}
.counsel_container .agree_wrap input[type="checkbox"] + label:before{content:'';display:inline-block;width:24px;height:24px;background:url(../images/sub3/ico_agree_check_off.png) no-repeat 50% 50% / 24px auto;margin-right:8px;vertical-align:top;}
.counsel_container .agree_wrap input[type="checkbox"]:checked + label{border-color:var(--color-purple-100);background:var(--color-purple-100);color:#fff;}
.counsel_container .agree_wrap input[type="checkbox"]:checked + label:before{background-image:url(../images/sub3/ico_agree_check_on.png);}
.counsel_container .agree_check{position:absolute;top:0;left:0;}
.counsel_container .agree_text{padding:5px 0 5px 116px;font-size:var(--font-size-20);font-weight:500;color:var(--color-gray-800);}
.counsel_container .agree_btn{text-align:right;font-size:0;}
.counsel_container .agree_btn a{display:inline-block;font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-800);line-height:1.4;text-decoration:underline;}
.counsel_container .agree_btn a + a{margin-left:32px;}

.counsel_toggle{margin-top:32px;}
.counsel_toggle_head{position:relative;display:flex;margin-bottom:16px;}
.counsel_toggle_head .tit{font-size:var(--font-size-20);font-weight:500;color:var(--color-gray-800);line-height:1.6;}
.counsel_toggle_head .tip{margin-left:8px;padding:3px 15px;border:1px solid var(--color-gray-300);border-radius:var(--radius-medium);background:var(--color-gray-200);font-size:var(--font-size-14);font-weight:500;color:var(--color-gray-800);line-height:1.6;}
.counsel_toggle_head .knob{display:block;position:absolute;top:0;right:0;padding-right:36px;font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-800);line-height:24px;}
.counsel_toggle_head .knob::after{display:block;clear:both;content:'';position:absolute;top:0;right:0;width:24px;height:24px;background:url(../images/sub3/ico_toggle_knob.png) no-repeat 50% 50% / 100% auto;transition:var(--transition-3s);transform:rotate(180deg);}
.counsel_toggle_head .knob.on::after{transform:rotate(0);}
.counsel_toggle_body{display:none;}
.counsel_toggle .notification_wrap{display:flex;align-items:center;padding:24px;border:1px solid var(--color-gray-530);border-radius:var(--radius-xsmall);background:var(--color-gray-50);}
.counsel_toggle .notification_wrap .form_box{margin-right:32px;}
.counsel_toggle .agree_wrap{margin-top:16px;}

.counsel_quest .counsel_intro .intro_group{position:relative;display:block;padding-bottom:20px;}
.counsel_quest .counsel_intro .intro_group .icon i{position:absolute;bottom:0;}
.counsel_quest .counsel_intro .intro_group .icon .ico_girl{right:422px;width:130px;height:180px;}
.counsel_quest .counsel_intro .intro_group .icon .ico_boy{right:140px;width:249px;height:180px;}
.counsel_quest .counsel_title{display:flex;justify-content:space-between;align-items:center;}
.counsel_quest .counsel_title .tit{height:72px;line-height:72px;padding-left:88px;background:url(../images/sub3/counsel_quest_title_ico.png) no-repeat 0 50% / 80px auto;font-size:var(--font-size-32);font-weight:700;color:var(--color-gray-700);text-align:left;}
.counsel_quest .counsel_title .tip{padding:7px 15px;border:1px solid #C5CAFF;border-radius:var(--radius-medium);font-size:var(--font-size-18);font-weight:700;color:var(--color-purple-150);}
.counsel_quest .form_title{padding-left:28px;}
.counsel_quest .form_title::after{display:block;clear:both;content:'';position:absolute;top:12.5px;left:2px;width:15px;height:15px;border-radius:50%;background-color:var(--color-purple-150);}
.counsel_quest .form_box .textarea_box textarea{height:496px;}

.counsel_quest .hate .form_title::after{background-color:var(--color-main-card-bg4);}
.counsel_quest .mission_process{position:relative;display:flex;justify-content:center;align-items:center;gap:32px;width:fit-content;margin:0 auto 50px;}
.counsel_quest .mission_process::after{display:block;clear:both;content:'';position:absolute;top:50%;left:10px;right:10px;height:2px;margin-top:-1px;background:url(../images/sub3/mission_process_line.png) repeat-x 0 0 / auto 2px;}
.counsel_quest .mission_process li{position:relative;padding:8px 24px;border-radius:var(--radius-medium, 24px);background:var(--color-gray-200, #EEE);font-size:var(--font-size-20);font-weight:700;color:var(--color-gray-400);line-height:1.2;z-index:1;}
.counsel_quest .mission_process li.active{background:var(--color-red-200);color:#fff;}
.counsel_quest .mission_process li.on{background:#FFF2F2;color:var(--color-red-200);}

.counsel_quest .mission_title b{color:var(--color-red-200);}
.counsel_quest .counsel_request + .mission_theme{margin-top:56px;padding-top:0;border-top:0 none;}
.counsel_quest .mission_theme{margin-bottom:24px;padding-top:30px;border-top:3px dashed #C5CAFF;}
.counsel_quest .mission_theme dt{display:flex;align-items:center;font-size:var(--font-size-24);font-weight:500;color:var(--color-gray-800);line-height:1.666;}
.counsel_quest .mission_theme dt em{margin-right:8px;padding:7px 15px;border-radius:var(--radius-medium);font-size:var(--font-size-16);font-weight:400;line-height:1.4;}
.counsel_quest .mission_theme dt em.type1{border:1px solid var(--color-red-200);background:var(--color-red-200);color:#fff}
.counsel_quest .mission_theme dt em.type2{border:1px solid var(--color-purple-150);color:var(--color-purple-150);}
.counsel_quest .mission_theme dd{margin-top:12px;font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-700);line-height:1.375;}
.counsel_request .mission_theme{margin-bottom:24px;padding-top:0;border-top:0 none}
.counsel_quest .mission_summary{position:relative;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-gray-300, #E0E0E0);}
.counsel_quest .mission_summary .tit{font-size:var(--font-size-24);font-weight:500;color:var(--color-gray-800);line-height:1.666;}
.counsel_quest .like .mission_summary .tit b{color:var(--color-purple-150);font-weight:700;}
.counsel_quest .hate .mission_summary .tit b{color:var(--color-main-card-bg4);font-weight:700;}
.counsel_quest .mission_summary .txt{margin-top:8px;font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-600);line-height:1.5;}
.counsel_quest .mission_summary .txt b{color:var(--color-purple-150);}
.counsel_quest .mission_summary .btn{position:absolute;top:0;right:0;}
.counsel_quest .mission_guide{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 32px 24px;background:#F3F4FF;border-radius:var(--radius-medium);overflow:hidden;}
.counsel_quest .mission_guide .info{padding-left:134px;background:url(../images/sub3/mission_guide_planet.png) no-repeat 0 50% / 102px auto;}
.counsel_quest .mission_guide .info dt{font-size:var(--font-size-20);font-weight:700;color:var(--color-gray-800);line-height:1.2;}
.counsel_quest .mission_guide .info dt b{color:var(--color-purple-150);}
.counsel_quest .mission_guide .info dd{margin-top:12px;font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-700);line-height:1.375;}
.counsel_quest .mission_guide .info dd p + p{}
.counsel_quest .mission_guide .btn{display:flex;gap:8px}
.counsel_quest .mission_guide .btn a{padding:11px 30px;border:1px solid var(--color-primery-400);border-radius:var(--radius-xsmall);background:var(--color-primery-400);font-size:var(--font-size-16);font-weight:500;color:#fff;line-height:1.4;}
.counsel_quest .mission_guide .btn a.line{border:1px solid var(--color-primery-500);background:var(--color-primery-50);color:var(--color-primery-500);}

.counsel_quest .mission_history{margin-bottom:24px;padding:24px 32px;background:#F3F4FF;border-radius:var(--radius-medium);overflow:hidden;}
.counsel_quest .mission_history .toggle{}
.counsel_quest .mission_history .toggle dt{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #C5CAFF;text-align:center;}
.counsel_quest .mission_history .toggle dt button{position:relative;padding-right:34px;font-size:var(--font-size-20);font-weight:700;line-height:1.2;color:var(--color-gray-700);}
.counsel_quest .mission_history .toggle dt button::after{display:block;clear:both;content:'';position:absolute;top:50%;right:0;width:14px;height:8px;margin-top:-4px;background:url(../images/sub3/mission_history_btn.png) no-repeat 0 0 / 100% auto;transition:var(--transition-3s);}
.counsel_quest .mission_history .toggle dt button.on::after{transform:rotate(180deg);}
.counsel_quest .mission_history .toggle dd{display:none;margin-bottom:24px;padding:24px;border-radius:var(--radius-xsmall);background:#fff;}
.counsel_quest .mission_history .toggle dd .tit{position:relative;padding-bottom:8px;line-height:40px;padding-left:56px;border-bottom:2px dashed var(--color-gray-300);background:url(../images/sub3/counsel_quest_title_ico.png) no-repeat 0 50% / 40px auto;font-size:var(--font-size-24);font-weight:700;color:var(--color-gray-700);text-align:left;}
.counsel_quest .mission_history .toggle dd .tit b{color:var(--color-red-200);}
.counsel_quest .mission_history .toggle dd .txt{position:relative;margin-top:8px;padding-left:28px;font-size:var(--font-size-16);font-weight:500;line-height:1.6;color:var(--color-gray-800);}
.counsel_quest .mission_history .toggle dd .txt{}
.counsel_quest .mission_history .toggle dd .txt::after{display:block;clear:both;content:'';position:absolute;top:8px;left:5px;width:10px;height:10px;border-radius:50%;}
.counsel_quest .mission_history .toggle dd .txt.type1::after{background-color:#C5CAFF}
.counsel_quest .mission_history .toggle dd .txt.type2::after{background-color:#FFCD9E}
.counsel_quest .mission_history .toggle dd .txt b{}
.counsel_quest .mission_history .toggle dd .txt.type1 b{color:var(--color-purple-150)}
.counsel_quest .mission_history .toggle dd .txt.type2 b{color:var(--color-main-card-bg4);}
.counsel_quest .mission_history .toggle dd .txt + .tit{margin-top:24px;}
.counsel_quest .mission_history .toggle dd .txt span{color:var(--color-gray-700);}
.counsel_quest .mission_history .toggle dd .txt.none span{color:var(--color-gray-500);}
.counsel_quest .mission_history .toggle dd .txt p{}
.counsel_quest .mission_history .btn{display:flex;justify-content:space-between;align-items:center;gap:16px}
.counsel_quest .mission_history .btn > li{width:25%;}
.counsel_quest .mission_history .btn_style{width:100%;height:56px;line-height:54px;border:1px solid var(--color-gray-400);border-radius:var(--radius-medium);font-size:var(--font-size-22);}
.counsel_quest .mission_history .btn_style span::before{width:32px;height:32px;background-size:24px auto; filter: brightness(0.4);}
.counsel_quest .mission_history .btn_style:hover span::before{filter: none;}


.flex_group{position:relative;display:flex;justify-content:space-between;gap:16px 0;margin:0 -8px;}
.flex_group.multi{flex-wrap:wrap;}
.flex_group.num1 > div{width:100%;padding:0 8px;}
.flex_group.num2 > div{width:50%;padding:0 8px;}
.flex_group.num3 > div{width:33.3333%;padding:0 8px;}
.flex_group.num4 > div{width:25%;padding:0 8px;}
.flex_group.num5 > div{width:20%;padding:0 8px;}

.mission_detail{margin-top:32px;padding:32px;border-radius:var(--radius-medium);background:#F3F4FF;-ms-word-break:keep-all;word-break:keep-all;}
.mission_detail .flex_group{justify-content:space-between;gap:40px;margin:0;}
.mission_detail .flex_group > div{padding:0;}
.mission_detail .tit{margin-bottom:24px;font-size:var(--font-size-20);font-weight:700;color:var(--color-purple-150);line-height:1.2;}
.mission_detail .info{}
.mission_detail .table{border-radius:var(--radius-xxsmall);overflow:hidden;}
.mission_detail .txt{font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-700);line-height:1.4;}
.mission_detail .txt + .txt{margin-top:24px;}

.mission_table{width:100%;}
.mission_table th,.mission_table td{text-align:center;}
.mission_table th{padding:6px;;background:var(--color-primery-400);font-size:var(--font-size-16);font-weight:700;line-height:1.25;color:#fff}
.mission_table td{padding:8px;background:#fff;font-size:var(--font-size-14);font-weight:500;line-height:1.6;color:var(--color-gray-700);}
.mission_table tr + tr tr,.mission_table tr + tr td{border-top:1px solid var(--color-gray-400)}
.mission_table th.left,.mission_table td.left{text-align:left;}


.check_group{display:flex;}
.form_check{font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-600);}
.form_check + .form_check{margin-left:16px;}
.form_check input[type=checkbox]{display:inline-block;position:absolute;left:-9999px;}
.form_check input[type=checkbox] + label{z-index:10;position:relative;display:inline-block;margin-right:16px;height:20px;line-height:20px;padding:0 0 0 28px;font-size:var(--font-size-18);font-weight:500;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;vertical-align:baseline;}
.form_check input[type=checkbox] + label:last-child{margin-right:0;}
.form_check input[type=checkbox] + label.required{text-decoration:underline;}
.form_check input[type=checkbox] + label.empty{width:20px;padding-left:0;vertical-align:top;}
.form_check input[type=checkbox] + label:before{content:"";width:20px;height:20px;position:absolute;top:0;left:0;border-radius:var(--radius-tiny);border:solid 1px var(--color-gray-400);background-color:#fff;box-sizing:border-box;}
.form_check input[type=checkbox] + label:hover:before{border:1px solid var(--color-purple-150);}
.form_check input[type=checkbox]:checked + label:before,
.form_check input[type=checkbox]:checked + label:hover:before{border:1px solid var(--color-purple-150);background:var(--color-purple-150) url(../images/sub3/counsel_form_check.png) no-repeat 50% 50% / 14px 14px}
.form_check input[type=checkbox]:focus-visible + label:before{outline-style:dashed;outline-color:#000;outline-width:thin;}

/* 진로상담 - 신청 완료 */
.counsel_request.finish{text-align:center;}
.counsel_request .finish_group .img{width:132px;margin:0 auto 16px;}
.counsel_request .finish_group .tit{font-size:var(--font-size-24);font-weight:500;color:var(--color-gray-800);}
.counsel_request .finish_group .tit b{font-weight:700;color:var(--color-red-200)}
.counsel_request .finish_group .txt{margin-top:4px;font-size:var(--font-size-20);color:var(--color-gray-700)}
.counsel_request .box_group{width:fit-content;margin:32px auto 0;padding:24px;border-radius:var(--radius-xsmall);background-color:#fff;font-size:var(--font-size-16);color:var(--color-gray-700);line-height:1.4;}
.counsel_request .box_group span{color:var(--color-primery-500);}
.counsel_request .box_group b{font-weight:500;color:var(--color-primery-500);}
.counsel_request .text_group{margin-top:24px;font-size:var(--font-size-14);font-weight:500;line-height:1.6;}
.counsel_request .text_group b{font-weight:500;color:var(--color-red-200);}

.counsel_container .btn_group{margin-top:56px;font-size:0;text-align:center;}
.counsel_container .btn_group .btn_style{width:240px;padding:0;}
.counsel_container .btn_group .btn_style + .btn_style{margin-left:24px}
.counsel_container .btn_style.reset{display:flex;justify-content:space-between;align-items:center;gap:8px;width:auto;padding:12px 23px;border:1px solid #C5CAFF;border-radius:var(--radius-extraLarge);background:#F3F4FF;color:var(--color-gray-800);font-size:var(--font-size-16);font-weight:500;line-height:1.4;}
.counsel_container .btn_style.reset i{width:20px;height:20px;background:url(../images/sub3/mission_btn_ico_reset.png) no-repeat 50% 50% / 100% auto}

.mission_btns .btn_group{position:relative;display:flex;justify-content:flex-end;margin-top:40px;font-size:0;}
.mission_btns .btn_group .btn_style{display:flex;justify-content:space-between;align-items:center;gap:8px;width:auto;border-radius:var(--radius-extraLarge);font-size:var(--font-size-24);font-weight:500;line-height:1.666;}
.mission_btns .btn_group .btn_style i{background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;}

.counsel_container .btn_style.back{position:absolute;top:0;left:0;padding:11px 32px 11px 16px;border:1px solid var(--color-gray-400);background:#fff;color:var(--color-gray-600);}
.counsel_container .btn_style.save{padding:11px 32px 11px 16px;border:1px solid var(--color-gray-400);background:#fff;color:var(--color-gray-600);}
.counsel_container .btn_style.next{padding:11px 16px 11px 32px;border:1px solid var(--color-red-200);background:var(--color-red-200);color:#fff;}
.counsel_container .btn_style.back i{width:32px;height:32px;background-image:url(../images/sub3/mission_btn_ico_back.png);background-size:16px auto;}
.counsel_container .btn_style.save i{width:32px;height:32px;background-image:url(../images/sub3/mission_btn_ico_save.png)}
.counsel_container .btn_style.next i{width:28px;height:28px;background-image:url(../images/sub3/mission_btn_ico_next.png)}
.counsel_container .finish .btn_group{margin-top:32px;}
.counsel_container .finish .btn_group .btn_style{width:280px;margin:0 8px;padding:0;}

/* 레이어팝업 */
.modal_popup{position:fixed;left:0;top:0;width:100%;height:100%;padding:20px;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:all .2s ease;z-index:2000;}
.modal_area{position:absolute;top:50%;left:50%;width:500px;max-width:calc(100% - 40px);max-height:calc(100vh - 40px);margin:0 auto;overflow-x:visible;transform:translate(-50%,calc(-50% + 0.5px));z-index:500;background-color:#fff;border-radius:var(--radius-medium);}
.modal_popup.active{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s,opacity 0.25s 0s,transform 0.25s;}
/* body.show-modal{overflow:hidden;} */
.alert_modal{}
.modal_content{padding:55px 30px 30px;font-size:var(--font-size-24);font-weight:500;color:var(--color-gray-800);line-height:1.666;text-align:center;}
.modal_content::after{display:block;clear:both;content:'';}
.modal_text{}
.modal_title{font-weight: 700;text-align: left;}
.modal_btn{margin-top:16px;text-align:center;display: flex;gap: 10px;justify-content: center;}
.modal_btn .btn_style {height:62px;padding:0 50px;border-width:2px;border-radius:var(--radius-large);}
.modal_btn .btn_style.blue{height:62px;color:#fff !important;border-color:#015fcc !important;background-color:#256ee7 !important;padding:0 50px;border-width:2px;border-radius:var(--radius-large);}
.comment_modal{position:absolute;top:0;left:0;border-radius:var(--radius-extraLarge);transform:scale(1);z-index:1;}
.comment_modal .modal_area{width:544px;padding:40px;background-color:var(--color-main-card-bg1);}
.comment_modal .modal_content{display:flex;justify-content:space-between;padding:0;-ms-word-break:keep-all;word-break:keep-all;}
.comment_modal .modal_content::after{display:none;}
.comment_modal .modal_content > div{}
.comment_modal .modal_content .info{width:calc(100% - 130px);}
.comment_modal .modal_content .image{width:110px;}
.comment_modal .modal_title{font-size:var(--font-size-24);font-weight:700;color:#fff;line-height:1.4; text-align: center;}
.comment_modal .modal_title b{color:var(--color-yellow-500);}
.comment_modal .modal_text{font-size:var(--font-size-16);font-weight:500;color:#fff;line-height:1.4;}
.comment_modal .modal_title + .modal_text{margin-top:16px;}
.comment_modal .modal_btn{margin-top:36px;}
.comment_modal .modal_btn button,.comment_modal .modal_btn button a{width:100%;}


.mission_modal{}
.mission_modal .modal_area{width:640px;}
.mission_modal .modal_body{padding:40px;text-align:center;-ms-word-break:keep-all;word-break:keep-all;}
.mission_modal .modal_body .ico{}
.mission_modal .modal_body .ico + .tit{margin-top:22px;}
.mission_modal .modal_body .ico + .txt{margin-top:0;}
.mission_modal .modal_body .stit + .txt{margin-top:40px;}
.mission_modal .modal_body div  + .txt{margin-top:16px;}
.mission_modal .modal_body .tit{margin-bottom:16px;font-size:var(--font-size-24);font-weight:700;color:var(--color-gray-800);line-height:1.666;}
.mission_modal .modal_body .stit{margin-top:16px;font-size:var(--font-size-20);font-weight:500;color:var(--color-gray-800);line-height:1.6;}
.mission_modal .modal_body .stit b{color:var(--color-purple-150);}
.mission_modal .modal_body .txt{font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-800);line-height:1.4;}
.mission_modal .modal_body .txt b{color:var(--color-purple-150);}
.mission_modal .modal_flex{display:flex;justify-content:space-between;gap:32px;margin-bottom:40px;}
.mission_modal .modal_flex .img{flex-shrink:0}
.mission_modal .modal_flex .data{text-align:left;}
.mission_modal .modal_flex .data dt{margin-bottom:16px;font-size:var(--font-size-22);font-weight:700;color:var(--color-gray-800);line-height:1.1;}
.mission_modal .modal_flex .data dd{font-size:var(--font-size-14);font-weight:500;color:var(--color-gray-800);line-height:1.6;}
.mission_modal .modal_flex .data dd b{color:var(--color-purple-150);font-weight:700;}
.mission_modal .modal_image{}
.mission_modal .modal_foot{padding:32px;border-radius:0 0 var(--radius-extraLarge) var(--radius-extraLarge);background:#F3F4FF;text-align:center;}
.mission_modal .modal_foot .btn_style{width:360px;}
.mission_modal .modal_foot .btn_style.eff_light{width:380px;height:72px;line-height:66px;font-size:var(--font-size-24);}
.mission_modal .btn_group{margin-top:24px;text-align:center;}
.mission_modal .btn_group .btn_style{}
.mission_modal .btn_group .btn_style.alert{width:280px;height:48px;line-height:46px;border-width:1px;border-radius:var(--radius-tiny);font-size:var(--font-size-18);font-weight:700;}
.mission_modal ul.btn_group{display:flex;justify-content:space-between;gap:16px;}
.mission_modal ul.btn_group li{width:50%;}
.mission_modal ul.btn_group li .btn_style{width:100%;}
.mission_modal ul.btn_group li .btn_style.small{padding:0;}
.mission_modal .modal_foot .btn_group{gap:24px;margin-top:0;}
.exploration_btn .btn_style.large{width:100%;}

/*pdf 다운방법 팝업*/
.modal_popup.big_modal .modal_area{width: 928px;}
.modal_popup.big_modal .modal_area .modal_content{position: relative;}
.modal_popup.big_modal .modal_area .modal_title{margin-bottom: 20px;}
.modal_popup.big_modal .modal_area .modal_title .diff{color:#E43232;}
.modal_popup.big_modal .modal_area .modal_text{text-align: left; line-height: 1.2; word-break: keep-all;}
.modal_popup.big_modal .modal_area .modal_text + .modal_text{margin-top: 10px;} 
.modal_popup.big_modal .modal_area .img_wrap{display: flex; gap: 20px; justify-content: center; margin: 20px 0;}
.modal_popup.big_modal .modal_area .img_wrap .img_box{position:relative; }
.modal_popup.big_modal .modal_area .img_wrap .img_box span{position:absolute; bottom: 15px; left: 50%; transform: translateX(-50%); background-color: #535353; color: #fff; padding: 5px 15px; width: 200px; font-size: 17px; text-align: center; border-radius: 50px;}
.modal_popup.big_modal .modal_area .btn_close{position:absolute; top: 30px; right: 30px; filter: invert(1);}
@media (max-width: 540px){
    .modal_popup.big_modal .modal_area .img_wrap .img_box span{width: 138px; font-size: 13px; padding: 5px;}

}

/* Loading-Spinner */
.loading_spinner {position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center;  width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); overflow:hidden; z-index:9999;}
.loading_spinner span {display:inline-block; width:50px; aspect-ratio: 1; --_c:no-repeat radial-gradient(farthest-side,#fff 92%,#0000);  background:var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom; background-size: 12px 12px; animation: l7 1s infinite;}
@keyframes l7 {to{transform: rotate(.5turn)}}
.loading_spinner .type_normal {display:inline-block; width:50px; aspect-ratio:1; border-radius:50%; background:radial-gradient(farthest-side,#fff 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#fff); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0); animation: l13 1s infinite linear;}
@keyframes l13{ 100%{transform: rotate(1turn)}}