@charset "utf-8"; 

/* sub common */
#sub_contents{width:var(--ega_c_w); margin:0 auto; position:relative;}
#sub_contents > div.title{display:flex; align-items:center; justify-content:space-between; gap:50px;}
#sub_contents > h3, #sub_contents > div.title h3{margin-bottom:40px; line-height:1.4; font-size:50px; font-weight:700; letter-spacing:-0.038em; word-break:keep-all;}
#sub_contents > div.title.small{margin-bottom:30px; border-bottom:1px solid #d7d7d7;}
#sub_contents > div.title.small h3{margin-bottom:15px; font-size:34px;}
#sub_contents > div.title.open_main, #sub_contents > div.title.data_main{align-items:flex-start; justify-content:flex-start; gap:30px; border-bottom:3px solid #333;}
#sub_contents > div.title.open_main h3, #sub_contents > div.title.data_main h3{margin-bottom:50px; font-size:58px; line-height:1;}
#sub_contents > div.title.open_main div p, #sub_contents > div.title.data_main div p{font-size:20px; font-weight:350; color:#6e6e6e; line-height:1.6; word-break:keep-all;}
#sub_contents > div.title.underline{margin-bottom:40px; position:relative; border-bottom:1px solid #d7d7d7;}
#sub_contents > div.title.underline h3{margin-bottom:25px;}

#breadcrumb{margin-bottom:60px; position:relative; background-color:#fafafa;}
#breadcrumb::before{content:""; width:calc((100% - var(--ega_c_w)) / 2); height:50px; position:absolute; top:0; left:0; background-color:#f3f3f3;}
#breadcrumb > div{width:var(--ega_c_w); margin:0 auto;}
#breadcrumb ul{display:inline-flex; align-items:center; height:50px; padding-right:100px; border-top-right-radius:25px; border-bottom-right-radius:25px; background-color:#f3f3f3;}
#breadcrumb ul li{padding:0 20px 0 30px; position:relative;}
#breadcrumb ul li:not(:first-child):before{content:""; width:8px; height:8px; position:absolute; top:50%; left:0; border-top:1px solid #7e7e7e; border-right:1px solid #7e7e7e; transform:translateY(-50%) rotate(45deg);}
#breadcrumb ul li a{font-size:16px;}
#breadcrumb ul li:last-child a{font-weight:500; color:var(--ega_point_color4);}
#breadcrumb ul li:first-child a{display:block; width:30px; height:30px; background:url(../../images/www/common/bg_icon_home.png) no-repeat 50% 50%;}

