@charset "utf-8";


.popupcounsel_table>ul>li .p2 span{display: none; font-size: 13px; color: #122792; margin-left: 10px;}
/*.popupcounsel_table>ul>li:nth-of-type(3) input[type="checkbox"] { cursor:pointer; -webkit-appearance:button; width:14px; height:14px; border-radius:2px; background-color:#fff; border:1px solid #e3e3e3; margin-right:6px; position:absolute; top:13px;}
.popupcounsel_table>ul>li:nth-of-type(3) input[type="checkbox"]:checked { -webkit-appearance:button; width:14px; height:14px; border-radius:2px; background-color:#fff; border:1px solid #e3e3e3; background-image:url(/resources/images/landing/subPage/cb_on.png); background-position: center;}
.popupcounsel_table>ul>li p label {width:95px; height:35px; line-height:37px; white-space:nowrap; margin-left:20px; position:relative; top:-1.5px;}
.popupcounsel_table>ul>li p label:last-of-type {line-height:33px;}
.popupcounsel_table input#interest4_sub {top:46px;}*/

.popupcounsel_table>ul>li:nth-of-type(3) input[type="checkbox"] {vertical-align:top; position:relative; /* top:10px; cursor:pointer; */ -webkit-appearance:button; width:14px; height:14px; border-radius:2px; background-color:#fff; border:1px solid #e3e3e3;}
.popupcounsel_table>ul>li:nth-of-type(3) input[type="checkbox"]:checked {vertical-align:top; position:relative; /* top:10px; */ -webkit-appearance:button; width:14px; height:14px; border-radius:2px; background-color:#fff; border:1px solid #e3e3e3; background-image:url(/resources/images/landing/subPage/cb_on.png); background-position: center;}
.popupcounsel_table>ul>li p label {/* width:95px; */ margin-top:1px; margin-left:-20px; /* padding-right:0; */}
.popupcounselForm .courseHope_sub {width:auto; position:absolute; top:0; left:0;}

#atentsroom_popup .popupcounselForm .popupcounsel_table>ul>li>p#agreetxt{ line-height: 1.3; padding-top:50px; box-sizing: border-box; }


/* 공통 */
.sub_counsel_banner{text-align: center;}
.sub_counsel_banner>img:first-child{margin-top:40px;}
.sub_counsel_banner>img{margin-top:30px;}


/* 상담센터 */
.counsel_title_wrap ~ .counselForm_wrap {/* height:523px; */ margin-top:-65px; background:#fff;}

.counsel_action_wrap {position:relative; z-index:2; overflow:hidden; width:100%; height:500px; text-align:center;}
.counsel_action_wrap .action_icon {/* z-index:1;  */overflow:hidden; margin:250px auto 0; padding-top:25px; font-size:15px; /* opacity:0; transform:scale(1) translate3d(0, 0, 0) scale(1); animation:revealText 1200ms cubic-bezier(0.7, 0, 0.3, 1) forwards 1200ms; */}
.counsel_action_wrap .action_icon p {padding-bottom:12px; color:#fff; font-family:"CoreGothic3"; font-size:15px; line-height:24px;}
.counsel_action_wrap .action_icon span {display:inline-block; padding-bottom:9px; color:#fff; font-family:"CoreGothic4"; font-size:17px;}

.counsel_action_wrap .counsel_action_bg {position:absolute; top:0; width:100%;/* opacity:0; transform:scale(1) translate3d(0, 0, 0) scale(1); transition:all 0.3s; animation:revealText 400ms cubic-bezier(0.7, 0, 0.3, 1) forwards 400ms; */}

.counsel_action_wrap .counsel_event_content {position:absolute; z-index:2; width:100%; margin:0 auto;}

@keyframes revealText {
  from {
    opacity: 0.7;
    transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
  }
}


/* 국비지원_220927 */
.hrd_content_wrap {}
.tabcontent[id="hrd2"] {display:none;}

.hrd_explain_wrap {}
/* .hrd_explain_wrap .explain_text {padding-top:4px; line-height:1.5;} */
.hrd_explain_wrap .explain_text span:not(:last-of-type) {padding-bottom:15px;}

.hrd_target_wrap .hrd_target {position:relative; width:745px; height:236px; margin:0 auto; padding-top:30px; background:url(/resources/images/hrd/hrd_target.png) no-repeat; background-position:left center;}
.hrd_target_wrap .hrd_target div[class^="target_ani"] {position:absolute; margin-top:0; animation:target_ani 1.2s linear infinite alternate;}
.hrd_target_wrap .hrd_target div.target_ani1 {top:0; left:115px; animation-delay:0s;}
.hrd_target_wrap .hrd_target div.target_ani2 {top:26px; left:93px; animation-delay:0.3s;}
.hrd_target_wrap .hrd_target div.target_ani3 {top:89px; left:107px; animation-delay:0s;}
.hrd_target_wrap .hrd_target p {padding-left:367px; font-family:"CoreGothic4"; font-size:17px; line-height:2.5;}
.hrd_target_wrap .hrd_target p::before {margin-right:7px; content:url(/resources/images/common/check.png);}
.hrd_target_wrap .hrd_target p span {font-family:"CoreGothic6"; font-size:18px;}

@keyframes target_ani { 
    0% {margin-top:0;}
    100% {margin-top:6px;}
}


.hrd_process_wrap {padding:60px 70px 0;}
.hrd_process_wrap .process_actiontype div[class^="loding"] {opacity:0; animation-name:example; animation-fill-mode:forwards;}
.hrd_process_wrap .process_actiontype div[class^="loding"] .process_img {width:103px; height:103px; margin:0 auto 17px;}
.hrd_process_wrap .process_actiontype div[class^="loding"]:nth-of-type(odd) {}
.hrd_process_wrap .process_actiontype div[class^="loding"]:nth-of-type(even) {top:-154px;}
.hrd_process_wrap .process_actiontype .loding1 .process_img {background-image:url(/resources/images/hrd/hrd_process1.png);}
.hrd_process_wrap .process_actiontype .loding3 .process_img {background-image:url(/resources/images/hrd/hrd_process2.png);}
.hrd_process_wrap .process_actiontype .loding5 .process_img {background-image:url(/resources/images/hrd/hrd_process3.png);}
.hrd_process_wrap .process_actiontype .loding7 .process_img {background-image:url(/resources/images/hrd/hrd_process4.png);}
.hrd_process_wrap .process_actiontype .loding9 .process_img {background-image:url(/resources/images/hrd/hrd_process5.png);}
.hrd_process_wrap .process_actiontype p:last-of-type {font-family:"CoreGothic4"; margin-top:5px; font-size:16px;}


.hrd_process_wrap .process_actiontype .loding1 {padding-right:44px;
    animation-duration:2s;
    animation-delay:0s;
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    -ms-animation-duration:2s; 
}
.hrd_process_wrap .process_actiontype .loding2 {
    animation-duration:2s;
    animation-delay:0s;
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    -ms-animation-duration:2s; 
}
.hrd_process_wrap .process_actiontype .loding3 {padding:0 18px 0 10px;
    animation-duration:2.2s;
    animation-delay:0s;
    -webkit-animation-duration:2.2s;
    -moz-animation-duration:2.2s;
    -o-animation-duration:2.2s;
    -ms-animation-duration:2.2s;
}
.hrd_process_wrap .process_actiontype .loding4 {
    animation-duration:2.2s;
    animation-delay:0s;
    -webkit-animation-duration:2.2s;
    -moz-animation-duration:2.2s;
    -o-animation-duration:2.2s;
    -ms-animation-duration:2.2s;
}
.hrd_process_wrap .process_actiontype .loding5 {padding:0 6px 0 5px;
    animation-duration:2.3s;
    animation-delay:0s;
    -webkit-animation-duration:2.3s;
    -moz-animation-duration:2.3s;
    -o-animation-duration:2.3s;
    -ms-animation-duration:2.3s;
}
.hrd_process_wrap .process_actiontype .loding6 {
    animation-duration:2.3s;
    animation-delay:0s;
    -webkit-animation-duration:2.3s;
    -moz-animation-duration:2.3s;
    -o-animation-duration:2.3s;
    -ms-animation-duration:2.3s;
}
.hrd_process_wrap .process_actiontype .loding7 {padding:0 19px 0 31px;
    animation-duration:2.5s;
    animation-delay:0s;
    -webkit-animation-duration:2.5s;
    -moz-animation-duration:2.5s;
    -o-animation-duration:2.5s;
    -ms-animation-duration:2.5s;
}
.hrd_process_wrap .process_actiontype .loding8 {
    animation-duration:2.7s;
    animation-delay:0s;
    -webkit-animation-duration:2.7s;
    -moz-animation-duration:2.7s;
    -o-animation-duration:2.7s;
    -ms-animation-duration:2.7s;
}
.hrd_process_wrap .process_actiontype .loding9 {padding-left:42px;
    animation-duration:2.7s;
    animation-delay:0s;
    -webkit-animation-duration:2.7s;
    -moz-animation-duration:2.7s;
    -o-animation-duration:2.7s;
    -ms-animation-duration:2.7s;
}

@keyframes example { 
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}