@charset "utf-8";

/* 테이블 리스트 */
table {  border-top:1px solid #949494; }
/* 서브페이지 왼쪽 메뉴 */
.left_section { float:left; width:219px; }
.left_section h2 { background:#0055ac; height:135px; line-height:135px; font-size:28px;  text-align:center; color:#fff; }
.left_section h2.line2 { line-height:1.4em; padding-top:30px; height:105px}
.left_section h2.line3 { line-height:1.2em; padding-top:10px; height:115px}
.content { float:left; width:730px; min-height:950px; background:url(/hspImages/sub/content_bg.gif) left top repeat-y; padding:0 0 70px 30px; }
.sub_support { text-align:center; margin-top:30px; }
.sub_support .mainnumber dt {font-size:36px;line-height:36px;font-weight:bold;color:#0055ac;margin-bottom:5px} /* 20220913 추가 */
.sub_support .mainnumber dd {text-align:left;font-size:15px;color:#0055ac;padding-left:20px;letter-spacing: -1px;} /* 20220913 추가 */
.sub_support .mainnumber dd span {font-weight:bold} /* 20220913 추가 */

.snb li { height:50px; line-height:50px; border-bottom:1px solid #d1d1d1; }
.snb li a { display:inline-block; *display:inline; *zoom:1; font-size:14px; width:199px; height:100%; padding-left:20px; font-family:NanumGothicBold; }
.snb li a.select,
.snb li a:hover,
.snb li a:focus { background:#efefef url(/hspImages/common/bullet_submenu.png) no-repeat 200px center; color:#0055ac; vertical-align:top; }
.snb li span.red_area { margin-left:5px; background:#d60000; color:#fff !important; padding:6px 8px; border-radius:5px; font-size:11px; }
.snb li.sub_depth_02 {height:100%;padding:10px 15px 10px 20px}
.snb li.sub_depth_02 ul li { height:100%; border-bottom:none;line-height:0; }
.snb li.sub_depth_02 ul li a { width:95%;background:url(/hspImages/common/ico_bullet_dash.png) no-repeat 0 15px;font-size:13px; font-family:NanumGothic;display:block;line-height:1.7; padding:5px 0 5px 14px;}
.snb li.sub_depth_02 ul li a.select,
.snb li.sub_depth_02 ul li a:hover,
.snb li.sub_depth_02 ul li a:focus { font-family:NanumGothicBold;color:#0055ac;}
.snb li.sub_depth_02 ul li a:active { color:#0055ac;}
.snb li a.selected { background:#f4dada url(/hspImages/common/bullet_submenu_red.png) no-repeat 200px center; color:#d80000; vertical-align:top; }

/* path */
.path { text-align: right; }
.path li { display:inline-block; *zoom:1; *display:inline; padding:0 4px 0 10px; background:url(/hspImages/sub/path_bg.gif) no-repeat 0 5px; }
.path li:first-child { background:none; }
.path li a { font-size:12px; color:#777; }
.path li em { color:#222; font-family:NanumGothicBold; }

.title { border-bottom:1px solid #c8c8c8; min-height:80px; padding-bottom:2px; }
.title h3 { font-size:40px; color:#0055ac; }
.title h3.small { font-size:35px; color:#0055ac; letter-spacing:-1px; line-height:2em; padding-top:8px; }
.title p { font-size:17px; color:#737373; }

.title_h4 { position:relative; }
.title_h4 h4 { padding-top:10px; }

.new { margin-left:5px; }
.new img { vertical-align:middle; }
.icon_unconfirmed { background:url(/hspImages/sub/icon_unconfirmed.gif) no-repeat; min-width:16px; height:16px; display:inline-block; *display:iniline; *zoom:1; padding-left:20px; }
.icon_identify { background:url(/hspImages/sub/icon_identify.gif) no-repeat; min-width:16px; height:16px; display:inline-block; *display:iniline; *zoom:1; padding-left:20px; }

/* 블렛 있는 텍스트 */
.paragraph_list > li,
p.paragraph_list { background:url(/hspImages/common/bullet_txt_list.png) no-repeat left 6px; padding-left:13px; margin-bottom:5px; }
.paragraph_list > li p { margin-left:60px; }
.paragraph_list > li p.ml15 { margin-left:15px; }

.paragraph_list02 > li,
p.paragraph_list02 { background:url(/hspImages/common/bullet_triangle.gif) no-repeat left 6px; padding-left:10px; margin:6px 0; position:relative; }
.paragraph_list03 > li { background:url(/hspImages/common/bullet_list.gif) no-repeat left 7px; padding-left:8px; margin:6px 0; position:relative; }

.content h4,
.h4 { font-size:18px; color:#333; margin:30px 0 15px; font-family:NanumGothicBold; }
.content h4 span { font-size:14px; font-family:NanumGothic; padding-left:5px; }
.content h4.big,
.h4.big { font-size:23px; }

/* 우편번호 검색 */
.zipcode { width:526px; height:496px; }
.zipcode .search { text-align:center; margin-top:30px; }
.zipcode .search label { font-family:NanumGothicBold; font-size:15px; }
.zipcode .search p { margin:15px 0 10px; text-align:left; }
.zipcode .old_scroll { height:233px; overflow:auto; overflow-x:hidden; }
.zipcode .new_scroll { height:150px; overflow:auto; overflow-x:hidden; }
.zipcode table td dl { margin-top:5px; }
.zipcode table td dl:first-child { margin-top:0; }
.zipcode table td dt { width:40px; }

.zipcode table tr:nth-child(odd) { background:#f2f2f2; }

/* 버튼 섹션 */
.button_section { text-align:center; margin-top:30px; }
.button_section button, .button_section a { margin-left:5px; }
.button_section button:first-child, .button_section a:first-child{ margin-left:0; }

.button_right_section { text-align:right; margin-top:20px; }
.button_right_section button, .button_section a { margin-left:5px; }
.button_right_section button:first-child, .button_section a:first-child{ margin-left:0; }

.btn_area_right_section { position:absolute; right:0; top:7px}
.btn_area_right_section a,
.btn_area_right_section button { margin-left:3px; }

.btn_right_area_section { position:absolute; right:0; top:0}
.btn_right_area_section button, .btn_right_area_section a { margin-left:5px; }
.btn_right_area_section button:first-child, .btn_right_area_section a:first-child{ margin-left:0; }


/* 인라인 정의 목록(콜론 포함) */
.define dt,
.define dd { display:inline; float:left; }
.define dt { background:url(/hspImages/common/colon_bg.gif) no-repeat right 4px; padding-right:4px; font-family:NanumGothicBold; clear:left }
.define dd { padding-left:6px; }

/* 2뎁스 탭 */
.depth2_tab { position:relative; }
.depth2_tab li { display:inline-block; *display:inline; *zoom:1; margin-right:5px; }
.depth2_tab li .right { position:absolute; left:605px; top:0; }

/* 회원가입 */
.btn_verification { text-align:center; margin:30px 0; position:relative; }
.btn_verification > li { display:inline-block; *zoom:1; *display:inline; margin-left:18px; }
.btn_verification > li:first-child { margin-left:0; }
.tab_section { margin:30px 0; }

.layer_verification_sms,
.layer_verification_email { left:70px; top:30px; }
.layer_verification_sms .check,
.layer_verification_email .check { color:#d80000; margin:5px 0 0 10px; }
.layer_verification_sms .sms input { width:50px; }
.layer_verification_sms .sms,
.layer_verification_email .email { background:#f4f4f4; padding:10px 0 15px; text-align:center; margin-top:15px; }
.layer_verification_sms label,
.layer_verification_email label { font-size:15px; }
.layer_verification_sms form,
.layer_verification_email form { margin-top:8px; }
.layer_verification_sms span { margin-left:5px; }
.layer_verification_sms span em { color:#d80000; font-family:NanumGothicBold; }
.layer_verification_email .email .after { background:#f4f4f4; text-align:center; margin-top:15px; }
.join_info { float:left; width:380px; }
.join_info dl { border:1px solid #e2e2e2; padding:20px; margin-bottom:20px; font-family:NanumGothicBold; font-size:15px; }
.join_info dd { color:#0055ac; }
.join_info .btn_big_gray { width:333px; text-align:center; }
.join_event { float:right; position:relative; margin-left:25px; }
.join_event .slide_control { top:360px; left:140px; }

.join_info2 { float:left; width:345px; position:relative; font-size:12px;  margin-right:20px;}
.join_info2 dl { border:1px solid #e2e2e2; padding:20px; margin-bottom:20px; font-family:NanumGothicBold; font-size:15px; }
.join_info2 dl:after { content:""; display:block; clear:both;}
.join_info2 dt { color:#0055ac; height:35px; width:240px !important; display:inline-block;}
.join_info2 dd { color:#0055ac; float:right !important; }
.join_info2 .btn_big_gray { width:333px; text-align:center; }

/* 로그인 */
.sub_login { font-size:12px; float:left; position:relative; width:380px; }
.sub_login p { background:url(/hspimages/common/bullet_list.gif) no-repeat 0 10px; margin-bottom:4px; }
.sub_login label { display:inline-block; *zoom:1; *display:inline; }
.sub_login p label:first-child { width:40px; padding-left:8px; color:#777; }
.sub_login p input[type=text],
.sub_login p input[type=password] { width:255px; }
.sub_login .login_btn { position:absolute; left:318px; top:45px; }
.sub_login .login_common_btn { position:absolute; left:318px; top:214px; }
.sub_login .paragraph_list02 li { line-height:1.8em; }
.sub_login .paragraph_list02 .btn_white { position:absolute; right:0; min-width:60px; }
.sub_login .login_btn_new { position:absolute; left:318px; top:190px; }
.sub_login .login_common_btn_new { position:absolute; left:318px; top:45px; }

/* 라운드 탭 */
.arrow { height:70px; }
.tab_section .arrow li { float:left; width:195px; background:url(/hspImages/sub/arrow01_off.gif) no-repeat 160px center; }
.tab_section .arrow li p { background:#e9f1f9; border:1px solid #cadaec; width:140px; border-radius:10px; text-align:center; height:70px; line-height:70px; font-family:NanumGothicBold; color:#777; font-size:15px; }
.tab_section .arrow li.select { background:url(/hspImages/sub/arrow01_on.gif) no-repeat 160px center; }
.tab_section .arrow li.select p { background:#359fbf; border:1px solid #2183a1; color:#fff; }
.tab_section .arrow li p.line2 { line-height:1.4em; padding-top:15px; height:55px; } 
.tab_section .arrow li p.line3 { line-height:1.4em; padding-top:5px; height:65px; } 
.tab_section .arrow li.bg_none { background:none; width:140px; }

/* 라운드탭 5개 일경우 */
.tab_section .arrow li.five { width:155px; background:url(/hspImages/sub/arrow01_off.gif) no-repeat 123px center; }
.tab_section .arrow li.five p { width:110px; }
.tab_section .arrow li.five.bg_none { background:none; width:100px; }

/* 라운드탭 3개 일경우 */
.tab_section.top { margin:10px 0 -10px 0; } 
.tab_section .arrow li.three { width:260px; background:url(/hspImages/sub/arrow01_off.gif) no-repeat 220px center; }
.tab_section .arrow li.three p { width:200px; }
.tab_section .arrow li.three.bg_none { background:none; width:200px; }


/* 마이페이지 */
.mypage_notice { position:relative; border:1px solid #b8cdd9; padding:20px 25px; margin-top:30px; height:90px; }
.mypage_notice .notice_title { float:left; }
.mypage_notice .notice_title h4 { margin:10px 0 5px; }
.mypage_notice .notice { float:right; width:440px;  padding-left:5px; }
.mypage_notice .notice li { background:url(/hspimages/common/bullet_list.gif) no-repeat 0 9px; padding-left:8px; }
.mypage_notice .notice li a { font-size:12px; width:335px; height:20px; line-height:20px; display:inline-block; *display:inline; *zoom:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mypage_notice .notice li a .new { margin-left:5px; }
.mypage_notice .notice li a .new img { vertical-align:middle; }
.mypage_notice .notice li > span { float:right; text-align:right; display:inline-block; *display:inline; *zoom:1; width:85px; font-size:11px; line-height:20px; color:#888; }
.mypage_notice .notice + .more { position:absolute; left:188px; top:40px; }

/* 실무강좌 레이어팝업 */
.my_work_pop { width:591px; height:426px; }
.my_work_pop .text_view { width:535px; height:165px; overflow:auto; overflow-x:hidden; }
.my_work_pop .question_text_view { width:535px; height:120px; overflow:auto; overflow-x:hidden; }
.my_work_pop textarea { width:99%; height:220px; }
.my_work_pop .question_reply { width:470px; height:70px; overflow:auto; overflow-x:hidden; }



/* 시험창 */
.study_test_pop { width:996px; height:761px; overflow:auto; overflow-x:hidden; }
.study_test_pop .btn_area { margin-bottom:20px; }
.study_test_pop .layer_title { background:url(/hspImages/sub/test_h2_bg.gif); height:50px; }
.study_test_pop .layer_title h2 { padding:12px 0 12px 20px; color:#fff; font-size:18px; float:left; }
.study_test_pop .layer_title h2 em { color:#ffd800; }
.study_test_pop .layer_title dl { margin:12px 20px 0 0; float:right; background:#f1f1f1; padding:3px 10px; border-radius:5px; font-size:14px; }
.study_test_pop .layer_title dt,
.study_test_pop .layer_title dd { display:inline; }
.study_test_pop .layer_title dd { padding-left:3px; color:#d80000; font-family:NanumGothicBold; }
.study_test_pop .layer_title a { float:right; margin:12px 20px 0 0; background:#ffd800; padding:3px 10px; border-radius:5px; font-size:14px; font-family:NanumGothicBold; }
.study_test_pop .layer_title2 { background:url(/hspImages/sub/test_h2_bg.gif); height:70px; }
.study_test_pop .layer_title2 ul li { padding:0 0 0 20px; color:#fff; font-size:13px; float:left; }
.test_question { float:left; width:520px; *zoom:1; }
.test_question:after { content:""; display:block; height: 0; clear: both; visibility: hidden; }
.test_question .test { min-height:200px; margin-bottom:10px; }
.test_question h3 { background:#eaeaea; border:1px solid #d2d2d2; text-align:center; padding:3px 0; font-size:15px; }
.test_question h3 + p { margin:20px 0 0 0px; font-size:17px; font-family:NanumGothicBold; }
.test_question h3 + p  { margin:10px 0 0 0px; width:520px; min-height:50px;}
.test_question textarea { margin:10px 0 0 0px; width:510px; height:100px; font-size:17px; font-weight:normal; }
.test_question .multiple_choice ol { margin:10px 0 0 50px; }
.test_question .multiple_choice ol li { list-style:decimal; margin-bottom:5px; font-size:17px;}
.test_question .multiple_choice ol li strong { color:#d80000; }
.test_question .answer {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; position:relative; padding:10px 10px 10px 10px; }
.test_question .multiple_choice .answer { margin-bottom:30px;  }
.test_question .multiple_choice .answer ul { text-align:center; }
.test_question .multiple_choice .answer li { display:inline; }
.test_question button { text-align:center;}
.test_question .learner_answer { display:inline-block; *zoom:1; *display:inline; margin-left:3px; width:110px; height:16px; background:url(/hspImages/sub/learner_answer_bg.png) no-repeat; padding:1px 10px 2px 15px; color:#fff; font-size:12px; }
.answer_sheet { width:200px; }
.test_question .right_answer { display:inline-block; *zoom:1; *display:inline; background:#d60000; padding:1px 4px; color:#fff; font-size:12px; border-radius:3px; margin-right:5px; }
.answer_sheet table th,
.answer_sheet table td { padding:2px; font-size:12px; }
.answer_sheet table td a { padding:0 4px; }
.study_test_pop .test_control { font-size:12px; display:inline-block; *display:inline; *zoom:1; margin-bottom:10px; }
.study_test_pop .test_control:first-child { margin-right:30px; }
.study_test_pop .test_control dt,
.study_test_pop .test_control dd { display:inline-block; *display:inline; *zoom:1; }
.study_test_pop .test_control dd button { background:#359fbf; color:#fff; width:40px; }
.study_test_pop .answer_explain { margin:0 20px; }
.study_test_pop .answer_explain dt { font-size:15px; font-family:NanumGothicBold; margin:20px 0 10px; }
.study_test_pop .answer_explain dd { border:1px solid #ddd; padding:10px; height:95px; overflow:auto; }
.license_request { width:686px; height:666px; }
.license_request h3 { font-size:16px; margin:20px 0 8px; }
.license_request h3:first-child { margin-top:0; }
.license_request .test_info { margin-bottom:8px; }

.test_question2 { float:left; width:720px; *zoom:1; }
.test_question2:after { content:""; display:block; height: 0; clear: both; visibility: hidden; }
.test_question2 .test { min-height:200px; margin-bottom:10px; }
.test_question2 h3 { background:#eaeaea; border:1px solid #d2d2d2; text-align:center; padding:3px 0; font-size:15px; }
.test_question2 h3 + p { margin:20px 0 0 0px; font-size:17px; font-family:NanumGothicBold; }
.test_question2 h3 + p  { margin:10px 0 0 0px; width:720px; min-height:50px;}
.test_question2 textarea { margin:10px 0 0 0px; width:710px; height:100px;}
.test_question2 .multiple_choice ol { margin:10px 0 0 50px; }
.test_question2 .multiple_choice ol li { list-style:decimal; margin-bottom:5px; font-size:17px;}
.test_question2 .multiple_choice ol li strong { color:#d80000; }
.test_question2 .answer {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; position:relative; padding:10px 10px 10px 10px; }
.test_question2 .multiple_choice .answer { margin-bottom:30px;  }
.test_question2 .multiple_choice .answer ul { text-align:center; }
.test_question2 .multiple_choice .answer li { display:inline; }
.test_question2 button { text-align:center;}
.test_question2 .learner_answer { display:inline-block; *zoom:1; *display:inline; margin-left:3px; width:110px; height:16px; background:url(/hspImages/sub/learner_answer_bg.png) no-repeat; padding:1px 10px 2px 15px; color:#fff; font-size:12px; }
.test_question2 .right_answer { display:inline-block; *zoom:1; *display:inline; background:#d60000; padding:1px 4px; color:#fff; font-size:12px; border-radius:3px; margin-right:5px; }

.test_question3 { float:left; width:720px; *zoom:1; }
.test_question3:after { content:""; display:block; height: 0; clear: both; visibility: hidden; }
.test_question3 .test { min-height:200px; margin-bottom:10px; }
.test_question3 h3 { background:#eaeaea; border:1px solid #d2d2d2; text-align:center; padding:3px 0; font-size:15px; }
.test_question3 h3 + p { margin:20px 0 0 0px; font-size:17px; font-family:NanumGothicBold; }
.test_question3 h3 + p  { margin:10px 0 0 0px; width:720px; min-height:50px;}
.test_question3 textarea { margin:10px 0 0 0px; width:710px; height:50px;}
.test_question3 .multiple_choice ol { margin:10px 0 0 50px; }
.test_question3 .multiple_choice ol li { list-style:decimal; margin-bottom:5px; font-size:17px;}
.test_question3 .multiple_choice ol li strong { color:#d80000; }
.test_question3 .answer {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; position:relative; padding:10px 10px 10px 10px; }
.test_question3 .multiple_choice .answer { margin-bottom:30px;  }
.test_question3 .multiple_choice .answer ul { text-align:center; }
.test_question3 .multiple_choice .answer li { display:inline; }
.test_question3 button { text-align:center;}
.test_question3 .learner_answer { display:inline-block; *zoom:1; *display:inline; margin-left:3px; width:110px; height:16px; background:url(/hspImages/sub/learner_answer_bg.png) no-repeat; padding:1px 10px 2px 15px; color:#fff; font-size:12px; }
.test_question3 .right_answer { display:inline-block; *zoom:1; *display:inline; background:#d60000; padding:1px 4px; color:#fff; font-size:12px; border-radius:3px; margin-right:5px; }

.test_question4 { margin:0 auto; width:720px; *zoom:1; }
.test_question4:after { content:""; display:block; height: 0; clear: both; visibility: hidden; }
.test_question4 .test { min-height:200px; margin-bottom:10px; }
.test_question4 h3 { background:#eaeaea; border:1px solid #d2d2d2; text-align:center; padding:3px 0; font-size:15px; }
.test_question4 h3 + p { margin:20px 0 0 0px; font-size:17px; font-family:NanumGothicBold; }
.test_question4 h3 + p  { margin:10px 0 0 0px; width:720px; min-height:50px;}
.test_question4 textarea { margin:10px 0 0 0px; width:710px; height:100px;}
.test_question4 .multiple_choice ol { margin:10px 0 0 50px; }
.test_question4 .multiple_choice ol li { list-style:decimal; margin-bottom:5px; font-size:17px;}
.test_question4 .multiple_choice ol li strong { color:#d80000; }
.test_question4 .answer {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; position:relative; padding:10px 10px 10px 10px; }
.test_question4 .multiple_choice .answer { margin-bottom:30px;  }
.test_question4 .multiple_choice .answer ul { text-align:center; }
.test_question4 .multiple_choice .answer li { display:inline; }
.test_question4 button { text-align:center;}
.test_question4 .learner_answer { display:inline-block; *zoom:1; *display:inline; margin-left:3px; width:110px; height:16px; background:url(/hspImages/sub/learner_answer_bg.png) no-repeat; padding:1px 10px 2px 15px; color:#fff; font-size:12px; }
.test_question4 .right_answer { display:inline-block; *zoom:1; *display:inline; background:#d60000; padding:1px 4px; color:#fff; font-size:12px; border-radius:3px; margin-right:5px; }

/* 나의 수강정보 */
.end_lecture_event { margin-top:30px; border-top:1px solid #999; border-bottom:1px solid #999; }
.end_lecture_event:after { content:""; display:block; clear:both; }
.end_lecture_event dt,
.end_lecture_event dd { float:left; }
.end_lecture_event dt { width:180px; height:110px; background:#e15c4b url(/hspImages/sub/bg_bud.png) no-repeat 50% bottom; color:#fff; font-size:16px; font-family:NanumGothicBold; text-align:center; padding-top:20px; }
.end_lecture_event dd { width:500px; padding:30px 0 0 20px; }
.end_lecture_event dd p { margin-bottom:10px; }
.study_end_lecture { width:640px; height:1030px; }
.study_end_lecture_Min { width:640px; height:488px; }
.attend { background:#359fbf; display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; margin-right:3px; }
.absence { background:#e15c4b; display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; margin:0 3px 0 10px; }
.attend_bg { background:#359fbf; color:#fff; }
.absence_bg { background:#e15c4b; color:#fff; }
.change_lecture { border:4px solid #eee; padding:40px 0 40px 200px; margin-top:20px; border-radius:10px; }
.change_lecture dl { text-align:left; }
.change_lecture dl:after { content:""; display:block; clear:both; }
.change_lecture dt,
.change_lecture dd { float:left; }
.change_lecture dl:first-child dd { margin-bottom:10px; }
.change_lecture dt { font-size:14px; width:115px;  }

.request_cancel_pop { width:586px; height:661px; overflow:auto; }
.request_cancel_pop .cancel_info { border:1px solid #ddd; padding:20px 0 15px 40px; }
.request_cancel_pop .cancel_info dl { margin-bottom:8px; }
.request_cancel_pop .cancel_info dt { width:55px; }
.request_cancel_pop .cancel_info dt,
.request_cancel_pop .cancel_info dd { display:inline-block; *display:inline; *zoom:1; }
.request_cancel_pop textarea { width:97%; height:100px; margin-top:20px; }
.request_cancel_pop .in_layer { width:100px; padding:20px; border-radius:10px; min-height:50px; left:100px; bottom:100px; }
.request_cancel_pop .in_layer div { text-align:center; margin:10px 0 0; padding-top:15px; border-top:1px dashed #ccc; }

.request_cancel_pop .in_layer2 { width:100px; padding:20px; border-radius:10px; min-height:50px; left:100px; bottom:-300px; }
.request_cancel_pop .in_layer2 div { text-align:center; margin:10px 0 0; padding-top:15px; border-top:1px dashed #ccc; }

.request_cancel_pop2 { width:586px; height:681px; overflow:auto; top:800px; left:40%}
.request_cancel_pop2 .cancel_info { border:1px solid #ddd; padding:20px 0 15px 40px; }
.request_cancel_pop2 .cancel_info dl { margin-bottom:8px; }
.request_cancel_pop2 .cancel_info dt { width:55px; }
.request_cancel_pop2 .cancel_info dt,
.request_cancel_pop2 .cancel_info dd { display:inline-block; *display:inline; *zoom:1; }
.request_cancel_pop2 textarea { width:97%; height:100px; margin-top:20px; }
.request_cancel_pop2 .in_layer { width:100px; padding:20px; border-radius:10px; min-height:50px; left:100px; bottom:100px; }
.request_cancel_pop2 .in_layer div { text-align:center; margin:10px 0 0; padding-top:15px; border-top:1px dashed #ccc; }

.cancel_lecture_end { margin-top:30px; text-align:center; border:4px solid #eee; border-radius:10px; padding:40px 0; }
.cancel_lecture_end .paragraph_1st { font-size:24px; }
.cancel_lecture_end .paragraph_2nd { font-size:18px; margin-top:10px; }
.cancel_lecture_end .paragraph_3th { font-size:14px; margin-top:10px; }
.cancel_lecture_end p > strong { color:#0055ac; }
.cancel_lecture_end p > em { color:#d80000; }

/* 제증명 신청 */
.info_agree { width:671px; height:610px; }
.info_agree .btn_area { margin-top:30px; }
.request_post { width:671px;height:610px; }
.request_post .con { height:385px; overflow:auto; }
.request_post .paragraph_list { margin-top:20px; }
.request_post .btn_area { margin-top:15px; }
.certificate_post { width:671px; height:610px; }
.compare_verification { border:4px solid #eee; border-radius:10px; padding:40px 0; text-align:center; }
.compare_verification dl { display:inline-block; *zoom:1; *display:inline; }
.compare_verification dl:first-child { margin-right:20px; }
.compare_verification dt { font-size:15px; }

.payment_verification { border:4px solid #eee; border-radius:10px; padding:40px 80px 40px 80px; text-align:left;  }
.payment_verification p {line-height:35px; }
.payment_verification .paysum { font-weight:bold; font-size:16px; color:#d80000;  text-align:right;}


/* 포인트몰 */
.point_mall { position:relative; border:4px solid #eee; overflow:hidden; padding:20px 0 20px 90px; margin:30px 0; border-radius:10px; }
.point_mall dl { float:left; margin-right:20px; overflow:hidden; }
.point_mall a { position:absolute; right:10px; top:13px; }
.point_mall dt,
.point_mall dd { display:inline; font-size:18px; }
.point_mall dd { font-family:NanumGothicBold; color:#0055ac; padding-left:5px; }
.point_product dl { width:136px; margin-right:10px; float:left; position:relative; }
.point_product:after { content:""; display:block; clear:both; }
.point_product dl { height:210px; }
.point_product dt { position:absolute; top:150px; width:100%; text-align:center; font-family:NanumGothicBold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.point_product .price_point { position:absolute; top:170px; width:100%; text-align:center; font-size:12px; }
.point_product .product_img { border:1px solid #ccc; height:135px; width:136px; text-align:center; display:table-cell; vertical-align:middle }
.point_product .product_img img { height:90px; width:105px; }
.point_mall_pop { width:591px; height:653px; }
.point_mall_product { width:591px; height:581px; }
.point_mall_product .product_img { float:left; border:1px solid #ccc; width:130px; height:130px; padding:10px 0 0 10px;}
.point_mall_product .product_img img { width:120px; height:120px; }
.point_mall_product .select_product { float:left; }
.point_mall_product .select_product dl { width:340px; margin-left:25px; margin-bottom:13px; }
.point_mall_product .select_product dl:first-child { margin-top:20px; }
.point_mall_product .select_product dt { width:80px; }
.point_mall_product .select_product dd { font-family:NanumGothicBold; }
.point_mall_product .select_product dt,
.point_mall_product .select_product dd { display:inline-block; *zoom:1; *display:inline; font-size:15px; }
.point_mall_product .select_product + p { clear:both; padding-top:20px; height:260px; overflow:auto; overflow-x:hidden; line-height:1.6em; }
.point_mall_product .btn_area{ clear:both;text-align:center;}

/* my플래너 */
.planner_info { border:4px solid #eee; border-radius:10px; padding:20px 0 20px 120px; margin-top:30px; }
.planner_info h4 { font-size:18px; margin:0 0 5px 3px; color:#777; }
.planner_info p { font-size:28px; letter-spacing:-1px; }
.planner_info p strong { color:#0055ac; }
.planner_info h4 + p { float:left; margin-right:10px; background:url(/hspImages/sub/icon_planner.gif) 0 2px no-repeat; padding-left:50px; }
.planner_question { margin-top:30px; }
.planner_question:after { content:""; display:block; clear:both; }
.planner_question .important_blue { float:left; }
.planner_question div { float:right; }
.planner_sangdam_pop { width:486px; height:538px; }
.planner_sangdam_pop textarea { width:98%; height:250px; }
.planner_sangdam__reple { width:486px; height:675px; }
.planner_sangdam__reple textarea { width:98%; height:120px; }
.planner_sangdam__reple .reple { padding:0 20px 20px 20px; }
.planner_sangdam__reple .reple .text { height:110px; overflow:auto; overflow-x:hidden; }
.planner_banner { position:relative; border:1px solid #d2d2d2; border-radius:10px; font-size:16px; padding:25px; margin-top:15px; }
.tab + .planner_banner { margin-top:30px; }
.planner_banner p:first-child { margin-bottom:5px; }
.planner_banner strong { color:#d80000; font-size:17px; }
.planner_banner a { position:absolute; right:25px; top:30px; }
.possible_subject { float:left; }
.possible_subject select { width:274px; }
.possible_subject div { margin-top:10px; }
.possible_subject textarea,
.sms_subject textarea { width:310px; height:210px; }
.possible_subject .multi_selectbox { width:310px; height:210px; }
.possible_subject dt,
.sms_subject dt { margin:10px 0;background:#e0e7ef; color:#0055ac; text-align:center; height:40px; line-height:40px; font-size:18px; font-family:NanumGothicBold; }
.sms_subject { float:right; }
.sms_subject textarea { margin-top:33px; }
.sms_subject .multi_selectbox { width:310px; height:210px; margin-top:33px;}
.possible_subject + span { background:url(/hspImages/sub/bullet_arrow_bg.gif) no-repeat; width:30px; height:93px; display:inline-block; margin:140px 0 0 25px;}
.request_finish_lecture:after { content:""; clear:both; display:block; }

/* 실습연계기관 */
.my_practice_detail { border:1px solid #ccc; min-height:30px; padding:20px; }

/* 내 쪽지함 */
.message_con { position:relative; padding:10px 30px 30px; background:#eff2f6; text-align:left !important; word-break:keep-all;}
.message_con > button { position:absolute; bottom:10px; right:15px; display:inline-block; *zoom:1; *display:inline;background:url(/hspImages/common/btn_close.gif) no-repeat center center; width:10px; height:11px; }
.message_con > button > span { position:absolute; left:-9999px; }
.message_con > span { position:absolute; bottom:10px; left:15px; display:inline-block; *zoom:1; *display:inline;}
.message_con2 span { display:inline !important;}
.send_message input { width:90%; }
.send_message textarea { width:89%; height:200px; }

/* 비밀의 방 */
.secret_write { width:581px; height:481px; }
.secret_write h3,
.secret_view h3 { margin-top:0 !important; }
.secret_view { width:581px; height:716px; }
.secret_view .reple { padding:0 20px 20px 20px; }
.secret_view .reple textarea { width:89%; height:120px; }
.secret_view .reple .text { height:110px; overflow:auto; overflow-x:hidden; }

/* 개인정보 관리 */
.my_document { border:4px solid #eee; padding:25px 0 25px 120px; margin-top:20px; border-radius:10px; }
.my_document dl { text-align:left; }
.my_document dl:after { content:""; display:block; clear:both; }
.my_document dt,
.my_document dd { float:left; }
.my_document dl:first-child dd { margin-bottom:10px; }
.my_document dt { font-size:14px; width:95px;  }
.my_document dd .file { width:300px; margin-right:5px; }
.my_document dd .txt { width:150px;}
.my_document dd button { margin-right:5px; }

.member_leave dl { margin-bottom:10px; }
.member_leave dt,
.member_leave dd { display:inline-block; *display:inline; *zoom:1; }
.member_leave dt { width:115px; }
.member_leave dd input[type=text] { width:80px; }
.member_leave dd select { margin-left:10px; }
.member_leave dd select:first-child { margin-left:0; }

/* 수강장바구니 */
.payment { border:4px solid #eee; padding:10px 50px 35px 50px; margin-top:20px; border-radius:10px; }
.payment li { display:inline-block; *display:inline; *zoom:1; margin:20px 20px 0 0; }
.card { margin-top:10px; border-radius:5px; }
.card li { height:20px; }
.card li img { vertical-align:middle; padding-right:10px; }
.card { background:#efeff5; padding:20px; }
.lecture_coupon { width:706px; height:740px; }
.lecture_coupon .con { height:550px; overflow:auto; overflow-x:hidden; }
.lecture_coupon .btn_area { margin-top:10px; }
.apllleccart_agreement { position:relative; margin-top:5px; }
.apllleccart_agreement label { position:absolute; right:0; bottom:0; font-family:NanumGothicBold;}
.cbrefund_info { width:100%; height:690px; }
.cbrefund_info_pop { width:99%; height:740px; }
.cbrefund_info h3,
.cbrefund_info_pop h3,
.refund_info h3 { margin-top:0 !important; }
.refund_info { width:661px; height:531px; }
.lecture_payment_pop { width:630px; height:500px; }
.lecture_payment_pop > .con h3 { margin-top:25px; font-size:14px; color:#75107e; }
.lecture_payment_pop .scroll { height:450px; overflow:auto; overflow-x:hidden; padding-right:2px; }

.lecture_payment_pop2 { width:600px; height:400px; }
.lecture_payment_pop2 > .con h3 { margin-top:0; font-size:16px; color:#333; }
.lecture_payment_pop2 .scroll { height:210px; overflow:auto; overflow-x:hidden; padding-right:2px; }

.lecture_payment_pop3 { width:630px; height:650px; }
.lecture_payment_pop3 > .con h3 { margin-top:25px; font-size:14px; color:#75107e; }
.lecture_payment_pop3 .scroll { height:450px; overflow:auto; overflow-x:hidden; padding-right:2px; }

.loading {margin-top: 250px; margin-bottom: 30px; text-align: center; font-size: 23px; font-weight: 600;}
.lecture_payment_bg{background-color:#fddada;}


/* 강의계획서 */
.lecture_plan { width:100%; }
.lecture_plan .tab_menu a { width:180px; }
.lecture_plan table th,
.lecture_plan table td { padding:3px 8px; }
.lecture_plan .plan_con { overflow:auto; margin-top:15px; }
.lecture_plan .btn_area { margin-top:15px; }




/* 학습도우미 */
.smart_tester { width:626px; height:750px; }
.smart_tester > .con { height:562px; overflow:auto; overflow-x:                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      ; padding-bottom:0; }
.smart_tester > .con > div h3 { margin-top:0; font-size:16px;color:#fff; background:#0055ac; padding:3px 10px; border-radius:5px; text-align:center; }
.smart_tester > .con > div { margin-bottom:20px; }
.credit_condition { border:4px solid #eee; padding:10px 0; margin-top:10px; text-align:center; border-radius:10px; }
.credit_condition dl { font-size:16px; margin-top:5px; }
.credit_condition dl:first-child { margin-top:0; }
.credit_condition dt,
.credit_condition dd { display:inline; }
.credit_condition dd { font-family:NanumGothicBold; }
.excess_credit dd { color:#d80000; font-size:19px; }
.smart_tester .degree { margin-top:15px; }
.smart_tester .degree p { font-size:15px; font-family:NanumGothicBold; padding:0 0 5px 8px; }
.smart_tester .degree label { margin-right:35px; }
.all_info { width:626px; height:550px;}
.all_info .con { height:400px; overflow:auto; overflow-x:hidden; }
.all_info .con .para dt { font-size:18px; font-family:NanumGothicBold; margin-bottom:10px; }
.all_info .con .para p { float:left; margin:20px 20px 20px 300px; color:#0055ac; font-family:NanumGothicBold; }
.all_info .con .para label { float:left; margin:20px 0 20px; color:#0055ac; }
.all_info .con .para hr { clear:both; margin-bottom:20px; }
.all_info .con .para:first-child hr { display:none; }
.all_info .btn_area { margin-top:30px;}

.payment_end { border:4px solid #eee; border-radius:10px; padding:20px 0; font-size:24px; margin-top:30px; text-align:center; }
.payment_end strong { color:#d80000; }
.hsp_account { margin:10px 0 0 18px; }
.hsp_account dt,
.hsp_account dd { display:inline; }
.hsp_account dt { background:url(/hspImages/common/colon_bg.gif) no-repeat right 4px; padding-right:4px; }
.hsp_account dd { margin-right:10px; color:#0055ac; font-family:NanumGothicBold; font-size:14px; }

/* 수강신청 */
/*전체 강좌 탭*/
.t_menu { margin:20px 0 0 0; background:#f6f6f6; padding:10px 5px 10px 8px; }
.t_menu ul { width:724px;}
.t_menu ul:after { content:""; display:block; clear:both; }
.t_menu li { position: relative; display:inline-block;*display:inline; *zoom:1; position: relative;margin:1px;  }
.t_menu li a { width:127px; height:36px; background:url(/hspImages/sub/tab_apply_off.gif) no-repeat; display:inline-block; *display:inline; *zoom:1; font-size:14px; color:#888; font-family:NanumGothicBold; text-align:left; padding:16px 0 0 10px;float:left; }
.t_menu li a span { position:absolute; right:10px; top:17px; }
.t_menu li a.select, 
.t_menu li a:hover, 
.t_menu li a:focus { background:url(/hspImages/sub/tab_apply_on.gif) no-repeat; }
.t_menu li.line2 a { height:44px; line-height:1.3em; padding:8px 0 0 10px; }

.t_menu2 { margin:20px 0 0 0; background:#f6f6f6; padding:10px 5px 10px 11px; }
.t_menu2 ul { width:714px; }
.t_menu2 ul:after { content:""; display:block; clear:both; }
.t_menu2 .t_menu_menu li { position: relative; float:left; position: relative; margin:5px 2px; }
.t_menu2 .t_menu_menu li a { width:127px; height:36px; background:url(/hspImages/sub/tab_apply_off.gif) no-repeat; display:inline-block; *display:inline; *zoom:1; font-size:15px; color:#888; font-family:NanumGothicBold; text-align:center; padding:8px 5px;line-height:35px }
.t_menu2 .t_menu_menu li a span { position:absolute; right:10px; top:17px; }
.t_menu2 .t_menu_menu li a.select, 
.t_menu2 .t_menu_menu li a:hover, 
.t_menu2 .t_menu_menu li a:focus { background:#0055ac;border-radius:3px;color:#fff }
/*.t_menu2 .t_menu_menu li a.select, 
.t_menu2 .t_menu_menu li a:hover, 
.t_menu2 .t_menu_menu li a:focus { background:url(/hspImages/sub/tab_apply_on.gif) no-repeat; }*/
.t_menu2 .t_menu_menu li.line2 a { height:44px; line-height:1.3em; padding:8px 0 0 10px; }


/*전체강좌 운영과목 서브메뉴 20221107*/
.t_menu2 .t_menu_submenu {text-align:center } 
.t_menu2 .t_menu_submenu li {display:inline-block; *display:inline; *zoom:1; } 
.t_menu2 .t_menu_submenu a{font-size:14px; color:#888;text-align:center;padding:10px 15px;margin:5px 0;line-height:14px;display:inline-block;vertical-align:middle;font-weight:bold }
.t_menu2 .t_menu_submenu li a.select, 
.t_menu2 .t_menu_submenu li a:hover, 
.t_menu2 .t_menu_submenu li a:focus { border-bottom:2px solid #0055ac;color:#0055ac; }
.t_menu2 .t_menu_submenu li.textR {text-align:right;padding-right:108px;float:right}


/* 전체강좌 안내배너 */
.subject_list_banner { border:1px solid #ddd; margin-top:30px; height:98px; }
.subject_list_banner:after { clear:both; content:""; display:block; }
.subject_list_banner > p:first-child { float:left; font-size:14px; font-family:NanumGothicBold; background:url(/hspImages/sub/img_point.gif) no-repeat 20px 13px; width:330px; height:70px; color:#797979; padding:28px 0 0 110px; }
.subject_list_banner > p + p { float:right; background:#e8f3fe; height:100%; border-left:1px solid #cce0f5; font-size:16px; width:269px; position:relative; font-weight:bold; }
.subject_list_banner > p + p a { display:inline-block; *display:inline; *zoom:1; width:254px; height:73px; padding:25px 0 0 15px; }
.subject_list_banner > p + p a + span { position:absolute; right:20px; top:40px; }
.subject_table{width:557px; padding:0; border-collapse:collapse; border-spacing:0; border:1px solid #9fd0f0;border-bottom:1px solid #9fd0f0;border-left:1px solid #9fd0f0;}
.subject_table td,
.subject_table th{border:1px solid #9fd0f0;border-bottom:1px solid #9fd0f0;border-left:1px solid #9fd0f0;}
.subject_table_purple{width:557px; padding:0; border-collapse:collapse; border-spacing:0; border:1px solid #eebee4;border-bottom:1px solid #eebee4;border-left:1px solid #eebee4;}
.subject_table_purple td,
.subject_table_purple th{border:1px solid #eebee4;border-bottom:1px solid #eebee4;border-left:1px solid #eebee4;}
.subject_list_txt{color:#2c92d7; font-size:15px; font-family:NanumGothicBold;}
.subject_list_txt2{color:#b444bb; font-size:15px; font-family:NanumGothicBold;}
.subject_list_td{padding:2px;}
.subject_list_package{position:relative;}



/* 공통 탭메뉴_블루 */
.tabmenu_blue_cover { margin:30px 0 15px;}
.tab_b_menu { border-bottom:2px solid #0055ac; }
.tab_b_menu li { display:inline-block; *display:inline; *zoom:1; }
.tab_b_menu li a { display:inline-block; *display:inline; *zoom:1; font-size:15px; padding:6px 25px; height:28px; line-height:28px; font-family:NanumGothicBold; border:1px solid #ccc; border-bottom:none; border-left:none; text-align:center; background:#fff; color:#777;  }
.tab_b_menu li:first-child a { border-left:1px solid #ccc;  }
.tab_b_menu li a.select { background:#0055ac; color:#fff; border:1px solid #0055ac; border-bottom:2px solid #0055ac; margin-bottom:-2px; margin-left:-1px;}


/* 공통 탭메뉴_블루_2줄 */
.tab_b_menu_2line { border-bottom:2px solid #0055ac;height:65px }
.tab_b_menu_2line li { display:inline-block; *display:inline; *zoom:1; }
.tab_b_menu_2line li a { display:inline-block; *display:inline; *zoom:1; font-size:15px; padding:6px 24px; height:65px; line-height:28px; font-family:NanumGothicBold; border:1px solid #ccc; border-bottom:none; border-left:none; text-align:center; background:#fff; color:#777;box-sizing:border-box;float:left }
.tab_b_menu_2line li:first-child a { border-left:1px solid #ccc;  }
.tab_b_menu_2line li a.select { background:#0055ac; color:#fff; border:1px solid #0055ac; border-bottom:2px solid #0055ac; margin-bottom:-2px; margin-left:-1px;box-sizing:border-box;height:67px}


.subject_icon { margin-left:5px; }
.subject_icon img { vertical-align:middle; }

.register_info { border:1px solid #ccc; padding:20px 20px 20px 30px; height:80px;}
.register_info ol li { list-style:decimal; margin-left:20px; }

/* 공통 탭메뉴_블루 */
.tabmenu_blue_cover02 { margin:30px 0 15px;}
.tab_b_menu02 { border-bottom:3px solid #0055ac; }
.tab_b_menu02 li { display:inline-block; *display:inline; *zoom:1; }
.tab_b_menu02 li a { display:inline-block; *display:inline; *zoom:1; font-size:15px; padding:6px 25px; height:28px; line-height:28px; font-family:NanumGothicBold; border:1px solid #ccc; border-bottom:none; border-left:none; text-align:center; background:#fff; color:#777; }
.tab_b_menu02 li:first-child a { border-left:1px solid #ccc;  }
.tab_b_menu02 li a.select { color:#0055ac; border:1px solid #0055ac; border-bottom:2px solid #0055ac; margin-bottom:-2px; margin-left:-1px;}


/* 수강신청 과목 세부 페이지 */ 
.subject_name {margin-top:23px;  padding:7px 10px 15px 35px; float:left; font-size:30px; color:#000;}
.subject_movie{ float:left; margin-top: 34px;}
#subject_info2018 table{width:90%; margin:auto;}
#subject_info2018 table th{paddin-left:20px;}
.btn_big_gray2018 {width:140px; background:#757575 ;padding:8px 2px 8px 2px;  font-size:18px; color:#fff !important; font-family:NanumGothicBold; text-align:center; display:inline-block; margin:20px 10px 10px 225px;}
.btn_big_red2018 {width:140px;background:#ff3a3a ;padding:8px 2px 8px 2px; display:inline-block; font-size:18px; color:#fff !important; font-family:NanumGothicBold;text-align:center;   }
.btn_big_blue2018 {width:140px;background:#26738A ;padding:8px 2px 8px 2px; display:inline-block; font-size:18px; color:#fff !important; font-family:NanumGothicBold;text-align:center;   }

.professor_pic { width:202px; height:301px; border:1px solid #ddd; float:left; margin-right:20px; background:url(/hspImages/sub/professor_basic.jpg) no-repeat;} 
.professor_info { width:500px; min-height:630px; float:left; }
.professor_info .btn_area { margin-top:10px; }

.subject_info { border:2px solid #359FBF; margin-top:20px; padding:15px 10px 15px 10px; clear:both;}
.subject_info dt { font-size:18px; font-family:NanumGothicBold; margin:10px 0 7px; }

/* 패키지과정 */
.package_explain { border:4px solid #eee; padding:20px; }
.package_explain > p { font-size:16px; font-family:NanumGothicBold; margin-bottom:10px; }
.package_banner { position:relative; background:url(/hspImages/sub/package_title_bg.gif) repeat-x 0 bottom; border:1px solid #cbcbcb; border-radius:5px; margin-top:10px; }
.package_banner a { display:inline-block; *display:inline; *zoom:1; width:690px; padding:11px 0 11px 40px; }
.package_banner a strong { font-size:16px; }
.package_banner span { position:absolute; }
.package_banner .quick_icon { background:url(/hspImages/sub/package_condition_bg.gif) no-repeat; width:83px; height:36px; right:90px; top:15px; padding:7px 0 0 15px; font-family:NanumGothicBold; }
.package_banner .condition_ing { position:absolute; right:10px; top:12px; background:#cddbea; height:27px; width:87px; border:1px solid #91a7c1; border-radius:3px; font-family:NanumGothicBold; padding-top:8px; text-align:center; color:#333; }
.package_banner .condition_end { position:absolute; right:10px; top:12px; background:#a8a8a8; height:27px; width:87px; border:1px solid #888; border-radius:3px; color:#fff; font-family:NanumGothicBold; padding-top:8px; text-align:center; }
.package_banner .condition_impending { position:absolute; right:10px; top:12px; background:#e80000; height:27px; width:87px; border:1px solid #b00000; border-radius:3px; color:#fff; font-family:NanumGothicBold; padding-top:8px; text-align:center; }
.package_con { border-bottom:1px dashed #ccc; margin-bottom:20px; }
.advantage { border:1px solid #ddd; margin-top:10px; width:728px; min-height:120px; }
.package_con .important_blue { float:left; margin:20px 0 20px 215px; }
.package_con:after { content:""; display:block; clear:both; }
.package_con a { float:right; }
.package_boyuk,.package_social_worker,.package_youth,.package_management,.package_life_long,
.package_many_subject { color:#fff !important; padding:8px 10px 8px 43px; }
.package_boyuk { background:#5aa1e9 url(/hspImages/sub/icon_note_white.png) no-repeat 20px center; }
.package_social_worker { background:#71b752 url(/hspImages/sub/icon_note_white.png) no-repeat 20px center; }
.package_youth { background:#e67696 url(/hspImages/sub/icon_note_white.png) no-repeat 20px center; }
.package_management { background:#8291dc url(/hspImages/sub/icon_note_white.png) no-repeat 20px center; }
.package_life_long { background:#ef9200 url(/hspImages/sub/icon_note_white.png) no-repeat 20px center; }
.package_many_subject { background:#73c2bd url(/hspImages/sub/icon_note_white.png) no-repeat 20px center; }
.package_title:after { content:""; display:block; clear:both; }
.package_title h4 { float:left; }
.package_title dl { float:right; margin-top:30px; font-size:17px; }
.package_button { position:relative; margin-top:10px; height:80px; text-align:center; }
.package_button dl { right:110px; top:20px; font-size:18px; }
.package_button dt,
.package_button dd { display:inline; font-family:NanumGothicBold;}
.package_button a {  right:0; top:0; }

/* 패키지 할인혜택 및 패키지 안내*/
.package_banner .pa_01 {padding:10px; padding-left:40px; padding-top:20px; font-size:14px;}
.package_banner .pa_01 .pa_a {font-size:20px; color:#1d859f;}
.package_banner .pa_01 .pa_b {font-size:20px; color:#1eadff;}
.package_banner .pa_02 {padding-left:40px; font-size:14px; line-height:2em; }
.package_banner .pa_03 {padding-left:40px; font-size:14px; margin-left:105px;}
.package_banner .pa_04 {text-align:center}

.sub_tab_menu li.tab4 .t_01 {background:#0055ac; color:#fff; font-size:17px}
.sub_tab_menu li.tab4 .t_01 {background:#0055ac; color:#fff; font-size:17px}
/* 패키지 할인혜택 및 패키지 안내 END*/

/*패키지 수강신청 페이지 리뉴얼 20180904*/
.package_tabmenu_blue_cover { margin:30px 0 5px;}
.package_tab_b_menu { border-bottom:2px solid #0055ac; position: absolute;}
.package_tab_b_menu li { float:left; *display:inline; *zoom:1;}
.package_tab_b_menu li a {float:left; *display:inline; *zoom:1; font-size:14px; padding:6px 10px; width:82px; height:28px; line-height:28px; font-family:NanumGothicBold; border-top:1px solid #ccc;border-right:1px solid #ccc;  text-align:center; background:#fff; color:#777; }  /*탭이 7개일때 width:83px;*/
.package_tab_b_menu li:first-child a { border-left:1px solid #ccc;  }
.package_tab_b_menu li a.select { background:#0055ac; color:#fff; border:1px solid #0055ac; border-bottom:2px solid #0055ac; margin-bottom:-2px; }
.package_list{width:172px;display:inline-block; margin:30px 10px 0 0; vertical-align:top;float:left;height:240px}
.package_list2{width:172px;display:inline-block; margin:30px 10px 0 0;float:left;height:240px}
.package_list_imgbox{height:125px;}
.package_list_txtbox{background:#f5f5f5; height:125px; padding:5px; font-size:16px; text-align:center; border-bottom:1px solid #afafaf;}
.package_sugang_btn_navy{background:url(../../hspapplLec/images/packagelist_sugang_bg_navy.png) no-repeat; width:112px; height:32px; color:#fff; text-align:center; margin:10px auto 10px; line-height:29px;}
.package_sugang_btn_red{background:url(../../hspapplLec/images/packagelist_sugang_bg_red.png) no-repeat; width:112px; height:32px; color:#fff; text-align:center; margin:10px auto 10px; line-height:29px;}
.package_sugang_btn_gray{background:url(../../hspapplLec/images/packagelist_sugang_bg_gray.png) no-repeat; width:112px; height:32px; color:#fff; text-align:center; margin:10px auto 10px; line-height:29px;}
.package_none{background:url(../../hspapplLec/images/packagelist_none.jpg) no-repeat; width:728px; height:130px;color:#666;  font-family: "나눔고딕",NanumGothic,"돋움",dotum,sans-serif; font-size:30px; text-align:center; margin:20px 0 0; padding-top:30px;}


/* 실무 과정 */
.page_introduce { background:url(/hspImages/sub/img_point.gif) no-repeat 20px center; min-height:50px; padding:20px 10px 15px 110px; border:1px solid #e0e7ef; margin-top:20px; font-size:15px; }
.page_introduce_short { background:url(/hspImages/sub/img_point.gif) no-repeat 20px center; min-height:40px; padding:30px 10px 15px 110px; border:1px solid #e0e7ef; margin-top:20px; font-size:15px; }
.working_banner { background:#e8f3fe; border:1px solid #cce0f5; border-radius:10px; padding:15px 30px; margin-top:20px; }
.working_banner:after { content:""; display:block; clear:both; }
.working_banner .working_content { float:left; }
.working_banner .working_content p:first-child { color:#d80000; margin-bottom:5px; font-family:NanumGothicBold; font-size:14px; }
.working_banner dt { color:#0055ac; font-size:20px; font-family:NanumGothicBold; margin-bottom:7px; }
.working_banner dd { color:#333; }
.working_banner a { display:block; width:100%; height:100%; }
.working_banner .price { float:right; }
.working_banner .price div { float:right; margin:5px 0 0 15px; text-align:center; }
.working_banner .price span { float:left; margin-top:15px; }
.working_banner .price del { font-size:14px; }
.working_banner .price p { font-size:28px; color:#0055ac; font-family:NanumGothicBold; letter-spacing:-1px; line-height:1.2em; margin-bottom:5px; }
.working_banner .price strong { font-size:16px; font-weight:bold; color:#d80000; }
.working_explain { position:relative; border:4px solid #eee; padding:20px; margin-top:20px; }
.working_explain > p { font-size:18px; font-family:NanumGothicBold; margin-bottom:10px; border-bottom:1px solid #ccc; line-height:2em; }
.working_explain .btn { position:absolute; right:20px; top:27px; }
.working_explain .paragraph_list02 { clear:both; }
.working_curriculum { border:1px solid #ccc; min-height:200px; overflow-x:hidden; }

/* 타기관 실습과목 수강신청 */
.request_info { margin-top:30px; border:4px solid #eee; padding:20px; }
.request_info p { margin-bottom:20px; }
.request_info dt { font-family:NanumGothicBold; font-size:15px; margin-bottom:5px; color:#0055ac; }
.request_info_num li { list-style:decimal; margin-left:20px; }
.request_info_num strong { font-size:15px; line-height:2em; }
.request_info_setting { width:366px; height:346px; }
.request_info_setting .con { height:220px; }
.request_info_setting textarea { width:98%; height:120px; }
.request_state { margin-top:30px; }
.request_state dt { font-family:NanumGothicBold; font-size:16px; background:url(/hspImages/common/bullet_txt_list.png) no-repeat 0 7px;  padding-left:12px; margin-bottom:5px; }
.request_state dd { margin-left:12px; background:url(/hspImages/sub/icon_arrow.png) no-repeat 0 3px; padding-left:23px; }
.request_buttonArea { text-align:center; margin-top:30px; }
.request_briefing { border:4px solid #eee; border-radius:10px; padding:20px; margin-top:20px; text-align:center; }
.request_briefing dt,
.request_briefing dd { display:inline; }
.request_briefing dt { margin-right:10px; font-size:16px; font-family:NanumGothicBold; vertical-align:middle; }
.request_briefing dd { margin-right:20px; }
.request_result { margin-top:20px; border:4px solid #eee; padding:15px; border-radius:10px; }
.request_result dt { font-size:15px; color:#fff; background:#0055ac; padding:5px 0; text-align:center; border-radius:5px; }
.request_result dd { margin-top:10px; }
.request_result strong { color:#ffde00; }
.cb_request_01_pop { width:416px; height:306px; }
.cb_request_text { font-size:16px; margin-bottom:5px; }
.cb_request_text strong { color:#d80000; }
.cb_request_line { border:4px solid #eee; padding:20px 0; text-align:center; }
.cb_request_line label { margin-right:15px; }
.choice_gubun { margin-top:20px; padding-bottom:15px; border-bottom:1px dashed #ccc; }
.choice_gubun dt,
.choice_gubun dd { display:inline-block; *zoom:1; *display:inline; }
.choice_gubun dt { width:220px; text-align:right; margin-right:19px; font-family:NanumGothicBold; font-size:14px; }
.request_learner { border:4px solid #eee; padding:20px 0 20px 30px; margin-top:20px; }
.request_learner dl { margin-top:30px; }
.request_learner dl:first-child { margin:0; }
.request_learner dt,
.request_learner dd { display:inline-block; *zoom:1; *display:inline; }
.request_learner dt { font-family:NanumGothicBold; font-size:15px; vertical-align:-2px; margin:0 10px 0 0; }
.request_learner dt:after { content:":" }
.request_learner dd { margin-right:10px; }
.request_learner dd input[type=radio] { margin-bottom:2px; }
.request_learner dd.padding { padding-left:83px; }
.hakjum_register { border:4px solid #eee; padding:20px 0; text-align:center; margin-top:20px; }
.hakjum_register dt,
.hakjum_register dd { display:inline; font-size:18px; font-family:NanumGothicBold; }
.hakjum_register dd { color:#0055ac; }
.hakjum_register dt:after { content:":" }
.refund_account { margin:20px 0 0 20px; background:url(/hspImages/common/bullet_triangle.gif) no-repeat left 7px; padding-left:8px; }
.refund_account dt,
.refund_account dd { display:inline; font-size:14px; }
.refund_account dt { margin-right:8px; font-family:NanumGothicBold; color:#0055ac; }
.refund_account dt:after { content:":" }
.refund_account dd input { margin-left:5px; }
.total_pay { margin:20px 0 0 20px; }
.total_pay dt,
.total_pay dd { display:inline; font-size:25px; letter-spacing:-1px; }
.total_pay dd { color:#d80000; font-family:NanumGothicBold; }
.total_pay dt:after { content:":" }

/* 강좌 관련 전공 레이어 */
.lecture_major_layer { width:250px;min-height:70px;z-index:10;border-radius:8px;text-align:left; display:inline-block; *zoom:1; background:#fff;border:3px solid #0055ac;padding:5px; }
.lecture_major_layer dl dt {color:#0055ac;margin-top:5px;}
.lecture_major_layer dl dt:first-child {margin-top:0;}
.lecture_major_layer dl dd {color:#777;}

/* 오리엔테이션 신청 */
.reple_area { background:#f5f5f5; padding:15px 20px 20px; }
.reple_area h5 { font-size:16px; color:#0055ac; margin-bottom:8px; }
.reple_area textarea { width:81%; height:100px; float:left; }
.reple_area .btn_reple_area { width:108px; height:73px; padding-top:40px; background:#0055ac; display:inline-block; *zoom:1; *display:inline;  margin-left:8px; color:#fff; border-radius:5px; font-size:15px; text-align:center; font-family:NanumGothicBold; }
.request_reple { background:url(/hspImages/sub/icon_reply.png) no-repeat; padding:8px 0 8px 45px; }

/* 한사평 학사일정 */
.info_schedule h4 { float:left; }
.info_schedule span { float:left; margin:30px 0 0 15px;background:#359fbf; display:inline-block; *zoom:1; *display:inline; color:#fff; font-family:NanumGothicBold; padding:3px 0; width:90px; text-align:center; border-radius:3px; }

/* 무료특강 */
.offline_free_pop { width:541px; height:296px; }
.offline_free_pop .con p { font-size:15px; }
.offline_free_pop .con dl { border:1px solid #ccc; margin:20px 0; padding:20px 0; text-align:center; font-size:18px; }
.offline_free_pop .con dt:after { content:":" }
.offline_free_pop .con dd { color:#0055ac; font-family:NanumGothicBold; }

/* 불만제로 */
.claim_list { border:4px solid #eee; border-radius:10px; padding:20px 20px 15px; margin-top:20px; background:url(/hspImages/sub/claim_img.gif) no-repeat 20px center; padding-left:80px; }
.claim_list:after { content:""; display:block; clear:both; }
.claim_list p { font-size:16px; float:left; }
.claim_list p strong { color:#d80000; }
.claim_list a { float:right; }
.claim_title h4 { float:left; }
.claim_title a { float:right; margin-top:30px; }
.claim_banner { border:1px solid #ddd; border-radius:5px; padding:20px 0; text-align:center; margin-top:50px; }
.claim_banner:after { clear:both; display:block; content:""; }
.claim_banner dl { width:27.5%; float:left; border-left:1px dashed #ccc; padding:0 20px; }
.claim_banner dl:first-child { border-left:none; }
.claim_banner dt { margin-bottom:10px; }
.like img { vertical-align:middle; }
.repair_project_view { width:526px; height:526px; }
.repair_project_view .text { height:300px; overflow:auto; overflow-x:hidden; }
.claim_write_button { margin-top:30px; border-bottom:1px dashed #ccc; padding-bottom:20px; }
.claim_write_button:after { content:""; display:block; clear:both; }
.claim_write_button p { float:left; margin-top:10px; font-size:15px; }
.claim_write_button button { float:right; }
.claim_write_button strong { color:#d80000; }
.repair_project_write { width:576px; height:681px; }
.repair_project_write textarea { width:98%; height:120px; }
.repair_project_edit { width:576px; height:681px; }
.repair_project_edit .text { height:110px; overflow:auto; overflow-x:hidden; }
.claim_step { margin-top:10px; }
.claim_step:after { content:""; display:block; clear:both; }
.claim_step dt { margin-right:15px; }
.claim_step dd { background:url(/hspImages/sub/claim_step_off.gif) no-repeat; width:121px; height:46px;line-height:46px; font-size:15px; text-align:center; font-family:NanumGothicBold; color:#777; }
.claim_step dd.select { background:url(/hspImages/sub/claim_step_on.gif); color:#fff; }
.claim_step dt,
.claim_step dd { float:left; }

/*컨텐츠 박스*/
.contents_box { border:1px solid #ccc; padding:20px;}
.contents_box:after {content:""; display:block; clear:both; }
.contents_box_p10 :{ border:1px solid #ccc; padding:10px;}
.contents_box_b { border:1px solid #cce0f5; background:#e8f3fe; height:100px; vertical-align:top;}
.bg_gray_box { background:#f6f6f6;}
.floatnone:after { display:block;clear:both;content:'' }
 .contents_box2 { display:inline-block; *zoom:1; *display:inline; width:690px; border:1px solid #cce0f5; background:#e8f3fe; border-radius:5px; padding:20px; color:#333 !important; text-align:center; }
/*테이블*/

/*학점은행 in 학점은행제 */
.hakjum_in_cb {margin-top:20px; }
.hakjum_in_cb:after { content:""; display:block; clear:both; }
.hakjum_in_cb .left { width:40%; float:left;}
.hakjum_in_cb .right { width: 57%;float:right;text-align:left;}
.hakjum_in_cb dt {font-family:NanumGothicBold; font-size:16px; margin-bottom:5px; color:#0055ac; }
.hakjum_in_cb dd {font-family:NanumGothic; font-size:14px; }

/*다양한 평가인정과목 개설*/
.table_h30 { width:100%; height:30px; padding:0; border-top:1px solid #949494; border-bottom:none; border-collapse:collapse; border-spacing:0; }
.table_h30 td { padding:4px; text-align:center; color:#797979; }
.table_h30 th { padding:5px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:left; }
.table_h30 th { background:#f2f2f2; text-align:center; font-family:NanumGothicBold; }

.table_p20 { width:100%; height:30px; padding:0px; border-collapse:collapse; border-spacing:0; border:0px !important; }
.table_p20 td { padding:0px 11px; text-align:left;  color:#616161; border:0px !important;}
.table_p20 td label {padding-right:15px; line-height:22px; }
.table_p20 th { padding:10px; padding-left:20px; vertical-align:middle; text-align:left; border:0px !important;}
.table_p20 th { background:#f2f2f2; text-align:center; font-family:NanumGothicBold; border:0px !important; }


/* 댓글 등록 */
.comment  { width:100%; height:30px; padding:0; border-top:1px solid #949494; border-bottom:none; border-collapse:collapse; border-spacing:0; }
.comment th { padding:11px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:left;  background:#e5f1ff; }
.comment td { text-align:center; color:#555; text-align:left; }
.comment span {  font-size:12px; padding-left:5px;  }
.comment .btn { padding:5px; background:#609ee3 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #376ba4; padding:5px 31px 5px 25px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 



.object_blue { float:right; width:267px; height:102px; margin:25px 0 13px; border:1px solid #cce0f5;  border-left:none; background:#e8f3fe;   }
.object_blue .area { padding:30px 15px; }
.object_blue .area .text { float:left; font-family:NanumGothicBold; width:266px; font-size:16px; color:#555; }
.object_blue .area .text p {  line-height:21px;  }
.object_blue .area .text .line2 { line-height:1.4em; padding-top:15px;}
.object_blue .area .text .line3 { line-height:1.4em; padding-top:8px;}


/* 한사평스토리 */
.iframe_m { height:700px;  width:100%;} 
.ceo_img{background:url(/hspImages/sub/hspstory_ceo_greeting2023.jpg) no-repeat; text-align:top; height:700px;  } 
.ceo_text{ width:450px; text-align:justify; padding-top:30px; }
.ceo_text .b{ font-size:16px; font-family:NanumGothicBold;}

.history_year {background:url(/hspimages/sub/hspstory_history_year.png) no-repeat; height:42px;  width:114px; font-size:18px; font-family:NanumGothicBold; color:#fff; text-align:center; margin:30px 0px 0 30px; padding:4px 30px 0 0; }
.history_text {margin-top:28px; margin-bottom:20px; clear:both; text-align:left; font-family:NanumGothic;  clear:both;   display:inline-block; *display:inline; padding:0 20px 10px 0px;  line-height:20px; }
.history_text span {font-family:NanumGothicBold; clear:both; text-align:right;  float:left; width:30px; padding-right:20px; }
.history_bg {background-color:#eff7fb;  }

.event_banner ul { margin:20px 0 ;} 
.event_banner li { height:93px;  width:730px; padding:6px 0 ;} 

.member {background:url(/hspImages/sub/member_sample_bg.gif) no-repeat; text-align:top; height:121px; width:143px;padding: 6px 6px 6px 6px;   margin:19px 0 100% 5px;}
/*.member .photo{background:url(/hspImages/sub/member_sample.gif) no-repeat; text-align:top; height:129px; width:106px;  }*/
.member .photo{text-align:top; height:129px; width:106px;  }
.member_text {background:#f1f1f4; padding:10px 0 10px 10px; margin:20px 0 5px 0px; line-height:21px; }
.member_text .first{background:#f1f1f4; padding:10px 0 10px 10px; font-family:NanumGothicBold;  margin:20px 0 5px 160px; line-height:21px; }

.previous_selectbox_bg{height:60px;background:#003d7b; padding:4px 20px 4px 20px;  text-align:center; margin:20px auto 20px;}
.previous_selectbox_txt{color:#FFF; font-size:18px; float:left; margin:15px 0 0 40px;  font-family:NanumGothicBold; }  


/*library*/
.ebook_library {margin-top:20px; clear:both;  display:inline-block ; }
.ebook_library ul {padding:5px 0px; display:inline-block; float:left;}}
.ebook_library ul:after { display:inline-block;clear:both;content:'' }
.ebook_library li { float:left; position: relative; margin:10px 0px; padding-right:20px; line-height:24px; font-family:NanumGothic;}
.ebook_library li a {font-family:NanumGothicBold; font-size:16px; }
.ebook_library li a:hover{font-family:NanumGothicBold; font-size:16px; color:#095cb1 !important;}


/* big 텍스트 배너 */
.big_banner2 { display:inline-block; *zoom:1; *display:inline; width:690px; border:1px solid #cce0f5; background:#e8f3fe; 
border-radius:5px; padding:20px; color:#333 !important; }
.big_banner2 p  { font-family:NanumGothicBold; font-size:16px; padding-bottom:3px; } 

/* big 텍스트 배너 */
.big_banner3 { display:inline-block; *zoom:1; *display:inline; width:690px; border:1px solid #cce0f5; background:#e8f3fe url(/hspImages/sub/arrow02.png) no-repeat 690px center; border-radius:5px; padding:20px; color:#333 !important; }
.big_banner3 .text  li { font-family:NanumGothicBold; font-size:16px;   float:left; } 
.big_banner3 .text span  { font-family:NanumGothicBold; font-size:20px !important;  color:red !important; } 
.big_banner3 .text  .R { font-family:NanumGothicBold; font-size:16px; padding:15px 30px 15px 20px; color:#333 !important;  float:right; border-left:1px solid  #c4dbf2; vertical-align:middle !important; }

/* big 텍스트 배너 20200407추가*/
.big_banner4 { display:inline-block; *zoom:1; *display:inline; width:690px; border:1px solid #003e7d; background:#0055ac; border-radius:5px; padding:20px; color:#fff !important; }
.big_banner4 p  { font-family:NanumGothicBold; font-size:16px; padding-bottom:3px; } 



/*블릿 & 아이콘*/
.paragraph_con { background:url(/hspImages/common/bullet_txt_list.png) no-repeat left 6px; padding-left:10px; margin-bottom:8px; }
.icon_note {background:url(/hspImages/sub/icon_note.gif) no-repeat left 4px; padding-left:22px; font-size:16px; font-family:NanumGothicBold; }
.icon_dot { background:url(/hspimages/common/bullet_list.gif) no-repeat 10px 7px; padding-left:18px; }
.icon_note {background:url(/hspImages/sub/icon_note.gif) no-repeat left 4px; padding-left:22px; font-size:16px; font-family:NanumGothicBold; }
.icon_bo {background:url(/hspimages/sub/icon_bo.gif) no-repeat 10px 0px; padding-left:40px; padding-bottom:1px; }
.icon_sa {background:url(/hspimages/sub/icon_sa.gif) no-repeat 10px 0px; padding-left:40px; padding-bottom:1px; }
.icon_kon {background:url(/hspimages/sub/icon_kon.gif) no-repeat 10px 0px; padding-left:40px; padding-bottom:1px; }
.icon_pyeong {background:url(/hspimages/sub/icon_pyeong.gif) no-repeat 10px 0px; padding-left:40px; padding-bottom:1px; }
.paragraph_p {background:url(/hspImages/common/bullet_txt_list.png) no-repeat left 6px; padding-left:10px; margin-bottom:8px; }



/* 대상별가이드 */
.blue2_box { float:left; width:100%; margin:25px 0; border:2px solid #359fbf; }
.blue2_box .area { padding:10px; }
.blue2_box .area:after { display:block;clear:both;content:'' }
.blue2_box .area .icon { float:left; background:url(/hspImages/sub/guide_img01.jpg) no-repeat; width:160px; height:180px; }
.blue2_box .area .text { float:right; font-family:NanumGothic; width:540px; font-size:13px; padding-top:10px; }
.blue2_box .area .text p { line-height:70px; padding-left:10px;}
.blue2_box .area .text .line2 { line-height:1.4em; padding-top:0;}
.blue2_box .area .text .line3 { line-height:1.4em; padding-top:8px;}


/* 컨텐츠 박스리스트 */
.box_300 {border:1px solid #ccc; padding:20px; height:180px; width:310px; margin:10px 0 20px;}
.box_300 p {font-size:16px; font-family:NanumGothicBold; margin:10px 0  20px;}
.box_300 span { padding-left:18px;} 


/* 학점은행제 안내 */
.tab .sub_tab_menu { margin-top:30px; }
.tab .sub_tab_menu ul { padding-top:10px; *zoom:1; }
.tab .sub_tab_menu ul:after { display:block; clear:both; content:'' }
.tab .sub_tab_menu li { float:left; }
.tab .sub_tab_menu li.tab2 { width:365px; }
.tab .sub_tab_menu li.tab3 { width:243px; }
.tab .sub_tab_menu li.tab_w { width:210px; }
.tab .sub_tab_menu li.tab4 { width:182px; }
.tab .sub_tab_menu li.tab5 { width:146px; }
.tab .sub_tab_menu li.tab6 { width:121px; }
.tab .sub_tab_menu li.tab7 { width:104px; }
.tab .sub_tab_menu li.tab8 { width:91px; }
.tab .sub_tab_menu li a { display:block; font-size:15px; line-height:60px; font-family:NanumGothicBold; background:#eaeaf0; border-top:1px solid #545454; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align:center; }
.tab .sub_tab_menu li a.select { background:#0055ac; color:#fff; border-top:1px solid #0055ac; border-bottom:1px solid #0055ac; } 
.tab .sub_tab_menu li a:hover { background:#6F6F84; color:#fff; border-top:1px solid #6F6F84; border-bottom:1px solid #6F6F84; } 
.tab .sub_tab_menu li a:focus { background:#6F6F84; color:#fff; border-top:1px solid #6F6F84; border-bottom:1px solid #6F6F84; }
.tab .sub_tab_menu li:first-child a { border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; }
.tab .sub_tab_menu li.line2 a { line-height:1.4em; padding:9px 0; }
.tab .sub_tab_menu li.line2 a > span {font-size:12px; font-family:NanumGothic;} /* 20230920 추가 */
.tab .sub_tab_menu li.line2N a { line-height:1.38em; padding:9px 0; }
.tab .sub_tab_menu li.line2N a > span {font-size:12px; font-family:NanumGothic;} /* 20231101 추가 */
.tab .sub_tab_menu li.line3 a { line-height:1.1em; padding:4px 0; height:52px} /* 20210701 추가 */
.tab .sub_tab_menu li.line3 a > span {font-size:12px; font-family:NanumGothic;} /* 20210701 추가 */
.tab .sub_tab_menu li.border_a {border:1px solid #0055ac; width:99.7%;}

/* 학점은행제-보육센터 tab */
.tab .sub_tab_menu_boyuk { margin-top:30px; }
.tab .sub_tab_menu_boyuk ul { padding-top:10px; *zoom:1; }
.tab .sub_tab_menu_boyuk ul:after { display:block; clear:both; content:'' }
.tab .sub_tab_menu_boyuk li { float:left; width:50% }
.tab .sub_tab_menu_boyuk li a { display:block; font-size:15px; line-height:60px; font-family:NanumGothicBold; background:#ededed; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align:center; }
.tab .sub_tab_menu_boyuk li a.select, 
.tab .sub_tab_menu_boyuk li a:hover, 
.tab .sub_tab_menu_boyuk li a:focus { background:#fff; color:#e7554f; border-top:1px solid #e7554f; border-bottom:1px solid #fff; }
.tab .sub_tab_menu_boyuk li:first-child a { border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; }
.tab .sub_tab_menu_boyuk li.line2 a { line-height:1.4em; padding:9px 0; }

.object_use { float:left; width:100%; margin:25px 0 30px; border:1px solid #ddd; display:inline-block; }
.object_use .area { padding:12px 20px; }
.object_use .area:after { display:block; clear:both; content:'' }
.object_use .area .icon { float:left; }
.object_use .area .text { float:right; font-family:NanumGothicBold; width:590px; font-size:14px; color:#797979; }
.object_use .area .text p { line-height:70px; }
.object_use .area .text .line2 { line-height:1.4em; padding-top:15px; }
.object_use .area .text .line3 { line-height:1.4em; padding-top:8px; margin-top:0; }

.hakjum_use_info { float:left; width:100%; margin-bottom:50px; }
.hakjum_use_info .info { float:left; font-size:14px; width:50%; }
.hakjum_use_info .info p { padding-top:10px; }
.hakjum_use_info .photo{ float:right; }

/* 이용약관 */
.agreement { margin-top:30px; border:1px solid #e2e2e2; padding:20px; position:relative; }
.agreement li { padding:10px; }
.agreement li.mt { margin-top:10px; }
.agreement li.tit { background:#eeeeee; font-family:NanumGothicBold; font-size:14px; }
.agreement li.tit span { font-size:14px; font-family:NanumGothic; }
.agreement li.tit span.right { right:30px; font-family:NanumGothic; position:absolute; }
.agreement li p { margin-top:10px; }

.agreement_jang { margin-top:30px; font-size:0; clear:both; }
.agreement_jang li { float:left; width:50%; height:45px; display:inline; }
.agreement_jang li a { background:url(/hspImages/sub/agreement_arrow.gif) no-repeat 325px center; width:310px; border:1px solid #e2e2e2; padding:10px 25px 10px 25px; float:left; font-family:NanumGothicBold; font-size:13px; margin:0 3px 3px 0; }

.agreement_see { margin-top:40px; }
.agreement_see h3 { margin-top:30px; }
.agreement_see h4 { margin:20px 0 7px 20px !important; font-family:NanumGothicBold; font-size:13px !important; }
.agreement_see .depth1 { margin-left:20px; }
.agreement_see ol { margin-left: 40px; }
.agreement_see ol li { margin-bottom:5px }
.agreement_see .circlenum { margin:0 8px 3px -20px; }
.agreement_see ol ol li  { margin:4px 0 4px -20px; list-style-type:decimal; }
.agreement_see ol.num li  { margin:4px 0; list-style-type:decimal; }


.chkwrap{width:700px;  text-align:center; background:#f5f5f5; border:3px solid #bfbfbf; padding:10px;}

/*
.chkwrap input[type='checkbox'] {
    position: absolute;
    left: -2000px;}
*/	
 .chkbox {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 8px;
    background: url(/hspImages/common2018/bg_chkbox.gif) no-repeat 0 0;
    font-size: 0;
    vertical-align: middle;}

 .chkbox.on { background-position: -38px 0;}


.formGroup {
    padding: 8px 12px 8px 12px;
    position: relative;
    line-height: 25px;
    font-size: 13px;
    color: #555;
    letter-spacing: -0.8px;
	text-align: center;}





/* 개인정보 취급방침 */
.personal_info_see { margin-top:40px; }
.personal_info_see h4 { margin-top:20px; font-family:NanumGothicBold; font-size:13px !important; }
.personal_info_see .depth1 { margin:10px 0 0 15px; }
.personal_info_see .depth1_tit { margin:20px 0 0 15px; font-family:NanumGothicBold; }
.personal_info_see ul > li { margin-bottom: 10px; }
.personal_info_see ul ol { margin-top:20px; }
.personal_info_see ul ol li  { list-style-type:circle; margin-left:20px; }
.personal_info_see ol > li { list-style-type:circle; margin:15px 0 0 35px; }
.personal_info_see ol > li p { margin-top:10px; }
.personal_info_see .bracketnum { margin:0 8px 3px -20px; }
.personal_info_see .none { list-style-type:none; margin-top:7px; }
.personal_info_see .circlenum { margin:0 8px 3px -20px; }
.personal_info_see ol ol li { margin-left:20px; }
.personal_info_see ul ol li
,.personal_info_see ol ol ol li { margin:4px 0 4px 20px; list-style-type:decimal; }
.personal_info_see .bullet_dash li { background:url(/hspImages/common/bullet_dash.png) no-repeat left 8px; padding-left:10px; margin:0 0 3px 0; }

/* 기타페이지 */
.box_section { margin:10px 0 15px 0; border:1px solid #e2e2e2; padding:15px; *zoom:1; }
.box_section:after { display:block; clear:both; content:'' }
.box_section .left { float:left; }
.box_section .right { float:right; width:360px; }

.attached_file{ margin-top:20px; border:1px solid #e2e2e2; padding:15px; }

/* 자격증정보 */
.licenseInfo { margin:25px 0 13px; background:#f6f6f6; border-radius:3px; padding:20px; clear:both; *zoom:1; }
.licenseInfo:after { display:block; clear:both; content:'' }
.licenseInfo .left { float:left; font-family:NanumGothicBold; font-size:16px; padding-top:0; }
.licenseInfo .right { float:right; font-family:NanumGothicBold; width:550px;padding-top:6px;}
.licenseInfo .right li { float:right; }
.licenseInfo .right li a { display:block; line-height:30px; padding:0 14px; background:#fff; margin-right:5px; font-family:NanumGothicBold; border-radius:3px; text-align:center; color:#0055ac; border:1px solid #acc4dd; }
.licenseInfo .right li a.select, 
.licenseInfo .right li a:hover, 
.licenseInfo .right li a:focus { background:#5687cf; border:1px solid #22578d; color:#fff; }

.content h4.licenseInfo_title {clear:both;padding-left:15px;background:url(/hspImages/common/licenseinfo_title.gif) no-repeat left 4px} /* 자격증정보 타이틀 bar 추가 20190826 */
.licenseInfo_sabok_progress li {width:178px;margin-top:10px;text-align:center;display:inline-block;*zoom:1;*display:inline}  /* 자격증정보 사회복지사 취득과정 추가 20190826 */

/* 전문 사회복지사 관련 탭 추가 20190826 */
.licenseInfo_tabType1_area {width:100%;margin:0 auto;text-align:center;border-radius:10px;height:65px;margin-top:15px;padding-top:25px}
.licenseInfo_tabType1 a {position:relative;width:155px;margin:0 1px;height:27px;padding-top:11px;display:inline-block;font-size:14px;line-height:14px;text-align:center;border-radius:50px;border:2px solid #3b4255;font-weight:600}
.licenseInfo_tabType1 a.select,
.licenseInfo_tabType1 a:hover,
.licenseInfo_tabType1 a:focus {background:#3b4255;color:#fff} 
.licenseInfo_tabType1 a em {padding-left:25px}
.licenseInfo_tabType1 a.select em,
.licenseInfo_tabType1 a:hover em,
.licenseInfo_tabType1 a:focus em {display:none} 
.licenseInfo_tabType1 a.select span,
.licenseInfo_tabType1 a:hover span,
.licenseInfo_tabType1 a:focus span {position:absolute;top:40px;left:50%;margin-left:-13px;background:url(/hspimages/sub/tab_licenseInfo_select_bott.png) no-repeat 0 0;width:26px;height:13px} 
.licenseInfo_tabType1_con {min-height:300px;padding:0 15px 40px 15px;border:2px solid #e2e2e2;border-radius:10px}


.license_course { text-align:right; }
.license_course ul li {	display:inline-block; *zoom:1; *display:inline; position:relative; vertical-align:top; margin-bottom:10px; margin-right:22px; background:#e9f1f9; border:1px solid #cadaec; line-height:40px; border-radius:10px; color:#333; font-size:13px !important; font-family:NanumGothicBold; text-align:center; }
.license_course ul li.tab5 { width:123px; }
.license_course ul li.tab4 { width:161px; }
.license_course ul li.tab3 { width:223px; }
.license_course ul li.tab5h { width:123px; height:145px}
.license_course ul li.tab5wh { width:116px; height:150px}   /* 추가 20190826 */
.license_course ul li p.nolink  { line-height:38px; display:block; padding:20px 8px; }
.license_course ul li p.nolink2  { line-height:1.4em; display:block; padding:20px 8px; }
.license_course ul li p.nolink3  { line-height:1.4em; display:block; padding:11px 8px; }
.license_course ul li p.nolink5 { line-height:1.4em; display:block; padding:27px 8px; }
.license_course ul li p.nolink6  { line-height:1.4em; display:block; padding:20px 6px; } /* 추가 20190826 */
.license_course ul li p.nolink3large { line-height:1.4em; display:block; padding:46px 8px; }
.license_course ul li p.nolink2large { line-height:1.4em; display:block; padding:55px 8px; }

.license_course ul li p a.line2  { line-height:1.4em; }
.license_course ul li p a { display:block; padding:20px 8px; }
.license_course ul li p span.arrow { position:absolute; width:22px; height:28px; left:126px; top:30%; background:url(/hspImages/sub/arrow01_on.gif) repeat left 0;}
.license_course ul li p span.arrow2 { position:absolute; width:22px; height:28px; left:164px; top:30%; background:url(/hspImages/sub/arrow01_on.gif) repeat left 0;}
.license_course ul li p span.arrow3 { position:absolute; width:28px; height:22px; right:65px; top:30%; background:url(/hspImages/sub/arrow03.gif) repeat right 0;}
.license_course ul li p span.arrow4 { position:absolute; width:22px; height:28px; left:164px; top:30%; background:url(/hspImages/sub/arrow04.gif) repeat left 0;}
.license_course ul li p span.arrow5 { position:absolute; width:22px; height:28px; left:226px; top:30%; background:url(/hspImages/sub/arrow01_on.gif) repeat left 0;}
.license_course ul li p span.arrow6 { position:absolute; width:22px; height:28px; left:126px; top:40%; background:url(/hspImages/sub/arrow01_on.gif) repeat left 0;}
.license_course ul li p span.arrow7 { position:absolute; width:22px; height:28px; left:119px; top:40%; background:url(/hspImages/sub/arrow01_on.gif) repeat left 0;}  /* 추가 20190826 */
.license_course ul li.none { margin-right:0; }

.license_process { margin-top:20px; }
.license_process .tit  { font-family:NanumGothicBold; font-size:15px; } 
.license_process ul.box { margin-top:10px; border:1px solid #e2e2e2; border-radius:5px; padding:20px; }
.license_process ul li > ul { margin:10px 0 0 10px; }

.license_section { float:left; width:100%; margin:50px 0  20px 0; position:relative; }
.license_section:after { display:block; clear:both; content:'' }
.license_section .left { float:left; width:340px; }
.license_section .left .box,
.license_section .right .box { border:1px solid #e2e2e2; border-radius:5px; }
.license_section .left .box .bg,
.license_section .right .box .bg { background:#e9f1f9; text-align:center; padding:15px 20px; font-family:NanumGothicBold; font-size:17px; color:#0055ac; }
.license_section .left .box .bg,
.license_section .right .box .bg p { font-size:15px; }
.license_section .left .box div { font-family:NanumGothicBold; font-size:14px; padding:20px; }
.license_section .right .box div { font-family:NanumGothicBold; font-size:14px; padding:20px; }
.license_section .left .box > div ul ul { margin:5px 20px; font-family:NanumGothic; }
.license_section .right { float:right; font-family:NanumGothicBold; width:340px; font-size:14px; }
.license_section .mid_arrow { position:absolute; width:22px; height:28px; left:355px; top:50%; background:url(/hspImages/sub/arrow01_on.gif) repeat left 0; }

.foundation_info { margin-top:20px; }
.foundation_info .tit  { font-family:NanumGothicBold; font-size:15px; } 
.foundation_info .box { margin-top:10px; border:1px solid #e2e2e2; border-radius:5px; padding:20px; *zoom:1; }
.foundation_info .box:after { display:block; clear:both; content:'' }
.foundation_info .box .left { float:left; width:450px; }
.foundation_info .box .right { float:right; }
.foundation_info .box .right li { background:#e9f1f9; padding:15px; border:1px solid #cadaec; line-height:20px; border-radius:10px; color:#0055ac; font-family:NanumGothicBold; text-align:center; }
.foundation_info .box .right li.line2 { line-height:1.4em; padding-top:15px; } 


/* 학습방 */
.left_study_banner li img { width:100%; vertical-align:top; border-bottom:1px solid #d1d1d1; }
.mypage_notice .notice li a.w_small { width:260px; }

table td.study_progress_layer { position:relative; display:block; border:none;border-top:1px solid #d2d2d2;}
.study_progress { position:absolute; width:72px; min-height: 92px; z-index:10; border-radius:3px; text-align:left; margin-left:10px; top:5px; display:inline-block; *zoom:1; background:#fed500 url(/hspImages/sub/icon_progress.png) no-repeat 50% 6px; }
.study_progress p { padding-top:54px; padding-bottom: 5px; text-align:center; vertical-align: bottom; font-size:12px; color:#c80101; font-family:NanumGothicBold;}
.study_progress .edge_left { position:absolute; left:-7px; top: 9px; width:7px; height:7px; background:url(/hspImages/sub/edge_left.png) no-repeat 0 0; }

.attend_regularly_event { margin-top:30px; border-top:1px solid #999; border-bottom:1px solid #999;}
.attend_regularly_event:after { content:""; display:block; clear:both; }
.attend_regularly_event li {float: left; width: 49.9%}
.attend_regularly_event li:first-child {border-right:1px solid #999}
.attend_regularly_event li dt { height:34px; color:#fff; font-size:16px; font-weight:600; text-align:center; padding-top:8px; }
.attend_regularly_event li dt.left {background:#e15c4b;}
.attend_regularly_event li dt.right {background:#4b8ce1;}
.attend_regularly_event li dd { padding:30px; text-align:left; height:100px; }
.attend_regularly_event li dd p { margin-bottom:10px; }
.attend_regularly_event li dd p.name { font-size:15px; font-weight:600; text-align:center; margin-bottom:0; }

.study_remarks { margin-top:30px; border:1px solid #999; *zoom:1; }
.study_remarks:after { content:""; display:block; clear:both; }
.study_remarks .left { float:left; width:46px; background:#f2f2f2; line-height:80px; font-size:16px; font-family:NanumGothicBold; text-align:center; border-right:1px solid #d2d2d2; }
.study_remarks .mid  { width:310px; float:left; padding:20px; }
.study_remarks .right { width:290px; float:left; padding:20px; }
.study_remarks .mid li, .study_remarks .right li { text-align:left; margin-bottom:10px; }
.study_remarks .mid li span.w45 { width:45px; display:inline-block; text-align:center; margin-right:7px; }
.study_remarks .right li span { margin-right:7px; }

/* 학습참여도 범례 */
.study_remarks_new { margin-top:30px; border:1px solid #999; *zoom:1; }
.study_remarks_new:after { content:""; display:block; clear:both; }
.study_remarks_new .left { float:left; width:55px; background:#f2f2f2; line-height:60px; font-size:16px; font-family:NanumGothicBold; text-align:center; border-right:1px solid #d2d2d2; }
.study_remarks_new .rcon { width:630px; float:left; padding:20px; }
.study_remarks_new .rcon li { text-align:left; margin-top:10px; }
.study_remarks_new .rcon li:first-child { margin-top:0; }
.study_remarks_new .rcon li span.w50 { width:50px; display:inline-block; text-align:center; margin-right:7px; }
.study_remarks_new .rcon li span.w68 { width:68px; display:inline-block; text-align:center; margin-right:7px; }


.study_choice_subject { border:4px solid #eee; border-radius:10px; padding:25px; margin-top:30px; text-align:center; }
.study_choice_subject p { font-size:16px; font-family:NanumGothicBold; }
.study_choice_subject .point { font-size:18px; margin-top:15px; }
.study_choice_subject_tit { background:#f2f2f2; border-radius:10px; padding:20px; margin-top:30px; text-align:center; }
.study_choice_subject_tit p { font-size:15px; }
.study_choice_subject_selection { padding:30px; margin-top:10px; }
.study_choice_subject_selection li { margin-bottom:20px; }
.study_choice_subject_selection li p { margin:0 0 10px 30px; }

.graph { line-height:normal; white-space:nowrap; } 
.graph .bar { display:inline-block; position:relative; width:74%; height:17px; margin:0 5px 0 0; border:1px solid #dfdfdf; background:#ebebeb; }
.graph .action { display:inline-block; position:relative; height:17px; margin:-1px; border:1px solid #1c81a0; background:#359fbf; }
.graph .percent { font-size:15px; vertical-align:4px; }
.graph .percent strong { font-size:15px; color:#0055ac; }

.study_psd_banner { border:4px solid #eee; border-radius:10px; margin-top:50px; *zoom:1; }
.study_psd_banner:after { content:""; display:block; clear:both; }
.study_psd_banner .left { float:left; width:280px; padding:20px 25px; border-right:1px solid #eee; background:url(/hspImages/sub/study_psd_banner_hsp_book.png) no-repeat 262px center; }
.study_psd_banner .right { float:left; width:340px; padding:20px 25px; background:url(/hspImages/sub/study_psd_banner_request_book.png) no-repeat 311px center; }
.study_psd_banner p.tit { font-size:18px; font-family:NanumGothicBold; }


.study_test_before_info_layer { width:600px; height:570px; } 
.study_test_before_info_layer2 { margin-top:40px; font-size:16px; } 
/*.study_test_before_info { border:4px solid #eee; border-radius:10px; padding:20px;}*/
.study_test_before_info { padding:20px;}
.study_test_before_info p.tit { font-size:16px; height:40px; font-family:NanumGothicBold; color:#d60000; text-align:center; }
.study_test_before_info div { border-top:1px solid #eee; padding-top:15px; }

.study_special_lecture { border:4px solid #eee; border-radius:10px; padding:30px; margin-top:30px; text-align:center; font-size:14px; font-family:NanumGothicBold; }

.study_class_syllabus { border:4px solid #eee; border-radius:5px; padding:20px; margin-top:30px; font-family:NanumGothicBold; }
.plan_con2 { height:610px; overflow:auto; }

.study_pop_lecture_part h2 { margin-bottom:5px; font-size:16px; }
.study_pop_lecture_part p { height:110px; overflow:auto; overflow-x:hidden; }

.study_pop_mynote_all  { height:500px; overflow:auto; overflow-x:hidden; }
.study_pop_mynote_paragraph h2 { margin-bottom:5px; font-size:14px; margin-top:10px;}
.study_pop_mynote_paragraph .box { border:1px solid #d2d2d2; border-radius:5px; padding:15px; }
.study_pop_mynote_paragraph .box p { text-align:right; padding-top:10px; }

.study_test_before_check { width:800px; height:700px; } 
.study_test_before_check .check_content { margin-top:-20px; } 
.study_test_before_check .view { margin-top:25px; padding-right:15px; width:765px; height:505px; overflow:auto; overflow-x:hidden; } 
.study_test_before_check .view .number li  { list-style-type:decimal; margin:0 0 25px 25px; line-height:20px; }
.study_test_before_check .view .number li p { background:url(/hspImages/sub/icon_arrow.png) no-repeat 0 5px; padding-left:24px; }
.study_test_before_check .view .number li p.noneT10 { background:none; padding-left:0; margin-top:10px; }
.study_test_before_check .view .number li p.none { background:none; padding-left:0; margin-top:0; }

.study_test_before_check2 { width:700px; height:700px; } 
.study_test_before_check2 .check_content { margin-top:-30px; } 
.study_test_before_check2 .view { margin-top:25px; padding-right:15px; width:650px; height:370px; overflow:auto; overflow-x:hidden; } 
.study_test_before_check2 .view .number li  { list-style-type:decimal; margin:0 0 25px 25px; line-height:20px; }
.study_test_before_check2 .view .number li p { background:url(/hspImages/sub/icon_arrow.png) no-repeat 0 5px; padding-left:24px; }
.study_test_before_check2 .view .number li p.noneT10 { background:none; padding-left:0; margin-top:10px; }
.study_test_before_check2 .view .number li p.none { background:none; padding-left:0; margin-top:0; }


.study_depth_two { margin:15px 0 20px; background:#f6f6f6; border-radius:5px; padding:20px 20px; *zoom:1; display:block; }
.study_depth_two:after { display:block; clear:both; content:'' }
.study_depth_two li { float:left; }
.study_depth_two li a { display:block; line-height:30px; padding:3px 8px; background:#fff; margin-left:5px; font-family:NanumGothicBold; border-radius:5px; text-align:center; color:#0055ac; border:1px solid #acc4dd; }
.study_depth_two li a.select, 
.study_depth_two li a:hover, 
.study_depth_two li a:focus { background:#5687cf; border:1px solid #22578d; color:#fff; }
.study_depth_two li a.wide { padding:3px 42px; }
.study_depth_two li a.narrow { padding:3px 35px; }
.study_depth_two li a.small { padding:3px 14px; }
.study_depth_two li:first-child a { margin-left:0; }


/* 학습방 학습ip정책안내 my 아이피 중복로그 */
.study_ipinfo { margin-top:30px;  }  
.study_ipinfo span { background:url(/hspImages/sub/icon_monitor.png) no-repeat 0 center; padding:10px 0 10px 40px; font-size:16px;font-family:NanumGothicBold; }  
.study_ipinfo_ip  { border:4px solid #eee; padding:15px; margin-top:10px; text-align:left; border-radius:10px; }
.study_ipinfo_pop_ipinfo { width:700px; height:660px; }
.study_ipinfo_pop_ipinfo > .con { height:596px; overflow:auto; overflow-x:hidden; padding-bottom:0; }
.study_ipinfo_pop_ipinfo > .con > div { margin-bottom:20px; }
.study_ipinfo_pop_ipinfo .ipuser { background:url(/hsppopup/ipinfo/images/computer_use_ex.gif) no-repeat 0 center; min-height:285px; padding-left:270px; margin-top:20px;  font-size:14px; }
.study_ipinfo_pop_ipuser { width:440px; height:300px; }
.study_ipinfo_pop_ipuser > .con h3 { margin-top:0; font-size:15px; color:#333; }
.study_ipinfo_pop_ipuser .srroll{ margin-top:-1px; height:180px; overflow:auto; overflow-x:hidden; }
.study_ipinfo_box { border:4px solid #eee; padding:25px; margin-top:20px; text-align:left; border-radius:10px; }
.study_ipinfo_process { margin:20px 0; }
.study_ipinfo_process > li { width:210px; padding-left:50px; display:inline-block; *zoom:1; *display:inline; vertical-align:top; text-align:left; float:left; }
.study_ipinfo_process > li:first-child { margin-left:0; padding-left:0; }
.study_myiplog { background:url(/hspImages/sub/img_iplog.gif) no-repeat 20px center; min-height:50px; padding:20px 10px 15px 110px; border:1px solid #e0e7ef; margin-top:20px; font-size:15px; }
.study_pop_totalActiveX { width:650px; height:600px;  }
.study_pop_totalActiveX > .con h3 { margin-bottom:20px; font-size:15px; color:#333; }
.study_pop_totalActiveX > .con h4 { margin-top:0; font-size:30px; color:#0055ac; text-align:center;  }



/* 학습방 시험전 필독사항 팝업 */
.activex_testbefore { width:700px; } 
.activex_testbefore .check_content { margin-top:-30px; } 
.activex_testbefore .view { margin-top:25px; padding-right:15px; width:700px; height:450px; overflow:auto; overflow-x:hidden; } 
.activex_testbefore .view .number li  { list-style-type:decimal; margin:0 0 25px 25px; line-height:20px; }
.activex_testbefore .view .number li p { background:url(/hspImages/sub/icon_arrow.png) no-repeat 0 5px; padding-left:24px; }
.activex_testbefore .view .number li p.noneT10 { background:none; padding-left:0; margin-top:10px; }
.activex_testbefore .view .number li p.none { background:none; padding-left:0; margin-top:0; }


/* 상담지원센터 */
.sangdam_notice { border:1px solid #e2e2e2; border-radius:5px; padding:15px 20px; *zoom:1; }
.sangdam_notice:after { content:""; display:block; clear:both; }
.sangdam_notice .notice li { background:url(/hspimages/common/bullet_list.gif) no-repeat 0 9px; padding-left:8px; display:inline; float:left; margin-right:5px; height:27px; }
.sangdam_notice .notice li a { width:325px; height:20px; line-height:20px; display:inline-block; *display:inline; *zoom:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sangdam_notice .notice li a .new { margin-left:5px; }
.sangdam_notice .notice li a .new img { vertical-align:middle; }

.pop_sangdam_section   { position:relative; }
.layer_pop_sangdam { position:absolute; background:#fff; border-radius:10px; border:2px solid #777; width:150px; z-index:100; text-align:left; padding:10px; top:28px; }
.layer_pop_sangdam.pop_01 { left:10px; }
.layer_pop_sangdam.pop_02 { left:120px; }
.layer_pop_sangdam.pop_03 { left:200px; }
.layer_pop_sangdam.pop_04 { left:325px; }
.layer_pop_sangdam.pop_05 { left:410px; }
.layer_pop_sangdam .edge_top { position:absolute; left:12%; width:11px; height:6px; margin-top:-18px; background:url(/hspImages/sub/edge_gray_top.gif) no-repeat 0 0; display:inline-block; *zoom:1; }

.sangdam_pop { font-size:16px; text-align:center; font-family:NanumGothicBold; margin-bottom:20px;}
.sangdam_pop_pw { padding:20px 0 20px 100px; background:#f2f2f5; margin-top:10px; border-radius:5px; }	
.sangdam_pop_pw dl { text-align:left; }
.sangdam_pop_pw dl:after { content:""; display:block; clear:both; }
.sangdam_pop_pw dt,
.sangdam_pop_pw dd { float:left; }
.sangdam_pop_pw dl:first-child dd { margin-bottom:10px; }
.sangdam_pop_pw dt { font-size:14px; width:75px; font-family:NanumGothicBold; }
.sangdam_pop_pw dd input { width:180px;}

.sangdam_faq_search { border:4px solid #eee; padding:25px 0 25px 95px; margin-top:20px; border-radius:10px; *zoom:1; }
.sangdam_faq_search dl { text-align:left; }
.sangdam_faq_search dl:after { content:""; display:block; clear:both; }
.sangdam_faq_search dt,
.sangdam_faq_search dd { float:left; }
.sangdam_faq_search dl:first-child dd { margin-bottom:10px; }
.sangdam_faq_search dt { font-size:14px; width:70px; }
.sangdam_faq_search dd input { width:215px; margin-right:5px; }
.sangdam_faq_search dd button { margin-right:5px; }

.sangdam_faq { border:1px solid #d2d2d2; padding:25px; margin-top:20px; border-radius:5px; *zoom:1; }
.sangdam_faq:after { content:""; display:block; clear:both; }
.sangdam_faq .keyword li { display:inline; float:left; text-align:center; font-family:NanumGothicBold; }
.sangdam_faq .keyword li a { background:#e8f3fe; padding:7px; margin:0 5px 5px 0; width:221px; height:34px; display:block; box-sizing :border-box; }
.sangdam_faq .keyword li span { margin-left:20px; }
.sangdam_faq .keyword li a.select, 
.sangdam_faq .keyword li a:hover, 
.sangdam_faq .keyword li a:focus { background:#609ee3; color:#fff; }

.keyword_view { margin-top:30px; clear:both; display:inline-block; }
.keyword_view .ask { padding:15px 20px; *zoom:1; border-top:1px solid #d2d2d2; }
.keyword_view .ask:after { content:""; display:block; clear:both; }
.keyword_view .ask .left { width:55px; float:left;}
.keyword_view .ask .left  span.iconq { border-radius:3px; color:#fff; padding:4px; text-align:center; background:#0055ac; font-family:NanumGothicBold; }
.keyword_view .ask .left span.num { margin-left:5px; }
.keyword_view .ask .right { width:580px; float:left; }
.keyword_view .ans { padding:15px 20px; background:#eff2f6; *zoom:1; }
.keyword_view .ans:after { content:""; display:block; clear:both; }
.keyword_view .ans .left { width:30px; float:left; }
.keyword_view .ans .left span.iconq { border-radius:3px; color:#fff; padding:4px 5px; text-align:center; background:#d60000; font-family:NanumGothicBold; }
.keyword_view .ans .right  { width:605px; float:left; }

.iconq { border-radius:3px; color:#fff; padding:4px; text-align:center; background:#0055ac; font-family:NanumGothicBold; width:20px; }
.icona { border-radius:3px; color:#fff; padding:4px; text-align:center; background:#d60000; font-family:NanumGothicBold; width:20px; margin-top:20px; }

/* 액티브X 안내 */
#wrap_activex { position:relative; width:100%; overflow:hidden; }
#wrap_activex > .center { width:760px; margin:0 auto; margin-top:40px;  }
#activex { width:753px; border:2px solid #5a5a5a; }
.activex_tit { background:#f1f1f1 url(/hspImages/sub/lock.png) no-repeat 28% center; height:75px; border-bottom:1px solid #c0c0c0; padding-left:50px; text-align:center; line-height:72px; color:#0055ac; font-size:30px; font-family:NanumGothicBold; }
.overlap_pc { margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #bfbfbf;  font-size:18px; color:#0055ac; font-family:NanumGothicBold; } 
.activex_submit { margin:20px 0 10px 0; font-size:16px; font-family:NanumGothicBold; } 
.activex_submit_con { margin:10px 0; border-radius:10px; border:1px solid #bfbfbf; padding:20px; *zoom:1;} 
.activex_submit_con:after { display:block; clear:both; content:'' }
.activex_submit_con .fax  { width:49%; float:left; height:81px; background:url(/hspImages/sub/icon_fax.gif) no-repeat 0 center;} 
.activex_submit_con .mypage { width:49%; float:left; height:81px; background:url(/hspImages/sub/icon_mypage.gif) no-repeat 0 center; } 
.activex_submit_con p.tit { font-size:14px; color:#0055ac; font-family:NanumGothicBold; padding:20px 0 0 100px; }
.activex_submit_con { margin:10px 0; border-radius:10px; border:1px solid #bfbfbf; padding:20px; *zoom:1;} 
.activex_point { margin-top:20px; border-radius:10px; border:1px solid #cce0f5; background:#e8f3fe; padding:20px;} 
.activex_con { padding:25px; }
.install_bar { background:url(/hspImages/sub/install_bar.gif) no-repeat; height:32px; margin:15px 0; text-align:center; line-height:30px; font-family:NanumGothicBold; }
.activex_info p { margin:10px 0 6px 18px; font-family:NanumGothicBold; }
.activex_info_con { margin-left:18px; border-radius:10px; border:1px solid #bfbfbf; padding:8px; }

/* 목록 리스트 */
.list_num li { padding-bottom:5px; }
.list_num li.tit { font-family:NanumGothicBold; padding:15px 0 5px; } 
.list_num li.bl { margin-left:15px; } 
.list_num li p.bl68 { margin-left:68px; } 
.list_num li p.bl60 { margin-left:60px; } 

/* big 텍스트 배너 */
.big_banner { display:inline-block; *zoom:1; *display:inline; width:690px; border:1px solid #cce0f5; background:#e8f3fe url(/hspImages/sub/arrow02.png) no-repeat 680px center; border-radius:5px; padding:20px; color:#333 !important; }
.big_banner p { font-family:NanumGothicBold; font-size:16px; padding-bottom:3px; } 
.big_banner .discount { float:left; color:#d80000; font-family:NanumGothicBold; font-size:26px; }
.big_banner .right { float:right; width:500px; }
.big_banner .right p { font-family:NanumGothicBold; font-size:16px; padding-bottom:3px; } 

.text_lineB { border-bottom:1px solid #d80000; }
.gray_box { padding:20px; background:#f2f2f5; text-align:center; margin-top:10px; border-radius:5px; }


/* 레이어팝업 */
.pop_w800 { width:800px; max-height:550px; } /* 개인정보 취급방침 변경 history */
.history_scroll { width:780px; max-height:410px; overflow:auto; overflow-x:hidden; } /* 개인정보 취급방침 변경 history */
.pop_w500 { width:500px; } /* 이메일주소 무단수집거부_원격상담 예약 신청_전화상담 예약 신청 */
.pop_w620h { width:620px; height:440px;} /* 창업QnA_리스트_창업QnA_글쓰기_창업QnA_수정_창업QnA_상세보기 */
.pop_w600 { width:600px !important; } /* 학습참여도작성 */
.pop_w600_a { position:relative;margin-left:auto;margin-right:auto;top:60px; }
.pop_w600_b { position:relative;margin-left:auto;margin-right:auto; }
.pop_w750 { width:750px !important; }
.pop_scroll { overflow:auto; overflow-x:hidden; } 
.non_scroll { overflow:hidden; } 
.eng_certificate_pop { width:671px; height:521px; }  /* 영문 증명서 발급을 위한 정보 입력 팝업 */
.eng_certificate_pop .btn_area { margin-top:30px; }
.paragraph_list_align { position:relative; }  /* 신청과목 출력우편 신청 팝업 정렬 */
.layerpop_gray_box { padding:15px; background:#f4f4f4; text-align:center; margin-top:15px; }
.layerpop_blue_box { padding:15px; background:#ecf3f9; text-align:center; margin-top:15px; }
.layerpop_gray_line_box { padding:10px; background:#f4f4f4; text-indent: 15px; margin-top:15px; border-bottom: 1px #777 solid; border-top: 1px #777 solid; font-size: 15px; font-weight: 600; }


/*시험창 남은 시험시간 Input 박스*/
.testTimeInputbox {border:none; background-color:#F1F1F1; color:#D80000; font-weight:bold; font-size:14px; font-family:NanumGothicBold; width:18px; height:18px; margin-bottom:6px; }

/*시험창 답변보기*/
#tip {
    display:none ;
    position: absolute;
    padding: 5px;
    width: 300px;
    background: #05184d;
    color: #fff;
    font-size:12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index:10000;
}


/*성적 장학금 view*/
.tbl2 { width:730px; padding:0; border-collapse:collapse; border-spacing:0;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.tbl2 td { background:#f5f5f5; vertical-align:middle; font-size:12px;padding:20px 0;font-family:'돋움',dotum,sans-serif;}
.tbl2 td.center { text-align:center; }
.tbl2 td.alignL { text-align:left; }

/*학습 주의 알림 팝업*/
.pop_caution {width: 534px;}
.pop_caution > h2  {height: 72px; background: url(/hsppopup/pop_caution/images/pop_caution_title.jpg) no-repeat 0 0; }
.pop_caution > h2 > span {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
.pop_caution .caution_box {width: 100%; min-height: 187px; margin-top: 13px; position: relative; }
.pop_caution .h177 {min-height: 177px;}
.pop_caution .h230 {min-height: 230px;}
.pop_caution .h210 {min-height: 200px;}
.pop_caution .caution_title {padding: 12px;font-size: 22px;font-weight: 600;color: #fff;text-indent: 155px;margin-bottom: 20px;}
.pop_caution .caution_con {margin-left: 166px;}
.pop_caution .con_1 {font-size: 16px; font-weight: 600; color: #292929 }
.pop_caution .con_2 {font-size: 14px; color: #5b5b5b; padding-top: 10px; }
.pop_caution .con_3 {font-size: 12px; color: #5b5b5b; padding-top: 10px; }
.pop_caution .absence_img {position: absolute;top: -9px;left: 9px;}
.pop_caution .absence_bg { background-color: #5abb89;}
.pop_caution .absence_em { color: #0d9750; font-size: 18px; font-weight: 600; text-decoration: underline }
.pop_caution .grade_img { position: absolute; top:-6px; left: 5px;}
.pop_caution .grade_bg { background-color: #ffbc28;}
.pop_caution .grade_em { color: #995a00; font-size: 18px; font-weight: 600; text-decoration: underline}
.pop_caution .exam_img { position: absolute; top: -7px; left: 1px;}
.pop_caution .exam_bg { background-color: #e14d3f;}
.pop_caution .exam_em { color: #e14d3f; font-size: 18px; font-weight: 600; text-decoration: underline}
.pop_caution > p.close { width: 97%; position: relative; bottom: 0; padding: 10px; background-color: #acacac; font-size: 15px; float: right; color: #fff; font-weight: 600}


/*가상계좌 결제 안내*/
.virtual_payment_info { border:1px solid #e2e2e2; border-radius:5px; padding:15px 20px; *zoom:1; }
.virtual_payment_info:after { content:""; display:block; clear:both; }
.virtual_payment_info .info li { background:url(/hspimages/common/bullet_list.gif) no-repeat 0 9px; padding-left:8px; display:inline; float:left; margin-right:10px; width:100%; line-height:170%}

.dbContext span {display:inline; }

/* 학습설계 */
.learningschedule_banner {text-align:center;margin-top:10px}
.learningschedule_banner:after {clear:both;display:block;content:"";}
.learningschedule_banner dl {border:5px solid #ddd;border-radius:15px;padding:30px;width:21.8%;float:left;margin-left:20px;}
.learningschedule_banner dl:first-child {margin-left:0}
.learningschedule_banner dt {margin-bottom:20px}
.learningschedule_banner dd {text-align:left;border-top:1px dashed #ddd;padding-top:20px}
.learningschedule_banner dd em {color:#d80000}

table td.learningschedule_visit_layer { position:relative; }
.learningschedule_visit { position:absolute; width:160px;left:38px;top:-25px;min-height: 20px; z-index:10; border-radius:5px; text-align:center; display:inline-block; *zoom:1; background:#0055ac;padding:3px; }
.learningschedule_visit p { text-align:center;font-size:12px; color:#fff; font-family:NanumGothicBold;}
.learningschedule_visit .edge_left { position:absolute; left:15%; bottom: -6px; width:11px; height:6px; background:url(/hspImages/sub/edge_blue_bott.png) no-repeat 0 0; }

.learningschedule_possession  { margin-bottom:3px;font-size:16px; font-weight: 600 }  
.learningschedule_possession span { padding:5px 5px 0 0; vertical-align:middle; }  
.learningschedule_file { background:#e9e9e9;padding:10px 20px;margin-bottom:5px }

/* 학습설계 목표학위 및 전공선택 팝업 */
.choice_major_Goal { width:460px;}
.choice_major_Goal .btn_area { margin-top:15px; }
.majorname_con { height:120px;padding:10px 30px; border:1px solid #d2d2d2; overflow:auto; margin-top:15px}
.majorname_con li { line-height:2.4em;}
.choice_major_Goal table th,
.choice_major_Goal table td { padding:3px 8px; }
.majorname_con2 { height:400px;padding:10px 30px; border:1px solid #d2d2d2; overflow:auto; margin-top:15px}
.majorname_con2 li { line-height:2.4em;}

/* 학습설계 보유학점 및 자격증/독학사 입력 팝업 */
.having_grade { width:640px; height:600px; }
.having_grade .tab_menu a { width:110px; }
.having_grade .tab_menu a.borderLN { border-left: none;}
.having_grade .grade_con { height:235px; overflow:auto;overflow-x:hidden; }
.having_grade .btn_area { margin-top:50px; text-align:center;}
.file_section { position:relative; }
.file_upload_download { border:5px solid #eee; padding:25px; margin-top:20px; border-radius:10px; }
.file_upload_download dl { text-align:left; }
.file_upload_download dl:after { content:""; display:block; clear:both; }
.file_upload_download dt,
.file_upload_download dd { float:left; }
.file_upload_download dl:first-child dd { margin-bottom:10px; }
.file_upload_download dt { font-size:14px; width:115px;  }

/* 학습설계 관련 안내사항 */
.learningschedule_info h4 { position:relative;margin-top:40px; margin-bottom:5px;border-bottom:1px solid #525252;padding-bottom:10px;font-size:15px !important;}
.learningschedule_info h4 button {position:absolute; right:0;}
.learningschedule_info_con { margin-top:-5px; clear:both; width:100%;}
.learningschedule_info_con .tit { position:relative;padding:12px 20px; *zoom:1; border-bottom:1px solid #d2d2d2;background:#eff2f6; }
.learningschedule_info_con .tit:after { content:""; display:block; clear:both; }
.learningschedule_info_con .tit .left { width:60%; float:left;}
.learningschedule_info_con .tit .right { width: 40%;float: right;text-align: right;}
.learningschedule_info_con .ans { padding:12px 20px;  *zoom:1; }
.learningschedule_info_con .ans:after { content:""; display:block; clear:both; }
.learningschedule_info_con .tit_reply_bg {background:url(/hspImages/sub/icon_reply.png) 30px top no-repeat #eff2f6;padding-left:75px;line-height:1.7em;}

/* 학습설계 아이콘 있는 탭 */
.tabmenu_icon_cover { position:relative; }
.tabmenu_icon_cover .con { margin-top:20px; }

/* 학습설계 타이틀 텍스트 */
.tabmenu_icon_cover h4 { margin-top:40px;font-size:18px; color:#333; margin-bottom: 5px;}
.tabmenu_icon_cover h4 span { font-size:13px; font-family:NanumGothic; padding-left:10px; }
.select_area_gray { background:#a6a6a6; color:#fff !important; padding:5px 10px 5px; font-size:15px; font-family:NanumGothicBold;text-align:center; }
.tit_sub { font-size:14px; font-family:NanumGothicBold; padding-left:5px;color:#333; margin:10px 0 5px 0;}

/* 학습설계 관련 QnA 문의하기 팝업 */
.ScheduleResult_inquiry { width:525px; height:420px; }

/* 학습설계 My 학습설계 출력 */
#container_print { width: 730px; padding:15px;}
.container_print_title { position: relative; }
.container_print_title h2 { font-size:26px; }
.container_print_title span { font-size:16px;display:block;padding-top:8px; font-family:NanumGothic;}

/* 학습설계 신청 안내 팝업 */
.LearningSchedule_application_guide { width:460px;}
.LearningSchedule_application_guide .con_box {border:5px solid #e2e2e2; border-radius:8px; padding:20px; *zoom:1;text-align:center;font-size:15px;margin-bottom:20px }

/* 학습설계 최종 신청 팝업 */
.LearningSchedule_last_application { width:600px;}
.LearningSchedule_last_application .con_box {border:3px solid #e2e2e2; border-radius:8px; padding:20px; *zoom:1;margin-bottom:20px;margin-top:10px }

/* 학습설계 결과 확인 팝업 */
.LearningSchedule_result { width:460px;}

/* 동일PC 차단 입력 레이어*/
.ifr_Infolayer { position:relative; background:#fff; border:2px solid #777; width:700px; min-height:120px; min-width:280px; z-index:1001; text-align:left; box-shadow:0 1px 6px #888; font-size:13px; left:25%; top:50px}
.ifr_Infolayer .close { position:absolute; right:0; top:0; text-align:right; }
.ifr_Infolayer > h2 { background:#359fbf; color:#fff; font-size:18px; padding:8px 0; text-align:center; }
.ifr_Infolayer > h2 > span { color:#ffe346; }
.ifr_Infolayer .con h3 { font-size:18px; color:#333; margin:20px 0 10px; }
.ifr_Infolayer .con h4 { font-size:15px; color:#333; margin:20px 0 10px; }
.ifr_Infolayer > .con { padding:25px 20px 20px; }
.ifr_Infolayer > .con:after { content:""; display:block; height: 0; clear: both; visibility: hidden; }
.ifr_Infolayer > .btn_area { text-align:center; margin-bottom:25px; }
.ifr_Infolayer > .btn_area button { padding:3px 30px; margin-left:5px; vertical-align:0; }
.ifr_Infolayer > .btn_area a { padding:4px 30px; margin-left:5px; }
.ifr_Infolayer > .btn_area button:first-child
.ifr_Infolayer > .btn_area a:first-child { margin-left:0; }
.ifr_Infolayer .con_new { width:460px; height:230px; overflow-y:auto; margin-bottom:20px; padding:25px 20px 20px;}
.ifr_Infolayer .apply {height:560px;}

/*이벤트 당첨자 확인*/
.event_result {width: 645px; }
.event_result_con {width: 645px; height: 607px; background: url(/hspImages/add/event_result_view/new_ev_img_02.png) no-repeat 0 0;}
.event_result_con > dl { width: 85%; margin: 0 auto;}
.event_result_con > dl dt { width: 100%; padding: 5px; border: 1px solid #ccc; background: #fff; margin-bottom: 10px; }
.event_result_con > dl dd { width: 100%; height: 550px; overflow: auto; overflow-x: hidden; padding: 5px; border: 1px solid #ccc; background: #fff; }

/* 2016 이벤트 개인정보 수집이용 안내 */
.personal_info_collect {border:3px solid #e2e2e2;border-radius:10px;box-sizing:border-box; padding:15px;}
.personal_info_collect h3 {font-size:17px;margin-top:0;margin-bottom:10px;font-weight:600;text-align:center;}

/* 카드뉴스 */
.story_cardnews {margin:30px 15px;}
.story_cardnews_btn li {float:left;width:220px;height:220px;padding-bottom:40px;padding-left:20px;}
.story_cardnews_btn img {display:block;width:220px;height:220px;border:0;}
.story_cardnews_btn li:first-child { padding-left:0; }
.story_cardnews_btn .thumb_border {position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:1px solid #ccc;} 
.story_cardnews_btn .thumb_area {display:inline-block;position:relative;border:1px solid #ccc}
.story_cardnews_btn .thumb_area img {vertical-align:top}

/*미수료예정 말풍선*/
.end_lecture_popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    /*display: none;*/
    max-width: 250px;
    padding: 1px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #0055ac;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.end_lecture_popover_title {padding: 8px 14px;
    margin: 0;
    font-size: 15px;
    background-color: #f7f7f7;
}
.end_lecture_popover > p {padding: 8px 14px; font-size: 13px; }

/* 프로젝트 팀 구성 진행 */
.project_team { background:url(/hspImages/sub/img_team.gif) no-repeat 555px center; min-height:100px; padding:20px 30px; border:3px solid #ddd; margin-top:20px; font-size:17px; font-weight:600; border-radius:10px;}
.project_team strong { color:#d80000; }

/* 프로젝트 팀 구성 마이 팀 */
.my_team {position:relative;}
.my_team p {font-size:15px;}
.my_team span {font-size:17px;text-decoration:underline;padding-right:5px;}

/* 프로젝트 팀 관리 팝업 */
.project_team_admin { width:680px; height:600px; }
.project_team_admin_banner { position:relative; border:3px solid #ddd; border-radius:10px; padding:15px 20px; }
.project_team_admin_banner a { position:absolute; right:20px; top:30px; }
.project_team_admin .scroll { height:293px; overflow-y:auto;overflow-x:hidden; }

/* 프로젝트 팀명 등록 팝업 */
.project_team_name { width:440px; height:400px; }
.project_team_name_banner { background:url(/hspImages/sub/cbinfo_process_object_use.gif) no-repeat 15px center;background-size:60px;min-height:50px; padding:15px 15px 15px 100px; border:2px solid #ddd; font-weight:600; border-radius:5px;}

/* 프로젝트 팀 팀 커뮤니티 팝업 */
.project_team_communication { width:680px; height:640px; }
.project_team_bbs_reple { background:url(/hspImages/sub/icon_reply.png) no-repeat 0 -8px; padding:0 0 8px 42px; }
.project_team_communication .btn_area { text-align:center; margin-bottom:20px; }
.project_team_reple_area { background:#f5f5f5; padding:10px 20px 10px;border-radius:5px; }
.project_team_reple_area h5 { font-size:13px; color:#0055ac; margin-bottom:5px; }
.project_team_reple_area textarea { width:83%; height:30px; float:left; }
.project_team_reple_area .btn_reple_area { width:80px; height:30px; padding-top:15px; background:#0055ac; display:inline-block; *zoom:1; *display:inline;  margin-left:8px; color:#fff; border-radius:5px; font-size:13px; text-align:center; font-family:NanumGothicBold; }
.project_team_bbs_icon {position:absolute;top:8px;right:8px; }
.project_team_communication .scroll { height:110px; overflow-y:auto;overflow-x:hidden; }
.project_team_communication .H250 { height:250px; }
.project_team_commu_setting { background:#e9e9e9;padding:8px 15px;margin-bottom:5px;color:#0055ac;font-weight:600; font-size:15px; border-radius:5px; }
.project_team_tit { position:relative; }
.project_team_tit h5 { padding-top:10px; font-size:14px;color:#333;  }
.project_team_tit h5 span { padding-top:10px; font-size:13px; font-family:NanumGothic; padding-left:10px; }
.project_team_communication .scroll_commu { height:230px; overflow-y:auto;overflow-x:hidden; }

/* 프로젝트 팀 커뮤니케이션 SMS 팝업 */
.project_team_sms { width:400px; height:520px; }
.project_team_sms_banner { min-height:50px; padding:10px; border:2px solid #ddd; border-radius:5px;}

/* 프로젝트 팀 커뮤니케이션 쪽지 팝업 */
.project_team_memo { width:400px; height:340px; }

/* 프로젝트 팀 평가서 작성 팝업 */
.project_team_evaluation { width:680px; height:650px; }
.project_team_evaluation_banner { position:relative; border:3px solid #ddd; border-radius:10px; padding:15px 20px; }
.project_team_evaluation .scroll { height:380px; overflow-y:auto;overflow-x:hidden; }

/* 심사가이드 문제은행 보기 레이어 */
.guide_testbank { width:1100px; height:700px; }
.guide_testbank table th,
.guide_testbank table td { padding:3px 8px; }
.guide_testbank .plan_con { height:536px; overflow:auto; margin-top:15px; }
.guide_testbank .btn_gray { margin-left:20px; }

/* 사회복지사_보육교사 자격증 신청 방법 안내 팝업 */
.license_request_guide {border:2px solid #777;width:780px}
.license_request_guide h2 { background:#359fbf;color:#fff; font-size:20px; padding:15px 0; text-align:center;font-weight:600}
.license_request_guide .con { padding:25px 20px 20px}
.license_request_guide h3 {font-size:18px; padding-bottom:10px;font-weight:600}
.license_request_guide .con > div { margin-bottom:20px}
.sabok_box  { border:4px solid #eee; padding:15px; text-align:left; border-radius:10px}
.sabok_guide dd { font-size:13px;padding-left:13px;padding-top:3px}
.sabok_guide dt { font-size:14px; margin-top:20px}
.sabok_guide dt:first-child { margin-top:0}
.sabok_box li {line-height:1.8em;width:160px;display:inline-block;*display:inline; *zoom:1;text-align:center}

/* 게시판 교수님 댓글 아이콘 */
.person { margin-left:8px;margin-right:2px }
.person img { vertical-align:middle; }

/* 실습일지 점검 교수님 코멘트 */
.professor_comment {padding-top:50px}
.professor_comment dl {position:relative;margin-bottom:8px}
.professor_comment dt {position:absolute;left:0;top:0;width:110px;height:110px}
.professor_comment dd {margin-left:120px;border:2px solid #ddd;border-radius:20px;padding:15px;min-height:76px} 

/* 학습자등록 및 학점인정신청 */
.injeong_procuracy { border:4px solid #eee; border-radius:10px; padding:20px; margin-top:10px; text-align:center; }
.injeong_procuracy dt,
.injeong_procuracy dd { display:inline; }
.injeong_procuracy dt { margin-right:10px; font-size:16px; font-family:NanumGothicBold; vertical-align:middle; }
.injeong_procuracy dd { margin-right:20px; }
.injeong_application { border:4px solid #eee; border-radius:10px; padding:20px; margin-top:10px; }
.injeong_application_write { border:4px solid #eee; border-radius:10px; padding:20px; margin-top:10px;text-align:center; }
.injeong_application_write dt,
.injeong_application_write dd { display:inline; }
.injeong_application_write dt { margin-right:10px; font-size:15px; font-family:NanumGothicBold; vertical-align:middle; }
.injeong_application_write dd { margin-right:20px; }
.application_payment_end { border:4px solid #eee; border-radius:10px; padding:10px; margin-top:10px;text-align:center; }
.application_payment_end h5 { background:#eee;font-size:20px;padding:15px 0; font-family:NanumGothicBold; vertical-align:middle; }
.application_payment_end p { margin-top:10px; font-size:16px; font-family:NanumGothicBold; vertical-align:middle;color:#d80000; }
.application_payment_end dl { margin-top:10px }
.application_payment_end dt,
.application_payment_end dd { display:inline; }
.application_payment_end dt { margin-right:10px; font-size:15px; font-family:NanumGothicBold; vertical-align:middle; }
.register_report { border:4px solid #eee; border-radius:10px; padding:20px; margin-top:10px; text-align:center; }
.register_report dt,
.register_report dd { display:inline; }
.register_report dt { margin-right:10px; font-size:16px; font-family:NanumGothicBold; vertical-align:middle; }
.register_report dd { margin-right:20px; }

/* 공지사항에 들어가는 공통 사용 */
.notice_line_box { border:4px solid #eee; border-radius:10px; padding:20px; margin-top:10px; }

/* 대면교육과목이 아닙니다 레이어 */
.online_subject { width:460px;}


/* 출석 수업 및 출석 시험 확인 사항 레이어 */
.attendance_lesson_test_check { width:540px;}
.attendance_lesson_test_check table th,
.attendance_lesson_test_check table td { padding:3px 8px; }
.attendance_lesson_test_check .box { border:5px solid #eee; padding:10px; font-size:16px; font-weight: 600; text-align:center; border-radius:10px; }
.attendance_lesson_test_check .con h4 {font-size:14px;margin:20px 0 8px 0 !important; }
.attendance_lesson_test_check_map { width:625px;}

.attendance_lesson_test_check2 { width:850px;}
.attendance_lesson_test_check2 table th,
.attendance_lesson_test_check2 table td { padding:3px 8px; }
.attendance_lesson_test_check2 .box { border:5px solid #eee; padding:10px; font-size:16px; font-weight: 600; text-align:center; border-radius:10px; }
.attendance_lesson_test_check2 .con h4 {font-size:14px;margin:20px 0 8px 0 !important; }
.attendance_lesson_test_check2_map { width:850px;}

/* 교육비납입증명서 출력 레이어 */
.educational_expense_payment_certificate {width:740px;position:relative;}
.educational_expense_payment_certificate h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.educational_expense_payment_certificate h1 {font-size:16px;text-align:center;margin:15px 0 5px 0}
.educational_expense_payment_certificate_box { border:5px solid #eee; border-radius:10px; padding:25px 0 25px 137px; margin-top:30px; }
.educational_expense_payment_certificate .legal_seal {position:absolute;right:2px;top:-23px;width:75px;height:75px}
.educational_expense_payment_certificate .watermark {position:absolute;top:50%;left:50%;margin-left:-257px;margin-top:-257px;z-index:-1;width:514px;height:514px}

/* 교육비납입증명서 출력 레이어 new */
.educational_payment_certificate {width:650px;height:970px;position:relative;color;#000 !important}
.educational_payment_certificate .con {padding: 0 15px 0;}
.educational_payment_certificate .pt10 {padding-top:10px}
.educational_payment_certificate h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.educational_payment_certificate h1 {font-size:16px;text-align:center;margin:15px 0 5px 0}
.educational_payment_certificate .hakjum_txt {margin-top:20px;text-align:right;position:relative;z-index:9999}
.educational_payment_certificate .legal_seal {position:absolute;right:0;top:-65px;width:75px;height:75px;z-index:9998}
.educational_payment_certificate .watermark01 {background:url(/hspImages/sub/certificate_backimage01.jpg) no-repeat 0 0;height:970px}
.educational_payment_certificate .watermark02 {background:url(/hspImages/sub/certificate_backimage02.jpg) no-repeat 0 0;height:970px}
.educational_payment_certificate .height_size {height:570px}
.educational_payment_certificate .height_size2 {height:850px}
.educational_payment_certificate table td,
.educational_payment_certificate table th { padding:5px !important; border-bottom:1px solid #b2b2b2 !important; }
.educational_payment_certificate table th { background:#e5e5e5 !important; }
.educational_payment_certificate .table_border,
.educational_payment_certificate .table_border td, 
.educational_payment_certificate .table_border th { border:1px solid #b2b2b2 }
.educational_payment_certificate_section .layer {margin:0 auto}

/* 토론방 토론왕 선정방법 레이어 */
.discussionking_choice_method { width:400px; height:300px; }
.discussionking_choice_method_box { border:5px solid #eee; padding:20px; border-radius:10px; }

/* 토론방 */
.subject_discussionking_select { border:7px solid #e0e0e0; padding:15px 20px;border-radius:10px; text-align:center;height:130px }
.subject_discussionking_select:after { content:""; display:block; clear:both; }
.subject_discussionking_select .areaL{float:left;width:25%;text-align:center;}
.subject_discussionking_select .areaR {float:left;width:72%;text-align:left;margin-top:8px;margin-left:15px}
.subject_discussionking_select .areaR h2 { font-size:20px;font-family:NanumGothicBold;color:#333;padding-bottom:15px;border-bottom:1px solid #e0e0e0;}
.subject_discussionking_select .areaR p {padding-top:15px;}

.discussion_subject_opinion { clear:both;border-radius:5px; }
.discussion_subject_opinion h2 { background:#359fbf;padding:4px 0;border-radius:5px;text-align:center;font-size:16px;font-family:NanumGothicBold;color:#fff}
.discussion_subject_opinion .con {padding-top:25px;height:40px;padding:30px 40px;border-bottom:1px solid #cfcfcf;font-size:16px;font-family:NanumGothicBold;}
.discussion_subject_opinion .con .areaL{float:left;width:60%;text-align:left;}
.discussion_subject_opinion .con .areaR {float:right;width:31%;margin-top:5px}

.discussion_state { border-radius:5px; }
.discussion_state h2 { background:#919191;padding:4px 0;border-radius:5px;text-align:center;font-size:16px;font-family:NanumGothicBold;color:#fff}
.discussion_state .con {padding-top:20px;text-align:center;font-size:16px;font-family:NanumGothicBold;}
.button_section .icon {padding:0 40px;}
.button_section .icon span {padding-bottom:10px}

.discussion_graph { line-height:normal; white-space:nowrap;padding-bottom:30px } 
.discussion_graph .bar { display:inline-block; position:relative;border-radius:5px; width:75%; height:20px; margin:0 5px 0 0;  }
.discussion_graph .blue { display:inline-block; position:relative; height:20px; background:#0055ac;color:#fff !important;padding-top:3px;float:left; }
.discussion_graph .red { display:inline-block; position:relative; height:20px; background:#d80000;color:#fff !important;padding-top:3px }

/* 토론 댓글 입력 */
.discussion_reple_area { background:#f5f5f5; padding:15px 20px 20px; }
.discussion_reple_area h5 { font-size:16px; color:#0055ac; margin-bottom:8px; }
.discussion_reple_area textarea { width:80%; height:70px; float:left; }
.discussion_reple_area .btn_reple_area { width:108px; height:53px; padding-top:30px; background:#0055ac; display:inline-block; *zoom:1; *display:inline;  margin-left:8px; color:#fff; border-radius:5px; font-size:15px; text-align:center; font-family:NanumGothicBold; }

/* 보육시설 견학 후기 */
.boyukcenter_tour { margin:0 auto; }
.boyukcenter_tour img { vertical-align:top; }
.boyukcenter_tour .tab { width:100%; }
.boyukcenter_tour .tab li { position:relative;display:inline-block;float: left;border-left:1px solid #d4d4d4;height:83px;}
.boyukcenter_tour .tab li:first-child { border-left:none;width:228px;background:#a3a3a3;vertical-align:middle;}
.boyukcenter_tour .tab li a { color:#fff; line-height:23px;vertical-align:middle; width:229px;height:83px;display:inline-block; background:#a3a3a3;font-size:17px;font-family:NanumGothicBold; }
.boyukcenter_tour .tab li a:hover,
.boyukcenter_tour .tab li a.select{ background:; display:block }
.boyukcenter_tour .tab li a img {position:absolute;left:20px;bottom:0;}
.boyukcenter_tour .tab li a span {padding-left:87px;padding-top:20px;display:block;}


/* 보육시설 견학 후기 5번째 */
.boyukcenter_tour5 { margin:0 auto; }
.boyukcenter_tour5 img { vertical-align:top; }
.boyukcenter_tour5 .tab { width:100%; background:#b0d268; }
.boyukcenter_tour5 .tab li { position:relative; background:#b0d268; display:inline-block;float: left; height:100px; }
.boyukcenter_tour5 .tab li:first-child { border-left:none;width:224px;background:#b0d268;vertical-align:middle;}
.boyukcenter_tour5 .tab li a { background:url(/hsplicenseInfo/info_child/institutiontour/fieldTrip_5th/images/fieldTrip_5th_tab_bg.jpg); width:232px;height:100px;display:inline-block; font-size:17px;font-family:NanumGothicBold; }
.boyukcenter_tour5 .tab li a:hover,
.boyukcenter_tour5 .tab li a.select{ background:url(/hsplicenseInfo/info_child/institutiontour/fieldTrip_5th/images/fieldTrip_5th_tab_select.jpg); display:block }
.boyukcenter_tour5 .tab li a span {padding-left:20px;padding-top:25px;display:block;}


/* HAN-E가 간다 */
.character_hane { position:relative;background:url(/hspImages/sub/character_hane_bg.gif) no-repeat 0 0; width:730px;height:222px;margin-top:10px; }
.character_hane_movie {position: absolute; top:30px; left:220px;}
.character_hane_movie li {
	position:relative;
    background-color: #fff;
    color: #363636;	
    text-align: left;    
    padding: 3px 17px;	
    font-weight:bold;
	font-size:14px;
	border-radius: 7px;
   border:2px solid #363636;
   margin-bottom:10px;
   box-shadow:0 1px 5px #888; 
}
.character_hane_movie li span {
    content: "";
    position: absolute;
    top: 9px;
    left: -12px;
	width:12px;
	height:8px;
	background:url('/hspImages/common/edge_gray_left.png') no-repeat 0 0 !important;
}
.character_hane_movie li.one { width:74px; }
.character_hane_movie li.two { width:235px;margin-left:30px; }
.character_hane_movie li.three { margin-left:70px; }
.character_hane_movie li.four { width:158px;margin-left:60px; }
.character_hane_movie li strong { color:#f0804e;}

.hane_go { position:relative; border:5px solid #dddddd; border-radius:10px; font-size:16px; padding:22px; }
.hane_go p { margin-left:60px }
.hane_go strong { color:#d80000; font-size:17px; }
.hane_go a { position:absolute; right:20px; top:12px; }
.hane_go .btn_youtube { background:#d80000 url(/hspImages/common/youtube.png) no-repeat 10px center; padding:9px 10px 9px 85px; display:inline-block; *zoom:1; *display:inline; letter-spacing:-1px;font-size:17px; color:#fff !important; font-family:NanumGothicBold; border-radius:5px; } 
.hane_go .btn_youtube em { color:#ffe346 }

.hane_ask { position:relative; border:3px solid #dddddd; border-radius:10px; font-size:13px; padding:20px 25px; margin-top:15px; }
.hane_ask h2 { margin-bottom:10px 0 5px 0; font-size:18px; }
.hane_ask a { position:absolute; right:25px; top:35px; }
.hane_ask .btn_hane_sky_blue { background:#359fbf; border:1px solid #206f88;text-align:center; line-height:1.3;padding:8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:17px; color:#fff !important; font-family:NanumGothicBold; border-radius:5px; } 

/* HAN-E가 간다 팝업 */
.hane_ask_layer { width:525px; height:420px; }
.hane_ask_layer .scroll { height:180px; overflow-y:auto;overflow-x:hidden; }

/* 수강신청하신 대면과목 오프라인 출석일 팝업 */
.lecture_offline_attendance { width:640px;}
.lecture_offline_attendance table th,
.lecture_offline_attendance table td { padding:4px 8px; }
.lecture_offline_attendance .scroll { height:303px;overflow-y:auto;overflow-x:hidden; }


/* 공결 처리 신청 */
.reattendance_box { position:relative; border:3px solid #dddddd; border-radius:10px; padding:20px 35px; margin-top:20px; }
.reattendance_box h2 { margin-bottom:10px; font-size:18px; }

/* 출석 공결 신청서 레이어 */
.reattendance_write_layer { width:700px}
.reattendance_write_layer textarea {height:70px}
.reattendance_write_layer .boxline { position:relative; border:3px solid #dddddd; border-radius:10px; padding:15px 30px; margin-top:20px; }

/* 학습방_이어서 학습하시겠습니까 팝업레이어 */
.continue_lecture { width:500px;text-align:center}
.continue_lecture p {font-size:21px}
.continue_lecture p span {font-size:17px;display:block}
.continue_lecture p em {font-family:NanumGothicBold}
.continue_lecture_box {border:3px solid #dddddd; border-radius:10px; padding:20px 35px; margin-top:20px} 
.continue_lecture .btn_area { margin-top:15px; }

/* 학습방 안내 - 출석 수업 및 출석 시험 확인 사항 레이어2 */
.attendance_lesson_test_check_info {position:relative;width:540px;}
.attendance_lesson_test_check_info table th,
.attendance_lesson_test_check_info table td { padding:3px 8px; }
.attendance_lesson_test_check_info .box { border:5px solid #eee; padding:10px; font-size:16px; font-weight: 600; text-align:center; border-radius:10px; }
.attendance_lesson_test_check_info .con h4 {font-size:14px;margin:20px 0 8px 0 !important; }
.attendance_lesson_test_check_info_map { width:625px;}

/*한사평 앱 소개페이지 QR코드*/
.qrcode{width:50%; text-align:center; display:inline-block;}

/*인증서페이지로그인안될경우*/
.certificate_solution{clear:both; padding-left:30px; padding-top:30px;}

/*기존학습자 타과정 좌측 배너 */
.left_aside {position:absolute;top:234px;left:50%;margin-left:-747px;width:155px;background:#fff;letter-spacing:-1px}

/* 학습방 공지사항 중간고사 안내 부정시험방지 시스템 팝업 20180518 */
.study_notice_pop_prevention_system { width:600px; height:520px; }
.study_notice_pop_prevention_system_boxline  { border:4px solid #eee; padding:15px; margin-top:10px; text-align:left; border-radius:10px; }

/*자격증 시험일정*/
.testschedule_menu_bg{height:283px;background:#f2f5f8; padding:8px; text-align: center;}
.testschedule_menu_con{width:690px;}
.testschedule_menu{width:710px; background: #f2f5f8;}
.testschedule_menu li {display:inline-block;*zoom:1;*display:inline; vertical-align: text-top;}
.testschedule_menu li a {width:154px;height:62px;display:inline-block;*zoom:1;*display:inline; border: 1px solid #e8e8e8; letter-spacing:-1px;padding:8px 2px 2px 6px;margin:2px 6px 0 0; background:#fff url(/hsplicenseInfo/images/testschedule_menu_icon.png) no-repeat right center; color:#257cce;font-size:20px;text-align:left; border-radius:5px;line-height:25px; font-weight:600;}
.testschedule_menu li a.select, 
.testschedule_menu li a:hover, 
.testschedule_menu li a:focus {background:#257cce;color:#fff}

.testschedule_info1 {display:inline-block; *zoom:1; *display:inline; width:690px; border:1px solid #cce0f5; background:#e8f3fe; 
border-radius:5px; padding:20px; color:#333; font-size:14px; }

.testschedule_name_bg{width :728px; height:144px; background:url(../../hsplicenseInfo/images/testschedule_title_bg.jpg)}
.testschedule_name_bg h1{ color:#fff;font-size:40px; text-align:center; padding-top:36px;letter-spacing:1px;}
.testschedule_name_bg h2{ color:#fff;font-size:14px; text-align:center; padding-top:10px;}
.testschedule_title{margin-top:40px;}
.testschedule_title h1{font-size:18px; color:#333;  font-family:NanumGothicBold; margin-left:5px; font-weight: 600; line-height: 1; margin: 0px 0px 17px 17px;}

.testschedule{ width:100%; height:30px; padding:0; border-top:1px solid #5c80a1; border-bottom:none; border-collapse:collapse; border-spacing:0; }
.testschedule th { padding:11px; border-bottom:1px solid #5c80a1; vertical-align:middle; text-align:center;  background:#e4ebf2; }

.testschedule td { text-align:center; color:#555; text-align:center; }
.testschedule span {  font-size:12px; padding-left:5px;  }
.testschedule_red1{background:#F66;} 

.testschedule_btn{background: #669ae2 url(/hspImages/common/bullet_ok.png) no-repeat right center;
    border: 1px solid #3f69a3;
    padding: 8px 23px 8px 20px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-family: NanumGothicBold;
    border-radius: 3px;
    min-width: 70px;	}
.testschedule_button{text-align:center; margin:15px auto; }	
.testschedule_button a,
.testschedule_button select, 
.testschedule_button hover{text-align:center; margin:15px auto; color:#fff;}
.testday_red{color:#ff4a4e; font-weight:600;}
.testschedule_caution{width:532px; height:65px; background:url(../../hsplicenseInfo/images/testschedule_caution.jpg); margin:auto; }
.testschedule_caution h3{font-size:12px; padding:11px 0 0 75px;}
.testschedule_table_w50_percent{width:50%; }

.testschedule_info2{color:#5196d8; font-weight:600; margin:15px 0 0 5px;}
.testschedule_info3{display: inline-block; width: 690px; border: 1px solid #cce0f5;
    background: #e8f3fe;
    border-radius: 5px;
    padding: 20px;
    color: #333;}
.testschedule_info4{width:690px; border: 1px solid #ff7373; border-radius: 5px; padding: 20px; color: #333;}
.font_12 {font-size:12px !important;}
.testschedule_credit{color:#36F; font-size:16px; text-align:center; font-weight:600;}


/* 청소년지도사 면접시험 일정안내 팝업 */
.interview_test_pop { width:586px; height:755px; }
.interview_test_pop > .con h2 {color:#d80000;font-size:18px;}
.interview_test_pop_line  { position:relative;border:3px solid #d80000; padding:30px 15px 15px 15px; margin-top:35px; text-align:left; border-radius:10px; }
.interview_test_pop .button_section {margin-bottom:10px;margin-top:10px !important;}
.interview_test_pop .label_red_point { position:absolute;top:-20px;background:#d80000; padding:2px 35px 3px 60px;border-radius:30px; font-weight:600; color:#fff !important; font-size:18px; font-family:NanumGothicBold;}/* 느낌표 있는 라벨 20190328 추가 */
.interview_test_pop .label_red_point > em { background:url(/hspImages/common/bullet_important04.png) no-repeat; display:inline-block; *display:inline; *zoom:1; width:41px; height:41px; position:absolute; top:-4px; left:0; }


/* 보육센터_장애영유아보육교사 취득방법 20190125 */
.jangae_careful {width:100%; margin:30px 0  20px 0; position:relative; }
.jangae_careful:after { display:block; clear:both; content:'' }
.jangae_careful .box { border:1px solid #e2e2e2; border-radius:5px; }
.jangae_careful .box .bg{ background:#f5e9e8; text-align:center; padding:15px 20px; font-family:NanumGothicBold; font-size:18px; color:#d80000; }
.jangae_careful .box .bg img{ vertical-align:middle;margin-right:10px }
.jangae_careful .box div { font-family:NanumGothicBold; font-size:14px; padding:30px; }


/* 20190401_학위수여동영상 */
.graduation_ceremony_interview{width:970px; height:584px; position:absolute; z-index:9999999; padding:0px;}
.graduation_ceremony_interview_top{width:970px; height:101px;}
.graduation_ceremony_interview_bottom{width:970px; height:18px;}
.graduation_ceremony_interview_bg{width:970px; height:465px; background:#5c353a; }
.graduation_ceremony_interview_img{width:131px; float:left;padding:8px; margin-left:20px; margin-top:2px;}
.graduation_ceremony_interview_close{ height:40px; float:left; margin-top:418px; margin-left:-28px;}


/* 영상정보처리기기 운영관리방침 20190529추가 */
.cctv_info { margin-top:40px; }
.cctv_info h4 { margin-top:20px; font-family:NanumGothicBold; font-size:13px !important; }
.cctv_info .depth1 { margin:10px 0 0 15px; }
.cctv_info .depth1_tit { margin:20px 0 0 15px; font-family:NanumGothicBold; }
.cctv_info ul > li { margin-bottom: 10px; }
.cctv_info ul ol { margin-top:20px; }
.cctv_info ul ol li  { list-style-type:circle; margin-left:20px; }
.cctv_info ol > li { list-style-type:circle; margin:15px 0 0 35px; }
.cctv_info ol > li p { margin-top:10px; }
.cctv_info .bracketnum { margin:0 8px 3px -20px; }
.cctv_info .none { list-style-type:none; margin-top:7px; }
.cctv_info .circlenum { margin:0 8px 3px -20px; }
.cctv_info ol ol li { margin-left:20px; }
.cctv_info ul ol li,
.cctv_info ol ol ol li { margin:4px 0 4px 20px; list-style-type:decimal; }
.cctv_info .bullet_dash li { background:url(/hspImages/common/bullet_dash.png) no-repeat left 8px; padding-left:10px; margin:0 0 3px 0; }


/* 학습과정 평가 Guide 심사 관련 20190718 추가 */
.simsa_guide_subtab {margin:7px 0 30px 5px;background:#f6f6f6;border-radius:3px;padding:20px;clear:both;*zoom:1;text-align:center}
.simsa_guide_subtab:after { display:block; clear:both; content:'' }
.simsa_guide_subtab li {width:20%;text-align:center;display:inline-block}
.simsa_guide_subtab li a {display:block;line-height:30px;padding:3px 50px;background:#fff;margin-right:10px;font-size:14px;font-family:NanumGothicBold;border-radius:3px;text-align:center;color:#0055ac;border:1px solid #acc4dd}
.simsa_guide_subtab li:first-child a {margin-left:5px} 
.simsa_guide_subtab li a.select, 
.simsa_guide_subtab li a:hover, 
.simsa_guide_subtab li a:focus {background:#5687cf;border:1px solid #22578d;color:#fff}
.simsa_guide {margin-top:30px}
.simsa_guide h2 {clear:both;margin-left:5px;font-size:22px;line-height:1.6;font-family:NanumGothicBold}
.simsa_guide h2 span {font-size:17px;line-height:1.6;font-family:NanumGothic}
.simsa_guide p .alignC {width:100%;padding-top:7px;text-align:center}
.simsa_guide p .bold {font-weight:600}

/*시험창 최종답안제출안내*/
.study_test_last_set_info_layer { width:300px; height:200px; } 
.study_test_last_set_info { padding:20px;}
.study_test_last_set_info p.tit { font-size:16px; height:40px; font-family:NanumGothicBold; color:#d60000; text-align:center; }
.study_test_last_set_info div { border-top:1px solid #eee; padding-top:15px; }

/*실명인증실패관련 안내창*/
.UserName_Check_info_layer { width:500px; height:460px; } 
.UserName_Check_info { padding:20px;}
.UserName_Check_info p.tit { font-size:16px; height:40px; font-family:NanumGothicBold; color:#d60000; text-align:center; }
.UserName_Check_info div { border-top:1px solid #eee; padding-top:15px; }

/* 학습 전 수강신청 강좌의 개편으로 인한 학습자 안내 팝업 */
.pre_lecture_re_guide_pop { width:780px; height:810px; }
.pre_lecture_re_guide_pop > .con > div { margin-bottom:20px; }
.pre_lecture_re_guide_pop .roundline  { border:4px solid #e4e4e4; padding:15px; margin-top:10px; border-radius:10px;/* height:300px; overflow:auto; overflow-x:hidden;*/ }
.pre_lecture_re_guide_pop .roundline:after { content:""; display:block; clear:both; }

/* 쿠폰등록 팝업 20200115 */
.coupon_exchange_pop { width:500px; height:300px; }
.coupon_exchange_pop > .con .txt {text-align:center }
.coupon_exchange_pop > .con .txt > h2 {font-size:16px }
.coupon_exchange_pop > .con .txt > h2 em {color:#d80000 }
.coupon_exchange_pop > .con > p { text-align:center;margin-top: 10px;}
.coupon_exchange_boxline  { border:4px solid #eee; padding:15px; margin-top:20px; text-align:center; border-radius:10px; }
.coupon_exchange_boxline input[type=text] { width:70%;text-align:center;height:20px;font-size:13px }
.layer .con > .btn_area {text-align: center;margin-top: 25px;}

/* 장애영유아 유사과목 심의 공문 신청 팝업 20200123 */
.similarsubject_document_request_pop{width:700px;height:520px}
.similarsubject_document_request_pop > .con > .scroll01{ margin-top:-1px; height:144px; overflow:auto; overflow-x:hidden;}
.similarsubject_document_request_pop > .con > .scroll02{ margin-top:-1px; height:140px; overflow:auto; overflow-x:hidden; }

/* 장애영유아 유사과목 심의 공문 출력 레이어 20200128 */
.similarsubject_document_request_print {width:650px;height:970px;position:relative}
.similarsubject_document_request_print > .con {padding:0 15px 0}
.similarsubject_document_request_print > .watermark {background:url(/hsppopup/similarSubject_document_request/images/certificate_backimage01.jpg) no-repeat 0 0;height:970px}
.similarsubject_document_request_print dl {padding:30px 0 10px 0}
.similarsubject_document_request_print dl dt {width:13%;display:inline-block;float:left;font-size:14px}
.similarsubject_document_request_print dl dd {width:87%;font-size:14px}
.similarsubject_document_request_print .line_h1 {border-width:5px 0 0 0;border-style:solid;border-color:#9f9f9f;height:5px}
.similarsubject_document_request_print .line_h2 {border-width:10px 0 0 0;border-style:solid;border-color:#c6c6c6;height:10px;margin-bottom:0px;position:relative}
.similarsubject_document_request_print .blank1 {padding-left:10px}
.similarsubject_document_request_print .blank2 {padding-left:20px}
.similarsubject_document_request_print .blank3 {padding-left:80px}
.similarsubject_document_request_print ol li {padding-bottom:20px}
.similarsubject_document_request_print .size_h {height:2000px !important}
.similarsubject_document_request_print table th { background:#e5e5e5 !important; }
.similarsubject_document_request_print table td, 
.similarsubject_document_request_print table th {border:1px solid #b2b2b2;font-size:11px;padding:2px }
.similarsubject_document_request_print h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.similarsubject_document_request_print h2 span {position:absolute;margin-top:-21px;margin-left:-26px;width:75px ;height:75px}
.similarsubject_document_request_print table.t_style {border-top:none !important}
.similarsubject_document_request_print table.t_style th {background:none !important}
.similarsubject_document_request_print table.t_style td, 
.similarsubject_document_request_print table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.similarsubject_document_request_print .hakjum_info {position:absolute;bottom:30px}
.similarsubject_document_request_print2 {height:2000px !important}


/*수강신청페이지 경영학 쿠폰 팝업 20200205*/
.subject_business_popup{width:470px; height:533px;position: absolute; }
.subject_business_popup p{position:absolute; margin-top:-6px; width:450px; padding: 10px; background-color: #28315d; font-size: 13px; color: #fff; font-weight: 400; }
.subject_business_popup h2{position:absolute;margin-top:517px;  margin-left:440px;text-align:center;}


/*수강신청페이지 장애영유아  유사교과목 주의사항 팝업 20200205*/
.subject_disorder_popup{width:535px; height:607px;position: absolute; }
.subject_disorder_popup p{position:absolute; margin-top:-6px;  padding: 10px; background-color: #28315d; font-size: 15px; color: #fff; font-weight: 400;  text-align:center;}
.subject_disorder_popup h2{ position:absolute;margin-top:593px;  margin-left:505px;text-align:center;}

/* 장바구니 쿠폰사용안내 20200401 */
.coupon_guide { display:inline-block; *zoom:1; *display:inline; width:690px; background:#dae7ec; margin-top:10px;border-radius:5px; padding:15px 20px; color:#333 !important; }
.coupon_guide > h2 { float:left;width:12%;font-family:NanumGothicBold; font-size:14px; padding:13px 15px 13px 0;margin-top:3px;border-right:1px solid #333} 
.coupon_guide .right { float:right; width:83%; }
 
/* 장바구니 수강료 테이블 20200401 */
.tuition_table {border:5px solid #484e5f !important}
.tuition_table th, 
.tuition_table td {padding:8px;font-size:16px;}
.tuition_table th.sell_darkgray {background:#484e5f;color:#fff;}
.tuition_table th.sell_red {background:#e9472c ;font-size:23px;color:#fff; }
.tuition_table .sell_red_font {font-size:26px;color:#e9472c ;}
.tuition_table .sell_blue_font {color:#095bd6;}
.tuition_table th.f_size {font-size:21px !important;}

/* 장바구니 동의 체크박스 20200401 */
 .basket_chkbox {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 0 0 8px;
    background: url(/hspImages/common/bg_chkbox.gif) no-repeat 0 0;
    font-size: 0;
    vertical-align: middle;}

 .basket_chkbox.on { background-position: -38px 0;}

/* 20200527_실습과목홍보용 팝업 */
.practice_popup{position: relative;  width: 567px;   height: 622px; }
.practice_popup p{display: inline-block;   font-size: 40px;  font-weight: 600; margin-left: 10px; color:#ffffff;}
.practice_popup span{display: inline-block;   font-size: 14px;   margin-left: 24px; color:#ffffff;}
.practice_popup_menu1{position: relative; background-color:#9dcdff;  color:#000; width: 180px;   height: 60px;  padding-top: 12px;  display: inline-block;   font-size: 16px;  line-height: 14px;  text-align: center;  border-radius: 20px 20px 0 0;  font-weight: 600; cursor:hand;}
.practice_popup_menu2{position: relative; background-color:#ffd861;  color:#000; width: 180px;   height: 60px;  padding-top: 12px;  display: inline-block;   font-size: 16px;  line-height: 14px;  text-align: center;  border-radius: 20px 20px 0 0;  font-weight: 600;}
.practice_popup_box1{ width: 135px;border-radius: 20px; border: 1px solid #000; margin-top:7px;  margin-left: 15px; padding: 4px; font-size: 14px; color:#000;  text-align: center; }
.practice_popup_box2{ width: 135px;border-radius: 20px; border: 1px solid #000; margin-top:7px;  margin-left: 15px; padding: 4px; font-size: 14px; color:#000;  text-align: center; }

/* 2020629_강의평가서 */
.poll_popup_top{width: 810px;   height:270px;  color:#fff; background: url(/hspMypage/pollpopup/img/start_bg.jpg)}
.poll_popup_top p{ font-size: 20px;  font-weight: 400; text-align:center; color:#ffffff; padding-top:50px;}
.poll_popup_top h1{ font-size: 60px;  font-weight: 600; text-align:center; color:#ffffff;}
.poll_popup{position: relative;  width: 810px;   height: 530px; background-color:#006be0;  color:#fff; }
.poll_popup_sub_wrap{margin:0 auto;width:100%;text-align:center; }
.poll_popup_sub{margin:0 auto;position: relative;  width: 810px;   height: 800px; background-color:#006be0;  color:#fff; text-align:center; }
.poll_popup_sub p{font-size: 24px;  font-weight: 600; text-align:center; color:#fff; padding-top:20px; margin-bottom:10px;}
.poll_popup_sub_box1{position: relative; background-color:#fff;  color:#000; width: 95%;   height: 700px;  padding: 10px;  display: inline-block;   font-size: 16px;  line-height: 30px;  text-align: center;  border-radius: 20px;  font-weight: 400; }

.poll_popup_box1{position: relative; background-color:#fff;  margin-left:13px; color:#000; width: 712px;   height: 420px;  padding: 34px;  display: inline-block;   font-size: 16px;  line-height: 23px;  text-align: center;  border-radius: 20px;  font-weight: 400; }
.poll_popup_box1 span{  font-weight: 600;      text-decoration-line: underline; }
.poll_popup_box3{position: relative; background-color:#fff;  margin-left:13px; color:#000; width: 712px;   height: 420px;  padding: 34px;  display: inline-block;   font-size: 20px;  line-height: 23px;  text-align: center;  border-radius: 20px;  font-weight: 600; }
.poll_popup_box2{ width: 400px; border: 1px solid #d2d2d2; margin: 7px 0 80px 127px; padding: 20px; font-size: 16px; color:#006be0;  text-align: center; line-height: 23px; }
.poll_popup_box2 span{  font-weight: 600; }
.poll_popup_close{width: 810px;  background-color:#000;  font-size: 14px;  text-align:right; color:#ffffff ;}

/* 20200922_대면 화상수업 동의 모달 */
.untact_video_agreement_pop {width:720px;height:900px}
.untact_video_agreement_pop > .con > h1 {font-size:14px;}
.untact_video_agreement_pop > .con > .linebox {border:3px solid #dcdcdc;padding:5px 10px;margin:3px 0;text-align:left;border-radius:10px}
.untact_video_agreement_pop > .con > .filelinebox {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#eff2f6;padding:5px 10px;margin-top:8px;text-align:center;font-size:15px}

/* 20200922_대면 화상수업 */
.untact_video_lessonlinebox {background:#eaedf1;padding:20px;margin-top:30px;line-height:35px;text-align:center;font-size:18px;border-radius:10px}

/* 20200922_대면 화상시험 */
.untact_video_testlinebox {border:3px solid #dcdcdc;background:#eaedf1;padding:20px 30px;margin-top:10px;border-radius:10px}
.untact_video_testlinebox2 {border:3px solid #dcdcdc;padding:20px 30px;margin-top:10px;border-radius:10px}

/* 20201130_장학수기및학습수기 */
.sucess_story_linebox {border:3px solid #dcdcdc;padding:20px 30px;margin-top:10px;border-radius:10px}

/* 20201210_실시간 온라인 화상시험 결과보기_현장시험 결과보기 */
.untact_video_result_layer {position:relative; width:550px; height:360px;border:none !important;box-shadow:none !important}
.untact_video_result_layer .close_x {position:absolute;right:10px;font-size:30px;color:#fff;margin-top:-48px}

/* 20221003_실시간 온라인 화상시험 결과보기_현장시험 결과보기 ver2 */
.untact_video_result_layer2 {position:relative; width:900px; height:600px;border:none !important;box-shadow:none !important}
.untact_video_result_layer2 .close_x {position:absolute;right:10px;font-size:30px;color:#fff;margin-top:-48px}

/* 개인정보처리방침 변경이력 추가 */
.personal_info_history {margin-top:50px;}
.personal_info_history dt {font-weight: bold}
.personal_info_history dd a {text-decoration:underline;line-height:25px}

/* 실습진행정보 20310330 추가 */
a.practice_document_submit {position:relative;background:#0055ac; color:#fff !important; padding:2px 7px; border-radius:50px;  font-size:14px; font-family:NanumGothicBold; }
.practice_legends_wrap {position:relative;line-height:20px;}
.practice_legends_on {position:absolute;top:1px;left:150px;min-width:200px;background:#fff;border:3px solid #0055ac;z-index:1;border-radius:8px}
.practice_legends_on h2 {background:#0055ac;font-size:14px;padding:4px 3px 8px 3px;line-height:14px;color:#fff}
.practice_legends_on dl {padding:4px;text-align:left;vertical-align:top;display:inline-block;font-family: NanumGothic;border-bottom:1px solid #ddd}
.practice_legends_on dt {width:55px;float:left;margin: 0 5px 0 0;text-align:right;display:inline-block;vertical-align: top;}
.practice_legends_on dd {width:130px;float:left;display:inline-block}
.practice_legends_on dd em {font-weight:bold}

.practice_note_box {border:4px solid #eee;padding:15px 25px;margin-top:10px;border-radius:10px;}
.practice_label_basic {float:right;width:140px;text-align:center;border:1px solid #6f6f6f; color:#6f6f6f !important; padding:4px 13px;font-size:13px;font-family:NanumGothicBold;border-radius:5px; }
.practice_label_end {float:right;width:140px;text-align:center;border:1px solid #d80000; color:#d80000 !important; padding:4px 13px;font-size:13px;font-family:NanumGothicBold;border-radius:5px; }
.practice_document_list_box {border:4px solid #eee;padding:15px 25px;margin-top:10px;border-radius:10px;}
.practice_document_list_box li {padding:15px 0;clear:both;height:30px;border-top:1px solid #eee}
.practice_document_list_box li:first-child {border-top:none}
.practice_document_list_box li .tit {float:left;width:480px;margin-top:5px}
.practice_document_list_box p {padding:40px 30px;text-align:center;font-size:20px;color:#666}

/* 실습진행정보 공문 출력 20310330 */
.practice_document_print {width:650px;height:1005px;position:relative;margin:0 auto;}
.practice_document_print > .con {padding:0 15px 0}
.practice_document_print > .con2 {border:1px solid #b2b2b2;padding:15px;height:940px;}
.practice_document_print dl {padding:30px 0 10px 0}
.practice_document_print dl dt {width:13%;display:inline-block;float:left;font-size:14px}
.practice_document_print dl dd {width:87%;font-size:14px}
.practice_document_print .line_h1 {border-width:5px 0 0 0;border-style:solid;border-color:#9f9f9f;height:5px}
.practice_document_print .line_h2 {border-width:10px 0 0 0;border-style:solid;border-color:#c6c6c6;height:10px;margin-bottom:0px;position:relative}
.practice_document_print .blank1 {padding-left:13px}
.practice_document_print .blank2 {padding-left:35px}
.practice_document_print_con ol {margin-left: 20px}
.practice_document_print_con ol li {margin-bottom:5px}
.practice_document_print_con ol li span {margin:0 8px 3px -20px}
.practice_document_print_con ol li ol li span {margin:0 5px 3px -20px}
.practice_document_print_con ol > li > ol > li ol > li > span {margin:0 8px 3px -20px} /* 사복 실습의뢰공문 출력 20210915 추가 */
.practice_document_print_con .dash span {margin:0 5px 3px -13px} /* 사복 실습의뢰공문 출력 20210915 추가 */
.practice_document_print_con .star li span {margin:0 5px 3px -13px} /* 사복 실습의뢰공문 출력 20210915 추가 */
.practice_document_print_con .box { margin:10px 0 15px 0; border:1px solid #b2b2b2; padding:10px; *zoom:1; } /* 실습진행정보 공문 출력 20210915 추가 */
.practice_document_print_con .box:after { display:block; clear:both; content:'' } /* 실습진행정보 공문 출력 20210915 추가 */
.practice_document_print .size_h1 {height:485px !important}
.practice_document_print .size_h2 {height:700px !important}
.practice_document_print .size_h3 {height:685px !important}
.practice_document_print table th { background:#e5e5e5 !important; }
.practice_document_print table td, 
.practice_document_print table th {border:1px solid #b2b2b2;font-size:13px;padding:5px }
.practice_document_print h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.practice_document_print h2 span {position:absolute;margin-top:-21px;margin-left:-26px;width:75px ;height:75px}
.practice_document_print table.t_style {border-top:none !important}
.practice_document_print table.t_style th {background:none !important}
.practice_document_print table.t_style td, 
.practice_document_print table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.practice_document_print .hakjum_info {position:absolute;bottom:0px;width:620px}

/* 수강신청페이지 TESAT 교육과정 수강료 할인이벤트 팝업 20210414 */
.tesat_discount_popup{width:430px; position: relative;display:inline-block }
.tesat_discount_popup > p.con {height:493px;position: relative;padding:0 !important }
.tesat_discount_popup > p.con a {position: absolute;bottom:15px;left:40px }
.tesat_discount_popup > .close2 { width:100%;height:42px;background:#120573;}
.tesat_discount_popup > .close2 .close_text {padding: 5px; font-size: 14px; float:right;color: #fff;right:0;}
.tesat_discount_popup > .close2 .close_text a {color:#fff;font-size:20px;margin-left:40px;margin-right:10px}

/*  학습방 좌측 배너 TESAT 교육과정 수강료 할인이벤트 20210414 */
.banner_tesat_discount {position:absolute;left:50%;width:130px;height:220px;margin-left:590px;/* margin-left:-715px;*/top:250px}

/* 실습진행정보 양식다운제출 20210420 */
.practice_form_box {border:4px solid #eee;padding:15px 25px;margin-top:10px;border-radius:10px;}
.practice_form_list_box {position:relative;display: inline-block;border:4px solid #eee;padding:20px 20px;margin-top:10px;border-radius:10px;background:#fff}
.practice_form_list_box:after { content:""; display:block; clear:both;}
.practice_form_list_box .tit {float:left;width:360px;margin-top:1px}
.practice_form_list_box .btnlist {float:right;width:320px;text-align:right;}
.practice_form_list_box .text {width:97%;background:#efefef;clear:both;padding:10px;margin-top:15px;text-align:left;display:inline-block;}

.practice_form_list_box_none {border:4px solid #eee;padding:15px 25px;margin-top:10px;border-radius:10px;}
.practice_form_list_box_none p {padding:40px 30px;text-align:center;font-size:16px;}

/* 실습진행정보 실습세부일정 출력 20210420 */
.practice_form_print {width:650px;height:985px;position:relative;margin:0 auto;}
.practice_form_print > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_form_print > .con {padding:0 15px 0;border:1px solid #2b2b2b;height:925px}
.practice_form_print dl {padding:25px 0 10px 0}
.practice_form_print dl dt {width:16%;display:inline-block;float:left;font-size:14px}
.practice_form_print dl dd {width:84%;font-size:14px}
.practice_form_print .tablePT {position:absolute;top:150px;width:95%}
.practice_form_print .tablePT2 {position:absolute;top:60px;width:95%}
.practice_form_print_con ol li {margin-bottom:5px}
.practice_form_printt_con ol li span {margin:0 8px 3px -20px}
.practice_form_print table th { background:#e5e5e5 !important; }
.practice_form_print table td, 
.practice_form_print table th {border:1px solid #b2b2b2;font-size:12px;padding:3px }
.practice_form_print h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.practice_form_print table.t_style {border-top:none !important}
.practice_form_print table.t_style th {background:none !important}
.practice_form_print table.t_style td, 
.practice_form_print table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.practice_form_print .info {position:absolute;width:95%;bottom:30px;}

.practice_form_print2 {width:650px;height:1040px;position:relative;margin:0 auto;}
.practice_form_print2 > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_form_print2 > .con {padding:0 15px 0;border:1px solid #2b2b2b;height:945px}
.practice_form_print2 dl {padding:25px 0 10px 0}
.practice_form_print2 dl dt {width:16%;display:inline-block;float:left;font-size:14px}
.practice_form_print2 dl dd {width:84%;font-size:14px}
.practice_form_print2 .tablePT {position:absolute;top:150px;width:95%}
.practice_form_print2 .tablePT2 {position:absolute;top:60px;width:95%}
.practice_form_print2_con ol li {margin-bottom:5px}
.practice_form_printt2_con ol li span {margin:0 8px 3px -20px}
.practice_form_print2 table th { background:#e5e5e5 !important; }
.practice_form_print2 table td, 
.practice_form_print2 table th {border:1px solid #b2b2b2;font-size:12px;padding:3px }
.practice_form_print2 h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.practice_form_print2 table.t_style {border-top:none !important}
.practice_form_print2 table.t_style th {background:none !important}
.practice_form_print2 table.t_style td, 
.practice_form_print2 table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.practice_form_print2 .info {position:absolute;width:95%;bottom:80px;}

.practice_form_print3 {width:1500px;position:relative;margin:0 auto;}
.practice_form_print3 > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_form_print3 > .con {padding:0 15px 0;border:0px solid #2b2b2b;}
.practice_form_print3 dl {padding:25px 0 10px 0}
.practice_form_print3 dl dt {width:16%;display:inline-block;float:left;font-size:14px}
.practice_form_print3 dl dd {width:84%;font-size:14px}
.practice_form_print3 .tablePT {position:absolute;top:10px;width:95%}
.practice_form_print3_con ol li {margin-bottom:5px}
.practice_form_printt3_con ol li span {margin:0 8px 3px -20px}
.practice_form_print3 table th { background:#e5e5e5 !important; }
.practice_form_print3 table td, 
.practice_form_print3 table th {border:1px solid #b2b2b2;font-size:12px;padding:3px }
.practice_form_print3 h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.practice_form_print3 table.t_style {border-top:none !important}
.practice_form_print3 table.t_style th {background:none !important}
.practice_form_print3 table.t_style td, 
.practice_form_print3 table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.practice_form_print3 .info {position:absolute;width:95%;bottom:80px;}

.practice_form_print_P2 {width:650px;height:970px;position:relative;margin:0 auto;}
.practice_form_print_P2 > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_form_print_P2 > .con {padding:0 15px 0;border:1px solid #2b2b2b;height:915px}
.practice_form_print_P2 dl {padding:25px 0 10px 0}
.practice_form_print_P2 dl dt {width:16%;display:inline-block;float:left;font-size:14px}
.practice_form_print_P2 dl dd {width:84%;font-size:14px}
.practice_form_print_P2 .tablePT {position:absolute;top:150px;width:95%}
.practice_form_print_P2 .tablePT2 {position:absolute;top:60px;width:95%}
.practice_form_print_P2_con ol li {margin-bottom:5px}
.practice_form_printt_con ol li span {margin:0 8px 3px -20px}
.practice_form_print_P2 table th { background:#e5e5e5 !important; }
.practice_form_print_P2 table td, 
.practice_form_print_P2 table th {border:1px solid #b2b2b2;font-size:12px;padding:3px }
.practice_form_print_P2 h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.practice_form_print_P2 table.t_style {border-top:none !important}
.practice_form_print_P2 table.t_style th {background:none !important}
.practice_form_print_P2 table.t_style td, 
.practice_form_print_P2 table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.practice_form_print_P2 .info {position:absolute;width:95%;bottom:30px;}

.practice_form_print_total {width:650px;position:relative;margin:0 auto;}
.practice_form_print_total > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_form_print_total > .con {padding:0 15px 0;border:1px solid #2b2b2b;height:930px}
.practice_form_print_total dl {padding:25px 0 10px 0}
.practice_form_print_total dl dt {width:16%;display:inline-block;float:left;font-size:14px}
.practice_form_print_total dl dd {width:84%;font-size:14px}
.practice_form_print_total .tablePT {position:absolute;top:150px;width:95%}
.practice_form_print_total .tablePT2 {position:absolute;top:60px;width:95%}
.practice_form_print_total_con ol li {margin-bottom:5px}
.practice_form_print_total_con ol li span {margin:0 8px 3px -20px}
.practice_form_print_total table th { background:#e5e5e5 !important; }
.practice_form_print_total table td, 
.practice_form_print_total table th {border:1px solid #b2b2b2;font-size:12px;padding:3px }
.practice_form_print_total h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.practice_form_print_total table.t_style {border-top:none !important}
.practice_form_print_total table.t_style th {background:none !important}
.practice_form_print_total table.t_style td, 
.practice_form_print_total table.t_style th {border:none;font-size:11px;padding:2px;text-align:left }
.practice_form_print_total .info {position:absolute;width:95%;bottom:30px;}

/* 실습진행정보 실습신청서 보육_사복_평생 20210420 */
.practice_applpaper_box {border:4px solid #eee;padding:15px 25px;margin-top:10px;border-radius:10px;}
.practice_applpaper_boxline {border:4px solid #eee;padding:15px;margin-top:10px;border-radius:10px;}
.practice_applpaper_boxline > h2 {background:#eee;font-size:18px;line-height:18px;text-align:center;margin-bottom:20px;padding:15px 0}
.practice_applpaper_boxline > h3 {font-size:14px;line-height:14px}
.practice_applpaper_boxline .list dt {float:left;display:inline-block;margin-right:10px;font-weight:bold}
.practice_applpaper_boxline .list dt,
.practice_applpaper_boxline .list dd {margin-bottom:10px}
.practice_applpaper_resume_img {width:85px;height:113px;border:1px solid #d2d2d2;clear:both;vertical-align:middle;margin:0}
.practice_applpaper_writemethod {border:1px solid #d2d2d2;margin-top:20px;padding-bottom:10px}
.practice_applpaper_writemethod .tit {background:#eee;text-align:center;font-weight:bold;padding:5px 0;font-size:14px}
.practice_applpaper_writemethod dl {margin:10px}
.practice_applpaper_writemethod dt {float:left;display:inline-block;color:#0055ac;font-weight:bold;background:url(/hspImages/common/bullet_txt_list.png) no-repeat left 7px; padding:0 5px 0 13px; display:inline-block}
.practice_applpaper_writemethod dt.disB {display:block;float:none}
.practice_applpaper_writemethod dd.disB {display:block;float:none;margin-left:15px}
.practice_applpaper_oath{margin-bottom:20px}
.practice_applpaper_oath dt{margin-top:30px}
.practice_applpaper_oath dt:first-child{margin-top:0}
.practice_applpaper_oath dd{margin-left:15px}

/* 실습진행정보 실습신청서 보육실습_사회복지현장실습 신청서 출력 20210420 */
.practice_applpaper_print {width:650px;height:985px;position:relative;margin:0 auto;}
.practice_applpaper_print > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_applpaper_print > .con {padding:0 15px 0;border:1px solid #2b2b2b;height:920px}
.practice_applpaper_print .use_agree {margin:80px 0 100px 0}
.practice_applpaper_print .use_agree dt {float:left;display:inline-block;margin-right:10px;font-weight:bold}
.practice_applpaper_print .use_agree dt,
.practice_applpaper_print .use_agree dd {margin-bottom:25px}
.practice_applpaper_print .name {position:absolute;width:95%;text-align:right;bottom:60px;font-size:16px;font-weight:bold}
.practice_applpaper_print h3 {font-size:14px;line-height:14px;margin-top:40px}
.practice_applpaper_print table th { background:#e5e5e5 !important; }
.practice_applpaper_print table td, 
.practice_applpaper_print table th {border:1px solid #b2b2b2;padding:3px; }
.practice_applpaper_print .card_use_agree {margin:20px 0 20px 0}
.practice_applpaper_print .card_use_agree dt {float:left;display:inline-block;margin-right:10px;font-weight:bold}
.practice_applpaper_print .info {position:absolute;width:95%;bottom:45px;}
.practice_applpaper_print .hakjuminfo {position:absolute;width:95%;bottom:55px;} /* 20210831 추가 */
.practice_applpaper_print h2 {font-size:25px;text-align:center;margin-top:15px}
.practice_applpaper_print .contents_boxline {border:1px solid #b2b2b2;padding:10px;text-overflow:ellipsis;overflow:hidden}

.practice_applpaper_print2 {width:650px;height:1045px;position:relative;margin:0 auto;}
.practice_applpaper_print2 > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_applpaper_print2 > .con {padding:0 15px 0;border:1px solid #2b2b2b;height:975px}
.practice_applpaper_print2 .use_agree {margin:80px 0 100px 0}
.practice_applpaper_print2 .use_agree dt {float:left;display:inline-block;margin-right:10px;font-weight:bold}
.practice_applpaper_print2 .use_agree dt,
.practice_applpaper_print2 .use_agree dd {margin-bottom:25px}
.practice_applpaper_print2 .name {position:absolute;width:95%;text-align:right;bottom:60px;font-size:16px;font-weight:bold}
.practice_applpaper_print2 h3 {font-size:14px;line-height:14px;margin-top:40px}
.practice_applpaper_print2 table th { background:#e5e5e5 !important; }
.practice_applpaper_print2 table td, 
.practice_applpaper_print2 table th {border:1px solid #b2b2b2;padding:3px; }
.practice_applpaper_print2 .card_use_agree {margin:20px 0 20px 0}
.practice_applpaper_print2 .card_use_agree dt {float:left;display:inline-block;margin-right:10px;font-weight:bold}
.practice_applpaper_print2 .info {position:absolute;width:95%;bottom:45px;}
.practice_applpaper_print2 .hakjuminfo {position:absolute;width:95%;bottom:55px;} /* 20210831 추가 */
.practice_applpaper_print2 h2 {font-size:25px;text-align:center;margin-top:15px}
.practice_applpaper_print2 .contents_boxline {border:1px solid #b2b2b2;padding:10px;text-overflow:ellipsis;overflow:hidden}

/* 교육비납부영수증 20210701 */
.expenses_receipt_box { border:3px solid #e2e2e2; border-radius:10px; padding:20px; }
.expenses_receipt_con dl {clear:both;height:25px;float:left;width:400px}
.expenses_receipt dt,
.expenses_receipt dd {  font-size:14px;margin-right: 6px;}
.expenses_receipt dt { background:url(/hspImages/common/colon_bg.gif) no-repeat right 7px; padding-right:5px; font-family:NanumGothicBold;clear:left;display:inline-block;float:left;}
.expenses_receipt dd {display:inline-block;float:left; padding-left:6px;color:#d80000;font-weight:bold;text-align:left;}

/* 교육비납부영수증(기타제출용) 출력 20210701*/
.expenses_receipt_print_section .layer {margin:0 auto}
.expenses_receipt_print {position:relative;width:650px;height:980px;position:relative;color:#000 !important}
.expenses_receipt_print .con {padding: 0 15px 0;}
.expenses_receipt_print .watermark02 {background:url(/hspImages/sub/certificate_backimage02.jpg) no-repeat 0 0;height:970px}
.expenses_receipt_print .hakjum_txt {position:absolute;width:100%;margin:0 auto;text-align:center;bottom:10px}
.expenses_receipt_print .txt {margin-top:20px;text-align:center;position:relative;z-index:9999;font-size:17px;font-weight:bold}
.expenses_receipt_print .legal_seal {position:absolute;right:180px;top:-65px;width:75px;height:75px;z-index:9998}
.expenses_receipt_print .pt10 {padding-top:10px}
.expenses_receipt_print h2 {font-size:25px;text-align:center;margin-top:15px;margin-bottom:15px}
.expenses_receipt_print table td,
.expenses_receipt_print table th { padding:5px !important; border-bottom:1px solid #b2b2b2 !important; }
.expenses_receipt_print table th { background:#e5e5e5 !important; }
.expenses_receipt_print .table_border,
.expenses_receipt_print .table_border td, 
.expenses_receipt_print .table_border th { border:1px solid #b2b2b2 }

/* 강의계획서 출처 및 발행처 원본증명 출력 20210701*/
.lecture_schedule_print_section .layer {margin:0 auto}
.lecture_schedule_print {position:relative;width:650px;height:970px;position:relative;color:#000 !important}
.lecture_schedule_print .con {padding: 0 15px 0;}
.lecture_schedule_print .txt_con {position:absolute;width:96%;margin:0 auto;bottom:80px}
.lecture_schedule_print .txt {margin-top:100px;text-align:center;position:relative;z-index:9999;font-size:22px;font-weight:bold}
.lecture_schedule_print .legal_seal {position:absolute;right:180px;top:-75px;width:75px;height:75px;z-index:9998}
.lecture_schedule_print .pt50 {padding-top:50px}
.lecture_schedule_print h2 {font-size:18px;text-align:left;margin-top:50px;margin-bottom:10px}
.lecture_schedule_print dl {padding:5px 0}
.lecture_schedule_print dl dt {width:35%;display:inline-block;font-size:14px;font-weight:bold;line-height: 20px;vertical-align:top;float:left;clear:left;}
.lecture_schedule_print dl dd {width:59%;font-size:14px;display:inline-block;vertical-align:top;line-height: 20px;padding-bottom: 10px;float:left;text-align:left;}
.lecture_schedule_print .line_h1 {border-width:5px 0 0 0;border-style:solid;border-color:#9f9f9f;height:5px;clear:both}

/*실습신청서 제출안내*/
.Practice_schedule_info_layer { width:450px; height:230px; } 
.Practice_schedule_info { padding:18px;}
.Practice_schedule_info p.tit { font-size:18px; height:65px; font-family:NanumGothicBold; text-align:center; }
.Practice_schedule_info div { border-top:1px solid #eee; padding-top:15px; }
.Practice_schedule_info div li { text-align:center; }

/*실습세부일정 제출시 유의사항*/
.practice_TimeTable_writemethod {border:1px solid #d2d2d2;margin-top:60px;padding-bottom:10px}
.practice_TimeTable_writemethod .tit {background:#eee;text-align:center;font-weight:bold;padding:5px 0;font-size:14px}
.practice_TimeTable_writemethod dl {margin:10px}
.practice_TimeTable_writemethod dt {float:left;display:inline-block;color:#0055ac;font-weight:bold;background:url(/hspImages/common/bullet_txt_list.png) no-repeat left 7px; padding:0 5px 0 13px; display:inline-block}
.practice_TimeTable_writemethod dt.disB {display:block;float:none}
.practice_TimeTable_writemethod dd.disB {display:block;float:none;margin-left:15px}

/* 학습방 ie 서비스종료 배너 20220614 */
.lecture_leftbanner_ieend {position:fixed;top:250px;left:50%;width:140px;margin-left:-731px;}   
.lecture_leftbanner_ieend img{vertical-align:top}


/* 학습방 왼쪽 학습안내 가이드 20240527 */
.lecture_leftbanner_guide1{position:fixed;top:250px;left:50%;width:140px;margin-left:-731px;} 
.lecture_leftbanner_guide1 img{vertical-align:top}
.lecture_leftbanner_guide2{position:fixed;top:453px;left:50%;width:140px;margin-left:-731px;}   


/* 대면과목 출석수업에 대한 안내 레이어 20220802 */
.attendance_lesson_guide { width:540px;}
.attendance_lesson_guide .box { border:5px solid #eee; padding:10px; text-align:center; border-radius:10px; }
.attendance_lesson_guide .box p { font-size:14px; font-weight: 600; }
.attendance_lesson_guide .con h4 {font-size:14px;margin:20px 0 3px 0 !important; }

/* 서술형 시험 답안지 출력 20221027 */
.testpaper_print {width:700px;height:985px;position:relative;margin:0 auto;}
.testpaper_print h1 {font-size:20px;line-height:30px;font-weight:bold;text-align:center}
.testpaper_print > .con {padding:0 5px;/*border:1px solid #2b2b2b;*/height:920px}
.testpaper_print table th { background:#e5e5e5 !important; }
.testpaper_print table td, 
.testpaper_print table th {border:1px solid #b2b2b2;padding:5px; }


/*전체강좌안내 페이지  실습 바로가기 배너추가 20230518 */
.practice_go{position:relative; margin: 20px 0 0 0; width: 696px;  height: 116px; padding: 14px 5px 10px 29px; background-color: #e8edff; }
.practice_go_list{float:left; margin-right:34px; } 



/*학점은행제안내 20230601*/
.hakjum_h2{font-size: 24px;  font-weight: bold;  color: #2167c2;  position: relative;  padding-top: 40px;  clear: both;}
.hakjum_h2:after {position: absolute; left: 0; top: 37px; content: "";  width: 25px;  border-top: 3px solid #2167c2;  clear: both;}
.hakjum_info_txt{margin: 15px; font-size:20px;}
.hakjum_info_listwarp {border-top: 3px solid #123867; border-bottom: 1px solid #8e99a7; padding:5px;}
.hakjum_info_listwarp li{width: 96%;  padding: 7px 2%;  overflow: hidden;  display: table;   border-bottom: 1px solid #cccccc;}
.hakjum_txtbox{height: 55px;  border: 1px solid #7c91ab;  background: #e7ebf0;  color: #123867;  display: table-cell; vertical-align: middle; padding: 6px;  width: 136px; text-align: center;}
.hakjum_txtarea{padding-left: 15px; display: table-cell; vertical-align: middle;  text-align: left;}
.hakjum_procearea{margin-top: 20px;  padding: 20px 0;  border-top: 3px solid #123867;  border-bottom: 3px solid #123867; }
.hakjum_procearea > ul > li{width: 96%; padding: 0 10px 40px 10px; background: url(/hspimages/sub/cbinfo_process_arrow2.gif) no-repeat 33px bottom; overflow: hidden;  display: table;  }
.hakjum_procearea > ul > li:last-child{background: none;}
.hakjum_procearea  li span {display: table-cell;  width: 124px; height: 60px;  background: #123867;  color: #fff;  vertical-align: middle; text-align: center; font-weight:600;}
.hakjum_caution{width: 100%;  overflow: hidden;   margin-top: 20px;}
.hakjum_caution .cautionbox_in{display: block;  float: left; width: 223px; height: 180px;  margin: 10px;  background: #edf2f7;  text-align: center; box-sizing: border-box;}
.hakjum_caution .cautionbox_in dl{position: relative;  padding: 33px 20px; background: url(/hspimages/sub/hakjum_box_bg1.png) no-repeat 97% 0;}
.hakjum_caution .cautionbox_in dt{position: relative; margin-bottom: 30px; color: #005e93; font-weight:bold; font-size: 24px;}
.hakjum_caution .cautionbox_in dd{border: 1px solid #123867;  text-align: center;  padding: 1px;  width: 100px; margin:auto;}

.hakjum_caution >.caution_cb li {position: relative; margin:10px; width:192px;font-size:18px; display:inline-block; text-align:center; background: #edf2f7; float:left; }
.hakjum_box_con {width: 100%;  overflow: hidden;   margin-top: 20px;}
.hakjum_box_con .box_in{display: block;  float: left; width: 236px; height: 204px;  margin-bottom: 10px;  background: #edf2f7;  text-align: center; box-sizing: border-box;}
.hakjum_box_con .box_in:nth-child(2) {margin: 0 10px;}
.hakjum_box_con .box_in:nth-child(5) {margin: 0 10px;}
.hakjum_box_con .box_in dl{position: relative;  padding: 20px 20px;}
.hakjum_box_con .box_in dt{position: relative; margin-bottom: 17px; color: #000; font-weight:bold; font-size: 15px;}
.hakjum_box_con .box_in dd{text-align: center;}
.hakjum_application{position: relative; width: 100%; height:390px; border-spacing: 8px;  margin-left: -5px; }
.hakjum_application_box_con {width: 50%;  overflow: hidden; float: left;}
.hakjum_application_box_con .box_in{display: table-cell;   border: 1px solid #e5e5e5; padding:12px; width: 324px;}
.hakjum_application_box_con .box_in dl{min-height: 180px;}
.hakjum_application_box_con .box_in dt{background: #058287;display: inline-block;  width: 100%;  height: 40px;  margin-bottom: 10px;  border-radius: 20px;  line-height: 40px;  font-size: 17px;  color: #fff;  text-align: center;}
.hakjum_application_box_con .box_in dt:nth-child(1) {background: #007dc3;}

.hakjum_application_box_con .box_in dd{position: relative; padding-left: 14px; color: #555; font-size: 14px; line-height: 1.7;}
.hakjum_application_box_con .sboxcnt{position: relative;  margin-top: 10px;  width: 97%;  height: 142px;  border: 1px solid #e5e5e5;  display: table;  background: #f5f5f5; padding: 5px;}

.hakjum_btn{margin-top: 40px; text-align:center;}

.hakjumTbl_blank1 {margin-top:40px;padding-bottom:270px}
.hakjumTbl_blank2 {padding-bottom:100px}
.hakjumTbl table {width:100%;margin:0 auto;border-top:none}
.hakjumTbl table tr td:last-child{border-right: none;}
.hakjumTbl table thead{display: table-caption;  padding-bottom: 50px; background: url(/hspimages/sub/cbinfo_process_arrow.gif) no-repeat right bottom;}
.hakjumTbl thead th:first-child {background: #123867;  border-left: none;}
.hakjumTbl thead th {width: 144px; height: 40px; background:#005e93; border-left: 5px solid #fff; color:#fff; border-right: 5px solid #fff; text-align:center; padding:13px 0; font-size:16px;}
.hakjumTbl tbody th:first-child {background: #123867;  border-left: none;}
.hakjumTbl tbody th{height: 50px; border: 5px solid #fff; color: #fff; font-size: 15px;  text-align: center;}
.hakjumTbl tbody th > span{display: block;  height: 40px;  border: 2px solid #005e93;  background: #fff;  color: #005e93;  font-size: 15px;  text-align: center; line-height: 39px;}
.hakjumTbl tbody td {padding:16px 10px;background:#ebebeb;  border: 5px solid #fff;  border-bottom:none;}
.hakjumTbl tfoot th{border-left: none;   background: #fff;}
.hakjumTbl tfoot th > span{display: block;  height: 50px;  padding-top: 5px;  background: #123867;  color: #fff;  font-size: 15px;  text-align: center;}
.hakjumTbl tfoot td{ padding-top: 13px; }
.hakjumTbl tfoot td > span{display: block;  height: 50px; padding-top: 5px;  line-height: 45px; background: #005e93; color: #fff; font-size: 20px;  text-align: center; font-weight:600;}



.hakjumTbl .child_yellow thead th {border-left:5px solid #feeed8;border-right:5px solid #feeed8;}
.hakjumTbl .child_yellow tbody td {border:5px solid #feeed8;}
.hakjumTbl .child_blue thead th {border-left:5px solid #4a68b3;border-right:5px solid #4a68b3;}
.hakjumTbl .child_blue tbody td {border:5px solid #4a68b3;}
.hakjumTbl .social_green thead th {border-left:5px solid #f3fdd8;border-right:5px solid #f3fdd8;}
.hakjumTbl .social_green tbody td {border:5px solid #f3fdd8;}
.hakjumTbl .social_purple thead th {border-left:5px solid #754ab3;border-right:5px solid #754ab3;}
.hakjumTbl .social_purple tbody td {border:5px solid #754ab3;}
.hakjumTbl .social_brown thead th {border-left:5px solid #b45f4a;border-right:5px solid #b45f4a;}
.hakjumTbl .social_brown tbody td {border:5px solid #b45f4a;}
.hakjumTbl .lifelong_educator thead th {border-left:5px solid #d8fbff;border-right:5px solid #d8fbff;}
.hakjumTbl .lifelong_educator tbody td {border:5px solid #d8fbff;}
.hakjumTbl .textred {color:#e03f26}
.hakjumTbl tbody td.bg_pansypurple {background:#754ab3;color:#fff}
.hakjumTbl tbody td.bg_orange {background:#d74d38;color:#fff} 
.hakjumTbl .num{ font-size: 10px;  vertical-align: top;}
.hakjumTbl .smalltxt{ font-size: 11px; }



/* Han 이벤트 리스트페이지 20230814 */
.han_event_list {margin-top:30px;text-align:center;}
.han_event_list li {position:relative;width:233px;height:205px;margin:4px;background:#fff;border:1px solid #d5d5d5;float:left}
.han_event_list .event {width:233px; height:128px; margin-bottom:10px;display:block;overflow:hidden}
.han_event_list .event img {width:100%;height:100%}
.han_event_list .event_tit {color:#333;padding:10px 10px 12px 10px;font-family:NanumGothicBold;font-size:15px;line-height:15px; letter-spacing: -1px;text-align:left;overflow:hidden}
.han_event_list .event_sub {padding:0 0 9px 10px;font-size:14px;line-height:14px;text-align:left;color:#8c8c8c;overflow:hidden}
.han_event_list li a {display:block;cursor:pointer}
.han_event_list li a:hover .event_tit {text-decoration:underline}

/* 청소년지도사 자격제도 개편 확정 배너 20240117 */
.youth_fixed { position:fixed; bottom:10px; left:50%; margin-left:440px; width:140px;z-index:10;}
.youth_fixed img {vertical-align:top;}


/* 패키지 수강신청 페이지 new 20240415 */
.allpackage_list {margin-top:30px}
.allpackage_list > li > a {position:relative;background:#e7e7e7 url(/hspimages/sub/allpackage_icon_boyuk.png) no-repeat center left 50px;display:block;padding:25px 40px 25px 145px;border-radius:10px;box-sizing: border-box;font-size:23px;color:#222;line-height:25px;font-weight:600; margin-top:10px;}
.allpackage_list > li > a:before {content: ''; display: inline-block; margin: 0 40px 0 0; width: 1px; height: 35px; background: #d4d4d4; padding: 0; vertical-align: -10px;}
.allpackage_list > li > a:after {position: absolute;content: ''; display: inline-block;top:35px; right:40px; width: 20px; height: 14px; background: url(/hspimages/sub/allpackage_arrow_down.png) no-repeat center right;}
.allpackage_list > li > a.on:after {position: absolute;content: ''; display: inline-block;top:35px; right:40px; width: 20px; height: 14px; background: url(/hspimages/sub/allpackage_arrow_up.png) no-repeat center right;}
.allpackage_list > li > a.allpackage_sabak {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_sabok.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_boyuk {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_boyuk.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_disorderchild {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_disorderchild.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_youth {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_youth.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_lifelong {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_lifelong.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_psychology {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_psychology.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_business {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_business.png) no-repeat center left 50px;}
.allpackage_list > li > a.allpackage_refinement {background:#e7e7e7 url(/hspimages/sub/allpackage_icon_refinement.png) no-repeat center left 50px;}
.allpackage_list > li > a.select, 
.allpackage_list > li > a:hover, 
.allpackage_list > li > a:focus { border:2px solid #555;box-sizing:border-box }
.allpackage_list > li +li {margin-top:10px;}
.allpackage_list_sub {margin-top:10px;margin-bottom: 50px;}
.allpackage_list_sub > li > a {display:flex;padding:15px 20px;box-sizing: border-box;font-size:17px;color:#444;line-height:26px;font-weight:600;width: 100%;}
.allpackage_list_sub > li >  a.select, 
.allpackage_list_sub > li > a:hover, 
.allpackage_list_sub > li >  a:focus { background:#f1f1f1;}
.allpackage_list_sub > li > a .allpackage_list_sub_title {width:73%;font-weight:600;line-height:26px}
.allpackage_list_sub > li > a .allpackage_list_sub_txt {font-size:15px;color:#666;display:block;font-weight:normal}
.allpackage_list_sub > li {border-bottom:1px solid #e2e2e2;}
.allpackage_list_sub_btn {width:27%;display:flex;justify-content: right; align-items: center;}
.allpackage_list_sub_btn > span {color:#fff;font-size:16px;line-height:16px;text-align:center;border-radius:100px;box-sizing: border-box;padding:8px 15px;width:95px; }
.allpackage_list_sub_impendence {background:#c10202;}
.allpackage_list_sub_ing {background:#003972;}
.allpackage_list_sub_end {background:#828181;}


/* 개인정보처리방침 라벨링 20240909 */
.label_section {margin:50px 0}
.label_section h3 {font-size:20px;text-align:center;margin-bottom:30px}
.label_wrap{width: 100%;position: relative; box-sizing: border-box; padding: 0px 5px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.label_wrap a {position:relative; width: 233px; height: 170px; box-sizing: border-box; padding: 30px 0; border-radius: 10px;  display: flex; flex-flow: column; justify-content: center; align-items:center; margin-bottom: 10px; border: 1px solid #cbcbcb; }
.label_wrap a:before{content:"";display:block;margin:0 auto 17px;}
.label_wrap a.label_01:before{width:66px;height:67px;background:url(/hspimages/sub/personal_label_01.png) no-repeat;}
.label_wrap a.label_02:before{width:60px;height:67px;background:url(/hspimages/sub/personal_label_02.png) no-repeat;}
.label_wrap a.label_03:before{width:60px;height:67px;background:url(/hspimages/sub/personal_label_03.png) no-repeat;}
.label_wrap a.label_04:before{width:59px;height:67px;background:url(/hspimages/sub/personal_label_04.png) no-repeat;}
.label_wrap a.label_05:before{width:59px;height:67px;background:url(/hspimages/sub/personal_label_05.png) no-repeat;}
.label_wrap a.label_06:before{width:68px;height:67px;background:url(/hspimages/sub/personal_label_06.png) no-repeat;}
.label_wrap a:hover{border: 1px solid #3e71d7;box-sizing: border-box;color:#333}
.label_wrap a .label_tit {font-size:15px;font-weight:bold}
.label_layer_wrap {width:700px;position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #3e71d7;z-index: 999;top:180px;text-align:center}
.label_layer_01{left:10px;}
.label_layer_02{left:-235px;}
.label_layer_03{left:-478px;}
.label_layer_04{right:-478px;}
.label_layer_06{left:-477px;}

.label_layer_wrap .label_layer_tit{text-align:center;font-size:15px;color:#fff;padding:5px 0; background-color: #3e71d7;font-weight:bold ;border-radius: 9px 9px 0 0;}
.label_layer_wrap .label_layer_con{padding:30px; box-sizing: border-box;}


/* 개인정보처리방침 목차 20240909 */
.contents_list_section {margin:50px 0}
.contents_list_section h3 {font-size:20px;text-align:center;margin-bottom:30px}
.contents_list_wrap{width: 100%;position: relative; box-sizing: border-box; padding: 0px 5px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.contents_list_wrap a { width: 49%; box-sizing: border-box; padding: 5px 30px; border-radius: 10px;  display: flex; flex-flow: column; justify-content: center;  margin-bottom: 5px; border: 1px solid #cbcbcb; font-weight:bold;background:#f7f7f7 url(/hspimages/common/contents_list_arrow.png) no-repeat center right 20px / 6px  auto;}
.contents_list_wrap a.wbig { width: 100%; }

/* 모바일소개 20241011 */
.mobileweb_tabView {margin-top:50px}
.mobileweb_list li {display:inline-block;width:363px}
.mobileweb_list li + li {padding-bottom:5px}
.mobileweb_qrcode {width: 100%;position:absolute;bottom:65px;}
.mobileweb_qrcode li {text-align:center;width:170px;display:inline-block}
.certification_link {position:absolute;bottom:40px;right:62px}

/* 패키지과정 테이블 20241024 */
.package_subtit {font-size:23px;font-weight:bold;line-height:23px;padding:20px 0;}
.package_subtit > span {color:#d80000;}
.package_subtit > em {font-size:16px;font-weight:bold;color:#d80000;}
.tablepackage {width:100%; padding:0; border-bottom:none; border-collapse:collapse; border-spacing:0; }
.tablepackage td,
.tablepackage th { border-bottom:1px solid #ddd; vertical-align:middle; text-align:left; font-size:16px}
.tablepackage th { background:#f2f2f2; text-align:center; font-family:NanumGothicBold;font-weight:bold }
.tablepackage.center td { text-align:center;}
.tablepackage,
.tablepackage td, 
.tablepackage th { border:1px solid #ddd }/* 모든 td, th에 border 있는 테이블 */
.tablepackage td, .tablepackage th {padding: 15px 9px; border-bottom: 1px solid #ddd; vertical-align: middle;font-family:NanumGothicBold;}
.tablepackage.pd9 td { padding: 7px 9px;font-family:NanumGothic;}

/* 사회복지현장실습 최종평가 보고서 웹&관리자 20250103 */
.practice_report_web {/*width:650px;height:985px;*/position:relative;margin:0 auto;}
.practice_report_web > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_report_web > .con {padding:0 15px 0;/*border:1px solid #2b2b2b;height:920px*/}
.practice_report_web .name {position:absolute;width:95%;text-align:right;bottom:60px;font-size:16px;font-weight:bold}
.practice_report_web h3 {font-size:16px;/*line-height:14px;margin-top:40px*/}
.practice_report_web table th { background:#e5e5e5 !important; }
.practice_report_web table td, 
.practice_report_web table th {border:1px solid #b2b2b2;padding:3px;font-size:16px;}
.practice_report_web h2 {font-size:25px;text-align:center;margin-top:15px}
.practice_report_web .contents_boxline {border:1px solid #b2b2b2;padding:10px;text-overflow:ellipsis;overflow:hidden}
.practice_report_web textarea { margin:10px 0 0 0px; font-size:16px; font-weight:normal; }

.practice_report_admin {width:650px;height:985px;position:relative;margin:0 auto;}
.practice_report_admin > .con > h1 {font-size:22px;line-height:22px;margin-top:20px;text-align:center}
.practice_report_admin > .con {padding:0 15px 0;border:1px solid #2b2b2b;/*height:920px*/}
.practice_report_admin .name {position:absolute;width:95%;text-align:right;bottom:60px;font-size:16px;font-weight:bold}
.practice_report_admin h3 {font-size:14px;/*line-height:14px;margin-top:40px*/}
.practice_report_admin table th { background:#e5e5e5 !important; }
.practice_report_admin table td, 
.practice_report_admin table th {border:1px solid #b2b2b2;padding:3px; }
.practice_report_admin h2 {font-size:25px;text-align:center;margin-top:15px}
.practice_report_admin .contents_boxline {border:1px solid #b2b2b2;padding:10px;text-overflow:ellipsis;overflow:hidden}

/* 회원가입_약관동의 20250331 추가 */
/* .tab_section .arrow li p {font-size:18px !important;}*/
.chk_allagree_wrap {;background:#e5e5e5;padding:25px 40px;box-sizing:border-box;border-radius:10px;display:inline-block;}
.chk_allagree_con {margin-left:50px;text-align:left;font-size:16px;line-height:27px;font-family:NanumGothicBold;}
.chk_allagree_con .check {margin:0 8px 3px -58px;}
.chk_allagree_list {margin-top:30px}
.chk_allagree_list > li > a {position:relative;display:block;padding:26px;box-sizing:border-box;font-size:20px;color:#333;font-weight:600;border-top:1px solid #e2e2e2;}
.chk_allagree_list > li > a div {font-weight:600;}
.chk_allagree_list > li > a:after {position: absolute;content: ''; display:inline-block;top:35px;right:30px;width: 20px;height: 14px; background: url(/hspimages/sub/allpackage_arrow_down.png) no-repeat center right;}
.chk_allagree_list > li > a.on:after {position:absolute;content: ''; display:inline-block;top:35px;right:30px;width:20px; height:14px;background: url(/hspimages/sub/allpackage_arrow_up.png) no-repeat center right;}
.chk_allagree_list > li > a.select, 
.chk_allagree_list > li > a:hover, 
.chk_allagree_list > li > a:focus {background:#e9f1f9; }
.chk_allagree_list .mb60 {margin-bottom:60px}
.chk_allagree input[type="checkbox"] {position:relative;display:inline-block;width:30px;height:30px;border:1px solid #767676 !important;box-sizing:border-box;background:#fff;top:0;border-radius:3px;vertical-align:bottom;font-weight:600;appearance:none;-webkit-appearance:none;}
.chk_allagree input[type="checkbox"]:checked {background:#0055ac;border-color:#0055ac;border:1px solid #0055ac !important}
.chk_allagree input[type="checkbox"]:checked:after {content: '';position:absolute;left:0;top:-1px;background: url(/hspimages/common/input_check_white.png) no-repeat center;width:30px;height:30px;background-size:20px auto;}
.chk_allagree input[type="checkbox"].allagree_check{top:4px;}
.chk_allagree input[type="checkbox"].allagree_check_size{width:15px;height:15px;top:-3px}
.chk_allagree input[type="checkbox"].allagree_check_size:checked:after {content: '';position:absolute;left: 0;top:-1px;background: url(/hspimages/common/input_check_white.png) no-repeat center;width:15px;height:15px;background-size:11px auto;}
.chk_allagree_txt {border-top:1px solid #e2e2e2;padding:20px 10px 0 10px}
.chk_allagree input[type="checkbox"].agree_first_time_size{width:20px;height:20px;top:-3px}
.chk_allagree input[type="checkbox"].agree_first_time_size:checked:after {content: '';position:absolute;left:-1px;top:-1px;background: url(/hspimages/common/input_check_white.png) no-repeat center;width:20px;height:20px;background-size:13px auto;}
.chk_allagree_txt {border-top:1px solid #e2e2e2;padding:20px 10px 0 10px}

/* 회원가입_모달 20250702 추가 */
.chk_allagree_modal_bg {background-color:rgba(0,0,0,.4); z-index: 99999; justify-content:center;  align-items:center;  position:fixed;  top:0;  left:0;  right:0;  bottom:0;}
.chk_allagree_modal {position:relative;padding:40px;background:#fff;border:2px solid #0055ac;border-radius:10px;box-sizing:border-box;top:20%;left:30%;width:600px;max-width:50%;}
.chk_allagree_modal .text {margin-bottom:20px;font-size:26px;font-weight:600;color:#0055ac;line-height:26px;margin-top:20px; }
.chk_allagree_modal a.btn_close {color:#7d7d7d;border:1px solid #7d7d7d;border-radius:5px;padding:10px 25px;font-family:NanumGothicBold;font-size:16px;line-height:16px;display:inline-block;}
.chk_allagree_modal a.btn_agree {background:#0055ac;color:#fff;border-radius:5px;padding:10px 25px;font-family:NanumGothicBold;font-size:16px;line-height:16px;display:inline-block;}


/* 회원가입_회원가입 작성 20250331 추가 */
table.write_paper_table { border-top:none;}
table.write_paper_table td,
table.write_paper_table th { padding:9px 0;border-bottom:none;vertical-align:middle; text-align:left;background:none; }
table.write_paper_table th { background:none;text-align:left; font-family:NanumGothicBold;font-size:16px }

.write_paper_form input {height:40px;font-size:15px;box-sizing:border-box;border-radius:5px;background:#f2f2f2;border:1px solid #cccccc;padding:0 15px}
.write_paper_form select {border:1px solid #ccc;height:40px;background:#f2f2f2;font-size:15px;box-sizing:border-box;border-radius:5px;color:#8d8d8d;padding:0 15px}
.write_paper_form input::placeholder{color:#6f6f6f}

.write_paper_form input[type="radio"] {content: '';display: inline-block; position: relative;top:0;background: url(/hspimages/common/write_paper_input_radio_off.png) no-repeat center; width: 30px;height: 30px; background-size: 30px auto;appearance:none;-webkit-appearance:none;}
.write_paper_form input[type="radio"]:checked {background: url(/hspimages/common/write_paper_input_radio_on.png) no-repeat center; width: 30px;height: 30px; background-size: 30px auto;}

.write_paper_form .btn {background:#0055ac;color:#fff;border-radius:5px;font-size:16px;line-height:16px;padding:12px 30px;box-sizing:border-box;display:inline-block;vertical-align:bottom;margin-left:2px;}
.write_paper_form a.btn:focus {box-sizing:border-box;padding:10px 28px;}

.write_paper_form .w134 {width:134px}
.write_paper_form .w141 {width:141px}
.write_paper_form .w200 {width:200px}
.write_paper_form .w350 {width:350px}
.write_paper_form .w394 {width:394px}
.write_paper_form .w473 {width:473px}
.write_paper_form .mt8 {margin-top:8px}

.write_paper_choice_wrap {display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:flex-start; align-items: center;} 
.write_paper_choice {display: flex;width: 24.2%;margin:0 4px 4px 0} 
.write_paper_choice  a {border:1px solid #ccc;text-align:center;padding:8px 5px;box-sizing:border-box;font-size:14px;flex: 1 1 30%;border-radius:5px}
.write_paper_choice a.on, 
.write_paper_choice a:hover {background:#0055ac;color:#fff}
/*.write_paper_choice a:focus {background:#0055ac;color:#fff}*/

/*
.write_paper_choice {display: inline-block;width: 24.2%;margin:0 4px 4px 0;float:left} 
.write_paper_choice  a {border:1px solid #ccc;text-align:center;padding:5px;box-sizing:border-box;font-size:14px;width:100%;border-radius:5px;display:inline-block}
.write_paper_choice a.on, 
.write_paper_choice a:hover, 
.write_paper_choice a:focus {background:#0055ac;color:#fff}


.writepaper {display:flex;}
.writepaper  li {flex: 1 1 30%;display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;align-content:center; }
.writepaper  a {flex: 1 1 30%;color:#000;border:1px solid #ccc;flex-grow:1;text-align:center;padding:20px;box-sizing:border-box;font-size:15px;vertical-align:top}*/


/* 회원가입_회원가입완료 20250331 추가 */
.sub_login_end_wrap {text-align: center;width: 100%;}
.sub_login_end {font-size: 12px; width: 75%; display: inline-block;}
.join_info_end dl {border: 3px solid #e2e2e2;padding: 20px; margin-bottom: 20px; font-family: NanumGothicBold; font-size: 15px;border-radius: 10px; box-sizing: border-box;}
.join_info_end dt {display: inline-block; width: 46%;text-align: right;}
.join_info_end dd {color: #0055ac;display: inline-block;width:49%; text-align: left;padding-left: 10px;}