@charset "utf-8";

/* ==================================================
  /////////////////// COMMON STYLE ///////////////////
 ================================================== */ 
@media all and (max-width: 1024px) { /* 2024-08-02 수정 */
	#mainContent { padding-top:48px; min-height:auto; } /* 2024-08-02 수정 */
	#header .top { background:#fff; border-bottom:1px solid #e6e6e6 }
	#header .top h1 { float:none; text-align:center }
	#header .top.lgo h1 {padding:10px 0 0} /* 2024-07-26 로고 있을 때 */
	#header .top_util { display:none }
	#header .gnb_wrap { padding-top:0 }
	#header .mobile_menu, #header .mobile_search { display:block; top:-40px }
	#header .mobile_menu i { font-size:35px; color:#000 } 
	#header .mobile_search { position:absolute; right:10px; top:-36px }
	.ico_header.search2 { background:url('../../../../../images/egovframework/com/ebs/common/ico_headerx3.png') no-repeat; background-size:157px 25px; background-position:-103px 0; width:25px; height:25px }
	#gnb, #header .util { display:none }
	#header .top .admin_menu { display:none }
	.searchArea,
	.searchArea.open { top:49px }
	/* 2024-08-02 수정 : s */
	.custom-sw .container_dummy{margin:-28px auto 0; padding:0;}
	.custom-sw .identity .pc_img{display:none;}
	.custom-sw .identity .mo_img{display:block;}
	/* 2024-08-02 수정 : e */
}

@media (max-width: 768px) {
	.searchArea .searchFrm { height:180px }
	.searchArea .searchFrm .searchZone { padding:40px 10px 0 }
	.searchArea .searchFrm .searchZone .searchBox label { font-size:20px; top:15px  }
	.searchArea .searchFrm .searchZone .searchBox .ico_search { right:0; bottom:10px; background-size:30px; width:30px; height:30px }
	.searchArea .searchFrm .search_close { right:15px; bottom:20px }
	.searchArea .searchFrm .search_close i { font-size:30px }

	/* 2024-08-02 커스텀 형식 추가 : s */
	.modal-footer2.custom-sw .family{flex-direction:column-reverse; gap:24px;}
	.modal-footer2.custom-sw .family .select-familysite{width:100%; justify-content: space-between; gap:0;}
	.modal-footer2.custom-sw .family .select-familysite ul{width:calc(100% + 2px);}
	/* 2024-08-02 커스텀 형식 추가 : e */
}

/* ==================================================
  /////////////////// MAIN STYLE ///////////////////
 ================================================== */ 
@media (max-width: 1024px) {
	.identity .lg_slogan { font-size:50px }
	.identity .sm_slogan { font-size:22px }
	
}
@media (min-width:996px) {
	.txt_hi{display:none}
	.i_hi{display:none}
}
/* @media (max-width: 995px) {
	.section_a .container { padding:0 } 

	.lecture_all .item { width:33.3333333% }
	.lecture_all .item:nth-child(7),
	.lecture_all .item:nth-child(8) { display:none }
	
	.sweduList .table thead { display:none }
	.sweduList .table td.tit { float:left; clear:left; width:100%; display:block; height:35px; box-sizing:border-box; padding:6px; border-left:0 !important; border-right:0 !important }
	.sweduList .table td.name, .sweduList .table td.wdate { float:left; display:block; height:35px; border:0 !important; padding:15px 6px 6px 6px; box-sizing:border-box; line-height:2px }
	.sweduList .table td.recommend, .sweduList .table td.comment, .sweduList .table td.view { float:left; display:block; height:35px; border:0 !important; padding:6px; box-sizing:border-box;  }
	.sweduList .table td {border-bottom:0;}
} */
@media (max-width: 768px) {
	.lecture_list > li,
	.review_list > li { margin-bottom:20px }
/*	.identity { height:340px }*/
	.identity .lg_slogan { font-size:40px }
	.identity .sm_slogan { font-size:18px }
}
@media (max-width: 640px) {
	.review_list { padding:0 }
	.identity .lg_slogan { font-size:32px }
	.identity .sm_slogan { font-size:16px }

	.btn_titedit { font-size:14px; padding:8px 15px }
	.btn_titedit.bnedit { margin-left:-58.5px }
}
@media (max-width: 480px) {
	.review_list { padding:0 }
	.identity .lg_slogan { font-size:22px }
	.identity .sm_slogan { font-size:14px }
}
@media (max-width: 360px) {
	.review_list { padding:0 }
	.identity .lg_slogan { font-size:18px }
	.identity .sm_slogan { display:none }
}

@media (min-width: 680px) and (max-width: 768px) {
	.item .group { height:28px; padding:0 12px }
	.item > a:hover .group { padding:5px 12px }
	.item .group .group_top { padding-top:5px }
	.learning_list .lecture_all .item .group .group_top .class_tit { font-size:12px } 
	.learning_list .lecture_all .item .group .group_bottom .lect_tit { margin-bottom:4px }
	.item .group .group_bottom .lect_info .dt, .item .group .group_bottom .lect_info .dd { line-height:1.4em }
}

@media (max-width: 680px) {
	.learning_all .arrow, 
	.learning_all .arrow:hover { width:50px }
	.lecture_all .item { width:50% }
}

@media (max-width: 480px) {
	.lecture_all .item { width:100% }
}


/* ==================================================
  /////////////////// SUB STYLE ///////////////////
 ================================================== */ 
@media (max-width: 1240px) {
	.learning_detail_inner,
	.learning_detail_tab_content .contents { width:680px }
	.learning_detail .learning_detail_info { padding-left:3.5%  }
	.learning_detail .learning_detail_info .tit { font-size:28px }
	.learning_detail .learning_detail_info .learning_detail_info_list { margin-bottom:8.5% }
	.learning_detail .learning_detail_info .btn_enrol { margin-top:6.5% }
	.learning_detail .share { right:10px }
}

