@charset "utf-8";

.sr_only{position: absolute;overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0,0,0,0);}
input[type="checkbox"], input[type="checkbox"]:checked {display: none;}

/* 간편상담문의 */
.counselForm {text-align:left !important; box-sizing:border-box; width:90%; margin:60px auto 20px; /* background:#f8f8f8; border-top:1px solid #d5d5d5; */border-top:1px solid var(--border-darkgray);}
.counselForm *, .counselForm *::before, .counselForm *::after {box-sizing:inherit;}
.counsel_title {font-size:40pt; font-family:"CoreGothic6"; text-align:center; padding:100px 0 50px;}
.l_consult_item{padding-top:30px;}
/*소제목*/
.counselForm .info_title{font-size:25pt; font-family:"CoreGothic5"; height:50px; margin-bottom:15px;}
/*1. 대분류 교육희망 과정 */
.counselForm .consultBox_radio_wrap{width:100%;height:105px;color:#222;text-align:center;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.consultBox_radio_wrap .radio {position: relative;z-index: 1;display: inline-block;border: 2px solid var(--border-lightgray);border-radius: 10px;background-color: #fff;text-align: center;white-space: nowrap;}
.consultBox_radio_wrap label {height: 105px;line-height: 105px;font-family: "CoreGothic4";font-size: 25pt;} 
.consultBox_radio_wrap input:checked + .radio{background-color: var(--common-point);color: #fff;font-family: "CoreGothic5";}
/*2. 중분류 희망과정 선택*/
.radio_wrap.consult_category {display: grid;grid-template-columns: repeat(3, 1fr); gap:10px;color: #222;text-align: center; margin-bottom:18px;}
.radio_wrap .radio_label {height: 105px;line-height: 105px;border-radius: 10px;border: 2px solid var(--border-lightgray);background: #fff;font-family: "CoreGothic4";font-size: 25pt;}
.radio_wrap input:checked + .radio_label {background: var(--common-point);color: #fff; font-family: "CoreGothic5";}

/*2.중분류 희망과정 선택 - it*/
.consult_category_it {font-family: "CoreGothic4";margin-left: 5px;margin-top: 10px;color: #222;font-size: 25pt;position: relative;padding: 10px 5px;}
.consult_category_it .checkmark_label {display:block; margin-bottom:50px;}
.consult_category_it .checkmark_label:last-of-type{margin-bottom:0;}
.consult_category_it .checkmark_label .checkmark {display: inline-block;width: 50px;height: 50px;border-radius: 5px;border: 2px solid var(--border-lightgray);margin-right: 12px;background-color: #fff;vertical-align: middle;position: relative;}
.consult_category_it input:checked + .checkmark_label .checkmark {padding: 3px 0 0 5px;border-color: var(--common-point);}
.consult_category_it input:checked + .checkmark_label .checkmark::before {content: '';display: inline-block;width: 26px;height: 14px;border: solid var(--common-point);border-width: 0 0 4px 4px;transform: skew(1deg) rotate(310deg);margin: 8px 0 0 6px;}
.consult_category_it .checkmark_label .label_text_small{color: #444;margin-left: 60px;font-size: 23pt;}

/*3.소분류 세부 교육과정*/
.consult_detail .checkbox_wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap:35px;font-size: 24pt; margin-bottom:18px;}
.consult_detail .checkbox_wrap .checkmark_label { letter-spacing: -0.06em; }
.consult_detail .checkbox_wrap .checkmark_label .checkmark {display: inline-block;width: 50px;height: 50px;border-radius: 5px;border: 2px solid var(--border-lightgray);margin-right: 12px;background-color: #fff;vertical-align:middle;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 input:checked + .checkmark_label .checkmark::before {content: '';display: inline-block;width: 26px;height: 14px;border: solid var(--common-point);border-width: 0 0 4px 4px;transform: skew(1deg) rotate(310deg);margin: 8px 0 0 6px;}

/*교육희망 지점*/
.consult_branch_wrap{width:100%;height:105px;color:#222;text-align:center;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;}
.consult_branch_wrap .radio {position: relative;z-index: 1;display: inline-block;border: 2px solid var(--border-lightgray);border-radius: 10px;background-color: #fff;text-align: center;white-space: nowrap;}
.consult_branch_wrap label {height: 105px;line-height: 105px;font-family: "CoreGothic4";font-size: 25pt;} 
.consult_branch_wrap input:checked + .radio{background-color: var(--common-point);color: #fff;font-family: "CoreGothic5";}
/*************************************************************************/
.counselForm form {width:95%; margin:0 auto;}
.counselForm form .counsel_info {/* padding:25px; */}
/* .counselForm form > ul:first-of-type {float:left; width:120px; padding:0;} */
/* .counselForm form > ul:nth-of-type(2) {float:left; width:-webkit-calc(100% - 140px); width:calc(100% - 140px); padding:0; margin-left:20px;} */
.counselForm .counsel_info {width:100%;}
.counselForm .counsel_info li {height:105px; /* background:#f8f8f8; border:1px solid var(--border-gray); */}
.counselForm .counsel_info li:not(:last-of-type) {margin-bottom:15px;}
.counselForm .counsel_info .info_title {border:0; text-align:right; font-size:22pt; /* line-height:85px; */line-height:105px;}
.counselForm .counsel_info select {/* width:100%; */width:49%; height:100%; padding-left:20px; border-radius:0; /* border:0; */ border:1px solid var(--border-gray); background-color:#fff; background-image:url(/mobile/resource/images/sub/onlinepay/arrow_down.jpg); background-repeat:no-repeat; background-position:95% 50%; background-size:3%; color:#333; font-size:22pt; letter-spacing:-0.05em; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.counselForm .counsel_info select::-ms-expand {display:none;}
.counselForm .counsel_info li select:first-of-type {margin-right:1.4%;}
.counselForm .counsel_info li input {box-sizing:border-box; width:100%; height:100%; padding:15px; border:1px solid var(--border-gray); font-size:22pt;}
.counselForm .counsel_info li input[type="text"] {outline:none; height:100%; border-radius:10px; background:#fff; font-family:"CoreGothic4"; line-height:105px;padding-left:35px;}
.counselForm .counsel_info li input::placeholder {font-size:25pt;}
.counselForm .counsel_info li input[type="tel"] {-webkit-appearance:none; outline:none; width:-webkit-calc(92% / 3); width:calc(92% / 3); height:100%; border-radius:10px; background:#fff; font-family:"CoreGothic4"; font-size:25pt; line-height:105px; text-align:center;}
.counselForm .counsel_info li textarea {-webkit-appearance:none; outline:none; box-sizing:border-box; width:100%; height:150px; padding:15px; border:1px solid var(--border-gray); font-size:20px; font-family:"CoreGothic3"; letter-spacing:-2px; color:#000; line-height:40px;}

.counselForm_Top .btn{width:100% !important; margin-bottom:100px;}

.counselForm .counsel_info .clause_btn {margin-top:15px;}
.counselForm .clause_btn {clear:both; position:relative; padding:25px 0 35px;  margin:0; text-align:left;}
.counselForm .clause_btn input[type="checkbox"] {-webkit-appearance:button; display:block; float:left; width:35px; height:35px; border-radius:5px; border:1px solid #dbdbdb; margin:-2px 10px 0 0; background-color:#fff; vertical-align:middle;}
.counselForm .clause_btn input[type="checkbox"]:checked {-webkit-appearance:button; display:block; float:left; width:35px; height:35px; border-radius:5px; border:1px solid #dbdbdb; margin:-2px 10px 0 0; background-color:#fff; background-image:url(/resources/images/landing/subPage/cb_on.png); background-repeat:no-repeat; background-size:cover;}
.counselForm .clause_btn label {font-size:19pt;}
.clause_ontxt {background:#e7e7e7; width:auto; height:auto; padding:7px 9px 5px; margin-left:10px; border-radius:5px; color:#4a4a4a; font-family:'CoreGothic4'; font-size:19pt; text-align:center;}
.error_msg {display:none; float:left; margin-left:9px; margin-top:-19px; color:#ec1f27; font-size:20px;}

input::-webkit-input-placeholder {color:#000; font-size:30px; font-family:"CoreGothic3"; letter-spacing:-2px;}
input::-moz-placeholder {color:#000; font-size:30px; font-family:"CoreGothic3"; letter-spacing:-2px;}
textarea::-webkit-input-placeholder {color:#000; font-size:30px; font-family:'CoreGothic3';}
textarea::-moz-placeholder {color:#000; font-size:30px; font-family:'CoreGothic3';}

	/* 희망과정 */
/* .interest_cont {position:relative; background:#fff;} */
/* .interest_cont .selected { background:#122792; color:#fff; } */
/* .interest_cont .interest_outbox { width:100%; border-bottom:0; padding:0;} */
/* .interest_cont .interest_outbox a li {background:#fff url(/resources/images/mobileAtents/main_curr00.png) no-repeat; background-position:right center;} */
/* .interest_cont a {float:left; display:block; width:50%; height:100%;} */
/* .interest_cont li {border-bottom:1px solid var(--border-gray); font-size:22pt; line-height:76px;} */

/* .interest_cont .interest_inbox{position: absolute;  width: 100%; background:#fff; z-index: 11;} */
/* .interest_cont .interest_inbox a {} */
/* .interest_cont .interest_inbox li {background:#fff; text-align:center;} */
/* .interest_cont .interest_inbox a:nth-child(n+3) li {border-top:0;} */
/* .interest_cont .interest_inbox li.bor_left0 {border-left:0;} */
/* .interest_cont #interest_in01{border-bottom:0; padding: 0px; position: relative; width: 100%;} */
/* .interest_cont #interest_in01 .on {background-color:var(--common-point); color:#fff;} */

.interest_wrap {/* position:relative; */padding-bottom:45px;}
.interest_wrap .interest_cont {}
.interest_wrap .interest_cont p {padding-top:30px; padding-bottom:20px; font-family:'CoreGothic5'; font-size:25pt; text-align:left;}
.interest_wrap .interest_cont .cont_only {}
.interest_wrap .interest_cont ul {}
.interest_wrap .interest_cont ul li {position: relative; z-index: 1; float:left; height:auto; margin-bottom:1.3%; padding:2% 3.5% 1.8%; border-radius:50px; border:1px solid var(--common-point); -webkit-tap-highlight-color:transparent; background:#fff; font-size:22pt;}
.interest_wrap .interest_cont ul li:not(:last-of-type) {margin-right:1.5%;}

	/* 희망과정 point - PC,M디자인통합되며 주석처리*/
/*	.interest_wrap .interest_cont ul li.counsel_point {border-color: transparent; color: transparent; background: linear-gradient(135deg, #87480d, #ef9f00, #fbcc34, #ef9f00, #87480d); background-clip: text; -webkit-background-clip: text; font-family: "CoreGothic5";}
	.interest_wrap .interest_cont ul li.counsel_point::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: 50px; border: 3px 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;}
	.interest_wrap .interest_cont ul li.counsel_point.on::before {display: none;}*/

.interest_wrap .interest_cont ul li.on {background:var(--common-point); color:#fff; font-family: "CoreGothic5";}

/*상담문의 팝업*/
.pop-conts{height:100%;}
.no-scroll {-ms-overflow-style: none; /* IE, Edge */scrollbar-width: none; /* Firefox */}
.no-scroll::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}

.quick_consultBox_radio_wrap {display: grid;grid-template-columns: repeat(3, 1fr);gap:10px;color: #222;text-align: center; margin-bottom:18px;}

#quick_category_media, #quick_category_game, #process_category_media, #process_category_game{display: grid;grid-template-columns: repeat(2, 1fr) !important;gap:10px;color: #222;text-align: center; margin-bottom:18px;}

.quick_category_it {font-family: "CoreGothic4";margin-left: 5px;color: #222;font-size: 25pt;position: relative;padding: 10px 5px;}
.quick_category_it .radio_label ,  .quick_category_it .checkmark_label {display: block; margin-bottom:48px;}
.quick_category_it .radio_label:last-of-type{margin-bottom:18px;}
.quick_category_it .radio_label .checkmark {display: inline-block;width: 50px;height: 50px;border-radius: 5px;border: 2px solid var(--border-lightgray);margin-right: 12px;background-color: #fff;vertical-align:middle;position: relative;}
.quick_category_it input:checked + .radio_label .checkmark {padding: 3px 0 0 5px;border-color: var(--common-point);}
.quick_category_it input:checked + .radio_label .checkmark::before {content: '';display: inline-block;width: 26px;height: 14px;border: solid var(--common-point);border-width: 0 0 4px 4px;transform: skew(1deg) rotate(310deg);margin: 8px 0 0 6px;}
.quick_category_it .radio_label .it_smalltxt{color: #444;margin-left: 63px;font-size: 22pt;}

.quick_branch, .process_branch {display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;color: #222;text-align: center;}

/*신청자 정보*/
.l_consult_item_info input{box-sizing: border-box;width: 100%;height: 105px;padding: 15px;border: 1px solid var(--border-gray);}
.l_consult_item_info input[type="text"]{outline: none;height: 105px;border-radius: 10px;background: #fff;font-family: "CoreGothic4";line-height: 105px;padding-left: 35px;margin-bottom:15px;font-size: 25pt;}
.l_consult_item_info input::placeholder {font-size:25pt;}
.l_consult_item_info input[type="tel"]{-webkit-appearance: none;outline: none;width: -webkit-calc(92% / 3);width: calc(94.5% / 3);height: 105px;border-radius: 10px;background: #fff;font-family: "CoreGothic4";font-size: 25pt;line-height: 105px;text-align: center;}
.l_consult_item_info{margin-top:20px;}
/*상담 신청하기 버튼*/
.l_consult_btn{width:100%;}
.l_consult_btn a{display:block; width:100%; height:120px; background:var(--common-point); border-radius: 10px;padding: 0;margin: 0 auto;color: #fff;font-size: 30pt;line-height: 120px;text-align:center; margin-top:10px;}