/* board */
ul.bbs_desc{margin-bottom:50px;}
ul.bbs_desc li{padding-left:18px; position:relative; font-size:20px; font-weight:300; line-height:1.7;}
ul.bbs_desc li::before{content:""; width:5px; height:5px; position:absolute; top:14px; left:0; border-radius:50%; background-color:#333;}
ul.bbs_desc li strong{font-weight:500;}

div.bbs_series_top{padding:30px 0 50px; font-size:20px; line-height:1.6; border-top:1px solid #333;}
div.bbs_series_top p{margin-top:10px; font-size:20px; line-height:1.6;}
div.bbs_series_top p strong, div.bbs_series_top p span{font-size:20px;}

div.bbs_event_top{margin-bottom:30px; overflow:hidden; border-radius:10px; background-color:#fff9f7;}
div.bbs_event_top button{display:flex; align-items:center; justify-content:space-between; width:100%; height:70px; padding:0 40px; font-size:20px; font-weight:500; color:#fff; background-color:var(--ega_point_color4);}
div.bbs_event_top button span{width:30px; height:30px; position:relative; border-radius:50%; background-color:#fff;}
div.bbs_event_top button span::before{content:""; width:7px; height:7px; position:absolute; top:calc(50% - 2px); left:50%; border-top:2px solid var(--ega_point_color4); border-left:2px solid var(--ega_point_color4); transform:translate(-50%, -50%) rotate(225deg); transition:0.2s all;}
div.bbs_event_top div.text_box{display:none; padding:30px 60px;}
div.bbs_event_top.active button span::before{top:calc(50% + 2px); transform:translate(-50%, -50%) rotate(45deg);}
div.bbs_event_top.active div.text_box{display:block;}
#open_lecture_introduction p{min-height:27px;}

div.bbs_record_top{margin-bottom:30px;}
div.bbs_record_top p{padding-left:15px; position:relative; font-size:18px; font-weight:300; word-break:keep-all; line-height:1.5;}
div.bbs_record_top p::before{content:""; width:5px; height:5px; position:absolute; top:10px; left:0; border-radius:50%; background-color:#333;}

div.bbs_search{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px 10px; padding:20px 0; margin-bottom:40px; border:1px solid #e1e1e1; border-radius:14px; background-color:#fafafa;}
div.bbs_search input[type=text]{width:330px; max-width:415px;}
div.bbs_search a.ega_ui.btn{width:100px; height:55px; font-size:20px; font-weight:500;}
div.bbs_search a.ega_ui.btn.search{color:#fff; border:none; background-color:var(--ega_point_color4);}
div.bbs_search a.ega_ui.btn.search:hover, div.bbs_search a.ega_ui.btn.search:focus{background-color:var(--ega_point_color4_hover);}
div.bbs_search a.ega_ui.btn.reset{border:none; background-color:#d4d4d4;}
div.bbs_search a.ega_ui.btn.reset:hover, div.bbs_search a.ega_ui.btn.reset:focus{background-color:#ccc;}
div.bbs_search > label{padding-left:15px; font-size:20px; font-weight:500;}
div.bbs_search div.bbs_keyword{display:flex; align-items:center; justify-content:center; gap:10px; width:100%; flex-wrap : wrap;}
div.bbs_search div.bbs_keyword a{display:flex; align-items:center; justify-content:center; height:35px; padding:0 15px; font-size:20px; border:1px solid  #b7b7b7; border-radius:17.5px; background-color:#fff;flex-shrink: 0;}
div.bbs_search div.bbs_keyword a.active{font-weight:500; color:#fff; border-color:var(--ega_point_color3); background-color:var(--ega_point_color3) !important;}
div.bbs_search div.bbs_keyword a:hover, div.bbs_search div.bbs_keyword a:focus{background-color:var(--ega_white_color_hover);}
div.bbs_search div.bbs_keyword a::before{content:"#"; display:inline;}
div.bbs_search div.bbs_category{width:100%;}
div.bbs_search div.bbs_category ul{display:flex; align-items:center; justify-content:center; gap:20px;}

div.bbs_keyword {width: 100%; margin-top: 10px; font-size: 16px; line-height: 130%; word-break: auto-phrase;}

div.bbs_top{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:27px; font-size:20px;align-items: center;}
div.bbs_top.btn_only{justify-content:flex-end;}
div.bbs_top div.info span{color:var(--ega_point_color4);}
div.bbs_top ul.view_opt{display:flex; gap:30px;}
div.bbs_top ul.view_opt li a{display:block; padding-left:35px; position:relative; font-size:20px; font-weight:300;}
div.bbs_top ul.view_opt li a::before{content:""; width:25px; height:25px; position:absolute; top:50%; left:0; background-image:url(../../images/www/common/bg_icon_bbs_list_type.png); background-repeat:no-repeat; transform:translateY(-50%);}
div.bbs_top ul.view_opt li.type2 a::before{background-position:-25px 0;}
div.bbs_top ul.view_opt li.active a{font-weight:700;}
div.bbs_top ul.view_opt li a:hover, div.bbs_top ul.view_opt li a:focus{text-decoration:underline; text-underline-offset:5px;}
div.bbs_top div.info + div.sort_opt{width:auto;}
div.bbs_top div.sort_opt{display:flex; justify-content:flex-end; align-items:flex-end; gap:30px; width:100%;}
div.bbs_top div.sort_opt ul{display:flex; gap:40px;}
div.bbs_top div.sort_opt ul li{position:relative;}
div.bbs_top div.sort_opt ul li:not(:first-child)::before{content:""; width:1px; height:18px; position:absolute; top:50%; left:-20px; background-color:#b7b7b7; transform:translateY(-50%);}
div.bbs_top div.sort_opt ul li a{display:block; padding-right:25px; position:relative; font-size:20px;}
div.bbs_top div.sort_opt ul li.active a{font-weight:700; color:var(--ega_point_color4);}
div.bbs_top div.sort_opt ul li.active a::after{border-top: 8px solid var(--ega_point_color4);}
div.bbs_top div.sort_opt ul li a::after{content:""; width:0; height:0; position:absolute; top:8px; right:0; border-top:8px solid #333; border-right:6px solid transparent; border-bottom:8px solid transparent; border-left:6px solid transparent;}
div.bbs_top div.sort_opt ul li.asc a::after{top:0; transform:rotate(180deg);}
div.bbs_top div.btn{transform:translateY(15px);}
div.bbs_top div.btn a.btn{gap:10px; height:60px; padding:0 25px; font-size:18px; font-weight:700; background-color:#f7f7f7;}
div.bbs_top div.btn a.btn::before{content:""; display:inline-block; width:18px; background:conic-gradient(from 90deg at 2px 2px,transparent 90deg,#333 0) calc(100% + 2px/2) calc(100% + 2px/2) / calc(50% + 2px) calc(50% + 2px); aspect-ratio:1/1;}
div.bbs_top div.btn a.btn:hover, div.bbs_top div.btn a.btn:focus{background-color:var(--ega_white_color_hover);}

ul.bbs_category{display:flex; margin-bottom:40px; border-bottom:1px solid #b7b7b7;}
ul.bbs_category li a{display:flex; align-items:center; justify-content:center; min-width:120px; height:60px; padding:0 25px; font-size:18px; color:#424242; border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-top-left-radius:14px; border-top-right-radius:14px; background-color:#fafafa;}
ul.bbs_category li:first-child a{border-left:1px solid #b7b7b7;}
ul.bbs_category li.active a{font-weight:500; color:#fff; background-color:#4b4b4b !important;}
ul.bbs_category li a:hover, ul.bbs_category li a:focus{background-color:var(--ega_white_color_hover);}

div.bbs_list > table{border-top:2px solid #363636;}
div.bbs_list > table tr{border-bottom:1px solid #d7d7d7;}
div.bbs_list > table tr.answer{background-color:#fffaf5;}
div.bbs_list > table thead th{height:60px; padding:0 15px; font-size:20px; font-weight:500;}
div.bbs_list > table tbody td{height:60px; padding:0 15px; font-size:18px; font-weight:300; text-align:center;}
div.bbs_list > table tbody td.subject{line-height:1.3em; font-size:18px; font-weight:400; text-align:left;}
div.bbs_list > table tbody td.subject a{display:-webkit-box; line-height:1.3em; overflow:hidden; font-size:18px; word-break:keep-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
div.bbs_list > table tbody tr.highlighted td.subject a{color: var(--ega_point_color3); font-weight: bold;}	/* 2023.08.09 정지효, INo.6986 */
div.bbs_list > table tbody td.subject span.new{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-right:3px; vertical-align:3px; font-size:14px; color:#fff; border-radius:50%; background-color:var(--ega_point_color4);}
div.bbs_list > table tbody td.subject span.secret{display:inline-block; width:14px; height:18px; margin-right:5px; background:url(../../images/www/common/bg_icon_bbs_secret.png) no-repeat 50% 50%;}
div.bbs_list > table tbody td.lec_name{line-height:1.3em; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.bbs_list > table tbody td.desc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.bbs_list > table tbody td.file{color:var(--ega_font_color_sub);}
div.bbs_list > table tbody td.file span{display:inline-block; width:22px; height:20px; background:url(../../images/www/common/bg_icon_bbs_file.png) no-repeat 50% 50%;}
div.bbs_list > table tbody td.date{color:var(--ega_font_color_sub);}
div.bbs_list > table tbody td.view{color:var(--ega_font_color_sub);}
div.bbs_list > table tbody td.toggle{position:relative;}
div.bbs_list > table tbody td.toggle::before{content:""; display:inline-block; width:30px; height:30px; border-radius:50%; background-color:var(--ega_point_color4);}
div.bbs_list > table tbody td.toggle::after{content:""; width:6px; height:6px; position:absolute; top:calc(50% - 3px); left:50%; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translate(-50%, -50%) rotate(45deg); transition:0.3s all;}
div.bbs_list > table tbody td.toggle.on::after{top:50%; transform:translate(-50%, -50%) rotate(225deg);}
div.bbs_list > table tbody td.answer{padding:15px; position:relative;}
div.bbs_list > table tbody td.answer div{font-family:'Noto Sans Korean' !important; font-size:18px !important; font-weight:300 !important; text-align:left; line-height:1.7 !important;}
div.bbs_list > table tbody td.answer div p, div.bbs_list > table tbody td.answer div span{font-family:'Noto Sans Korean' !important; font-size:18px !important; font-weight:300 !important; line-height:1.7 !important;}
div.bbs_list > table tbody td.answer > span{position:absolute; top:20px; left:-30px;}
div.bbs_list > table tbody td.download.mp3 a::before{content:""; display:inline-block; width:25px; height:25px; background:url(../../images/www/common/bg_icon_bbs_list.png) no-repeat 0 0;}
div.bbs_list > table tbody td.download.pdf a::before{content:""; display:inline-block; width:25px; height:25px; background:url(../../images/www/common/bg_icon_bbs_list.png) no-repeat -25px 0;}
div.bbs_list > table tbody td.listen a::before{content:""; display:inline-block; width:25px; height:25px; background:url(../../images/www/common/bg_icon_bbs_list.png) no-repeat -50px 0;}
div.bbs_list > table tbody td.sheet a::before{content:""; display:inline-block; width:25px; height:25px; background: url(../../images/www/common/bg_icon_down_view.png) no-repeat 5px 0;}
div.bbs_list > table tbody td.sheet a.download_jpg::before{background-position:-16px 0;}
div.bbs_list > table tbody td a.btn.del{height:40px; padding:0 10px; border-radius:20px;}
div.bbs_list > table tr.notice td a{color:var(--ega_point_color4);}
div.bbs_list > table tr.notice td.number span{display:inline-flex; align-items:center; justify-content:space-between; height:34px; padding:0 12px; font-size:16px; color:#fff; border-radius:17px; background-color:#333;}
div.bbs_list > table tr.select{background-color:#fafafa;}
div.bbs_list > table tr.select td.subject a{font-weight:500;}

/*div.bbs_list.qna_list > table tbody td.subject a{display: block; white-space: nowrap;}	 2023.01.09 정지효, INo.6468 */

div.bbs_list.faq_list > table table th, div.bbs_list.faq_list > table table td{padding:15px; text-align:center; border:1px solid #ddd;}
div.bbs_list.qna_list > table tbody td.subject a{display: block; white-space: nowrap;}
div.bbs_list > table tbody td.mobile{display:none;}

col.col_check{width:5%;}
col.col_id, col.col_number, col.col_score, col.col_attach, col.col_view, col.col_manage, col.col_desc, col.col_progress{width:7%;}
col.col_name, col.col_number2{width:9%;}
col.col_rating{width:160px;}
col.col_status, col.col_st_review, col.col_class, col.col_payment, col.col_price{width:10%;}
col.col_date{width:11%;}
col.col_target, col.col_down, col.col_listen, col.col_view2, col.col_study, col.col_cancel, col.col_delete, col.col_result, col.col_is_com, col.col_review, col.col_receipt{width:12%;}
col.col_detail, col.col_print, col.col_task, col.col_partake{width:15%;}
col.col_period, col.col_category{width:11%;}
col.col_coursename{width:30%;}
col.col_email, col.col_desc, col.col_return{width:30%;}

div.bbs_paging{display:flex; align-items:center; justify-content:center; margin-top:60px;}
div.bbs_paging a, div.bbs_paging > span{display:flex; align-items:center; justify-content:center; width:50px; height:50px; font-size:18px; font-weight:350; color:#878787; border-radius:50%;}
div.bbs_paging a.pg::before{content:""; display:inline-block; width:20px; height:20px; background-image:url(../../images/www/common/bg_icon_bbs_paging.png); background-repeat:no-repeat;}
div.bbs_paging a:hover, div.bbs_paging a:focus{background-color:var(--ega_white_color_hover);}
div.bbs_paging a.pg.first::before{background-position:0 0;}
div.bbs_paging a.pg.last::before{background-position:0 0; transform:rotate(180deg);}
div.bbs_paging a.pg.prev::before{background-position:-20px 0;}
div.bbs_paging a.pg.next::before{background-position:-20px 0; transform:rotate(180deg);}
div.bbs_paging > span{font-weight:500; color:#fff; background-color:var(--ega_point_color4);}

div.bbs_view div.title{padding:20px 180px 20px 30px; position:relative; border-top:2px solid #000; border-bottom:1px solid #d7d7d7;}
div.bbs_view div.title h4{display:flex; align-items:center; gap:12px; font-size:25px; font-weight:700; line-height:1.5; word-break:keep-all;}
div.bbs_view div.title h4 span.cate{display:flex; align-items:center; height:34px; padding:0 15px; font-size:16px; font-weight:500; color:#fff; border-radius:17px; background-color:var(--ega_point_color4);}
div.bbs_view div.title ul.desc{display:flex; gap:23px; margin-top:15px;}
div.bbs_view div.title ul.desc li{position:relative; font-size:20px; font-weight:300; color:var(--ega_font_color_sub);}
div.bbs_view div.title ul.desc li:not(:first-child)::before{content:""; width:4px; height:4px; position:absolute; top:50%; left:-13px; border-radius:50%; background-color:var(--ega_font_color_sub); transform:translateY(-50%);}
div.bbs_view div.title ul.share{position:absolute; top:18px; right:30px;}
div.bbs_view div.title div.lec_cate{display:flex; align-items:center; gap:12px; margin-bottom:10px;}
div.bbs_view div.title div.lec_cate p{font-size:20px; font-weight:300; line-height:1.5; word-break:keep-all;}
div.bbs_view div.title div.lec_cate span.cate{display:flex; align-items:center; height:34px; padding:0 15px; font-size:16px; font-weight:500; color:#fff; border-radius:17px; background-color:var(--ega_point_color4);}
div.bbs_view div.title.thumb{min-height:235px; padding-left:250px;}
div.bbs_view div.title.thumb h4{padding-top:30px;}
div.bbs_view div.title.thumb ul.share{top:50px;}
div.bbs_view div.title.thumb div.bg_wrap{width:180px; position:absolute; top:25px; left:30px;}
div.bbs_view div.title.thumb div.bg_wrap div.bg{width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; border:1px solid #d7d7d7; border-radius:15px;}
div.bbs_view div.title.thumb div.util{top:50px;}
div.bbs_view div.content{min-height:200px; padding:35px 30px; font-size:18px; line-height:1.5;}
div.bbs_view div.content p, div.bbs_view div.content span, div.bbs_view div.content div{font-family:'Noto Sans Korean', sans-serif !important; font-size:18px;}
div.bbs_view div.content img{max-width:100%;}
div.bbs_view div.content div.section:not(:first-of-type){margin-top:50px;}
div.bbs_view div.content div.section h5{padding-left:18px; margin-bottom:25px; position:relative; font-size:20px; font-weight:500; color:var(--ega_point_color4);}
div.bbs_view div.content div.section h5::before{content:""; width:8px; height:8px; position:absolute; top:11px; left:0; border-radius:50%; background-color:var(--ega_point_color4);}
div.bbs_view div.content div.section div.text_box, div.bbs_view div.content div.section div.text_box p, div.bbs_view div.content div.section div.text_box span, div.bbs_view div.content div.section div.text_box div{font-family:'Noto Sans Korean', sans-serif; font-size:18px !important; line-height:1.5;}
div.bbs_view div.content div.rating{margin-top:20px;}
div.bbs_view div.file{display:flex; align-items:flex-start; gap:17px; padding:30px; margin-bottom:30px; border-radius:10px; background-color:#ebebeb;}
div.bbs_view div.file > span{line-height:45px; font-size:20px; font-weight:700;}
div.bbs_view div.file > ul{display:flex; flex-direction:column; gap:5px;}
div.bbs_view div.file > ul li{display:flex; align-items:center; gap:20px;}
div.bbs_view div.file > ul li a.down{line-height:45px; font-size:18px; color:#124cb5; word-break:keep-all;}
div.bbs_view div.file > ul li a.preview{height:40px; font-size:18px; font-weight:500;}
div.bbs_view div.btn_group_wrap{display:flex; justify-content:center; padding-top:40px; border-top:1px solid #d7d7d7;}
div.bbs_view div.btn_group_wrap:has(.del){justify-content:space-between;}
div.bbs_view div.btn_group_wrap div.btn_group{padding-top:0; border-top:none;}
div.bbs_view div.btn_group{display:flex; justify-content:center; gap:23px; padding-top:40px; border-top:1px solid #d7d7d7;}
div.bbs_view div.btn_group_wrap a, div.bbs_view div.btn_group a{width:135px; height:60px; font-size:20px; font-weight:500; border-radius:10px;}
div.bbs_view div.reply{background-color:#fafafa;}

div.bbs_private{margin-bottom:60px;}
div.bbs_private h4{font-size:22px; font-weight:500; color:var(--ega_point_color4); line-height:1.5;}
div.bbs_private div.text_box{height:270px; padding:30px; margin-top:20px; overflow-y:auto; font-size:20px; font-weight:300; color:#797979; line-height:1.5; border:1px solid #b7b7b7; border-radius:10px;}
div.bbs_private div.text_box strong{display:block; margin-bottom:10px; font-weight:500;}
div.bbs_private div.text_box span{font-weight:500; color:var(--ega_point_color4);}
div.bbs_private div.agree{margin-top:25px;}
div.bbs_private div.agree label{color:#333;}

div.bbs_write{margin-top:60px;}
div.bbs_write div.top{margin-bottom:15px; font-size:20px;}
div.bbs_write div.top span{color:#ff0000;}
div.bbs_write table{border-top:2px solid #363636; border-bottom:2px solid #363636;}
div.bbs_write table col.type{width:300px;}
div.bbs_write table tr:not(:first-of-type){border-top:1px solid #d7d7d7;}
div.bbs_write table th{height:60px; padding:10px 15px; font-size:20px; font-weight:500; text-align:center; background-color:#f3f3f3;}
div.bbs_write table th.required::after{content:"*"; display:inline; color:#ff0000;}
div.bbs_write table td{height:60px; padding:10px 15px; font-size:20px; color:#797979;}
div.bbs_write table td.subject input[type=text]{width:100%;}
div.bbs_write table td.description textarea{width:100%; height:150px;}
div.bbs_write table td.phone div, div.bbs_write table td.email div{display:flex; align-items:center; gap:10px;}
div.bbs_write table td.phone input[type=text]{width:100px; text-align:center;}
div.bbs_write table td.phone label{margin-right:10px;}
div.bbs_write table td.email input[type=text]{width:210px;}
div.bbs_write table td.playtime input{width:80px; text-align:center;}
div.bbs_write table td.playtime label{margin-right:15px;}
div.bbs_write table td.source input{width:100%;}

/* 열린강좌 메인 */
div.open_main_section{margin-top:60px;}
div.open_main_section h4{margin-bottom:30px; font-size:40px; font-weight:700;}
div.open_main_section ul.lec_list{padding:0; border:none;}
div.open_main_section div.more{text-align:center;}
div.open_main_section div.more a.btn{display:inline-flex; gap:10px; height:70px; padding:0 35px; margin-top:60px; font-size:20px; border-radius:14px;}
div.open_main_section div.more a.btn::after{content:""; display:inline-block; width:15px; height:9px; background:url(../../images/www/common/bg_icon_select_arrow.png) no-repeat 0 0;}

/* 통합자료실 메인 */
div.data_main_section{margin-top:60px;}
div.data_main_section h4{margin-bottom:25px; font-size:40px; font-weight:700; line-height:1.3;}
div.data_main_section ul.lec_list{padding:0; border:none;}
div.data_main_section.data_quick_link{display:flex; align-items:center; justify-content:space-between;}
div.data_quick_link ul{display:flex; gap:40px;}
div.data_quick_link ul li a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:160px; height:160px; font-size:18px; color:#fff; border-radius:50%;}
div.data_quick_link ul li:nth-child(1) a{background-color:#cb3636;}
div.data_quick_link ul li:nth-child(2) a{color:#333; background-color:#f7b84b;}
div.data_quick_link ul li:nth-child(3) a{background-color:#398117;}
div.data_quick_link ul li:nth-child(4) a{background-color:#0569a8;}
div.data_quick_link ul li:nth-child(5) a{background-color:#079396;}
div.data_order_list > ul{display:flex; gap:30px;}
div.data_order_list > ul > li{flex:1; overflow:hidden; border:1px solid #e1e1e1; border-radius:14px;}
div.data_order_list > ul > li strong{display:flex; align-items:center; justify-content:center; height:60px; font-size:22px; font-weight:700;}
div.data_order_list > ul > li:nth-child(1) strong{color:#b83232; background-color:#fbd1d1;}
div.data_order_list > ul > li:nth-child(2) strong{color:#b74310; background-color:#f9dca9;}
div.data_order_list > ul > li:nth-child(3) strong{color:#27700f; background-color:#d2e9c7;}
div.data_order_list > ul > li:nth-child(4) strong{color:#174a97; background-color:#c5e5f2;}
div.data_order_list > ul > li:nth-child(5) strong{color:#066567; background-color:#b0ddde;}
div.data_order_list > ul > li ol{padding:0 25px;}
div.data_order_list > ul > li ol li:not(:first-child){border-top:1px solid #e1e1e1;}
div.data_order_list > ul > li ol li a{display:block; width:100%; height:60px; line-height:60px; overflow:hidden; font-size:18px; font-weight:300; text-overflow:ellipsis; white-space:nowrap;}
div.data_order_list > ul > li ol li a::before{display:inline; padding-right:10px; font-weight:500;}
div.data_order_list > ul > li ol li:nth-child(1) a::before{content:"1";}
div.data_order_list > ul > li ol li:nth-child(2) a::before{content:"2";}
div.data_order_list > ul > li ol li:nth-child(3) a::before{content:"3";}
div.data_order_list > ul > li ol li:nth-child(4) a::before{content:"4";}
div.data_order_list > ul > li ol li:nth-child(5) a::before{content:"5";}
div.data_order_list > ul > li div.empty{height:60px; line-height:60px; font-size:18px; font-weight:300;}

/* 강좌 목록 */
ul.lec_list{display:grid; grid-template-columns:repeat(4, 1fr); gap:70px 40px; padding:50px 0 75px; border-top:1px solid #333; border-bottom:1px solid #d7d7d7;}
ul.lec_list li a{display:block; position:relative;}
ul.lec_list li a div.bg{width:100%; height:0; position:relative; overflow:hidden; border:1px solid #d7d7d7; border-radius:15px;}
ul.lec_list.type1 li a div.bg{padding-bottom:75%;}
ul.lec_list.type2 li a div.bg{padding-bottom:75%;}
ul.lec_list.type3 li a div.bg{padding-bottom:56.25%;}
ul.lec_list.type4 li a div.bg{padding-bottom:84.375%;} /* 이벤트 게시판 */
ul.lec_list.type5{grid-template-columns:repeat(4, 1fr); gap:50px 30px;}
ul.lec_list.type5 li a div.bg{padding-bottom:100%;} /* 음반 듣기 게시판 */
ul.lec_list.type5 li a div.info{padding:12px;}
ul.lec_list.type5 li a div.info strong{font-size:19px;}
ul.lec_list.type5 li a:hover div.info strong, ul.lec_list.type5 li a:focus div.info strong{text-underline-offset:4px;}
ul.lec_list.type6{display:flex; flex-direction:column; gap:0; padding:0;}
ul.lec_list.type6 li{border-top:1px solid #d7d7d7;}
ul.lec_list.type6 li a{display:flex; gap:50px; padding:35px 0;}
ul.lec_list.type6 li a div.bg{width:320px; padding-bottom:12.858%;}
ul.lec_list.type6 li a div.info{width:calc(100% - 370px);}
ul.lec_list.type6 li a div.info span.desc{display:block; height:1em; line-height:1em; margin-bottom:7px; overflow:hidden; font-size:18px; color:var(--ega_point_color4); text-overflow:ellipsis; white-space:nowrap;}
ul.lec_list.type6 li a div.info div.intro{margin : 20px 0 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 300;	line-height: 25px;} /* 2023.07.05 정지효, INo.9999 */
ul.lec_list.type7{display:flex; flex-direction:column; justify-content:flex-start; gap:30px; flex:1 1 auto; padding:0; border:none;}
ul.lec_list.type7 > li a div.bg{padding-bottom:56.25%;}
ul.lec_list.type7 > li a div.info{padding:15px 0 0 0;}
ul.lec_list.type7 > li a div.info strong{font-size:18px;}
/* ul.lec_list.type7 > li a div.info ul.video_info{margin-top:10px;} */
ul.lec_list li a div.bg span.empty{background:#ebebeb url(../../images/www/common/bg_icon_empty.png) no-repeat 50% 50%;}
ul.lec_list li a div.bg div.stat{display:flex; position:absolute; top:20px; left:20px;}
ul.lec_list li a div.bg div.stat span{display:flex; justify-content:center; align-items:center; height:33px; padding:0 13px; font-size:16px; color:#fff; border-radius:16.5px; line-height: 33px;}
ul.lec_list.type1 li a div.bg div.stat span.type1{background-color:#333;}
ul.lec_list.type1 li a div.bg div.stat span.type2{background-color:#2161c1;}
ul.lec_list.type1 li a div.bg div.stat span.type3{background-color:var(--ega_point_color4);}
ul.lec_list.type1 li a div.bg div.stat span.type4{background-color:#88522b;}
ul.lec_list.type1 li a div.bg div.stat span.type5{background-color:#008bc4;}
ul.lec_list.type1 li a div.bg div.stat span.type6{background-color:#3b981d;}
ul.lec_list.type1 li a div.bg div.stat span.type7{background-color:var(--ega_point_color2);}
ul.lec_list.type2 li a div.bg div.stat span.type1{background-color:#f26146;} /* 신청대기 */
ul.lec_list.type2 li a div.bg div.stat span.type2{background-color:#828485;} /* 교육종료 */
ul.lec_list.type2 li a div.bg div.stat span.type3{background-color:#828485;} /* 신청마감 */
ul.lec_list.type2 li a div.bg div.stat span.type4{background-color:#8c00c4;} /* 신청중 */
ul.lec_list.type2 li a div.bg div.stat span.type5{background-color:#3b981d;} /* 교육중 */
ul.lec_list.type4 li a div.bg div.stat span.type1{background-color:#cb3636;} /* 음반 */
ul.lec_list.type4 li a div.bg div.stat span.type2{color:#333; background-color:#f7b84b;} /* 도서 */
ul.lec_list.type4 li a div.bg div.stat span.type3{background-color:#398117;} /* 음원 */
ul.lec_list.type4 li a div.bg div.stat span.type4{background-color:#0569a8;} /* 악보 */
ul.lec_list.type4 li a div.bg div.stat span.type5{background-color:#079396;} /* 강좌 */
ul.lec_list li a div.info{padding:20px; transition:0.3s all;}
ul.lec_list li a div.info strong{display:-webkit-box; max-height:3em; line-height:1.5em; overflow:hidden; font-size:20px; font-weight:500; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.lec_list li a div.info div.tag{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
ul.lec_list li a div.info div.cate{display:flex; gap:6px;}
ul.lec_list li a div.info div.cate span{display:flex; justify-content:center; align-items:center; height:33px; padding:0 11px; font-size:16px; border-radius:5px;}
ul.lec_list li a div.info div.cate span.type1{border:1px solid #50b4b6; color:#50b4b6;}
ul.lec_list li a div.info div.cate span.type2{border:1px solid #333; color:#333;}
ul.lec_list li a div.info div.cate span.type3{border:1px solid #209d6c; color:#209d6c;}
ul.lec_list li a div.info div.cate span.type4{border:1px solid var(--ega_point_color4); color:var(--ega_point_color4);}
ul.lec_list li a div.info div.cate span.type5{border:1px solid var(--ega_point_color2); color:var(--ega_point_color2);}
ul.lec_list li a div.info div.cate span.type6{border:1px solid #008bc4; color:#008bc4;}
ul.lec_list li a div.info div.how span{display:flex; justify-content:center; align-items:center; height:33px; padding:0 15px; font-size:16px; border-radius:16.5px;}
ul.lec_list li a div.info div.how span.type1{color:#3b981d; background-color:#ecf8e9;}
ul.lec_list li a div.info div.how span.type2{color:#e94f74; background-color:#fff2f5;}
ul.lec_list li a div.info div.how span.type3{color:#cb4926; background-color:#fbf1e2;}
ul.lec_list li a div.info div.rating{margin-top:10px;}
ul.lec_list li a div.info div.desc{display:flex; gap:23px; margin-top:10px; font-size:16px; font-weight:300; color:#6f6f6f;}
ul.lec_list li a div.info div.desc span{position:relative;}
ul.lec_list li a div.info div.desc span:not(:first-child)::before{content:""; width:4px; height:4px; position:absolute; top:50%; left:-13px; border-radius:50%; background-color:#939393; transform:translateY(-50%);}
ul.lec_list li a:hover div.bg span.ega_ui_bg, ul.lec_list li a:focus div.bg span.ega_ui_bg{transform:scale(1.05);}
ul.lec_list li a:hover div.info strong, ul.lec_list li a:focus div.info strong{text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px;}
ul.lec_list li.secret a div.info strong::before{content:""; display:inline-block; width:14px; height:18px; margin-right:10px; background:url(../../images/www/common/bg_icon_bbs_secret.png) no-repeat 50% 50%; vertical-align:-2px;}

/* 2023 통합 자료실 */
ul.lec_list.type8 li a div.bg div.stat { top: 8px; left: 8px;}
ul.lec_list.type8 li a div.bg div.stat span.type1{background-color:#cb3636;} /* 음반 */
ul.lec_list.type8 li a div.bg div.stat span.type2{color:#333; background-color:#f7b84b;} /* 도서 */
ul.lec_list.type8 li a div.bg div.stat span.type3{background-color:#398117;} /* 음원 */
ul.lec_list.type8 li a div.bg div.stat span.type4{background-color:#0569a8;} /* 악보 */
ul.lec_list.type8 li a div.bg div.stat span.type5{background-color:#079396;} /* 강좌 */
/* ul.lec_list.type8 li a div.bg{padding-bottom:84.375%;} */
ul.lec_list.type8 li a div.bg{padding-bottom:75%;}
ul.lec_list.type8 li a div.info .stat{display:none;}
ul.lec_list.type8 li a div.info .stat span{padding-left: 26px;background-repeat: no-repeat;background-position: left center;background-size: contain;font-size: 17px;height: 20px;line-height: 17px;margin-top:0px;}
ul.lec_list.type8 li a div.info .stat .type_ALBUM{background-image:url(../../images/www/common/record_icon.png);}
ul.lec_list.type8 li a div.info .stat .type_BOOK{background-image:url(../../images/www/common/book_icon.png);}
ul.lec_list.type8 li a div.info .stat .type_MUSIC{background-image:url(../../images/www/common/sound_icon.png);}
ul.lec_list.type8 li a div.info .stat .type_SHEET{background-image:url(../../images/www/common/score_icon.png);}
ul.lec_list.type8 li a div.info .stat .type_LECTURE{background-image:url(../../images/www/common/lecture_icon.png);}
ul.lec_list.type8 li a div.info strong{height:3em;}
ul.lec_list.type8 li a div.info em{display:block;margin-top:10px;height:24px;}
ul.lec_list.type8 li a div.info em i{display:inline-block;padding: 5px 8px; background-color: #eee;font-style:normal;}
ul.lec_list.type8 li a div.info span{height:16px;line-height:16px;display:inline-block;padding-left:25px;background-repeat:no-repeat;margin-right:15px;margin-top:10px;}
ul.lec_list.type8 li a div.info span.dwld_count{background-position:-20px -5px;background-image:url(../../images/www/common/bg_icon_down_view.png)}
ul.lec_list.type8 li a div.info span.favorit_count{background-size:80px;background-position:0 -22px;background-image:url(../../images/www/common/bg_icon_share.png)}
ul.lec_list.type8 li a div.bg div.stat span.type_ALBUM{background-color:#cb3636;} /* 음반 */
ul.lec_list.type8 li a div.bg div.stat span.type_BOOK{color:#333; background-color:#f7b84b;} /* 도서 */
ul.lec_list.type8 li a div.bg div.stat span.type_MUSIC{background-color:#398117;} /* 음원 */
ul.lec_list.type8 li a div.bg div.stat span.type_SHEET{background-color:#0569a8;} /* 악보 */
ul.lec_list.type8 li a div.bg div.stat span.type_LECTURE{background-color:#079396;} /* 강좌 */

/* 강좌 상세 */
div.offline_lec_wrap{padding-right:490px; position:relative;}
div.lec_info_top{display:flex; gap:45px;}
div.lec_info_top div.bg_wrap{width:310px;}
div.lec_info_top div.bg{width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden; border:1px solid #d7d7d7; border-radius:15px;}
div.lec_info_top div.rating{justify-content:space-between; padding:0 10px; margin-top:15px;}
div.lec_info_top div.info{flex:1;}
div.lec_info_top div.info ul{display:grid; grid-template-columns:1fr 0.85fr;}
div.lec_info_top div.info ul li{display:flex; gap:15px; align-items: center; padding:30px 0; border-bottom:1px solid #d5d5d5;}
div.lec_info_top div.info ul li:first-child{padding-top:15px;}
div.lec_info_top div.info ul li.row{grid-column:1/3;}
div.lec_info_top div.info ul li span.title{min-width:95px; padding-left:33px; position:relative; font-size:18px; font-weight:500;}
div.lec_info_top div.info ul li span.text{font-size:18px; line-height: 130%; color:#545454; word-break: auto-phrase;}
div.lec_info_top div.info ul li.type3 span.text, div.lec_info_top div.info ul li.type4 span.text, div.lec_info_top div.info ul li.type5 span.text{color:var(--ega_point_color4);}
div.lec_info_top div.info ul li span.title::before{content:""; width:25px; height:25px; position:absolute; top:50%; left:0; background-image:url(../../images/www/common/bg_icon_offline_lec.png); background-repeat:no-repeat; transform:translateY(-50%);}
div.lec_info_top div.info ul li.type1 span.title::before, div.lec_info_top div.info ul li.type6 span.title::before{background-position:0 0;}
div.lec_info_top div.info ul li.type2 span.title::before{background-position:-25px 0;}
div.lec_info_top div.info ul li.type3 span.title::before{background-position:-25px 0;}
div.lec_info_top div.info ul li.type4 span.title::before{background-position:-50px 0;}
div.lec_info_top div.info ul li.type5 span.title::before{background-position:-75px 0;}
div.lec_info_top div.info ul li.type7 span.title::before{background-position:-100px 0;}
div.lec_info_top + div.lec_info_btn{padding-top:0; border-top:none;}

div.lec_info_btn{display:flex; justify-content:center; gap:23px; padding-top:40px; margin-top:40px; border-top:1px solid #d5d5d5;}
div.lec_info_btn {width: 100%;}
div.lec_info_btn a{width:135px; height:60px; font-size:18px; font-weight:500; border:1px solid #959595; border-radius:10px; background-color:#fff;}
div.lec_info_btn:has(.del){justify-content:space-between;}
div.lec_info_btn div.btn_group{display:flex; justify-content:center; gap:23px;}

div.lec_info_bot.type1{margin-top:70px;}
div.lec_info_bot.type1 ul.tab li{flex:1;}
div.lec_info_bot.type2{margin-top:70px;}
div.lec_info_bot.type2 {width: 100%;}
div.lec_info_bot.type2 li a{min-width:210px;}
div.lec_info_bot.type2 div.file{display:flex; align-items:flex-start; gap:17px; padding:30px; margin-bottom:30px; border-radius:10px; background-color:#ebebeb;}
div.lec_info_bot.type2 div.file > span{line-height:45px; font-size:20px; font-weight:700;}
div.lec_info_bot.type2 div.file > ul{display:flex; flex-direction:column; gap:5px;}
div.lec_info_bot.type2 div.file > ul li{display:flex; align-items:center; gap:20px;}
div.lec_info_bot.type2 div.file > ul li a.down{line-height:45px; font-size:18px; color:#124cb5; word-break:keep-all;}
div.lec_info_bot.type2 div.file > ul li a.preview{height:40px; font-size:18px; font-weight:500;min-width: initial;}
div.lec_info_bot.type3{padding-top:35px; margin-top:35px; border-top:1px solid #b7b7b7;}
div.lec_info_bot.type4{margin-top:70px;}
div.lec_info_bot.type4 ul.tab li a{width:305px;}
div.lec_info_bot div.tab_content[aria-hidden="true"]{display:none;}
div.lec_info_bot div.text_box{font-size:18px; line-height:1.5; word-break:keep-all}
div.lec_info_bot div.section:not(:first-of-type){margin-top:50px;}
div.lec_info_bot div.section h5{padding-left:17px; margin-bottom:20px; position:relative; font-size:21px; font-weight:700;}
div.lec_info_bot div.section h5::before{content:""; width:8px; height:8px; position:absolute; top:7px; left:0; border-radius:50%; background-color:#555;}
div.lec_info_bot div.section p{padding-left:17px; font-size:18px; color:#646464; line-height:1.6;}
div.lec_info_bot div.section table{border-top:2px solid #363636;}
div.lec_info_bot div.section table tr{border-bottom:1px solid #d7d7d7;}
div.lec_info_bot div.section table thead th{height:50px; padding:0 15px; font-size:18px; font-weight:500;}
div.lec_info_bot div.section table tbody td{height:50px; padding:0 15px; font-size:18px; font-weight:300; text-align:center;}
div.lec_info_bot div.section table tfoot td{height:50px; padding:0 15px; font-size:18px; font-weight:500; text-align:center;}
div.lec_info_bot div.section table tfoot td.complete{color:#ff0000;}
div.lec_info_bot div.section div.file{display:flex; align-items:center; gap:20px; padding:15px 25px; border-radius:5px; background-color:#ebebeb;}
div.lec_info_bot div.section div.file a.down{font-size:17px; color:#124cb5; line-height:1.4;}
div.lec_info_bot div.section div.file a.down:hover, div.lec_info_bot div.section div.file a.down:focus{text-decoration:underline; text-underline-offset:5px;} 
div.lec_info_bot div.section div.file a.btn{height:45px; font-size:18px;}

#lec_index_list{width:415px; position:absolute; top:0; right:0;}
#lec_index_list div.box{height:calc(100vh - 60px); padding:0 10px; border-radius:30px;}
#lec_index_list.offline div.box{border:2px solid var(--ega_point_color3); background-color:#f8fcff;}
#lec_index_list.online div.box{border:2px solid #8d603b; background-color:#fbf7f4;}
#lec_index_list div.box h4{width:100%; padding:30px 0; font-size:24px; font-weight:700; text-align:center; color:var(--ega_point_color3);}
#lec_index_list div.box h4 button{font-size:24px; font-weight:700; cursor:default;}
#lec_index_list.offline div.box h4 button{color:var(--ega_point_color3);}
#lec_index_list.online div.box h4 button{color:#8d603b;}
#lec_index_list div.scroll_box{max-height:calc(100vh - 170px); overflow-y:auto; border-radius:10px;}
#lec_index_list div.scroll_box > ul > li{margin-bottom:5px;}
#lec_index_list.offline div.scroll_box > ul > li div, #lec_index_list.offline div.scroll_box > ul > li a{display:block; padding:25px 115px 25px 25px; position:relative; border:1px solid #e6ecf0; border-radius:10px; background-color:#fff;}
#lec_index_list.offline div.scroll_box > ul > li a:hover, #lec_index_list.offline div.scroll_box > ul > li a:focus{background-color:var(--ega_white_color_hover);}
#lec_index_list.offline div.scroll_box > ul > li strong{display:block; margin-bottom:15px; font-size:19px; font-weight:500;}
#lec_index_list.offline div.scroll_box > ul > li ul{display:grid; grid-template-columns:1fr 0.85fr; gap:10px;}
#lec_index_list.offline div.scroll_box > ul > li ul li{display:flex; gap:5px;}
#lec_index_list.offline div.scroll_box > ul > li ul li.row{grid-column:1/3;}
#lec_index_list.offline div.scroll_box > ul > li ul li span.title{flex:0 0 auto; font-size:15px; font-weight:500; color:var(--ega_point_color3); line-height:1.5;}
#lec_index_list.offline div.scroll_box > ul > li ul li span.title::after{content:":"; display:inline;}
#lec_index_list.offline div.scroll_box > ul > li ul li span.text{font-size:15px; line-height:1.4;}
#lec_index_list.offline div.scroll_box > ul > li span.stat{display:flex; align-items:center; justify-content:center; width:80px; height:80px; position:absolute; top:50%; right:20px; font-size:17px; line-height:1.2; border-radius:50%; transform:translateY(-50%);}
#lec_index_list.offline div.scroll_box > ul > li span.stat.type1{color:#392700; background-color:var(--ega_point_color1);}
#lec_index_list.offline div.scroll_box > ul > li span.stat.type2{color:#fff; background-color:var(--ega_point_color3);}
#lec_index_list.offline div.scroll_box > ul > li span.stat.type3{color:#5a5a5a; background-color:#dbdbdb;}
#lec_index_list.offline div.scroll_box > ul > li.empty{padding:30px 25px; font-size:19px; text-align:center; border:1px solid #e6ecf0; border-radius:10px; background-color:#fff;}
#lec_index_list.offline.apply div.box{height:auto; padding-bottom:15px;}
#lec_index_list.offline.apply div.lecture{padding:25px 30px; border:1px solid #e6ecf0; border-radius:10px; background-color:#fff;}
#lec_index_list.offline.apply div.lecture h5{margin-bottom:25px; font-size:19px; font-weight:700; line-height:1.5;}
#lec_index_list.offline.apply div.lecture ul li{display:flex; gap:5px; margin-top:15px; font-size:16px;}
#lec_index_list.offline.apply div.lecture ul li span.title{flex:0 0 auto; font-weight:500; color:var(--ega_point_color3);}
#lec_index_list.offline.apply div.lecture ul li span.title::after{content:":"; display:inline;}
#lec_index_list.offline.apply div.lecture ul li span.info div{margin-top:10px; font-size:13px;}
#lec_index_list.offline.apply div.lecture ul li span.info div + p{margin-top:10px; font-size:13px; color:var(--ega_point_color4);}
#lec_index_list.offline.apply div.btn_group{display:flex; flex-direction:column; gap:10px; margin-top:10px;}
#lec_index_list.offline.apply div.btn_group button{width:100%; height:60px; font-size:18px;}
#lec_index_list.offline.apply div.btn_group button.next{border:none; font-weight:500; color:#fff; background-color:var(--ega_point_color3);}
#lec_index_list.offline.apply div.btn_group button.next.disabled{color:#858585; background-color:#ebebeb;}
#lec_index_list.offline.apply div.btn_group button.cancel{border:none; font-weight:300; background-color:transparent; text-decoration:underline;}
#lec_index_list.offline.apply div.btn_group button.cancel:hover, #lec_index_list.offline.apply div.btn_group button.cancel:focus{font-weight:500;}

#lec_index_list.online div.scroll_box > ul > li{overflow:hidden; border:1px solid #e7dfd9; border-radius:10px; background-color:#fff;}
#lec_index_list.online div.scroll_box > ul > li:not(.toggle){display:flex; align-items:center; justify-content:space-between; height:55px; padding:0 20px; font-size:14px; font-weight:500; line-height:1.4;}
#lec_index_list.online div.scroll_box > ul > li:not(.toggle):hover{color: #fff; background-color: #8d603b; cursor: pointer;}
#lec_index_list.online div.scroll_box > ul > li.toggle button{display:flex; align-items:center; width:100%; height:55px; padding:0 40px 0 20px; position:relative; font-size:17px; font-weight:500; color:#8d603b; text-align:left; line-height:1.4;}
#lec_index_list.online div.scroll_box > ul > li.toggle button::before{content:""; width:18px; position:absolute; top:50%; right:20px; background:conic-gradient(from 90deg at 2px 2px,transparent 90deg,#8d603b 0) calc(100% + 2px/2) calc(100% + 2px/2) / calc(50% + 2px) calc(50% + 2px); aspect-ratio:1/1; transform:translateY(-50%); transition:0.3s all;}
#lec_index_list.online div.scroll_box > ul > li.toggle ul{display:none;}
#lec_index_list.online div.scroll_box > ul > li.toggle ul li{display:flex; align-items:center; justify-content:space-between; height:55px; padding:0 20px; font-size:14px; font-weight:500; line-height:1.4;}
#lec_index_list.online div.scroll_box > ul > li.toggle ul li:not(:first-child){border-top:1px solid #e7dfd9;}
#lec_index_list.online div.scroll_box > ul > li.toggle ul li:hover{color: #fff; background-color: #8d603b; cursor: pointer;}
#lec_index_list.online div.scroll_box > ul > li a.btn{flex:0 0 auto; height:40px; padding:0 10px; font-size:14px; font-weight:500; color:#8d603b; border:1px solid #b0845f;}
#lec_index_list.online div.scroll_box > ul > li a.btn:hover, #lec_index_list.online div.scroll_box > ul > li a.btn:focus{color:#fff; background-color:#8d603b;}

#lec_index_list.online div.scroll_box > ul > li.toggle.active button{color:#fff; background-color:#8d603b;}
#lec_index_list.online div.scroll_box > ul > li.toggle.active button::before{background:conic-gradient(from 90deg at 0 2px,transparent 90deg,#fff 0) calc(100% + 2px/2) calc(100% + 2px/2) / calc(50% + 2px) calc(50% + 2px);}
#lec_index_list.online div.scroll_box > ul > li.toggle.active ul{display:block;}

div.comment_wrap{margin-top:40px;}
div.comment_wrap h5{margin-bottom:15px; font-size:20px; font-weight:700;}
div.comment_wrap h5 + p{margin-bottom:15px; font-size:18px;}
div.comment_wrap div.comment_write{padding:35px 40px; border-radius:14px; background-color:#f1f1f1;}
div.comment_wrap div.comment_write textarea{height:150px;}
div.comment_wrap div.comment_write div.submit{display:flex; align-items:center; justify-content:flex-end; gap:30px; margin-top:20px;}
div.comment_wrap div.comment_write div.submit a{width:135px; height:60px; font-size:18px; font-weight:500; border-radius:10px;}
div.comment_wrap div.comment_write div.submit a:hover, div.comment_wrap div.comment_write div.submit a:focus{color:#fff; background-color:var(--ega_point_color4);}
div.comment_wrap div.comment_write div.submit div.rating{gap:4px; width:127px; position:relative;}
div.comment_wrap div.comment_write div.submit div.rating span.bg{position:absolute;}
div.comment_wrap div.comment_write div.submit div.rating input[type=radio] + label{width:22px; height:22px; padding:0; margin:0; position:relative; cursor:pointer; z-index:2;}
div.comment_wrap div.comment_write div.submit div.rating input[type=radio] + label::before, div.comment_wrap div.comment_write div.submit div.rating input[type=radio] + label::after{display:none;}
div.comment_wrap div.comment_list{margin-top:60px;}
div.comment_wrap div.comment_list > ul > li{padding:20px; position:relative; border-top:1px solid #d5d5d5;}
div.comment_wrap div.comment_list > ul > li div.write_info strong{display:block; margin-bottom:10px; font-size:19px; font-weight:500;}
div.comment_wrap div.comment_list > ul > li div.write_info strong span{padding-left:10px; font-size:16px; font-weight:400; color:#646464;}
div.comment_wrap div.comment_list > ul > li div.write_info p{font-size:18px; line-height:1.5; word-break:keep-all;}
div.comment_wrap div.comment_list > ul > li div.write_info div.rating{position:absolute; top:20px; right:20px;}
div.comment_wrap div.comment_list > ul > li div.btn{display:flex; gap:10px; margin-top:20px;}
div.comment_wrap div.comment_list > ul > li div.btn > div{display:flex; gap:10px;}
div.comment_wrap div.comment_list > ul > li div.btn a.btn{height:50px; padding:0 20px; font-size:18px;}
div.comment_wrap div.comment_list > ul > li div.btn a.btn.like{min-width:80px;}
div.comment_wrap div.comment_list > ul > li div.btn a.btn.like::after{content:""; width:20px; height:20px; background:url(../../images/www/common/bg_icon_share.png) no-repeat 0 -60px/80px 80px;}
div.comment_wrap div.comment_list > ul > li div.btn a.btn.like.active{color:#fff; background-color:var(--ega_point_color2);}
div.comment_wrap div.comment_list > ul > li div.btn a.btn.like.active::after{background-position:0 0;}
div.comment_wrap div.comment_list > ul > li div.btn a.btn.like span em{color:var(--ega_point_color4);}
div.comment_wrap div.comment_list > ul > li div.reply{margin-top:20px;}
div.comment_wrap div.comment_list > ul > li div.reply textarea{height:100px;}
div.comment_wrap div.comment_list > ul > li div.reply div{display:flex; justify-content:flex-end; margin-top:10px;}
div.comment_wrap div.comment_list > ul > li div.reply div a{height:50px; padding:0 15px; font-size:18px; color:#fff; border-radius:14px; background-color:#000;}
div.comment_wrap div.comment_list > ul > li.reply{padding:20px 20px 20px 50px;}
div.comment_wrap div.comment_list > ul > li.reply div.write_info{position:relative;}
div.comment_wrap div.comment_list > ul > li.reply div.write_info::before{content:""; width:13px; height:15px; position:absolute; top:0; left:-25px; background:url(../../images/www/common/bg_icon_reply.png) no-repeat 50% 50%/cover;}
div.comment_wrap div.comment_list div.empty{padding-top:50px; border-top:1px solid #d5d5d5;}

/* 동영상 강좌 플레이 */
div.lec_video_wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:25px;}
div.lec_video_wrap div.play_video{width:1085px;}
div.lec_video_wrap div.play_video div.play_box{height:0; padding-bottom:56.25%; position:relative; overflow:hidden; border:1px solid #e1e1e1; border-radius:10px;}
div.lec_video_wrap div.play_video iframe, div.lec_video_wrap div.play_video video{width:100%; height:100%; position:absolute; top:0; left:0; border:none;}
div.lec_video_wrap div.rel_video{display:flex; flex-direction:column; width:290px; padding:30px 20px; border:1px solid #e1e1e1; border-radius:10px;}
div.lec_video_wrap div.rel_video h4{display:none; margin-bottom:20px; font-size:24px; font-weight:500;}
div.lec_video_wrap.sticky{justify-content:flex-end;}
div.lec_video_wrap.sticky div.play_video{width:400px; position:fixed; bottom:0; right:0; z-index:9;}
div.rel_video h4{display:none;}
div.rel_video div.lec_list_empty{border:none;}
div.lec_video_info{display:flex; justify-content:space-between; width:1085px; margin-top:30px; flex-wrap: wrap;}

/* 댓글, 코멘트, 후기 */	/* 2023.03.23 정지효, INo.6672 */
div.comment_list div.btn_group a.btn.more.course{width:160px; height:60px; font-size:20px; font-weight:500; border-radius:10px;}
#moreCommentBtn {display: flex; justify-content: center;}

/* 마이페이지 */
div.mypage div.summary{overflow:hidden; border-top:2px solid #333;}
div.mypage div.summary div.title{display:flex; align-items:center; justify-content:space-between; height:100px; padding:0 25px;}
div.mypage div.summary div.title p{font-size:30px;}
div.mypage div.summary div.title p span{font-weight:700;}
div.mypage div.summary div.title div.util{display:flex; gap:15px;}
div.mypage div.summary div.title div.util a.btn{height:50px; padding:0 20px; font-size:18px; border:1px solid #ccc;}
div.mypage div.summary div.lecture{display:flex; gap:25px;}
div.mypage div.summary div.lecture > div{display:flex; align-items:center; justify-content:space-between; flex:1; padding:30px 35px; border:1px solid #ccc; border-radius:10px;}
div.mypage div.summary div.lecture > div h4{font-size:24px; font-weight:700;}
div.mypage div.summary div.lecture > div h4 span{display:block; line-height:1.7;}
div.mypage div.summary div.lecture > div ul{display:flex; gap:30px;}
div.mypage div.summary div.lecture > div ul li{width:120px; text-align:center; overflow:hidden; border-radius:10px;}
div.mypage div.summary div.lecture > div ul li span{display:flex; align-items:center; justify-content:center;}
div.mypage div.summary div.lecture > div ul li span.title{height:45px; font-size:16px; font-weight:500;}
div.mypage div.summary div.lecture > div ul li span.value{height:65px; font-size:22px; background-color:#fff;}
div.mypage div.summary div.lecture > div.online ul li.ing{color:#845024; border:1px solid #9d7757; background-color:#fbf7f4;}
div.mypage div.summary div.lecture > div.online ul li.ing a{color:#845024;}
div.mypage div.summary div.lecture > div.online ul li.end{color:#493509; border:1px solid #fcc956; background-color:#ffeabc;}
div.mypage div.summary div.lecture > div.online ul li.end a{color:#493509;}
div.mypage div.summary div.lecture > div.offline ul li.ing{color:#303b88; border:1px solid #424c95; background-color:#f8fcff;}
div.mypage div.summary div.lecture > div.offline ul li.ing a{color:#303b88;}
div.mypage div.summary div.lecture > div.offline ul li.end{color:#493509; border:1px solid #fcc956; background-color:#ffeabc;}
div.mypage div.summary div.lecture > div.offline ul li.end a{color:#493509;}
div.mypage div.summary div.lecture > div.offline ul li.pay{border:1px solid #ccc; background-color:#e0e0e0;}
div.mypage div.section{padding:40px 50px; margin-top:30px; border:1px solid #ccc; border-radius:10px;}
div.mypage div.section h4{margin-bottom:30px;}
div.mypage div.section h4 button{width:100%; position:relative; font-size:24px; font-weight:700; text-align:left;}
div.mypage div.section h4 button::before{content:""; width:30px; height:30px; position:absolute; top:50%; right:0; border-radius:50%; background-color:var(--ega_point_color4); transform:translateY(-50%);}
div.mypage div.section h4 button::after{content:""; width:6px; height:6px; position:absolute; top:calc(50% - 2px); right:11px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-50%) rotate(45deg); transition:0.3s all;}
div.mypage div.section ul.tab.sub li a{min-width:140px;}
div.mypage div.section table col.col_number{width:5%;}
div.mypage div.section table col.col_period{width:16%;}
div.mypage div.section table col.col_date{width:9%;}
div.mypage div.section table col.col_cancel{width:9%;}
div.mypage div.section table th{padding:0 10px; font-size:17px;}
div.mypage div.section table td{padding:0 10px; font-size:17px;}
div.mypage div.section table td a{font-size:17px;}
div.mypage div.section table td .ega_ui.btn{display:inline-flex; height:40px; padding:0 15px; font-size:16px; font-weight:500; border-radius:20px;}
div.mypage div.section.active h4{margin-bottom:0;}
div.mypage div.section.active h4 ~ *{display:none;}
div.mypage div.section.active button::after{top:50%; transform:translateY(-50%) rotate(225deg);}
div.mypage div.section.survey div strong{display:block; font-size:20px; font-weight:500; color:var(--ega_point_color4); line-height:1.5;}
div.mypage div.section.survey div span{font-size:18px; line-height:1.5;}
div.mypage div.section.survey div a.btn{width:140px; height:50px; margin-top:15px; font-size:16px;}
div.mypage div.empty{display:flex; align-items:center; justify-content:center; height:150px; border-top:2px solid #363636; border-bottom:1px solid #b7b7b7;}
div.mypage div.bbs_sort{margin-bottom:10px;}
div.mypage div.bbs_list div.btn_group{display:flex; align-items:center; justify-content:center; margin-top:20px;}
div.mypage div.bbs_list div.btn_group a.btn.more{width:160px; height:60px; font-size:20px; font-weight:500; border-radius:10px;}

/* 오프라인 강좌 수강 신청 */
div.lec_apply{position:relative;}
div.lec_apply div.apply_box{width:940px;}
div.lec_apply div.apply_box div.step{margin-bottom:40px;}
div.lec_apply div.apply_box div.step ol{display:flex; justify-content:center;}
div.lec_apply div.apply_box div.step ol li{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; width:180px; position:relative; font-size:18px; color:#797979;}
div.lec_apply div.apply_box div.step ol li:not(:last-child)::after{content:""; width:140px; height:1px; position:absolute; top:20px; left:calc(50% + 20px); background-color:#ebebeb;}
div.lec_apply div.apply_box div.step ol li::before{display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-size:20px; border-radius:50%; background-color:#ebebeb;}
div.lec_apply div.apply_box div.step ol li:nth-child(1)::before{content:"1";}
div.lec_apply div.apply_box div.step ol li:nth-child(2)::before{content:"2";}
div.lec_apply div.apply_box div.step ol li:nth-child(3)::before{content:"3";}
div.lec_apply div.apply_box div.step ol li:nth-child(4)::before{content:"4";}
div.lec_apply div.apply_box div.step ol li.active{font-weight:500; color:#333;}
div.lec_apply div.apply_box div.step ol li.active::after{background-color:#333;}
div.lec_apply div.apply_box div.step ol li.active::before{color:#fff; background-color:#333;}
div.lec_apply div.apply_box div.form{min-height:450px; padding:45px 40px; border:1px solid #d7d7d7; border-radius:30px;}
div.lec_apply div.apply_box div.form:not(:first-of-type){margin-top:20px;}
div.lec_apply div.apply_box div.form h4{margin-bottom:25px; font-size:30px; font-weight:700;}
div.lec_apply div.apply_box div.form h4.EDU_STD_NAME{margin-top:50px; font-size:24px; color:var(--ega_point_color4);}
div.lec_apply div.apply_box div.form div.form_wrap.EDU_STD_NAME{padding:10px 30px; border-top:none; border-radius:14px; background-color:#f3f3f3;}
div.lec_apply div.apply_box div.form div.form_wrap div.input_wrap:not(:first-of-type){border-top:1px solid #ddd;}
div.lec_apply div.apply_box div.form div.private{height:250px; padding:25px; overflow-y:auto; line-height:1.5; font-size:18px; font-weight:300; color:#707070; border-radius:14px; background-color:#f8f8f8;}
div.lec_apply div.apply_box div.form div.private strong{display:block; margin-bottom:10px; font-weight:500;}
div.lec_apply div.apply_box div.form div.private span{font-weight:500; color:var(--ega_point_color4);}
div.lec_apply div.apply_box div.form div.agree{display:flex; justify-content:flex-end; margin-top:25px;}
div.lec_apply div.apply_box div.form h4 + ul.desc{margin-bottom:25px;}
div.lec_apply div.apply_box div.form h4 + ul.desc li{padding-left:15px; position:relative; font-size:18px; font-weight:300; line-height:1.6; word-break:keep-all;}
div.lec_apply div.apply_box div.form h4 + ul.desc li::before{content:""; width:5px; height:5px; position:absolute; top:13px; left:0; border-radius:50%; background-color:#333;}
div.lec_apply div.apply_box div.form h4 + ul.desc li span{font-weight:400; color:var(--ega_point_color4);}
div.lec_apply div.apply_box div.form div.desc_box{padding:30px; border-radius:14px; background-color:#f1f1f1;}
div.lec_apply div.apply_box div.form div.desc_box h5{margin-bottom:20px; font-size:20px; font-weight:500;}
div.lec_apply div.apply_box div.form div.desc_box ul li{padding-left:12px; position:relative; font-size:16px; font-weight:300; line-height:1.6; word-break:keep-all;}
div.lec_apply div.apply_box div.form div.desc_box ul li::before{content:"-"; position:absolute; top:-2px; left:0;}
div.lec_apply div.apply_box div.form div.desc_box ul li span{font-weight:400; color:var(--ega_point_color4);}
div.lec_apply div.apply_box div.form.complete{min-height:inherit; border:none; background-color:#fffaf5;}
div.lec_apply div.apply_box div.form.complete p{display:flex; align-items:center; justify-content:center; gap:10px; font-size:25px; font-weight:700;}
div.lec_apply div.apply_box div.form.complete p::before{content:""; width:37px; height:37px; background:url(../../images/www/common/bg_icon_complete.png) no-repeat 50% 50%/cover;}
div.lec_apply div.apply_box div.form.result{min-height:inherit;}
div.lec_apply div.apply_box div.form.result h4{padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #000;}
div.lec_apply div.apply_box div.form.result h5{margin-bottom:20px; font-size:24px; font-weight:500;}
div.lec_apply div.apply_box div.form.result ul li{display:flex; padding:20px 0; font-size:20px;}
div.lec_apply div.apply_box div.form.result ul li:not(:first-child){border-top:1px solid #d7d7d7;}
div.lec_apply div.apply_box div.form.result ul li span{width:120px; font-weight:500;}
#point_pay_table div.input_box span strong{font-weight:700; color:var(--ega_point_color4);}

div.form_wrap{margin-top:20px; border-top:2px solid #333;}
div.form_wrap.EDU_STD_NAME div.input_wrap{
    display:flex;
    min-height:80px;
    padding:15px 0;
    align-items: center;
    gap: 20px;
}
div.form_wrap.EDU_STD_NAME div.input_wrap h5{
    margin-bottom:0;
}
div.form_wrap div.input_wrap{padding:25px 0;}
div.form_wrap div.input_wrap:not(:first-of-type){border-top:1px solid #ebebeb;}
div.form_wrap h5{margin-bottom:15px; font-size:20px; font-weight:500;}
div.form_wrap h5:not(.required)::after{content:"(선택 입력)"; display:inline;}
div.form_wrap div.input_box{display:flex; align-items:center; gap:10px; font-size:20px;}
div.form_wrap div.input_box.vertical{flex-direction:column; gap:15px; align-items:flex-start;}
div.form_wrap div.input_box.vertical > div{width:100%;}
div.form_wrap div.input_box.vertical > div p{padding-top:10px;}
div.form_wrap div.input_box.vertical > p{padding-top:10px;}
div.form_wrap div.input_box.vertical > p::before{content:"※"; display:inline;}
div.form_wrap div.input_box .btn{height:55px; padding:0 20px; font-size:18px;}
div.form_wrap div.input_box div.btn_group{margin-left:15px; gap:10px; padding-top:0; border-top:none;}
div.form_wrap div.input_box div.before_study_info{display:flex; gap:10px; width:100%;}
div.form_wrap div.input_box div.before_study_info > div{display:flex; align-items:center; gap:10px;}
div.form_wrap div.input_box div.before_study_info > div input[type=text]{width:450px;}
div.form_wrap ul.desc{width:100%;}
div.form_wrap ul.desc li{padding-left:15px; position:relative; font-size:20px; color:#ff0000; line-height:1.5;}
div.form_wrap ul.desc li:before{content:"*"; position:absolute; top:5px; left:0;}
div.form_wrap div.input_box.video_id div{padding:20px; border-radius:14px; background-color:#f3f3f3;}
div.form_wrap div.input_box.video_id div strong{display:block; margin-bottom:10px; font-weight:500; color:#333;}
div.form_wrap div.input_box.video_id div ol li{font-size:18px; line-height:1.5;}
div.form_wrap div.input_box.video_id div ol li span{color:#ff0000;}
div.form_wrap div.input_box.address{flex-direction:column; align-items:flex-start; gap:15px;}
div.form_wrap div.input_box.address div.post_num{display:flex; gap:10px;}
div.form_wrap div.input_box.address div.post_num .btn{height:50px;}
div.form_wrap div.input_box.address div.post_addr{display:flex; flex-direction:column; gap:10px; width:100%;}
div.form_wrap div.input_box textarea{height:250px;}
div.form_wrap div.thumb_wrap{display:flex; gap:25px;}
div.form_wrap div.thumb_wrap div.image{display:flex; align-items:center; justify-content:center; width:320px; height:180px; overflow:hidden; border-radius:14px; background-color:#ebebeb;}
div.form_wrap div.thumb_wrap div.image + a.btn{height:50px; padding:0 20px; margin:0; font-size:18px; color:#fff; border-radius:14px; background-color:#363636;}
div.form_wrap .k-header{width:100%; border:none; background-color:#fff;}
div.form_wrap .k-dropzone{padding:0;}
div.form_wrap .k-upload-files{width:100%; margin:15px 0 0; border:none;}
div.form_wrap .k-upload-files.attach_files{margin-top:0;}
div.form_wrap .k-file{position:relative; border:none; border-radius:14px; background-color:#ebebeb;}
div.form_wrap .k-file:not(:first-child){margin-top:10px;}
div.form_wrap .k-file::before{content:""; width:17px; height:20px; position:absolute; top:23px; left:20px; background:url(../../images/www/common/bg_icon_doc.png) no-repeat 50% 50%;}
div.form_wrap .k-filename{width:calc(100% - 100px); max-width:calc(100% - 100px);}
div.form_wrap .uploaded-files{padding:.167em .167em .167em .8em; position:relative; border-radius:14px; background-color:#ebebeb;}
div.form_wrap .k-upload-status{top:3px; right:15px;}
div.form_wrap .k-upload-status .k-upload-pct{vertical-align:super;}
div.form_wrap .k-file>.k-icon{background:none;}
div.form_wrap .k-upload-sync .k-upload-button{display:inline-flex; align-items:center; justify-content:center; gap:5px; height:50px; padding:0 20px; margin:0; font-size:18px; color:#fff; border-radius:14px; background-color:#363636;}
div.form_wrap .k-upload-sync .k-upload-button::before{content:""; width:17px; height:15px; background:url(../../images/www/common/bg_icon_bbs_file.png) no-repeat 50% 50%/cover; filter:invert(100%);}
div.form_wrap .k-icon.k-i-close.k-delete{width:30px; height:30px; position:relative; background:none;}
div.form_wrap .k-icon.k-i-close.k-delete::before, div.form_wrap .k-icon.k-i-close.k-delete::after{content:""; width:15px; height:2px; position:absolute; top:50%; left:50%; background-color:#333;}
div.form_wrap .k-icon.k-i-close.k-delete::before{transform:translate(-50%, -50%) rotate(45deg);}
div.form_wrap .k-icon.k-i-close.k-delete::after{transform:translate(-50%, -50%) rotate(-45deg);}
div.form_wrap ul.entry{width:100%; padding:0 25px; border:1px solid #b7b7b7; border-radius:14px;}
div.form_wrap ul.entry li{display:flex; align-items:center; gap:10px; padding:20px 0; font-size:18px;}
div.form_wrap ul.entry li:not(:first-child){border-top:1px dashed #ddd;}
div.form_wrap ul.entry li label{width:160px; font-weight:500;}
div.form_wrap ul.entry li #span_entry_pay{font-size:18px;}
div.form_wrap ul.entry li #tot_grp_stdcnt{font-weight:500; color:var(--ega_point_color4);}
div.form_wrap ul.entry li #span_entry_pay p.yearGroup{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px 40px; margin-top:10px; font-size:18px; color:#333;}
div.form_wrap ul.entry li #span_entry_pay p.yearGroup span{display:flex; align-items:center; gap:10px;}
div.form_wrap div.entry_total{display:flex; gap:20px; width:100%; padding:25px; background-color:#f8f8f8; border-radius:14px;}
div.form_wrap div.entry_total strong{font-size:18px; font-weight:500;}
div.form_wrap div.entry_total p{font-size:18px;}
div.form_wrap div.entry_total p span span{font-weight:500; color:var(--ega_point_color4);}
div.form_wrap div.btn_group_wrap{display:flex; justify-content:center;}
div.form_wrap div.btn_group_wrap:has(.del){justify-content:space-between;}
div.form_wrap div.btn_group{display:flex; justify-content:center; gap:23px; padding-top:40px; border-top:1px solid #d7d7d7;}
div.form_wrap div.btn_group a.btn{width:135px; height:60px; font-size:20px; font-weight:500; border-radius:10px;}

/* 강좌안내 */
div.lec_intro div.section:not(:first-of-type){margin-top:60px;}
div.lec_intro table.type_vertical{margin-top:25px;}
div.lec_intro p.step_desc{padding-left:23px; margin-bottom:10px; position:relative; font-size:18px; font-weight:300; color:#ff0000;}
div.lec_intro p.step_desc::before{content:"※"; position:absolute; top:0; left:0;}
div.lec_intro ol.step_wrap{display:flex; flex-direction:column; gap:50px;}
div.lec_intro ol.step_wrap li{display:flex; align-items:center; gap:80px; padding:25px 50px; position:relative; border:1px solid #ddd; border-radius:14px;}
div.lec_intro ol.step_wrap li:not(:first-child)::before{content:""; width:0; height:0; border:50px solid transparent; border-top:30px solid var(--ega_point_color3); position:absolute; top:-40px; left:50%; transform:translateX(-50%); opacity:0.3;}
div.lec_intro ol.step_wrap li > strong{width:160px; font-size:18px; font-weight:300;}
div.lec_intro ol.step_wrap li > strong > span{display:block; margin-bottom:10px; font-size:24px; font-weight:500; color:var(--ega_point_color3);}
div.lec_intro ol.step_wrap li > p{font-size:18px; line-height:1.5;}
div.lec_intro ol.step_wrap li > p a{color:var(--ega_point_color3);}
div.lec_intro ol.step_wrap li > div.box_wrap{display:flex; flex-direction:column; gap:15px; flex:1;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type{padding:35px 135px 35px 35px; position:relative; border-radius:10px; background-color:#f1f3ff;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type::before{content:""; width:92px; height:88px; position:absolute; top:60px; right:35px;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > span{display:block; margin-bottom:10px; font-size:24px; font-weight:500;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > p{position:relative; font-size:18px; font-weight:300; line-height:1.5; word-break:keep-all;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > p:not(:first-of-type){margin-top:15px;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > p.refer{padding-left:25px;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > p.refer::before{content:"※"; position:absolute; top:0; left:0;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > p a{font-weight:400; color:var(--ega_point_color3);}
div.lec_intro ol.step_wrap li > div.box_wrap div.type > p a:hover, div.lec_intro ol.step_wrap li > div.box_wrap div.type > p a:focus{text-decoration:underline;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type.free::before{background:url(../../images/www/bg/edu_step_online.png) no-repeat 0 50%;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type.pay::before{background:url(../../images/www/bg/edu_step_off.png) no-repeat 0 50%;}
div.lec_intro ol.step_wrap li > div.box_wrap div.type.payment::before{background:url(../../images/www/bg/edu_step_pay.png) no-repeat 0 50%;}
div.lec_intro div.offline_info div.another_list{display:flex; justify-content:flex-end; position:relative; z-index:1;}
div.lec_intro div.offline_info div.another_list button{display:flex; align-items:center; justify-content:space-between; width:400px; height:60px; padding:0 25px; font-size:20px; font-weight:500; border:1px solid #959595; border-radius:10px; background-color:#fff; z-index:1;}
div.lec_intro div.offline_info div.another_list button::after{content:""; width:10px; height:10px; border-right:2px solid #333; border-bottom:2px solid #333; transform:translateY(-2px) rotate(45deg); transition:0.3s all;}
div.lec_intro div.offline_info div.another_list ul{visibility:hidden; width:400px; max-height:0; padding-top:0; overflow:hidden; position:absolute; top:100%; right:0; border:1px solid #959595; border-radius:10px; transform:translateY(-18px); z-index:0; transition:0.3s all;}
div.lec_intro div.offline_info div.another_list ul li a{display:flex; align-items:center; height:60px; padding:0 25px; font-size:18px; border-top:1px solid #959595; background-color:#fff;}
div.lec_intro div.offline_info div.another_list ul li:first-child a{border-top:none;}
div.lec_intro div.offline_info div.another_list ul li a:hover, div.lec_intro div.offline_info div.another_list ul li a:focus{background-color:var(--ega_white_color_hover);}
div.lec_intro div.offline_info div.another_list.active button{color:#fff; border-color:var(--ega_point_color4); background-color:var(--ega_point_color4);}
div.lec_intro div.offline_info div.another_list.active button::after{border-color:#fff; transform:translateY(2px) rotate(225deg);}
div.lec_intro div.offline_info div.another_list.active ul{visibility:visible; max-height:600px; padding-top:15px;}
div.lec_intro div.offline_info ul.desc{margin:25px 0;}
div.lec_intro div.offline_info ul.desc li{padding-left:15px; position:relative; font-size:18px; font-weight:300; line-height:1.6; word-break:keep-all;}
div.lec_intro div.offline_info ul.desc li::before{content:""; width:5px; height:5px; position:absolute; top:13px; left:0; border-radius:50%; background-color:#333;}
div.lec_intro div.offline_info ul.desc li span{font-weight:400; color:var(--ega_point_color4);}
div.lec_intro div.offline_info div.info_wrap{display:flex; align-items:flex-start; gap:50px;}
div.lec_intro div.offline_info div.info_wrap div.img{width:210px; overflow:hidden; border:1px solid #ddd; border-radius:10px;}
div.lec_intro div.offline_info div.info_wrap div.info{width:calc(100% - 260px);}
div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical{margin-top:0;}
div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical td ul li{padding-left:15px; position:relative; line-height:1.5;}
div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical td ul li::before{content:""; width:5px; height:5px; position:absolute; top:13px; left:0; border-radius:50%; background-color:#333;}
div.lec_intro div.offline_info + div.btn_group{display:flex; justify-content:center; margin-top:40px;}
div.lec_intro div.offline_info + div.btn_group a{height:60px; padding:0 30px; font-size:18px; font-weight:500; color:#fff; background-color:var(--ega_point_color4);}

/* 아카데미소개 */
div.academy_intro.intro div.top{padding:50px; margin-bottom:50px; text-align:center; border-radius:20px; background-color:#f1f3ff;}
div.academy_intro.intro div.top h4{padding-bottom:20px; font-size:34px; font-weight:700; color:var(--ega_point_color3);}
div.academy_intro.intro div.top h4 span{color:#333;}
div.academy_intro.intro div.top p{font-size:22px; line-height:1.6; word-break:keep-all;}
div.academy_intro.intro div.top p strong{font-weight:500;}
div.academy_intro.intro div.group{display:flex; align-items:center; gap:100px;}
div.academy_intro.intro div.group.reverse{flex-direction:row-reverse;}
div.academy_intro.intro div.group div.desc p{font-size:22px; line-height:1.6; word-break:keep-all;}
div.academy_intro.intro div.group div.desc p span{color:var(--ega_point_color3);}

div.academy_intro.history h4{padding:30px 0; font-size:34px; font-weight:700; text-align:center; border-radius:20px; background-color:#f1f3ff;}
div.academy_intro.history h4 span{color:var(--ega_point_color3);}
div.academy_intro.history > ul{display:flex; flex-wrap:wrap; position:relative;}
div.academy_intro.history > ul::before{content:""; width:1px; height:100%; position:absolute; top:0; left:50%; background-color:#e5e5e5;}
div.academy_intro.history > ul > li{width:50%; padding-top:70px;}
div.academy_intro.history > ul > li:last-child{padding-bottom:70px;}
div.academy_intro.history > ul > li > span{display:block; padding-left:35px; position:relative; font-size:28px; font-weight:500; color:var(--ega_point_color3);}
div.academy_intro.history > ul > li > span::before{left:-11px;}
div.academy_intro.history > ul > li > span::after{left:-4px;}
div.academy_intro.history > ul > li ul li{display:flex; gap:20px; align-items:center; margin-top:15px; padding-left:35px; font-size:18px; position:relative; line-height:1.5; word-break:keep-all;}
div.academy_intro.history > ul > li ul li::before{left:-4px;}
div.academy_intro.history > ul > li:nth-child(odd){text-align:right;}
div.academy_intro.history > ul > li:nth-child(odd) > span{padding-left:0; padding-right:35px;}
div.academy_intro.history > ul > li:nth-child(odd) ul li{flex-direction:row-reverse; padding-left:0; padding-right:35px;}
div.academy_intro.history > ul > li.bullet > span::before{content:""; width:22px; height:22px; padding:6px; position:absolute; top:5px; border:1px solid var(--ega_point_color3); border-radius:50%; background-color:#fff; box-sizing:border-box;}
div.academy_intro.history > ul > li.bullet > span::after{content:""; width:8px; height:8px; position:absolute; top:12px; border-radius:50%; background-color:var(--ega_point_color3);}
div.academy_intro.history > ul > li.bullet ul li::before{content:""; width:8px; height:8px; position:absolute; top:9px; border-radius:50%; background-color:var(--ega_point_color3);}
div.academy_intro.history > ul > li:nth-child(even).bullet > span::before{left:-11px; right:inherit;}
div.academy_intro.history > ul > li:nth-child(even).bullet > span::after{left:-4px; right:inherit;}
div.academy_intro.history > ul > li:nth-child(even).bullet ul li::before{left:-4px; right:inherit;}
div.academy_intro.history > ul > li:nth-child(odd).bullet > span::before{right:-11px; left:inherit;}
div.academy_intro.history > ul > li:nth-child(odd).bullet > span::after{right:-4px; left:inherit;}
div.academy_intro.history > ul > li:nth-child(odd).bullet ul li::before{right:-4px; left:inherit;}

div.academy_intro.ad_video div.video_wrap div.video{height:650px; position:relative;}
div.academy_intro.ad_video div.video_wrap div.video iframe{width:100%; height:100%; position:absolute; top:0; left:0;}
div.academy_intro.ad_video div.video_wrap div.info{margin-top:50px; position:relative;}
div.academy_intro.ad_video div.video_wrap div.info div.image{text-align:center;}
div.academy_intro.ad_video div.video_wrap div.info div.image img.mobile{display:none;}
div.academy_intro.ad_video div.video_wrap div.info div.staff{width:840px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
div.academy_intro.ad_video div.video_wrap div.info div.staff td, div.academy_intro.ad_video div.video_wrap div.info div.staff th{font-size:16px; line-height:1.4;}

/* classroom */
#wrap.classroom{background-color:#f9f9f9;}

#cr_header{display:flex; justify-content:space-between; align-items:center; width:100%; height:var(--cr_header_height); padding:0 40px; position:fixed; top:0; left:0; border-bottom:1px solid #d7d7d7; background-color:#fff; z-index:1;}
#cr_header div.title{display:flex; align-items:center; gap:75px;}
#cr_header div.title h1 a{display:flex; align-items:center; height:30px; padding-left:145px; position:relative; font-size:18px; font-weight:700; letter-spacing:-1px; background:url(../../images/www/common/logo_ko.png) no-repeat 0 50%/124px;}
#cr_header div.title h1 a::before{content:""; width:1px; height:14px; position:absolute; bottom:3px; left:135px; background-color:#b7b7b7;}
#cr_header div.title h2{flex:1; max-width:950px; font-size:25px; font-weight:700; color:#000; line-height:1.4;}
#cr_header div.util ul{display:flex; gap:25px;}
#cr_header div.util ul li{display:flex; align-items:center; gap:5px; position:relative; font-size:16px;}
#cr_header div.util ul li:not(:last-child)::after{content:""; width:1px; height:14px; position:absolute; top:50%; right:-15px; background-color:#b7b7b7; transform:translateY(-50%);}
#cr_header div.util ul li::before{content:""; width:20px; height:20px; background-image:url(../../images/www/common/bg_cr_icon_header.png); background-repeat:no-repeat;}
#cr_header div.util ul li.progress{color:var(--ega_point_color4);}
#cr_header div.util ul li.progress::before{background-position:0 0;}
#cr_header div.util ul li.session::before{background-position:-20px 0;}
#cr_header div.util ul li.session button{height:40px; padding:0 12px; border-radius:14px; background-color:#f4f4f4;}
#cr_header div.util ul li.session button{background: #fff; border: 1px solid #4472C4; box-sizing: border-box; color: #4472c4;}
#cr_header div.util ul li.member::before{background-position:-40px 0;}
#cr_header div.util ul li.out::before{background-position:-60px 0;}

#cr_gnb{width:200px; height:calc(100vh - var(--cr_header_height)); position:fixed; bottom:0; left:0; border-right:1px solid #d7d7d7; background-color:#fff;}
#cr_gnb ul{padding-top:30px;}
#cr_gnb ul li a{display:flex; align-items:center; height:60px; padding-left:40px; font-size:18px; font-weight:500; border-left:5px solid #fff;}
#cr_gnb ul li a:hover, #cr_gnb ul li a:focus{font-weight:500; color:var(--ega_point_color4); border-left:5px solid var(--ega_point_color4); background-color:#fffaf5;}

#contents.classroom{min-height:100vh; padding:85px 31.45vw 50px 250px;}
#contents.classroom:has(.board){padding-top: 135px;	padding-right:300px;}
#contents.classroom div.tab_content, #contents.classroom div.section{padding:40px 30px; border-radius:10px; background-color:#fff; box-shadow:2.5px 3.2px 8px 0 rgba(1, 1, 1, 0.05);}
#contents.classroom div.tab_content:not(:first-of-type){margin-top:15px;}
#contents.classroom div.tab_content h5, #contents.classroom div.section h5{margin-bottom:25px; font-size:24px; font-weight:700;}
#contents.classroom div.section.title{padding: 30px 10px 10px 10px;background-color: transparent;box-shadow: none;font-size: large;}
#contents.classroom div.section.video{height:0; padding:0 0 56.25% 0; margin-bottom:15px; position:relative; overflow:hidden; border:1px solid #e1e1e1; border-radius:14px;}
#contents.classroom div.section.video.scorm{padding-bottom:calc(56.25% + 45px);}
#contents.classroom div.section.video > iframe{width:100% !important; height:100% !important; position:absolute; top:0; left:0; border:none;}
#contents.classroom div.summary div.total_score{display:flex; align-items:center; justify-content:center; gap:20px; padding:30px; border-radius:10px; background-color:#fffaf5;}
#contents.classroom div.summary div.total_score strong{font-size:20px; font-weight:500;}
#contents.classroom div.summary div.total_score strong span{font-size:30px; font-weight:700; color:var(--ega_point_color4);}
#contents.classroom div.summary div.total_score a{height:40px; padding:0 15px; border-radius:10px;}
#contents.classroom div.summary div.score_detail{display:flex; gap:80px; padding:0 50px; margin-top:35px;}
#contents.classroom div.summary div.score_detail ul{display:flex; gap:50px;}
#contents.classroom div.summary div.score_detail ul li{text-align:center;}
#contents.classroom div.summary div.score_detail ul li strong{display:block; margin-bottom:15px; font-size:20px; font-weight:400;}
#contents.classroom div.summary div.score_detail ul li div.chart{position:relative;}
#contents.classroom div.summary div.score_detail ul li div.chart div.number{position:absolute; top:50%; left:50%; font-size:25px; font-weight:700; transform:translate(-50%, -50%);}
#contents.classroom div.summary div.score_detail div.survey_complete{display:flex; flex-direction:column; justify-content:center; gap:20px; flex:1; position:relative;}
#contents.classroom div.summary div.score_detail div.survey_complete::before{content:""; width:1px; height:165px; position:absolute; top:50%; left:-40px; background-color:#e6e6e6; transform:translateY(-50%);}
#contents.classroom div.summary div.score_detail div.survey_complete p{font-size:16px; text-align:center;}
#contents.classroom div.summary div.score_detail div.survey_complete .btn{height:50px; font-size:14px;}
#contents.classroom div.summary div.score_detail div.survey_complete .btn[disabled]{color:#979797; border:none; background-color:#ebebeb;}
#contents.classroom div.information ul > li{display:flex; padding:15px 0;}
#contents.classroom div.information ul > li:not(:first-child){border-top:1px solid #ebebeb;}
#contents.classroom div.information ul > li > strong{flex:0 0 auto; width:145px; padding-left:15px; font-size:18px; font-weight:500; line-height:1.5;}
#contents.classroom div.information ul > li div{flex:1; font-size:18px; line-height:1.5;}
#contents.classroom div.information ul > li div *{font-family:'Noto Sans Korean', sans-serif !important; font-size:18px !important;}
#contents.classroom div.information ul > li div ol{display:flex;}
#contents.classroom div.information ul > li div ol li{flex:1;}
#contents.classroom div.information ul > li div ol li strong{display:block; font-size:18px; font-weight:400; text-align:center;}
#contents.classroom div.information ul > li div ol li span.icon{display:block; width:80px; height:80px; margin:20px auto 15px; position:relative; border:1px solid #e1e1e1; border-radius:50%;}
#contents.classroom div.information ul > li div ol li span.icon::before{content:""; width:30px; height:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-image:url(../../images/www/common/bg_cr_icon_condition.png); background-repeat:no-repeat;}
#contents.classroom div.information ul > li div ol li:nth-child(1) span.icon::before{background-position:0 0;}
#contents.classroom div.information ul > li div ol li:nth-child(2) span.icon::before{background-position:-30px 0;}
#contents.classroom div.information ul > li div ol li:nth-child(3) span.icon::before{background-position:-60px 0;}
#contents.classroom div.information ul > li div ol li:nth-child(4) span.icon::before{background-position:-90px 0;}
#contents.classroom div.information ul > li div ol li:nth-child(4){color:var(--ega_point_color4);}
#contents.classroom div.information ul > li div ol li:nth-child(4) strong{font-weight:400;}
#contents.classroom div.information ul > li div ol li:nth-child(4) div span{font-weight:400;}
#contents.classroom div.information ul > li div ol li div span{display:block; font-size:18px; text-align:center; line-height:1.5;}
#contents.classroom div.review div.comment_wrap{margin-top:0;}
#contents.classroom div.empty{padding:30px;}

#cr_list{width: 28.65vw;height:calc(100vh - var(--cr_header_height)); padding:45px 25px; position:fixed; bottom:0; right:0; border-left:1px solid #d7d7d7; background-color:#f1f1f1;}
#cr_list h4{font-size:25px; font-weight:700; color:#000;}
#listWeek{height:calc(100vh - var(--cr_header_height) - 140px); margin-top:25px; overflow-y:auto;}
#listWeek::-webkit-scrollbar{width:10px; background-color:#f5f5f5;}
#listWeek::-webkit-scrollbar-thumb{border-radius:10px; background-color:#333; box-shadow:inset 0 0 4px rgba(0,0,0,.3);}
#listWeek::-webkit-scrollbar-track{border-radius:10px; background-color:#f5f5f5; box-shadow:inset 0 0 4px rgba(0,0,0,0.3);}
#listWeek > ul{padding:30px 35px; border-radius:10px; background-color:#fff;}
#listWeek > ul > li{padding:25px 115px 25px 0; position:relative; border-top:1px solid #ebebeb;}
#listWeek > ul > li:hover{cursor:pointer; background-color:var(--ega_white_color_hover);}
#listWeek > ul > li:first-child{padding-top:0; border-top:none;}
#listWeek.not_member > ul > li:first-child{padding-top:25px;}
#listWeek > ul > li span.title{display:block; margin-bottom:5px; font-size:18px; font-weight:500; line-height:1.5;}
#listWeek > ul > li span.count{display:flex; align-items:center; gap:5px; font-size:16px; color:#797979;}
#listWeek > ul > li span.count em{display:flex; align-items:center; justify-content:center; height:24px; padding:0 10px; color:var(--ega_point_color4); border-radius:12px; background-color:#fff4db;}
#listWeek > ul > li a.btn{width:100px; height:50px; position:absolute; top:50%; right:0; font-size:14px; transform:translateY(-50%);}
#listWeek > ul > li a.btn.review{color:var(--ega_point_color3); border:1px solid var(--ega_point_color3);}
#listWeek > ul > li ul.desc{display:flex; gap:30px; margin-top:10px;}
#listWeek > ul > li ul.desc li{position:relative; font-size:16px; color:#797979;}
#listWeek > ul > li ul.desc li::before{content:""; width:1px; height:14px; position:absolute; top:50%; left:-14px; background-color:#d7d7d7; transform:translateY(-50%);}
#listWeek > ul > li ul.desc li:first-child::before{display:none;}
#listWeek > ul > li ul.desc li strong{font-weight:400;}
#listWeek > ul > li ul.desc li span{font-weight:300;}
#listWeek > ul.depth2{padding:0; border-top:none; border-radius:0; background-color:transparent;}
#listWeek > ul.depth2 > li{padding:30px 35px; background-color:#fff;}
#listWeek > ul.depth2 > li > strong{font-size:22px; font-weight:500;}
#listWeek > ul.depth2 > li:not(:first-child){margin-top:30px;}
#listWeek > ul.depth2 > li > strong{display:block; margin-bottom:20px; font-size:22px; font-weight:500; letter-spacing:-1px;}
#listWeek > ul.depth2 > li > ul{border-top:2px solid #000;}
#listWeek > ul.depth2 > li > ul > li{padding:25px 115px 25px 0; position:relative;}
#listWeek > ul.depth2 > li > ul > li:hover{cursor:pointer; background-color:var(--ega_white_color_hover);}
#listWeek > ul.depth2 > li > ul > li:not(:first-child){border-top:1px solid #ebebeb;}

/* 통합 검색 */
div.search_result div.search_box{padding:50px; border:1px solid #e1e1e1; border-radius:14px; background-color:#fafafa;}
div.search_result div.search_box div.basic{display:flex; flex-direction:column; gap:25px; width:800px; margin:0 auto;}
div.search_result div.search_box h4{flex:0 0 auto; width:100px; font-size:18px; font-weight:700;}
div.search_result div.search_box div.box{display:flex; align-items:center; gap:10px; padding-bottom: 10px;}
div.search_result div.search_box div.basic div.box.type1 input[type=text]{width:calc(100% - 255px);}
div.search_result div.search_box div.basic div.box.type1 a.btn{height:55px; font-size:20px; font-weight:500;}
div.search_result div.search_box div.basic div.box.type1 a.search{width:100px; color:#fff; border:1px solid var(--ega_point_color4); background-color:var(--ega_point_color4);}
div.search_result div.search_box div.basic div.box.type1 a.detail{gap:10px; width:135px;}
div.search_result div.search_box div.basic div.box.type1 a.detail::after{content:""; width:8px; height:8px; border-right:2px solid #333; border-bottom:2px solid #333; transform:translateY(-2px) rotate(45deg); transition:0.3s all;}
div.search_result div.search_box div.basic div.box.type1 a.detail.active::after{transform:translateY(2px) rotate(225deg);}
div.search_result div.search_box div.basic div.box.type3 div.word{display:flex; flex-wrap:wrap; gap:5px;}
div.search_result div.search_box div.basic div.box.type3 div.word a{display:flex; align-items:center; justify-content:center; height:30px; padding:0 10px; font-size:16px; color:#797979; border:1px solid #b7b7b7; border-radius:15px; background-color:#fff;}
div.search_result div.search_box div.basic div.box.type3 div.word a.active{font-weight:500; color:#fff; border:1px solid var(--ega_point_color4); background-color:var(--ega_point_color4);}
div.search_result div.search_box div.detail{display:none; flex-direction:column; gap:25px; width:800px; margin:40px auto 0; padding-top:40px; border-top:1px solid #e7e8ea;}
div.search_result div.search_box div.detail.active{display:flex;}
div.search_result div.search_box div.detail div.box.type1 ul{display:flex; gap:25px;}
div.search_result div.search_box div.detail div.box.type2 div.inner{display:flex; align-items:center; gap:15px;}
div.search_result div.search_box div.detail div.box.type2 div.inner div.date{display:flex; gap:10px;align-items: center;}
div.search_result div.search_box div.detail div.box.type2 div.inner div.date span.k-widget.k-datepicker.k-header.c_date{background-color:transparent;}
div.search_result div.search_box div.detail div.box.type2 div.inner div.date input[type=text]{height:30px; background-color:transparent; box-shadow:none;}
div.search_result div.search_box div.detail div.box.type2 div.inner div.btn{display:flex; gap:5px;}
div.search_result div.search_box div.detail div.box.type2 div.inner div.btn a{display:flex; align-items:center; justify-content:center; height:30px; padding:0 10px; font-size:16px; color:#797979; border:1px solid #b7b7b7; border-radius:15px; background-color:#fff;}
div.search_result div.search_box div.detail div.box.type2 div.inner div.btn a.active{font-weight:500; color:#fff; border:1px solid var(--ega_point_color4); background-color:var(--ega_point_color4);}
div.search_result ul.tab.search{margin-top:50px;}
div.search_result ul.tab.search li a{flex-direction:column; gap:5px; min-width:80px;}
div.search_result ul.tab.search li a span{font-size:14px;}
div.search_result ul.tab.search li.children a{color:var(--ega_point_color2); border-top:1px solid var(--ega_point_color2); border-right:1px solid var(--ega_point_color2); background-color:#cb265110;}
div.search_result ul.tab.search li.children.active a, div.search_result ul.tab.search li.children a[aria-selected=true]{color:#fff; background-color:var(--ega_point_color2) !important;}
div.search_result ul.tab.search li.foreigner a{color:var(--ega_point_color3); border-top:1px solid var(--ega_point_color3); border-right:1px solid var(--ega_point_color3); background-color:#424c9510;}
div.search_result ul.tab.search li.foreigner.active a, div.search_result ul.tab.search li.foreigner a[aria-selected=true]{color:#fff; background-color:var(--ega_point_color3) !important;}
div.search_wrap{display:flex; align-items:flex-start; justify-content:space-between; margin-top:50px;}
div.search_wrap div.search_list{width:1085px;}
div.search_wrap div.search_list div.top{display:flex; justify-content:space-between; align-items:flex-end;}
div.search_wrap div.search_list div.top p{font-size:22px;}
div.search_wrap div.search_list div.top p span{color:var(--ega_point_color4);}
div.search_wrap div.search_list div.top div.search_sort ul li {display:inline-block;}
div.search_wrap div.search_list div.top div.search_sort ul li.active {font-weight: 700;}
div.search_wrap div.search_list div.top div.search_sort ul li a{
    font-size: 20px;color: #6f6f6f;
}

div.search_wrap div.search_list div.top div.search_sort ul li.desc.date a::after{content: "";
    width: 0;
    height: 0;
    position: relative;
    top: 20px;
    right: -6px;
    border-top: 8px solid #333;
    border-right: 6px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 6px solid transparent;
}

div.search_wrap div.search_list div.top div.search_sort ul li.asc.date a::after{content: "";
    width: 0;
    height: 0;
    position: relative;
    top: -17px;
    right: -6px;
    border-top: 8px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #333;
    border-left: 6px solid transparent;
}
 
div.search_wrap div.search_list div.top div.search_sort ul li.vertical {
	font-size: 20px;
    margin-left: 12px;
    margin-right: 10px;
}
div.search_wrap div.search_list div.list{margin-top:30px; border-top:2px solid #333; border-bottom:1px solid #d7d7d7;}
div.search_wrap div.search_list div.list div.section{padding:40px 0; position:relative;}
div.search_wrap div.search_list div.list div.section:not(:first-of-type){border-top:1px solid #d7d7d7;}
div.search_wrap div.search_list div.list div.section div.title{display:flex; justify-content:space-between; align-items:flex-end;}
div.search_wrap div.search_list div.list div.section div.title h5{font-size:22px; font-weight:700;}
div.search_wrap div.search_list div.list div.section div.title h5 span{color:var(--ega_point_color4);}
div.search_wrap div.search_list div.list div.section > a{padding-right:15px; position:absolute; top:45px; right:0; font-size:18px; color:#797979;}
div.search_wrap div.search_list div.list div.section > a::after{content:""; width:8px; height:8px; position:absolute; top:50%; right:0; border-top:2px solid #797979; border-right:2px solid #797979; transform:translateY(-50%) rotate(45deg);}
div.search_wrap div.search_list div.list div.section ul li{margin-top:20px;}
div.search_wrap div.search_list div.list div.section ul li a{display:block; padding:30px; border-radius:14px; background-color:#fafafa;}
div.search_wrap div.search_list div.list div.section ul li a > span{display:block; font-weight:300; line-height:1.4;}
div.search_wrap div.search_list div.list div.section ul li a > span.cate{margin-bottom:10px; font-size:16px;}
div.search_wrap div.search_list div.list div.section ul li a > strong{display:block; margin-bottom:20px; font-size:24px; font-weight:500; line-height:1.5;} 
div.search_wrap div.search_list div.list div.section ul li a > span.desc{display:-webkit-box; max-height:3.9em; line-height:1.3em; overflow:hidden; font-size:18px; color:#808080; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
div.search_wrap div.search_list div.list div.section ul li a > span.desc p{display:inline;}
div.search_wrap div.search_list div.list div.section ul li a > span.desc p, div.search_wrap div.search_list div.list div.section ul li a > span.desc span{font-family:'Noto Sans Korean', sans-serif !important; font-size:18px !important; color:#333 !important;}
div.search_wrap div.search_list div.list div.section ul li a > span.desc > span.key {font-weight:500; color:var(--ega_point_color4) !important;}
div.search_wrap div.search_list div.list div.section ul li a > span.date{margin-top:10px; font-size:18px; color:#808080;}
    div.search_wrap div.search_list div.list div.section ul li a > strong span, div.search_wrap div.search_list div.list div.section ul li a > span span{color:var(--ega_point_color4);}
div.search_wrap div.search_list div.list div.section ul li a > span strong{font-weight:500;}
div.search_wrap div.search_list div.list div.section ul li a > strong span, div.search_wrap div.search_list div.list div.section ul li a > span span{color:var(--ega_point_color4);}
div.search_wrap div.search_list div.list div.section ul li a > span.desc span.key, div.search_wrap div.search_list div.list div.section ul li a > strong span.key{color:var(--ega_point_color4);}
div.search_wrap div.search_list div.list div.section > p{line-height:1.5; font-size:18px; text-align:center;}
div.search_wrap div.search_list div.list div.section > p:not(:first-of-type){margin-top:10px;}
div.search_wrap div.side{width:220px; overflow:hidden; border:1px solid #e1e1e1; border-radius:14px;}
div.search_wrap div.side h5{display:flex; align-items:center; height:60px; padding:0 25px; font-size:18px; font-weight:700; border-bottom:1px solid #e1e1e1; background-color:#fafafa;}
div.search_wrap div.side > ul.list{padding:10px 25px;}
div.search_wrap div.side > ul.list li{margin:17px 0; position:relative;}
div.search_wrap div.side > ul.list li a{display:block; width:calc(100% - 40px); position:relative; overflow:hidden; font-size:16px; font-weight:300; text-overflow:ellipsis; white-space:nowrap;}
div.search_wrap div.side > ul.list li span{position:absolute; top:50%; right:0; transform:translateY(-50%);}
div.search_wrap div.side > ul.list li span.new{color:var(--ega_point_color4);}
div.search_wrap div.side > ul.list li span.up{color:var(--ega_point_color4);}
div.search_wrap div.side > ul.list li span.down{color:var(--ega_point_color3);}
div.search_wrap div.side div.my p.title{display:flex; align-items:center; height:60px; padding:0 25px; font-size:18px; font-weight:700; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background-color:#fafafa;}
div.search_wrap div.side div.my ul.list{padding:10px 25px;}
div.search_wrap div.side div.my ul.list li{margin:17px 0; position:relative;}
div.search_wrap div.side div.my ul.list li a.word{display:block; width:calc(100% - 35px); position:relative; overflow:hidden; font-size:16px; font-weight:300; text-overflow:ellipsis; white-space:nowrap;}
div.search_wrap div.side div.my ul.list li a.del{position:absolute; top:50%; right:0; transform:translateY(-50%);}

/* 기존 코드 사용 - 에러 */
.p_error{max-width:650px; padding:50px; position:fixed; top:50%; left:50%; color:#282728; border-radius:20px; background-color:#f1f3ff; transform:translate(-50%, -50%);}
.p_error h1{margin-bottom:20px;}
.p_error h1 a{display:inline-block;}
.p_error .desc{padding:50px 0; border-top:1px solid #ccc;}
.p_error h2{line-height:1; margin-bottom:20px; font-size:32px; color:#212121;}
.p_error p{font-size:22px; font-weight:300; line-height:1.6;}
.p_error .help{text-align:center;}
.p_error .home{display:inline-block; height:60px; line-height:60px; padding:0 30px; font-size:20px; color:#fff; border-radius:14px; background-color:var(--ega_point_color3);}

/* 기존 코드 사용 - 사이트맵 */
.sitemap .menu{display:flex; gap:20px;}
.sitemap .menu > li{flex:1; position:relative; overflow:hidden; border:1px solid #ddd; border-radius:14px;}
.sitemap .menu > li > a{text-align:center; display:block; position:relative; z-index:1; padding:15px; font-size:20px; font-weight:500; color:#fff; background-color:#333;}
.sitemap .menu > li > ul{padding:20px;}
.sitemap .menu > li li:not(:first-child){margin-top:10px;}
.sitemap .menu > li li a{display:block; padding:5px; font-size:16px;}
.sitemap .menu > li li a:hover, .sitemap .menu > li li a:focus{text-decoration:underline; text-underline-offset:5px;}
.sitemap .menu > li .sub{padding:10px 5px; background-color:#f5f5f5;}
.sitemap .menu > li .sub a{position:relative; padding-left:12px; font-size:18px; color:#777;}
.sitemap .menu > li .sub a:before{content:"-"; position:absolute; left:2px; top:4px;}

/* 기존 코드 사용 - 모달 */
.c_dialog{display:none; position:absolute; left:0; top:0; right:0; bottom:0; z-index:110;}
.c_dialog .mask{position:fixed; top:0; left:0; z-index:200; width:100%; height:100%; background:rgba(0, 0, 0, .4);}
.c_dialog .outer{position:fixed; left:0; top:0; right:0; bottom:0; z-index:210; max-width:90%; min-width:300px; max-height:90%; min-width:100px; margin:auto; border-radius:14px;  overflow-y:auto;}
.c_dialog .outer > .top{display:flex; align-items:center; justify-content:center; height:60px; position:relative; background-color:var(--ega_point_color4);}
.c_dialog .outer > .top .title{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; font-size:22px; color:#fff;}
.c_dialog .outer > .top .p_close{width:40px; height:40px; position:absolute; right:20px; top:50%; overflow:hidden; text-indent:-9999px; transform:translateY(-50%);}
.c_dialog .outer > .top .p_close::before, .c_dialog .outer > .top .p_close::after{content:""; width:20px; height:2px; position:absolute; top:50%; left:50%; background-color:#fff;}
.c_dialog .outer > .top .p_close::before{transform:translate(-50%, -50%) rotate(45deg);}
.c_dialog .outer > .top .p_close::after{transform:translate(-50%, -50%) rotate(-45deg);}
.c_dialog .outer > .ct{overflow-y:auto; -webkit-overflow-scrolling:touch; height:100%; padding:15px; background-color:#fff;}
.c_dialog .cp_title{padding-bottom:15px; font-size:22px; font-weight:400; color:#333;}
.c_dialog .pack{padding:28px 20px; background-color:#ecf0f2;}
.c_dialog .pack p{line-height:1.7; letter-spacing:-.3px;}
.c_dialog .foot_bar{margin-top:-10px; padding:18px 39px; background-color:#ecf0f2;}
.c_dialog .foot_bar input[type=checkbox] + label{margin-left:5px; font-size:12px;}
.c_dialog .outer.note{width:400px; height:250px;}
.c_dialog .outer.msg{width:600px;}
.c_dialog .outer.non{display:block; position:static; padding:20px; padding-top:0;}
.c_dialog .outer.non .cp_con{border:none;}
.c_dialog .ct.tight{padding:0;}
.c_dialog .note .b_box .c_btn{padding:0 15px;}

div.ct_dialog{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, .4); z-index:100;}
div.ct_dialog div.box{min-width:500px; max-width:720px; position:fixed; left:50%; top:50%; overflow:hidden; border-radius:14px; background-color:#fff; z-index:101; transform:translate(-50%, -50%);}
div.ct_dialog div.box div.title{display:flex; align-items:center; justify-content:center; height:65px; position:relative; background-color:var(--ega_point_color4);}
div.ct_dialog div.box div.title h4{font-size:22px; font-weight:700; color:#fff;}
div.ct_dialog div.box div.title a.close{width:40px; height:40px; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
div.ct_dialog div.box div.title a.close::before, div.ct_dialog div.box div.title a.close::after{content:""; width:22px; height:2px; position:absolute; top:50%; left:50%; background-color:#fff; transition:all 0.3s;}
div.ct_dialog div.box div.title a.close::before{transform:translate(-50%, -50%) rotate(45deg);}
div.ct_dialog div.box div.title a.close::after{transform:translate(-50%, -50%) rotate(-45deg);}
div.ct_dialog div.box div.content{padding:30px 25px;}
div.ct_dialog div.box div.content div.scroll{max-height:calc(100vh - 300px); padding-right:10px; overflow-y:auto;}
div.ct_dialog div.box div.content div.scroll::-webkit-scrollbar{width:10px; background-color:#f5f5f5;}
div.ct_dialog div.box div.content div.scroll::-webkit-scrollbar-thumb{border-radius:10px; background-color:#999; box-shadow:inset 0 0 4px rgba(0,0,0,.3);}
div.ct_dialog div.box div.content div.scroll::-webkit-scrollbar-track{border-radius:10px; background-color:#f5f5f5; box-shadow:inset 0 0 4px rgba(0,0,0,0.3);}
div.ct_dialog div.box div.content div.form_wrap{margin-top:0; border-top:none;}
div.ct_dialog div.box div.content div.form_wrap div.input_wrap:first-of-type{padding-top:0;}
div.ct_dialog div.box div.content div.form_wrap div.btn_group{padding-top:0; border-top:none;}
div.ct_dialog div.box div.content div.form_wrap div.btn_group a.btn{color:#fff; border:1px solid var(--ega_point_color4); background-color:var(--ega_point_color4);}
div.ct_dialog div.box div.content > p{font-size:18px; line-height:1.5; word-break:keep-all;}
div.ct_dialog div.box div.content table.type_horizontal{border-top:1px solid #333;}
div.ct_dialog div.box div.content table.type_horizontal tr{border-bottom:1px solid #ddd;}
div.ct_dialog div.box div.content table.type_horizontal thead th{padding:15px 5px; font-size:15px;}
div.ct_dialog div.box div.content table.type_horizontal tbody td{padding:15px 5px; font-size:15px;}
div.ct_dialog div.box div.content table.type_horizontal tfoot td{padding:15px 5px; font-size:15px;}
div.ct_dialog div.box div.content table.type_horizontal col.col_number{width:10%;}
div.ct_dialog div.box div.content table.type_horizontal col.col_period{width:30%;}
div.ct_dialog div.box div.content div.bbs_search{justify-content:flex-start; padding:0; margin-bottom:25px; border:none; background-color:transparent;}
div.ct_dialog div.box div.content div.bbs_search input[type=text]{width:250px;}
div.ct_dialog div.box div.content div.bbs_search a.ega_ui.btn.search{width:auto; padding:0 20px; background-color:#333;}
div.ct_dialog div.box div.content div.bbs_paging{margin-top:30px;}
div.ct_dialog div.box div.content div.bbs_paging > span{width:40px; height:40px;}
div.ct_dialog div.box div.content input[type=text], div.ct_dialog div.box div.content div.bbs_search a.ega_ui.btn{height:50px; font-size:18px;}
div.ct_dialog div.box div.content div.audio_box audio{width:100%;}
div.ct_dialog div.box div.content div.audio_box strong{display:block; margin-bottom:20px; font-size:18px; font-weight:500;}
div.ct_dialog div.box div.content ul.desc{margin-top:15px;}
div.ct_dialog div.box div.content ul.desc li{padding-left:15px; position:relative; font-size:18px; line-height:1.5; color:var(--ega_font_color_sub);}
div.ct_dialog div.box div.content ul.desc li::before{content:""; width:4px; height:4px; position:absolute; top:10px; left:0; border-radius:50%; background-color:var(--ega_font_color_sub);}
div.ct_dialog div.box div.content div.btn_group{display:flex; justify-content:center; gap:20px; margin-top:20px;}
div.ct_dialog div.box div.content div.btn_group .btn{flex:1; height:60px; padding:0 25px; font-size:18px;}
#play.ct_dialog div.box div.content div.btn_group .btn:first-of-type{color:#fff; border:1px solid var(--ega_point_color4); background-color:var(--ega_point_color4);}

/* 기존 코드 사용 - 컴포넌트 */
.c_btn{display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 25px; font-size:18px; color:#fff; border-radius:14px;}
.c_btn.bk{background-color:#282828;}
.c_btn.yellow{background-color:#fed388;}
.c_btn.d_gray{background-color:#676c71;}
.c_btn.l_gray{background-color:#a4a4a4;}
.c_btn.blue{background-color:#008bc4;}
.c_btn.d_blue{background-color:#2b65dc;}
.c_btn.st_blue{background-color:#0450b0;}
.c_btn.green{background-color:#50b4b6;}
.c_btn.orange{background-color:#fa7a62;}
.c_btn.red{background-color:var(--ega_point_color4);}
.c_btn.navy{background-color:#1f2b70;}
.c_btn.turq{background-color:#1f9ab9;}
.c_btn.l_turq{background-color:#52b0b5;}
.c_btn.rd{border-radius:2px;}
.c_btn.blank{border:1px solid #dbdbdb; color:#4e4e4e; background-color:#fff;}
.c_btn .text{margin-right:7px;}
.c_btn .icc + .text{margin-right:0;}
.c_btn.no{background-color:#cacaca;}
.no.on{background-color:#408fde !important;}
.c_btn.wd{padding:0 20px;}
.c_btn.wide{width:100%;}
.sm.fxd{width:75px;}
.c_btn[disabled]{cursor:default; opacity:.5;}
.cc_btn{display:inline-block; width:30px; height:30px; border-radius:50%; color:#fff;}
.cc_btn.gray{background-color:#989b9f;}
.cc_btn.red{background-color:#eb7c7c;}
.r_btn{text-align:center; vertical-align:middle; display:inline-block; min-width:50px; height:30px; line-height:30px; padding:0 10px; border:1px solid #a5accd; border-radius:15px; font-size:12px; letter-spacing:-.5px; color:#3f3f3f; background-color:#fff;}
.r_btn.gray{border-color:#eceff1; color:#3b4a91; background-color:#eceff1;}
.r_btn.navy{border:0; color:#fff; background-color:#3b4a91;}
.r_btn.blue{border:0; color:#fff; background-color:#3e8ddc;}
.r_btn.red{border:0; color:#fff; background-color:#ef5656;}
.rd_btn{text-align:center; vertical-align:middle; display:inline-block; padding:0 15px; height:32px; line-height:32px; border-radius:15px; letter-spacing:-.5px; color:#fff;}
.rd_btn.blue{background-color:#3e8ddc;}
.rd_btn.d_blue{background-color:#3264c8;}
.rd_btn.navy{background-color:#3c4283;}
.rd_btn.sm{height:27px; line-height:28px; font-size:12px;}
.rd_btn.lg{height:38px; line-height:39px; padding:0 20px; border-radius:18px; font-size:16px; font-weight:700;}
.dl_btn{display:inline-block; position:relative; height:30px; line-height:31px; padding:0 20px; font-size:14px; color:#fff;}
.dl_btn:after, .dl_btn:before{content:""; position:absolute; width:1px; height:8px; background-color:#fff;}
.dl_btn:before{right:4px; top:1px; -moz-transform:rotate(-140deg); -webkit-transform:rotate(-140deg); -ms-transform:rotate(-140deg); transform:rotate(-140deg);}
.dl_btn:after{left:4px; bottom:1px; -moz-transform:rotate(-140deg); -webkit-transform:rotate(-140deg); -ms-transform:rotate(-140deg); transform:rotate(-140deg);}
.dl_btn.navy{background-color:#424c66;}
.btn.fill{vertical-align:middle; display:inline-block; padding:5px 10px; border:1px solid #dbd8d8;}
.btn.fill .count{color:#2271cb;}
.btn.fill .icc:before{margin-top:-2px; font-size:18px; line-height:1;}
.fill.on .icc:before{color:#e74c3c;}
.x .c_btn.blue{background-color:#333;}
.a_btn.gray, .c_btn.gray{color:#333; background-color:#fff;}
.lab{margin-bottom:15px; font-size:18px; font-weight:500;}
.bd_box:not(.last){margin-bottom:20px;}
.bd_box > .lab{margin-bottom:10px; font-size:15px; font-weight:500; color:#222;}

/* 컴포넌트 */
h4.bullet{margin-bottom:25px; font-size:22px; font-weight:500; color:var(--ega_point_color4);}
ul.bullet_list{padding:25px 30px; border:1px solid #ddd; border-radius:10px;}
ul.bullet_list li{padding-left:15px; position:relative; font-size:20px; font-weight:300; line-height:1.6; word-break:keep-all;}
ul.bullet_list li::before{content:""; width:5px; height:5px; position:absolute; top:13px; left:0; border-radius:50%; background-color:#333;}
ul.bullet_list li span{font-weight:400; color:var(--ega_point_color4);}
ul.bullet_list li a{font-weight:400; color:var(--ega_point_color3);}
ul.bullet_list li a:hover, ul.bullet_list li a:focus{text-decoration:underline;}

table.type_vertical{border-top:2px solid #333;}
table.type_vertical col.type{width:25%;}
table.type_vertical tr{border-bottom:1px solid #ddd;}
table.type_vertical th{padding:20px; font-size:18px; font-weight:500; background-color:#f3f3f3;}
table.type_vertical td{padding:20px; font-size:18px;}
table.type_horizontal{border-top:2px solid #333;}
table.type_horizontal tr{border-bottom:1px solid #ddd;}
table.type_horizontal thead th{padding:20px; font-size:18px; font-weight:500; background-color:#f3f3f3;}
table.type_horizontal tbody td{padding:20px; font-size:18px; text-align:center;}
table.type_horizontal tbody td.task .btn{height:45px;}
table.type_horizontal tfoot td{padding:20px; font-size:18px; font-weight:500; text-align:center; background-color:#ddd;}

ul.tab{display:flex; margin-bottom:40px; border-bottom:1px solid #b7b7b7;}
ul.tab.classroom{margin-top: 25px;}
ul.tab li a{display:flex; align-items:center; justify-content:center; min-width:150px; height:65px; padding:0 25px; font-size:20px; color:#424242; border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-top-left-radius:20px; border-top-right-radius:20px; background-color:#fff;}
ul.tab li:first-child a{border-left:1px solid #b7b7b7;}
ul.tab li.active a, ul.tab li a[aria-selected=true]{font-weight:500; color:#fff; border:1px solid #4b4b4b; border-bottom:none; background-color:#4b4b4b !important;}
ul.tab li a:hover, ul.tab li a:focus{background-color:var(--ega_white_color_hover);}
ul.tab.sub{position:relative; border-bottom:none;}
ul.tab.sub::after{content:""; width:100%; height:2px; position:absolute; bottom:0; left:0; background-color:var(--ega_point_color4); z-index:-1;}
ul.tab.sub li a{min-width:100px; height:60px; font-size:19px; border-bottom:2px solid var(--ega_point_color4); border-top-left-radius:12px; border-top-right-radius:12px;}
ul.tab.sub li.active a, ul.tab.sub li a[aria-selected=true]{color:var(--ega_point_color4); border-top:2px solid var(--ega_point_color4); border-right:2px solid var(--ega_point_color4); border-bottom:2px solid #fff; border-left:2px solid var(--ega_point_color4); background-color:#fff !important;}
div.tab_content[aria-hidden="true"]{display:none;}

ul.share{display:flex; gap:5px;}
ul.share li a{display:block; width:45px; height:45px; position:relative; border-radius:50%;}
ul.share li a.url{background-color: #fff;width: 85px;border-radius: 22.5px;border: 1px solid #7c8086;}
ul.share li a.fb{background-color:#3a5795;}
ul.share li a.kakao{background-color:#FAE100;}
ul.share li a.tw{background-color:#55acee;}
ul.share li a.like{border:1px solid #cb2651; background-color:#fff;}
ul.share li a.like.active{background-color:#cb2651 !important;}
ul.share li a.like.count{display:flex; align-items:center; justify-content:center; gap:3px; min-width:80px; padding:0 12px; font-size:16px; border-radius:22.5px;}
ul.share li a.like.count.active{color:#fff;}
ul.share li a::before{content:""; width:20px; height:20px; position:absolute; top:50%; left:50%; background-image:url(../../images/www/common/bg_icon_share.png); background-repeat:no-repeat; background-size:80px 80px; transform:translate(-50%, -50%);}
ul.share li a.url::before{background: none;width: 85px;content: "URL 복사";color: #666;text-align: center;height: auto;}
ul.share li a.kakao::before{border-radius:50%; content:""; width:35px; height:35px; background-image:url(../../images/www/common/kakaotalk_sharing_btn_medium.png); background-repeat:no-repeat; background-size:cover; transform:translate(-50%, -50%);}
ul.share li a.fb::before{background-position:-20px 0;}
ul.share li a.tw::before{background-position:-40px 0;}
ul.share li a.like::before{background-position:0 -20px;}
ul.share li a.like.active::before{background-position:0 0;}
ul.share li a.like.count::before{position:static; background-position:0 -40px; transform:translate(0, 0);}
ul.share li a.like.count.active::before{background-position:0 0;}
ul.share li a span{display:none; align-items:center; justify-content:center; height:25px; position:absolute; bottom:-32px; left:50%; font-size:11px; border-radius:7px; background-color:#e5e6e7; transform:translateX(-50%);}
ul.share li a.url span{width:100%;}
ul.share li a.fb span{width:65px;}
ul.share li a.tw span{width:50px;}
ul.share li a.kakao span{width:65px;}
ul.share li a.like span{width:50px;}
ul.share li a.url:hover, ul.share li a.url:focus {background-color: var(--ega_white_color_hover);}
ul.share li a.url:hover span, ul.share li a.url:focus span {display: none;}
ul.share li a.fb:hover, ul.share li a.fb:focus{background-color:#2a4683;}
ul.share li a.tw:hover, ul.share li a.tw:focus{background-color:#3d94d7;}
ul.share li a.like:hover, ul.share li a.like:focus{background-color:var(--ega_white_color_hover);}
ul.share li a:hover span, ul.share li a:focus span{display:flex;}

ul.file_list li{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 25px; border-radius:10px; background-color:#ebebeb;}
ul.file_list li:not(:first-child){margin-top:10px;}
ul.file_list li a{line-height:1.4; font-size:18px; color:#124cb5;}
ul.file_list li a span{padding-left:10px;}
ul.file_list li a:hover, ul.file_list li a:focus{text-decoration:underline; text-underline-offset:5px;}
ul.file_list li a.download{height:45px; font-size:16px; color:#525252;}
ul.file_list li a.preview{height:45px; font-size:16px; color:#525252;}
ul.file_list li a.download:hover, ul.file_list li a.download:focus{text-decoration:none;}
ul.file_list li a.preview:hover, ul.file_list li a.download:focus{text-decoration:none;}

ul.video_info{display:flex; gap:20px;}
ul.video_info li{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:300;}
ul.video_info li::before{content:""; width:30px; height:30px; background-image:url(../../images/www/common/bg_icon_lec_view.png); background-repeat:no-repeat;}
ul.video_info li.writer::before{display:none;}
ul.video_info li.view::before{background-position:0 0;}
ul.video_info li.time::before{background-position:-30px 0;}
ul.video_info li.date::before{background-position:-60px 0;}

.ega_ui.btn{display:flex; align-items:center; justify-content:center; border:1px solid #959595; border-radius:14px; background-color:#fff;}
.ega_ui.btn:hover, .ega_ui.btn:focus{background-color:var(--ega_white_color_hover);}
.ega_ui.btn.mod{color:#346f94; border:1px solid #b7ddee;}
.ega_ui.btn.del{color:#d80d0d; border:1px solid #eeb4b4;}
.ega_ui.btn.end {
    background-color: #f7f7f7;
    color: #ccc;
    border: 1px solid #eee;
}
.ega_ui.btn.more{gap:20px;}
.ega_ui.btn.more::after{content:""; width:10px; height:10px; border-right:2px solid #333; border-bottom:2px solid #333; transform:translateY(-2px) rotate(45deg); transition:0.3s all;}
.ega_ui.btn.preview, .ega_ui.btn.download{gap:5px; padding:0 15px; border-radius:6px;}
.ega_ui.btn.preview::before, .ega_ui.btn.download::before{content:""; width:20px; height:25px; background-image:url(../../images/www/common/bg_icon_down_view.png); background-repeat:no-repeat;}
.ega_ui.btn.preview::before{background-position:0 0;}
.ega_ui.btn.download::before{background-position:-20px 0;}
.ega_ui.btn.type1{color:var(--ega_point_color2); border:1px solid var(--ega_point_color2);} /* 빨강 */
.ega_ui.btn.type2{color:var(--ega_point_color3); border:1px solid var(--ega_point_color3);} /* 파랑 */
.ega_ui.btn.type3{color:var(--ega_point_color4); border:1px solid var(--ega_point_color4);} /* 적갈 */
.ega_ui.btn.type4{color:var(--ega_point_color5); border:1px solid var(--ega_point_color5);} /* 녹색 */
.ega_ui.btn.type5{color:#333; border:1px solid #333;} /* 검정 */
.ega_ui.btn.fill.type1{color:#fff; background-color:var(--ega_point_color2);} /* 빨강 */
.ega_ui.btn.fill.type2{color:#fff; background-color:var(--ega_point_color3);} /* 파랑 */
.ega_ui.btn.fill.type3{color:#fff; background-color:var(--ega_point_color4);} /* 적갈 */
.ega_ui.btn.fill.type4{color:#fff; background-color:var(--ega_point_color5);} /* 녹색 */
.ega_ui.btn.fill.type5{color:#fff; background-color:#333;} /* 검정 */
.ega_ui.btn.large{height:60px; padding:0 25px; font-size:18px;}

div.rating{display:flex; align-items:center; gap:10px;}
div.rating span.bg{width:127px; height:22px; position:relative; background:url(../../images/www/common/bg_rating.png) no-repeat 0 -22px; z-index:0;}
div.rating span.value{height:22px; position:absolute; top:0; left:0; background:url(../../images/www/common/bg_rating.png) no-repeat 0 0; z-index:1;}
div.rating span.score{font-size:22px; color:var(--ega_point_color4);}

div.modal_btn{display:flex; justify-content:center; gap:15px; margin-top:20px;}
div.modal_btn a.btn{height:50px; padding:0 30px; font-size:18px; border:1px solid #959595;}

div.lec_list_empty{padding:80px 0; border-top:1px solid #333; border-bottom:1px solid #d7d7d7;}
div.lec_list_empty, div.empty{font-size:20px; text-align:center; word-break:keep-all; line-height:1.5;}

/* kendo bootstrap 수정 */
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header{background-color:#333;}
.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload{border-radius:14px;}
div.k-window{overflow:hidden; border:1px solid #b7b7b7;}
.k-window .k-window-titlebar{height:55px;}
.k-block>.k-header, .k-window-titlebar{padding:0;}
.k-window .k-window-title{height:55px; line-height:55px; font-size:20px; font-weight:500; color:#fff; text-align:center;}
div.k-window-content{padding:20px; font-size:18px; text-align:center;}
.k-button{display:inline-flex; align-items:center; height:45px; padding:0 30px; margin:5px 3px 0; border:1px solid #959595; background-color:#fff;}
.k-button.button1{color:#fff; border:1px solid #000; background-color:#333;}
.k-upload-button{min-width:auto;}
.k-window-titlebar .k-window-actions{padding:0; top:11px; right:11px;}
.k-window-titlebar .k-window-action{width:30px; height:30px; position:relative;}
.k-window-titlebar .k-window-action:hover, .k-window-titlebar .k-window-action:focus{background-color:transparent !important;}
.k-i-close{background:none;}
.k-i-close::before, .k-i-close::after{content:""; width:25px; height:3px; position:absolute; top:50%; left:50%; background-color:#fff;}
.k-i-close::before{transform:translate(-50%, -50%) rotate(45deg);}
.k-i-close::after{transform:translate(-50%, -50%) rotate(-45deg);}
.k-calendar .k-link.k-nav-fast{color:#fff;}
.k-calendar .k-header .k-icon.k-i-arrow-w, .k-calendar .k-header .k-icon.k-i-arrow-e{filter:invert(100%);}

/* 팝업 디자인 추가 반영 230210 */
.c_popup2.blank{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.c_popup2.blank .inner{padding-bottom:20px; border:1px solid #ddd; border-radius:12px; overflow:hidden;}
.c_popup2.blank .inner p.title{padding:20px 0; font-size:24px; font-weight:500; color:#fff; text-align:center; background-color:var(--ega_point_color4);}
.c_popup2.blank .inner p.guide{padding:30px 0; font-size:20px; text-align:center;}
.c_popup2.blank .inner .b_box a{color:#fff; background-color:#333;}

/* 2023 통합자료실 */
.integ_data_form_search{position:relative;}
.integ_data_form_search div.bbs_search{border:none;background-color:transparent;padding-right:120px;}
.integ_data_form_search div.bbs_search input[type=text]{width:600px;max-width:unset;}

.data_search_category{margin-bottom:40px;}
.data_search_category ul{display:flex;justify-content: center;}
.data_search_category ul li{margin:0 20px;}
.data_search_category ul li input[type="checkbox"]{display:none;}
.data_search_category ul li label{position:relative;width:120px;height:120px;border-radius:50%;border:1px solid #e1e1e1;padding:80px 0 0;text-align:center;font-size:18px;color:#333;transition:all 0.5s;}
.data_search_category ul li label:hover{background-color:#efefef;}
.data_search_category ul li label:before{display:none;}
.data_search_category ul li label:after{content:"";position:absolute;top:0;left:0;display:block;width:120px;height:90px;background-position:center center;background-size:40px;background-repeat:no-repeat;}
.data_search_category ul li label[for="album"]:after{background-image:url(../../images/www/common/record_icon.png);opacity: 0.5;}
.data_search_category ul li label[for="book"]:after{background-image:url(../../images/www/common/book_icon.png);opacity: 0.5;}
.data_search_category ul li label[for="music"]:after{background-image:url(../../images/www/common/sound_icon.png);opacity: 0.5;}
.data_search_category ul li label[for="sheet"]:after{background-image:url(../../images/www/common/score_icon.png);opacity: 0.5;}
.data_search_category ul li label[for="lecture"]:after{background-image:url(../../images/www/common/lecture_icon.png);opacity: 0.5;}
.data_search_category ul li input[type="checkbox"]:checked + label{background-color:var(--ega_point_color3);color:#fff;}
.data_search_category ul li input[type="checkbox"]:checked + label:after{top:0;left:0;border:none;border-radius:0;transform:none;animation:none;opacity: 1;}
.data_search_category ul li input[type="checkbox"]:checked + label[for="album"]:after{background-image:url(../../images/www/common/record_icon_on.png);}
.data_search_category ul li input[type="checkbox"]:checked + label[for="book"]:after{background-image:url(../../images/www/common/book_icon_on.png);}
.data_search_category ul li input[type="checkbox"]:checked + label[for="music"]:after{background-image:url(../../images/www/common/sound_icon_on.png);}
.data_search_category ul li input[type="checkbox"]:checked + label[for="sheet"]:after{background-image:url(../../images/www/common/score_icon_on.png);}
.data_search_category ul li input[type="checkbox"]:checked + label[for="lecture"]:after{background-image:url(../../images/www/common/lecture_icon_on.png);}

.data_search_filter{width:1200px;height:0px;overflow:hidden;border:1px solid transparent;border-radius:14px;padding:0px;margin:0 auto;margin-bottom:40px;}
.data_search_filter.on{height:auto;padding:25px 30px;border-color:#e1e1e1}
.data_search_filter h5{font-weight:600;font-size:18px;margin-bottom:30px;}
.data_search_filter dl{display:flex;align-items:center;}
.data_search_filter dl.filter_class{display:none;}
.data_search_filter dl.filter_class.on{display:flex;}
.data_search_filter dl:last-of-type{margin-bottom:0;}
.data_search_filter dl dt{width:15%;font-size:18px;flex-shrink: 0;}
.data_search_filter dl dd{flex-grow: 1;}
.data_search_filter dl dd ul{display:flex;flex-wrap:wrap;}
.data_search_filter dl dd ul li{padding:0 10px;margin:5px 0;flex-basis:16.666%;}
.data_search_filter dl.filter_period dd ul li{flex-basis:14%;}
.data_search_filter dl.filter_period dd ul li:first-child{display:flex;align-items:center;flex-grow:1;justify-content:space-between;}
.data_search_filter dl dd ul li input[type="checkbox"]{display:none;}
.data_search_filter dl dd ul li label{width:100%;padding:5px 10px;border:1px solid #e1e1e1;height:auto;font-size:16px;border-radius:20px;text-align:center;color:#333;}
.data_search_filter dl dd ul li input[type="checkbox"]:checked + label{border-color:var(--ega_point_color4);color:var(--ega_point_color4);}
.data_search_filter dl dd ul li label:before{display:none;}
.data_search_filter dl dd ul li label:after{display:none;}
.data_search_filter dl dd ul li input[type="text"]{width:150px;height:32px;border-radius:20px;border:1px solid #e1e1e1;padding:0 10px;}
.data_search_filter hr{border:0;height:1px;background-color:#e1e1e1;margin:10px 0;}
.data_search_filter .reset{display:none;width:75px;height:40px;font-size:15px;border:none;background-color:#d4d4d4;border-radius:10px;margin:0 auto;}
.integ_data_form_search .bbs_search a.ega_ui.btn.search.serchFilterBtn{width:120px;border:1px solid #959595;background-color:#fff;color:#333;}
.integ_data_form_search .bbs_search a.ega_ui.btn.search.serchFilterBtn:after{content:"";display: block;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #333;margin-left:8px;transition:all 0.5s;}
.integ_data_form_search .bbs_search a.ega_ui.btn.search.serchFilterBtn.on:after{transform:rotate(180deg);}

.datepicker_type01.k-header{background:none;}
.datepicker_type01 .k-picker-wrap{padding:0;border:none;}
.datepicker_type01 .k-picker-wrap.k-state-active{background:none;}
.k-webkit .datepicker_type01 .k-picker-wrap:before{display:none;}
.datepicker_type01 .k-picker-wrap .k-input{font-size: 16px;color:#797979;}
.datepicker_type01 .k-picker-wrap.k-state-border-up .k-input{border-radius:20px;}
.datepicker_type01 .k-picker-wrap.k-state-border-down{box-shadow:none;}
.datepicker_type01 .k-picker-wrap.k-state-border-down .k-input{border-radius:20px;}
.datepicker_type01 .k-select{display:none;}

div.bbs_list.date_album_list > table tbody td.listen a.download_mp3::before {background-position:0 0;}
div.bbs_list.date_album_list > table tbody td.listen a.download_jpg::before {background: url(../../images/www/common/bg_icon_down_view.png) no-repeat 5px 0;}
div.bbs_list.date_album_list > table tbody td.listen span.mobile_th{display:none;}
div.bbs_list.date_album_list > table tbody td::before{display:none;}

div.bbs_view.data_integ_view div.title div.desc{position:relative; font-size:20px; font-weight:300; color:var(--ega_font_color_sub);margin-top:15px;gap:23px;}
div.bbs_view.data_integ_view div.title div.desc > * {margin-bottom:10px;}

div.bbs_view div.copyright{border:1px solid #d7d7d7;padding:20px;margin-bottom:30px;border-radius:10px;}
div.bbs_view div.copyright figure{display:flex;margin:0;align-items:center;}
div.bbs_view div.copyright figure img{height:50px;}
div.bbs_view div.copyright figure figcaption{margin-left:40px;font-size:15px;line-height:1.4;font-size:16px;}
div.bbs_view div.copyright figure figcaption strong{display:block;}

div.bbs_view.data_integ_view div.file > ul li span.public_type{font-size:16px;}

div.bbs_view.data_integ_view div.bbs_list > table tbody td.listen a.download_mp3::before {content: "";display: inline-block;width: 25px;height: 25px;background: url(../../images/www/common/bg_icon_down_view.png) no-repeat -16px 0; }

/* 7970 2024.05.17 공공누리유형 */
div#sub_contents div.lec_info_copyright{border:1px solid #d7d7d7;padding:20px;margin-top:40px;margin-bottom:30px;border-radius:10px;}
div#sub_contents div.lec_info_copyright figure{display:flex;margin:0;align-items:center;}
div#sub_contents div.lec_info_copyright figure img{height:50px;}
div#sub_contents div.lec_info_copyright figure figcaption{margin-left:40px;font-size:15px;line-height:1.4;font-size:16px;}
div#sub_contents div.lec_info_copyright figure figcaption strong{display:block;}

.offline_video {max-width: 960px; width: 70%; margin: 0 auto;}


/* Tablet */
@media all and (min-width:768px) and (max-width:1399px) {
    /* sub common */
    #sub_contents{padding:0 20px;}
    #sub_contents > div.title{gap:35px;}
    #sub_contents > h3, #sub_contents > div.title h3{margin-bottom:10px; font-size:36px;}
    #sub_contents > div.title.small h3{font-size:30px;}
    #sub_contents > div.title.open_main, #sub_contents > div.title.data_main{gap:20px; border-bottom:2px solid #333;}
    #sub_contents > div.title.open_main h3, #sub_contents > div.title.data_main h3{flex:0 0 auto; margin-bottom:35px; font-size:40px;}
    #sub_contents > div.title.open_main div p, #sub_contents > div.title.data_main div p{font-size:15px;}
    #sub_contents > div.title.underline{margin-bottom:35px;}
    #sub_contents > div.title.underline h3{margin-bottom:10px;}

    #breadcrumb{margin-bottom:40px;}
    #breadcrumb::before{display:none;}
    #breadcrumb ul{height:45px; padding-right:50px; border-top-right-radius:22.5px; border-bottom-right-radius:22.5px;}
    #breadcrumb ul li{padding:0 20px 0 30px; position:relative;}
    #breadcrumb ul li:not(:first-child):before{width:7px; height:7px;}
    #breadcrumb ul li a{font-size:15px;}
    #breadcrumb ul li:first-child a{width:16px; height:16px; background-size:cover;}

    /* board */
    ul.bbs_desc{margin-bottom:30px;}
    ul.bbs_desc li{padding-left:12px; font-size:18px;}
    ul.bbs_desc li::before{width:4px; height:4px; top:13px;}

    div.bbs_series_top{padding:30px 0; font-size:16px;}
    div.bbs_series_top p{margin-top:5px; font-size:16px;}
    div.bbs_series_top p strong, div.bbs_series_top p span{font-size:16px;}

    div.bbs_event_top button{height:55px; padding:0 25px; font-size:18px;}
    div.bbs_event_top button span{width:25px; height:25px;}
    div.bbs_event_top button span::before{width:6px; height:6px;}
    div.bbs_event_top div.text_box{padding:25px 30px;}

    div.bbs_record_top{margin-bottom:30px;}
    div.bbs_record_top p{padding-left:15px; position:relative; font-size:18px; font-weight:300; word-break:keep-all; line-height:1.5;}
    div.bbs_record_top p::before{content:""; width:5px; height:5px; position:absolute; top:10px; left:0; border-radius:50%; background-color:#333;}

    div.bbs_search input[type=text]{width:250px; max-width:415px;}
    div.bbs_search a.ega_ui.btn{width:80px; height:50px; font-size:16px;}
    div.bbs_search > label{font-size:16px;}
    div.bbs_search div.bbs_keyword a{height:30px; font-size:16px;}
    div.bbs_search div.bbs_category ul{gap:15px;}

    div.bbs_top{margin-bottom:12px; font-size:16px;}
    div.bbs_top ul.view_opt li a{padding-left:25px; font-size:16px;}
    div.bbs_top ul.view_opt li a::before{width:20px; height:20px; background-size:40px 20px;}
    div.bbs_top ul.view_opt li.type2 a::before{background-position:-20px 0;}
    div.bbs_top div.sort_opt ul li:not(:first-child)::before{height:16px;}
    div.bbs_top div.sort_opt ul li a{padding-right:20px; font-size:16px;}
    div.bbs_top div.sort_opt ul li a::after{top:6px; border-top:6px solid #333; border-right:4px solid transparent; border-bottom:6px solid transparent; border-left:4px solid transparent;}
    div.bbs_top div.btn{transform:translateY(5px);}
    div.bbs_top div.btn a.btn{height:50px; padding:0 20px; font-size:16px;}
    div.bbs_top div.btn a.btn::before{width:14px;}

    ul.bbs_category{margin-bottom:35px;}
    ul.bbs_category li a{min-width:90px; height:55px; padding:0 20px; font-size:16px; border-top-left-radius:12px; border-top-right-radius:12px;}

    div.bbs_list > table{border-top:1px solid #363636;}
    div.bbs_list > table thead th{height:50px; padding:0 8px; font-size:15px;}
    div.bbs_list > table tbody td{height:50px; padding:0 8px; font-size:15px;}
    div.bbs_list > table tbody td.subject{font-size:15px;}
    div.bbs_list > table tbody td.subject a{font-size:15px;}
    div.bbs_list > table tbody td.subject span.new{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-right:3px; vertical-align:3px; font-size:14px; color:#fff; border-radius:50%; background-color:var(--ega_point_color4);}
    div.bbs_list > table tbody td.subject span.secret{display:inline-block; width:14px; height:18px; margin-right:5px; background:url(../../images/www/common/bg_icon_bbs_secret.png) no-repeat 50% 50%;}
    div.bbs_list > table tbody td.lec_name{line-height:1.3em; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    div.bbs_list > table tbody td.desc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    div.bbs_list > table tbody td.file span{width:17px; height:15px; background-size:cover;}
    div.bbs_list > table tbody td.toggle::before{width:25px; height:25px;}
    div.bbs_list > table tbody td.toggle::after{width:5px; height:5px;}
    div.bbs_list > table tbody td.answer div{font-size:16px !important;}
    div.bbs_list > table tbody td.answer div p, div.bbs_list > table tbody td.answer div span{font-size:16px !important;}
    div.bbs_list > table tbody td.download.mp3 a::before{width:20px; height:20px; background-size:60px 20px;}
    div.bbs_list > table tbody td.download.pdf a::before{width:20px; height:20px; background-position:-20px 0; background-size:60px 20px;}
    div.bbs_list > table tbody td.listen a::before{width:20px; height:20px; background-position:-40px 0; background-size:60px 20px;}
    div.bbs_list > table tbody td.sheet a::before{width:20px; height:20px; background-position: 4px 0;background-size: cover;}
    div.bbs_list > table tbody td a.btn.del{height:40px; padding:0 10px; border-radius:20px;}
    div.bbs_list > table tr.notice td.number span{justify-content:center; width:100%; height:28px; padding:0 5px; font-size:14px; border-radius:14px;}
    div.bbs_list.faq_list > table table th, div.bbs_list.faq_list > table table td{padding:15px;}

    col.col_check{width:5%;}
    col.col_number{width:7%;}
    col.col_id, col.col_score, col.col_attach, col.col_view, col.col_manage, col.col_desc, col.col_progress{width:10%;}
    col.col_name, col.col_number2{width:9%;}
    col.col_rating{width:160px;}
    col.col_status, col.col_st_review, col.col_class, col.col_payment, col.col_price{width:10%;}
    col.col_date{width:14%;}
    col.col_target, col.col_down, col.col_listen, col.col_view2, col.col_study, col.col_cancel, col.col_delete, col.col_result, col.col_is_com, col.col_review, col.col_receipt{width:14%;}
    col.col_detail, col.col_print, col.col_task, col.col_partake{width:15%;}
    col.col_period{width:16%;}
    col.col_category{width:17%;}
    col.col_email, col.col_desc, col.col_return{width:30%;}

    div.bbs_paging{margin-top:40px;}
    div.bbs_paging a, div.bbs_paging > span{width:45px; height:45px; font-size:16px;}
    div.bbs_paging a.pg::before{width:15px; height:15px; background-size:30px 15px;}
    div.bbs_paging a.pg.prev::before{background-position:-15px 0;}
    div.bbs_paging a.pg.next::before{background-position:-15px 0;}

    div.bbs_view div.title{margin-top:20px; padding:20px 160px 20px 20px; border-top:1px solid #000;}
    div.bbs_view div.title h4{font-size:20px;}
    div.bbs_view div.title h4 span.cate{display:flex; align-items:center; height:34px; padding:0 15px; font-size:16px; font-weight:500; color:#fff; border-radius:17px; background-color:var(--ega_point_color4);}
    div.bbs_view div.title ul.desc{gap:20px;}
    div.bbs_view div.title ul.desc li{font-size:16px;}
    div.bbs_view div.title ul.desc li:not(:first-child)::before{width:3px; height:3px; left:-11px;}
    div.bbs_view div.title ul.share{right:20px;}
    div.bbs_view div.title div.lec_cate{display:flex; align-items:center; gap:12px; margin-bottom:10px;}
    div.bbs_view div.title div.lec_cate p{font-size:20px; font-weight:300; line-height:1.5; word-break:keep-all;}
    div.bbs_view div.title div.lec_cate span.cate{display:flex; align-items:center; height:34px; padding:0 15px; font-size:16px; font-weight:500; color:#fff; border-radius:17px; background-color:var(--ega_point_color4);}
    div.bbs_view div.title.thumb{padding-right:0;}
    div.bbs_view div.title.thumb h4{padding-top:80px;}
    div.bbs_view div.title.thumb ul.share{top:40px; right:inherit; left:250px;}
    div.bbs_view div.title.thumb div.bg_wrap{width:180px; position:absolute; top:25px; left:30px;}
    div.bbs_view div.title.thumb div.bg_wrap div.bg{width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; border:1px solid #d7d7d7; border-radius:15px;}
    div.bbs_view div.title.thumb div.util{top:50px;}
    div.bbs_view div.content{min-height:180px; padding:25px; font-size:16px;}
    div.bbs_view div.content p, div.bbs_view div.content span, div.bbs_view div.content div{font-size:16px;}
    div.bbs_view div.content div.section:not(:first-of-type){margin-top:35px;}
    div.bbs_view div.content div.section h5{padding-left:15px; margin-bottom:20px;font-size:18px;}
    div.bbs_view div.content div.section h5::before{width:6px; height:6px; top:10px;}
    div.bbs_view div.content div.section div.text_box, div.bbs_view div.content div.section div.text_box p, div.bbs_view div.content div.section div.text_box span, div.bbs_view div.content div.section div.text_box div{font-size:16px !important;}
    div.bbs_view div.file{padding:25px; margin-bottom:25px;}
    div.bbs_view div.file > span{font-size:18px;}
    div.bbs_view div.file > ul li a.down{font-size:16px;}
    div.bbs_view div.file > ul li a.preview{font-size:16px;}
    div.bbs_view div.btn_group_wrap{padding-top:30px;}
    div.bbs_view div.btn_group{gap:20px; padding-top:30px;}
    div.bbs_view div.btn_group_wrap a, div.bbs_view div.btn_group a{width:120px; height:55px; font-size:18px;}

    div.bbs_private{margin-bottom:40px;}
    div.bbs_private h4{font-size:18px;}
    div.bbs_private div.text_box{height:200px; padding:20px; margin-top:15px; font-size:16px;}
    div.bbs_private div.agree{margin-top:20px;}

    /* 열린강좌 메인 */
    div.open_main_section{margin-top:45px;}
    div.open_main_section h4{margin-bottom:20px; font-size:32px;}
    div.open_main_section div.more a.btn{height:60px; padding:0 30px; margin-top:40px; font-size:18px; border-radius:12px;}

    /* 통합자료실 메인 */
    div.data_main_section{margin-top:40px;}
    div.data_main_section h4{margin-bottom:15px; font-size:30px;}
    div.data_main_section h4 br{display:none;}
    div.data_main_section.data_quick_link{flex-direction:column; align-items:flex-start;}
    div.data_quick_link ul{gap:20px;}
    div.data_quick_link ul li a{width:140px; height:140px; font-size:16px;}
    div.data_order_list > ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
    div.data_order_list > ul > li strong{height:55px; font-size:18px;}
    div.data_order_list > ul > li ol{padding:0 20px;}
    div.data_order_list > ul > li ol li a{height:55px; line-height:55px; font-size:16px;}
    div.data_order_list > ul > li div.empty{height:55px; line-height:55px; font-size:16px;}

    /* 강좌 목록 */
    ul.lec_list{gap:35px 20px; padding:35px 0;}
    ul.lec_list li a div.bg{border-radius:12px;}
    ul.lec_list li a div.bg div.stat{top:12px; left:12px;}
    ul.lec_list li a div.bg div.stat span{height:28px; padding:0 8px; font-size:13px; border-radius:14px; line-height: 28px;}
    ul.lec_list li a div.info{padding:10px 0;}
    ul.lec_list li a div.info strong{font-size:16px;}
    ul.lec_list li a div.info div.cate span{max-width:65px; height:28px; padding:0 8px; font-size:13px; text-align:center; word-break:keep-all;}
    ul.lec_list li a div.info div.how span{height:28px; padding:0 8px; font-size:13px; border-radius:14px;}
    ul.lec_list li a div.info div.desc{flex-wrap:wrap; gap:5px 16px; font-size:14px;}
    ul.lec_list li a div.info div.desc span:not(:first-child)::before{display:none;}
    ul.lec_list li a div.info div.desc span:not(:last-child)::after{content:""; width:3px; height:3px; position:absolute; top:50%; right:-10px; border-radius:50%; background-color:#939393; transform:translateY(-50%);}
    ul.lec_list li.secret a div.info strong::before{width:12px; height:15px; margin-right:8px; vertical-align:-1px; background-size:cover;}
    ul.lec_list.type5{grid-template-columns:repeat(4, 1fr); gap:30px 20px;}
    ul.lec_list.type5 li a div.info{padding:12px 0;}
    ul.lec_list.type5 li a div.info strong{font-size:16px;}
    ul.lec_list.type6 li a{gap:30px; padding:25px 0;}
    ul.lec_list.type6 li a div.bg{width: 30%; max-width: 320px; padding-bottom: min(182px, 16.885%);}
    ul.lec_list.type6 li a div.info{width:calc(100% - 330px);}
    ul.lec_list.type6 li a div.info span.desc{font-size:16px;}
    ul.lec_list.type6 li a div.info div.intro{margin : 20px 0 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 300;	line-height: 25px;} /* 2023.07.05 정지효, INo.9999 */
    ul.lec_list.type7{gap:20px;}
    ul.lec_list.type7 > li a div.info{padding-top:5px;}
    ul.lec_list.type7 > li a div.info strong{font-size:15px;}
    ul.lec_list.type7 > li a div.info ul.video_info{margin-top:0;}

    /* 강좌 상세 */
    div.offline_lec_wrap{padding-right:0;}
    div.lec_info_top{gap:25px;}
    div.lec_info_top div.rating{justify-content:space-between; padding:0 10px; margin-top:15px;}
    div.lec_info_top div.info ul{display:flex; flex-direction:column;}
    div.lec_info_top div.info ul li{padding:17px 0;}
    div.lec_info_top div.info ul li:first-child{padding-top:15px;}
    div.lec_info_top div.info ul li span.title{min-width:90px; padding-left:30px; font-size:16px;}
    div.lec_info_top div.info ul li span.text{font-size:16px;}
    div.lec_info_top div.info ul li span.title::before{width:20px; height:20px; background-size:100px 20px;}
    div.lec_info_top div.info ul li.type2 span.title::before{background-position:-20px 0;}
    div.lec_info_top div.info ul li.type3 span.title::before{background-position:-20px 0;}
    div.lec_info_top div.info ul li.type4 span.title::before{background-position:-40px 0;}
    div.lec_info_top div.info ul li.type5 span.title::before{background-position:-60px 0;}
    div.lec_info_top div.info ul li.type7 span.title::before{background-position:-80px 0;}
    
    div.lec_info_btn a{width:120px; height:55px; font-size:16px;}
    div.lec_info_btn {width: 100%;}
    
    div.lec_info_bot.type1{margin-top:30px;}
    div.lec_info_bot.type2{margin-top:30px;}
    div.lec_info_bot.type2 {width: 100%;}
    div.lec_info_bot.type4{margin-top:30px;}
    div.lec_info_bot.type4 ul.tab li{flex:1;}
    div.lec_info_bot.type4 ul.tab li a{width:auto;}
	div.lec_info_bot.type2 div.file{padding:25px; margin-bottom:25px;}
	div.lec_info_bot.type2 div.file > span{font-size:18px;}
	div.lec_info_bot.type2 div.file > ul li a.down{font-size:16px;}
	div.lec_info_bot.type2 div.file > ul li a.preview{font-size:16px;}
    div.lec_info_bot div.text_box{font-size:15px;}
    div.lec_info_bot div.section:not(:first-of-type){margin-top:25px;}
    div.lec_info_bot div.section h5{padding-left:15px; margin-bottom:15px; font-size:18px;}
    div.lec_info_bot div.section h5::before{width:6px; height:6px;}
    div.lec_info_bot div.section p{padding-left:15px; font-size:16px;}
    div.lec_info_bot div.section table{width:100% !important; border-top:1px solid #363636;}
    div.lec_info_bot div.section table thead th{height:40px; padding:0 10px; font-size:14px;}
    div.lec_info_bot div.section table tbody td{width:auto !important; height:40px; padding:0 10px; font-size:14px;}
    div.lec_info_bot div.section table tfoot td{height:40px; padding:0 10px; font-size:14px;}
    div.lec_info_bot div.section div.file{gap:15px; padding:15px;}
    div.lec_info_bot div.section div.file a.down{font-size:14px;}
    div.lec_info_bot div.section div.file a.btn{flex:0 0 auto; width:110px; height:40px; font-size:14px;}
    
    div.lec_video_wrap div.play_video{width:calc(75% - 25px);}
    div.lec_video_wrap div.rel_video{width:25%; padding:20px; border:1px solid #e1e1e1; border-radius:10px;}
    div.lec_video_info{width:100%; margin-top:20px;}
    div.rel_video + div.lec_info_btn{padding-top:0; border-top:none;}

    /* 오프라인 강좌 수강 신청 */
    div.lec_apply div.apply_box{width:100%;}
    div.lec_apply div.apply_box div.step{margin-bottom:25px;}
    div.lec_apply div.apply_box div.step ol li{font-size:16px;}
    div.lec_apply div.apply_box div.form{min-height:inherit; padding:35px 30px;}
    div.lec_apply div.apply_box div.form h4{margin-bottom:15px; font-size:24px;}
    div.lec_apply div.apply_box div.form h4.EDU_STD_NAME{margin-top:30px; font-size:20px;}
    div.lec_apply div.apply_box div.form div.private{height:200px; padding:20px; font-size:16px; border-radius:12px;}
    div.lec_apply div.apply_box div.form div.agree{margin-top:20px;}
    div.lec_apply div.apply_box div.form h4 + ul.desc{margin-bottom:20px;}
    div.lec_apply div.apply_box div.form h4 + ul.desc li{padding-left:12px; font-size:16px;}
    div.lec_apply div.apply_box div.form h4 + ul.desc li::before{width:4px; height:4px;}
    div.lec_apply div.apply_box div.form div.desc_box{padding:20px; border-radius:12px;}
    div.lec_apply div.apply_box div.form div.desc_box h5{margin-bottom:15px; font-size:18px;}

    div.lec_apply div.apply_box div.form.complete p{font-size:22px;}
    div.lec_apply div.apply_box div.form.complete p::before{width:35px; height:35px;}
    div.lec_apply div.apply_box div.form.result h5{font-size:22px;}
    div.lec_apply div.apply_box div.form.result ul li{font-size:18px;}
    div.lec_apply div.apply_box div.form.result ul li span{width:100px;}
    
    /* 댓글, 코멘트, 후기 */	/* 2023.03.23 정지효, INo.6672 */
	div.comment_list div.btn_group a.btn.more.course{width:140px; height:55px; font-size:18px;}
	#moreCommentBtn {display: flex; justify-content: center;}

    /* 마이페이지 */
    div.mypage div.summary{border-top:1px solid #333;}
    div.mypage div.summary div.title{height:80px; padding:0 20px;}
    div.mypage div.summary div.title p{font-size:24px;}
    div.mypage div.summary div.title div.util a.btn{height:45px; padding:0 15px; font-size:16px;}
    div.mypage div.summary div.lecture{flex-direction:column;}
    div.mypage div.summary div.lecture > div{padding:25px;}
    div.mypage div.summary div.lecture > div h4{font-size:20px;}
    div.mypage div.summary div.lecture > div h4 span{display:inline;}
    div.mypage div.summary div.lecture > div ul{gap:20px;}
    div.mypage div.summary div.lecture > div ul li{width:110px;}
    div.mypage div.summary div.lecture > div ul li span{display:flex; align-items:center; justify-content:center;}
    div.mypage div.summary div.lecture > div ul li span.title{height:40px; font-size:14px;}
    div.mypage div.summary div.lecture > div ul li span.value{height:55px; font-size:20px;}
    div.mypage div.section{padding:25px; margin-top:25px;}
    div.mypage div.section h4{margin-bottom:20px;}
    div.mypage div.section h4 button{font-size:20px;}
    div.mypage div.section h4 button::before{width:25px; height:25px;}
    div.mypage div.section h4 button::after{width:5px; height:5px; right:10px;}
    div.mypage div.section ul.tab.sub li a{min-width:110px;}
    div.mypage div.section table td .ega_ui.btn{min-width:70px; padding:0 10px; font-size:14px;}
    div.mypage div.section.survey div strong{font-size:18px;}
    div.mypage div.section.survey div span{font-size:16px;}
    div.mypage div.section.survey div a.btn{width:120px; height:45px; font-size:14px;}
    div.mypage div.empty{height:130px; border-top:1px solid #363636;}
    div.mypage div.bbs_list div.btn_group a.btn.more{width:140px; height:55px; font-size:18px;}

    #lec_index_list{width:calc(100% - 200px); position:fixed; top:inherit; bottom:0; right:100px; z-index:99;}
    #lec_index_list::before{content:""; display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:1;}
    #lec_index_list.active::before{display:block;}
    #lec_index_list.active div.box{height:auto; min-height:150px; max-height:70vh;}
    #lec_index_list.active div.box h4 button::after{transform:translateY(0) rotate(135deg);}
    #lec_index_list div.box{height:60px; padding:0 20px 20px; position:relative; border-radius:15px 15px 0 0; z-index:2; transition:0.3s all;}
    #lec_index_list.offline div.box{border:none; background-color:var(--ega_point_color3);}
    #lec_index_list.online div.box{border:none; background-color:#8d603b;}
    #lec_index_list div.box h4{padding:0; font-size:20px; color:#fff;}
    #lec_index_list div.box h4:not(:has(button)){padding:20px 0;}
    #lec_index_list div.box h4 button{display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:20px 0; font-size:20px; color:#fff !important;}
    #lec_index_list div.box h4 button::after{content:""; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; transform:translateY(4px) rotate(-45deg); transition:0.3s all;}
    #lec_index_list div.scroll_box{max-height:calc(70vh - 60px);}
    #lec_index_list div.scroll_box > ul > li{margin-bottom:15px;}
    #lec_index_list.offline div.scroll_box > ul > li div, #lec_index_list.offline div.scroll_box > ul > li a{padding:20px 85px 20px 20px;}
    #lec_index_list.offline div.scroll_box > ul > li strong{margin-bottom:12px; font-size:18px;}
    #lec_index_list.offline div.scroll_box > ul > li ul{gap:7px;}
    #lec_index_list.offline div.scroll_box > ul > li.empty{font-size:16px;}
    #lec_index_list.offline.apply{width:calc(100% - 40px); right:20px;}
    #lec_index_list.offline.apply div.box{height:auto; margin-bottom:0; padding-bottom:15px; border-radius:10px 10px 0 0;}
    #lec_index_list.offline.apply div.box h4 button::after{transform:translateY(-2px) rotate(135deg);}
    #lec_index_list.offline.apply div.lecture{padding:20px;}
    #lec_index_list.offline.apply div.lecture h5{margin-bottom:15px; font-size:16px;}
    #lec_index_list.offline.apply div.lecture ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
    #lec_index_list.offline.apply div.lecture ul li{margin-top:12px; font-size:14px;}
    #lec_index_list.offline.apply div.lecture ul li span.title{width:65px;}
    #lec_index_list.offline.apply div.btn_group{flex-direction:row;}
    #lec_index_list.offline.apply div.btn_group button{flex:1;}
    #lec_index_list.offline.apply div.btn_group button.next{color:#333; background-color:#fff;}
    #lec_index_list.offline.apply div.btn_group button.cancel{font-weight:400; color:#d80d0d; border:1px solid #eeb4b4; background-color:#fff;}
    #lec_index_list.offline.apply div.box.hide h4 button::after{transform:translateY(4px) rotate(-45deg);}
    #lec_index_list.offline.apply div.box.hide div.lecture{display:none;}

    #lec_index_list.online div.scroll_box > ul > li{overflow:hidden; border:1px solid #e7dfd9; border-radius:10px; background-color:#fff;}
    #lec_index_list.online div.scroll_box > ul > li:not(.toggle){display:flex; align-items:center; justify-content:space-between; height:55px; padding:0 20px; font-size:14px; font-weight:500; line-height:1.4;}
    #lec_index_list.online div.scroll_box > ul > li.toggle button{height:50px; padding:0 30px 0 15px; font-size:16px;}
    #lec_index_list.online div.scroll_box > ul > li.toggle button::before{width:16px; right:15px;}
    #lec_index_list.online div.scroll_box > ul > li.toggle ul li{height:50px; padding:0 15px;}
    
    div.comment_wrap{margin-top:30px;}
    div.comment_wrap h5{font-size:18px;}
    div.comment_wrap h5 + p{font-size:16px;}
    div.comment_wrap div.comment_write{padding:30px;}
    div.comment_wrap div.comment_write textarea{height:100px;}
    div.comment_wrap div.comment_write div.submit{gap:35px; margin-top:10px;}
    div.comment_wrap div.comment_write div.submit a{width:100px; height:50px; font-size:16px;}
    div.comment_wrap div.comment_write div.submit div.rating{width:104px;}
    div.comment_wrap div.comment_write div.submit div.rating input[type=radio] + label{width:18px; height:18px;}
    div.comment_wrap div.comment_list{margin-top:40px;}
    div.comment_wrap div.comment_list > ul > li{padding:15px;}
    div.comment_wrap div.comment_list > ul > li div.write_info strong{font-size:16px;}
    div.comment_wrap div.comment_list > ul > li div.write_info strong span{font-size:15px;}
    div.comment_wrap div.comment_list > ul > li div.write_info p{font-size:16px;}
    div.comment_wrap div.comment_list > ul > li div.write_info div.rating{top:15px; right:15px;}
    div.comment_wrap div.comment_list > ul > li div.btn{gap:7px; margin-top:15px;}
    div.comment_wrap div.comment_list > ul > li div.btn a.btn{height:45px; padding:0 15px; font-size:16px;}
    div.comment_wrap div.comment_list > ul > li div.btn a.btn.like{min-width:80px;}
    div.comment_wrap div.comment_list > ul > li div.btn a.btn.like::after{width:15px; height:15px; background-position:0 -45px; background-size:45px 60px;}
    div.comment_wrap div.comment_list > ul > li div.reply{margin-top:20px;}
    div.comment_wrap div.comment_list > ul > li div.reply textarea{height:100px;}
    div.comment_wrap div.comment_list > ul > li div.reply div{display:flex; justify-content:flex-end; margin-top:10px;}
    div.comment_wrap div.comment_list > ul > li div.reply div a{height:50px; padding:0 15px; font-size:18px; color:#fff; border-radius:14px; background-color:#000;}
    div.comment_wrap div.comment_list div.empty{padding-top:40px;}

    div.lec_list_empty, div.empty{font-size:16px;}

    div.form_wrap{border-top:1px solid #333;}
    div.form_wrap div.input_wrap{padding:20px 0;}
    div.form_wrap h5{margin-bottom:12px; font-size:16px;}
    div.form_wrap div.input_box{font-size:16px;}
    div.form_wrap div.input_box .btn{height:50px; padding:0 15px; font-size:16px;}
    div.form_wrap div.input_box div.before_study_info > div input[type=text]{width:300px;}
    div.form_wrap ul.desc li{padding-left:12px; font-size:16px;}
    div.form_wrap div.input_box.video_id div ol li{font-size:15px;}
    div.form_wrap div.thumb_wrap div.image + a.btn{padding:0 15px; font-size:16px;}
    div.form_wrap .k-file::before{width:15px; height:18px; top:16px; background-size:cover;}
    div.form_wrap .uploaded-files{padding:.167em .167em .167em .8em; position:relative; border-radius:14px; background-color:#ebebeb;}
    div.form_wrap .k-upload-status{top:3px; right:15px;}
    div.form_wrap .k-upload-sync .k-upload-button{height:45px; font-size:16px; border-radius:12px;}
    div.form_wrap .k-upload-sync .k-upload-button::before{width:15px; height:13px;}
    div.form_wrap ul.entry{width:100%; padding:0 25px; border:1px solid #b7b7b7; border-radius:14px;}
    div.form_wrap ul.entry li{display:flex; align-items:center; gap:10px; padding:20px 0; font-size:18px;}
    div.form_wrap ul.entry li:not(:first-child){border-top:1px dashed #ddd;}
    div.form_wrap ul.entry li label{width:160px; font-weight:500;}
    div.form_wrap ul.entry li #span_entry_pay{font-size:18px;}
    div.form_wrap ul.entry li #tot_grp_stdcnt{font-weight:500; color:var(--ega_point_color4);}
    div.form_wrap ul.entry li #span_entry_pay p.yearGroup{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px 40px; margin-top:10px; font-size:18px; color:#333;}
    div.form_wrap ul.entry li #span_entry_pay p.yearGroup span{display:flex; align-items:center; gap:10px;}
    div.form_wrap div.entry_total{display:flex; gap:20px; width:100%; padding:25px; background-color:#f8f8f8; border-radius:14px;}
    div.form_wrap div.entry_total strong{font-size:18px; font-weight:500;}
    div.form_wrap div.entry_total p{font-size:18px;}
    div.form_wrap div.entry_total p span span{font-weight:500; color:var(--ega_point_color4);}
    div.form_wrap div.btn_group{gap:20px; padding-top:25px;}
    div.form_wrap div.btn_group a.btn{width:120px; height:55px; font-size:18px;}

    /* 강좌안내 */
    div.lec_intro div.section:not(:first-of-type){margin-top:45px;}
    div.lec_intro p.step_desc{padding-left:20px; font-size:16px;}
    div.lec_intro ol.step_wrap{gap:40px;}
    div.lec_intro ol.step_wrap li{gap:60px; padding:20px 40px;}
    div.lec_intro ol.step_wrap li:not(:first-child)::before{border:40px solid transparent; border-top:20px solid var(--ega_point_color3); top:-30px;}
    div.lec_intro ol.step_wrap li > strong{flex:0 0 auto; width:130px; font-size:16px;}
    div.lec_intro ol.step_wrap li > strong > span{font-size:20px;}
    div.lec_intro ol.step_wrap li > p{font-size:16px;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type{padding:30px 120px 30px 30px;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type::before{width:80px; height:77px; top:60px; right:30px;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type > span{font-size:21px;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type > p{font-size:16px;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type > p.refer{padding-left:20px;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type.free::before{background-size:contain;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type.pay::before{background-size:contain;}
    div.lec_intro ol.step_wrap li > div.box_wrap div.type.payment::before{background-size:contain;}
    div.lec_intro div.offline_info div.another_list button{width:350px; height:55px; font-size:18px;}
    div.lec_intro div.offline_info div.another_list button::after{width:8px; height:8px;}
    div.lec_intro div.offline_info div.another_list ul{width:350px;}
    div.lec_intro div.offline_info div.another_list ul li a{height:55px; font-size:16px;}
    div.lec_intro div.offline_info ul.desc li{padding-left:13px; font-size:16px;}
    div.lec_intro div.offline_info ul.desc li::before{width:4px; height:4px; top:11px;}
    div.lec_intro div.offline_info div.info_wrap{gap:40px;}
    div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical td ul li{padding-left:13px;}
    div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical td ul li::before{width:4px; height:4px; top:11px;}
    div.lec_intro div.offline_info + div.btn_group a{height:55px; font-size:17px;}

    /* 아카데미소개 */
    div.academy_intro.intro div.top{padding:35px; margin-bottom:40px;}
    div.academy_intro.intro div.top h4{font-size:30px;}
    div.academy_intro.intro div.top p{font-size:20px;}
    div.academy_intro.intro div.group{gap:60px;}
    div.academy_intro.intro div.group div.desc p{font-size:20px;}

    div.academy_intro.history h4{padding:25px 0; font-size:30px;}
    div.academy_intro.history > ul > li{padding-top:50px;}
    div.academy_intro.history > ul > li:last-child{padding-bottom:50px;}
    div.academy_intro.history > ul > li > span{font-size:24px;}
    div.academy_intro.history > ul > li ul li{font-size:16px;}

    div.academy_intro.ad_video div.video_wrap div.video{height:0; padding-bottom:50%;}
    div.academy_intro.ad_video div.video_wrap div.info{margin-top:40px;}
    div.academy_intro.ad_video div.video_wrap div.info div.staff{width:calc(100% - 50px);}
    div.academy_intro.ad_video div.video_wrap div.info div.staff td, div.academy_intro.ad_video div.video_wrap div.info div.staff th{font-size:15px;}

    table.type_horizontal.type_manager_info th, table.type_horizontal.type_manager_info td{font-size:14px;}

    /* classroom */
    #cr_header{flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; padding:0; position: static;}
    #cr_header div.title{order:2; gap:40px; width:100%; height:60px; padding:0 20px;}
    #cr_header div.title h2{max-width:calc(100% - 245px); font-size:20px;}
    #cr_header div.util{order:1; width:100%; background-color:#f3f3f3;}
    #cr_header div.util ul{justify-content:flex-end; align-items:center; height:40px; padding:0 20px;}
    #cr_header div.util ul li{font-size:14px;}
    #cr_header div.util ul li::before{width:15px; height:15px; background-size:60px 15px;}
    #cr_header div.util ul li.session::before{background-position:-15px 0;}
    #cr_header div.util ul li.session button{height:35px; padding:0 10px; border-radius:12px;}
    #cr_header div.util ul li.member::before{background-position:-30px 0;}
    #cr_header div.util ul li.out::before{background-position:-45px 0;}

    #cr_gnb{width:100%; height:auto; top:100px; bottom:inherit; border-right:none; border-bottom:1px solid #d7d7d7; background-color:#fff; z-index:1;position: static;}
    #cr_gnb ul{display:flex; padding-top:0;}
    #cr_gnb ul li{flex:1; position:relative;}
    #cr_gnb ul li:not(:first-child)::before{content:""; width:1px; height:16px; position:absolute; top:50%; left:0; background-color:#d7d7d7; transform:translateY(-50%);}
    #cr_gnb ul li a{justify-content:center; height:50px; padding-left:0; font-size:17px; border-left:0;}
    #cr_gnb ul li a:hover, #cr_gnb ul li a:focus{font-weight:400; color:#333; border-left:none; background-color:transparent;}

    #contents.classroom{padding: 10px 0 50px;width: calc(100% - 14.86vw);margin: 0 auto;}
    #contents.classroom:has(#cr_list.active){position:relative; z-index:2;}
    #contents.classroom:has(.board){padding-right:20px;}
    #contents.classroom div.tab_content, #contents.classroom div.section{padding:30px 25px;}
    #contents.classroom div.tab_content h5, #contents.classroom div.section h5{margin-bottom:20px; font-size:20px;}
    #contents.classroom div.section.title{padding-top: 0px;} 
    #contents.classroom div.section.video{margin-bottom:45px; border-radius:12px;}
    #contents.classroom div.summary div.total_score{padding:20px;}
    #contents.classroom div.summary div.total_score strong{font-size:18px;}
    #contents.classroom div.summary div.total_score strong span{font-size:24px;}
    #contents.classroom div.summary div.score_detail{gap:60px; padding:0;}
    #contents.classroom div.summary div.score_detail ul{gap:20px;}
    #contents.classroom div.summary div.score_detail div.survey_complete::before{left:-30px;}
    #contents.classroom div.summary div.score_detail div.survey_complete p{font-size:15px; word-break:keep-all;}

    #cr_list{width: calc(100% - 14.86vw);height:auto;max-height:60px;padding:0;margin-top:0;right: 50%;overflow:hidden;border-left:none;border-radius:10px 10px 0 0;transition:0.3s all;transform: translateX(50%);}
    #cr_list::before{content:""; display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:1;}
    #cr_list.active{max-height:80vh;}
    #cr_list.active::before{display:block;}
    #cr_list h4{position:relative; z-index:2;}
    #cr_list h4 button{display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:20px 0; font-size:20px; font-weight:700; color:#fff !important; background-color:var(--ega_point_color4);}
    #cr_list h4 button::after{content:""; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; transform:translateY(4px) rotate(-45deg); transition:0.3s all;}
    #listWeek{height:auto; max-height:calc(80vh - 60px); margin-top:0; position:relative; z-index:2;}
    #listWeek::-webkit-scrollbar{width:5px;}
    #listWeek > ul{padding:20px 0; border-radius:0;}
    #listWeek > ul > li{padding:20px;}
    #listWeek > ul > li span.title{font-size:16px;}
    #listWeek > ul > li span.count{font-size:15px;}
    #listWeek > ul > li a.btn{height:45px; right:20px;}
    #listWeek > ul > li ul.desc{gap:20px;}
    #listWeek > ul > li ul.desc li{font-size:14px;}
    #listWeek > ul > li ul.desc li::before{height:12px; left:-12px;}
    #listWeek > ul.depth2 > li{padding:20px;}
    #listWeek > ul.depth2 > li > strong{font-size:18px;}
    #listWeek > ul.depth2 > li:not(:first-child){margin-top:15px;}
    #listWeek > ul.depth2 > li > strong{margin-bottom:15px; font-size:18px;}
    #listWeek > ul.depth2 > li > ul{border-top:1px solid #000;}
    #listWeek > ul.depth2 > li > ul > li{padding:20px 0;}

    /* 통합 검색 */
    div.search_result div.search_box{padding:35px;}
    div.search_result div.search_box div.basic{width:100%;}
    div.search_result div.search_box h4{font-size:16px;}
    div.search_result div.search_box div.basic div.box.type1 input[type=text]{width:calc(100% - 255px);}
    div.search_result div.search_box div.basic div.box.type1 a.btn{height:50px; font-size:18px;}
    div.search_result div.search_box div.basic div.box.type3 div.word a{font-size:15px;}
    div.search_result ul.tab.search{margin-top:40px;}
    div.search_result ul.tab.search li a{min-width:60px; padding:0 8px; font-size:14px;}
    div.search_result ul.tab.search li a span{font-size:13px;}
    div.search_wrap{gap:35px; margin-top:40px;}
    div.search_wrap div.search_list{width:auto; flex:1;}
    div.search_wrap div.search_list div.top{flex-direction:column; align-items:flex-start; gap:20px;}
    div.search_wrap div.search_list div.top p{font-size:18px;}
    div.search_wrap div.search_list div.list{margin-top:20px;}
    div.search_wrap div.search_list div.list div.section{padding:30px 0;}
    div.search_wrap div.search_list div.list div.section div.title h5{font-size:18px;}
    div.search_wrap div.search_list div.list div.section > a{padding-right:12px; top:35px; font-size:16px;}
    div.search_wrap div.search_list div.list div.section > a::after{width:6px; height:6px;}
    div.search_wrap div.search_list div.list div.section ul li a{padding:20px; border-radius:12px;}
    div.search_wrap div.search_list div.list div.section ul li a > span.cate{font-size:15px;}
    div.search_wrap div.search_list div.list div.section ul li a > strong{margin-bottom:15px; font-size:18px;} 
    div.search_wrap div.search_list div.list div.section ul li a > span.desc{font-size:15px;}
    div.search_wrap div.search_list div.list div.section ul li a > span.desc p, div.search_wrap div.search_list div.list div.section ul li a > span.desc span{font-size:15px !important;}
    div.search_wrap div.search_list div.list div.section ul li a > span.desc > span.key {font-weight:500; color:var(--ega_point_color4) !important;}
    div.search_wrap div.search_list div.list div.section ul li a > span.date{font-size:15px;}
    div.search_wrap div.search_list div.list div.section > p{font-size:16px;}
    div.search_wrap div.side{border-radius:12px;}
    div.search_wrap div.side h5{height:50px; padding:0 20px; font-size:15px;}
    div.search_wrap div.side > ul.list{padding:10px 20px;}
    div.search_wrap div.side > ul.list li a{font-size:14px;}
    div.search_wrap div.side div.my p.title{height:50px; padding:0 20px; font-size:15px;}
    div.search_wrap div.side div.my ul.list{padding:10px 20px;}
    div.search_wrap div.side div.my ul.list li a.word{font-size:14px;}

    /* 기존 코드 사용 - 사이트맵 */
    .sitemap .menu{display:grid; grid-template-columns:repeat(3, 1fr);}
    .sitemap .menu > li > a{font-size:18px;}

    div.ct_dialog div.box{border-radius:12px;}
    div.ct_dialog div.box div.title{height:55px;}
    div.ct_dialog div.box div.title h4{font-size:18px;}
    div.ct_dialog div.box div.title a.close{right:15px;}
    div.ct_dialog div.box div.content{padding:25px 20px;}
    div.ct_dialog div.box div.content div.scroll::-webkit-scrollbar{width:4px;}
    div.ct_dialog div.box div.content > p{font-size:16px;}
    div.ct_dialog div.box div.content table.type_horizontal thead th{padding:10px 5px; font-size:14px;}
    div.ct_dialog div.box div.content table.type_horizontal tbody td{padding:10px 5px; font-size:14px;}
    div.ct_dialog div.box div.content table.type_horizontal tfoot td{padding:10px 5px; font-size:14px;}
    div.ct_dialog div.box div.content div.bbs_search{margin-bottom:15px;}
    div.ct_dialog div.box div.content div.bbs_search input[type=text]{width:220px;}
    div.ct_dialog div.box div.content div.bbs_paging{margin-top:20px;}
    div.ct_dialog div.box div.content div.bbs_paging > span{width:35px; height:35px;}
    div.ct_dialog div.box div.content input[type=text], div.ct_dialog div.box div.content div.bbs_search a.ega_ui.btn{height:45px; font-size:16px;}
    div.ct_dialog div.box div.content div.audio_box strong{margin-bottom:15px; font-size:16px;}
    div.ct_dialog div.box div.content ul.desc li{padding-left:12px; font-size:16px;}
    div.ct_dialog div.box div.content ul.desc li::before{width:3px; height:3px;}
    div.ct_dialog div.box div.content div.btn_group{margin-top:15px;}
    div.ct_dialog div.box div.content div.btn_group .btn{height:50px; padding:0 20px; font-size:15px;}

    /* 컴포넌트 */
    ul.share li a{width:40px; height:40px;}
    ul.share li a.like.count{min-width:65px;}
    ul.share li a::before{width:15px; height:15px; background-size:60px 60px;}
    ul.share li a.url::before{background-position:-45px 0;}
    ul.share li a.fb::before{background-position:-15px 0;}
    ul.share li a.tw::before{background-position:-30px 0;}
    ul.share li a.like::before{background-position:0 -15px;}
    ul.share li a.like.count::before{background-position:0 -30px;}
    ul.share li a span{display:none !important;}

    h4.bullet{margin-bottom:20px; font-size:20px;}
    ul.bullet_list{padding:20px 25px;}
    ul.bullet_list li{padding-left:13px; font-size:18px;}
    ul.bullet_list li::before{width:4px; height:4px;}

    table.type_vertical{border-top:1px solid #333;}
    table.type_vertical th{padding:15px; font-size:16px;}
    table.type_vertical td{padding:15px; font-size:16px;}
    table.type_horizontal{border-top:1px solid #333;}
    table.type_horizontal thead th{padding:15px; font-size:16px;}
    table.type_horizontal tbody td{padding:15px; font-size:16px;}

    ul.tab{margin-bottom:30px;}
    ul.tab li a{min-width:100px; height:55px; padding:0 20px; font-size:18px; text-align:center; word-break:keep-all;}
    ul.tab.sub::after{height:1px;}
    ul.tab.sub li a{height:55px; font-size:17px; border-bottom:1px solid var(--ega_point_color4);}
    ul.tab.sub li.active a, ul.tab.sub li a[aria-selected=true]{border-top:1px solid var(--ega_point_color4); border-right:1px solid var(--ega_point_color4); border-bottom:1px solid #fff; border-left:1px solid var(--ega_point_color4);}

    ul.video_info li{font-size:16px;}
    ul.video_info li::before{width:25px; height:25px; background-size:75px 75px;}
    ul.video_info li.time::before{background-position:-25px 0;}
    ul.video_info li.date::before{background-position:-50px 0;}

    ul.file_list li{gap:15px; padding:10px 20px;}
    ul.file_list li a{font-size:16px;}
    ul.file_list li a.download{font-size:15px;}

    .ega_ui.btn{border-radius:12px;}
    .ega_ui.btn.more{gap:15px;}
    .ega_ui.btn.more::after{width:8px; height:8px;}
    .ega_ui.btn.preview, .ega_ui.btn.download{padding:0 15px;}
    .ega_ui.btn.preview::before, .ega_ui.btn.download::before{width:16px; height:20px; background-size:32px 20px;}
    .ega_ui.btn.download::before{background-position:-16px 0;}

    div.rating span.bg{width:104px; height:18px; background:url(../../images/www/common/bg_rating.png) no-repeat 0 -18px/104px 36px;}
    div.rating span.value{height:18px; background-size:104px 36px;}
    div.rating span.score{font-size:18px;}

    div.modal_btn{display:flex; justify-content:center; gap:15px; margin-top:20px;}

    .c_btn{height:45px; padding:0 20px; font-size:16px; border-radius:12px;}

    /* kendo bootstrap 수정 */
    .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload{border-radius:12px;}
    .k-window .k-window-titlebar{height:50px;}
    .k-window .k-window-title{height:50px; line-height:50px; font-size:18px;}
    div.k-window-content{font-size:16px;}
    .k-button{height:40px; padding:0 25px;}
    
    /* 2023 통합자료실 */
    .integ_data_form_search div.bbs_search{padding-right:0px;}
    .integ_data_form_search div.bbs_search input[type=text]{width:40%}
    
    .data_search_category{margin-bottom:20px;}
    .data_search_category ul li{margin:0 5px;}
    .data_search_category ul li label{width: 100px;height: 100px;padding: 70px 0 0;font-size: 16px;}
    .data_search_category ul li label:after{width: 100px;height: 80px;background-size: 40px;}
    
    .data_search_filter{width:100%;}
    .data_search_filter dl dd ul li{flex-basis: 25%;}
    .data_search_filter dl.filter_period dd ul li{flex-basis:25%}
    .data_search_filter dl.filter_period dd ul li:first-child{flex-basis:100%}
    .data_search_filter dl.filter_period dd ul li span.datepicker_type01{width:100%;}
    .data_search_filter dl.filter_period dd ul li span.datepicker_type01:first-child{margin-right:5px;}
    .data_search_filter dl.filter_period dd ul li span.datepicker_type01:last-child{margin-left:5px;}
    
    .integ_data_form_search .bbs_search a.ega_ui.btn.search.serchFilterBtn{width:100px;}
    
    div.bbs_view.data_integ_view div.title div.desc{font-size:16px;}
}

/* Mobile */
@media only all and (max-width:767px) {
    /* sub common */
    #sub_contents{padding:0 20px;}
    #sub_contents > div.title{align-items:flex-end; gap:0; margin-bottom:15px;}
    #sub_contents > h3:not(:has(div.title)){margin-bottom:15px;}
    #sub_contents > h3, #sub_contents > div.title h3{margin-bottom:0; font-size:26px;}
    #sub_contents > div.title.small{flex-direction:column; align-items:flex-start; gap:10px; padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #d7d7d7;}
    #sub_contents > div.title.small h3{margin-bottom:0; font-size:26px;}
    #sub_contents > div.title.open_main, #sub_contents > div.title.data_main{align-items:flex-start; flex-direction:column; gap:15px; padding-bottom:15px; border-bottom:1px solid #333;}
    #sub_contents > div.title.open_main h3, #sub_contents > div.title.data_main h3{margin-bottom:0; font-size:26px;}
    #sub_contents > div.title.open_main div p, #sub_contents > div.title.data_main div p{font-size:14px;}
    #sub_contents > div.title.underline{padding-bottom:10px; margin-bottom:30px;}
    #sub_contents > div.title.underline h3{margin-bottom:0;}
    #sub_contents h4.bullet{margin-bottom:15px; font-size:18px; line-height:1.5;}
    #sub_contents ul.bullet_list{padding:15px; border-radius:10px;}
    #sub_contents ul.bullet_list li{padding-left:10px; font-size:14px;}
    #sub_contents ul.bullet_list li::before{width:3px; height:3px; top:10px;}
    
    #breadcrumb{margin-bottom:30px;}
    #breadcrumb::before{display:none;}
    #breadcrumb ul{display:flex; width:100%; height:45px; padding-right:0; position:relative; background-color:transparent;}
    #breadcrumb ul::before{content:""; width:50%; height:45px; position:absolute; top:0; left:0; border-top-right-radius:22.5px; border-bottom-right-radius:22.5px; background-color:#f3f3f3;}
    #breadcrumb ul li{padding:0 0 0 20px;}
    #breadcrumb ul li:not(:first-child):before{display:none;}
    #breadcrumb ul li a{font-size:15px;}
    #breadcrumb ul li:first-child{width:45px; padding:0;}
    #breadcrumb ul li:first-child a{width:45px; height:45px; background-size:14px 14px;}
    #breadcrumb ul li:nth-child(2){width:calc(50% - 45px);}
    #breadcrumb ul li:nth-child(4){display:none;}
    
    /* board */
    ul.bbs_desc{margin-bottom:25px;}
    ul.bbs_desc li{padding-left:12px; font-size:14px;}
    ul.bbs_desc li::before{width:4px; height:4px; top:9px;}

    div.bbs_series_top{padding:15px 0 25px; font-size:14px;}
    div.bbs_series_top p{margin-top:10px; font-size:14px;}
    div.bbs_series_top p strong, div.bbs_series_top p span{font-size:14px;}
    
    div.bbs_event_top{margin-bottom:20px; border-radius:10px;}
    div.bbs_event_top button{height:50px; padding:0 20px; font-size:15px;}
    div.bbs_event_top button span{width:22px; height:22px;}
    div.bbs_event_top button span::before{width:5px; height:5px; top:calc(50% - 1px);}
    div.bbs_event_top div.text_box{padding:20px;}
    
    div.bbs_record_top{margin-bottom:15px;}
    div.bbs_record_top p{padding-left:10px; font-size:14px;}
    div.bbs_record_top p::before{width:3px; height:3px; top:8px;}

    div.bbs_search{gap:10px; padding:15px; margin-bottom:25px;}
    div.bbs_search input[type=text]{width:100%; max-width:100%;}
    div.bbs_search select{width:calc((100% - 10px) / 2);}
    /* (셀렉트 박스) 구조 변경이 불가하여 데이터 값을 기준으로 스타일 정의함. */
    div.bbs_search select[name=srchCrsCtgry1DeptId]{width:110px;}
    div.bbs_search select[name=srchCrsCtgry2DeptId]{width:calc(100% - 120px);}
    div.bbs_search input[name=srchType] + select[name=srchBbsCtgryCd]{width:100px;}
    div.bbs_search input[name=srchType] + select[name=srchBbsCtgryCd] + input[type=text]{width:calc(100% - 110px);}
    div.bbs_search select[name=srchYear]{width:80px;}
    div.bbs_search select[name=srchKey]{width:90px;}
    div.bbs_search select[name=srchKey] + input[type=text]{width:calc(100% - 190px);}
    div.bbs_search select[name=srchType]{width:80px;}
    div.bbs_search select[name=srchType][style=""] + input[type=text]{width:calc(100% - 90px);}
    div.bbs_search select[name=srchInqryTypeCd]{width:100px;}
    div.bbs_search select[name=srchInqryCtgryCd]{width:calc(100% - 175px);}
    div.bbs_search select[name=srchPrgrsState]{width:calc(100% - 65px);}
    div.bbs_search select[name=srchBbsCtgryCd]{width:100%;}
    div.bbs_search select[name=srchCategory2]{width:110px;}
    div.bbs_search select[name=srchCourseActiveSeq]{width:calc(100% - 120px);}
    div.bbs_search a.ega_ui.btn{width:75px; height:40px; font-size:15px;}
    div.bbs_search > label{width:55px; padding-left:0; font-size:14px;}
    div.bbs_search div.bbs_keyword{flex-wrap:wrap; gap:5px;}
    div.bbs_search div.bbs_keyword a{height:30px; padding:0 10px; font-size:14px; border-radius:15px;}
    div.bbs_search div.bbs_keyword a.active{font-weight:500;}
    div.bbs_search div.bbs_category ul{flex-wrap:wrap; justify-content:flex-start; gap:15px;}
    
    div.bbs_top{margin-bottom:10px; font-size:14px;}
    div.bbs_top.btn_only{justify-content:flex-end;}
    div.bbs_top div.info span{color:var(--ega_point_color4);}
    div.bbs_top ul.view_opt{gap:20px;}
    div.bbs_top ul.view_opt li a{padding-left:20px; font-size:15px;}
    div.bbs_top ul.view_opt li a::before{width:15px; height:15px; background-size:30px 15px;}
    div.bbs_top ul.view_opt li.type2 a::before{background-position:-15px 0;}
    div.bbs_top div.sort_opt{gap:20px;}
    div.bbs_top div.sort_opt ul{gap:20px;}
    div.bbs_top div.sort_opt ul li:not(:first-child)::before{height:14px; left:-10px;}
    div.bbs_top div.sort_opt ul li a{padding-right:15px; font-size:14px;}
    div.bbs_top div.sort_opt ul li a::after{top:6px; border-top:6px solid #333; border-right:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid transparent;}
    div.bbs_top div.sort_opt ul li:nth-child(4), div.bbs_top div.sort_opt ul li:nth-child(6){display:none;}
    div.bbs_top div.btn{transform:translateY(5px);}
    div.bbs_top div.btn a.btn{gap:5px; height:40px; padding:0 15px; font-size:14px; font-weight:500;}
    div.bbs_top div.btn a.btn::before{width:10px; background:conic-gradient(from 90deg at 2px 2px,transparent 90deg,#333 0) calc(100% + 2px/2) calc(100% + 2px/2) / calc(50% + 2px) calc(50% + 2px);}
    
    ul.bbs_category{display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; margin-bottom:25px; border:none;}
    ul.bbs_category li{flex:1;}
    ul.bbs_category li a{min-width:80px; height:40px; padding:0 10px; font-size:13px; border:1px solid #e1e1e1; border-radius:10px; text-align:center; word-break:keep-all;}
    
    div.bbs_list > table{display:block; border-top:1px solid #363636;}
    div.bbs_list > table thead, div.bbs_list > table col, div.bbs_list > table tbody td.number{display:none;}
    div.bbs_list > table tbody, div.bbs_list > table tbody tr, div.bbs_list > table tbody tr td{display:block;}
    div.bbs_list > table tbody tr{display:grid; grid-template-columns:repeat(12, 1fr); align-items:center; gap:10px 0; padding:17px; position:relative;}
    div.bbs_list > table tbody tr:has(td[colspan]){display:block;}
    div.bbs_list > table tbody td{height:auto; padding:0; font-size:13px; text-align:left;}
    div.bbs_list > table tbody td[colspan]{text-align:center;}
    div.bbs_list > table tbody td::before{display:inline; padding-right:5px; font-weight:400; color:#333;}
    div.bbs_list > table tbody td.subject{grid-column:1/13;}
    div.bbs_list > table tbody td.subject a{font-size:17px; font-weight:500;}
    div.bbs_list > table tbody td.subject span.new{width:20px; height:20px; font-size:11px;}
    div.bbs_list > table tbody td.subject span.secret{width:11px; height:14px; margin-right:3px; background-size:cover;}
    div.bbs_list > table tbody td.file{grid-column:1/5;}
    div.bbs_list > table tbody td.file::before{content:"첨부파일";}
    div.bbs_list > table tbody td.file span{width:13px; height:12px; background-size:cover; vertical-align:-1px;}
    div.bbs_list > table tbody td.date{grid-column:5/10;}
    div.bbs_list > table tbody td.date::before{content:"등록일";}
    div.bbs_list > table tbody td.view{grid-column:10/13; text-align:right;}
    div.bbs_list > table tbody td.view::before{content:"조회수";}
    div.bbs_list > table tbody td.toggle::before{width:22px; height:22px; padding-right:0;}
    div.bbs_list > table tbody td.toggle::after{width:5px; height:5px;}
    div.bbs_list > table tbody tr.answer{display:block;}
    div.bbs_list > table tbody td.answer{padding:0 15px;}
    div.bbs_list > table tbody td.answer div{font-size:14px !important;}
    div.bbs_list > table tbody td.answer div table{width:100% !important;}
    div.bbs_list > table tbody td.answer div table tr{display:table-row;}
    div.bbs_list > table tbody td.answer div table th, div.bbs_list > table tbody td.answer div table td{width:auto !important;}
    div.bbs_list > table tbody td.answer div p, div.bbs_list > table tbody td.answer div span{font-size:14px !important;}
    div.bbs_list > table tbody td.answer > span{top:4px; left:-3px;}
    div.bbs_list > table tbody td.download.mp3 a::before{width:18px; height:18px; background-size:54px 18px;}
    div.bbs_list > table tbody td.download.pdf a::before{width:18px; height:18px; background-position:-18px 0; background-size:54px 18px;}
    div.bbs_list > table tbody td.listen a::before{width:18px; height:18px; background-position:-36px 0; background-size:54px 18px;}
    div.bbs_list > table tbody td.sheet a::before{width:18px; height:18px; background-position:4px 0; background-size:cover;}
    div.bbs_list > table tbody td.sheet a.download_jpg::before{background-position:-12px 0;}
    div.bbs_list > table tr.notice td.number{display:block; grid-column:1/13;}
    div.bbs_list > table tr.notice td.number span{height:24px; padding:0 10px; font-size:12px; border-radius:12px;}
    div.bbs_list > table tr.select{background-color:#fafafa;}
    div.bbs_list > table tr.select td.subject a{font-weight:500;}
    
    div.bbs_list.faq_list > table tbody td.subject{grid-column:1/11;}
    div.bbs_list.faq_list > table tbody td.category{display:none;}
    div.bbs_list.faq_list > table tbody td.category.mobile{display:block; grid-column:1/8;}
    div.bbs_list.faq_list > table tbody td.category.mobile::before{content:"구분";}
    div.bbs_list.faq_list > table tbody td.date{grid-column:8/13; text-align:right;}
    div.bbs_list.faq_list > table tbody td.toggle{position:absolute; top:15px; right:15px;}
    
    div.bbs_list.music_list > table tbody td.subject{order:1;}
    div.bbs_list.music_list > table tbody td.category{grid-column:1/10; order:2;}
    div.bbs_list.music_list > table tbody td.category::before{content:"구분";}
    div.bbs_list.music_list > table tbody td.writer{grid-column:1/5; order:3;}
    div.bbs_list.music_list > table tbody td.writer::before{content:"등록자";}
    div.bbs_list.music_list > table tbody td.date{order:4;}
    div.bbs_list.music_list > table tbody td.view{order:5;}
    div.bbs_list.music_list > table tbody td.file{grid-column:1/13; order:6;}
    
    div.bbs_list.qna_list > table tbody td.subject{order:1;}
    div.bbs_list.qna_list > table tbody td.category{grid-column:1/13; order:2;}
    div.bbs_list.qna_list > table tbody td.category::before{content:"상담분류";}
    div.bbs_list.qna_list > table tbody td.file{grid-column:1/4; order:6;}
    div.bbs_list.qna_list > table tbody td.counsel{grid-column:1/5; order:3;}
    div.bbs_list.qna_list > table tbody td.counsel::before{content:"상담자";}
    div.bbs_list.qna_list > table tbody td.date{order:4;}
    div.bbs_list.qna_list > table tbody td.status{grid-column:4/13; order:7;}
    div.bbs_list.qna_list > table tbody td.status::before{content:"답변상태";}
    div.bbs_list.qna_list > table tbody td.view{order:5;}
    div.bbs_list.qna_list > table tbody td.date::before{content:"상담일";}
    
    div.bbs_list.comment_list > table tbody td.subject{order:1;}
    div.bbs_list.comment_list > table tbody td.year{grid-column:1/13; order:2;}
    div.bbs_list.comment_list > table tbody td.year::before{content:"년도";}
    div.bbs_list.comment_list > table tbody td.lec_name{grid-column:1/13; order:3;}
    div.bbs_list.comment_list > table tbody td.lec_name::before{content:"강좌명";}
    div.bbs_list.comment_list > table tbody td.date{grid-column:1/6; order:4;}
    div.bbs_list.comment_list > table tbody td.writer{grid-column:6/10; order:5;}
    div.bbs_list.comment_list > table tbody td.writer::before{content:"등록자";}
    div.bbs_list.comment_list > table tbody td.view{order:6;}
    
    div.bbs_list.data_list > table tbody td.subject{order:1;}
    div.bbs_list.data_list > table tbody td.category{grid-column:1/13; order:2;}
    div.bbs_list.data_list > table tbody td.category::before{content:"분류";}
    div.bbs_list.data_list > table tbody td.lec_name{grid-column:1/13; order:3;}
    div.bbs_list.data_list > table tbody td.lec_name::before{content:"강좌명";}
    div.bbs_list.data_list > table tbody td.file{order:4;}
    div.bbs_list.data_list > table tbody td.view{order:5;}
    
    div.bbs_list.section > table{border-top:none;}
    div.bbs_list.section > table tbody tr{padding:10px;}
    div.bbs_list.section > table tbody td.download{grid-column:1/4;}
    div.bbs_list.section > table tbody td.download::before{content:"다운로드";}
    div.bbs_list.section > table tbody td.download a::before{vertical-align:-4px;}
    div.bbs_list.section > table tbody td.download:not(:has(a)){display:none;}
    div.bbs_list.section > table tbody td.download:not(:has(a))::before{display:none;}
    div.bbs_list.section > table tbody td.download:not(:has(a)) + td.listen{grid-column:1/6;}
    div.bbs_list.section > table tbody td.listen{grid-column:4/6;}
    div.bbs_list.section > table tbody td.listen::before{content:"듣기";}
    div.bbs_list.section > table tbody td.listen a::before{vertical-align:-4px;}
    
    div.bbs_paging{margin-top:30px;}
    div.bbs_paging a, div.bbs_paging > span{width:25px; height:25px; font-size:13px;}
    div.bbs_paging a.pg::before{width:14px; height:14px; background-size:28px 14px;}
    div.bbs_paging a.pg.prev::before{background-position:-14px 0;}
    div.bbs_paging a.pg.next::before{background-position:-14px 0;}
    
    div.bbs_view div.title{padding:15px; border-top:1px solid #000;}
    div.bbs_view div.title h4{flex-direction:column; align-items:flex-start; gap:5px; font-size:18px;}
    div.bbs_view div.title h4 span.cate{flex:0 0 auto; padding:0 12px; font-size:13px;}
    div.bbs_view div.title ul.desc{margin-top:10px;}
    div.bbs_view div.title ul.desc li{font-size:14px;}
    div.bbs_view div.title ul.desc li:not(:first-child)::before{width:3px; height:3px; left:-13px;}
    div.bbs_view div.title div.util{top:15px; right:10px;}
    div.bbs_view div.title div.util a.url{width:40px; height:40px;}
    div.bbs_view div.title div.util a.like{min-width:60px; height:40px; padding:0 10px; font-size:13px; border-radius:20px;}
    div.bbs_view div.title div.util a.like::before{width:15px; height:15px; background-position:0 -30px; background-size:45px 60px;}
    div.bbs_view div.title div.util a.like.active{color:#fff; background-color:var(--ega_point_color2);}
    div.bbs_view div.title div.util a.like.active::before{background-position:0 0;}
    div.bbs_view div.title ul.share{top:-52px; right:0;}
    div.bbs_view div.title div.lec_cate{flex-direction:column; align-items:flex-start; gap:5px; margin-bottom:5px;}
    div.bbs_view div.title div.lec_cate p{font-size:16px;}
    div.bbs_view div.title div.lec_cate span.cate{height:40px; padding:0 12px; font-size:13px; border-radius:20px;}
    div.bbs_view div.title.thumb{display:grid; grid-template-columns:repeat(10, 1fr); grid-template-rows:repeat(3, auto); gap:15px; padding-left:0;}
    div.bbs_view div.title.thumb h4{grid-column:1/11; grid-row:1/2; order:1; padding-top:0;}
    div.bbs_view div.title.thumb div.bg_wrap{grid-column:1/5; grid-row:2/4; order:2; width:100%; position:static;}
    div.bbs_view div.title.thumb div.bg_wrap div.bg{border-radius:10px;}
    div.bbs_view div.title.thumb ul.share{grid-column:5/11; grid-row:2/3; order:3; position:static;}
    div.bbs_view div.title.thumb ul.desc{grid-column:5/11; grid-row:3/4; order:4; flex-direction:column; gap:10px;}
    div.bbs_view div.title.thumb ul.desc li{padding-left:10px;}
    div.bbs_view div.title.thumb ul.desc li::before{content:""; width:3px; height:3px; position:absolute; top:50%; left:0; border-radius:50%; background-color:var(--ega_font_color_sub); transform:translateY(-50%);}
    div.bbs_view div.content{min-height:150px; padding:20px 15px; font-size:14px;}
    div.bbs_view div.content:has(.bbs_list){padding:0 0 20px 0;}
    div.bbs_view div.content p, div.bbs_view div.content span, div.bbs_view div.content div{font-size:14px;}
    div.bbs_view div.content table{width:100% !important;}
    div.bbs_view div.content table, div.bbs_view div.content td, div.bbs_view div.content td span{width:inherit !important; font-size:13px !important;}
    div.bbs_view div.content div.bbs_list table td.subject{font-size:16px !important;}
    div.bbs_view div.content div.section:not(:first-of-type){margin-top:25px;}
    div.bbs_view div.content div.section h5{padding-left:12px; margin-bottom:15px; font-size:16px;}
    div.bbs_view div.content div.section h5::before{width:4px; height:4px; top:9px;}
    div.bbs_view div.content div.section div.text_box{font-size:18px;}
    div.bbs_view div.content div.section div.text_box, div.bbs_view div.content div.section div.text_box p, div.bbs_view div.content div.section div.text_box span, div.bbs_view div.content div.section div.text_box div{font-size:14px !important;}
    div.bbs_view div.file{flex-direction:column; gap:10px; padding:15px; margin-bottom:20px; border-radius:10px;}
    div.bbs_view div.file > span{line-height:100%; font-size:15px;}
    div.bbs_view div.file > ul li{gap:10px;}
    div.bbs_view div.file > ul li a.down{line-height:1.4; font-size:13px;}
    div.bbs_view div.file > ul li a.preview{flex:0 0 auto; height:40px; font-size:14px;}
    div.bbs_view div.btn_group_wrap{padding-top:20px;}
    div.bbs_view div.btn_group{gap:10px; padding-top:20px;}
    div.bbs_view div.btn_group_wrap a, div.bbs_view div.btn_group a{width:auto; height:45px; padding:0 15px; font-size:15px;}
    
    div.bbs_private{margin-bottom:30px;}
    div.bbs_private h4{font-size:16px;}
    div.bbs_private div.text_box{height:150px; padding:15px; margin-top:10px; font-size:13px; border-radius:10px;}
    div.bbs_private div.text_box strong{margin-bottom:5px;}
    div.bbs_private div.agree{margin-top:15px;}
    
    /* 열린강좌 메인 */
    div.open_main_section{margin-top:30px;}
    div.open_main_section h4{margin-bottom:15px; font-size:22px;}
    div.open_main_section div.more a.btn{height:50px; padding:0 35px; margin-top:20px; font-size:15px; border-radius:10px;}
    div.open_main_section div.more a.btn::after{width:10px; height:6px; background-size:cover;}
    div.open_main_section ul.tab{display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; margin-bottom:25px; border:none;}
    div.open_main_section ul.tab li a{min-width:80px; height:40px; padding:0 5px; font-size:13px; border:1px solid #e1e1e1; border-radius:10px; text-align:center;}
    
    /* 통합자료실 메인 */
    div.data_main_section{margin-top:30px;}
    div.data_main_section h4{margin-bottom:15px; font-size:22px;}
    div.data_main_section h4 br{display:none;}
    div.data_main_section.data_quick_link{flex-direction:column; align-items:flex-start;}
    div.data_quick_link ul{gap:10px; width:100%;}
    div.data_quick_link ul li{flex:1; height:0; padding-bottom:17.8%; position:relative;}
    div.data_quick_link ul li a{width:100%; height:100%; position:absolute; top:0; left:0; font-size:14px;}
    div.data_order_list > ul{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
    div.data_order_list > ul > li{flex:1; overflow:hidden; border:1px solid #e1e1e1; border-radius:14px;}
    div.data_order_list > ul > li strong{height:40px; font-size:16px; font-weight:500;}
    div.data_order_list > ul > li ol{padding:0 15px;}
    div.data_order_list > ul > li ol li a{height:40px; line-height:40px; font-size:14px;}
    div.data_order_list > ul > li ol li a::before{padding-right:5px;}
    div.data_order_list > ul > li div.empty{height:40px; line-height:40px; font-size:14px;}
    
    /* 강좌 목록 */
    ul.lec_list{grid-template-columns:repeat(2, 1fr); gap:20px 15px; padding: 10px 0 0 0;}
    ul.lec_list li a div.bg{border-radius:10px;}
    ul.lec_list.type5{grid-template-columns:repeat(2, 1fr); gap:20px 15px;}
    ul.lec_list.type5 li a div.info{padding:10px 5px;}
    ul.lec_list.type5 li a div.info strong{font-size:15px;}
    ul.lec_list.type6 li a{flex-direction:column; gap:10px; padding:10px 0;}
    ul.lec_list.type6 li a div.bg{width:100%; padding-bottom:56.25%;}
    ul.lec_list.type6 li a div.info{width:100%;}
    ul.lec_list.type6 li a div.info span.desc{margin-bottom:5px; font-size:14px;}
    ul.lec_list.type6 li a div.info div.intro{margin : 20px 0 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 300;	line-height: 25px;} /* 2023.07.05 정지효, INo.9999 */
    ul.lec_list.type7{flex-direction:row; gap:15px;}
    ul.lec_list.type7 > li{flex:1;}
    ul.lec_list.type7 > li a div.info{padding-top:10px;}
    ul.lec_list.type7 > li a div.info strong{font-size:15px;}
    ul.lec_list.type7 > li a div.info ul.video_info{margin-top:5px;}
    ul.lec_list li a div.bg span.empty{background-size:35px 29px;}
    ul.lec_list li a div.bg div.stat{top:12px; left:12px;}
    ul.lec_list li a div.bg div.stat span{height:25px; padding:0 10px; font-size:12px; border-radius:12.5px; line-height: 25px;}
    ul.lec_list li a div.info{padding:10px 5px;}
    ul.lec_list li a div.info strong{font-size:15px;}
    ul.lec_list li a div.info div.tag{margin-bottom:5px;}
    ul.lec_list li a div.info div.cate{gap:5px;}
    ul.lec_list li a div.info div.cate span{max-width:70px; height:25px; padding:0 7px; font-size:11px;}
    ul.lec_list li a div.info div.how span{height:25px; padding:0 7px; font-size:11px; border-radius:12.5px;}
    ul.lec_list li a div.info div.desc{gap:13px; margin-top:5px; font-size:13px;}
    ul.lec_list li a div.info div.desc span:not(:first-child)::before{width:3px; height:3px; left:-7px;}
    ul.lec_list.type1 li a div.info div.desc span:nth-child(2){display:none;}
    ul.lec_list li a:hover div.info strong, ul.lec_list li a:focus div.info strong{text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px;}
    ul.lec_list li.secret a div.info strong::before{width:10px; height:13px; margin-right:5px; background-size:cover; vertical-align:-1px;}
    #listThumnail.lec_list li a div.info div.desc span:last-child{display:none;}
    
    /* 강좌 상세 */
    div.offline_lec_wrap{padding-right:0;}
    div.lec_info_top{flex-direction:column; gap:25px;}
    div.lec_info_top div.bg_wrap{width:100%;}
    div.lec_info_top div.bg{border-radius:10px;}
    div.lec_info_top div.rating{justify-content:space-between; padding:0 10px; margin-top:15px;}
    div.lec_info_top div.info ul{display:flex; flex-direction:column;}
    div.lec_info_top div.info ul li{padding:17px 0;}
    div.lec_info_top div.info ul li:first-child{padding-top:15px;}
    div.lec_info_top div.info ul li span.title{min-width:80px; padding-left:25px; font-size:14px;}
    div.lec_info_top div.info ul li span.text{font-size:14px;}
    div.lec_info_top div.info ul li span.title::before{width:20px; height:20px; background-size:100px 20px;}
    div.lec_info_top div.info ul li.type2 span.title::before{background-position:-20px 0;}
    div.lec_info_top div.info ul li.type3 span.title::before{background-position:-20px 0;}
    div.lec_info_top div.info ul li.type4 span.title::before{background-position:-40px 0;}
    div.lec_info_top div.info ul li.type5 span.title::before{background-position:-60px 0;}
    div.lec_info_top div.info ul li.type7 span.title::before{background-position:-80px 0;}
    
    div.lec_info_btn{gap:10px; padding-top:25px; margin-top:25px;}
    div.lec_info_btn {width: 100%;}
    div.lec_info_btn a{width:auto; height:45px; padding:0 15px; font-size:15px; border-radius:10px;}
    div.lec_info_btn div.btn_group{gap:10px;}
    
    div.lec_info_bot.type1{margin-top:30px;}
    div.lec_info_bot.type2{margin-top:30px;}
    div.lec_info_bot.type2 {width: 100%;}
    div.lec_info_bot.type2 ul.tab li{flex:1;}
    div.lec_info_bot.type2 ul.tab li a{min-width:inherit;}
	div.lec_info_bot.type2 div.file{flex-direction:column; gap:10px; padding:15px; margin-bottom:20px; border-radius:10px;}
	div.lec_info_bot.type2 div.file > span{line-height:100%; font-size:15px;}
	div.lec_info_bot.type2 div.file > ul li{gap:10px;}
	div.lec_info_bot.type2 div.file > ul li a.down{line-height:1.4; font-size:13px;}
	div.lec_info_bot.type2 div.file > ul li a.preview{flex:0 0 auto; height:40px; font-size:14px;}
    div.lec_info_bot.type3{padding-top:35px; margin-top:35px; border-top:1px solid #b7b7b7;}
    div.lec_info_bot.type4{margin-top:30px;}
    div.lec_info_bot.type4 ul.tab li{flex:1;}
    div.lec_info_bot.type4 ul.tab li a{width:auto;}
    div.lec_info_bot div.text_box{font-size:15px;}
    div.lec_info_bot div.section:not(:first-of-type){margin-top:25px;}
    div.lec_info_bot div.section h5{padding-left:10px; margin-bottom:12px; font-size:16px;}
    div.lec_info_bot div.section h5::before{width:4px; height:4px;}
    div.lec_info_bot div.section p{padding-left:10px; font-size:14px;}
    div.lec_info_bot div.section table{width:100% !important; border-top:1px solid #363636;}
    div.lec_info_bot div.section table thead th{height:40px; padding:0 10px; font-size:14px;}
    div.lec_info_bot div.section table tbody td{width:auto !important; height:40px; padding:0 10px; font-size:14px;}
    div.lec_info_bot div.section table tfoot td{height:40px; padding:0 10px; font-size:14px;}
    div.lec_info_bot div.section div.file{gap:15px; padding:15px;}
    div.lec_info_bot div.section div.file a.down{font-size:14px;}
    div.lec_info_bot div.section div.file a.btn{flex:0 0 auto; width:95px; height:40px; font-size:14px;}
    
    #lec_index_list{width:calc(100% - 10px); position:fixed; top:inherit; bottom:0; right:5px; z-index:99;}
    #lec_index_list::before{content:""; display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:1;}
    #lec_index_list.active::before{display:block;}
    #lec_index_list.active div.box{height:80vh;}
    #lec_index_list.active div.box h4 button::after{transform:translateY(0) rotate(135deg);}
    #lec_index_list div.box{height:60px; position:relative; border-radius:15px 15px 0 0; z-index:2; transition:0.3s all;}
    #lec_index_list.offline div.box{border:none; background-color:var(--ega_point_color3);}
    #lec_index_list.online div.box{border:none; background-color:#8d603b;}
    #lec_index_list div.box h4{padding:0; font-size:20px; color:#fff;}
    #lec_index_list div.box h4:not(:has(button)){padding:20px 0;}
    #lec_index_list div.box h4 button{display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:20px 0; font-size:20px; color:#fff !important;}
    #lec_index_list div.box h4 button::after{content:""; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; transform:translateY(4px) rotate(-45deg); transition:0.3s all;}
    #lec_index_list div.scroll_box{max-height:calc(80vh - 60px);}
    #lec_index_list.offline div.scroll_box > ul > li div, #lec_index_list.offline div.scroll_box > ul > li a{padding:20px 85px 20px 20px;}
    #lec_index_list.offline div.scroll_box > ul > li strong{margin-bottom:12px; font-size:18px;}
    #lec_index_list.offline div.scroll_box > ul > li ul{gap:7px;}
    #lec_index_list.offline div.scroll_box > ul > li ul li span.title{font-size:14px;}
    #lec_index_list.offline div.scroll_box > ul > li ul li span.text{font-size:14px;}
    #lec_index_list.offline div.scroll_box > ul > li span.stat{width:65px; height:65px; right:15px; font-size:14px;}
    #lec_index_list.offline div.scroll_box > ul > li.empty{font-size:16px;}
    #lec_index_list.offline.apply{width:calc(100% - 10px); right:5px;}
    #lec_index_list.offline.apply div.box{height:auto; margin-bottom:0; padding-bottom:15px; border-radius:15px 15px 0 0;}
    #lec_index_list.offline.apply div.box h4 button::after{transform:translateY(-2px) rotate(135deg);}
    #lec_index_list.offline.apply div.lecture{padding:20px;}
    #lec_index_list.offline.apply div.lecture h5{margin-bottom:15px; font-size:16px;}
    #lec_index_list.offline.apply div.lecture ul li{margin-top:12px; font-size:14px;}
    #lec_index_list.offline.apply div.lecture ul li span.title{width:65px;}
    #lec_index_list.offline.apply div.btn_group{flex-direction:row;}
    #lec_index_list.offline.apply div.btn_group button{flex:1; height:50px; font-size:15px;}
    #lec_index_list.offline.apply div.btn_group button.next{color:#333; background-color:#fff;}
    #lec_index_list.offline.apply div.btn_group button.cancel{font-weight:400; color:#d80d0d; border:1px solid #eeb4b4; background-color:#fff;}
    #lec_index_list.offline.apply div.box.hide h4 button::after{transform:translateY(4px) rotate(-45deg);}
    #lec_index_list.offline.apply div.box.hide div.lecture{display:none;}
    
    #lec_index_list.online div.scroll_box > ul > li{overflow:hidden; border:1px solid #e7dfd9; border-radius:10px; background-color:#fff;}
    #lec_index_list.online div.scroll_box > ul > li:not(.toggle){display:flex; align-items:center; justify-content:space-between; height:55px; padding:0 20px; font-size:14px; font-weight:500; line-height:1.4;}
    #lec_index_list.online div.scroll_box > ul > li.toggle button{height:50px; padding:0 30px 0 15px; font-size:16px;}
    #lec_index_list.online div.scroll_box > ul > li.toggle button::before{width:16px; right:15px;}
    #lec_index_list.online div.scroll_box > ul > li.toggle ul li{height:50px; padding:0 15px; font-size:13px;}
    #lec_index_list.online div.scroll_box > ul > li.toggle ul li:not(:first-child){border-top:1px solid #e7dfd9;}
    #lec_index_list.online div.scroll_box > ul > li a.btn{height:35px; font-size:13px;}
    
    div.comment_wrap{margin-top:30px;}
    div.comment_wrap h5{margin-bottom:10px; font-size:16px;}
    div.comment_wrap h5 + p{font-size:14px;}
    div.comment_wrap div.comment_write{padding:20px;}
    div.comment_wrap div.comment_write textarea{height:100px;}
    div.comment_wrap div.comment_write div.submit{gap:15px; margin-top:10px;}
    div.comment_wrap div.comment_write div.submit a{width:80px; height:45px; font-size:15px; border-radius:10px;}
    div.comment_wrap div.comment_write div.submit div.rating{width:82px;}
    div.comment_wrap div.comment_write div.submit div.rating input[type=radio] + label{width:13px; height:13px;}
    div.comment_wrap div.comment_list{margin-top:20px;}
    div.comment_wrap div.comment_list > ul > li{padding:15px;}
    div.comment_wrap div.comment_list > ul > li div.write_info strong{margin-bottom:5px; font-size:15px;}
    div.comment_wrap div.comment_list > ul > li div.write_info strong span{font-size:13px;}
    div.comment_wrap div.comment_list > ul > li div.write_info p{font-size:14px;}
    div.comment_wrap div.comment_list > ul > li div.write_info div.rating{top:15px; right:15px;}
    div.comment_wrap div.comment_list > ul > li div.btn{gap:7px; margin-top:15px;}
    div.comment_wrap div.comment_list > ul > li div.btn a.btn{height:40px; padding:0 12px; font-size:14px; border-radius:10px;}
    div.comment_wrap div.comment_list > ul > li div.btn a.btn.like{min-width:80px;}
    div.comment_wrap div.comment_list > ul > li div.btn a.btn.like::after{width:15px; height:15px; background-position:0 -45px; background-size:60px 60px;}
    div.comment_wrap div.comment_list > ul > li div.reply{margin-top:20px;}
    div.comment_wrap div.comment_list > ul > li div.reply textarea{height:100px;}
    div.comment_wrap div.comment_list > ul > li div.reply div{display:flex; justify-content:flex-end; margin-top:10px;}
    div.comment_wrap div.comment_list > ul > li div.reply div a{height:50px; padding:0 15px; font-size:18px; color:#fff; border-radius:14px; background-color:#000;}
    div.comment_wrap div.comment_list > ul > li.reply{padding:15px 15px 15px 35px;}
    div.comment_wrap div.comment_list > ul > li.reply div.write_info::before{width:10px; height:12px; left:-18px;}
    div.comment_wrap div.comment_list div.empty{padding:25px 0;}

    /* 동영상 강좌 플레이 */
    div.lec_video_wrap{flex-direction:column; justify-content:space-between; gap:20px;}
    div.lec_video_wrap div.play_video{width:100%;}
    div.lec_video_wrap div.play_video div.play_box{border-radius:10px;}
    div.lec_video_wrap div.rel_video{display:none;}
    div.lec_video_wrap.sticky div.play_video{width:35vw; bottom:20px; right:20px;}
    div.lec_video_info{width:100%; margin-top:15px;}
    div.rel_video{padding:15px; margin-top:20px; border:1px solid #e1e1e1; border-radius:10px;}
    div.rel_video + div.lec_info_btn{padding-top:0; border-top:none;}
    
    /* 댓글, 코멘트, 후기 */	/* 2023.03.23 정지효, INo.6672 */
	div.comment_list div.btn_group a.btn.more.course{gap:10px; width:auto; height:40px; padding:0 15px; font-size:15px; border-radius:10px;}
	#moreCommentBtn {display: flex; justify-content: center;}
    
    /* 마이페이지 */
    div.mypage div.summary{border-top:1px solid #333;}
    div.mypage div.summary div.title{flex-direction:column; align-items:flex-start; gap:10px; height:auto; padding:20px 15px;}
    div.mypage div.summary div.title p{font-size:18px;}
    div.mypage div.summary div.title p span{font-weight:500;}
    div.mypage div.summary div.title div.util{gap:10px;}
    div.mypage div.summary div.title div.util a.btn{height:40px; padding:0 15px; font-size:14px;}
    div.mypage div.summary div.lecture{flex-direction:column; gap:15px;}
    div.mypage div.summary div.lecture > div{flex-direction:column; align-items:flex-start; gap:10px; padding:15px;}
    div.mypage div.summary div.lecture > div h4{font-size:18px; font-weight:500;}
    div.mypage div.summary div.lecture > div h4 span{display:inline;}
    div.mypage div.summary div.lecture > div ul{width:100%; gap:15px;}
    div.mypage div.summary div.lecture > div ul li{max-width:calc((100% - 30px) / 3);}
    div.mypage div.summary div.lecture > div ul li span.title{height:35px; font-size:14px;}
    div.mypage div.summary div.lecture > div ul li span.value{height:40px; font-size:20px;}
    div.mypage div.section{padding:15px; margin-top:15px;}
    div.mypage div.section.survey div strong{font-size:16px;}
	div.mypage div.section.survey div span{font-size:15px;}
	div.mypage div.section.survey div a.btn{width:120px; height:40px; margin-top:10px; font-size:15px;}
    div.mypage div.section h4{margin-bottom:15px;}
    div.mypage div.section h4 button{font-size:18px; font-weight:500;}
    div.mypage div.section h4 button::before{width:22px; height:22px;}
    div.mypage div.section h4 button::after{width:4px; height:4px; top:calc(50% - 1px); right:8px;}
    div.mypage div.section ul.tab.sub li a{min-width:80px; padding:0 5px;}
    div.mypage div.section table th{padding:0; font-size:13px;}
    div.mypage div.section table td{padding:0; font-size:13px;}
    div.mypage div.section table td a{font-size:13px;}
    div.mypage div.section table td.subject a{font-size:16px;}
    div.mypage div.section table td .ega_ui.btn{height:30px; padding:0 15px; font-size:13px; border-radius:15px;}
    div.mypage div.bbs_list.online_ing_list > table tbody td.ing_date{grid-column:1/7;}
    div.mypage div.bbs_list.online_ing_list > table tbody td.ing_date::before{content:"최근학습일";}
    div.mypage div.bbs_list.online_ing_list > table tbody td.req_date{grid-column:7/13;}
    div.mypage div.bbs_list.online_ing_list > table tbody td.req_date::before{content:"수강신청일";}
    div.mypage div.bbs_list.online_ing_list > table tbody td.progress{grid-column:1/13;}
    div.mypage div.bbs_list.online_ing_list > table tbody td.progress::before{content:"진도율";}
    div.mypage div.bbs_list.online_ing_list > table tbody td.study{grid-column:1/13; text-align:right;}
    div.mypage div.bbs_list.online_end_list > table tbody td.subject{order:1;}
    div.mypage div.bbs_list.online_end_list > table tbody td.score{grid-column:1/13; order:2;}
    div.mypage div.bbs_list.online_end_list > table tbody td.score::before{content:"총점";}
    div.mypage div.bbs_list.online_end_list > table tbody td.review{grid-column:1/5; order:3;}
    div.mypage div.bbs_list.online_end_list > table tbody td.review:has(a){text-align:center;}
    div.mypage div.bbs_list.online_end_list > table tbody td.review:not(:has(a))::before{content:"복습";}
    div.mypage div.bbs_list.online_end_list > table tbody td.is_com{grid-column:5/9; order:4;}
    div.mypage div.bbs_list.online_end_list > table tbody td.is_com:has(a){text-align:center;}
    div.mypage div.bbs_list.online_end_list > table tbody td.is_com:not(:has(a))::before{content:"수료여부"; }
    div.mypage div.bbs_list.online_end_list > table tbody td.view{grid-column:9/13; order:5;}
    div.mypage div.bbs_list.online_end_list > table tbody td.view:not(:has(a))::before{content:"총점결과상세"; text-align:left;}
    div.mypage div.bbs_list.online_end_list > table tbody td.view:has(a){text-align:center;}
    div.mypage div.bbs_list.online_end_list > table tbody td.view:has(a)::before{display:none;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.edu_name{grid-column:1/13;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.edu_name::before{content:"교육명";}
    div.mypage div.bbs_list.offline_req_list > table tbody td.period{grid-column:1/13;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.period::before{content:"교육기간";}
    div.mypage div.bbs_list.offline_req_list > table tbody td.date{grid-column:1/7;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.date::before{content:"신청일";}
    div.mypage div.bbs_list.offline_req_list > table tbody td.status{grid-column:7/13;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.status::before{content:"신청상태";}
    div.mypage div.bbs_list.offline_req_list > table tbody td.payment{grid-column:1/7;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.payment::before{content:"결제상태";}
    div.mypage div.bbs_list.offline_req_list > table tbody td.modify{grid-column:7/13;}
    div.mypage div.bbs_list.offline_req_list > table tbody td.modify::before{content:"취소관리";}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.edu_name{grid-column:1/13;}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.edu_name::before{content:"교육명";}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.pay_date{grid-column:1/5;}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.pay_date::before{content:"결제일";}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.payment{grid-column:5/9;}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.payment::before{content:"결제수단";}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.price{grid-column:9/13;}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.price::before{content:"결제금액";}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.receipt{grid-column:1/13;}
    div.mypage div.bbs_list.offline_pay_list > table tbody td.receipt::before{content:"영수증";}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.edu_name{grid-column:1/13;}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.edu_name::before{content:"교육명";}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.period{grid-column:1/13;}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.period::before{content:"교육기간";}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.date{grid-column:1/7;}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.date::before{content:"신청일";}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.status{grid-column:7/13;}
    div.mypage div.bbs_list.offline_ing_list > table tbody td.status::before{content:"학습상태";}
    div.mypage div.bbs_list.offline_end_list > table tbody td.edu_name{grid-column:1/13;}
    div.mypage div.bbs_list.offline_end_list > table tbody td.edu_name::before{content:"교육명";}
    div.mypage div.bbs_list.offline_end_list > table tbody td.period{grid-column:1/13;}
    div.mypage div.bbs_list.offline_end_list > table tbody td.period::before{content:"교육기간";}
    div.mypage div.bbs_list.offline_end_list > table tbody td.complete{grid-column:1/13;}
    div.mypage div.bbs_list.offline_end_list > table tbody td.complete::before{content:"수료여부";}
    div.mypage div.bbs_list.like_online_list > table tbody td.date, div.mypage div.bbs_list.like_offline_list > table tbody td.date{grid-column:1/7;}
    div.mypage div.bbs_list.like_online_list > table tbody td.delete, div.mypage div.bbs_list.like_offline_list > table tbody td.delete{grid-column:7/13; text-align:right;}
    div.mypage div.bbs_list.like_open_list > table tbody td.subject{order:1;}
    div.mypage div.bbs_list.like_open_list > table tbody td.category{grid-column:1/7; order:2;}
    div.mypage div.bbs_list.like_open_list > table tbody td.category::before{content:"강좌유형";}
    div.mypage div.bbs_list.like_open_list > table tbody td.date{grid-column:7/13; order:3;}
    div.mypage div.bbs_list.like_open_list > table tbody td.delete{grid-column:1/13; order:4; text-align:right;}
    div.mypage div.bbs_list.like_data_list > table tbody td.subject{order:1;}
    div.mypage div.bbs_list.like_data_list > table tbody td.category{grid-column:1/7; order:2;}
    div.mypage div.bbs_list.like_data_list > table tbody td.category::before{content:"자료유형";}
    div.mypage div.bbs_list.like_data_list > table tbody td.date{grid-column:7/13; order:3;}
    div.mypage div.bbs_list.like_data_list > table tbody td.delete{grid-column:1/13; order:4; text-align:right;}
    div.mypage div.bbs_list.my_qna_list > table tbody td.subject{order:1;}
    div.mypage div.bbs_list.my_qna_list > table tbody td.category{grid-column:1/13; order:2;}
    div.mypage div.bbs_list.my_qna_list > table tbody td.category::before{content:"분류";}
    div.mypage div.bbs_list.my_qna_list > table tbody td.file{order:3;}
    div.mypage div.bbs_list.my_qna_list > table tbody td.date{order:4;}
    div.mypage div.bbs_list.my_qna_list > table tbody td.status{grid-column:1/13; order:5;}
    div.mypage div.bbs_list.my_qna_list > table tbody td.status::before{content:"답변상태";}
    div.mypage div.bbs_list.review_online_list > table tbody td.desc, div.mypage div.bbs_list.review_offline_list > table tbody td.desc{grid-column:1/13;}
    div.mypage div.bbs_list.review_online_list > table tbody td.rating, div.mypage div.bbs_list.review_offline_list > table tbody td.rating{grid-column:1/7;}
    div.mypage div.bbs_list.review_online_list > table tbody td.date, div.mypage div.bbs_list.review_offline_list > table tbody td.date{grid-column:7/13;}
    div.mypage div.bbs_list.view_open_list > table tbody td.subject{order:1;}
    div.mypage div.bbs_list.view_open_list > table tbody td.category{grid-column:1/13; order:2;}
    div.mypage div.bbs_list.view_open_list > table tbody td.category::before{content:"카테고리";}
    div.mypage div.bbs_list.view_open_list > table tbody td.type{grid-column:1/7; order:3;}
    div.mypage div.bbs_list.view_open_list > table tbody td.type::before{content:"유형";}
    div.mypage div.bbs_list.view_open_list > table tbody td.date{grid-column:7/13; order:4;}
    div.mypage div.bbs_list.view_open_list > table tbody td.date::before{content:"열람일";}
    div.mypage div.bbs_list.tc_req_list > table tbody td.subject{order:1;}
    div.mypage div.bbs_list.tc_req_list > table tbody td.status{grid-column:1/7; order:2;}
    div.mypage div.bbs_list.tc_req_list > table tbody td.status::before{content:"상태";}
    div.mypage div.bbs_list.tc_req_list > table tbody td.date{grid-column:7/13; order:3;}
    div.mypage div.bbs_list.tc_req_list > table tbody td.date::before{content:"신청일";}
    div.mypage div.bbs_list.tc_req_list > table tbody td.return{grid-column:1/13; order:4;}
    div.mypage div.bbs_list.tc_req_list > table tbody td.return::before{content:"반려사유";}
    div.mypage div.bbs_sort{margin-bottom:10px;}
    div.mypage div.bbs_list div.btn_group{margin-top:15px;}
    div.mypage div.bbs_list div.btn_group a.btn.more{gap:10px; width:auto; height:40px; padding:0 15px; font-size:15px; border-radius:10px;}
    div.mypage div.bbs_list div.btn_group a.btn.more::after{width:6px; height:6px; transform:translateY(-2px) rotate(45deg); transition:0.3s all;}
    div.mypage div.empty{height:80px; border-top:1px solid #363636;}

    /* 오프라인 강좌 수강 신청 */
	div.lec_apply{display:flex; flex-direction:column-reverse;}
	div.lec_apply div.apply_box{width:100%;}
	div.lec_apply div.apply_box div.step{margin-bottom:20px;}
	div.lec_apply div.apply_box div.step ol li{flex:1; gap:10px; width:auto; font-size:15px;}
	div.lec_apply div.apply_box div.step ol li:not(:last-child)::after{width:calc(100% - 30px); top:15px; left:calc(50% + 15px);}
	div.lec_apply div.apply_box div.step ol li::before{width:30px; height:30px; font-size:16px;}
	div.lec_apply div.apply_box div.form{min-height:inherit; padding:25px; border-radius:14px;}
	div.lec_apply div.apply_box div.form h4{margin-bottom:15px; font-size:18px;}
	div.lec_apply div.apply_box div.form h4.EDU_STD_NAME{margin-top:20px; font-size:18px;}
	div.lec_apply div.apply_box div.form div.form_wrap.EDU_STD_NAME{padding:10px 15px; border-radius:10px;}
	div.lec_apply div.apply_box div.form div.private{height:150px; padding:20px; font-size:15px; border-radius:10px;}
	div.lec_apply div.apply_box div.form div.agree{display:flex; justify-content:flex-end; margin-top:25px;}
	div.lec_apply div.apply_box div.form h4 + ul.desc li{padding-left:10px; font-size:15px;}
	div.lec_apply div.apply_box div.form h4 + ul.desc li::before{width:4px; height:4px; top:10px;}
    div.lec_apply div.apply_box div.form div.desc_box{padding:20px; border-radius:10px;}
    div.lec_apply div.apply_box div.form div.desc_box h5{margin-bottom:15px; font-size:16px;}
    div.lec_apply div.apply_box div.form div.desc_box ul li{font-size:14px;}

    div.lec_apply div.apply_box div.form.complete p{font-size:18px;}
    div.lec_apply div.apply_box div.form.complete p::before{width:26px; height:26px;}
    div.lec_apply div.apply_box div.form.result h5{font-size:18px;}
    div.lec_apply div.apply_box div.form.result ul li{font-size:15px; line-height:1.3;}
    div.lec_apply div.apply_box div.form.result ul li span{flex:0 0 auto; width:70px;}
    
    div.form_wrap{border-top:1px solid #333;}
    div.form_wrap.EDU_STD_NAME div.input_wrap{
        display:block;
        min-height:auto;
    }
	div.form_wrap.EDU_STD_NAME div.input_wrap h5{
        margin-bottom:10px;
    }
	div.form_wrap div.input_wrap{padding:15px 0;}
	div.form_wrap h5{margin-bottom:10px; font-size:16px !important;}
	div.form_wrap div.input_box{flex-wrap:wrap; gap:7px; font-size:15px;}
	div.form_wrap div.input_box .btn{height:45px; font-size:15px;}
    div.form_wrap div.input_box div.before_study_info{flex-direction:column;}
    div.form_wrap div.input_box div.before_study_info > div input[type=text]{flex:1; width:auto;}
	div.form_wrap ul.desc li{padding-left:10px; font-size:15px;}
	div.form_wrap div.input_box.video_id input[type=text]{width:100%;}
	div.form_wrap div.input_box.video_id div{padding:15px; border-radius:10px;}
	div.form_wrap div.input_box.video_id div ol li{font-size:15px;}
    div.form_wrap div.input_box textarea{height:200px;}
	div.form_wrap div.thumb_wrap{flex-direction:column; gap:20px; width:100%;}
	div.form_wrap div.thumb_wrap div.image{width:100%; height:40vw; border-radius:10px;}
	div.form_wrap div.thumb_wrap div.image + a.btn{height:45px; font-size:15px; border-radius:10px;}
	div.form_wrap .k-file{border-radius:10px;}
	div.form_wrap .k-file::before{width:14px; height:16px; top:15px; left:15px; background-size:cover;}
	div.form_wrap .k-filename{width:calc(100% - 70px); max-width:calc(100% - 70px); padding-bottom:0; margin-left:10px;}
	div.form_wrap .k-upload-status{top:-3px; right:5px;}
	div.form_wrap .uploaded-files{padding:.167em .167em .167em .8em; border-radius:10px;}
	div.form_wrap .k-upload-sync .k-upload-button{height:45px; font-size:15px; border-radius:10px;}
	div.form_wrap .k-upload-sync .k-upload-button::before{width:16px; height:14px;}
	div.form_wrap .k-icon.k-i-close.k-delete{width:30px; height:30px;}
	div.form_wrap .k-icon.k-i-close.k-delete::before, div.form_wrap .k-icon.k-i-close.k-delete::after{width:15px; height:2px;}
	div.form_wrap ul.entry{padding:0 25px; border-radius:10px;}
	div.form_wrap ul.entry li{display:flex; align-items:center; gap:10px; padding:20px 0; font-size:18px;}
	div.form_wrap ul.entry li:not(:first-child){border-top:1px dashed #ddd;}
	div.form_wrap ul.entry li label{width:160px; font-weight:500;}
	div.form_wrap ul.entry li #span_entry_pay{font-size:18px;}
	div.form_wrap ul.entry li #tot_grp_stdcnt{font-weight:500; color:var(--ega_point_color4);}
	div.form_wrap ul.entry li #span_entry_pay p.yearGroup{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px 40px; margin-top:10px; font-size:18px; color:#333;}
	div.form_wrap ul.entry li #span_entry_pay p.yearGroup span{display:flex; align-items:center; gap:10px;}
	div.form_wrap div.entry_total{display:flex; gap:20px; width:100%; padding:25px; background-color:#f8f8f8; border-radius:14px;}
	div.form_wrap div.entry_total strong{font-size:18px; font-weight:500;}
	div.form_wrap div.entry_total p{font-size:18px;}
	div.form_wrap div.entry_total p span span{font-weight:500; color:var(--ega_point_color4);}
	div.form_wrap div.btn_group_wrap{display:flex; justify-content:center;}
	div.form_wrap div.btn_group_wrap:has(.del){justify-content:space-between;}
	div.form_wrap div.btn_group{gap:10px; padding-top:20px;}
	div.form_wrap div.btn_group a.btn{width:auto; height:45px; padding:20px 15px; font-size:15px;}

    /* 강좌안내 */
	div.lec_intro div.section:not(:first-of-type){margin-top:30px;}
	div.lec_intro table.type_vertical{margin-top:25px;}
	div.lec_intro p.step_desc{padding-left:20px; font-size:15px; line-height:1.5;}
	div.lec_intro ol.step_wrap{gap:40px;}
	div.lec_intro ol.step_wrap li{flex-direction:column; align-items:flex-start; gap:15px; padding:20px;}
	div.lec_intro ol.step_wrap li:not(:first-child)::before{border:25px solid transparent; border-top:15px solid var(--ega_point_color3); top:-30px;}
	div.lec_intro ol.step_wrap li > strong{width:100%; font-size:15px; word-break:keep-all;}
	div.lec_intro ol.step_wrap li > strong > span{display:inline; padding-right:10px; font-size:18px;}
	div.lec_intro ol.step_wrap li > p{font-size:15px; word-break:keep-all;}
	div.lec_intro ol.step_wrap li > div.box_wrap div.type{padding:20px;}
	div.lec_intro ol.step_wrap li > div.box_wrap div.type::before{display:none;}
	div.lec_intro ol.step_wrap li > div.box_wrap div.type > span{font-size:18px;}
	div.lec_intro ol.step_wrap li > div.box_wrap div.type > p{font-size:15px;}
	div.lec_intro ol.step_wrap li > div.box_wrap div.type > p:not(:first-of-type){margin-top:10px;}
	div.lec_intro ol.step_wrap li > div.box_wrap div.type > p.refer{padding-left:20px;}
	div.lec_intro div.offline_info div.another_list button{width:100%; height:50px; padding:0 20px; font-size:15px;}
	div.lec_intro div.offline_info div.another_list button::after{width:6px; height:6px;}
	div.lec_intro div.offline_info div.another_list ul{width:100%;}
	div.lec_intro div.offline_info div.another_list ul li a{height:50px; padding:0 15px; font-size:15px;}
	div.lec_intro div.offline_info ul.desc{margin:15px 0;}
	div.lec_intro div.offline_info ul.desc li{padding-left:10px; font-size:15px;}
	div.lec_intro div.offline_info ul.desc li::before{width:3px; height:3px; top:10px;}
	div.lec_intro div.offline_info div.info_wrap{flex-direction:column; gap:25px;}
	div.lec_intro div.offline_info div.info_wrap div.img{width:150px; margin:0 auto;}
	div.lec_intro div.offline_info div.info_wrap div.info{width:100%;}
	div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical td ul li{padding-left:10px;}
	div.lec_intro div.offline_info div.info_wrap div.info table.type_vertical td ul li::before{width:3px; height:3px; top:10px;}
	div.lec_intro div.offline_info + div.btn_group{margin-top:20px;}
	div.lec_intro div.offline_info + div.btn_group a{height:45px; padding:0 20px; font-size:15px;}
    
    /* 아카데미소개 */
	div.academy_intro.intro div.top{padding:30px 25px; margin-bottom:25px; border-radius:14px;}
	div.academy_intro.intro div.top h4{padding-bottom:15px; font-size:24px;}
	div.academy_intro.intro div.top p{font-size:17px;}
	div.academy_intro.intro div.top p br{display:none;}
	div.academy_intro.intro div.group{align-items:flex-start; gap:25px; margin-top:20px;}
	div.academy_intro.intro div.group div.desc p{font-size:15px;}
	
	div.academy_intro.history h4{padding:20px 0; font-size:24px; border-radius:14px;}
	div.academy_intro.history > ul:before{left:20px;}
	div.academy_intro.history > ul > li{width:100%; padding-top:40px; padding-left:20px; text-align:left !important;}
	div.academy_intro.history > ul > li:last-child{padding-bottom:40px;}
	div.academy_intro.history > ul > li > span{padding-right:0 !important; padding-left:20px !important; font-size:22px;}
	div.academy_intro.history > ul > li ul li{flex-direction:row !important; align-items:flex-start; gap:15px; margin-top:15px; padding-right:0 !important; padding-left:15px !important; font-size:15px;}
	div.academy_intro.history > ul > li > span::before{content:""; width:18px !important; height:18px !important; padding:6px; position:absolute; top:3px !important; right:inherit !important; left:-9px !important; border:1px solid var(--ega_point_color3); border-radius:50%; background-color:#fff; box-sizing:border-box;}
	div.academy_intro.history > ul > li > span::after{content:""; width:6px !important; height:6px !important; position:absolute; top:9px !important; right:inherit !important; left:-3px !important; border-radius:50%; background-color:var(--ega_point_color3);}
	div.academy_intro.history > ul > li ul li::before{content:""; width:6px !important; height:6px !important; position:absolute; top:9px; right:inherit; left:-3px !important; border-radius:50%; background-color:var(--ega_point_color3);}
	
	div.academy_intro.ad_video div.video_wrap div.video{height:45vw;}
	div.academy_intro.ad_video div.video_wrap div.info{margin-top:30px;}
	div.academy_intro.ad_video div.video_wrap div.info div.image img{display:none;}
	div.academy_intro.ad_video div.video_wrap div.info div.image img.mobile{display:block;}
	div.academy_intro.ad_video div.video_wrap div.info div.staff{width:100%; position:static; transform:translateX(0);}
	div.academy_intro.ad_video div.video_wrap div.info div.staff td, div.academy_intro.ad_video div.video_wrap div.info div.staff th{font-size:14px;}
    
    div.academy_intro table.type_manager_info, div.academy_intro table.type_manager_info tbody, div.academy_intro table.type_manager_info td{display:block; padding:0; text-align:left;}
    div.academy_intro table.type_manager_info col, div.academy_intro table.type_manager_info thead{display:none;}
    div.academy_intro table.type_manager_info tr{display:grid; grid-template-columns:repeat(12, 1fr); align-items:center; gap:10px 0; padding:15px;}
    div.academy_intro table.type_manager_info td::before{padding-right:5px; font-weight:400; color:#333;}
    div.academy_intro table.type_manager_info td.category{grid-column:1/6;}
    div.academy_intro table.type_manager_info td.category::before{content:"분류";}
    div.academy_intro table.type_manager_info td.work{grid-column:6/13;}
    div.academy_intro table.type_manager_info td.work::before{content:"과정명";}
    div.academy_intro table.type_manager_info td.name{grid-column:1/6;}
    div.academy_intro table.type_manager_info td.name::before{content:"담당자";}
    div.academy_intro table.type_manager_info td.dept{grid-column:6/13;}
    div.academy_intro table.type_manager_info td.dept::before{content:"담당부서";}
    div.academy_intro table.type_manager_info td.tel{grid-column:1/13;}
    div.academy_intro table.type_manager_info td.tel::before{content:"담당자 전화번호";}
    div.academy_intro table.type_manager_info td.email{grid-column:1/13;}
    div.academy_intro table.type_manager_info td.email::before{content:"담당자 이메일";}
    
    /* 컴포넌트 */
    table.type_vertical{border-top:1px solid #333;}
	table.type_vertical th{padding:10px; font-size:14px; font-weight:300;}
	table.type_vertical td{padding:10px; font-size:14px; font-weight:300;}
	table.type_horizontal{border-top:1px solid #333;}
	table.type_horizontal thead th{padding:10px; font-size:14px; font-weight:300;}
	table.type_horizontal tbody td{padding:10px; font-size:14px; font-weight:300;}

    ul.tab{margin-bottom:20px;}
    ul.tab li a{min-width:60px; height:45px; padding:0 15px; font-size:16px; border-top-left-radius:14px; border-top-right-radius:14px;}
    ul.tab.sub::after{height:1px;}
    ul.tab.sub li a{min-width:60px; height:40px; font-size:14px; border-bottom:1px solid var(--ega_point_color4); border-top-left-radius:7px; border-top-right-radius:7px;}
    ul.tab.sub li.active a, ul.tab.sub li a[aria-selected=true]{border-top:1px solid var(--ega_point_color4); border-right:1px solid var(--ega_point_color4); border-bottom:1px solid #fff; border-left:1px solid var(--ega_point_color4);}

    ul.share li a{width:40px; height:40px;}
    ul.share li a.like.count{min-width:65px;}
    ul.share li a::before{width:15px; height:15px; background-size:60px 60px;}
    ul.share li a.url::before{background-position:-45px 0;}
    ul.share li a.fb::before{background-position:-15px 0;}
    ul.share li a.tw::before{background-position:-30px 0;}
    ul.share li a.like::before{background-position:0 -15px;}
    ul.share li a.like.count::before{background-position:0 -30px;}
    ul.share li a span{display:none !important;}
    
    ul.file_list li{gap:10px; padding:15px; border-radius:10px;}
    ul.file_list li a{font-size:14px;}   
    ul.file_list li a.download{flex:0 0 auto; width:95px; height:40px; font-size:14px;}
    
    ul.video_info{gap:15px;}
    ul.video_info li{gap:5px; font-size:14px;}
    ul.video_info li::before{width:20px; height:20px; background-size:60px 60px;}
    ul.video_info li.time::before{background-position:-20px 0;}
    ul.video_info li.date::before{background-position:-40px 0;}
    
    .ega_ui.btn{border-radius:10px;}
    .ega_ui.btn.preview, .ega_ui.btn.download{gap:2px; width:95px; padding:0;}
    .ega_ui.btn.preview::before, .ega_ui.btn.download::before{width:15px; height:19px; background-size:30px 19px;}
    .ega_ui.btn.download::before{background-position:-15px 0;}
    .ega_ui.btn.more{gap:10px;}
    .ega_ui.btn.more::after{width:6px; height:6px;}
    
    div.rating{gap:5px;}
    div.rating span.bg{width:82px; height:14px; background-position:0 -14px; background-size:82px 28px;}
    div.rating span.value{height:14px; background-size:82px 28px;}
    div.rating span.score{font-size:14px;}
    
    div.empty{font-size:15px;}
    
    /* classroom */
	#cr_header{display:grid; height:auto; padding:0; position:static;}
	#cr_header div.title{order:2; flex-direction:column; align-items:flex-start; gap:20px; padding-top:20px;}
	#cr_header div.title h1{padding-left:20px;}
	#cr_header div.title h2{width:100%; padding:20px; font-size:18px; color:#fff; background-color:var(--ega_point_color4);}
	#cr_header div.util{order:1; width:100vw; padding:0 20px; border-bottom:1px solid #d7d7d7;}
	#cr_header div.util ul{display:flex; justify-content:flex-end; gap:25px;}
	#cr_header div.util ul li{justify-content:center; height:40px; font-size:13px;}
	#cr_header div.util ul li::before{width:15px; height:15px; background-size:60px 15px;}
	#cr_header div.util ul li.session::before{background-position:-15px 0;}
	#cr_header div.util ul li.session button{border-radius:10px;}
	#cr_header div.util ul li.member::before{background-position:-30px 0;}
	#cr_header div.util ul li.out::before{background-position:-45px 0;}
	
	#cr_gnb{width:100%; height:auto; position:static; border-right:none; border-bottom:1px solid #d7d7d7;}
	#cr_gnb ul{display:flex; padding-top:0;}
	#cr_gnb ul li{flex:1; border-left:1px solid #d7d7d7;}
	#cr_gnb ul li:first-child{border-left:none;}
	#cr_gnb ul li a{justify-content:center; height:45px; padding-left:0; font-size:15px; border-left:none;}
	#cr_gnb ul li a:hover, #cr_gnb ul li a:focus{border-bottom:2px solid var(--ega_point_color4); border-left:none;}
	
	#wrap.classroom{background-color:#fff;}
	#contents.classroom{min-height:auto; padding:0 18px 50px;}
	#contents.classroom:has(.board){padding:0 20px 50px;}
	#contents.classroom ul.tab{display:grid; grid-template-columns:repeat(3, 1fr); border:1px solid #b7b7b7; border-radius:10px; overflow:hidden;}
    #contents.classroom ul.tab li a{padding:0 5px; font-size:14px; text-align:center; word-break:keep-all; border-top:none; border-bottom:1px solid #b7b7b7; border-radius:0;}
    #contents.classroom ul.tab li:nth-child(1) a{border-left:none;}
    #contents.classroom ul.tab li:nth-child(4) a, #contents.classroom ul.tab li:nth-child(5) a, #contents.classroom ul.tab li:nth-child(6) a{border-bottom:none;}
    #contents.classroom ul.tab li:nth-child(3n+3) a{border-right:none;}
    #contents.classroom ul.tab.not_member{grid-template-columns:repeat(2, 1fr);}
    #contents.classroom ul.tab.not_member li a{border:none;}
	#contents.classroom div.tab_content, #contents.classroom div.section{padding:0; box-shadow:none;}
	#contents.classroom div.tab_content:not(:first-of-type){margin-top:20px;}
	#contents.classroom div.tab_content h5, #contents.classroom div.section h5{margin-bottom:15px; font-size:18px;}
	#contents.classroom div.section.title{font-size: larger; padding-top: 10px;}
	#contents.classroom div.section.video{margin-bottom:30px; border-radius:10px;}
	#contents.classroom div.summary div.total_score{gap:15px; padding:20px;}
	#contents.classroom div.summary div.total_score strong{font-size:17px;}
	#contents.classroom div.summary div.total_score strong span{font-size:24px;}
	#contents.classroom div.summary div.score_detail{display:block; padding:0; margin-top:20px;}
	#contents.classroom div.summary div.score_detail ul{gap:20px; justify-content:center;}
	#contents.classroom div.summary div.score_detail ul li strong{font-size:16px;}
	#contents.classroom div.summary div.score_detail ul li div.chart div.number{font-size:20px;}
	#contents.classroom div.summary div.score_detail div.survey_complete{gap:15px; margin-top:20px;}
	#contents.classroom div.summary div.score_detail div.survey_complete::before{display:none;}
	#contents.classroom div.summary div.score_detail div.survey_complete p{font-size:15px;}
	#contents.classroom div.summary div.score_detail div.survey_complete .btn{height:45px;}
	#contents.classroom div.information ul > li{display:flex; padding:20px 0;}
	#contents.classroom div.information ul > li:not(:first-child){border-top:1px solid #ebebeb;}
	#contents.classroom div.information ul > li > strong{width:80px; padding-left:0; font-size:15px;}
	#contents.classroom div.information ul > li div{flex:1; font-size:15px;}
    #contents.classroom div.information ul > li div *{font-size:15px !important;}
	#contents.classroom div.information ul > li div ol{flex-direction:column; align-items:flex-start;}
	#contents.classroom div.information ul > li div ol li:not(:first-child){margin-top:20px;}
	#contents.classroom div.information ul > li div ol li strong{padding-left:25px; position:relative; font-size:15px; text-align:left;}
	#contents.classroom div.information ul > li div ol li strong::before{content:""; width:20px; height:20px; position:absolute; top:0; left:0; background-image:url(../../images/www/common/bg_cr_icon_condition.png); background-repeat:no-repeat; background-size:80px 20px;}
	#contents.classroom div.information ul > li div ol li:nth-child(1) strong::before{background-position:0 0;}
	#contents.classroom div.information ul > li div ol li:nth-child(2) strong::before{background-position:-20px 0;}
	#contents.classroom div.information ul > li div ol li:nth-child(3) strong::before{background-position:-40px 0;}
	#contents.classroom div.information ul > li div ol li:nth-child(4) strong::before{background-position:-60px 0;}
	#contents.classroom div.information ul > li div ol li span.icon{display:none;}
	#contents.classroom div.information ul > li div ol li div span{font-size:15px; text-align:left;}
	
	#cr_list{width:calc(100% - 10px); height:auto; max-height:60px; padding:0; margin-top:0; right:5px; overflow:hidden; border-left:none; border-radius:10px 10px 0 0; z-index:2; transition:0.3s all;}
    #cr_list::before{content:""; display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:1;}
    #cr_list.active{max-height:80vh;}
    #cr_list.active::before{display:block;}
    #cr_list h4{position:relative; z-index:2;}
    #cr_list h4 button{display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:20px 0; font-size:20px; font-weight:700; color:#fff !important; background-color:var(--ega_point_color4);}
    #cr_list h4 button::after{content:""; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; transform:translateY(4px) rotate(-45deg); transition:0.3s all;}
	#listWeek{height:auto; max-height:calc(80vh - 60px); margin-top:0; position:relative; z-index:2;}
    #listWeek::-webkit-scrollbar{width:5px;}
	#listWeek > ul{padding:20px 0; border-radius:0;}
	#listWeek > ul > li{padding:20px;}
	#listWeek > ul > li span.title{font-size:15px;}
	#listWeek > ul > li span.count{font-size:14px;}
	#listWeek > ul > li a.btn{width:100%; height:40px; margin-top:10px; position:static; font-size:13px; transform:translateY(0);}
	#listWeek > ul > li ul.desc{gap:20px;}
	#listWeek > ul > li ul.desc li{font-size:14px;}
	#listWeek > ul > li ul.desc li::before{height:12px; left:-12px;}
	#listWeek > ul.depth2 > li{padding:20px;}
	#listWeek > ul.depth2 > li > strong{font-size:18px;}
	#listWeek > ul.depth2 > li:not(:first-child){margin-top:5px;}
	#listWeek > ul.depth2 > li > strong{margin-bottom:15px; font-size:18px;}
	#listWeek > ul.depth2 > li > ul{border-top:1px solid #000;}
	#listWeek > ul.depth2 > li > ul > li{padding:20px 0;}
    
    /* 통합 검색 */
    div.search_result div.search_box{padding:20px; border-radius:10px;}
    div.search_result div.search_box div.basic{gap:15px; width:100%;}
    div.search_result div.search_box h4{width:80px; font-size:15px;}
    div.search_result div.search_box div.box{gap:5px;}
    div.search_result div.search_box div.basic div.box.type1 input[type=text]{width:calc(100% - 140px);}
    div.search_result div.search_box div.basic div.box.type1 a.btn{height:45px; font-size:15px;}
    div.search_result div.search_box div.basic div.box.type1 a.search{width:70px;}
    div.search_result div.search_box div.basic div.box.type1 a.detail{width:115px;}
    div.search_result div.search_box div.basic div.box.type1 a.detail::after{width:5px; height:5px;}
    div.search_result div.search_box div.basic div.box.type3{flex-direction:column; align-items:flex-start; gap:10px; margin-top:10px;}
    div.search_result div.search_box div.basic div.box.type3 div.word a{height:25px; padding:0 8px; font-size:14px; border-radius:12.5px;}
    div.search_result div.search_box div.detail{gap:20px; width:100%; margin-top:25px; padding-top:25px;}
    div.search_result div.search_box div.detail div.box{flex-direction:column; align-items:flex-start; gap:10px;}
    div.search_result div.search_box div.detail div.box.type1 ul{gap:15px;}
    div.search_result div.search_box div.detail div.box.type2 div.inner{flex-direction:column; align-items:flex-start;}
    div.search_result div.search_box div.detail div.box.type2 div.inner div.date{gap:5px;}
    div.search_result div.search_box div.detail div.box.type2 div.inner div.btn a{height:25px; padding:0 8px; font-size:13px; border-radius:12.5px;}
    div.search_result ul.tab.search{display:grid; grid-template-columns:repeat(3, 1fr); margin-top:30px; overflow:hidden; border:1px solid #b7b7b7; border-radius:10px;}
    div.search_result ul.tab.search li a{flex-direction:column; gap:5px; min-width:60px; padding:0; font-size:14px; border:none; border-top:1px solid #e1e1e1 !important; border-left:1px solid #e1e1e1 !important; border-radius:0;}
    div.search_result ul.tab.search li:nth-child(1) a, div.search_result ul.tab.search li:nth-child(2) a, div.search_result ul.tab.search li:nth-child(3) a{border-top:none !important;}
    div.search_result ul.tab.search li:nth-child(3n+1) a{border-left:none !important;}
    div.search_result ul.tab.search li a span{font-size:12px;}
    div.search_result ul.tab.search li.children a{border-right:none !important;}
    div.search_result ul.tab.search li.foreigner a{border-right:none !important;}
    div.search_wrap{display:block; margin-top:30px;}
    div.search_wrap div.search_list{width:100%;}
    div.search_wrap div.search_list div.top{flex-direction:column; align-items:flex-start; gap:20px;}
    div.search_wrap div.search_list div.top div.search_sort ul li a{font-size: 15px;}
/* TODO. 확인 필요
    div.search_wrap div.search_list div.top div.search_sort ul li a::after {
    top: 16px;
    right: -6px;
    border-top: 7px solid #333;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
    }
*/
    div.search_wrap div.search_list div.top div.search_sort ul li.desc.date a::after{content: "";
        width: 0;
        height: 0;
        position: relative;
        top: 16px;
        right: -6px;
        border-top: 7px solid #333;
        border-right: 5px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 5px solid transparent;
    }
    
    div.search_wrap div.search_list div.top div.search_sort ul li.asc.date a::after{content: "";
        width: 0;
        height: 0;
        position: relative;
        top: -13px;
        right: -6px;
        border-top: 7px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 7px solid #333;
        border-left: 5px solid transparent;
    }
    
        div.search_wrap div.search_list div.top div.search_sort ul li.vertical {
        font-size: 15px;
        margin-left: 9px;
        margin-right: 7px;
    }
    div.search_wrap div.search_list div.top p{font-size:16px;}
    div.search_wrap div.search_list div.list{margin-top:15px; border-top:1px solid #333;}
    div.search_wrap div.search_list div.list div.section{padding:25px 0;}
    div.search_wrap div.search_list div.list div.section div.title h5{font-size:16px;}
    div.search_wrap div.search_list div.list div.section > a{padding-right:10px; top:25px; font-size:14px;}
    div.search_wrap div.search_list div.list div.section > a::after{width:5px; height:5px; border-top:1px solid #797979; border-right:1px solid #797979;}
    div.search_wrap div.search_list div.list div.section ul li{margin-top:15px;}
    div.search_wrap div.search_list div.list div.section ul li a{padding:20px; border-radius:10px;}
    div.search_wrap div.search_list div.list div.section ul li a > span.cate{font-size:14px;}
    div.search_wrap div.search_list div.list div.section ul li a > strong{margin-bottom:15px; font-size:16px;} 
    div.search_wrap div.search_list div.list div.section ul li a > span.desc{font-size:14px;}
    div.search_wrap div.search_list div.list div.section ul li a > span.desc p, div.search_wrap div.search_list div.list div.section ul li a > span.desc span{font-size:14px !important;}
    div.search_wrap div.search_list div.list div.section > p{font-size:14px;}
    div.search_wrap div.side{width:100%; margin-top:30px; border-radius:10px;}
    div.search_wrap div.side h5{height:50px; padding:0 20px; font-size:15px;}
    div.search_wrap div.side > ul.list{padding:10px 20px;}
    div.search_wrap div.side > ul.list li{margin:15px 0;}
    div.search_wrap div.side > ul.list li a{font-size:14px;}
    div.search_wrap div.side div.my p.title{height:50px; padding:0 20px; font-size:15px;}
    div.search_wrap div.side div.my ul.list{padding:10px 20px;}
    div.search_wrap div.side div.my ul.list li{margin:15px 0;}
    div.search_wrap div.side div.my ul.list li a.word{font-size:14px;}

    /* 기존 코드 사용 - 사이트맵 */
	.sitemap .menu{display:grid; grid-template-columns:repeat(2, 1fr);}
	.sitemap .menu > li > a{font-size:18px;}
	.sitemap .menu > li > ul{padding:15px;}
	.sitemap .menu > li li a{font-size:14px;}
    
	div.ct_dialog div.box{min-width:calc(100% - 40px); max-width:calc(100% - 40px); border-radius:10px;}
	div.ct_dialog div.box div.title{height:50px;}
	div.ct_dialog div.box div.title h4{font-size:18px;}
	div.ct_dialog div.box div.title a.close{right:5px;}
	div.ct_dialog div.box div.title a.close::before, div.ct_dialog div.box div.title a.close::after{width:18px;}
	div.ct_dialog div.box div.content{padding:20px;}
	div.ct_dialog div.box div.content div.scroll::-webkit-scrollbar{width:4px;}
	div.ct_dialog div.box div.content > p{font-size:14px;}
	div.ct_dialog div.box div.content table.type_horizontal thead th{padding:12px 3px; font-size:13px;}
	div.ct_dialog div.box div.content table.type_horizontal tbody td{padding:12px 3px; font-size:13px;}
	div.ct_dialog div.box div.content table.type_horizontal tfoot td{padding:12px 3px; font-size:13px;}
	div.ct_dialog div.box div.content table.type_horizontal col.col_number{width:40px;}
	div.ct_dialog div.box div.content table.type_horizontal col.col_period{width:100px;}
	div.ct_dialog div.box div.content div.bbs_search{justify-content:flex-start; padding:0; margin-bottom:25px; border:none; background-color:transparent;}
	div.ct_dialog div.box div.content div.bbs_search input[type=text]{width:calc(100% - 90px);}
	div.ct_dialog div.box div.content div.bbs_search a.ega_ui.btn.search{width:80px; padding:0; font-size:15px;}
	div.ct_dialog div.box div.content div.bbs_paging{margin-top:30px;}
	div.ct_dialog div.box div.content div.bbs_paging > span{width:40px; height:40px;}
	div.ct_dialog div.box div.content input[type=text], div.ct_dialog div.box div.content div.bbs_search a.ega_ui.btn{height:45px; font-size:15px;}
	div.ct_dialog div.box div.content div.audio_box strong{font-size:14px;}
	div.ct_dialog div.box div.content ul.desc{margin-top:15px;}
	div.ct_dialog div.box div.content ul.desc li{padding-left:15px; position:relative; font-size:18px; font-weight:300; line-height:1.5; color:var(--ega_font_color_sub);}
	div.ct_dialog div.box div.content ul.desc li::before{content:""; width:4px; height:4px; position:absolute; top:50%; left:0; border-radius:50%; background-color:var(--ega_font_color_sub); transform:translateY(-50%);}
	div.ct_dialog div.box div.content div.btn_group{margin-top:5px;}
	div.ct_dialog div.box div.content div.btn_group .btn{height:45px; font-size:15px;}
	
	/* kendo bootstrap 수정 */
	.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload{border-radius:10px;}
	.k-window .k-window-titlebar{height:50px;}
	.k-window .k-window-title{height:50px; line-height:50px; font-size:16px;}
	div.k-window-content{font-size:15px;}
	.k-button{height:40px; padding:0 20px;}

	/* 기존 코드 사용 - 컴포넌트 */
    .c_btn{height:40px; padding:0 15px; font-size:15px; border-radius:10px;}
    
    /* 새로운 로그인페이지 */
    #newLoginPage > iframe{width: 350px; height: 550px;}
    
    /* 2023 통합자료실 */
    .integ_data_form_search div.bbs_search{padding-right:0px;}
    .integ_data_form_search div.bbs_search input[type=text]{width:60%;flex-grow:1;}
    .integ_data_form_search div.bbs_search a.ega_ui.btn{flex-shrink:0;}
    .integ_data_form_search div.bbs_search select[name=srchType]{display:none;}
    .integ_data_form_search div.bbs_search .reset{display:none;}
    
    .data_search_category{margin-bottom:50px;}
    .data_search_category ul li{margin:0 5px;}
    .data_search_category ul li label{width:50px;height:50px;padding:60px 0 0;font-size: 15px;border:none;}
    .data_search_category ul li input[type="checkbox"]:checked + label{background-color:transparent;color:#333;}
    .data_search_category ul li label:hover{background-color:transparent;}
    .data_search_category ul li label:after{width:50px;height:50px;background-size:25px;border-radius:50%;border:1px solid #e1e1e1;transition:all 0.5s;}
    .data_search_category ul li input[type="checkbox"]:checked + label:after{border-radius:50%;background-color: var(--ega_point_color4);}
    
    .data_search_filter{width:100%;padding:0px;margin-bottom:20px;border-color: #e1e1e1;}
    .data_search_filter.on{padding:20px;}
    .data_search_filter h5{font-size:16px;}
    .data_search_filter dl{flex-wrap:wrap;}
    .data_search_filter dl dt{width:100%;font-size:16px;margin-bottom:5px;}
    .data_search_filter dl dd{width:100%;}
    .data_search_filter dl dd ul{flex-wrap:nowrap;overflow-x:auto;}
    .data_search_filter dl dd ul li{flex-basis:fit-content;;padding:0 5px;}
    .data_search_filter dl dd ul li label{width:max-content;min-width:60px;line-height:25px;border-radius:10px;font-size:14px;}
    .data_search_filter dl dd ul li input[type="text"]{height:37px;border-radius:10px;}
    .data_search_filter hr{display:none;}
    .data_search_filter dl.filter_period dd ul li:first-child{width:100%;order:5;}
    .data_search_filter dl.filter_period dd ul li{flex-basis:50%;}
    .data_search_filter dl.filter_period dd ul{flex-wrap:wrap;}
    .data_search_filter dl.filter_period dd ul li label{width:auto;max-width:100%;min-width:100%;}
    .data_search_filter dl.filter_period dd ul li span.datepicker_type01{width:100%;}
    .data_search_filter dl.filter_period dd ul li span.datepicker_type01:first-child{margin-right:5px;}
    .data_search_filter dl.filter_period dd ul li span.datepicker_type01:last-child{margin-left:5px;}
    .data_search_filter .reset{display:flex;}
    .integ_data_form_search .bbs_search a.ega_ui.btn.search.serchFilterBtn{position:absolute;top:180px;right:0px;width:100px;}
    
    ul.lec_list.type8{display:block;margin-bottom:80px;}
    ul.lec_list.type8 li{padding:30px 0; border-top:1px solid #d7d7d7;}
    ul.lec_list.type8 li:last-child{border-bottom:1px solid #d7d7d7;}
    ul.lec_list.type8 li a{display:flex;position:relative;}
    ul.lec_list.type8 li a > div{flex:1 1 50%;}
    ul.lec_list.type8 li a div.bg{padding-bottom:0;border:none;border-radius:0;height: auto;}
    ul.lec_list.type8 li a div.bg .ega_ui_bg{width:90%;height:80%;border-radius:10px; max-height:240px !important;}
    ul.lec_list.type8 li a div.info{padding:0;}
    ul.lec_list.type8 li a div.info strong{font-size: 20px;height: 4.3em;-webkit-line-clamp: 3;max-height: 4.3em;line-height: 1.4;}  
    ul.lec_list.type8 li a div.info .stat{display:none;margin-bottom:10px;}
    ul.lec_list.type8 li a div.info span.dwld_count{position:absolute;bottom:0;left:0;}
    ul.lec_list.type8 li a div.info span.favorit_count{position:absolute;bottom:0;right:53%;}
    
    ul.lec_list.type8.sub_integ_data_wrap li:first-child{border-top:none;}
    ul.lec_list.type8 li:last-child{border-bottom:none;}
    
    div.bbs_list.date_album_list.section > table tbody td.listen,
    div.bbs_list.date_album_list.section > table tbody td.sheet{display:flex;grid-column: 1/13;}
    div.bbs_list.date_album_list.section > table tbody td.listen strong,
    div.bbs_list.date_album_list.section > table tbody td.sheet strong{width:20%;}
    div.bbs_list.date_album_list.section > table tbody td.listen a{width:40%;display:inline-block;}
    div.bbs_list.date_album_list.section > table tbody td.sheet a{width:40%;}
    div.bbs_list.date_album_list.section > table tbody td.listen a:before,
    div.bbs_list.date_album_list.section > table tbody td.sheet a:before{margin-right:5px;}
    div.bbs_list.date_album_list.section > table tbody td a span {width:auto!important;}
    
    div.bbs_view.data_integ_view div.title div.desc{grid-column:5/11;grid-row:3/4;order:4;flex-direction:column;gap:10px;font-size:14px;margin-top:0px;}
    
    div.bbs_view div.copyright figure{display:block;}
    div.bbs_view div.copyright figure figcaption{margin-left:0;margin-top:10px;font-size:14px;}
  
    div.bbs_view.data_integ_view div.file > ul li{display:block;margin-bottom:10px;}
    div.bbs_view.data_integ_view div.file > ul li:last-child{margin-bottom:0;}
    div.bbs_view.data_integ_view div.file > ul li a.down{display:block;margin-bottom:5px;word-break:break-all;}
    div.bbs_view.data_integ_view div.file > ul li a.preview{display:inline-flex;}
    div.bbs_view.data_integ_view div.file > ul li span.public_type{margin-left:10px;font-size:14px;line-height:40px;display:inline-block;vertical-align:bottom;}
    div.bbs_view.data_integ_view div.copyright figure img{height:40px;}
    
    /* 7970 2024.05.17 공공누리유형 */
    div#sub_contents div.lec_info_copyright figure{display:block;}
    div#sub_contents div.lec_info_copyright figure figcaption{margin-left:0;margin-top:10px;font-size:14px;}
    div#sub_contents div.lec_info_copyright figure img{height:40px;}
    
    .offline_video {width: 100%}      
}


    /* 새로운 관련동영상 css - 2023.09.14 */

div.lec_video_wrap div.rel_video_2023 {width: 420px;}
.rel_video_2023 ul.lec_list.type7 > li a div.bg {width: 50%; padding-bottom: 28.125%; float: left;}
.rel_video_2023 ul.lec_list.type7 > li a div.info {width: 50%; float: left; padding: 5px 0 0 15px;}
.rel_video_2023 .video_category {font-size: 14px; color: #666; line-height: 24px;}

.rel_video_2023 .video_info {overflow: hidden;}
.rel_video_2023 .video_info > span {float: left; line-height: 20px;}

div.lec_video_info_2023 {width: 955px;}

    /* 연관 콘텐츠 - 2023.09.14 */

#cd_5 {margin: -30px 0 -40px;}
#c_03 {margin-top: -40px;}
.relation_content li {border-bottom: 1px solid #d5d5d5; padding: 10px 0; word-break: keep-all;}
.relation_content li:nth-last-child(1) {border-bottom: 0;}
.relation_content table {font-size: 18px; line-height: 24px;}
.relation_content table th, .relation_content table tr:nth-child(1) td {padding: 10px;}
.relation_content table tr:nth-child(1) td {text-align: center; width: 100px;}
.relation_content table tr:nth-child(2) td {padding-bottom: 10px;}
.relation_content table tr:nth-child(2) td span {padding: 0 12px; font-size: 16px; color: #666; position: relative;  float: left;}
.relation_content table tr:nth-child(2) td span::after {content: ""; position: absolute; top: 4px; right: 0; width: 1px; height: 14px; background: #ccc;}
.relation_content table tr:nth-child(2) td span:nth-last-child(1)::after {width: 0;}

.rel_tab {width: 100%; height: 40px; margin-bottom: 30px;}
.rel_tab li {float: left; width: 50%;}
.rel_tab li input {display: none;}
.rel_tab li label {display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; border: 1px solid #b7b7b7; padding: 0; margin: 0;}
.rel_tab li label:before, .rel_tab li label:after {display: none;}
.rel_tab li input:checked~label {background: #c53f1c; color: #fff; border: none;}

.rel_rating {margin-top: 5px; display: flex; align-items: center; gap: 10px; max-width: 150px;}
.rel_rating .bg {
	width: calc(100% - 50px);
    padding-bottom: calc(20% - 10px);
    position: relative;
    background: url(../../images/www/common/bg_rating_bg.png) no-repeat 0 100%;
    z-index: 0;
    background-size: cover;
}

.rel_rating span.value {
	height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/www/common/bg_rating_value.png) no-repeat 0 0;
    z-index: 1;
    background-size: cover;
}

.rel_rating .score {font-size: 14px; color: #c53f1c;}

div.lec_info_bot.type4 ul.tab li {flex: 1;}
div.lec_info_bot.type4 ul.tab li a {width: auto;}

/* 새로운 동영상 강좌 플레이 - 2023.09.14 */
div.lec_video_wrap div.play_video{width:955px;}

/* Tablet - 2023.09.14 */
@media all and (min-width:768px) and (max-width:1399px) {
	#c_03 {margin-top: -30px;}
    div.lec_video_wrap div.play_video{width:calc(70% - 25px);}
    div.lec_video_wrap div.rel_video{width:30%; padding:20px; border:1px solid #e1e1e1; border-radius:10px;}
    div.lec_video_info{width:100%; margin-top:20px;}
    div.rel_video + div.lec_info_btn{padding-top:0; border-top:none;}
    div.lec_video_info_2023 {width: 100%;}
}

@media only all and (max-width: 767px) {
	div.lec_video_wrap div.play_video {width: 100%;}
	.rel_video_2023 ul.lec_list.type7 > li:nth-child(3) {display: none;}
	.rel_video_2023 ul.lec_list.type7 > li a div.bg {width: 100%; padding-bottom: 56.25%;}
	.rel_video_2023 ul.lec_list.type7 > li a div.info {width: 100%; padding: 5px 0 0 0;}
	.rel_video_2023 ul.lec_list.type7 > li a div.info strong {word-break: keep-all;}

	#cd_5 {margin: -20px 0;}
	#c_03 {margin-top: -20px;}
	.relation_content table tr:nth-child(1) td {width: 60px;}
	.relation_content table {font-size: 16px; line-height: 20px;}
	.relation_content table tr:nth-child(2) td span {font-size: 14px;}
	.relation_content table tr:nth-child(2) td span::after { top: 4px; height: 12px;}

	.rel_tab {margin-bottom: 15px;}
	div.lec_video_info_2023 {width: 100%;}
}

@media only all and (max-width: 550px) {
	#cr_header div.util {padding: 0 5px;}
	#cr_header div.util ul {gap: 20px;}
	#cr_header div.util ul li.progress span {display: none;}
	.txt_blind {width: 20px; height: 100%; margin-left: -20px;}
	.txt_blind span {display: none;}

	#cr_header div.util ul li:not(:last-child)::after {right: -12px;}
}

	/* 2024-02 datepicker 라이브러리 교체 */
  .ui-datepicker {
    font-size: 20px;
    font-family: "Noto Sans Korean", sans-serif;
    font-stretch: 100%;
    font-weight: 400;
    
    width: 345px;
  }
  
  .ui-datepicker .ui-datepicker-header {
    font-size: 16px;
    font-family: "Noto Sans Korean", sans-serif;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    font : #fff;
  }
  .ui-datepicker .ui-datepicker-header .ui-corner-all{
  	height : 100%;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-month{
  	margin-left: 5px;
  }

  .ui-datepicker .ui-datepicker-title .select2-selection{
  	font-size: 1em !important;
	height :35px !important;
  }

	.ui-datepicker .ui-datepicker-title .select2{
		margin-left : 5px;
	}

	.ui-datepicker .ui-datepicker-title .select2-selection .select2-selection__rendered
	, .ui-datepicker .ui-datepicker-title .select2-selection  .select2-selection__arrow{
		height: 100%;
	}
  
  .select2-container .select2-selection--single .select2-selection__rendered{
  	padding-top: 3px;
  }
  
  .select2-results__options {
  	max-height: 336px !important;
  }
  
  .select2-results__option{
  	font-size: 16px !important;
  	text-align: center;
  }
  
  .ui-datepicker .ui-datepicker-current, .ui-datepicker .ui-datepicker-close{
  	font-family: "Noto Sans Korean", sans-serif;
  	font-size: 0.9em;
  }
  
  .ui-datepicker td span, .ui-datepicker td a{
 	min-height: 1.8333em;
    line-height: 1.8333em;
  }
  
  .datepicker1{
    width: 200px !important;
  }
  
  .c_date{
  	border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    
    text-align: center;
    border-radius: 14px;
    height: 30px;
    width: 110px;
  }
  
  
  
  
  @media only all and (max-width:767px) {
	    .ui-datepicker {
	    font-size: 14px;
	    font-family: "Noto Sans Korean", sans-serif;
	    font-stretch: 100%;

	    font-weight: 400;
	    
	    width: 260px;
	  }
	  
	  .ui-datepicker .ui-datepicker-header {
	    font-size: 14px;
	    font-family: "Noto Sans Korean", sans-serif;
	    font-stretch: 100%;
	    font-style: normal;
	    font-weight: 400;
	    font : #fff;
	  }
	  .ui-datepicker .ui-datepicker-header .ui-corner-all{
	  	height : 100%;
	  }

	  .ui-datepicker td span, .ui-datepicker td a{
	 	min-height: 1.8333em;
	    line-height: 1.8333em;
	  }
	  
	  .datepicker1{
	    width: 100% !important;
	  }
  
  }