@charset "utf-8";

/* 	common style */
.s_title_1 .tit_det {color: #383838;font-size: 18px;}
a[class^="s_link_text"] {word-wrap: break-word;}

.c_descript {position:relative; display:block; padding:2px 0 2px 20px; font-size:12px; color:#013f7e; line-height:20px; margin-top:4px;}
.c_descript::before {display:block; content:"*"; position:absolute; left:7px; top:5px; width:12px; text-align:center;font-size:16px;}

.c_descript2 {position:relative; display:block; padding:2px 0 2px 20px; font-size:12px; color:#013f7e; line-height:20px; margin-top:4px;}
.c_descript2::before {display:block; content:"*"; position:absolute; left:7px; top:5px; width:12px; text-align:center;font-size:16px; color:#e85a71}

/**********************************************************************************
	교육소개
**********************************************************************************/

/* 지역사회중심재활교육 */
.intro_pro {margin-top:20px;overflow: hidden;}
.intro_pro > ol {margin-top:-40px;}
.intro_pro > ol > li {position: relative;margin-bottom:30px;}
.intro_pro > ol > li::after {display: block;content: ''; width: 16px;height: 8px;position: absolute;left: 50%;top: -25px;background: url(../image/sub_cmn/step_list_arrow_bott_g.png) no-repeat center center;}
.intro_pro > ol > li > div {padding:20px;margin-top:40px;border: 1px solid #e5e5e5;}
.intro_pro > ol > li > div > .tit {display: block;color: #772606;font-weight: 500;margin-bottom: 20px;}
.intro_pro > ol > li > div > .pro > li {position: relative;font-size:15px;line-height:20px;padding-left:10px;padding-right: 15px;margin-bottom:10px;}
.intro_pro > ol > li, .intro_pro > ol > li > div > .pro > li:last-child {margin-bottom:0;}
.intro_pro > ol > li > div > .pro > li::after {display: block; content: ''; position: absolute;top:6px;left:3px;width: 2px;height: 2px;background:#696969;}
.intro_pro > ol > li > div > .pro > li > p {font-size: 14px;padding: 10px;margin-top: 5px;background: #f2f2f2;}

.s_list_box {border: 1px solid #ddd;padding: 5px 10px 15px 10px;}
.s_list_box .s_btn {margin-top: 10px; text-align: left; margin-left: 15px;}

.box_w600 {width:600px;}
@media (max-width:767px) {
	.box_w600 {width:auto;}
}
.t_list li {position:relative;padding-left:7px;}
.t_list li::after {display: block; content: ''; position: absolute; top:8px; left:0; width: 2px; height: 2px; background:#696969;}
.t_list li ul {margin-top:5px;}
.t_list li ul li {position:relative;padding-left:9px;font-weight: normal;}
.t_list li ul li::after {display: block;content: ''; position: absolute; top:9px; left:0; width: 5px; height: 1px; background:#696969;}

.s_add {padding:15px;margin:5px 0 10px 0;background: #f7f7f7;}
.s_add dt {color: #b44115;font-weight: 500;margin-bottom: 5px;}
.s_add dd {position:relative;padding-left:12px;}
.s_add dd::after {display: block; content: ''; position: absolute; top:9px; left:2px; width: 5px; height: 1px; background:#696969;}

/* 장애발생예방교육 - 교육강사소개 */
.iei_tab {margin-top:32px;}
.iei_tab ul::after {display:block; content:''; clear:both;}
.iei_tab ul li {float:left;}
.iei_tab ul li a {display:block; font-size:0; line-height:0; text-align:center; padding:8px 12px; border:1px solid #ddd; margin:-1px 0 0 -1px;}
.iei_tab ul li a span {display:inline-block; font-size:14px; line-height:22px; color:#444;}
.iei_tab ul li.on a {background:#fff2e7;}
.iei_tab ul li.on a span {color:#c86206; text-decoration:underline;}
.iei_top .iei_img {position:absolute; left:24px; top:20px; width:120px; height:160px; overflow:hidden;}
.iei_top .iei_img img { width:120px;}
.iei_top .iei_list li:nth-child(n+2) {margin-top:8px;}
.iei_top .iei_list .ieil_title {color:#666;}
.iei_top .iei_list .ieil_descript {color:#222;}
.iei_top .iei_img:empty {display:block; content:''; background:#eee; font-size:0; line-height:0; text-align:center;}
.iei_top .iei_img:empty::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.iei_top .iei_img:empty::after {display:inline-block; content:'사진준비중'; font-size:12px; line-height:20px; vertical-align:middle; padding-top:48px; background:url(../image/sub_cmn/no_img.png) no-repeat center 6px;}
.iei_view {margin-top:16px;}
.iei_view p {margin-top:16px; font-size:14px; line-height:20px;}

@media (min-width:1180px) {
	.iei_tab ul li {width:14.2857%}
	.iei_top {min-height:202px; padding-left:160px;}
	.iei_top .iei_img {width:120px;}
	.iei_top .iei_img:empty {width:120px; height:160px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.iei_tab ul li {width:20%}
	.iei_top {min-height:151.3333px; padding-left:140px;}
	.iei_top .iei_img {width:100px;}
	.iei_top .iei_img:empty {width:100px; height:133.3333px;}
}
@media (max-width:767px) {
	.iei_tab ul li {width:33.3333%}
	.iei_top {min-height:144.6666px; padding-left:120px;}
	.iei_top .iei_img {width:80px;}
	.iei_top .iei_img:empty {width:80px; height:106.6666px;}
}

/* 장애친화 건강검진 교육 */
.checkup {margin-top:20px;}
.checkup > ul {padding:20px 15px 15px 155px;margin-bottom:20px;border:1px solid #ddd;}
.checkup > ul.edu_doc {background:url(../image/content/edu_intro/edu_doctor.png) no-repeat left 15px center;}
.checkup > ul.edu_sign {background:url(../image/content/edu_intro/edu_sign.png) no-repeat left 15px center;}
.checkup > ul > dt {color: #733219;font-weight: 500;margin-bottom: 15px;}
.checkup > ul > li {position: relative;font-size: 14px;line-height:18px;padding:2px 0 3px 9px;margin-bottom:5px;}
.checkup > ul > li::after {display: block;content: ''; position: absolute; top:9px; left:3px; width: 2px; height: 2px; background:#696969;}

@media (max-width:767px) {
	.checkup > ul {padding:155px 15px 15px 15px;}	
	.checkup > ul.edu_doc, .checkup > ul.edu_sign {background-position: center top 20px;}
	.checkup > ul > dt {text-align: center;}
}

/* 교욱소감 응모안내*/
.impression {margin-top:20px;}
.impression::after {display:block; content:''; clear:both;}
.impression > li {float:left;margin: 0 10px 10px 10px;}
.impression > li > span {display:inline-block;border:1px solid #ddd;}
.impression > li > p {text-align:center;height:30px;line-height:20px;padding-top:8px;}

/* 교육신청안내 */
.edu_app {margin-top:20px;margin-bottom:20px;padding-top:10px;overflow: hidden;}
.edu_app > ul {margin-left:-25px;}
.edu_app > ul:after {display:block; content:''; clear:both;}
.edu_app > ul > li {position: relative;float:left;width:33.3%; min-height:210px;}
.edu_app > ul > li::after { display: block; content: ''; width: 8px; height: 26px; position: absolute; left: 0; top: 20px;background: url(../image/sub_cmn/step_list_arrow_right_g.png) no-repeat center center;}
.edu_app > ul > li > dl {margin-left:25px;padding-top: 75px;}
.edu_app > ul > li:nth-child(1) > dl {background:url(../image/content/edu_intro/edu_app1.png) no-repeat center top;}
.edu_app > ul > li:nth-child(2) > dl {background:url(../image/content/edu_intro/edu_app3.png) no-repeat center top;}
.edu_app > ul > li:nth-child(3) > dl {background:url(../image/content/edu_intro/edu_app4.png) no-repeat center top;}
.edu_app > ul > li:nth-child(4) > dl {background:url(../image/content/edu_intro/edu_app5.png) no-repeat center top;}
.edu_app > ul > li:nth-child(5) > dl {background:url(../image/content/edu_intro/edu_app6.png) no-repeat center top;}
.edu_app > ul > li:nth-child(6) > dl {background:url(../image/content/edu_intro/edu_app7.png) no-repeat center top;}

.edu_app > ul > li > dl > dt {position: relative;display: block;text-align:center;font-weight: 500;margin-bottom:10px;}
.edu_app > ul > li > dl > dt > i {position: absolute; top: -80px;left: 50%; width: 20px;height: 20px;color: #fff; font-size: 13px; font-weight: 500;text-align: center;line-height: 19px;border-radius: 50%;margin-left: -30px;background: #ea6b33;}
.edu_app > ul > li > dl > dd {font-size:13px;line-height:18px;text-align:center;}

/* 공모전 절차 */
.edu_app02 {margin-top:20px;margin-bottom:20px;padding-top:10px;overflow: hidden;}
.edu_app02 > ol {margin-left:-25px;}
.edu_app02 > ol:after {display:block; content:''; clear:both;}
.edu_app02 > ol > li {position: relative;float:left;width:33.333%; min-height:210px;}
.edu_app02 > ol > li::after { display: block; content: ''; width: 8px; height: 26px; position: absolute; left: 0; top: 20px;background: url(../image/sub_cmn/step_list_arrow_right_g.png) no-repeat center center;}
.edu_app02 > ol > li > dl {margin-left:25px;padding-top: 75px;}
.edu_app02 > ol > li:nth-child(1) > dl {background:url(../image/content/edu_intro/edu_app8.png) no-repeat center top;}
.edu_app02 > ol > li:nth-child(2) > dl {background:url(../image/content/edu_intro/edu_app9.png) no-repeat center top;}
.edu_app02 > ol > li:nth-child(3) > dl {background:url(../image/content/edu_intro/edu_app10.png) no-repeat center top;}

.edu_app02 > ol > li > dl > dt {position: relative;display: block;text-align:center;font-weight: 500;margin-bottom:10px;}
.edu_app02 > ol > li > dl > dt > i {position: absolute; top: -80px;left: 50%; width: 20px;height: 20px;color: #fff; font-size: 13px; font-weight: 500;text-align: center;line-height: 19px;border-radius: 50%;margin-left: -30px;background: #ea6b33;}
.edu_app02 > ol > li > dl > dd {font-size:13px;line-height:18px;text-align:center;}


@media (max-width:767px) {
.edu_app {padding-left: 5px;}	
.edu_app > ul {margin-left:0;margin-top:-50px; }
.edu_app > ul > li {float:none;width:100%; min-height:4em;}
.edu_app > ul > li::after { width: 16px; height: 8px; left: 24px; top: -30px;background: url(../image/sub_cmn/step_list_arrow_bott_g.png) no-repeat center center;}
.edu_app > ul > li > dl {padding-top: 0;padding-left: 75px;margin-left:0;margin-top:50px;min-height: 65px;}	
.edu_app > ul > li:nth-child(1) > dl, .edu_app > ul > li:nth-child(2) > dl, .edu_app > ul > li:nth-child(3) > dl, .edu_app > ul > li:nth-child(4) > dl, .edu_app > ul > li:nth-child(5) > dl, .edu_app > ul > li:nth-child(6) > dl, .edu_app > ul > li:nth-child(7) > dl {background-position: left top;}

.edu_app > ul > li > dl > dt {text-align:left;}
.edu_app > ul > li > dl > dt > i {top:0;left:-80px;margin-left: 0;}
.edu_app > ul > li > dl > dd {text-align:left;}	

.edu_app02 {padding-left: 5px;}	
.edu_app02 > ol {margin-left:0;margin-top:-50px; }
.edu_app02 > ol > li {float:none;width:100%; min-height:4em;}
.edu_app02 > ol > li::after { width: 16px; height: 8px; left: 24px; top: -30px;background: url(../image/sub_cmn/step_list_arrow_bott_g.png) no-repeat center center;}
.edu_app02 > ol > li > dl {padding-top: 0;padding-left: 75px;margin-left:0;margin-top:50px;min-height: 65px;}	
.edu_app02 > ol > li:nth-child(1) > dl, .edu_app02 > ol > li:nth-child(2) > dl, .edu_app02 > ol > li:nth-child(3) > dl {background-position: left top;}
.edu_app02 > ol > li > dl > dt {text-align:left;}
.edu_app02 > ol > li > dl > dt > i {top:0;left:-80px;margin-left: 0;}
.edu_app02 > ol > li > dl > dd {text-align:left;}
}

.per_info table {width:80%;margin:10px auto;}
.essential {text-align: right;margin-top:10px;}
.essential > ul > li > span {display:inline-block;font-size:14px;margin-left:10px;}
.essential > ul > li > span.tit {position: relative;color: #1864c5;font-weight: 500;padding-left:10px;}
.essential > ul > li > span.tit::after { display: block; content: ''; position: absolute; left: 0; top: 5px; width: 5px; height: 1px; background:#1864c5; }
.essential > ul > li > span > label {line-height: 22px;padding:3px 8px 3px 4px;vertical-align: middle;}
.essential > ul > li > span > input {vertical-align: middle;}

@media (max-width:767px) {
.per_info table {width:100%;}
}

.step_list .sl_title {font-size:14px;}

.edu_purpose {padding:50px 350px 35px 35px;margin-top:30px;background:#fbf3df url(../image/content/edu_intro/purpose_bg.png) no-repeat right 25px center;}
.edu_purpose .s_title_1 {margin-top:0;margin-bottom:25px;}
@media (max-width:767px) {
.edu_purpose {padding:20px 20px 200px 20px;background:#fbf3df url(../image/content/edu_intro/purpose_bg.png) no-repeat center bottom 20px;}

}

/**********************************************************************************
	교육신청
**********************************************************************************/

/* 재활전문교육 - 신청프로세스 */
.step_list.online_edu {}
.step_list.online_edu.h80 > ul > li > div {height:100px;}
.step_list.online_edu .sl_title {margin-bottom:5px;}

/* 재활전문교육 - 교육일정 */
.edu_schedule {margin-top:32px;}
.edu_schedule::after {display:block; content:''; clear:both;}
.edu_schedule .board_top strong {color:#e85e00;}
.edu_schedule .es_calendar .esc_t {position:relative; padding:5px 0;}
.edu_schedule .es_calendar .esc_t .btn {position:absolute; top:50%; margin-top:-17px;}
.edu_schedule .es_calendar .esc_t .btn_md {padding-left:12px; padding-right:12px;}
.edu_schedule .es_calendar .esc_t .btn_prev {left:0;}
.edu_schedule .es_calendar .esc_t .btn_next {right:0;}
.edu_schedule .es_calendar .esc_t .btn .ico_prev {display:inline-block; width:8px; height:12px; background:url(../image/sub_cmn/ico_prev.png) no-repeat center center; margin-right:6px;}
.edu_schedule .es_calendar .esc_t .btn .ico_next {display:inline-block; width:8px; height:12px; background:url(../image/sub_cmn/ico_next.png) no-repeat center center; margin-left:6px;}
.edu_schedule .es_calendar .esc_t .esc_month {display:block; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.048em; text-align:center;}
.edu_schedule .es_calendar .esc_m {margin-top:8px;}
.edu_schedule .es_calendar .esc_m table {table-layout:fixed; width:100%; font-size:0; line-height:0; text-align:center;}
.edu_schedule .es_calendar .esc_m table thead th {font-size:13px; line-height:21px; font-weight:500; letter-spacing:-0.048em; padding:10px 0; border-top:1px solid #e9ac97; border-bottom:1px solid #e9ac97;}
.edu_schedule .es_calendar .esc_m table tbody td {font-size:14px; line-height:32px; padding:10px 0;}
.edu_schedule .es_calendar .esc_m table tbody td:hover {background:#eeeeee; text-decoration:underline;}
.edu_schedule .es_calendar .esc_m table tbody td.today {background:#ffe2d5; font-weight:500; border:2px solid #e85e00;}
.edu_schedule .es_calendar .esc_m table tbody td.chk a {display:inline-block; width:32px; height:32px; border-radius:16px; background:#e85e00; color:#fff;}
.edu_schedule .es_calendar .esc_m table tbody td.chk:hover a {text-decoration:underline;}
.edu_schedule .es_calendar .esc_m table tbody td.empty:hover {background:none; text-decoration:none;}
.edu_schedule .es_calendar .esc_m table th:nth-child(1),
.edu_schedule .es_calendar .esc_m table td:nth-child(1){color:#d40000;}
.edu_schedule .es_calendar .esc_m table th:nth-child(7),
.edu_schedule .es_calendar .esc_m table td:nth-child(7){color:#003895;}
.edu_schedule .es_calendar .esc_b {margin-top:16px;}
.edu_schedule .es_calendar .esc_b ul li {padding:4px 0; font-size:12px; line-height:20px;}
.edu_schedule .es_calendar .esc_b ul li:nth-child(1)::before {display:inline-block; content:''; width:20px; height:20px; border-radius:10px; background:#e85e00; margin-right:8px; vertical-align:top;}
.edu_schedule .es_calendar .esc_b ul li:nth-child(2)::before {display:inline-block; content:''; width:20px; height:20px; background:#ffe2d5; border:2px solid #e85e00; margin-right:8px; vertical-align:top;}

@media (min-width:1180px) {
	.edu_schedule > div {width:50%; float:left;}
	.edu_schedule .es_l {padding-right:16px;}
	.edu_schedule .es_r {padding-left:16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.edu_schedule > div {width:50%; float:left;}
	.edu_schedule .es_l {padding-right:16px;}
	.edu_schedule .es_r {padding-left:16px;}
}
@media (max-width:767px) {
	.edu_schedule .es_r {margin-top:32px;}
}

/* 재활전문교육 - 교육신청 */
.edu_nodata { width:100%; padding:50px;  text-align:center; background-color:#fff2e7;}
.edu_nodata strong {font-size:16px; line-height:1.5em; font-weight:500; color:#333;}
.edu_nodata span {font-size:14px; color:#666;}

/* 장애인 건강 주치의 교육*/
.health_edu {margin-top: 25px;overflow: hidden;}
.health_edu > ul {margin-left:-20px;}
.health_edu > ul:after {display:block; content:''; clear:both;}
.health_edu > ul > li {width:50%;float:left;margin-bottom:15px;}
.health_edu > ul > li > div {text-align: center;margin-left:20px;border:1px solid #ddd;padding:20px 0;}
.health_edu > ul > li > div > span {display:block;height:130px;}
.health_edu > ul > li > div > a {position: relative;display:inline-block;font-size:14px;font-weight: 500;color:#5a3528;line-height:18px;padding-right:15px;margin-top:10px;}
.health_edu > ul > li > div > a::after { display: block; content: ''; width: 8px; height: 12px; position: absolute; right: 0; top: 3px; background: url(../image/sub_cmn/ico_next.png) no-repeat center center;}

@media (max-width:767px) {
.health_edu > ul > li {width:100%;float:none;}	
}

.board_edit .be_line {font-size: 13px;display: inline-block;width: 5%;text-align: center;}
.board_edit .be_al {font-size: 13px;display: inline-block;width: 6%;text-align: center;}
.board_edit .w30 {width:30%;}
.board_edit .w47 {width:47%;}

.no_cont {padding: 60px 0;margin: 20px 0;background: #fff2e7;}
.no_cont span {display:block;text-align: center;font-weight: 500;font-size: 18px;padding-top: 80px;background:url(../image/content/edu_intro/ico_nocont.png) no-repeat center top; }

/* 장애인 건강 주치의 교육*/
.checkup > div {padding:20px 15px 15px 155px;margin-bottom:20px;border:1px solid #ddd;}
.checkup > div::after {display:block; content:''; clear:both;}
.checkup > div.edu_doc {background:url(../image/content/edu_intro/edu_doctor.png) no-repeat left 15px center; position:relative; min-height:190px;}
.checkup > div.edu_ner {background:url(../image/content/edu_app/health_nurse.png) no-repeat left 15px center; position:relative; min-height:190px;}
.checkup > div.edu_den {background:url(../image/content/edu_intro/edu_dentist.png) no-repeat left 15px center; position:relative; min-height:190px;}
.checkup > div > .edu_part1 {float:left; width:70%; border-right:1px dotted #d7d5d5; min-height:150px; padding-right:30px;}
.checkup > div > .edu_part2::after {display:block; content:'';}
.checkup > div > .edu_part1 > .phead {color: #733219;font-weight: 500;margin-bottom: 15px;}
.checkup > div > .edu_part1 > p {font-size: 14px;line-height:18px;padding:2px 0 3px 9px;margin-bottom:5px; color:#666;}
.checkup > div > .edu_part1 > p.i_descript {font-size:12px;}
.edu_normal01 {display:block; width:20%;position:absolute;right:15px; top:15px; margin-right:12px;}
.edu_pdf_tit {display:block; text-align:center; font-size:14px; color:#666;}
.nobull::after {display:none !important; position:relative;}
.edu_doc_pdf {display:block;width:25%; position:absolute; top:0}

@media (min-width:768px) and (max-width:1179px) {
	.checkup > div > .edu_part1 {border-right:none;}
	.checkup > div.edu_doc {background:url(../image/content/edu_intro/edu_doctor.png) no-repeat left 15px center; position:relative; min-height:210px;}
	.checkup > div.edu_ner {background:url(../image/content/edu_app/health_nurse.png) no-repeat left 15px center; position:relative; min-height:210px;}
	.checkup > div.edu_den {background:url(../image/content/edu_intro/edu_dentist.png) no-repeat left 15px center; position:relative; min-height:210px;}
	.edu_normal01
	.edu_pdf_tit {position:relative; top:5px; left:0}
}

@media (max-width:767px) {
	.checkup > div > .edu_part1 {clear:both;width:100%; border-right:none; min-height:100px}
	.checkup > div > .edu_part2 {width:100%;clear:both;}
	.edu_normal01 {position:unset; display:block; width:150px;clear:both; margin-left:9px;}
	.edu_pdf_tit {position:relative; top:5px;left:0;}
}

/**********************************************************************************
	알림마당
**********************************************************************************/

/* 장애인운전교육 - 영상자료 내 동영상노출 재활전문교육 - 교육신청 */
.media_box {margin-top:32px;}
.media_box > div {margin:-8px;}
.media_box > div > div {padding:8px;}
.media_box > div::after {display:block; content:''; clear:both;}
.media_box .mb_video .mbv_player {background:#333;}
.media_box .mb_video .mbv_real {display:block; width:100%;}


@media (min-width:1180px) {
	.media_box > div > div {float:left;}
	.media_box .mb_video {width:100%;}
}

/* 질문과 답변 개인정보보호 form */
.box_privacy {position:relative; padding:20px 24px; margin-top:32px; border:1px solid #f1f2f8;background:#fcfcff;}
.essential {clear:both; width:100%; margin-top:8px; text-align:center;}
.essential > * { display:inline-block; font-size:14px;  vertical-align:middle;}
.essential span { margin:2px; line-height:1.9em}
.essential label { margin:2px 7px; font-size:16px; font-weight:500;}