\@charset "utf-8";

#sub_top {/* height:108px; 훈련생/로컬/테섭용 */height:71px;}

	/* 최상단 타이틀/서브타이틀 */
.sub_titlebg_wrap {overflow:hidden; width:100%; height:215px;}
.sub_titlebg_wrap .sub_titlebg {height:100%;}

.sub_titlebg_wrap .sub_title_top {width:1280px; height:100%; margin:0 auto;}
.sub_titlebg_wrap .sub_title_top > h2 {padding:65px 0 20px; /* color:#333; */color: #131415; font-weight:700; font-size:60px;}
.sub_titlebg_wrap .sub_title_top span {color:#333; /* font-family:"RobotoCondensed-Bold",sans-serif; */ font-size:64px;}
.sub_titlebg_wrap .sub_title_top > p {color:#666; font-weight:400; font-size:20px;}

.sub_wrap .sub_titlebg_wrap {margin-bottom: 75px;}

	/* 최상단 타이틀/서브타이틀 - 마이페이지 */
/* .sub_titlebg_wrap.mypage_titlebg_wrap {height:300px;} */
/* .sub_titlebg_wrap .mypage_titlebg {background:url("/resources/images/landing/mypage/sub_mypage_titlebg.jpg") no-repeat; background-position:center; background-size:cover;} */
/* .sub_titlebg_wrap.mypage_titlebg_wrap .sub_title_top > h2 {color:#fff;} */
/* .sub_titlebg_wrap.mypage_titlebg_wrap .sub_title_top > p{color:#fff;} */


/* .sub_titlebg_wrap .about_titlebg {background:url("/resources/images/landing/about/sub_about_titlebg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .hrd_titlebg {background:url("/resources/images/landing/counsel/hrd_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .pf_titlebg {background:url("/resources/images/landing/pf/pf_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .room_titlebg {background:url("/resources/images/landing/atentsroom/room_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .survey_titlebg{background:url("/resources/images/landing/mypage/sub_mypage_survey_titlebg.jpg") no-repeat; background-position:center; background-size:cover; height:300px;} */
/* .sub_titlebg_wrap .counsel_titlebg {background:url("/resources/images/landing/counsel/counsel_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .curr_titlebg {background:url("/resources/images/landing/curriculum/curr_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .onlinepay_titlebg {background:url("/resources/images/landing/onlinepay/onlinepay_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .interview_titlebg {background:url("/resources/images/landing/interview/interview_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .sup_titlebg {background:url("/resources/images/landing/support/sup_bg.jpg") no-repeat;} */
/* .sub_titlebg_wrap .collaborate_titlebg {background:url("/resources/images/landing/support/collaborate_bg.jpg") no-repeat;} */
/*.sub_titlebg_wrap .online_title_top>h2{
    font-size:70px;
    font-family: 'Noto Sans KR',sans-serif, NanumGothic, Arial, Helvetica, "굴림체";
  }*/

.main_section .sec_wrap .sec_content .sub_title_common {margin-top:80px;}


/********** 섹션. .sub_wrap .sub_section 으로 통일하기 **********/
.sub_wrap {box-sizing: border-box;}
.sub_wrap *, .sub_wrap *::before, .sub_wrap *::after {box-sizing: inherit;}
/* class="sub_section" */
.sub_section {width: 100%; /* padding-bottom: 110px; */ margin: 0 auto;}
#main_section .sub_section {padding-bottom: 0;}
.sub_section_black {background-color: #1f2023;}
.sub_section_darkgray, .sub_section_darkgray_radius {background-color: #26272b;}
.sub_section_lightgray {background-color: #f8f8f8;}
	/* 교육과정 */
		 /* 검정색 아래로 볼록 */
.sub_section_black_radiusB {overflow-x: hidden; background-color: #26272b;}
.sub_section_black_radiusB .section_content_wrap {width: 104%; min-width: var(--page-width); margin: 0 -2%; border-radius: 0 0 50% 50% / 0 0 60px 60px; background-color: #090909;}
		 /* 검정색 위로 볼록 */
.sub_section_black_radiusT {overflow-x: hidden; background-color: #26272b;}
.sub_section_black_radiusT .section_content_wrap {width: 104%; min-width: var(--page-width); margin: 0 -2%; border-radius: 50% 50% 0 0 / 60px 60px 0 0; background-color: #090909;}
	/* 강사구인 */
.trecruit_wrap .sub_section_darkgray_radius .section_content_wrap {padding: 60px 0;}
.trecruit_wrap .sub_section_black_radiusB .section_content_wrap {background-color: #1f2023;}
.trecruit_wrap .sub_section_black_radiusT .section_content_wrap {background-color: #1f2023;}

/* class="section_content_wrap" */
.section_content_wrap {width: 100%; padding: 100px 0; margin: 0 auto;}

/* class="section_content" */
.section_content {overflow: hidden; width: var(--page-width); margin: 0 auto;}
.section_content.section_content_w100 {width: 100%; min-width: var(--page-width);}
.section_content_lr {display: -webkit-box; display: -moz-box; display: flex; /* justify-content: space-between; */}
.section_content_lr .section_content_l {text-align: left;}
.section_content_lr .section_content_r {}

.section_title {color: #fff; font-weight: 700; font-size: 50px; line-height: 1.35;} /* 배경 블랙 */
.section_subtitle {padding-top: 25px; color: #fff; /* font-weight: 300; font-size: 18px; */font-weight: 400; font-size: 20px; line-height: 1.6;} /* 배경 블랙 */
.section_content_l .section_subtitle {font-weight: 300; font-size: 18px;}
.sub_section_lightgray .section_title {color: #222; font-weight: 500; font-size: 40px; line-height: 1.2;} /* 배경 연회색 */
.sub_section_lightgray .section_subtitle {color: var(--color-gray); font-weight: 400; font-size: 18px; line-height: 1.4;} /* 배경 연회색 */
	/* 타이틀 > 데코 > 서브타이틀 */
.section_subtitle_deco::before {content: url(/resources/images/common/section_subtitle_img.svg); display: block; padding: 35px 0;}
	/* 타이틀 > 서브타이틀 > 데코 > 서브타이틀 */
.section_title + .section_subtitle_deco2 {padding-top: 60px;}
.section_subtitle_deco2::after {content: url(/resources/images/common/section_subtitle_img.svg); display: block; padding: 35px 0;}
.section_subtitle_deco2 + .section_subtitle {padding-top: 0;}

.content_title {color: #fff; font-weight: 500; font-size: 20px;}

.point_text {color: var(--color-red); font-weight: 400;}

/********** 스타일 **********/
.deco_dot {position: relative; height: 56px; margin: 30px 0 0;}
.deco_dot div {width: 4px; height: 4px; margin: 0 auto; border-radius: 50%; background: var(--color-gray);}
.deco_dot div::before {content: ''; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4px; height: 4px; border-radius: 50%; opacity: .7; background: var(--color-gray);}
.deco_dot div::after {content: ''; position: absolute; bottom: 0; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; opacity: .4; background: var(--color-gray);}


/********** 페이지 하단 빠른상담 **********/
.quickBottom_section {box-sizing: border-box; min-width: var(--page-width); padding-top: 100px; border-radius: 0 0 80px 80px; background: #090909; color: var(--color-font-gray); font-weight: 300; font-size: 16px; letter-spacing: 0;}
.quickBottom_section *, .quickBottom_section *::before, .quickBottom_section *::after {box-sizing: inherit; letter-spacing: inherit;}
.quickBottom_section .section_title {text-align: center;}
.quickBottom_section .section_subtitle {padding-bottom: 60px; border-bottom: 1px solid var(--color-gray); color: var(--color-font-gray); text-align: center;}
.quickBottom {width: -webkit-calc(var(--page-width) - 20px); width: calc(var(--page-width) - 20px);}

.consult_top {text-align: center;}
.consult_top_garland {position: relative; z-index: 1;}
.consult_top_garland ul {display: inline-block; position: relative; height: 96px; padding: 13px 60px; margin: 0 30px; line-height: 1.6;}
.consult_top_garland ul::before {content: ''; position: absolute; top: 0; left: 0; background: url(/resources/images/common/consult_deco1.png) no-repeat; width: 53px; height: 100%; background-size: contain;}
.consult_top_garland ul::after {content: ''; position: absolute; top: 0; right: 0; background: url(/resources/images/common/consult_deco2.png) no-repeat; width: 53px; height: 100%; background-size: contain;}
.consult_top_garland li:first-of-type {color: #fff; font-weight: 500; font-size: 24px;}
.consult_top_garland li:last-of-type {font-weight: 300; font-size: 19px;}
.consult_top_box {position: relative; width: var(--page-width); height: 177px; margin: 30px auto 0; padding-top: 55px; border-radius: 20px; background: var(--color-black);}
.consult_top_box::before {content: ''; position: absolute; top: -85px; left: 1.5%; width: 97%; height: 85px; border-bottom: 85px solid var(--color-darkgray); border-right: 170px solid #090909; border-left: 170px solid #090909;}
.consult_top_box::after {content: ''; position: absolute; top: -85px; left: 1.5%; width: 97%; height: 85px; background: linear-gradient(#090909 0%, transparent 100%);}
.consult_top p:not(.content_title) {font-size: 18px; line-height: 2.5;}
.consult_top .point_text {font-weight: 500;}


.quickBottom_section .section_content_wrap {border-radius: 75px; border: 10px solid #fff; background: var(--color-darkgray);}
.consult_section {}
.consult_section .l_consult_ment {margin: 45px 0 25px; color: #fff; font-weight: 400; font-size: 17px;}
.consult_section .l_consult_ment::before {content: url(/resources/images/common/consult_ment_deco.svg); margin-right: 5px; vertical-align: -2px;}
.consult_section .l_consult {display: flex; justify-content: space-between;}
.l_consult .l_consult_item_title {padding: 0 0 10px 5px; color: #fff; font-weight: 400; font-size: 18px;}
.l_consult .l_consult_item_left {width: 790px;}
.l_consult .l_consult_btn {margin-left: 0;}
.l_consult .l_consult_btn + .l_consult_item_title {font-weight: 300;}

	/*1.대분류 선택*/
.consultBox_radio_wrap{ width: 100%; height: 50px; color: var(--color-gray); font-size: 18px; font-weight: 500; text-align: center; line-height: 50px; display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 18px;}
.consultBox_radio_wrap .radio{border-bottom: 2px solid #3b3c43; cursor: pointer;}
.consultBox_radio_wrap input:checked + .radio {border-color: var(--color-red); color:#fff;}


	/*2. 중분류 선택*/
	
/*중분류it*/
.consult_category_it { padding: 28px; margin-top: 10px; border-radius: 10px; background: var(--color-black); color: #fff; font-size: 16px; font-weight: 400px; position: relative;}
.consult_category_it .checkmark_label{ display: inline-block; margin-right: 42px; margin-bottom: 20px;}
.consult_category_it .checkmark_label:last-of-type{ margin-bottom: 0; }
.consult_category_it .checkmark_label .label_text_small{ padding-left: 32px; color: #fff; font-size: 15px; font-weight: 200;}
.consult_category_it .category_tooltip{display: inline-block; margin-left: 5px; font-weight: 500; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #6f717b; font-size: 12px; line-height: 18px; text-align: center; color: #fff; background-color: #6f717b;}
.consult_category_it .category_tooltip_text{display:none; position: absolute; z-index: 1; width: 470px; padding: 12px 14px 12px 14px; margin-top: 6px; border: 2px solid #37383e; border-radius:10px; background-color: #2b2c31; color: #fff; font-size: 14px; letter-spacing: -0.03em; line-height: 20px;}

.consult_category_it .tool_txt_1:after {border-top: 10px solid #37383e; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; left: -15px; top:30px; content: ''; width: 9px; height: 9px; transform: rotate(90deg); }
.consult_category_it .tool_txt_2:after {border-top: 10px solid #37383e; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; left: -15px; top:30px; content: ''; width: 9px; height: 9px; transform: rotate(90deg); }
.consult_category_it .tool_txt_3:after {border-top: 10px solid #37383e; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; left: -15px; top:17px; content: ''; width: 9px; height: 9px; transform: rotate(90deg); }
.consult_category_it .tool_txt_4:after {border-top: 10px solid #37383e; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; left: -15px; top:28px; content: ''; width: 9px; height: 9px; transform: rotate(90deg); }
  
.consult_category_it .tool_txt_1{top: -4px; right: -50px;}
.consult_category_it .tool_txt_2{top: 41px; right: -80px;}
.consult_category_it .tool_txt_3{top: 98px; right: -93px;}
.consult_category_it .tool_txt_4{top: 155px; right: -75px;}

.category_tooltip:hover + .category_tooltip_text{display: block;}

	/* 관심과정 선택 */
.radio_wrap.consult_category {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; color: #fff; font-size: 18px; font-weight: 400; text-align: center; line-height: 56px;}
.radio_wrap input {}
.radio_wrap .radio_label {font-size: 16px; height: 60px; border-radius: 10px; border: 2px solid var(--color-black); background: var(--color-black); cursor: pointer;}
.radio_wrap input:checked + .radio_label {border-color: var(--color-red); background: #1a0e0e;}
	/* 관심과정 세부 선택 */
.l_consult_item_category_detail{margin-top: 20px;}	
	
.consult_detail .checkbox_wrap {/* display: grid; */display: none; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 28px; border-radius: 10px; border: 1px solid #37383e; background: #2b2c31; font-size: 15px;}
.checkbox_wrap .checkmark_label {cursor: pointer;}
.checkbox_wrap .checkmark_label .checkmark {display: inline-block; width: 24px; height: 24px; margin-right: 10px; border-radius: 5px; border: 2px solid var(--color-gray); background: var(--color-darkgray); vertical-align: top;}
.checkbox_wrap input:checked + .checkmark_label .checkmark {border-color: var(--color-red); background: var(--color-red);}
.checkbox_wrap input:checked + .checkmark_label .checkmark::before {content: ''; display: inline-block; width: 14px; height: 8px; border: solid #fff; border-width: 0 0 2px 2px; transform: skew(1deg) rotate(310deg); margin: 4px 0 0 3px;}
.l_consult .l_consult_item_right {width: 366px; margin-top: 15px;}

	/* 구분 - 국비지원 대상자 조회 */
.quickBottomHrd_section {}
.quickBottomHrd_section .hrd_checkbox_wrap {margin-bottom: 25px;}
.quickBottomHrd_section .hrd_checkbox_wrap .checkmark_label:not(:last-of-type) {margin-right: 28px;}
	
	/*교육희망 지점*/
.consult_branch_wrap{ width:100%; display:grid; grid-template-columns: repeat(3, 1fr); height: 60px; text-align: center; font-size: 16px; margin-bottom: 20px;}
.consult_branch_wrap .radio{ height: 60px; line-height: 56px; font-weight: 400; color: #fff; background-color: var(--color-black); border: 2px solid var(--color-black); border-radius: 10px; margin-right: 10px; cursor: pointer;}
.consult_branch_wrap input:checked + .radio{ border-color: var(--color-red); background: #1a0e0e;}

.consult_branch_wrap .radio:last-of-type{ margin-right: 0;}
	
	/* 신청자 정보 */
.l_consult_item_right input {caret-color: var(--color-red);}
.l_consult_item .name, .l_consult_item .tel {height: 60px; margin-bottom: 10px; border-radius: 10px; background: var(--color-black); color: #fff; font-size: 16px;}
.l_consult_item .name {width: 100%; padding: 0 20px;}
.l_consult_item .tel_box {display: flex; gap: 0 10px;}
.l_consult_item .tel1 {width: 110px; text-align: center;}
.l_consult_item .tel2 {width: 100%; padding: 0 20px;}
	/* 개인정보취급방침 동의 */
.l_consult_item .clause_agree_wrap {padding-left: 5px; font-weight: 400; font-size: 15px;}
.l_consult_item .clause_agree_wrap .checkmark_label {cursor: pointer;}
.l_consult_item .clause_agree_wrap .checkmark_label .checkmark {display: inline-block; width: 16px; height: 16px; margin-right: 6px; padding: 2px; border-radius: 50%; border: 1px solid var(--color-gray); vertical-align: -3px;}
.l_consult_item .clause_agree_wrap button {border-bottom: 1px solid; color: inherit; font-size: inherit; line-height: 1;}
.l_consult_item .clause_agree_wrap input:checked + .checkmark_label .checkmark {background: rgba(234, 33, 39, .5); vertical-align: 0;}
.l_consult_item .clause_agree_wrap input:checked + .checkmark_label .checkmark::before {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--color-red);}



	/* 최상단 타이틀/서브타이틀 아래 좀 작은 타이틀/서브타이틀 */
.sub_common .title {padding:70px 0 35px 0;}
.sub_common .title_main {color:#000; font-family:'RobotoCondensed-Bold',sans-serif; font-size:58px;}
.sub_common .title_main_k {color:#000; font-weight:500; font-size:50px; line-height:1.3;}
.sub_common .title_detail {width:100%; overflow:hidden; font-size:15px; line-height:1.3;}

.sub_listtype {padding-top:40px;}
.sub_listtype .story_content_list>ul>li {text-align: center; cursor: pointer; width:244px;}
.sub_listtype .story_content_list>ul>li .story_sum{width:244px; height:316px;}
.sub_listtype .story_content_list>ul>li .story_sum>img{width:100%; height:100%;}


/*국비지원 지원절차 & 취업센터 프로세스 아이콘부분*/
.process_actiontype{ width:1280px; margin:0 auto;position:relative;}
.process_actiontype2{ padding-bottom:163px;}
.process_actiontype > div { display:inline-block; transition: all 0.8s ease-out; text-align:center; margin-top:60px;}
.process_actiontype img{ margin-bottom:15px;}
.process_actiontype span.step{ font-family: 'Exo2.0-SemiBoldItalic'; color:#ed1f24; font-size:16.19px; display:inline-block; margin-bottom:9px;}
.process_actiontype strong{ font-weight:bold; font-size:18.03px; color:#333;}
.process_actiontype p{ font-size:16.03px; color:#666; margin-top:4px;}
.process_actiontype .target_title{ margin:0; float: left;}

/* .sub_section{padding-bottom:0px !important;} */

/*서브페이지_간편상담문의*/
.sub_table{width:1280px; border-top:1px solid #828282; box-sizing:border-box; margin: 0 auto;}
.sub_table>ul{}
.sub_table>ul>li{width:1280px; height:65px; border-bottom:1px solid #d4d4d4; box-sizing:border-box;}
.sub_table>ul>li>p:nth-child(1){float:left; line-height:65px; text-align: right; padding-right: 20px;}
.sub_table>ul>li>p:nth-child(2){float:left; line-height:65px; padding-left: 20px;}

/* 가로줄 테이블 */
.common_table {box-sizing:border-box; width:100%;}
.common_table th {}
.common_table td {}


.sub_num_common{padding-top:12px;}

/*페이지 넘기는 버튼*/
.botlist_num>div{margin: 30px auto; text-align: center; }
.botlist_num>div a{width: 38px; height: 43px; display:inline-block;text-align: center; border: 1px solid #d4d4d4; line-height: 43px; margin-right: 5px; font-size: 15px; font-family: "NSR_R"; letter-spacing: -1.5px; color: #2b2b2b; cursor: pointer;}

.botlist_num>div a.last{margin-right:0;}
.botlist_num>div a:hover{border:1px solid #b01f23; background:#e0282d; color:#fff;}
.botlist_num>div a.nohover:hover{border:1px solid #d4d4d4; color:#d4d4d4;}

.botlist_num>div a.board_num_on{border:1px solid #b01f23; background:#e0282d; color:#fff;}

.botlist_num>div a.board_num_prev {background:url(/resources/images/landing/page_left.png) no-repeat center;}
.botlist_num>div a.board_num_first {background:url(/resources/images/landing/page_edge_left.png) no-repeat center; vertical-align: middle; margin-top: -3px; height: 43px;}
.botlist_num>div a.board_num_next {background:url(/resources/images/landing/page_right.png) no-repeat center;}
.botlist_num>div a.board_num_last {background:url(/resources/images/landing/page_edge_right.png) no-repeat center; vertical-align: middle; margin-top: -3px; height: 43px;}

.botlist_num>div a.board_num_prev:hover { background:#e0282d url(/resources/images/landing/page_left.png) no-repeat center;}
.botlist_num>div a.board_num_first:hover { background:#e0282d url(/resources/images/landing/page_edge_left.png) no-repeat center;}
.botlist_num>div a.board_num_next:hover { background:#e0282d url(/resources/images/landing/page_right.png) no-repeat center;}
.botlist_num>div a.board_num_last:hover { background:#e0282d url(/resources/images/landing/page_edge_right.png) no-repeat center;}