@charset "utf-8";
@import url('https://d1fbk7w3redau9.cloudfront.net/nccommon/webfonts/pretendard/Pretendard.css');


/* 스킨 공통 */
.nc-flex { display: flex; }

input { vertical-align:middle}
label { margin:0; padding:0;}

.floatRight {float:right;}
.clearwrap:after { content: " "; display: block; clear: both; }
.subTitle { clear:both; float:none; margin:0 0 5px 0;}
.subTitle > ol { display: flex; align-items: center; margin:0; padding:0; }
.subTitle ol li.icon_arrow { background:url(../img/common/icon_title_arrow0.gif) no-repeat; width:24px; height:24px; }
.txt_num{font:10px Tahoma; padding:0 5px; color:#e5e5e5; line-height:20px;}
.textarea_comment { height:24px; font:11px dotum; color:#404040; border:1px solid #c9c9c9; padding:8px; width:500px;}

.height200 { height:200px  !important;}
.height300 { height:300px  !important;}
.height400 { height:400px  !important;}
.height500 { height:500px  !important;}

.contBox {}
.signUpPage > .contBox { margin-bottom: 40px; }
.contBoxMargin20 { text-align:center; padding:20px;}
.contentsStart { padding:33px 29px 33px 29px; margin:0 auto; overflow:auto;}
.areaTip { background: url(../img/icon/icon_reference.gif) 0px 6px no-repeat; letter-spacing:-1px; color:#999999; padding:0 0 0 22px; text-align:left;  word-break: keep-all; word-wrap: break-word; }

.input_text_whitebg { box-sizing: border-box; border: 1px solid #dbdbdb; height: 21px; line-height: 21px; padding: 0 5px; color: #2f2f2f; font-weight: 600; background-color: #fcfcfc; }
.input_text_graybg{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  height:17px; padding:3px 0 0 5px; color:#2f2f2f; font:12px dotum; font-weight:bold;background: #e8e8e8; }
.input_text_basic{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  height:21px; padding:5px 0 0 10px; color:#2d76e5; font:14px tahoma; font-weight:bold;background: #fcfcfc; }
.input_text_basic_white{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  height:21px; padding:5px 0 0 10px; color:#2d76e5; font:14px tahoma; font-weight:bold;background: #ffffff; }
.input_login_sub { background:#336ac2; border:1px solid #4a82d9; height:16px; width:90px; padding:4px 0 0 5px; font:11px dotum; color:#FFFFFF;}
.input_loginForm {border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; width:234px; height:26px; padding:5px 0 0 10px; color:#2d76e5; font:14px tahoma; font-weight:bold;background: #e8e8e8; }
.input_normalText{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  height:26px; padding:5px 0 0 10px; color:#2d76e5; font:14px tahoma; font-weight:bold;background: #e8e8e8; }
.inputBoardSearch{border:1px solid #cacaca; height:17px; width:100px; }
.inputRadio { margin:-2px 5px 0 0;}

.textarea_basic{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding:3px 0 0 5px; color:#2f2f2f; font:12px dotum; font-weight:bold;background: #e8e8e8; }
.textarea_basic_white{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding:3px 0 0 5px; color:#2f2f2f; font:12px dotum; font-weight:bold;background: #fcfcfc; }


.width100 {width:100% !important;}


.popup_default { border:4px solid #3671d0; background:#ffffff; margin:0 auto; padding:0; position:absolute; top:150px; left:400px; font-family: var(--theme-font); font-size: var(--normal-font-size); }
.popup_default .popup_gnb { display: flex; justify-content: space-between; align-items: center; background-color: #3671d0; letter-spacing:-1px; color: #ffffff; height:38px; }
.popup_default .popup_gnb .title { padding:0 0 0 30px; background:url(../img/icon/arrow_popup_title.gif) 12px center no-repeat; font-size: 1em; font-weight:bold;}
.popup_default .popupCont { float:none; clear:both; margin:10px; overflow:auto; }

/*
.popup_default { border:4px solid #1d4990; background:#ffffff; margin:0 auto; padding:0; position:absolute; top:150px; left:400px;}
.popup_default .popup_gnb { background:#3671d0; border-top:1px solid #4d8aec; border-bottom:1px solid #1d5abb; font:12px dotum; letter-spacing:-1px; color:#ffffff; height:38px; line-height:38px; vertical-align:middle;}
.popup_default .popup_gnb .title { float:left; margin:0; padding:0 0 0 30px; background:url(../img/icon/arrow_popup_title.gif) 12px 11px no-repeat; font-weight:bold;}
.popup_default .popup_gnb .button { float:right; margin:0; padding:0;}
.popup_default .popupCont { float:none; clear:both; margin:10px; overflow:auto; }
*/





/*
.signUpPage  { width:642px; margin:0 auto; }
.signUpPage .titleImg {padding:45px 0; text-align:center;}
.signUpPage .comment { border-top:1px solid #f2f2f2; border-bottom:1px solid #656565; padding:22px 5px; overflow:auto;}
.signUpPage .comment .text { float:left;}
.signUpPage .comment .stepStatus { float:right;}
.signUpPage .comment .stepStatus ol{ list-style:none;}
.signUpPage .comment .stepStatus ol li{ float:left; padding:0 15px; border-left:1px solid #f2f2f2;}
.signUpPage .contBox .title { padding:24px 0 16px 0; font-size: 16px; font-weight: 600; }
.signUpPage .contBox .titleNor { padding:0 0 16px 0;}
.signUpPage .contBox .tabmenu{border:1px solid #f2f2f2; background:#f9f9fb; overflow:auto }
.signUpPage .contBox .tabmenu ol{list-style:none; margin-left:14px; }
.signUpPage .contBox .tabmenu ol li{ float:left; padding:10px 0 0 0px; color:#666666; font:11px dotum; letter-spacing:-1px;}
.signUpPage .contBox .tabmenu ol li a{ font:11px dotum; text-decoration:none; color:#666666;}
.signUpPage .contBox .tabmenu ol li a:hover{ font:11px dotum; text-decoration:underline; color:#000;}
.signUpPage .contBox .tabmenu ol li a:active{ font:11px dotum; text-decoration:underline; color:#666666;}
.signUpPage .contBox .tabmenu ol li a:visited{ font:11px dotum; text-decoration:none; color:#666666;}
.signUpPage .contBox .tabmenu ol li.bar{ padding:8px 15px 8px 15px; line-height:14px;}
.signUpPage .contBox .doc { clear:both; border:1px solid #f2f2f2; background:#fcfcfc; padding:15px; color:#979797; font:11px dotum; letter-spacing:-1px; height:300px; overflow:auto;}
.signUpPage .contBox .doc p { padding:10px 0 0 0;}
.signUpPage .agreeBox { padding:0 0 25px 0; text-align:center; margin:0 auto; }
.signUpPage .agreeBox ol{ list-style:none; }
.signUpPage .agreeBox ol li{ display: inline-block; padding:0 10px 0 0; margin:22px 0 15px 0; }
.signUpPage .realNameCheck {margin:22px 0 0 0;}
.signUpPage .realNameCheck .title{margin:0 0 22px 0;}

.signUpPage .formBox  { padding:38px 0; overflow:auto; margin:0 auto; width:420px;}
.signUpPage .formBox .inputArea {float:left;  margin:0 auto;}
.signUpPage .formBox .inputArea ol { list-style:none; clear:both; float:none;}
.signUpPage .formBox .inputArea ol li { text-align:right; padding:0 10px 2px 0; float:left; line-height:36px; margin:0;}
.signUpPage .formBox .inputArea ol li.text{ width:60px;}
.signUpPage .formBox .actionArea { float:left;}*/


.loginPage  { width:642px; margin:0 auto;}
.loginPage .title {padding:45px 0; text-align:center;}
.loginPage .comment { border-top:1px solid #f2f2f2; border-bottom:1px solid #656565; padding:22px 5px;}
.loginPage .formBox  { padding:38px 0; overflow:auto; margin:0 auto; width:420px;}
/* 20101115수정 */.loginPage .formBox .inputArea {float:left;  margin:0 auto;}
/* 20101115수정 */.loginPage .formBox .inputArea ol { list-style:none; clear:both; float:none;}
/* 20101115수정 */.loginPage .formBox .inputArea ol li { text-align:right; padding:0 10px 5px 0; float:left; margin:0; }
/* 20101115수정 */.loginPage .formBox .inputArea ol li.text{ width:60px; height:34px; display:block}

.loginPage .formBox .actionArea { float:left;}

.area_button_l {float:left;}
.area_button_c { clear:both; float:none; text-align:center;}

.customerBanner { float:none; clear:both;}
.customerBanner ol { }
.customerBanner ol li{ float:left; padding:0 23px 0 0;}
.customerBanner ol li.end{ float:left; padding:0;}


.writeForm {border-bottom:1px solid #656565;overflow:auto;}
.writeForm .writeValuation { padding:24px 0; border-bottom:1px solid #f2f2f2; overflow:auto;}
.writeForm .formList {margin:0; padding-top:10px;}
.writeForm .formList ol{ list-style:none; float:none; clear:both; padding:0; margin:0;}
.writeForm .formList ol li{ float:left; color:#6c6c6c; font:11px dotum; margin:0;padding:0 10px 2px 0; }
.writeForm .formList ol li.text{ line-height:32px;}
.writeForm .formList ol li.formName{ width:106px; padding:0 0 0 28px; background:url(../img/member/dot.gif) 18px 14px no-repeat; line-height:32px; vertical-align:middle; font-weight:bold; letter-spacing:-1px; color:#868686;}
.writeForm .formList ol li.formNameNess{ width:106px; padding:0 0 0 28px; background:url(../img/icon/icon_check.gif) 16px 12px no-repeat; line-height:32px; vertical-align:middle; font-weight:bold; letter-spacing:-1px; color:#368ece;}
.writeForm .formList ol li.text_writeInfo{ clear:both; float:none; padding:0 0 10px 134px; vertical-align:middle;letter-spacing:-1px; color:#b5b5b5;}

.writeForm .formList ol li.formNameArea { width:106px; padding:0 0 0 28px; line-height:32px;vertical-align: middle; font-weight:bold;}
.writeForm .formList ol li.formNameArea img{}
/* 20101115수정 */.writeForm .formList ol li.text input{ padding:0 5px 0 0;}

.grayBorderBox {padding:30px; margin:0 0 30px 0; border:1px solid #ececec}
.grayBorderBox .title { float:none; padding:0 0 10px 0;}
.grayBorderBox .detail {padding:20px 30px; margin:0 auto; background:#fcfcfc; border:1px solid #f2f2f2;}
.grayBorderBox .detail .inputArea {float:none; border-bottom:1px solid #f4f4f4; overflow:auto; padding:10px}
.grayBorderBox .detail .inputArea ol { list-style:none; float:left; padding:0 20px 0 0;}
.grayBorderBox .detail .inputArea ol li {text-align:right; padding:0 10px 2px 0; float:left; line-height:36px; margin:0;}
.grayBorderBox .detail .inputArea ol li.text {}
.grayBorderBox .detail .acitonArea { float:none; clear:both; text-align:center; border-top:1px solid #ffffff;  padding:10px 0 0 0;}

.grayBackBox {padding:20px 30px; margin:0 auto; background:#fcfcfc; border:1px solid #f2f2f2;}
.grayBackBox .inputArea {float:none; border-bottom:1px solid #f4f4f4; overflow:auto; padding:10px}
.grayBackBox .inputArea ol { list-style:none; float:left; padding:0 20px 0 0;}
.grayBackBox .inputArea ol li {text-align:right; padding:0 10px 2px 0; float:left; line-height:36px; margin:0;}
.grayBackBox .inputArea ol li.text {}
.grayBackBox .acitonArea { float:none; clear:both; text-align:center; border-top:1px solid #ffffff;  padding:10px 0 0 0;}


.grayBorderBox1 { box-sizing: border-box; display: inline-block; padding: 30px; margin-right: 10px; border:1px solid #ececec; width: calc( 50% - 10px ); vertical-align: top; }
.grayBorderBox1 .title { float:none; padding:0 0 10px 0;}
.grayBorderBox1 .detail {padding:20px; margin:0 auto; background:#fcfcfc; border:1px solid #f2f2f2;}
.grayBorderBox1 .detail .inputArea {float:none; border-bottom:1px solid #f4f4f4; overflow:auto; padding:10px}
.grayBorderBox1 .detail .inputArea ol { list-style:none; float:left; padding:0;}
.grayBorderBox1 .detail .inputArea ol li {text-align:right; padding:0 10px 2px 0; float:left; line-height:36px; margin:0;}
.grayBorderBox1 .detail .inputArea ol li.text { width:67px;}
.grayBorderBox1 .detail .inputArea ol li.bar {}
.grayBorderBox1 .detail .inputArea ol li.text_search { font:14px verdana; font-weight:bold; line-height:36px; color:#448ad8}
.grayBorderBox1 .detail .acitonArea { float:none; clear:both; text-align:center; border-top:1px solid #ffffff;  padding:10px 0 0 0;}

.grayBorderBox2 { box-sizing: border-box; display: inline-block; padding: 30px; border:1px solid #ececec; width: calc( 50% - 10px ); vertical-align: top; }
.grayBorderBox2 .title { float:none; padding:0 0 10px 0;}
.grayBorderBox2 .detail {padding:20px; margin:0 auto; background:#fcfcfc; border:1px solid #f2f2f2;}
.grayBorderBox2 .detail .inputArea {float:none; border-bottom:1px solid #f4f4f4; overflow:auto; padding:10px}
.grayBorderBox2 .detail .inputArea ol { list-style:none; float:left; padding:0;}
.grayBorderBox2 .detail .inputArea ol li {text-align:right; padding:0 10px 2px 0; float:left; line-height:36px; margin:0;}
.grayBorderBox2 .detail .inputArea ol li.text { width:80px; }
.grayBorderBox2 .detail .inputArea ol li.bar {}
.grayBorderBox2 .detail .acitonArea { float:none; clear:both; text-align:center; border-top:1px solid #ffffff;  padding:10px 0 0 0;}



.table_list_prValuation { width:100%;border:0px; table-layout:fixed}
.table_list_prValuation tbody th{ color:#909395; padding:25px 5px; border-bottom:1px solid #f2f3f3;}
.table_list_prValuation tbody td{ color:#81858a; padding:25px 5px; border-bottom:1px solid #f2f3f3;}
.table_list_prValuation tbody td.star{ padding:0 0 0 20px}
.table_list_prValuation tbody td.subject{text-align:left; color:#4e4e4e;}
.table_list_prValuation tbody td.subject a{color:#4e4e4e; text-decoration:none;}
.table_list_prValuation tbody td.subject a:hover{color:#3671d0}
.table_list_prValuation tbody td.user{ text-align: center; color:#a1a5a8;}
.table_list_prValuation tbody td.date{ color:#b5b5b5; font-weight:bold;}
.table_list_prValuation tbody td.cont {background:#f7fafc; }
.table_list_prValuation tbody .select {background:#f7fafc; padding-top:10px; padding-bottom:10px}
.table_list_prValuation tbody .answer { background:url(../img/store/icon_re.gif) 0 25px no-repeat !important; padding-left:20px;}


.table_lecture_basic { width:100%; border:0px; border-collapse:collapse; font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.table_lecture_basic thead {}
.table_lecture_basic thead th { padding: 8px 2px; border-top: 1px solid #4c83db; border-bottom: 1px solid #4d6cb3; color:#ffffff; font-weight: 500; background-color: var(--theme-color); text-align:center; }
.table_lecture_basic tbody td { height:29px; border-bottom:1px solid #d7d7d7; padding:20px 3px; text-align:center;}
.table_lecture_basic tbody td.num {}
.table_lecture_basic tbody td.subject { text-align:left; color:#4e4e4e; padding: 15px; }
.table_lecture_basic tbody td.subject strong { text-align:left; color: var(--theme-emp-color); }
.table_lecture_basic tbody td.subject a{color:#4e4e4e; text-decoration:none;}
.table_lecture_basic tbody td.subject a:hover, .table_lecture_basic tbody td.subject a:hover strong {color: var(--theme-color); }
.table_lecture_basic tbody td.writer{ font:11px dotum; color:#8e9abc;}
.table_lecture_basic tbody td.term { font-size: 14px; line-height: 110%; }
.table_lecture_basic tbody td.line2{background-color:#fcfcfc; }
.table_lecture_basic tbody td.cont{background-color:#fffef9; padding:30px;color:#7a581e; text-align:left; }


.table_board_faq { width:100%;border:0px; border-collapse:collapse; border-top:1px solid #cbcbcb;}
.table_board_faq thead th{ font:11px dotum; color:#ffffff; height:30px; font-weight:bold; background-color:#3671d0; letter-spacing:-1px; text-align:center;background:url(../img/board/bg_board_list.gif) top left;}
.table_board_faq tbody td { height:29px;   border-bottom:1px solid #eeeeee;}
.table_board_faq tbody td.que{ color:#4aaa25; padding:5px 10px}
.table_board_faq tbody td.que a{ color:#4aaa25; text-decoration:none;}
.table_board_faq tbody td.que a:hover{ color:#000000;}
.table_board_faq tbody td.ans{ color:#2376d7; padding:10px 10px; background:#f9f9f9;}
.table_board_faq tbody td.ans a{ color:#2376d7;}
.table_board_faq tbody td.ans a:hover{ color:#0064e3; text-decoration:none;}
.table_board_faq tbody td.line2{background-color:#f6f6f6}
.table_board_faq tbody td.cont{background-color:#fffef9; padding:30px;color:#7a581e; text-align:left}


.table_board_basic { width:100%;border:0px; border-collapse:collapse;}
.table_board_basic thead{}
.table_board_basic thead th { padding: 8px 2px; border-top: 1px solid #4c83db; border-bottom: 1px solid #4d6cb3; color: #ffffff; font-weight: 500; background-color: var(--theme-color); text-align: center; }
.table_board_basic thead th:first-child { width: 5em; }
.table_board_basic tbody td { padding: 8px 2px; border-bottom: 1px solid #eeeeee; text-align:center;}
.table_board_basic tbody td.num { font:10px Tahoma, Geneva, sans-serif; color:#b5b5b5;}
.table_board_basic tbody td.lectureName{  color:#3671d0; padding:0 0 0 12px !important; font:11px dotum; letter-spacing:-1px;}
.table_board_basic tbody td.lectureName a{color:#3671d0; text-decoration:none;}
.table_board_basic tbody td.lectureName a:hover, .table_board_basic tbody td.subject a:hover strong{color:#0055de}
.table_board_basic tbody td.reply{ text-align:left; color:#40b1b4 !important;}
.table_board_basic tbody td.reply a{ text-align:left; color:#40b1b4 !important;}
.table_board_basic tbody td.reply a:hover{ text-align:left; color:#3671d0 !important;}
.table_board_basic tbody td.subject { padding: 8px 10px; text-align:left; font-weight: 500; color:#000000; }
.table_board_basic tbody td.subject strong { text-align:left; color:var(--theme-color); }
.table_board_basic tbody td.subject a {color:#4e4e4e; text-decoration:none;}
.table_board_basic tbody td.subject a:hover, .table_board_basic tbody td.subject a:hover strong{color:#1f3974}
.table_board_basic tbody td.writer{ font:11px dotum; color:#8e9abc;}
.table_board_basic tbody td.seq { color: #999999;}
.table_board_basic tbody td.time { color:#8e9abc; font-weight:bold;}
.table_board_basic tbody td.date{ font:10px Tahoma, Geneva, sans-serif !important; color:#b5b5b5;}
.table_board_basic tbody td.file{ font:10px Tahoma, Geneva, sans-serif !important; color:#595959;}
.table_board_basic tbody td.hit{ font:10px Tahoma, Geneva, sans-serif !important; color:#9d917c;}
.table_board_basic tbody td.line2{background-color:#f6f6f6}
.table_board_basic tbody td.cont{background-color:#fffef9; padding:30px;color:#7a581e; text-align:left}

.board_view { padding:20px 0; border-top:2px solid #448ad8; background:url(../img/board/bg_board_dot.gif) repeat-x left bottom; overflow:auto; _display:inline-block}
.board_view .board_lectureName {float:right; float:none; font:14px dotum; font-weight:bold; letter-spacing:-1px; color:#494949}
.board_view .board_lectureName .subject {float:left; padding:0 10px;}
.board_view .board_lectureName .scoreStar { float:left;}
.board_view .board_subject { float:left; font:14px dotum; font-weight:bold; letter-spacing:-1px; color:#3671d0}
.board_view .board_writeInformation { padding:20px 0 0 0;}
.board_view .board_writeInformation ol {list-style:none; float:none; clear:both;}
.board_view .board_writeInformation ol li { float:left; color:#7c7c7c; line-height:22px; font-weight:bold; padding:0 5px 0 0 ;}
.board_view .board_writeInformation ol li.txt_boardCategory { color:#b1b1b1; font:11px tahoma;line-height:24px;  padding:0 0 0 10px !important;}
.board_view .board_writeInformation ol li.bar {font:9px Tahoma; padding:0 5px !important; color:#e5e5e5; line-height:22px;}
.board_view .board_writeInformation ol li a { color:#40b1b4; font:11px tahoma; }
.board_view .board_writeInformation ol li a:hover { color:#00ced3;}
.board_view .board_view_control { float:right; margin:0 0 0 5px;}
.board_view .board_view_control ol { list-style:none; float:right; padding:0 0 0 10px;}
.board_view .board_view_control ol li { float:left;}
.board_view_body { margin:20px 0;}

.board_comment_wrap { float:none; clear:both;}
.board_comment_wrap .board_comment_item { clear:both; float:none; background:#f9f9f9; padding:15px 23px; border-top:1px solid #eeeeee; overflow:auto; position:relative; _display:inline-block}
.board_comment_wrap .board_comment_item .comment_info { float:none; clear:both; overflow:auto}
.board_comment_wrap .board_comment_item .comment_info ol { list-style:none;}
.board_comment_wrap .board_comment_item .comment_info ol li { float:left; font:11px dotum; color:#bdbdbd;}
.board_comment_wrap .board_comment_item .comment_info ol li.bar{font:9px Tahoma; padding:0 5px !important; color:#e5e5e5; line-height:10px;}
.board_comment_wrap .board_comment_item .comment_info ol li strong { font:11px dotum; font-weight:bold; color:#757575}
.board_comment_wrap .board_comment_item .comment_body { clear:both; float:none;font:11px dotum; color:#7c7c7c; padding:5px 0;}
.board_comment_wrap .board_comment_item .comment_control {float:right; width:80px; position:absolute; top:10px; left:100%; margin-left:-80px;}
.board_comment_wrap .board_comment_item .comment_control ol { list-style:none}
.board_comment_wrap .board_comment_item .comment_control ol li { float:left; padding:0 2px; line-height:24px;}

.board_comment_item_reply {padding:15px 23px 15px 60px  !important;  background:url(../img/board/icon_re1.gif) 30px 12px no-repeat  #fff !important; overflow:auto; position:relative; }

.board_comment_write { float:none; clear:both; padding:15px 23px;border-bottom:1px solid #eeeeee; overflow:auto; _display:inline-block}
.board_comment_write .writeBox{ float:left;overflow:auto; text-align:right;  margin:0 10px 0 0;}
.board_comment_write .writeButton{ float:left;}

.txt_comment{ font:10px Tahoma, Geneva, sans-serif !important; color:#77c414; font-weight:bold;}
.icon_file{background:url(../img/board/disk.png) no-repeat top left; width:16px; height:16px; display:inline-block; vertical-align:middle;}

.board_secretCheck {border:2px solid #448ad8; width:250px; padding:80px 20px 20px 20px; background:url(../img/board/lock_closed.gif) center 15px no-repeat #fafafa; margin:0 auto;}

.board_write {border-top:2px solid #448ad8; border-bottom:1px solid #5287dd; }
.table_board_wirte_basic { width:100%;border:0px; border-collapse:collapse; table-layout:fixed}
.table_board_wirte_basic thead{}
.table_board_wirte_basic tbody{}
.table_board_wirte_basic tbody th{ font:11px dotum; color:#3a3a3a; border-bottom:1px solid #f4f4f4; font-weight:bold; padding:10px; text-align: left; letter-spacing:-1px; }
.table_board_wirte_basic tbody td{ font:11px dotum; color:#686868; border-bottom:1px solid #f4f4f4; padding:10px 0;}
.table_board_wirte_basic tbody td.info{ font:11px dotum; color:#3671d0; letter-spacing:-1px;}
.table_board_wirte_basic tbody td ol{margin:0 10px 0 0;  display:inline-block; float:left;}
.table_board_wirte_basic tbody td ol li{float:left; margin:0 16px 0 0 ; line-height:16px;  text-align:center;}



.table_basic_blue { width:100%; border-collapse:collapse; border-top:2px solid var(--theme-color); font-family: var(--theme-font); font-size: var(--normal-font-size);}
.table_basic_blue thead th { background:#f9f9f9; border-bottom:1px solid #e6e6e6; letter-spacing:-1px; color:#666666; padding:9px 0; text-align:center; word-wrap: break-word; word-break: keep-all; }
.table_basic_blue tbody td { border-bottom:1px solid #e6e6e6; letter-spacing:-1px; color:#6c6c6c; padding:9px 0;}
.table_basic_blue tbody td.grayBG { background:#fafafa;border-top:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; letter-spacing:-1px; color:#6c6c6c; padding:9px 0;}
.table_basic_blue tbody td.teacher { letter-spacing:-1px; color: var(--theme-color); }
.table_basic_blue tbody td.num {font-weight:500; letter-spacing:-1px; color:#6c6c6c;}
.table_basic_blue tbody td.price {font-weight:500; letter-spacing:-1px; color:#6c6c6c;}
.table_basic_blue tbody td.price strong{font-weight:500; letter-spacing:-1px; color:#ff531e;}
.table_basic_blue tbody td.date {font-weight:normal; letter-spacing:-1px; color: #999999;}
.table_basic_blue tbody td.user {font-weight:normal; letter-spacing:-1px; color:#448ad8;}
.table_basic_blue tbody td.status {letter-spacing:-1px; color:#2f84e2; font-weight:bold;}
.table_basic_blue tbody td.cont {letter-spacing:-1px; color:#7c7c7c;}
.table_basic_blue tbody td.cont a{ color:#7c7c7c; text-decoration:none;}
.table_basic_blue tbody td.cont a:hover{ color:#1d76d9; text-decoration:none;}
.table_basic_blue tbody td.subject {font-weight:500; letter-spacing:-1px; color:#6c6c6c;}
.table_basic_blue tbody td.subject a{ color:#383838; text-decoration:none;}
.table_basic_blue tbody td.subject a:hover{ color:#1d76d9; text-decoration:none;}
.tbodyPadding tbody td { padding:25px 0;}
.msg tbody td { padding:20px 0 !important;}

.table_basic_blue tbody tr td.empty { text-align: center; }


.table_basic_gray { float:none; clear:both; width:100%; border-collapse:collapse; border-top:2px solid #909090;}


.table_write_basic2 { width: 100%; border-top:1px solid #dddedf; border-bottom:2px solid #acacac;}
.table_write_basic2 tbody th { letter-spacing:-1px; padding:10px 0; border-bottom:1px solid #f2f3f3;}
.table_write_basic2 tbody td { padding:10px 0; border-bottom:1px solid #f2f3f3; }
.table_write_basic2 tbody td ol li {float:left; padding:0 20px 0 0;}
.table_write_basic2 tbody td ol li img{ display:inline; vertical-align:middle;}

.table_write_basic { width:100%; border-collapse:collapse;}
.table_write_basic thead th {background:#f9f9f9; border-bottom:1px solid #e6e6e6; font:11px dotum; font-weight:bold; letter-spacing:-1px; color:#9b9b9b; padding:9px 0; text-align:center;}
.table_write_basic tbody th{ font:11px dotum; color:#3a3a3a; letter-spacing:-1px; font-weight:bold; padding:5px 0;}
.table_write_basic tbody td{ font:12px dotum; color:#666666;padding:5px 5px;}

.table_write_standard { width:100%; border-collapse:collapse;border-top:2px solid var(--theme-color); font-family: var(--theme-font); font-size: var(--normal-font-size); }
.table_write_standard thead th {background:#f9f9f9; border-bottom:1px solid #e6e6e6; font-weight:bold; letter-spacing:-1px; color:#9b9b9b; padding:8px 1px; }
.table_write_standard tbody th{ color:#3a3a3a; letter-spacing:-1px; padding:12px 1px;border-bottom:1px solid #e6e6e6; word-break: keep-all; word-wrap: break-word; }
.table_write_standard tbody td { color:#666666; padding: 12px 3px;border-bottom:1px solid #e6e6e6; }
.borderBlack{ border-top:2px solid #000000;}

.table_board_simpleBorder { width:100%; table-layout:fixed; border-collapse:collapse;}
.table_board_simpleBorder tbody th {padding:3px 0; font:11px dotum; border-bottom:1px dotted #f0f0f0; border-top:1px dotted #f0f0f0; height:18px;}
.table_board_simpleBorder tbody td a { font:12px verdana; font-weight:bold; color:#f36e24; text-decoration:none;}
.table_board_simpleBorder tbody td a:hover{ font:12px verdana; font-weight:bold; color:#ff5e00; text-decoration:underline;}
.table_board_simpleBorder tbody td {padding:3px 0; font:11px dotum; border-bottom:1px dotted #f0f0f0; border-top:1px dotted #f0f0f0; height:18px;}

.area_button_r { float:right;}

/* 20101115수정 */.text_notice { float:left; width:400px; height:40px;}
/* 20101115수정 */.text_notice ol { list-style:none;}
/* 20101115수정 */.text_notice ol li { float:left; font:12px dtoum; color:#848484; letter-spacing:-1px; line-height:40px;}
/* 20101115수정 */.text_notice ol li strong{font:12px dtoum; color:#1f3974; font-weight:bold;}
/* 20101115수정 */.text_notice ol li.icon_arrow { background:url(../img/icon/arrow.gif) no-repeat 0 12px; width:20px; height:32px;}

.area_myInfo { clear:both; float:none; background:url(../img/mypage/bg_box.gif) repeat-x; padding:10px;_display:inline-block;}

.myInfo_blueBox { display: flex; justify-content: space-between; flex-wrap: wrap; background-color: var(--theme-color); border: 1px solid var(--theme-emp-color); padding:5px; font-family: var(--theme-font); font-size: 0.875em; color: #fff; }
.myInfo_blueBox .infoNum { display: flex; gap: 10px; align-items: center; margin-left: 5px; }
.myInfo_blueBox .infoNum ol { display: flex; flex-wrap: nowrap; gap: 10px; }
.myInfo_blueBox .infoNum ol li a { color:#ffffff; font-weight:600; text-decoration:none;}
.myInfo_blueBox .infoNum ol li a:hover{  color:#ffffff; text-decoration: underline;}

.myInfo_greenBox { background:#8ed245; border:1px solid #3976d1; margin:10px 0 0 0; padding:10px; overflow:auto; _display:inline-block; font-family: var(--theme-font); font-size: var(--normal-font-size);}
.myInfo_greenBox .box_listCon { float:left; width:227px; padding:0 10px 0 0;}
.myInfo_greenBox .box_listCon .title { padding:0 0 5px 0;}
.myInfo_greenBox .box_listCon .boxCon {background:#ffffff; height:75px; padding:10px; border:1px solid #7fbd3d;  }

.board_page {margin:0 auto; display:inline;}
.board_page ol {list-style:none;display:inline-block;}
.board_page ol li { float:left;font:11px Verdana; padding:0 2px; }
.board_page ol li a{ color:#8b8a8a; text-decoration:none;}
.board_page ol li.current a{ color:#7ed11c; text-decoration:none; font-weight:bold;}
.board_page ol li a:hover{ color:#7ed11c; text-decoration: underline;}
.board_page ol li.img {line-height:10px; padding:0 3px; }
.board_page ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; vertical-align:middle; }
.board_button { float:right;}
.board_button ol{ list-style:none;}
.board_button ol li{ float:left; padding:0 2px;}
.board_txt_replyNum { float:left; color:#40b1b4; display:inline-block; padding:0 20px 0 0; background:url(../img/board/icon_comment.gif) right no-repeat; line-height:30px;}
.board_txt_replyNum strong{color:#40b1b4; font:11px tahoma;}


.area_searchText { clear:both; float:none; text-align:center}
.area_searchText .txt_keyword{ color:#000000;}
.area_searchText .txt_result{ color:#ff531e;}

.area_searchResult { clear:both; float:none; overflow:auto;}
.area_searchResult ul{ border-bottom:2px solid #3671d0; overflow:auto} 
.area_searchResult ul li{ float:left; font:12px dotum; line-height:14px;}
.area_searchResult ul li.bar{ font:11px dotum; color:#CCCCCC; margin:0 5px; padding:0 0 10px 0;}
.area_searchResult ul li.right{ float:right; font:12px dotum; line-height:14px;}

.searchBoardList {}
.searchBoardList .itemSearch {}
.searchBoardList .itemSearch ol {}
.searchBoardList .itemSearch ol li { float:left; font:11px dotum; letter-spacing:-1px; line-height:14px;}
.searchBoardList .itemSearch ol li.boardcategory { color:#828282; font-weight:bold;}
.searchBoardList .itemSearch ol li.boardSubject { font:11px dotum; color:#606060;}
.searchBoardList .itemSearch ol li.boardSubject a{text-decoration:underline; font:11px dotum; color:#606060;}
.searchBoardList .itemSearch ol li.boardSubject a:hover{text-decoration:underline; color:#000000;}
.searchBoardList .itemSearch ol li.bar { font:11px dotum; color:#CCCCCC; margin:0 5px; padding:0 0 10px 0;}
.searchBoardList .itemSearch ol li.boardDate { font:11px tahoma; color:#999999; letter-spacing:0;}
.searchBoardList .itemSearch ol li.boardContents { clear:both;float:none; font:11px dotum; color:#776677;}
.searchBoardList .itemSearch ol li.boardContents a{ text-decoration:none; font:11px dotum; color:#767676;}
.searchBoardList .itemSearch ol li.boardContents a:hover{ text-decoration:underline;color:#000000;}

.line_dot_01 { clear:both; float:none; margin:15px 0; background:url(../img/common/line_dot.gif) repeat-x; height:1px;}

.area_tipComment { padding:0 0 0 25px; background:url(../img/icon/icon_tab.gif) 0 5px no-repeat; }
.area_tipComment ol { list-style:none;}
.area_tipComment ol li { }

.area_box_bgWhiteGray { float:none; clear:both; padding:10px; background:#f9f9f9; overflow:auto;}

.area_shortcut { padding:0 0 0 80px; background:url(../img/mypage/my_lnk.gif) 18px 6px no-repeat; overflow:auto; _display:inline-block;}
.area_shortcut ol{ list-style:none;}
.area_shortcut ol li{ float:left; padding:0 0 0 5px;}


.area_button { clear:both; float:none; border-top:1px solid #f3f3f3; padding:16px 0;}
.area_button .button_left {float:left; }
.area_button .button_left ol { list-style:none; clear:both; float:none;}
.area_button .button_left ol li {float:left; line-height:30px; padding:0 0 0 10px;}
.area_button .button_right {float:right; }
.area_button .button_right ol { list-style:none; clear:both; float:none;}
.area_button .button_right ol li {float:left;line-height:30px; padding:0 0 0 10px; }

.area_board_control { float:none; clear:both; display: flex; align-items: center; border-top:1px solid #1f3974; padding: 10px 0; font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.area_board_control > div + div { margin-left: 10px; }
.area_board_control .board_status strong { color:#000000; font-weight:600; }
.area_board_control .board_search > ol { display: flex; align-items: center; list-style:none; }
.area_board_control .board_search ol li + li { padding-left: 5px; }
.area_board_control .board_search ol li .lectureSearch { display: block; }

.area_board_control .board_sort { float:right;}
.area_board_control .board_sort ol{list-style:none;}
.area_board_control .board_sort ol li{float:left; color:#3e3e3e;line-height:18px;}
.area_board_control .board_sort ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; line-height:14px;}
.area_board_control .board_sort ol li a{font:11px dotum; color:#3e3e3e; text-decoration:none;}
.area_board_control .board_sort ol li a:hover{font:11px dotum; color:#3671d0; text-decoration:none;}

.area_board_controler { border-bottom:2px solid #dbdbdb; border-top:1px solid #3671d0; height:23px; padding:7px 0 0 0 ;}
.area_board_controler .board_status {float:left;font:11px dotum; color:#3e3e3e;padding:0 5px 0 0; line-height:22px;}
.area_board_controler .board_status strong {font:11px tahoma !important; color:#000000; font-weight:bold !important;}
.area_board_controler .board_search {float:left;}
.area_board_controler .board_search ol{list-style:none;}
.area_board_controler .board_search ol li{float:left;padding:0 2px;}
.area_board_controler .board_sort { float:right;}
.area_board_controler .board_sort ol{list-style:none;}
.area_board_controler .board_sort ol li{float:left; color:#3e3e3e;}
.area_board_controler .board_sort ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; line-height:18px;}
.area_board_controler .board_sort ol li a{font:11px dotum; color:#3e3e3e; text-decoration:none;}
.area_board_controler .board_sort ol li a:hover{font:11px dotum; color:#3671d0; text-decoration:none;}

.border0 { border:0 !important;}

.area_colum2_left { float:left; width:370px; _display:inline-block; }
.area_colum2_right { float:right; width:370px; _display:inline-block; }
.area_title_more { float:none; clear:both; margin:0; padding:0;}
.area_title_more .title { float:left;}
.area_title_more .more { float:right;}

.area_title_basic { border-bottom: 2px solid #448ad8; padding:0 0 10px 0 ; margin:0 0 20px 0 ; overflow:auto; float:none; clear:both;}
.area_title_basic .subject { font-size: 20px; font-weight: 500;  display:inline-block}
.area_title_basic .subject strong { color:#6095eb; }
.area_title_basic .control { float:right; padding:10px 0 0 0;}
.area_title_basic .control ol { }
.area_title_basic .control ol li{ float:left; line-height:22px; vertical-align: top; padding:0 10px 0 10px; font:11px dotum; border-right:1px solid #eeeeef;}
.area_title_basic .control ol li a { color:#666666; font-weight:bold;}
.area_title_basic .control ol li a:hover{ color:#267bda; font-weight:bold;}
.area_title_basic .control ol li img{ display:inline; vertical-align:middle}

.area_prouct_viewBox { float:none; clear:both;}
.area_prouct_viewBox .pr_left { float:left; width:355px; text-align:center;}
.area_prouct_viewBox .pr_left .pr_img {}
.area_prouct_viewBox .pr_left .pr_img img{padding:5px; background:#faf9f8;}
.area_prouct_viewBox .pr_left .pr_imgControl { float:none; clear:both; padding:10px 0 0 0;}
.area_prouct_viewBox .pr_right { float:right;width:410px;}
.area_prouct_viewBox .pr_right .acitonArea {}
.area_prouct_viewBox .pr_right .acitonArea ol {}
.area_prouct_viewBox .pr_right .acitonArea ol li { float:left; padding:0 10px 0 0;}

.table_view_basic { border-collapse:collapse; table-layout:fixed; width:100%;border-bottom:1px solid #e1e1e1;}
.table_view_basic tbody th{ padding:5px 0 5px 0; color:#9a9a9a; letter-spacing:-1px;}
.table_view_basic tbody td{ padding:5px 0 5px 0; color:#353535; }
.table_view_basic tbody td > .input_text_whitebg[name=ProductCnt] + div { margin-top: 2px; }

.area_valuationInfo { display: flex; justify-content: space-between; align-items: center; padding: 0 0 15px 0; border-bottom:1px solid #dddede; }
.area_valuationInfo ol { list-style: none; display: flex; align-items: center; gap: 14px; margin: 0; padding: 0; }
.area_valuationInfo ol li { color:#85898e; }
.area_valuationInfo ol li strong { color:#626669;font-weight: 500;} 
.area_valuationInfo ol li.star { padding:0 25px 0 20px;}
.area_valuationInfo ol li.score { padding:0 10px 0 0; border-right:1px solid #e7e8e8; font-size: 18px; font-weight: 600; color:#83898d; }
.area_valuationInfo ol li img { display:inline; vertical-align:middle;}


.area_icons { clear:both;}
.area_icons ol { list-style:none;}
.area_icons ol li { float:left; padding:0 5px 0 0;}
.area_subject { clear:both; font-family: var(--theme-font); font-size: 16px; font-weight: 600; color: var(--normal-font-color); line-height: 140%; letter-spacing: 0; }
.area_subject a { color:#000 !important;}
.area_subject a:hover { color:#3071d8 !important;}
.area_subject > span.txt_black1_12_dotum { font-weight: 400; }
.area_price {clear:both;}
.area_price ol { list-style:none; margin-top: 5px; display: flex; align-items: center; gap: 4px; }
.area_price ol li strong{ color:#ff531e !important; font-weight:bold;}
.area_price ol li.sale strong{ color:#797979 !important; text-decoration:overline;}

.area_buttons { float:none; clear:both; margin:0 auto;}
.area_buttons ol {list-style:none;}
.area_buttons ol.buttons{ padding:0 0 0 15px; }
.area_buttons ol.buttons li{ padding:0;}
/* 20101115수정 */.area_buttons ol li {float:left; text-align:left; padding:0 5px 4px 0; font:11px dotum; line-height:12px;}

.area_board_title { font-family: var(--theme-font); font-size: var(--normal-font-size); }
.area_board_title .titleImg { margin:0 0 15px 0;  font-size: 1.4em; font-weight: 600; color: var(--theme-color); }
.area_board_title .titleComment { border-top:2px solid var(--theme-emp-color); padding:15px; background:#fafafa; font-size: 0.9em; }

.area_lecture_action{ margin:0 auto; padding:15px 10px; overflow:auto; }
.area_board_action { padding:10px 0; overflow:auto;}
.area_board_action2 { margin:10px 0;padding:10px 0 0 0; overflow:auto; border-top:1px solid #b1b1b1;}
.area_board_action_c { padding:10px 0; overflow:auto; margin:0 auto;  text-align:center;}
/* 20101115수정 */.area_board_action_c input { line-height:40px; vertical-align:middle;}
/* 20101115수정 */.area_board_action_c img {line-height:40px; vertical-align:middle;}

.lecview_skin001 { font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.lecview_skin001 .lecview_skin001_infos { justify-content: space-between; align-items: flex-start; column-gap: 40px; }
.area_lecture_view_left .lecture_detail .subject { padding: 10px 0; font-size: 18px; font-weight: 700; color: #1f3974; border-bottom: 2px solid #2758a8; }

.area_lecture_view_left .actionControl { border-bottom:3px solid #5287dd; border-top:1px solid #1c52aa; color:#ffffff; }
.area_lecture_view_left .actionControl ol.sel_lecture { border-bottom:1px solid #6a9cec; width:100%; background: var(--theme-emp-color); ; }
.area_lecture_view_left .actionControl ol.sel_lecture > label { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; padding: 10px;  width:100%; cursor: pointer; }
.area_lecture_view_left .actionControl ol.sel_lecture li.s_check input { display: block; width: 16px; height: 16px; }
.area_lecture_view_left .actionControl ol.sel_lecture li.s_val { flex: 0 0 30px; color:#cbdfff; }
.area_lecture_view_left .actionControl ol.sel_lecture li.s_subject { flex: 3 2 auto; font-weight: 600; }
.area_lecture_view_left .actionControl ol.sel_lecture li.s_price { flex: 1 0 180px; color: #7faaee; text-align: right; font-weight: 600; }
.area_lecture_view_left .actionControl ol.sel_lecture li.s_price .txt_price_sale_big_blueBG { font: inherit; color: #7faaee; }
.area_lecture_view_left .actionControl ol.sel_lecture li.s_price .txt_price_big { font: inherit; color: #ff8964; }

.area_lecture_view_left .actionControl ol.sel_book { border-bottom:1px solid #1c52aa; width:100%; background:var(--theme-color);}
.area_lecture_view_left .actionControl ol.sel_book > label { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; padding: 10px;  width:100%; cursor: pointer;  }
.area_lecture_view_left .actionControl ol.sel_book li.s_check input { display: block; width: 16px; height: 16px; }
.area_lecture_view_left .actionControl ol.sel_book li.s_val { flex: 0 0 30px; color:#cbdfff; }
.area_lecture_view_left .actionControl ol.sel_book li.s_subject { flex: 3 2 auto; font-weight: 600; }
.area_lecture_view_left .actionControl ol.sel_book li.s_price { flex: 1 0 180px; color: #7faaee; text-align: right; font-weight: 600; }
.area_lecture_view_left .actionControl ol.sel_book li.s_price .txt_price_big { font: inherit; color: #ff8964; }

.area_lecture_view_left .actionControl .buttons { clear:both; background:url(../img/lecture/background_btn_action.gif); padding: 10px; }
.area_lecture_view_left .actionControl .buttons ol { display: flex; column-gap: 10px; justify-content: center; list-style:none; padding: 5px; }
.area_lecture_view_left .actionControl .buttons ol li { }

.area_lecture_view_left .lecture_introduce {}
.area_lecture_view_left .lecture_introduce .title{ margin:0 0 20px 0;}
.area_lecture_view_left .lecture_books {}
.area_lecture_view_left .lecture_books .title{margin:0 0 20px 0;}
.area_lecture_view_left .lecture_books .area_pic { float:left; margin:0 5px 0 0; _margin:0 5 0 0;}
.area_lecture_view_left .lecture_books .area_detail {float:left; width:453px; margin:0px 0 0 5px; padding:0;}
.area_lecture_view_left .lecture_books .area_detail ol{ display: flex; align-items: center; padding: 4px 0; color:#afafaf; }
.area_lecture_view_left .lecture_books .area_detail ol li.bar { margin:0 5px; color:#dfdfdf; }
.area_lecture_view_left .lecture_books .area_detail ol li.txt_price { font-family: var(--theme-font); font-size: var(--normal-font-size); }
.area_lecture_view_left .lecture_books .area_detail ol li.txt_price .txt_price_sale_big_blueBG { font: inherit; color: #7faaee; }
.area_lecture_view_left .lecture_books .area_detail ol li.txt_price .txt_price_big { font: inherit; color: #ff8964; }
.area_lecture_view_left .lecture_books .area_detail ol li strong{color:#7c7c7c; font:11px dotum; letter-spacing:-1px;}
.area_lecture_view_left .lecture_books .area_detail ul{ list-style:none; clear:both; float:none;}
.area_lecture_view_left .lecture_books .area_detail ul li{ color:#7c7c7c; }
.area_lecture_view_left .lecture_books .area_detail ul li img { display:inline;}
.area_lecture_view_left .lecture_books .area_detail ul li.btn{ padding:6px 0 0 0;}
.area_lecture_view_left .lecture_books .area_detail ul li a{ color:#3c3c3c; text-decoration:none; font-weight:bold;}
.area_lecture_view_left .lecture_books .area_detail ul li a:hover{ color:#00dab4;}

.area_lecture_contents_view { margin:0 0 30px 0 ;padding:0 0 50px 0 ; overflow:hidden; }
.area_lecture_contents_view .title { margin:10px 0 10px 0; color:#999999; text-align:right; }
.area_lecture_contents_view .tabLectureCont { background:url(../img/lecture/lecture_tab_bg.gif) repeat-x; height:40px;}
.area_lecture_contents_view .tabLectureCont ol{ margin:0; padding:0;}
.area_lecture_contents_view .tabLectureCont ol li{ float:left; }

.area_lecture_view_right { flex: 0 0 250px; background-color: #5287dd; margin:0 auto; border-bottom:10px solid #3671d0; }
.area_lecture_view_right .blue_buttons { padding:10px; overflow:auto; border-bottom:1px solid #2758a8; display:inline-block;}
.area_lecture_view_right .blue_buttons ol { list-style:none;}
.area_lecture_view_right .blue_buttons ol li { float:left;}
.area_lecture_view_right .pic_teacher { margin:0 auto; padding:22px 0; border-top:1px solid #6a9cec;border-bottom:1px solid #4378cd; }
.area_lecture_view_right .pic_teacher .pic {margin:0 auto; text-align:center;}
.area_lecture_view_right .pic_teacher .pic .picFrame {padding:3px; border:1px solid #2758a8; background:#3671d0}
.area_lecture_view_right .pic_teacher .name { color:#c9deff; text-align:center; padding:10px 0 0 0 ;}
.area_lecture_view_right .lecture_score { border-top:1px solid #6398de;border-bottom:1px solid #4378cd;  padding:25px 0 25px 0 ; margin:0 auto;}
.area_lecture_view_right .lecture_score .scoreBox { margin:0 auto; width:152px; height:59px; background:url(../img/lecture/img_gradenum.gif) no-repeat; position:relative}
.area_lecture_view_right .lecture_score .scoreBox .text { position:absolute; top:10px; left:63px; font:26px verdana; font-style:italic; letter-spacing:-1px; color:#b8d0f5}
.area_lecture_view_right .lecture_score .scoreBox .text strong{ font-weight: normal;font-style:italic; color:#FFFFFF }
.area_lecture_view_right .lecture_newest {clear:both; float:none; border-top:1px solid #6398de;border-bottom:1px solid #4378cd; padding:25px 10px;margin:0 auto;}
.area_lecture_view_right .lecture_newest .area_tabs { clear:both; float:none;}
.area_lecture_view_right .lecture_newest .area_tabs .title { float:left;}
.area_lecture_view_right .lecture_newest .area_tabs ol { float:right; list-style:none;}
.area_lecture_view_right .lecture_newest .area_tabs ol li{ float:left; padding:0 0 0 5px; line-height:8px;}
.area_lecture_view_right .lecture_newest .area_tabs ol li.bar{color:#e4e4e4; font:8px dotum; letter-spacing:-1px; margin:0 5px; padding:0 0 0 0;}
.area_lecture_view_right .lecture_newest .area_content {margin:15px 0 0 0;}
.area_lecture_view_right .lecture_newest .area_content ol { list-style:none;}
.area_lecture_view_right .lecture_newest .area_content ol li { clear:both; float:none;background:url(../img/icon/dot_01.gif) 5px 5px no-repeat; padding:0 0 4px 13px;  *padding:0 0 2px 13px; font:12px dotum; color:#cbdbf5; letter-spacing:-1px; margin:4px 0 0 0; *margin:2px 0 0 0;  overflow:auto;}
.area_lecture_view_right .lecture_newest .area_content ol li.last { border:0; }
.area_lecture_view_right .lecture_newest .area_content ol li a{font:12px dotum; color:#cbdbf5;text-decoration:none;}
.area_lecture_view_right .lecture_newest .area_content ol li a:hover{font:12px dotum; color:#ffffff;text-decoration:underline;}
.area_lecture_view_right .lecture_newest .area_content ol li span { float:left; padding:0 5px 0 0;}
.area_lecture_view_right .lecture_newest .area_content ol li .txt_name { float:left; color:#cbdbf5; width:38px;}
.area_lecture_view_right .lecture_newest .area_content ol li .txt_tea{ float:left; font-weight:bold; width:43px;}
.area_lecture_view_right .lecture_newest .area_content ol li .txt_subject{ float:left;}
.area_lecture_view_right .lecture_newest .area_content ol li .icon_star{ float:right;}

.area_teacherHome { clear:both; float:none; overflow:auto;}
.area_teacherHome .teaHeader {background:#3671d0; border-bottom:1px solid #2758a8; padding:6px 6px 4px 6px; margin:0 auto; overflow:auto; _display:inline-block}
.area_teacherHome .teaHeader .btnTop { float:left;}
.area_teacherHome .teaHeader .btnTop ol { list-style:none;}
.area_teacherHome .teaHeader .btnTop ol li { float:left;}
.area_teacherHome .teaHeader .lectureInfo { float:right;}
.area_teacherHome .teaHeader .lectureInfo ol {list-style:none; float:left;}
.area_teacherHome .teaHeader .lectureInfo ol li { float:left; padding:0 5px; line-height:27px; font:12px tahoma; color:#ffffff; font-weight:bold;margin:5px 0 0 0;}
.area_teacherHome .teaHeader .lectureInfo ol li.button{ float:left; padding:0 5px;margin:0;}
.area_teacherHome .teaBody { clear:both; float:none; padding:20px 5px 20px 20px; background:#5287dd; border-top:1px solid #6a9cec; color:#cbdbf5; overflow:auto;  _display:inline-block;}
.area_teacherHome .teaBody .pic_teacher { float:left; margin:0 auto; width:140px; margin:0 20px 0 0 ;}
.area_teacherHome .teaBody .pic_teacher .pic {margin:0 auto; text-align:center;}
.area_teacherHome .teaBody .pic_teacher .pic .picFrame {padding:3px; border:1px solid #2758a8; background:#3671d0}
.area_teacherHome .teaBody .pic_teacher .name { font:12px dotum; letter-spacing:-1px; color:#c9deff; text-align:center; padding:10px 0 0 0 ;}
.area_teacherHome .teaBody .teaBodyTop { float:left; padding:0 0 20px 0;  margin:0 0 20px 0; border-bottom:1px solid #5c91de; width:570px;}
.area_teacherHome .teaBody .teaBodyTop .teaIntroduce { float:left; width:380px;}
.area_teacherHome .teaBody .teaBodyTop .teaIntroduce .teaTitle { float:none; clear:both; font:14px dotum; color:#ffffff; font-weight:bold; letter-spacing:-1px; margin:0 0 10px 0 ;}
.area_teacherHome .teaBody .teaBodyTop .teaIntroduce .teaSubTitle { float:none; clear:both; font:11px dotum; letter-spacing:-1px; line-height:14px;}
.area_teacherHome .teaBody .teaBodyTop .lecture_score {float:right; margin:0 auto; width:152px; height:59px; background:url(../img/lecture/img_gradenum.gif) no-repeat; position:relative}
.area_teacherHome .teaBody .teaBodyTop .lecture_score .text { position:absolute; top:10px; left:63px; font:26px verdana; font-style:italic; letter-spacing:-1px; color:#b8d0f5}
.area_teacherHome .teaBody .teaBodyTop .lecture_score .scoreBox .text strong{font-style:italic; color:#FFFFFF }
.area_teacherHome .teaBody .teaBodyMiddle {float:left; width:570px;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest {float:left; width:265px;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_tabs { clear:both; float:none;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_tabs .title { float:left;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_tabs ol { float:right; list-style:none;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_tabs ol li{ float:left; padding:0 0 0 5px; line-height:8px;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_tabs ol li.bar{color:#e4e4e4; font:8px dotum; letter-spacing:-1px; margin:0 5px; padding:0 0 0 0;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content {margin:15px 0 0 0;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol { list-style:none;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li { clear:both; float:none;background:url(../img/icon/dot_01.gif) 5px 5px no-repeat; padding:0 0 4px 13px;  *padding:0 0 2px 13px; font:12px dotum; color:#cbdbf5; letter-spacing:-1px; margin:4px 0 0 0; *margin:2px 0 0 0;  overflow:auto;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li.last { border:0; }
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li a{font:12px dotum; color:#cbdbf5;text-decoration:none;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li a:hover{font:12px dotum; color:#ffffff;text-decoration:underline;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li span { float:left; padding:0 5px 0 0;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li .txt_name { float:left; color:#cbdbf5; width:38px;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li .txt_tea{ float:left; font-weight:bold; width:43px;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li .txt_subject{ float:left;}
.area_teacherHome .teaBody .teaBodyMiddle .lecture_newest .area_content ol li .icon_star{ float:right;}
.area_teacherHome .teaControl { clear:both; float:none; height:44px; background:url(../img/teacher/btn_tab07.gif) repeat-x;}
.area_teacherHome .teaControl ol { list-style:none;}
.area_teacherHome .teaControl ol li { float:left;}

.area_teacherBoard { padding:40px 0; overflow:auto; _display:inline-block;}
.area_teacherBoard .lecture_newest {float:left; width:350px;}
.area_teacherBoard .lecture_newest .area_tabs { clear:both; float:none;}
.area_teacherBoard .lecture_newest .area_tabs .title { float:left;}
.area_teacherBoard .lecture_newest .area_tabs ol { float:right; list-style:none;}
.area_teacherBoard .lecture_newest .area_tabs ol li{ float:left; padding:0 0 0 5px; line-height:8px;}
.area_teacherBoard .lecture_newest .area_tabs ol li.bar{color:#e4e4e4; font:8px dotum; letter-spacing:-1px; margin:0 5px; padding:0 0 0 0;}
.area_teacherBoard .lecture_newest .area_content {margin:15px 0 0 0;}
.area_teacherBoard .lecture_newest .area_content ol { list-style:none;}
.area_teacherBoard .lecture_newest .area_content ol li { clear:both; float:none;background:url(../img/icon/dot_01.gif) 5px 5px no-repeat; padding:0 0 4px 13px;  *padding:0 0 2px 13px; font:12px dotum; color:#7c7c7c; letter-spacing:-1px; margin:4px 0 0 0; *margin:2px 0 0 0;  overflow:auto;}
.area_teacherBoard .lecture_newest .area_content ol li.last { border:0; }
.area_teacherBoard .lecture_newest .area_content ol li a{font:12px dotum; color:#7c7c7c;text-decoration:none;}
.area_teacherBoard .lecture_newest .area_content ol li a:hover{font:12px dotum; color:#40b1b4;text-decoration:underline;}
.area_teacherBoard .lecture_newest .area_content ol li span { float:left; padding:0 5px 0 0;}
.area_teacherBoard .lecture_newest .area_content ol li .txt_name { float:left; color:#cbdbf5; width:38px;}
.area_teacherBoard .lecture_newest .area_content ol li .txt_tea{ float:left; font-weight:bold; width:43px;}
.area_teacherBoard .lecture_newest .area_content ol li .txt_subject{ float:left;}
.area_teacherBoard .lecture_newest .area_content ol li .icon_star{ float:right;}

.area_teacherIntroCon { float:none; clear:both;} 
.area_teacherIntro {width:250px; float:left; border:1px solid #ebebeb; margin:0 10px 0 0;}
.area_teacherIntro .tea_title { padding:14px 10px; float:left;}
.area_teacherIntro .arrowDown { padding:17px 10px; float:right;}
.area_teacherIntro .contentsBox {clear:both; float:none; padding:10px !important; margin:1px; background:#fcfcfc; height:150px; overflow:auto}



.area_teacherInfo .teacherMain .contents .tea_say{}
.area_teacherInfo .teacherMain .contents .tea_say .area_tabs { clear:both; float:none;}
.area_teacherInfo .teacherMain .contents .tea_say .area_tabs .title { float:left;}
.area_teacherInfo .teacherMain .contents .tea_say .area_tabs ol { float:right; list-style:none;}
.area_teacherInfo .teacherMain .contents .tea_say .area_tabs ol li{ float:left; padding:0 0 0 5px; line-height:8px;}
.area_teacherInfo .teacherMain .contents .tea_say .area_tabs ol li.bar{color:#e4e4e4; font:8px dotum; letter-spacing:-1px; margin:0 5px; padding:0 0 0 0;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content {margin:15px 0 0 0;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol { list-style:none;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li { clear:both; float:none;background:url(../img/icon/dot_01.gif) 5px 5px no-repeat; padding:0 0 4px 13px;  *padding:0 0 2px 13px; font:12px dotum; color:#cbdbf5; letter-spacing:-1px; margin:4px 0 0 0; *margin:2px 0 0 0;  overflow:auto;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li.last { border:0; }
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li a{font:12px dotum; color:#cbdbf5;text-decoration:none;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li a:hover{font:12px dotum; color:#ffffff;text-decoration:underline;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li span { float:left; padding:0 5px 0 0;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li .txt_name { float:left; color:#cbdbf5; width:38px;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li .txt_tea{ float:left; font-weight:bold; width:43px;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li .txt_subject{ float:left;}
.area_teacherInfo .teacherMain .contents .tea_say .area_content ol li .icon_star{ float:right;}

.area_comment {}
.area_comment ol{ list-style:none; }
.area_comment ol li{background:url(../img/icon/dot_01.gif) 5px 5px no-repeat; padding:0 0 4px 13px; font:11px dotum; }

.area_inquiryDate { margin: 0; padding: 10px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.area_inquiryDate > ol { list-style:none; display: flex; align-items: center; gap: 4px; }
.area_inquiryDate > ol li.title { padding-right: 10px; color:#000000; font-size: 0.9em; font-weight:500; letter-spacing:-1px; }
.area_inquiryDate > ol li { display: flex; align-items: center; gap: 4px; }
.noBorder { border:0 !important;}

.area_inquiryBasic { float:none; clear:both; margin:0; padding:10px 0;  border-bottom:1px solid #dcdcdc; overflow:auto;}
.area_inquiryBasic ol { list-style:none;}
.area_inquiryBasic ol li { float:left; padding:0 5px 0 0; font:11px dotum; color:#999999; letter-spacing:-1px}
.area_inquiryBasic ol li.check { padding:0 10px 0 0 ; line-height:20px;}
.area_inquiryBasic ol li.title { font:11px dotum; color:#000000; font-weight:bold; letter-spacing:-1px;  padding:0 15px 0 0; line-height:24px;}

.area_tabMenu_basic { background:#3671d0; padding:5px 5px 0 5px; overflow:auto;}
.area_tabMenu_basic ol { overflow:auto; list-style:none;}
.area_tabMenu_basic ol li { float:left; padding:7px; margin:0 5px 0 0;}
.area_tabMenu_basic ol li.current{ border-left:1px solid #1e50a2;border-right:1px solid #1e50a2;border-top:1px solid #1e50a2;background:#ffffff; font:11px dotum; font-weight:bold; color:#2a61bb;}
.area_tabMenu_basic ol li.current a {font:11px dotum; font-weight:bold; color:#2a61bb; text-decoration:none;}
.area_tabMenu_basic ol li.normal {border-left:1px solid #1e50a2; border-right:1px solid #1e50a2; border-top:1px solid #1e50a2; background:#2a61bb; font:11px dotum; font-weight:bold; color:#ffffff;}
.area_tabMenu_basic ol li.normal a { font:11px dotum; font-weight:bold; color:#ffffff; text-decoration:none;}
.area_simplyInfo { padding:10px 0; font-size: 14px; letter-spacing: -0.5px; }


.area_credit { border-top: 1px solid var(--theme-emp-color); border-bottom: 1px solid var(--theme-emp-color); background-color: var(--theme-color); min-height:40px; font-family: var(--theme-font); }
.area_credit ol { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 10px; }
.area_credit ol li { font-size: var(--normal-font-size); font-weight: 500; color:#ffffff; }
.area_credit ol li.title { flex: 0 0 140px; background:url(../img/mypage/title_credit.gif) 0 0 no-repeat; height: 14px; }


.area_tabMenu_category { float:none; clear:both; border-top: 2px solid #458bd8; border-bottom:1px solid #efefef; overflow:auto; padding:10px 0 ;}
.area_tabMenu_category ol { list-style:none;}
.area_tabMenu_category ol li { float:left; padding:0 12px; border-right:1px solid #e8e8e8;}
.area_tabMenu_category ol li a{ font:12px dotum; color:#787878; text-decoration:none}
.area_tabMenu_category ol li a:hover{ color:#61b700; text-decoration: underline;}
.area_tabMenu_category ol li.last {border-right:0}


.area_staus_prouct { float:none; clear:both;}
.area_staus_prouct .notice { float:left; background:url(../img/store/arrow_down.gif) no-repeat 2px 4px; font:11px dotum; color:#959595; letter-spacing:-1px; padding:0 0 0 20px;}
.area_staus_prouct .tabMenu  { float:right;}
.area_staus_prouct .tabMenu ol { list-style:none;}
.area_staus_prouct .tabMenu ol li { float:left; padding:0 10px 0 0;}
.area_staus_prouct .tabMenu ol li.term { padding:0 10px 0 15px;}

.area_product_list {float:none; clear:both;}
.area_product_list .product_item { float:none; clear:both; padding:15px 0; border-bottom:1px solid #e9e9e9; overflow:auto;}
.area_product_list .product_item .paddingTop{ padding-top:18px !important;}
.area_product_list .product_item .pr_img { float:left; padding:0 20px;}
.area_product_list .product_item .pr_name { float:left; width:380px;}
.area_product_list .product_item .pr_name ol { list-style:none;}
.area_product_list .product_item .pr_name ol li { font:11px dotum;  padding:5px 0 0 0;}
.area_product_list .product_item .pr_name ol li a{ font:12px dotum; color:#000000; text-decoration:none;}
.area_product_list .product_item .pr_name ol li a:hover{ font:12px dotum; color:#3671d0; text-decoration:underline;}
.area_product_list .product_item .pr_name ol li.button { float:left;}
.area_product_list .product_item .pr_price { float:left;padding:0 20px;}
.area_product_list .product_item .pr_price ol {list-style:none;}
.area_product_list .product_item .pr_price ol li { text-align:right; padding:5px 0 0 0; font:11px doum; color:#666666;}
.area_product_list .product_item .pr_price ol li img { display:inline;}
.area_product_list .product_item .pr_score { float:right;}
.area_product_list .product_item .pr_score ol {list-style:none;}
.area_product_list .product_item .pr_score ol li { text-align:center; font:11px doum; color:#666666; letter-spacing:-1px; padding:5px 0 0 0;}
.area_product_list .product_item .pr_score ol li a{ font:11px dotum; text-decoration:underline; font-weight:bold; color: #333333;}
.area_product_list .product_item .pr_score ol li a:hover{ font:11px dotum; text-decoration:underline; color:#3cb6b2;font-weight:bold;}
.area_product_list .product_item .pr_score ol li.score { font:18px arial; font-weight:bold; color:#83898d}
.area_product_list .product_item .pr_score ol li img { display:inline;}

.area_product_list .product_itemThum { float:left; width:140px; min-height: 260px; padding:35px 7px; overflow:auto; border-bottom:1px solid #e9e9e9;}
.area_product_list .product_itemThum .paddingTop{ }
.area_product_list .product_itemThum .pr_img { float:none; clear:both; margin:0 auto; text-align:center}
.area_product_list .product_itemThum .pr_name {  float:none; clear:both;text-align:center}
.area_product_list .product_itemThum .pr_name ol { list-style:none; display:inline-block;}
.area_product_list .product_itemThum .pr_name ol li { font:11px dotum; color:#8e8e8e; padding:5px 0 0 0; text-align:center;}
.area_product_list .product_itemThum .pr_name ol li a{ font:11px dotum; color:#000000; text-decoration:none; letter-spacing:-1px;}
.area_product_list .product_itemThum .pr_name ol li a:hover{ font:11px dotum; color:#3671d0; text-decoration:underline;}
.area_product_list .product_itemThum .control { float:none; clear:both; margin:0 auto; text-align:center; padding-top:5px;}
.area_product_list .product_itemThum .control ol { list-style:none;  display:inline-block;}
.area_product_list .product_itemThum .control ol li { float:left;}
.area_product_list .product_itemThum .pr_price { float:none; clear:both;}
.area_product_list .product_itemThum .pr_price ol {list-style:none;text-align:center;}
.area_product_list .product_itemThum .pr_price ol li { padding:5px 0 0 0; font:11px doum; color:#666666; text-align:center;}
.area_product_list .product_itemThum .pr_price ol li img { display:inline;}


.area_teacher_list {float:none; clear:both; letter-spacing: -5px; }
.area_teacher_list .teacher_itemThum {display:inline-block;width:140px;padding:35px 7px;overflow:hidden;border-bottom:1px solid #e9e9e9; letter-spacing: 0;}
.area_teacher_list .teacher_itemThum .paddingTop{ }
.area_teacher_list .teacher_itemThum .pr_img { float:none; clear:both; margin:0 auto; text-align:center;}
.area_teacher_list .teacher_itemThum .pr_name {  float:none; clear:both;text-align:center}
.area_teacher_list .teacher_itemThum .pr_name ol { list-style:none; display:inline-block;}
.area_teacher_list .teacher_itemThum .pr_name ol li { font:11px dotum; color:#8e8e8e; padding:5px 0 0 0; text-align:center;}
.area_teacher_list .teacher_itemThum .pr_name ol li a{ font:11px dotum; color:#000000; text-decoration:none; letter-spacing:-1px;}
.area_teacher_list .teacher_itemThum .pr_name ol li a:hover{ font:11px dotum; color:#3671d0; text-decoration:underline;}



.area_contents_list { float:none; clear:both;}
.area_contents_list ol { clear:both; float:none;padding:15px 0 15px 0; float:left;border-bottom:1px solid #f2f3f3; width:100%}
.area_contents_list ol li {float:left;}
.area_contents_list ol li.title {float:left;padding:10px 10px;color:#448ad8; font:11px dotum; font-weight:bold;background:url(../img/store/icon_dot.gif) 0 14px no-repeat;width:100px;}
.area_contents_list ol li ul {float:left;}
.area_contents_list ol li ul li { float:none; font:11px dotum; color:#85898e; letter-spacing:-1px; line-height:24px; background:url(../img/store/icon_listBar.gif) 0 11px no-repeat; padding-left:10px;}
.area_contents_list ol li ul li.title_sub { background:#ffffff; font-weight:bold; padding-top:10px;padding-left:0;}


.tabImgControl { clear:both; float:none; height:43px; background:url(../img/teacher/btn_tab07.gif) bottom repeat-x #5287dd; padding:10px 0 0 15px; border-top:1px solid #6a9cec;}
.tabImgControl ol { list-style:none;}
.tabImgControl ol li { float:left;}

.area_box_borderGray{}
.top-left, .top-right { background-image: url(../img/common/corners1280x18.gif);height: 9px;font-size: 2px;}
.bottom-left, .bottom-right { background-image: url(../img/common/corners1280x18.gif);height: 12px;font-size: 2px;}
.top-left, .bottom-left { margin-right: 9px;}
.top-right{ margin-left: 9px; margin-top: -9px; }
.bottom-right { margin-left: 12px; margin-top: -12px; }
.top-right {background-position: 100% 0;}
.bottom-left  { background-position: 0 -9px;}
.bottom-right { background-position: 100% -9px;}
.inside {border-left: 1px solid #ececec;border-right: 1px solid #ececec;background: #ffffff;color: #848484;  padding:10px 15px; overflow:auto;}
.insideAnswer {border-left: 1px solid #ececec;border-right: 1px solid #ececec;background: #ffffff;color: #848484;  padding: 10px 20px ;}
.insideAnswer .title { padding:0 0 10px 0; margin:0;}
.insideAnswer .answerCont {}


.area_subTitleImg { clear:both; float:none;}
.area_subTitleImg ol { margin:0; padding:0;}
.area_subTitleImg ol li{ float:left; line-height:24px; padding:0 5px 10px 0;}
/* 20101115수정 */.area_subTitleImg ol li img { padding:3px 0 0 0;}
.area_subTitleImg ol li.icon_arrow{ float:left; background:url(../img/common/icon_title_arrow0.gif) no-repeat; width:24px; height:24px; display:inline-block;}
.area_subTitleImg ol li.more{ float:right; line-height:24px; padding:0 5px 10px 0;}
.area_subTitle { clear:both; float:none;}
.area_subTitle ol { margin:0; padding:0;}
.area_subTitle ol li{ float:left; line-height:24px; padding:0 5px 10px 0;}
.area_subTitle ol li.title{ font:14px dotum; font-weight:bold; color:#2d6bbb; line-height:24px;}
.area_subTitle ol li.icon_arrow{ float:left; background:url(../img/common/icon_title_arrow0.gif) no-repeat; width:24px; height:24px; display:inline-block;}
.area_subTitle ol li.more{ float:right; line-height:24px; padding:0 5px 10px 0; font:11px dotum; color:#CCCCCC; }

.area_board-notice { clear:both; float:none;}
.area_board-notice .area_tabs { clear:both; float:none; padding:0 0 10px 0 ; border-bottom:1px solid #dedede; overflow:auto}
.area_board-notice .area_tabs .title { float:left;}
.area_board-notice .area_tabs ol { float:right; list-style:none;}
.area_board-notice .area_tabs ol li{ float:left; padding:0 0 0 5px; line-height:8px;}
.area_board-notice .area_content {margin:10px 0 0 0;}
.area_board-notice .area_content ol { list-style:none;}
.area_board-notice .area_content ol li { clear:both; float:none;padding:0 0 6px 0;  _padding:0 0 3px 0; font:11px dotum; color:#7c7c7c; letter-spacing:-1px; margin:6px 0 0 0; _margin:3px 0 0 0; border-bottom:1px solid #f7f7f7; overflow:auto;}
.area_board-notice .area_content ol li.last { border:0; }
.area_board-notice .area_content ol li a{font:11px dotum; color:#717171;text-decoration:none;}
.area_board-notice .area_content ol li a:hover{font:11px dotum; color:#009be2;text-decoration:underline;}
.area_board-notice .area_content ol li .txt_subject{ float:left;color:#717171; padding:0 0 0 13px;}
.area_board-notice .area_content ol li .text_category { float:left; color:#a197ea; width:15px; text-align:right; font-weight:bold;}
.area_board-notice .area_content ol li .text_category-event { float:left; color:#a197ea; width:57px; text-align:right; font-weight:bold;}
.area_board-notice .area_content ol li .text_category-faq { float:left; color:#52bdbd; width:80px; text-align:right; font-weight:bold;}
.area_board-notice .area_content ol li .text_category-noticeManage { float:left; color:#73a3f2; width:57px; text-align:right; font-weight:bold;}
.area_board-notice .area_content ol li .text_category-noticeEmergency { float:left; color:#ff2626; width:57px; text-align:right; font-weight:bold;}
.area_board-notice .area_content ol li .txt_date{ float: right; color:#c2c2c2; padding:0 1px 0 0; font-family:arial !important;}
.area_board-notice .area_content ol li .txt_date strong{color:#83ba48;font-weight:bold; font-family:arial !important;}
.area_board-notice .area_banner { float:none; clear:both; padding:4px 0 0 0;} 
.area_board-notice .area_banner ol { list-style:none;}
.area_board-notice .area_banner ol li.banner {}
.area_board-notice .area_banner ol li.txt_comment { padding:0 0 0 24px; color:#bababa; font:11px dotum; letter-spacing:-1px;}



.grayBackBox { clear:both; float:none;padding:20px 30px; margin:0 auto; background:#fcfcfc; border:1px solid #f2f2f2;}
.grayBackBox .inputArea {float:none; border-bottom:1px solid #f4f4f4; overflow:auto; padding:10px}
.grayBackBox .inputArea ol { list-style:none; float:left; padding:0 20px 0 0;}
.grayBackBox .inputArea ol li {text-align:right; padding:0 10px 2px 0; float:left; line-height:36px; margin:0;}
.grayBackBox .inputArea ol li.text {}
.grayBackBox .inputArea_c {float:none;overflow:auto; padding:10px 0 10px 150px; margin:0 auto;}
.grayBackBox .inputArea_c ol { list-style:none; float:left; padding:0 20px 0 0;}
.grayBackBox .inputArea_c ol li img { display:inline}
.grayBackBox .inputArea_c ol li {text-align:right; padding:0 10px 2px 0; float:left; margin:0;}
.grayBackBox .inputArea_c ol li.text { line-height:30px;}

.grayBackBox .acitonArea { float:none; clear:both; text-align:center; border-top:1px solid #ffffff;  padding:10px 0px;}
.grayBackBox .acitonBuleArea { float:none; clear:both; text-align:center; border:1px solid #2f639d;   font:11px dotum; color:#ffffff; height:25px; font-weight:bold; background-color:#448ad8; letter-spacing:-1px; text-align:center; text-align:center;background:url(../img/customer/bg_bar_faq.gif) top left;}
.grayBackBox .acitonBuleArea ol { list-style:none; padding:6px 0 0 0;}
.grayBackBox .acitonBuleArea ol li.start { float:left; padding:0 25px 0 30px;border-left:0}
.grayBackBox .acitonBuleArea ol li.end { float:left; padding:0 0 0 25px;border-right:0}
.grayBackBox .acitonBuleArea ol li { float:left; padding:0 20px 0 20px; border-left:1px solid #5296e0;border-right:1px solid #4183cd;}
.grayBackBox .acitonBuleArea ol li a{color:#ffffff; text-decoration:none}
.grayBackBox .acitonBuleArea ol li a:hover{color:#66ff29; text-decoration: none;}



.table_information_basic { border-collapse:collapse; margin:0; padding:0; width:100%; table-layout:fixed}
.table_information_basic tbody th { position: relative; padding: 8px 2px 8px 10px; font-weight:600; border-bottom: 1px solid #f6f6f6; vertical-align: middle; width: 7%; min-width: 70px; }
.table_information_basic tbody th:before { content: " "; display: block; position: absolute; top: 50%; left: 0; transform: translate( 0, -50%); width: 2px; height: 2px; background-color: var( --theme-color);  }
.table_information_basic tbody th:after { content: " "; display: block; position: absolute; top: 30%; bottom: 30%; right: 0; width: 1px; background-color: #dcdcdc; }
.table_information_basic tbody td { padding: 8px 15px ; border-bottom:1px solid #f6f6f6; }
.table_information_basic tbody td .txt_price { font: inherit; font-weight: 600; }
.table_information_basic tbody td .txt_price_sale { font: inherit; }


.comment_tableInside { line-height:16px; font-weight:normal; font:11px tahoma; margin:10px 0 0 0; letter-spacing:0px !important;}
.comment_tableInside .comment_title { font:11px dotum; color:#999; padding:0 0 5px 0;letter-spacing:-1px;}
.comment_tableInside .comment_title strong{ color:#09F;}
.comment_tableInside .buttonArea { margin:5px 0 0 0; float:none;}
.comment_tableInside dl { float:none; clear:both;}
.comment_tableInside dl dt{ float:left; margin:0 5px 5px 0; color:#999; border-bottom:1px solid #CCC}
.comment_tableInside dl dd{ float:left; padding:0 10px 0 0;}
.txt_pause { color:#F60 !important;}

.txt_price_sale_big_blueBG { color:#7faaee; font-weight:bold; text-decoration: line-through;}
.txt_price_big_blueBG { color:#ffffff; font-weight:bold;}
.txt_price_sale_big { color:#797979; font-weight:bold; text-decoration: line-through;}
.txt_price_big { color:#ff531e; font-weight: 600;}
.txt_price_bigest { font-size: 1.125em; color:#ff531e; font-weight:600;}

.txt_price_sale { color:#797979; font-weight:bold; text-decoration: line-through;}
.txt_price { color:#ff531e; font-weight:bold;}
.txt_replace_big { /* color:#ff531e; */font-weight:bold;}

.font_verdana {font: verdana !important;}
.font_tahoma {font: tahoma !important;}
.font_time {font: "Times New Roman" !important;}

.txt_black1_11_dotum { color:#000000; }
.txt_black1_12_dotum { color:#000000; }
.txt_black1_13_dotum { color:#000000; }
.txt_black1_14_dotum { color:#000000; }
.txt_black1_15_dotum { color:#000000; }
.txt_black1_16_dotum { color:#000000; }

.txt_blue1_11_dotum { color:#1f3974; }
.txt_blue1_12_dotum { color:#1f3974; }
.txt_blue1_13_dotum { color:#1f3974; }
.txt_blue1_14_dotum { color:#1f3974; }
.txt_blue1_15_dotum { color:#1f3974; }
.txt_blue1_16_dotum { color:#1f3974; }

.txt_blue2_11_dotum { color:#438cde; }
.txt_blue2_12_dotum { color:#438cde; }
.txt_blue2_13_dotum { color:#438cde; }
.txt_blue2_14_dotum { color:#438cde; }
.txt_blue2_15_dotum { color:#438cde; }
.txt_blue2_16_dotum { color:#438cde; }

.txt_gray0_11_dotum { color:#595959; }
.txt_gray0_12_dotum { color:#595959; }
.txt_gray0_13_dotum { color:#595959; }
.txt_gray0_14_dotum { color:#595959; }
.txt_gray0_15_dotum { color:#595959; }
.txt_gray0_16_dotum { color:#595959; }

.txt_gray1_11_dotum { color:#7c7c7c; }
.txt_gray1_12_dotum { color:#7c7c7c; }
.txt_gray1_13_dotum { color:#7c7c7c; }
.txt_gray1_14_dotum { color:#7c7c7c; }
.txt_gray1_15_dotum { color:#7c7c7c; }
.txt_gray1_16_dotum { color:#7c7c7c; }

.txt_gray2_11_dotum { color:#acacac; }
.txt_gray2_12_dotum { color:#acacac; }
.txt_gray2_13_dotum { color:#acacac; }
.txt_gray2_14_dotum { color:#acacac; }
.txt_gray2_15_dotum { color:#acacac; }
.txt_gray2_16_dotum { color:#acacac; }

.txt_gray3_11_dotum { color:#c3c3c3; }
.txt_gray3_12_dotum { color:#c3c3c3; }
.txt_gray3_13_dotum { color:#c3c3c3; }
.txt_gray3_14_dotum { color:#c3c3c3; }
.txt_gray3_15_dotum { color:#c3c3c3; }
.txt_gray3_16_dotum { color:#c3c3c3; }

.txt_red1_11_dotum { color:#ff2121; }
.txt_red1_12_dotum { color:#ff2121; }
.txt_red1_13_dotum { color:#ff2121; }
.txt_red1_14_dotum { color:#ff2121; }
.txt_red1_15_dotum { color:#ff2121; }
.txt_red1_16_dotum { color:#ff2121; }

.txt_red2_11_dotum { color:#ff68b6; }
.txt_red2_12_dotum { color:#ff68b6; }
.txt_red2_13_dotum { color:#ff68b6; }
.txt_red2_14_dotum { color:#ff68b6; }
.txt_red2_15_dotum { color:#ff68b6; }
.txt_red2_16_dotum { color:#ff68b6; }

.txt_green1_11_dotum { color:#7ad816; }
.txt_green1_12_dotum { color:#7ad816; }
.txt_green1_13_dotum { color:#7ad816; }
.txt_green1_14_dotum { color:#7ad816; }
.txt_green1_15_dotum { color:#7ad816; }
.txt_green1_16_dotum { color:#7ad816; }

.txt_green2_11_dotum { color:#f79b52; }
.txt_green2_12_dotum { color:#f79b52; }
.txt_green2_13_dotum { color:#f79b52; }
.txt_green2_14_dotum { color:#f79b52; }
.txt_green2_15_dotum { color:#f79b52; }
.txt_green2_16_dotum { color:#f79b52; }

.txt_green3_11_dotum { color:#3eb6b0; }
.txt_green3_12_dotum { color:#3eb6b0; }
.txt_green3_13_dotum { color:#3eb6b0; }
.txt_green3_14_dotum { color:#3eb6b0; }
.txt_green3_15_dotum { color:#3eb6b0; }
.txt_green3_16_dotum { color:#3eb6b0; }

.txt_orange1_11_dotum { color:#ff813d; }
.txt_orange1_12_dotum { color:#ff813d; }
.txt_orange1_13_dotum { color:#ff813d; }
.txt_orange1_14_dotum { color:#ff813d; }
.txt_orange1_15_dotum { color:#ff813d; }
.txt_orange1_16_dotum { color:#ff813d; }
 
.txt_orange2_11_dotum { color:#f9a31c; }
.txt_orange2_12_dotum { color:#f9a31c; }
.txt_orange2_13_dotum { color:#f9a31c; }
.txt_orange2_14_dotum { color:#f9a31c; }
.txt_orange2_15_dotum { color:#f9a31c; }
.txt_orange2_16_dotum { color:#f9a31c; }

.txt_chAddress { font-size: var(--normal-font-size); color:#93bef4; letter-spacing:-1px; background:url(../img/icon/arrow_orange.gif) 0 center no-repeat; padding:0 0 0 6px; text-decoration:none; font-weight: 500; }
.txt_chAddress:hover{text-decoration:underline;color:#2a80ed; }

.lineHeight12 {line-height:12px;}
.lineHeight14 {line-height:14px;}
.lineHeight16 {line-height:16px;}
.lineHeight18 {line-height:18px;}


.strong { font-weight:bold;}


.area_scroll200 { height:200px; overflow:auto;}
.area_scroll250 { height:250px; overflow:auto;}
.area_scroll300 { height:300px; overflow:auto;}
.area_scroll350 { height:350px; overflow:auto;}
.area_scroll400 { height:400px; overflow:auto;}
.area_scroll450 { height:450px; overflow:auto;}



.floatRight {float:right !important;}
.padding0 {padding:0 !important;}
.margin0 {margin:0 !important;}
.margin1 {height:1px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin2 {height:2px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin2 {height:2px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin10 {height:10px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin15 {height:15px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin20 {height:20px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin25 {height:25px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin26 {height:26px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin28 {height:28px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin30 {height:30px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin32 {height:32px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin34 {height:34px; padding:0; margin:0; font:0px; clear:both; float:none; }
.margin36 {height:36px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin38 {height:38px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin40 {height:40px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin42 {height:42px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin44 {height:44px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin45 {height:45px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin46 {height:46px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin48 {height:48px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin50 {height:50px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin60 {height:60px; padding:0; margin:0; font:0px; clear:both; float:none;}
.margin114 {height:114px; padding:0; margin:0; font:0px; }



/* Widget CSs */
.widget_ui-search { padding:0; margin:0;}
.widget_ui-search ol{list-style:none;}
.widget_ui-search ol li{float:left;}
.widget_ui-search ol li.title{ padding:5px 0 0 0;}
.widget_ui-search ol li .wid_searchTop_input{ width:105px; height:17px; padding:3px 0 0 10px; *margin:-1px 0 0 0; border:0px; background:url(../img/wid_top/bg_inputBox.gif) left top no-repeat; color:#FFFFFF; letter-spacing:-1px; font:11px dotum; }
.widget_ui-search ol li.wid_searchTop_article { font:11px dotum; letter-spacing:-1px; color:#738eac; padding:3px 0 0 5px;}
.widget_ui-search ol li.wid_searchTop_article a{ font:11px dotum; letter-spacing:-1px;  color:#738eac; text-decoration:none;}
.widget_ui-search ol li.wid_searchTop_article a:hover{ font:11px dotum; letter-spacing:-1px;  color:#226ec3; text-decoration: underline;}

.widget_ui-login {}
.widget_ui-login ol{list-style:none;}
.widget_ui-login ol li{float:left; padding:0 1px 0 2px ;}
.widget_ui-login ol li .wid_searchTop_btn {width:97px; height:16px; padding:3px 0 0 5px; background:#f1f1f1; border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; font:11px dotum; color:#878787; }
.widget_ui-login ol li .title_login {background:url(../img/wid_top/login.gif) left top no-repeat; width:31px; height:8px; margin:5px 0; display:inline-block; vertical-align:middle;}

.widget_ui-menuImg {}
.widget_ui-menuImg ol {list-style:none;}
.widget_ui-menuImg ol li{float:left;}

.widget_ui-naviBottom { clear:both; float:none;}
.widget_ui-naviBottom ol{ list-style:none; float:left}
.widget_ui-naviBottom ol li{ float:left}
.widget_ui-naviBottom ol li.bar{color:#e4e4e4; font:8px dotum; letter-spacing:-1px; margin:0 10px; padding:0; line-height:14px; vertical-align:middle;}
.widget_ui-naviBottom ul{ list-style:none; float:right}
.widget_ui-naviBottom ul li{ float:left}

.widget_ui-copyright { clear:both; float:none;}
.widget_ui-copyright ol{list-style:none; float:left}
.widget_ui-copyright ol li{ float:none;color:#949494; font:11px dotum; line-height:16px;}
.widget_ui-copyright ol li .bar{color:#e4e4e4; font:8px dotum; letter-spacing:-1px; margin:0 5px; display:inline-block;}


/* 강좌목록 공통 */
.lecli { font-family: var(--theme-font); font-size: var(--normal-font-size); font-weight: var(--normal-font-weight); color: var(--normal-font-color); }
.lecli_labels { justify-content: space-around; }
.lecli_labels > label { display: flex; align-items: center; column-gap: 5px; font-size: 14px; cursor: pointer; }
.lecli_labels + .lecli_unit_btnbox { margin-top: 8px; }
.lecli_unit_btn { flex: 1 1 auto; padding: 4px 6px 3px 6px; font-family: var(--theme-font); font-size: 14px; font-weight: 400; text-align: center; color: #FFFFFF; text-shadow: 0 0 1px #000000c9; text-decoration: none; }
.lecli_unit_btn:hover { cursor: pointer; }
.lecli_unit_btn.CartAdd { border-radius: 3px 0 0 3px; background-color: #a0a0a0; }
.lecli_unit_btn.DirectBuy { border-radius: 0 3px 3px 0;  background-color: var(--theme-color); }
.lecli_unit_btn.Script { border-radius: 0 3px 3px 0; background-color: #a0a0a0; }
.lecli_unit_btn.AutoPay { border-radius: 3px; width: 100%; background-color: var(--theme-color); text-align: center; }

.lecli_infos { margin-top: 2px; font-size: 14px; column-gap: 1.2em; flex-wrap: wrap; }
.lecli_info { align-items: center; column-gap: 0.4em; color: #939393 ; }
.lecli_info:before { content: " "; width: 2px; height: 2px; background-color: var(--theme-color); }
.lecli_info > .lecli_info_sbj { font-weight: 400; }
.lecli_info > .lecli_info_sbj:after { content: ":"; padding-left: 0.4em; }
.lecli_info > .lecli_info_val { font-weight: 600; }
.lecli_info_price { font-weight: var(--price-weight); color: var(--price-color); }
.lecli_info_price_sale { font-weight: 400; text-decoration: line-through; }


/* 강좌상세 공통 */
.lecview_unit_btn { display: flex; justify-content: space-between; align-items: center; column-gap: 10px; margin: auto; padding: 5px; width: 150px; font-family: var(--theme-font); font-size: 14px; font-weight: 600; color: #FFFFFF; text-decoration: none; text-align: center; }
.lecview_unit_btn:hover { cursor: pointer; }
.lecview_unit_btn.AutoPay:before { content: "\f363"; flex: 0 0 26px; padding: 3px 5px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); }
.lecview_unit_btn.AutoPay:after { content: "정기결제"; flex: 2 2; }

.area_lecture_view_left .actionControl .buttons .lecview_unit_btn.AutoPay { border: 1px solid var(--theme-emp-color); background-color: var(--theme-color); box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.2); }
.area_lecture_view_left .actionControl .buttons .lecview_unit_btn.AutoPay:before { background-color: #ffffff52; }

.table_lecSummary td.contol .lecview_unit_btn.AutoPay { border: 1px solid #bf3c3c; background-color: #FFFFFF; color: #e56060; }
.table_lecSummary td.contol .lecview_unit_btn.AutoPay:before { background-color: #ffffff52; }

.lecView_skin03 .actionControl .buttons .lecview_unit_btn.AutoPay { border: 1px solid #222222; border-radius: 3px; width: 120px; background-color: #FFFFFF; color: #222222; }
.lecView_skin03 .actionControl .buttons .lecview_unit_btn.AutoPay:before { background-color: #ffffff52; }


/* Lecture List Skin 01 */
.lecList_skin01_list .lecli_unit_btn:before { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); }
.lecList_skin01_list .lecli_unit_btn.CartAdd:before { content: "\f07a"; }
.lecList_skin01_list .lecli_unit_btn.DirectBuy { border-radius: 0; }
.lecList_skin01_list .lecli_unit_btn.DirectBuy:before { content: "\f09d"; }
.lecList_skin01_list .lecli_unit_btn.Script:before { content: "\f65e"; }


/* Lecture List Skin 02 CSS - Start */
.area_lecList_skin02_control { float:none; clear:both; border-bottom:1px solid #a5a5a5; border-top:2px solid #565b62; height:23px; padding:7px 0 0 0 ;}
.area_lecList_skin02_control .lecList_skin02_status {float:left;font:11px dotum; color:#3e3e3e;padding:0 5px 0 0; line-height:20px;}
.area_lecList_skin02_control .lecList_skin02_status strong {font:11px tahoma !important; color:#000000; font-weight:bold !important;}
.area_lecList_skin02_control .lecList_skin02_search {float:left;}
.area_lecList_skin02_control .lecList_skin02_search ol{list-style:none; line-height:18px;}
.area_lecList_skin02_control .lecList_skin02_search ol li{float:left;padding:0 2px; line-height:18px;}
.area_lecList_skin02_control .lecList_skin02_search ol li img { display:block;}

.area_lecList_skin02_control .lecList_skin02_sort { float:right;}
.area_lecList_skin02_control .lecList_skin02_sort ol{list-style:none;}
.area_lecList_skin02_control .lecList_skin02_sort ol li{float:left; color:#3e3e3e;line-height:18px;}
.area_lecList_skin02_control .lecList_skin02_sort ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; line-height:18px;}
.area_lecList_skin02_control .lecList_skin02_sort ol li.current a{ color:#216bb6; font-weight:bold; line-height:18px;}
.area_lecList_skin02_control .lecList_skin02_sort ol li a{font:11px dotum; color:#3e3e3e; text-decoration:none;line-height:18px;}
.area_lecList_skin02_control .lecList_skin02_sort ol li a:hover{font:11px dotum; color:#3671d0; text-decoration:none;line-height:18px;}
.inputBoardSearch{border:1px solid #cacaca; height:16px; width:100px; font:12px dotum; color:#999; padding:2px 0 0 2px;  }

.lecList_skin02_list { font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.lecList_skin02_list .lecList { padding: 20px; float: none; clear:both; overflow:auto; }
.lecList_skin02_list .lecList .lecture_detail { display: grid; grid-gap: 20px; grid-template-columns: 180px auto; }
.lecList_skin02_list .lecList .lecture_detail .lecture_thumnail { grid-row: 1/3; }
.lecList_skin02_list .lecList .lecture_detail .lecture_thumnail > img { max-width: 100%; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top { display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-content: space-between; column-gap: 20px; font-size: 14px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info { flex: 1 1; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_subject { font-size: 16px; font-weight: 600; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_subject a { color: #000000; text-decoration:none; word-break: keep-all; word-wrap: break-word; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_subject a:hover { color:#ff693c; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_infoText { margin-top: 10px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_infoText ol { display: flex; align-items: center; column-gap: 10px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_infoText ol li.teacherIcon { background:url(../img/lecture_skin02/status_teacher.gif) top left no-repeat; flex: 0 0 42px; height:16px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_info .lecture_infoText ol li.bookIcon{ background:url(../img/lecture_skin02/status_book.gif) top left no-repeat; flex: 0 0 42px; height:16px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_checkBox { flex: 0 0 50px; display: flex; justify-content: flex-end; align-items: center; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_checkBox ol {  }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_checkBox ol li { color:#747474;}
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_checkBox ol li > label { display: flex; column-gap: 5px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox { flex: 0 0 80px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox > span { flex: 1 1 100%; border-radius: 3px; padding: 5px 6px 6px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox > a { border-radius: 3px; padding: 5px 6px 6px;  }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox > span + span { margin-top: 10px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox .lecli_unit_btn.CartAdd,
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox .lecli_unit_btn.Script { border: 1px solid #999999; background-color: #ffffff; color: var(--normal-font-color); text-shadow: none; font-weight: 500; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox .lecli_unit_btn.DirectBuy,
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_top .lecture_controlBox .lecli_unit_btn.AutoPay { border: 1px solid var(--theme-color); background-color: #ffffff; color: var(--theme-color); text-shadow: none; font-weight: 600; }

.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle {  }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo { display: flex; justify-content: space-between; border-top:1px solid #e0e0e0; padding: 20px 0 0 0; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties { font-size: 14px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties ol { display: flex; flex-wrap: wrap; align-items: center; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties ol li { position: relative; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties ol li + li.title { margin-left: 1em; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties ol li.title { padding-left: 5px; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties ol li.title:before { content: " "; display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%, 0); width: 2px; height: 2px; background-color: var(--theme-color); }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_properties ol li.title:after { content: ":"; padding: 0 5px; }
.lecList_skin02_list .lecList .lecture_detail .txt_sale { font-family: var(--theme-font); font-size: var(--normal-font-size); font-weight: 400; }
.lecList_skin02_list .lecList .lecture_detail .txt_price { font-family: var(--theme-font); font-size: var(--normal-font-size); }
.lecList_skin02_list .lecList .lecture_detail .txt_red2_12_dotum { font-family: var(--theme-font); font-size: var(--normal-font-size); }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_price_total ol { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.4em; }
.lecList_skin02_list .lecList .lecture_detail .lecture_detail_middle .lecture_detailInfo .lecture_price_total ol li .txt_price_big { font-family: var(--theme-font); font-size: 16px; }
.lecList_skin02_list .back_gray{ background:#ededed;}
.txt_sale{ font:11px arial; color:#8f8f8f; font-weight:bold; text-decoration:line-through}
.boaderTop1 { border-top:1px solid #a5a5a5;}



.lecView_skin02 { width:100%; font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.lecView_skin02 .lecView_skin02_infoBox { position:relative;} 
.lecView_skin02 .lecView_skin02_infoBox .lecImg_thumBox{ position:absolute; top:0; left:0;_left:-240px;} 
.lecView_skin02 .lecView_skin02_infoBox .lecImg_thumBox .lecImg_thumnail{ width:220px; height:255px; margin:0 0 5px 0;} 
.lecView_skin02 .lecView_skin02_infoBox .lecImg_thumBox .lecShortcutButton{} 
.lecView_skin02 .lecView_skin02_infoBox .lecImg_thumBox .lecShortcutButton ol{} 
.lecView_skin02 .lecView_skin02_infoBox .lecImg_thumBox .lecShortcutButton ol li{ float:left; padding:0 2px 0 0;} 
.lecView_skin02 .lecView_skin02_infoBox .lecDetailInfomation { margin:0 0 0 240px;} 
.lecView_skin02 .lecView_skin02_infoBox .lecDetailInfomation .lecSubject { padding-bottom: 20px; font-size: 18px; font-weight: 600; color:#000; border-bottom: 2px solid #666666; line-height: 120%; } 
.lecView_skin02 .lecView_skin02_infoBox .lecDetailInfomation .lecInfoDetail{} 

.lecView_skin02 .lecView_skin02_summary{} 
.lecView_skin02 .lecView_skin02_description{ clear:both; float:none;} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_imgTitle{ height:21px; border-bottom:1px solid #aaaaaa;  line-height:21px;} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro { width:50%; position:relative; height:146px; margin:10px 0}
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgThumnail{ position:absolute; top:0; left:0; width:100px; height:146px;} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail{ margin-left:110px;} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail .subject { font-weight: 600; } 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail .subject a { color: #000000; text-decoration: none; } 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail .subject a:hover { color: var(--theme-color); } 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail .des { } 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail .des a { color:#5f5f5f; text-decoration:none;} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail .des a:hover{ color:#000000; text-decoration:underline;} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail ol { display: flex; align-items: center; } 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail ol li {} 
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail ol li.bar { color:#CCC; padding:0 5px;}
.lecView_skin02 .lecView_skin02_description .lecView_skin02_bookIntro .lecView_skin02_imgDetail ol li > .txt_price { font-family: var(--theme-font); font-size: var(--normal-font-size); }

.lecView_skin02 .lecView_skin02_detailList{} 
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_tabMenu{ border-bottom:2px solid #515151; height:39px; overflow:hidden} 
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_tabMenu ol{} 
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_tabMenu ol li{ float:left;} 
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_boardArea {} 
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_boardArea .lecView_skin02_curriList_title { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; } 
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_boardArea .imgTitle { }
.lecView_skin02 .lecView_skin02_detailList .lecView_skin02_boardArea .des { font-size: 14px; } 
.pakageLectureCurriTitle { padding: 20px 0; font-size: 18px; font-weight: 700; color: #000000; line-height: 120%; } 
.pakageLectureCurriTitle:before { content: "강좌명"; display: block; margin-bottom: 3px; font-size: 14px; font-weight: 400; color: var(--theme-color); } 

.table_lecInfoDetail { border-collapse:collapse; margin:0; padding:0; width:100%; table-layout:fixed; font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); } 
.table_lecInfoDetail th { position: relative; padding: 5px 8px; width: 110px; font-weight: 600; border-bottom: 1px solid #efefef; } 
.table_lecInfoDetail th:before { content: " "; position: absolute; top: 50%; left: 0; display: block; width: 2px; height: 2px; transform: translate( 0, -50%); background-color: var(--theme-color);  } 
.table_lecInfoDetail td { border-bottom:1px solid #efefef; } 
.table_lecInfoDetail td.nonBorder { border:0;}
.table_lecInfoDetail td.booksArea{ width:196px; height:260px; text-align:center; border-bottom:0; padding:0 0 0 12px;} 
.table_lecInfoDetail td.booksArea .thumnailBooks { padding: 20px; min-height:260px; border-left: 1px solid #d9d9d9} 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksTitle { position: relative; margin-bottom: 10px; padding-left: 8px; font-weight: 600; text-align: left; } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksTitle:before { content: " "; position: absolute; top: 50%; left: 0; display: block; width: 2px; height: 2px; transform: translate( 0, -50%); background-color: var(--theme-color); } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksText { margin-top: 10px; } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksText a { color:#000000; text-decoration:none; }
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksText a:hover { color: var(--theme-color); }
.table_lecInfoDetail td strong{ font-weight:bold; color:#5287dd} 
.txt_lecPrice{ color:#939393; font-weight:bold; text-decoration:line-through;} 
.txt_discount{ color:#ff531e; font-weight:bold}

.table_lecSummary { width:100%; border-collapse:collapse; margin:0; padding:0; table-layout:fixed; border-top:2px solid #aaaaaa; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;} 
.table_lecSummary th { border-bottom:1px solid #b7b7b7; padding: 10px 0; background:#f6f6f6; text-align:center; } 
.table_lecSummary th:last-child { padding-right: 10px; font-size: 14px; text-align: right; } 
.table_lecSummary td { border-bottom:1px solid #b7b7b7; padding: 12px;} 
.table_lecSummary td.contol { height:45px; text-align:center; _padding-left:240px; *padding-left:240px;}
.table_lecSummary td .lecOrderContol{ display:inline-block;  overflow:auto;} 
.table_lecSummary td .lecOrderContol ol{ } 
.table_lecSummary td .lecOrderContol ol li{ float:left; padding:0 2px;} 
.table_lecSummary td.subject { color: #000; font-weight: 600; } 
.table_lecSummary th .txt_price_big { font-family: var(--theme-font); } 
.table_lecSummary th .selectAllBook { }

.table_lecIntro { width:100%; border-collapse:collapse; margin:0; padding:0; table-layout:fixed;} 
.table_lecIntro th { position: relative; padding: 5px 8px; width: 76px; font-weight: 600; border-bottom: 1px solid #efefef;} 
.table_lecIntro th:before { content: " "; position: absolute; top: 50%; left: 0; display: block; width: 2px; height: 2px; transform: translate( 0, -50%); background-color: var(--theme-color);  } 
.table_lecIntro td { padding:0 10px 5px 10px; color:#797979; line-height:28px; } 

.table_skin02_curriList {width:100%;border:0px; border-collapse:collapse;} 
.table_skin02_curriList thead th { border-bottom:1px solid #9a9a9a; border-top:2px solid #9a9a9a; padding: 8px 2px; font-weight:600; text-align:center; background:#fff; }
.table_skin02_curriList thead th:first-child { width: 5em; } 
.table_skin02_curriList tbody td { border-bottom:1px solid #eeeeee; padding:8px 2px; text-align:center; } 
.table_skin02_curriList tbody td.subject { padding:8px 10px; text-align:left; font-weight: 500; color: #000000; } 
/* Lecture List Skin 02 CSS - End */

/* Lecture List Skin 03 CSS - Start */
.area_lecList_skin03_control { float:none; clear:both; display: flex; align-items: center; padding: 20px 0 10px; font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.area_lecList_skin03_control > div + div { margin-left: 10px; }
.area_lecList_skin03_control .lecList_skin03_status strong { color:#000000; font-weight: 600;}
.area_lecList_skin03_control .lecList_skin03_search > ol { display: flex; align-items: center; list-style:none; }
.area_lecList_skin03_control .lecList_skin03_search > ol li + li { padding-left: 5px; }
.area_lecList_skin03_control .lecList_skin03_search > ol li .lectureSearch { display: block; }

.area_lecList_skin03_control .lecList_skin03_sort { float:right;}
.area_lecList_skin03_control .lecList_skin03_sort ol{list-style:none;}
.area_lecList_skin03_control .lecList_skin03_sort ol li{float:left; color:#3e3e3e;line-height:18px;}
.area_lecList_skin03_control .lecList_skin03_sort ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; line-height:18px;}
.area_lecList_skin03_control .lecList_skin03_sort ol li.current a{ color:#216bb6; font-weight:bold; line-height:18px;}
.area_lecList_skin03_control .lecList_skin03_sort ol li a{font:11px dotum; color:#3e3e3e; text-decoration:none;line-height:18px;}
.area_lecList_skin03_control .lecList_skin03_sort ol li a:hover{font:11px dotum; color:#3671d0; text-decoration:none;line-height:18px;}
.inputBoardSearch{border:1px solid #cacaca; height:16px; width:100px; font:12px dotum; color:#999; padding:2px 0 0 2px;  }

.table_lecture_basic02 { width:100%; border:0px; border-collapse:collapse; font-family: var(--theme-font); font-size: var(--normal-font-size); }
.table_lecture_basic02 thead{}
.table_lecture_basic02 thead th { padding: 8px 2px; color: var(--normal-font-color); font-weight: 600; background-color:#f7f7f7; text-align:center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.table_lecture_basic02 tbody td { height:29px; border-bottom:1px dotted  #b0b0b0; padding:20px 3px; text-align:center;}
.table_lecture_basic02 tbody td.num{ font:10px Tahoma, Geneva, sans-serif; color:#b5b5b5;}
.table_lecture_basic02 tbody td.subject { text-align:left; color:#4e4e4e; padding: 15px; }
.table_lecture_basic02 tbody td.subject strong { text-align:left; color:#3671d0}
.table_lecture_basic02 tbody td.subject a {color:#4e4e4e; text-decoration:none;}
.table_lecture_basic02 tbody td.subject a:hover, .table_lecture_basic tbody td.subject a:hover strong{color: var(--theme-color);}
.table_lecture_basic02 tbody td.writer{ font:11px dotum; color:#8e9abc;}
.table_lecture_basic02 tbody td.term { font-size: 14px; line-height: 110%; }
.table_lecture_basic02 tbody td.line2{background-color:#fcfcfc}
.table_lecture_basic02 tbody td.cont{background-color:#fffef9; padding:30px;color:#7a581e; text-align:left}

.lecView_skin03 { width:100%; font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); }
.lecView_skin03 .lecture_detail { }
.lecView_skin03 .lecture_detail .subject { clear: both; padding: 10px 0; border-bottom: 1px dotted #b0b0b0; color:#000000; font-size: 18px; font-weight: 700;}
.lecView_skin03 .lecture_detail .contBox { margin:0;}
.lecView_skin03 .actionControl {margin:30px 0 0 0}
.lecView_skin03 .actionControl ol.sel_lecture { width:100%; list-style:none; border-bottom:1px solid #e0e0e0; background:#f9f9f9; }
.lecView_skin03 .actionControl ol.sel_lecture:hover { background:#eeeeee; }
.lecView_skin03 .actionControl ol.sel_lecture > label { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; padding: 15px; cursor: pointer; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_check { flex: 0 0 16px; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_check > input { display: block; width: 16px; height: 16px; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_val { flex: 0 0 30px; color:#171717; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_subject { flex: 3 2 auto; color:#171717; font-weight:700; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_price { flex: 1 0 180px; text-align: right; font-weight: 600; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_price .txt_price_sale_big_blueBG { font: inherit; color: #797979; font-weight: 400; }
.lecView_skin03 .actionControl ol.sel_lecture li.s_price .txt_price_big { font: inherit; }

.lecView_skin03 .actionControl ol.sel_book { width:100%; list-style:none; background:#f9f9f9; }
.lecView_skin03 .actionControl ol.sel_book:hover { background:#eeeeee; }
.lecView_skin03 .actionControl ol.sel_book > label { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; padding: 15px; cursor: pointer; }
.lecView_skin03 .actionControl ol.sel_book li.s_check { flex: 0 0 16px; }
.lecView_skin03 .actionControl ol.sel_book li.s_check > input { display: block; width: 16px; height: 16px; }
.lecView_skin03 .actionControl ol.sel_book li.s_val { flex: 0 0 30px; color:#171717; }
.lecView_skin03 .actionControl ol.sel_book li.s_subject { flex: 3 2 auto; color:#171717; font-weight: 700; }
.lecView_skin03 .actionControl ol.sel_book li.s_price { flex: 1 0 180px; text-align: right; font-weight: 600; }
.lecView_skin03 .actionControl ol.sel_book li.s_price .txt_price_sale_big_blueBG { font: inherit; color: #797979; font-weight: 400; }
.lecView_skin03 .actionControl ol.sel_book li.s_price .txt_price_big { font: inherit; }
.lecView_skin03 .actionControl ol.sel_book li.s_selectall { font-weight: 700; }

.lecView_skin03 .actionControl .buttons { padding: 20px; background-color:#ebebeb; }
.lecView_skin03 .actionControl .buttons ol { padding: 5px 0 0px 0; margin: auto; text-align: center; }
.lecView_skin03 .actionControl .buttons ol li { display: inline-block; padding:0 2px 0 0;}
.lecView_skin03 .lecture_introduce {}
.lecView_skin03 .lecture_introduce .title{ margin:0 0 20px 0;}
.lecView_skin03 .lecture_books {}
.lecView_skin03 .lecture_books .title{margin:0 0 20px 0;}
.lecView_skin03 .lecture_books .area_pic { float:left; margin:0 5px 0 0; _margin:0 5 0 0;}
.lecView_skin03 .lecture_books .area_detail { float:left; width:453px; margin:0px 0 0 5px; padding:0;}
.lecView_skin03 .lecture_books .area_detail ol { display: flex; align-items: center; padding: 4px 0; }
.lecView_skin03 .lecture_books .area_detail ol li.bar { color:#dfdfdf; margin:0 5px; }
.lecView_skin03 .lecture_books .area_detail ol li.txt_price { }
.lecView_skin03 .lecture_books .area_detail ol li.txt_price .txt_price_sale_big_blueBG { font-family: var(--theme-font); font-size: var(--normal-font-size); font-weight: 400; color: var(--normal-font-color); }
.lecView_skin03 .lecture_books .area_detail ol li.txt_price .txt_price_big { font-family: var(--theme-font); font-size: var(--normal-font-size);   }
.lecView_skin03 .lecture_books .area_detail ol li strong {color:#7c7c7c; }
.lecView_skin03 .lecture_books .area_detail ul { list-style:none; clear:both; float:none;}
.lecView_skin03 .lecture_books .area_detail ul li { color:#7c7c7c; line-height:14px;}
.lecView_skin03 .lecture_books .area_detail ul li img { display:inline;}
.lecView_skin03 .lecture_books .area_detail ul li.btn { padding:6px 0 0 0;}
.lecView_skin03 .lecture_books .area_detail ul li a { color:#3c3c3c; text-decoration:none; font-weight:bold;}
.lecView_skin03 .lecture_books .area_detail ul li a:hover{ color:#3c3c3c; text-decoration: underline;}


.lecView_skin03_detailList {} 
.lecView_skin03_detailList .lecView_skin03_tabMenu{ border-bottom:2px solid #515151; height:39px; overflow:hidden} 
.lecView_skin03_detailList .lecView_skin03_tabMenu ol{} 
.lecView_skin03_detailList .lecView_skin03_tabMenu ol li{ float:left;} 
.lecView_skin03_detailList .lecView_skin03_boardArea { font-family: var(--theme-font); font-size: var(--normal-font-size); color: var(--normal-font-color); } 
.lecView_skin03_detailList .lecView_skin03_boardArea .lecView_skin03_curriList_title { display: flex; justify-content: space-between; padding: 8px 0; }
.lecView_skin03_detailList .lecView_skin03_boardArea .des { font-size: 14px; color:#868686; } 

.table_information_basic02 { box-sizing: border-box; border-collapse:collapse; width:100%; }
.table_information_basic02 tbody th { position: relative; padding: 8px 2px 8px 10px; font-weight:600; border-bottom: 1px solid #f6f6f6; vertical-align: middle; width: 7%; min-width: 110px; }
.table_information_basic02 tbody th:before { content: " "; display: block; position: absolute; top: 50%; left: 0; transform: translate( 0, -50%); width: 2px; height: 2px; background-color: var( --theme-color); }
.table_information_basic02 tbody th:after { content: " "; display: block; position: absolute; top: 30%; bottom: 30%; right: 0; width: 1px; background-color: #dcdcdc; }
.table_information_basic02 tbody td { padding: 8px 15px ; border-bottom:1px solid #f6f6f6; width: 43%; }
.table_information_basic02 tbody td .txt_price { font: inherit; font-weight: 600; }
.table_information_basic02 tbody td .txt_price_sale { font: inherit; }

/* Lecture List Skin 03 CSS - End */


/* Mypageskin 02 CSS - Start */


.mypage02 { background:#fff; padding:14px; border:2px solid #a9a9a9; }
.mypage02 > ol { display: flex; justify-content: space-between; align-items: center; gap: 0 20px; }
.mypage02 .text_notice2 { }
.mypage02 .text_notice2 ol { list-style:none;}
.mypage02 .text_notice2 ol li { float:left; font:12px dtoum; color:#848484; letter-spacing:-1px; }
.mypage02 .text_notice2 ol li strong{font:12px dtoum; color:#1f3974; font-weight:bold;}
.mypage02 .infoSel{ }


.mypage02_Info{ box-sizing: border-box; display: flex; margin: 14px 0; width: 100%; background-color: #fff; font-size: 13px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1); }

.mypage02_Info .mybox1 { flex: 1; display: flex; gap: 14px; padding: 20px; max-width: 280px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(0,0,0,0.15) 100%); }
.mypage02_Info .mybox1:before { content: "나의강좌정보 ‣"; padding-top: 5px; font-size: 12px; }
.table_board_simpleBorder2 { border-collapse: collapse; word-wrap: break-word; word-break: keep-all; }
.table_board_simpleBorder2 tbody th { padding: 0;  }
.table_board_simpleBorder2 tbody td { padding: 0 0 0 1em; }
.table_board_simpleBorder2 tbody td a { font-weight:bold; color:#f36e24; text-decoration:none;}
.table_board_simpleBorder2 tbody td a:hover{  font-weight:bold; color:#ff5e00; text-decoration:underline;}

.mypage02_Info .mybox2 { flex: 1; display: flex; gap: 14px; padding: 20px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(0,0,0,0.15) 100%); }
.mypage02_Info .mybox2:before { content: "나의정보 ‣"; padding-top: 5px; font-size: 12px;  }
.table_board_simpleBorder3 { border-collapse: collapse; word-wrap: break-word; word-break: keep-all; }
.table_board_simpleBorder3 tbody th { padding: 0; }
.table_board_simpleBorder3 tbody td { padding: 0 0 0 1em; }
.table_board_simpleBorder3 tbody td a { font-weight:bold; color:#f36e24; text-decoration:none;}
.table_board_simpleBorder3 tbody td a:hover{  font-weight:bold; color:#ff5e00; text-decoration:underline;}

.mypage02_Info .mybox3 { flex: 0 0 120px; display: flex; justify-content: center; align-items: center; padding: 20px; }


/* Mypageskin 02 CSS - End */


/* 마이페이지 공통 */
.mypages { font-family: var(--theme-font); font-size: var(--normal-font-size); }
.mypages .mypages-btn { display: inline-block; padding: 3px 8px; border-radius: 3px; text-decoration: none; font-size: 0.9em; }

.mypages .titleComment { border-top: 2px solid var(--theme-color); }
.mypages .titleComment .area_tipComment > ol li > .txt_blue1_11_dotum { color: var(--theme-color); }
.mypages .mypages_table { word-break: keep-all; word-wrap: break-word; }
.mypages .mypages_table thead th { box-sizing: border-box; padding: 10px 5px; font-family: var(--theme-font); font-size: var(--normal-font-size); color: #222222; font-weight: 500; text-align: center; }
.mypages .mypages_table thead th.seq { min-width: 34px; max-width: 40px; }
.mypages .mypages_table thead th.date { width: 100px; }
.mypages .mypages_table thead th.recnt { min-width: 34px; max-width: 48px; }
.mypages .mypages_table thead th.price { min-width: 70px; max-width: 120px; }
.mypages .mypages_table thead th.due { width : 64px; }
.mypages .mypages_table thead th.pymt { width : 90px; }
.mypages .mypages_table thead th.stat { min-width : 80px; }
.mypages .mypages_table thead th.set { width: 120px; }

.mypages .mypages_table tbody th { box-sizing: border-box; padding: 10px 5px; font-family: var(--theme-font); font-size: var(--normal-font-size); font-weight: 500; }
.mypages .mypages_table tbody td { box-sizing: content-box; padding: 10px 5px; min-height: 30px; font-family: var(--theme-font); font-size: var(--normal-font-size); text-align: center; }
.mypages .mypages_table tbody td[align="right"] { text-align: right; }
.mypages .mypages_table tbody td.subject { text-align: left; word-break: break-all; word-wrap: break-word; }
.mypages .mypages_table tbody td.subject[align="center"] { text-align: center; }
.mypages .mypages_table tbody td.memo > a { display: flex; justify-content: center; align-items: center; margin: auto; width: 4.6em; height: 1.4em; border-radius: 3px; text-decoration: none; font-size: 14px;  color: var(--nomar-font-color); background-color: #e6e6e6; }
.mypages .mypages_table tbody td.price { box-sizing: border-box; min-width: 96px; font-family: var(--theme-font); font-size: var(--normal-font-size); }
.mypages .mypages_table tbody td.price strong { font: inherit; color: var(--price-color); font-weight: var(--price-weight); }
.mypages .mypages_table tbody td.pymt .mysubs_pymtchange { display: block; border-radius: 3px; margin: 2px auto 0; padding: 3px 3px 2px; width: 50px; text-decoration: none; background-color: #e6e6e6; font-size: 0.9em; line-height: 100%; color: var(--nomar-font-color); }
.mypages .mypages_table tbody td.pymt .mysubs_pymtchange:hover { background-color: var(--normal-font-color); color: #fff; }
.mypages .mypages_table tbody td.cont { text-align: left; line-height: 120%; }
.mypages .mypages_table td.empty { text-align: center; padding: 10px 5px; }

.mypages input { font-family: var(--theme-font); }
.mypages .txt_price_big { color: var(--price-color); }


.mypages .mysecession_table tbody td { text-align: left; }

.mypages .area_simplyInfo { font-size: var(--normal-font-size); }

.mycarts .area_status { border-top: 1px solid #2a4f9c; border-bottom: 1px solid #2a4f9c; max-height: 62px; overflow: hidden; box-shadow: inset 0 1px 0px 0px #ffffff56; background-color: #4d77cf; }
.mycarts .area_status > img { margin: -1px 0; width: 100%; max-width: 776px; }
.mycoupon_table thead th,
.mycoupon_table tbody td,
.mycoupon_table tfoot td { box-sizing: border-box; padding: 10px 5px; font-family: var(--theme-font);  color: #222222; font-weight: 500; text-align: center; letter-spacing: 0;  font-size: 14px; }


/* 마이페이지 - 정기결제 */
.mysubs .mysubs_btn.SubCancel { background-color: gray; color: #FFFFFF; }
.mysubs .mysubs_btn.SubRework { border: 1px solid var(--theme-color); background-color: #FFFFFF; color: var(--theme-color); }


/* 2014.11.7 editing line*/
.pline_Height_{line-height:1.5 !important; padding: 0;}
.hashtag{
	position: relative;
	display: inline-block;
	margin: 2px;
	padding: 2px 6px;
	background-color: #bbbbbb;
	text-align: center;
	color: #fff;
	opacity: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-decoration: none;
	line-height: 19px;
}

.naver_icon{background: url(/userskin/common/img/ico_naver.png) no-repeat;height:17px; padding:0px 3px 0px 11px; }


.dashedTopLine { border-top:1px dashed #e0e0e0; }


/* sns 인증 실패 알림 페이지 180306 */

.col-box-wrap { display: table; width: 100%; }
.col-box { display: table-cell; }

.sns-reject-signin { box-sizing : border-box;  background-color: #f6f6f6; border: 1px solid #cccccc; width: 642px; margin: auto; }
.sns-signin-box { box-sizing : border-box; width: 50%; padding: 30px 20px; text-align: center; }
.sns-signin-box:first-child { border-right: 1px solid #ccc; }
.sns-signin-subject { color:#000000; font-size: 12px; text-align: center; margin-bottom: 15px; }
.sns-signin-website { width: 180px; line-height: 36px; font-size: 12px; border: 1px solid #a51e1e; background-color: #db3333; display: inline-block; margin: auto; text-align: center; color:#fff; border-radius: 3px; text-decoration: none; }
.sns-signin-website:hover { background-color: #666; border-color: #666; }

/* 외형 */

.signup-unit { gap: 20px; }

.glb-btn,
.signup-unit-type,
.signup-unit-select,
.join-types { box-sizing: border-box; }
.myinfo-auth .tmpblock-btns > .btn-normal,
.myinfo-auth .input_text_basic { box-sizing: content-box; }

.join-types-layer,
.join-types { position: fixed; }

.signup-menutabs,
.signup-unit,
.signup-step,
.signup-unit-choose,
.signup-terms-title,
.signup-terms-tabs { display: flex; }
.terms-index-container { display: grid; }
.password-policy-text:before,
.signup-auth-btn:before,
.join-type-btn { display: block; }

.btn-normal,
.glb-btn,
.signup-unit-must:after,
.join-popup-closebtn,
.signup-terms-naver li:before,
.terms-index-link,
.signup-unit-uploaded { display: inline-block; }


.signup-unit-choose { flex-wrap: wrap; }
.signup-unit-sbj { flex: 0 0 190px; }
.signup-unit-val,
.signup-menutab { flex: 1 1 auto; }
.signup-unit,
.signup-step,
.signup-unit-choose,
.signup-terms-title { align-items: center; }
.signup-step,
.signup-terms-tabs { justify-content: space-evenly; }
.signup-terms-title { justify-content: space-between; }

.terms-index-container { grid-auto-flow: row dense; grid-gap: 10px; grid-template-columns: repeat(2, 1fr); }
.terms-index-container li:nth-child(-n+8) { grid-column: 1/2; }
.terms-index-container li:nth-child(n+8) { grid-column: 2/3 ;}

.signup-container .writeForm,
.signup-btn-done,
.myinfo-auth .tmpblock-btns > .btn-normal { border: none; }
.signup-unit-type,
.signup-unit-select,
.myinfo-auth .input_text_basic,
.signup-terms-doc,
.terms-index-container,
.signup-menutab.signup-menutab-on { border: 1px solid #D9D9D9; }
.signup-terms-auth { border: 1px solid #000000; }
.signup-step { border-top: 1px solid #D9D9D9; }
.tmpblock-cont { border-top: 1px solid #656565; }
.signup-container .formList { border-bottom: 1px solid #D9D9D9; }
.signup-menutab.signup-menutab-on { border-bottom: 1px solid #FFFFFF; }

.signup-step,
.tmpblock-cont {border-bottom: 1px solid #656565; }
.signup-terms + .signup-terms:not(.signup-terms-auth) { border-top: 1px dashed #eeeeee; }
.join-type-home { border-bottom: 1px dashed #ccc; }

.tmpblock-btns > .btn-normal,
.signup-btn-done,
.signup-auth-btn { border-radius: 5px; }

.tmpblock-container,
.signup-container,
.join-types { margin: auto; }
.signup-unit input,
.signup-unit-valtxt,
.signup-terms-naver li { margin: 5px 0; }
.signup-step,
.signup-container .formList,
.signup-terms.signup-terms-auth,
.terms-index-container { margin: 30px 0; }
.signup-unit-must:after { margin-top: -4px; }
.signup-unit-address .signup-unit-valtxt > div + div,
.signup-pagedesc,
.signup-auth-desc,
.join-type-btn,
.signup-terms-naver { margin-top: 10px; }
.myinfo-auth .tmpblock-cont > p + p,
.join-popup-closebtn { margin-top: 30px; }
.tmpblock-title-desc { margin-bottom: 5px; }
.signup-title,
.signup-terms-doc,
.signup-auth-btn:before,
.join-type + .join-type,
.join-type-title,
.join-type-btn,
.signup-terms-naver { margin-bottom: 10px; }
.signup-terms-title { margin-bottom: 20px; }
.signup-menutabs { margin-bottom: 60px; }
.signup-terms-naver li:before { margin-left: -16px; }
.signup-btn-done + .signup-btn-done,
.terms-index-link { margin-left: 5px; }
.signup-container input[type="radio"],
.signup-container input[type="checkbox"] { margin-right: 5px; }
.signup-unit-choose label { margin-right: 20px; }
.signup-unit-choose label:last-child { margin-right: 0px; }

.myinfo-auth .tmpblock-btns > .btn-normal { width: 200px; height: 40px; }

.signup-terms-doc,
.signup-terms-tab { padding: 10px; }
.signup-terms.signup-terms-auth,
.signup-auth-btn,
.terms-index-container,
.signup-terms-docview { padding: 30px; }
.signup-unit,
.signup-step,
.signup-submit,
.join-type { padding: 20px 0; }
.writeForm,
.signup-contents,
.signup-container .formList { padding: 30px 0; }
.tmpblock-title-container,
.tmpblock-cont,
.tmpblock-btns { padding: 40px 0; }
.tmpblock-container,
.signup-terms { padding: 50px 0; }
.signup-btn { padding: 0 20px; }
.signup-step-index,
.signup-btn-done,
.join-types { padding: 0 30px; }
.signup-terms-print,
.signup-unit-uploaded { padding: 2px 10px; }
.btn-normal { padding: 5px 20px; }
.signup-menutab { padding: 10px 20px; }
.signup-notice:before,
.signup-step-indexnum,
.signup-unit-type,
.signup-unit-symbol { padding-right: 5px; }
.signup-step-index:before { padding-right: 20px; }
.signup-unit-must:after,
.signup-unit-type,
.signup-unit-symbol,
.password-policy:after,
.btn-normal:after,
.signup-btn-done:after,
.signup-unit-extlink:after,
.signup-unit-uploaded > a:after { padding-left: 5px; }
.password-policy:before { padding-left: 10px; }
.signup-terms-naver2,
.signup-terms-naver3 { padding-left: 16px; }
.signup-terms-naver{ padding-left: 26px; }


.signup-terms-naver li:before { width: 16px; }
.signup-unit-dates .signup-unit-select + .signup-unit-select { width: 90px;}
.signup-unit-dates .signup-unit-select { width: 120px;}
.signup-unit-inputadd,
.join-type-btn { width: 100%; }
a.btn-normal { min-width: 200px; }
.myinfo-auth .tmpblock-btns > .btn-normal { width: 200px; }
.myinfo-auth .input_text_basic,
.join-types { width: 380px; }
.tmpblock-container,
.signup-container { max-width: 660px; }
.signup-container.myinfo-container { max-width: 100%; }

.signup-btn,
.signup-unit-type,
.signup-unit-select { height: 36px; }
.myinfo-auth .tmpblock-btns > .btn-normal { height: 40px; }
.signup-btn.signup-btn-done,
a.btn-normal,
.myinfo-auth .input_text_basic,
.join-type-btn { height: 46px; }
.signup-terms-doc { height: 280px; }

.tmpblock-title-container,
.signup-terms-navercontainer,
.terms-container { line-height: 160%; }
.signup-btn,
.signup-unit-type { line-height: 36px; }
.signup-btn.signup-btn-done,
a.btn-normal,
.myinfo-auth .input_text_basic,
.join-type-btn { line-height: 46px; }

.join-popup-closebtn { width: 1.5em; height: 1.5em; line-height: 1.5em; }

.join-types-layer { background-color: #000000; }
.myinfo-auth .tmpblock-btns > .btn-normal,
.signup-btn,
.signup-terms-print,
.signup-auth-btn { background-color: #656565; }
.signup-unit-type,
.signup-unit-select,
.myinfo-auth .input_text_basic,
.signup-auth-btn.signup-auth-done { background-color: #F5F5F5; }
.signup-terms-doc,
.signup-terms-docview,
.signup-menutabs,
.signup-unit-uploaded { background-color: #F9F9F9; }
.signup-terms-tabs { background-color: #D9D9D9; }
.join-types,
.signup-menutab.signup-menutab-on { background-color: #FFFFFF; }

.join-homeid { background-color: #ea4235; }
.join-naverid {  background-color: #2db400; }


.signup-btn,
.myinfo-auth .tmpblock-btns > .btn-normal,
.glb-btn,
.signup-terms-tab,
.join-popup-closebtn,
.join-type-btn { cursor: pointer; }

.signup-terms-doc.doc { overflow-x: auto; overflow-y: scroll; }


/* list */
.terms-index-container { list-style-position: inside; }
.signup-terms-naver,
.terms-index-container { list-style-type: decimal-leading-zero; }

/* 글자 */

.tmpblock-container,
.terms-container,
.myinfo-auth .tmpblock-btns > .btn-normal,
.myinfo-auth .input_text_basic,
.signup-container,
.signup-unit-type,
.signup-unit-select,
.signup-btn,
.password-policy,
.join-types { font-family: var(--theme-font); font-style: normal; word-break: keep-all; word-wrap: break-word; }
.tmpblock-container:before,
.btn-normal:after,
.signup-step-index:before,
.signup-notice:before,
.signup-unit-must:after,
.password-policy:after,
.signup-auth-btn:before,
.signup-btn-done:after,
.join-popup-closebtn:after,
.signup-unit-extlink:after,
.signup-unit-uploaded > a:after { font-family: var(--fa-style-family, "Font Awesome 6 Free"); }


.signup-unit-must:after { font-size: 10px; }
.signup-step-index,
.signup-unit-desc,
.signup-auth-desc,
.signup-btn,
.signup-terms-print,
.password-policy,
.signup-terms-print,
.signup-terms-tabs,
.join-types,
.join-type-btn,
.signup-terms-doc,
.signup-terms-navercontainer,
.signup-terms-docview { font-size: 14px; }
.tmpblock-container,
.terms-container,
.tmpblock-title-desc,
.signup-step-index:before,
.signup-step-ing,
.signup-notice,
.signup-unit-select,
.myinfo-auth .tmpblock-btns > .btn-normal,
.signup-terms-agree,
.signup-auth-btn { font-size: 16px; }
.signup-unit,
.signup-unit-type,
.signup-btn-done,
.myinfo-auth-inco,
.myinfo-auth .input_text_basic,
.join-type-title { font-size: 18px; }
.signup-terms-title { font-size: 22px; }
.signup-terms-auth > .signup-terms-title,
.join-popup-closebtn:after { font-size: 24px; }
.signup-title,
.tmpblock-title { font-size: 28px; }
.signup-auth-btn:before{ font-size: 32px; }
.tmpblock-container:before,
.tmpblock-container.myinfo-auth:before { font-size: 50px; }

.signup-step-index:before,
.signup-terms-print { font-weight: 300; }
.signup-title { font-weight: 500; }
.signup-step-ing,
.tmpblock-title,
.tmpblock-emp,
.glb-emp,
.signup-terms-tabon,
.join-type-title { font-weight: 600; }
.signup-notice:before,
.signup-unit-must:after,
.password-policy:after,
.tmpblock-container:before,
.btn-normal:after,
.signup-auth-btn:before,
.signup-btn-done:after,
.join-popup-closebtn:after,
.signup-unit-extlink:after,
.signup-unit-uploaded > a:after { font-weight: 900; }

.btn-normal,
.glb-btn,
.join-type-btn,
.terms-index-link,
.signup-menutab,
.signup-unit-uploaded > a,
.signup-unit-extlink { text-decoration: none; }
.terms-index-link:hover,
.signup-unit-uploaded > a:hover { text-decoration: underline; }


.signup-title,
.myinfo-auth .tmpblock-emp,
.signup-terms-title,
.join-type-title,
.signup-menutab.signup-menutab-on { color: #000000; }
.tmpblock-container,
.signup-unit-select,
.myinfo-auth .tmpblock-title-container,
.terms-container { color: #333333; }
.signup-notice,
.signup-unit-desc,
.signup-auth-desc,
.tmpblock-container.myinfo-auth:before,
.tmpblock-container.myinfo-auth,
.signup-auth-btn.signup-auth-done,
.join-popup-closebtn:after,
.join-types,
.signup-terms-naver2 li { color: #656565; }
.signup-step-done,
.signup-menutab { color: #999999; }
.signup-btn,
.myinfo-auth .tmpblock-btns > .btn-normal,
.signup-terms-print,
.signup-auth-btn,
.join-homeid,
.join-naverid { color: #FFFFFF; }
.password-policy-good:before,
.password-policy-good:after { color: #17a96a; }
.password-policy-normal:before,
.password-policy-normal:after,
.terms-index-link,
.signup-unit-extlink,
.signup-unit-uploaded > a { color: #4285f4; }
.password-policy-bad:before,
.password-policy-bad:after,
.myinfo-auth-inco { color:#ff5e5e; }


/* 정렬 */

.signup-btn,
.signup-unit-type,
.signup-unit-must:after,
.myinfo-auth .input_text_basic,
.signup-unit-select { vertical-align: middle; }
.signup-unit input[type="radio"],
.signup-unit input[type="checkbox"] { vertical-align: initial; }
.tmpblock-container,
.signup-submit,
.myinfo-auth .input_text_basic,
.signup-container .titleImg,
.signup-auth-btn,
.join-type-btn,
.signup-menutab { text-align: center; }
.join-popup-close { text-align: right; }


/* content */

.tmpblock-container:before { content: "\f071"; }
.tmpblock-container.myinfo-auth:before { content: "\f505"; }
.btn-normal:after,
.signup-btn-done:after { content: "\f105"; }
.signup-step-done:before { content: "\f14a"; }
.signup-step-ing:before { content: "\f0c8"; }
.signup-step-remain:before { content: "\f0c8"; }
.signup-notice:before { content: "\f06a"; }
.signup-unit-must:after { content: "\f621"; }
.id-policy-text:before { content: "영문자로 시작되어야 하며 영문자, 숫자만 사용가능합니다. (5 ~ 20자)"; }
.password-policy-text:before { content: "영문자, 숫자, 특수문자를 모두 사용하여 8~16자로 만들어주셔야 합니다."; }
.password-policy-good:before { content:"안전"; }
.password-policy-good:after { content:"\f023"; }
.password-policy-normal:before { content:"보통"; }
.password-policy-normal:after { content:"\f023"; }
.password-policy-bad:before { content:"불가"; }
.password-policy-bad:after { content:"\f023"; }
.signup-auth-btn:before { content:"\f2c2"; }
.signup-auth-btn.signup-auth-done:before { content:"\f00c"; }
.join-popup-closebtn:after { content: '\f00d'; color: #5C5C5C; font-size: 1.5em; }
.signup-terms-naver2 > li:before { content: "-"; }
.signup-terms-naver3 > li:before { content: "\00B7"; }
.signup-unit-extlink:after { content: "\f14c"; }
.signup-unit-uploaded > a:after { content: "\f00e"; }


/* 설명 */
.subsdesc { font-size: 0.9em; color: var(--theme-color); }
.subsdesc_fin { color: #BDBDBD; }

/* 마이페이지 페이징 */
.pgix { display: flex; align-items: center; column-gap: 2px; margin: 20px 0; }
.pgix_l { display: block; text-decoration: none; }
.pgix_i { position: relative; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 15px; font-weight: 400; color: #BDBDBD; }
.pgix_l .pgix_i { color: var(--normal-font-color); }
.pgix_n.current .pgix_i { color: var(--theme-color); font-weight: 500; }
.pgix_n.current .pgix_i:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; background-color: var(--theme-color); opacity: 0.1; }
.pgix_i:before { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; }
.pgix_ipp:before { content: "\f100"; }
.pgix_ip:before { content: "\f104"; }
.pgix_in:before { content: "\f054"; }
.pgix_inn:before { content: "\f101"; }


/* 마이페이지 유의사항 */
.mynotice_title { color: #000; font-weight: 600; }
.mynotice_ul { padding: 20px 0; }
.mynotice_li { font-size: 0.9em; margin-bottom: 5px; }
.mynotice_li:before { content: "\00B7"; padding-right: 0.6em; }



/* 툴팁 */
#SaveUseLimit.tooltip-btn { display: inline-block; vertical-align: middle; }
.tooltip-btn:after { content: "?"; display: inline-block;  border: 1px solid #e6e6e6; overflow: hidden; margin-left: 8px; width: 13px; height: 13px; line-height: 13px; text-align: center; cursor: pointer; }
.tooltip-btn:hover:after { background-color: #e6e6e6; }

.join-types-layer { top:0; left: 0; width: 100%; height: 100%; z-index: 1000; opacity:0.5; }
.join-types { top:50%; left: 50%; margin-top: -190px; margin-left: -190px; min-height: 380px; z-index: 1001; opacity: 1; }


/* horicontal table */ 
.htable { box-sizing: border-box; border-top: 2px solid var(--theme-color); width: 100%; } 
.htable thead tr th { border-bottom: 1px solid #e6e6e6; padding: 10px 0; background-color: #f9f9f9; color: #9b9b9b; font-size: 0.9em; font-weight: 600; text-align: center; word-break: keep-all; word-wrap: break-word; } 
.htable tbody tr td { border-bottom: 1px solid #e6e6e6; padding: 15px 5px; min-width: 3em; color: #6c6c6c; font-size: 1em; font-weight: 400; text-align: center; word-break: keep-all; word-wrap: break-word; } 
 
 
/* 수강종료 강좌 관련 */ 
.finlec { font-family: var(--theme-font); }
.finlec_lecname { font-size: 1.8em; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all; } 
.finlec_tabs { display: flex; padding: 20px 0; font-size: var(--normal-font-size); }
.finlec_tabs_a { border: 1px solid #d8d8d8; padding: 0.3em 1.1em; color: #7c7c7c; font-size: 1em; text-decoration: none; } 
.finlec_tabs_a:hover { border-color: var(--theme-color); color: var(--theme-color); } 
.finlec_tabs_a.finlec_tabs_a_on { border-color: var(--theme-color); background-color: var(--theme-color); color: #FFFFFF; } 
.finlec_tabs_a + .finlec_tabs_a { margin-left: 5px; } 
.finlec_desc { margin-bottom: 10px; font-size: 13px; color: var(--theme-color); } 
.finlec_desc:before { content: "\203B"; padding-right: 5px; } 
.finlec_list { font-size: var(--normal-font-size); } 
.finlec_list_score { color: red; } 
.finlec_list_more { display: inline-block; border: 1px solid #d8d8d8; padding: 0.2em 0.5em; color: #7c7c7c; font-size: 1em; text-decoration: none; } 
.htable td > br + .finlec_list_more { margin-top: 5px; } 
.finlec_list_unav { color: #999999; } 
 
.fexam02_summary { display: grid; column-gap: 20px; grid-template-columns: 1fr 1fr; border: 20px solid #f9f9f9; padding: 20px; } 
.fexam02_summary_list { display: flex; flex-wrap: nowrap; align-items: center; padding: 5px; min-height: 36px; border-bottom: 1px solid #e6e6e6; } 
.fexam02_summary_list > span:first-child { flex: 0 0 10em; font-size: 1em; font-weight: 600; letter-spacing: -1px; } 
.fexam02_summary_list > span:last-child { font-size: 1.2em; font-weight: 400; } 
.fexam02_summary_name { font-weight: 600; color: #000; } 
 
.finlec_ttpp { padding: 30px; text-align: center; } 
.finlec_ttpp_btn { border: 1px solid var(--theme-color); padding: 10px 15px; color: var(--theme-color); text-decoration: none; font-weight: 600; letter-spacing: -1px; } 
.finlec_ttpp_btn:hover { background-color: var(--theme-color); color: #FFFFFF; } 
 
.fmemo_list > tbody tr td { text-align: initial; } 
 
.flog { border-bottom: 1px solid #e6e6e6; } 
.flog + .flog { padding-top: 60px; } 
.flog_title { display: flex; justify-content: space-between; margin-bottom: 20px; } 
.flog_title p:not(.flog_list_btn) { font-size: 1.4em; font-weight: 700; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all; } 
.flog_title + .flog_list { } 
.flog_list_addwrap { padding: 10px 0; text-align: center; background-color: aliceblue; } 
.flog_list_btn { font-size: 1em; font-weight: 400; letter-spacing: -1px; cursor: pointer; } 
.flog_list_btn:after { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); padding-left: 0.5em; } 
.flog_list_open:after { content:"\f107"; } 
.flog_list_close:after { content:"\f106"; } 
.flog_list_add:after { content:"\2b"; } 

/* horicontal table */ 
.htable { box-sizing: border-box; border-top: 2px solid var(--theme-color); width: 100%; } 
.htable thead tr th { border-bottom: 1px solid #e6e6e6; padding: 10px 0; background-color: #f9f9f9; color: #9b9b9b; font-size: 0.9em; font-weight: 600; text-align: center; word-break: keep-all; word-wrap: break-word; } 
.htable tbody tr td { border-bottom: 1px solid #e6e6e6; padding: 15px 5px; min-width: 3em; color: #6c6c6c; font-size: 1em; font-weight: 400; text-align: center; word-break: keep-all; word-wrap: break-word; } 
 
 
/* 수강종료 강좌 관련 */ 
.finlec { font-size: var(--normal-font-size); } 
.finlec_lecname { font-size: 1.8em; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all; } 
.finlec_tabs { display: flex; padding: 20px 0; } 
.finlec_tabs_a { border: 1px solid #d8d8d8; padding: 0.3em 1.1em; color: #7c7c7c; font-size: 1em; text-decoration: none; } 
.finlec_tabs_a:hover { border-color: var(--theme-color); color: var(--theme-color); } 
.finlec_tabs_a.finlec_tabs_a_on { border-color: var(--theme-color); background-color: var(--theme-color); color: #FFFFFF; } 
.finlec_tabs_a + .finlec_tabs_a { margin-left: 5px; } 
.finlec_desc { margin-bottom: 10px; font-size: 13px; color: var(--theme-color); } 
.finlec_desc:before { content: "\203B"; padding-right: 5px; } 
.finlec_list_score { color: red; } 
.finlec_list_more { display: inline-block; border: 1px solid #d8d8d8; padding: 0.2em 0.5em; color: #7c7c7c; font-size: 1em; text-decoration: none; } 
.htable td > br + .finlec_list_more { margin-top: 5px; } 
.finlec_list_unav { color: #999999; } 
 
.fexam02_summary { display: grid; column-gap: 20px; grid-template-columns: 1fr 1fr; border: 20px solid #f9f9f9; padding: 20px; } 
.fexam02_summary_list { display: flex; flex-wrap: nowrap; align-items: center; padding: 5px; min-height: 36px; border-bottom: 1px solid #e6e6e6; } 
.fexam02_summary_list > span:first-child { flex: 0 0 10em; font-size: 1em; font-weight: 600; letter-spacing: -1px; } 
.fexam02_summary_list > span:last-child { font-size: 1.2em; font-weight: 400; } 
.fexam02_summary_name { font-weight: 600; color: #000; } 
 
.finlec_ttpp { padding: 30px; text-align: center; } 
.finlec_ttpp_btn { border: 1px solid var(--theme-color); padding: 10px 15px; color: var(--theme-color); text-decoration: none; font-weight: 600; letter-spacing: -1px; } 
.finlec_ttpp_btn:hover { background-color: var(--theme-color); color: #FFFFFF; } 
 
.fmemo_list > tbody tr td { text-align: initial; } 
 
.flog { border-bottom: 1px solid #e6e6e6; } 
.flog + .flog { padding-top: 60px; } 
.flog_title { display: flex; justify-content: space-between; margin-bottom: 20px; } 
.flog_title p:not(.flog_list_btn) { font-size: 1.4em; font-weight: 700; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all; } 
.flog_title + .flog_list { } 
.flog_list_addwrap { padding: 10px 0; text-align: center; background-color: aliceblue; } 
.flog_list_btn { font-size: 1em; font-weight: 400; letter-spacing: -1px; cursor: pointer; } 
.flog_list_btn:after { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); padding-left: 0.5em; } 
.flog_list_open:after { content:"\f107"; } 
.flog_list_close:after { content:"\f106"; } 
.flog_list_add:after { content:"\2b"; } 

/* 마케팅 동의 240902 */
.mkt_agree_date { font-size: 14px; font-weight: 400; line-height: 100%; }
.mkt_agree_date:before { content: "\203B"; }
/* 마케팅 동의 팝업 */
.mkt_popup_check { display: flex; justify-content: center; gap: 40px; align-items: center; font-weight: 500; }
.mkt_popup_check .checkbox label { display: flex; align-items: center; gap: 10px; }
.mkt_popup_check .checkbox label input[type="checkbox"] { width: 20px; height: 20px; }