@charset "utf-8";

.counsel_img {padding-bottom:4%;}

/* 이용약관 */
.cont_clause { width:100%; margin:2% 0 1%; }
.cont_clause label { font-size:12px; color:#a2a2a2; }
.clause_ontxt { background: #e7e7e7; width: auto; color: #4a4a4a; font-size:12px; font-weight:bold; padding:3px 5px; margin-left:1%; height:auto; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#clause_cont { width: auto; padding: 1em; border: 1px solid #dedede; height: 15em; overflow-y: scroll; color: #6f6f6f; display: none; }
#content .clause_cont { width:92%; padding:0 2%; }
#content .clause_cont .chunk { text-align:left; padding:0 0 4% 0;}
#content .clause_cont .chunk:last-child { padding:0 0 6% 0;}
#content .clause_cont .chunk h1 {color:#f4735d; text-align:left; line-height:2; letter-spacing:-2px; font-size:15px;}
#content .clause_cont .chunk h2 { font-size:15px; margin-top:4%; color:#515151; letter-spacing:-1.7px; padding:0 1%;}
#content .clause_cont .chunk h2 b { font-family:'맑은 고딕', 'MalgunGothic', 'dotum', sans-serif; font-size:15px;}
#content .clause_cont .chunk .not { margin:0; font-weight:normal; }
#content .clause_cont .chunk .not b { font-weight:bold; font-size:16px; text-decoration:none; }
#content .clause_cont .chunk p {text-align:left; color:#515151;}
#content .clause_cont .chunk .string { margin-left:22px; padding:0 1%;}

/* 시간표조회 */
#content .cont_timetable div { padding:2.5% 0; }
#content .cont_timetable div:first-child { padding-top:0; }
#content .cont_timetable div:last-child { border:0; }
#content .cont_timetable .gukbi { padding: 1% 0; }
#content .cont_timetable b { font-weight:bold; font-size:15px; display:block; width:auto; color:#273343; text-align:center; padding-top:4%;}
#content .cont_timetable p { text-align:center; line-height:0.5em; }
#content .cont_timetable .a { position:relative; }
#content .cont_timetable div>span { padding:0.5em 1.5em 0.5em 1.5em; font-size:13px; color:#fff; background-color:#54c5b8; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; position:absolute; top:60%; left:32%; }
#content .cont_timetable .choice { padding:0.4em 1.5em 0.4em 1.5em; font-size:16px; font-weight:bold; color:#fff; background-color:#283444; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; top:-100%; left:32%; }
#content .cont_timetable .today div>span { left:36%; }
#content .cont_timetable .cont_question { background:#fff; border:1px solid #dedede; border-right:0;border-left:0; padding:6% 5%; margin-bottom:5%; }
#content .cont_timetable .cont_title { text-align:center; padding:0.5em 1.5em 0.5em 1.5em; font-size:13px; color:#fff; background-color:#54c5b8; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
#content .cont_timetable .cont_question th { padding:1% 2% 1.5% 2%; }
#content .cont_timetable .cont_question th.first{ padding:5% 2% 1.5% 2%; }
#content .cont_timetable .cont_question th.last { padding:1.5% 2% 5% 2%; }
#content .cont_timetable .cont_question th.one { padding:5% 2% 5% 2%; }
#content .cont_timetable .cont_question td { padding:0; }
#content .cont_timetable .cont_question td.first{ padding:5% 1% 1.5% 0; }
#content .cont_timetable .cont_question td.last { padding:1.5% 1% 5% 0; }
#content .cont_timetable .cont_question td.one { padding:3% 1% 3% 0; }
#content .cont_timetable .cont_question td label { font-size:13px; line-height:1.5em; }
#content .navy { font-size:16px; font-weight:bold; color:#fff; width:auto; padding:0.4em 1.5em 0.4em 1.5em; background:#283444; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; position:absolute; top:-4%; left:35%; }
#content .cont_tel p b { display: block; width: auto; line-height: 1.2; padding-top: 5px; }
#content .cont_tel span { color: #6f6f6f; font-size: 12px; }


/* sub01 상담시 정보입력 */
.cont_question { width: 100%; background:#fff; border: 1px solid #dedede; border-style:none;}
.cont_question tr { height:50px; }
/*.cont_question th { width:20%;font-size:14px; vertical-align:middle; font-weight:normal; text-align:center; border-bottom:1px solid #dedede; }*/
.cont_question th:last-child {border-bottom:0;}
.cont_question td { padding-left:3%; text-align:left; border:1px solid #dedede;}
.cont_question td.hope_box, .cont_question td.curr_box, .cont_question td.branch_box, .cont_question td.category_box {padding-left: 0;}
.cont_question td.hope_box .join_hidden, .cont_question td.curr_box .join_hidden, .cont_question td.branch_box .join_hidden {padding-left:3%;}
.cont_question td #major { width:48.1%; padding:5px 0; border:1px solid #dedede; float:left; text-align:center; margin:3% 0; cursor:pointer; }
.cont_question td #major .requiredInfo { display:none; }
.cont_question td .on { background:#f4735d; }
.cont_question td .on label { color:#fff; }
.cont_question .sel { width:100%; padding:6px 8px 6px 3%; height:50px; border:none; border-radius:0; background:url('/mobile2017/resource/images/sub/sub_cont_bt.jpg') no-repeat center right; /* background-size:10%; */background-size: auto 100%; -webkit-appearance:none; -moz-appearance:none; font-size:14px; line-height:18px; color:#1a1a1a; text-indent:0.01px; }
#name { width:98%; border:none; }
#mobile { width:98%; border:none; }

input[name=major] { display: none; }
/* unchecked */
input[name=major] + label { color:#1a1a1a; }
/* checked */
input[name=major]:checked + label { color:#fff; } 

.cont_table { width:94%; margin:5% 3% 0 3%; background-color:#f8f8f8; }
.cont_table .cont_question { background:#fff; }
.cont_table .cont_btn { background:#fff; }

/* sub01 - 전화상담예약 정보입력 */
.cont_question td.tel_time {padding-left:0;}
.cont_question td.tel_time .join_hidden {padding-left:3%;}

/* sub01 - 국비지원간편조회 정보입력 */
.cont_question td.age_box, .cont_question td.job_box {padding-left:0;}
.cont_question td.age_box .join_hidden, .cont_question td.job_box .join_hidden {padding-left:3%;}

/* 훈련과정로드맵/커리큘럼 전환탭(두번째) */
.edu_curr .tabs:last-child {margin: 4% 0% 0%;}

/* 접수 완료페이지 */
.cont_result { text-align:center; background-color:#f8f8f8; }
.cont_result img { width:30%; padding:8% 0 5%; }
.cont_result h3 {color:#283444; font-size:18px; font-weight:bold; }
.cont_result p {color:#515151; padding-bottom:3%; line-height:1.5em; }
.cont_result .line {width:6.6%; border-bottom:1px solid #dedede; margin: 5% 0; display:inline-block; }

/* 기술향상과정 */
#content_lec { padding:5% 4%; text-align:center; background:#f8f8f8; }
.lec_title { font-size:16px; color:#283444; }
.lec_title b { font-size:19px; color:#f4735d; }
.lecture_list ul { padding: 5% 3% 0; border-top:1px solid #dedede; margin-top:5%; }
.lecture_list ul li { text-align:left; padding:0 0 2% 0; }
.lecture_list ul li:last-child { padding-bottom:6%; }
.lecture_list ul li input[type="checkbox"] { margin-top:3px; vertical-align:top; }
.lecture_list ul li label { display:inline-block; padding-left:1%; }
.line {width:6.6%; margin:3% 0;border-bottom:1px solid #dedede; display:inline-block; }
#grade, #quarter { width:50%; background-size:28%; float:left;}
#quarter { padding-left:3%; }

/* 수강신청안내 */
.cont_content .clause_content { border: 1px solid #dedede; color: #6f6f6f; font-size: 13px; height: 10em; overflow: auto; margin: 2% 0; padding: 10px; width: auto; }
.register_guide .cont_content { color: #6f6f6f; line-height: 1.5; }
.register_guide .cont_content img { margin: 2% 0; }
.register_guide ul {}
.register_guide ul li { padding-left: 0.8em; line-height: 1.4; padding-bottom: 0.2em; background: url(/resources/mobile/images/sub05/sub05_06_bullet.jpg); background-repeat: no-repeat; background-position: left top; background-size: auto 1em; }
#register_table { width: 100%; border-top: 1px solid #dedede; }
#register_table td { padding:15px 30px; line-height:1.5; text-align: center; }
#register_table th { font-weight: normal; text-align: center; background: #f8f8f8; border-bottom: 1px solid #dedede; width: 155px; }
#birth1 { padding-left:3%; background-size:31%; width:40%;}
#birth2, #birth3 { padding-left:3%; background-size:42%;}


.register_guide .cont_steps { width: 100%; margin-top: 1em;}
.register_guide .cont_steps li { padding: 0.6em 0;}
.register_guide .cont_steps li span:first-child { display: inline-block; width: 2em; text-align: right; padding-right: 0.5em; height: 100%; }
.register_guide .cont_steps li span:last-child { display: inline-block; }
.register_guide .cont_steps li:nth-child(odd) { background-color: #6ac2f6; color: #FFFFFF; background-image: url(/resources/mobile/images/sub05/sub05_06_bullet02.jpg); background-repeat: no-repeat; background-position: top left; background-size: 2em auto; }
.register_guide .cont_steps li:first-child { background-image: none; }
.register_guide .cont_steps li:nth-child(even) { background-color: #ebebeb; color: #273343; background-image: url(/resources/mobile/images/sub05/sub05_06_bullet01.jpg); background-repeat: no-repeat; background-position: top left; background-size: 2em auto; }

/* FAQ */
.faq_btn { overflow: hidden;}
.faq_btn li { list-style:none; float:left;  margin-bottom:3%;}
.faq_btn li:last-child { border-right:1px solid #dedede; }
.faq_btn li a { width:auto; display:block; color:#a2a2a2; font-weight:bold; font-size:16px; text-align:center; background:#fff; border:1px solid #dedede; border-right:0; text-decoration:none; padding:12% 10%;}
.faq_btn li a:hover, .faq_btn li .on { background: var(--color-blue); color: #FFF; }
.faq li { border-bottom: 1px solid #dedede; color: #6f6f6f; font-size:13px;padding: 1em 1.8em 1em 0.8em; background-color:#FFF; background-size: 1em auto; }
.faq .on { color: #273343; background:#fff; }
.faq .p { background:#fff; }
.faq .q { background: #f8f8f8; display: none; line-height: 1.5; }

/*수강료 안내*/
table.fee { background:#fff; text-align:center; }
table.fee tr { border-bottom:1px solid #d5d5d5; }
table.fee tr:first-child td { background:#f7f7f7; border-top:1px solid #d5d5d5; }
table.fee td { border-bottom:1px solid #e5e5e5; padding:11px 5px; font-size:13px; }
table.fee td:nth-child(1) { width:20%;width: 50px; }
table.fee td:nth-child(2) {  }
table.fee td:nth-child(3) { width:20%;width: 90px; }
/*table.fee tr:last-child td { border-bottom:3px solid #d5d5d5; }*/