@charset "utf-8";

/* 간편상담문의 */
.counselForm_wrap {width:100%; min-width:var(--page-width); height:700px;height:auto; margin-top:70px; padding-bottom:65px; background:#f5f5f5;}
.counselForm {/* width:var(--page-width); */width:990px; margin:0 auto;}
.counselForm p.counsel_title {padding:65px 0 35px; color:var(--common-point-font); font-family:"CoreGothic6"; font-size:37px; text-align:center; line-height:1;}
.counselForm .info_title {height:24px; /* padding-bottom:5px; */ font-family:"CoreGothic4"; font-size:16px; font-weight: 600; margin-left: 5px;}
.counselForm .info_title.select_title {display:inline-block; width:185px;}
.counselForm span.error_msg {display:none; padding-left:8px; color:#ec1f27; font-family:"CoreGothic4"; font-size:13px; vertical-align:1px; font-weight: 500;}

	/* 좌측 */
/*라디오버튼 추가*/
.sr_only, input[type="checkbox"].sr-only, input[type="radio"].sr-only {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);} /* 스크린리더에만 읽히고, 화면에서는 제외 */
		
.counselForm .counselForm_left {display:inline-block; width:465px;}
.counselForm_left .counselForm_leftTop {/* height:210px; */padding-bottom:15px;}
.counselForm_left input[type="checkbox"] {-webkit-appearance:button;}
.counselForm_left input[type="checkbox"]:checked {-webkit-appearance:button;}
.counselForm_left .interest_box {margin-bottom:7px;}
/* .counselForm_left label {position: relative; z-index: 1; display:inline-block; width:124px; height:50px; border:1px solid var(--border-lightgray); border-radius:5px; margin-bottom:5px; background-color:#fff; font-family:"CoreGothic4"; font-size:16px; text-align:center; line-height:2.8; white-space:nowrap; cursor:pointer;}
.counselForm_left label:not(:nth-of-type(3n)) {margin-right:3px;} */

/* .counselForm_left input[type="checkbox"]:checked + label {border-color:var(--common-point); background-color:var(--common-point); color:#fff; font-family:"CoreGothic5";}
 */
 
	/*1. 대분류*/
.consult_categoryMain input[type="checkbox"]:checked + label {border-color:var(--common-point); background-color:var(--common-point); color:#fff; font-family:"CoreGothic5";}
	
.consultBox_radio_wrap{ width: 100%; height: 50px; color: #222; text-align: center; line-height: 50px; display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 18px; gap:4px;}
.consultBox_radio_wrap .radio{cursor: pointer; height: 44px; position: relative; z-index: 1; display:inline-block; border:1px solid var(--border-lightgray); border-radius:5px; background-color:#fff; text-align:center; line-height:44px; white-space:nowrap;}
.consultBox_radio_wrap label{/*width: 152px;*/ height: 44px; font-family:"CoreGothic4"; font-size: 16px; font-weight: 500;}
/*.consultBox_radio_wrap label:not(:nth-of-type(3n)) {margin-right:4px;}*/
.consultBox_radio_wrap input:checked + .radio { background-color:var(--common-point); color:#fff;}


	/*2. 중분류*/
		/* 희망과정 point */

/*checked로 변경되며 사라진 금빛효과
input.counsel_point + label {border-color: transparent; color: transparent; background: linear-gradient(135deg, #87480d, #ef9f00, #fbcc34, #ef9f00, #87480d); background-clip: text; text; font-family: "CoreGothic4"; -webkit-background-clip: font-size: 17px; line-height: 43px;}
input.counsel_point + label::before {content: ''; position: absolute; top: -1px; left: -1px; z-index: -1; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); height: -webkit-calc(100% + 2px); height: calc(100% + 2px); border-radius: 5px; border: 2px solid transparent; background-image: linear-gradient(to right, #fff, #fff), linear-gradient(135deg, #df9000, #f3a200 6%, #fff78e 52%, #f3a200 98%, #df9000); background-origin: border-box; background-clip: content-box, border-box; mix-blend-mode: multiply;}
*/
input.counsel_point:checked + label {background: initial;}
input.counsel_point:checked + label::before {display: none;}

.radio_wrap.consult_category {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr);  color: #222; text-align: center;}
.radio_wrap .radio_label {margin-right: 4px; width: 152px; height: 44px;  line-height: 45px; border-radius: 5px; border:1px solid var(--border-lightgray); background: #fff; font-family:"CoreGothic4"; font-size: 16px; font-weight: 500; cursor: pointer;margin-bottom: 5px; }
.radio_wrap .radio_label:last-of-type{margin-right: 0px;}
.radio_wrap input:checked + .radio_label {background: var(--common-point); color: #fff;}

	/*중분류>it*/
.consult_category_it {font-family:"CoreGothic4"; display: none; margin-left: 5px; margin-top: 10px; color: #222; font-size: 15px; 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{ color: #444; margin-left:24px; font-size: 14px;}

	/*중분류>it>체크박스*/
.consult_category_it .checkmark_label .checkmark {display: inline-block; width: 20px; height: 20px; border-radius: 5px; border: 1px solid var(--border-lightgray); margin-right: 5px; background-color: #fff; vertical-align: top; cursor: pointer; position: relative;}
.consult_category_it input:checked + .checkmark_label .checkmark { padding: 3px 0 0 5px; border-color: var(--common-point);}
.consult_category_it .checkmark_label {cursor: pointer; font-family:"CoreGothic5";}
.consult_category_it input:checked + .checkmark_label .checkmark::before {content: ''; display: inline-block; width: 14px; height: 8px; border: solid var(--common-point); border-width: 0 0 2px 2px; transform: skew(1deg) rotate(310deg); margin: -1px 0 0 -3px;}

.consult_category_it .category_tooltip{ display: inline-block; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #222; margin-left: 5px; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; color: #c7c7c7; background-color: #222;}
.consult_category_it .category_tooltip_text{display:none; position: absolute; z-index: 11; width: 510px; padding: 20px; margin-top: 6px; border: 1px solid transparent; border-radius:10px; background-color: #fff; color: #222; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; line-height: 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.consult_category_it .category_tooltip_text:after {border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; right: 250px; top:-10px; content: ''; width: 9px; height: 9px; transform: rotate(180deg); }
  
.consult_category_it .tool_txt_1{top: 30px; right: -94px;}
.consult_category_it .tool_txt_2{top: 70px; right: -121px;}
.consult_category_it .tool_txt_3{top: 110px; right: -134px;}
.consult_category_it .tool_txt_4{top: 170px; right: -117px;}
.category_tooltip:hover + .category_tooltip_text{display: block;}

	/*3.소분류 세부과정*/
.l_consult_item_category_detail{margin-top: 20px;}
.consult_detail .checkbox_wrap {display: grid; grid-template-columns: repeat(3, 1fr); font-size: 15px; margin-top:10px;}
.consult_detail .checkbox_wrap .checkmark_label .checkmark {display: inline-block; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #bec7d3; margin-right: 5px; background-color: #fff; vertical-align: top; cursor: pointer; position: relative;}
.consult_detail .checkbox_wrap input:checked + .checkmark_label .checkmark { padding: 3px 0 0 5px; border-color: var(--common-point);}
.consult_detail .checkbox_wrap .checkmark_label {width: 157px; cursor: pointer; margin-bottom: 20px; margin-right: 10px;  letter-spacing: -0.06em;}
.consult_detail .checkbox_wrap .checkmark_label:nth-of-type(3){margin-right: 0px;}
.consult_detail .checkbox_wrap .checkmark_label:nth-of-type(6){margin-right: 0px;}
.consult_detail .checkbox_wrap input:checked + .checkmark_label .checkmark::before {content: ''; display: inline-block; width: 14px; height: 8px; border: solid var(--common-point); border-width: 0 0 2px 2px; transform: skew(1deg) rotate(310deg); margin: -1px 0 0 -3px;}
	/* 좌측 하단 */	
.counselForm .counselForm_bottom { padding-left:87px; background:url(/resources/images/counsel/counsel_deco.png) no-repeat;}
.counselForm .counselForm_bottom p:first-of-type {padding-bottom:10px; font-size:16px;}
.counselForm .counselForm_bottom p:last-of-type {font-family:"CoreGothic4"; font-size:16px;}
.counselForm .counselForm_bottom p span {font-size:14px;}
	/* 우측 */
.counselForm .counselForm_right {float:right; display:inline-block; width:465px; margin-top: 5px;}
.counselForm .counselForm_right::before {content:""; display:inline-block; float:left; width:1px; height:510px; margin:1px 0 0 -28px; background:#ddd;}
.counselForm .counselForm_right .counsel_info {/* height:235px; */}
.counselForm .counselForm_right .counsel_info input {border-color:var(--border-lightgray)}
.counselForm .counselForm_right .counsel_info li:not(:last-of-type) {padding-bottom:14px;}
.counselForm .counselForm_right .counsel_info input[id^=name] {width:100%;}
.counselForm .counselForm_right .counsel_info p[id^=mobile_sp] {color:#909090; font-size:12px; letter-spacing:-0.065em;}
.counselForm .counselForm_right .counsel_info input.mobile {width:137.5px; padding-left:0; font-size:15px; text-align:center; letter-spacing:-0.04em;}
	/*교육희망 지점*/
.l_consult_item_branch{ margin-top: -7px;}
.consult_branch_wrap{display:grid; grid-template-columns: repeat(2, 1fr); gap:7px; text-align: center; font-weight: 500; margin-bottom: 20px;}
.consult_branch_wrap .radio{ color: #222; background-color: #fff; border: 1px solid var(--border-lightgray); border-radius: 5px; cursor: pointer; line-height: 44px; height: 44px;}
.consult_branch_wrap label{width: 100%; height: 44px; font-family:"CoreGothic4"; font-size: 16px; font-weight: 500;}
.consult_branch_wrap input:checked + .radio{ background: var(--common-point); color: #fff;}
.consult_branch_wrap .radio:last-of-type{ margin-right: 0;}	
	/* 커뮤니티 팝업 하단 */
.counselForm .counselForm_right .counsel_info input.mobile_pop {width:105px; padding-left:0; font-size:15px; text-align:center; letter-spacing:-0.04em;}
	/* 연령대/수강목적 */
.counselForm .requiredInfo_select {width:100%; height:44px; padding-left:10px; border:1px solid var(--border-gray); border-radius:0; outline:none; background-color:#fff; background-image:url(/resources/images/common/select_down.png); background-repeat:no-repeat; background-position:95% 50%; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.counselForm .requiredInfo_select::-ms-expand {display:none;}
	/* 개인정보 취급방침 체크박스 */
.counselForm .agreebox {position:relative; height:25px; padding-top:5px;}
.counselForm .agreebox label {position:absolute; padding-left:23px; font-family:"CoreGothic4"; letter-spacing:0; cursor:pointer;}
	/* it박스 체크 중복으로 인한 경로 변경*/
.agreebox span.checkmark {position:absolute; top:0; left:0; height:20px; width:20px; background-color:#fff; border:1px solid #333; cursor:pointer;}
.agreebox span.checkmark::after {content:""; display:none; position:absolute; left:6px; top:1px; width:6px; height:12px; border:solid white; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.agreebox input:checked ~ label span.checkmark {background-color:#333;}
.agreebox input:checked ~ label span.checkmark::after {display:block; position:absolute; left:6px; top:1px; width:6px; height:12px; border:solid white; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.agreebox label span:not(.checkmark) {font-family:"CoreGothic5"; text-decoration:underline; text-underline-position:under;}
.agreebox span.error_msg {position:absolute; top:23px; left:16px;}
	/* 개인정보 취급방침 체크박스  종료*/
	/* 상담 신청하기 버튼 */
.counselForm .counselForm_right .btn {margin:45px 0 70px}



.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){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: 300px; 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:#122792; margin-left:10px;}

.counsel_table>ul>li .p2 span{display: none; font-size: 13px; color: #122792; 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"]: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; padding-left:20px; padding-right:15px; margin-right:15px; position:relative; top:17px;top:-2px;}
.counsel_table>ul>li label.interest_width{width:135px;}
.counsel_table>ul>li span.error_msg{display:none; font-size: 13px; color: #122792; position: absolute; top: 19px;}

.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{position:relative; top:1.3px; width:auto; height:25px; margin-left:-25px; color:#3d3d3d; font-size:13px;}
.counsel_table>ul>li.agreeli .agreebox input[type="checkbox"]{position:relative; margin-top:-16px; vertical-align:top;}
.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: #122792;} */