@charset "utf-8";

/**************************************************************************************************************
 sub : 로그인 페이지
***************************************************************************************************************/
.login_pg {width:515px; margin:0 auto; padding-top:50px;}
.login_pg .login_header {margin-bottom:10px; font-size:14px; text-align:center; line-height:1.5; }
.login_pg .login_header a {color:#ff0000; text-decoration:underline;}
.login_pg .login_middle {position:relative;}
.login_pg .login_middle input {margin-bottom:5px; padding:0; padding-left:20px; width:330px; height:52px; color:#333; font-size:22px; border:solid 1px #e2e2e2;}
.login_pg .login_middle input[type="password"] {margin:0; color:#333;}
.login_pg .login_middle button.btn_login {width:155px; height:113px; color:#fff; font-size:24px; cursor:pointer; background-color:#0984ca; border:none; position:absolute; top:0; right:0;}
.login_pg .login_bottom {padding:30px 10px; text-align:center; font-size:17px;}
.login_pg .login_bottom a {display:inline-block; padding:0 20px; border-left:solid 1px #ccc;}
.login_pg .login_bottom a:hover {text-decoration:underline;}
.login_pg .login_bottom a.first {border-left:none;}

/* 테스크탑 */
@media all and (min-width:1025px){

}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.login_pg {width:inherit; margin:0 15px; padding-top:20px;}
	.login_pg .login_header {font-size:13px; text-align:left; line-height:1.5;}
	.login_pg .login_header a {color:#ff0000; text-decoration:underline;}
	.login_pg .login_middle {position:relative;}
	.login_pg .login_middle input {margin-bottom:5px; padding:0; padding-left:20px; width:100%; height:40px; color:#333; font-size:16px; border:solid 1px #fff; box-sizing:border-box;}
	.login_pg .login_middle input[type="password"] {margin-bottom:10px; color:#333;}
	.login_pg .login_middle button.btn_login {width:100%; height:40px; color:#fff; font-size:16px; background-color:#7295fc; border:none; position:relative;}
	.login_pg .login_bottom {padding:20px 10px; text-align:center; font-size:16px;}
}


/**************************************************************************************************************
 sub : 사이버연수
***************************************************************************************************************/
/* 과정 검색 */
.search_box_lecture {padding:0 44px 0 150px; text-align:right; border:solid 2px #b2b2b2; position:relative;}
.search_box_lecture select.sort_option {padding:0; width:150px; height:42px; font-size:17px; border:none; border-right:solid 2px #b2b2b2; position:absolute; top:0; left:0;}
.search_box_lecture input.input_inner {padding:0 10px; width:100%; height:42px; font-size:17px; border:none; box-sizing:border-box;}
.search_box_lecture .input_inner:focus {border:none;}
.search_box_lecture .btn_search {width:44px; height:42px; color:#fff; font-size:0; text-indent:-1000px; cursor:pointer; border:none; background:url('../images/icon/icon_search.png') #b2b2b2 no-repeat center center; position:absolute; top:0; right:0;}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.search_box_lecture {padding:0 44px 0 100px;}
	.search_box_lecture select.sort_option {padding:0; width:100px; height:38px; font-size:14px; border:none; border-right:solid 2px #b2b2b2; position:absolute; top:0; left:0;}
	.search_box_lecture input.input_inner {padding:0 10px; width:100%; height:38px; font-size:14px; border:none; box-sizing:border-box;}
	.search_box_lecture .btn_search {width:38px; height:38px; color:#fff; font-size:0; text-indent:-1000px; background:url('../images/icon/icon_search.png') #b2b2b2 no-repeat center center; background-size:60%;}
}


/* 과정 리스트 대분류 탭 : 9개 */
.lecture_cata_top {}
.lecture_cata_top ul {/*border-top:solid 1px #e1e1e1; */overflow:hidden;}
.lecture_cata_top li {float:left; width:9.09%;}
.lecture_cata_top li a {display:block; height:46px; line-height:46px; text-align:center; border:solid 1px #e1e1e1; border-bottom:solid 1px #000; border-left:0;}
.lecture_cata_top li.first a {border-left:solid 1px #e1e1e1;}
.lecture_cata_top li.active a {color:#000; font-weight:600; border:solid 1px #000000; border-bottom:solid 1px #fff;}

.cata10ea li {float:left; width:10.00%;}
.cata9ea li {float:left; width:11.11%;}
.cata8ea li {float:left; width:12.5%;}
.cata7ea li {float:left; width:14.28%;}

/* 과정 리스트 중분류 선택 */
.lecture_cata_middle {padding:13px; background-color:#f9f9f9; position:relative;}
.lecture_cata_middle .cata_num {margin-right:130px; line-height:1.5;}
.lecture_cata_middle .cata_num label {display:inline-block; margin-right:10px;}
.lecture_cata_middle .cata_num label input[type="radio"] {}
.lecture_cata_middle .cata_num label span {}
.lecture_cata_middle button.btn_sel_lect_view {padding:0 15px; height:25px; color:#fff; cursor:pointer; background-color:#9f9f9f; border:none; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; position:absolute; top:50%; right:15px; margin-top:-13px;}
.lecture_cata_middle button.btn_sel_lect_view:hover {opacity:0.8;}

/* 과정 리스트 기본 table */
table.lecture_list {width:100%; color:#686868; font-size:13px; background-color:#fff; border-top:solid 2px #e1e1e1;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
table.lecture_list thead {}
table.lecture_list th {padding:10px 3px; border-bottom:solid 2px #e1e1e1; background-color:#fff;}
table.lecture_list.newapp th {border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;}
table.lecture_list td {padding:10px 3px; font-size:13px; text-align:center; border-bottom:solid 1px #e1e1e1;}
table.lecture_list .lec_app_active td {background-color:#fafafc;}

span.cata_sel {color:#686868; font-weight:600;} /*선택*/
span.cata_requisite {color:#21cf6e; font-weight:600;} /*필수*/
span.cata_own {color:#ff9900; font-weight:600;} /*자체*/

button.btn_lecture_base {padding:0 10px; height:22px; color:#999999; font-size:12px; font-weight:600; cursor:pointer; background-color:#fff; border:solid 1px #bfbfbf; 
						border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;} /* 게시판내 기본버튼 : 맛보기 */
button.btn_lecture_base:hover {color:#fff; background-color:#bfbfbf;}
button.btn_lecture_base.btn_app {color:#83a0fc; border:solid 1px #8aa5fc;} /* 게시판내 활성버튼 : 수강신청, 수강취소*/
button.btn_lecture_base.btn_app:hover {color:#fff; background-color:#8aa5fc;}
button.btn_lecture_base.btn_app_cancle {color:#999; border:solid 1px #bfbfbf;} /* 게시판내 활성버튼 : 수강신청, 수강취소*/
button.btn_lecture_base.btn_app_cancle:hover {color:#fff; background-color:#bfbfbf;}
button.btn_lecture_base.btn_learnact {color:#fff; background-color:#677dc3; border:solid 1px #677dc3;} /* 게시판내 활성버튼 : 수강신청, 수강취소*/
button.btn_lecture_base.btn_learnact:hover {color:#fff; background-color:#4761b5;}

button.btn_lecture_base.btn_white {color:#666; border:solid 1px #666;}
button.btn_lecture_base.btn_white:hover {color:#333; background-color:#fff; border:solid 1px #333;}

button.btn_lecture_base.btn_cancle_complete {color:#999; background-color:#f2f2f2; border:solid 1px #ccc;}
button.btn_lecture_base.btn_cancle_complete:hover {color:#999; background-color:#f2f2f2; border:solid 1px #ccc;}



/* 과정상세보기 기본정보 table */
table.lecture_info_base {width:100%; background-color:#fff; border-top:solid 2px #ececec; border-bottom:solid 1px #ececec;}
table.lecture_info_base th {padding:7px; border-bottom:solid 1px #eeeeee; border-left:solid 1px #eeeeee; background-color:#fbfbfb;}
table.lecture_info_base td {padding:7px; border-bottom:solid 1px #eeeeee; border-left:solid 1px #eeeeee;}
table.lecture_info_base td.thumimg {padding:0; margin:0; line-height:0;}

h4.lec_ti {margin-bottom:10px;}
h4.lec_ti span {font-size:14px; color:#ff0000;}
.introduce_txt {color:#686868; line-height:1.5;}
.introduce_txt a {color:#ff0000; text-decoration:underline;}

ul.relation_lecture {}/* 연관과정리스트 */
ul.relation_lecture li {margin-bottom:5px;}
ul.relation_lecture li a {display:inline-block; padding:5px 10px 3px 15px; text-decoration:none; color:#333; background:url('../images/icon/icon_dot.png') no-repeat 7px 11px; background-color:#fff; border:solid 1px #cccccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
ul.relation_lecture li a:hover {color:#1682af; background-color:#f5fcff; border:solid 1px #c0d4dc;}

.pop_teachinfo {width:320px; padding:20px; background-color:#fff; border:solid 1px #a2a2a2; position:absolute; top:40px; right:20px;}
.pop_teachinfo .top {position:relative;}
.pop_teachinfo .top .teacher_name {color:#3d3d3d; font-size:18px;}
.pop_teachinfo .top .btn_pop_close {position:absolute; top:0; right:0;}
.pop_teachinfo .middle {color:#686868; font-size:13px;}
.pop_teachinfo .middle .in_org {margin-bottom:5px;}
.pop_teachinfo .middle .info_txt {}

.pop_teachinfo.staff {position:absolute; top:50px; right:95px;}

/* 과정상세보기 버튼스타일 */
.lec_func_area {}
.lec_func_area button {padding:0 10px; height:35px; color:#333; cursor:pointer; border:solid 1px #333; background-color:#fff;}
.lec_func_area button.btn_list {background:url('../images/icon/icon_list.png') no-repeat 10px center; padding-left:25px;}
.lec_func_area button.btn_sample {background:url('../images/icon/icon_monitor.png') no-repeat 10px center; padding-left:25px;}
.lec_func_area button.btn_app {color:#fff; border:solid 1px #333; background-color:#333;}
.lec_func_area button.btn_app:hover {opacity:0.8;}
.lec_func_area button.btn_download {color:#fff; border:solid 1px #4c9bc8; background-color:#4c9bc8;}
.lec_func_area button.btn_download:hover {opacity:0.85;}

button.btn_app_m {padding:0 10px; height:22px; color:#fff; font-size:12px; font-weight:600; cursor:pointer; background-color:#8aa5fc; border:solid 1px #8aa5fc; 
				border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;} /* 모바일용 수강신청 버튼 스타일: 과정상세용*/

button.btn_teachinfo {padding:0 3px; height:18px; color:#a4a4a4; font-size:11px; cursor:pointer; border:solid 1px #acacac; background-color:#fff;}
button.btn_teachinfo:hover {color:#333; border:solid 1px #333;}

table.lecture_chapter_list {width:100%; font-size:13px; color:#686868; background-color:#fff; border-top:solid 2px #e1e1e1;}
table.lecture_chapter_list thead {}
table.lecture_chapter_list th {padding:10px 7px; border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;}
table.lecture_chapter_list td {padding:7px; text-align:center; border-bottom:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1;}
table.lecture_chapter_list td.first {border-left:none;}

button.btn_learn {width:60px; height:24px; color:#fff; font-size:12px; cursor:pointer; border:solid 1px #838383; background-color:#838383;}
button.btn_learn:hover {background-color:#595959;}

/* 팝업 알러트 */
.pop_alert {width:350px; padding:20px; background-color:#fff; border:solid 1px #a2a2a2; position:fixed; top:50%; left:50%; margin-left:-175px; z-index:10;}
.pop_alert .middle {padding:15px 0; text-align:center;}
.pop_alert .bottom {}
.pop_alert .bottom button.btn_base {padding:5px 10px; background-color:#fff; border:solid 1px #ccc;}
.pop_alert .bottom button.btn_base.btn_pop_confirm {color:#fff; background-color:#666; border:solid 1px #666;}


/* 모바일 : 과정소개 페이지 */
.mobile_lectinfo {padding:20px 15px; background-color:#fff;}
/*.mobile_lectinfo h4.lec_ti {margin-bottom:5px; font-size:15px;}*/
.mobile_lectinfo .introduce_txt {font-size:13px;}
.mobile_lectinfo .introduce_txt a {color:#ff0000; text-decoration:underline;}

.lectinfo_base {margin-bottom:15px; border-top:solid 2px #333;}
.lectinfo_base li {padding:10px 10px 10px 110px; overflow:hidden; border-bottom:solid 1px #ccc;}
.lectinfo_base li .ti {display:inline-block; float:left; width:100px; margin-left:-100px;}
.lectinfo_base li .info_txt {float:right; width:100%;}

.mobile_lect_func {margin:0 15px 20px; overflow:hidden;}
.mobile_lect_func .btn_group {}
.mobile_lect_func .btn_group button {padding:0 5px; height:25px; color:#999; font-size:12px; background-color:#fff; border:solid 1px #999;}
.mobile_lect_func .btn_group button:last-child {/*border-left:0;*/}
.mobile_lect_func .btn_group button:first-child {/*border-left:solid 1px #999;*/ color:#fff; font-size:12px; background-color:#4c9bc8; border:solid 1px #4c9bc8;}
.mobile_lect_func .lect_simple_info {display:inline-block; height:30px; line-height:30px; font-size:12px; color:#666;}
button.btn_lectinfo_view.active {color:#fff; background-color:#7295fc;} /* 과정소개 버튼 */

/* 모바일 : 챕터별 학습 정보 */
.mobile_chapterlist {}
.mobile_chapterlist .title_turn {padding:15px 15px 5px; font-size:16px; font-weight:600;}
.learn_status {display:inline-block; margin-right:5px; padding:0 5px; height:20px; line-height:20px; font-size:11px; color:#fff; background-color:#000; vertical-align:middle;}
.learn_status.complate {background-color:#626262;}
.learn_status.ing {background-color:#abc619;}
.learn_status.yet {background-color:#b7b7b7;}

.track {display:block; height:3px; line-height:0; background-color:#f2f2f2;}
.track .bar_current {display:block; height:3px; line-height:0; font-size:0; text-indent:-1000px;}
.track .bar_current.complate {background-color:#acacac;}
.track .bar_current.ing {background-color:#abc619;}

ul.lecture_chapterlist_mobile { }
ul.lecture_chapterlist_mobile li {border-bottom:solid 1px #f5f5f7; background-color:#fff; position:relative;}
ul.lecture_chapterlist_mobile li a {display:block; padding:15px;}
ul.lecture_chapterlist_mobile li .subject {display:inline-block; padding-bottom:15px; margin-right:30px; font-size:15px; color:#222222; font-weight:600; line-height:1.5;}
ul.lecture_chapterlist_mobile li .icon_arrow {display:inline-block; width:30px; height:60px; background:url('../images/icon/btn_arrow.svg') no-repeat left center; position:absolute; top:50%; right:0; margin-top:-40px;}


/* 모바일 : 과정리스트 카테고리별 정렬 및 노출 ; */
.sort_box_lecture {margin:0 15px;}
.sort_box_lecture select {height:35px;}
.sort_box_lecture select.full {width:100%;}
.sort_box_lecture .row {/*padding-right:35px; */ overflow:hidden; position:relative;}
.sort_box_lecture .row select {float:left; width:50%; box-sizing:border-box;}
.sort_box_lecture .row .cata_top.single {width:100%;}
.sort_box_lecture .row .cata_middle {}
.sort_box_lecture .btn_search_mobile {width:35px; height:35px; color:#fff; font-size:0; text-indent:-1000px; cursor:pointer; border:none; background:url('../images/icon/icon_search.png') #676767 no-repeat center center; background-size:70%; 
									position:absolute; top:0; right:0;}
.sort_box_lecture .mobile_sort {padding-top:2px;}
.sort_box_lecture .mobile_sort button.btn_sort {width:50%; height:35px; color:#2b2b2b; background-color:#fff; border:solid 1px #fff; box-sizing:border-box;}
.sort_box_lecture .mobile_sort button.btn_sort.active {color:#7295fc; background-color:#fff; border:solid 1px #7295fc;}

ul.lecture_list_mobile { border-top:solid 1px #ddd;}
ul.lecture_list_mobile li {border-bottom:solid 1px #ddd; background-color:#fff; position:relative;}
ul.lecture_list_mobile li a {display:block;}
ul.lecture_list_mobile li .subject {display:block; padding:10px 10px 5px; margin-right:30px; height:18px; font-size:15px; color:#222222; font-weight:600;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
ul.lecture_list_mobile li .tech {display:block; padding:0 10px; margin-bottom:3px; font-size:12px; color:#999;}
ul.lecture_list_mobile li .date {display:block; padding:0 10px; margin-bottom:10px; font-size:12px; color:#999;}
ul.lecture_list_mobile li .time {display:block; padding:0 10px; margin-bottom:10px; font-size:12px; color:#999;}
ul.lecture_list_mobile li .time strong {color:#333;}
ul.lecture_list_mobile li .icon_arrow {display:inline-block; width:30px; height:60px; background:url('../images/icon/btn_arrow.svg') no-repeat left center; position:absolute; top:50%; right:0; margin-top:-30px;}

/* 수습회계용 리스트 */
ul.lecture_list_mobile_probation { }
ul.lecture_list_mobile_probation li {border-bottom:solid 1px #f5f5f7; background-color:#fff; position:relative;}
ul.lecture_list_mobile_probation li .outline {display:table; width:100%;} 
ul.lecture_list_mobile_probation li .f_check {display:table-cell; padding:0 10px; width:20px; text-align:center; vertical-align:middle;} 
ul.lecture_list_mobile_probation li .cont {display:table-cell; padding-right:50px; vertical-align:middle;} 
ul.lecture_list_mobile_probation li a {display:block;}
ul.lecture_list_mobile_probation li .subject {display:block; padding:10px 10px 5px; font-size:15px; color:#222222; font-weight:600;}
ul.lecture_list_mobile_probation li .tech {display:block; padding:0 10px; margin-bottom:3px; font-size:12px; color:#999;}
ul.lecture_list_mobile_probation li .date {display:block; padding:0 10px; margin-bottom:10px; font-size:12px; color:#999;}
ul.lecture_list_mobile_probation li .time {display:block; padding:0 10px; margin-bottom:10px; font-size:12px; color:#999;}
ul.lecture_list_mobile_probation li .time strong {color:#333;}
ul.lecture_list_mobile_probation li .icon_arrow {display:inline-block; width:30px; height:60px; background:url('../images/icon/btn_arrow.svg') no-repeat left center; position:absolute; top:50%; right:0; margin-top:-30px;}

/* 테스크탑 */
@media all and (min-width:1025px){
	.pc_view {display:block;}	
	.mobile_view {display:none;}	
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.pc_view {display:none;}	
	.mobile_view {display:block;}	
	.mobile_hidden {display:none;}
	h4.lec_ti {margin-bottom:5px; padding-left:15px; color:#0071dd; font-size:16px; position:relative;}
	h4.lec_ti::after {display:block; content:''; width:5px; height:3px; background-color:#0071dd; position:absolute; top:calc(50% - 2px); left:5px;}
}


/* 학습중인 과정 */
.pg_ment {margin:5px; font-size:13px;}
dl.learn_term {margin-bottom:20px; font-size:16px; overflow:hidden;}
dl.learn_term dt {float:left; margin-right:15px; padding-left:10px; color:#686868; font-weight:600; background:url('../images/icon/icon_dot.png') no-repeat left center;}
dl.learn_term dd {float:left; position:relative;}
dl.learn_term button.edit {padding:3px 10px; color:#999; font-size:12px; font-weight:600; background-color:#fff; border:solid 1px #bfbfbf; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
dl.learn_term button.edit:hover {color:#333; border:solid 1px #999;}

.pop_edit {width:400px; padding:20px; background-color:#fff; border:solid 1px #a2a2a2; position:absolute; top:40px; left:50%; margin-left:-200px; z-index:10;}
.pop_edit .top {position:relative;}
.pop_edit .top .title {color:#3d3d3d; font-size:18px;}
.pop_edit .top .btn_pop_close {position:absolute; top:0; right:0;}
.pop_edit .middle { padding:15px 0; }
.pop_edit .bottom {}
.pop_edit .bottom button.btn_base {padding:5px 10px; background-color:#fff; border:solid 1px #ccc;}
.pop_edit .bottom button.btn_base.btn_pop_confirm {color:#fff; background-color:#666; border:solid 1px #666;}

ul.ot_date_list {border-top:solid 1px #999;}
ul.ot_date_list li {padding:5px 20px; height:25px; border-bottom:solid 1px #ccc;}

table.pop_table_base {width:100%; color:#686868; font-size:13px; background-color:#fff; border-top:solid 1px #999;}
table.pop_table_base thead {}
table.pop_table_base th {padding:5px; border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;
word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
table.pop_table_base td {padding:5px; font-size:13px; border-bottom:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1;}
table.pop_table_base .first {border-left:0;}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.pg_ment {margin:0 15px 5px; font-size:13px;}
	dl.learn_term {margin:0 15px 10px; font-size:14px;}
	dl.learn_term dt {margin-right:10px; color:#000;}

	.pop_edit {width:90%; padding:20px; background-color:#fff; border:solid 1px #a2a2a2; position:absolute; top:40px; left:5%; margin-left:0; box-sizing:border-box;}
}


/* 이수정보 table */
table.table_basic {width:100%; color:#686868; font-size:13px; background-color:#fff; border-top:solid 2px #e1e1e1;}
table.table_basic thead {}
table.table_basic th {padding:10px 3px; border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;
word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
table.table_basic td {padding:10px 5px; font-size:13px; text-align:center; border-bottom:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1;}
table.table_basic .first,
table.table_basic td:first-child {border-left:0;}

ul.pg_txlist {color:#686868; font-size:13px;}
ul.pg_txlist li {margin-bottom:10px;}

.mobile_pgtype {} /* 모바일에서만 보이는 영역으로 페이지 좌우 여백, 흰색배경*/
.mobile_pgtype_nofill {}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	ul.pg_txlist li {margin-bottom:7px;}
	.mobile_pgtype {padding:20px 15px; background-color:#fff;}
	.mobile_pgtype_nofill {padding:20px 15px;}
}


/* 장바구니 */
.total_pay {padding-right:15px; font-size:16px;}
.total_pay .tx {margin-right:10px; color:#363636; font-weight:600;}
.total_pay strong.total_pay_sum {color:#e63917;}

dl.pg_dec_list {}
dl.pg_dec_list dt {margin-bottom:5px; color:#3f7bbe; font-weight:600; }
dl.pg_dec_list dd {margin-bottom:10px; color:#686868; font-size:13px;}

/* 장바구니 하단 결제버튼 영역 */
.basket {}
ul.basket_list {}
ul.basket_list li {margin-bottom:5px; padding:15px; background-color:#fff;}
ul.basket_list li .subject {margin-bottom:10px; color:#000; font-size:15px; font-weight:600;}
ul.basket_list li .bottom {overflow:hidden;}
ul.basket_list li .bottom .info {float:left; font-size:12px;}
ul.basket_list li .bottom .info strong {color:#000;}
ul.basket_list li .bottom .func {float:right; padding-top:10px;}
ul.basket_list li .bottom .func button.btn_cancle {width:50px; height:30px; color:#999; background-color:#fff; border:solid 1px #ccc;}

button.btn_total_cancle {padding:0 15px; height:30px; color:#fff; border:solid 1px #727070; background-color:#727070;}

.pg_bottom {padding:20px 0;}
button.btn_pg_base {width:230px; height:50px; color:#333; font-size:16px; border:solid 1px #c2c2c2; background-color:#fff;}
button.btn_pay {color:#fff; border:solid 1px #6eaef5; background-color:#6eaef5;}
button.btn_board_base {width:120px; height:40px; color:#333; font-size:16px; border:solid 1px #c2c2c2; background-color:#fff;}

.pay_complete {padding:15px;  color:#6eaef5; font-size:16px; font-weight:600; text-align:center; border:solid 3px #ccc; background-color:#fff;} /* 결제 완료페이지 */

/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.total_pay {padding-right:0; padding:0 15px; font-size:16px;}
	.total_pay strong.total_pay_sum {color:#668bf8;}
	.pg_bottom {padding:0 0 20px;}
	button.btn_pg_base {width:40%; height:40px; color:#333; font-size:14px; border:solid 1px #c2c2c2; background-color:#fff;}
	button.btn_pay {color:#fff; border:solid 1px #6eaef5; background-color:#6eaef5;}
	button.btn_board_base {width:90%; height:40px; color:#fff; font-size:16px; border:solid 1px #aeaeae; background-color:#aeaeae; box-sizing:border-box;}
	button.btn_board_base.mobile_btn {width:30%;}
}


/*재능기부 */
.donation_mobile {}
ul.donation_mobile_list {}
ul.donation_mobile_list li {margin-bottom:1px; padding:15px; background-color:#fff; position:relative;}
ul.donation_mobile_list li.active {background-color:#7295fb; color:#fff;}
ul.donation_mobile_list li.active .date, ul.donation_mobile_list li.active .school {color:#fff;}
ul.donation_mobile_list li.active .status {background-color:#fff; border:solid 1px #fff;}
ul.donation_mobile_list li .cont {padding-right:60px;}
ul.donation_mobile_list li .date {margin-bottom:5px; margin-right:10px; color:#000; font-weight:600; font-size:15px;}
ul.donation_mobile_list li .school {margin-bottom:10px; color:#000; font-size:15px; font-weight:600;}
ul.donation_mobile_list li .adress {}
ul.donation_mobile_list li .status {display:inline-block; padding:5px;  color:#333; font-size:12px; text-align:center; border:solid 1px #ccc; position:absolute; top:50%; right:15px; margin-top:-10px;}
ul.donation_mobile_list li .status.complete {color:#ff0000;}


/* 수강신청 관리 : 모바일 전용  */
ul.order_manage {}
ul.order_manage li {margin-bottom:5px; background-color:#fff;}
ul.order_manage li .top {padding:15px; overflow:hidden;}
ul.order_manage li .top .order_code {margin-bottom:5px; color:#000; font-size:15px; font-weight:600;}
ul.order_manage li .top .left {float:left; width:50%; font-size:12px;}
ul.order_manage li .top .right {float:left; width:50%; font-size:12px;}
ul.order_manage li .bottom {clear:both;}
ul.order_manage li .bottom button {width:100%; height:40px; color:#333; background-color:#fff; border:0; border-top:solid 1px #f5f5f7;}


/* 포인트 관리 */
.point_box {padding:20px 0; border:solid 1px #eeeeee; overflow:hidden;}
.point_box .point_current {float:left; margin-left:100px; padding-left:80px; width:250px; background:url('../images/icon/icon_point.png') no-repeat left 10px; background-size:70px;}
.point_box .point_current .ti {display:block; margin-bottom:10px;}
.point_box .point_current .count {color:#369be0; font-size:36px; line-height:1;}
.point_box .use_guide {float:left; padding-left:50px; border-left:solid 1px #eee;}
.point_box .use_guide .ti {display:block; margin-bottom:10px;}
.point_box .use_guide ul.txt {}
.point_box .use_guide ul.txt li {}

.point_guide {padding:20px; text-align:center; font-size:18px; font-weight:600; color:#e91e63; background-color:#fbeded; margin-bottom:50px;}

.point_refresh {font-size:16px; line-height:26px; text-align:center;}
.point_refresh .mark {display:inline-block; padding:0 5px; color:#fff; background-color:#369be0;}

.point_refresh_how {padding:20px 0 10px; border:solid 1px #eeeeee; overflow:hidden;}
.point_refresh_how dl {margin-left:100px; font-size:16px;}
.point_refresh_how dt {float:left; width:120px; color:#000; font-weight:600; background:url('../images/icon/icon_dot.png') no-repeat left 7px; padding-left:10px;}
.point_refresh_how dd {float:left; margin-bottom:10px;}

.point_important_ment {text-align:center; color:#000; font-size:18px;}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.point_box {padding:0; border:none; overflow:hidden;}
	.point_box .point_current {float:none; margin-left:0; padding:20px 0; padding-left:110px; width:inherit; border:solid 1px #eeeeee;  
								background:url('../images/icon/icon_point.png') no-repeat 30px center; background-size:70px;}
	.point_box .point_current .ti {display:block; margin-bottom:10px;}
	.point_box .point_current .count {color:#369be0; font-size:28px; line-height:1;}
	.point_box .use_guide {float:none; padding-left:0; padding-top:5px; border-left:none;}
	.point_box .use_guide .ti {display:none;}

	.point_box .use_guide ul.txt li {background:url('../images/icon/icon_bar.png') no-repeat left 8px; padding-left:10px;}

	.point_refresh {font-size:14px; line-height:24px; text-align:left;}
	.point_refresh .mark {display:inline; padding:2px 5px; color:#fff; background-color:#369be0;}

	.point_refresh_how {padding:10px 0 5px; border:solid 1px #eeeeee; overflow:hidden;}
	.point_refresh_how dl {margin-left:20px; font-size:14px;}
	.point_refresh_how dt {float:none; width:inherit; background:url('../images/icon/icon_dot.png') no-repeat left 7px; padding-left:10px;}
	.point_refresh_how dd {float:none; margin-bottom:10px; padding-left:10px; 
			word-break:keep-all;
		  	white-space:-moz-pre-wrap;
	  		white-space:-pre-wrap;
	  		white-space:-o-pre-wrap;
	  		word-wrap:break-word;}
	.point_refresh_how dd span {}
	.point_refresh_how dd span a {}

	.point_important_ment {text-align:left; color:#d14a4a; font-size:14px; font-weight:600;}
}



/* 기본게시판 */
table.board_base {width:100%; color:#686868; font-size:13px; background-color:#fff; border-top:solid 2px #e1e1e1;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
table.board_base thead {}
table.board_base th {padding:10px 3px; border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;}
table.board_base td {padding:10px 3px; font-size:13px; text-align:center; border-bottom:solid 1px #e1e1e1;}
table.board_base td .board_cont {padding:0 15px; text-align:left; line-height:1.8;}
table.board_base td .faq_cont_view {padding:15px; text-align:left; line-height:1.8; background-color:#f5f5f5;}
.faq_active {color:#0892de; font-weight:600;}
.manager_answer {padding:15px; line-height:2; background-color:#f5f5f5;}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.manager_answer {padding:15px; border-top:solid 1px #ccc; line-height:1.5; background-color:#fff;}
}

/* 기본게시판 검색 */
.search_box {padding:0 44px 0 0; text-align:right; border:solid 2px #b2b2b2; position:relative;}
.search_box input.input_inner {padding:0 10px; width:100%; height:42px; font-size:17px; border:none; box-sizing:border-box;}
.search_box .input_inner:focus {border:none;}
.search_box .btn_search {width:44px; height:42px; color:#fff; font-size:0; text-indent:-1000px; cursor:pointer; border:none; background:url('../images/icon/icon_search.png') #b2b2b2 no-repeat center center; position:absolute; top:0; right:0;}

/* 기본게시판 검색 : 모바일 버전 */
.search_box_mobile {margin:0 15px;}
.search_box_mobile input, .search_box_mobile select {height:35px; vertical-align:middle;}
.search_box_mobile .row {margin-bottom:3px; padding-right:35px; position:relative;}
.search_box_mobile .row input {width:100%; box-sizing:border-box;}
.search_box_mobile .row.selectopt select {padding:0; padding-left:5px; width:30%;}
.search_box_mobile .row.selectopt input {width:70%;}
.search_box_mobile .btn_search_mobile {width:35px; height:35px; color:#fff; font-size:0; text-indent:-1000px; cursor:pointer; border:none; background:url('../images/icon/icon_search.png') #676767 no-repeat center center; background-size:70%; 
									position:absolute; top:0; right:0;}
.search_box_mobile .btn_board_base {width:100%; height:35px; color:#fff; background-color:#aeaeae;}


/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.search_box {  padding:0 44px 0 0; text-align:right; border:solid 2px #b2b2b2; position:relative;}
	.search_box input.input_inner {padding:0 10px; width:100%; height:42px; font-size:17px; border:none; box-sizing:border-box;}
	.search_box .input_inner:focus {border:none;}
	.search_box .btn_search {width:44px; height:42px; color:#fff; font-size:0; text-indent:-1000px; cursor:pointer; border:none; background:url('../images/icon/icon_search.png') #b2b2b2 no-repeat center center; position:absolute; top:0; right:0;}
}

/* 버튼: 사이트 이용문의*/
a.btn_base {padding:3px 10px; color:#999999; font-size:12px; font-weight:600; cursor:pointer; background-color:#fff; border:solid 1px #bfbfbf; 
						border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
a.btn_base:hover {color:#000; border:solid 1px #999;}




/* 일반 게시판 리스트: 공지사항, 상담내역 등 */
.board_base_mobile {}
ul.board_base_mobile_list {border-top:solid 1px #ddd;}
ul.board_base_mobile_list li {margin-bottom:1px; padding:15px; background-color:#fff; border-bottom:solid 1px #ddd; position:relative;}
ul.board_base_mobile_list li .subject {display:block; margin-bottom:5px; margin-right:60px; color:#000; font-size:15px; font-weight:600;}
ul.board_base_mobile_list li .date {color:#999; font-size:12px;}
ul.board_base_mobile_list li .cata {color:#999; font-size:12px;}
ul.board_base_mobile_list li .status {color:#666; font-size:12px; position:absolute; top:50%; right:15px; margin-top:-7px;}
ul.board_base_mobile_list li .writer {margin-left:10px; color:#999; font-size:12px;}
ul.board_base_mobile_list li .view_count {margin-left:10px; color:#999; font-size:12px;}
ul.board_base_mobile_list .faq_cont_view {padding:15px; text-align:left; line-height:1.8; background-color:#f5f5f5;}
ul.board_base_mobile_list .icon_arrow {display:inline-block; width:30px; height:60px; background:url('../images/icon/btn_arrow.svg') no-repeat left center; position:absolute; top:50%; right:0; margin-top:-30px;}

ul.board_base_mobile_list .cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert_down.svg') no-repeat center center; position:absolute; top:20px; right:20px;}
ul.board_base_mobile_list .cert.active {background:url('../images/icon/icon_cert_up.svg') no-repeat center center;}


.board_base_mobile_view {background-color:#fff;}
.board_base_mobile_view .top {padding:15px; border-bottom:solid 1px #f5f5f7;}
.board_base_mobile_view .top .subject {display:block; margin-bottom:10px; color:#000;}
.board_base_mobile_view .top .info {padding-left:60px; font-size:12px; overflow:hidden;}
.board_base_mobile_view .top .writer {display:inline-block; float:left; margin-left:-60px; width:45px; border-right:solid 1px #ccc;}
.board_base_mobile_view .top .inner_file {float:right; width:100%;}
.board_base_mobile_view .top .inner_file strong {display:inline-block; margin-right:10px;}
.board_base_mobile_view .top .inner_file a.file {}
.board_base_mobile_view .board_cont {padding:15px;}


/* 학습자료 게시판리스트 */
ul.board_pds_mobile_list {}
ul.board_pds_mobile_list li {margin-bottom:1px; padding:15px; background-color:#fff; position:relative;}
ul.board_pds_mobile_list li .subject {display:block; margin-bottom:5px; margin-right:70px; color:#000; font-size:15px; font-weight:600;}
ul.board_pds_mobile_list li .date {color:#999; font-size:12px;}
ul.board_pds_mobile_list li .btn_download {display:inline-block; padding-top:35px; box-sizing:border-box; width:60px; height:60px; text-align:center; color:#666; font-size:12px; background:url('../images/icon/icon_download_m.png') no-repeat center 10px; background-size:20px; border:solid 1px #ccc; position:absolute; top:50%; right:15px; margin-top:-30px;}



/* paging ********************************/
.paging				{clear:both; text-align:center; margin-top:20px;}
.paging strong		{display:inline-block; height:38px; line-height:38px; padding:0 15px; color:#333333; border:1px solid #ececec; vertical-align:middle; background-color:#fbfbfb;}
.paging a			{display:inline-block; height:38px; line-height:38px; padding:0 15px; font-size:13px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover		{color:#333333; font-weight:bold;}
.paging .prev		{font-size:0; text-indent:-1000px; overflow:hidden; background:url('../images/icon/btn_paging_pre.png') #fff no-repeat center center; height:38px; width:38px; padding:0; margin-right:5px; border:1px solid #ececec;}
.paging .prev:hover	{background:url('../images/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next		{font-size:0; text-indent:-1000px; overflow:hidden; background:url('../images/icon/btn_paging_next.png') #fff no-repeat center center; height:38px; width:38px; padding:0; margin-left:5px; border:1px solid #ececec;}
.paging .next:hover	{background:url('../images/icon/btn_paging_next_on.png') no-repeat center center;}


/*///////////////////////////////////////////////////////
 popup 
 ///////////////////////////////////////////////////////*/
/* popup style: size_normal */
.l_popup {background-color:#fff;}
.l_popup .title {height:50px; line-height:50px; font-size:20px; color:#fff; background-color:#333; border-bottom:solid 1px #cccccc; position:relative;}
.l_popup .title span {margin-left:30px;}
.l_popup .pop_body {padding:20px 22px 0px;}
.l_popup .pop_footer {padding:20px 22px 30px;}
.l_popup .pop_footer a {margin:0 5px;}
.l_popup .btn_popup_close {position:absolute; top:50%; right:20px; margin-top:-7px;}

.quiz_select_box {padding:5px;}
.quiz_select_box .num {}

/* popup style: 강의평가 */
.l_popup_evaluation {line-height:1.6; background-color:#fff;}
.l_popup_evaluation .title {height:50px; line-height:50px; font-size:20px; color:#fff; background-color:#0e9a85; position:relative;}
.l_popup_evaluation .title span {margin-left:30px;}
.l_popup_evaluation .pop_body {padding:20px 22px 0px;}
.l_popup_evaluation .pop_body .ment {padding:15px; margin-bottom:30px; text-align:center; border:solid 5px #cccccc;}
.l_popup_evaluation .btn_popup_close {display:inline-block; height:50px; line-height:50px; padding:0 15px; color:#fff; font-size:14px; background-color:#586467; position:absolute; top:0; right:0;;}
.l_popup_evaluation .btn_popup_close img {margin-left:5px;}

.question {margin-bottom:30px;}
.question .top {}
.question .top .q_icon span {font-family:'나눔고딕', '돋움',dotum,AppleGothic,serif;}
.question .answer_list {padding:10px 20px; font-family:'돋움',dotum,AppleGothic,serif;}
.question .answer_list ul {margin-bottom:20px;}
.question .answer_list li {display:flex; margin-bottom:5px;}
.question .answer_list li label {flex-shrink:0; width:35px;}
.question .answer_list li span {flex-grow:1; padding-top:3px; font-family:'나눔고딕', '돋움',dotum,AppleGothic,serif;}
.question .answer_list li .numcheck {cursor:pointer;}
.btn_confirm {display:inline-block; width:190px; height:55px; line-height:55px; text-align:center; font-size:24px; color:#fff; border:solid 1px #003333; background-color:#003333;}
.btn_confirm:hover {opacity:0.8;}

/* popup style: 퀴즈 */
.l_popup_quiz {line-height:1.6; background-color:#fff;}
.l_popup_quiz .title {height:50px; line-height:50px; font-size:20px; color:#fff; background-color:#0e9a85; position:relative;}
.l_popup_quiz .title .lecture_name {margin-left:20px; margin-right:100px; font-weight:normal; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.l_popup_quiz .title .chapter_num {color:#6aead7;}
.l_popup_quiz .pop_body {padding:50px 50px 0px;}
.l_popup_quiz .pop_body .ment {padding:15px; margin-bottom:30px; text-align:center; border:solid 5px #cccccc;}

.l_popup_quiz .pop_footer {padding:0 20px; height:40px; line-height:40px; font-size:18px; background-color:#cccccc;}
.l_popup_quiz .btn_popup_close {display:inline-block; height:50px; line-height:50px; padding:0 15px; color:#fff; font-size:14px; background-color:#586467; position:absolute; top:0; right:0;;}
.l_popup_quiz .btn_popup_close img {margin-left:5px;}

.question {font-family:'돋움',dotum,AppleGothic,serif; margin-bottom:30px;}
.question .top {margin-bottom:10px;}
.question .rubric {margin:0 20px 10px; padding:10px; border:solid 1px #ccc;}
/* table_view_basic *************************/
.question .rubric table {font-family:'돋움',dotum,AppleGothic,serif; width:100%; font-size:14px; border:solid 1px #333; background-color:#fff;}
.question .rubric table thead th {text-align:center;}
.question .rubric table th {padding:3px; color:#333333; border:solid 1px #eaeaea; background-color:#f8f8f8; }
.question .rubric table td {text-align:center; padding:3px; border:solid 1px #eaeaea;}

.q_icon {position:relative;}
.q_icon .cloud {position:absolute; top:-8px; left:-2px;}

.btn_answer_confirm {display:inline-block; width:230px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background-color:#003333;}
.btn_answer_confirm:hover {opacity:0.8;}

@media screen and (max-width:500px) {
	.l_popup_quiz .pop_body {padding:30px 5% 0px;}
	.question {margin-bottom:30px;}
	.question .rubric table {font-size:12px;}
	.question .answer_list {padding:10px;}
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////
 회계연수원: 2018-03-09
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.introduce {word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
.box_gray {padding:20px; background-color:#f7f7f7;}
.box_white {padding:0 20px; background-color:#fff;}

ul.lec_goal {display:table; width:100%;}
ul.lec_goal li {display:table-cell; padding:5px 0 0; width:25%; text-align:center; border-left:solid 1px #e6e6e6;}
ul.lec_goal li.first {border-left:none;}
ul.lec_goal li img {margin-bottom:10px;}
ul.lec_goal li span {display:block; margin:0 10%;}

.lec_goaltime {font-size:28px; text-align:center;}
.lec_goaltime .point {display:inline-block; padding:0 20px; font-size:68px; color:#00a5f4;}
.lec_goaltime .lec_goaltime_txt {position:relative; top:-30px;}
.lec_goaltime .scene_top {}
.lec_goaltime strong {}

.lec_cataitem {margin-left:30px;}
ul.lec_cataitem_list {overflow:hidden;}
ul.lec_cataitem_list li {float:left; display:table; margin:0 5px; text-align:center;}
ul.lec_cataitem_list li span {display:table-cell; width:90px; height:90px; line-height:1.2; color:#3d3d3d; font-weight:600; vertical-align:middle; background-color:#fff; border:solid 7px #dce8ee; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; box-sizing:border-box;}

table.introduce_base_list {width:100%; font-size:13px; color:#686868; background-color:#fff; border-top:solid 2px #e1e1e1;}
table.introduce_base_list thead {}
table.introduce_base_list th {padding:10px 7px; border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;}
table.introduce_base_list td {padding:7px; text-align:center; border-bottom:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1; 
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
table.introduce_base_list td.first {border-left:none;}

/*과정체계도 : 2018-04-27 */
table.learning_roadmap {width:100%; font-size:14px; font-weight:600; background-color:#fff;}
table.learning_roadmap thead {}
table.learning_roadmap th {padding:5px 3px; border:solid 1px #475258; background-color:#f9f9f9;}
table.learning_roadmap td {padding:0px; color:#fff; border:solid 1px #aab8c7; background-color:#b8cce4; 
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
table.learning_roadmap td.first {border-left:none;}
table.learning_roadmap td a {display:block; color:#566257; padding:3px 20px; background-color:#dce6f1; border:solid 0px #ccc; }
table.learning_roadmap td a:hover {color:#333; background-color:#bdcbda;}

table.learning_roadmap th.map_depth1 {color:#fff; border-bottom:solid 1px #2b5991; background-color:#1f497d;}
table.learning_roadmap td.map_depth2 {padding-left:20px; color:#fff; border-bottom:solid 1px #6799d5; border-right:solid 1px #6799d5; border-left:solid 1px #6799d5; background-color:#4f81bd;}
table.learning_roadmap td.map_depth3 {padding-left:20px; color:#333;}

table.learning_roadmap td.map_depth2 a {display:block; color:#fff; padding:3px 20px; background-color:#4f81bd;}
table.learning_roadmap td.map_depth2 a:hover {background-color:#6193ce;}

.table_container_outer {position:relative;}
.table_container_fade {position:absolute; right:0; width:30px; height:100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
}
.table_container {overflow-y: none; _overflow: auto;}

@media screen and (max-width:768px) {
	table.introduce_base_list {width:768px;}
	table.learning_roadmap {width:768px;}

	.table_container_outer {position:relative;}
	.table_container_fade {position:absolute; right:0; width:30px; height:100%;
	    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
	}
	.table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}

}

/* 과정체계도 : 모바일UI : 2018-05-15*/
.learning_roadmap_mobile {border-bottom:solid 1px #ccc;}
.learning_roadmap_mobile .btn_title {display:block; padding:0 10px; height:30px; line-height:30px; color:#333; font-size:14px; font-weight:600; text-align:left; border:solid 1px #ccc; border-bottom:none; position:relative;}
.learning_roadmap_mobile .btn_title.active {color:#499bd1;}
.learning_roadmap_mobile .btn_title .cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert_down.svg') no-repeat center center; position:absolute; top:10px; right:10px; }
.learning_roadmap_mobile .btn_title .cert.active {background:url('../images/icon/icon_cert_up.svg') no-repeat center center;}

.learning_roadmap_mobile .btn_title_nolink {display:block; padding:0 10px; height:30px; line-height:30px; color:#333; font-size:14px; font-weight:600; text-align:left; border:solid 1px #ccc; border-bottom:none;}

.learning_roadmap_mobile .subdepth {padding:10px; background-color:#fbfbfb; border:solid 1px #ccc; border-top:solid 1px #999;}
.learning_roadmap_mobile .subdepth li {line-height:30px;}
.learning_roadmap_mobile .subdepth li>a {display:block; padding-left:10px; color:#333; font-size:14px; background:url('../images/icon/icon_dot.png') no-repeat left center;}
.learning_roadmap_mobile .subdepth li span {display:block; padding-left:10px; color:#999; font-size:14px; background:url('../images/icon/icon_dot.png') no-repeat left center;}
.learning_roadmap_mobile .subdepth li>a:hover {text-decoration:underline;}

.learning_roadmap_mobile .subdepth2 {margin:0 10px; padding:10px; background-color:#eef1f3; border:solid 1px #dbe2e7;}
.learning_roadmap_mobile .subdepth2 a {display:block; color:#333; font-size:14px;}
.learning_roadmap_mobile .subdepth2 a:hover {text-decoration:underline;}


ul.lecrule_is {padding-top:10px;}
ul.lecrule_is li {margin-bottom:20px; overflow:hidden;}
span.numfirst {float:left; display:block; line-height:1; margin-right:10px; font-size:50px; font-weight:600; color:#e9e9e9; letter-spacing:-3px; position:relative; top:-2px;}

.map_location_info {overflow:hidden;}
.map_location_info dl {overflow:hidden;} 
.map_location_info dl dt {float:left;padding-left:10px; color:#333; font-weight:600; background:url('../images/icon/icon_dot.png') no-repeat left center;} 
.map_location_info dl dd {float:left; padding-left:5px; font-size:13px;} 
.map_location_info .left {float:left; width:40%;}
.map_location_info .left dd {margin-bottom:15px;}
.map_location_info .right {float:left; width:60%;}
.map_location_info .right dd {margin-bottom:15px; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

@media screen and (max-width:1024px) {
	.introduce {padding:20px 15px; background-color:#fff;}

	ul.lec_goal li {border-left:none;}
	ul.lec_goal li span {display:block; margin:0 15%; font-size:12px;}

	.lec_goaltime {font-size:20px;}
	.lec_goaltime .point {display:block; padding:0 10px; font-size:30px;}
	.lec_goaltime .lec_goaltime_txt {position:relative; top:-10px;}
	.lec_goaltime .scene_top {display:block;}

	.lec_cataitem {margin-left:10px;}
	ul.lec_cataitem_list li {margin:0 0 10px; padding:0 5px; width:25%; box-sizing:border-box;}
	ul.lec_cataitem_list li span {width:70px; height:70px;}

	span.numfirst {margin-right:5px; font-size:35px; letter-spacing:-2px; top:0;}

	.map_location_info .left {float:none; margin-bottom:20px; width:100%;}
	.map_location_info .left dd {margin-bottom:5px;}
	.map_location_info .right {float:none; width:100%;}
	.map_location_info .right dd.subway p {margin-bottom:5px;}
	.map_location_info .right dd p {padding:5px 8px; background-color:#f2f2f2; margin-bottom:5px; border-radius:3px;}
}



/**************************************************************************************************************
 공통 alert style: 2018-03-31
***************************************************************************************************************/
.alert_ui {width:320px; background-color:#fff; border:solid 2px #333; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-160px; z-index:1000;}
.alert_ui .msg {padding:15px 10px;}
.alert_ui .msg ul {padding-left:10px;}
.alert_ui .msg ul li {margin-bottom:5px; padding-left:10px; background:url('../images/icon/icon_dot.png') no-repeat left center;}
.alert_ui .msg .dec {padding:5px 10px; color:#fff; text-align:center; font-weight:600; background-color:#6a968f; /*border:solid 1px #ccc;*/ border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
.alert_ui .func_area {padding:10px; text-align:center; border-top:solid 1px #ccc;}
.alert_ui .func_area a {display:inline-block; margin:0 3px; padding:0 10px; height:24px; line-height:24px; border:solid 1px #333; background-color:#fff;}
.alert_ui .func_area a:hover {background-color:#f2f2f2;}
.alert_ui .func_area button {margin:0 3px; padding:0 10px; height:26px; line-height:26px; border:solid 1px #333; background-color:#fff;}
.alert_ui .func_area button:hover {background-color:#f2f2f2;}

/**************************************************************************************************************
 이용안내: 2018-04-18
***************************************************************************************************************/
/* 개인정보취급방침 : 2018-04-18 */
.selfinfo_policy {}
.polic_title_big {padding-bottom:5px; margin-bottom:20px; font-size:20px; font-weight:600; color:#000; text-align:center; border-bottom:solid 1px #ccc;}
.polic_title {margin-bottom:10px; font-size:16px; font-weight:600; color:#000;}
.polic_cont {margin-bottom:50px; line-height:1.8;}
.polic_cont a {text-decoration:underline; color:#c31549;}

ul.polic_li_num {}
ul.polic_li_num li {padding-left:20px; text-indent:-20px;}

/* 사이트 맵 :  2018-04-18 */
.sitemap {}
.sitemap .row {clear:both; overflow:hidden;}
.sitemap_grid {float:left; padding:0 3% 30px; width:27.33%;}
h4.map_title {padding:5px; margin-bottom:10px; text-align:center; font-size:16px; color:#fff; background-color:#83899c;}

.sitemap_grid ul {}
.sitemap_grid ul li {}
.sitemap_grid ul li a {display:block; padding:5px 15px 5px 30px; border-bottom:solid 1px #ccc; background:url('../images/icon/bullet_bar.png') no-repeat 15px center;}

@media screen and (max-width:1024px) {
	.sitemap_grid {float:left; padding:0 1% 30px; width:31.33%;}
	h4.map_title {padding:5px; margin-bottom:0; text-align:center; font-size:14px;}
	.sitemap_grid ul li a {display:block; padding:5px 5px 5px 15px; font-size:13px; line-height:1.2; border-bottom:solid 1px #ccc; background:url('../images/icon/bullet_bar.png') no-repeat 5px center;}
}



/* 과정소개페이지 : 교재구매 안내팝업 : 2018-05-15 */
.lec_bookguide_pop {width:500px; position:absolute; top:100px; left:50%; margin-left:-150px; background-color:#fff; border:solid 1px #2e4185;}
.lec_bookguide_pop .top {padding:10px 20px; line-height:1.2; font-size:18px; text-align:center; color:#fff; background-color:#2e4185;}
.lec_bookguide_pop .cont {padding:20px; line-height:1.5;}
.lec_bookguide_pop .bottom {padding:10px 5px; border-top:solid 1px #999;}
a.btn_book_order {display:inline-block; padding:0 15px; height:35px; line-height:35px; color:#fff; background-color:#333;}
a.btn_book_order:hover {opacity:0.8;}

@media screen and (max-width:1024px) {
	.lec_bookguide_pop {top:300px; margin-left:-250px;}
}

@media screen and (max-width:768px) {
	.lec_bookguide_pop {width:90%; position:absolute; top:200px; left:5%; margin-left:0;}
}

/* 사이버연수 - 리스트 - 수강신청 버튼의 교재구매 안내 팝업 : 2018-05-15*/
.rightbox_bookguide {width:300px; text-align:center; padding:10px; background-color:#fff; border:solid 1px #333;  position:absolute; bottom:35px; right:0;}
.rightbox_arrow_dir_bottom {position:absolute; bottom:-17px; right:25px;}


/*////////////////////////////////////////////////////////////////////
 장바구니 신청과목리스트 table:2019-07-08 
 ////////////////////////////////////////////////////////////////////*/
.basket_overflow {height:150px; overflow-y:auto;}
table.basket_lecture_list {width:100%; color:#686868; font-size:13px; background-color:#fff; border-top:solid 2px #e1e1e1;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
table.basket_lecture_list thead {}
table.basket_lecture_list th {padding:5px 3px; border-bottom:solid 2px #e1e1e1; background-color:#fff;}
table.basket_lecture_list td {padding:5px 3px; font-size:13px; text-align:center; border-bottom:solid 1px #e1e1e1;}

.pop_basket {width:1100px; position:fixed; bottom:5px; left:50%; margin-left:-550px;}
.pop_basket .control {text-align:center;}
.pop_basket .control a {display:inline-block; padding:7px 15px; color:#fff; background-color:#4cafd4; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.pop_basket .basket_box {display:table; width:100%; background-color:#fff; border:solid 3px #4cafd4;
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.pop_basket .basket_box h3 {margin-bottom:10px; font-size:20px;}
.pop_basket .basket_box .basket_list {display:table-cell; padding:20px;}
.pop_basket .basket_box .pay_info {display:table-cell; padding:20px; width:280px; border-left:solid 1px #b2b2b2;}

.pay_detail {}
.pay_row {padding:10px 5px 3px; border-bottom:solid 1px #ccc; overflow:hidden;}
.pay_row .title {float:left; padding-top:5px; color:#666;}
.pay_row .lec_num {float:right; font-size:24px; color:#333;}
.pay_row .pay_money {float:right; font-size:24px; color:red;}
button.btn_basket_pay {width:100%; height:46px; color:#fff; font-size:24px; background-color:#df4b1b; border:solid 1px #cc3333;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

@media screen and (max-width:1100px) {
	.pop_basket {width:96%; position:fixed; bottom:5px; left:2%; margin-left:0;}
	.pop_basket .basket_box {display:table; width:100%;}
	.pop_basket .basket_box .basket_list {display:table-cell; padding:20px;}
	.pop_basket .basket_box .pay_info {display:table-cell; padding:20px; width:220px; border-left:solid 1px #b2b2b2;}
}

@media screen and (max-width:768px) {
	.pop_basket {width:96%; position:fixed; bottom:5px; left:2%; margin-left:0;}
	.pop_basket .basket_box {display:block;}
	.pop_basket .basket_box .basket_list {display:block; padding:10px;}
	.pop_basket .basket_box .pay_info {display:block; padding:10px; width:100%; border-left:none; box-sizing:border-box;}
}

/*////////////////////////////////////////////////////////////////////
 무료강좌 패키지 table:2020-09-15 
 ////////////////////////////////////////////////////////////////////*/
 .free_is_titleimg {text-align:center; background-color:#fff;}
@media screen and (max-width:1000px) {
	.free_is_titleimg {padding:10px 10px 0;}
}

.free_is {}
.free_is ul {}
.free_is ul li {padding:5px 15px 5px 18px; background:url('../images/sub/free_pakage_2020/bullet.png') no-repeat 5px 11px;}

.free_caution {padding:20px 0;}
.free_caution ul {}
.free_caution ul li {padding:5px 15px 5px 0;}

@media screen and (max-width:1100px) {
	.free_is {margin-bottom:10px; padding:20px 10px; background-color:#fff;}
	.free_caution {padding:20px 10px; background-color:#fff;}
}

button.btn_newstep_download {padding:0 10px; height:26px; color:#fff; font-size:14px; background-color:#2d6c90; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
button.btn_newstep_download:hover {opacity:0.8;}

/* 뉴스탭 팝업 : 본회사이트 게시용 */
.pop_page {margin:0 auto; width:700px;}
.poo_free_cont {padding:10px 10px 30px;}
.free_is_pop {padding:10px 0;}
.free_is_pop ul {}
.free_is_pop ul li {padding:5px 15px 5px 18px; background:url('../images/sub/free_pakage_2020/bullet.png') no-repeat 5px 11px;}

/*////////////////////////////////////////////////////////////////////
 app 푸시 알림 받기 :2021-05-31 
 ////////////////////////////////////////////////////////////////////*/
.app_setting {padding:20px 10px; background-color:#fff;}
.app_setting ul.set_row {}
.app_setting ul.set_row li {padding:10px; border-bottom:solid 1px #ccc;}
.app_setting ul.set_row li .cont {display:table; width:100%;}
.app_setting ul.set_row li .cont .left {display:table-cell; vertical-align:middle; width:50%;}
.app_setting ul.set_row li .cont .right {display:table-cell; vertical-align:middle; text-align:right;}

/*////////////////////////////////////////////////////////////////////
 수습공인회계사 리포트 제출 :2021-06-01 
 ////////////////////////////////////////////////////////////////////*/
 .probation_report {background-color:#ffffff;}
 .report_box_ment {margin-bottom:20px; padding:15px 20px; background-color:#f2f2f2;}
 .report_box_ment ul {}
 .report_box_ment ul li {padding-left:15px; background:url('../images/icon/bullet_bar.png') no-repeat 5px 8px;}
 .report_submit_area {padding:0 30px;}
 .report_submit_area .top {padding:10px 0; line-height:2;}
 .report_submit_area .top label {display:inline-block; padding:0 20px; font-weight:600;}
 .report_submit_area ul {}
 .report_submit_area ul li {padding:5px 0;}

@media screen and (max-width:1000px) {
	.probation_report {padding:15px 0;}
	.report_box_ment {margin:0 15px; padding:15px;}
}


/* 무료과정 */
.freelec_intro {}
.freelec_intro h4.freelec_ti {color:#2196f3;}
.freelec_box {padding:20px 15px 30px; border:solid 1px #ccc; border-radius:10px;}
.freelec_box h5 {padding-left:10px; color:#686868; font-weight:600; background:url('../images/icon/icon_dot.png') no-repeat left center;}

@media screen and (max-width:1000px) {
	.freelec_intro {margin:0 10px;}
}


/*///////////////////////////////////////////////////////
 popup - 수료증
 ///////////////////////////////////////////////////////*/
.certi_pop {width:595px; background-color:#fff; position:absolute; top:20px; left:50%; margin-left:-297px; z-index:1001;}
.certi_pop .certi_pop_top {height:50px; line-height:50px; font-size:16px; color:#fff; background-color:#003366; position:relative; overflow:hidden;}
.certi_pop .certi_pop_top .left {float:left; padding-left:15px;}
.certi_pop .certi_pop_top .left h3 {}
.certi_pop .certi_pop_top .right {float:right; padding-right:70px;}
.certi_pop .certi_pop_top .right a {display:inline-block; font-size:16px; color:#fff;}
.certi_pop .certi_pop_top .right a.btn_popup_close {border-left:solid 1px #4d7194;  font-size:0; text-indent:-10000px; width:50px; height:20px; background:url('../images/sub/ceti/icon_close.png') no-repeat center center; position:absolute; top:50%; right:0; margin-top:-10px;}
.certi_pop .certi_pop_top .right a.btn_print {}

.certi_pop .certi_pop_content {position:relative;}
.certi_pop .certi_pop_content .pos_guide {position:absolute; top:0; left:0;}
.doc_a4 {width:595px; height:842px; font-size:16px; /*background:url('../images/sub/ceti/bg_logo.png') center center #fff;*/ font-family:mt; position:relative;}
.doc_a4 .ceti_num {font-size:14px; position:absolute; top:20px; left:20px;}
.doc_a4 .ceti_name {padding:100px 0 0; text-align:center; font-size:50px; font-family:궁서;}
.doc_a4 .ceti_name strong {font-weight:normal;}
.doc_a4 .taker_info {padding:50px 30px 30px; font-size:18px; text-align:right; overflow:hidden;}
.doc_a4 .taker_info .outline {display:inline-block;}
.doc_a4 .taker_info dl {display:table; margin-bottom:10px;}
.doc_a4 .taker_info dt {display:table-cell; width:95px; text-align:left;}
.doc_a4 .taker_info dd {display:table-cell;}
.doc_a4 .ceti_cont {padding:0 70px; margin-bottom:100px; font-size:24px; letter-spacing:-2px; line-height:2;}

.doc_a4 .ceti_date {margin-bottom:100px; text-align:center; font-size:20px;}

.doc_a4 .ceti_sign {}
.doc_a4 .ceti_sign .outline {text-align:center; position:relative;}
.doc_a4 .ceti_sign .boss {font-size:36px;}
.doc_a4 .ceti_sign .sign {position:absolute; top:-20px; left:50%; margin-left:130px;}

button.btn_ceti_print {padding:0 15px; height:30px; color:#fff; border:none; background-color:#3f51b5; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
button.btn_ceti_print:hover {opacity:0.8;}

button.btn_linkpage {padding:0 20px; height:40px; font-size:16px; color:#fff; border:none; background-color:#3f51b5; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
button.btn_linkpage:hover {opacity:0.8;}

button.btn_linkpage.industry {color:#fff; background-color:#0f9781;}

.modal_screen {width:100%; height:100%; height:100vh; background-color:rgba(0, 0, 0, 0.7); position:absolute; top:0; left:0; z-index:1000;}


/*///////////////////////////////////////////////////////
 쌍방향(Zoom)
 ///////////////////////////////////////////////////////*/
.zoomlive_timeselect {padding-top:20px; margin-bottom:30px;}
.zoomlive_timeselect .bottom_info {text-align:center; color:#c91313; font-weight:600; border-bottom:solid 1px ccc;}
ul.time_list {margin-bottom:20px;}
ul.time_list li {margin-bottom:2px; padding:15px; background-color:#fff; border:solid 1px #ddd; border-radius:8px;}
ul.time_list li:hover {border:solid 1px #999; background-color:#f8f9ff;}
ul.time_list li .outline {display:table; width:100%;}
ul.time_list li .row_select {display:table-cell; width:50px; vertical-align:middle;}
ul.time_list li .row_cont {display:table-cell; padding-right:10px; vertical-align:middle;}
ul.time_list li .row_cont .date {display:inline-block; margin-bottom:5px; padding:0 15px; height:24px; line-height:24px; color:#fff; font-size:14px; background-color:#3f51b5; border-radius:30px;}
ul.time_list li .row_cont .subject {display:block; color:#000; font-size:15px; font-weight:600;}
ul.time_list li .row_status {display:table-cell; width:100px; vertical-align:middle; text-align:center; font-size:16px; border:solid 1px #ccc; background-color:#fff;}
ul.time_list li .row_status strong {color:#ff0000;}
ul.time_list li .row_status span {font-size:11px;}

@media screen and (max-width:999px) {
	.zoomlive_timeselect h4 {margin-left:15px;}
	ul.time_list li {margin-bottom:5px; border:solid 0px #ccc; border-radius:0;}
}

@media screen and (max-width:480px) {
	ul.time_list li .row_select {width:25px;}
	ul.time_list li .row_cont .date {padding:0 10px; height:24px; line-height:24px; font-size:12px; background-color:#3f51b5;}
	ul.time_list li .row_cont .subject {font-size:14px;}
	ul.time_list li .row_status {display:table-cell; width:80px;}
}

/*///////////////////////////////////////////////////////
 산업전문가 교육과정 UI : 2024-06-17
 ///////////////////////////////////////////////////////*/
 .industry_cata_tabmenu {margin-bottom:20px;}
 .industry_cata_tabmenu .swipe_banner {margin:0 35px;}
 .industry_cata_tabmenu a {display:flex; padding:0 10px; box-sizing:border-box; align-items:center; justify-content:center; width:100%; height:48px; border:solid 1px #e1e1e1; border-bottom:solid 1px #000; background-color:#fff;}
 .industry_cata_tabmenu a span {display:inline-block; line-height:1; vertical-align:middle; text-align:center;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
 .industry_cata_tabmenu a.active {color:#000; font-weight:600; border:solid 1px #000000; border-bottom:solid 1px #fff;}
 
@media screen and (max-width:999px) {
	/* .industry_cata_tabmenu {padding:0 10px;} */
}


 .industry_cata_tabmenu .slick-slide {margin:0px; position:initial;} 
 .industry_cata_tabmenu .slick-prev, .industry_cata_tabmenu .slick-next {
	font-size:0;
	line-height:0;
	position:absolute;
	top:25px;
	display: block !important;
	width: 30px !important;
	height: 48px !important;
	padding: 0;
	cursor: pointer;
	/* color: transparent; */
	border: none;
	outline: none;  
	overflow:hidden;
	transition: all 0.3s;
	border-radius:0;
	/* box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%); */
	/* background-color:#ff9933 !important; */
	z-index:100;
	/* background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center; */
}

.industry_cata_tabmenu .slick-prev:before {content: ''; width:30px; height:48px; border:none;}
[dir='rtl'] .industry_cata_tabmenu .slick-prev:before {content: ''; }

.industry_cata_tabmenu .slick-next:before {content: ''; width:30px; height:48px; border:none;}
[dir='rtl'] .industry_cata_tabmenu .slick-next:before {content: '';}

.industry_cata_tabmenu .slick-prev {
    left:-33px;
	background:url('../images/common/btn_roll_prev.png') no-repeat center center; opacity: 0.7;
}
.industry_cata_tabmenu .slick-prev:hover, .industry_cata_tabmenu .slick-prev:focus {
	background:url('../images/common/btn_roll_prev.png') no-repeat center center; opacity: 1;
}
.industry_cata_tabmenu .slick-next {
	  right:-33px;
	background:url('../images/common/btn_roll_next.png') no-repeat center center; opacity: 0.7;
}
.industry_cata_tabmenu .slick-next:hover, .industry_cata_tabmenu .slick-next:focus {
	background:url('../images/common/btn_roll_next.png') no-repeat center center; opacity: 1;
}


/* 산업전문가 이수 과정 목록 하단 리스트 검색 영역 */
.certdate_search_func {text-align:right; overflow:hidden;}
.certdate_search_func .left {float:left;}
.certdate_search_func .right {float:right;}
.certdate_search_func input {padding:0 5px; width:100px; height:28px; border-radius:3px; border:solid 1px #999;}

button.btn_certdate_search {padding:0 15px; height:30px; color:#fff; border:none; background-color:#666; border:solid 1px #666; border-radius:3px;}
button.btn_certdate_search:hover {opacity:0.8;}

@media screen and (max-width:768px) {
	.certdate_search_func {overflow:hidden;}
	.certdate_search_func .left {float:none; text-align:center; padding:15px 5px; border:solid 1px #999; border-radius:5px;}	
	.certdate_search_func .left strong {display:block;}
	.certdate_search_func .left button {}

	.certdate_search_func .right {clear:both; float:none; text-align:right; padding:10px 0;}
}

/*/////////////////////////////////////////////////////////////////////////
 사무직원용 페이지 개발 : 2024-11-12 
 /////////////////////////////////////////////////////////////////////////*/
.offline_subject {font-size:18px; color:#333;}
.offline_func {margin-top:5px;}

ul.offline_lecture_list_mobile {border-top:solid 1px #ddd;}
ul.offline_lecture_list_mobile li {padding-right:60px; border-bottom:solid 1px #ddd; background-color:#fff; position:relative;}
ul.offline_lecture_list_mobile li .subject {display:block; padding:10px 10px 5px; line-height:1.2; font-size:16px; color:#222222; font-weight:600;}
ul.offline_lecture_list_mobile li .offline_func {padding:0 10px; margin-bottom:5px; font-size:12px;}
ul.offline_lecture_list_mobile li .func {display:inline-block; position:absolute; top:calc(50% - 11px); right:5px;}

ul.offline_lecture_list_mobile li .username {display:block; padding:10px 10px 5px; margin-right:60px; height:18px; font-size:15px; color:#222222; font-weight:600;}
ul.offline_lecture_list_mobile li .position {display:block; padding:0 10px; margin-bottom:3px; font-size:12px; color:#999;}

ul.offline_lecture_list_mobile.fullwidth li {padding-right:0;}


/* 마이페이지 집합교육 리스트 ////////////////////////*/
#offline_lecture_list {}
#offline_lecture_list span.td_mobile,
#offline_lecture_funcless span.td_mobile {display:none;}

/* 모바일 */
@media all and (max-width:1024px){
	#offline_lecture_list colgroup,
	#offline_lecture_list thead,
	#offline_lecture_list .mobile_hidden {display:none;}
	#offline_lecture_list tr {display:block; padding:10px; padding-right:80px; border-bottom:solid 1px #ddd; position:relative;}
	#offline_lecture_list td {display:block; padding:0; border:none; text-align:left;}
	#offline_lecture_list span.td_mobile {display:inline-block;}
	#offline_lecture_list td.func {display:inline-block; position:absolute; top:calc(50% - 11px); right:5px;}

	#offline_lecture_funcless colgroup,
	#offline_lecture_funcless thead,
	#offline_lecture_funcless .mobile_hidden {display:none;}
	#offline_lecture_funcless tr {display:block; padding:10px; border-bottom:solid 1px #ddd; position:relative;}
	#offline_lecture_funcless td {display:block; padding:0; border:none; text-align:left;}
	#offline_lecture_funcless span.td_mobile {display:inline-block;}
}

/* 마이페이지 교육참가자 리스트 ////////////////////////*/
#offline_member_list {}
#offline_member_list span.td_mobile {display:none;}

/* 테스크탑 */
@media all and (max-width:1024px){
	#offline_member_list colgroup,
	#offline_member_list thead,
	#offline_member_list .mobile_hidden {display:none;}
	#offline_member_list tr {display:block; padding:10px; padding-right:80px; border-bottom:solid 1px #ddd; position:relative;}
	#offline_member_list td {display:block; padding:0; border:none; text-align:left;}
	#offline_member_list td.mobile_membername {font-size:15px; font-weight:600; color:#000;}
	#offline_member_list span.td_mobile {display:inline-block;}
	#offline_member_list td.func {display:inline-block; position:absolute; top:calc(50% - 11px); right:5px;}
}

/* 집합교육 목록 //////////////////////////////////////////////////////*/
.offline_list {}
.offline_list ul { margin-left:-2%;}
.offline_list ul::after {display:block; content: ''; clear:both;}
.offline_list ul li {float:left; width:31.33%; margin-left:2%; margin-bottom:20px;}
.offline_list ul li .outline {border:solid 1px #e6e6e6; border-radius:5px; background-color:#fff; overflow:hidden; position:relative; top:0; transition: all 0.3s ease-out;
    box-shadow:2px 2px 5px 0px rgba(0,0,0,0.05);}
.offline_list ul li .outline:hover {border:solid 1px #ccc; top:-5px; box-shadow:5px 5px 15px 0px rgba(0,0,0,0.1);}

.offline_list ul li .outline .top {}
.offline_list ul li .outline .top strong.title {display:block; margin:20px 10px 10px; font-size:18px; font-weight:600; line-height:22px; color:#333; 
    height:46px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;}
.offline_list ul li .outline a:hover {color:#333;}
.offline_list ul li .outline .lec_info {display:flex; justify-content:space-between; justify-content:center; align-items:center; height:80px; background-color:#e9f7ff; border-top:solid 1px #d4dfe5;}
.offline_list ul li .outline .lec_info .info {width:70%; padding-left:10px; flex-shrink:0; box-sizing:border-box;}
.offline_list ul li .outline .lec_info .info span {display:block; font-size:13px;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;}
.offline_list ul li .outline .lec_info .appstate {width:30%; flex-shrink:0; text-align:center; position:relative;}
.offline_list ul li .outline .lec_info .appstate span {display:inline-block; padding:0 10px; height:24px; line-height:24px; color:#fff; background-color:#fff; border-radius:30px;}
.offline_list ul li .outline .lec_info .appstate span.appstate_ing {background-color:#0071dd;}
.offline_list ul li .outline .lec_info .appstate span.appstate_complete { background-color:#999;}

@media all and (max-width:1300px){
}
/* 테스크탑 */
@media all and (max-width:1024px){
	.offline_list {padding:0 10px;}
    .offline_list ul li {width:31.33%;}    
}
/* 테블릿*/
@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:640px){
    .offline_list ul li {width:48%;}
    .offline_list ul li .outline .top {}
    .offline_list ul li .outline .top strong.title {font-size:16px; line-height:22px;}
}
@media all and (max-width:480px){   
    .offline_list ul li {width:96%;}
	.offline_list ul li .outline .top strong.title {display:block; margin:20px 10px 10px; height:auto;}
}


/* 집합교육 상세페이지 ////////////////////////////////////////////////////// */
ul.ul_dotline {}
ul.ul_dotline li {padding-left:10px; position:relative;}
ul.ul_dotline li::after {display:block; content:'-'; position:absolute; left:0; top:0px;}

/* 테스크탑 */
@media all and (max-width:1024px){
	.offline_learning_detail {padding:10px 10px 20px; margin-bottom:20px; background-color:#fff;}
	#offline_learning_detail_table:first-child {border-top:none;}
	#offline_learning_detail_table colgroup {display:none;}
	#offline_learning_detail_table tbody tr {display:block; padding:10px;}
	#offline_learning_detail_table tbody th {display:block; text-align:left; padding:0; color:#0071dd; background-color:#fff; border-bottom:none;}
	#offline_learning_detail_table tbody td {display:block; padding:10px 5px;}
}

button.btn_location_map {padding:0 10px; height:28px; color:#666; background-color:#fff; border-radius:5px; border:solid 1px #999;}
button.btn_location_map:hover {color:#333; border:solid 1px #333;}

/* 참가자 목록 게시판 */
ul.staff_list {margin-right:5px; padding:10px; border:solid 1px #ccc;}
ul.staff_list li {padding:3px 20px;}
ul.staff_list li.total {margin-bottom:5px; padding-bottom:5px; border-bottom:solid 1px #ccc;}
ul.staff_list li span {display:inline-block; vertical-align:middle;}
ul.staff_list li span.item_check {}
ul.staff_list li span.item_name {color:#333;}
ul.staff_list li span.item_role {}

ul.staff_applist {display:inline-block; vertical-align:middle;}
ul.staff_applist li {display:inline-block; padding:0 10px; height:24px; line-height:24px; color:#2196F3; background-color:#d8eeff; border-radius:24px;}


/* 이수현황 페이지 상단 사용자 영역 : 모바일 출력을 위한 부분 */
.m_title {display:none;}
/* 테스크탑 */
@media all and (max-width:1024px){
	.m_title {display:block; margin:0 15px 5px;}
	.m_title h3 {padding-left:10px; font-size:18px; color:#333; position:relative;}
	.m_title h3::after {display:block; content:''; position:absolute; left:0; top:calc(50% - 3px); width:5px; height:5px; background-color:#333; border-radius:5px;}
}