@charset "utf-8";

/* Sub Common */
.mypage_contnet { background:#f7f7f7; padding-top:28px }
.mypage_contnet .tab_panel { display:none }
.mypage_contnet .learning_menu { margin-top:-28px }
.mypage_contnet .work_list { background:#f7f7f7 }
.user_info_wrap { border-top:1px solid #e8e8e8; background:#fafafa }
.user_info_inner { padding:16px 20px; display:table; width:100% }
.user_info_inner > * { display:table-cell; width:33.33333333%; vertical-align:middle; border-left:1px solid #e8e8e8; color:#191919 }
.user_info_inner > div:first-child { border-left:0 }
.user_info_inner .user .pic { width:95px; height:95px; border-radius:50%; background:#cdcdcd; position:relative; display:inline-block; margin-right:40px; text-align:center } 
.user_info_inner .user .pic > i { font-size:60px }
.user_info_inner .user .pic .find { display:block; width:25px; height:25px; border-radius:50%; border:2px solid #7232d8; background:#fff; z-index:22; position:absolute; top:15%; right:-3px; text-align:center; line-height:2 }
.user_info_inner .user .pic .find i { font-size:16px }
.user_info_inner .user .name { display:inline-block; vertical-align:top; padding-top:14px }
.user_info_inner .user .name .user_nm { font-size:20.5px; display:block; margin-bottom:5px } 
.user_info_inner .user .name .user_id { color:#6f6f6f; display:block; margin-bottom:10px; font-weight:700 }
.user_info_inner .user .name .newly_date { color:#6f6f6f; font-size:12px }
.user_info_inner .user .name .newly_date > * { display:inline-block }
.user_info_inner .user .name .newly_date > dt { margin-right:8px }
.user_info_inner .community li { padding:4px 0 3px }
.user_info_inner .community li .item_tit > i { color:#999; font-size:20px; margin-right:8px; vertical-align:-6px }
.user_info_inner .community { padding:0 40px }
.user_info_inner .manage_menu { padding:0 0 0 15px; text-align:center }
.user_info_inner .manage_menu > a { border-radius:20px; font-weight:700; font-size:14px; padding:8px 10px 7px; margin-left:3px; transition:0.3s; color:#4d2c77; display:inline-block; margin:5px 0 }
.user_info_inner .manage_menu > a i { font-size:18px; vertical-align:-4px }
.user_info_inner .manage_menu > a:hover { background:#9c86b7; color:#fff }
.user_info_inner .manage_menu > a:hover i { color:#fff }
.user_info_inner .manage_menu > a:first-child { color:#fff }
.user_info_inner .manage_menu > a:first-child:hover { background:#fafafa; color:#7232d8 }
.user_info_inner .manage_menu > a:first-child:hover i { color:#7232d8 }

.cartegory_head { border-top:1px solid #e8e8e8; background:#7232d8; background:-webkit-linear-gradient(to right, #7232d8, #5189d6); background:linear-gradient(to right, #7232d8, #5189d6); padding:0px 0 70px;  }
.cartegory_head .tit_h2 { text-align:center; color:#fff; font-size:36px; font-weight:300 }
.cartegory_head .tit_h2 + p { margin-top:5px; color:#fff; font-size:18px; font-weight:300; text-align:center }
/*.contents_wrap { background:#f7f7f7 }*/
.contents_wrap .tit_h3 { font-size:30px; text-align:center; margin-bottom:40px }
.contents_top { margin-bottom:20px }
.contents_top .result { font-size:18px; padding-top:24px; padding-left:10px; font-weight:600 }
.contents_top .sort { padding-top:28px }
.contents_top .sort li { float:left; margin:0 7px; font-size:15px }
.contents_top .sort li a { color:#363636 }
.contents_top .sort li a.active { font-weight:600 }
.contents_top .sort .sort_list { display:none; margin-top:-7px }

.sub_menu_wrap .sub_menu { background:#5c28ae; background:-webkit-linear-gradient(to right, #5c28ae, #426eac); background:linear-gradient(to right, #5c28ae, #426eac) }
.sub_menu_wrap { background:#662dc2; background:-webkit-linear-gradient(to right, #662dc2, #497bc0); background:linear-gradient(to right, #662dc2, #497bc0) }
.sub_menu_wrap .sub_menu { background:rgba(0,0,0,0.1)}
.sub_menu_wrap .sub_menu > li { float:left; text-align:center }
.sub_menu_wrap .sub_menu > li > a { display:block; width:100%; color:#fff; opacity:0.7; font-size:18px; padding:18px 0 17px}
.sub_menu_wrap .sub_menu > li > a.active { background:rgba(0,0,0,0.1) }
.sub_menu_wrap .sub_menu.type01 > li { width:100% }
.sub_menu_wrap .sub_menu.type02 > li { width:50% }
.sub_menu_wrap .sub_menu.type03 > li { width:33.33333333% }
.sub_menu_wrap .sub_menu.type04 > li { width:25% }
.sub_menu_wrap .sub_menu.type05 > li { width:20% }

.column { width:50%; float:left } 
.column.right { padding-left:10px }
.column.left { padding-right:10px }

/*2021-07-29 수정*/.btn_reply {border:1px solid #e8e8e8;color:#191919;padding: 5px 0px; line-height:1;width:60px;text-align:center;display:inline-block;transition:0.3s;}
.btn_reply > i { font-size:15px; vertical-align:-3px }
.btn_reply:hover, .btn_reply.active { border-color:#7232d8; color:#7232d8 } 
.btn_reply:hover > i, .btn_reply.active > i { color:#7232d8 }
.btn_ask { background:#7232d8; font-size:14px; font-weight:500; color:#fff; padding:7px 15px 8px; margin-left:10px }
.btn_ask > i { color:#fff; font-size:18px; vertical-align:-3px; margin-right:1px }
.btn_select { background:#fff; color:#191919; border:1px solid #191919; padding:3px 8px; transition:0.3s; width:67px; display:block }
.btn_select:hover,
.btn_share { border:1px solid #e8e8e8; background:#fff }
.btn_share > i { font-size:20px; vertical-align:-4px  }
.btn_codeview { border:1px solid #7232d8; background:#7232d8; color:#fff; padding:3px 12px 3px 12px }
.btn_codeview > i { font-size:18px; vertical-align:-4px; margin-right:4px }
.btn_select.active { background:#5189d6; color:#fff; border-color:#5189d6  }
.btn_replywrite { border:1px solid #e8e8e8; color:#363636; background:#fff; padding:3px 12px 3px 12px }
.btn_replywrite.on { border:1px solid #7232d8; color:#fff; background:#7232d8; padding:3px 12px 3px 12px }
.url_share { padding:5px 10px; border:1px solid #e8e8e8; color:#191919 }
.url_share > i { font-size:16px; vertical-align:-3px; margin-right:4px }
.btn.save { color:#fff; background:#7232d8 }
.btn.save > i { font-size:16px; vertical-align:-3px; margin-right:4px }
.btn.reset { border:1px solid #d2d2d2; color:#363636; background:#fff }
.btn_question { padding:7px 14px; border:1px solid #d2d2d2; color:#7232d8; border-radius:4px }

.between { margin:0 8px; display:inline-block; width:1px; margin-top:2px; height:12px; background:#e8e8e8; vertical-align:middle }
.date { color:#999 !important; font-size:13px }
.detail > i { margin-left:4px; font-size:20px; vertical-align:-5px }
.alert > li { background:url('../../../../../images/egovframework/com/ebs/common/ico_alert.png') left 1px no-repeat; padding-left:18px; background-size:14px 14px; margin-bottom:3px }

.reply_wrap {border:1px solid #d2d2d2;box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); height:100px; position:relative; display:table; width:100% }
.reply_wrap textarea { border:0; background:transparent; width:100%; height:100%; overflow-y:auto; display:table-cell; vertical-align:top; font-family:"Noto Sans KR"; font-size:14px }
.reply_wrap a { border-left:1px solid #e8e8e8; color:#191919; width:10%; min-width:65px; height:100%; font-weight:500; text-align:center; display:table-cell; vertical-align:middle }

.borad_new { font-size:10px; color:#fff; padding:3px 4px 2px; line-height:1; text-align:center; display:inline-block; font-weight:700; font-family:'Arial'; margin-right:3px; border-radius:1px; vertical-align:1px; background:#d069a9; margin-left:5px }

.lst_head { position:relative; border-bottom:1px solid #e6e6e6; padding-bottom:18px }
.lst_head .page_num { display:inline-block; color:#4e4e4e; line-height:1; padding:10px 0 }
.lst_head .page_num .all, 
.lst_head .page_num .searching, 
.lst_head .page_num .current { color:#363636 }
.lst_head .bord_searchWrap { display:inline-block; width:auto }
.lst_head .bord_searchWrap .range { width:auto; display:inline-block; margin-right:6px }
.lst_head .bord_searchWrap a { display:inline-block; padding:9px 14px; text-align:center; vertical-align:middle; border-radius:4px; border:1px solid #d2d2d2 }
.lst_head .bord_searchWrap .input { width:calc(100% - 60px); margin-right:5px; float:left } 
.lst_bottom { position:relative }
.lst_bottom .range { position:absolute; right:0; top:0 }

.search_form { border-radius:4px; box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); border:1px solid #d2d2d2; overflow:hidden; height:34px; position:relative; width:70% }
.search_form input[type='text'] { border:0; width:100%; height:32px; padding-left:10px; outline:0; font-size:14px; background: transparent; }
.search_form a { position:absolute; right:10px; top:4px }
.search_form a > i { color:#363636 }
.search_form a:active i { color:#363636 }

@media (max-width: 995px) {
	.column { width:100% } 
	.column.right, .column.left { padding:0 }
}

/* ���������� */
.panel { margin-bottom:20px }
.panel-body .sub-tit { display:block; margin-bottom:15px }
.panel-body .status > li { width:33.3333333333%; float:left; text-align:center }
.panel-body .status > li > div { background:#ebebeb; width:77px; height:77px; border-radius:50%; margin:0 auto; margin-bottom:12px; font-family:'Arial'; font-size:40px; padding:19px 0 21px; line-height:1 }
.panel-body .status > li > span { color:#191919 }
.panel-body .learning .thumb { width:77px; height:77px }
.panel-body .learning > li { display:table; width:100%; margin-bottom:35px }
.panel-body .learning > li:last-child { margin-bottom:0 }
.panel-body .learning > li > * { display:table-cell; vertical-align:middle }
.panel-body .learning > li .thumb_img { width:107px; padding-right:30px }
.panel-body .learning > li .progress_wrap em { display:block; margin-bottom:5px }
.panel-body .learning > li .progress_wrap strong { font-size:16px; display:block; margin-bottom:15px }
.panel-body .learning > li .progress_wrap .progress { height:12px; overflow:hidden; background-color:#ebebeb; border-radius:10px; width:82%; float:left }
.panel-body .learning > li .progress_wrap .progress__bar { display:block; height:100%; background:#7232d8; border-radius:10px }
.panel-body .learning > li .progress_wrap .progress__label { float:right; padding:0 6px; font-size:9px; font-family:'Arial'; font-weight:bold; color:#fff }
.panel-body .learning > li .progress_wrap .progress__num { float:right; line-height:1; font-size:13px }
.panel-body .newlywork > li { display:table; width:100%; margin-bottom:25px }
.panel-body .newlywork > li:last-child { margin-bottom:0 }
.panel-body .newlywork > li > * { display:table-cell; vertical-align:top }
.panel-body .newlywork .thumb_img { width:190px; padding-right:15px }
.panel-body .newlywork .thumb_info .tit { font-size:16px; display:block; margin-bottom:10px } 
.panel-body .newlywork .thumb_info .enroll { margin-bottom:13px; display:block }
.panel-body .newlywork .thumb_info .tag { margin-bottom:13px }
.panel-body .newlywork .thumb_info .tag > li { float:left; font-size:13px; padding:3px 14px 4px; font-weight:700; border:1px solid #ccc; border-radius:20px; margin-left:3px }
.panel-body .newlywork .thumb_info .tag > li:first-child { margin-left:0 } 
.panel-body .newlywork .thumb_info .lecturestates_wrap > li { float:left; margin-left:18px; font-weight:700; font-size:13px }
.panel-body .newlywork .thumb_info .lecturestates_wrap > li:first-child { margin-left:0 }
.panel-body .newlywork .thumb_info .lecturestates_wrap > li .icon { background:url('../../../../../images/egovframework/com/ebs/common/iconx4.png') no-repeat; display:inline-block; vertical-align:-2px; background-size:150px 150px }
.lecturestates_wrap > li .icon.ico_01 { background-position:0 0 !important; width:15px; height:14px }
.lecturestates_wrap > li .icon.ico_02 { background-position:-24px -1px !important; width:16px; height:12px }
.lecturestates_wrap > li .icon.ico_03 { background-position:-48px 1px !important; width:16px; height:15px }
.panel-body .newly_slide .item { padding:14px 28px; display:table; width:100% }
.panel-body .newly_slide .item > * { display:table-cell; vertical-align:middle }
.panel-body .newly_slide .item .thumb_img { width:77px }
.panel-body .newly_slide .item .thumb_img .thumb { width:77px; height:77px }
.panel-body .newly_slide .thumb_info { position:relative; padding-left:15px }
.panel-body .newly_slide .thumb_info .tit { font-size:16px; display:block; max-width:254px; margin-bottom:10px }
.panel-body .newly_slide .thumb_info dl > * { display:inline-block }
.panel-body .newly_slide .thumb_info dl dt { margin-right:10px }
.panel-body .newly_slide .thumb_info .go { position:absolute; border-radius:20px; font-size:14px; font-weight:700; right:0; top:25% }
.panel-body .newly-button-prev, .panel-body .newly-button-next,
.nominate-button-prev, .nominate-button-next { background:url('../../../../../images/egovframework/com/ebs/common/bullet.png') no-repeat; width:10px; height:16px; top:40%; margin:0 }
.panel-body .newly-button-prev, .nominate-button-prev { background-position:0 -132px; left:30px }
.panel-body .newly-button-next, .nominate-button-next { background-position:-23px -132px; right:30px }

.panel-body .nominate { margin-left:25px; margin-right:25px }
.panel-body .nominate .item .thumb { margin-bottom:12px }
.panel-body .nominate .item .tit { display:block; height:40px }

.faq { border:1px solid #e6e6e6; margin-bottom:22px }
.faq .list { border-bottom:1px solid #e6e6e6; padding:8px 15px 6px }
.faq .list:last-child { border-bottom:0 }
.faq .list > dt > a { display:table; width:100%; position:relative }
.faq .list > dt > a:after { content:''; position:absolute; right:0; top:7px; background:url('../../../../../images/egovframework/com/ebs/common/iconx4.png') -23px -139px no-repeat; background-size:150px 150px; width:14px; height:9px; }
.faq .list > dt > a > * { display:inline-block; vertical-align:middle }
.faq .list > dt > a .faq_q { width:calc(100% - 180px); color:#191919; font-size:14.5px; font-weight:600 } 
.faq .list > dt > a .faq_q > span { width:90%; line-height:1.4; display:block }
.faq .list > dt > a .comment_num { width:60px; color:#191919 }
.faq .list > dt > a .comment_num em { font-size:10px; color:#fff; padding:3px 4px 2px; line-height:1; text-align:center; display:inline-block; font-weight:700; font-family:'Arial'; margin-right:3px; border-radius:1px; vertical-align:1px }
.faq .list > dt > a .date { width:120px; color:#191919 }
.faq .list > dd { padding:6px 0 10px 17px }
.faq .list > dd .faq_a > * { display:inline-block }
.faq .list > dd .faq_a > dd { margin-left:10px; color:#959595 }

.forum > ul > li { padding:20px 5px 18px; display:table; width:100%; border-bottom:1px solid #e6e6e6 }
.forum > ul > li:first-child { padding-top:0 }
.forum > ul > li > * { display:table-cell; vertical-align:middle } 
.forum > ul > li .stud_thumb { width:50px }
.forum > ul > li .stud_thumb > img { width:50px; height:50px }
.forum > ul > li .forum_desc { padding-left:20px; width:calc(100% - 70px) }
.forum > ul > li .forum_desc .forum_tit em { color:#fff; font-size:12px; font-weight:700; border-radius:20px; display:inline-block; padding:6px 12px 5px; line-height:1; margin-right:8px }

.forum > ul > li .forum_desc .forum_tit .forum_tit_txt { vertical-align:-2px }
.forum > ul > li .forum_desc .forum_info { margin-top:9px }
.forum > ul > li .forum_desc .forum_info > li { float:left; margin-left:10px; font-size:12px; font-weight:700 } 
.forum > ul > li .forum_desc .forum_info > li:first-child { margin-left:0 }
.forum > ul > li .forum_desc .forum_info > li > i { color:#999; font-size:18px; margin-right:6px; vertical-align:-5px }
.forum > ul > li .forum_desc .forum_info > li > .icon { background:url('../../../../../images/egovframework/com/ebs/common/iconx4.png') -72px 1px no-repeat; background-size:150px 150px; display:inline-block; width:16px; height:16px; vertical-align:-2px  }

/* ������ */
.proof { width:205px; height:169px; background:url('../../../../../images/egovframework/com/ebs/bg_proof.png') no-repeat; background-size:205px; margin:0 auto }
.proof .thumb { width:60px; height:60px; background:#d2d2d2; text-align:center; display:inline-block; border-radius:50%; margin-top:40px; margin-bottom:15px }
.proof .thumb > i { font-size:45px; vertical-align:-35px }
.proof .user_name { font-size:24px }

/* ���������� �н���&��ǰ�� */
.myclass_list .top { font-size:18px; color:#000; margin-bottom:10px; margin-top:35px }
.mypage_contnet .contents_top .sort { padding-top:20px }
.mypage_contnet .nice-select { height:34px; border-radius:4px; }
.mypage_contnet .nice-select:after { background:url('../../../../../images/egovframework/com/ebs/common/niceselect_lightgrey.png') no-repeat; background-size:10px 6px; width:10px; height:6px; right:14px }
.mypage_contnet .nice-select .current { padding-left:14px; line-height:34px }
.mypage_contnet .nice-select .list { background:#fff; border-bottom-right-radius:4px; border-bottom-left-radius:4px  }
.mypage_contnet  .nice-select .list li { padding:8px 14px }

/* Ÿ�Ӷ��� */
.timeline { position:relative; margin:0 0 30px 0; padding:0; border-top:1px solid #e8e8e8; padding-top:35px }
.timeline:before { content:''; position:absolute; top:0; bottom:0; width:3px; background:#cdcdcd; left:80px; margin:0; border-radius:2px }
.timeline > li { position:relative; margin-bottom:25px }
.timeline > li .trace .date { color:#999; font-size:12px; position:absolute; left:10px; top:-20px }
.timeline > li .thumb { width:30px; height:30px; border-radius:50%; background:#cdcdcd; display:inline-block; text-align:center; position: absolute; left:66px; top:-10px }
.timeline > li .thumb > i { font-size:24px; vertical-align:-7px }
.timeline > li:before,
.timeline > li:after { content:''; display:table }
.timeline > li:after { clear:both }
.timeline > li > .timeline-item { box-shadow: 0px 0px 2.97px 0.03px rgba(0, 0, 0, 0.1); border-radius:4px; margin-top:0; background:#fff; color:#444; margin-left:105px; padding:0; position:relative }

.timeline > li > .timeline-item > .timeline-header { margin:0; border-bottom:1px solid #f4f4f4; padding:7px 10px }
.timeline > li > .timeline-item > .timeline-header h3 { font-size:14px; line-height:1.1; font-weight:500; color:#191919; padding:3px 0 }
.timeline > li > .timeline-item > .timeline-header .time { color:#999; float:right; font-size:12px; padding:3px 0 }
.timeline > li > .timeline-item > .timeline-header .time > li { float:left; margin:0 7px }
.timeline > li > .timeline-item > .timeline-header .time > li > i { font-size:16px; vertical-align:-3px; margin-right:4px }

.timeline > li > .timeline-item > .timeline-header > a { font-weight:600 }
.timeline > li > .timeline-item > .timeline-body { padding:10px }
.timeline > li > .timeline-item > .timeline-body label { display:block; margin-bottom:3px; cursor:default }
.timeline > li > .timeline-item > .timeline-body label + p { font-size:15px; font-weight:500; line-height:22px }
.timeline > li > .timeline-item > .timeline-body .thumbnail { width:150px; border:1px solid #d6d6d6; margin-right:15px }


.myclass_list .list.al > li { padding:2%; background:#fff; margin-bottom:20px; border:1px solid #e8e8e8 }
.myclass_list .list.al > li .inner { display:table; width:100% }
.myclass_list .list.al > li .inner> * { display:table-cell; vertical-align:top }
.myclass_list .list.al > li .thumb { width:75px; height:75px }
.myclass_list .list.al > li .thumb > img { width:100%; height:100% }
.myclass_list .list.al > li .info .tit { font-size:18px; margin-bottom:15px }
.myclass_list .list.al > li .info .tit > * { display:inline-block; vertical-align:middle }
.myclass_list .list.al > li .info .tit > em { padding:4px 10px; line-height:1; margin-right:5px; border-radius:20px; font-weight:400; font-size:14px }
.myclass_list .list.al > li .info { padding-left:20px }
.myclass_list .list.al > li .info .class_rate li { line-height:1.75em }
.myclass_list .list.al > li .way { width:calc(100% - 230px); max-width:620px; padding-left:95px; margin-top:6px }
.myclass_list .list.al > li .class_btn { width:20%; text-align:right }
.myclass_list .list.al > li .class_btn > a { font-size:18px; width:214px; height:45px; display:block; text-align:center; margin:5px 0; padding:12px 0; line-height:1; border-radius:30px; display:inline-block; transition:0.3s }
.myclass_list .list.al > li .class_btn > a > i { vertical-align:-6px; margin-right:7px; font-size:22px }
.myclass_list .list.al > li .class_btn > a.popup:hover { background:#9c86b7; color:#fff }
.myclass_list .list.al > li .class_btn > a.popup:hover i { color:#fff }
.myclass_list .list.al > li .class_btn > a.study:hover { background:#fff; color:#5189d6 }
.myclass_list .list.al > li .class_btn > a.study:hover i { color:#5189d6 }

.mypage_contnet .work_list .contents_top .sort .sort_list { margin-top:0 }
.mypage_contnet .work_list .lecture_all.share .item .group { padding-top:14px }
.mypage_contnet .work_list .lecture_all.share .item .group .user_name { margin-bottom:12px }
.mypage_contnet .work_list .lecture_all.share .item .group .class_tit { margin-bottom:22px }
.mypage_contnet .work_list .lecture_all.share .item .group .info { margin-bottom:18px }
.mypage_contnet .work_list .lecture_all .item .group .info li { margin:0 3px }


/* �� */
.myclass_list.like .list > li { display:table; width:100% }
.myclass_list.like .list > li > * { display:table-cell; vertical-align:top }
.myclass_list.like .list > li .thumb { width:250px; height:auto; border-radius:0 }
.myclass_list.like .list > li .thumb > img { height:auto }
.myclass_list.like .list > li .info { position:relative }
.myclass_list.like .list > li .info .head { position:absolute; top:0 }
.myclass_list.like .list > li .info .head .tit { font-size:18px; margin-bottom:5px; font-weight:500 }
.myclass_list.like .list > li .info .head .subject > span { display:inline-block; vertical-align:middle; color:#606060 }
.myclass_list.like .list > li .info .tail { position:absolute; bottom:0 }
.myclass_list.like .list > li .info .tail .have { font-weight:500; margin-bottom:3px }
.myclass_list.like .list > li .info .tail .class_studing > li { float:left; margin-right:15px; color:#363636; font-weight:500 }
.myclass_list.like .list > li .info .tail .class_studing > li i { font-size:18px; vertical-align:-4px }
.myclass_list.like .list > li .info .tail .class_studing > li .star > i { font-size:17px; letter-spacing:-1.5px; vertical-align:-3px }
.myclass_list.like .list > li .info .tail .class_studing > li .point { display:inline-block; margin-left:5px }
.myclass_list.like .list > li .class_btn a > i { vertical-align:-5px }
.myclass_list.like .list > li .class_btn a.zzim:hover { background:#9c86b7; color:#fff }
.myclass_list.like .list > li .class_btn a.zzim:hover i { color:#fff }
.myclass_list.like .list > li .class_btn a.apply:hover { background:#fff; color:#7232d8 }
.myclass_list.like .list > li .class_btn a.apply:hover i { color:#7232d8 }
.myclass_list.like .list.list_type > li { display:block }
.myclass_list.like .list.list_type > li > a { display:table; width:100% }
.myclass_list.like .list.list_type > li > a > * { display:table-cell; vertical-align:top }
.myclass_list.like .list.list_type > li.empty_item {display:flex;align-items:center;flex-direction:column;padding: 60px 0;color:rgb(137, 137, 137)} /* 2022-04-15 검색 개선 사항 : 추가 */
.myclass_list.like .list.list_type > li.empty_item > p {color:#333;margin-top:10px} /* 2022-04-15 검색 개선 사항 : 추가 */

/* ����� ���� */
.lecture_all { margin-left:-6px; margin-right:-6px }
.lecture_all .item { float:left; padding:0 6px; width:25%; margin-bottom:30px }
.item  a { position:relative; display:block; overflow:hidden } 
.item .item_close { position:absolute; right:5px; top:5px; z-index:99; display:none; transition:0.3s } 
.item:hover .item_close { display:block; transition:0.3s } 
.item .thumb { position:relative }
.item .alpha { position:absolute; width:100%; height:100%; left:0; right:0; bottom:0; background:rgba(0,0,0,0.1) }
.item .group { background:rgba(0,0,0,0.6); color:#fff; position:absolute; bottom:0; height:35px; width:100%; z-index:2; overflow:hidden; transition:0.3s; text-align:left; padding:0 20px }
.item .group .group_top { padding-top:7px; margin-bottom:6px }
.item .group .group_top .class_tit { font-size:15px; display:block; margin-bottom:5px; text-align:center }
.item .group .group_top .class_desc { font-size:12px; opacity:0.5 }  
.item .group .group_top .teacher { color:#959595 }
.item .group .group_top .teacher .teacher_thumb { width:36px; height:36px; border:1px solid #eaeaea; margin-right:6px }
.item .group .group_bottom { font-size:12px }
.item .group .group_bottom .lect_tit { display:block; margin-bottom:3% } 
.item .group .group_bottom .lect_info .dt { min-width:65px; opacity:0.6 }
.item .group .group_bottom .lect_info .dt,
.item .group .group_bottom .lect_info .dd { display:inline-block; line-height:1.75em }
.item .group .group_bottom .lect_info .dd .ico_smallstar > i { font-size:16px; vertical-align:-3px; letter-spacing:-2px }
.item > a:hover .group { height:100%; background:rgba(0,0,0,0.9); padding:10px 20px } 

/* �Ǹ޴� ���� Ŭ���� */
.content_menu > ul > li { float:left }
.menu__item--current .menu__link { font-weight:600 }
.menu__link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#7232d8;transform:scale3d(0, 1, 1);transition:transform 0.1s;-webkit-transform:scale3d(0, 1, 1);-webkit-transition:transform 0.1s}
.menu__item--current .menu__link::before{transform:scale3d(1, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.3s;-webkit-transform:scale3d(1, 1, 1);-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:0.3s}
.content_menu > ul > li > a:hover { font-weight:600 }
/*.content_menu > ul > li > a:hover .menu__link::before {transform:scale3d(1, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.3s;-webkit-transform:scale3d(1, 1, 1);-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:0.3s}*/ 


.learning_all { background:#eeeef0 }
.learning_all .learning_slide { margin-bottom:40px } 
.learning_all .arrow { background-image:none; width:50px; height:55px; background:rgba(0,0,0,0.3); overflow:hidden; transition:0.3s; position:absolute; top:47%; z-index:10; right:20px; outline:0; margin:0 }
.learning_all .arrow:hover { width:95px } 
.learning_all .swiper-button-prev { left:13px }
.learning_all .swiper-button-next { right:13px }
.learning_all .swiper-button-prev i,  
.learning_all .swiper-button-next i { font-size:45px; line-height:1.2; position:absolute; top:0 }
.learning_all .swiper-button-prev i { left:5px }  
.learning_all .swiper-button-next i { right:5px }
.learning_all .arrow .paging { font-size:14px; color:#fff; font-weight:400; letter-spacing:-1.5px; position:absolute; width:45px; height:55px; line-height:55px; top:0 }
.learning_all .arrow:hover .paging,
.learning_all .arrow:hover .paging { width:45px }
.learning_all .swiper-button-prev .paging { left:51px; padding-right:15px }
.learning_all .swiper-button-next .paging { right:51px; padding-left:15px }
.learning_all .arrow .paging .current { font-weight:500 }
.learning_all .item { padding:3px; overflow:hidden }
.learning_all .item a { box-shadow: 0.707px 0.707px 6px 0px rgba(0, 0, 0, 0.2) }
.learning_all .item a .alpha { z-index:2 }
.learning_all .item a .tit { line-height:26px; position:absolute; left:0; bottom:0; width:100%; background:#fff; font-size:18px; font-weight:400; color:#191919; padding:5.2% 6% 6%; z-index:3 }
.learning_all .item a .thumb img { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out }
.learning_all .item a:hover .thumb img { transform: scale(1.1); -webkit-transform: scale(1.1) }
.learning_menu {background:#f7f7f7; border-bottom:1px solid #e6e6e6 } 
.learning_menu .tab_group { height:auto; margin:0; width:auto }
.tab_group .content_menu a { float:none; width:auto; height:auto; color:#000; font-size:16px; background:transparent; padding:0; border:0 }
.tab_group .content_menu a span { display:inline-block; padding:25px 40px 26px; position:relative }

.learning_menu .right { float:right; margin-top:19px }
.learning_menu .list_type > a { width:34px; height:34px; border-radius:50%; background:#fff; display:inline-block; text-align:center; padding:5px 0; margin:0 4px }
.learning_menu .learning_search { margin-left:12px; height:48px; border-bottom:2px solid #999 }
.learning_menu .learning_search .search_form { position:relative; width:310px; border-radius:0; box-shadow:none; border:0 }
.learning_menu .learning_search .search_form input { height:34px; border:0; background:transparent; padding-left:10px; font-size:18px; color:#959595; width:280px; outline:0; font-weight:400; margin-top:0 }
.learning_menu .learning_search .search_form a { position:absolute; right:3px; top:4px }
.learning_list { background:#fff; padding-bottom:4% }
.learning_list .lecture_all .item .group .group_top .class_tit { font-weight:400 !important; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.learning_list .tab_panel,
.learning_detail_tab_content .tab_panel { display:none }
.learning_list .tab_panel .more a { width:54px; height:54px; border:1px solid #f1f1f1; background:#f1f1f1; display:block; text-align:center; border-radius:50px; margin:0 auto }
.learning_list .tab_panel .more a:hover { background:#fff; border-color:#7232d8 } 
.learning_list .tab_panel .more a > i { line-height:2.2 }
.learning_list .tab_panel .more a > span { font-size:12px; color:#000; display:block; margin-top:5px }
/* 2024-08-30 커스텀 탭 추가 : s */
.custom_tab_group__wrap{width:100%; position:relative; display:flex; justify-content: center;}
.custom_tab_group{width:100%; max-width:1200px; display:inline-flex; align-items:center; margin:20px 0; border: 1px solid #eaeaea;}
.custom_tab_group li{flex:1;}
.custom_tab_group li a{display:inline-flex; justify-content: center; align-items:center; width:100%; height:100%; padding:15px 0; white-space: nowrap; color:#000; font-size:16px; background-color:#fff; border-left:1px solid #eaeaea;}
.custom_tab_group li .active{background-color:#9c86b7;color:#fff;}
/* 2024-08-30 커스텀 탭 추가 : e */

/* ����� ���� �� */
.learning_detail { background:#eeeef0; padding:45px 0 25px }
.learning_detail_inner { width:850px }
.learning_detail .learning_detail_thumb_area { float:left; width:47.5%; text-align:center;}
.learning_detail .learning_detail_thumb { display:inline-block; box-shadow:0.707px 0.707px 6px 0px rgba(0, 0, 0, 0.2); position:relative; width:100% } 
.learning_detail .learning_detail_thumb .info_layer { position:absolute; bottom:-5px; right:0px; display:none }
.learning_detail .learning_detail_thumb .info_layer > i { color:#3c3c3c }
.learning_detail .learning_detail_thumb_bottom { text-align:center; width:250px; margin:0 auto; margin-top:7.25% }
.learning_detail .learning_detail_thumb_bottom > a { padding:10px 23px; font-size:16px; line-height:1; transition:0.3s; -webkit-transition:0.3s; border-radius:50px; margin-right:10px; background:#fff } /* 191113 수정 - float,mg-left 삭제 mg-right 추가 */
.learning_detail .learning_detail_thumb_bottom > a:last-child{ margin-right:0} /* 191113 추가 */
.learning_detail .learning_detail_thumb_bottom > a > i { font-size:18px; vertical-align:-3px; margin-right:4px }
.learning_detail .learning_detail_thumb_bottom > a > i.full { display:none }
.learning_detail .learning_detail_thumb_bottom > a:hover > i.border { display:none }
.learning_detail .learning_detail_thumb_bottom > a:hover > i.full { display:inline-block }
.learning_detail .learning_detail_info { float:left; width:52.5%; padding-left:5.5% }
.learning_detail .learning_detail_info .tit { font-size:28px; display:block; margin-bottom:7%; font-weight:500 !important; color:#191919 }
.learning_detail .learning_detail_info .learning_detail_info_list { margin-bottom:8% }
.learning_detail .learning_detail_info .learning_detail_info_list li { font-size:16px; margin:2% 0 }
.learning_detail .learning_detail_info .learning_detail_info_list li .dt { width:100px; display:inline-block; font-weight:500 }
.learning_detail .learning_detail_info .learning_detail_info_list li .dd{display: inline-block;width:calc(100% - 105px);vertical-align: top;}
.learning_detail .learning_detail_info .tag li { float:left; color:#191919; border:1px solid #ccc; background:#fff; border-radius:20px; font-size:13px; line-height:1; padding:6px 13px; margin:0 3px 0 0} /*margin-left:3px*/
/* .learning_detail .learning_detail_info .tag li:first-child { margin:0 } */
.learning_detail .learning_detail_info .btn_enrol { display:block; background:#7232d8; color:#fff; font-size:18px; text-align:center; font-weight:500; width:100%; border-radius:30px; margin-top:9.92%; padding:3% 0 }
.learning_detail .learning_detail_info .btn_enrol > i { font-size:22px; vertical-align:-5px; margin-right:8px }
.learning_detail .learning_detail_info .btn_enrol.disabled{background: #d5d5d5;}

.learning_detail_tab_content .contents { width:850px }
.learning_detail_tab { background:#f7f7f7; border-bottom:1px solid #e8e8e8; margin-bottom:35px } 
.learning_detail_tab .tab_group { height:auto; margin:0; width:auto }
.learning_detail_tab_content { padding-bottom:35px }

/* ����� �г� */
.learning_detail_tab_content .panel { margin-bottom:15px; text-align:left}
.learning_detail_tab_content .panel .panel-head { border:0 }
.learning_detail_tab_content .panel .panel-body { padding:0 30px 25px }
.learning_detail_tab_content .panel .panel-tit { font-size:24px; font-weight:500 }
.panel .panel-body .table th,
.panel .panel-body .table td { font-size:14px !important; color:#191919 }
.panel .panel-body .faq { margin-bottom:0 }
.panel .panel-body .list { line-height:24px }
.panel .panel-body .thumb_list .book_thumb {width: 130px; text-align: center;}
.panel .panel-body .list li.bullet { background:url('../../../../../images/egovframework/com/ebs/common/dot.png') 12px 10px no-repeat; padding-left:22px }
.panel .panel-body .thumb_list > * { display:inline-block; vertical-align:middle }
.panel .panel-body .thumb_list .thumb_wrap { width:130px; text-align:center }
.panel .panel-body .thumb_list .thumb_wrap > img { border:1px solid #e8e8e8 }
.panel .panel-body .thumb_list .lector_thumb > img { width:90px; height:90px }
.panel .panel-body .thumb_list .thumb_desc { width:calc(100% - 164px); padding-left:35px }
.panel .panel-body .thumb_list .thumb_desc > ul li { line-height:26px; display:table; width:100% }
.panel .panel-body .thumb_list .thumb_desc > ul li > * { display:inline-block; vertical-align:middle }
.panel .panel-body .thumb_list .thumb_desc > ul li .tit { vertical-align:top; width:90px; min-width:60px; } 
.panel .panel-body .thumb_list .thumb_desc > ul li .tit + * { width:calc(100% - 90px); word-break:break-word }
.panel .panel-body .thumb_list .thumb_desc > ul li .url { color:#363636 }
.panel .panel-body .swiper-container.nominate1,
.panel .panel-body .swiper-container.nominate2 { margin:0 50px 0 50px }
.panel .panel-body .swiper-container.nominate .item a .tit,
.panel .panel-body .swiper-container.nominate .item a .creator{ color:#191919 }
.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-prev2 { left:40px; outline:0 }
.panel .panel-body .swiper-button-next1, .panel .panel-body .swiper-button-next2 { right:40px; outline:0 }
.panel .panel-body .swiper-button-prev1 > i , .panel .panel-body .swiper-button-next1 > i,
.panel .panel-body .swiper-button-prev2 > i , .panel .panel-body .swiper-button-next2 > i { font-size:26px }

.class_list li { border:1px solid #e8e8e8; padding:15px 30px; background:#fff; transition:0.4s }
.class_list li + li { margin-top:-1px }
.class_list li .class_tit { font-size:15px; color:#191919; display:inline-block; vertical-align:middle; width:calc(100% - 115px) }
.class_list li .class_tit .border_box { display:inline-block; width:34px; height:34px; border-radius:50%; border:1px solid #7232d8; text-align:center; padding:4px 0; vertical-align:middle; margin-right:8px;  font-size: 12px; line-height: 2em; color: #7232d8; }
.class_list li .class_tit .border_box.end { background:#7232d8 }
.class_list li .class_tit .border_box.end span { color: #ffffff; }
.class_list li .class_tit .border_box.end > i { color:#fff !important }
.class_list li .class_tit .class_name { width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle }
.class_list li .class_tit .border_box i { font-size:22px }
.class_list li .state { border-radius:20px; padding:6px 30px; transition:0.3s; -webkit-transition:0.3s }
.class_list li .state:hover { color:#fff; background:#7232d8 }
.comment_wrap { padding:30px 28px 40px 28px; background:#fff; border:1px solid #e6e6e6 }
.comment_wrap > li { /*border-bottom:1px solid #e8e8e8;*/ padding:20px 15px; background:#fff; position:relative }
.comment_wrap li.point { padding:30px 0 25px; text-align:center }
.comment_wrap li.point i { font-size:33px; letter-spacing:-2.5px }
.comment_wrap li.point .starpoint { display:block; margin-top:5px }
.comment_wrap li .user_thumb { width:7%; float:left; margin-right:4% } 
.comment_wrap li .user_thumb > span { width:40px; height:40px; background:#d2d2d2; border-radius:50%; text-align:center; display:inline-block; padding:4px 0 }
.comment_wrap li .user_thumb > span > i { font-size:28px }
.comment_wrap li .comment_content { float:left; width:89% }
.comment_wrap li .comment_content_top > * { display:inline-block; vertical-align:middle }
.comment_wrap li .comment_content_top { margin-bottom:10px }
.comment_wrap li .comment_content_top em { font-size:12px; padding:4px 6px; border-radius:2px; line-height:1; margin-right:10px }
.comment_wrap li .comment_content_top .user_name { line-height:20px; margin-right:12px }
.comment_wrap li .comment_content_top .star_thumb > i { font-size:19px;letter-spacing:-1.5px }
.comment_wrap li .comment_content_top .starpoint { display:inline-block; color:#191919; margin-left:5px }
.comment_wrap li .comment_content_top .starpoint > i { display:none; font-size:19px; vertical-align:-3px; margin-right:2px }
.comment_wrap li .comment_content_top .date { font-size:13px; margin-left:15px; line-height:22px }
.comment_wrap li .comment_content .comment_txt { margin-bottom:15px;height:60px; overflow:hidden }
.comment_wrap li .comment_content_bottom { padding-bottom:20px }
.comment_wrap li .comment_content_bottom .btn_reply { border:1px solid #e8e8e8; color:#191919; padding:5px 10px; line-height:1; display:inline-block; width:auto }
.comment_wrap li .comment_content_bottom .btn_open { color:#191919; margin-left:10px }
.comment_wrap li .comment_content_bottom .btn_open > i { font-size:20px; margin-left:8px; vertical-align:-4px }
.comment_wrap li .hidden_commnet { position:relative; padding:0 25px 24px; background:#fafafa; margin-right:-15px; margin-left:-15px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8 }
.comment_wrap li .hidden_commnet li { background:transparent; padding:22px 30px }
.comment_wrap li .hidden_commnet .ico_reply { position:absolute; left:0; top:18px; color:#bbbbbb }
.comment_wrap li .hidden_commnet li p { line-height:1.4em }
.comment_wrap .thumb { width:60px; height:60px; border-radius:50%; background:#d2d2d2; display:inline-block; text-align:center }
.comment_wrap .thumb > i { font-size:40px; vertical-align:-32px; color:#fff }
/* ���ǽ� */
.comment_wrap .comment_top { padding-bottom:12px; border-bottom:1px solid #e6e6e6 }
.comment_wrap .comment_top .total { font-size:16px; color:#191919; margin-top:5px; float:left }
.comment_wrap .comment_top_right { float:right; max-width:410px }
.comment_wrap .comment_top_right .search_form { border-radius:4px; box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); width:calc(100% - 82px); border:1px solid #d2d2d2; overflow:hidden; height:34px; position:relative }
.comment_wrap .comment_top_right .search_form input[type='text'] { border:0; width:87%; height:32px; padding-left:10px; outline:0; font-size:14px }
.comment_wrap .comment_top_right .search_form a { position:absolute; right:10px; top:4px }
.comment_wrap .comment_top_right .search_form a:active i { color:#363636 }
.comment_wrap .comment_top_right .search_form a > i { color:#363636 }
.comment_wrap .comment_top_right .btn_ask { background:#7232d8; font-size:14px; font-weight:500; color:#fff; padding:7px 15px 8px; margin-left:10px }
.comment_wrap .comment_top_right .btn_ask > i { color:#fff; font-size:18px; vertical-align:-3px; margin-right:1px }

.comment_wrap .comment_content li { border-bottom:1px solid #e8e8e8; padding:20px 15px 20px 0 }
.comment_wrap .comment_content li .num_area { width:100px; color:#191919 }
.comment_wrap .comment_content li .must_num { font-size:12px; border-radius:3px; color:#fff; background:#999; line-height:1; padding:5px 10px; display:inline-block }
.comment_wrap .comment_content li .con_area { width:calc(100% - 100px) }
.comment_wrap .comment_content li .con_area .brd_tit { color:#191919; font-weight:500; line-height:1.7em; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.3s }
i.attachment { transform:rotate(200deg); font-size:20px; vertical-align:-4px }
.comment_wrap .comment_content li .con_area .date { font-size:13px; display:inline-block }
.comment_wrap .comment_content li .con_area .brd_addinfo { margin-top:2px }
.comment_wrap .comment_content li .con_area .brd_addinfo a,
.comment_wrap .comment_content li .con_area .brd_addinfo a:active { color:#191919 }
.comment_wrap .comment_content li .con_area .brd_addinfo .between { margin:0 8px; display:inline-block; width:1px; margin-top:2px; height:12px; background:#e8e8e8 }
.comment_wrap .comment_content li.must .con_area .date { margin-left:0 }
.comment_wrap .comment_content li.must .con_area .brd_addinfo { margin-top:0 }
.comment_wrap .comment_content li.review_list .user_thumb { width:100px; text-align:center; margin-right:0 }
.comment_wrap .comment_content li.review_list .comment_content { width:calc(100% - 100px) }
.comment_wrap .comment_content li .hidden_commnet { background:#fff; border:0; padding:0 0 0 12px }
.comment_wrap .comment_bottom { position:relative }
.comment_wrap .comment_bottom .range { position:absolute; right:0; top:0 }
.comment_bottom { position:relative }
.comment_bottom .range { position:absolute; right:0; top:0 }

.comment_wrap .attach li { margin-bottom:5px; background:transparent; padding:0 !important; border:0; font-size:13px }
.comment_wrap .attach li:last-child { margin-bottom:0 }
.comment_wrap .tag_list { margin-top:4% }
.comment_wrap .tag_list li { float:left; color:#4d2c77; margin-right:20px; padding:0 !important; border:0; line-height:1.5em }


/*.review_content { padding:30px 28px 40px 28px; background:#fff; border:1px solid #e6e6e6 }*/
.comment_wrap { padding:30px 28px 40px 28px; background:#fff; border:1px solid #e6e6e6 }
.comment_wrap .review_content { border-top:2px solid #959595; border-bottom:1px solid #e8e8e8 }
/*.comment_wrap li .open_comment { padding:20px }*/
.comment_wrap .review_content li { padding:0 0 20px }
.comment_wrap .review_content li .open_comment .comment_head { padding:20px; border-bottom:1px solid #e8e8e8 }

.comment_wrap .review_content li .open_comment .comment_head .left { width:450px }
/*.comment_wrap .review_content li .open_comment .comment_head .left { min-width:250px }*/
.comment_wrap .review_content li .open_comment .user_thumb { width:60px; height:60px; display:inline-block; margin-right:4% }
.comment_wrap .review_content li .open_comment .review_tit { font-size:16px; color:#191919; display:inline-block; vertical-align:middle; margin-top:16px; /*max-width:400px*/ }
.comment_wrap .review_content li .open_comment .review_tit em { font-size:12px; color:#fff; background:#7232d8; padding:2px 7px; border-radius:3px; margin-right:8px; display:inline-block }
.comment_wrap .review_content li .open_comment .work_tit { font-size:18px; color:#191919; display:inline-block; vertical-align:middle; /*max-width:400px*/ }
.comment_wrap .review_content li .open_comment .work_tit em { font-size:13px; display:block }
.comment_wrap .review_content li .open_comment .work_tit .name { font-size:14px; display:block }
.comment_wrap .review_content li .comment_head .right { padding:20px 0 }
.comment_wrap .review_content li .comment_head .right > * { display:inline-block; vertical-align:middle; font-size:13px }
.comment_wrap .review_content li .comment_head .right > span,
.comment_wrap .review_content li .comment_head .right > p,
.comment_wrap .review_content li .comment_head .right > a { margin:0 5px }
.comment_wrap .review_content li .comment_head .right i { font-size:18px; vertical-align:-4px }
.comment_wrap .review_content li .comment_head .right .point i { letter-spacing:-2px }
.comment_wrap .review_content li .open_comment .comment_body { position:relative; padding:25px 20px  25px }
.comment_wrap .review_content li .open_comment .comment_body.pdf{padding:25px 0;} /* pdf 영역 추가 2024-07-23*/
.comment_wrap .review_content li .open_comment .comment_body.pdf .attach{padding:0 20px 35px;} /* 2024-07-25 새로 추가 */
.comment_wrap .review_content li .open_comment .comment_body .edit > a { display:inline-block; margin-left:12px  }
.comment_wrap .review_content li .open_comment .comment_body .bottom { margin-top:4% }
.comment_wrap .review_content li .open_comment .comment_body p { line-height:2em }
.comment_wrap .review_content li .open_comment .comment_body p .class_tit{ display:block; font-size:16px; margin-bottom:6px; font-weight:500 !important }
.comment_wrap .review_content li .open_comment .comment_body .reply_wrap {border:1px solid #d2d2d2;box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); margin-top:30px; height:100px; position:relative; display:table; width:100% }
.comment_wrap .review_content li .open_comment .comment_body .reply_wrap textarea { border:0; background:transparent; width:100%; height:100%; overflow-y:auto; display:table-cell; vertical-align:top; font-family:"Noto Sans KR"; font-size:14px }
.comment_wrap .review_content li .open_comment .comment_body .reply_wrap a { border-left:1px solid #e8e8e8; color:#191919; width:10%; min-width:65px; height:100%; font-weight:500; text-align:center; display:table-cell; vertical-align:middle }
.comment_wrap .review_content li .hidden_comment { border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fafafa; color:#191919 }
.comment_wrap .review_content li .hidden_comment ul { padding:0 20px 15px }
.comment_wrap .review_content li .hidden_comment ul li { position:relative; padding:20px 0; border-bottom:1px solid #e8e8e8; background:transparent }
.comment_wrap .review_content li .hidden_comment ul li .ico_reply { position:absolute; left:0; top:20px; color:#bbb }
.comment_wrap .review_content li .hidden_comment ul li .writer { display:block; margin-bottom:8px }
.comment_wrap .review_content li .hidden_comment ul li .reply_box { padding:0 0 0 30px }
.comment_wrap .review_content li .hidden_comment ul li .reply_box .reply_bottom { margin-top:12px }
.comment_wrap .review_content li .hidden_comment > p { padding:10px 20px; border-bottom:1px solid #e8e8e8; background:#fafafa }
.comment_wrap .back_list, .comment_wrap .review_content li .back_list { margin-top:20px; float:right; color:#7232d8 }
.comment_wrap .back_list { font-size:15px; margin-top:20px }
.comment_wrap .back_list > i { font-size:20px; vertical-align:-4px; margin-right:0px }
/* pdf view 2024-07-23 : s */
.pdf-body--conts{width:100%;}
.pdf-body--conts .pdf-btn--area{display:flex; justify-content: flex-end; gap:16px; padding:0 20px 25px;border-bottom: 1px solid #e8e8e8;}
.pdf-body--conts .pdf-btn--area > a{font-size:14px; color:#7232d8;}
.pdf-body--conts .pdf-search--area{display:flex; justify-content: space-between; margin:0 0 20px; padding:10px 20px;border-bottom: 1px solid #e8e8e8;}
.pdf-body--conts .search{display:flex;align-items:center; gap:6px;}
.pdf-body--conts .search > input{width: 340px;height: 100%;padding:4px 10px;}
.pdf-body--conts .search > input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #333 !important;
}
.pdf-body--conts .search > button{display:inline-block;white-space:nowrap;background-color: #7232d8; color: #fff; padding: 10px 18px; border-radius: 4px;}
.pdf-body--conts .search > .pdf-tit{display:inline-block;white-space:nowrap;font-size:15px; font-weight:700; margin-right:75px;}
.pdf-body--conts .select-box{display:flex;align-items:center; gap:15px;}
.pdf-body--conts .select-box > .pdf-tit{display:inline-block;white-space:nowrap;font-size:15px; font-weight:700;}
.pdf-body--conts .select-box select {min-width:120px; height:38px; color:#000; background-color:#fff; background-image:url("../../../../../images/egovframework/com/builder/common/icon_arrow_d.svg"); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; background-size:10px auto; font-size:14px; font-weight:400; padding:0 32px 0 16px; border:1px solid #e1e1e1; border-radius:4px;}
.pdf-body--conts .select-box select {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; -webkit-appearance:none; -moz-appearance: none; } 
.pdf-body--conts .select-box select:focus {background-image:url("../../../../../images/egovframework/com/builder/common/icon_arrow_u.svg");}
.pdf-body--conts .select-box select:disabled {background-color: #f4f4f4; color:#9a9a9a}

.pdf-wrapper{background-color: #f9f9f9;padding: 20px 0;}
.pdf-viewer{position:relative; width:100%; max-width:1000px;opacity:0; transition: opacity 0.4s ease;} /* 2024-08-02 수정 */
.pdf-viewer canvas{width:100%;} /* 2024-07-26 pdf 영역 맥스값 설정 */
.pdf-contents{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.highlight{position: absolute; display: inline-block; white-space: nowrap; background-color: #efefef; color:#000; font-weight: 700; pointer-events: none; width: max-content !important; height: auto !important; padding: 0 6px 0 0; line-height: 1.12;}
.pdf-download-box{display: flex; justify-content: space-between; align-items:center; padding: 0px 20px 40px;}/* 2024-07-25 수정 */
.pdf-download-box .pdf-tit {font-size:13px; color:#000;} /* 2024-07-25 추가 */
.pdf-download-box > a{display: inline-flex; align-items: center; background-color: #333; color: #fff; padding: 7px 20px; border-radius: 4px; font-size: 15px; gap: 4px;}

.pdf-contents .pdf-btn--left, .pdf-contents .pdf-btn--right{position:absolute; top:50%; transform:translate(0, -50%); display:flex; justify-content:center; align-items:center;}
.pdf-contents .pdf-btn--left{left:3%;} /* 2024-08-02 수정 */
.pdf-contents .pdf-btn--right{right:3%;} /* 2024-08-02 수정 */
.pdf-contents .pdf-btn--left i, .pdf-contents .pdf-btn--right i{font-size:72px;}
.pdf-button--wrapper{display:flex; align-items:center; justify-content: space-between; padding:20px 0;}
.pdf-button--wrapper div{font-size:15px; color:#666666;}
.pdf-button--wrapper > button{font-size:13px; color:#000; padding: 9px 20px;background-color:#fff; border:1px solid #dfdfdf; border-radius:4px;}
.pdf-button--wrapper > button:hover{color:#7232d8; border:1px solid #7232d8;}
.pdf-button--wrapper .str{color:#000; font-weight:700;}
/* pdf view 2024-07-23 : e */
/* Board View */
.comment_wrap.view .review_content li .open_comment .smart_head { padding:10px 20px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#fafafa }
.comment_wrap.view .review_content li .open_comment .comment_head .left{ width:calc(100% - 330px) }
/*.comment_wrap.view .review_content li .open_comment .comment_head { background:#f5f5f5; padding:15px 20px }*/
.comment_wrap.view .review_content li .open_comment .user_thumb { margin-right:20px }
.comment_wrap.view .review_content li .open_comment .review_tit { font-size:18px; font-weight:500; width:calc(100% - 80px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.comment_wrap.view .review_content .comment_head.good  { background:#fff; padding:20px }
.comment_wrap.view .review_content .comment_head.good .left { width:calc(100% - 200px) }
.comment_wrap.view .review_content .comment_head.good .thumb { float:left; margin-right:20px }
.comment_wrap.view .review_content .comment_head.good .reply_tit_box .select { background:url('../../../../../images/egovframework/com/ebs/common/bg_reply.png') no-repeat; display:inline-block; width:76px; height:23px; vertical-align:middle; background-size:76px 46px; color:#fff; padding-left:6px; line-height:1.7em; font-size:13px }
/*.comment_wrap.view .review_content .comment_head.good .reply_tit_box { padding:3px 0 }*/
.comment_wrap.view .review_content .comment_head.good .reply_tit_box { padding:16px 0 }
.comment_wrap.view .review_content .comment_head.good .reply_tit_box .reply_tit { font-size:18px } 
.comment_wrap.view .review_content .comment_head.good .reply_tit_box .mem_rate { font-size:15px; font-weight:500 }
.comment_wrap.view .review_content .comment_head.good .reply_tit_box .select.smart { background-position:0 0; margin-right:10px }
.comment_wrap.view .review_content .comment_head.good .reply_tit_box .select.best { background-position:0 -23px }

.smart_reply > p { padding:10px 20px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#fafafa }
.smart_reply .request { background:#fff; border:0; margin-top:15px }
.smart_reply .request > span { display:block; margin-bottom:25px }
.smart_reply > p label { margin-right:10px }
.smart_reply > p i { font-size:18px; vertical-align:-3px; margin-right:5px }
.smart_reply table { width:100%; border-bottom:1px solid #e8e8e8 }
.smart_reply table th,
.smart_reply table td { padding:16px 20px 18px }
.smart_reply table td { border-top:1px solid #e8e8e8 }

/*
.comment_wrap.view .review_content li .open_comment .smart_reply > p { padding:10px 20px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#fafafa }
.comment_wrap.view .review_content li .open_comment .smart_reply .request { background:#fff; border:0; margin-top:15px }
.comment_wrap.view .review_content li .open_comment .smart_reply .request > span { display:block; margin-bottom:25px }
.comment_wrap.view .review_content li .open_comment .smart_reply > p label { margin-right:10px }
.comment_wrap.view .review_content li .open_comment .smart_reply > p i { font-size:18px; vertical-align:-3px; margin-right:5px }
.comment_wrap.view .review_content li .open_comment .smart_reply table { width:100%; border-bottom:1px solid #e8e8e8 }
.comment_wrap.view .review_content li .open_comment .smart_reply table th,
.comment_wrap.view .review_content li .open_comment .smart_reply table td { padding:16px 20px 18px }
.comment_wrap.view .review_content li .open_comment .smart_reply table td { border-top:1px solid #e8e8e8 }*/



/* community tab share_tab*/
 .academy_state002 {display: inline-block; width:100%; border-bottom:1px solid #e8e8e8;}
 .academy_state002:last-child { border-bottom:0; padding-bottom:5px }
 .preview002{display:inline-block; margin-top:-4px; position:absolute;}
 .academy_state002 h5 { font-size:15px; margin-bottom:10px }
 .academy_state002 .review li { margin-bottom:4% }
 .academy_state002 .preview002 li { float:left; margin-right:15px; }
 .academy_state002 .preview002 li:first-child { margin-left:0 }
 .academy_state002 .preview002 li em { margin-right:8px }
 .academy_state002 .preview002 li em > i,
 .academy_state002 .preview002 li span > i { font-size:18px; vertical-align:-4px }
 .academy_state002 > .review li .review_txt { font-style:italic; font-size:12px; color:#191919; line-height:18px; margin-bottom:5px }
 .academy_state002 > .review li .lecture_point i { font-size:18px; vertical-align:-4px }

/*share_tab*/
.share_tab { position:absolute; right:1px; top:-10px; background:#fff; border:1px solid #e8e8e8; box-shadow: 2.007px 2.229px 6px 0px rgba(0, 0, 0, 0.15); width:350px; border-radius:4px 4px 0 0; z-index:13; padding-bottom:20px; transition:0.3s }
.share_tab > a { width:28px; height:28px; display:block; text-align:center; float:right; margin-top:-30px; margin-right:-7px; display:none }
.share_tab > a > i { font-size:28px; color:#f4f4f4; font-weight:700 }
.share_tab .academy { background:#f7f7f7; padding:30px 30px 5px; border-bottom:1px solid #e8e8e8 }
.share_tab .academy .academy_intro { margin-bottom:20px }
.share_tab .academy .academy_name { width:calc(100% - 65px); display:inline-block; vertical-align:middle; }
.share_tab .academy .academy_name > a { font-size:16px; color:#363636; display:block }
.share_tab .academy .academy_name > a:hover,
.share_tab .academy .academy_name > a:focus { color:#7232d8; text-decoration:underline }
.share_tab .academy .academy_name .link { border:1px solid #e8e8e8; border-radius:20px; font-size:12px; background:#fff; padding:6px 15px }
.share_tab .academy .academy_name .link > i { font-size:16px; margin-left:5px; vertical-align:-4px }
.share_tab .academy .academy_logo { width:50px; height:50px; border-radius:50%; margin-right:10px; display:inline-block  }
.share_tab .academy .academy_info li { margin-bottom:10px }
.share_tab .academy .academy_info li em { margin-right:10px }
.share_tab .academy .academy_info li em i { font-size:20px; vertical-align:-5px }
.share_tab .academy_state { background:#fff; border-bottom:1px solid #e8e8e8; padding:20px 30px }
.share_tab .academy_state:last-child { border-bottom:0; padding-bottom:5px }
.share_tab .academy_state h5 { font-size:15px; margin-bottom:10px }
.share_tab .academy_state .review li { margin-bottom:4% }
.share_tab .academy_state .preview li { float:left; margin-left:15px }
.share_tab .academy_state .preview li:first-child { margin-left:0 }
.share_tab .academy_state .preview li em { margin-right:8px }
.share_tab .academy_state .preview li em > i,
.share_tab .academy_state .preview li span > i { font-size:18px; vertical-align:-4px }
.share_tab .academy_state .review li .review_txt { font-style:italic; font-size:12px; color:#191919; line-height:18px; margin-bottom:5px }
.share_tab .academy_state .review li .lecture_point i { font-size:18px; vertical-align:-4px }
.share_tab .sns_group { margin-bottom:30px }
.share_tab .sns_group ul li { display:inline-block; width:24px; height:24px; margin:0 3.5% }
.share_tab .lecture_master { margin-bottom:40px }
.progress { height:12px; overflow:hidden; background-color:#fff; border-radius:10px; float:left }
.share_tab .lecture_master .progress { width:100%; background:#ebebeb }
.progress__bar { display:block; height:100%; background:#7232d8; border-radius:10px }
.progress__label { float:right; padding:0 6px; font-size:9px; font-family:'Arial'; font-weight:600; color:#fff }
.lecture_chart { margin-bottom:60px }
.lecture_evt { background:#f7f7f7; color:#191919; width:100%; height:160px; font-size:16px; text-align:center }
.lecture_evt span { line-height:10em }
.lecture_evt > img { width:100%; height:100% }


/* ����� �ϴ� ��ư */
.fixed_bottom { position:fixed; left:0; right:0; bottom:0; width:100%;z-index:999; display:none; z-index:1000 }
.fixed_bottom > a { float:left; color:#fff; font-size:15px; text-align:center; padding:2% 0; display:block }
.fixed_bottom > a > i { vertical-align:-5px; font-size:21px; margin-right:6px }
.fixed_bottom .btn1 { background:#7232d8; width:50% }
.fixed_bottom .btn2, .fixed_bottom .btn3 { width:25% }
.fixed_bottom > .bg_grey{background: #888;}

/* 191014 : s 강의 상세페이지 하단 버튼 여백 없도록 */
.fixed_bottom.type01 a:first-child{ background:#7232d8; width:50% }
.fixed_bottom.type01 a:nth-child(2){ width:25% }
.fixed_bottom.type01 a:nth-child(3){ width:25% }

.fixed_bottom.type02 a:nth-child(1){ width:75% }
.fixed_bottom.type02 a:nth-child(2){ width:25% }

.fixed_bottom.type03 a:last-child{ width:100% }
/* 191014 : e 강의 상세페이지 하단 버튼 여백 없도록 */

/* �н�â */
#learn_header { background:#404750; padding:15px 20px; box-shadow: 0px 3px 5px 0px rgba(164, 164, 164, 0.4); position:fixed; left:0; right:0; top:0; width:100%; z-index:99 }
#learn_header .menu_open { display:none; margin-right:10px }
#learn_header .menu_open i { font-size:25px; color:#fff; line-height:1.15em }
#learn_header .tit { color:#fff; font-size:18px; font-weight:500 !important; line-height:1.6em }
#learn_header .btn_group li { float:left; margin-left:10px }
#learn_header .btn_group li a { border:1px solid #fff; color:#fff; font-weight:500; border-radius:20px; display:block; padding:7px 20px }
#learn_header .btn_group li a i { color:#fff; margin-right:8px; font-size:18px; vertical-align:-4px }

/*.learningpage { overflow-x:hidden; overflow-y:auto }*/
.learningpage .contentWrap { padding-top:90px }
.navigation { position:absolute; left:0; top:0; display:block; padding-top:65px; overflow-x:hidden; overflow-y:auto; background:#fff; width:286px; min-height:100%; border-right:1px solid #ddd; left:0; transition:0.3s; -webkit-transition:0.3s; z-index:90 }
.navigation .ordlst { border-bottom:1px solid #e6e6e6 }
.navigation .ordlst a i { vertical-align:-7px }
.navigation a { display:block; background:#fff; color:#191919; padding:18px 20px; font-weight:500 }
.navigation ul li a { border-bottom:1px solid #e6e6e6; padding:10px 20px; transition:background 0.3s; -webkit-transition:background 0.3s; display:inline-block; vertical-align:middle; width:100% }
.navigation ul li a:hover,
.navigation ul li a:focus,
.navigation ul li a.active { background:#f0f0f0 }
.navigation ul li a .ico { display:inline-block; padding:5px 0; text-align:center; width:34px; height:34px; border:1px solid #7232d8; border-radius:50%; margin-right:8px; transition:background 0.3s; -webkit-transition:background 0.3s }
.navigation ul li a .ico i { font-size:20px; color:#7232d8; transition:color 0.3s; -webkit-transition:color 0.3s; }
.navigation ul li a .txt { vertical-align:top; display:inline-block; line-height:34px }
.contentWrap { transition: margin-left 0.3s ease-out; -webkit-transition: margin-left 0.3s ease-out; margin-left:286px; position:relative; background:#f7f7f7; padding:24px 40px }
.navigation ul li a:hover .ico,
.navigation ul li a:focus .ico,
.navigation ul li a.active .ico { background:#7232d8 }
.navigation ul li a:hover .ico i,
.navigation ul li a:focus .ico i,
.navigation ul li a.active .ico i { color:#fff }
.tit_top { padding-bottom:15px; border-bottom:1px solid #e6e6e6; margin-bottom:15px }
.tit_top .content_tit { font-size:22px; color:#191919 }
.obj { position:relative }
.obj .label { display:block; margin-bottom:10px; font-size:16px; font-weight:500 }
.round_input { border:1px solid #d2d2d2; border-radius:4px; background:#fff; box-shadow:inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); color:#363636; padding:8px 10px; width:100% }

/* QNA Modal */
.content_list { margin-bottom:25px }
.content_list > .label,
.content_list .content_inner .label { font-size:13px; margin-bottom:14px; display:block }
.content_list .nocontent { line-height:24px; color:#959595 }
.content_list .obj { position:relative }
.content_list .obj.flex {display:flex;align-items:center}/* 2022-10-14 추가*/
.content_list .obj .select-wrap__box {margin-left:10px;} /* 2024-10-29 추가*/
.content_list .obj .select-wrap__box:first-child {margin-left:0;} /* 2024-10-29 추가*/
.content_list .obj .btn-group { margin-left:12px }/* 2022-10-14 추가*/
.content_list .obj > button {padding:4px 8px;border-radius:4px;}/* 2022-10-14 추가*/
.content_list .obj .mod_btn_group{display:flex; align-items:center; gap:8px; margin:4px 0 0;} /* 2024-08-20 추가*/

.q_group > li { margin-bottom:35px }
.q_group > li .q_head { font-size:16px; padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #e6e6e6 }
.q_group > li .choice { padding-left:20px }
.q_group > li .choice > li { display:table; width:100%; margin:10px 0 }
.q_group > li .choice > li > * { display:table-cell; vertical-align:middle }
.q_group > li .choice > li label { width:8%; min-width:90px }
.q_group > li .choice > li label .ctrl_indicator { top:9px }
.q_group > li .choice > li .obj { width:92% }

.q_group > li .comment { background:#f9f2f4; border:1px solid #c7254e; border-radius:4px; padding:18px 20px; display:none; margin-top:30px; transition:0.3s }
.q_group > li .comment .commentary { color:#000; display:block; margin-bottom:12px } 
.q_group > li .comment .commentary > i { font-size:18px; vertical-align:-2px; margin-right:4px; color:#404750 } 
.q_group > li .comment .txt { color:#c7254e }

.q_group .ctrl_btn .radioselect { position:relative; width:120px; height:120px; display:inline-block; border-radius:50%; text-align:center; background:#fff; border:1px solid #dadcde; margin:0 25px; transition:0.3s }
.q_group .ctrl_btn .radioselect:hover { box-shadow:inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1) }
.q_group .ctrl_btn .radioselect input[type='radio'] { position:absolute; z-index:-1; opacity:0 }
.q_group .ctrl_btn .radioselect.on { background:#7232d8 }
.q_group .ctrl_btn .radioselect .icon { background:url('../../../../../images/egovframework/com/ebs/common/quiz_icon.png') no-repeat; background-size:235px 40px; display:inline-block; width:40px; height:40px; margin:33% 0 }
.q_group .ctrl_btn .radioselect .icon.icon_o { background-position:0 0 }
.q_group .ctrl_btn .radioselect .icon.icon_x { background-position:-65px 0 }
.q_group .ctrl_btn .radioselect.on .icon.icon_o { background-position:-130px 0 }
.q_group .ctrl_btn .radioselect.on .icon.icon_x { background-position:-195px 0 }
.radioselect:hover .hvr-wobble-vertical, 
.radioselect:hover .hvr-wobble-vertical:focus { -webkit-animation-name:hvr-wobble-vertical; animation-name:hvr-wobble-vertical; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1 }

.q_group .answer { border:1px solid #d2d2d2; height:100px; position:relative; border-radius:4px; background:#fff; width:100%; overflow:hidden }
.q_group .answer textarea { border:0; box-shadow:inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); width:100%; height:100%; overflow-y:auto; font-size:14px; font-family:"Noto Sans KR" }
.q_group .btn-group-sm > a { margin-left:4px; transition:0.3s }
.q_group .btn-group-sm > a#agree.on { background:#5189d6; color:#fff }
.q_group .btn-group-sm > a#anti.on { background:#d069a9; color:#fff }
.q_group .btn-group-sm > a#center.on { background:#888; color:#fff }

.forum_board { background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8 }
.forum_board .board_head { padding:10px 20px; border-bottom:1px solid #e8e8e8; background:#fafafa }
.forum_board .board_status { padding:10px 20px; background:#fff; border-bottom:1px solid #e8e8e8 }
.forum_board .board_status > span { display:inline-block; margin:0 4px; font-size:13px }
.forum_board .list { padding:0 20px 15px }
.forum_board .list > li { padding:24px 0 18px; border-bottom:1px solid #e8e8e8; position:relative }
.forum_board .list > li .edit { position:absolute; right:0; top:5px }
.forum_board .list > li .reply_head { margin-bottom:6px }
.forum_board .list > li .reply_head .writer { font-size:15px }
.forum_board .list > li .reply_head .date { display:inline-block; margin-left:5px }
.forum_board .list > li .thumb { background:#d2d2d2; border-radius:50%; text-align:center; width:60px; height:60px; float:left; margin-right:15px }
.forum_board .list > li .thumb > i { font-size:30px }
.forum_board .list > li .reply { float:left; width:calc(100% - 75px) }
.forum_board .list > li .reply_txt .assent { padding:4px 5px 3px; color:#fff; display:inline-block; font-size:12px; line-height:1; margin-right:4px; margin-top:-1px }

.q_wrap .bottom { margin-top:35px; border-top:1px solid #e8e8e8; padding-top:20px }
.q_wrap .bottom > .bottom_left > * { display:inline-block } 
.q_wrap .bottom a { border:1px solid #7232d8; border-radius:20px; width:90px; text-align:center; padding:10px 0; line-height:1 } 
.q_wrap .bottom a.arrow { color:#363636; background:#fff } 
.q_wrap .bottom a.show_comment {  color:#fff; background:#7232d8; margin-left:12px }
.q_wrap .bottom .paging { padding:0 20px }
.q_wrap .bottom .paging .current { color:#7232d8 }
.q_wrap .quiz_last { margin-top:20px; text-align:center }
.q_wrap .quiz_last > a { background:#fff; border:1px solid #7232d8; color:#7232d8; margin-left:12px; width:115px; border-radius:20px; padding:10px 0; text-align:center; display:inline-block; transition:0.3s }
.q_wrap .quiz_last > a > i { color:#7232d8; vertical-align:-3px; font-size:18px; margin-right:4px } 
.q_wrap .quiz_last > a:first-child { margin-left:0 }
.q_wrap .quiz_last > a:hover { color:#fff; background:#7232d8 }  
.q_wrap .quiz_last > a:hover > i { color:#fff }  

.q_wrap .video_wrap, 
.q_wrap .img_wrap { width:100%; background:#000; margin-bottom:30px; position:relative }
.q_wrap .video_wrap .video { max-width:900px; margin:0 auto }
.q_wrap .img_wrap .item { text-align:center }
.q_wrap .img_wrap .item a:hover .thumb img { transform:scale(1.0); -webkit-transform:scale(1.0) }
.q_wrap .img_wrap .arrow { background:rgba(255,255,255,0.3) }
.q_wrap .img_wrap .swiper-button-prev { left:0 }
.q_wrap .img_wrap .swiper-button-next { right:0 }
.q_wrap .q_txt { font-size:15px; line-height:34px; color:#191919; margin-bottom:40px }
/*.q_wrap .source { max-width:700px; margin:0 auto; background:#fbfbfb; font-size:14px; line-height:1.5em; overflow-x:auto; font-family:'Arial'; white-space:pre; letter-spacing:0; margin-bottom:25px }*/

.filebox { width:500px; height:34px }
.filebox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.filebox label { display:table-cell; cursor:pointer; box-shadow:none; width:1%; background:#fff; color:#363636 }
/* named upload */
.filebox .upload-name { display:inline-block; min-width:195px; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; height:100%; border:1px solid #d2d2d2; box-shadow:inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1) }

/* class_room*/
.class_room { position:relative; padding:40px 10px; background:#eeeef0 }
.class_room_inner { position:relative; padding-right:300px }
.class_room .class_thumb { width:320px; float:left }
.class_room .class_thumb img { border-radius:4px; box-shadow: 0.707px 0.707px 6px 0px rgba(0, 0, 0, 0.2) }
.class_room .class_info { float:left; padding-left:3.8%; width:calc(100% - 320px) }
.class_room .class_info .class_tit { font-size:30px; display:block; margin-bottom:1.5% }
.class_room .class_info .newly { font-size:16px; margin-bottom:3% }
.class_room .class_info .newly small { display:inline-block; margin-left:8px }
.class_room .class_info .way span { font-size: 12px; color: #7232d8;/* font-size:16px; color:#191919  */}


/* class_room002*/
.class_room002 { position:relative; padding:20px; background:#eeeef0 }
.class_room002_inner { position:relative;}
.class_room002 .class_thumb { width:320px; float:left }
.class_room002 .class_thumb img { border-radius:4px; box-shadow: 0.707px 0.707px 6px 0px rgba(0, 0, 0, 0.2) }
.class_room002 .class_info { float:left; padding-left:3.8%; width:calc(100% - 320px) }
.class_room002 .class_info .class_tit { font-size:27px; display:block; margin-bottom:1.5%; white-space: nowrap;  width:90%; overflow: hidden; text-overflow: ellipsis;}

.class_room002 .class_info .newly { font-size:16px; margin-bottom:3% }
.class_room002 .class_info .newly small { display:inline-block; margin-left:8px }
.class_room002 .class_info .way span { font-size:14px; color:#7232d8 }

.class_room002 .class_info .progress_box { margin-top:15px }
.class_room002 .class_info .progress { height:12px; overflow:hidden; background-color:#fff; border-radius:10px; width:100%; float:left }
.class_room002 .class_info .progress__bar { display:block; height:100%; background:#7232d8; border-radius:10px }
.class_room002 .class_info .progress__label { float:right; padding:0 6px; font-size:9px !important; font-family:'Arial'; font-weight:bold; color:#fff !important }
.class_room002 .class_info .progress__num { float:right; line-height:1; font-size:13px }
.way .ico_way a.end span{color:#ffffff}
.btn_learning002:hover{color:#ffffff}

.btn_learning002 {width:100%; margin-top:25px; display:inline-block; text-align:center; font-size:18px; color:#fff; font-weight:500; background:#5189d6; padding:9px 25px; border-radius:40px }
.btn_learning002 i { vertical-align:-6px; margin-right:8px }

/* ���������� & ���ǽ� */
.way .ico_way a { width:34px; height:34px; text-align:center; background:#fff; border:1px solid #7232d8; float:left; border-radius:50%; padding:5px 0; margin-right:18px; position:relative; margin-top:10px }
.way .ico_way a:after { content:''; width:20px; height:2px; background:#ded8e6; position:absolute; right:-21px; top:46% }
.way .ico_way a:last-child:after { content:''; width:0 }
.way .ico_way a i { font-size:20px; color:#7232d8 }

.way .ico_way a.end { background:#7232d8 }
.way .ico_way a.end i { color:#fff }
.class_room .class_info .way .progress_box { display:none } 
.class_room_share { position:absolute; top:0; right:0; width:215px; height:100% }
.class_room_share .sns_area ul { margin:0 -2%; margin-top:10px }
.class_room_share .sns_area ul li { display:inline-block; width:24px; height:24px; margin:0 2.5% }
.class_room_share .bottom { position:absolute; bottom:0; left:0; width:100% }
.class_room_share .bottom .btn_learning { display:block; text-align:center; font-size:18px; color:#fff; font-weight:500; background:#5189d6; padding:9px 0; border-radius:40px }
.class_room_share .bottom .btn_learning i { vertical-align:-6px; margin-right:8px }
.class_room_share .bottom .date { margin-top:15px; color:#191919; font-size:16px; text-align:center }
.class_room_bottom_share { margin-top:2.5%; display:none; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position:relative }
.class_room_bottom_share > a { padding:10px 0; float:left; color:#fff; font-size:15px; text-align:center; display:block }
.class_room_bottom_share > a i { vertical-align:-4px; font-size:20px; margin-right:6px }  
.class_room_bottom_share .btn1 { width:100%; border-radius: 40px;}
.class_room_bottom_share .btn2 { width:20% }
.class_room_bottom_share .btn2 i { color:#363636 }
.class_room_bottom_share .sns_area { display:none; position:absolute; top:41px; right:-1px; background:#fff; border:1px solid #e6e6e6; padding:10px 10px 12px; border:1px solid #eee; z-index:13 }
.class_room_bottom_share .sns_area > strong { display:block; margin-bottom:10px; margin-left:4px; font-weight:500px }
.class_room_bottom_share .sns_area li { float:left; margin:0 4px } 
.class_room_bottom_share .sns_area li a { width:20px; height:20px; display:block } 
.class_room_bottom_share .sns_area .close { display:block; position:absolute; right:17px; top:15px; width:13px; height:13px; background:url('../../../../../images/egovframework/com/ebs/common/auto_close.png') no-repeat; background-size:13px 13px }
.class_room_bottom_share .sns_area .close:active { color:inherit }
.class_room_bottom_share .sns_area .close i { font-size:20px }

.class_room .class_info .progress_box { margin-top:15px }
.class_room .class_info .progress { height:12px; overflow:hidden; background-color:#fff; border-radius:10px; width:82%; float:left }
.class_room .class_info .progress__bar { display:block; height:100%; background:#7232d8; border-radius:10px }
.class_room .class_info .progress__label { float:right; padding:0 6px; font-size:9px !important; font-family:'Arial'; font-weight:bold; color:#fff !important }
.class_room .class_info .progress__num { float:right; line-height:1; font-size:13px }

.tab_group.much .content_menu a span { padding:25px 22px }
.learning_detail_tab .right .user_menu { margin-top:22px }
.learning_detail_tab .right .user_menu a { float:left }
.learning_detail_tab .right .user_menu a { color:#000; font-size:16px }
.learning_detail_tab .right .user_menu a i { color:#999; font-size:18px; vertical-align:-3px; margin-right:5px }
.learning_detail_tab .right .user_menu a i.push { font-size:16px; vertical-align:-2px } 
.learning_detail_tab .right .user_menu a.on,
.learning_detail_tab .right .user_menu a.on i { color:#5189d6 }
.learning_detail_tab .right .user_menu .between { width:1px; background:#e8e8e8; height:15px; margin:0 10px; display:block; margin-top:4px }
.learning_detail_tab_content.class_content .contents { width:100% } 
.class_list li .way { border-radius:20px; padding:4px 0; text-align:center; display:inline-block; width:110px; font-size:15px }
.class_list li .way i { font-size:18px; vertical-align:-3px; margin-right:3px }


/* ���ǽ� ��� */
.review-popup .modal-body .point { font-size:24px }
.review-popup .modal-body .eval_wrap { margin-bottom:20px }
.review-popup .modal-body .eval_txt { padding:20px; height:200px; overflow-y:auto; border:1px solid #e8e8e8; color:#363636 }
.friend-popup .modal-body .top { margin-bottom:5px }
.friend-popup .friend_info > * { display:block }
.friend-popup .friend_info .thumb { background:#d2d2d2; text-align:center; width:100px; height:100px; margin:0 auto; border-radius:50%; margin-bottom:20px }
.friend-popup .friend_info .thumb i { font-size:60px; vertical-align:-60px }
.friend-popup .friend_info .friend_name { font-size:24px }
.friend-popup .friend_info .friend_name i { vertical-align:-5px; margin-left:10px }
.friend-popup .collect { margin-top:4% }
.friend-popup .collect li { float:left; width:33.33333333%; border:1px solid #e8e8e8; margin-left:-1px; text-align:center; padding:4.5% 0 4%; text-align:center }
.friend-popup .collect li label { display:block }
.friend-popup .collect li .num { font-size:24px }

/* ��ǰ�� */
.work_list { background:#fff; padding-bottom:4% }
.work_list .tab_panel { display:none }
.work_list .top_btn { padding-top:24px; float:left }
.work_list .top_btn > a { border:1px solid #7232d8; border-radius:20px; background:#f7f7f7; color:#7232d8; line-height:1; padding:9px 18px; display:inline-block; margin-right:9px; transition:0.3s; width:165px; text-align:center }
.work_list .top_btn > a:hover { background:#7232d8; color:#f7f7f7 }
.work_list .lecture_all { margin:0 }
.work_list .lecture_all .item { position:relative; overflow:hidden; display:block; padding:0; margin-right:3.2%; width:22.6%; border:1px solid #d6d6d6 }
.work_list .lecture_all .item:nth-child(4n) { margin-right:0; }
.work_list .lecture_all .item .group { background:#fff; height:150px; border-top:1px solid #d6d6d6; color:#000; text-align:center; padding:35px 14px 14px 14px; overflow:visible }
.work_list .lecture_all .item .group .user_name { display:block; margin-bottom:6px }
.work_list .lecture_all .item .group .class_tit { height:38px; font-size:15px; line-height:21px; margin-bottom:15px }
.work_list .lecture_all .item .group .info { text-align:center; margin-bottom:13px }
.work_list .lecture_all .item .group .info li { display:inline-block; font-size:13px; margin:0 10px; cursor:pointer }
.work_list .lecture_all .item .group .info li i { font-size:18px; vertical-align:-4px; margin-right:4px }

.work_list .lecture_all .item .group .group_bottom > a { color:#9c86b7; border:1px solid #9c86b7; border-radius:20px; text-align:center; font-size:13px; padding:7px 0; display:inline-block; width:48% }
.work_list .lecture_all .item .group_bottom > a:first-child { margin-right:3px }
.work_list .lecture_all .item .group .group_bottom > a i { font-size:18px; vertical-align:-4px; margin-right:3px }
.work_list .lecture_all .item .group .registor { width:90px; height:90px; border-radius:50%; background:#d2d2d2; display:inline-block; text-align:center; position:absolute; top:-55px; left:50%; margin-left:-40px }
.work_list .lecture_all .item .group .registor > i { font-size:50px; vertical-align:-50px } 
.work_list .lecture_all .item:hover .group { height:62% }
.work_list .tab_panel .more a { width:54px; height:54px; border:1px solid #f1f1f1; background:#f1f1f1; display:block; text-align:center; border-radius:50px; margin:0 auto }
.work_list .tab_panel .more a:hover { background:#fff; border-color:#7232d8 } 
.work_list .tab_panel .more a > i { line-height:2.2 }
.work_list .tab_panel .more a > span { font-size:12px; color:#000; display:block; margin-top:5px }

.work_list table { width:100%; border-bottom:1px solid #e8e8e8; margin-bottom:20px }
.work_list table th, .work_list table td { border-top:1px solid #e8e8e8; padding:17px 5px }
.work_list table th { font-weight:400; min-width:50px } 
.work_list table td .tit { font-weight:500 }
.work_list table td .info { min-width:115px }
.work_list table td .info li { float:left; margin:0 5px }
.work_list table td .info li i { font-size:18px; vertical-align:-4px; margin-right:4px }

/* ��ǰ�� ��ȭ�� */
.work_detail { background:#fff; padding-top:40px } 
.work_detail .comment_wrap { border:0 }
.work_view .video_wrap { max-width:900px; margin:0 auto; position:relative; margin-bottom:35px }
.work_view .video_wrap .video { width:100% }
.work_view p.txt { margin-bottom:40px !important }
.work_view .tag li { float:left; margin:2px 12px 2px 0; background:#f7f7f7; color:#4d2c77; line-height:1; padding:2px; border:0; }
.mention { border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fafafa; padding:15px 20px; color:#191919; margin-bottom:25px }
.mention label { border:1px solid #e8e8e8; padding:5px 10px; display:inline-block; background:#fff; font-size:14px !important; }
.mention label > i { font-size:16px; vertical-align:-3px; margin-right:3px }
.mention ul { margin-top:15px; padding-left:2.2% }
.mention ul li { line-height:20px; background:none; border:0; padding:0 !important; font-size:14px }
.work_detail .comment_wrap li { border-bottom:0 }

/* 게시판 테이블 */
.qnaListView { background:#f7f7f7; padding-bottom:4% }
.qnaListView .list_type a { background:#f7f7f7; width:34px; height:34px; display:inline-block; text-align:center; padding:5px 0; border-radius:50%; margin-right:6px }
.qnaListView .search_form { border-radius:4px; box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); border:1px solid #d2d2d2; overflow:hidden; height:34px; position:relative; width:70% }
.qnaListView .search_form input[type='text'] { border:0; width:100%; height:32px; padding-left:10px; outline:0; font-size:14px }
.qnaListView .search_form a { position:absolute; right:10px; top:4px }
.qnaListView .search_form a:active i { color:#363636 }
.all_content_num { font-size:16px; color:#000 }
.theme_category { margin-bottom:40px }
.theme_category > ul { border:1px solid #ccc }
.theme_category > ul > li { background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; height:46px; padding:14px 0; font-size:16px }
.theme_category > ul > li:nth-child(6n) { border-right:0 }
.theme_category > ul > li:nth-child(n+7) { border-bottom:0 }
.theme_category > ul > li > a { color:#959595; font-size:16px; display:block; text-align:center }
.theme_category > ul > li > a.allview { color:#000 }
.theme_category > ul > li > a.allview > i { font-size:20px; vertical-align:-5px }


.qnaListView .table td.tit strong.theme { display:none }

/*.qnaListView { padding:0px !important; border:0 !important }*/
.qnaListView .qna_review_content { border-top:2px solid #959595 }
.qnaListView .qna_review_content > li { border-bottom:1px solid #e6e6e6; padding:25px 0 18px }
.qnaListView .qna_review_content > li .qnalst .comment_head .left { width:calc(100% - 120px) !important }

.qnaListView .qna_review_content > li .qnalst .review_tit { font-size:16px; color:#191919; display:inline-block; vertical-align:middle; width:100% !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.qnaListView .qna_review_content > li .qnalst .comment_body { margin-top:5px }
.qnaListView .qna_review_content > li .qnalst .comment_body .txt { line-height:2em; margin-bottom:1.5% }
.qnaListView .qna_review_content > li .qnalst .review_tit em { font-size:12px; color:#fff; background:#7232d8; padding:2px 7px; border-radius:3px; margin-right:8px; display:inline-block }
.qnaListView .qna_review_content > li .qnalst .comment_body .tag_list { margin-bottom:12px }
.qnaListView .qna_review_content > li .qnalst .comment_body .tag_list > li { float:left; margin-right:16px }
.qnaListView .qna_review_content > li .qnalst .comment_body .tag_list > li:last-child { margin-right:0 }
.qnaListView .qna_review_content > li .qnalst .comment_body .tag_list > li > a { color:#4d2c77 }
.qnaListView .qna_review_content > li .qnalst .comment_bottom .right > span { font-size:13px; color:#191919; margin:0 3px }
.qnaListView .qna_review_content > li .qnalst .comment_bottom .right > span > i { font-size:18px; vertical-align:-4px }
.qnaListView.view { padding:0; border:0; padding-top:30px }
.qnaListView.view .review_content li .open_comment .comment_head { padding:0 }
.qnaListView.view .review_content li .open_comment .comment_head .review_tit { padding-left:10px }
.qnaListView.view .review_content .comment_head.good .reply_tit_box { padding:8px 0 8px 10px }
.qnaListView.view .review_content li .comment_head .right { padding:25px 0 }
.qnaListView.view .review_content li .open_comment .smart_reply .comment_txt { height:40px; overflow:hidden }

/*
.content_list .obj { position:relative; margin-bottom:20px }
.lecture_info > li { display:table; width:100%; border-bottom:1px solid #e6e6e6; margin-bottom:20px }
.lecture_info > li > * { display:table-cell; vertical-align:top }
.lecture_info > li > .tit { width:20%; font-size:16px; font-weight:700; line-height:30px }
.lecture_info > li .content_list { width:80%; border-bottom:0 }
.lecture_info > li .content_list .content_list { border-bottom:1px solid #e6e6e6; width:100% }
.lecture_info > li .content_list .content_list .obj { height:auto }
.lecture_info > li .content_list .content_list .content_list { border-bottom:0; width:100% }
.lecture_info > li .content_list .content_inner .content_list { height:50px }
.lecture_info > li .content_list .filebox { width:100% !important }*/

.content_list .obj { position:relative; margin-bottom:20px }
.wrt_lst > li { display:table; width:100%; border-bottom:1px solid #e6e6e6; margin-bottom:20px }
.wrt_lst > li > div { display:table-cell; vertical-align:top }
.wrt_lst > li > .tit { width:20%; font-size:16px; font-weight:700; line-height:30px }
.wrt_lst > li > .tit .round.ctrl {margin: 5px 0 0 5px;}
.wrt_lst > li .content_list { width:80%; border-bottom:0 }
.wrt_lst > li .content_list .content_list { border-bottom:1px solid #e6e6e6; width:100% }
.wrt_lst > li .content_list .content_list .obj { height:auto }
.wrt_lst > li .content_list .content_list .content_list { border-bottom:0; width:100% }
.wrt_lst > li .content_list .content_inner .content_list { height:50px }
.wrt_lst > li .content_list .filebox { width:100% !important }

/* SW�������� */
.learning_list.edu { background:#fff; padding-bottom:4%; padding-top:30px }
.lecture_all .item.edu .group { height:55px }
.lecture_all .item.edu .group .group_top .edu_tit { text-align:left; font-weight:500 !important; font-size:15px; display:block; margin-bottom:10px; line-height:22px }
.lecture_all .item.edu > a:hover .group { height:100% }
.lecture_all .item.edu .group .group_top .class_desc { font-size:13px; opacity:0.8; line-height:19px }

.learning_list.edu .myclass_list.like .list.al { border-top:2px solid #888; margin-bottom:30px }
.learning_list.edu .myclass_list.like .list.al > li { padding:2% 0; border:0; border-bottom:1px solid #e8e8e8; margin-bottom:0 }
.learning_list.edu .myclass_list.like .list.al > li .info .head .tit { margin-bottom:10px }
.learning_list.edu .myclass_list.like .list.al > li .info .head { position:relative }


.boradarea { margin-top:20px }
.comment_wrap.boradarea { border:0 }
.comment_wrap.boradarea .bottom_btn_group > a { padding:6px 25px  }
.itro_wrap { padding:30px 28px 40px 28px; margin-top:20px }

/*공유하기 SNS*/
.sns_area { display:none; width:184px; position:absolute; top:25px; right:0px; background:#fff; border:1px solid #e6e6e6; padding:10px 10px 12px; border:1px solid #eee; z-index:13 }
.sns_area > strong { display:block; margin-bottom:10px; margin-left:4px; font-weight:500px }
.sns_area li { float:left; margin:0 4px } 
.sns_area li a { width:20px; height:20px; display:block; margin-right:8px;}
.sns_area .close { display:block; position:absolute; right:17px; top:15px; width:13px; height:13px; background:url('../../../../../images/egovframework/com/ebs/common/auto_close.png') no-repeat; background-size:13px 13px }
.sns_area .close:active { color:inherit }
.sns_area .close i { font-size:20px }

/*이솦소개*/
.pink_tit { font-size:24px; background:url('../../../../../images/egovframework/com/ebs/apply_bullet.png') left 7px no-repeat; background-size:5px 20px; padding-left:20px; font-weight:500 !important; margin-bottom:30px; display:block }
.searching_lst { margin-top:30px; padding-bottom:30px }
.panel.search .panel-head { padding:10px 30px 10px }
.panel.search .panel-head .sub_detail{ font-size:15px; color:#767676; line-height:2.15em }
.panel.search .panel-body { padding-bottom:0 }
.panel.search .panel-body .swedu_list_content { border-top:0; padding-top:0; padding-bottom:20px;  }
.panel.search .panel-body .swedu_list_content > li { border-bottom:1px solid #e8e8e8 }
.panel.search .panel-body .swedu_list_content > li .swedu_list .bottom .right > span { margin-left:0 }
.panel.search .panel-body .swedu_list_content > li:last-child { margin:0 }
.panel.search .panel-body .swedu_list_content > li .swedu_list.non_thumb { width:100%; height:130px; padding-left:0 }
.non_result { font-size:24px; text-align:center; margin-bottom:30px }
.panel.search .list { max-width:430px; margin:0 auto; margin-bottom:20px }

.normal_box { background-color:#fff; padding-right:30px; border:1px solid #d7e7f1; font-size:16px; margin-bottom:50px }
.normal_box .inner_txt { padding:52px 50px 60px; line-height:28px }
.normal_box .inner_txt_en { padding:52px 45% 60px 50px; line-height:28px }/*영문버전*/
.normal_box h3,
.learningmap_box h3 { font-size:24px; margin-bottom:32px }
.inner_tit { font-size:30px; margin-bottom:60px }
.esof_con .tb_service { display:none }
.esof_con .tb_service th { min-width:130px }

.esof_point { margin-left:-10px; margin-right:-10px; }
.esof_point > li { width:33.33333333%; float:left; text-align:center; margin-bottom:24px }
.esof_point > li > div { padding:40px 32px 0 32px; margin:0 12px; border:1px solid #e8e8e8; height:480px; background:#fff; position:relative }
.esof_point > li > .en_box{ padding:40px 32px 0 32px; margin:0 12px; border:1px solid #e8e8e8; height:510px; background:#fff; position:relative }
.esof_point > li > div .ico_area { text-align:center; height:120px }
.esof_point > li > div .tit { display:block; margin-bottom:22px; color:#0082d0; font-size:20px }
.esof_point > li > div .txt { font-size:16px; line-height:26px }
.ico_esof { background:url(../../../../../images/egovframework/com/ebs/ico_esofpoint.png) no-repeat; margin:0 auto}
.esof_con.book { border-top:2px solid #959595; padding-top:20px }
.esof_con.book .esof_point > li > div { height:auto; padding:30px 25px 20px 25px; }
.esof_con.book .esof_point > li > div .thumb_book > img { box-shadow:1.147px 1.638px 2.94px 0.06px rgba(0, 0, 0, 0.3) }

.ico_esof.ico_01 { background-position:0 0; width:78px; height:88px }
.ico_esof.ico_02 { background-position:-121px 0; width:116px; height:95px }
.ico_esof.ico_03 { background-position:-280px 0; width:80px; height:79px }
.ico_esof.ico_04 { background-position:-405px 0; width:82px; height:69px }
.ico_esof.ico_05 { background-position:-531px 0; width:88px; height:88px }
.ico_esof.ico_06 { background-position:-664px 0; width:61px; height:88px }


/*table ellipsis*/
.qnaListView .table td.tit a{margin:0; display:block; white-space: nowrap; width: 80%; overflow: hidden; text-overflow: ellipsis;}


/*header*/
.homepage_layout_wrap{background:#f7f7f7;}
.header_menu ul{width:100%; display: flex; justify-content: center;}
.header_menu ul li {font-weight:700; font-size:16px; float:left; background:#fff; flex-basis:16.666667%; height:50px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; text-align:center; padding:12px 0px;}
.header_menu li:first-child{border-left:1px solid #e6e6e6;}
.header_menu ul.none li{border-right:none;} /* 2024-07-26 (보더 삭제 작업) 추가 */
.header_menu ul.none li:first-child{border-left:none;} /* 2024-07-26 (보더 삭제 작업) 추가 */
.banner_txt001{font-size:22px}
.banner_txt002{font-size:16px}
.section_a2{margin-top:-70px}

.dropbtn {
	margin-top:0px;
	background:#ffffff;
    color: black;
    width:50px;
    height:50px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

 .dropdown-content {
    display: none;
    position: absolute;
    top:48px;
    right:-1px;
    background-color: #fff;
    width:100.5%;
    z-index:11111111111;
    border:1px solid #e6e6e6;
}

.dropdown-content a {color: #000; padding: 12px 16px; text-decoration: none; display: block; font-size:14px;}
.dropdown-content a:hover {background-color:#7232d8; transition:0.6s; color:white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #ffffff;}


.thumb.alctcrDetail { width: 100%; height: auto; border-radius: 5px; position: relative; text-align: center; margin-bottom: 20px; }

/* 2024-08-02 커스텀 형식 추가 : s */
.homepage_layout_wrap.custom-sw {background:#fff;}
#header.header-static.custom-sw .top{background:#fff;}
.header-static.custom-sw .header_menu ul li{border:none;}
.header-static.custom-sw .dropdown-content{border:none;}
/* 2024-08-02 커스텀 형식 추가 : e */
/* 이벤트 당첨자 등록 */

.modal-popup-group.round .modal-enroll .excel-info{display: none; position: absolute;  z-index: 1; left: 10%; }
.modal-popup-group.round .modal-enroll .excel-info img{width: 100%;  height: auto;}

.modal-popup-group.round .modal-winner-info{position: relative; background-color: #f5f5f5; border-top: 1px solid #888888;}

.modal-popup-group.round .modal-enroll-inputs{position: relative; border-bottom: 1px solid #e8e8e8;}
.modal-popup-group.round .modal-enroll-inputs .label-box{display: inline-block; width: 22%; margin-right: 10px;}
.modal-popup-group.round .modal-enroll-inputs .label-box input{width:100%;}
.modal-popup-group.round .plusList{height: 350px; overflow-y: scroll; overflow-x: hidden;}
 /* 스크롤 */
.modal-popup-group.round .plusList::-webkit-scrollbar-track {border: 0;  padding: 2px 0; background-color: #dddddd;}
.modal-popup-group.round .plusList::-webkit-scrollbar {width: 10px;}
.modal-popup-group.round .plusList::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #f5f5f5;}

.content_list .thumb { width:260px; position:relative }

.btn_upload { width:28px; height:28px; overflow:hidden; position:absolute;right:13px; bottom:12px }
.thumb_upoad { position:absolute; right:0; bottom:0; opacity:0; cursor:pointer; z-index:5 }

.evt_notelist { border-top:1px solid #999; padding:20px 15px 0 15px }
.evt_notelist strong { display:block; margin-left:10px; margin-bottom:10px; font-size:16px }
.evt_notelist li.bullet { background:url('../../../../../images/egovframework/com/ebs/common/dot.png') 12px 10px no-repeat; line-height:24px; border:0 !important; padding:0 0 0 22px !important }

.chk_grp{position: absolute; right: 0; top: 50%; margin-top: -7.5px;}

/* 200902 강의 목차 세로 센터 맞춤 : s */
.class_list.vm_list li{position:relative}
.class_list.vm_list li .way{position:absolute;top:50%;right:30px;font-size:12px;transform:translateY(-50%)}
/* 200902 강의 목차 세로 센터 맞춤 : e */

/* 201028 SW미래채움기관 이수증 추가 : s */
.sw_complete_box{margin:30px 30px 0;padding:30px;color:#333;background-color:#f7f7f7;border:1px solid #e6e6e6}
.sw_complete_box > .tit{font-size:20px;font-weight:700}
.sw_complete_box > .tit i{margin:-1px 5px 0 0;color:#767676;font-size:22px;vertical-align:middle}
.sw_complete_box > .content_area{margin-top:6px}
.sw_complete_box .thumb_box{float:left;width:107px;height:75px;margin:6px 20px 0 0}
.sw_complete_box .thumb_box img{width:100%}
.sw_complete_box .info_area{float:left;width:calc(100% - 127px)}
.sw_complete_box .info_area .top{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e6e6e6}
.sw_complete_box .info_area .top .member{display:inline-block;margin:7px 10px 0 0;font-size:16px;vertical-align:top}
.sw_complete_box .info_area .top .member .pic{display:inline-block;width:32px;height:32px;margin-right:7px;border-radius:50%}
.sw_complete_box .info_area .top .member .pic img{width:100%}
.sw_complete_box .info_area .top .member .name span{color:#767676;font-size:14px}
.sw_complete_box .info_area .top .percent{display:inline-block;width:83px;height:41px;margin-right:9px;color:#fff;font-size:19px;font-weight:700;line-height:41px;text-align:center;background-color:#333;border-radius:5px}
.sw_complete_box .info_area .top .percent strong{font-size:24px}
.sw_complete_box .info_area .top .btn{margin-top:3px;padding:6px 22px;font-size:15px;vertical-align:top;border-radius:20px}
.sw_complete_box .info_area .bottom{font-size:15px}
.sw_certificate_area{overflow-y:auto}
.sw_certificate_area .sw_certificate{position:relative;width:558px}
.sw_certificate_area .sw_certificate .info{position:absolute;right:18px;bottom:140px;width:170px;color:#000;font-size:12px;font-weight:500;text-align:center}
.sw_certificate_area .sw_certificate .info span{display:block;font-size:18px;font-weight:600;letter-spacing:3px}
.sw_certificate_area .sw_certificate .date{position:absolute;bottom:120px;left:0;width:100%;padding-left:79px;color:#103745 !important;font-size:14px;font-weight:500;text-align:center}
/* 201018 SW미래채움기관 이수증 추가 : e */

/* 201123 기관 내 코딩프로젝트 폼 추가 : s */
.learning_menu .btn_list_back{display:inline-block;width:34px;height:34px;margin:0 4px;padding:5px 0;text-align:center;background:#fff;border-radius:50%}
.scscsc{overflow-x:hidden;width:100%;height:auto;padding:20px 50px 20px;border:5px solid #7232d8;border-radius:5px}
.scscsc .condition_box .srch_table{margin-top:15px;border-top:1px solid #e5e5e5}
.scscsc .condition_box .srch_table tbody th{color:#fff;text-align:center;background-color:#9c86b7}
.scscsc .srch_table td .btn{position:relative;margin-top:5px;transition:0.3s;border:none}
.scscsc .srch_table td .btn.active, .scscsc .srch_table td .btn:hover{color: #fff;background-color:#9c86b7;border-color:#9c86b7}
.scscsc .srch_table td .btn.active:after{content:'';display:block;position:absolute;top:-4px;right:-4px;width:15px;height:15px;color:#7232d8;line-height:1;text-align:center;text-indent:-1px;background:#fff url(../../../../../images/egovframework/com/ebs/lrnngmap/btn_search_close.png) no-repeat 50% 50%;border:1px solid #7232d8;border-radius:50px}
.lbl_list{float:left;position:relative;left:-15px;width:75%;margin:0 0 -30px 0}
.lbl_list.total{float:none;width:100%;margin:0 0 0 -1.3%}
.lbl_list > li{overflow:hidden;position:relative;float:left;width:29.9%;height:235px;margin:0 0 30px 3.4%;text-align:center} /* 191031 */
.lbl_list.total > li{width:22.4%;margin:0 0 30px 2.6%}
.lbl_list > li .thumb{position:relative;top:0;z-index:0}
.lbl_list > li .thumb .alpha{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.1)}
.lbl_list > li .group{position:relative;top:0;width:100%;height:76px;background:#eeeef0;transition:top 0.6s, height 0.6s;z-index:2} /* 191031 */
.lbl_list > li .group .group_inner{overflow:hidden;position:relative;height:100%;padding:20px 7px}
.lbl_list > li .group .group_inner .group_top{margin-bottom:5px;padding:3px 8px}
.lbl_list > li .group .group_inner .group_top .class_tit{display:block;height:40px;margin-bottom:5px;color:#4d2c77;font-size:17px;line-height:21px}
.lbl_list > li .group .group_inner .group_top .class_tit span{vertical-align:top}
.lbl_list > li .group .group_inner .group_bottom{padding:15px 0 0;border-top:1px solid #e0e0e0} /* 191031 pd 수정 */
.lbl_list > li .group .group_inner .group_bottom .lect_tit{display:block;margin-bottom:12px;color:#4d2c77}
.lbl_list > li .group .group_inner .group_bottom .lect_info_list{display:inline-block;padding-bottom:7px}
.lbl_list > li .group .group_inner .group_bottom .lect_info_list li{margin-bottom:2px;color:#4d2c77;text-align:left}
.lbl_list > li .group .group_inner .group_bottom .lect_info_list li strong{display:inline-block;font-weight:400 !important}
.lbl_list > li .group .group_inner .group_bottom .lect_info_list li .recomm_num{margin-left:13px}
.lbl_list > li .group .group_inner .group_bottom .lect_info{margin-bottom:15px}
.lbl_list > li .group .group_inner .group_bottom .lect_info li{display:inline-block;margin-left:15px;color:#434343;font-size:14px}
.lbl_list > li .group .group_inner .group_bottom .lect_info li:first-child{margin-left:0}
.lbl_list > li .group .group_inner .group_bottom .lect_info li i{margin-right:8px;color:#999;font-size:20px;vertical-align:-5px}
.lbl_list > li .group .group_inner .group_bottom .more span{display:inline-block;padding:4px 24px;border-radius:20px}
.lbl_list > li .group .level{position:absolute;top:-15px;left:50%;width:95px;margin-left:-47px;padding:7px 15px 6px;border-radius:20px;z-index:39}
.lbl_list > li:hover .group{top:-140px;height:216px} /* 191031 개발맞춤 top : -160px, height: 244px */
.lbl_list > li.new_project{display:table;min-height:235px;border:2px dashed #cccaca}
.lbl_list.list_type > li.new_project{display:table;min-height:unset}
.lbl_list > li.new_project a{display:table-cell;vertical-align:middle}
.lbl_list > li.new_project .area{display:block;position:relative;padding-top:95px;font-size:17px}
.lbl_list > li.new_project .area:before{content:'';position:absolute;top:0;left:50%;width:73px;height:73px;margin-left:-36px;border-radius:50%;background:#7232d8}
.lbl_list > li.new_project .area p:before,
.lbl_list > li.new_project .area p:after{content:'';position:absolute;top:34px;left:50%;width:29px;height:5px;margin-left:-14px;border-radius:3px;background:#fff}
.lbl_list > li.new_project .area p:after{transform:rotate(90deg)}
.lbl_list.list_type{overflow-y:scroll;left:0;height:785px;margin:0 0 -20px}
.lbl_list.total.list_type{overflow-y:auto;width:100%;height:auto;margin:0 0 -20px -1.25%} 
.sec_lecture.list_sc ::-webkit-scrollbar{width:8px;height:8px}
.sec_lecture.list_sc ::-webkit-scrollbar-track{background:#fff}
.sec_lecture.list_sc ::-webkit-scrollbar-thumb{border-radius:8px;background:#d5d5d5}
.lbl_list.list_type > li{width:calc(100% - 3.4%);height:auto;margin:0 0 20px 3.4%;padding:2%;text-align:left;border:1px solid #e8e8e8;background:#fff}
.lbl_list.list_type > li:last-child{margin-bottom:0}
.lbl_list.list_type > li > a{display:table;width:100%}
.lbl_list.list_type > li .thumb{display:table-cell;width:250px;vertical-align:top;border-radius:0}
.lbl_list.list_type > li .thumb .alpha{display:none}
.lbl_list.list_type > li .group{display:table-cell;top:0 !important;width:auto;height:auto !important;padding:34px 20px 0;vertical-align:top;background:#fff}
.lbl_list.list_type > li .group .group_inner{padding:0}
.lbl_list.list_type > li .group .group_inner .group_top{margin-bottom:8px;padding:0}
.lbl_list.list_type > li .group .group_inner .group_top .class_tit{height:auto;margin-bottom:0;color:#333;font-size:18px;line-height:1.45}
.lbl_list.list_type > li .group .group_inner .group_bottom{padding-top:0;border-top:none}
.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list:after{content:'';display:block;clear:both}
.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list li{float:left;color:#333}
.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list li:nth-child(odd){width:225px;clear:both}
.lbl_list.list_type > li .group .level{top:0;left:20px;width:75px;margin-left:0;padding:4px 15px;text-align:center}
.lbl_list.list_type > li.new_project{height:auto !important;padding:4%;text-align:center;border:2px dashed #cccaca}
.lbl_list.list_type.total > li.new_project{height:100% !important;padding:4%;text-align:center;border:2px dashed #cccaca}
.lbl_list .btn_grey, .lbl_list .btn_grey:hover, .lbl_list .btn_grey:focus{background-color:#888;border-color:#888}
.work_list.project_make{padding-top:60px;background:none}
.work_list.project_make .container{padding:0;background:#fff;border:1px solid #e6e6e6}
.work_list.project_make .container .panel-body{padding:20px 30px 25px}
.work_list.project_make .container .wrt_lst > li .content_list .input.disabled{background-color:#f7f7f7}
.work_list.project_make .contents_top .result, .work_list.project_make .contents_top .sort{padding-top:0}
.work_list.project_make .contents_top .result{padding-left:0}
.work_list.project_make .contents_top .result>a{color: #999}
.work_list.project_make .contents_top .result>a{margin-right:40px}
.work_list.project_make .contents_top .result>a:after{content:"";display: inline-block;position: relative;left: 20px;width:2px;height:18px;margin:-4px 0 0 0;vertical-align: middle;background-color: #333;cursor:default}
.work_list.project_make .contents_top .result>a:last-child{margin-right:0}
.work_list.project_make .contents_top .result>a:last-child:after{display:none}
.work_list.project_make .contents_top .result .active{color: #333}
.work_list.project_make .profile_area{display:block;width:90px;height:90px;margin:10px 0 20px}
.work_list.project_make .profile_area img{border-radius:100px}
.work_list.project_make .user_info{padding-top:40px}
.work_list.project_make .user_info dl{padding-bottom:10px}
.work_list.project_make .user_info dl>*{display: inline-block;color:#363636;font-weight:500}
.work_list.project_make .user_info dl dt{width:100px}
.work_list.project_make .user_info dl:nth-child(1) dt{letter-spacing:30px}
.work_list.project_make .user_info dl:nth-child(2) dt{letter-spacing:9px}
.work_list.project_make .user_info dl:nth-child(3) dt{letter-spacing:2px}
.work_list.project_make .user_info dl dd:before{content:":";position:relative;left:-20px}
.work_list.project_make .btn_question{display:inline-block;margin-bottom:5px;color:#fff;background-color:#7232d8;border:0}
.work_list.project_make .btn_question:hover{color:#7232d8;background-color:#fff}
.work_list .round .ctrl_indicator{top:2px}
.project_level{padding:0 60px 20px 0;color:#999;font-size:13px;line-height:1.4;word-break: keep-all;-ms-word-break: keep-all}
.project_level p{padding-top:10px;color:#666}
.project_level ul{padding-left:10px}
.level_drag{height:auto;min-height:100px;padding:20px;background-color:#f3ebf5}
.level_drag.fixed{min-height:auto}
.level_drag .drag_item_wrap,.level_drag .drag_item_wrap_fixed{width:70%;min-width:500px}
.level_drag .drag_item{display:table;float:left;position:relative;width:calc(20% - 10px);height:80px;min-height:80px;margin-right:10px;margin-bottom:10px;color: #fff;text-align:center;border-radius:10px}
.level_drag .drag_item>.judge_pop{position:absolute;top:6px;right:8px}
.level_drag .drag_item>.judge_pop>i{font-size:13px}
.level_drag .drag_item.drag_start{background-color:#5b215c}
.level_drag .drag_item.drag_move01{background-color:#4f2a70}
.level_drag .drag_item.drag_move02{background-color:#562b87}
.level_drag .drag_item.drag_move03{background-color:#2b2146}
.level_drag .drag_item.drag_end{background-color:#3e386a}
.level_drag .drag_item.blue,.drag_item.blue{background-color:#04558a !important}
.level_drag .drag_item.red,.drag_item.red{background-color:#db3745 !important}
.level_drag .drag_item.yellow,.drag_item.yellow{background-color:#97711e !important}
.level_drag .drag_item.green,.drag_item.green{background-color:#1e7c88 !important}
.level_drag .drag_item.gray,.drag_item.gray{background-color:#7b7980 !important}
.level_drag .drag_item em{display:table-cell;line-height:1.3;vertical-align:middle;cursor:grab}
.level_drag .drag_item .judge{margin:-3px 0 0 5px}
.level_drag .drag_item .judge i{font-size:18px;vertical-align:middle}
.level_drag .make_board{position:relative;padding:10px;color:#fff;background-color: #7b7980;border-radius:10px}
.level_drag .make_board .top{position:absolute;top:7px;right:5px}
.level_drag .make_board .top>span button{background-color:transparent !important}
.level_drag .make_board .top button i{color:#fff;font-size:12px}
.level_drag .make_board .top .more_box{display:none;z-index:1;position: absolute;top:220%;right: -270px;padding:20px;margin-top: -100px;min-width:200px;background-color:#fff;border: 2px solid #7232d8;box-sizing:border-box}
.level_drag .make_board .top .more_box>span{display:block;padding-bottom:10px;color:#333;font-size:16px;text-align:center;}
.level_drag .make_board .top .more_box label{float:left;margin:3px 20px 0 0;color: #333}
.level_drag .make_board .top .more_box .input{float:left;width:70%;padding:5px 8px}
.level_drag .make_board .make{display:table-cell;line-height:1.3;vertical-align:middle;text-align:center;word-break:break-all;-ms-word-break:break-all}
.level_drag .make_board .top .judge_pop i{position:relative;top:-2px;color:#fff;font-size:13px}
.new_project_wrap{height:auto;min-height:100px;padding:20px;background-color:#f3ebf5}
.new_project_wrap2{width:70%;min-width:500px}
.new_project_area>div{float: left;width:calc(20% - 10px);height:80px;margin-right:10px;margin-bottom:10px}
.new_project_area>div:last-child{margin-right: 0;}
.new_project_area>div .add{display: inline-block;width:100%;height:100%;margin-bottom:10px;text-indent:-9999px;background:#fff url(../../../../../images/egovframework/com/ebs/cdproject/ico_project_make.png) no-repeat 50% 50%;border:2px dashed #7232d8;border-radius:10px;cursor:pointer}
.new_project_area .make_board{display:table;position:relative;padding:10px;color:#fff;background-color: #7b7980;border-radius:10px}
.new_project_area .make_board .top{position:absolute;top:7px;right:5px}
.new_project_area .make_board .top>span button{background-color:transparent !important}
.new_project_area .make_board .top button i{color:#fff;font-size:12px}
.new_project_area .make_board .top .judge_pop{position:relative;top:-2px}
.new_project_area .make_board .top .judge_pop i{color:#fff;font-size:13px}
.new_project_area .make_board .top .more_box{display:none;z-index:1;position: absolute;top:220%;right: -270px;padding:20px;margin-top: -100px;min-width:200px;background-color:#fff;border: 2px solid #7232d8;box-sizing:border-box}
.new_project_area .make_board .top .more_box>span{display:block;padding-bottom:10px;color:#333;font-size:16px;text-align:center;}
.new_project_area .make_board .top .more_box label{float:left;margin:3px 20px 0 0;color: #333}
.new_project_area .make_board .top .more_box .input{float:left;width:70%;padding:5px 8px}
.new_project_area .make_board .make{display:table-cell;line-height:1.3;vertical-align:middle;text-align:center;word-break:break-all;-ms-word-break:break-all}
.new_project_area .color_wrap,.level_drag .color_wrap{padding:10px 0}
.new_project_area .color_wrap>span,.level_drag .color_wrap>span{float:left;margin-right:10px;color:#333}
.new_project_area .colors,.level_drag .colors{float:left;width:65%}
.new_project_area .colors li,.level_drag .colors li{float:left;width:16px;height:16px;margin-right:5px;margin-bottom:5px;border-radius:20px}
.new_project_area .colors li>button,.level_drag .colors li>button{width:100%;height:100%;background-color:transparent}
.new_project_area .colors li:last-child,.level_drag .colors li:last-child{margin-right:0}
.new_project_area .colors .blue,.level_drag .colors .blue{background-color:#04558a}
.new_project_area .colors .red,.level_drag .colors .red{background-color:#db3745}
.new_project_area .colors .yellow,.level_drag .colors .yellow{background-color:#97711e}
.new_project_area .colors .green,.level_drag .colors .green{background-color:#1e7c88}
.new_project_area .colors .gray,.level_drag .colors .gray{background-color:#7b7980}
.new_project_area .btn_grey,.level_drag .btn_grey{padding:7px 12px 4px;background-color:#666;border-radius:4px}
.new_project_area .btn_white,.level_drag .btn_white{padding:7px 12px 4px;background-color:#fff;border-radius:4px}
.new_project_area .new_board{display:table;float:left;width:calc(20% - 8px);min-height:80px;margin-right:10px;color: #fff;text-align:center;border-radius:10px}
.new_project_area .new_board em{display:table-cell;vertical-align:middle;cursor:grab}
.obj_drag > .cautionlist{margin-top:20px}
.obj_drag > .cautionlist i{position:relative;top:2px;color:#7232d8;font-size:16px} /* 191121 color 추가 */
.judge_tit{padding:30px 0 20px;color: #7232d8;font-size:24px;font-weight: 500;text-align:center}
.judge_tit_min{padding-bottom:10px;font-size:16px;font-weight:500}
.bg_violet tr th{color:#fff !important;background-color:#9c86b7}
.table.judge th,.table.judge td{padding:10px 8px !important}
.table.judge th,.table.judge .bg_gray{background-color:#f5f5f5}
.table.judge tfoot th{padding: 10px 6px;font-size:14px;font-weight: 500;text-align:inherit;vertical-align:middle !important;background:#f5f5f5;border-top:1px solid #e5e5e5 !important}
.member_table_top{padding-bottom:60px}
.member_table_top table{border-top:0 !important}
.member_table_top th,.member_table_top td{border-top:2px solid #7232d8 !important}
.member_table_top th{border-left:0 !important}
.member_table_top td{border-right:0 !important}
.member_table_top .search_form input[type='text']{width:100%}
.cautionlist{margin-bottom:10px}
.work_list.project_make .cautionlist > li{position:relative;float:none;width:auto;padding-left:7px;padding-bottom:3px} /* 191121 추가 */ 
.work_list.project_make .cautionlist > li:before{content:"";position:absolute;top:8px;left:0;display:inline-block;width:3px;height:3px;background-color:#333;border-radius:10px}
.work_list.project_make .cautionlist + p .round.ctrl_chkbox{color:#7232d8} /* 191121 추가 */ 
.modal-popup-group.round{padding-bottom:4%}
.modal-popup-group.round.not{padding-bottom:0} /* 2022-10-14 추가 */
.modal-popup-group .modal-body.txt_modal_boy{height:auto;font-size:16px;text-align:center}
.judge_pop-popup .table > thead > tr > th, .judge_pop-popup .table > tbody > tr > td{font-size:14px}
.subscribe_lst tbody tr td{padding:15px 6px}
.judge_pop-popup .bg_violet tr th{color:#fff;background-color:#9c86b7}
.judge_pop-popup .modal-footer .btn_box{float:right}
.judge_pop-popup .modal-footer .btn_box > a{border-radius:0}
.contents_top .result{padding-top:24px;font-size:18px;font-weight:700}
.contents_top .result strong{font-weight:700}
.contents_top .sort{padding-top:28px;padding-right:10px}
.contents_top .sort li{float:left;margin:0 7px;font-size:14px}
.contents_top .sort li a{color:#363636}
.contents_top .sort li a.active{display:inline-block;margin-top:-1px;font-weight:700}
.prj_box{width:25%;height:785px;padding:70px 40px;background: url(../../../../../images/egovframework/com/ebs/cdproject/left_bg.png) no-repeat 0 0;background-size: cover;}
.prj_box .commu_info_area{padding-bottom:20px;color:#fff}
.prj_box .commu_info_area .thumb_box{position:relative;width:150px;height:150px;margin: 0 auto} /* 190920 수정 */
.prj_box .commu_info_area .thumb_box > img{width:100%;height:100%;border-radius:150px} /* 190920 추가 */
.prj_box .commu_info_area .thumb_box .btn_go_detail{position:absolute;bottom:0;left:0;width:40px;height:40px;background-color:#7d7c80;border-radius:50px}
.prj_box .commu_info_area .thumb_box .btn_go_detail i{position:relative;top:8px;left:9px}
.prj_box .info_area{margin:20px 0 0;padding:30px 20px;color:#333;text-align:center;background-color:rgba(255,255,255,.45);box-shadow:1px 0 2px rgba(0,0,0,.5) inset;border-radius:10px}
.prj_box .info_area>strong{display:block;padding-bottom:10px;color:#333;font-size:18px;font-weight:500 !important}
.prj_box .info_area>p{padding-bottom:4px}
.prj_box .info_area>p:last-child{padding-bottom:0}
.prj_box .info_area .btn_like{width: 14px;height: 14px;margin: 4px 3px 0 0; text-indent: -9999px;background: url(../../../../../images/egovframework/com/ebs/cdproject/sp_btn_like.png) no-repeat 0 0}
.prj_box .info_area .btn_like.active{background-position:-15px 0}
.prj_box .info_area .btn_like+strong{font-weight:400 !important}
.prj_box .info_area .have_bar:after{content:"";display:inline-block;width:1px;height:12px;margin:2px 7px 0 10px;background-color: #333}
.prj_box .btn_white{color:#7137d5;border:1px solid transparent}
.prj_box .commu_goal_area{padding:30px;color:#fff;text-align:center}
.prj_box .commu_goal_area strong{display:block;padding-bottom:10px;font-size:18px;font-weight:500 !important}
.prj_box .commu_goal_area p{font-size:14px;word-break:break-all}
.prj_box .commu_goal_area .white_scroll{max-height:114px}
.prj_box .btn_transparent{color: #fff;border:1px solid #fff}
.cd_proj_sort{display:none;margin-bottom:20px;padding-right:1.3%}
.table .nice-select .current{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 37px);padding-left:0;text-align:left}
.tabcontent .lbl_list{left:-10px}
.tabcontent .lbl_list.list_type{left:0}
.tabcontent .lbl_list.total > li{width:30.7%}
.tabcontent .work_list.project_make{padding-top:0}
.tabcontent .level_drag .drag_item_wrap, .level_drag .drag_item_wrap_fixed, .tabcontent .new_project_wrap2{width:100%}
.tabcontent .prj_box{width:30%;padding:70px 20px}
.tabcontent .prj_box + div + .lbl_list, .tabcontent .prj_box + .lbl_list{width:70%}
.tabcontent .prj_box + div + .lbl_list > li, .tabcontent .prj_box + .lbl_list > li{width:46.6%;height:247px}
.tabcontent .prj_box + div + .lbl_list.list_type > li{width:calc(100% - 3.4%);height:auto}
.tabcontent .panel-head{padding:16px 10px 14px}
.tabcontent .work_list.project_make .container .panel-body{padding:20px 10px 25px}
/* 201123 기관 내 코딩프로젝트 폼 추가 : e */

/* 201127 리뉴얼 3차 기관 수정 : s */
.cartegory_head{padding:7px 0 85px;background:#7232d8}
.cartegory_head .tit_h2{font-size:44px;font-weight:500}
.cartegory_head .tit_h2 + p{font-size:16px}

.cdproject_list_area{overflow:hidden}
.cdproject_list{margin-top:-20px;padding-left:20px}
.cdproject_list > li{float:left;width:calc(25% - 20px);margin-right:20px;margin-top:20px}
.cdproject_list > li .img img{width:100%}
.cdproject_list > li .info_area{text-align:center;background-color:#eeeef0;transition:background linear .3s}
.cdproject_list > li .info_area .lbl{position:relative;width:95px;height:34px;margin:-17px auto 0;color:#fff;font-weight:500;line-height:34px;border-radius:17px;background-color:#9c86b7}
.cdproject_list > li .info_area .lbl.grey{background-color:#888}
.cdproject_list > li .info_area .info{height:212px;padding:17px 20px 30px}
.cdproject_list > li .info_area .info strong{display:block;overflow:hidden;max-height:42px;color:#4d2c77;font-size:17px;line-height:21px}
.cdproject_list > li .info_area .info .summary{font-size:0}
.cdproject_list > li .info_area .info .summary p{margin-top:8px;font-size:14px;font-weight:500;line-height:17px}
.cdproject_list > li .info_area .info .summary p i{margin-right:6px;color:#959595;font-size:19px;line-height:1;vertical-align:top}
.cdproject_list > li .info_area .info .summary > p:first-child{display:block;line-height:19px}
.cdproject_list > li .info_area .info .summary .dib{display:inline-block;margin-right:7px;margin-left:7px;vertical-align:top}
.cdproject_list > li .info_area .info .summary .target{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.cdproject_list > li .info_area .info .btn_detail{display:inline-block;margin-top:11px;padding:0 19px;color:#7232d8;font-size:15px;font-weight:500;line-height:29px;vertical-align:top;border:1px solid #7232d8;border-radius:16px}
.cdproject_list > li:hover .info_area{background-color:#7232d8}
.cdproject_list > li:hover .info_area .info strong,
.cdproject_list > li:hover .info_area .info .summary p{color:#fff}
.cdproject_list > li:hover .info_area .info .btn_detail{color:#7232d8;border-color:#fff;background-color:#fff}
.cdproject_list > li.new_project{display:table;height:100%;text-align:center;border:2px dashed #cccaca !important}
.cdproject_list > li.new_project a{display:table-cell !important;vertical-align:middle}
.cdproject_list > li.new_project .area{position:relative;font-size:17px}
.cdproject_list > li.new_project .area:before{content:'';display:block;width:73px;height:73px;margin:0 auto 12px;border-radius:50%;background:#7232d8}
.cdproject_list > li.new_project .area p:before, .cdproject_list > li.new_project .area p:after{content:'';position:absolute;top:34px;left:50%;width:29px;height:5px;margin-left:-14px;border-radius:3px;background:#fff}
.cdproject_list > li.new_project .area p:after{transform:rotate(90deg)}
.list_type .cdproject_list{padding-right:20px}
.list_type .cdproject_list > li{float:none;width:100%;margin-right:0;border:1px solid #e8e8e8}
.list_type .cdproject_list > li > a{display:table;width:100%;padding:20px}
.list_type .cdproject_list > li .img{display:table-cell;width:250px;vertical-align:top}
.list_type .cdproject_list > li .info_area{display:table-cell;width:auto;padding-left:20px;vertical-align:top;background-color:#fff}
.list_type .cdproject_list > li .info_area .lbl{margin:0}
.list_type .cdproject_list > li .info_area .info{height:auto;min-height:auto;margin-top:17px;padding:0;text-align:left}
.list_type .cdproject_list > li .info_area .info .summary > div{display:inline-block;margin-right:15px;vertical-align:top}
.list_type .cdproject_list > li:hover .info_area .info strong{color:#4d2c77}
.list_type .cdproject_list > li:hover .info_area .info .summary p{color:#333}
.list_type .cdproject_list > li:hover .info_area .info .btn_detail{border-color:#7232d8}
.list_type .cdproject_list > li.new_project{height:220px !important}
/* 201127 리뉴얼 3차 기관 수정 : e */

/* 2021-12-28 알림센터 추가 : e */
.notice_wrap {margin-bottom:50px;}
.notice_center{position:relative; text-align:center; max-width:1260px; width:100%; height:160px; border:1px solid #e8e8e8; margin:0px auto; background:white;display:table;padding:0 10px}/* 190909 display, padding 추가 */
.txt_dummy{line-height:24px;display:table-cell;vertical-align:middle;}
.notice_txt001{font-size:18px;}
.notice_txt002{font-size:14px;}
.num_color{color:#7232d8}
.txt_color001{color:#7cb8e3}
.txt_color002{color:#6f6f6f;}
.notice_t_dum{background:white; border-radius:20px; vertical-align:1px}
#check_box010{position:absolute; top:-2.5px}
.t_txt{float:right; margin-right:20px; height:30px; line-height:30px;}
.t_txt.mr_10{margin-right:10px;}/* 2022-01-25 추가 */

.n_content{margin-left:10px; font-size:14px; vertical-align:-3px; display: inline-block; width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice_table_basic .n_content{margin-left:0;/* 2022-01-25 수정 */ font-size:14px; vertical-align:-3px; display: inline-block; width: calc(100% - 280px); height:33px; line-height:33px; position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice_table_basic .n_content.newSpace span.ml_5 {margin-left:5px;}/* 2022-01-25 추가 */
/* 2022-10-14 추가 : s */
@media screen and (max-width:1027px) {
	.work_list.project_make .contents_top .sort {margin-top:25px;align-self:flex-end}
}
/* 2022-10-14 추가 : e */
@media (max-width: 640px) {
	.notice_table_basic .n_content.newSpace {margin-left:-10px; width: calc(100% - 150px); height:33px; line-height:33px;}
}
.notice_table_group{max-width:1250px; width:100%; margin:25px auto;}
.notice_table_group > label{margin:10px 10px;}
.notice_table_basic{max-width:1250px; width:100%; margin:0 auto; background:white}
.notice_table_basic tr:hover{background:#EAEAEA; color:#b693ee; transition: 0.4s;}
.notice_mid_dummy{max-width:1250px; width:100%; height:auto;  position:relative; margin:0 auto;}
.notice_delete_bt{font-size:14px; position:absolute; top:-3px; outline:0; right:75px; padding:0px 4px; width:64px; height:27px; background:white; border:1px solid #f4f4f4; font-size:14px;line-height: 25px;}
.notice_save_bt{font-size:14px; position:absolute; top:-3px; outline:0; right:0px; padding:0px 4px; width:64px; height:27px; background:white; border:1px solid #f4f4f4; font-size:14px;line-height: 25px;}
.notice_delete_bt > i {font-size:18px;  position:relative; top:3px;}
.notice_save_bt > i {font-size:18px;  position:relative; top:4px;}
.n_td{width:1250px; height:65px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; position:relative; vertical-align:middle;}
.n_td > label{margin:5px 10px;}
.t_txt > i {font-size:22px; vertical-align:middle; margin-left:10px;}
/* //2021-12-28 알림센터 추가 : e */

/* 2022-01-17 - 별점 추가 : s */
.star-input > .input,
.star-input > .input > label:hover,
.star-input > .input > input:focus+label,
.star-input > .input > input:checked+label { display:inline-block; vertical-align:top; background: url('../../../../../images/egovframework/com/ebs/common/starpoint.png') no-repeat 0 0; background-size:104px }
.star-input { white-space: nowrap }
.star-input > .input { display:inline-block; width:100px; background-size: 100px; height:19px; white-space: nowrap; overflow:hidden; position:relative; border:0; box-shadow:none }
.star-input > .input > input { position:absolute; width:1px; height:1px; opacity:0 }
.star-input > .input > label { width:10px; height:0; padding:19px 0 0 0; overflow:hidden; float:left; cursor:pointer; position:absolute; top:0; left:0 }
.star-input > .input > label:hover,
.star-input > .input > input:focus+label,
.star-input > .input > input:checked+label { background-size:100px; background-position:0 bottom }
.star-input > .input > label:hover~label { background-image: none }
.star-input > .input > label[for="p1"] { width:10px; z-index:10 }
.star-input > .input > label[for="p2"] { width:20px; z-index:9 }
.star-input > .input > label[for="p3"] { width:30px; z-index:8 }
.star-input > .input > label[for="p4"] { width:40px; z-index:7 }
.star-input > .input > label[for="p5"] { width:50px; z-index:6 }
.star-input > .input > label[for="p6"] { width:60px; z-index:5 }
.star-input > .input > label[for="p7"] { width:70px; z-index:4 }
.star-input > .input > label[for="p8"] { width:80px; z-index:3 }
.star-input > .input > label[for="p9"] { width:90px; z-index: 2 }
.star-input > .input > label[for="p10"] { width:100px; z-index:1 }
.star-input > output{ display:inline-block; width:36px; text-align:right }
/* //2022-01-17 - 별점 추가 : e */

/* 2024-07-23 pdf view 반응형 추가 : s */
@media all and (max-width:995px) {
    .comment_wrap .review_content li .open_comment .comment_body.pdf .attach{padding:0 0 35 px} /* 2024-07-25 새로 추가 */
    .pdf-viewer{width:95%;}
    .pdf-viewer canvas{width:100% !important; height:auto!important;}
    .highlight {position: absolute;opacity: 1;}
    .pdf-body--conts .pdf-search--area{flex-direction:column;gap:10px;}
    .pdf-body--conts .search{gap:0;}
    .pdf-body--conts .search > input{height:38px;}
    .pdf-body--conts .search > button{margin-left:4px;}
    .pdf-body--conts .search > .pdf-tit{width:102px;margin-right:0;}
    .pdf-body--conts .select-box{gap:0;}
    .pdf-body--conts .select-box > .pdf-tit{width:102px}
    .pdf-contents .pdf-btn--left, .pdf-contents .pdf-btn--right{width:30px;}
    .pdf-contents .pdf-btn--left img, .pdf-contents .pdf-btn--right img{width:100%;}
}
@media all and (max-width:760px) {
    .pdf-body--conts .pdf-btn--area{padding:0 20px 20px;}
    .pdf-body--conts .pdf-btn--area > a{font-size:13px;}
    .pdf-body--conts .pdf-search--area{padding:10px 0;}
    .pdf-body--conts .search > .pdf-tit{font-size:13px;}
    .pdf-body--conts .select-box select{font-size:11px;}
    .pdf-body--conts .select-box > .pdf-tit{font-size:13px;}
    .pdf-download-box{padding:0 20px 15px;}
    .pdf-download-box > a{font-size:13px;padding:4px 12px;}
    .pdf-download-box > a i{font-size:15px;}
    .pdf-contents .pdf-btn--left, .pdf-contents .pdf-btn--right{width:15px;}
    .pdf-body--conts .select-box{justify-content: space-between;}
    .pdf-button--wrapper{padding:20px 0 0;}
    .pdf-button--wrapper > button{padding:4px 10px; font-size:12px;}
    .pdf-button--wrapper div{font-size:13px;}
}
/* 2024-07-23 pdf view 반응형 추가 : e */

/* 파이어폭스 hack */
@-moz-document url-prefix(){
	.class_list li .class_tit .border_box i{vertical-align:bottom}
	.way .ico_way a i, .way .ico_way > .chapter > i, .list_type_left a i, .learning_menu .list_type > a i{margin-top: 2px;vertical-align: middle;}
	.qnaListView .qna_review_content > li .qnalst .review_tit i.attachment{margin-top:4px;}
	.qnaListView .table td.tit i.attachment{margin-top:-2px;}
	.uplist .removeBtn i, .video_main_list > li .mentor_info .btn_site i, .lecture_info_head .tit_h4 .icon_radius i{margin-top:2px}
	.sec_lecture .sec_lecture_top .btn i{vertical-align:middle;}
	.playground_map_area .tit .btn_box a i{top:0}
	.search_form a,.qnaListView .search_form a, .learning_menu .learning_search .search_form a, .comment_wrap .comment_top_right .search_form a{top:6px}
	i.attachment{vertical-align:top;margin-top:-4px}
}