@media (max-width: 1080px) and (min-width: 996px)  {
	.learning_detail_inner, .learning_detail_tab_content .contents { width:600px }
	.learning_detail .learning_detail_info .tit { font-size:24px }
	.learning_detail .learning_detail_info .learning_detail_info_list li { font-size:14px }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dt { width:75px }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dd{width:calc(100% - 80px)}
}
/* 2024-08-13 추가 : s */
@media (max-width: 1024px) {
	div:not(.pd_t80) > .cartegory_head { padding:7px 0 50px } /* 2024-08-09 추가 */
	.table_wrap.line1 .table {table-layout: auto;}
	.table_wrap.line1 .table col {width: auto !important;}
	.table_wrap.line1 .table td.view .i_hi, .table_wrap.line1 .table td.recommend .i_hi, .table_wrap.line1 .table td.comment .i_hi{display:inline-block;margin-right:3px;vertical-align:middle}
	.table_wrap.line1 .table td.view .i_hi > i, .table_wrap.line1 .table td.recommend .i_hi > i, .table_wrap.line1 .table td.comment .i_hi > i{font-size:14px}
}
/* 2024-08-13 추가 : e */
@media (max-width: 995px) {
	div:not(.pd_t80) > .cartegory_head { padding:7px 0 50px } /* 2024-08-09 추가 */
	.learning_menu .learning_search { display:none }
	.learning_detail_inner, .learning_detail_tab_content .contents { width:100% }
	.learning_detail .learning_detail_thumb_area { width:40% }  
	.learning_detail .learning_detail_thumb .info_layer { display:block }
	.learning_detail .learning_detail_info { width:56.5% }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dt { width:75px }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dd{width:calc(100% - 80px)}
	.panel .panel-body .swiper-container.nominate1, .panel .panel-body .swiper-container.nominate2 { margin:0 }
	.learning_detail .share_tab { display:none }
	.learning_detail .learning_detail_thumb_bottom,
	.learning_detail .learning_detail_info .btn_enrol { display:none }
	.fixed_bottom { display:block }
	.fixed_bottom .bg_lightgrey{background:#d5d5d5 !important;}

	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-next1,
	.panel .panel-body .swiper-button-prev2, .panel .panel-body .swiper-button-next2 { position:absolute; top:16px; margin-top:0 }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-prev2 { left:inherit; right:40px }
	.panel .panel-body .swiper-button-next1, .panel .panel-body .swiper-button-next2 { right:15px }
}

@media (max-width: 768px) {
	.cartegory_head .tit_h2 { font-size:24px }
	.cartegory_head .tit_h2 + p { font-size:15px }

	.myclass_list.like .list > li .thumb { width:170px }
	.myclass_list.like .list > li .info {height:110px;width:calc(100% - 170px);}
	.myclass_list.like .list > li .info .head .tit { font-size:16px }
	.myclass_list.like .list > li .class_btn { text-align:right }
	.myclass_list.like .list > li .class_btn > a { display:inline-block; margin-right:4px; font-size:15px; width:150px; height:34px; padding:8px 0 }
	.myclass_list.like .list > li .class_btn > a > i { font-size:18px; vertical-align:-4px }

	.learning_detail .learning_detail_thumb_area { width:250px }
	.learning_detail .learning_detail_info { width:calc(100% - 250px) }
	.learning_detail .learning_detail_info .tit { font-size:24px; margin-bottom:3% }
	.learning_detail .learning_detail_info .learning_detail_info_list li { font-size:14px; margin:1% 0 }
	.learning_detail .learning_detail_info .learning_detail_info_list { margin-bottom:3% }
	.learning_detail .learning_detail_info .tag li { padding:4px 10px }
	.learning_detail_tab_content .panel .panel-head { padding:15px 15px 0 }
	.learning_detail_tab_content .panel .panel-tit { font-size:18px }
	.learning_detail_tab_content .panel .panel-body { padding:10px 15px 15px }
	.panel .panel-body .thumb_list .thumb_desc { width:calc(100% - 149px); padding-left:20px }
	.panel .panel-body .thumb_list .thumb_desc > ul li .tit { width:64px }
}

@media (max-width: 680px) {
	.learning_menu .tab_group a,
	.tab_group .content_menu a { font-size:15px }
	.learning_menu .tab_group a span,
	.tab_group .content_menu a span,
	.tab_group.much .content_menu a span { padding:15px 18px }
	.tab_group.much .content_menu ul { white-space:nowrap; width:280px; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; height:43px }
	.tab_group.much .content_menu ul > li { float:none; display:inline-block }
	.learning_detail_tab .right .user_menu { margin-top:12px }
	.learning_menu .right { display:none }
	.contents_top .result { font-size:16px }
}

@media (max-width: 680px) {
	.myclass_list .list.al > li { padding:15px }
	.myclass_list .list.al > li .inner, .myclass_list .list > li .inner> * { display:block }
	.myclass_list .list.al > li .thumb { float:left }
	.myclass_list .list.al > li .info { float:left; margin-bottom:10px }
	.myclass_list .list.al > li .info .tit { white-space:nowrap; width:100%; text-overflow:ellipsis; overflow:hidden }
	.myclass_list .list.al > li .class_btn { float:none; clear:both; width:100%; text-align:left; padding-left:95px }
	.myclass_list .list.al > li .class_btn > a { display:inline-block; margin-right:4px; font-size:15px; width:150px; height:34px; padding:8px 0 }
	.myclass_list .list.al > li .class_btn > a > i { font-size:18px; vertical-align:-4px }

	.tab_panel .comment_wrap { padding:0 0 25px 0 }
	.comment_wrap li .user_thumb { width:55px; margin-right:0 }
	.comment_wrap li .comment_content { width:calc(100% - 55px) }
}

@media (max-width: 640px) {
	.comment_wrap li .hidden_commnet li { padding:22px 0 22px 30px }
	
}

@media (max-width: 600px) {
	.class_list li { padding:15px 15px }
	.class_list li .state { padding:3px 15px; margin-top:5px }
}

@media (max-width: 600px) {
	.myclass_list.like .list > li .thumb { width:100%  }
	.myclass_list.like .list > li .info { width:100%; padding-left:0; margin-top:15px; height:auto }
	.myclass_list.like .list > li .info .head, .myclass_list.like .list > li .info .tail { position:relative }
	.myclass_list.like .list > li .info .head { margin-bottom:15px }
}


@media (max-width: 420px) {
	.panel .panel-body .thumb_list > * { display:block }
	.panel .panel-body .thumb_list .book_thumb { text-align:center }
	.panel .panel-body .thumb_list .thumb_wrap { margin:0 auto }
	.panel .panel-body .thumb_list .thumb_desc { width:100%; margin-top:20px; padding:0 }
}

@media (max-width: 340px) { 
	.learning_menu .tab_group a span { padding:15px 15.85px }
}

/* ������ */

@media (max-width: 768px) { 
	.comment_wrap.view .review_content li .open_comment .user_thumb { display:none }
	.comment_wrap.view .review_content li .open_comment .comment_head .left { width:100% }
	.comment_wrap.view .review_content li .open_comment .review_tit { width:100%; margin-top:0 }
	.comment_wrap.view .review_content li .comment_head .right { padding-bottom:0 }
	.comment_wrap.view .review_content .comment_head.good .thumb { display:none }
	.comment_wrap.view .review_content .comment_head.good .reply_tit_box { padding:0 }
}
@media (max-width: 640px) { 
	.comment_wrap.boradarea { padding:0 0 25px 0 }
	.comment_wrap .comment_top .total, .comment_wrap .comment_top_right { float:none }
	.comment_wrap .comment_top_right { margin:0 auto; margin-top:15px }

	.wrt_lst > li > * { display:block; width:100% !important }
	.wrt_lst > li > .tit { font-size:13px }
}

@media (max-width: 640px) {
	.comment_wrap .comment_bottom { text-align:center }
	.comment_wrap .comment_bottom .range { display:none }
}

@media (max-width: 480px) {
	
}

/*SH*/
/*layout commonness*/
@media (max-width: 1024px) {
	.header_menu{display:none;}
	.section_a{margin-top:30px}
	.section_a2{margin-top:30px}
	.tab{display:none;}
	.tabcontent {width:100%;}
}


/*basic layout*/
@media (max-width: 1300px) {
	.container2 > img{width:31.8%; margin-right:2%}
	.container2 > img:nth-child(4){margin-right:0px;}
	.container2 > img:nth-child(5){margin-top:2%}
}

@media (max-width: 1050px) {
	.container2 > img{width:48.3%;}
	.container2 > img:nth-child(2){margin-right:2.8%}
	.container2 > img:nth-child(3){margin-right:0px}
	.container2 > img:nth-child(4){margin-top:2.8%; margin-right:2.8%}
	.container2 > img:nth-child(5){margin-top:2.8%; margin-right:0px;}
	.section_d .container2 ul{display:block}
	.section_d .container2 ul li:first-child{margin-bottom:40px} /* 2024-11-11 수정 */
	.section_d .container2 .list li:first-child{min-height:80px; margin-bottom:0;} /* 2024-11-11 추가 */
	.section_d.m_pd .container2 ul li{width:100%;} /* 2024-11-13 추가 */
	.badge_dummy{width:600px}
	.badge .item{margin-right:120px}
}

@media (max-width: 640px) {
	.badge {width:100%; height:700px;}
	.badge .item{width:100%; margin-bottom:40px}
	.badge .item:nth-child(3){margin-bottom:0}
	}
	
@media (max-width: 470px) {
	.thumb img{width:100%;}
}

@media (max-width: 470px) {
	.bottom_left .thumb_con{margin-left:0}
	.bottom_left > tbody > tr > td{padding:10px 20px}
}


/*
@media (max-width: 440px) {
	.container2 > img:nth-child(1n+1){width:48.2%; margin-top:2.8%}
	.banner_txt001{font-size:18px}
	.banner_txt002{font-size:14px}
}*/

/*card layout*/
@media (max-width: 1300px) {
	.section_c .container2 .card_dummy img{width:31.8%; margin-top:2%; margin-right:2%}
	.section_c .container2 .card_dummy img:nth-child(3n){margin-right:0}
	.section_c .container2 .card_dummy img:nth-child(4n){margin-right:2%; margin-top:2%}
	.section_c .container2 .card_dummy img:nth-child(12){margin-right:0}
	.section_c .container2 .card_dummy img:nth-child(-n+3){margin-top:0}
	
	}
	
@media (max-width: 841px) {
	.section_c .container2 .card_dummy img{width:48.3%; margin-top:2.47%; margin-right:2.8%; margin-top:2.8%}
	.section_c .container2 .card_dummy img:nth-child(2n){margin-right:0; margin-top:2.8%;}
	.section_c .container2 .card_dummy img:nth-child(3n){margin-top:2.8%; margin-right:2.8%}
	.section_c .container2 .card_dummy img:nth-child(6){margin-right:0}
	.section_c .container2 .card_dummy img:nth-child(12){margin-right:0; }
	.section_c .container2 .card_dummy img:nth-child(2){margin-top:0}

	}
	
@media (max-width: 488px) {
	.section_c .container2 .card_dummy img{width:48.2%; margin-top:2.8%; margin-right:2.8%}
	.section_c .container2 .card_dummy img:nth-child(4n){margin-top:2.8%}
}
	
@media (max-width: 517px) {
	.card_menu table tr td {width:120px}
	
	}
	
@media (max-width: 440px) {
	.card_menu table tr td {width:100px}
	
	}
	
/*community layout*/
@media (max-width: 1120px) {
	.tabcontent > img{width:48%; margin-right:1.8%;}
	.tabcontent > img:nth-child(2){margin-right:0;}
	.tabcontent > img:nth-child(3){margin-right:1.8%; margin-top:2%}
	.tabcontent > img:nth-child(4){margin-right:0;}
	.tabcontent > img:nth-child(6){margin-right:0;}
	}
@media (min-width: 1025px) {	
		.body_m_txt{display:none;}
}

@media (max-width: 1025px) {	
		.c_tab_tit{display:none;}
}

@media (max-width: 637px) {
	.tab{min-width:100px}
	.tabcontent{float:right; width:100%}
	.tabcontent > img{width:100%;}
	.tabcontent > img:nth-child(2){margin-top:2%;}
	.c_tab_tit{display:none;}
	.right_p{display:none;}
	.tab_txt{font-size:11px}
	}
	
/*뱃지 팝업 미디어 쿼리*/
@media (max-width: 1170px) {
.badge2 .item{margin-bottom:25px}
}



/****************추가 : S*********************/
/* ==================================================
  /////////////////// COMMON STYLE ///////////////////
 ================================================== */ 
@media (max-width: 1080px) {
	.dep2 .e1 .in { padding-left:0 }
	.dep2 .e2 { width:30%; padding-left:25px }
	.dep2 .e3 { width:45% }
	.e3_2 {display:none}
	
	.m_event_in_box{margin:10px auto; height:auto; background:white}
}
/* @media (max-width: 995px) {
	#header h1 { margin-top:-1px }
	#header h1 img { height:55px }
	#gnb { margin-left:15px }
	#gnb ul > li > a { font-size:18px; padding:10px 12px }
	#header .top .alarm { margin-top:2px }
	#header .util li { margin-left:16px }
	#header .util li:last-child { margin-left:16px }
	#header .util li a.btn_all { padding:9px }
	#header .traning_menu li a { font-size:12px; padding:11px 8px }
	 
	#header { padding:4px 15px 4px 20px; margin:0 }
	#header h1 { text-align:center; float:none }
	#header h1 img { height:42px }
	#header .top { margin:0 }
	#header .top .top_util .top_util_noti { position:absolute; right:26px; top:4px; z-index:11 }
	#header .top .my_menu { display:none }
	#header .mobile_menu, #header .mobile_search { display:block }
	#header .mobile_menu i { font-size:35px; color:#000 } 
	#header .mobile_search { position:absolute; right:10px; }
	.ico_header.search2 { background:url('../../../../../images/egovframework/com/ebs/common/ico_headerx3.png') no-repeat; background-size:157px 24px; background-position:-103px 0; width:25px; height:25px }
	#gnb, #header .util { display:none }
	#header .traning_menu { display:none }
	
	.ico_header { background-size:170px; width:21px; height:21px }
	.ico_header.qna { background-position:-31px 0 }
	.ico_header.share { background-position:-62px 0 }
	.ico_header.search { background-position:-92px 0 }
	.ico_header.allmenu { background-position:-122px -3px; width:18px; height:15px }

	.searchArea.open { top:50px }

	#footer { padding-right:15px; padding-left:15px }
	.familysiteWrap { display:none }
} */

@media (max-width: 768px) {
	.searchArea .searchFrm { height:180px }
	.searchArea .searchFrm .searchZone { padding:40px 10px 0 }
	.searchArea .searchFrm .searchZone .searchBox label { font-size:20px; top:15px  }
	.searchArea .searchFrm .searchZone .searchBox .ico_search { right:0; bottom:10px; background-size:30px; width:30px; height:30px }
	.searchArea .searchFrm .search_close { right:15px; bottom:20px }
	.searchArea .searchFrm .search_close i { font-size:30px }
}

@media (max-width: 640px) {
	#footer { padding:20px 15px 18px }
	#footer address { display:none }
}
@media (max-width: 360px) {
	#footer .foot_lnb > li { margin-right:12px }
	#footer .foot_lnb > li > a { font-size:12px }
}
/* ==================================================
  /////////////////// MAIN STYLE ///////////////////
 ================================================== */

/* 2024-11-11 추가 : s */
@media (max-width: 1280px) {
	.section_d.m_pd{padding:0 20px 50px;}
}
/* 2024-11-11 추가 : e */

@media (max-width: 1200px) {
	.vogue_slide .item .small_group .group .group_top { margin-bottom:4% }
	.vogue_slide .item .small_group .group .group_bottom .lect_info .dt, .vogue_slide .item .small_group .group .group_bottom .lect_info .dd { line-height:1.45em }
}

@media (max-width: 1080px) {
	.section_a { height:500px }
	.identity_slide .swiper-slide-txt .b_txt { font-size:52px; margin-bottom:3.2%;letter-spacing:-3px }
	.identity_slide .swiper-slide-txt .s_txt { font-size:20px; line-height:27px }

	.section_d .stud_lst > li .stud_div { width:55px }
	.section_d .stud_lst > li .stud_thumb { margin-right:8px }
	.section_d .stud_lst > li > ul > li:nth-child(3) { width:21% }
	.section_d .stud_lst > li > ul > li:nth-child(4),
	.section_d .stud_lst > li > ul > li:nth-child(5) { width:22% }
	.section_d .column_bottom > span { font-size:20px; line-height:2 }
}

@media (max-width: 1024px) {
	.learning_map .swiper-button-prev, .learning_map .swiper-button-next, 
	.swiper-button-prev1, .swiper-button-prev2-1, .swiper-button-prev2-2, .swiper-button-prev3-1, .swiper-button-prev3-2, .swiper-button-next1, .swiper-button-next2-1, .swiper-button-next2-2, .swiper-button-next3-1, .swiper-button-next3-2 { display:none }
	.learning_map .learning_slide .item,
	.learning_slide .item .group { height:auto }
	.learning_slide .item > a:hover .group { height:auto; top:0 }

	.vogue_slide .item .group { position:relative; background:#fff; height:auto }
	.vogue_slide .item .group .group_top { padding-top:25px }
	.vogue_slide .item .group .group_top .class_tit { color:#434343; font-size:16px; text-align:left; height:46px }
	.vogue_slide .item .group .group_top .class_desc { display:none }
	.vogue_slide .item .group .group_bottom { display:none }
		.sec_cont.pc { display:none }
}

@media (max-width: 995px) {
	.sec_tit { margin-bottom:10px }
	.sec_tit .tit_h3 { font-size:22px; padding-left:10px; color:#111 !important}
	.main_lecture .tab_group { padding-left:10px }
	.section_a { display:block; margin-bottom:0; height:450px }
	.section_a .swiper-container { height:425px }
	/* .section_a .identity { padding-top:35px } */
	.identity_slide .swiper-slide-txt .b_txt { font-size:42px; margin-bottom:3.2% }
	.identity_slide .swiper-slide-txt .s_txt { font-size:17px; line-height:27px }
	
	.section_b { /* padding:5% 0 4%; */ margin-bottom:0 }
	.section_c { /* padding:5% 0 4% */ }
	.section_d .column .stud_lst .stud_div { width:50px }
	.section_d .column .stud_lst td .stud_thumb { margin-right:6px }
	.section_d .stud_lst > li > ul > li:nth-child(1) { width:20% }
	.section_d .stud_lst > li > ul > li:nth-child(2) { width:40% }
	.section_d .stud_lst > li > ul > li:nth-child(3) { width:40% }
	.section_d .stud_lst > li > ul > li:nth-child(4),
	.section_d .stud_lst > li > ul > li:nth-child(5) { display:none }
	
	.main_lecture .tab_group .tab_item { font-size:22px }
/*	.sec_cont.pc { display:none }*/
	.vogue_slide .item .small_group .group { padding:0 15px }
	.vogue_slide .item .small > a:hover .group { padding:0 15px }
	.vogue_slide .item .small_group .group .group_top .class_tit { font-size:13px; margin-bottom:5% } 
	.familysiteWrap { display:none }

	.section_d .column_bottom { margin-top:0.5% }
	.section_d .column_bottom > span { float:right }
	.section_d .column_bottom .btn_group { float:right }

	.learning_map .swiper-button-prev, .learning_map .swiper-button-next, 
	.swiper-button-prev1, .swiper-button-prev3-1, .swiper-button-prev3-2,
	.swiper-button-next1, .swiper-button-next3-1, .swiper-button-next3-2 { background-size:54px 27px !important; top:-22px !important; width:27px !important; height:27px !important }
	.learning_map .swiper-button-prev, .swiper-button-prev1, .swiper-button-prev3-1, .swiper-button-prev3-2 { background-position:0 0; width:27px; height:27px; right:26px }
	.learning_map .swiper-button-next, .swiper-button-next1, .swiper-button-next3-1, .swiper-button-next3-2 { background-position:-27px 0; width:27px; height:27px; right:10 }
	.swiper-button-prev3-1, .swiper-button-prev3-2, .swiper-button-next3-1, .swiper-button-next3-2 { top:20px !important }
}

@media (max-width: 768px) {
	.sec_tit .tit3_h3 { font-size:22px; padding-left:10px; color:#434343;}
	.entry-popup .table th, .win-popup .table th { min-width:50px }
	}
@media (max-width: 480px) {
	.sec_tit .tit3_h3 { font-size:22px; padding-left:10px; padding-top:20px; color:#434343;}
	}
 
@media (max-width: 900px) {
	.section_d .column > ul > li .stud_lst tr td:nth-child(n+4) { display:none }
}
@media (max-width: 768px) {
	.section_a { height:410px }
/* 	.section_a .identity { padding-top:20px } */
	.section_a .swiper-container { height:380px }
	
	.identity_slide .swiper-slide-txt .b_txt { font-size:36px;letter-spacing:-2px }
	.identity_slide .swiper-slide-txt .s_txt { font-size:16px; line-height:24px }
	.identity_slide .swiper-slide-txt .link { width:150px; font-size:15px; padding:10px 0 10px 20px }
	.identity_slide .swiper-slide-txt .link:after { right:20px; top:14px }

	.section_d { background:none; padding-top:5%; height:auto }
	.section_d.m_pd{padding:0 20px 50px;} /* 2024-11-11 추가 */
	.section_d .column { width:100% }
	.section_d .stud_lst_wrap { margin-bottom:15px }
	.section_d .stud_lst > li > ul > li:nth-child(1) { width:15% }
	.section_d .stud_lst > li > ul > li:nth-child(2) { width:20% }
	.section_d .stud_lst > li > ul > li:nth-child(3) { width:21% }
	.section_d .stud_lst > li > ul > li:nth-child(4) { width:22% }
	.section_d .stud_lst > li > ul > li:nth-child(5) { width:22% }
	.section_d .stud_lst > li > ul > li:nth-child(4),
	.section_d .stud_lst > li > ul > li:nth-child(5) { display:table-cell }
	.section_d .column_bottom { display:none }
}
@media (max-width: 870px) {
	.identity_slide .swiper-slide-txt .link2{display:none;}
}

@media (max-width: 640px) {
	.section_a { height:320px }
	.section_a .swiper-container {	height:315px }
	.identity_slide .swiper-slide-txt .b_txt { font-size:24px;letter-spacing:-1px }
	.identity_slide .swiper-slide-txt .s_txt { font-size:13.5px }	
	.learning_slide .item .group .group_top .class_tit { font-size:15px; line-height:20px; height:45px }
	.section_d .stud_lst_wrap { display:none/*padding:25px 15px 24px*/ }
}

@media (max-width: 480px) {
	.section_a { height:260px }
	.section_a .swiper-container {	height:240px }
	.identity .swiper-pagination { bottom:20px }
	.identity_slide .swiper-slide-txt .b_txt { font-size:20px;letter-spacing:-1px  }
	.identity_slide .swiper-slide-txt .s_txt { font-size:12px; line-height:18px }	
	.identity_slide .swiper-slide-txt .link { font-size:13px; width:120px; padding:6px 0 6px 10px }
	.identity_slide .swiper-slide-txt .link:after { right:10px; top:9px }

	.learning_map .swiper-button-prev, .learning_map .swiper-button-next { display:none }
	.vogue_slide .swiper-button-prev, .vogue_slide .swiper-button-next { display:none }
	.vogue_slide .swiper-pagination3 { margin-top:20px; bottom:0 }
	
	.section_d { padding:0 }
	.section_d.m_pd{padding:0 20px 40px;} /* 2024-11-11 추가 */
	.section_d .stud_lst > li > ul > li:nth-child(1) { width:28% }
	.section_d .stud_lst > li > ul > li:nth-child(2) { width:36% }
	.section_d .stud_lst > li > ul > li:nth-child(3) { width:36% }
	.section_d .stud_lst > li > ul > li:nth-child(4), 
	.section_d .stud_lst > li > ul > li:nth-child(5) { display:none }
	.section_d .great_memb_slide { display:block } 
	.section_d .column .great_memb { display:none }
	.swiper-pagination4 { display:block }
}

@media (max-width: 420px) {
	.identity_slide .swiper-slide-txt .b_txt { white-space:nowrap;letter-spacing:-1px }
	.identity_slide .swiper-slide-txt .b_txt .cc { display:inline-block }
	.identity_slide .swiper-slide-txt .ca { display:block }
	.identity_slide .swiper-slide-img { padding-top:23px; position:absolute; right:0 }
	.identity_slide .swiper-slide-txt { width:100%; height:100% }
	.identity_slide .swiper-slide-txt .link { position:absolute; bottom:25% }
}

@media (max-width: 400px) {
	.identity_slide .swiper-slide-txt .b_txt { font-size:17px;letter-spacing:-1px; }
	.identity_slide .swiper-slide-txt .b_txt .cc1 { display:block } 
	.identity_slide .swiper-slide-txt .b_txt .cc2, .identity_slide .swiper-slide-txt .b_txt .cc3 { display:inline-block }
	.identity_slide .swiper-slide-img { padding-top:23px }
}

/*@media (max-width: 360px) {	 */
/*	.identity_slide .swiper-slide-img { padding-top:55px }*/
/*}*/
@media (max-width: 360px) {
	.identity_slide .swiper-slide-img { display:none }
}

@media (min-width: 481px) {
	.learning_map .swiper-pagination { display:none }
	.vogue_slide .swiper-pagination { display:none }

	.section_d  .column .great_memb { display:table }
	 
}
@media (min-width: 1025px) {
	.sec_cont.mobile { display:none }
}
@media (min-width: 1280px) {
	.thumb li { width:308px; margin-left:16px; height:186px }
}

 /* ==================================================
  /////////////////// SUB STYLE /////////////////////
 ================================================== */ 
@media (max-width: 1280px) {
	.user_info_inner { padding:16px 20px }
	.user_info_inner .user, .user_info_inner .community { width:32% } 
	.user_info_inner .community { padding:0 20px }
	.user_info_inner .manage_menu { width:36% }
}

@media (max-width: 1240px) {
	.learning_detail_inner,
	.learning_detail_tab_content .contents { width:680px }
	.learning_detail .learning_detail_info { padding-left:3.5%; padding-right:3.5%;  }/* padding-right:3.5%; 추가*/
	.learning_detail .learning_detail_info .tit { font-size:28px }
	.learning_detail .learning_detail_info .learning_detail_info_list { margin-bottom:8.5% }
	.learning_detail .learning_detail_info .btn_enrol { margin-top:6.5% }
	.learning_detail .share { right:10px }
}

@media (max-width: 1200px) {
	.item .group .group_bottom .lect_info .dt, .item .group .group_bottom .lect_info .dd { line-height:1.5em }
}

@media (min-width: 996px) and (max-width: 1200px) {
	.panel-body .newly_slide .thumb_info .go { top:42px }
}

@media (max-width: 1024px) {
	.contents_wrap {padding:0 20px;} /* 2024-08-13 추가 */
	.contents_wrap .tit_h3 { font-size:22px; margin-bottom:30px }
	
	/*.user_info_inner .user, .user_info_inner .community { width:38% } 
	.user_info_inner .manage_menu { width:24% }*/
	.user_info_inner .user .pic { width:70px; height:70px; margin-right:20px}
	.user_info_inner .user .pic > i { font-size:45px }
	.user_info_inner .user .name { padding-top:0 }
	.user_info_inner .user .name .user_nm { font-size:18px }
	.user_info_inner .manage_menu > a { text-align:center; width:125px; margin:3px auto }

	.item .group { height:32px; /*top:150px*/ }
	.item .group .group_top .class_tit { font-size:14px }
	.item .group .group_top .class_desc,
	.item .group .group_bottom { font-size:11px }

	/* �н�â */
	#learn_header .tit { width:355px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
}

@media (max-width: 480px) {
	.learning_detail_tab_content .panel-body .table > tbody th,
	.learning_detail_tab_content .panel-body .table > tbody td { display:block; width:100%; float:left; clear:left; box-sizing:border-box;padding:8px 20px;  }
	.learning_detail_tab_content .panel-body .table > tbody th { border-right:1px solid #e5e5e5; border-bottom:0; border-top:1px solid #e5e5e5 }
	.learning_detail_tab_content .panel-body .table > tbody > tr:first-child th { border-top:0; border-bottom:1px solid #e5e5e5 }
	.learning_detail_tab_content .panel-body .table > tbody td { padding-top:15px }
	.learning_detail_tab_content .panel-body .table col {display:none} /* 2022-02-23 추가*/
}
@media (max-width: 680px) {
	.learning_detail_tab {margin-bottom:10px}
	}

@media (min-width: 581px) and (max-width: 635px)  {
	.learning_detail_info_list > ul.tag{margin-top:30px;}
	}

@media (min-width: 996px) and (max-width: 1080px)  {
	.learning_detail_inner, .learning_detail_tab_content .contents { width:600px }
	.learning_detail .learning_detail_info .tit { font-size:24px }
	.learning_detail .learning_detail_info .learning_detail_info_list li { font-size:14px }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dt { width:75px }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dd{width:calc(100% - 80px)}
	/*.learning_detail .learning_detail_thumb_bottom { margin-top:31px }*/
}

@media (max-width: 1024px) {
	.learning_list .lecture_all .item a { border:1px solid #e8e8e8 }
	.learning_list .lecture_all .item > a .group { position:relative; background:#fff; height:auto; color:#363636; padding-bottom:5px  }
	.learning_list .lecture_all .item > a:hover .group { padding-top:0 }
}

@media (max-width: 1024px) {
	.learning_detail_inner, .learning_detail_tab_content .contents { width:100% }
	.learning_detail .learning_detail_thumb_area { width:40% }  
	.learning_detail .learning_detail_thumb .info_layer { display:block }
	.learning_detail .learning_detail_info { width:56.5% }
	.learning_detail .learning_detail_info .learning_detail_info_list li .dt { width:75px }
	.panel .panel-body .swiper-container.nominate1, .panel .panel-body .swiper-container.nominate2 { margin:0 }
	.learning_detail .share_tab { /*position:fixed; left:1.7%; right:1.7%; top:57%;  width:96.6%; height:40%; opacity:0; z-index:-1;*/ display:none }
	.learning_detail .learning_detail_thumb_bottom,
	.learning_detail .learning_detail_info .btn_enrol { display:none }
	.fixed_bottom { display:block }

	.lecture_all .item { width:33.3333333% }
	.share_tab { width:100%; position:relative; right:0 }
	.share_tab > a { display:block }

	.myclass_list.like .list > li { display:block }
	.myclass_list.like .list > li > * { display:inline-block; float:left }
	.myclass_list.like .list > li .info { width:calc(100% - 250px); height:162px }
	.myclass_list.like .list > li .class_btn { float:none; clear:both; width:100%; margin-top:15px }
	.matrix > li > .exam > li { width:32% !important }
}

@media (max-width: 768px) {
	.cartegory_head .tit_h2 { font-size:24px }
	.cartegory_head .tit_h2 + p { font-size:15px }

	.user_info_inner .user, .user_info_inner .community, .user_info_inner .manage_menu { width:100%; display:block; border-left:0; border-bottom:1px solid #e8e8e8; padding:10px 10px }
	.user_info_inner .manage_menu { text-align:center }
	.user_info_inner .manage_menu > a { display:inline-block; margin-left:3px }

	.learning_detail .learning_detail_thumb_area { width:250px }
	.learning_detail .learning_detail_info { width:calc(100% - 250px) }
	.learning_detail .learning_detail_info .tit { font-size:24px; margin-bottom:3% }
	.learning_detail .learning_detail_info .learning_detail_info_list li { font-size:14px; margin:1% 0 }
	.learning_detail .learning_detail_info .learning_detail_info_list { margin-bottom:3% }
	.learning_detail .learning_detail_info .tag li { padding:4px 10px }

	.learning_detail_tab_content .panel .panel-head { padding:15px 15px 0 }
	.learning_detail_tab_content .panel .panel-tit { font-size:18px }
	.learning_detail_tab_content .panel .panel-body { padding:10px 15px 15px }
	.panel .panel-body .thumb_list .thumb_desc { width:calc(100% - 149px); padding-left:20px }
	.panel .panel-body .thumb_list .thumb_desc > ul li .tit { width:64px }
	
	#learn_header .btn_group li a { border-radius:50%; width:35px; height:35px; text-align:center; padding:6px 0 }
	#learn_header .btn_group li a i { margin-right:0 }
	#learn_header .btn_group li a .txt { display:none } 
	.myclass_list .list.al > li .way { width:100% }

	.myclass_list.like .list > li .thumb { width:170px }
	.myclass_list.like .list > li .info { height:110px; width:calc(100% - 170px) }
	.myclass_list.like .list > li .info .head .tit { font-size:16px }
	.myclass_list.like .list > li .class_btn { text-align:right }
	.myclass_list.like .list > li .class_btn > a { display:inline-block; margin-right:4px; font-size:15px; width:150px; height:34px; padding:8px 0 }
	.myclass_list.like .list > li .class_btn > a > i { font-size:18px; vertical-align:-4px }

	/* 2024-08-30 추가 : s */
	.custom_tab_group__wrap{padding:0 10px;}
	.custom_tab_group{flex-wrap:wrap; margiN:20px 0 0; border:none;}
	.custom_tab_group li{flex:none; width:33%;}
	.custom_tab_group li a{border:1px solid #eaeaea;}
	.custom_tab_group li:nth-child(1) a, .custom_tab_group li:nth-child(2) a, .custom_tab_group li:nth-child(3) a, .custom_tab_group li:nth-child(4) a{border-bottom:none;}
	.custom_tab_group li:nth-child(2) a, .custom_tab_group li:nth-child(3) a, .custom_tab_group li:nth-child(5) a, .custom_tab_group li:nth-child(6) a{border-left:none;}
	/* 2024-08-30 추가 : e */
}

@media (min-width: 680px) and (max-width: 768px) {
	.item .group { height:28px; padding:0 12px }
/*	.item > a:hover .group { padding:5px 12px }*/
	.item .group .group_top { padding-top:5px }
	.learning_list .lecture_all .item .group .group_top .class_tit { font-size:12px } 
	.learning_list .lecture_all .item .group .group_bottom .lect_tit { margin-bottom:4px }
	.item .group .group_bottom .lect_info .dt, .item .group .group_bottom .lect_info .dd { line-height:1.4em }
}

/*@media (max-width: 768px) {
	.learning_list .lecture_all .item a { border:1px solid #e8e8e8 }
	.learning_list .lecture_all .item > a .group { position:relative; background:#fff; height:auto; color:#363636; padding-bottom:5px  }
	.learning_list .lecture_all .item > a:hover .group { padding-top:0 }
}*/

@media (max-width: 680px) {
	.learning_all .arrow, 
	.learning_all .arrow:hover { width:50px }
	.lecture_all .item { width:50% }

	.comment_wrap .back_list { margin-top:0 }
	.comment_bottom .range { display:none }
}

@media (max-width: 640px) {
	.sub_menu_wrap .sub_menu > li > a { font-size:15px; padding:12px 0 11px }
	.panel-body .learning > li .progress_wrap strong { margin-bottom:10px }
	.panel-body .learning > li .progress_wrap .progress { width:100% }
	.panel-body .learning > li .progress_wrap .progress__label { line-height:1.6 }
	.panel-body .learning > li .progress_wrap .progress__num { margin-top:5px }
	.panel-body .newly_slide .thumb_info .tit { width:200px }

	.share_tab .academy_group { height:300px; overflow-y:auto }

	#learn_header { padding:10px 15px }
	#learn_header .menu_open,
	#learn_header .tit { margin-top:3px }
	.learningpage .contentWrap { /*font-size:18px;*/ padding:24px 15px; padding-top:75px }
	.learningpage .contentWrap.editor { padding:55px 0 0 0 }
	.matrix > li > .exam > li { width:100% !important }

	.myclass_list .list.al > li { padding:15px }
	.myclass_list .list.al > li .inner, .myclass_list .list > li .inner> * { display:block !important }
	.myclass_list .list.al > li .thumb { float:left }
	.myclass_list .list.al > li .info { float:left; width:calc(100% - 95px); margin-bottom:10px }
	.myclass_list .list.al > li .info .tit { white-space:nowrap; width:100%; text-overflow:ellipsis; overflow:hidden }
	.myclass_list .list.al > li .class_btn { float:none; clear:both; /*width:100%;*/ text-align:left; text-align:center; padding-left:95px }
	.myclass_list .list.al > li .class_btn > a { display:inline-block; margin-right:4px; font-size:15px; width:150px; height:34px; padding:8px 0 }
	.myclass_list .list.al > li .class_btn > a > i { font-size:18px; vertical-align:-4px }
}

@media (max-width: 600px) {
	.myclass_list.like .list > li .thumb { width:100% }
	.myclass_list.like .list > li .info { width:100%; padding-left:0; margin-top:15px; height:auto }
	.myclass_list.like .list > li .info .head,
	.myclass_list.like .list > li .info .tail { position:relative }
	.myclass_list.like .list > li .info .head { margin-bottom:15px }
	.myclass_list.like .list > li .info .head .tit { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
	.myclass_list.like .list > li .class_btn { text-align:center; padding-left:0 }
}

@media (max-width: 560px) {
	.panel-body .newly_slide .item > * { display:block }
	.panel-body .newly_slide .item .thumb_img { margin:0 auto; margin-bottom:15px }
	.panel-body .newly_slide .thumb_info { text-align:center; padding-left:0 }
	.panel-body .newly_slide .thumb_info .tit { width:100%; max-width:100% }
	.panel-body .newly_slide .thumb_info .go { position:relative; display:inline-block; margin-top:10px }
	
	.faq .list > dt > a { display:block }
	.faq .list > dt > a .faq_q { width:100%; display:inline-block }
	.faq .list > dt > a .comment_num,
	.faq .list > dt > a .date { display:none }
	
	#learn_header .tit { width:150px }
}

@media (max-width: 580px) {
	.learning_detail .learning_detail_thumb_area,
	.learning_detail .learning_detail_info { float:none; width:100% }
	.learning_detail .learning_detail_info { margin-top:25px }/* padding-left:0; */
	.learning_detail .learning_detail_thumb{width:320px}
	.learning_detail .learning_detail_thumb > img{width:320px}
}

@media (max-width: 480px) {
	.sub_menu_wrap { overflow-x: scroll; -webkit-overflow-scrolling: touch; height:41px; overflow-y:hidden }
	.sub_menu_wrap .sub_menu { width:30em; text-align:justify }
	.sub_menu_wrap .sub_menu:after {  content: ''; display: inline-block; width: 100%; }

	.panel-body .learning > li .thumb_img { width:92px; padding-right:15px }
	.panel-body .learning > li .progress_wrap strong { font-size:14px }
	.panel-body .newlywork > li > * { display:block }
	.panel-body .newlywork .thumb_img { margin-bottom:15px }

	.forum > ul > li > * { display:inline-block }
	.forum > ul > li .forum_desc .forum_tit .forum_tit_txt { display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:4px }

	.lecture_all .item { width:100% }
	.panel .panel-body .thumb_list .thumb_desc > ul li { font-size:12px; line-height:20px }
	.comment_wrap .review_content li .open_comment .comment_head .left { min-width:250px }

	.myclass_list .list.al > li .info .tit { font-size:16px }

	.timeline > li .trace .date { display:none }
	.timeline:before { left:20px }
	.timeline > li .thumb { left:6px }
	.timeline > li > .timeline-item { margin-left:50px }

	/* �н�â */
	.mention { padding:15px 0 }
}

@media (max-width: 420px) {
	/*.learning_menu .content_menu ul { white-space:nowrap; width:210px; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:tiuch; height:43px }*/
	.learning_menu .content_menu ul li { float:none; display:inline-block }

	.panel .panel-body .thumb_list > * { display:block }
	.panel .panel-body .thumb_list .book_thumb { text-align:center }
	.panel .panel-body .thumb_list .thumb_wrap { margin:0 auto }
	.panel .panel-body .thumb_list .thumb_desc { width:100%; margin-top:20px; padding:0 }
}

@media (max-width: 400px) {
	.faq .list > dt > a .faq_q > span { width:70% }
}

@media (max-width: 360px) {
	.myclass_list .list.al > li .info { padding-left:15px }
}

/* LEARNING */
@media (max-width: 1100px) {
	.class_room_inner { padding-right:220px }
}
@media (max-width: 1024px) {
	.learning_detail .learning_detail_info .btn_enrol { margin-top:8.2% }

	/* ���ǽ� */
	.class_room .class_info .class_tit { font-size:24px }
	.class_room .class_info .newly,
	.class_room .class_info .way span { font-size:14px }
	.class_room .class_info .way .ico_way { display:none }
	.class_room .class_info .way .progress_box { display:block } 
	
	.learning_menu .learning_search { display:none }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-next1,
	.panel .panel-body .swiper-button-prev2, .panel .panel-body .swiper-button-next2 { display:none }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-prev2 { left:inherit; right:40px }
	.panel .panel-body .swiper-button-next1, .panel .panel-body .swiper-button-next2 { right:15px }

	.class_room_inner { padding-right:0 }
	.class_room_share2 { display:none }
	.class_room_bottom_share { display:block }
	.class_room .class_info .progress { width:100% }
	.tab_group.much .content_menu a span { padding:25px 16px }
	.learning_detail_tab .right .user_menu .between,
	.learning_detail_tab .right .user_menu a span
	/*.learning_detail_tab .right .user_menu a:last-child*/ { display:none }
	
	.learning_detail_tab .right .user_menu a i{font-size:30px}
	.learning_detail_tab .right .user_menu a i.push {font-size:27px}
	
	/* �н�â */
	#learn_header .menu_open { display:block }
	.navigation { left:-286px }
	.contentWrap { margin-left:0 }
} 

@media (max-width: 768px) {
	.class_room .class_thumb { width:220px }
	.class_room .class_info { width:calc(100% - 220px) }
	.class_room .class_info .class_tit { font-size:20px }
	.comment_wrap .comment_content li .con_area .brd_tit { width:480px }

	/* �н�â */
	.learningpage { overflow-x:hidden; overflow-y:auto }
	.learningpage .contentWrap { width:100% }
}

@media (max-width: 680px) {
	.contents_top .sort > ul { display:none }
	.contents_top .sort .sort_list { display:block }
	.learning_menu .tab_group a,
	.tab_group .content_menu a { font-size:15px }
	.learning_menu .tab_group a span,
	.tab_group .content_menu a span,
	.tab_group.much .content_menu a span { padding:15px 18px }
	.tab_group.much .content_menu ul { white-space:nowrap; width:280px; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; /*height:43px*/ }
	.tab_group.much .content_menu ul > li { float:none; display:inline-block }
	.learning_detail_tab .right .user_menu { margin-top:12px }
/*	.learning_menu .right { margin-top:6px }*/
	.learning_menu .right { display:none }
	.contents_top .result { font-size:16px }
	.tab_panel .comment_wrap { padding:10px 10px 25px 10px }
/*	.tab_panel .comment_wrap.view { padding:20px 0 0 0 }*/
	.tab_panel .comment_wrap.view { padding:20px 0 15px 0 }
	.comment_wrap li .user_thumb { width:55px; margin-right:0 }
	.comment_wrap li .comment_content { width:calc(100% - 55px) }
	/*.comment_wrap .comment_top .total, .comment_wrap .comment_top_right { float:none } 강의실 qna에서 콤보박스 쏠림 */
	.comment_wrap .comment_top .total, .comment_wrap .comment_top_right {padding-top:10px}
	.comment_wrap .comment_top_right { margin:0 auto; /*margin-top:15px*/ }
	.comment_wrap .comment_contet li .num_arsa { width:80px }
	.comment_wrap .comment_contet li .con_area { width:calc(100% - 80px) }
	.comment_wrap .comment_bottom .range { right:15px }
	.comment_wrap.view .review_content { padding:0 0 20px 0 }
}

@media (max-width: 640px) {
	.class_list li { padding:15px 15px }
	.class_list li .state,
	.class_list li .wait { padding:3px 10px; margin-top:5px }

	.class_room .class_thumb { width:100% }
	.class_room .class_info { width:100%; padding-left:0; margin-top:15px }
	.comment_wrap .comment_content li .con_area .brd_tit { /*width:420px*/width:100% }
	.comment_wrap .review_content li .open_comment .comment_head .left { width:100% !important }
	.comment_wrap.view .review_content li .open_comment .comment_head .right { margin-top:10px }
	
	.modal-body .modal_qna_wrap { max-height:400px; overflow-y:auto }
	/* .modal-body{height: 49%;} */
}

@media (min-width: 480px) and (max-width: 995px) {
	.learning_all .item a .tit { font-size:14px; line-height:20px }
}

@media (max-width: 440px) { 
	.comment_wrap li .comment_content_top .star_thumb { display:none }
	.comment_wrap li .comment_content_top .starpoint > i { display:inline-block }
}

@media (min-width: 480px) { 
	.fixed_bottom > a { padding:12px 0 }
}

@media (max-width: 480px) { 
	.comment_wrap .comment_content li .con_area .brd_tit { width:215px }

	.q_group > li .comment .txt { font-size:12px }
	.q_wrap .bottom a { width:65px; font-size:12px; padding:8px 0 }
	.q_wrap .bottom .paging { padding:0 12px; font-size:12px }
	.q_group .ctrl_btn .radioselect { margin:0 15px; width:80px; height:80px }
	.q_group .ctrl_btn .radioselect .icon { width:31px; height:31px; background-size:180px 31px; margin:28% 0 }
	.q_group .ctrl_btn .radioselect .icon.icon_x { background-position:-50px 0 }
	.q_group .ctrl_btn .radioselect.on .icon.icon_o { background-position:-100px 0 }
	.q_group .ctrl_btn .radioselect.on .icon.icon_x { background-position:-149px 0 }

	.abuse-popup .ctrl_grp .ctrl { width:100% }
	.class_list li .class_tit { font-size:14px; width:calc(100% - 90px) }
	.class_list li .way { font-size:12px; width:90px; top:19px }
	.class_list li .class_tit .class_name { width:72% }
}

@media (max-width: 420px) {
	/* .modal-body{height: 35%;} */
}

@media (max-width: 400px) { 
	.comment_wrap .comment_bottom .range { position:relative; float:right; right:0; margin-top:15px }
	.comment_bottom .range { position:relative; float:right; right:0; margin-top:15px }
	.modal-popup-group.round .modal-footer > a{ padding: 5px 15px;}
}

@media (max-width: 380px) { 
	.tab_group.much .content_menu ul { width:210px }
}
@media (max-width: 360px) { 
	.share_tab .sns_area { padding:20px 10px 0 }
	.comment_wrap .comment_content li .con_area .brd_tit { width:190px }
}

@media (max-width: 350px) { 
	.modal-popup-group.round .modal-footer > a{ padding: 5px 5px;}
}

@media (max-width: 340px) { 
	.learning_menu .tab_group a span { padding:15px 15.85px }
}
@media (max-width: 320px) { 
/*	.class_list li .class_tit { width:calc(100% - 70px) }*/
	.comment_wrap .comment_content li .con_area .brd_tit { width:175px }
}


/* ��ǰ�� */

@media (max-width: 1024px) { 
	.work_list .lecture_all .item { width:30%; margin-right:5% !important }
	.work_list .lecture_all .item:nth-child(3n) { margin-right:0 !important }
}

@media (max-width: 995px) { 
	.work_list table td.tit .ellipsis { width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
}

@media (max-width: 680px) { 
	.work_list .lecture_all .item { width:47% }
	.work_list .lecture_all .item:nth-child(odd) { margin-right:6% !important }
	.work_list .lecture_all .item:nth-child(even) { margin-right:0 !important }

	.work_list .lecture_all .item .group .user_name { font-size:14px }
	.work_list .lecture_all .item .group .group_top .update { font-size:11px }
	.work_list .lecture_all .item .group .group_top .update > i { font-size:13px }
	.work_list .lecture_all .item .group .group_bottom a { font-size:12px; width:72px; margin:0 }
	.work_list .lecture_all .item .group .group_bottom > a:first-child { float:left }
	.work_list .lecture_all .item .group .group_bottom > a:last-child { float:right }
}

@media (max-width: 400px) { 
	.work_list .lecture_all .item { width:300px; margin:0 auto !important; float:none; margin-bottom:20px !important }
	.work_list .lecture_all .item .group .group_top .update { font-size:13px }
	.work_list .lecture_all .item .group .group_bottom a { width:40% }
	.work_list .lecture_all .item:nth-child(odd),
	.work_list .lecture_all .item:nth-child(even) { margin:0 auto 30px !important }
}

@media (max-width: 768px) { 
	.work_list table td.tit .ellipsis { width:300px }

	.comment_wrap.view .review_content li .open_comment .user_thumb,
	.comment_wrap.view .review_content .comment_head.good .thumb { display:none }
	.comment_wrap.view .review_content .comment_head.good .reply_tit_box { padding:0 } 
	.comment_wrap .review_content li .comment_head .right { padding:0 }
	.comment_wrap.view .review_content li .open_comment .comment_head .left { width:100% }
	.comment_wrap.view .review_content li .open_comment .review_tit { width:100%; margin-top:0 }
	.comment_wrap.view .review_content li .comment_head .right { padding-bottom:0 }
}

@media (max-width: 680px) { 
	.work_list .top_btn > a { padding:7px 10px; font-size:12px; line-height:1.2; width:132px }
	.work_list table td.tit .ellipsis { width:220px }
	.work_detail .comment_wrap { padding:0 0 25px 0 }
}

@media (max-width: 560px) { 
	.comment_wrap .review_content li .open_comment .work_tit { max-width:320px }
	.comment_wrap .review_content li .open_comment .work_tit .tit { width:100% !important }

	/* �н�â */
	.mention .obj.btn_area { width:360px }
	.filebox { width:360px }
}

@media (max-width: 480px) { 
	.work_list .top_btn { float:none }
	.work_list table td.tit .ellipsis { width:240px }
	.work_list table td.name { display:none }
	.work_list table td .info { min-width:60px }
	.work_list table td .info li { float:none }
	.work_list table td.tit .ellipsis { width:150px }
	.comment_wrap .review_content li .open_comment .work_tit { max-width:250px }
}

@media (max-width: 420px) { 
	.mention .obj.btn_area { width:300px }
	.filebox { width:300px }
}

@media (max-width: 400px) { 
	.work_list table td.tit .ellipsis { width:200px }
	.comment_wrap .review_content li .open_comment .work_tit { max-width:200px }
}

@media (max-width: 360px) {
	.work_list table td.tit .ellipsis { width:160px }
	.comment_wrap .review_content li .open_comment .work_tit { max-width:185px }
	.mention .obj.btn_area { width:280px }
	.filebox { width:250px }
}

/* 게시판 테이블 */
@media (min-width:1025px) {
.txt_hi{display:none}
.i_hi{display:none}
}
@media (max-width: 1024px) {
	.qnaListView .table thead, .qnaListView .table td.num, .qnaListView .table td.theme { display:none }
	.qnaListView .table td.tit strong.theme { display:inline-block }
	.qnaListView .table td.tit {border-bottom:0; border-right:0; float:left; clear:left; width:100%; display:block; height:35px; box-sizing:border-box; padding:6px 6px; border-left:0;}
	.qnaListView .table td.name, .table td.wdate, .table td.recommend, .table td.comment, .qnaListView .table td.wdate,
	.qnaListView .table td.state, .qnaListView .table td.answerCnt, .qnaListView .table td.view { float:left; display:block; height:35px; border:0 !important; box-sizing:border-box; padding:6px 6px }
	.qnaListView .table td.state .em_state { margin-right:0 }
	.sweduList .table thead { display:none }
	.sweduList .table td.tit {display:inline-flex; align-items:center; width:100%; height:35px; box-sizing:border-box; padding:6px; border-left:0 !important;border-right:0;border-bottom:0;} /* 2024-08-30 수정 */
	.sweduList .table .m_bold{text-align: left; font-weight: bold;} /* 2024-8-30 수정 */
	.sweduList .table td.top_none {border-top:none;} /* 2024-8-30 추가 */
	.sweduList .table .m_bold{text-align: left; font-weight: bold;} /* 2024-8-29 수정 */
	.sweduList .table td.name, .sweduList .table td.wdate, .sweduList .table td.recommend, .sweduList .table td.comment, .sweduList .table td.view, .sweduList .table td.answerCnt, .sweduList .table td.alctcrNm { float:left; display:block; height:35px; border:0 !important; padding:6px; box-sizing:border-box;  }

	/* SW�������� */
	.learning_list.edu .myclass_list.like .list.list_type > li > a { display:block; width:100% }
	.learning_list.edu .myclass_list.like .list.list_type > li > a > * { display:block; float:left }

}
@media (max-width: 768px) and (min-width: 680px) {
	.item.edu .group .group_top { padding-top:7px }
}
@media (max-width: 768px) { 
	.qnaListView.view .review_content li .open_comment .comment_head .review_tit { margin-top:16px }
	.qnaListView.view .review_content li .comment_head .right { padding-bottom:20px }

	/* SW�������� */
	.learning_list.edu	.myclass_list.like .list > li .info { height:auto }

	.lecture_all .item.edu .group.simple { height:auto; position:relative; background:#fff; color:#363636 }
	.lecture_all .item.edu > a .group.simple .edu_tit { white-space:normal; font-size:14px; line-height:20px; height:42px }
/*	.lecture_all .item.edu .group .group_top .class_desc .ellip-line { white-space:normal; display:inline }*/

}
@media (max-width: 640px) {
	.theme_category > ul > li > a { font-size:12px }
	.qnaListView.view .review_content li .open_comment .comment_head .right { margin-top:0 }

	.wrt_lst > li > * { display:block; width:100% !important }
	.wrt_lst > li > .tit { font-size:13px; padding-left:0 }
	.tit .broken { display:inline }
}
@media (max-width: 600px) {
	.learning_list.edu .myclass_list.like .list.al > li { padding:20px 0 }
	.learning_list.edu .myclass_list.like .list.al > li .info,
	.learning_list.edu .myclass_list.like .list.al > li .info .head { margin-bottom:0 }

	.swedu_list_content > li > * { display:block; width:100% !important }
	.swedu_list_content > li .swedu_list { padding-left:0; margin-top:15px; height:auto }
	.swedu_list_content > li .swedu_list .review_txt { margin-bottom:15px }
	.swedu_list_content > li .swedu_list .bottom { position:relative; width:100% }
}
@media (max-width: 359px) {
	.learning_menu.edu .tab_group a span { padding:15px 14.5px } 
}


/* �˾� ��ũ�� */
@media (max-width: 768px) {
	.pop_scroll { overflow-y:auto;}
}

/* ��û */
@media (max-width: 1080px) {
	.apply_itr .sm_size { font-size:20px }
	.apply_itr .lg_size { font-size:40px }
	.apply_itr .apply_itr_txt { font-size:15px }
}

@media (max-width: 1024px) {
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.five .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.six .ctrl { width:33.333333333% }
}

@media (max-width: 995px) {
	.apply_wrap.form .wrt_lst > li > .tit { width:170px }
	.apply_wrap { background:#f7f7f7 }
	.apply_wrap .apply_bn .container { padding:0 }
	.apply_itr { width:100%; text-align:center; background:#eeeaf3; padding:35px 0 }
	.apply_img { display:none }
	.basic_data.mem_modify .thumb_wrap { width:220px; margin:0 auto; display:block; float:none; margin-bottom:30px }
	.basic_data.mem_modify .wrt_lst { width:100%; padding-left:0 }
}

@media (max-width: 850px) {
	.apply_wrap.form .wrt_lst .filebox,
	.apply_wrap.form .wrt_lst .form_add_type { width:100% }
	.apply_wrap.form .wrt_lst .form_add_type .filebox { width:calc(100% - 60px) }
}

@media (max-width: 768px) {  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.three .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.four .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.five .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.six .ctrl { width:50% }
}

@media (max-width: 640px) {
	.basic_data .thumb_wrap { width:100%; margin-bottom:20px }
	.basic_data .thumb_wrap + .data_load { width:100%; padding-left:0 }
	.privacyForm { padding:20px 15px 25px }
}

@media (max-width: 480px) {
	.privacy-popup .table tbody th, .privacy-popup .table tbody td { width:100%; display:block; clear:left; padding:6px 10px; border-right:1px solid #e5e5e5 }
	.privacy-popup .table tbody tr:first-child th, .privacy-popup .table tbody tr:first-child td {  }
	.privacy-popup .table tbody td { border-top:0 }
	.privacy-popup .table tbody tr:first-child td { border-bottom:1px solid #e5e5e5 }
	.privacy-popup .table tbody th { float:left }

	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.three .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.four .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.five .ctrl,  
	.apply_wrap.form .wrt_lst > li > .content_list .ctrl_grp.six .ctrl { width:100% }
}

@media (max-width: 360px) {
	.privacyForm .obj { width:100% }
	.privacyForm .obj input[type='text'],
	.privacyForm .obj input[type='password'] { width:100% }
	.privacyForm .obj label { display:block; margin-bottom:10px }
	
}
/* ���հ˻� */
@media (max-width: 680px) {
	.total_search .search_result { font-size:20px; margin-bottom:10px }

	.learning_menu .tab_group.much.full { width:100% }
	.learning_menu .tab_group.much.full .content_menu ul { width:auto }
	.panel.search .panel-head { padding:10px 15px 10px }
	.panel.search .panel-head .panel-tit { font-size:16px }
	.panel.search .panel-head .sub_detail { font-size:13px; color:#767676; line-height:1.9em }
	.panel.search .panel-body { padding:20px 15px 0 }
	.panel.search .panel-footer { padding:0 15px 20px }
	.panel.search .panel-footer .more { right:15px }
	.non_result { font-size:20px }
	.panel.search .list { max-width:360px }
	.total_search_bot_txt{margin:10px 0 0; font-size:14px; word-spacing:10px}
}
@media (max-width: 600px) {
	.panel.search .panel-body .swedu_list_content > li .swedu_list.non_thumb { margin-top:0 } 
}



/* �̙��̶� */

@media (max-width: 1024px) {
	.normal_box { background-image:none; padding-right:0 }
	.normal_box .inner_txt,
	.learningmap_box .inner_txt { padding:25px 20px 25px 20px }
	.inner_tit { font-size:20px; margin-bottom:30px }
	.esof_point > li { width:50% }
	.esof_point > li > div { height:360px; padding:25px 15px 0 15px }
	.esof_point > li > div .tit { margin-bottom:15px }
	.esof_con.book .esof_point > li > div { height:420px }	
	.member_lst .newlywork { padding:20px 15px }
}

@media (max-width: 995px) {
	.member_lst .newlywork .thumb_info .slogan,
	.member_lst .newlywork .thumb_info .tag { height:auto }
}

@media (max-width: 995px) {
	.member_lst .esof_point > li { width:100% }
}

@media (max-width: 768px) {
	.esof_con .tb_service { display:block }
	.esof_con .service_img { display:none }
}

@media (max-width: 640px) {
	.normal_box h3,
	.learningmap_box h3 { font-size:20px; margin-bottom:16px }
	.normal_box { font-size:14px }
	.learningmap_edu { margin-bottom:40px }
	.learningmap_edu.first .inner_img > img { margin-bottom:25px }
	.newlywork .thumb_info .tag > li { font-size:11px; padding:2px 10px 3px }
	.member_lst .newlywork .thumb_round { width:50px; height:50px; padding-right:15px }
	.member_lst .newlywork .thumb_round .thumb_con { width:50px; height:50px }
	.member_lst .newlywork .thumb_round .thumb_con > i { font-size:30px; vertical-align:-25px }
	.member_lst .newlywork .thumb_info .name_tit .tit { font-size:18px }
	.member_lst .newlywork .thumb_info .slogan { font-size:14px; margin-bottom:5px }
	.member_lst .newlywork .thumb_info .activity { height:38px; margin-bottom:5px }
	.member_lst .newlywork .thumb_info .activity > li { font-size:12px; line-height:18px }
}

@media (min-width: 601px) and (max-width: 767px) {
	.esof_point > li > div { height:410px }
}

@media (max-width: 600px) {
	.esof_point > li { width:100% }
	.esof_point > li > div { height:auto; padding:25px 15px 15px 15px }
}

/* ���� */

@media (max-width: 995px) {
	.badge_list > li .badge_area { width:120px }
}

@media (max-width: 768px) {
	.badge_list > li { width:100% }
	.badge_list > li .badge_area { border-left:0 !important }
}

@media (max-width: 600px) {
	.badge_list > li .badge_area { width:90px }
	.badge_list > li .badge_area > img { height:50px }
	.friend-popup .badge > li { width:20% }
}

@media (max-width: 480px) {
	.friend-popup .badge > li { width:25% }
	.friend-popup .badge > li > img { height:50px }
	.friend-popup .badge > li .badge_name { font-size:12px }
}
@media (max-width: 360px) {
	.friend-popup .badge > li { width:33.33333333% }
}


/* SW교육정보 */
@media (max-width: 1024px) {
	.video_view .view_content { width:100% }
	.video_view .view_content .view_area { width:100%; padding-bottom:0 }
/* 	.video_view .view_content .view_area .video_view { position:static; height:auto }  */
	.video_view .view_content .turn_area { display:none }
	.video_view .view_tit .right { position:absolute; right:0; bottom:8px }
	.video_view .view_tit .sns_area { top:80px; right:0 }
	.video-js.learnMode { height:0 !important; padding-top:56.666666666666664% !important }
	.video_view .view_content.csplayer .view_area { padding-bottom:60% }
/* 	.video_view .view_content.csplayer .view_area .video_view { height:0 } */
}

@media (max-width: 995px) {
	.video_view .view_top { padding:15px 0 14px 0 }
	.video_view .panel .nominate { margin-left:-10px; margin-right:-10px }
	.video_view .panel .nominate > li > a { padding:0 10px }
	.video_view .panel .nominate > li { width:25% }
	.video_view .panel .nominate > li:nth-child(n+5) { display:none }
}

@media (max-width: 640px) {
	.video_view .panel .nominate > li { width:33.33333333% }
	.video_view .panel .nominate > li:nth-child(n+4) { display:none }
}

@media (max-width: 420px) {
	.video_view .panel .nominate > li { width:50% }
	.video_view .panel .nominate > li:nth-child(n+3) { display:none }
}

@media (max-width: 1024px) {
	/* 이벤트 */
	.customer_wrap .table thead,
	.customer_wrap .table td.num,
	.customer_wrap .table td.theme,
	.customer_wrap .table td.view { display:none }

	.customer_wrap .table td.tit { float:left; clear:left; width:100%; display:block; height:35px; box-sizing:border-box; padding:6px 6px; border-left:0 }
	.customer_wrap .table td.tit .theme { display:inline-block; margin-right:10px;}
	.customer_wrap .table td.name,
	.customer_wrap .table td.wdate,
	.customer_wrap .table td.state { float:left; display:block; height:35px; border:0 !important; box-sizing:border-box; padding:6px 6px }
	.table[class*="structure cell basic"] td.tit a > span{ white-space:normal;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.2rem;} /* 2024-11-13 추가 */
}

@media (max-width: 768px) {
	.tab_group.much.full768 { width:100% }
	.tab_group.much.full768 .content_menu ul { width:auto; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; height:43px }
	.canvasWrap { position:relative; width:100%; padding-bottom:62% }
	.modal-popup-group.round .modal-enroll-inputs .label-box{display: inline-block; width: 40%; margin-right: 10px; margin-bottom: 10px;}
	.modal-popup-group.round .modal-enroll-inputs .label-box input{width:90%;}
}
@media (max-width: 768px) and (max-height: 1024px){
	.modal-popup-group.round .plusList{height: 350px;}
}
@media (max-height: 768px){
	.modal-popup-group.round .plusList{height: 200px;}
}

@media (max-width:640px) {
	.modal-popup-group.round .modal-enroll-inputs .label-box{display: inline-block; width: 100%; margin-bottom: 10px;}
	.modal-popup-group.round .modal-enroll-inputs .label-box input{width:80%;}
	.modal-popup-group.round .modal-header{margin-bottom: 0;}
}

@media (max-width: 480px) {
	.customer_wrap .tab_group.inthetab > a { font-size:12px; padding:10px 0; height:35px }
	.faq_keyword { font-size:13px }
	.customer_wrap .faq_wrap .faq .list > dt > a .faq_n { font-size:13px; width:30px;  }
	.customer_wrap .faq_wrap .faq .list > dt > a .faq_q { font-size:13px; width:calc(100% - 33px) }
	.customer_wrap .faq_wrap .faq .list > dd { padding:6px 0 10px 34px }
	.customer_wrap .faq_wrap .faq .list .faq_a { font-size:13px; line-height:19px }
	.table[class*="structure cell basic"] tr th, .table[class*="structure cell basic"] tr td{padding:5px}
}

@media (max-width : 420px){
	.modal-popup-group.round .plusList{height: 200px;}
}
@media (max-width : 400px){
	.modal-footer{padding: 10px 20px;}
}
@media (max-width : 330px){
	.modal-enroll-excel{text-align: right;}
 	.minialert{display: block; margin: 0; padding-right: 3px;  background: none;}
 	.minialert:before{display: inline-block;width: 20px; height: 20px;  background: url(../../../../../images/egovframework/com/ebs/minialert.png)0 6px no-repeat; content:'';}
	.modal-enroll-plus-del{display: block;  margin-top: 5px;}
}
@media (max-width: 680px) {
	.customer_wrap { padding:10px}
	.customer_wrap .comment_wrap { padding:20px 10px 10px 10px }
	.customer_wrap .back_list { margin-top:10px }
}

@media screen and (min-width:769px) and (max-width: 1024px){
	.section_d {height:auto; padding-top:50px;}
	.section_d.m_pd{padding-top:0;} /* 2024-11-11 추가 */
}


/* Use Order(�̿빮��) */
@media (max-width: 1024px){
	.use_ord > li > .ord_num { width:50px; height:50px; line-height:2.2em; font-size:20px; margin-bottom:10px }
	.use_ord > li  .use_ord_tit { font-size:16px; margin-bottom:5px }
	.use_ord > li  .use_ord_desc { font-size:14px }
}

@media (max-width: 767px){
	.use_ord { margin-bottom:30px }
	.use_ord > li { width:100%; margin-bottom:30px }
	.use_ord > li > .ord_num { width:35px; height:35px; line-height:1.7em; margin-bottom:0; float:left; margin-right:20px }
	.use_ord > li .use_ord_tit { margin-top:5px; margin-bottom:15px }
	.use_ord > li  .use_ord_desc .broken { display:inline }
}

@media (max-width: 640px){
	.ord_txt { font-size:14px; margin-bottom:15px }
	.ord_img { margin-bottom:30px }
}

@media (max-width: 500px){
	.forumenter_area .forumenter_area_inner > * { display:block; float:right }
	.forumenter_area .forumenter_area_inner p { font-size:13px; letter-spacing:-1px }
}


@media (max-width: 900px) {
	.condition_box.conbox01 .ctrl_grp_wrap .ctrl_grp .ctrl { width:24% }
}
@media (max-width: 680px) {
	.detail_search .detail_condition > li .condition_box { padding:15px }
	.detail_search .detail_condition > li { display:block; position:relative; margin:0 2% }
	.detail_search .detail_condition > li > a { padding:10px 0 }
	.detail_search .detail_condition > li .condition_box.conbox01:before,
	.detail_search .detail_condition > li .condition_box.conbox02:before,
	.detail_search .detail_condition > li .condition_box.conbox03:before, 
	.detail_search .detail_condition > li .condition_box.conbox04:before{ left:50px }
	.detail_search01:hover > a + .condition_box,
	.detail_search02:hover > a + .condition_box,
	.detail_search03:hover > a + .condition_box,
	.detail_search04:hover > a + .condition_box { transform:translateY(0px); -webkit-transform:translateY(0px); }
	.condition_box.conbox01 .ctrl_grp_wrap .ctrl_grp .ctrl { width:49% }
	.condition_box.conbox02 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox03 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox04 .ctrl_grp_wrap .ctrl_grp .ctrl { width:24% }
}
@media (max-width: 560px) {
	.condition_box.conbox02 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox03 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox04 .ctrl_grp_wrap .ctrl_grp .ctrl { width:32% }
}
@media (max-width: 450px) {
	.condition_box.conbox01 .ctrl_grp_wrap .ctrl_grp .ctrl { width:100% }
	.condition_box.conbox02 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox03 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox04 .ctrl_grp_wrap .ctrl_grp .ctrl { width:49% }
}
@media (max-width: 360px) {
	.condition_box.conbox02 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox03 .ctrl_grp_wrap .ctrl_grp .ctrl,
	.condition_box.conbox04 .ctrl_grp_wrap .ctrl_grp .ctrl { width:100% }
}

/* 배움터 시리즈 */
@media (max-width: 995px) {
	.class_room_inner.serise .class_thumb { width:320px }
	.class_room_inner.serise .class_info { width:calc(100% - 320px) }
	.class_room_inner.serise .class_info .class_desc { font-size:14px; line-height:22px }
	.class_room_inner.serise .class_info .sns_area > ul > li { margin:0 10px }
	.class_room_inner.serise .class_info .sns_area > ul > li > a { width:22px; height:22px }
}

@media (max-width: 768px) {
	.serise_lst > li .thumb { width:170px }
}

@media (max-width: 640px) {
	.class_room_inner.serise .class_thumb, 
	.class_room_inner.serise .class_info { float:none; width:100% }
	.class_room_inner.serise .class_info { padding-left:0 }

	.serise_lst > li { display:block }
	.serise_lst > li .thumb,
	.serise_lst > li .serise_info { width:100%; display:block }
	.serise_lst > li .thumb { margin-bottom:20px }
	.serise_lst > li .serise_info { float:right; width:calc(100% - 30px); padding-left:0 }
	.serise_lst > li .serise_info .head .tit_wrap { width:100% }
	.serise_lst > li .serise_chk { display:block; width:auto; margin-top:3px; float:left }
	.serise_lst > li .serise_info .head { position:static; width:100%; margin-bottom:20px }
	.serise_lst > li .serise_info .head .btn_wrap { position:absolute; right:0; bottom:0; padding:0 }
	.serise_lst > li .serise_info .tail { position:static; width:100%; }
	.serise_lst > li .serise_info .tail .user_thumb_wrap,
	.serise_lst > li .serise_info .tail .class_studing { float:none }
}


@media (max-width: 1270px) {
.group_body_txt{margin-bottom:10px;}
	}
@media (max-width: 1120px) {
.group_body_txt{margin-bottom:5px;}
	}
	
@media (max-width: 1050px) {
.group_body_txt{margin-bottom:60px;}
	}
	
@media (max-width: 668px) {
.group_body_txt{margin-bottom:6%}
	}
@media (max-width: 580px) {
.fx_dummy .item2 .group .group_top {}
.fx_dummy .item2 .group .group_top .class_tit { font-size: 20.5px; display: block; margin-bottom: 20px; text-align: center;}
.group_body_txt{margin-bottom:0;}
.group_list{margin-top:5px;}
.group_list .gt_txt{font-size: 16px; line-height: 28px; color:#ccc; margin-bottom:30px;}
.group_list .gb_tit{font-size:16px; color:#fff; font-weight:700; line-height:28px; margin-top:30px}
.group_list .gb_txt{font-size: 16px; line-height:28px; color:#ccc;}
.group_list .gb_txt span{color:#fff}
	}
	
@media (max-width: 510px) {
.fx_dummy .item2 .group .group_top {}
.fx_dummy .item2 .group .group_top .class_tit { font-size: 20.5px; display: block; margin-bottom: 5px; text-align: center;}
.fx_dummy .item2 > a:hover .group { height:100%; background:rgba(0,0,0,0.9); padding:10px; }
.group_body_txt{margin-bottom:0;}
.group_list{margin-top:5px;}
.group_list .gt_txt{font-size: 16px; line-height: 24px; color:#ccc; margin-bottom:30px;}
.group_list .gb_tit{font-size:16px; color:#fff; font-weight:700; line-height:24px; margin-top:10px}
.group_list .gb_txt{font-size: 16px; line-height:24px; color:#ccc;}
.group_list .gb_txt span{color:#fff}
	} 
	
	
/*게시판 테이블*/
@media (min-width:1025px) {
.txt_hi{display:none}
.i_hi{display:none}
}
@media (max-width: 1024px) {
	.qnaListView .table thead, .qnaListView .table td.num, .qnaListView .table td.theme { display:none }
	.qnaListView .table td.tit strong.theme { display:inline-block }
	.qnaListView .table td.tit { float:left; clear:left; width:100%; display:block; height:35px; box-sizing:border-box; padding:6px 6px; border-left:0 }
	.qnaListView .table td.name, .table td.wdate, .table td.recommend, .table td.comment, .qnaListView .table td.wdate,
	.qnaListView .table td.state, .qnaListView .table td.answerCnt, .qnaListView .table td.view { float:left; display:block; height:35px; border:0 !important; box-sizing:border-box; padding:6px 6px }
	.qnaListView .table td.state .em_state { margin-right:0 }
	.sweduList .table thead { display:none }
	.sweduList .table td.tit {display:inline-flex; align-items:center; width:100%; height:35px; box-sizing:border-box; padding:6px; border-left:0 !important }/* 2024-08-30 수정 */
	.sweduList .table td.name, .sweduList .table td.wdate, .sweduList .table td.recommend, .sweduList .table td.comment, .sweduList .table td.view, .sweduList .table td.answerCnt, .sweduList .table td.alctcrNm { float:left; display:block; height:35px; border:0 !important; padding:6px; box-sizing:border-box;  }

	/* SW�������� */
	.learning_list.edu .myclass_list.like .list.list_type > li > a { display:block; width:100% }
	.learning_list.edu .myclass_list.like .list.list_type > li > a > * { display:block; float:left }
}
@media (max-width: 768px) and (min-width: 680px) {
	.item.edu .group .group_top { padding-top:7px }
}
@media (max-width: 768px) { 
	.qnaListView.view .review_content li .open_comment .comment_head .review_tit { margin-top:16px }
	.qnaListView.view .review_content li .comment_head .right { padding-bottom:20px }

	/* SW�������� */
	.learning_list.edu	.myclass_list.like .list > li .info { height:auto }

	.lecture_all .item.edu .group.simple { height:auto; position:relative; background:#fff; color:#363636 }
	.lecture_all .item.edu > a .group.simple .edu_tit { white-space:normal; font-size:14px; line-height:20px; height:42px }
/*	.lecture_all .item.edu .group .group_top .class_desc .ellip-line { white-space:normal; display:inline }*/

}
@media (max-width: 640px) {
	.theme_category > ul > li > a { font-size:12px }
	.qnaListView.view .review_content li .open_comment .comment_head .right { margin-top:0 }

	.wrt_lst > li > * { display:block; width:100% !important }
	.wrt_lst > li > .tit { font-size:13px; padding-left:0 }
	.tit .broken { display:inline }
}
@media (max-width: 600px) {
	.learning_list.edu .myclass_list.like .list.al > li { padding:20px 0 }
	.learning_list.edu .myclass_list.like .list.al > li .info,
	.learning_list.edu .myclass_list.like .list.al > li .info .head { margin-bottom:0 }

	.swedu_list_content > li > * { display:block; width:100% !important }
	.swedu_list_content > li .swedu_list { padding-left:0; margin-top:15px; height:auto }
	.swedu_list_content > li .swedu_list .review_txt { margin-bottom:15px }
	.swedu_list_content > li .swedu_list .bottom { position:relative; width:100% }
}
@media (max-width: 359px) {
	.learning_menu.edu .tab_group a span { padding:15px 14.5px } 
}


/*class-room002*/
/* LEARNING */

@media (max-width: 1140px) {
.tab_group.much .content_menu a span{padding: 25px 15px;}
}

@media (max-width: 1024px) {
	.learning_detail .learning_detail_info .btn_enrol { margin-top:8.2% }

	/* ���ǽ� */
	.class_room002 .class_info .class_tit { font-size:24px }
	.class_room002 .class_info .newly,
	.class_room002 .class_info .way span { font-size:14px }
	.class_room002 .class_info .way .ico_way { display:none }
	.class_room002 .class_info .way .progress_box { display:block } 
	.btn_learning002 { display:none }
} 
@media (max-width: 995px) {
	.learning_menu .learning_search { display:none }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-next1,
	.panel .panel-body .swiper-button-prev2, .panel .panel-body .swiper-button-next2 { display:none }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-prev2 { left:inherit; right:40px }
	.panel .panel-body .swiper-button-next1, .panel .panel-body .swiper-button-next2 { right:15px }

	.class_room002_inner { padding-right:0 }
	.class_room002_bottom_share { display:block }
	.class_room002 .class_info .progress { width:100% }
	.tab_group.much .content_menu a span { padding:25px 16px }
	.learning_detail_tab .right .user_menu .between,
	.learning_detail_tab .right .user_menu a span
	/*.learning_detail_tab .right .user_menu a:last-child*/ { display:none }
	
	.learning_detail_tab .right .user_menu a i{font-size:30px}
	.learning_detail_tab .right .user_menu a i.push {font-size:27px}
	
	/* �н�â */
	#learn_header .menu_open { display:block }
	.navigation { left:-286px }
	.contentWrap { margin-left:0 }
	
	
	
	.learning_menu .learning_search { display:none }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-next1,
	.panel .panel-body .swiper-button-prev2, .panel .panel-body .swiper-button-next2 { display:none }
	.panel .panel-body .swiper-button-prev1, .panel .panel-body .swiper-button-prev2 { left:inherit; right:40px }
	.panel .panel-body .swiper-button-next1, .panel .panel-body .swiper-button-next2 { right:15px }

	.class_room_inner { padding-right:0 }
	.class_room_share { display:none }
	.class_room_bottom_share { display:block }
	.class_room .class_info .progress { width:100% }
	.tab_group.much .content_menu a span { padding:25px 16px }
	.learning_detail_tab .right .user_menu .between,
	.learning_detail_tab .right .user_menu a span
	/*.learning_detail_tab .right .user_menu a:last-child*/ { display:none }
	
	.learning_detail_tab .right .user_menu a i{font-size:30px}
	.learning_detail_tab .right .user_menu a i.push {font-size:27px}
	
	/* �н�â */
	#learn_header .menu_open { display:block }
	.navigation { left:-286px }
	.contentWrap { margin-left:0 }
	
}

@media (max-width: 768px) {
	.class_room002 .class_thumb { width:220px }
	.class_room002 .class_info { width:calc(100% - 220px) }
	.class_room002 .class_info .class_tit { font-size:20px }
	.comment_wrap .comment_content li .con_area .brd_tit { width:480px }

	/* �н�â */
	.learningpage { overflow-x:hidden; overflow-y:auto }
	.learningpage .contentWrap { width:100% }
}

@media (max-width: 680px) {
	.contents_top .sort > ul { display:none }
	.contents_top .sort .sort_list { display:block }
	.learning_menu .tab_group a,
	.tab_group .content_menu a { font-size:15px }
	.learning_menu .tab_group a span,
	.tab_group .content_menu a span,
	.tab_group.much .content_menu a span { padding:15px 18px }
	.tab_group.much .content_menu ul { white-space:nowrap; width:280px; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; /*height:43px*/ }
	.tab_group.much .content_menu ul > li { float:none; display:inline-block }
	.learning_detail_tab .right .user_menu { margin-top:12px }
/*	.learning_menu .right { margin-top:6px }*/
	.learning_menu .right { display:none }
	.contents_top .result { font-size:16px }
	.tab_panel .comment_wrap { padding:10px 10px 25px 10px }
/*	.tab_panel .comment_wrap.view { padding:20px 0 0 0 }*/
	.tab_panel .comment_wrap.view { padding:20px 0 15px 0 }
	.comment_wrap li .user_thumb { width:55px; margin-right:0 }
	.comment_wrap li .comment_content { width:calc(100% - 55px) }
	/*.comment_wrap .comment_top .total, .comment_wrap .comment_top_right { float:none } 강의실 qna에서 콤보박스 쏠림 */
	.comment_wrap .comment_top .total, .comment_wrap .comment_top_right {padding-top:10px}
	.comment_wrap .comment_top_right { margin:0 auto; /*margin-top:15px*/ }
	.comment_wrap .comment_contet li .num_arsa { width:80px }
	.comment_wrap .comment_contet li .con_area { width:calc(100% - 80px) }
	.comment_wrap .comment_bottom .range { right:15px }
	.comment_wrap.view .review_content { padding:0 0 20px 0 }
}

@media (max-width: 640px) {
	.class_list li { padding:15px 15px }
	.class_list li .state,
	.class_list li .wait { padding:3px 10px; margin-top:5px }

	.class_room002 .class_thumb { width:100% }
	.class_room002 .class_info { width:100%; padding-left:0; margin-top:15px }
	.comment_wrap .comment_content li .con_area .brd_tit { /*width:420px*/width:100% }
	.comment_wrap .review_content li .open_comment .comment_head .left { width:100% !important }
	.comment_wrap.view .review_content li .open_comment .comment_head .right { margin-top:10px }
	
	.modal-body .modal_qna_wrap { max-height:400px; overflow-y:auto }
}

@media (min-width: 480px) and (max-width: 995px) {
	.learning_all .item a .tit { font-size:14px; line-height:20px }
}

@media (max-width: 440px) { 
	.comment_wrap li .comment_content_top .star_thumb { display:none }
	.comment_wrap li .comment_content_top .starpoint > i { display:inline-block }
}

@media (min-width: 480px) { 
	.fixed_bottom > a { padding:12px 0 }
}

@media (max-width: 480px) { 
	.comment_wrap .comment_content li .con_area .brd_tit { width:215px }

	.q_group > li .comment .txt { font-size:12px }
	.q_wrap .bottom a { width:65px; font-size:12px; padding:8px 0 }
	.q_wrap .bottom .paging { padding:0 12px; font-size:12px }
	.q_group .ctrl_btn .radioselect { margin:0 15px; width:80px; height:80px }
	.q_group .ctrl_btn .radioselect .icon { width:31px; height:31px; background-size:180px 31px; margin:28% 0 }
	.q_group .ctrl_btn .radioselect .icon.icon_x { background-position:-50px 0 }
	.q_group .ctrl_btn .radioselect.on .icon.icon_o { background-position:-100px 0 }
	.q_group .ctrl_btn .radioselect.on .icon.icon_x { background-position:-149px 0 }

	.abuse-popup .ctrl_grp .ctrl { width:100% }
	.class_list li .class_tit { font-size:14px; width:calc(100% - 90px) }
	.class_list li .way { font-size:12px; width:90px; top:19px }
	.class_list li .class_tit .class_name { width:72% }
}

@media (max-width: 400px) { 
	.comment_wrap .comment_bottom .range { position:relative; float:right; right:0; margin-top:15px }
	.comment_bottom .range { position:relative; float:right; right:0; margin-top:15px }
}

@media (max-width: 380px) { 
	.tab_group.much .content_menu ul { width:210px }
}
@media (max-width: 360px) { 
	.share_tab .sns_area { padding:20px 10px 0 }
	.comment_wrap .comment_content li .con_area .brd_tit { width:190px }
}

@media (max-width: 340px) { 
	.learning_menu .tab_group a span { padding:15px 15.85px }
}
@media (max-width: 320px) { 
/*	.class_list li .class_tit { width:calc(100% - 70px) }*/
	.comment_wrap .comment_content li .con_area .brd_tit { width:175px }
}

@media (max-width: 1024px) {
	.learning_slide .item .group .group_inner{height:255px;}
}

@media ( max-width : 680px) {
	.learning_detail_tab {margin-bottom: 10px}
	.panel-body .table>thead .cardinal_table_th{display: none;}
	.panel-body .table>tbody .cardinal_table_td + .cardinal_table_td td:first-child{border-top-color: #888;}
	.panel-body .table>tbody .cardinal_table_td td{display: table;width: 100%;padding: 0;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
	.panel-body .table>tbody .cardinal_table_td td > *{padding:8px 20px;text-align: left;vertical-align: top;}
	.panel-body .table>tbody .cardinal_table_td td .th{display: table-cell;width:40%;font-weight: 500 !important;background-color: #f5f5f5;}
	.panel-body .table>tbody .cardinal_table_td td span{display: table-cell;width:60%;word-break: break-all;}
}

/* 201007 팝업 센터 맞춤 : s */
@media(max-width:1024px){
	.main_popup{top:180px !important}
	.main_popup .layer_img{position:absolute;top:0;right:0;left:0;width:100% !important;margin:0 auto}
}
/* 201007 팝업 센터 맞춤 : e */

/* 201028 SW미래채움기관 이수증 추가 : s */
@media(max-width:1024px){
	.sw_complete_box{margin:30px 5px 0;padding:20px}
	.sw_complete_box > .tit{font-size:18px}
	.sw_complete_box .info_area .top .member{font-size:15px}
	.sw_complete_box .info_area .top .member .pic{display:inline-block;width:32px;height:32px;margin-right:7px;border-radius:50%}
	.sw_complete_box .info_area .top .member .name span{font-size:14px}
	.sw_complete_box .info_area .top .percent{height:35px;margin-top:3px;font-size:16px;line-height:35px}
	.sw_complete_box .info_area .top .percent strong{font-size:20px}
}
@media(max-width:650px){
	.sw_complete_box > .tit{font-size:16px}
	.sw_complete_box .thumb_box{float:none;width:100%;height:auto;margin-bottom:7px}
	.sw_complete_box .info_area{float:none;width:100%}
	.sw_complete_box .info_area .top .member{display:block;margin:4px 0 2px 0;font-size:14px}
	.sw_complete_box .info_area .top .member .pic{margin-right:2px}
	.sw_complete_box .info_area .top .percent{width:60px;height:28px;margin-top:4px;margin-right:3px;font-size:13px;line-height:28px}
	.sw_complete_box .info_area .top .percent strong{font-size:15px}
	.sw_complete_box .info_area .top .btn{margin-top:4px;padding:4px 12px;font-size:13px}
	.sw_complete_box .info_area .bottom{font-size:13px}
}
/* 201028 SW미래채움기관 이수증 추가 : e */

/* 201123 기관 내 코딩프로젝트 폼 추가 : s */
@media (max-width:1300px){
	.lbl_list{left:0;margin:0 0 -30px -1.7%}
	.lbl_list > li{height:auto}
	.lbl_list.list_type > li{width:100%;margin-left:0}
	.lbl_list.total.list_type{margin-left:0}
	.lbl_list.total > li{height:auto}
	.lbl_list > li .group{height:auto;min-height:275px}
	.lbl_list.list_type > li .group{min-height:unset}
	.lbl_list > li:hover .group{top:0}
	.prj_box,.lbl_list{float:none !important;width:100%}
	.lbl_list.list_type{overflow-y:auto;height:auto}
	.lbl_list > li .group .group_inner .group_bottom .lect_info_list{min-height:135px}
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{min-height:unset}
	.prj_box{height:auto;padding:40px;margin-bottom:30px;background-position:50% 50%}
	.prj_box .info_area{width:50%;margin:20px auto 0}
	.tabcontent .lbl_list{left:0}
	.tabcontent .prj_box, .tabcontent .prj_box + div + .lbl_list, .tabcontent .prj_box + .lbl_list,
	.tabcontent .prj_box + div + .lbl_list > li, .tabcontent .prj_box + .lbl_list > li{width:100%}
	.tabcontent .prj_box, .tabcontent .prj_box + div + .lbl_list, .tabcontent .prj_box + .lbl_list{margin-left:0}
	.tabcontent .prj_box + div + .lbl_list, .tabcontent .prj_box + .lbl_list{margin-left:0;padding:0 20px}
	.tabcontent .prj_box + div + .lbl_list > li, .tabcontent .prj_box + .lbl_list > li{float:none;height:auto;margin-left:0}
	.tabcontent .work_list.project_make .table_wrap.responsive{overflow-x:scroll;white-space:nowrap}
	.tabcontent .prj_box + div + .lbl_list.list_type > li{width:100%}
	.prj_box .commu_goal_area .white_scroll{max-height:none}

	/* 2021-12-28 알림센터 추가 : e */
	.notice_wrap {max-width:1280px; padding:0 10px; margin-bottom:20px;}

}
@media (max-width:995px){
	.contents_top .result.result_btn{padding-top:19px}
	.contents_top .result.result_btn > *{margin-top:5px}
	.lbl_list{margin:0 0 -30px -1.3%}
	.lbl_list > li,	.lbl_list.total > li{width:47.4%;height:auto;min-height:300px;margin:0 0 2.5% 2.6%}
	.lbl_list > li, .lbl_list > li .group{height:auto}
	.lbl_list > li:hover .group{top:0;height:auto}
	.lbl_list.total.list_type{margin-left:-1.3%}
	.lbl_list.list_type > li.new_project{width:97.4%;min-height:unset}
	.prj_box + .lbl_list.list_type > li.new_project{width:100%}
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{min-height:135px}
	.project_level{padding-right:10px;font-size:12px}
	.work_list.project_make .round.ctrl_radio,.work_list.project_make .round.ctrl_chkbox{padding-bottom:3px}
	.work_list.project_make .table_wrap.responsive{overflow-x:scroll;width:100%;white-space:nowrap}
	.member_table_top .search_form{display:block;width:100% !important;padding-right:45px}
	.work_list.project_make .member_table_top .form-sm+.search_form{margin-top:7px}
	.work_list.project_make .member_table_top th{word-break: keep-all;-ms-word-break: keep-all}
}
@media (max-width: 930px){
	.scscsc{padding:20px 30px 20px}
}
@media (max-width:900px){ /*191031 추가 */
	.lbl_list.list_type > li,	.lbl_list.total.list_type > li{min-height:500px}
	.lbl_list.list_type > li.new_project{min-height:unset}
	.lbl_list.list_type > li .thumb{display:block;width:100%} 
	.lbl_list.list_type > li .group{display:block;margin-top:10px}
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list li:nth-child(odd){width:100%}
}
@media (max-width:800px){
	.lbl_list.list_type > li,	.lbl_list.total.list_type > li{min-height:490px} 
	.lbl_list.list_type > li.new_project{min-height:unset}
	.coding_project_main .project_swiper{padding-bottom:20px}
	.coding_project_box li .tit+img{display:block;margin:0 auto}
}
@media (max-width:768px){
	.level_drag .drag_item_wrap,.new_project_wrap2{width:100%;min-width:auto}
	.work_list.project_make .contents_top.prj_gp .fl,.work_list.project_make .contents_top.prj_gp .fr{float: none !Important}
	.work_list.project_make .contents_top.prj_gp .fr{margin:15px 0 0}
	.work_list.project_make .contents_top.prj_gp .fr>a{position:relative;top:4px;padding:4px 12px;font-size:12px}
	.work_list.project_make .contents_top.prj_gp .fr>a.mg_r10{margin-right:0 !important;margin-left:5px}
	.no_project > .desc > p{font-size:14px}
}
@media (max-width:640px){
	.lbl_list > li .group .group_top .class_tit{height:45px;font-size:15px;line-height:20px}
	.lbl_list.list_type > li{padding:15px}
	.lbl_list.list_type > li,	.lbl_list.total.list_type > li{min-height:450px}
	.lbl_list.list_type > li.new_project{min-height:unset}
	.lbl_list.list_type > li .group .level{left:0}
	.project_level{padding-right:0}
	.prj_box .info_area{width:80%}
	.work_list.project_make .contents_top{margin-bottom:10px}
	.work_list.project_make .contents_top .result>a{margin-right:15px;word-break:keep-all;-ms-word-break:keep-all}
	.work_list.project_make .contents_top .result>a:after{left:10px}
	.work_list.project_make .user_info{padding-top:0}
	.work_list.project_make .user_info dl{padding-bottom:3px}
	.work_list.project_make .round.ctrl_radio,.work_list.project_make .round.ctrl_chkbox{font-size:13px}
	.level_drag .drag_item em,.new_project_area .make_board .make{font-size:13px}
	.work_list.project_make .cautionlist>li{font-size:13px}
}
@media (max-width:600px){
	.level_drag .drag_item,.new_project_area>div{width:calc(33.3333% - 6.66666667px);}
	.level_drag .drag_item:nth-child(5n),.new_project_area>div:nth-child(5n){margin-right:8px}
	.level_drag .drag_item:nth-child(3n),.new_project_area>div:nth-child(3n){margin-right:0}
	.lbl_list.total.list_type{margin-left:0}
	.lbl_list > li ,.lbl_list.total > li, .lbl_list.list_type > li.new_project, .tabcontent .lbl_list.total > li{width:100%;height:auto;margin:0 0 4.5% 0}
	.lbl_list > li .group{min-height:auto}
	.lbl_list > li .group .group_inner .group_top .class_tit{margin-bottom:0;padding-top:5px;font-size:15px;line-height:17px}
	.lbl_list > li .group .group_inner .group_bottom .lect_info_list{min-height:auto}
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{min-height:auto}
	.lbl_list > li .group .group_inner .group_bottom .lect_info_list li,.lbl_list > li .group .group_inner .group_bottom .lect_info li{font-size:13px}
	.lbl_list, .lbl_list.total{margin:0 0 0 0}
}
@media (max-width:500px){
	.coding_project_main{padding:10px 0 20px}
	.coding_project_box li .tit{font-size:22px}
	.coding_project_box li .total_see+p{font-size:15px}
	.prj_box{padding:40px 20px}
	.prj_box .info_area{width:100%;padding:20px 10px}
	.level_drag,.new_project_wrap{padding:15px}
	.work_list.project_make .contents_top.prj .fl,.work_list.project_make .contents_top.prj .fr{float: none !Important}
	.work_list.project_make .contents_top.prj .fr{margin:7px 0}
	.work_list.project_make .contents_top.prj .fr>a{padding:4px 12px;font-size:12px}
	.work_list.project_make .contents_top.prj .fr>a.mg_r10{margin-right:5px !important}
	.work_list.project_make .contents_top.prj_gp .right .nice-select{display:block;float:none;margin-bottom:7px}
	.work_list.project_make .contents_top.prj_gp .fr>a.mg_r10:first-of-type{display:inline-block;margin-left:0}
	.work_list.project_make .member_table_top .form-sm:nth-of-type(1){margin-bottom:7px}
}
@media (max-width:414px){
	.obj .form_size_sm.datepicker{top:0;right:0}
	.scscsc{padding:10px}
}
@media (max-width:400px){
	.lbl_list{margin-left:0}
	.lbl_list > li{width:100%;margin-left:0}
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{display:block}
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list li{float:none;width:100%}
}
@media (max-width:350px){
	.work_list.project_make .contents_top .result>a{font-size:15px}
	.level_drag,.new_project_wrap{padding:10px}
	.work_list.project_make .contents_top.prj_gp .fr>a{padding:4px 12px;font-size:11px}
}
/* 201123 기관 내 코딩프로젝트 폼 추가 : e */

/* 201127 리뉴얼 3차 서브 수정 : s */
@media (min-width:996px){
	.prj_box + .cdproject_list_area, .cdproject_list_area.type03{width:75%}
	.prj_box + .cdproject_list_area:not(.list_type) .cdproject_list > li, .cdproject_list_area.type03:not(.list_type) .cdproject_list > li{width:calc(33.33% - 20px)}
	.prj_box + .cdproject_list_area.list_type, .cdproject_list_area.type03.list_type{overflow-y:auto;height:785px}
	.tabcontent .cdproject_list_area:not(.list_type) .cdproject_list > li{width:calc(33.33% - 20px)}
	.tabcontent .cdproject_list_area.type03{width:70%}
	.tabcontent .cdproject_list_area.type03:not(.list_type) .cdproject_list > li{width:calc(50% - 20px)}
}
@media (max-width:1300px) and (min-width:996px){
	.tabcontent .cdproject_list_area.type03{width:100%}
}
@media (max-width: 1638px){
	.sec .badge{margin-left:-745px}
}
@media (max-width:1300px){
	.prj_box + .cdproject_list_area, .cdproject_list_area.type03{width:100%;padding-left:0}
	.prj_box + .cdproject_list_area.list_type, .cdproject_list_area.type03.list_type{height:auto}
}
@media (max-width: 995px){
	.sec .tit_area .tit{font-size:25px}
	.sec .tit_area .tit.bg_badge:before{top:1px}
	.tabcontent .sec .tit_area .tit.bg_badge:before{top:1px}	
	.sec .tit_area .sort{top:7px}
	.newlect_list > li{width:calc(50% - 10px)}
	.newlect_list > li:nth-child(2n){margin-right:0}
	.newlect_list.community > li:nth-child(2n){margin-right:20px}
	.newlect_list.community > li:nth-child(3n){margin-right:0}
	.newlect_list > li .img .info{position:static;height:auto;padding:6px 0 4px;color:#333;border-top:1px solid #767676;border-bottom:1px solid #767676;background:none}
	.newlect_list > li .img .info > ul, .newlect_list > li .img .tit{display:block}
	.newlect_list > li .img .info ul li{padding-left:8px}
	.newlect_list > li .img .info ul li:before{width:3px;height:3px}
	.newlect_list > li .img .info ul li strong, .newlect_list > li .img .info ul li p{font-size:13px}
	.newlect_list > li .img .info ul li strong{width:65px;font-weight:400 !important}
	.newlect_list > li .img .info ul li p{color:#333}
	.newlect_list > li .img .info > div .ellip{overflow:hidden;height:auto;max-height:60px}
	.newlect_list > li .img .info.txt{height:74px;padding:5px 0}
	.newlect_list > li .tit{display:none;margin:12px 0;font-size:15px}
	.cdproject_list > li{width:calc(50% - 20px)}
	.cdproject_list > li .info_area .lbl{width:77px}
	.cdproject_list > li .info_area .info{height:192px;padding:8px 15px 25px}
	.cdproject_list > li .info_area .info strong{font-size:16px}
	.cdproject_list > li .info_area .info .summary p{margin-top:7px}
	.cdproject_list > li .info_area .info .summary p i{margin-top:1px;font-size:16px}
	.cdproject_list > li .info_area .info .btn_detail{margin-top:13px;padding:0 15px;font-size:14px;line-height:28px}
	.newlect_list > li .tit_header_subtit{margin-bottom:12px;font-size:20px}
}
@media (max-width: 768px){
	.sec .tit_area .sort{position:static;margin-top:8px;padding-bottom:6px}
	.sec .tit_area .sort > li{margin-right:15px}
	.sec .tit_area .sort > li a{font-size:15px}
	.cdproject_list{padding-right:20px}
	.cdproject_list > li{width:100%;margin-right:0}
	.cdproject_list > li .info_area .info{height:auto;min-height:192px}
	.newlect_list.community > li{width:calc(50% - 10px)}
	.newlect_list.community > li:nth-child(3n){margin-right:20px}
	.newlect_list.community > li:nth-child(2n){margin-right:0}
}
@media (max-width:640px){
	.list_type .cdproject_list > li > a{display:block}
	.list_type .cdproject_list > li .img{display:block;width:100%}
	.list_type .cdproject_list > li .info_area{display:block;width:100%;margin-top:20px;padding-left:0}
	.list_type .cdproject_list > li .info_area .lbl{margin:0 auto}
	.list_type .cdproject_list > li .info_area .info{text-align:center}
}
@media (max-width:480px){
	.newlect_list > li, .newlect_list.tit_header > li, .newlect_list.community > li{width:100%;margin-right:0 !important;margin-bottom:20px}
	.newlect_list > li:last-child, .newlect_list.tit_header > li:last-child, .newlect_list.community > li:last-child{margin-bottom:0}
}
	
/* 201127 리뉴얼 3차 서브 수정 : e */

/* 201202 기관홈페이지 대표이미지 수정 : s */
@media (max-width:414px){
	.modal-popup-group.round .modal-header h4{font-size:20px}
	.modal-popup-group.round .modal-header .btn-closePopup{top:15px}
	.imgedit-popup .tab_area a{padding:5px 0;font-size:15px}	
	.imgedit-popup .tab_conts_area .rp_img_area li{margin-bottom:10px}
	.imgedit-popup .tab_conts_area .rp_img_area li a:hover, .imgedit-popup .tab_conts_area .rp_img_area li.active a{padding:8px}
}
@media (max-width:359px){
	.filebox .upload-name{min-width:unset}
}
/* 201202 기관홈페이지 대표이미지 수정 : e */

/* 210104 리뉴얼 메인 수정 : s */
@media (max-width:1024px){
	.qnaListView .table td.recommend, .qnaListView .table td.comment{width:50%;padding:6px 4px}
	.qnaListView .table td.wdate{height:28px;padding:6px 4px}
	.qnaListView .table td.view .i_hi, .qnaListView .table td.recommend .i_hi, .qnaListView .table td.comment .i_hi{display:inline-block;margin-right:3px;vertical-align:middle}
	.qnaListView .table td.view .i_hi > i, .qnaListView .table td.recommend .i_hi > i, .qnaListView .table td.comment .i_hi > i{font-size:14px}
}
/* 210104 리뉴얼 메인 수정 : e */

/* 파이어폭스 hack */
@media (max-width:1240px){
	@-moz-document url-prefix(){
		.customer_wrap .table tbody tr + tr, .sweduList .table tbody tr + tr, .qnaListView .table tbody tr + tr{border-top:1px solid #e5e5e5}
		.customer_wrap .table td.tit, .sweduList .table td.tit, .qnaListView .table td.tit{width:calc(100vw - 37px);border-top:none}
	}
}
@media (max-width:1140px){
	@-moz-document url-prefix(){
		.mentoring2_table_tb{position:relative}
		.mentoring2_table_tb td.tl{overflow:hidden;width:calc(100vw - 150px)}
		.mentoring2_table_tb td:nth-child(4){position:absolute;top:28px}
	}
}
@media (max-width:1110px){
	@-moz-document url-prefix(){
		.user_info_inner .dt_area{height:140px}
	}
}
@media (max-width:1073px){
	@-moz-document url-prefix(){
		.mentoring_table_tb td.tl{width:calc(100vw - 40px)}
	}
}
@media (max-width:1024px){
	@-moz-document url-prefix(){
		.member_lst .newlywork{height: 215px;}
	}
}
@media (max-width:995px){
	@-moz-document url-prefix(){
		.playground_map_area .tit .btn_box a i{margin-top:0}
	}
}
@media (max-width:768px){
	@-moz-document url-prefix(){
		.first_tbl_tr td:nth-child(-n+4){width:calc(100vw - 39px)}
	}
}
@media (max-width:680px){
	@-moz-document url-prefix(){
		.customer_wrap .table td.tit, .sweduList .table td.tit, .qnaListView .table td.tit{width:calc(100vw - 57px)}
	}
}
@media (max-width:540px){
	@-moz-document url-prefix(){
		.friendtable tr th:nth-child(1){width:65%}
		.friendtable tr th:nth-child(3){width:35%}
	}
}
@media (max-width:480px){
	@-moz-document url-prefix(){
		.learning_detail_tab_content .panel-body .table > tbody th,.learning_detail_tab_content .panel-body .table > tbody td{width:calc(100vw - 67px)}
	}
}