@charset "utf-8";


/*국비지원 상담문의*/
.hrd_counselForm{height:608px !important; padding-bottom: 201px !important; }
.hrd_wrap .hrd_wrap_bg .title_detail p{width:777px; color:#666; }
.counselForm {width: 1280px; margin:0 auto; height:458px; padding-bottom:170px; clear: both; margin-top:130px; }
.counselForm p.counsel_title {font-size:28px; color: #000; text-align: center; padding:11px 0 20px 0; font-weight:400;}




.counsel_table{}
.counsel_table>ul>li>p:nth-child(1){width:275px; height:100%; background:#f9f9f9; font-size:16px; font-weight:400; color:#333;}
.counsel_table>ul>li>p:nth-child(2){width:885px; height:65px; font-size:17px; color:#2f2f2f; text-align:left; position:relative;}
.counsel_table>ul>li input[type="text"] {height: 35px; border: 1px solid #e3e3e3; margin: 15px 0px; padding-left:10px; line-height: 35px; font-size: 15px;letter-spacing: -0.5px; color: #2c2c2c;}
.counsel_table>ul>li:nth-child(1) input[type="text"] { width: 349px; border: 1px solid #e3e3e3; /* font-size:12px; */ }
.counsel_table>ul>li:nth-child(1) input[placeholder]{  }

.counsel_table>ul>li #mobile_sp{color:#909090; line-height:61px;}
.counsel_table>ul>li #mobile_sp input[type="text"] {text-align:center; padding:0; margin:0 2px;}
.counsel_table>ul>li #mobile_sp .mobile:nth-child(1){width:95px; margin-left:0px;}
/*.counsel_table>ul>li #mobile_sp .mobile:nth-child(2){width:110px; margin:0 2px;}
.counsel_table>ul>li #mobile_sp .mobile:nth-child(3){width:110px; margin-left: 2px;}*/
.counsel_table>ul>li #mobile_sp .mobile:not(:first-of-type) {width:110px;}
.counsel_table>ul>li #mobile_sp span{display: none; font-size: 13px; color: #ea2026; margin-left: 10px;}

.counsel_table>ul>li .p2 span{display: none; font-size: 13px; color: #ea2026; margin-left: 10px;}
/* .counsel_table>ul>li input[type="checkbox"] { cursor:pointer; -webkit-appearance:button; width:14px; height:14px; border-radius:2px; background-color:#fff; border:1px solid #e3e3e3; position:absolute; top:26px;top:25px; margin:0 6px 3px 0px;margin-right:6px;} */
.counsel_table>ul>li 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;}
.counsel_table>ul>li 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;}
.counsel_table>ul>li label {font-size:15px; cursor:pointer; white-space:nowrap; color:#333; display:inline-block; height:30px; line-height:27px;line-height:30px; padding-right:15px; margin-right:3px; position:relative; top:-2px;}
.counsel_table>ul>li label.interest_width{width:135px;}
.counsel_table>ul>li span.error_msg{display:none; font-size: 13px; color: #ea2026; position: absolute; top: 19px; right: 3px; z-index: -1;}

.counsel_table>ul>li.agreeli{height:160px;}
.counsel_table>ul>li>p#agreetxt{line-height:158px;}
.counsel_table>ul>li.agreeli .agreebox{float: left; padding-left: 20px; width: 885px; text-align: left;}
.counsel_table>ul>li.agreeli .agreebox #userAgreement{background: #fff; overflow: auto; padding: 15px; width: 650px; height: 107px; border: 1px solid #e3e3e3; box-sizing: border-box; margin: 12px 0 6px; font-size: 14px; letter-spacing: -1px; color: #787878;}
.counsel_table>ul>li.agreeli .agreebox #userAgreement b{ font-size: 15px; color: #787878; line-height: 20px; font-weight:400;}
.counsel_table>ul>li.agreeli .agreebox label{font-size: 13px; color: #3d3d3d; width:auto; height:25px; /* position:relative; top:1.3px; margin-left:-25px; */margin-left: -7px;}
.counsel_table>ul>li.agreeli .agreebox input[type="checkbox"]{position:relative; /* vertical-align:top; margin-top:-16px; */}
.counsel_table>ul>li.agreeli .agreebox input[type="checkbox"]:checked {position:relative; /* vertical-align:top; margin-top:-16px; */}
.counselForm .cont_btn { text-align:center; padding:0; margin:48px 0 0;}
.counselForm .cont_btn a {color: #fff; font-size: 16px; padding: 18px 30px; background: #ea2026;}


/*아텐츠룸 팝업 안에 간편상담문의*/
#atentsroom_popup .popupcounselForm{ width:auto; padding:0; margin-top:30px; }
#atentsroom_popup .popupcounselForm .cont_btn{ margin:48px 0 50px 0; }
#atentsroom_popup .popupcounselForm .popupcounsel_table{ width: 780px;}
#atentsroom_popup .popupcounselForm .popupcounsel_table>ul>li{ width:780px; height:65px; }
#atentsroom_popup .popupcounselForm .popupcounsel_table>ul>li>p:nth-child(1){ width:175px; line-height:63px;}
#atentsroom_popup .popupcounselForm .popupcounsel_table>ul>li>p:nth-child(2) { width:530px; position:relative; float:left;}

.popupcounsel_table>ul>li .p2 span{display: none; font-size: 13px; color: #ea2026; 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:4px; */ padding-right:0; margin-right:59px;}

.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_main{font-size:49.78px !important; letter-spacing: -3.2px !important; font-weight:500 !important;}
.counsel_table>ul>li.reqli{height: 108px;}
.counsel_table>ul>li.reqli input[type="textarea"] {width: 648px; height:80px; background:#fff; border: 1px solid #e3e3e3; margin: 14px 0; font-size: 15px; font-family: "NSR_R"; letter-spacing: -0.5px; color: #2c2c2c; padding-left: 10px;}
.counsel_table>ul>li.reqli .reqli_01{line-height:107px;}
.textarea{width: 648px; height:80px; background:#fff; border: 1px solid #e3e3e3; margin: 14px 0; font-size: 15px; font-family: "NSR_R"; letter-spacing: -0.5px; color: #2c2c2c; padding-left: 10px;}

.counsel_action_wrap_bg {width:99%; height:584px; margin:0 auto; background-color: #090909; border-radius:75px; border: 2px solid transparent; background-image: linear-gradient(#090909, #090909), linear-gradient(to right, #BB7B3B, #E9CDAC, #D18C42); background-origin: border-box; background-clip: content-box, border-box;}
.counsel_action_wrap {display:block; position:relative; overflow:hidden; width:1280px; height:584px; margin:0 auto; text-align:left;}
.counsel_action_wrap .counsel_event_content{display:inline-flex;}
.arrow_icon{text-align:center; margin:30px auto 80px;}

.counsel_action_wrap .counsel_action_bg {
/*     opacity: 0;  */
/*     transform: scale(1) translate3d(0, 0, 0) scale(1);  */
/*     transition: all 0.3s;  */
/*     animation: revealText 300ms cubic-bezier(0.7, 0, 0.3, 1) forwards 300ms; */
    width:1280px;
    height:584px;
    margin:0 auto;
    position: absolute;
    top:0px;
}

.counsel_action_wrap .counsel_action_bg img{
	width:1280px; height:584px;
}

.counsel_action_wrap .action_icon {
    z-index: 1;
/*     opacity: 0; */
/*     transform: scale(1) translate3d(0, 0, 0) scale(1); */
/*     animation: revealText 800ms cubic-bezier(0.7, 0, 0.3, 1) forwards 800ms; */
    font-size:15px; 
    color:#333; 
    font-weight:300;
    margin-top:220px;
    padding:69px;
    overflow: hidden;  
}
.counsel_action_wrap .action_icon p{
    color:#565656; 
    font-size:15px; 
    font-weight: 400;
    line-height:1.7; 
}
.counsel_action_wrap .action_icon span{
    color:#333; 
    font-size:20px; 
    font-weight: 500; 
    display:inline-block; 
    margin-bottom: 7px;
}

/* @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);
  }
} */


/*20200219_국비지원*/
.hrd_wrap { background:url(/resources/images/landing/counsel/sub_counsel_gukbi01.jpg) no-repeat; background-position: bottom; height:597px;}
.hrd_wrap .hrd_wrap_bg{ width:1280px; height:auto; margin:0 auto; position:relative;}
/* .hrd_wrap .hrd_wrap_bg .title{ padding:79px 0 37px 0;} */
.hrd_wrap .hrd_wrap_bg .title_main_k {margin-bottom:17px;}
.hrd_wrap .hrd_wrap_bg .action_view{ position: absolute; right:0; bottom:40px;}
.hrd_wrap .hrd_wrap_bg .action_view .actionBtn .hover .txt{ background:url(/resources/images/landing/counsel/save_btn.png) no-repeat; background-position:right 2px top 13px}
.hrd_wrap .hrd_wrap_bg .action_view .actionBtn:hover .hover .txt { background:url(/resources/images/landing/counsel/save_btn_hover.png) no-repeat; background-position:right 2px top 13px}
.hrd_wrap .hrd_wrap_bg .action_view .actionBtn span{ padding:0px 27px 0 19px;}
.hrd_wrap .hrd_wrap_bg .visit_submit{ font-size:13.5px; text-align: center; margin-top:7px; color:#333; }
.hrd_wrap .hrd_training_box{width:1280px; height:auto; margin:0 auto; position:relative;}
.hrd_wrap .hrd_training_box .hrd_free{ position:absolute; top:0; left:0;}
.hrd_wrap .hrd_training_box .hrd_pay{ position:absolute; top:0; right:0;}
.hrd_wrap .hrd_training_box .hrd_text{ font-size:16px; color:#666; padding:15px 0 4px 0; font-weight:500;}
.hrd_wrap .hrd_training_box .hrd_text2{ font-size:20px; color:#444; font-weight: bold;}

.target_support{ width:1280px; height:426px; margin:0 auto; background:url(/resources/images/landing/counsel/sub_counsel_gukbi02.jpg) no-repeat; position: relative;}
.target_support .target_text{ position:absolute; top:200px; left:405px;}
.target_support .target_text p{ font-size:17px; color:#444; line-height:1.75;}
.target_support .target_text span{ font-size:17px; font-weight:700; color:#444;}

.process_actiontype .loding1 {
    animation-name:example;
    animation-duration: 2s;
    animation-delay:0s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s; 
    position: relative;
    animation-fill-mode: forwards;
    opacity: 0;
}
.process_actiontype .loding2 {
    animation-name:example;
    animation-duration: 2s;
    animation-delay:0s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s; 
    position: relative;
    top:-139px;
    animation-fill-mode: forwards;
    opacity: 0;
    padding:0 10px 0 28px;
}
.process_actiontype .loding3 {
    animation-name:example;
    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;
    position: relative;
    animation-fill-mode: forwards;
    opacity: 0;

}
.process_actiontype .loding4 {
    animation-name:example;
    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;
    position: relative;
    top:-139px;
    padding: 0 5px 0 13px;
    animation-fill-mode: forwards;
    opacity: 0;

}
.process_actiontype .loding5 {
    animation-name:example;
    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;
    position: relative;
    animation-fill-mode: forwards;
    opacity: 0;

}
.process_actiontype .loding6 {
    animation-name:example;
    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;
    position: relative;
    top:-139px;
    animation-fill-mode: forwards;
    opacity: 0;
    padding: 0 0 0 5px;

}
.process_actiontype .loding7 {  
    animation-name:example;
    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;
    position: relative;
    animation-fill-mode: forwards;
    opacity: 0;
    padding: 0 23px 0 20px;
}
.process_actiontype .loding8 {
    animation-name:example;
    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;
    position: relative;
    top:-139px;
    animation-fill-mode: forwards;
    opacity: 0;

}
.process_actiontype .loding9 {  
    animation-name:example;
    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;
    position: relative;
    animation-fill-mode: forwards;
    opacity: 0;
    padding: 0 0 0 40px;
}

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


/*FAQ*/
.sub_counsel_faq{width: 1200px; margin: 0 auto;}
.sub_counsel_faq .sub_faqbtn{width: 249px;}
.sub_counsel_faq .slidebtn>.tap_onbox{width:92px;}
.sub_counsel_faq .sub_faqlist{border-top: 1px solid #d4d4d4;}
.sub_counsel_faq .faqlist1{}
.sub_counsel_faq .sub_faqlist>ul{}
.sub_counsel_faq .sub_faqlist>ul>li{border-bottom: 1px solid #d4d4d4; padding: 15px 45px; cursor:pointer;}
.sub_counsel_faq .sub_faqlist>ul>li>.list_q{  }
.sub_counsel_faq .sub_faqlist>ul>li>.list_q>.q_img{display: inline-block; width:24px; height:24px; background: url(/resources/images/landing/counsel/sub_faq_plus.jpg);}
.sub_counsel_faq .sub_faqlist>ul>li.on>.list_q>.q_img{background: url(/resources/images/landing/counsel/sub_faq_minus.jpg);}
.sub_counsel_faq .sub_faqlist>ul>li>.list_q>p{font-size:16px; font-family:"NSR_R"; letter-spacing:-1.5px; color:#2c2c2c; display: inline-block; margin: -14px 0 0 10px; vertical-align: middle;}
.sub_counsel_faq .sub_faqlist>ul>li>.list_q:hover p{color:#24c3b0;}
.sub_counsel_faq .sub_faqlist>ul>li.on>.list_q>p{color:#24c3b0;}
.sub_counsel_faq .sub_faqlist>ul>li>.list_a{display:none; margin-top: 10px;}
.sub_counsel_faq .sub_faqlist>ul>li>.list_a>p{font-size:15px; font-family:"NSR_L"; letter-spacing:-1.5px; color:#2c2c2c; line-height: 22px;}