@charset "utf-8";

/* ==================================================
  /////////////////// 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 {

	}
	#header h1 {
		text-align: center;
		float: none
	}
	#header h1 img {
		height: 42px
	}
	#header .top {
		margin: 0
	}
	#header .container {
		padding: 4px 15px 4px 20px;
		margin: 0;
	}
	#header .top .top_util .top_util_noti {
		display: none
	}
	#header .top .my_menu {
		display: none
	}
	#header .mobile_menu, #header .mobile_search, #header .mobile_share {
		display: block
	}
	#header .mobile_menu i {
		font-size: 35px;
		color: #000
	}
	.ico_header{
		background:
				url('../../../../../images/egovframework/com/ebs/common/ico_headerx3.png')
				no-repeat;
	}
	.ico_header.search2 {
		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: 23px;
		height: 23px
	}
	.ico_header.qna {
		background-position: -31px 0
	}
	.ico_header.share {
		background-size: 157px 24px;
		background-position: -69px 0;
		width: 25px;
		height: 25px
	}
	.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
	}
	#footer .foot_tnb ul li .logo_esop img {
		display: none;
	} /*-*/
	.familysiteWrap,#footer.renewal .familysiteWrap {
		display: none
	} /* 2023-06-29 수정 */
}

@media ( max-width : 768px) {
	.searchArea .searchFrm{height: auto}
	.searchArea .searchFrm .searchZone{padding: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: 0 15px 18px}
	#footer .foot_tnb ul li .logo_ebs img {height: 30px;}
	#footer .foot_tnb ul li .logo_msit img {margin-top: 3px;	height: 24px;}
	#footer .foot_tnb ul li .logo_mi img {margin-top: 5px;	height: 24px;}
	#footer address {display: none}

	.m_pd_b0{padding-bottom: 0 !important;}
	.m_bd_b0{border-bottom: none !important;}
}

@media ( max-width : 500px) {
	.top_most {	font-size: 10px;}
}

@media ( max-width : 360px) {
	#footer .foot_tnb ul li{margin-right: 10px;}
	#footer .foot_tnb ul li .logo_ebs img {height: 25px;}
	#footer .foot_tnb ul li .logo_msit img {margin-top: 2px;	height: 19px;}
	#footer .foot_tnb ul li .logo_mi img {margin-top: 3px;	height: 19px;}
	#footer .foot_lnb>li {margin-right: 12px	}
	#footer .foot_lnb>li>a {font-size: 12px	}
}
/* ==================================================
  /////////////////// MAIN STYLE ///////////////////
 ================================================== */
@media ( max-width : 1280px) {
	.section_a .identity {padding-left: 15px}
}

@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
	}
	#header .traning_menu {position: relative; top:10px;}
	#header .traning_menu li a{	height: 30px; padding: 8px 4px; font-size: 12px;}
}

@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
	}
	.section_d .column_bottom {
		display: none;
	}
	.section_d {
		height: 600px
	}
}

@media ( max-width : 995px) {
	.m_notice_plus {
		top: 0
	}
	.sec_tit .tit3_h3 {
		font-size: 22px;
		padding-left: 10px;
	}
	.sec_tit {
		margin-bottom: 10px
	}
	.sec_tit .tit_h3, .m_event_tit, .m_notice_tit {
		font-size: 22px;
		padding-left: 10px;
		color: #111 !important
	}
	.main_lecture .tab_group {
		padding-left: 10px
	}
	.section_a {
		display: block;
		margin-bottom: 0;
		height: 500px
	}
	.section_a .swiper-container {
		height: 460px
	}
	.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
	}
	.video_wrap {
		width: 735px;
	}
	.modal-popup-group.round .modal-body .video_wrap{
		width:100%
	}
	.section_b, .section_a-b, .section_c, .section_d {
		padding: 4% 0 4%;
		margin-bottom: 0
	}
	.section_a-b {
		padding-top: 0
	}
	.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
	}
	.main_bottom_event .sec_tit{
		padding-left: 0;
	}
}

@media ( max-width : 768px) {
	.sec_tit .tit3_h3 {
		color: #fff
	}
	.sec_tit .tit3_h3, .m_notice_tit, .m_event_tit {
		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;
		color: #434343;
	}
	.professor_header_txt_title img {
		display: none
	}
}

@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: 400px
	}
	.section_a .identity {
		padding-top: 20px
	}
	.section_a .swiper-container {
		height: 380px
	}
	.video_wrap {
		width: 600px;
	}

	/* 2021-12-23 소스퍼가기,상단제목 삭제
	.video-js .vjs-embed-icon,.video-js .embed-button-icon,.panel-container {display: none;}
	.overflow-panel,
    .view_area .vjs-embed-icon {display: none !important;} */

	.tab_group2 .tab_item {
		width: 33.3%;
		height: 40px;
		padding: 13px 0
	}
	.tab_group2 a:nth-child(4) {
		border-left: 1px solid #d6d6d6
	}
	.tab_group2 a:nth-child(7) {
		border-left: 1px solid #d6d6d6
	}
	.tab_group2 a:nth-child(-n+3){border-bottom:0} /* 191028 추가*/
	.tab_group2 a:nth-last-child(-n+2){border-top:0} /* 191028 추가*/
	.line_l {
		border-left: 1px solid #d6d6d6
	}
	.line_b {
		border-bottom: 1px solid #d6d6d6
	}
	.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 .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
	}
	.esof_cum_download>li { /* flex-basis:49%; */
		width: 49%;
	}
	.esof_cum_download_tit {
		font-size: 15px;
	}
}

@media ( max-width : 870px) {
	.identity_slide .swiper-slide-txt .link2 {
		display: none;
	}
}

/* 2021-12-23 소스퍼가기,상단제목 추가 */
@media ( max-width : 767px) {
	.video-js .vjs-embed-icon,.video-js .embed-button-icon,.panel-container {display: none;}
	.overflow-panel,
	.view_area .vjs-embed-icon {display: none !important;}
}

@media ( max-width : 640px) {
	.section_a {
		height: 330px
	}
	.section_a .swiper-container {
		height: 310px
	}
	.video_wrap {
		width: 480px;
	}
	.identity_slide .swiper-slide-txt {
		width: 60%;
	}
	.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*/
	}
	.identity_slide .swiper-slide-img {
		float: right;
		width: 40%;
		padding-top: 23px;
		vertical-align: middle;
	}
}

@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
	}
	.identity_slide .swiper-slide-img {
		float: right;
		width: 35%;
		padding-top: 23px;
		vertical-align: middle;
	}
	.video_wrap {
		width: 345px;
	}
	.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 .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 .swipe-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: 22.5%
	}
}

@media ( max-width : 400px) {
	.identity_slide .swiper-slide-txt .b_txt {
		font-size: 17px;
		letter-spacing: -1px;
		text-align: center;
	}
	.identity_slide .swiper-slide-txt .s_txt {
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}
	.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 } */
	.identity_slide .swiper-slide-img {
		display: none
	}
	.identity_slide .swiper-slide-txt .link {
		position: absolute;
		bottom: 25%;
		left: 50%;
		margin-left: -60px;
	}
}

/*@media (max-width: 360px) {	 */
/*	.identity_slide .swiper-slide-img { padding-top:55px }*/
/*}*/
@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:20px /* 190920 수정 */
	}
	.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{min-width:55px;line-height:1.5em} /* 200120 min-w 추가 */
}

@media ( max-width : 1024px) {
	.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}  191025 주석*/
	.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:13px} /* 200120 수정 */

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

@media ( max-width : 768px) {
	.user_info_inner .manage_menu>a {width: 30%; /*190628 추가*/}
}
@media ( max-width : 500px) {
	.user_info_inner .manage_menu>a {width: 40%; /*190628 추가*/}
}
@media ( max-width : 400px) {
	.user_info_inner .manage_menu>a {width: 48%; /*190628 추가*/}
}
@media ( max-width : 340px) {
	.user_info_inner .manage_menu>a {width: 80%; /*190628 추가*/}
}
@media ( max-width : 480px) {
	.learning_detail_tab_content .panel-body .table>tbody th,
	.learning_detail_tab_content .panel-body .table>tbody td {padding: 4px 12px;} /*2022-09-05 수정*/
	.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}  191028 주석처리 */
}
@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;}
}
@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 + .learning_list .lecture_all .item>a .group {min-height:120px} /* 191206 추가 */
	.learning_list .lecture_all .item>a:hover .group {padding-top: 0}
	.lecture_all .item .group .group_bottom .lect_info .dt.fl{float:none !important} /* 200120 추가 */
	.lecture_all .item .group .group_bottom .lect_info .dd.fl{float:none !important} /* 200120 추가 */
	.lecture_all .item .group .group_bottom .lect_info .dt.mg_l35{margin-left:0 !important} /* 200120 추가 */
}
@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}
	.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 {/*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%}
	.sec_type01.learning_list .lecture_all .item {width:50%} /*200110 추가*/
	.sec_type01.work_list .lecture_all .item {width:calc(50% - 12px);margin:0 6px 20px !important} /*200110 추가*/
	.sec_type01.work_list .lecture_all .item:nth-child(3n) {margin:0 6px 20px !important} /*200110 추가*/
	.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}
	.sub_menu_wrap .rgba_bg {width: 98%;}
}

@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:20px 10px;min-height:0} /* 190920 - padding,min-height 수정 */
	.user_info_inner .manage_menu {text-align: center}
	.user_info_inner .manage_menu>a {display: inline-block; margin-left: 3px}
	.learning_detail {	padding: 20px 0 25px}
	.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}
	.sub_menu_wrap .rgba_bg {width: 97.5%;}
}

@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:14px} /*200120 수정*/
	.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
	}
	.sub_menu_wrap .rgba_bg {width: 97%;}
}

/*@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 : 768px) {
	.comment_bottom .range{position: static;margin-top: 10px;text-align: right;}
	.mention > .mention_txtarea {width:99%} /* 2022-10-19 추가 */
}
@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; margin-right:15px /* 191031 mg-right 추가 */
	}
	.comment_bottom .range {
		display: none
	}
}

@media ( max-width : 640px) {
	/* 	.sub_menu_wrap .sub_menu>li{width: 33.333333%;} */
	.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
	}
	.sec_type01.learning_list .lecture_all .item {width:100%} /*200110 추가*/
	.sec_type01.work_list .lecture_all .item {width:100%} /*200110 추가*/
}

@media ( max-width : 560px) {
	.panel-body .newly_slide .item>* {
		display: block
	}
	.panel-body .newly_slide .item .thumb_img {
		margin: 0 auto;
		margin-bottom: 15px;
		width:100%
	}
	.panel-body .newly_slide .item .thumb_img img.thumb {
		width:100%; height:100%
	}
	.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
	}
	.panel-body .newlywork>li>* {
		display: block
	}
	.panel-body .newlywork .thumb_img {
		width:100%;
		margin-bottom: 15px;padding-right:0
	}
	.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
	}
	.sub_menu_wrap .rgba_bg {width: 96.5%;}
}

@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: 100%
	}
	.learning_detail .learning_detail_thumb>img {
		width: 100%
	}
}

@media ( max-width : 510px) {
	.sub_menu_wrap .rgba_bg {width: 96%;}
}
@media ( max-width : 480px) {
	.sub_menu_wrap {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		height: auto;
		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
	}
	.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 { /* 190813 min-width 수정 */
		min-width: 210px
	}
	.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
	}
	.esof_cum_download>li { /* flex-basis:100%; */
		width: 100%;
	}
}

@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
	}
	.sub_menu_wrap .rgba_bg {width: 95%;}
}

@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}
}
@media ( max-width : 320px) {
	.sub_menu_wrap .rgba_bg {width: 94%;}
}

/* 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_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_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
	}
	.teacher_menu{
		margin:5px 0 !important;
	}
	.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: 18px 0;
		font-size: 18px
	}
}

@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% - 110px)
	}
	.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 : 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:32%;margin-right:2% !important} /* 200120 w,mr 수정 */
	.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
	}
	.ord_teacher_certify li.arrow:after {
		display: none;
	}
}

@media ( max-width : 680px) {
	.work_list .lecture_all .item{width:49%;margin-right:2% !important} /* 200120 수정 */
	.work_list .lecture_all .item:nth-child(3n){margin-right:2% !important} /* 200120 추가 */
	.work_list .lecture_all .item:nth-child(2n){margin-right:0 !important} /* 200120 추가 */
	/* .work_list .lecture_all .item:nth-child(odd) {
		margin-right: 6% !important
	}
	.work_list .lecture_all .item:nth-child(even) {
		margin-right: 0 !important
	} 200110 주석처리 */
	.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 : 480px) { /* 200120 추가 */
	.work_list .lecture_all .item{float:none;width:100%;margin-right:0 !important}
	.work_list .lecture_all .item .group .info + p.tc{min-height:inherit} /* 201228 추가 */
}
@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
	} 191219 주석처리 */
	.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
	}
}

/* Community Q&A */
@media ( max-width : 1024px) {
	.learning_list.edu .lecture_all .item.edu .group {
		height: 158px;
		padding: 0 12px
	}
	.learning_list.edu .lecture_all .item.edu .group .group_top .edu_tit {
		height: 44px;
		line-height: 20px;
		margin-bottom: 5px
	}
	.learning_list.edu .lecture_all .item.edu>a:hover .group {
		padding: 0 12px
	}
}

@media ( min-width :996px) {
	.txt_hi {
		display: none
	}
	.i_hi {
		display: none
	}
}

@media ( max-width : 995px) {
	.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.hits
	{
		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 {
		float: left;
		clear: left;
		width: 100%;
		display: block;
		height: 35px;
		box-sizing: border-box;
		padding: 6px;
		border-left: 0 !important
	}
	.sweduList .table td.name, .sweduList .table td.wdate, .sweduList .table td.recommend,
	.sweduList .table td.comment, .sweduList .table td.view, .sweduList .table td.hits {
		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{height:42px}/* 190925 height 수정 */
	.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;
		padding-bottom:5px
	}
	.tit .broken {
		display: inline
	}
	.wrt_lst > li .content_list .sub_tit{font-size: 13px;}
	/* .customer_wrap .tab_group.ordtab {
		margin-bottom: 90px
	} */
	.customer_wrap .tab_group.ordtab>a {
		width: 33.3%;
	} /* 191219 w 수정 */
	.customer_wrap .tab_group.ordtab>.tab_last {
		width: 40%;
		height: 45px;
		padding: 14px 0;
		background: #fff;
		color: #434343;
		font-weight: 500;
		border-left: 1px solid #d6d6d6;
		border-top: none;
	}
}

@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 {
		height:auto; /* 200603 추가 */
		margin-bottom: 15px
	}
	.swedu_list_content>li .swedu_list .bottom {
		position: relative;
		width: 100%
	}
	.swedu_list_content>li .thumb {
		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
	}
	.total_search_bot_txt li {font-size:13px;margin-right:10px;line-height:18px} /* 폰트크기 줄임 190917 */
}

@media ( max-width : 600px) {
	.panel.search .panel-body .swedu_list_content>li .swedu_list.non_thumb {
		margin-top: 0
	}
}

/* �̙��̶� */
@media ( max-width : 1300px) {
	.member_lst .newlywork .thumb_info .name_tit .tit {max-width: 250px;} /*190604 타이틀 가로값추가*/
	.member_lst .newlywork .thumb_info .name_tit .homelink{float: right; position: relative; top:12px} /*190604 홈페이지버튼 오른쪽맞춤*/
}
@media ( max-width : 1110px) {
	.member_lst .newlywork .thumb_info .name_tit .tit {max-width: 200px;} /*190604 타이틀 가로값추가*/
}
@media ( max-width : 1024px) {
	.normal_box {background-image: none;	padding-right: 0}
	.normal_box .inner_txt, .learningmap_box .inner_txt,.normal_box .inner_txt_en {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 > .en_box{height: auto;min-height: 480px;padding: 25px 15px 15px 15px}
	.esof_point>li>div .tit {margin-bottom: 15px}
	.esof_con.book .esof_point>li>div {height: 420px}
	.member_lst .newlywork {	min-height: 215px; padding: 20px 15px} /*190604 최소 높이 추가*/
}

@media ( max-width : 995px) {
	.member_lst .newlywork .thumb_info .slogan, .member_lst .newlywork .thumb_info .tag	{height: auto}
	.member_lst .newlywork .thumb_info .name_tit .tit {max-width: 450px;} /*190604 타이틀 가로값추가*/
}

@media ( max-width : 995px) {
	.member_lst .esof_point>li {width: 100%}
	.member_lst .newlywork .thumb_info .activity{overflow: visible;max-height: 100%;}
}

@media ( max-width : 768px) {
	.member_lst .newlywork .thumb_info .name_tit .tit {max-width: 340px;} /*190604 타이틀 가로값추가*/
	.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: 65px;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 {min-height: 38px;margin-bottom: 5px;}
	.member_lst .newlywork .thumb_info .activity>li {	font-size: 12px;	line-height: 18px}
}

@media ( max-width : 600px) {
	.customer_wrap .esof_point > li > .inner_con .evt_desc .tit{white-space:normal}
}

@media ( max-width : 414px){
	.normal_box h3, .learningmap_box h3{font-size: 19px;}
	.inner_txt .imgtxt, .imgtxt, .esof_point > li > div .txt{font-size: 15px;}
}

@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,.esof_point > li > .en_box{height: auto;	padding: 25px 15px 25px 15px}
	.esof_point > li > .en_box{min-height: 0}
	/* 	.member_lst .newlywork .thumb_info .name_tit .tit {max-width: 250px;} */ /*190604 타이틀 가로값추가*/
	.esof_con + .esof_con.fr{float:none !important;text-align:center} /* 200221 영문 소개 가이드버튼 가운데 정렬 */
	.esof_con + .esof_con.fr > .btn_violet.mg_r15{display:block;width:183px;margin:0 auto 15px !important} /* 200221 영문 소개 가이드버튼 가운데 정렬 */
	.esof_con + .esof_con.fr > .btn_violet.mg_r5{margin-right:0 !important} /* 200221 영문 소개 가이드버튼 가운데 정렬 */
}
@media ( max-width : 500px){
	.member_lst .newlywork .thumb_info .name_tit{position: relative}
	.member_lst .newlywork .thumb_info .name_tit .tit{display: block;width: 65%;font-size: 16px}
	.member_lst .newlywork .thumb_info .name_tit .homelink{float: none;position: absolute;right: 0;top:8px}
}
@media ( max-width : 400px) {
	.member_lst .newlywork .thumb_info .name_tit .tit{width: 60%}
}
@media ( max-width : 345px) {
	.member_lst .newlywork .thumb_info .name_tit .tit{width: 55%}
}

/* ���� */
@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 : 405px) {
	.member_lst{padding-top: 20px;}
	.member_lst .top_btn{float: right; margin-bottom: 10px;}
}

@media ( max-width : 360px) {
	.friend-popup .badge>li {width: 33.33333333%}
	.form-k-alphabet li a{font-size: 13px;}
}
@media ( max-width : 320px) {
	.form-k-alphabet li a{font-size: 11px;}
}

/*mypage badge update*/
@media ( min-width : 768px) {
	.media_txt001 {
		display: none;
	}
	.media_txt002 {
		display: none;
	}
}

@media ( max-width : 768px) {
	.first_tbl_tr td:nth-child(-n+4) {
		display: block;
		padding-top: 10px;
		width: 100%;
		border-top: 0;
		border-right: 0;
		text-align: center;
	}
	.second_tbl_tr {
		display: none;
	}
	.first_tbl_tr td:last-child {
		padding: 0
	}
	.first_tbl_tr td:nth-child(2) {
		padding: 0
	}
	.first_tbl_tr .badge_wd_bk .col_name {
		padding: 10px 0 0;
	}
	.first_tbl_tr .badge_wd_bk .col_desc {
		padding: 5px 15px;
	}
}
/* 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
	}
	.video_view .view_lecture {
		padding: 20px 0
	}
	/* 이벤트 박스 영역 2024-07-18 : s */
	.video_view .view_tit .evts{width:104px; right:150px; padding:6px 8px; font-size:18px;}
	.video_view .view_tit .evts .ico_evts{width:20px; height:20px;}
	/* 이벤트 박스 영역 2024-07-18 : e */
}
/* 이벤트 박스 영역 2024-07-18 : s */
@media ( max-width : 760px) {
	.video_view .view_tit .evts{position:static; margin-left:auto;}
}
/* 이벤트 박스 영역 2024-07-18 : e */

@media ( max-width : 640px) {
	.video_view .panel .nominate>li {
		width: 33.33333333%
	}
	.video_view .panel .nominate>li:nth-child(n+4) {
		display: none
	}
	.customer_wrap .comment_wrap .review_content li .open_comment .comment_head {padding:0 0 10px} /* 2023-04-25 추가 */
	.customer_wrap .comment_wrap .review_content li .open_comment .comment_head .left {margin-top:10px}
	.customer_wrap .comment_wrap .review_content li .open_comment .comment_head .right {padding:10px 0 0 0}
	.comment_wrap .review_content li .open_comment .comment_body {padding:10px 0 15px} /* 2023-04-25 수정 */
	.evt_notelist {padding:20px 10px 0 0} /* 2023-04-25 추가 */
}

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

@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;
		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, .customer_wrap .table td.hits {
		float: left;
		display: block;
		height: 35px;
		border: 0 !important;
		box-sizing: border-box;
		padding: 6px 6px
	}
}

@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 */
	}
	.tab_group.much.full768 .content_menu ul li{
		float: none;
		display: inline-block;
	}
	.canvasWrap {
		position: relative;
		width: 100%;
		padding-bottom: 62%
	}
}

@media ( max-width : 680px) {
	.customer_wrap {padding: 10px}
	.customer_wrap .container {padding:0} /* 2023-04-25 추가 */
	.customer_wrap .comment_wrap {padding: 20px 10px 10px 10px}
	.customer_wrap .back_list {margin-top: 10px}
}
@media ( max-width : 500px) { /* 191029 추가 */
	.customer_wrap .right > .subscribe_form{width:auto}
	.customer_wrap .contents_top > .clearfix{float:none !important}
	.customer_wrap .contents_top > .fr{margin-top:5px}
}
@media ( max-width : 480px) {
	.customer_wrap .tab_group.inthetab>a, .customer_wrap .tab_group.ordtab>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;
	}
}

/* Park Sung-Ha Mypage Memo : S */
@media ( max-width :1397px) {
	.message_content>div {
		width: 31%;
		padding-bottom: 34.4%;
		margin: 1% 1.16%
	}
}

@media ( min-width :610px) and (max-width: 880px) {
	.message_content>div {
		width: 45.5%;
		padding-bottom: 49%;
	}
	.bottom_box {
		margin-bottom: -2%;
	}
}

@media ( min-width :0px) and (max-width: 610px) {
	.message_content>div {
		width: 90%;
		padding-bottom: 88%;
		margin: 10px auto;
	}
}
/* Park Sung-Ha Mypage Memo : E */

/* Park Sung-Ha Mypage Alarm : S */
@media ( max-width : 627px) {
	.n_content {
		white-space: nowrap;
		width: 30%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.notice_notice_td {
		display: block
	}
}

.notice_center {
	height: 160px
}

/* Park Sung-Ha Mypage Alarm : E */
/* Park Sung-Ha Message send popup : S */
@media ( max-width : 420px) {
	.message_popup_input {
		font-size: 12px
	}
	.bottom_10 {
		margin-bottom: 10px
	}
}
/* Park Sung-Ha Message send popup : E */

/* Park Sung-Ha Mypage Popup_Window Friend : S */
@media ( max-width : 550px) {
	.friend_popup_input {
		font-size: 13px;
	}
	.friend_popup_input {
		width: 70%;
	}
	.friend_ico_search {
		position: absolute;
		top: 9px;
		right: 14%
	}
}

@media ( max-width : 450px) {
	.friend_ico_search {
		position: absolute;
		top: 9px;
		right: 13%
	}
}
/* Park Sung-Ha Mypage Popup_Window Friend : E */

/* Park Sung-Ha Mypage Popup_Window administer : S */
@media ( max-width : 400px) {
	.administer {
		margin-top: 25px
	}
}
/* Park Sung-Ha Mypage Popup_Window administer : E */

/* 사이트 이용안내 수정 : s 2023-09-20 */
@media ( min-width : 1260px) {
	.use_ord_conts{overflow:hidden}
	.use_ord_conts .swiper-container{max-width: 1200px;overflow: unset;height: 440px;display: flex;align-items: center;}
	.use_ord_conts.events .swiper-container{max-width:max-content;overflow:hidden}
	.use_ord_conts .swiper-wrapper{margin-left: 0;}
	/* .use_ord_conts.events .swiper-wrapper{margin-left:-51px} */
}
@media (min-width:1199px) {
	.use_ord_conts .use_ord_box{width:279px !important;height:279px}
	.use_ord_conts .use_ord_box > .txt_top{top:-43px}
	.use_ord_conts.events .use_ord_box > .txt_top{top:-40px}
}
@media (max-width:1200px) {
	.ord .ord_container{padding:90px 30px 70px}
	.ord .ord_container.cent{padding:0 30px 0}

	.use_ord_conts .swiper-container{max-width: 1200px;overflow: unset;height: 440px;display: flex;align-items: center;}
	.use_ord_conts.events .swiper-container{max-width:max-content;overflow:hidden}
	.use_ord_conts.events .use_ord_box{width:274px !important;height:279px}
	.use_ord_conts .use_ord_box > .txt_top{top:35px}
	.use_ord_conts .use_ord_box > .txt_bt{bottom:50px}
	.use_ord_conts.events .use_ord_box > .txt_top{top:-42px}
	.use_ord_conts.events .use_ord_box > .txt_bt{bottom:-50px}


	.ord .txt_wrap > .tit{font-size:42px}
	.ord .txt_wrap > .txt{font-size:16px}
	.ord .conts_wrap .fir_box{width:545px}
	.ord .conts_wrap .fir_box > .pos_img{left:0;width:90%}
}
@media (max-width:995px) {
	.use_ord_conts .use_ord_box{padding:0}
	.use_ord_tab .tab_container{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}
	.use_ord_tab .tab_container > a{flex-shrink: 0;}
	.use_ord_conts .use_ord_box > .txt_top{top:35px}

	.ord .conts_wrap .fir_box > .pos_img{position:static}

	.use_ord_conts.events .swiper-container{max-width:100%}
	/* .use_ord_conts.events .swiper-wrapper{margin-left:-51px} */
	.use_ord_conts.events .use_ord_box{width:274px !important;height:279px}
	.use_ord .txt_area{padding:50px 0 40px}

	.ord .ord_container{width:100%;margin:0;flex-direction:column;gap: 50px;}
	.ord .ord_container.m_revr{flex-direction: column-reverse;}
	.ord .ord_container.bot_line::after{width:calc(100% - 60px);height:12px;left:50%;transform:translateX(-50%);background:url("../../../../../images/egovframework/com/ebs/sub/common/img_m_line01.png")0 0 no-repeat;background-size: 100%;}
}
@media (max-width:767px) {
	.use_ord::after{width:240px;height:215px;background-size:100%}
	.ord .ord_container{gap:40px;padding:40px 30px 30px}
	.ord .ord_container.cent{padding:0 30px 0}

	.use_ord_conts{height:210px}
	.use_ord_conts .swiper-wrapper{padding:0;height: 270px !important;}
	.use_ord_conts .swiper-container{max-width:100%;height:210px}
	.use_ord_conts.events .use_ord_box{width:150px !important;height:210px}
	.use_ord_conts.events .use_ord_box > .txt_top{top:13px}
	.use_ord_conts.events .use_ord_box > .txt_bt{bottom:10px}
	.use_ord .txt_area{padding:50px 0 40px}
	.use_ord .txt_area .tit{font-size:24px}
	.use_ord .txt_area .sub_txt{font-size:14px}
	.use_ord_conts .use_ord_box{margin:0;height:145px}
	.use_ord_conts .use_ord_box > p{font-size:12px}
	.use_ord_conts .use_ord_box > .txt_top{top:-20px}
	.use_ord_conts .use_ord_box > .txt_bt{bottom:-20px}
	.ord .conts_wrap .fir_box, .ord .conts_wrap .img_box{width:100%;display:flex;justify-content:center}
	.ord .conts_wrap .fir_box > img, .ord .conts_wrap .img_box > img{width:80%}
	.use_ord_tab .tab_container > a{font-size:14px;width:fit-content;padding:20px 14px;}
	.use_ord_tab .tab_container > a::before{height:2px}
	.ord .txt_wrap > .tit{font-size:24px;margin-top:12px}
	.ord .txt_wrap > .tag_box{font-size:14px;padding:6px 12px}
	.ord .txt_wrap > .txt{font-size:14px;margin:8px 0 25px}
	.ord .txt_wrap > .txt.bot{margin:4px 0}
	.ord .txt_wrap > .warn_txt{font-size:14px;padding-left:20px;margin:0 0 25px}
	.ord .txt_wrap > .warn_txt::before{width:15px;height:15px;background-size:100%}
	.ord .txt_wrap > .btn{font-size:12px;padding: 10px 26px;}
	.ord .txt_wrap > .btn::after{width:5px;height:10px;margin-left:4px;background-size:100%}
	.ord .or_conts_wrap{padding:26px 0 49px}
	.ord .txt_wrap > .txt.bot_tag{margin:10px 0 15px}
	.ord .txt_wrap > .tg_box{margin-bottom:20px}
	.ord .txt_wrap > .tg_box .tag{font-size:12px;padding:4px 8px}

	.ord .or_conts_wrap .circle_sb_img{gap:10px}
	.ord .or_conts_wrap .circle_sb_img li{flex:1;margin-left:20px}
	.ord .or_conts_wrap .circle_sb_img li > p{max-width:75%;font-size:10px}

	.ord .or_conts_wrap .circle_sb_img li > .sub_tit{font-size:12px;margin: 10px 0 4px;}
	.ord .or_conts_wrap .circle_sb_img.lar li{margin-left:20px}
	.ord .or_conts_wrap .circle_sb_img.lar li > img{width:138px}
}
@media ( max-width : 450px) {
	.use_ord_conts .swiper-wrapper{margin-left:0}
	.use_ord_conts .use_ord_box{width:152.1px}
	.use_ord_conts .use_ord_box > .txt_top{top:-22px;font-size:11px}
	.use_ord_conts .use_ord_box > .txt_bt{bottom:-33px;font-size:11px}
	.ord .or_conts_wrap .circle_sb_img li{margin-left:5px}
}
/* 사이트 이용안내  수정 : e 2023-09-20 */

/*park sung ha section e : S*/
@media ( max-width : 1024px) {
	.main_bottom_notice {
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0
	}
	.main_bottom_event {
		width: 100%;
		padding-left: 0;
	}
	.m_notice_tit {
		font-size: 22px;
	}
	.m_event_tit {
		font-size: 22px;
	}
	.m_event_in_img001 {
		width: 100%
	}
	.m_event_in_img002 {
		width: 100%
	}
	.section_e {
		padding: 5% 0% 4%;
	}
	.m_event_in_img .notice_in_txt003{padding:50px 0}
}

@media ( max-width : 528px) {
	.notice_in_txt001 {white-space:nowrap;width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis} /* 200120 w 수정 */
	.notice_in_txt003 {white-space:nowrap;width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis} /* 200120 w 수정 */
	.m_event_in_img>a {
		width: 100%
	}
	.m_event_in_img > a + a{
		margin: 20px 0 0;
	}
	.m_event_in_img001 {
		width: 100%;
		margin-bottom: 30px
	}
	.m_event_in_img002 {
		width: 100%
	}
}
/*park sung ha section e : E*/
@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
	}
}
/*김유신님 내 친구목록 탭1 미디어쿼리 성하 : S*/
@media ( max-width : 540px) {
	.friendtable tr th:nth-child(2) {
		display: none
	}
	.friendtable tr td:nth-child(2) {
		display: none
	}
	.friendtable tr td:nth-child(1) {
		width: 60%
	}
}

/*김유신님 친구찾기 탭2 미디어쿼리 성하 : S*/
@media ( max-width : 610px) {
	.tab2_ico_search {
		position: absolute;
		top: 14px;
		left: 81.5%;
	}
}

@media ( max-width : 535px) {
	.tab2_ico_search {
		position: absolute;
		top: 34px;
		left: 80.5%;
	}
}

@media ( max-width : 450px) {
	.tab2_ico_search {
		position: absolute;
		top: 34px;
		left: 78.5%;
	}
}

@media ( max-width : 535px) {
	.tab2_input {
		margin: 30px 0 5px
	}
}
/*김유신님 친구찾기 미디어쿼리 성하 : E*/

/* 게시판 상단 검색 폼 영역 */
/* 고객센터 이용문의 */
@media ( max-width : 425px) {
	.list_top .form-tn.round { /*width:100%;*/
		margin-bottom: 5px
	}
	/*.list_top .form-tn.round .nice-select, .list_top .form-tn.round .nice-select .list { width:100% }*/
	.list_top .form-mx {
		width: 100%
	}
	.list_top .form-mx .search_form {
		width: calc(100% - 70px)
	}
}
/* 고객센터 알림방 */
@media ( max-width : 360px) {
	.list_top.none_btn {
		max-width: 360px
	}
	.list_top.none_btn .form-lg {
		width: 100%
	}
}
/* 강의실 Q&A */
@media ( max-width : 330px) {
	/*qnaform 클래스 추가시킴.*/
	.form-mx.qnaform {
		width: 100%
	}
	.form-mx.qnaform .search_form {
		width: calc(100% - 82px)
	}
}

/******************************마이페이지 멘토 시작***********************************/

/*park sung ha 마이페이지 멘토 : S*/
@media ( max-width : 1170px) {
	.mentor_txt002 {
		float: left;
		margin-left: 10px;
	}
}

@media ( max-width : 670px) {
	.mentor_txt001 {
		width: 120px;
		margin-right: 0
	}
	.mentor_txt002 {
		float: left;
		margin-left: 10px;
		white-space: nowrap;
		width: 45%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media ( max-width : 600px) {
	.mentoring_dummy1 {
		width: 100%;
		border-bottom: 1px solid #e6e6e6
	}
	.mentoring_dummy2 {
		width: 100%
	}
	/* .mentor_info_box_panel-body {
		padding: 20px 35px 25px
	} */
	.mentoring_ab {
		border-right: 0
	}
}

@media ( max-width : 550px) {
	.mentor_info_box_panel-body {
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
		text-align: center
	}
	.mentor_txt001 {
		margin-right: 0;
		width: 100%;
		padding: 0
	}
	.mentor_txt002 {
		width: 100%;
		padding: 0
	}
	.mentor_info_box_panel-body>a {
		position: relative;
		right: 0;
		display: inline-block;
		margin-top: 10px
	}
	.mentor_info .clearfix{
		text-align: left;
	}
}
/*park sung ha 마이페이지 멘토 : E*/

/*멘토링 강좌질문 : S*/
@media ( min-width : 1073px) {
	.me_dp {
		display: none
	}
	.mt_select_1 {
		display: none
	}
}

@media ( max-width : 1073px) {
	.mttxt1_1 {
		padding-left: 20px
	}
	.mttxt1_2 {
		display: none
	}
	.mt_select_1 {
		margin-left: 10px;
	}
	.mentoring_table_th {
		display: none
	}
	.mentoring_table_th th:nth-child(1) {
		display: none
	}
	.mentoring_table_tb td:nth-child(1) {
		display: none
	}
	.mentoring_table_tb {
		border-top: 1px solid #e8e8e8
	}
	.mentoring_table_tb:first-child{
		border-top: none;
	}
	.mentoring_table_tb td {
		display: block;
		border: none;
		text-align: left;
	}
	.mentoring_table_tl .mentoring_table_tb>td {
		padding:6px;
		border-bottom: none;
		border-top: none
	}
	.mentoring_table_tl .mentoring_table_tb>td.tl a{
		vertical-align: top;
	}
	.media_float {
		float: left
	}
}

@media ( max-width : 628px) {
	.mentoring_question_header_dummy {
		margin: 0 0 5px;
		height: 80px;
		margin-bottom: 20px
	}
	.mentoring_question_header_dummy .fr {
		margin: 10px
	}
	/*.fr{margin:10px}*/
}

@media ( max-width : 470px) {
	.mentoring_question_header_dummy>a {
		display: block;
		text-align: center
	}
	.between {
		display: none
	}
}
/*멘토링 강좌질문 : E*/
@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 ( max-width : 1140px) {
	.mttxt2_1 {
		padding-left: 20px
	}
	.mttxt2_2 {
		display: none
	}
	.mentoring2_table_th {
		display: none
	}
	.mentoring2_table_th th:nth-child(1) {
		display: none
	}
	.mentoring2_table_tb td:nth-child(1) {
		display: none
	}
	.mentoring2_table_tb td:nth-child(4) {
		padding: 0 0 0 20px;
		float: right;
		position: relative;
		top: -28px;
		right: 20px
	}
	.mentoring2_table_tb {
		border-top: 1px solid #e8e8e8
	}
	.mentoring2_table_tb:first-child{
		border-top: none;
	}
	.mentoring2_table_tb td {
		display: block;
		border: none;
		text-align: left;
	}
	.mentoring2_table_tb td.tl{
		overflow: hidden;
		width:calc(100% - 140px);
		max-height:32px;
	}
	.mentoring2_table_tl .mentoring2_table_tb>td {
		padding: 6px;
		border-bottom: none;
		border-top: none
	}
	.mentoring2_table_tl .mentoring2_table_tb>td.tl a{
		vertical-align: top;
	}
	.media_float2 {
		float: left
	}
	.panel-body .newly_slide .thumb_info .tit {
		max-width: 500px
	}
}

@media ( max-width : 800px) {
	.mento_hdp_btn {
		display: none
	}
}

@media ( max-width : 628px) {
	.mentoring_answer_header_dummy {
		margin: 0 0 5px;
		height: auto;
		margin-bottom: 20px
	}
	.mentoring_question_header_dummy .fr {
		margin: 10px
	}
}

@media ( max-width : 470px) {
	.mentoring_answer_header_dummy>a {
		display: block;
		text-align: center
	}
	.between {
		display: none
	}
}
@media ( max-width : 470px) { /* 191105 추가 */
	.mttxt2_1{margin-right:0px}
}
/*멘토링 답변 : E*/

/*멘토링 검수요청 : S*/
@media ( min-width : 1080px) {
	.mentoring3_table_tb td>span {
		display: none
	}
}

@media ( min-width : 1080px) {
	.mt_select_001 {
		display: none
	}
}

@media ( max-width : 1080px) {
	.mttxt {
		padding-left: 20px
	}
	.mentoring3_table_th {
		display: none
	}
	.mentoring3_table_th th:nth-child(1) {
		display: none
	}
	.mentoring3_table_tb td:nth-child(1) {
		display: none
	}
	.mentoring3_table_tb {
		height: 100px;
	}
	.mentoring3_table_tb {
		border-top: 1px solid #e8e8e8
	}
	.mentoring3_table_tb:first-child{
		border-top: none;
	}
	.mentoring3_table_tb td {
		display: block;
		border: none;
		text-align: left;
	}
	.mentoring3_table_tb td:nth-child(2) {
		padding:6px;
		border-bottom: none;
		border-top: none
	}
	.mentoring3_table_tb td:nth-child(3) {
		padding:6px;
		border-bottom: none;
		border-top: none;
	}
	.mentoring3_table_tb td:nth-child(4) {
		padding:6px;
		border-bottom: none;
		border-top: none;
	}
	.mentoring3_table_tb td:nth-child(5) {
		padding:6px;
		float: left;
		border-bottom: none;
		border-top: none
	}
	.mentoring3_table_tb td:nth-child(6) {
		padding: 6px;
		float: left;
		border-bottom: none;
		border-top: none
	}
	.mentoring3_table_tb td:nth-child(7) {
		padding:6px;
		float: left;
		border-bottom: none;
		border-top: none
	}
	.mentoring3_table_tb td:nth-child(8) {
		padding:6px;
		float: left;
		border-bottom: none;
		border-top: none
	}
	.mt_select_2 {
		margin-left: 10px;margin-top:0 /* 191105 mg-top 추가 */
	}
	.is_mttxt2 {
		display: none;
	}
}
@media ( max-width : 525px) {
	.is_mttxt2 {
		margin: 100px 0px 0px 20px
	}
	.sitemap_dummy ul li{margin-right:0} /* 191030 추가 */
	.sitemap_dummy ul li:nth-child(n+2){display:block;width:100%;margin-right:0} /* 191030 추가 */
}
@media( max-width:400px){ /* 191030 추가 */
	.sitemap_dummy ul{padding-left:140px}
}
@media( max-width:360px){ /* 191030 추가 */
	.sitemap_dummy ul{padding-left:130px}
}
.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% - 110px)
}

.class_list li .way {
	font-size: 12px;
	width: 90px;
	top: 19px
}

.class_list li .class_tit .class_name {
	width: 71%
}

@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 : 1280px) {
	.series_a:hover .box {
		top: -270px;
		height: 330px;
	}
}

@media ( max-width : 1024px) {
	/*.learning_slide .item .group .group_inner{height:255px;}*/
	/* .box .box_top {
		height: 60px;
	} 2023-07-14 제거 */
	/* 추천시리즈 */
	.learning_slide .item .box {
		top: 0;
		height: 250px;
	}
	.learning_slide .item .box .box_inner {
		padding: 0 15px;
	}
	.learning_slide .item>a:hover .box {
		top: 0;
		height: 250px;
	}
	.learning_slide .item>a:hover .box .box_inner {
		padding: 0 15px;
	}
	.series_a .box {
		height: 270px;
	}
	.series_a:hover .box {
		top: -20px;
		height: 270px;
	}
	.series_a:hover .box .box_inner {
		padding: 0 15px;
	}
	.item a {
		height: auto;
	}
	.box .box_bottom .lect_tit {
		height: 100px;
	}
	.box .box_inner {
		height: 300px;
	}
}

@media ( max-width : 1100px) {
	.ord_teacher_certify li.arrow:after {
		width: 50%;
		right: -30%;
		-webkit-background-size: contain;
		background-size: contain;
	}
}

@media ( max-width : 850px) {
	.ord_teacher_certify li.arrow:after {
		display: none;
	}
	.box .box_inner {
		height: 270px;
	}
}


/* E-벤져스 페이지 */
@media ( max-width : 862px) {
	.evengers_section .how_join .descbox h3{display: block; width: 100%; padding-bottom: 10px;}
	.evengers_section .how_join .descbox ol{width: 100%; padding-left: 15px;}
	.evengers_section .sf_stone .stone_box .stone_soft, .evengers_section .sf_stone .stone_box .stone_ware{width: 100%;}
	.modal-popup-group.e-vengers {width: 90%; margin: 5% auto;}
	.modal-popup-group.e-vengers .modal-body .giftbox_wrap li{width: 100%;}
	.modal-popup-group.e-vengers .modal-body .giftbox_wrap li .gift_box{width: 50%; margin: 0 auto;}
	.modal-popup-group.e-vengers .modal-body .giftbox_wrap li .gift_box img{width: 100%;}
	.modal-popup-group.e-vengers .modal-body .gift_box p{margin-bottom: 10px;}
	.modal-popup-group.e-vengers .modal-body .giftname:after{position: relative; width: 85%; margin: 10px auto;}
	.modal-popup-group.e-vengers .modal-footer{padding: 30px 0 0 0;}
}
@media ( max-width : 768px) {
	.evengers_section .how_join .giftbox_wrap li{width: 100%;}
	.evengers_section .how_join .giftbox_wrap li .gift_box{width: 70%; margin: 0 auto;}
	.evengers_section .how_join .giftbox_wrap li .gift_box img{width: 100%;}
	.evengers_section .how_join .giftname:after{position: relative; width: 85%; margin: 20px auto;}
	.evengers_header h2{height: 200px;}
	.evengers_section .how_join>p{top:-30px;}
	.evengers_section .how_join>p>span:first-child{display: block; margin-right: 0;}
	.evengers_section .how_join .mg_r20{display: block;}
}
@media ( max-width : 600px) {
	.evengers_header h2{height: 150px;}
	.evengers_section .sf_stone .descbox h3{display: block; width: 100%;}
	.evengers_section .sf_stone .descbox p{float: none;}
}

@media ( max-width : 550px) {
	.evengers_section .how_join>p{width: 85%; margin-left: -42.5%; font-size: 14px;}
	.evengers_section .sf_stone .stone_box ul div{width: 100%; margin-bottom: 20px;}
	.evengers_section .sf_stone .stone_box ul li{padding-bottom: 20px;}
	.evengers_section .sf_stone .stone_box ul dl{float: none; padding: 0 0 20px 0; text-align: center;}
	.evengers_section .sf_stone .stone_box ul .btn_enter, .evengers_section .sf_stone .stone_box ul .btn_mission{position: relative; left: 50%; -webkit-transform: translate(-50%, 0); 	-moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);	transform: translate(-50%, 0);}
	.modal-popup-group.e-vengers .modal-footer{padding: 20px 0 0 0;}
}
@media ( max-width : 450px) {
	.evengers_wrap{padding: 40px 20px 70px;}
	.evengers_section .how_join{padding: 50px 30px 20px;}
	.evengers_section .sf_stone{padding: 50px 30px;}
	.evengers_section .join_guide{padding: 20px;}
	.evengers_section .how_join .descbox{padding-bottom: 20px;}
	.evengers_header h2{height: 150px;}
	.evengers_section .how_join .giftbox_wrap li .gift_box{width: 100%; margin: 0 auto;}
	.evengers_section .how_join>p{font-size: 12px;}
	.evengers_section .how_join .giftname:after{position: relative; width:100%; margin: 20px auto;}

	.modal-popup-group.e-vengers {padding: 30px 20px 0 20px;}
	.modal-popup-group.e-vengers .modal-header h4{font-size: 20px;}
	.modal-popup-group.e-vengers .modal-header p{font-size: 14px;}
	.modal-popup-group.e-vengers .modal-body .giftbox_wrap li{width: 100%;}
	.modal-popup-group.e-vengers .modal-body .giftbox_wrap li .gift_box{width: 50%; margin: 0 auto;}
	.modal-popup-group.e-vengers .modal-body .giftbox_wrap li .gift_box img{width: 100%;}
	.modal-popup-group.e-vengers .modal-body .gift_box p{font-size: 18px; margin-bottom: 10px;}
	.modal-popup-group.e-vengers .modal-body .giftname:after{position: relative; width: 85%; margin: 10px auto;}
	.modal-popup-group.e-vengers .modal-footer .btn_choose_fin, .modal-popup-group.e-vengers .modal-footer .btn_choose_clse{padding: 7px 18px; font-size: 16px;}
	.evengers_section .sf_stone .descbox p span, .evengers_section .sf_stone .descbox p span strong{font-size: 15px;}
	.evengers_section .sf_stone .descbox p span .stone_num, .evengers_section .sf_stone .descbox p span .entry_num{font-size: 18px;}
}
@media ( max-width : 320px) {
	.evengers_header h2{height: 120px;}
	.evengers_section .sf_stone .descbox h3, .evengers_section .how_join .descbox h3{font-size: 22px;}
	.evengers_footer>p+p button{margin-top: 5px;}
	.evengers_section .sf_stone .descbox p span, .evengers_section .sf_stone .descbox p span strong{font-size: 12.5px;}
	.evengers_section .sf_stone .descbox p span .stone_num, .evengers_section .sf_stone .descbox p span .entry_num{font-size: 12.5px;}
}
/* 점박이와 코딩을! 페이지 */
@media ( max-width : 1200px) {
	.jb_wrap .header, .jb_sec.adventure, .jb_sec.join_co{width: 100%;}
	.jb_wrap .header{-webkit-background-size: contain; background-size: contain;}
	.jb_sec.rcmd ul{width: 100%;}
	.jb_sec.adventure ol li dl{margin: 0 30%;}
	.jb_sec.adventure ol li:nth-child(2) dl{margin: 0 9%;}
	.jb_sec.certify{padding: 40px 20px;}
	.jb_sec.certify .swiper-container{width: calc(100% - 40px);}
	.jb_sec.certify .swiper-slide{width: 33.3333%;}
	.jb_sec.certify .swiper-button-prev{left: 0 !important} /* 191028 !important 추가 */
	.jb_sec.certify .swiper-button-next{right: 0 !important} /* 191028 !important 추가 */
}
@media ( max-width : 1070px) {
	.coding_party{width: calc(100% - 60px)}
	.jb_sec.join_co ul{width: 100%}
	.jb_sec.join_co li{width: calc(33.3333% - 20px)}
	.jb_sec.join_co li:nth-child(3n){margin-right: 0;}
	.jb_sec.join_co li:nth-child(7){margin-left: 0;}
}
@media ( max-width : 1024px) {
}
@media ( max-width : 1000px) {
	.jb_wrap{padding: 50px 0 0 0;}
	.party_desc p:first-child em{font-size: 20px;}
	.party_desc p:last-child{font-size: 18px;}
	.jb_wrap .header{height: 570px;}
	.jb_wrap .jb_dwld_box{padding: 30px 0 150px;}
	.jb_sec.rcmd ul li{float: none; width: 100%; height: auto; padding-bottom: 0;}
	.jb_sec.rcmd ul li button{left: 60%; width: 100px; height: 100px; padding: 21px; margin-top: -50px;}
	.jb_sec.rcmd ul li button:before{width: 15px;height: 19px}
	.jb_sec.adventure .intro .go:before{padding: 30px 0;}
	.jb_sec.adventure .intro .hello{width: 90%;}
	.jb_sec.adventure ol li:before{width: 300px; height: 300px; -webkit-background-size: contain; 	background-size: contain;}
	.jb_sec.adventure ol li dl{margin: 0 35%;}
	.jb_sec.adventure ol li:nth-child(2) dl{margin: 0 4%;}
	.jb_sec.certify .swiper-slide{width: 50%;}
}
@media ( max-width :768px) {
	.coding_party{margin-bottom: 50px;}
	.party_desc{position: relative; -webkit-transform: translate(0,0);-moz-transform: translate(0,0);	-ms-transform: translate(0,0);	-o-transform: translate(0,0);	transform: translate(0,0);}
	.party_desc p:first-child{float: none; padding: 40px 0 20px; text-align: center}
	.party_desc p:last-child{float: none; text-align: center}
	.jb_sec.adventure ol{padding: 0 60px;}
	.jb_sec.adventure ol li{padding: 0 0 30px 0;}
	.jb_sec.adventure ol li:before{position: relative; width: 100%; background-repeat: no-repeat; background-position: center;}
	.jb_sec.adventure ol li dl{width: 100%; padding: 30px; margin: 0; text-align: center;}
	.jb_sec.adventure ol li:nth-child(2) dl{padding: 30px; margin: 0; text-align: center;}
}
@media ( max-width : 700px) {
	.coding_party{margin-bottom: 10px;}
	.jb_sec.certify .swiper-slide{width: 100%;}
}
@media ( max-width : 600px) {
	.coding_party>p{width: 180px; height: 180px;}
	.coding_party>p:before{width: 200px; height: 200px;-webkit-background-size: contain;	background-size: contain;}
	.coding_party>p em{font-size: 23px;}
	.jb_wrap .header{height: 500px;}
	.jb_wrap .jb_dwld_box{padding: 30px 0 100px}
	.jb_sec.adventure ol li:before{-webkit-background-size: 250px 250px; background-size: 250px 250px;}
}

@media ( max-width : 550px) {
	.jb_wrap .header{height: 420px;}
	.jb_sec.rcmd ul li{padding: 210px 30px 30px 30px;-webkit-background-size: 150px 150px; background-size: 150px 150px;}
	.jb_sec.rcmd ul li button{width: 90px; height: 90px}
	.jb_sec.adventure .intro .hello, .jb_sec.adventure .intro .go{font-size: 20px}
	.jb_sec.adventure .intro .go strong{font-size: 40px}
	.jb_sec.adventure .intro .go a{top:-5px}
}
@media ( max-width : 450px) {
	.coding_party>p{width: 150px; height: 150px;}
	.coding_party>p:before{width: 170px; height: 170px;}
	.coding_party>p em{font-size: 20px;}
	.jb_wrap .jb_dwld_box{padding: 0 0 100px }
	.jb_wrap .jb_dwld_box .jb_dwld{margin-right: 0;}
	.jb_wrap .jb_dwld_box span{display: block; padding: 10px 0; text-align: center}
	.jb_sec.adventure .intro .hello, .jb_sec.adventure .intro .go{font-size: 18px}
	.jb_sec.adventure .intro .go strong{font-size: 30px}
	.jb_sec.adventure .intro .go a{display: block; width: 40%; margin: 0 auto; top:10px}
	.jb_sec.adventure ol{padding: 0 20px}
	.jb_sec.adventure ol li dl{padding: 20px}
	.jb_sec.adventure ol li dl:after{padding-top: 10px}
	.jb_sec.adventure ol li:nth-child(1) dl:after{position: relative; bottom:0}
	.jb_sec.adventure ol li:nth-child(2) dl:after{position: relative; bottom:0}
	.jb_sec.adventure ol li:nth-child(3) dl:after{position: relative; bottom:0}
}
@media ( max-width : 414px) {
	.party_desc p:first-child{padding:40px 0 10px}
	.party_desc p:last-child{padding-bottom: 20px;}
	.jb_wrap .header{height: 300px; margin-bottom: 30px}
	.jb_sec.rcmd h3{font-size: 22px;}
	.jb_wrap .jb_dwld_box .jb_dwld{font-size: 16px;}
	.jb_sec.rcmd ul li button{left: 65%;}
	.jb_sec.adventure .intro{padding-bottom: 40px;}
	.jb_sec.adventure .intro:before{width: 200px; height: 170px; -webkit-background-size: cover;
		background-size: cover;}
	.jb_sec.adventure ol li:before{height: 230px; -webkit-background-size: 200px 200px; background-size: 200px 200px;}
	.jb_sec.adventure ol li dl:after{font-size: 20px;}
	.jb_sec.adventure ol li dt{font-size: 22px;}
	.jb_sec.adventure ol li dd p{font-size: 15px;}

	.jb_sec.join_co li{width: 50%; margin-right: 0;}
}
@media ( max-width : 375px) {
	.jb_sec.adventure .intro .hello, .jb_sec.adventure .intro .go{font-size: 16px}
	.jb_sec.adventure ol li dl{padding: 20px 0;}
	.jb_sec.certify .swiper-slide .img_box img{width: 75%;}
	.jb_wrap .header, .jb_sec.adventure, .jb_sec.join_co{padding: 80px 0 60px}
}
@media ( max-width : 320px) {
	.jb_wrap .header{height: 250px;}
	.jb_wrap .jb_dwld_box{padding: 0 0 80px;}
}

/* 교수학습실 자료실 - 과학기술정보통신부 190611*/
@media(max-width: 768px){
	.tab_group.tab a:nth-child(3){border-top: 0; border-left: 1px solid #d6d6d6}
	.tab_group.tab a:nth-child(4){border-top: 0}
	.tab_group.tab.tab_el_ai a:nth-child(4){border-top:1px solid #d6d6d6} /* 2024-02-26 추가 */
	.btn_box{float: none; padding-top: 10px}
	.v_dnld li, .book_dnld li{margin-bottom: 5px}
	.book_dnld li:last-child{margin-bottom: 0}
	.professor_header_txt_title{padding-bottom: 0}
	.faq2 .list > dd .faq_a > dd > a{margin: 10px 0 0}

	.tab_group.tab_el_ai  a {font-size:13px;} /* 2022-02-07 추가 */
	.tab_group.tab_el_ai  a:nth-child(3) {border-top:1px  solid #d6d6d6; border-left:0} /* 2022-02-07 추가 */
}
@media(max-width: 640px){
	.faq2 .list > dd .faq_a > dd{display: block}
}
/*s: 2022-02-07 추가*/
@media(max-width: 352px){
	.tab_group.tab_el_ai  a {padding:7px 0}
}
/*e: 2022-02-07 추가*/

@media(max-width: 392px){
	.tab_group.tab a:nth-child(4) .scbook{position: relative; top:-9px; line-height: 1.2}
	.tab_group.tab a:nth-child(4) .scbook span{display: block}
}

/* 헤더 마이페이지 '학습이어가기' 버튼 추가 190613 */
@media(max-width: 416px){
	#mobile_menu .mm_head .mm_head_mn > a{width: 32%; margin-bottom: 5px}
}
@media(max-width: 320px){
	#mobile_menu .mm_head .mm_head_mn > a{width: 49%}
}
/* 뚜앙과 블록코딩 190614 */
@media(max-width: 1200px){
	.dduang_wrap{width: 100%}
}
@media(max-width: 650px){
	.dduang_header .descbox{width:calc(100% - 40px);padding: 20px}
	.dduang_body{width: 100%;margin: 0 auto;padding: 30px 0}
}
@media(max-width:450px){
	.dduang_header .descbox p{font-size: 16px}
}
@media(max-width:400px){
	.dduang_body li{float: none; width: 80%; margin:0 auto 5px}
	.dduang_body li:last-child{margin-right:auto; margin-bottom: 0;}
}
@media(max-width:375px){
	.dduang_header .descbox p{font-size: 15px}
}
@media(max-width:360px){
	.dduang_header .descbox p{font-size: 14px}
}
@media(max-width:320px){
	.dduang_body .dduang_start{width: 250px}
}
/* 소개 - 기관 현황 190617 */
@media(max-width: 435px){
	.pagination.round a{width: 25px}
}
@media(max-width: 360px){
	.pagination.round a{width: 20px}
}

/*7월 온라인 코딩파티 190620*/
@media ( max-width :1020px) {
	.event_blkcoding .sub_sec .mission_list{width:100%}
	.single_event .giftbox li{float: none; width: 100%; margin:0  0 25px 0}
	.single_event .giftbox li:last-child{margin:0}
	.team_event .giftbox li{width: 100%}
	.single_event .giftbox li .giftname{text-align: center}
	.team_event .giftbox li .giftname{text-align: center}
}
@media ( max-width :768px) {
	.event_blkcoding .top_sec{padding-bottom:67px;font-size:16px}
	.event_blkcoding .top_sec .sub_tit{width:76%;font-size:17px}
	.event_blkcoding .top_sec .term_area{width:84.2%;margin:0 7.9% 30px}
	.event_blkcoding .top_sec .term_area dl{font-size:18px}
	.event_blkcoding .top_sec .event_box{margin-top:15px;padding-top:24px}
	.event_blkcoding .top_sec .event_box.mt{margin-top:52px}
	.event_blkcoding .top_sec .event_box dt{width:156px}
	.event_blkcoding .top_sec .event_box dd{padding-top:37px;padding-bottom:28px;font-size:14px}
	.event_blkcoding .sub_sec{padding-top:52px;padding-bottom:52px}
	.event_blkcoding .sub_sec .tit{width:205px;margin-bottom:37px}
	.event_blkcoding .sub_sec .mission_list li{float:none;width:100%;padding:0}
	.event_blkcoding .sub_sec .mission_list li + li{margin-top:20px}
	.event_blkcoding .sub_sec .mission_list li .btn_mission{right:4%;width:38%}
	.event_blkcoding .sub_sec .mission_list li .btn_vt{right:5.4%}
	.event_desc{padding: 52px 0}
	.event_desc h3 .imgbox{width: 205px;margin: 0 auto 37px}
	.event_desc .how_join{padding: 50px 6.5% 30px}
	.july_event_join h3 .imgbox{width: 140px}
	.event_desc .how_join .imgbox{width: 156px}
	.event_enter{margin-bottom: 52px}
	.july_event_join .dl_wrap dt{font-size: 16px}
	.july_event_join .dl_wrap dd{font-size: 16px}
}
@media ( max-width :550px) {
	.event_blkcoding .top_sec{padding-bottom:54px;font-size:13px}
	.event_blkcoding .top_sec .sub_tit{font-size:12px}
	.event_blkcoding .top_sec .term_area{margin-bottom:24px}
	.event_blkcoding .top_sec .term_area dl{font-size:12px}
	.event_blkcoding .top_sec .event_box.mt{margin-top:42px}
	.event_blkcoding .top_sec .event_box dt{width:128px}
	.event_blkcoding .top_sec .event_box dd{font-size:13px}
	.event_blkcoding .sub_sec{padding-top:42px;padding-bottom:42px}
	.event_blkcoding .sub_sec .tit{width:168px;margin-bottom:30px}
	.event_desc{padding: 42px 0}
	.event_desc h3+p{font-size: 14px}
	.single_event .giftbox{padding: 40px 4.5% 60px}
	.team_event .giftbox{padding: 40px 4.5% 60px}
	.single_event .giftbox li .or_flag em{font-size: 14px}
	.team_event .giftbox li .or_flag em{font-size: 14px}
	.single_event .giftbox li .giftname{font-size: 14px}
	.team_event .giftbox li .giftname{font-size: 14px}
	.event_desc h3 .imgbox{width: 168px}
	.july_event_join h3 .imgbox{width: 120px}
	.event_desc .how_join{padding: 40px 6.5% 30px}
	.event_desc .how_join .imgbox{width: 128px}
	.event_desc .how_join li{font-size: 13px}
	.event_enter{margin-bottom: 42px}
	.event_enter a img{width: 50%}
	.july_event_join .dl_wrap dt{font-size: 13px}
	.july_event_join .dl_wrap dd{font-size: 13px}
	.july_event_radio_wrap label{display: block !important;margin-bottom: 5px;font-size: 13px;text-align: left}
	.july_event_radio_wrap label:last-child{margin-bottom: 0}
}
@media (max-width:450px){
	.event_desc h3+p{font-size: 13px}
	.single_event .giftbox li .giftname{font-size: 13px}
	.team_event .giftbox li .giftname{font-size: 13px}
}

/* HELLO! EBS소프트웨어! 모바일 : S 190722 */
@media ( max-width : 980px){
	.contents_wrap>.hello_ebssw{display:none}
	.m_hello_ebssw{display:block}
	.m_hello_ebssw.m_scroll{position:fixed;left:0;top:50px;width:100%;background-color:#f7f7f7;z-index:1}/* 190806 top 수정 *//* 191126 top 수정 */
	.tab_hello_ebssw{margin-bottom:20px}
	.select_hello{width:80%;margin:0 auto}
	/* .select_hello .current{line-height:14px} *//* 191126 수정 */
	.select_hello .round .nice-select .list{width:100%}
}
@media ( max-width : 640px){
	.hello_ebssw .serise_lst>li{position: relative;padding-bottom:0}
	.hello_ebssw .serise_lst > li .thumb{display:inline-block;width:20%}
	.hello_ebssw .serise_lst > li .thumb > a:after{width:30px;height:30px}
	.hello_ebssw .serise_lst>li .serise_info{width: 80%;padding:0 2%}
	.hello_ebssw .serise_lst > li .serise_info .head .tit_wrap{width:calc(100% - 85px)}
	.hello_ebssw .serise_lst > li .serise_info .head .tit{display:inline-block;width:80%;font-size:16px}
	.hello_ebssw .serise_lst > li .serise_info .head .subject{width:100%;height:auto;min-height:67px}
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap{top:-3px;padding:0}
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap >.btn_hello{width:25px;height:25px;border-width:1px}
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap >.btn_hello:first-child{margin-right:3px}
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap >.btn_hello i{font-size:20px}
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap >.btn_hello .ico,
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap >.btn_hello.length4 .ico{position:relative;top:-8px;font-size: 11px}
	.hello_ebssw .serise_lst > li .serise_info .head .btn_wrap >.btn_hello.length4 .ico strong{display: none}
}
@media ( max-width : 414px){
	.hello_ebssw .serise_lst > li .serise_info .head .tit{font-size:15px;margin-bottom:0}
	.hello_ebssw .serise_lst > li .serise_info .head .subject{font-size:13px}
}
/* Hello! EBS 소프트웨어! : E 190722*/

/* 내 홈페이지 팝업창 : s 190731 */
/* 191112 추가 : s */
@media (max-width : 750px){
	.modal-popup.myhmpglist-popup .btn_hmpg_sort{padding:2px 5px;font-size:12px !important}
}
/* 191112 추가 : e */
@media (max-width : 640px){
	.table[class*="structure cell basic"] tr th, .table[class*="structure cell basic"] tr td{padding:12px 5px}
	.myhmpglist-popup .table.structure *{font-size:12px !important} /* 191112 추가 */
	.modal-popup.myhmpglist-popup .btn.purple{padding:2px 8px} /* 191112 추가 */
}
@media (max-width : 480px){
	.modal-popup-group.round{padding:0 10px 4%}
	.modal-popup-group.round .modal-header h4{font-size: 20px}
	.modal-body table td{line-height:1.2}
	.myhmpglist-popup .table.structure *{font-size:12px !important}
	.modal_body .table[class*="structure cell basic"] tr th, .modal_body .table[class*="structure cell basic"] tr td{height:35px;padding:7px 4px} /* 191028 modal_body 클래스 추가 */
	.btn_hmpg_sort{padding:2px 5px}
}
/* 191112 추가 : s */
@media (max-width : 450px){
	.modal-popup.myhmpglist-popup .table[class*="structure cell basic"] tr th, .table[class*="structure cell basic"] tr td{padding:12px 2px}
	.modal-popup.myhmpglist-popup .btn_hmpg_sort{padding:2px 0;font-size:10px !important}
	.modal-popup.myhmpglist-popup .btn.purple{font-size:10px !important}
}
/* 191112 추가 : e */
/* 내 홈페이지 팝업창 : e 190731 */

/* 모바일 상단 메뉴 고정 노출 : s 190806 */
@media (max-width :995px){
	.mo{display:block}
	#wrap{padding-top: 0} /* 2022-09-26 수정 */
	#header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:100}
	.depth1_menu{display: block;}
	/* SW지식 - 교육/상식, 도서의 3dep 디자인 변경 */
	.swlearning_menu{background: #e6e6e6;}
	.swlearning_menu .menu__item--current .menu__link{color:#7232d8;font-weight: normal;}
	.swlearning_menu .menu__item--current .menu__link:before{display: none;}
}
@media (max-width :680px){
	.cartegory_head{padding-bottom: 60px;}
	.cartegory_head .tit_h2{transform:translateY(-5px);}
	.swlearning_menu .tab_group a{font-size: 14px;}
	.swlearning_menu .tab_group a span{padding-top: 12px;padding-bottom: 12px;}
}
/* 모바일 상단 메뉴 고정 노출 : e 190806 */

/* 신학기 룰렛 이벤트 : s 190813 */
@media (max-width :960px){
	.event_roulette_area .character02{top:-6%}
	.event_roulette_area .character03{top:-3%}
	.event_roulette_area .stamp_area{max-width:360px}
	.event_roulette_area .stamp_area li:nth-child(10):before{top:0;border-radius:0}
	.event_roulette_area .stamp_area li:nth-child(25):before{height:100%;border-radius:0}
}
@media (max-width :768px){
	.event_roulette_area{font-size:12px}
	.event_roulette_area .bg_lbl{padding:7px 30px 10px;font-size:15px}
	.event_roulette_area .bg_lbl b{font-size:21px}
	.event_roulette_area .sec_lbl{padding-top:60px;padding-bottom:52px}
	.event_roulette_area .sec_lbl .lbl{width:180px;margin-left:-90px;font-size:14px}
	.event_roulette_area .sec_event dt{font-size:30px;line-height:120%}
	.event_roulette_area .sec_event dd .sub_txt{font-size:14px}
	.event_roulette_area .tit_area .event_sub_tit{font-size:15px}
	.event_roulette_area .tit_area .info{padding-top:6px;padding-bottom:6px}
	.event_roulette_area .tit_area .info li{display:inline-block;float:none;font-size:12px;line-height:150%}
	.event_roulette_area .tit_area .txt{margin-top:22px;font-size:13px}
	.event_roulette_area .intro_area .intro_txt{padding-bottom:56px}
	.event_roulette_area .intro_area .intro_txt dt{font-size:21px}
	.event_roulette_area .intro_area .intro_txt dd{padding-top:155px;word-break:keep-all;background-size:688px}
	.event_roulette_area .intro_area .intro_txt dd strong{font-size:17px}
	.event_roulette_area .intro_area .intro_txt dd p{font-size:13px}
	.event_roulette_area .intro_area .event_list dd p{font-size:15px}
	.event_roulette_area .intro_area .product_list li{width:47.5%;margin-right:0;padding-top:17px}
	.event_roulette_area .intro_area .product_list li:nth-child(odd){margin-right:2.5%}
	.event_roulette_area .intro_area .product_list li:first-child,.event_roulette_area .intro_area .product_list li:nth-child(2){margin-bottom:20px}
	.event_roulette_area .intro_area .product_list li .sub_lbl{width:103px;margin-left:-52px;font-size:14px;line-height:34px}
	.event_roulette_area .intro_area .product_list li .tit{font-size:14px}
	.event_roulette_area .event_list_area > li{margin-top:69px}
	.event_roulette_area .event_list_area > li .sec_event{padding:42px 0 47px}
	.event_roulette_area .event_list_area > li .sec_event dd .tip{padding-left:14px;font-size:13px;text-indent:-14px}
	.event_roulette_area .event_list_area > li .sec_event dd .bg_lbl{margin-top:26px}
	.event_roulette_area .event_list_area > li .sec_event dd .lbl_star{padding:12px 30px 15px 55px;line-height:1}
	.event_roulette_area .event_list_area > li .sec_event dd .lbl_star:before{top:2px;left:2px;width:44px;height:44px;background-size:100%}
	.event_roulette_area .event_list_area > li .sec_event dd .tip_stamp{top:-60px;font-size:14px}
	.event_roulette_area .event_list_area > li .tip_area{margin-top:26px}
	.event_roulette_area .sec_roulette{margin-top:30px}
	.event_roulette_area .roulette_area{width:306px;padding-top:16px}
	.event_roulette_area .roulette_area:before{width:46px;height:52px;margin-left:-21px;background-size:100%}
	.event_roulette_area .roulette_area .roulette{height:306px}
	.event_roulette_area .roulette_area .roulette img{width:135px}
	.event_roulette_area .roulette_area .roulette img:nth-child(1),
	.event_roulette_area .roulette_area .roulette img:nth-child(4){left:79px}
	.event_roulette_area .roulette_area .roulette img:nth-child(2){top:36px;right:16px}
	.event_roulette_area .roulette_area .roulette img:nth-child(3){bottom:36px;right:16px}
	.event_roulette_area .roulette_area .roulette img:nth-child(5){bottom:36px;left:16px}
	.event_roulette_area .roulette_area .roulette img:nth-child(6){top:36px;left:16px}
	.event_roulette_area .roulette_area .btn_start{width:68px;height:68px;margin:-26px 0 0 -34px}
	.event_roulette_area .stamp_area li .num{font-size:14px}
	.event_roulette_area .stamp_area li:nth-child(30):before{height:calc(100% - 26px)}
	.event_roulette_area .outttro_area .sec_event dd .hashtag span{display:inline-block;float:none;margin:0 5px;font-size:13px}
	.event_roulette_area .outttro_area .sec_event dd .txt_clipboard p{font-size:13px}
	.event_roulette_area .outttro_area .bull_notice li.rmark{padding-left:12px;text-indent:-14px}
}
@media (max-width :640px){
	.event_roulette_area .tit_area .info{max-width:88%}
	.event_roulette_area .tit_area .txt{opacity:0}
	.event_roulette_area .bg_character{display:none}
	.event_roulette_area .event_list{padding:0 0 69px}
	.event_roulette_area .intro_area .event_list li{width:100%}
	.event_roulette_area .intro_area .event_list li:first-child{margin:0 0 5%}
	.event_roulette_area .intro_area .event_list dd{height:163px}
	.event_roulette_area .sec_roulette .star_info li{float:none}
	.event_roulette_area .outttro_area .sec_event dd .txt_clipboard p{display:block;margin:0 0 5px;line-height:150%}
}
@media (max-width :520px){
	.event_roulette_area .tit_area{overflow:hidden}
	.event_roulette_area .tit_area .event_tit{background:none}
	.event_roulette_area .tit_area .txt{display:none}
	.event_roulette_area .intro_area{margin-top:20px}
	.event_roulette_area .event_list_area > li .sec_event dd .tip_stamp{top:-25px}
	.event_roulette_area .bg_stamp{margin-top:50px}
}
@media (max-width :480px){
	.event_roulette_area .stamp_area{max-width:225px}
	.event_roulette_area .stamp_area li{padding-top:10px;padding-bottom:10px}
	.event_roulette_area .stamp_area li:nth-child(5):before{top:6px}
	.event_roulette_area .stamp_area li .stamp{width:35px;height:35px;background-size:100%}
}
@media (max-width :440px){
	.event_roulette_area .sec_event dt{font-size:26px}
	.event_roulette_area .event_list_area > li .sec_event dd .tip_aster{padding:0 5%}
	.event_roulette_area .roulette_area{width:210px;padding-top:11px}
	.event_roulette_area .roulette_area:before{width:32px;height:36px;margin-left:-15px}
	.event_roulette_area .roulette_area .roulette{height:210px;border-width:3px}
	.event_roulette_area .roulette_area .roulette img{width:93px}
	.event_roulette_area .roulette_area .roulette img:nth-child(1),
	.event_roulette_area .roulette_area .roulette img:nth-child(4){left:55px}
	.event_roulette_area .roulette_area .roulette img:nth-child(2){top:24px;right:13px}
	.event_roulette_area .roulette_area .roulette img:nth-child(3){bottom:24px;right:13px}
	.event_roulette_area .roulette_area .roulette img:nth-child(5){bottom:24px;left:13px}
	.event_roulette_area .roulette_area .roulette img:nth-child(6){top:24px;left:13px}
	.event_roulette_area .roulette_area .btn_start{width:47px;height:47px;margin:-20px 0 0 -24px}
}
/* 신학기 룰렛 이벤트 : e 190813 */

/* 텍스트 코딩-화상강의 : s 190814 */
@media (max-width:1200px){
	.videolrn_list .esof_point > li .lrn_sumry_area{height: 100px;}
}
@media (max-width:995px){
	.videolrn_list .esof_point > li .lrn_sumry_area{height: auto;}
}
@media (max-width:500px){
	.videolrn_list .esof_point > li .name_tit{margin-bottom:5px}
}
@media (max-width:400px){
	.videolrn_list .esof_point > li .btn_area .txt_pink{display:block;margin-bottom:5px}
}
/* 텍스트 코딩-화상강의 : e 190814 */

/* 블록코딩 상세페이지 리메이크 & 텍스트코딩 상세페이지 : s 190819 */
@media(max-width: 1250px){
	.work_view .workout_wrap,.work_view .workout_box{float: none;width: 100%;}
	.work_view .workout_wrap{margin-bottom: 30px;}
	.work_view .workout_box>div:first-child{margin-bottom: 30px;}
	.work_view .workout_box>div ul{width: 33.3333%;}
	.work_view .workout_box>div:first-child ul{width: calc(33.3333% - 30px);}
	/* .work_view .workout_box>div ul li a{height:130px} */ /*190920 수정*/
	.work_view .workout_box>div ul li a .tit_maker{padding-top:20%}/* 190918 작품방 수정 - padding */
	.work_view .workout_box>div ul li.textcoding a .tit_maker{padding-top:20%} /*190920 추가 - padding*/
	.work_view .workout_box>div ul li.textcoding a:hover .tit_maker{padding-top:20%} /*190920 추가 - padding*/
	.work_view .workout_box>div ul li a .tit_maker p{line-height:1.5em !important;}
	.m_swiper .swiper-pagination{display: block;}
}
@media(max-width: 768px){
	/* .work_view .workout_box>div ul li a{height:120px} */ /*190920 수정*/
	.work_view .workout_box>div ul li a .tit_maker p{font-size: 13px}
	.work_view .workout_box>div ul.textcoding li a .tit_maker p{font-size:13px}
}
@media(max-width: 600px){
	/* .work_view .workout_box>div ul li a .tit_maker{padding: 20% 0;} *//* 190918 작품방 주석 */
	.work_view .workout_box>div ul.textcoding li a .tit_maker p{}
}
@media(max-width: 480px){
	.work_view .workout_box>div ul{width: 50%;}
	.work_view .workout_box>div:first-child ul{width: calc(50% - 10px);}
}
@media(max-width: 320px){
	.work_view .workout_box>div ul{width: 100%;}
	.work_view .workout_box>div:first-child ul{width: 100%;}
	.work_view .workout_box>div ul li a .tit_maker{padding-top:13%;}/* 190918 작품방 수정 - padding */
}
/* 블록코딩 상세페이지 리메이크 & 텍스트코딩 상세페이지 : e 190819 */

/* 작품방 : s 190820 */
@media (min-width:1025px){
	/* .cartegory_main .sec_lecture .lecture_all .item{width:31.2%} */
}
/* 190902 수정사항 관련 추가 : s */
@media (max-width:1024px){
	.lecture_swiper .swiper-pagination{display:block}
	.work_list .lecture_swiper .lecture_all .item{margin-right:40px !important;margin-bottom:0 !important}
}
/* 190902 수정사항 관련 추가 : e */
@media (max-width:768px){
	.cartegory_main .sec_lecture .sec_lecture_top .sec_lecture_tit{font-size:24px}
	.cartegory_main .sec_lecture .sec_lecture_top .btn{margin-top:0}
	.work_srch_layer .srch_form .srch_area .btn_srch{width:30px;height:30px}
}
@media (max-width:680px){
	.sec_lecture .sec_lecture_top .sec_lecture_tit{font-size:16px}
	.sec_lecture .sec_lecture_top .btn{padding:7px 10px;font-size:12px;line-height:16px}
	.sec_lecture .sec_lecture_top .btn i{font-size:16px}
	.cartegory_main .lecture_all_swiper .lecture_all .item{margin-right:20px !important}
	.work_srch_layer .srch_form{padding-top:40px}
	.work_srch_layer .srch_form .srch_area{height:50px;margin-bottom:10px}
	.work_srch_layer .srch_form .category_area .category{padding-left:0}
	.work_srch_layer .srch_form .category_area .category dt{position:static}
}
@media (max-width:680px){
	.cartegory_main .lecture_all_swiper .swiper-pagination{display:block}
	.work_list .top_btn3{padding-top:19px}
	.work_list .top_btn3 a{margin-top:5px}
	/* 191014 작품 선택 ui 수정 : s */
	.coding_prdt{width:132px;margin-top:5px;font-size:12px;line-height:1.2}
	.coding_prdt .tit{margin-top:0 !important;padding:7px 10px}
	.coding_prdt .tit:after{margin-top:5px}
	.coding_prdt .dep{top:15px;padding-top:25px}
	.coding_prdt .dep li a{margin-top:0}
	/* 191014 작품 선택 ui 수정 : e */
}
/* 작품방 : e 190820 */

/* 스페셜검색 추가영역 : s  2025-08-06 추가 */
@media (max-width:995px) {
	.special_search_area{padding:40px 20px;}
	.sp_1806_10_con .list{padding:20px 15px}
	.sp_1806_10_con .list ul{gap:10px;}
}
@media (max-width :768px){
	.special_search_area .desc_area{padding-bottom:40px}
	.special_search_area p:last-child{position:absolute;bottom:25px;left:30px}

	.special_search_area{padding:40px 24px;}
	.sp_1806_10_con .title a{padding-bottom:6px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:16px; overflow: hidden;}
	.sp_1806_10_con .info .title{margin-bottom:0;}
	.sp_1806_10_con .content{font-size:14px;}
	.sp_1806_10_con .list ul{flex-wrap:wrap;}
	.sp_1806_10_con .list li{width:31% !important;}
	.sp_1806_10_con .list li a{gap:8px;}
	.sp_1806_10_con .list li .tit{font-size:14px;}
}
@media (max-width :600px){
	.special_search_area > p{width:100%;}
	.special_search_area > p:nth-child(2){width:100%;}
	.special_search_area .thumb{width:100%;}
	.special_search_area .tit{font-size:16px}
	.special_search_area .desc_area{font-size:14px;line-height:1.3}

	.sp_1806_10_con .special .img{width:100%; height:auto; margin-right:0;}
	.sp_1806_10_con .info{width:100%; margin:12px 0 0;}
	.sp_1806_10_con .thumb > img{height: auto;}
	.sp_1806_10_con .list{padding:15px 10px;}
	.sp_1806_10_con .list li{width:48% !important;}
}
@media (max-width :499px){
	.special_search_area .btn_go{padding:7px 10px}
	.special_search_area .btn_go:after{top:-.5px;left:2px;width:5px;height:5px}
}

@media (max-width :360px){
	.sp_1806_10_con .list li{width:46% !important;}
}
/* 스페셜검색 추가영역 : e  2025-08-06 추가 */

/* 마이페이지 : s 190911 */
@media (max-width:1280px){
	.user_info_inner{padding:0} /* 2023-06-21 수정 */
	.user_info_inner .dt_area .user{display:table-cell;width:auto;border-bottom:none}
	/* .user_info_inner.hm .dt_area{width:100%;border-right:0}
	.user_info_inner.hm .user_notice{width:50%;max-width:none} */
}
@media (max-width:1275px) and (min-width:1170px){
	.playground_panel.sumry .playground_map_area .map ul li{margin-right:14px}
}
@media (max-width:1110px){
	.user_info_inner .dt_area{width:100%;min-height:140px;border-right:0}
	.user_info_inner .dt_area > *{width:33.33%}
	.user_info_inner .user_notice_area{width:56%} /* 191025 추가 */
	.user_info_inner .user_notice_area > *{width:50%} /* 191025 추가*/
	.user_info_inner .dt_area.type02 > div:nth-child(1){width:70%}  /* 191025 수정*/
	.user_info_inner .dt_area.type02 > div:nth-child(2){width:30%} /* 191025 추가*/
	.user_info_inner .intro_txt{width:100%;max-width:100%;min-width:100%;padding:20px 10px}
	.user_info_inner .latest_lctrum{width:100%;padding:20px 10px}
	.user_info_inner .tit_sec{padding:20px}
	.user_info_inner .tit_sec dd .nice-select{width:100%} /* 191030 추가 */

}
@media (max-width:1024px){
	.reqst_area .tit{display:block;float:none;margin-top:0}
	.reqst_area .btn_group{float:none;padding-top:5px}
	.reqst_area .btn_group .btn{margin-top:5px}
}
@media (max-width:995px){
	.user_info_inner{flex-direction:column} /* 2023-06-21 추가 */
	.playground_map_area .tit .btn_boxf{float:none;padding-top:5px;clear:both}
	.playground_map_area .tit .btn_box a{display:inline-block;margin-top:5px;padding-top:5px;padding-bottom:5px;font-size:13px}
	.playground_map_area .tit .btn_box a i{position:relative;top:1px;margin-top:-4px;font-size:21px}
}
@media (max-width:640px){
	.user_info_inner .dt_area.m_type01 > *{display:block;width:100%;border-right:none;border-bottom:1px solid #e8e8e8}
	.user_info_inner .dt_area.m_type01 > *:last-child{border-bottom:none}
	.user_info_inner .dt_area .user{text-align:center}
	/* .user_info_inner .dt_area .user .pic{display:block;width:60px;height:60px;margin:0 auto 5px} 191025 주석 처리*/
	.user_info_inner .user .name .user_nm{margin-bottom:0;font-size:16px}
	.user_info_inner .user_notice_area{width:30%} /* 191025 추가 */
	.user_info_inner .user_notice_area:after{display:none} /* 191025 추가 */
	.user_info_inner .user_notice_area > *,.user_info_inner.hm .user_notice{float:none;width:100%} /* 191025 추가 */
	.user_info_inner .user_notice .txt{display:none} /* 191025 추가 */
	.user_info_inner .user_notice:first-child{padding:15px 10px 5px 10px} /* 200120 추가 */
	.user_info_inner .user_notice:last-child{padding:5px 10px 15px 10px} /* 200120 추가 */
	/* .user_info_inner .user_notice .txt{font-size:12px} 191025 주석 처리*/
	.user_info_inner .tit_sec{padding-right:10px;padding-left:10px}
	.user_info_inner .tit_sec dd .graph_area{overflow-y:hidden;overflow-x:scroll;width:100% !important;min-width:100%} /* 200114 ov 추가 */
	.user_info_inner .tit_sec dd .graph_area div[dir="ltr"]{width:100% !important} /* 200114 추가 */
	.user_info_inner .tit_sec dd .nice-select .list{max-height:160px} /* 191025 추가 */
	.panel-head .panel-txt{float:none}
	.playground_panel .panel-body>.thumb,
	.playground_panel.sumry .panel-body>.thumb{width:120px}
	.playground_panel .panel-body>.playground_map_area{width:calc(100% - 150px)}
	.playground_map_area .map ul li{width:20px;height:20px;line-height:17px;margin-right:10px;margin-bottom:0 !important;font-size:12px}
	.playground_map_area .map.beatgo ul li{width:60px;height:25px;line-height:20px;border-radius:7px} /* 191202 추가 */
	.playground_panel.sumry .playground_intro ul{width:100%}
	.playground_intro ul li{width:41%;margin:0 -4%}
}
@media (max-width:560px){
	.panel-body .newlywork>li>*{text-align: center}
	.panel-body .newlywork .thumb_info .tag > li:first-child{display:inline-block;float:none}
	.panel-body .newlywork .lecturestates_wrap{display:inline-block}
	#record03 .tit{padding-right:40px}
}
@media (max-width:550px){
	.three_box > .panel{float:none;width:100%}
}
@media (max-width:540px){
	.panel-head .panel-tit{font-size:16px}
	.playground_map_area .tit h3{font-size:16px}
	.playground_intro .tit h3{font-size:23px;word-break:keep-all} /* 200114 wb 추가 */
	.playground_intro ul li p{margin-bottom:20px;font-size:16px}
	.user_info_inner .intro_txt{background:none}
	.user_info_inner .latest_lctrum .txt_area{padding-left:10px}
}
@media (max-width:440px){
	#record04 .tit{padding-right:100px}
}
@media (max-width:414px){
	.panel-head{padding:16px 15px 14px}
	.panel-body{padding:20px 15px 25px}
	.panel-head .more, .panel-body .more{right:15px}
	.mentor_info .item_desc{width:65%}
	.mentor_info .btn_profile{position:relative;padding:5px 10px;margin-top:10px}
	.form_size_sm.datepicker{top:10px;right:15px;width:100px}
	.datepicker input{width:75px !important;padding:0 5px;font-size:12px} /* 191219 pd, fz 추가 */
	.datepicker .calendar{width:20px;background-position:4px -24px}
	.swiper-button-next{right:15px !important}
	.swiper-button-prev{left:15px !important}
	.playground_panel{padding:20px 15px}
	.playground_panel .panel-body>.thumb{width:100px;margin-right:0} /* 200115 수정 */
	.playground_panel .panel-body>.playground_map_area{width:calc(100% - 100px)}
	.playground_panel.sumry .panel-body{padding:20px 15px 25px}
	.playground_panel.sumry .panel-body>.thumb{width:80px}
	/* .playground_panel.sumry .panel-body>.playground_map_area{width:calc(100% - 100px)} 200117 주석처리 */
	.playground_panel.sumry .playground_intro{min-height:160px !important;padding:20px 15px 25px;}
}
@media (max-width:380px){
	.user_info_inner .tit_sec dd .nice-select{width:320px} /* 191030 추가 */
}
@media (max-width:360px){
	.user_info_inner .latest_lctrum .thumb{display:block}
	.user_info_inner .latest_lctrum .txt_area{display:block;margin-top:10px;padding-left:0}
	.playground_intro ul li p{font-size:14px}
	.playground_map_area .map.beatgo ul li{width:59px} /* 191202 추가 */
}
@media (max-width:350px){
	.user_info_inner .tit_sec dd .nice-select{width:280px} /* 191030 추가 */
	.playground_map_area .map.beatgo ul li{width:45px} /* 191202 추가 */
}
@media (max-width:330px){
	.user_info_inner .tit_sec dd .graph_tip{position:static;float:right}
}
/* 마이페이지 :e 190911 */

/* 2차 header 수정 :s 190911 *//* 191122 header 수정 : s */
@media (max-width:1280px){
	.new_type #gnb > ul > li{width:140px}
}
@media (max-width:1200px){
	#header.new_type .traning_menu > li > a{padding:0 12px}
	.new_type #gnb{margin-left:0}
	.new_type #gnb > ul > li{width:120px}
	.new_type #gnb > ul > li .depth li a{font-size:13px}
}
@media (max-width:995px){
	.ico_header_v1{width:25px;height:25px;background:url(../../../../../images/egovframework/com/ebs/common/ico_header_v1x3.png) no-repeat;background-size:130px}
	.ico_header_v1.menu{background-position:-105px 0}
	.ico_header_v1.share{background-position:-35px 0}
	.ico_header_v1.search2{background-position:-70px 0}
	#header.new_type .top{display:none}
	#header.new_type h1{margin-top:0;padding:2px 0}
	#header.new_type .mobile_share{right:80px}/* 200617 수정 */
	.new_type .searchArea.open{top:54px}
}
/* 2차 header 수정 : e 190911 *//* 191122 header 수정 : e */

/* 코딩 프로젝트 : s 190911 */
/*@media (max-width:1800px){
	.board_detail_wrap .detail_body .post_list li{width:33.3333%}
	.board_detail_wrap .detail_body .post_list li:nth-child(5n){margin-right:20px}
}
@media (max-width:1600px){
	.board_detail_wrap .detail_body .post_list li{width:50%}
}
*/
@media (max-width:1300px){
	/* .board_detail_wrap .detail_body .post_list li{width:100%} */
	.lbl_list{margin:0 0 -30px -1.7%}
	.lbl_list > li{height:auto} /* 191101 수정 */
	.lbl_list.list_type > li{width:100%;margin-left:0} /* 191017 추가 */
	.lbl_list.total.list_type{margin-left:0} /* 191031 추가 */
	.lbl_list.total > li{height:auto} /* 191031 380px에서 수정 */
	.lbl_list > li .group{height:auto;min-height:275px} /* 191031 230px에서 수정, min-height 추가 */
	.lbl_list.list_type > li .group{min-height:unset} /* 191031 추가 */
	.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} /* 191017 추가 */
	.lbl_list > li .group .group_inner .group_bottom .lect_info_list{min-height:135px} /* 191031 추가 */
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{min-height:unset} /* 191031 추가 */
	.prj_box{height:auto;padding:40px;margin-bottom:30px;background-position:50% 50%}
	.prj_box .info_area{width:50%;margin:20px auto 0}
	.prj_box .commu_goal_area .white_scroll{max-height:none}
}
@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%} /* 191031 min-height 추가 */
	.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%} /* 191031 추가 */
	.lbl_list.list_type > li.new_project{width:97.4%;min-height:unset} /* 191031 추가 */
	.prj_box + .lbl_list.list_type > li.new_project{width:100%} /* 191127 추가 */
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{min-height:135px} /* 191031 추가 */
	.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: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} /* 191031 추가 */
	.lbl_list.list_type > li.new_project{min-height:unset}  /* 191031 추가 */
	.coding_project_main .project_swiper{padding-bottom:20px}
	.coding_project_box li .tit+img{display:block;margin:0 auto}
}
@media (max-width:768px){
	.project_swiper .swiper-pagination{display:block}
	.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} /* 191107 추가 */
}
@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} /* 191031 추가 */
	.lbl_list.list_type > li.new_project{min-height:unset}  /* 191031 추가 */
	.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} /* 191031 추가 */
	.lbl_list > li ,.lbl_list.total > li, .lbl_list.list_type > li.new_project{width:100%;height:auto;margin:0 0 4.5% 0} /* 191031 추가 */
	.lbl_list > li .group{min-height:auto} /* 191031 추가 */ /* 191105 ie 수정 */
	.lbl_list > li .group .group_inner .group_top .class_tit{margin-bottom:0;padding-top:5px;font-size:15px;line-height:17px} /* 191031 추가 */
	.lbl_list > li .group .group_inner .group_bottom .lect_info_list{min-height:auto} /* 191031 추가 */ /* 191105 ie 수정 */
	.lbl_list.list_type > li .group .group_inner .group_bottom .lect_info_list{min-height:auto} /* 191031 추가 */ /* 191105 ie 수정 */
	.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} /* 191031 추가 */
	.lbl_list, .lbl_list.total{margin:0 0 0 0} /* 191031 추가 */
}
@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;}
}
@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}
}
/* 코딩 프로젝트 : e 190911 */

/* 화상멘토링 : s 190911 */
@media (max-width:1280px){
	.week_cal_area .week_calendar .week_toolbar{padding-right:0}
}
@media (max-width:995px){
	.section_banner .container{background:none}
}
@media (max-width:750px){
	.video_mentoring_main .intro_txt{padding-top:244px;background-size:600px}
	.video_mentoring_main .step_list li{width:130px;height:130px;font-size:14px}
	.video_mentoring_main .step_list li dt{margin-bottom:6px;padding-bottom:3px;font-size:16px}
	.video_mentoring_main .step_list li + li{margin-left:50px}
	.video_mentoring_main .step_list li + li:before{left:-50px;width:65px}
	.video_mentoring_main .step_list li + li:after{left:6px}
}
@media (max-width:640px){
	.qnaListView .qna_review_content.video_main_list .forum_space .qnalst{padding-right:0}
	.video_main_list > li .state_area{position:static;float:right;margin-top:10px;font-size:14px}
	.video_main_list > li .state_area .btn + p{font-size:12px}
	.week_cal_area .week_calendar .week_toolbar .toolbar{position:relative;padding-top: 40px;}
	.week_cal_area .week_calendar .week_toolbar .toolbar .btn_mentoring{position: absolute;top: 0;right: 0;}
	.week_cal_area .week_calendar .week_toolbar .toolbar .btn_today{width:50px;height:30px;font-size:13px;line-height:28px}
	.week_cal_area .week_calendar .week_toolbar .toolbar .tit_area .tit{font-size:16px;line-height:30px}
	.week_cal_area .week_calendar .week_toolbar .toolbar .tit_area .btn_ctrl{margin-top:4px}
}
@media (max-width:540px){
	.video_mentoring_main .intro_txt{padding-top:164px;font-size:13px;background-size:375px}
	.video_mentoring_main .intro_txt dt{font-size:18px}
	.video_mentoring_main .step_list li{width:86px;height:86px;font-size:11px}
	.video_mentoring_main .step_list li dt{margin-bottom:4px;font-size:11px}
	.video_mentoring_main .step_list li + li{margin-left:20px}
	.video_mentoring_main .step_list li + li:before{left:-20px;width:36px}
	.video_mentoring_main .tip{font-size:12px}
	.week_cal_area .week_calendar .week_toolbar{padding-left:0}
	.week_cal_area .week_calendar .week_toolbar .row{margin-top:25px}
}
/* 화상멘토링 : e 190911 */

/* 러닝맵 : s 190911 */
@media (max-width:1024px){
	.learning_swiper .swiper-pagination{display:block}
	.thumb_list > li{height:auto}
	.thumb_list > li .box,.thumb_list > li:hover .box{top:0;height:250px}
	.thumb_list > li .box .box_inner,.thumb_list > li:hover .box .box_inner{padding:0 15px}
}
@media (max-width:995px){
	.learningmap_main .beginning_area:before{right:auto;left:-115px}
	.learningmap_main .learningmap_swiper{padding:0 10px}
	.learningmap_main .learninmap_box > li{width:30%;margin-right:5%}
	.user_custom_info > li{width:48.4%}
	.user_custom_info > li:nth-child(even){margin-right:0}
	.user_custom_info > li dl dd i{margin-right:-7px}
	.codinglv_area .codinglv_intro:before{right:auto;left:-155px}
	.folder_list_swiper .swiper-pagination{display:block}
	.learningmap_list > li, .learningmap_list.list02 > li{padding-left:0}
	.learningmap_list > li .thumb_area{position:static;width:100%;margin-bottom:20px}
	.learningmap_list.list02 > li .thumb_area{width:100%}
	.learningmap_list.list02 .info_area .btn_group{position:static}
	.learningmap_list.list02 .info_area .btn_group .btn{display:inline-block;vertical-align:top}
}
@media (max-width:768px){
	.learningmap_main{padding:30px 0}
	.learningmap_main .beginning_area:before{display:none}
	.learningmap_main .beginning_area dl{padding-left:0;text-align:center}
	.learningmap_main .beginning_area dl dt{font-size:26px}
	.learningmap_main .beginning_area dl dd:before{left:50%;margin-left:-10px}
	.learningmap_main .beginning_area dl dd .btn_group{margin-top:21px}
	.learningmap_main .beginning_area dl dd .btn_group .btn{margin-top:5px}
	.learningmap_main .learninmap_box > li{padding-right:30px;padding-left:30px}
	.learningmap_swiper .swiper-pagination{display:block}
	.codinglv_area .codinglv_intro{margin-bottom:30px;padding:0}
	.codinglv_area .codinglv_intro:before{display:none}
	.codinglv_area .codinglv_intro .txt_box{width:100%}
	.codinglv_test_area{padding-left:0}
	.codinglv_test_area .codinglv_test_intro{display:none}
}
@media (max-width:640px){
	.user_custom_info{padding:10px 0 40px}
	.user_custom_info > li{width:100%;margin:30px 0 0;padding:24px 20px 30px}
	.user_custom_info > li dl dd i{margin-right:0}
	.user_custom_info > li dl dd .clearfix{right:20px;bottom:30px;left:20px}
	.user_custom_info > li dl dd .total_see{bottom:30px;left:20px}
	.codinglv_area{padding-top:30px}
	.codinglv_area .codinglv_intro .txt_box{padding:30px}
	.codinglv_area .inp_box .wrt_lst > li .ctrl_grp{display:block}
	.codinglv_area .inp_box .wrt_lst > li .ctrl_grp .ctrl{float:left;width:50%;margin:5px 0 0}
}
@media (max-width:568px){
	.codinglv_area .inp_box .wrt_lst > li .form-sm{margin-top:5px;clear:both}
	.codinglv_area .mg_t7{margin-top:12px}
}
/* 러닝맵 : e 190911 */

/* 190927 온라인 코딩파티 시즌 2 이벤트 : s */
@media (max-width:970px){
	.event_codingparty2 .event01 .step_area{background:url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_530.png) no-repeat 50% 0}
	.event_codingparty2 .event01 .step_area ol{width:510px}
	.event_codingparty2 .event01 .step_area li{margin-right:3px;width:168px}
	.event_codingparty2 .event01 .step_area li .img{padding:0 10px}
	.event_codingparty2 .event01 .step_area li dl dd{font-size:14px;letter-spacing:-1px}
	.event_codingparty2 .event01 .step_area li.step04{margin-right:85px}
	.event_codingparty2 .event01 .step_area li.step05{margin-left:85px}
}
@media (max-width:768px){
	.event_codingparty2{font-size:12px}
	.event_codingparty2 .tit_area,
	.event_codingparty2 .sec_event > dd .sub_tit,
	.event_codingparty2 .event02 .hashtag span{font-size:15px}
	.event_codingparty2 .tit_area .txt,
	.event_codingparty2 .sec_event > dd .sub_txt,
	.event_codingparty2 .event_summary li dl dd,
	.event_codingparty2 .event01 .sec_certificate .btn{font-size:14px}
	.event_codingparty2 .event01 .sec_certificate .total > dd .row p{font-size:24px}/* 191025 수정 */
	.event_codingparty2 .sec_event > dt img{max-width:34.3%}
	.event_codingparty2 .sec_event > dt:before, .event_codingparty2 .sec_event > dt:after{width:32%}
	.event_codingparty2 .intro_area .product_list li{width:48.5%;margin-left:3%}
	.event_codingparty2 .intro_area .product_list li:nth-child(odd){margin-left:0}
	.event_codingparty2 .event_summary li dl dt{width:28.3%}
	.event_codingparty2 .event_summary li dl dd{margin-top:-4.7%}
}
@media (max-width:640px){
	.event_codingparty2 .tit_area{overflow:hidden;background-size:cover}
	.event_codingparty2 .tit_area .event_tit{position:relative;left:50%;min-width:360px;transform:translateX(-50%)}
	.event_codingparty2 .tit_area .event_tit .pc568{display:none}
	.event_codingparty2 .tit_area .event_tit .mo568{display:block}
	.event_codingparty2 .tit_area .event_sub_tit{max-width:240px;padding-right:0;padding-left:0}
	.event_codingparty2 .event01 .step_area{background:url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_426.png) no-repeat 50% 0}
	.event_codingparty2 .event01 .step_area ol{position:relative;left:50%;width:426px;margin:0;transform:translateX(-50%)}
	.event_codingparty2 .event01 .step_area li{width:140px}
	.event_codingparty2 .event01 .step_area li.step04{margin-right:72px;padding-top:16px}
	.event_codingparty2 .event01 .step_area li.step05{margin-left:72px;margin-top:12px}/* 191025 수정 */
}
@media (max-width:568px){
	.event_codingparty2 .tit_area,
	.event_codingparty2 .sec_event > dd .sub_tit,
	.event_codingparty2 .event02 .hashtag span{font-size:14px}
	.event_codingparty2 .sec_event > dd .sub_txt,
	.event_codingparty2 .event_summary li dl dd,
	.event_codingparty2 .event01 .step_area li dl dd,
	.event_codingparty2 .event01 .sec_certificate .btn{font-size:13px}
	.event_codingparty2 .sec_event{overflow:hidden;padding-top:14.5%;padding-bottom:18.7%}
	.event_codingparty2 .sec_event > dd .sub_txt{margin-top:6.1%}
	.event_codingparty2 .intro_area .sec_event > dt{margin-bottom:2.3%}
	.event_codingparty2 .intro_area .product_list li{margin-top:4.8%}
	.event_codingparty2 .event_summary{padding-top:2.1%;padding-bottom:10.6%}
	.event_codingparty2 .event_summary li{margin-top:4.6%}
	.event_codingparty2 .event01 .sec_certificate{overflow:hidden;padding-top:15.5%;padding-bottom:15.5%}
	.event_codingparty2 .event01 .sec_certificate .total > dt{position:relative;left:50%;width:500px;transform:translateX(-50%)}
	.event_codingparty2 .event01 .sec_certificate .total > dd .row{width:80%;padding-left:26.5%}/* 191010 수정 *//* 191025 수정 */
	.event_codingparty2 .event01 .sec_certificate .total > dd .row span{font-size:13px;line-height:29px}/* 191010 추가 */
	/* 191025 추가 : s */
	.event_codingparty2 .event01 .sec_certificate .total > dd .row.row01{padding-left: 39%;}
	.event_codingparty2 .event01 .sec_certificate .total > dd .row.row01 strong{width:48.8%}
	.event_codingparty2 .event01 .sec_certificate .total > dd .row.row02{padding-left: 52.7%;}
	/* 191025 추가 : e */
	.event_codingparty2 .event01 .sec_certificate .txt{margin-top:8.8%}
	.event_codingparty2 .event01 .sec_certificate .btn{margin-top:8.8%;padding:0 8.2%;line-height:35px}
	.event_codingparty2 .event01 .step_area li.step05{padding-top:16px}/* 191022 추가 */
	.event_codingparty2 .event02 .bg_tit{position:relative;left:50%;width:500px;margin-top:10.8%;padding-top:212px;transform:translateX(-50%)}
	.event_codingparty2 .event02 .product_info{width:158px}
	.event_codingparty2 .event02 .product_info .sub_lbl{width:43px;height:43px;line-height:43px}
	.event_codingparty2 .event02 .product_info .product{height:158px}
	.event_codingparty2 .event02 .product_info .tit{line-height:13px}
	.event_codingparty2 .event02 .hashtag{margin-top:5.1%}
	.event_codingparty2 .outttro_area .bull_notice{padding-top:10.4%;padding-bottom:10.4%}
}
@media (max-width:500px){
	.event_codingparty2 .tit_area{padding-bottom:150px}
	.event_codingparty2 .tit_area .info li{display:block;margin:0}
	.event_codingparty2 .tit_area .txt{letter-spacing:-1.5px}
	.event_codingparty2 .sec_event > dt img{max-width:50.3%}
	.event_codingparty2 .sec_event > dt:before, .event_codingparty2 .sec_event > dt:after{width:28%}
	.event_codingparty2 .event_summary li dl dt{width:41.3%}
	.event_codingparty2 .event_summary li dl dd{margin-top:-7.2%;padding-top:7.6%;padding-bottom:4.7%}
	.event_codingparty2 .event01 .step_area{background:url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_285.png) no-repeat 50% 0}
	.event_codingparty2 .event01 .step_area ol{width:285px}
	.event_codingparty2 .event01 .step_area li{width:140px;margin-top:15px}
	.event_codingparty2 .event01 .step_area li.step02{margin-right:0}
	.event_codingparty2 .event01 .step_area li.step03{float:right;padding-top:32px}
	.event_codingparty2 .event01 .step_area li.step04{float:left;margin-right:3px;padding-top:0}/* 191022 수정 *//* 191025 수정 */
	.event_codingparty2 .event01 .step_area li.step05{margin-left:0}/* 191022 수정 */
	.event_codingparty2 .event02{background:#f7f7f7}
}
@media (max-width:420px){
	.event_codingparty2 .event02 .bg_tit{width:360px;padding-top:147px}
}
@media (max-width:375px){
	.event_codingparty2 .intro_area .product_list li .sub_lbl{left:5px;width:32px;font-size:10px}
	.event_codingparty2 .event01 .sec_certificate .total > dt{width:360px}
}
@media (max-width:374px){
	.event_codingparty2 .event01 .step_area{background:url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_230.png) no-repeat 50% 0}
	.event_codingparty2 .event01 .step_area ol{width:230px}
	.event_codingparty2 .event01 .step_area li{width:113px}
	.event_codingparty2 .event01 .step_area li dl dt{width:66px;height:16px;background-size:100%}
	.event_codingparty2 .event01 .step_area li.step02 dl dt{background-position:0 -25px}
	.event_codingparty2 .event01 .step_area li.step03 dl dt{background-position:0 -51px}
	.event_codingparty2 .event01 .step_area li.step04 dl dt{background-position:0 -76px}
}
@media (max-width:330px){
	.event_codingparty2 .tit_area .event_tit{min-width:320px}
}
/* 190927 온라인 코딩파티 시즌 2 이벤트 : e */

/*191004 비트GO! 두들리GO! : s*/
/* 점박이와 코딩을! 페이지 */
@media ( max-width : 1230px) {
	.beatgo_wrap .header, .beat_sec.adventure, .beat_sec.join_co,
	.dudeulgo_wrap .header, .dudeul_sec.adventure, .dudeul_sec.join_co,
	.beat_sec.feature ul{width:100%;margin:0 auto}
}
/*.dudeul_sec.feature ul*/
@media ( max-width : 1200px) {
	.beatgo_wrap .header,.dudeulgo_wrap .header{-webkit-background-size: contain; background-size:contain}
	.beat_sec.feature ul{width:100%}
	.beat_sec.adventure ol li dl,.dudeul_sec.adventure ol li dl{margin: 0 30%}
	.beat_sec.adventure ol li:nth-child(2) dl,.dudeul_sec.adventure ol li:nth-child(2) dl{margin: 0 9%}
	.beat_sec.beatgo,.dudeul_sec.dudeulgo{padding: 40px 20px}
}
/* 191011 게임방법 추가 : s */
@media ( max-width : 1052px) {
	.dudeul_sec.rules h3,.beat_sec.rules h3{width:98%;margin-left:-49%}/* 191023 게임방법 추가 191029 mg-left 추가*/
	/* 191023 게임방법 추가 : s */
	.beat_sec.rules .rules_list{width:98%}
	.beat_sec.rules .rules_list li{width:49%;padding:0}
	.beat_sec.rules .rules_list li:nth-child(odd){margin-right:2%}
	/* 191023 게임방법 추가 : e */
}
/* 191011 게임방법 추가 : e */
@media ( max-width : 1000px) {
	.beatgo_wrap,.dudeulgo_wrap{padding: 50px 0 0 0}
	.beatgo_wrap .beat_dwld_box,.dudeulgo_wrap .dudeul_dwld_box{padding: 30px 0 150px}
	.dudeul_sec.feature, .beat_sec.feature{padding-bottom:100px}/* 191011 게임방법 추가 *//* 191023 게임방법 추가 */
	.dudeul_sec.feature ul{width:100%}
	.beat_sec.feature ul li,.dudeul_sec.feature ul li{float: none; width: 100%; height: auto; padding-bottom: 0}
	.beat_sec.adventure .intro .go:before,.dudeul_sec.adventure .intro .go:before{padding: 30px 0}
	.beat_sec.adventure .intro .hello,	.dudeul_sec.adventure .intro .hello{width: 90%}
	.beat_sec.adventure ol li:before,	.dudeul_sec.adventure ol li:before{width: 300px; height: 300px; -webkit-background-size: contain; 	background-size: contain}
	.beat_sec.adventure ol li dl,.dudeul_sec.adventure ol li dl{margin: 0 35%}
	.beat_sec.adventure ol li:nth-child(2) dl,.dudeul_sec.adventure ol li:nth-child(2) dl{margin: 0 4%}
	.dudeul_sec.adventure ol li .ing, .beat_sec.adventure ol li .ing{width:300px;height:300px;line-height:300px}/* 191011 추가 *//* 191024 추가 */
}
/* 191011 게임방법 추가 : s */
@media ( max-width : 895px) {
	.dudeul_sec.rules .rules_list li:nth-child(5) .txt_area,
	.dudeul_sec.rules .rules_list li:nth-child(6) .txt_area,
	.dudeul_sec.rules .rules_list li:nth-child(7) .txt_area,
	.dudeul_sec.rules .rules_list li:nth-child(8) .txt_area,
	.beat_sec.rules .rules_list li:nth-child(5) .txt_area,
	.beat_sec.rules .rules_list li:nth-child(6) .txt_area,
	.beat_sec.rules .rules_list li:nth-child(7) .txt_area,
	.beat_sec.rules .rules_list li:nth-child(8) .txt_area{min-height:200px}/* 191023 게임방법 추가 */
}
/* 191011 게임방법 추가 : e */
@media ( max-width :768px) {
	.beat_sec.adventure ol,.dudeul_sec.adventure ol{padding: 0 60px}
	.beat_sec.adventure ol li,.dudeul_sec.adventure ol li{padding: 0 0 30px 0}
	.beat_sec.adventure ol li:before,.dudeul_sec.adventure ol li:before{position: relative; width: 100%; background-repeat: no-repeat; background-position:center}
	.beat_sec.adventure ol li dl,.dudeul_sec.adventure ol li dl{width: 100%; padding: 30px; margin: 0; text-align: center}
	.beat_sec.adventure ol li:nth-child(2) dl,.dudeul_sec.adventure ol li:nth-child(2) dl{padding: 30px; margin: 0; text-align: center}
	.beat_sec.beatgo .swiper-container,.dudeul_sec.dudeulgo .swiper-container{width:100%}
	.beat_sec.beatgo .swiper-button-prev,.beat_sec.beatgo .swiper-button-next,
	.dudeul_sec.dudeulgo .swiper-button-prev,.dudeul_sec.dudeulgo .swiper-button-next{display:block}
	.beat_sec.join_co ul,.dudeul_sec.join_co ul{width: 100%}
	.beat_sec.join_co li,.dudeul_sec.join_co li{width: calc(33.3333% - 20px)}
	.beat_sec.join_co li:nth-child(3n),	.dudeul_sec.join_co li:nth-child(3n){margin-right:0}
	.beat_sec.join_co li:nth-child(4),.dudeul_sec.join_co li:nth-child(4){margin-right:30px}
	.beat_sec.join_co li:nth-child(5),.dudeul_sec.join_co li:nth-child(5){margin-left:0}
	.dudeul_sec.adventure ol li .ing, .beat_sec.adventure ol li .ing{right:0;left:0 !important;margin:0 auto}/* 191011 추가 *//* 191024 추가 */
}
@media ( max-width : 700px) {
	.beat_sec.certify .swiper-slide,.dudeul_sec.certify .swiper-slide{width: 100%}
}
/* 191011 게임방법 추가 : s */
@media ( max-width : 640px) {
	.dudeul_sec.rules .rules_list li, .beat_sec.rules .rules_list li{float:none;width:100%}
	.dudeul_sec.rules .rules_list li img, .beat_sec.rules .rules_list li img{width:100%}
	.dudeul_sec.rules .rules_list li .txt_area, .beat_sec.rules .rules_list li .txt_area{min-height:auto !important;padding-bottom:40px}
}
/* 191011 게임방법 추가 : e */
@media ( max-width : 600px) {
	.beatgo_wrap .beat_dwld_box,.dudeulgo_wrap .dudeul_dwld_box{padding: 30px 0 100px}
	.beat_sec.adventure ol li:before,.dudeul_sec.adventure ol li:before{-webkit-background-size: 250px 250px; background-size: 250px 250px}
	.dudeul_sec.adventure ol li .ing, .beat_sec.adventure ol li .ing{top:25px;width:250px;height:250px;line-height:250px}/* 191011 추가 *//* 191024 추가 */
	.dudeul_sec.adventure ol li:nth-child(2) .ing{top:35px}/* 191011 추가 */
}
@media ( max-width : 550px) {
	.beat_sec.feature ul li,.dudeul_sec.feature ul li{padding: 210px 30px 30px 30px;-webkit-background-size: 150px 150px; background-size: 150px 150px}
	.beat_sec.adventure .intro .hello, .beat_sec.adventure .intro .go,
	.dudeul_sec.adventure .intro .hello, .dudeul_sec.adventure .intro .go{font-size: 20px}
	.beat_sec.adventure .intro .go strong,.dudeul_sec.adventure .intro .go strong{font-size: 40px}
	.beat_sec.adventure .intro .go a,	.dudeul_sec.adventure .intro .go a{top:-5px}
}
@media ( max-width : 450px) {
	.beatgo_wrap .beat_dwld_box,.dudeulgo_wrap .dudeul_dwld_box{padding: 30px 0 100px}
	.beatgo_wrap .beat_dwld_box .beat_dwld,.dudeulgo_wrap .dudeul_dwld_box .dudeul_dwld{margin-right: 0}
	.beatgo_wrap .beat_dwld_box span,.dudeulgo_wrap .dudeul_dwld_box span{display: block; padding: 10px 0; text-align: center}
	.beat_sec.adventure .intro .hello, .beat_sec.adventure .intro .go,.dudeul_sec.adventure .intro .hello, .dudeul_sec.adventure .intro .go{font-size: 18px}
	.beat_sec.adventure .intro .go strong,.dudeul_sec.adventure .intro .go strong{font-size: 30px}
	.beat_sec.adventure .intro .go a,	.dudeul_sec.adventure .intro .go a{display: block; width: 40%; margin: 0 auto; top:10px}
	.beat_sec.adventure ol,.dudeul_sec.adventure ol{padding: 0 20px}
	.beat_sec.adventure ol li dl,.dudeul_sec.adventure ol li dl{padding: 20px}
	.beat_sec.adventure ol li dl:after,.dudeul_sec.adventure ol li dl:after{padding-top: 10px}
	.beat_sec.adventure ol li:nth-child(1) dl:after,.dudeul_sec.adventure ol li:nth-child(1) dl:after{position: relative; bottom:0}
	.beat_sec.adventure ol li:nth-child(2) dl:after,.dudeul_sec.adventure ol li:nth-child(2) dl:after{position: relative; bottom:0}
	.beat_sec.adventure ol li:nth-child(3) dl:after,.dudeul_sec.adventure ol li:nth-child(3) dl:after{position: relative; bottom:0}
	.beat_sec.join_co .tailword,.dudeul_sec.join_co .tailword{font-size:14px}
}
@media ( max-width : 414px) {
	.beat_sec.feature h3,.dudeul_sec.feature h3,.dudeul_sec.rules h3,.beat_sec.rules h3{font-size:22px}/* 191011 게임방법 수정 *//* 191023 게임방법 수정 */
	.beatgo_wrap .beat_dwld_box .beat_dwld,.dudeulgo_wrap .dudeul_dwld_box .dudeul_dwld{font-size:16px}
	.beat_sec.adventure .intro,.dudeul_sec.adventure .intro{padding-bottom: 40px}
	.beat_sec.adventure .intro:before,
	.dudeul_sec.adventure .intro:before{width: 200px; height: 170px; -webkit-background-size: cover;background-size: cover}
	.beat_sec.adventure ol li:before{height: 230px; -webkit-background-size: 200px 200px; background-size: 200px 200px;}
	.beat_sec.adventure ol li:before{height: 230px; -webkit-background-size: 200px 200px; background-size: 200px 200px;}
	.beat_sec.adventure ol li dl:after,.dudeul_sec.adventure ol li dl:after{font-size: 20px}
	.beat_sec.adventure ol li dt,.dudeul_sec.adventure ol li dt{font-size:22px}
	.beat_sec.adventure ol li dd p,.dudeul_sec.adventure ol li dd p{font-size:15px}
	.beat_sec.join_co li,.dudeul_sec.join_co li{width:calc(50% - 5px);margin-right:10px}
	.beat_sec.join_co li:nth-child(2n),	.beat_sec.join_co li:nth-child(4),.dudeul_sec.join_co li:nth-child(2n),.dudeul_sec.join_co li:nth-child(4){margin-right:0}
	.beat_sec.join_co li:nth-child(3),.dudeul_sec.join_co li:nth-child(3){margin-right:10px}
	.beat_sec.adventure ol li .ing{top:15px;width:200px;height:200px;line-height:200px}/* 191024 추가 */
}
@media ( max-width : 375px) {
	.beat_sec.feature h3, .dudeul_sec.feature h3{width:70%}
	.beat_sec.beatgo,.dudeul_sec.beatgo{margin-bottom:100px}
	.beat_sec.adventure .intro .hello, .beat_sec.adventure .intro .go,
	.dudeul_sec.adventure .intro .hello, .dudeul_sec.adventure .intro .go{font-size:16px}
	.beat_sec.adventure ol li dl,.dudeul_sec.adventure ol li dl{padding: 20px 0}
	.beat_sec.certify .swiper-slide .img_box img,.dudeul_sec.certify .swiper-slide .img_box img{width: 75%}
	.beat_sec.adventure, .beat_sec.join_co,.dudeul_sec.adventure, .dudeul_sec.join_co{padding: 80px 0 60px}
}
@media ( max-width : 320px) {
	.beatgo_wrap .beat_dwld_box,.dudeulgo_wrap .dudeul_dwld_box{padding:30px 0 80px}
}
/*191004 비트GO! 두들리GO! : e*/

/* 191021 마이페이지 러닝맵, 코딩프로젝트 추가 : s */
@media (max-width:1300px){
	.lbl_list > li:hover .group{height:auto}
	.cdprj_wrap.slider_wrap{margin-bottom:60px}
	.cdprj_wrap.slider_wrap:last-child{margin-bottom:0}
	.cdprj_wrap.slider_wrap .new_project{width:100%;margin-left:0}
	.cdprj_wrap.slider_wrap .lbl_list > li{margin-bottom:0}
	.cdprj_wrap.slider_wrap .slider_area{float:none;width:100%;margin-left:0}
	.cdprj_wrap.slider_wrap .slider_area .lbl_list{margin:0}
}
@media (max-width:1286px){
	.learning_box .lecture_content{width:604px}
	/* .learning_box .lecture_content:after{content:'';position:absolute;right:8px;bottom:93px;left:0;height:1px;background-color:#e8e8e8} */
	.learning_box .lecture_list li:nth-child(n+7){margin-top:90px}
}
@media (max-width:995px){
	.playground_panel .lbl_list.total > li{width:47.4%;margin:0 0 2.5% 2.6%}
	.playground_panel .lbl_list.total > li.sentence{width:calc(100% - 52.6%)}
}
@media (max-width:702px){
	.learning_box .lecture_content{width:334px}
	/* .learning_box .lecture_content:before{top:86px}
	.learning_box .lecture_content:after{bottom:86px}
	.learning_box .lecture_list:before{content:'';position:absolute;top:288px;right:8px;left:0;height:1px;background-color:#e8e8e8} */
	.learning_box .lecture_list li{width:73px;padding:34px 0}
	.learning_box .lecture_list li.lbl_start + li:before{left:-8px}
	.learning_box .lecture_list li:nth-child(n+5){margin-top:90px}
	.learning_box .lecture_list li.lbl{width:98px;height:98px}
	.learning_box .lecture_list li.lbl_start{margin-right:8px}
	.learning_box .lecture_list li.lbl_end{width:114px;height:114px;margin-left:0}
	.learning_box .lecture_list li.lbl_end:before{left:0;width:8px}
	.learning_box .lecture_list li.lbl_end.finish:before{display:none}
	.learning_box .lecture_list li.lbl_end:not(.finish):after{width:98px;height:98px}
}
@media (max-width:568px){
	.playground_panel .lbl_list.total > li.new_project.start,
	.playground_panel .lbl_list.total > li.sentence{width:100%;margin-left:1.3%}
	.playground_panel .lbl_list.total > li.sentence{height:auto;padding:30px 0}
	.playground_panel .lbl_list.total > li.sentence > p{font-size:15px}
}
@media (max-width:500px){
	.playground_panel .coding_project_box li .total_see+p{font-size:15px}
	.playground_panel .lbl_list.total{margin:0 0 0 0}
	.playground_panel .lbl_list.total > li{width:100%;margin:0 0 4.5% 0}
}
@media (max-width:413px){
	.learning_box .lecture_content{width:240px}
	.learning_box .lbl strong{font-size:20px}
	.learning_box .lecture_list:before{height:207px;background:url(../../../../../images/egovframework/com/ebs/mypage/bg_line.png) repeat-x 0 0;background-size:5px}
	.learning_box .lecture_list li{width:72px;padding:25px 0}
	.learning_box .lecture_list li.lbl_start + li:before{left:-4px}
	.learning_box .lecture_list li .lect_tit{top:78px;bottom:auto}
	.learning_box .lecture_list li:nth-child(4){margin-top:90px;clear:both}
	.learning_box .lecture_list li:nth-child(3n-1) .lect_tit{top:auto;bottom:78px}
	.learning_box .lecture_list li.lbl{width:88px;height:88px;font-size:12px}
	.learning_box .lecture_list li.lbl_start{margin-right:4px}
	.learning_box .lecture_list li.lbl_end{width:96px;height:96px}
	.learning_box .lecture_list li.lbl_end:not(.finish){padding:4px}
	.learning_box .lecture_list li.lbl_end:not(.finish):after{width:88px;height:88px}
}
@media (max-width:400px){
	.playground_panel .lbl_list{margin-left:0}
	.playground_panel .lbl_list > li{width:100%;margin-left:0}
}
/* 191021 마이페이지 러닝맵, 코딩프로젝트 추가 : e */

/* 191029 교사용 수업방(중학교, 고등학교) : s */
@media (max-width:1240px){
	#profsrLrnSelectViewDiv .myclass_list.like .list > li .info{height:auto}
}
@media (max-width:640px){
	#profsrLrnSelectViewDiv .myclass_list.like .list > li .info{width:100%;margin-top:15px;padding-left:0}
	#profsrLrnSelectViewDiv .myclass_list .list.al>li .class_btn{padding-left:0;text-align:right}
}
@media (max-width:600px){
	#profsrLrnSelectViewDiv .myclass_list .list.al>li .class_btn{text-align:center}
}
/* 191029 교사용 수업방(중학교, 고등학교) : e */

/* 191106 마이페이지 교육뉴스/칼럼 수정 : s */
@media (max-width:995px){
	.sweduList .table td.theme{display:none}
	.sweduList .bg_mypage .table td.tit strong.theme{display:inline-block}
}
/* 191106 마이페이지 교육뉴스/칼럼 수정 : e */

/* 191111 코딩학습 올림픽 이벤트 : s */
@media (max-width:960px){
	.event_codingolympic .tit_area .event_tit{width:85%;margin:0 auto}
	.event_codingolympic .intro_area .event_summary > li{float:none;width:100%;margin-right:0}
	.event_codingolympic .intro_area .event_summary > li:first-child{margin-bottom:40px}
}
@media (max-width:900px){
	.event_codingolympic .tit_area .info li{display:block}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li{padding:15px 10px}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li > .lst > li{padding:5px 8px}
}
@media (max-width:768px){
	.event_codingolympic .intro_area .event_summary{margin: 60px 5.5% 50px}
	.event_codingolympic .event_list .event01 .sec_event{padding:80px 11.7%}
	.event_codingolympic .bonus_event{padding:80px 5.5% 60px}
	.event_codingolympic .sec_event > dt,
	.event_codingolympic .intro_area .event_summary > li dt,
	.event_codingolympic .bonus_event dt{font-size:16px}
	.event_codingolympic .intro_area .sec_event > dd li .sub_lbl{width:80%;height:28px;line-height:28px;font-size:14px}
	.event_codingolympic .intro_area .sec_event > dd li .tit,
	.event_codingolympic .bonus_event dd .sub_tit{font-size:14px}
	.event_codingolympic .event_list .event02 .sec_event .myrank{margin:40px auto;padding:15px 5%}
	.event_codingolympic .event_list .event02 .sec_event .myrank > span{font-size:16px}
	.event_codingolympic .bonus_event dd .sub_tit:after{height:220px}
}
@media (max-width:750px){
	.event_codingolympic .intro_area .txt{height:auto;padding:3% 0 0;border:none}/* 191126 코딩올림픽 수정 */
	/* 191126 코딩올림픽 수정 : s */
	.event_codingolympic .intro_area .txt:before,
	.event_codingolympic .intro_area .txt:after{display:none}
	/* 191126 코딩올림픽 수정 : e */
}
@media (max-width:700px){
	.event_codingolympic .bonus_event dd .giftcard > .pc{display:none}
	.event_codingolympic .bonus_event dd .giftcard > .mobile{display:block;margin: 0 auto}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li{float:none;width:100%;margin-right:0;margin-bottom:20px;background-color:#fff;background-image:none;border:2px solid #564080}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li:last-child{margin-bottom:0}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li > .lst > li{float:left;width:50%}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li > .lst > li:nth-child(9){border-bottom:0}

}
@media (max-width:600px){
	.event_codingolympic .tit_area .event_sub_tit{padding:10px 0;line-height:1 !important;font-size:13px}
	.event_codingolympic .tit_area .event_sub_tit:after,.event_codingolympic .tit_area .event_sub_tit:before{border-width:17px}
	.event_codingolympic .tit_area .info li{font-size:14px}
	.event_codingolympic .intro_area .txt,
	.event_codingolympic .intro_area .event_summary > li dd > div{padding:0 20px}
	.event_codingolympic .event_list .event02 .sec_event .myrank{margin:20px auto;padding:10px 5.5%}
}
@media (max-width:500px){
	.event_codingolympic .tit_area .event_sub_tit:before{left: -1px}
	.event_codingolympic .tit_area .event_sub_tit:after{right: -1px}
	.event_codingolympic .intro_area .sec_event > dd li{float:none;width:70%;margin:0 auto 50px}
	.event_codingolympic .intro_area .sec_event > dd li:nth-child(3),
	.event_codingolympic .intro_area .sec_event > dd li:nth-child(4), .event_codingolympic .intro_area .sec_event > dd li:nth-child(5){margin:0 auto 50px}
	.event_codingolympic .intro_area .sec_event > dd li:nth-child(-n+3) .tit{padding-bottom:0}
	.event_codingolympic .event_list .event01 .sec_event{padding:50px 11.7%}
	.event_codingolympic .event_list .event01 .sec_event > dd .medal_area li{float:none;width:100%;margin:0 auto 20px}
	.event_codingolympic .event_list .event01 .sec_event > dd .medal_area li > .img{width:65%;margin:0 auto}
	.event_codingolympic .event_list .event01 .sec_event > dd .medal_area li dt{font-size:14px;line-height:30px}
	.event_codingolympic .event_list .event01 .sec_event > dd .medal_area li dd{font-size:14px}
	.event_codingolympic .intro_area .txt, .event_codingolympic .intro_area .event_summary > li dd > div{width:65%}
	.event_codingolympic .intro_area .txt > .pc{display:none}
	.event_codingolympic .intro_area .txt > .mobile{display:block;margin:0 auto}
	.event_codingolympic .bonus_event dd .sub_tit:after{height:150px}
	.event_codingolympic .bonus_event dd .share{min-width:auto;padding:6px 20px}
	.event_codingolympic .bonus_event dd .giftcard{width:80%;margin:0 auto}
	.event_codingolympic .bonus_event dd .tag_lst > li, .event_codingolympic .bonus_event dd .event_copy{font-size:12px}
	.event_codingolympic .bonus_event dd .event_copy > a{padding:4px 6px;margin-left:7px}
	.event_codingolympic .outttro_area .sub_tit{font-size:15px}
	.event_codingolympic .event_list .event02 .sec_event .bull_notice > li, .event_codingolympic .outttro_area li{padding-left:14px;font-size:12px;text-indent:-14px}
}
@media (max-width:450px){
	.event_codingolympic .tit_area .event_sub_tit{width:90%}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li > .lst > li{float:none;width:80%;margin:0 auto;padding:5px 20px}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li > .lst > li .user_rank{width:85px}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li.top > .lst > li:nth-child(9){border-bottom:1px solid #ccc527}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li.mid > .lst > li:nth-child(9),
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li.btm > .lst > li:nth-child(9){border-bottom:1px solid #d9d9d9}
	.event_codingolympic .bonus_event dd .sub_tit:after{height:100px}
	.event_codingolympic .intro_area .txt{width:75%}
	.event_codingolympic .intro_area .event_summary > li:nth-child(1) dd{width:90%;margin:0 auto}
	.event_codingolympic .event_list .event02 .sec_event .myrank > span{font-size:14px}
	.event_codingolympic .bonus_event dd .share{font-size:12px}
	.event_codingolympic .event_list .event02 .sec_event{padding:55px 5.5% 40px}
	.event_codingolympic .bonus_event{padding:40px 5.5% 30px}
	.event_codingolympic .outttro_area{padding:30px 5%}
}
@media (max-width:414px){
	.event_codingolympic .tit_area .event_sub_tit,
	.event_codingolympic .tit_area .info li{font-size:12px}
	.event_codingolympic .tit_area .event_sub_tit{padding:7px 0}
	.event_codingolympic .tit_area .event_sub_tit:after, .event_codingolympic .tit_area .event_sub_tit:before{border-width:13.5px}
	.event_codingolympic .intro_area .event_summary > li dd{height:145px;padding-top:0}/* 191126 코딩올림픽 수정 */
	.event_codingolympic .bonus_event dd .sub_tit:after{height:auto;margin:15px auto;background-image:none}
	.event_codingolympic .bonus_event dd .share, .event_codingolympic .bonus_event dd .tag_lst{margin:15px auto}
	.event_codingolympic .intro_area .event_summary > li:first-child dt,
	.event_codingolympic .intro_area .event_summary > li:last-child dt,	.event_codingolympic .bonus_event dt{background-size:contain}
	.event_codingolympic .sec_event > dt{top:-20px;width:80%;height:35px;font-size:14px;font-weight:500;line-height:32px}
	.event_codingolympic .intro_area .event_summary > li dt{width:80%;top:-14px;height:30px;margin-left:-40%;font-size:14px;font-weight:500;line-height:28px}
	.event_codingolympic .event_list .event01 .sec_event > dt{width:100%}
	.event_codingolympic .event_list .event01 .sec_event > dd .sub_tit{font-size:14px}
	.event_codingolympic .event_list .event02 .sec_event .myrank > span{font-size:13px;font-weight:500}
	.event_codingolympic .event_list .event02 .sec_event .myrank > span:first-child{margin-right:10px}
	.event_codingolympic .bonus_event dt{top:-16px;width:80%;height:35px;margin-left:-40%;font-size:14px;font-weight:500;line-height:32px}
	.event_codingolympic .sec_event > dt:before, .event_codingolympic .sec_event > dt:after{top:-2px;border-width:9px}
	.event_codingolympic .sec_event > dt:after{right:-19px}
	.event_codingolympic .sec_event > dt:before{left:-19px}
	.event_codingolympic .intro_area .event_summary{margin:40px 5.5%}
}
@media (max-width:388px){
	.event_codingolympic .bonus_event dd .event_copy > a{margin-top:5px}
	.event_codingolympic .event_list .event02 .sec_event .rankchk_area > li > .lst > li .user_rank{display:block;padding:5px 0}
	.event_codingolympic .bonus_event dd .tag_lst > li, .event_codingolympic .bonus_event dd .event_copy{font-size:11px}
}
@media (max-width:360px){
	.event_codingolympic .tit_area .event_sub_tit{width:100%}
	.event_codingolympic .intro_area .txt{width:85%}
}
/* 191111 코딩학습 올림픽 이벤트 : e */

/* 191121 크리에이터 공모전 이벤트 : s */
@media (max-width:980px){
	.event_creator > .tit_area{padding-bottom:380px;background-size:100%}
	.event_creator > .tit_area .sub_tit{font-size:20px}
	.event_creator > .tit_area .event_tit{width:55%;margin:0 0 0 45%}
	.event_creator > .tit_area .info{width:auto;min-width:auto;font-size:18px}
	.event_creator > .tit_area .info .tit{padding:4px 12px;}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{font-size:31px}
	.event_creator > .intro_area > .intro > p{font-size:16px}
	.event_creator .step_list .step_area > ol li dd{font-size:17px}
	.event_creator .select_area dd{font-size:17px}
	.event_creator .select_area .btn_submit{font-size:20px}
	.event_creator .select_area > .sub_tit{background-size:100%}
	.event_creator .select_area:after{background-size:100%}
}
@media (max-width:870px){
	.event_creator .select_area > .sub_tit{padding-top:450px}
}
@media (max-width:800px){
	.event_creator > .tit_area{padding-bottom:300px}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{font-size:27px}
	.event_creator .select_area > .sub_tit{padding-top:400px}
	.event_creator > .intro_area .join_list > li{width:calc(50% - 4.7%);margin-bottom:40px}
	.event_creator > .intro_area .join_list > .lst02{margin-right:0}
	.event_creator > .intro_area .join_list > .lst03{margin-right:9.4%}
	.event_creator > .intro_area .join_list > .lst04{margin-top:0;margin-left:0;margin-right:0}
	.event_creator > .intro_area .join_list > .lst05{margin-top:0;margin-right:0;margin-bottom:0}
}
@media (max-width:768px){
	.event_creator > .tit_area{padding-bottom:270px}
	.event_creator > .tit_area .event_tit{width:300px;margin-left:calc(100% - 300px)}
	.event_creator > .tit_area .info .tit{padding:2px 12px;font-size:14px}
	.event_creator > .tit_area .info li:first-child{margin-bottom:8px}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{min-width:470px;font-size: 24px}
	.event_creator .sec_event{margin-top:100px;background-size:85px !important}
	.event_creator > .intro_area .join_list > li .sub_lbl{top:-22.5px;width:45px;height:45px;margin-left:-22.5px}
	.event_creator .step_list{background-size:90px}
	.event_creator .step_list .sec_event{margin-top:-100px}
	.event_creator .step_list .step_area > ol li .btn_dwld{padding:4px 9px}
	.event_creator .sec_event > dt > .img{top:-24px;width:140px;margin-left:-70px}
	.event_creator .sec_event > dt > .img > img{width:100%}
	.event_creator .select_area > .sub_tit{margin-top:70px;padding-top:370px;padding-bottom:105px}
	.event_creator > .tit_area .info, .event_creator .step_list .step_area > ol li dd, .event_creator .select_area dd{font-size:16px}
	.event_creator .select_area .btn_submit{padding:14px 35px;font-size:18px}
	.event_creator .step_list .step_area > ul li{font-size:14px}
}
@media (max-width:660px){
	.event_creator > .tit_area{padding-bottom:230px;background:url(../../../../../images/egovframework/com/ebs/event/creator/bg_main_m01.png) no-repeat 0 0;background-size:100%}
	.event_creator > .tit_area .sub_tit{font-size:18px}
	.event_creator > .intro_area > .intro > p{width:85%;margin:0 auto}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{min-width:420px;font-size:22px}
	.event_creator .sec_event > dt > .img{top:-20.5px;width:120px;margin-left:-60px}
	.event_creator .step_list .step_area > ol li{padding-top:0;padding-left:110px}
	.event_creator .step_list .step_area > ol li dt{top:-15px;width:77px;height:30px;background-size:45px}
	.event_creator .step_list .step_area > ol li dd{height:125px}
	.event_creator .step_list .step_area > ol li dd:before{width:110px;height:87px}
	.event_creator .select_area > .sub_tit{padding-top:330px;padding-bottom:80px}
	.event_creator > .tit_area .info, .event_creator .step_list .step_area > ol li dd, .event_creator .select_area dd{font-size:15px}
	.event_creator .select_area .btn_submit{padding:13px 28px;font-size:16px}
}
@media (max-width:560px){
	.event_creator > .tit_area{padding-bottom:200px;background:url(../../../../../images/egovframework/com/ebs/event/creator/bg_main_m02.png) no-repeat 0 0;background-size:100%}
	.event_creator .sec_event{margin-top:70px}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{min-width:360px;font-size:20px}
	.event_creator > .intro_area .join_list{padding:50px 5.5% 40px}
	.event_creator > .intro_area .join_list > li{width:100%;margin-right:0}
	.event_creator > .intro_area .join_list > .lst02{margin-right:0}
	.event_creator > .intro_area .join_list > .lst03{margin-right:0}
	.event_creator > .intro_area .join_list > li .tit{width:100%;margin-left:0}
	.event_creator .step_list .step_area > ol li dd{font-size:14px}
	.event_creator .step_list .step_area > ol li .btn_dwld{padding:2px 6px}
	.event_creator .step_list .step_area > ul li{font-size:13px}
	.event_creator .select_area .select02{margin-bottom:40px}
	.event_creator .select_area > .sub_tit{margin-top:40px;padding-top:280px;padding-bottom:60px}
}
@media (max-width:480px){
	.event_creator > .tit_area{padding-top:60px}
	.event_creator > .tit_area .event_tit{width: 250px;margin-left: calc(100% - 250px)}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{min-width:305px;font-size:17px}
	.event_creator > .intro_area > .intro > p{font-size:14px}
	.event_creator .step_list .step_area > ol li{height:170px;margin-bottom:35px}
	.event_creator .step_list .step_area > ol li dd{height:170px}
	.event_creator .step_list .step_area > ol li dd:before{height:132px}
	.event_creator .select_area > .sub_tit{padding-top:240px;background:url(../../../../../images/egovframework/com/ebs/event/creator/bg_select_m.png) no-repeat 0 0;background-size:100%}
	.event_creator .select_area .select02{margin-bottom:30px}
	.event_creator .select_area dd{padding:40px 5.5%}
}
@media (max-width:414px){
	.event_creator > .tit_area .sub_tit{font-size:16px}
	.event_creator > .tit_area .sub_tit > img{top:-1px;width:30px;margin-right:3px}
	.event_creator > .tit_area .event_tit{width:200px;margin-left:calc(100% - 200px);padding:15px 0 25px}
	.event_creator > .tit_area .info{font-size:14px}
	.event_creator > .tit_area .info .tit{margin-right:5px;font-size:13px}
	.event_creator .sec_event{margin-top:60px;background-size: 60px !important}
	.event_creator .sec_event > dt > .img{top:-16px;width:95px;margin-left:-47.5px}
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{min-width:auto}
	.event_creator .select_area > .sub_tit{padding-top: 210px;padding-right:3%;padding-left:3%}
	.event_creator > .intro_area .join_list > li .sub_lbl{top:-17.5px;width:35px;height:35px;margin-left:-17.5px}
	.event_creator > .intro_area .join_list > li > img{width:130px}
	.event_creator > .intro_area .join_list > li .tit{background-size: auto 18px !important}
	.event_creator .step_list{background-size:55px}
	.event_creator .step_list .step_area > ol li{height:180px;padding-left:95px}
	.event_creator .step_list .step_area > ol li dd{height:180px}
	.event_creator .step_list .step_area > ol li dd:before{width:95px;height:142px}
	.event_creator .select_area{padding-bottom:40px}
	.event_creator .select_area:after{bottom:90px}
	.event_creator .select_area dd{padding:30px 5.5%;font-size:14px}
	.event_creator .select_area .btn_submit{padding:6px 24px;font-size:15px;border-width:2px}
}
@media (max-width:375px){
	.event_creator > .intro_area > .intro > .sub_tit, .event_creator .select_area > .sub_tit{font-size:16px}
	.event_creator > .tit_area {padding-top:50px}
	.event_creator .select_area > .sub_tit{padding-top:180px}
	.event_creator .step_list .step_area > ol li{height:auto;padding-left:6.9%;padding-bottom:19px}
	.event_creator .step_list .step_area > ol li dl{display:block}
	.event_creator .step_list .step_area > ol li dd{display: block;width:100%;height:auto;padding-top:86px;text-align:center;}
	.event_creator .step_list .step_area > ol li dd:before{top:25px;width:100%;height:51px;background-position-x:50%;}
}
@media (max-width:360px){
	.event_creator > .tit_area .event_tit{width:180px;margin-left:calc(100% - 180px);padding:10px 0 20px}
	.event_creator > .tit_area .info .tit{padding:2px 6px;font-size:12px}
	.event_creator > .intro_area > .intro > .sub_tit{width:90%}
}
/* 191121 크리에이터 공모전 이벤트 : e */

/* 191122 배움터 > 일반강의 : s */
@media (max-width:1024px){
	.learning_menu .left{margin-top:19px}
}
@media (max-width:680px){
	.learning_menu.w680hide{display:none}
}
@media (max-width:870px){
	.srch_table td .lang{display:inline}
}
@media (max-width:355px){
	.srch_table tbody th,.srch_table td .btn{font-size:12px}
}
/* 191122 배움터 > 일반강의 : e */

/* 191122 배움터 메인 : s */
@media (max-width:1225px){
	.lrnngmap_submenu li > a{height:64px}
}
@media (max-width:1080px){
	.lrnngmap_submenu li span em{display:inline}
}
@media (max-width:1024px){
	.lrnngmap_menu > li{width:calc(33.33% - 13.33px);margin-right:20px}
	.sec_type01 .vogue_slide{margin:0}
	.sec_type01 .vogue_slide .item{width:calc(33.33% - 13.33px);margin-bottom:0;padding:0}
	.sec_type01 .vogue_slide .item.big{width:calc(33.33% - 13.33px)}
	.sec_type01 .vogue_slide .item>a:hover .group {top:0;height:auto;padding:0 20px !important}
	.sec_type01 .vogue_slide .item .group {background:#fff}
	.sec_type01 .vogue_slide .item.big .group{height:auto}
	.sec_type01 .vogue_slide .item.big .group .group_top{margin-bottom:6px;padding-top:25px}
	.sec_type01 .vogue_slide .item.big .group .group_top .class_tit{margin-bottom:5px;font-size:16px}
	.sec_type01 .cont_area .swiper-pagination{display:block}

	/*2021-08-05 수정*/
	/*.sec_type01 .lrnngmap_swiper .item{width:calc(33.33% - 13.33px)}*/
	.sec_type01 .lrnngmap_swiper .item {width: calc(50% - 15px); margin-bottom:20px}
	.sec_type01 .lrnngmap_swiper .item:nth-child(2n) {margin-right:0}

	.sec_type01 .learning_slide .item, .sec_type01 .learning_slide .item .group{height:auto}
	.sec_type01 .learning_slide .item :hover .group{top:0}
}
@media (max-width:995px){
	.lrnngmap_submenu li{padding:25px 20px}
	.lrnngmap_submenu li > a{padding-right:50px}
	.lrnngmap_submenu li .txt_go{right:20px}
	.lrnngmap_menu > li .my_lrn_summary{font-size:16px}
}
@media (max-width:798px){
	.lrnngmap_submenu li > a{height:85px}
	.lrnngmap_menu > li .my_lrn_summary p{display:block}
	.lrnngmap_menu > li .my_lrn_summary p.per{width:100%}
}
@media (max-width:768px){
	.lrnngmap_submenu li{width:100%}
	.lrnngmap_submenu li > a{height:50px;padding-right:60px}
	.lrnngmap_submenu li:nth-child(even){margin-left:0}
	.lrnngmap_submenu li:nth-child(2){margin-top:16px}
	.lrnngmap_menu > li .my_lrn_summary{font-size:16px}
}
@media (max-width:680px){
	.lrnningmap_main .srch_form .srch_detail{display:none !important}
	.lrnningmap_main .srch_form .srch_area .btn_srch{right:7px}
	.lrnningmap_main .srch_form .srch_area .btn_srch_detail, .sec_type01 .tit_area .sort > ul{display:none}
	.lrnngmap_menu > li{width:calc(50% - 10px)}
	.sec_type01 .tit_area, .sec_type02 .tit_area{text-align:left}
	.sec_type01 .tit_area .sub_txt{width:100%;margin:5px 0 0}
	.sec_type01 .tit_area .sort .sort_list{display:block}

	/*2021-08-05 수정*/
	/*.sec_type01 .vogue_slide .item, .sec_type01 .vogue_slide .item.big, .sec_type01 .lrnngmap_swiper .item{width:calc(50% - 10px)}*/
	.sec_type01 .vogue_slide .item, .sec_type01 .vogue_slide .item.big, .sec_type01 .lrnngmap_swiper .item{width:100%; margin-bottom:20px}
}
@media (max-width:480px){
	.sec_type01 .vogue_slide .item, .sec_type01 .vogue_slide .item.big, .sec_type01 .lrnngmap_swiper .item,.lrnngmap_menu > li{width:100%}
	.lrnngmap_submenu li{padding-top:15px;padding-bottom:15px}
	.lrnngmap_submenu li span{padding-left:0;background:none !important}
	.lrnngmap_menu > li .my_lrn_summary{font-size:20px}
}
/* 191122 배움터 메인 : e */

/* 191122 footer 수정 : s */
@media (max-width:995px){
	#footer.newtype{padding-right:0;padding-left:0}
	#footer .foot_tnb ul{padding:10px 15px}
	#footer.newtype .foot_tnb + .container{padding:0 15px}
}
@media (max-width:640px){
	#footer.newtype{padding-bottom:30px}
	#footer.newtype .foot_tnb ul li .logo_ebs img{height:29px}
	#footer.newtype .foot_tnb ul li .logo_msit img{height:29px;margin-top:5.5px}
	#footer.newtype .foot_tnb ul li .logo_mi img{height: 29px;margin-top:5.5px}
}
@media (max-width:414px){
	#footer.newtype .foot_tnb ul li{margin-right:15px}
	#footer.newtype .foot_tnb ul li a{height:30px}
	#footer.newtype .foot_tnb ul li .logo_ebs img{height:24px;margin-top:5px}
	#footer.newtype .foot_tnb ul li .logo_msit img{height:24px;margin-top:5px}
	#footer.newtype .foot_tnb ul li .logo_mi img{height: 24px;margin-top:5px}
	#footer.newtype .foot_lnb > li > a{font-size:14px}
}
@media ( max-width : 360px){
	#footer.newtype .foot_tnb ul li .logo_ebs img{height:20px;margin-top:7px}
	#footer.newtype .foot_tnb ul li .logo_msit img{height:20px;margin-top:7px}
	#footer.newtype .foot_tnb ul li .logo_mi img{height: 20px;margin-top:7px}
	#footer.newtype .foot_lnb>li {margin-right: 12px}
	#footer.newtype .foot_lnb > li:after{height:10px;left:7px}
	#footer.newtype .foot_lnb>li>a, #footer.newtype .foot_copy_wrap .copyright{font-size:12px}
}
/* 191122 footer 수정 : e */

/* 191122 메인 수정 : s */
@media ( max-width :1279px) {
	.sec_type_tab .tab_cont .cont:before{content:'';position:absolute;top:12px;right:0;bottom:0;width:1px;background-color:#e4dfeb;z-index:10}
}
@media ( max-width :1024px) {
	.sec_type01{padding:50px 0} /* 200120 추가 */
	.sec_type01 .main_swiper .lecture_all .item,
	.sec_type01.work_list .main_swiper .lecture_all .item{width:calc(33.33% - 13.33px)}
	.section_f{height:360px} /* 200120 추가 */
	.section_f .newmain_slide .swiper_txt{width:60%}
	.section_f .newmain_slide .swiper_img{min-width:auto;height:335px;padding-right:0;background-size:100% !important}
	.section_f .newmain_slide .swiper_img.obj06{min-width:auto} /* 200615 추가 */
	.section_f .newmain_slide .swiper_img > .img02{right:13px}
	.section_f .newmain_slide .swiper_img > .img04{left:auto;right:80px}
	.section_f .newmain_slide .swiper_img > .img06{right:26px}
	.section_f .swiper-button-prev, .section_f .swiper-button-next{top:42%}
	.section_g{padding:7px 0 40px} /* 200120 추가 */
	.section_i{padding:50px 0} /* 200120 추가 */
	.section_i .swiper-slide{width:calc(33.33% - 40px)}
	.section_l .sw_ask .ask_list li{margin-right:100px}
}
@media ( max-width :995px) {
	.section_g .runmap_slide .swiper-wrapper{margin-left:-50px}
	.section_g .runmap_slide .swiper-slide{width:400px;margin:0 -30px;padding:196px 50px}
	.section_g .runmap_slide .swiper-slide-active{margin:0 20px;padding:0 50px}
	.section_g .runmap_slide .swiper-slide-active .area{width:400px;transform:translate(-50px, 0px)}
	.section_g .runmap_slide .swiper-slide-active .swiper_img{float:none;width:100%}
	.section_g .runmap_slide .swiper-slide-active .swiper_txt{float:none;width:100%}
	.section_f .swiper-button-prev, .section_f .swiper-button-next{top:37%}
	.section_l .sw_ask{text-align:center}
	.section_l .sw_ask dt{float:none;padding:0 0 20px}
	.section_l .sw_ask dt b{display:inline}
	.section_l .sw_ask dd{float:none}
}
@media (max-width:850px){
	.section_f .newmain_slide .swiper_txt .bnr_tit{font-size:32px}
	.section_f .newmain_slide .swiper_img > .img01{width:45px}
	.section_f .newmain_slide .swiper_img > .img02{width:48px}
	.section_f .newmain_slide .swiper_img > .img03{left:5px;width:50px}
	.section_f .newmain_slide .swiper_img > .img04{width:29px}
	.section_f .newmain_slide .swiper_img > .img05{left:19px;width:28px}
	.section_f .newmain_slide .swiper_img > .img06{width:28px}
}
@media ( max-width :784px) and (min-width:601px) {
	.section_f .newmain_slide .swiper_txt.txt05{padding-top:40px}
}
@media ( max-width :768px) {
	#mainContent{overflow-x:hidden}
	.sec_type01{padding:40px 0 20px} /* 200120 추가 */
	.sec_type01 .main_swiper .lecture_all .item,
	.sec_type01.work_list .main_swiper .lecture_all .item{width:calc(50% - 10px)}
	.section_f{height:330px} /* 200120 추가 */
	.section_f .newmain_slide .swiper_txt .bnr_desc > br{display:none}
	.section_f .newmain_slide .swiper_img{height:295px}
	.section_f .newmain_slide .swiper_img.obj06{height:295px} /* 200615 추가 */
	.section_g{padding:7px 0 20px} /* 200120 추가 */
	.section_i .swiper-slide{width:calc(50% - 30px)}
	.section_j .coding_project_box li{width:100%}
}
@media ( max-width :680px) {
	.sec_type01.work_list .main_swiper .lecture_all .item{margin-right:20px !important}
	.sec_type01 .tit_area .swiper-button-next + .sort{top:3px}
	.section_l .sw_ask .ask_list li{margin-right:60px}
}
@media (max-width:640px){
	.section_f{height:255px;margin-bottom:66px}
	.section_f .newmain_slide{height:255px}
	.section_f .newmain_slide .swiper_img{display:none !important;background-image:none !important}
	.section_f .newmain_slide .swiper_img > img{display:none !important}
	.section_f .newmain_slide .swiper_txt{padding-top:45px}
	.section_f .swiper-button-prev, .section_f .swiper-button-next{top:50%}
}
@media ( max-width :600px) {
	.section_f .newmain_slide .swiper_txt .bnr_tit{font-size:28px}
	.section_f .newmain_slide .swiper_txt .bnr_desc{font-size:15px}
	.section_g .tit_area{padding:0 0 50px}
	.section_g .tit_area .swiper-button-prev{top:auto;bottom:0;left:0 !important;margin-top:0}
	.section_g .tit_area .swiper-button-next{top:auto;right:0 !important;bottom:0;margin-top:0}
	.section_g .runmap_slide .swiper-wrapper{margin-left:0}
	.section_g .runmap_slide .swiper-slide{width:100%;margin:0;padding:0 10px}
	.section_g .runmap_slide .swiper_txt{padding:20px}
	.section_g .runmap_slide .swiper-slide-active .area{width:100%;margin:0;padding:0;transform:none}
	.section_l .sw_ask .ask_list{padding:0 20px}
	.section_l .sw_ask .ask_list li{width:100%;margin:25px 0 0}
	.section_l .sw_ask .ask_list li:first-child{margin-top:0}
	.section_l .sw_ask .ask_list li i{display:none}
}
@media (max-width:500px){
	.section_f .newmain_slide .swiper_txt{width:100%;height:230px;padding-right:35px;text-align:center}
	.section_f .newmain_slide .swiper_txt .bnr_tit{font-size:24px}
	.section_f .newmain_slide .swiper_txt .bnr_desc{font-size:14px}
	.section_f .newmain_slide .swiper_txt .bnr_desc > br{display:block}
}
@media ( max-width :480px) {
	.sec_type01 .main_swiper .lecture_all .item,
	.sec_type01.work_list .main_swiper .lecture_all .item{width:100%}
	.sec_type_tab .tab li a{font-size:14px;line-height:44px}
	.section_i .swiper-slide{width:100%}
}
@media (max-width:450px){
	.section_f .newmain_slide .swiper_txt .bnr_desc > br{display:none}
}
@media (max-width:400px){
	.section_f .newmain_slide .swiper_txt .bnr_tit{font-size:22px}
	.section_f .newmain_slide .swiper_txt .bnr_desc{font-size:13px}
}
/* 191122 메인 수정 : e */

/* 191126 메인 슬라이드 버튼 4개 : s */
@media (max-width:1080px){
	.section_a{height:540px}
	.identity_slide .btn4 .swiper-slide-txt .link{padding:10px 0 10px 15px;margin-top:20px}
	.identity_slide .btn4 .swiper-slide-txt .link:after{top:15px}
	.identity_slide .swiper-pagination-bullets{bottom:90px}
}
@media (max-width:995px){
	.section_a{height:auto}
	.identity_slide .swiper-slide-txt .s_txt{word-break:keep-all}
	.identity_slide .swiper-pagination-bullets{bottom:10px}
}
@media (max-width:768px){
	.identity_slide .btn4 .swiper-slide-txt .link{width:calc(50% - 7px);font-size:13px;}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(odd){margin-right:10px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(n+3){margin-top:10px}
	.identity_slide .btn4 .swiper-slide-txt .link:after{top:12px}
}
@media (max-width:600px){
	.identity_slide .btn4 .swiper-slide-txt .link{padding:7px 0 7px 15px}
	.identity_slide .btn4 .swiper-slide-txt .link{position:absolute;min-width:172px;margin-top:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(odd){margin-right:0;}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(n+3){margin-top:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(1){bottom:-30px;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(2){bottom:-30px;left:185px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(3){bottom:-75px;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(4){bottom:-75px;left:185px}
	.identity_slide .btn4 .swiper-slide-txt .link:after{top:10px;right:13px}
}
@media (max-width:480px){
	.identity_slide .btn4 .swiper-slide-txt .link{min-width: 150px;padding:2px 0 2px 10px;font-size:12px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(1){bottom:-7.5px;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(2){bottom:-7.5px;left:155px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(3){bottom:-37px;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(4){bottom:-37px;left:155px}
	.identity_slide .btn4 .swiper-slide-txt .link:after{top:4px;right:10px}
}
@media (max-width:420px){
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(1){bottom:67px;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(2){bottom:67px;left:155px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(3){bottom:38px;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(4){bottom:38px;left:155px}
}
@media (max-width:400px){
	.identity_slide .btn4 .swiper-slide-txt{width:100%}
	.identity_slide .btn4 .swiper-slide-txt .link{position:relative;min-width:auto;margin-top:10px;margin-left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(odd){margin-right:10px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(n+3){margin-top:10px}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(1){bottom:0;left:0;}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(2){bottom:0;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(3){bottom:0;left:0}
	.identity_slide .btn4 .swiper-slide-txt .link:nth-of-type(4){bottom:0;left:0}
}
@media (max-width:330px){
	.identity_slide .btn4 .swiper-slide-txt .link{font-size:11px}
	.identity_slide .btn4 .swiper-slide-txt .link:after{top:3px}
}
/* 191126 메인 슬라이드 버튼 4개 : e */

/* 191127 공모전이벤트 강좌기획안제출 게시판리스트 : s */
@media (max-width:995px){
	.work_list > .container > #qna_listL .table td.wdate{display:table-cell;float:none;border-right:1px solid #e5e5e5 !important;border-bottom:1px solid #e5e5e5 !important;border-left:1px solid #e5e5e5 !important}
}
@media (max-width:480px){
	.work_list > .container > .contents_top > .mg_t30.fr{float:none !important;margin-top:20px !important}
}
/* 191127 공모전이벤트 강좌기획안제출 게시판리스트 : e */

/* 모바일 상단 메뉴 고정 노출 : s 191202 */
@media (max-width :995px){
	.top_active .top_most{position:fixed;top:0;left:0;width:100%;z-index:90}
	#wrap.top_active{padding-top:83px}
	.top_active #header{top:27px;border-top:1px solid #e8e8e8}
}
@media (max-width :500px){
	#wrap.top_active{padding-top:78px}
	.top_active #header{top:22px}
}
@media (max-width :328px){
	#wrap.top_active{padding-top:92px}
	.top_active #header{top:36px}
}
/* 모바일 상단 메뉴 고정 노출 : e 191202 */

/* 모바일 상단 메뉴 고정 노출 : s 191205 */
@media (max-width :930px){
	.scscsc{padding:20px 30px 20px}
}
@media (max-width :480px){
	.scscsc{padding:20px}
}
/* 모바일 상단 메뉴 고정 노출 : e 191205 */

/* 모바일 상단 메뉴 고정 노출 : s 191206 */
@media (max-width :768px){
	.lecture_info.pd_t30 .form_size_md, .lecture_info.pd_t30 .form_size_sm{margin-bottom:3px}
	.apply_wrap.form .panel .wrt_lst .confirm,
	.apply_wrap.form .input_group.filebox .btn_question{display:inline-block}
	.apply_wrap.form .mg_b10 + .input_group.filebox .btn_question{display:inline}
	.apply_wrap.form .panel .wrt_lst .alert.font13.mg_b15{word-break:keep-all}
}
/* 모바일 상단 메뉴 고정 노출 : e 191206 */

/* 191210 놀이터 코드팜 : s */
@media (max-width:1230px) {
	.game_wrap .header, .game_sec.adventure, .game_sec.join_co, .game_sec.feature ul{width:100%;margin:0 auto}
}
@media (max-width:1200px) {
	.game_wrap .header{background-size:contain}
	.game_sec.feature ul{width:100%}
	.game_sec.adventure ol li dl{margin:0 30%}
	.game_sec.adventure ol li:nth-child(even) dl{margin:0 9%}
	.game_sec.certificate{padding:40px 20px}
}
@media (max-width:1052px) {
	.game_sec.rules h3{width:98%;margin-left:-49%}
	.game_sec.rules .rules_list{width:98%}
	.game_sec.rules .rules_list li{width:49%;padding:0}
	.game_sec.rules .rules_list li:nth-child(odd){margin-right:2%}
}
@media (max-width:1000px) {
	.game_wrap{padding:50px 0 0}
	.game_wrap .game_dwld_box{padding:30px 0 150px}
	.game_sec.feature{padding-bottom:100px}
	.game_sec.feature ul li{float:none;width:100%;height:auto;padding-bottom:0}
	.game_sec.adventure .intro .go:before{padding:30px 0}
	.game_sec.adventure .intro .hello{width:90%}
	.game_sec.adventure ol li:before{width:300px;height:300px;background-size:contain}
	.game_sec.adventure ol li dl{margin:0 35%}
	.game_sec.adventure ol li:nth-child(even) dl{margin:0 4%}
}
@media (max-width:895px) {
	.game_sec.rules .rules_list li:nth-child(5) .txt_area,
	.game_sec.rules .rules_list li:nth-child(6) .txt_area,
	.game_sec.rules .rules_list li:nth-child(7) .txt_area,
	.game_sec.rules .rules_list li:nth-child(8) .txt_area{min-height:200px}
}
@media (max-width:768px) {
	.game_sec.adventure ol, .codefarm_wrap .game_sec.adventure ol{padding:0 60px}
	.game_sec.adventure ol li{padding:0 0 30px 0}
	.game_sec.adventure ol li:before{position:relative;width:100%;background-repeat:no-repeat;background-position:center}
	.game_sec.adventure ol li dl{width:100%;padding:30px;margin:0;text-align:center}
	.game_sec.adventure ol li:nth-child(even) dl{padding:30px;margin:0;text-align:center}
	.game_sec.certificate .swiper-container{width:100%}
	.game_sec.certificate .swiper-button-prev,.game_sec.certificate .swiper-button-next{display:block}
	.game_sec.join_co ul{width:100%}
	.game_sec.join_co li{width:calc(33.3333% - 20px)}
	.game_sec.join_co li:nth-child(3n){margin-right:0}
	.game_sec.join_co li:nth-child(4){margin-right:30px}
	.game_sec.join_co li:nth-child(5){margin-left:0}
	.codefarm_wrap .game_sec.adventure ol li{padding-top:0}
}
@media (max-width:700px) {
	.game_sec.certify .swiper-slide{width:100%}
}
@media (max-width:640px) {
	.game_sec.rules .rules_list li{float:none;width:100%}
	.game_sec.rules .rules_list li img{width:100%}
	.game_sec.rules .rules_list li .txt_area{min-height:auto !important;padding-bottom:40px}
}
@media (max-width:600px) {
	.game_wrap .game_dwld_box{padding:30px 0 100px}
	.game_sec.adventure ol li:before{background-size:250px 250px}
}
@media (max-width:550px) {
	.game_sec.feature ul li{padding:210px 30px 30px;background-size:150px 150px}
	.game_sec.adventure .intro .hello, .game_sec.adventure .intro .go{font-size:20px}
	.game_sec.adventure .intro .go strong{font-size:40px}
	.game_sec.adventure .intro .go a{top:-5px}
}
@media (max-width:450px) {
	.game_wrap .game_dwld_box{padding:30px 0 100px}
	.game_wrap .game_dwld_box .beat_dwld{margin-right:0}
	.game_wrap .game_dwld_box span{display:block;top:0;padding:10px 0;text-align:center}
	.game_sec.adventure .intro .hello, .game_sec.adventure .intro .go{font-size:18px}
	.game_sec.adventure .intro .go strong{font-size:30px}
	.game_sec.adventure .intro .go a{display:block;width:40%;margin:0 auto;top:10px}
	.game_sec.adventure ol, .codefarm_wrap .game_sec.adventure ol{padding:0 20px}
	.game_sec.adventure ol li dl{padding:20px}
	.game_sec.adventure ol li dl:after{position:relative;bottom:0;padding-top:10px}
	.game_sec.join_co .tailword{font-size:14px}
}
@media (max-width:414px) {
	.game_sec.feature h3,.game_sec.rules h3{font-size:22px}
	.game_wrap .game_dwld_box .beat_dwld{font-size:16px}
	.game_sec.adventure .intro{padding-bottom:40px}
	.game_sec.adventure .intro:before{width:200px;height:170px;background-size:cover}
	.game_sec.adventure ol li:before{height:230px;background-size:200px 200px}
	.game_sec.adventure ol li dl:after{font-size:20px}
	.game_sec.adventure ol li dt{font-size:22px}
	.game_sec.adventure ol li dd p{font-size:15px}
	.game_sec.join_co li{width:calc(50% - 5px);margin-right:10px}
	.game_sec.join_co li:nth-child(2n), .game_sec.join_co li:nth-child(4){margin-right:0}
	.game_sec.join_co li:nth-child(3){margin-right:10px}
	.game_sec.adventure ol li .ing{top:15px;width:200px;height:200px;line-height:200px}
	.codefarm_wrap .game_sec.adventure .intro:before{width:auto;max-width: 320px;height:160px}
}
@media (max-width:375px) {
	.game_sec.feature h3{width:70%}
	.game_sec.adventure .intro .hello, .game_sec.adventure .intro .go{font-size:16px}
	.game_sec.adventure ol li dl{padding:20px 0}
	.game_sec.certificate{margin-bottom:100px}
	.game_sec.adventure, .game_sec.join_co{padding:80px 0 60px}
	.codefarm_wrap .game_sec.certificate{padding-top:80px}
	.codefarm_wrap .game_sec.certificate h3{width:100%;padding-right:10px;padding-left:10px}
}
@media (max-width:320px) {
	.game_wrap .game_dwld_box{padding:30px 0 80px}
}
/* 191210 놀이터 코드팜 : e */

/* 191211 퍼블 개발 수정 사항 : s */
@media (max-width:680px) {
	.contents_top .result_btn.new_type{position:relative;padding-bottom:37px}
	.contents_top .result_btn.new_type .btn{position:absolute;bottom:0;left:0}
	.contents_top .result_btn.new_type .txt_all{position:absolute;bottom:0;left:85px;line-height:35px}
	.contents_top .result_btn.new_type .txt_all em{display:none}
	.cd_proj_sort{display:block}
}
/* 191211 퍼블 개발 수정 사항 : e */

/* 191213 검색영역 노출 : s */
@media (max-width:1024px){
	.learning_menu.w680hide .right.srch .learning_search{display:block}
}
@media (max-width:995px){
	.lrnningmap_main .srch_form .srch_area .btn_srch{right:0}
	.lrnningmap_main .srch_form .srch_area .btn_srch_detail{display:none}
	.lrnningmap_main .srch_form .srch_detail{display:none !important}
	.learning_menu.w680hide .table_wrap.line1.srch_table{display:none}
	/* .category_area .table_wrap.line1.srch_table, .work_list .contents_top .btn_work_srch{display:none} 200120 주석처리 */
	/* .work_srch_layer, .cartegory_main.work_list.active{height:200px} 200120 주석처리 */
	.cartegory_main.work_list > .sec_lecture.container{transition:opacity .4s;opacity:1}
	.cartegory_main.work_list.active > .sec_lecture.container{opacity:0}
	/* .work_srch_layer .srch_form .category_area{display:none} 200120 주석처리 */
}
@media (max-width:768px){ /* 200120 추가 */
	.work_srch_layer .srch_form{padding:50px 0 30px}
	.work_srch_layer .srch_form .category_area{margin-top:40px !important}
}
@media (max-width:680px){
	.learning_menu.w680hide{display:block}
	.learning_menu.w680hide .left{display:none}
	.learning_menu.w680hide .right{display:block}
	.learning_menu.w680hide .right > .list_type{display:none}
	.learning_menu .learning_search .search_form{width:300px}
}
@media (max-width:526px){ /* 200120 추가 */
	.work_srch_layer .srch_form .category_area{margin-top:30px !important}
}
@media (max-width:340px){ /* 200120 추가 */
	.work_srch_layer .srch_form{padding:10px 0 30px}
}
/* 191213 검색영역 노출 : e */

/* 191218 배너 추가 : s */
@media (max-width:1050px){
	.new_type #gnb .bg_depth .banner{width:200px;height:144px}
}
/* 191218 배너 추가 : e */

/* 191219 퍼블 수정 추가 : s */
@media (max-width:995px){
	.qnaListView .pd_t35 .fr,
	.qnaListView .pd_t35 .fr > form,
	.qnaListView .pd_t35 .fr > form .forum_sch{float:none !important}
	.qnaListView .pd_t35 .fr > form{margin-right:0 !important}
	.qnaListView .pd_t35 .fr > form .forum_sch{max-width:100%}
	.qnaListView .pd_t35 .fr > form .forum_sch .search_form{margin:0 auto}
	.qnaListView .pd_t35 .fr .range.round.fl.mg_r5.pd_t5{display:none}
	.playground_intro ul li:nth-child(1) p,
	.playground_intro ul li:nth-child(2) p, .playground_intro ul li:nth-child(3) p{margin-bottom:35px} /* 200114 추가 */
}
@media (max-width:768px){
	.playground_intro ul li{width:50%;min-height:200px;margin:0}
	.playground_intro ul li p,	.playground_intro ul li:nth-child(1) p,
	.playground_intro ul li:nth-child(2) p, .playground_intro ul li:nth-child(3) p{margin-bottom:25px} /* 200114 추가 */
	.playground_intro ul li:nth-child(n+4){width:50%} /* 200114 추가 */
	.playground_intro ul li:nth-child(4),.playground_intro ul li:nth-child(6){margin-left:0} /* 200114 추가 */
	.qnaListView .tab_group.tab > a.col-xsn-6{width:33.33%}
	.qnaListView .tab_group.tab > a:nth-child(3){border-top:1px solid #d6d6d6;border-left:0}
}
@media (max-width:680px){
	.customer_wrap .tab_group.inthetab{height:auto;border-bottom:1px solid #d6d6d6}
	.customer_wrap .tab_group.inthetab > a{width:25%;border-bottom:0}
	.customer_wrap .tab_group.inthetab > a.tab_first{margin-left:12.5%}
	.customer_wrap .tab_group.inthetab > a.tab_fourth{border-left:1px solid #d6d6d6}
	.customer_wrap .tab_group.ordtab{border-bottom:1px solid #d6d6d6}
	.customer_wrap .tab_group.ordtab > a{border-bottom:0}
	.customer_wrap .tab_group.ordtab > a.tab_fourth{border-left:1px solid #d6d6d6}
	.sec_srch_word .srch_word{padding:15px 15px 20px 0}
}
@media (max-width:568px){
	.lrnngmap_banner{padding:20px 0;background-size:cover} /* 200120 pd 추가 */
	.lrnngmap_banner .link{padding-right:40px;width:100%;font-size:18px;word-break:keep-all}/* 200120 추가 */
	.lrnngmap_banner .link span{display:inline-block;padding-left:50px;width:100%}/* 200120 추가 */
	.playground_intro ul li p,	.playground_intro ul li:nth-child(1) p,
	.playground_intro ul li:nth-child(2) p, .playground_intro ul li:nth-child(3) p{margin-bottom:15px;font-size:16px} /* 200114 추가 */
}
@media (max-width:540px){
	.learning_list .contents_top .result, .learning_list .contents_top .sort{float:none !important}
	.learning_list .contents_top .sort{padding-top:10px;text-align:center}
	.learning_list .contents_top .sort > .fl{display:inline-block;float:none !important}
	.learning_list .contents_top .sort > form{text-align:left}
}
@media (max-width:480px){
	.coding_prdt{width:120px}
	.coding_prdt .tit, .coding_prdt .dep li a{width:auto !important}
	.work_list .top_btn3 a{width:90px}
	.work_list .contents_top .btn_work_srch{width:65px;padding:6px 0;margin-top:23px !important;text-align:center}
	.learning_list .contents_top .sort > form, .learning_list .contents_top .sort > form .search_form{width:200px !important}
	.learning_list .contents_top .sort > .form-sm,
	.learning_list .contents_top .sort > .form-sm .nice-select, .learning_list .contents_top .sort > .form-sm .nice-select .list{width:110px}
	.playground_intro ul li{min-height:192px} /* 200114 추가 */
}
@media (max-width:414px){
	.workout_slide .workout-button-prev{left:1px !important}
	.workout_slide .workout-button-next{right:1px !important}
	.playground_intro ul li p,	.playground_intro ul li:nth-child(1) p,
	.playground_intro ul li:nth-child(2) p, .playground_intro ul li:nth-child(3) p{margin:10px 5px;font-size:14px;line-height:1.3} /*200114 추가*/
}
@media (max-width:375px){
	.playground_intro ul li{min-height:166px} /* 200114 추가 */
	.lrnngmap_banner .link{line-height:28px}/* 200120 추가 */
}
@media (max-width:360px){
	.playground_intro ul li{min-height:161px}
	.learning_list .contents_top .sort > form, .learning_list .contents_top .sort > form .search_form{width:175px !important}
}
/* 191219 퍼블 수정 추가 : e */

/* 191227 퍼블 수정 추가 : s */
@media (max-width:1300px){
	.lbl_list.proj_main_list > li .group{min-height:225px}
	.lbl_list.proj_main_list > li .group .group_inner .group_bottom .lect_info_list{min-height:55px}
}
@media (max-width:680px){
	.customer_wrap .tab_group.tab_num6 > a.tab_first{margin-left:0}
	.customer_wrap .tab_group.tab_num6 > a.tab_fourth, .customer_wrap .tab_group.tab_num6 > a:nth-child(6n-5){border-left:none}
	.customer_wrap .tab_group.tab_num6 > a:nth-child(4n-3){border-left:1px solid #d6d6d6}
}
/* 191227 퍼블 수정 추가 : e */

/* 191230 배지 UI 변경 : s */
/* 2023-06-21 추가 : s */
@media (max-width:995px){
	.badge.swiper-container .item_wrap.prev:hover + .item_prev_info{top: 22%;right: 12%;}
}
/* 2023-06-21 추가 : e */
@media (max-width:680px){
	.badge_sort_tbl .badge_area{float:none;width:100%}
	.badge_sort_tbl .badge_area:first-child{border-bottom:1px solid #e6e6e6}
	.badge_sort_tbl .badge_area:first-child:after{display:none}
}
@media (max-width:480px){
	.badge_sort_tbl .badge_area > a{display:inline-block}
	.badge_sort_tbl .badge_area .badge_box{display:block;width:100%;height:auto;padding:30px 0 20px}
	.badge_sort_tbl .badge_area dl{display:block;width:100%;padding-bottom:30px;text-align:center}
	.badge_sort_tbl .badge_area dl > dt{font-size:15px}
}
/* 191230 배지 UI 변경 : e */

/* 191231 소프트웨어 왕국에서 살아남기 : s */
@media (max-width:1024px){
	.solving_list .list > dd .faq_a{padding-right:0}
	.solving_list .list > dd .faq_a .class_btn{position:static;margin-top:25px;text-align:right}
	.softkingdom_head .tit_h2{margin:0 -30px}
}
/* 2024-02-23 추가 : s */
@media (max-width:995px){
	.solving_list .list > div .area > .info{width:100%;flex-direction: column}
	.solving_list .list > div > .new_contents_wrapper .class_btn{position:static;transform:translate(0, 0);width:100%;justify-content: flex-end;margin-top:15px;}/* 2024-02-26 수정 */
}
/* 2024-02-23 추가 : e */
@media (max-width:768px){
	.solving_list .list > dd .thumb{width:170px}
	.solving_list .list > dd .faq_a .class_btn .btn{width:150px;height:34px;font-size:15px;line-height:32px}
	.solving_list .list > div > .new_contents_wrapper .thumb{width:170px}/* 2024-02-23 추가 */
	.solving_list .list > div .area > .info .head > a > .tit{font-size:16px}/* 2024-02-23 추가 */
	.solving_list .list > div > .new_contents_wrapper .class_btn > a{margin-right: 4px;font-size: 15px;width: 150px;height: 34px;padding: 8px 0;}/* 2024-02-23 추가 */
}
@media (max-width:680px){
	.softkingdom_head .slide-bottom{top:-29px}
}
@media (max-width:640px){
	.solving_list .list > dd .thumb, .solving_list .list > dd .faq_a{display:block}
	.solving_list .list > dd .faq_a > *{margin-left:0}
	.solving_list .list > dd .faq_a > dt{margin-top:15px}
	.solving_list .list > div > .new_contents_wrapper{padding:15px}/* 2024-02-26 추가 */
	.solving_list .list > div > .new_contents_wrapper .area{flex-direction:column}/* 2024-02-23 추가 */
	.solving_list .list > div .area > .info{width:100%}/* 2024-02-23 추가 */
	.solving_list .list > div .area > .info .head{width:100%;}/* 2024-02-23 추가 */
	.solving_list .list > div > .new_contents_wrapper:first-child, .solving_list .list > div > .new_contents_wrapperlast-child{padding:15px 2%}/* 2024-02-23 추가 */
	.solving_list .list > div .area > .info{padding-left:0;margin-top:15px}/* 2024-02-23 추가 */
}
@media (max-width:600px){
	.solving_list .list > dd .thumb{width:100%}
	.solving_list .list > dd .faq_a .class_btn{text-align:center}
	.solving_list .list > div > .new_contents_wrapper .thumb{width:100%}/* 2024-02-23 추가 */
	.solving_list .list > div > .new_contents_wrapper .class_btn{justify-content: center}/* 2024-02-26 추가 */
}
/* 191231 소프트웨어 왕국에서 살아남기 : e */

/* 200107 교사용 수업방 - 중학교 탭 수정 : s */
@media(max-width:768px){
	.tab_group.tab.tab_num5 a{width:50%}
	.tab_group.tab.tab_num5 a:not(:first-child):nth-child(odd){border-top:0; border-left:1px solid #d6d6d6}
}
/* 200107 교사용 수업방 - 중학교 탭 수정 : e */

/* 200109 마이페이지 요약정보, 나의 놀이터 수정 : s */
@media(max-width:1170px){
	.panel .work_tit,
	.panel .panel-body .workout_slide .qna .list li .tit, .panel .panel-body .qna.update .list li .tit, .panel .panel-body .qna.activity .list li .tit{overflow:auto;text-overflow:unset;white-space:normal} /* 200114 추가 */
	.contents.sumry{margin-left:0} /* 200110 추가 */
	.learning_menu.sumry{margin-bottom:25px}
	.contents.sumry .grid-solo.cb{width:100% !important;padding-left:0}
	.contents.sumry .panel-body{height:auto;min-height:auto !important}
	.contents.sumry .panel-body > .qna,.contents.sumry .panel-body > .mentor_info,
	.contents.sumry .panel-body > .status,.contents.sumry .panel-body > .qna.update,
	.contents.sumry .panel-body > .workout_slide,	.contents.sumry .panel-body > .swiper-container.learningmap,
	.contents.sumry .panel-body > .swiper-container.codingpro,.contents.sumry .panel-body > .my_workout,
	.contents.sumry .panel-body > .my_workout2{padding-top:0}
	.contents.sumry .three_box .panel-body{min-height:130px !important}
	.contents.sumry .panel.playground_panel.sumry .panel-body{min-height:215px !important;padding-top:20px}
}
@media(max-width:900px){
	.playground_map_area .tit .tit_area{float:none !important}
	.playground_map_area .tit .btn_box{float:none}
	.playground_map_area .tit .btn_box .latest_date{top:0}
}
@media(max-width:600px){
	.playground_map_area .tit .latest_date{display:block;position:relative;padding-top:10px;font-size:13px;}
}
/* 200109 마이페이지 요약정보, 나의 놀이터 수정 : e */

/* 200114 고객센터 > FAQ 동영상 강의 답변 내 테이블 추가 : s */
@media(max-width:1024px){
	.faq_video_wrap .table thead{display:table-header-group}
}
@media(max-width:680px){
	.faq_video_wrap{width:100%;overflow-x:scroll}
	.faq_video_wrap .table{width:615px}
	.faq_video_wrap .table[class*="structure cell basic"] tr td{padding:12px 5px}
	.faq_video_wrap .table th, .faq_video_wrap .table td{font-size:13px}
}
/* 200114 고객센터 > FAQ 동영상 강의 답변 내 테이블 추가 : e */

/* 200115 마이페이지 > 나의놀이터 게임차시 왼쪽 여백 최소화 : s */
@media(max-width:600px){
	.playground_panel .panel-body>.playground_map_area{float:none;width:100%}
	.playground_panel.sumry .panel-body>.playground_map_area{width:100%} /* 200117 추가 */
	.playground_map_area .tit{min-height:120px;padding-left:140px;padding-bottom:0}
	.playground_map_area .map{margin-top:20px}
}
@media(max-width:414px){
	.playground_map_area .tit{min-height:0;padding-left:120px}
}
/* 200115 마이페이지 > 나의놀이터 게임차시 왼쪽 여백 최소화 : e */

/* 200117 메인 팝업 센터 맞춤 : s */
@media(max-width:1024px){
	.main_popup{top:220px !important}
	/* .main_popup .layer_img{position:absolute;top:0;right:0;left:0;width:100% !important;margin:0 auto} */
	/* .main_popup .layer_img:nth-child(1){z-index:9992}
	.main_popup .layer_img:nth-child(2){z-index:9991} */
}
/* 200117 메인 팝업 센터 맞춤 : e */

/* 200120 화면 영역 수정 사항(모바일) : s */
@media(max-width:1170px){
	.panel-body .newlywork > li{margin-bottom:0}
}
@media(max-width:995px){
	.lrnningmap_main .srch_form .srch_area{padding-right:40px}
}
@media(max-width:480px){
	.main_popup.pop2{width:95%}
	.user_info_inner .user_notice .badge_layer{width:calc(100% - 2px);max-width:136px;margin-left:0;font-size:13px;transform:translate(-50%, 0)}
}
@media(max-width:359px){
	.user_info_inner .user_notice .badge_layer{width:100%;font-size:12px}
}
/* 200120 화면 영역 수정 사항(모바일) : e */

/* 200120 이솦 스페셜 리스트 수정 : s */
@media(max-width:1024px){
	.myclass_list.like.esof_special .list>li .info{height:auto}
}
@media(max-width:600px){
	.myclass_list.like .list > li .info .bottom{left:0}
}
/* 200120 이솦 스페셜 리스트 수정 : e */

/* 200121 배움터 - 일반강좌 리스트 수정 : s */
@media(max-width:1220px){
	.item > a:hover .group{padding-top:0}
	.item .group .group_bottom .lect_info .dt.fl, .item .group .group_bottom .lect_info .dd.fl{float:left !important}
	.item .group .group_bottom .lect_info .dt.mg_l35{margin-left:35px !important}
}
@media(max-width:1200px){
	.item .group .group_bottom .lect_info .dt.mg_l35{min-width:40px;margin-left:-10px !important}
	.item .group .group_bottom .lect_info .dt.mg_l35 + .dd{min-width:46px}
}
/* 200121 배움터 - 일반강좌 리스트 수정 :e */

/* 200121 마이페이지 놀이터 놀이 활동 :s */
@media(max-width:768px){
	.contents.sumry .playground_intro ul li{min-height:auto}
}
@media(max-width:640px){
	.contents.sumry .playground_intro ul{margin-top:5%}
}
/* 200121 마이페이지 놀이터 놀이 활동 : e */

/* 200206 이솦의 새로운 서비스 : s */
@media(max-width:1241px){
	.new_service .cont_area .sec .definition .tool_area .tool > li{width:135px}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(6){border-right-color:#fff}
}
@media(max-width:1191px){
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(5){border-right-color:#fff}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(6){border-right-color:#d9d9d9}
}
@media(max-width:1056px){
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(4){border-right-color:#fff}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(5){border-right-color:#d9d9d9}
}
@media(max-width:995px){
	.new_service .intro_area{padding-top:90px;padding-bottom:117px}
	.new_service .intro_area .box_area .bg_box{padding:90px 55px 86px}
	.new_service .cont_area .sec{padding:78px}
	.new_service .cont_area .sec .definition > dd{padding-right:34px;padding-left:34px}
	.new_service .cont_area .sec .definition .tool_area .tool{max-width:540px;margin:0 auto}
	.new_service .cont_area .sec01:before, .new_service .cont_area .sec02:before, .new_service .cont_area .sec03:before{right:0}
}
@media(max-width:887px){
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(3n){border-right-color:#fff}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(4){border-right-color:#d9d9d9}
}
@media(max-width:768px){
	.new_service .cont_area .sec01:before, .new_service .cont_area .sec01:after, .new_service .cont_area .sec02:before, .new_service .cont_area .sec03:before, .new_service .cont_area .sec03:after{display:none}
	.new_service .intro_area{padding-top:69px;padding-bottom:90px}
	.new_service .intro_area .box_area .bg_box{padding:69px 42px 66px}
	.new_service .cont_area .sec{padding:60px 50px}
	.new_service .cont_area .sec .definition > dd{padding-right:26px;padding-left:26px}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(3n){border-right-color:#fff}
}
@media(max-width:664px){
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(3n){border-right-color:#d9d9d9}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(2n){border-right-color:#fff}
}
@media(max-width:640px){
	.new_service .cont_area .sec .definition .list > li{width:100%}
}
@media(max-width:618px){
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(3n){border-right-color:#d9d9d9}
	.new_service .cont_area .sec .definition .tool_area .tool > li:nth-child(2n){border-right-color:#fff}
}
@media(max-width:568px){
	.new_service .intro_area, .new_service .intro_area .box_area .bg_box, .new_service .cont_area .sec .definition > dd{padding-right:20px;padding-left:20px}
	.new_service .intro_area .box_area:before{bottom:-45px;height:45px}
	.new_service .intro_area .box_area:after{bottom:-37px}
	.new_service .intro_area .box_area .bg_box:after{height:35px}
	.new_service .intro_area .box_area .top_txt,
	.new_service .intro_area .bg_box .hashtag span,
	.new_service .cont_area .sec .sec_txt,
	.new_service .cont_area .sec .definition .list > li dl dt,
	.new_service .cont_area .sec .definition .tool_area > strong{font-size:15px}
	.new_service .intro_area .bg_box .service_tit{padding-bottom:33px}
	.new_service .intro_area .bg_box .hashtag{margin-top:28px}
	.new_service .intro_area .bg_box .hashtag span{margin-left:10px}
	.new_service .intro_area .bg_box .txt{font-size:13px}
	.new_service .cont_area .sec{padding:50px 20px}
	.new_service .cont_area .sec .definition > dd .txt{font-size:14px}
	.new_service .cont_area .sec .definition > dd .img{padding-right:0;padding-left:0}
	.new_service .cont_area .sec .definition .list > li dl dd{font-size:13px}
}
@media(max-width:442px){
	.new_service .cont_area .sec .definition .tool_area .tool{margin:0 -20px}
	.new_service .cont_area .sec .definition .tool_area .tool > li{width:50%}
}
@media(max-width:414px){
	.new_service .cont_area .sec .tit img{transform:scale(1.1)}
}
@media(max-width:413px){
	.new_service .cont_area .sec .definition .tool_area .tool{margin:0}
	.new_service .cont_area .sec .definition .tool_area .tool > li{padding:0;border-right:none}
}
@media(max-width:375px){
	.new_service .intro_area{padding-top:46px;padding-bottom:60px}
	.new_service .intro_area .box_area .bg_box{padding-top:46px;padding-bottom:44px}
	.new_service .cont_area .sec .definition > dt{width:80%;font-size:17px}
}
@media(max-width:374px){
	.new_service .cont_area .sec .definition .tool_area .tool > li{width:100%}
}
@media(max-width:330px){
	.new_service .cont_area .sec .tit img{transform:scale(1.4)}
}
/* 200206 이솦의 새로운 서비스 : e */

/* 200211 코로나 : s */
@media(max-width:995px){
	.corona_area .cont_area .iframe{float:none;width:100%;height:500px}
	.corona_area .cont_area .info{float:none;width:100%}
}
@media(max-width:768px){
	.corona_area .tit_area h1{font-size:30px;letter-spacing:-1px}
	.corona_area .tit_area p{font-size:14px;line-height:20px;letter-spacing:-1px}
}
@media(max-width:365px){
	.corona_area .cont_area .info .logo_list{padding-left:0}
	.corona_area .cont_area .info .logo_list li{margin-right:10px}
}
@media(max-width:330px){
	.corona_area .cont_area .info .logo_list{padding:0 10px}
	.corona_area .cont_area .info .logo_list li{margin-right:5px}
	.corona_area .cont_area .info .link_area .list_guide > li{margin-left:5px}
}
/* 200211 코로나 : e */

/* 200213 달려라 펭수 이벤트 : s */
@media(max-width:768px){
	.event_pengsoo .intro_area, .event_pengsoo .sec03 > dd, .event_pengsoo .tip_area, .pengsoo_popup .popup{padding-right:50px;padding-left:50px}
	.event_pengsoo .intro_area .event_tit{margin:0 -50px}
	.event_pengsoo .sec{margin-right:50px;margin-left:50px}
	.event_pengsoo .sec > dd .btn_area a{margin-top:10px}
	.event_pengsoo .stamp_list{margin-right:-30px;margin-left:-30px}
	.event_pengsoo .stamp_list > li{margin:0 10px 20px}
}
@media(max-width:640px){
	.event_pengsoo{padding-bottom:40px}
	.event_pengsoo .intro_area, .event_pengsoo .tip_area{padding-right:0;padding-left:0}
	.event_pengsoo .intro_area .logo{top:20px;right:20px;width:30%}
	.event_pengsoo .intro_area .event_tit{margin:0 -10px}
	.event_pengsoo .intro_area .txt_area{font-size:16px}
	.event_pengsoo .intro_area .pengsoo_msg, .event_pengsoo .sec > dd, .event_pengsoo .sec03 > dd, .event_pengsoo .share_area, .pengsoo_popup .popup{padding-right:20px;padding-left:20px}
	.event_pengsoo .sec{margin-right:0;margin-left:0}
	.event_pengsoo .sec02:before{display:none}
	.event_pengsoo .sec04{padding-top:26.2%}
	.event_pengsoo .sec04:after{height:34.2%}
	.event_pengsoo .goods_list > li:nth-child(2) .sub_lbl{right:8%}
	.event_pengsoo .goods_list > li:nth-child(3) .sub_lbl{right:5%}
	.event_pengsoo .stamp_list{margin-right:-20px;margin-left:-20px}
	.event_pengsoo .share_area .event_copy{width:auto;padding-right:10px}
	.event_pengsoo .share_area .event_copy span{display:inline-block}
	.event_pengsoo .share_area .event_copy .btn_copy{display:inline-block;position:static;margin-top:0}
}
@media(max-width:605px){
	.event_pengsoo .stamp_list{margin-right:-10px;margin-left:-10px}
}
@media(max-width:480px){
	.event_pengsoo .intro_area{background-size:110%}
	.event_pengsoo .intro_area .logo{top:10px;right:10px}
	.event_pengsoo .intro_area .pengsoo_msg{margin-top:85px}
	.event_pengsoo .intro_area .pengsoo_msg:before{top:-58px;width:120px;height:92px;margin-left:-60px}
	.event_pengsoo .intro_area .pengsoo_msg p{font-size:22px}
	.event_pengsoo .intro_area .term_list{padding-right:10px;padding-left:10px}
	.event_pengsoo .intro_area .term_list > li{font-size:13px;line-height:16px}
	.event_pengsoo .sec > dt{padding:0 15px;font-size:20px}
	.event_pengsoo .sec > dd .list > li, .event_pengsoo .tip_area{font-size:15px}
	.event_pengsoo .sec .txt{font-size:15px}
	.event_pengsoo .sec04{padding-top:31.2%}
	.event_pengsoo .sec04:before{background-size:120%}
	.event_pengsoo .sec04:after{height:29.2%;background:url(../../../../../images/egovframework/com/ebs/event/pengsoo/obj_pengsoo05_m.png) no-repeat 50% 0;background-size:120%}
	.event_pengsoo .goods_list > li strong{font-size:13px}
	.event_pengsoo .goods_list > li:nth-child(2) .sub_lbl{right:2%}
	.event_pengsoo .goods_list > li:nth-child(3) .sub_lbl{right:-1%}
	.event_pengsoo .share_area{padding-top:40px;padding-bottom:35px}
	.event_pengsoo .share_area > dt{margin:0 -10px;font-size:24px}
	.pengsoo_popup .popup .txt_area .txt{font-size:20px}
}
@media(max-width:365px){
	.event_pengsoo .sec > dd .btn_area .btn_goods{margin-right:-10px;margin-left:-10px;padding-right:20px;padding-left:20px}
}
@media(max-width:359px){
	.event_pengsoo .stamp_list > li{width:190px;height:190px}
	.event_pengsoo .stamp_list > li:before{height:136px}
}
/* 200213 달려라 펭수 이벤트 : e */

/* 200218 신학기 공모전 이벤트 : s */
@media(max-width:995px){
	.event_contest .intro_area, .event_contest .cont_area{padding-right:50px;padding-left:50px}
	.event_contest .sec .step_list > li{width:33.33%;padding-right:0;padding-left:0}
	.event_contest .sec .product_list > li{width:calc(50% - 40px);margin:0 20px}
}
@media(max-width:860px){
	.event_contest .intro_area .txt{padding-bottom:160px}
}
@media(max-width:768px){
	.event_contest .intro_area .txt{margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px}
	.event_contest .cont_area{padding-right:20px;padding-left:20px}
	.event_contest .sec .product_list > li .sub_lbl{top:60%}
}
@media(max-width:719px){
	.event_contest .intro_area .sub_txt{padding-top:87.8%}
	.event_contest .intro_area .sub_txt:before{top:-6%;background-size:150%}
}
@media(max-width:700px){
	.event_contest .sec .step_list > li{width:50%}
}
@media(max-width:640px){
	.event_contest .sec .contest_field > li{float:none;width:auto;margin-right:0}
	.event_contest .sec .contest_field > li + li, .event_contest .sec .product_list > li + li{margin-top:20px}
	.event_contest .sec .product_list:before{background:url(../../../../../images/egovframework/com/ebs/event/contest/bg_sec05_m.png) no-repeat 50% 0}
	.event_contest .sec .product_list > li{width:auto}
}
@media(max-width:568px){
	.event_contest .intro_area .event_summ{display:block}
	.event_contest .intro_area .event_summ > li{padding-bottom:15px}
	.event_contest .intro_area .event_summ > li strong{display:block;margin-bottom:5px}
	.event_contest .intro_area .event_summ > li span{line-height:130%}
}
@media(max-width:500px){
	.event_contest .intro_area{padding-right:30px;padding-left:30px;background-size:170vw}
	.event_contest .intro_area .txt{margin-right:-10px;margin-left:-10px;padding-bottom:55%;background-position:115% 100%;background-size:80%}
	.event_contest .sec .step_list > li{width:100%}
}
@media(max-width:420px){
	.event_contest .intro_area{background-size:190vw}
}
@media(max-width:375px){
	.event_contest .cont_area{padding-right:0;padding-left:0}
	.event_contest .intro_area .txt{margin-right:-30px;margin-left:-30px}
	.event_contest .sec .selection_method > li{font-size:17px}
}
@media(max-width:340px){
	.event_contest .intro_area{padding-right:20px;padding-left:20px;background-size:212vw}
	.event_contest .intro_area .txt{margin-right:-20px;margin-left:-20px}
}
@media(max-width:330px){
	.event_contest .sec .selection_method > li{letter-spacing:-0.9px}
	.event_contest .btn_area .btn{font-size:19px}
}
/* 200218 신학기 공모전 이벤트 : e */

/* 200220 깔고 놀기 모음 : s */
@media (max-width:1024px){
	.gamesw_wrap{padding-bottom:40px}
}
@media (max-width:995px){
	.gamesw_wrap .downlst > li > a > img{bottom:39px}
}
@media (max-width:768px){
	.gamesw_wrap .downlst > li > a > img{bottom:24px}
	.gamesw_wrap .downlst > li > a > .over{background-size:240px auto}
	.gamesw_wrap .downlst > li > a > .over:before{border-width:10px}
}
@media (max-width:600px){
	.gamesw_wrap{padding-bottom:30px}
	.gamesw_wrap > .infoTxt{padding:30px 10px 4px 10px;font-size:16px;}
	.gamesw_wrap > .infoTxt > .mHide{display:none;}
	.gamesw_wrap > .tit{padding:30px 0}
	.gamesw_wrap > .tit > h3{padding:9px 19px;font-size:16px;word-break:keep-all}
	.gamesw_wrap .downlst > li{width:100%;margin:0 0 20px 0}
}
@media (max-width:414px){
	.gamesw_wrap{padding-bottom:25px}
	.gamesw_wrap > .infoTxt{padding:25px 0 4px 0;font-size:15px;}
	.gamesw_wrap > .tit{padding:25px 0}
	.gamesw_wrap > .tit > h3{font-size:15px}
	.gamesw_wrap .downlst > li > a > img{bottom:15px}
}
/* 200220 깔고 놀기 모음 : e */

/* 2022-03-10 웹에서 놀기 모음 : s */
@media (max-width:768px) {
	.gamesw_wrap .weblst > li{width:100%;height:auto;margin:0 0 20px 0}
	.gamesw_wrap .weblst > li > a > img{height:auto}
}
/* 2022-03-10 웹에서 놀기 모음 : e */

/* 2022-03-10 교실 수업용 모음 : s */
@media (max-width:768px) {
	.gamesw_wrap .clalst > li{width:100%;height:auto;margin:0 0 20px 0}
	.gamesw_wrap .clalst > li > a > img{height:auto}
}
/* 2022-03-10 교실 수업용 모음 : e */

/* 200220 이솦 소개 수정 : s */
@media(min-width:769px){
	.inner_sec .cloud_service_list > li:nth-child(n+7):nth-child(-n+9){border-bottom:none}
	.inner_sec .cloud_service_list > li:nth-child(3n):before{display:none}
}
@media(max-width:1024px){
	.inner_sec .cloud_service > li{font-size:17px}
	.inner_sec .cloud_service_list > li{font-size:15px}
}
@media(max-width:950px){
	#record02 .inner_sec .cloud_service_list > li{width:50%}
	#record02 .inner_sec .cloud_service_list > li:nth-child(n+7):nth-child(-n+9){border-bottom:1px solid #e8e8e8}
	#record02 .inner_sec .cloud_service_list > li:last-child{border-bottom:none !important}
	#record02 .inner_sec .cloud_service_list > li:nth-child(3n):before{display:block}
	#record02 .inner_sec .cloud_service_list > li:nth-child(even):before{display:none}
}
@media(max-width:768px){
	.inner_sec .cloud_service > li{margin:0 20px 25px}
	.inner_sec .cloud_service_list{padding:0 19px}
	.inner_sec .cloud_service_list > li{width:50%}
	.inner_sec .cloud_service_list > li:last-child{border-bottom:none}
	.inner_sec .cloud_service_list > li:nth-child(even):before{display:none}
}
@media(max-width:620px){
	#record02 .inner_sec .cloud_service_list > li{width:100%}
	#record02 .inner_sec .cloud_service_list > li:before{display:none !important}
}
@media(max-width:480px){
	.inner_sec .cloud_service_list > li{width:100%}
	.inner_sec .cloud_service_list > li:before{display:none}
}
/* 200220 이솦 소개 수정 : e */

/* 200316 놀이터 달려라 펭수 : s */
@media(max-width:768px){
	.penggame_wrap{background:#9fc2ff }
	.penggame_wrap .pc_img{display:none}
	.penggame_wrap .mo_img{display:block}
}
@media(max-width:568px){
	.penggame_wrap{padding-bottom:40px}
	.penggame_wrap .penggame_body .btn{width:calc(100% - 70px);height:39px;font-size:17px}
	.penggame_wrap .penggame_body .btn:before{bottom:-7px;background:url(../../../../../images/egovframework/com/ebs/event/m_btn_penggame_shadow.png) no-repeat 50% 100%;background-size:100%}
	.penggame_wrap .penggame_body .btn span{padding:12px 0 10px}
}
/* 200316 놀이터 달려라 펭수 : e */

/* 200317 팝업 날짜 영역 추가 : s */
@media (max-width:414px){
	.layer_link_box .system_date{height:35px;font-size:14px}
}
@media (max-width:359px){
	.layer_link_box .system_date{height:30px;font-size:14px}
}
/* 200317 팝업 날짜 영역 추가 : e */

/* 200327 온라인 과학축제 이벤트 : s */
@media (max-width:900px){
	.event_science .intro_area:before{width:94px;height:174px}
	.event_science .intro_area:after{width:134px;height:156px}
	.event_science .cont_area .txt_box:before{width:130px;height:141px}
	.event_science .cont_area .mission_area:before{width:110px;height:120px}
	.event_science .cont_area .share_area:before{width:121px;height:82px}
	.event_science .cont_area .share_area:after{width:155px;height:130px}
	.event_science .cont_area{margin-top:-45px;padding:61px 56px 100px}
	.event_science .cont_area .mission_area > dt:before, .event_science .cont_area .mission_area > dt:after{width:20%}
}
@media (max-width:820px){
	.event_science .cont_area .event_summ ul{padding-top:0;padding-bottom:0}
	.event_science .cont_area .event_summ ul > li span{display:block}
}
@media (max-width:768px){
	.event_science .intro_area:before{width:83px;height:152px}
	.event_science .intro_area:after{width:117px;height:137px}
	.event_science .cont_area .txt_box:before{width:113px;height:123px}
	.event_science .cont_area .mission_area:before{width:96px;height:105px}
	.event_science .cont_area .share_area:before{width:106px;height:71px}
	.event_science .cont_area .share_area:after{width:136px;height:113px}
	.event_science .intro_area{padding:104px 0 84px}
	.event_science .intro_area .event_tit{font-size:54px}
	.event_science .intro_area .event_tit span{margin-bottom:5px;font-size:24px}
	.event_science .cont_area{margin-top:-39px;padding:53px 49px 70px}
	.event_science .cont_area .txt_box strong{font-size:36px}
	.event_science .cont_area .txt_box strong span:after{left:285px}
	.event_science .cont_area .mission_area > dt{font-size:28px}
}
@media (max-width:734px){
	.event_science .cont_area .event_summ:before{display:none}
	.event_science .cont_area .event_summ ul{padding-left:0}
}
@media(max-width:640px){
	.event_science .intro_area:before, .event_science .intro_area:after, .event_science .cont_area .txt_box:before, .event_science .cont_area .mission_area:before, .event_science .cont_area .share_area:before, .event_science .cont_area .share_area:after{display:none}
	.event_science .intro_area{padding:91px 0 74px}
	.event_science .cont_area,
	.event_science .cont_area .event_summ{padding-right:20px;padding-left:20px}
	.event_science .cont_area .txt_box{padding:42px 30px}
	.event_science .cont_area .mission_area{padding-right:30px;padding-left:30px}
	.event_science .cont_area .share_area{padding:38px 30px 41px}
}
@media (max-width:568px){
	.event_science .intro_area .event_tit{font-size:33px}
	.event_science .intro_area .event_tit span{font-size:17px}
	.event_science .intro_area .term{padding:6px 20px;font-size:15px}
	.event_science .intro_area .txt,
	.event_science .cont_area .event_summ ul > li, .event_science .cont_area .txt_box{font-size:15px}
	.event_science .cont_area .txt_box strong{font-size:30px}
	.event_science .cont_area .txt_box strong span:after{left:235px}
	.event_science .cont_area .mission_area > dt{font-size:25px;margin-bottom:25px}
	.event_science .cont_area .mission_area dd .blk_mission > li dl dt{font-size:22px}
	.event_science .cont_area .mission_area dd .blk_mission > li .btn{padding-right:15px;padding-left:15px;font-size:15px;margin-left:-56px}
	.event_science .cont_area .mission_area dd .blk_mission > li dl dd, .event_science .cont_area .share_area dd .txt, .event_science .cont_area .share_area dd .hashtag{font-size:14px}
	.event_science .cont_area .share_area dd .event_copy span{display:block;max-width:100%;margin-right:0;font-size:13px}
	.event_science .cont_area .share_area dd .event_copy .btn_copy{font-size:13px;line-height:22px}
}
@media(max-width:540px){
	.event_science .cont_area .mission_area > dt:before, .event_science .cont_area .mission_area > dt:after{width:17%}
}
@media(max-width:480px){
	.event_science .cont_area .txt_box strong span:after, .event_science .cont_area .mission_area > dt:before, .event_science .cont_area .mission_area > dt:after{display:none}
}
@media(max-width:414px){
	.event_science .intro_area .term span{display:block}
}
@media(max-width:375px){
	.event_science .cont_area .txt_box, .event_science .cont_area .mission_area, .event_science .cont_area .share_area{overflow:hidden;padding-right:15px;padding-left:15px}
}
@media (max-width:340px){
	.event_science .intro_area .event_tit{font-size:28px}
	.event_science .intro_area .txt{letter-spacing:-0.8px}
	.event_science .cont_area .txt_box strong{font-size:23px}
	.event_science .cont_area .mission_area > dt{font-size:20px;margin-bottom:20px}
	.event_science .cont_area .mission_area dd .blk_mission > li dl dt{font-size:18px}
	.event_science .cont_area .share_area > dt img{transform:scale(1.1)}
}
/* 200327 온라인 과학축제 이벤트 : e */

/* 200515 신규 강좌 완강 이벤트 : s */
@media (max-width:1017px){
	.event_stamp .cont_area .prodct_guide.study{display:block;width:100%;margin-right:0}
	.event_stamp .cont_area .prodct_guide.review{display:block;width:100%}
}
@media (max-width:900px){
	.event_stamp .intro_area:before{height:853px}
	.event_stamp .intro_area .tit_area{margin-bottom:92px}
	.event_stamp .intro_area .tit_area:after{width:393px;height:288px}
	.event_stamp .cont_area{padding:0 40px}
	.event_stamp .cont_area .sec{padding:32px}
}
@media(max-width:768px){
	.event_stamp{background-size:100%}
	.event_stamp .intro_area:before{height:108vw;background-size:100%}
	.event_stamp .intro_area .tit_area:before{height:calc(100vw - 87px);background:url(../../../../../images/egovframework/com/ebs/event/stamp/m_obj_intro.png) no-repeat 50% 0;background-size:130%}
	.event_stamp .intro_area .tit_area:after{width:52vw;height:38vw;margin-right:auto;margin-left:auto}
	.event_stamp .cont_area .sec_event .stamp_list > li{padding-right:14px;padding-left:14px}
}
@media(max-width:648px){
	.event_stamp .cont_area .sec_event .stamp_list > li{padding-right:0;padding-left:0;}
}
@media(max-width:640px){
	.event_stamp .intro_area{padding:50px 20px 0}
	.event_stamp .intro_area .tit_area{margin-bottom:74px}
	.event_stamp .intro_area .tit_area:before{top:-50px;right:-20px;left:-20px}
	.event_stamp .intro_area .tit_area p{padding:0 32px}
	.event_stamp .intro_area .tit_area p:before, .event_stamp .intro_area .tit_area p:after{width:22px}
	.event_stamp .intro_area .term{padding:10px 15px}
	.event_stamp .intro_area .term:before, .event_stamp .intro_area .term:after{width:6px;height:6px;margin-top:-3px}
	.event_stamp .cont_area{padding:0 20px;background-size:100%}
	.event_stamp .cont_area .sec{padding-right:30px;padding-left:30px}
	.event_stamp .cont_area .sec_summary dl dt{font-size:16px}
	.event_stamp .cont_area .sec_summary dl dd{font-size:14px}
	.event_stamp .cont_area .sec_summary dl dd .tip{font-size:13px}
	.event_stamp .cont_area .sec > dt{font-size:22px}
	.event_stamp .cont_area .sec > dd .sec_txt{font-size:13px}
	.event_stamp .cont_area .prodct_guide > dt{width:82px;font-size:16px}
	.event_stamp .cont_area .prodct_guide .product_list li strong{padding-bottom:0;font-size:14px;line-height:130%;text-decoration:underline}
	.event_stamp .cont_area .prodct_guide .product_list li strong:after{display:none}
	.event_stamp .cont_area .prodct_guide .product_list li p{font-size:13px}
	.event_stamp .cont_area .sec_event .lvl_stamp > dt{padding-right:15px;padding-left:15px;font-size:15px}
	.event_stamp .cont_area .sec_event .stamp_list > li .stamp .btn{width:90px;margin-left:-45px;font-size:15px}
	.event_stamp .cont_area .sec_event .stamp_list > li .tit{font-size:14px}
	.event_stamp .cont_area .sec_event .stamp_list > li.end .tit{font-size:15px}
	.event_stamp .cont_area .sec_share .share_txt dt{padding-bottom:0;font-size:17px;text-decoration:underline}
	.event_stamp .cont_area .sec_share .share_txt dt:after{display:none}
	.event_stamp .cont_area .sec_share .share_txt dd{font-size:14px}
	.event_popup .popup{height:360px}
	.event_popup .popup .reset_guide > dd{min-height:140px}
	.event_popup .popup .btn_area .btn{font-size:16px}
}
@media(max-width:568px){
	.event_stamp .intro_area:before{height:113vw}
	.event_stamp .cont_area .sec_event .stamp_list > li{display:block;width:100%}
}
@media(max-width:462px){
	.event_stamp .cont_area .sec_event .lvl_stamp.lvl03 > dd{margin-top:-33px}
}
@media(max-width:450px){
	.event_stamp .pc{display:none}
	.event_stamp .m{display:inline-block}
	.event_stamp .intro_area:before{height:117vw}
	.event_stamp .intro_area .tit_area{margin-bottom:48px}
	.event_stamp .intro_area .tit_area:after{margin-top:35px}
	.event_stamp .intro_area .tit_area p{width:200px}
	.event_stamp .intro_area .term{display:inline-block;width:auto}
	.event_stamp .intro_area .term img{width:120px}
	.event_stamp .intro_area .txt{width:180px;margin:0 auto}
	.event_stamp .cont_area .sec{padding-right:20px;padding-left:20px}
	.event_stamp .cont_area .prodct_guide .product_list, .event_stamp .cont_area .prodct_guide .product_list li{margin-left:0}
	.event_stamp .cont_area .prodct_guide .product_list, .event_stamp .cont_area .prodct_guide.share > dd .product_list{padding:0 20px}
	.event_stamp .cont_area .sec_share .event_copy input{width:100%;margin-right:0;margin-bottom:10px}
}
@media(max-width:390px){
	.event_stamp .cont_area .prodct_guide.share > dd .product_list li{width:100%;max-width:154px;min-width:auto;padding:0}
	.event_stamp .cont_area .prodct_guide.share > dd .product_list li img{width:100%;max-width:134px}
}
@media(max-width:380px){
	.event_stamp .cont_area .sec_event .lvl_stamp.lvl01 > dd{margin-top:-33px}
}
@media(max-width:379px){
	.event_stamp .cont_area .sec_event .lvl_stamp.lvl02 > dd{margin-top:-33px}
}
@media(max-width:375px){
	.event_stamp .intro_area{padding-top:40px}
	.event_stamp .intro_area .tit_area:before{top:-40px}
}
@media(max-width:374px){
	.event_popup .popup{height:450px}
	.event_popup .popup .reset_guide > dd{min-height:180px}
}
@media(max-width:350px){
	.event_stamp .intro_area .tit_area{margin-bottom:38px}
	.event_stamp .intro_area .tit_area:after{margin-top:25px}
	.event_stamp .cont_area .sec_event .lvl_stamp > dt{padding-right:10px;padding-left:10px}
	.event_stamp .cont_area .sec_event .stamp_list > li .stamp{width:134px;height:134px}
	.event_stamp .cont_area .sec_event .stamp_list > li .stamp .percent{top:34.2%;font-size:29px}
	.event_stamp .cont_area .sec_event .stamp_list > li.end .stamp .percent{top:35.2%}
}
/* 200515 신규 강좌 완강 이벤트 : e */

/* 200519 ismsp 마크 추가 : s */
@media(max-width:995px){
	.ismsp{right:15px}
}
@media(max-width:768px){
	.ismsp{position:static;padding:30px 70px 0 0}
	.ismsp p{max-width:calc(100% - 66px)}
}
/* 200519 ismsp 마크 추가 : e */

/* 200605 온라인 부스 페이지 : s */
@media (max-width:1240px){
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon:before{top:-31px;left:50%;margin-top:0;margin-left:-15.5px}
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon.left:before{left:50%;border-color:transparent transparent #259ab8 transparent}
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon.right:before{right:auto;border-color:transparent transparent #259ab8 transparent}
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon{display:block;position:relative;top:0;margin:50px auto 0;transform:translate(0,0)}
	.onlinebooth_wrap .tab_section .balloon_area .playing{margin:0 auto}
}
@media (max-width:1230px){
	.onlinebooth_wrap .tab_section .balloon_area .balloon:before{top:-31px;left:50%;margin-top:0;margin-left:-15.5px}
	.onlinebooth_wrap .tab_section .balloon_area .balloon.left:before{left:50%;border-color:transparent transparent #259ab8 transparent}
	.onlinebooth_wrap .tab_section .balloon_area .balloon.right:before{right:auto;border-color:transparent transparent #259ab8 transparent}
	.onlinebooth_wrap .tab_section .balloon_area .lang{margin:0 auto}
	.onlinebooth_wrap .tab_section.prgm .balloon_area .balloon{display:block;position:relative;top:0;margin:50px auto 0;transform:translate(0,0)}
	.onlinebooth_wrap .tab_section.prgm .balloon_area.tr{text-align:center !important}
}
@media (max-width:870px){ /* 200623 수정 */
	.cartegory_head.onlinebooth{height:auto;padding-bottom:70px}
	.cartegory_head.onlinebooth .slide-bottom{text-align:center}
	.cartegory_head.onlinebooth img{position:relative;}
	.cartegory_head.onlinebooth .tit_h2{position:relative;top:0;left:0;text-align:center;word-break:keep-all}
	.cartegory_head.onlinebooth .tit_h2:before{content:"";display:block;width: 40px;height:1px;margin:18px auto;background-color:#fff}
	.cartegory_head.onlinebooth .tit_h2 > strong{display:inline}
	.cartegory_head.onlinebooth .tit_h2 > span{display:block}
	.cartegory_head.onlinebooth .tit_h2 + p{position:relative;top:0;margin-top:5px}
	.onlinebooth_wrap .tab_section .sec.pd_t0 .desc{width:100%;padding-bottom:20px}
	.onlinebooth_wrap .tab_section .sec .desc.pd_b0,
	.onlinebooth_wrap .tab_section .sec .desc.pd_b10{padding-bottom:20px !important}
	.onlinebooth_wrap .tab_section .btn_go{position:relative;top:0;right:0;margin-bottom:20px}
	.onlinebooth_wrap .tab_section img[src*="m_img"]{display:block;margin:0 auto}
	.onlinebooth_wrap .tab_section .balloon_area{margin-top:30px}
	.onlinebooth_wrap .tab_section .balloon_area .balloon{padding:20px 0;font-size:18px;font-weight:500}
	.onlinebooth_wrap .tab_section.prgm .balloon_area .balloon{padding:34px 0 24px;background:url(../../../../../images/egovframework/com/ebs/etc/onlinebooth/balloonbox.png) no-repeat 0 0;background-size:100% 100%}
	.onlinebooth_wrap .tab_section.prgm .balloon_area .balloon:before{display:none}
	.onlinebooth_wrap .tab_section.prgm .balloon_area.tr{margin-top:20px}
	.onlinebooth_wrap .tab_section.prgm .balloon_area .balloon{margin-top:10px}
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon{margin-top:15px}
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon:before{top:-20px;margin-left:-8px;border-width:10px 8px}
}
@media (max-width:767px){
	.onlinebooth_wrap .tab_section .balloon_area .playing{width:100%}
	.onlinebooth_wrap .tab_section .balloon_area .playing > li{margin-bottom:20px}
	.onlinebooth_wrap .tab_section .balloon_area .playing > li:last-child{margin-bottom:0}
	.onlinebooth_wrap .tab_section .balloon_area .playing.play02 > li,
	.onlinebooth_wrap .tab_section .balloon_area .playing.play03 > li{width:100%;margin-right:0}
	.onlinebooth_wrap .tab_section .balloon_area .lang{width:100%}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li{width:calc(33.33% - 18px);margin:0 26px 26px 0;text-align:center}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li:nth-child(3n){margin-right:0}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li:nth-child(4n){margin-right:26px}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li:nth-child(n+5){margin-top:0}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li:nth-child(n+7){margin-bottom:0}
	.onlinebooth_wrap .tab_section.play .balloon_area .playing img{width:100%}
}
@media (max-width:480px){
	.cartegory_head.onlinebooth .tit_h2{font-size:16px}
	.cartegory_head.onlinebooth .tit_h2 + p{font-size:14px}
	.onlinebooth_wrap .tab_section .sec{padding:15px 0 40px}
	.onlinebooth_wrap .tab_section .desc{padding:21px 0;font-size:18px}
	.onlinebooth_wrap .tab_section.prgm .sec .desc.pd_b0 > span{display:block}
	.onlinebooth_wrap .tab_section.prgm .balloon_area .balloon{width:100%}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li{width:calc(33.33% - 14px);margin:0 21px 21px 0}
	.onlinebooth_wrap .tab_section .balloon_area .lang > li:nth-child(4n){margin-right:21px}
	.onlinebooth_wrap .tab_section .balloon_area .playing .mintit{font-size:18px}
	.onlinebooth_wrap .tab_section.play .balloon_area .balloon{width:100%}
	.onlinebooth_wrap .tab_section .balloon_area .notice,.onlinebooth_wrap .tab_section.play .notice{font-size:14px}
}
/* 200605 온라인 부스 페이지 : e */

/* 200609 소개 영상 추가 : s */
@media (max-width:1200px){
	.esof_intro_area .video_box .tab_video.tab_en li{width:calc(50% - 20px)}
}
@media (max-width:995px){
	.esof_intro_area{margin-bottom:50px}
	.esof_intro_area .normal_box{float:none;width:100%;margin-right:0;margin-bottom:30px}
	.esof_intro_area .video_box{float:none;width:100%;margin-right:0}
	.esof_intro_area .video_box .tab_video{margin-right:0}
}
@media (max-width:568px){
	.esof_intro_area .video_box .tab_video{margin-left:-10px}
	.esof_intro_area .video_box .tab_video li{width:calc(33.33% - 10px);margin-left:10px}
	.esof_intro_area .video_box .tab_video li a{font-size:15px}
}
/* 200609 소개 영상 추가 : e */

/* 200612 점박이 웹버전 : s */
@media(max-width:934px){
	/* 놀이터 반응형일때 탭메뉴 사이즈 수정 */
	.learning_menu .tab_playground, .learning_menu .tab_playground .content_menu ul{width:100%}
	.learning_menu .tab_playground .content_menu ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
	.learning_menu .tab_playground .content_menu ul > li{float:none;display:inline-block}
	.learning_menu .tab_playground .content_menu ul > li a span{padding:15px 18px}
}
@media(max-width:768px){
	.jbweb_wrap{background:#fff url(../../../../../images/egovframework/com/ebs/event/m_bg_jbweb.jpg) no-repeat 50% 0;background-size:100%}
	.jbweb_wrap .pc_img{display:none}
	.jbweb_wrap .mo_img{display:block}
	.jbweb_wrap .jbweb_body{padding-bottom:62px}
	.jbweb_wrap .jbweb_body .btn_video{top:39.2%;width:32.7%}
	.jbweb_wrap .jbweb_body .btn_video img{width:100%}
	.jbweb_wrap .jbweb_body .btn{margin-top:33px}
}
@media(max-width:568px){
	.jbweb_wrap{padding-bottom:40px}
	.jbweb_wrap .jbweb_body .btn{width:calc(100% - 70px);height:39px;font-size:17px}
	.jbweb_wrap .jbweb_body .btn:before{bottom:-7px;background:url(../../../../../images/egovframework/com/ebs/event/m_btn_penggame_shadow.png) no-repeat 50% 100%;background-size:100%}
	.jbweb_wrap .jbweb_body .btn span{padding:12px 0 10px}
}
/* 200612 점박이 웹버전 : e */

/* 200611 온라인클래스&코로나19 배너 추가 : s */
@media (max-width:1180px){
	.section_m .banner{width:calc(50% - 10px)}
	.section_m .banner.onlineclass{margin-right:20px}
}
@media (max-width:1024px){
	.section_m{padding-top:51px}
	.section_m .banner{width:100%}
	.section_m .banner.onlineclass{margin-right:0;margin-bottom:20px}
	.section_m .banner.corona19{background:#fae870 url(../../../../../images/egovframework/com/ebs/main/bg_banner02.png) no-repeat 100% -22px}
}
@media (max-width:520px){
	.section_m .banner{height:auto}
	.section_m .banner.corona19{background:#fae870 url(../../../../../images/egovframework/com/ebs/main/bg_banner02.png) no-repeat 100% 50%}
	.section_m .banner.corona19 > .tit + span{display:block;padding-top:0}
	.section_m .banner.corona19 .btn_area > a:nth-child(1){margin-bottom:5px}

}
@media (max-width:480px){
	.section_m .banner{padding:20px}
	.section_m .banner.onlineclass{margin-bottom:10px;background:#c8ecfa url(../../../../../images/egovframework/com/ebs/main/bg_banner01.png) no-repeat 0 50%}
	.section_m .banner.onlineclass .btn_go{position:relative;top:0;right:0;width:auto;height:39px;padding:0 15px;margin-top:10px;font-size:17px;line-height:39px;border-radius:20px}
	.section_m .banner.onlineclass .btn_go:after{display:inline-block;position:relative;top:-1px;margin:0 0 0 10px}
	.section_m .banner.corona19 .btn_area > a{font-size:17px}
}
@media (max-width:374px){
	.section_m .banner.onlineclass > .tit{width:200px;background-size:200px}
	.section_m .banner.corona19 > .tit{width:100%;background-size:100%}
}
@media (max-width:359px){
	.section_m .banner > p{padding-top:0;font-size:14px}
	.section_m .banner.corona19 > .tit + span{font-size:14px}
	.section_m .banner.corona19 .btn_area{padding-top:8px}
	.section_m .banner.onlineclass .btn_go{height:30px;font-size:14px;line-height:30px}
	.section_m .banner.corona19 .btn_area > a{height:30px;font-size:14px;line-height:30px}
}
/* 200611 온라인클래스&코로나19 배너 추가 : e */

/* 200617 모바일 영문 선택 추가 : s */
@media (max-width:995px){
	#header .mobile_lang{display:block}
}
/* 200617 모바일 영문 선택 추가 : e */

/* 200625 메인 러닝맵 슬라이드 : s */
@media ( max-width :995px) {
	.section_g{height:auto}
	.section_g .runmap_slide{height:632px}
	.section_g .runmap_slide .slide{margin-top:187.5px}
	.section_g .runmap_slide .slick-active.slick-center{height:auto}
	.section_g .runmap_slide .slick-active.slick-center.center{width:400px;height:auto}
	.section_g .runmap_slide .slide .area{height:auto}
	.section_g .runmap_slide .swiper_img{float:none}
	.section_g .runmap_slide .slick-active.slick-center.center .swiper_img{width:100%}
	.section_g .runmap_slide .swiper_txt{float:none;width:100%}
}
@media ( max-width :600px) {
	.section_g .slick-arrow{top:auto;bottom:0}
	.section_g .runmap_slide{height:682px}
	.section_g .runmap_slide .slide{width:auto;height:auto;margin-top:0}
	.section_g .runmap_slide .swiper_img img,
	.section_g .runmap_slide .slick-active.slick-center.center .swiper_img img{max-height:none}
	.section_g .runmap_slide .slick-active.slick-center.center{width:auto;height:auto}
}
@media ( max-width :500px) {
	.section_g .runmap_slide{height:624px}
}
@media ( max-width :414px) {
	.section_g .runmap_slide{height:570px}
}
@media ( max-width :359px) {
	.section_g .runmap_slide{height:550px}
}
/* 200625 메인 러닝맵 슬라이드 : e */


/* 200630 지도사 자격 배너 : s */
@media (max-width:1270px){
	.section_f .newmain_slide .swiper_txt.txt07{padding-top:45px}
}
@media (max-width:860px){
	.section_f .newmain_slide .swiper_txt.txt07{width:60%}
	.section_f .newmain_slide .swiper_txt.txt07 .bnr_tit{font-size:29px}
	.section_f .newmain_slide .swiper_img.obj07{position:static;width:30%;min-width:auto}
}
@media (max-width:833px){
	.section_f .newmain_slide .swiper_txt.txt07{padding-top:25px}
}
@media (max-width:654px){
	.section_f .newmain_slide .swiper_txt.txt07 .bnr_tit{font-size:25px}
}
@media (max-width:640px){
	.section_f .newmain_slide .swiper_txt.txt07{width:100%}
}
@media (max-width:500px){
	.section_f .newmain_slide .swiper_txt.txt07{padding-top:40px;padding-left:35px}
	.section_f .newmain_slide .swiper_txt.txt07 .bnr_tit{font-size:21px}
}
@media (max-width:330px){
	.section_f .newmain_slide .swiper_txt.txt07{padding-top:30px}
}
/* 200630 지도사 자격 배너 : e */

/* 200701 2020 온라인 코딩파티 시즌1 : s */
@media ( max-width :1023px) {
	.event_2020codingparty .sec_event01 .step_area{background: url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_530.png) no-repeat 50% -13px}
	.event_2020codingparty .sec_event01 .step_area ol{width:510px}
	.event_2020codingparty .sec_event01 .step_area li{width:168px;margin-right:3px}
	.event_2020codingparty .sec_event01 .step_area li.step04{margin-right:70px}
	.event_2020codingparty .sec_event01 .step_area li.step05{margin-top:5px;margin-left:70px}
	.event_2020codingparty .sec_event01 .step_area li .img{padding:0 20px}
	.event_2020codingparty .sec_event01 .step_area li dl dd{font-size:15px}
	.event_2020codingparty .sec_event01 .step_area li.step01 dl dd{position:relative;top:0;left:0;width:auto}
	.event_2020codingparty .sec_event01 .step_area li.step01 dl dd br{display:none}
}
@media ( max-width :995px) {
	.event_2020codingparty .sec_event02 .subtit{padding-top:590px;background-position:50% 10%}
	.event_2020codingparty .sec_event02 .pengsu_goods{top:310px;left:50%;margin-left:-113px}
}
@media ( max-width :900px) {
	.event_2020codingparty .sec_product{background-size:auto 100%}
	.event_2020codingparty .sec_product ul li{width:calc(50% - 10px);margin-bottom:60px}
	.event_2020codingparty .sec_product ul li:nth-child(2){margin-right:0}
	.event_2020codingparty .sec_product ul li:nth-child(3){margin-bottom:0}
	.event_2020codingparty .sec_product ul li:last-child{margin-bottom:0}
	.event_2020codingparty .sec_certificate{background: url(../../../../../images/egovframework/com/ebs/event/codingparty2020/bg_certificate.png) no-repeat 50% 50%}
}
@media ( max-width :768px) {
	.event_2020codingparty .intro_area{margin:0 10px;padding-bottom:70px}
	.event_2020codingparty .sec_product{padding:68px 20px 121px}
	.event_2020codingparty .sec_certificate{padding:97px 20px 98px;background-size:115% auto}
	.event_2020codingparty .intro_area .tit_area img{width:360px}
	.event_2020codingparty .intro_area .desc{width:80%;margin:0 auto;word-break:keep-all}
	.event_2020codingparty .sec_certificate > dt{font-size:30px}
	.event_2020codingparty .sec_certificate ul li{width:350px;height:41px;line-height:39px}
	.event_2020codingparty .sec_certificate ul li .game{font-size:20px}
	.event_2020codingparty .sec_certificate ul li .num{font-size:20px;line-height:35px}
	.event_2020codingparty .sec_certificate ul li .num > em{position:relative;top:1px;margin-right:6px;font-size:22px}
	.event_2020codingparty .sec_certificate .btn_apply{height:41px;font-size:20px;line-height:41px}
	.event_2020codingparty .sec_event02 .hashtag{width:100%;padding:20px 20px 33px}
	.event_2020codingparty .sec_summary{padding:31px 30px 44px}
}
@media ( max-width :650px) {
	.event_2020codingparty .intro_area{padding-bottom:105px}
	.event_2020codingparty .intro_area .subtit{height:auto;padding:10px 16px;line-height:150% !important}
	.event_2020codingparty .intro_area .subtit > span{display:inline-block}
	.event_2020codingparty .intro_area .tit_area img{width:300px}
	.event_2020codingparty .sec_event01 .step_area{background:url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_285.png) no-repeat 50% 0}
	.event_2020codingparty .sec_event01 .step_area ol{width:340px}
	.event_2020codingparty .sec_event01 .step_area li{margin-top:20px}
	.event_2020codingparty .sec_event01 .step_area li.step02{margin-right:0}
	.event_2020codingparty .sec_event01 .step_area li.step03{float:right;margin-top:10px;padding-top:30px}
	.event_2020codingparty .sec_event01 .step_area li.step04{float:left;margin-right:3px;margin-top:7px;padding-top:0}
	.event_2020codingparty .sec_event01 .step_area li.step05{margin-top:25px;margin-left:2px}
	.event_2020codingparty .sec_event01 .step_area li dl dd{margin-top:5px;margin-bottom:10px;font-size:14px}
	.event_2020codingparty .sec_introduce{padding:60px 0}
}
@media ( max-width :600px) {
	.event_2020codingparty .intro_area{padding-bottom:85px}
	.event_2020codingparty .intro_area .tit_area{padding:35px 0 64px}
	.event_2020codingparty .intro_area .tit_area img{width:250px}
	.event_2020codingparty .sec_event02 .subtit{padding-top:500px;background-size:350px auto}
	.event_2020codingparty .sec_event02 .pengsu_goods{top:245px}
}
@media ( max-width :599px) {
	.event_2020codingparty .intro_area .desc{width:100%}
	.event_2020codingparty .sec_certificate{background: url(../../../../../images/egovframework/com/ebs/event/codingparty2020/mo_bg_certificate.png) no-repeat 50% 50%;background-size:auto 100%}
}
@media ( max-width :480px) {
	.event_2020codingparty .intro_area{padding-bottom:105px}
	.event_2020codingparty .intro_area .tit_area{padding:55px 0 64px}
	.event_2020codingparty .intro_area .tit_area img{width:220px}
	.event_2020codingparty .intro_area .date > p{font-size:16px}
	.event_2020codingparty .intro_area .subtit{font-size:16px}
	.event_2020codingparty .intro_area .desc{font-size:16px;line-height:24px !important}
	.event_2020codingparty .sec_introduce dt{float:none;height:40px;padding:0;line-height:40px;border-radius:20px 20px 0 0}
	.event_2020codingparty .sec_introduce dd{float:none;width:100%;border-radius:20px}
	.event_2020codingparty .sec_introduce dd p{text-align:center;word-break:keep-all}
	.event_2020codingparty .sec_product ul li{padding-top:160px}
	.event_2020codingparty .sec_product ul li .prize{height:29px;padding:0 12px;line-height:23px}
	.event_2020codingparty .sec_product ul li span{margin-top:3px;font-size:15px}
	.event_2020codingparty .sec_certificate > dt{padding:0;font-size:24px}
	.event_2020codingparty .sec_certificate ul li{width:100%;padding:0 20px}
	.event_2020codingparty .sec_certificate ul li .game{font-size:17px}
	.event_2020codingparty .sec_certificate ul li .num{font-size:19px}
	.event_2020codingparty .sec_event02 .subtit{padding-top:435px;font-size:22px;word-break:keep-all;background-size:250px auto}
	.event_2020codingparty .sec_event02 .subtit > span{font-size:22px}
	.event_2020codingparty .sec_event02 .pengsu_goods{top:180px}
	.event_2020codingparty .sec_event02 .subtit + p{font-size:16px;word-break:keep-all}
	.event_2020codingparty .sec_event02 .subtit + p br{display:none}
	.event_2020codingparty .sec_event02 .hashtag{font-size:14px}
}
@media ( max-width :414px) {
	.event_2020codingparty .sec_certificate{padding:60px 20px 61px}
	.event_2020codingparty .sec_certificate .btn_apply{height:31px;font-size:17px;line-height:31px}
}
@media ( max-width :408px) {
	.event_2020codingparty .intro_area{padding-bottom:60px}
}
@media ( max-width :390px) {
	.event_2020codingparty .intro_area .subtit{margin-top:100px}
	.event_2020codingparty .sec_certificate ul li{height:auto;padding:10px 15px;line-height:130%;text-align:center}
	.event_2020codingparty .sec_certificate ul li .num{display:block;float:none;margin-top:2px;font-size:17px;line-height:130%}
	.event_2020codingparty .sec_certificate ul li .num > em{font-size:19px}
}
@media ( max-width :380px) {
	.event_2020codingparty .sec_product{padding:68px 10px 121px}
	.event_2020codingparty .sec_product ul li{width:calc(50% - 5px);margin-right:10px}
	.event_2020codingparty .sec_event01 .step_area{background: url(../../../../../images/egovframework/com/ebs/event/codingparty2/bg_step_arr_230.png) no-repeat 50% 0}
	.event_2020codingparty .sec_event01 .step_area ol{width:230px}
	.event_2020codingparty .sec_event01 .step_area li{width:113px;margin-top:28px}
	.event_2020codingparty .sec_event01 .step_area li .img{padding:0 15px}
	.event_2020codingparty .sec_event01 .step_area li.step04{margin-top:0}
	.event_2020codingparty .sec_event01 .step_area li.step05{margin-top:10px;margin-left:15px}
}
@media ( max-width :360px) {
	.event_2020codingparty .intro_area .date > p{font-size:15px}
}
@media ( max-width :359px) {
	.event_2020codingparty .intro_area .date > p{font-size:13px}
	.event_2020codingparty .intro_area .desc{font-size:15px;line-height:22px !important}
	.event_2020codingparty .sec_introduce dd p{font-size:15px}
	.event_2020codingparty .sec_product ul li{width:100%;margin-right:0 !important}
	.event_2020codingparty .sec_product ul li:nth-child(3){margin-bottom:80px}
	.event_2020codingparty .sec_event01 .subtit{font-size:16px}
	.event_2020codingparty .sec_certificate{padding:40px 10px 41px}
	.event_2020codingparty .sec_certificate > dt{font-size:22px}
	.event_2020codingparty .sec_event02 .subtit{background-size:220px auto}
	.event_2020codingparty .sec_event02 .subtit + p{font-size:15px}
	.event_2020codingparty .sec_summary{padding:21px 20px 21px 30px}
}
/* 200701 2020 온라인 코딩파티 시즌1 : e */

/* 200703 온라인 코딩파티 배너 : s */
@media (max-width:1024px) {
	.section_f .newmain_slide .swiper_txt.txt08{padding-top:35px}
	.section_f .newmain_slide .swiper_img.obj08{min-width:auto;height:290px}
}
@media (max-width:640px) {
	.section_f .newmain_slide .swiper_txt.txt08{width:90%}
}
@media (max-width:500px) {
	.section_f .newmain_slide .swiper_txt.txt08{width:100%;padding-left:35px}
}
/* 200703 온라인 코딩파티 배너 : e */

/* 200710 수학과 함께하는 AI 기초 : s */
@media (max-width:1200px){
	.math_ai_area .math_ai_list > li{padding-right:0}
	.math_ai_area .math_ai_list > li .num_list .num03{right:0}
}
@media (max-width:1160px){
	.learning_menu .search_book{width:calc(100% - 813px)}
	.learning_menu .search_book .learning_search .search_form{width:100%}
	.learning_menu .search_book .learning_search .search_form input{width:100%;padding-right:34px;text-overflow:ellipsis}
}
@media (max-width:1100px){
	.math_ai_area .math_ai_list > li{padding-left:0}
	.math_ai_area .math_ai_list > li .lbl{display:inline-block;position:static;width:auto;min-width:100px;padding-right:15px;padding-left:15px;vertical-align:top}
	.math_ai_area .math_ai_list > li .lbl span{display:inline-block;vertical-align:top}
	.math_ai_area .math_ai_list > li .txt{padding:8px 0}
}
@media (max-width:995px){
	.math_ai_area .math_ai_intro{padding-right:40px;padding-left:361px;background-position:20px 100%;background-size:288px}
	.math_ai_area .math_ai_list > li .num_list > li{position:static !important;width:100% !important;margin-top:2px}
	.math_ai_area .math_ai_list > li.bg02 .txt{padding-right:40px}
	.math_ai_area .math_ai_list > li.bg03 .relative{padding-bottom:15px}
	.math_ai_area .math_ai_list > li.bg04 .txt{display:block;width:100%;padding-right:0}
	.math_ai_area .math_ai_list > li.bg04 img{display:block;margin-top:10px}
	.math_ai_area .math_ai_list > li.bg04 .tip{position:static;width:100%;margin-top:10px}
}
@media (max-width:768px){
	.math_ai_area .math_ai_intro{height:auto;padding:40px;background:#00afef}
	.math_ai_area .math_ai_outro dt{float:none;margin-right:0;margin-bottom:15px}
	.math_ai_area .math_ai_outro dd{float:none;max-width:100%}
	.math_ai_area .math_ai_list > li.bg02 .txt{display:block;width:100%;padding-right:0}
	.math_ai_area .math_ai_list > li.bg02 img{display:block;margin-top:10px}
}
@media (max-width:414px){
	.math_ai_area .math_ai_intro{padding-right:20px;padding-left:20px}
}
@media (max-width:360px){
	.math_ai_area .math_ai_list > li .part_list .tip dd{display:block;max-width:100%}
}
/* 200710 수학과 함께하는 AI 기초 : e */

/*210831 신규 AI 기초 : s*/
@media (max-width:1250px){
	.math_ai_area .math_ai_bs_top dd {flex-basis:350px; margin:40px 0 0 0}
	.math_ai_area .math_ai_bs_list > li.bg01 .img,
	.math_ai_area .math_ai_bs_list > li.bg01 .img2,
	.math_ai_area .math_ai_bs_list > li.bg02 .img,
	.math_ai_area .math_ai_bs_list > li.bg03 .img,
	.math_ai_area .math_ai_bs_list > li.bg04 .img{margin:0 0 0 0; text-align:center}

	.math_ai_area .math_ai_bs_list > li [class^="tip"] p {position:static; margin-bottom:20px;word-break:break-all; width:auto !important }
	.math_ai_area .math_ai_bs_list > li.bg01 .tip1,
	.math_ai_area .math_ai_bs_list > li.bg02 .tip1,
	.math_ai_area .math_ai_bs_list > li.bg03 .tip1 {margin-top:20px}

	.math_ai_area .math_ai_bs_list > li.bg01 .tip1 strong {margin-bottom:10px}
	.math_ai_area .math_ai_bs_list > li.bg01 .tip2 {margin-top:-12%}
	.math_ai_area .math_ai_bs_list > li.bg02 .tip2 {margin-top:-8%}
	.math_ai_area .math_ai_bs_list > li.bg02 .tip3 {margin-top:-8%}
	.math_ai_area .math_ai_bs_list > li.bg03 .img_ai1 {margin-bottom:-15%}
	.math_ai_area .math_ai_bs_list > li.bg03 .img_ai2 {margin-bottom:-5%}
	.math_ai_area .math_ai_bs_list > li.bg04 .img_ai1 {margin-bottom:-10%}
	.math_ai_area .math_ai_bs_list > li.bg04 .img_ai2 {margin-bottom:-8%}
	.math_ai_area .math_ai_bs_list > li.bg04 .img_ai3 {margin-bottom:-10%}
	.math_ai_area .math_ai_bs_list > li.bg04 .img_ai4 {margin-bottom:-8%}
	.math_ai_area .math_ai_bs_list > li.bg05 .img_ai1 {margin-bottom:-17%}
}
@media (max-width:995px){
	.math_ai_area .math_ai_bs_top dd {margin:80px 0 0 0;}
	.math_ai_area .math_ai_bs_top.gr5 dd { margin:40px 0 0 0}

	.math_ai_area .math_ai_bs_list > li.bg05 .txt_img_wrap {display:block}
	.math_ai_area .math_ai_bs_list > li.bg05 .txt_img_wrap img{margin-top:20px}
	.math_ai_area .math_ai_bs_top .mo {display:none}
}
@media (max-width:940px){
	.math_ai_area .math_ai_bs_top:after {display:none}
}
@media (max-width:720px){
	.math_ai_area .math_ai_bs_top.gr1:after {display:none}
	.math_ai_area .math_ai_bs_top .mo {display:block}
	.math_ai_area .math_ai_bs_top .pc {display:none}
	.math_ai_area .math_ai_bs_top.gr1 {background-image:url(../../../../../images/egovframework/com/ebs/ai_base/bg_tit_aibook1_mo.png); background-repeat:no-repeat; background-size:100% 100%; overflow:visible}
	.math_ai_area .math_ai_bs_top.gr2 {background-image:url(../../../../../images/egovframework/com/ebs/ai_base/bg_tit_aibook2_mo.png); background-repeat:no-repeat; background-size:100% 100%; overflow:visible}
	.math_ai_area .math_ai_bs_top.gr3 {background-image:url(../../../../../images/egovframework/com/ebs/ai_base/bg_tit_aibook3_mo.png); background-repeat:no-repeat; background-size:100% 100%; overflow:visible}
	.math_ai_area .math_ai_bs_top.gr4 {background-image:url(../../../../../images/egovframework/com/ebs/ai_base/bg_tit_aibook4_mo.png); background-repeat:no-repeat; background-size:100% 100%; overflow:visible}
	.math_ai_area .math_ai_bs_top.gr5 {background-image:url(../../../../../images/egovframework/com/ebs/ai_base/bg_tit_aibook5_mo.png); background-repeat:no-repeat; background-size:100% 100%; overflow:visible}
	.math_ai_area .math_ai_bs_top dl {display:block;}
	.math_ai_area .math_ai_bs_top dt {padding:4% 13% 0; word-break:break-all;}
	.math_ai_area .math_ai_bs_top dd {flex-basis:0; margin:0; font-size:18px; padding:4% 2% 0 9%; line-height:150%}
	.math_ai_area .math_ai_bs_top.gr5 dd {font-size:16px !important; margin:0}

	.math_ai_area .math_ai_bs_list > li {padding-left:0; padding-right:0}
	.math_ai_area .math_ai_bs_list > li .lbl {position:static}
	.math_ai_area .math_ai_bs_list > li .txt {margin-top:10px}
	.math_ai_area .math_ai_bs_list > li.bg02,
	.math_ai_area .math_ai_bs_list > li.bg03{padding-left:0; padding-right:0}
}
/*210831 신규 AI 기초 : e*/


/* 200724 온라인 코딩파티 배너 텍스트 추가 : s */
@media (max-width:1053px){
	.coding_party .tip{padding-top:15px;padding-bottom:15px}
}
@media (max-width:414px){
	.coding_party .tip{margin-top:0;margin-bottom:40px}
}
/* 200724 온라인 코딩파티 배너 텍스트 추가 : e */

/* 200803 메인롤링배너 추가 : s */
@media (max-width:1024px){
	.section_f .newmain_slide .swiper_txt.txt10{padding-top:35px}
	.section_f .newmain_slide .swiper_img.obj10{width:250px;min-width:auto}
}
@media (max-width:768px){
	.section_f .newmain_slide .swiper_img.obj10{width:200px;height:240px}
}
/* 200803 메인롤링배너 추가 : e */

/* 200812 소개 BI 추가 : s */
@media (max-width:850px){
	.bi_con .bi_sec .symbol_mark img, .bi_con .bi_sec .color_system .bi_color_img img{width:calc(50% - 10px)}
	.bi_con .bi_sec .color_system .bi_color_img img:first-child{margin-right:20px}
	.bi_con .bi_sec .color_system .color_info dd{width:calc(25% - 15px);margin-right:20px}
}
@media (max-width:780px){
	.bi_con .bi_sec .color_system .color_info dd .rgb span{margin-right:4px}
}
@media (max-width:568px){
	.bi_con .bi_sec .color_system .color_info dd{width:calc(50% - 10px)}
	.bi_con .bi_sec .color_system .color_info dd:nth-child(3){margin-right:0}
	.bi_con .bi_sec .color_system .color_info dd:nth-child(4){margin:10px 20px 0 0}
	.bi_con .bi_sec .color_system .color_info dd:nth-child(5){margin-top:10px}
}
@media (max-width:431px){
	.bi_con .bi_sec .btn_area .btn:first-child{display:block;width:200px;margin:0 auto 10px}
}
@media (max-width:414px){
	.bi_con .bi_sec .symbol_mark img, .bi_con .bi_sec .color_system .bi_color_img img{width:100%}
	.bi_con .bi_sec .color_system .bi_color_img img:first-child{margin:0 0 20px}
}
/* 200812 소개 BI 추가 : e */

/* 200831 매뉴얼 다운로드 버튼 추가 : s */
@media (max-width:680px){
	.btn_manual_down{margin-top:8px;padding-top:6px;padding-bottom:6px}
}
@media (max-width:640px){
	.btn_manual_down{margin-left:-5px;padding-right:6px;padding-left:6px}
	.btn_manual_down i{display:inline-block;font-size:14px;vertical-align:top}
	.btn_manual_down span{display:none}
}
@media (max-width:340px){
	.learning_menu .tab_group.mn_left_tab a span{padding-right:10px;padding-left:10px}
	.btn_manual_down{margin-top:10px;font-size:12px}
	.btn_manual_down i{font-size:12px}
}
@media (max-width:324px){
	.btn_box_manual .btn:first-child{margin-bottom:10px}
}
/* 200831 매뉴얼 다운로드 버튼 추가 : e */

/* 200908 온라인 코딩파티 : s */
@media (max-width:1160px){
	.online_codingparty .sec01 .txt_area:before{background-size:80%}
}
@media (max-width:1100px){
	.online_codingparty .sec03 .report_list{margin:0 -15px}
	.online_codingparty .sec03 .report_list > li{width:calc(33.33% - 30px);height:232px;margin-right:15px;margin-left:15px}
}
@media (max-width:995px){
	.online_codingparty .sec01{text-align:center}
	.online_codingparty .sec01 .container:before{content:'';position:absolute;top:-120px;bottom:-130px;left:0;width:240px;background:url(../../../../../images/egovframework/com/ebs/codingparty/mo_bg_sec01_left.png) no-repeat 0 0}
	.online_codingparty .sec01 .container:after{content:'';position:absolute;top:-120px;right:0;bottom:-130px;width:240px;background:url(../../../../../images/egovframework/com/ebs/codingparty/mo_bg_sec01_right.png) no-repeat 100% 0}
	.online_codingparty .sec01 .txt_area{display:inline-block;vertical-align:top}
	.online_codingparty .sec01 .txt_area:before{display:none}
	.online_codingparty .sec01 .txt_age{margin-right:auto;margin-left:auto}
	.online_codingparty .sec01 .btn_area{margin:0 auto;}
	.online_codingparty .sec05 .bg_box:before{left:-191px;background-size:80%}
	.online_codingparty .sec05 .bg_box:after{background-position:60px 100%;background-size:80%}
}
@media (max-width:900px){
	.online_codingparty .sec04 .container:before{top:40px;left:50px}
	.online_codingparty .sec04 .container:after{top:40px;right:50px}
	.online_codingparty .sec04 .bg_box:before{bottom:40px;left:40px}
	.online_codingparty .sec04 .bg_box:after{bottom:40px;right:40px}
	.online_codingparty .sec04 .methods_list{padding:0 90px}
	.online_codingparty .sec04 .methods_list > dd{padding-left:0}
}
@media (max-width:800px){
	.online_codingparty .sec01 .container:before,
	.online_codingparty .sec01 .container:after{background-size:80%}
	.online_codingparty .sec01 .txt{left:370px}
	.online_codingparty .sec03 .report_list > li{width:calc(50% - 30px)}
	.online_codingparty .sec03 .report_list > li.bg03{margin-left:calc(25% + 15px)}
	.online_codingparty .sec05 .bg_box{max-width:580px}
	.online_codingparty .sec05 .bg_box:before{left:-231px}
}
@media (max-width:720px){
	.online_codingparty .sec01 .container:before{left:-20px}
	.online_codingparty .sec01 .container:after{right:-20px}
	.online_codingparty .sec01 .txt{left:auto;right:-110px}
}
@media (max-width:640px){
	.online_codingparty .sec01 .container:before{width:220px;height:345px;background:url(../../../../../images/egovframework/com/ebs/codingparty/mo_bg_sec01_left01.png) no-repeat 0 -60px;background-size:80%}
	.online_codingparty .sec01 .txt_area:before{display:block;top:auto;right:auto;bottom:-70px;left:-20px;width:220px;height:85px;background:url(../../../../../images/egovframework/com/ebs/codingparty/mo_bg_sec01_left02.png) no-repeat 0 0;background-size:80%}
	.online_codingparty .sec01 .txt_area:after{content:'';position:absolute;top:-50px;right:-20px;width:220px;height:35px;background:url(../../../../../images/egovframework/com/ebs/codingparty/mo_bg_sec01_right01.png) no-repeat 100% 0;background-size:80%}
	.online_codingparty .sec01 .container:after{top:50%;width:220px;height:126px;margin-top:-63px;background:url(../../../../../images/egovframework/com/ebs/codingparty/mo_bg_sec01_right02.png) no-repeat 100% 50%;background-size:80%}
	.online_codingparty .sec01 .txt_area{display:block}
	.online_codingparty .sec01 .sec_tit{text-align:center}
	.online_codingparty .sec01 .txt{display:none}
	.online_codingparty .sec05 .bg_box:before,
	.online_codingparty .sec05 .bg_box:after{display:none}
}
@media (max-width:568px){
	.online_codingparty .sec .sec_tit{padding-top:64px;font-size:26px}
	.online_codingparty .sec01{padding:96px 0 104px}
	.online_codingparty .sec01 .container:before,
	.online_codingparty .sec01 .txt_area:before,
	.online_codingparty .sec01 .txt_area:after,
	.online_codingparty .sec01 .container:after{background-size:70%}
	.online_codingparty .sec01 .logo img:nth-child(1){width:75px}
	.online_codingparty .sec01 .logo img:nth-child(2){width:10px}
	.online_codingparty .sec01 .logo img:nth-child(3){width:161px}
	.online_codingparty .sec01 .sec_tit{font-size:79px;line-height:89px;text-align:center}
	.online_codingparty .sec01 .txt_age{max-width:346px;font-size:14px}
	.online_codingparty .sec01 .btn_area{max-width:324px;padding-top:24px}
	.online_codingparty .sec01 .btn_area .btn{padding:0 24px;font-size:13px;line-height:42px}
	.online_codingparty .sec02{padding:80px 0}
	.online_codingparty .sec02 .sub_tit{padding-right:54px;padding-left:54px;font-size:15px}
	.online_codingparty .sec02 .sec_tit{padding-top:20px;font-size:30px}
	.online_codingparty .sec03{padding-bottom:68px}
	.online_codingparty .sec03 .report_list{max-width:380px;margin:0 auto}
	.online_codingparty .sec03 .report_list > li{width:100%;height:186px;margin:56px 0 0;padding:0 45px;font-size:15px}
	.online_codingparty .sec03 .report_list > li.bg03{margin-left:0}
	.online_codingparty .sec04{margin-top:64px}
	.online_codingparty .sec04 .container:before, .online_codingparty .sec04 .container:after, .online_codingparty .sec04 .bg_box:before, .online_codingparty .sec04 .bg_box:after{width:14px;height:14px}
	.online_codingparty .sec04 .container:before{top:20px;left:30px}
	.online_codingparty .sec04 .container:after{top:20px;right:30px}
	.online_codingparty .sec04 .bg_box:before{bottom:20px;left:20px}
	.online_codingparty .sec04 .bg_box:after{bottom:20px;right:20px}
	.online_codingparty .sec04 .bg_box{padding-bottom:64px}
	.online_codingparty .sec04 .methods_list{padding:0 50px}
	.online_codingparty .sec04 .methods_list > dt{font-size:17px}
	.online_codingparty .sec04 .methods_list > dt img{width:22px;margin-top:-4px}
	.online_codingparty .sec04 .methods_list > dd{font-size:16px}
	.online_codingparty .sec05{padding-bottom:80px}
	.online_codingparty .sec05 .bg_box{margin-top:28px;padding:30px}
}
@media (max-width:500px){
	.online_codingparty .sec01 .container:before,
	.online_codingparty .sec01 .txt_area:before,
	.online_codingparty .sec01 .txt_area:after,
	.online_codingparty .sec01 .container:after{background-size:55%}
	.online_codingparty .sec01 .container:before{background-position:10px -10px}
	.online_codingparty .sec01 .container:after{margin-top:-43px}
}
@media (max-width:414px){
	.online_codingparty .sec01 .container:before,
	.online_codingparty .sec01 .txt_area:before,
	.online_codingparty .sec01 .txt_area:after,
	.online_codingparty .sec01 .container:after{background-size:45%}
	.online_codingparty .sec01 .container:before{background-position:20px -30px}
}
@media (max-width:375px){
	.online_codingparty .sec01 .container:after{display:none}
	.online_codingparty .sec01 .txt_age{max-width:321px}
	.online_codingparty .sec01 .btn_area{max-width:300px}
	.online_codingparty .sec01 .btn_area .btn{padding:0 19px}
	.online_codingparty .sec01 .btn_area .btn_mission{margin-right:10px}
	.online_codingparty .sec05 .bg_box{padding-right:20px;padding-left:20px}
}
@media (max-width:359px){
	.online_codingparty .sec .sec_tit{padding-top:56px}
	.online_codingparty .sec01{padding:84px 0 91px}
	.online_codingparty .sec01 .sec_tit{font-size:69px;line-height:78px}
	.online_codingparty .sec01 .btn_area{max-width:277px}
	.online_codingparty .sec01 .btn_area .btn{padding:0 16px}
	.online_codingparty .sec01 .btn_area .btn span{padding-right:30px}
	.online_codingparty .sec02{padding:70px 0 60px}
	.online_codingparty .sec02 .sub_tit{padding-right:30px;padding-left:30px}
	.online_codingparty .sec02 .sec_tit{padding-top:16px}
	.online_codingparty .sec03{padding-bottom:60px}
	.online_codingparty .sec03 .report_list > li{padding:0 35px}
	.online_codingparty .sec04{margin-top:56px}
	.online_codingparty .sec04 .bg_box{padding-bottom:56px}
	.online_codingparty .sec04 .methods_list{padding:0 20px}
	.online_codingparty .sec05{padding-bottom:70px}
	.online_codingparty .sec05 .bg_box{margin-top:25px;padding-right:15px;padding-left:15px}
}
/* 200908 온라인 코딩파티 : e */

/* 200908 AI 수정 : s */
@media (max-width:1200px){
	.math_ai_area .math_ai_intro.v1{padding-right:300px;padding-left:55px}
	.math_ai_area .math_ai_intro.v1:before{right:50px}
}
@media (max-width:1100px){
	.math_ai_area .math_ai_intro.v1{padding-right:290px;padding-left:45px}
	.math_ai_area .math_ai_intro.v1:before{right:40px}
}
@media (max-width:995px){
	.math_ai_area .math_ai_intro.v1{padding-right:210px;padding-left:25px}
	.math_ai_area .math_ai_intro.v1:before{right:20px;background-size:80%}
	.math_ai_area .math_ai_intro.v1 dt .mo{display:none}
}
@media (max-width:768px){
	.math_ai_area .math_ai_intro.v1{padding-right:20px}
	.math_ai_area .math_ai_intro.v1:before{display:none}
	.math_ai_area .math_ai_intro.v1 dl{top:auto;transform:none}
}
@media (max-width:640px){
	.math_ai_area .math_ai_intro.v1 dt{width:223px}
}
@media (max-width:568px){
	.math_ai_area .math_ai_intro.v1{padding-left:20px}
	.math_ai_area .math_ai_intro.v1 dt{display:block;width:326px;padding-right:0}
	.math_ai_area .math_ai_intro.v1 dt .pc{display:none}
	.math_ai_area .math_ai_intro.v1 dt .mo{display:block}
	.math_ai_area .math_ai_intro.v1 dd{display:block}
	.math_ai_area .math_ai_intro.v1 dd .inblock{display:inline}
}
@media (max-width:414px){
	.math_ai_area .math_ai_intro.v1 dt{width:100%;padding-right:40px}
}
@media (max-width:360px){
	.math_ai_area .math_ai_intro.v1 dt{padding-right:0}
}
/* 200908 AI 수정 : e */

/* 200908 내PC 돌보미 : s */
@media (max-width:1024px){
	.section_m .banner_mypc .pc{display:none}
	.section_m .banner_mypc .w1024{display:block}
}
@media (max-width:768px){
	.section_m .banner_mypc .w1024{display:none}
	.section_m .banner_mypc .w768{display:block}
}
/* 200908 내PC 돌보미 : e */

/* 200914 이솦 인공지능신규콘텐츠 : s */
@media (max-width:1180px){
	.ai_contents .intro_area{background-size:440px auto}
}
@media (max-width:1024px){
	.ai_contents .esof_special li, .ai_contents .esof_lect li{width:calc(50% - 20px)}
	.ai_contents .esof_special li:nth-child(odd), .ai_contents .esof_lect li:nth-child(odd){margin-right:40px}
}
@media (max-width:995px){
	.ai_contents .intro_area{height:444px;padding:60px 0;background:#167ed9 url(../../../../../images/egovframework/com/ebs/cstmrcenter/aicontents/ai_intro_bg.png) no-repeat 50% 100%;background-size:350px auto}
	.ai_contents .intro_area .tit{margin:0 auto 15px}
	.ai_contents .intro_area em{width:100%}
	.ai_contents .intro_area p{width:100%}
}
@media (max-width:768px){
	.ai_contents .intro_area p{font-size:16px;line-height:22px !important}
	.ai_contents .esof_special li a, .ai_contents .esof_lect li a{font-size:16px}
}
@media (max-width:600px){
	.ai_contents .intro_area{height:344px;padding:50px 0;background-size:220px auto}
	.ai_contents .intro_area em{font-size:26px;line-height:34px !important}
	.ai_contents .esof_lect{margin-top:0}
	.ai_contents .esof_special li, .ai_contents .esof_lect li{float:none;width:100%}
	.ai_contents .esof_special li:nth-child(odd), .ai_contents .esof_lect li:nth-child(odd){margin-right:0}
	.ai_contents .esof_special > .subtit, .ai_contents .esof_lect > .subtit{font-size:22px}
}
@media (max-width:414px){
	.ai_contents .intro_area{padding:40px 5px}
	.ai_contents .intro_area em{font-size:22px;line-height:24px !important}
	.ai_contents .esof_special > .subtit, .ai_contents .esof_lect > .subtit{font-size:19px}
}
@media (max-width:360px){
	.ai_contents .intro_area p{font-size:15px}
	.ai_contents .esof_special li a, .ai_contents .esof_lect li a{font-size:15px}
}
@media (max-width:340px){
	.ai_contents .intro_area p{font-size:14px}
}
/* 200914 이솦 인공지능신규콘텐츠 : e */

/* 201014 온라인 코딩파티 시즌2 팝업 : s */
@media (max-width:995px){
	.cdparty_season02 .pc_img{display:none}
	.cdparty_season02 .mo_img{display:block;width:100%}
	.cdparty_season02 .btn{width:32%;height:7%}
	.cdparty_season02 .btn_pengsoo{bottom:47%;left:9%}
	.cdparty_season02 .btn_dduang{bottom:47%;right:9%}
	.cdparty_season02 .btn_jbweb{bottom:25.8%;left:9%}
	.cdparty_season02 .btn_jb{bottom:25.8%;right:9%}
	.cdparty_season02 .btn_mission{right:6%;bottom:11.4%;left:auto;width:32%}
	.cdparty_season02 .btn_guidebook{right:6%;bottom:2.9%;left:auto;width:32%}
}
/* 201014 온라인 코딩파티 시즌2 팝업 : e */

/* 201020 2020 온라인 코딩파티 시즌2 배너 : s */
@media (max-width:1024px){
	.section_f .newmain_slide .swiper_txt.txt11{width:65%}
	.section_f .newmain_slide .swiper_img.obj11{min-width:auto;width:220px}
}
@media (max-width:769px){
	.section_f .newmain_slide .swiper_img.obj11{width:180px}
}
@media (max-width:600px){
	.section_f .newmain_slide .swiper_txt.txt11{width:80%}
}
@media (max-width:500px){
	.section_f .newmain_slide .swiper_txt.txt11{width:100%}
}
/* 201020 2020 온라인 코딩파티 시즌2 배너 : e */

/* 201023 교사용 수업방 추가 : s */
@media (max-width:640px){
	.myclass_list.btnfixed .list > li .info{padding-bottom:0}
	.myclass_list.btnfixed .list > li .info .bottom_btn{position:static;margin-top:-10px}
	.myclass_list.btnfixed .list > li .info .bottom_btn .btn{margin-top:10px}
}
/* 201023 교사용 수업방 추가 : e */

/* 201102 2020 온라인 코딩파티 시즌2 : s */
@media (max-width:995px){
	.event_2020codingparty.season2 .sec_event02 .subtit{background-position:70% 10%}
	.event_2020codingparty.season2 .sec_event02 .pengsu_goods{top:310px;left:50%;margin-left:-106px}
}
@media (max-width:940px){
	.event_2020codingparty.season2 .sec_introduce dl:nth-child(2) dd:before{display:none}
}
@media (max-width:900px){
	.event_2020codingparty.season2 .sec_product{background-size:cover}
	.event_2020codingparty.season2 .sec_product ul li{margin-bottom:75px}
	.event_2020codingparty.season2 .sec_certificate{background-position:50% 50%}
}
@media (max-width:825px){
	.event_2020codingparty.season2 .sec_introduce dl:nth-child(2) dd br{display:none}
}
@media (max-width:768px){
	.event_2020codingparty.season2 .sec_certificate{background-size:115%}
}
@media (max-width:640px){
	.event_2020codingparty.season2 .intro_area .subtit{margin-top:80px;word-break:keep-all}
}
@media (max-width:600px){
	.event_2020codingparty.season2{background-position:50% -90px}
	.event_2020codingparty.season2 .sec_certificate{background:url(../../../../../images/egovframework/com/ebs/event/codingparty2020/mo_bg_certificate_02.png) no-repeat 50% 50%;background-size:cover}
	.event_2020codingparty.season2 .sec_event02 .subtit{background-position-x:80%;background-size:280px}
	.event_2020codingparty.season2 .sec_event02 .pengsu_goods{top:245px}
}
@media (max-width:480px){
	.event_2020codingparty.season2 .intro_area .date > p{line-height:24px !important}
	.event_2020codingparty.season2 .sec_introduce dl dt{border-radius:20px 20px 0 0}
	.event_2020codingparty.season2 .sec_event02 .subtit{background-size:220px}
	.event_2020codingparty.season2 .sec_event02 .pengsu_goods{top:200px}
	.event_2020codingparty.season2 .sec_certificate > dt.bf_login{font-size:24px;line-height:30px;word-break:keep-all}
	.event_2020codingparty.season2 .sec_certificate > dd p{width:100%;font-size:18px;line-height:26px !important}
}
@media (max-width:359px){
	.event_2020codingparty.season2 .intro_area .date > p{line-height:20px !important}
	.event_2020codingparty.season2 .sec_product ul li{margin-bottom:65px}
}
/* 201102 2020 온라인 코딩파티 시즌2 : e */

/* 201104 2020 온라인 코딩파티 시즌2 (미션&선물) 배너 : s */
@media (max-width:1024px){
	.section_f .newmain_slide .swiper_txt.txt12{width:65%;padding-top:35px}
	.section_f .newmain_slide .swiper_img.obj12{min-width:auto;width:220px}
}
@media (max-width:769px){
	.section_f .newmain_slide .swiper_txt.txt12 > br{display:none}
	.section_f .newmain_slide .swiper_img.obj12{width:180px}
}
@media (max-width:600px){
	.section_f .newmain_slide .swiper_txt.txt12{width:80%}
}
@media (max-width:500px){
	.section_f .newmain_slide .swiper_txt.txt12{width:100%}
}
/* 201104 2020 온라인 코딩파티 시즌2 (미션&선물) 배너 : e */

/* 201105 2020 SW 미래채움 네트워킹 데이 : s */
@media (max-width:1023px){
	.sw_mirae_area .intro_area .tit_area:before{right:0;width:88px;height:81px;background-size:cover}
	.sw_mirae_area .intro_area .tit_area .event_tit:before{width:83px;height:75px;background-size:cover}
	.sw_mirae_area .intro_area .tit_area:after{left:0;width:108px;height:127px;background-size:cover}
	.sw_mirae_area .intro_area .order:after{right:-40px;bottom:-30px;width:144px;height:129px;background-size:cover}
	.sw_mirae_area .sec_live .video_area{margin-top:60px}
	.sw_mirae_area .sec_live .tit:after{right:30px;bottom:-78px}
	.sw_mirae_area .sec_live .video_area:before, .sw_mirae_area .sec_live .video_area:after{display:none}
	.sw_mirae_area .sec_order .first, .sw_mirae_area .sec_order .second{width:100%;background-position:50% 50%}
	.sw_mirae_area .sec_order .first .introduce{display:inline-block;margin-left:-50px}
}
@media (max-width:900px){
	.sw_mirae_area .sec_live .tit:before{display:none}
	.sw_mirae_area .sec_time{padding-top:51px}
	.sw_mirae_area .sec_time .tit{position:relative;top:-10px;left:0}
	.sw_mirae_area .sec_time .table_wrap{overflow-x:scroll}
}
@media (max-width:850px){
	.sw_mirae_area .sec_live .video_area{width:100%;height:45vw;padding:0 20px}
}
@media (max-width:820px){
	.sw_mirae_area .intro_area .tit_area .event_tit:before{top:-40px;left:0;width:63px;height:55px}
	.sw_mirae_area .intro_area .order:after{bottom:-90px}
	.sw_mirae_area .intro_area .tit_area:before,
	.sw_mirae_area .intro_area .tit_area:after{display:none}
	.sw_mirae_area .sec_order{padding-top:75px}
	.sw_mirae_area .sec_order .first, .sw_mirae_area .sec_order .second{background:url(../../../../../images/egovframework/com/ebs/event/mirae/mo_sw_bg_memo.png) no-repeat 50% 100%;background-size:95% auto}
	.sw_mirae_area .sec_order .first{margin-bottom:30px}
	.sw_mirae_area .sec_order .tit{position:relative;top:-20px}
	.sw_mirae_area .sec_order .second .introduce li{margin-right:30px}
}
@media (max-width:767px){
	.sw_mirae_area .intro_area .subtit{width:220px;height:35px}
	.sw_mirae_area .intro_area .tit_area .event_tit{width:400px;height:90px;margin:0 auto 22px}
	.sw_mirae_area .intro_area .date p{font-size:30px;background-size:340px auto}
	.sw_mirae_area .intro_area .order p{font-size:32px}
	.sw_mirae_area .intro_area .order p:first-child{margin-bottom:10px}
	.sw_mirae_area .intro_area .order:after{right:-30px;width:100px;height:90px}
	.sw_mirae_area .sec_live .tit{width:98%;background-size:contain}
	.sw_mirae_area .sec_live .tit + span{padding:0 20px;font-size:16px;word-break:keep-all}
	.sw_mirae_area .sec_live .tit:after{bottom:-75px;width:50px;height:33px;background-size:cover}
	.sw_mirae_area .sec_live .video_area{margin-top:53px}
	.sw_mirae_area .sec_order .tit{font-size:32px}
	.sw_mirae_area .sec_order .introduce li dt{font-size:30px}
	.sw_mirae_area .sec_order .introduce li dd{font-size:30px;line-height:24px}
	.sw_mirae_area .sec_order .first .tit{margin-bottom:10px}
	.sw_mirae_area .sec_order .first .introduce{margin:0 auto}
	.sw_mirae_area .sec_order .first .introduce li .thum{float:none;margin:0 auto}
	.sw_mirae_area .sec_order .first .introduce li dl{float:none;margin-top:0;text-align:center}
	.sw_mirae_area .sec_order .second{height:auto;padding-bottom:30px;background-position:50% 0;background-size:95% 100%}
	.sw_mirae_area .sec_order .second .tit{top:0}
	.sw_mirae_area .sec_order .second .introduce{margin-left:0}
	.sw_mirae_area .sec_order .second .introduce li{float:none;width:100%;margin-right:0;margin-bottom:20px}
	.sw_mirae_area .sec_order .second .introduce li dd{font-size:28px}
	.sw_mirae_area .sec_order .second .introduce li:nth-child(1) dd, .sw_mirae_area .sec_order .second .introduce li:nth-child(2) dd,
	.sw_mirae_area .sec_order .second .introduce li:nth-child(3) dd{width:100%;margin-left:0}
	.sw_mirae_area .sec_time .tit{width:180px;height:55px;font-size:30px;background-size:cover}
	.sw_mirae_area .sec_time table thead th{font-size:15px}
	.sw_mirae_area .sec_time table tbody th{font-size:15px}
	.sw_mirae_area .sec_time table tbody td{font-size:14px}
	.sw_mirae_area .sec_time table tbody td > .name{padding-left:34px;font-size:14px}
	.sw_mirae_area .sec_time table tbody td dd .name{font-size:14px}
}
@media (max-width:650px){
	.sw_mirae_area .intro_area .order p{padding:5px 0;font-size:28px;line-height:90% !important}
	.sw_mirae_area .intro_area .order p:first-child{background:url(../../../../../images/egovframework/com/ebs/event/mirae/mo_sw_line_green_bold01.png) no-repeat 50% 50%;background-size:80% 90%}
	.sw_mirae_area .intro_area .order p:last-child{background:url(../../../../../images/egovframework/com/ebs/event/mirae/mo_sw_line_green_bold02.png) no-repeat 50% 50%;background-size:contain}
	.sw_mirae_area .intro_area .order p strong{display:block}
	.sw_mirae_area .sec_live .tit{height:97px;background:url(../../../../../images/egovframework/com/ebs/event/mirae/mo_sw_tit_2020_live.png) no-repeat 50% 50%}
	.sw_mirae_area .sec_live .tit:after{display:none}
	.sw_mirae_area .sec_live .video_area{position:relative}
	.sw_mirae_area .sec_live .video_area:before{display:block;position:absolute;top:-46px;right:20px;left:auto;width:69px;height:46px;background:url(../../../../../images/egovframework/com/ebs/event/mirae/sw_ico_live02.png) no-repeat}
	.sw_mirae_area .sec_order .tit{padding:10px 0;line-height:80%}
	.sw_mirae_area .sec_order .tit em{display:block}
	.sw_mirae_area .sec_order .first{height:auto;padding-bottom:40px}
	.sw_mirae_area .sec_order .first .tit{margin-bottom:0;background:url(../../../../../images/egovframework/com/ebs/event/mirae/mo_sw_line_green_bold01.png) no-repeat 50% 50%;background-size:80% 90%}
	.sw_mirae_area .sec_order .second .tit{background:url(../../../../../images/egovframework/com/ebs/event/mirae/mo_sw_line_green_bold02.png) no-repeat 50% 50%;background-size:contain}
	.sw_mirae_area .sec_time:after{display:none}
	.sw_mirae_area .sec_time table{width:480px}
	.sw_mirae_area .sec_time table tbody th{padding:0 10px}
	.sw_mirae_area .sec_time table tbody td{padding:6px 10px 10px}
}
@media (max-width:500px){
	.sw_mirae_area .intro_area .tit_area .event_tit{width:100%;height:19vw;background-size:100% 19vw}
	.sw_mirae_area .intro_area .tit_area .event_tit:before{top:-30px;left:20px;width:43px;height:35px}
	.sw_mirae_area .intro_area .tit_area .word{width:90%;height:5.5vw;background: url(../../../../../images/egovframework/com/ebs/event/mirae/sw_txt_esof_ytb.png) no-repeat 50% 50%;background-size:contain}
	.sw_mirae_area .sec_order{padding:60px 0 30px}
	.sw_mirae_area .sec_order .first .introduce li dt{margin:3px 0 -4px}
	.sw_mirae_area .sec_live{padding:36px 0 40px}
	.sw_mirae_area .sec_live .tit{width:95%;height:17vw;background-size:95% 17vw}
	.sw_mirae_area .sec_live .tit + span{margin-top:5px;font-size:14px;font-weight:500}
	.sw_mirae_area .sec_live .video_area{margin-top:36px}
	.sw_mirae_area .sec_live .video_area:before{top:-35px;width:49px;height:32px;background-size:cover}
	.sw_mirae_area .sec_live .video_area + span{font-size:15px}
}
@media (max-width:414px){
	.sw_mirae_area .intro_area .subtit{width:75%;height:10vw;background-size:75% 10vw}
	.sw_mirae_area .intro_area .tit_area .event_tit{width:90%;height:14vw;background-size:90% 14vw}
	.sw_mirae_area .intro_area .tit_area .event_tit:before{display:none}
	.sw_mirae_area .intro_area .tit_area .word{width:80%;border-image-slice:4 4 4 4 fill;border-image-width:4px 4px 4px 4px}
	.sw_mirae_area .intro_area .date p{font-size:26px;background-size:85%}
	.sw_mirae_area .intro_area .order:after{bottom:-75px}
	.sw_mirae_area .intro_area .order p{font-size:24px}
	.sw_mirae_area .sec_live .video_area{margin-bottom:1px}
	.sw_mirae_area .sec_live .video_area:before{top:-24px;width:34px;height:22px}
	.sw_mirae_area .sec_order .second .tit{top:-20px;width:85%;margin:0 auto}
	.sw_mirae_area .sec_order .tit, .sw_mirae_area .sec_order .introduce li dt{font-size:28px}
	.sw_mirae_area .sec_order .introduce li dd, .sw_mirae_area .sec_order .second .introduce li dd{font-size:26px}
	.sw_mirae_area .sec_time{padding:35px 15px 40px }
	.sw_mirae_area .sec_time .tit{width:150px;font-size:26px}
}
@media (max-width:375px){
	.sw_mirae_area .intro_area .tit_area .word{border-image-slice:3 3 3 3 fill;border-image-width:3px 3px 3px 3px;border-image-outset:4px 0 4px 0}
	.sw_mirae_area .sec_order .tit, .sw_mirae_area .sec_order .introduce li dt{font-size:26px}
	.sw_mirae_area .sec_time table{width:420px}
	.sw_mirae_area .sec_time table thead th, .sw_mirae_area .sec_time table tbody th{font-size:14px}
	.sw_mirae_area .sec_time table tbody th{padding:0 4px}
	.sw_mirae_area .sec_time table tbody td{font-size:13px}
	.sw_mirae_area .sec_time table tbody td > .name{padding-left:31px;font-size:13px}
	.sw_mirae_area .sec_time table tbody td dd .name{font-size:13px}
}
@media (max-width:359px){
	.sw_mirae_area .intro_area .date p{font-size:22px;background-size:95%}
	.sw_mirae_area .sec_live{padding-bottom:30px}
	.sw_mirae_area .sec_live .tit + span{font-size:12px}
	.sw_mirae_area .sec_live .video_area{height:40vw}
	.sw_mirae_area .sec_live .video_area + span{font-size:13px}
	.sw_mirae_area .sec_order .tit, .sw_mirae_area .sec_order .introduce li dt{font-size:24px}
	.sw_mirae_area .sec_order .second .tit{width:100%}
	.sw_mirae_area .sec_order .introduce li dd, .sw_mirae_area .sec_order .second .introduce li dd{margin-top:2px;font-size:22px;line-height:18px}
}
/* 201105 2020 SW 미래채움 네트워킹 데이 : e */

/* 201106 두들리고 수정 : s */
@media (max-width:1150px){
	.v1 .dudeul_sec.adventure ol li:before{width:320px;height:320px}
	.v1 .dudeul_sec.adventure ol li:nth-child(odd) dl{padding-left:80px}
	.v1 .dudeul_sec.adventure ol li:nth-child(even) dl{padding-right:80px}
}
@media (max-width:1072px){
	.v1 .dudeul_sec.adventure ol li dd p br{display:none}
}
@media (max-width:995px){
	.v1 .dudeul_sec.feature ul{width:100%}
	.v1 .dudeul_sec.feature ul li:nth-child(2){padding-right:30px;padding-left:30px}
	.v1 .dudeul_sec.feature ul li:nth-child(2) p{margin:0}
	.v1 .dudeul_sec.adventure ol li:before{width:300px;height:300px}
}
@media (max-width:860px){
	.v1 .dudeul_sec.adventure ol li:nth-child(odd) dl{padding-left:100px}
	.v1 .dudeul_sec.adventure ol li:nth-child(even) dl{padding-right:100px}
}
@media (max-width:768px){
	.v1 .dudeul_sec.adventure ol li:before{width:100%}
	.v1 .dudeul_sec.adventure ol li:nth-child(odd) dl{padding-left:30px}
	.v1 .dudeul_sec.adventure ol li:nth-child(even) dl{padding-right:30px}
	.v1 .dudeul_sec.adventure ol li dd p br{display:block}
}
@media (max-width:746px){
	.v1 .dudeul_sec.rules .rules_list li:nth-child(4) .txt{min-height:40px}
}
@media (max-width:640px){
	.v1 .dudeul_sec.rules .rules_list li:nth-child(4) .txt{min-height:auto}
	.v1 .dudeul_sec.adventure .intro .hello{width:90%;padding-right:0;padding-left:0;word-break:keep-all}
}
@media (max-width:600px){
	.v1 .dudeul_sec.adventure ol li:before{height:250px}
}
@media (max-width:535px){
	.v1 .dudeul_sec.feature ul li:nth-child(2) p br{display:none}
}
@media (max-width:480px){
	.dudeulgo_wrap.v1 .dudeul_dwld_box .dudeul_dwld,
	.dudeulgo_wrap.v1 .dudeul_dwld_box .dudeul_guide{display:block;width:252px;margin:0 auto}
	.dudeulgo_wrap.v1 .dudeul_dwld_box .dudeul_guide{margin-top:10px}
}
@media (max-width:414px){
	.dudeulgo_wrap.v1 .dudeul_dwld_box .dudeul_guide{font-size:16px}
	.v1 .dudeul_sec.adventure .intro:before{width:192px;height:192px;background-size:100%}
}
@media (max-width:375px){
	.v1 .dudeul_sec.feature ul li:nth-child(2) p br{display:block}
	.v1 .dudeul_sec.adventure ol li:nth-child(odd) dl{padding-right:30px}
}
/* 201106 두들리고 수정 : e */

/* 201106 비트고 수정 : s */
@media (max-width:1200px){
	.beat_sec.adventure ol li:nth-child(4) dl{margin:0 9%}
}
@media (max-width:1150px){
	.v1 .beat_sec.adventure ol li:before{width:320px;height:320px}
}
@media (max-width:1000px){
	.beat_sec.adventure ol li:nth-child(4) dl{margin:0 4%}
}
@media (max-width:995px){
	.v1 .beat_sec.adventure ol li:before{width:300px;height:300px}
}
@media (max-width:768px){
	.v1 .beat_sec.adventure ol li:before{width:100%}
	.beat_sec.adventure ol li:nth-child(4) dl{margin:0;padding:30px;text-align:center}
}
@media (max-width:640px){
	.v1 .beat_sec.rules .rules_list li .txt_area{padding-right:10px;padding-left:10px}
}
@media (max-width:600px){
	.v1 .beat_sec.adventure ol li:before{height:250px}
}
@media (max-width:460px){
	.beatgo_wrap.v1 .beat_dwld_box .beat_dwld,
	.beatgo_wrap.v1 .beat_dwld_box .beat_guide{display:block;width:235px;margin:0 auto}
	.beatgo_wrap.v1 .beat_dwld_box .beat_guide{margin-top:10px}
}
@media (max-width:450px){
	.beat_sec.adventure ol li:nth-child(4) dl:after{position:relative;bottom:0}
}
@media (max-width:414px){
	.beatgo_wrap.v1 .beat_dwld_box .beat_guide{font-size:16px}
	.v1 .beat_sec.adventure .intro:before{width:192px;height:192px;background-size:100%}
}
/* 201106 비트고 수정 : e */

/* 201127 리뉴얼 3차 공통 수정 : s */
@media (min-width:996px){
	#header.renewal .searchArea{display: inline-block;position:static;height:auto;margin-top: 5px;font-size: 0;vertical-align: top;opacity:1;visibility:visible}
	#header.renewal .searchArea .searchFrm{height:auto;background-color:#fff}
	#header.renewal .searchArea .searchFrm .search_close{display:none}
	.searchArea .searchFrm .searchZone{width:100%;padding-top:0}
	#header.renewal .searchArea .searchFrm .searchZone .searchBox{height:auto;margin-bottom:0}
	#header.renewal .searchArea .searchFrm .searchZone .searchBox label{top:0;left:3px;color:#333;font-size:16px;font-weight:400}
	#header.renewal .searchArea .searchFrm .searchZone .searchBox label.active{display:none}
	#header.renewal .searchArea .searchFrm .searchZone .searchBox i{position:absolute;top:2px;right:38px;float:none;margin:0;color:#7232d8}
	#header.renewal .searchArea .searchFrm .searchZone .searchBox .ico_search{right:0;bottom:11px;width:24px;height:25px;text-indent:-9999px;background:url(../../../../../images/egovframework/com/ebs/renewal/common/btn_search.png) no-repeat 0 0}/* 2023-07-14 수정 */
	#header.renewal .searchArea input{position:static;width:277px;padding:0 60px 16px 3px;color:#333;font-size:16px;text-indent:3px;border:0;border-bottom:2px solid #333}
	#header.renewal .searchArea input::placeholder{color:#5a5a5a;font-size:16px;opacity:1}
	#header.renewal .searchArea input:-ms-input-placeholder{color:#5a5a5a;font-size:16px;vertical-align:top}
	#header.renewal .searchArea input::-ms-input-placeholder{color:#5a5a5a;font-size:16px}
	#header.renewal .searchArea button{position:absolute;right:9px;bottom:11px;width:21px;height:21px;text-indent:-9999px;background:url(../../../../../images/egovframework/com/ebs/renewal/common/btn_search.png) no-repeat 0 0}
	#header.renewal .auto_search, #header.renewal .auto2_search{position:absolute;top:32px;right:0;left:0;height:auto;margin-top:0;padding-top:7px;border:2px solid #333;z-index:100}
	#header.renewal .auto_search > p, #header.renewal .auto2_search > p{padding:0 10px;color:#5a5a5a;font-size:14px;line-height:20px;text-align:left}
	#header.renewal .auto2_search ul li{padding-top:2px;padding-bottom:2px;color:#5a5a5a;font-size:14px;line-height:20px}
	#header.renewal .auto_search_bottom, #header.renewal .auto2_search_bottom{height:36px;margin-top:7px;padding-top:9px;text-align:right;border-top:none;background-color:#eaeaea}
	#header.renewal .auto_search_bottom > a, #header.renewal .auto2_search_bottom > a{display:inline-block;padding-right:21px;color:#5a5a5a;font-size:14px;vertical-align:top;background:url(../../../../../images/egovframework/com/ebs/renewal/common/bg_close.png) no-repeat 100% 50%}
}
/* 2023-08-30 gnb 수정 : s */
@media (max-width:1294px){
	#header.renewal #gnb > .total{left:0;margin-left:0}
	.fixed_gnb > .gnb{padding: 0 30px;}
}
/* 2023-08-30 gnb 수정 : e */
@media (max-width:1046px){
	#header.renewal .top_area .snb > li, #header.renewal .top_area .snb > li.lst.cstm{width:120px}
	#header.renewal .top_area .snb > li.lst.member{width:120px;min-width:auto}
	#header.renewal .top_area .snb > li > a{padding:0 12px}
}
@media (max-width:995px){
	.container{padding:0 20px} /* 2023-08-17 추가 */
	#wrap.renewal{padding-top:0} /* 2022-09-26 수정 */
	#wrap.renewal.top_active{padding-top:84px}
	#wrap.renewal.top_active #header.renewal .top_area{display:block}
	#header.renewal{position:sticky;border-top:none;z-index:10000} /* 2022-09-26 수정 */
	.fixed_gnb > .gnb{padding:0}
	#header.renewal .container, #gnb.fixed_gnb .container{padding:0;text-align:center} /* 2022-09-26 수정 */
	#header.renewal .fixed_area{width:100%;background-color:#fff;z-index:999} /* 2022-09-26 고정해제 */
	#header.renewal .top_area{display:none;height:auto}
	#header.renewal .top_area{display:block !important}
	#header.renewal .top_area .sentence{float:none;padding:5px 0 6px;font-size:13px;line-height:130%}
	#header.renewal .top_area .snb, #header.renewal .mid_area .room{display:none}
	#header.renewal .mid_area{padding:0;height:65px} /* 2023-07-14 수정 */
	#header.renewal .mid_area .mobile_hambtn{display: inline-block;position: absolute;top:50%;left: 15px;transform:translateY(-50%);width: 23px;height: 23px;color:#333;font-size: 15px;background-color: transparent;} /* 2023-07-14 수정 */
	#header.renewal .mid_area .mobile_hammnu{transition:left .4s;display:block;position:fixed;top:-11px;left:-9999px;width:100%;height:100vh;background-color:#7232d8;z-index:100;} /* 2022-09-20 수정 */
	#header.renewal .mid_area .mobile_hammnu.active{left:0}
	#header.renewal.top .mid_area .mobile_hammnu{top: 0} /* 2022-09-26 위치 수정 */
	#header.renewal .mid_area .mobile_hammnu > .btn_close{position:absolute;top:15px;right:15px;width:11px;height:11px;text-indent:-9999px;background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_btn_close.png) no-repeat 0 0;background-size:cover}
	#header.renewal .mid_area .mobile_hammnu > .top_area{z-index:100;padding:35px 15px 21px;background-color:#7232d8}
	#header.renewal .mid_area .mobile_hammnu > .top_area .profile{float:left;width:48px;height:48px;margin-right:13px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .profile > img{width:100%;height:100%}
	#header.renewal .mid_area .mobile_hammnu > .top_area .info{position:relative;float:left;width:calc(100% - 61px);text-align:left}
	#header.renewal .mid_area .mobile_hammnu > .top_area .info .login{display:block;margin:2px 0 2px;color:#fff;font-size:18px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .info .to_start a{color:#fff;font-size:13px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .info .to_start a:after{content:'';display:inline-block;width:5px;height:8px;margin:-2px 0 0 6px;vertical-align:middle;background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_ico_arr_wt.png) no-repeat 0 0;background-size:cover}
	#header.renewal .mid_area .mobile_hammnu > .top_area .info .to_start a:first-child:after{margin-right:10px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .detail_area{display:inline-block;position:relative}
	#header.renewal .mid_area .mobile_hammnu > .top_area .btn_detail{padding-bottom:2px;color:#fff;font-size:18px;border-bottom:1px solid #fff}
	#header.renewal .mid_area .mobile_hammnu > .top_area .btn_detail:after{content:'';transition:all .4s;display:inline-block;width:8.5px;height:4px;margin:-4px 0 0 20px;vertical-align:middle;background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_ico_dropdown.png) no-repeat 0 0;background-size:cover}
	#header.renewal .mid_area .mobile_hammnu > .top_area .btn_detail span{display:inline-block;overflow:hidden;max-width:100px;min-width:63px;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
	#header.renewal .mid_area .mobile_hammnu > .top_area .btn_detail.active:after{transform:rotate(180deg)}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail{z-index:101;display:none;position:absolute;top:27px;left:0;width:100%;background-color:#fff;padding:10px;box-shadow:2.5px 4.3px 40px 0 rgba(0, 0, 0, 0.25)}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail li{line-height:24px;border-top:1px solid #ccc}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail li:first-child{border-top:0}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail li a{font-size:13px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail li.logout{margin:0 -10px -10px;border-top:0;background-color:#767676}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail li.logout a{display:block;padding:2px 10px;color:#fff}
	#header.renewal .mid_area .mobile_hammnu > .top_area .box_detail li.logout a:before{content:'';display:inline-block;width:13px;height:12px;margin:-2px 4px 0 0;vertical-align:middle;background:url(../../../../../images/egovframework/com/ebs/renewal/common/ico_logout_wt.png) no-repeat 0 0;background-size:100%}
	#header.renewal .mid_area .mobile_hammnu > .top_area .myinfo{margin-top:7px;padding-right:60px;line-height:1}
	#header.renewal .mid_area .mobile_hammnu > .top_area .myinfo .id{margin-right:11px;color:#fff;font-size:13px;word-break:break-all}
	#header.renewal .mid_area .mobile_hammnu > .top_area .myinfo .alarm{color:#ff0;font-size:13px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb{position:absolute;right:10px;bottom:3px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li{position:relative;float:left}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li > a{display:block;width:21px;height:21px;font-size:0;text-indent:-9999px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li.share{margin-right:7px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li.share > a{background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_ico_share.png) no-repeat 50% 50%;background-size:16px}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li.share .snsbox{width:204px;top:31px;right:-28px} /* 2023-10-16 수정 */
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li.share .snsbox ul{padding-top:0}
	#header.renewal .mid_area .mobile_hammnu > .top_area .msnb > ul > li.eng > a{background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_eng.png) no-repeat 50% 50%;background-size:100%}
	#header.renewal .mid_area .mobile_hammnu > .mnu{position:relative;text-indent:24px;text-align:left;background-color:#eaeaea;border-top-left-radius:22px}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li{line-height:43px;border-bottom:1px solid #ccc}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li:last-child{border-bottom:0}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li > a{display:block;font-size:15px;font-weight:700}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li.active{background-color:#fff}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li.active > a{color:#7232d8}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li:first-child.active{border-top-left-radius:22px}
	#header.renewal .mid_area .mobile_hammnu .submnu{display:none;position:absolute;top:0;right:0;width:calc(100% - 130px);height:100%;background-color:#fff}
	#header.renewal .mid_area .mobile_hammnu > .mnu > li.active .submnu{display:block}
	#header.renewal .mid_area .mobile_hammnu .submnu > li{display:table;width:calc(100% - 15px);height:44px;margin-left:15px;padding-right:25px;line-height:115%;text-indent:0;word-break:keep-all;border-bottom:1px solid #ccc}
	#header.renewal .mid_area .mobile_hammnu .submnu > li > a{display:table-cell;position:relative;padding-left:11px;font-size:14px;font-weight:500;vertical-align:middle}
	#header.renewal .mid_area .mobile_hammnu .submnu > li > a:after{content:'';display:inline-block;position:absolute;top:50%;right:-10px;width:5px;height:8px;margin-top:-4px;vertical-align:middle;background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_ico_arr_gray.png) no-repeat 0 0;background-size:cover}
	#header.renewal .mid_area .mobile_hammnu > .bottom_area{padding-left:24px;line-height:48px;text-align:left;background-color:#7232d8}
	#header.renewal .mid_area .mobile_hammnu > .bottom_area > a{color:#fff;font-size:13px}
	#header.renewal .mid_area .mobile_hammnu > .bottom_area > a:after{content:'';display:inline-block;width:5px;height:8px;margin:-2px 20px 0 6px;vertical-align:middle;background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_ico_arr_wt.png) no-repeat 0 0;background-size:cover}
	#header.renewal .mid_area .mobile_hammnu > .bottom_area > a:last-child:after{margin-right:0}
	#header.renewal .mid_area .mobile_hammnu > .mobile_bg{content:'';display:block;width:100%;height:100%;background-color:#eaeaea}
	#header.renewal .mid_area .logo h1{display:inline-block;margin-right:0;font-size:0;top:50%;transform:translate(-50%, -50%);} /* 2023-07-14 수정 */
	#header.renewal .mid_area .logo h1 a{width:38px;height:34px;background:url(../../../../../images/egovframework/com/ebs/renewal/common/m_logo.png) no-repeat 0 0;background-size:cover}
	#header.renewal .mid_area .logo .mobile_search{display:inline-block;position:absolute;top:50%;right:15px;transform:translateY(-50%);width:auto} /* 2023-07-14 수정 */
	#header.renewal .mid_area .logo .mobile_search > button{width:21px;height:22px;text-indent:-9999px;background:url("../../../../../images/egovframework/com/ebs/renewal/common/btn_search.png") no-repeat 0 0;background-size:cover}/* 2023-07-14 수정 */
	#header.renewal .mid_area .logo .mobile_search > .searchArea{position:absolute;top:38px;right:-15px;left:auto;width:100%}
	#header.renewal .mid_area .logo .mobile_search > .searchArea .auto_search_bottom > a{font-size:14px}
	#header.renewal .searchArea{top:30px;transition:top ease-in .2s}
	#header.renewal .searchArea.open{top:0} /* 2023-07-14 수정 */
	.searchArea .searchFrm .searchZone{display: flex;flex-direction: column;gap:0;height: 100%;border-bottom:1px solid #eaeaea}
	.searchArea .searchFrm .searchZone .searchBox{margin-bottom:0} /* 2023-07-14 수정 */
	.searchArea .searchFrm .searchZone .searchBox input{width:100%;position:static;margin-top:13px;font-size:18px}
	.searchArea .searchFrm .searchZone .searchBox .ico_search{display:none}
	.searchArea .searchFrm .searchZone .searchBox label.active{transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); left:58px }
	.searchArea .searchFrm .search_back{display:block;position:absolute;left:18px;top:15px;width:24px;display: flex;align-items: center;justify-content: center;padding: 4px;z-index:90}
	.auto_search{display:flex;flex-direction:column;padding-top:0;margin-top:0;height: 100%;min-height:220px;background:transparent}
	.auto_search > p{padding-left:5%;text-align:left;line-height:1.6}
	.auto2_search{display:flex;flex-direction:column;height:100%;margin-top:0;overflow-y:auto;min-height:120px;}
	.auto2_search ul{padding:20px 6%}
	.auto2_search ul li{padding:5px 0}
	.auto2_search ul li a{display:flex;align-items:center;gap:5px;color:#333;font-size:18px;line-height:1.4;text-align:left;padding:0 5px}
	.auto2_search ul li a:before{display: flex;align-items: center;justify-content: center;font-family: "Material Icons";content: '\e8b6';color: #fff;background-color: #bbbbbb;width:18px;height:18px;padding: 2px;border-radius: 50%;font-size:15px;}
	.auto2_search ul li a > p{max-width:90%;overflow: hidden;text-align: left;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;}
	.auto2_search ul li a > p > em{display:inline;color:#7232d8}
	#header.renewal .auto_search_bottom{text-align:right;margin-top:auto;background:transparent}
	#header.renewal .auto_search_bottom > a{font-size:14px;color:#808080}
	#gnb.fixed_gnb{display:block}
	.fixed_gnb .mnu{justify-content:flex-start;overflow-x: auto;position:relative;padding:8px 4px;text-align:left;white-space:nowrap} /* 2023-07-14 수정 */
	.fixed_gnb .total, .fixed_gnb .submnu, .fixed_gnb .bg{display:none !important}
	.fixed_gnb .mnu > li{min-width: 22%;display: inline-block;width:auto;padding:0 10px;line-height:34px;}
	.fixed_gnb .mnu > li.all_mnu{display:none} /* 2023-07-14 추가 */
	.fixed_gnb .mnu > li > a{font-size:15px}
	.fixed_gnb .bg.active{display:none !important}
	#header.renewal #gnb{display:block}
	#header.renewal #gnb .mnu{overflow-x: auto;position:relative;padding:0 4px;text-align:left;white-space:nowrap}
	#header.renewal #gnb .total, #header.renewal #gnb .submnu, #header.renewal .bg{display:none !important}
	#header.renewal #gnb .mnu > li{float: none;display: inline-block;width:auto;padding:0 11px;line-height:34px;vertical-align: top;}
	#header.renewal #gnb .mnu > li > a{font-size:15px}
	#header.renewal .bg.active{display:none !important}
	#footer.renewal{padding-bottom:25px}/* 2023-08-17 수정 */
	#footer .foot_menu ul > li a{font-size:12px;line-height:40px}
	#footer .top{padding-top:15px;text-align:center}
	#footer .agency_list{font-size:0}
	#footer .agency_list > li{display:inline-block;float:none;margin-right:25px;vertical-align:top}
	#footer .agency_list > li img{height:22px}
	#footer .bottom{margin-top:15px;padding:0 10px;}/* 2023-06-29 수정 */
	#footer .bottom .ismsp{position:static;display:flex;align-items:center;margin:0 -15px;padding:15px;background-color:#f7f7f7} /* 2023-06-29 수정 */
	#footer .bottom .ismsp img{height:31px}
	#footer .bottom .ismsp p{margin-top:0;font-size:12px;line-height:16px;margin-top:0}/* 2023-06-29 수정 */
	/* 2023-06-29 추가 : s */
	#footer .bottom .m_icon{display:flex;justify-content: center;align-items:center;gap:15px;margin:25px 0 10px}
	#footer .bottom .m_icon > a{width:auto;height:50px;display:flex;align-items:center;justify-content:center;background-color:#ededed;border-radius:50%}
	#footer .bottom .m_icon > a::after{display: block;width: 100%;height: 100%;content:'';background-repeat:no-repeat;background-size:50%;background-position:center}
	#footer .bottom .m_icon > a.fo_m_insta{width:50px}
	#footer .bottom .m_icon > a.fo_m_insta::after{background-image:url("../../../../../images/egovframework/com/ebs/main/icons/ico_insta.png")}
	#footer .bottom .m_icon > a.fo_m_blog{width:50px}
	#footer .bottom .m_icon > a.fo_m_blog::after{background-image:url("../../../../../images/egovframework/com/ebs/main/icons/ico_blog.png")}
	/* 2023-06-29 추가 : e */
	#footer .foot_info{padding-top:11px}
	#footer .foot_info address{font-size:13px;line-height:20px}
	#footer .foot_info .copyright{margin-top:2px;font-size:12px}
	#footer .snsbox{bottom:40px}
	.fixed_menu a{width:60px;height:56px;padding:10px 0;font-size:12px}
	/* .fixed_menu a span{padding-top:25px} */
	.fixed_menu a span em{display:none}
	/* 플로팅 배너 수정 2023-11-21 : s */
	.floating_menu .menu {width:100px;}
	.floating_menu .menu li a p{font-size:12px}

	.top_wrapper{width:100px;right:50px}
	.top_wrapper .new_top{width:50px;height:50px;padding:5px 0}
	.floating_menu .menu {width:100px;}
	.floating_menu .menu li a p{font-size:12px}

	.fixed_top_menu{width:auto;height:auto}
	.fixed_top_menu.fixed_menu a{width:100px;height:100px;font-size:13px;padding:5px}
	.fixed_top_menu.fixed_menu a::after {width: 100%;height: 135%; top:37%;} /* 2024-09-09 추가 */
	.fixed_top_menu.fixed_menu a span{background:url("../../../../../images/egovframework/com/ebs/main/icons/floating/floating_menu6.png") no-repeat 50% 0;background-size:19px;margin-bottom:4px}
	/* 플로팅 배너 수정 2023-11-21: e */

	/*s : 코딩파티 배너 off */
	.floating_menu .menu {width:100px;}
	.floating_menu .btn_open { width:60px; height:25px; background:url(../../../../../images/egovframework/com/ebs/main/bg_floating_open.png) 0 0 no-repeat; background-size:cover }
	.floating_menu .menu.on {height:339px;padding:0; opacity:1;}
	.floating_menu .menu.on li{width:auto;height:auto}
	.floating_menu .menu.on li.small {height:auto}
	.floating_menu .menu li.btn_close {width:60px; height:25px; cursor:pointer; background-size:10px auto; background-position:50% 8px}
	/*e : 코딩파티 배너 off */

}
@media (max-width:767px){
	#footer .foot_menu .container{flex-wrap:wrap;padding:0}
	#footer .foot_menu ul > li{width:50%;flex:none}
	#footer .foot_menu ul > li:first-child{border-left:0}
	#footer .foot_menu ul > li:nth-child(3){border-right:0}
	#footer .foot_menu ul > li:nth-child(-n+3){border-bottom:1px solid #fff}
	#footer .snsbox ul > li{width:28%}
	/* 플로팅 배너 수정 2023-11-21 : s */
	.floating_wrap{right:45px}
	.floating_wrap.scroll{bottom:75px}
	.fixed_btn{right:-70px}
	.floating_menu .menu li a{padding:10px 0}
	.floating_menu .menu li:first-child a{padding:15px 0 10px}
	.floating_menu .menu li:last-child a{padding:10px 0 28px}
	.floating_menu .menu li a{gap:5px;}
	.top_wrapper{right:45px}
	/* 플로팅 배너 수정 2023-11-01 : e */
}
@media (max-width:640px){
	#footer .foot_menu ul > li{width:50%}
	#footer .snsbox ul > li{width:28%}
	#footer .foot_menu ul > li:nth-child(even){border-right:0}
	#footer .foot_menu ul > li:nth-child(3){border-right:1px solid #fff}
	#footer .foot_menu ul > li:nth-child(4){border-bottom:1px solid #fff}
}
@media (max-width:560px){
	.top_fixed_banner{height:auto} /* 2022-10-11 수정 */
	.top_fixed_banner > a > img{width:100%;height:auto;object-fit: cover;}  /* 2022-09-29 추가 */
	.top_fixed_banner > a > .pc_img{display: none;} /* 2022-09-29 추가 */
	.top_fixed_banner > a > .mo_img{display: block;} /* 2022-09-29 추가 */
	#wrap.renewal.top_active{padding-top:83px}
	#header.renewal .top_area .sentence{font-size:12px}
}
@media (max-width:430px){
	.floating_wrap{right:45px}
	.fixed_btn{right:-50px}
	.fixed_gnb .mnu > li{min-width:fit-content} /* 2023-09-20 추가 */
	#wrap.renewal.top_active{padding-top:81px}
	#header.renewal .top_area .sentence{font-size:10px;word-break:keep-all}
	/* 플로팅 배너 수정 22023-11-21 : s */
	.floating_menu .menu{width:80px;}
	.fixed_top_menu.fixed_menu{right:24px}
	.fixed_top_menu.fixed_menu a{width:80px;height:80px}
	.top_wrapper{width:80px;right:46px}
	.fixed_btn a{width:80px;height:80px}
	/* 플로팅 배너 수정 2023-11-21 : e */
}

@media (max-width:354px){
	#header.renewal.top .mid_area .mobile_hammnu{top:-50px} /* 210311 모바일 상단 메시지 여부에 따른 수정 */
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	#header.renewal .mid_area .mobile_hammnu .submnu > li > a:after{margin-top:10px}
}
@media (max-width:1638px){
	.main_area.main_v2 .sec .badge{margin-left:-745px}
}
/* @media (max-width:1520px){
	.main_area.main_v2 .sec .tit_area .tit.bg_badge{display:inline-block;vertical-align:top}
	.main_area.main_v2 .sec .tit_area .tit.bg_badge:before{content:'';position:absolute;top:7px;left:-42px;width:33px;height:35px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/badge.png) no-repeat 0 0}
	.main_area.main_v2 .sec .badge{display:none}
} */

/* 메인 리뉴얼 수정 : s 2023-09-05 */
@media (max-width:1400px){
	.main_area.main_v2 .sec_banner .btn.prev{left:0;margin-left:0}
	.main_area.main_v2 .sec_banner .btn.next{right:0;left:auto;margin-left:0}
}
/* @media (max-width:1300px){
	.main_area.main_v2 .sec_banner .btn{background-color:rgba(0,0,0,.1)}
} 2023-07-14 제거 */
@media (max-width:1280px){
	.main_area.main_v2 .tool_list{max-width:640px}
	/* .main_area.main_v2 .sec .playground_list .swiper-wrapper{margin-left:8%} */
}
@media (min-width:1240px) and (max-width:768px) {
	.cdproject_list .main_bot{min-height:123px}
}
@media (max-width:1100px){
	.main_area.main_v2 .sec .sw_ask{text-align:center}
	.main_area.main_v2 .sec .sw_ask > dl > dt{float:none;padding-bottom:30px}
	.main_area.main_v2 .sec .sw_ask > dl > dd{display:inline-block;float:none;vertical-align:top}
	/* .main_area.main_v2 .sec .cc_list > li{width:calc(50% - 20px);margin-right:20px} 2023-07-14 제거 */
	.main_area.main_v2 .sec .cc_list > li .noti_box_wrap{padding:24px 4px}
	.main_area.main_v2 .sec .cc_list > li .box_img_wrap .swiper-container{max-width:480px;height:100%} /* 2023-09-14 수정 */
}
@media (max-width:995px){
	.main_area.main_v2 .sec{padding:38px 0 40px}
	.main_area.main_v2 .sec_service{padding:0}
	.main_area.main_v2 .sec.sec_special{padding:40px 0 50px}
	.main_area.main_v2 .sec.sec_popularity{padding:60px 0 40px}
	.main_area.main_v2 .sec.sec_cdproject{padding:50px 0 40px}
	.main_area.main_v2 .sec.sec_outStanWork{padding:40px 0 60px}
	.main_area.main_v2 .sec.bor_top .tit_area::after{width:100%;left:0;top:-40px}
	.main_area.main_v2 .sec.sec_outStanWork.bor_top .tit_area::after{top:-40px}
	.main_area.main_v2 .sec .cont{padding:0 12px}
	.main_area.main_v2 .sec.sec_special .cont{padding:5px 12px 0}
	.main_area.main_v2 .sec .cont.none{padding:0 12px}
	.main_area.main_v2 .sec.sec_playground{padding:40px 0}
	.main_area.main_v2 .sec.sec_playground .tit_area{padding:0 12px}
	.main_area.main_v2 .sec.sec_banner{padding:0}
	.main_area.main_v2 .sec.sec_ga_info{padding:28px 0 40px}
	.main_area.main_v2 .sec.sec_customer{padding:18px 0 60px}
	.main_area.main_v2 .sec .tit_area{padding:0 15px 20px;margin:0;width:100%}
	.main_area.main_v2 .sec .right_txt.end a > i{letter-spacing:0}
	.main_area.main_v2 .sec .tit_area.none{padding:0 12px 16px 12px}

	.main_area.main_v2 .sec .main_banner .swiper-slide{margin-right:0;background:none}
	.main_area.main_v2 .sec .main_banner .img20230627{background:none}
	.main_area.main_v2 .sec .main_banner .box{height:auto}
	.main_area.main_v2 .sec .main_banner .box.new::after{left:1.8%; background-size:65%;}/* 2025-03-11 추가 */
	.main_area.main_v2 .sec .main_banner .box .txt_wrap{left:12px;top:43px}
	.main_area.main_v2 .sec .main_banner .box .txt{font-size:14px;line-height: 1.4;margin-top: 15px;}
	.main_area.main_v2 .sec_banner .btn_box{left:6px;bottom:14px;padding-top:0}
	.main_area.main_v2 .sec_banner .btn.prev, .main_area.main_v2 .sec_banner .btn.next{margin-top:0}

	.main_area.main_v2 .sec.sec_playground .left_txt{position:static;}
	.main_area.main_v2 .sec .left_txt > p{margin-top:0}
	.main_area.main_v2 .sec.sec_playground .tit_area::before{display:none}
	.main_area.main_v2 .sec.sec_playground .tit_area::after{display:none}
	.main_area.main_v2 .sec .playground_list{padding:0 12px}/* 2023-08-17 수정 */
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide-prev a{transform: scale(0.55) translateX(0);}
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide-next a{transform: scale(0.55) translateX(0);}
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide a::after{background-size:100%}
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img01.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img02.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img03.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img04.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img05.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img06.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img07.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img08.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img09.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img10.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img11.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img12.swiper-slide a::after,
	.main_area.main_v2 .sec .playground_list .thumb.thumb_img12.swiper-slide a::after {width:100%;height:100%;left:0;top:0;background-position:center}
	.main_area.main_v2 .sec .playground_list .swiper-container{overflow:visible}
	.main_area.main_v2 .sec .playground_list .swiper-wrapper{margin-left:0}
	.main_area.main_v2 .sec .playground_list .thumb{padding:0;} /* 2023-08-17 수정 */
	.main_area.main_v2 .sec .playground_list .btn_wrap{display:none}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap{display:block;position:static}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box{position:absolute;top:-60px;right:0;left:auto;bottom:auto;transform:translate(0, 0);display:flex;align-items:center;width:auto;padding:4px 8px;background-color:rgba(0, 0, 0, 0.5);border-radius:22px;z-index: 100;}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box .swiper-pagination.swiper-pagination-fraction{position:static;color:#fff;gap:5px}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box > a{display:flex;justify-content:center;align-items:center;}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box a > i{font-size:20px;color:#fff;}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box .btn_play_toggle{display: flex;align-items: center;justify-content: center;margin-right:3px;color: #fff;}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box .btn_play_toggle > .play{display:none}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box .btn_play_toggle.on > .play{display:block}
	.main_area.main_v2 .sec .playground_list .btn_wrap.m_btn_wrap .btn_box .btn_play_toggle.on > .pause{display:none}

	.cdproject_list .cdproject_card .box{justify-content:space-between;height:100%;}

	.main_area.main_v2 .tool_list{margin:0 -5px}
	.main_area.main_v2 .tool_list > li{margin-right:5px;margin-left:5px}
	.main_area.main_v2 .tool_list > li span{height:55px;border-width:2px;border-radius:30px;background:#fff url(../../../../../images/egovframework/com/ebs/renewal/main/m_sp_swtool.png) no-repeat 0 0;background-size:282px}
	.main_area.main_v2 .tool_list > li img{display:none}
	.main_area.main_v2 .tool_list > li strong{margin-top:-12px;padding:0 12px;font-size:14px;line-height:24px}
	.main_area.main_v2 .tool_list > li.tool_entry span{background-position:0 0}
	.main_area.main_v2 .tool_list > li.tool_scratch span{background-position:-146px 0}
	.main_area.main_v2 .tool_list > li.tool_python span{background-position:0 -61px}
	.main_area.main_v2 .tool_list > li.tool_html span{background-position:-146px -61px}
	.main_area.main_v2 .tool_list > li.tool_c span{background-position:0 -122px}
	.main_area.main_v2 .tool_list > li.tool_cplus span{background-position:-146px -122px}
	.main_area.main_v2 .tool_list > li.tool_java span{background-position:0 -183px}
	.main_area.main_v2 .tool_list > li.tool_pythonturtle span{background-position:-146px -183px}
	/* .main_area.main_v2 .sec .tab > li{height:37px} 2023-07-14 제거 */
	/* .main_area.main_v2 .sec .tab > li a{font-size:15px;} 2023-07-14 제거 */
	.main_area.main_v2 .sec .cont_service{padding:0 0 40px}

	.main_area.main_v2 .sec .cc_list{flex-direction:column;gap:0;padding-top:20px}
	.main_area.main_v2 .sec .cc_list > li{width:100%}
	.main_area.main_v2 .sec .cc_list > li:last-child{margin-top:40px}
	.main_area.main_v2 .sec .cc_list > li .info_head{margin-bottom:16px;}
	.main_area.main_v2 .sec .cc_list > li .noti_box_wrap{padding:20px;height: auto;}
	.main_area.main_v2 .sec .cc_list > li .noti_box_wrap .btn_wrap{top:-3px}
	.main_area.main_v2 .sec .cc_list > li .box_img_wrap{height:auto}
	.main_area.main_v2 .sec .cc_list > li .box_img_wrap .btn_wrap{top:-3px}
	.main_area.main_v2 .sec .cc_list > li .box_img_wrap .swiper-container{max-width:100%}
	.main_area.main_v2 .sec .cc_list > li .box_txt_wrap ul li > a p::before{left:5px}

	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li:hover{transform:translateY(0);box-shadow:unset}

	.main_area.main_v2 .sec .tab_area{padding:0 0 16px 12px;margin:0}
	.main_area.main_v2 .sec .best_book_area .best_book_list > li:hover{transform: translateY(0);}
	.main_area.main_v2 .sec .best_book_area .best_book_list > li .best_book_box .thumb{width:100%;padding-top:134%}
	.main_area.main_v2 .sec .best_book_area .best_book_list > li:hover .best_book_box .thumb > img{border:1px solid #7232d8;box-shadow:unset}

	.main_area.main_v2 .sec_service::after{display:none}
	.main_area.main_v2 .sec_service .sec_cont.cont{padding:0}
	.main_area.main_v2 .sec_service .sec_cont.cont::after{width:85px;height:102px;background-image: url("../../../../../images/egovframework/com/ebs/main/bg_m_main_join.png");background-size:100%;right:25px;top:-85px;z-index:101}
	.main_area.main_v2 .sec_service .sec_cont.cont .sec_ser_box_wrap{max-width:100%;flex-direction:column;gap:20px;padding:30px 12px}
	.main_area.main_v2 .sec_service .sec_cont.cont .sec_ser_box_wrap::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-color: #7232d8;}
	.main_area.main_v2 .sec_service .sec_cont.cont .sec_ser_box{display:none}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov{visibility: visible;width: 100%;max-width:100%;height:95px;opacity: 1;overflow: visible;position: static;padding:0 20px 0 26px}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov.center{transform:scale(1) translate(0, 0)}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov p.txt{position:static;opacity:1}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov p.icon::before{background-size:100%}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov.cre > p.icon::before{width:50px;height:52px}

	.main_area.main_v2 .sec .ga_wrap{padding:0 12px}
	.main_area.main_v2 .sec .ga_cont{flex-direction:column;height: auto;gap:15px}
	.main_area.main_v2 .sec .ga_cont .ga_info_box:before{width:100%;height:100%;background-size:50%;background-position:right}/* 2023-09-22 이솦과 함께한 학습여정 배경 이미지 수정 */
	.main_area.main_v2 .sec .ga_cont .ga_info_box{padding:17px}
	.main_area.main_v2 .sec .ga_cont .ga_info_left, .main_area.main_v2 .sec .ga_cont .ga_info_right{gap:35px} /* 2023-08-17 추가 */

	.main_area.main_v2 .sec .banner_area .banner.onEvts{margin-top:5px;height:143px;background-image:url("../../../../../images/egovframework/com/ebs/renewal/main/events_bottom_m_banner20230720.jpg");background-repeat:no-repeat;background-size:100%;padding: 10px 0;} /* 2023-07-26 수정 */
	.main_area.main_v2 .sec .banner_area .banner.onEvts > a{display:flex;justify-content:center;padding: 0} /* 2023-06-01 추가 */
	.main_area.main_v2 .sec .banner_area .banner.onEvts > a > img{width: auto;} /* 2023-07-26 수정 */
	.cdproject_list > li .main_cat{gap:6px} /* 2023-09-19 추가 */
	.outStanWork_list > li .main_cat{gap:6px} /* 2023-09-19 추가 */
	.pc_main_img {display:none} /* 2023-06-01 추가 */
	.mo_main_img {display:block} /* 2023-06-01 추가 */
}
@media (max-width:767px){
	.main_area.main_v2 .sec_banner .swiper-progress-bar{min-width:30px}
	.main_area.main_v2 .sec_banner .swiper-progress-bar .slide_progress-bar{width:30px}
	.main_area.main_v2 .sec_banner .btn_box .btn_play_toggle{width:11px;height:11px}

	.main_area.main_v2 .sec .tab > a > p::after{bottom:4px}

	.main_area.main_v2 .sec .tit_area{flex-direction:column;justify-content: center;align-items: flex-start;padding:0 12px 20px} /* 2023-07-14 수정*/
	.main_area.main_v2 .sec .tit_area.m_row{flex-direction:row;justify-content: space-between;align-items:flex-end}
	.main_area.main_v2 .sec.sec_service .tit_area{padding:0 5% 25px}
	.main_area.main_v2 .sec .tit_area .sort{margin-top:16px;padding-bottom:0} /* 2023-08-17 수정 */
	.main_area.main_v2 .sec .tit_area .sort > li{margin-right:4px}
	.main_area.main_v2 .sec .tit_area .sort > li a{padding:8px 12px}
	.main_area.main_v2 .sec .right_txt{align-items:flex-end}
	.main_area.main_v2 .sec .main_banner .swiper-slide{width:100%}
	.main_area.main_v2 .sec .main_banner .btn_detail_box{display:none} /* 2023-08-17 추가 */

	/* .main_area.main_v2 .sec .playground_list a{padding-left:295px} 2023-07-14 제거 */

	.main_area.main_v2 .sec.sec_playground .left_txt{padding:0 0 30px;margin:0}
	.main_area.main_v2 .sec .playground_list .swiper-container{height:100%}
	.main_area.main_v2 .sec .playground_list .thumb, .main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active{width:65%}
	.main_area.main_v2 .sec .playground_list .thumb{padding:0;transition:none} /* 2023-08-17 수정 */
	.main_area.main_v2 .sec .playground_list .thumb > a > .text_box{width:100%}

	/* .main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active > .text_box{display:none} */

	.cdproject_list .main_bot{padding:20px 18px}

	.main_area.main_v2 .sec .service_list > li{width:calc(50% - 20px)}
	.main_area.main_v2 .sec .cc_list > li{width:100%;margin-right:0}
	.main_area.main_v2 .sec .cc_list > li .box, .main_area.main_v2 .sec .cc_list > li .box .notice{min-height:auto}
	.main_area.main_v2 .sec .cc_list > li .box .notice{padding-bottom:25px}
	.main_area.main_v2 .sec .cc_list > li .box .event li{display:block;height:auto}
	.main_area.main_v2 .sec .cc_list > li .box .event li:nth-child(2){display:none}
	.main_area.main_v2 .sec .cc_list > li .box .event li a{display:block;padding-left:0}
	.main_area.main_v2 .sec .cc_list > li .box .event li img{position:static;width:100%;height:auto}
	.main_area.main_v2 .sec .cc_list > li .box .event li .lbl{width:70px;height:30px;line-height:30px}
	.main_area.main_v2 .sec .cc_list > li .box .event li .tit{margin-top:6px}
	.main_area.main_v2 .sec .cc_list > li .box .event li .date{margin-top:4px;font-size:14px}


	/* 2023-07-24 수정 : s */
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li:hover{transform:translateY(0);box-shadow:unset}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li .box{padding:23px 20px 19px;min-height:280px}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li .box .ico_group{margin-top:24px}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li .box .ico_group > p{font-size:18px}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li .box .ico_group > p > i{font-size:24px}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li .box .hashtag{gap:0 5px;line-height:20px;margin-top:8px}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.inst > li.rank1 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_ins_m_no1.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.inst > li.rank2 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_ins_m_no2.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.inst > li.rank3 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_ins_m_no3.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.inst > li.rank4 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_ins_m_no4.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.inst > li.rank5 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_ins_m_no5.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.cre > li.rank1 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_cre_m_no1.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.cre > li.rank2 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_cre_m_no2.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.cre > li.rank3 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_cre_m_no3.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.cre > li.rank4 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_cre_m_no4.png")}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list.cre > li.rank5 .box .rank::before{width:63px;height:94px;background-image:url("../../../../../images/egovframework/com/ebs/main/icons/rank/ico_cre_m_no5.png")}
	/* 2023-07-24 수정 : e */
	.main_area.main_v2 .sec_service .sec_cont.cont::after{width:51px;height:65px;right:8%;top:-53px;}

	.main_area.main_v2 .sec .ga_cont .ga_info_box:before{background-size:70%}/* 2023-09-22 이솦과 함께한 학습여정 배경 이미지 수정 */

	.main_area.main_v2 .sec .cc_list > li .noti_box_wrap{padding:20px 15px;}
	.main_area.main_v2 .sec .cc_list > li .box_txt_wrap ul li > a p{font-size:14px;line-height:1.2;max-width:75%}

	/* 메인 폰트 */
	.main_area.main_v2 .sec .main_banner .box .tit{font-size:24px}
	.main_area.main_v2 .sec_banner .btn i{font-size:16px}
	.main_area.main_v2 .swiper-pagination{font-size:14px}
	.main_area.main_v2 .sec .tit_area .tit{font-size:26px}
	.main_area.main_v2 .sec .tit_area .sort > li a{font-size:14px}
	.newlect_list > li .main_cat > span{font-size:12px}
	.main_area.main_v2 .sec.sec_banner .swiper-pagination{font-size:12px;width:72px}/* 2023-09-18 수정 */
	.newlect_list > li strong.tit{font-size:18px}
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active > .text_box .tit{font-size:28px;margin:0 0 12px}
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active > .text_box > span{font-size:14px}
	.main_area.main_v2 .sec .cc_list > li h4{font-size:26px}
	.main_area.main_v2 .sec .cc_list > li .box_txt_wrap ul li > a{font-size:12px;}
	.main_area.main_v2 .sec .cc_list > li .box_txt_wrap ul li > a span.date{font-size:12px}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov p.txt > span{font-size:14px}
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov p.txt > span.hov_tit{font-size:16px;margin-bottom:10px}
	.main_area.main_v2 .sec .ga_cont .ga_info_left .ga_tit{font-size:20px}
	.main_area.main_v2 .sec .ga_cont .ga_info_right > .num{font-size:28px}
	.main_area.main_v2 .sec .ga_cont .ga_info_right > .num > em{font-size:14px}
	.main_area.main_v2 .sec .best_book_area .best_book_list > li .best_book_box p.best_book_tit{font-size:12px;line-height:16px;margin:7px auto 0}
	.main_area.main_v2 .sec .ga_cont .ga_info_left > span{font-size:16px}
	.newlect_list > li.act .act_lec_label > span{font-size:12px}
	.cdproject_list > li strong.tit{font-size:18px;margin:6px 0 8px}
	.cdproject_list > li .bot_btn > a{font-size:16px}
	.outStanWork_list > li strong.tit{font-size:18px}
	.outStanWork_list > li .bot_btn > a{font-size:16px}
	.outStanWork_list > li .main_cat span{font-size:12px}
	.main_area.main_v2 .sec .tab > a > p{font-size:16px;letter-spacing:-1.5px}
	.main_area.main_v2 .sec .tab > a > p.active{font-size:26px}
	.main_area.main_v2 .sec.sec_best .tab_cont_area .service_list > li .box .hashtag{font-size:16px}
}
@media (max-width:660px) and (min-width:641px){
	.main_area.main_v2 .sec .playground_list .sw dl dt{background-size:auto 32px !important}
}
@media (max-width:640px){
	/* .main_area.main_v2 .sec .playground_list{height:240px} 2023-07-14 제거 */
	/* .main_area.main_v2 .sec .playground_list a{display:block;height:240px;padding:22px 0 0} 2023-07-14 제거 */
	.main_area.main_v2 .sec .playground_list a:after{top:auto;left:50% !important;height:90px;transform:translateX(-50%)}
	.main_area.main_v2 .sec .playground_list dl{display:block;text-align:center}
	.main_area.main_v2 .sec .playground_list dl dt{line-height:1;background-position: 50% 0 !important;}
	.main_area.main_v2 .sec .playground_list dl dt:after{margin:11px auto 0}
	.main_area.main_v2 .sec .playground_list dl dd strong br{display:block}
	.main_area.main_v2 .sec .playground_list dl dd p{display:none}
	.main_area.main_v2 .sec .playground_list dl dd .btn{margin-top:13px}
	.main_area.main_v2 .sec .playground_list .savepengsu a:after{width:82px;margin-left:5px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_save_pengsu.png) no-repeat 0 100%;background-size:100%}/*2023-02-07 추가 */
	.main_area.main_v2 .sec .playground_list .pengsoo a:after{width:109px;margin-left:5px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_pengsoo.png) no-repeat 0 100%;background-size:100%}
	.main_area.main_v2 .sec .playground_list .pengsoo2 a:after{width:109px;margin-left:5px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_pengsoo2.png) no-repeat 0 100%;background-size:100%}/*2022-02-09*/
	.main_area.main_v2 .sec .playground_list .jbweb a:after{width:107px;margin-right:6px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_jbweb.png) no-repeat 0 100%;background-size:100%}
	.main_area.main_v2 .sec .playground_list .dduang a:after{width:143px;margin-left:4px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_dduang.png) no-repeat 0 100%;background-size:100%}
	.main_area.main_v2 .sec .playground_list .sw a:after{width:74px;margin-left:6px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_sw.png) no-repeat 0 100%;background-size:100%}
	.main_area.main_v2 .sec .playground_list .hello a:after{width:112px;margin-left:2px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_hello.png) no-repeat 0 100%;background-size:100%}
	.main_area.main_v2 .sec .playground_list .download a:after{width:234px;margin-left:2px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_download.png) no-repeat 0 100%;background-size:100%}
	.main_area.main_v2 .sec .playground_list .pengcar a:after{width:120px;top:146px;margin-left:2px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_run_pengcar.png) no-repeat 0 100%;background-size:100%}/* 2022-11-07 추가 */
	/* 210624 추가 */
	.main_area.main_v2 .sec .playground_list .robot a:after{width:100%;margin-left:2px;background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_play_robot.png) no-repeat center 100%;background-size:auto 88px}
	.main_area.main_v2 .sec_swtool{background:url(../../../../../images/egovframework/com/ebs/renewal/main/m_bg_swtool.jpg) no-repeat 50% 0;background-size:cover}
	.main_area.main_v2 .tool_list{max-width:300px}
	.main_area.main_v2 .sec .service_list > li{width:calc(100% - 20px)}

	.main_area.main_v2 .sec .ga_cont .ga_info_box:before{background-size:84%}/* 2023-09-22 이솦과 함께한 학습여정 배경 이미지 수정 */
}
@media (max-width:375px){
	.main_area.main_v2 .sec .cont{padding:0 12px}
	.mo_hide {display:none} /* 2023-09-18 추가 */
	.main_area.main_v2 .sec .main_banner .box .tit{max-width:100%;font-size:24px;}
	.main_area.main_v2 .sec .main_banner .box .txt{max-width:100%;font-size:12px}
	.main_area.main_v2 .sec .main_banner .box .tit > br,.main_area.main_v2 .sec .main_banner .box .txt > br{display:none}

	/* .main_area.main_v2 .sec .main_banner .box{height:260px} 2023-07-14 제거 */
	.main_area.main_v2 .sec .main_banner .codingparty2020 .box{background-size:100%}
	.main_area.main_v2 .sec .main_banner .rsc2020 .box{background-size:138%}
	.main_area.main_v2 .sec .main_banner .ai .box{background-size:111%}
	.main_area.main_v2 .sec .cc_list > li .box_txt_wrap ul li > a p{font-size:12px}
	.main_area.main_v2 .sec .playground_list .thumb, .main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active{width:66%}
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active > .text_box .tit{font-size:21px}
	.main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active > .text_box > span{font-size:12px}
	/* .main_area.main_v2 .sec .playground_list .thumb.swiper-slide.swiper-slide-active > .text_box{left:5%;top:20px} 2023-08-17 삭제 */
	.main_area.main_v2 .sec_service .sec_cont.cont a.sec_ser_hov p.txt > span{font-size:12px}
	.main_area.main_v2 .sec .tab > a > p.active{font-size:20px}
	.main_area.main_v2 .sec .tab > a > p{font-size:14px}
	/* 2023-07-24 추가 : s */
	.main_area.main_v2 .sec .tab > a > p::after{width:16px;height:17px;bottom:2px;background-size:100%}
	.main_area.main_v2 .sec .ga_cont .ga_info_box:before{background-size:100%}/* 2023-09-22 이솦과 함께한 학습여정 배경 이미지 수정 */
	/* 2023-07-24 추가 : e */
}
/* 메인 리뉴얼 수정 : e 2023-09-05 */

/* 201127 리뉴얼 3차 서브 수정 : s */
@media (min-width:996px){
	.prj_box + .cdproject_list_area{width:75%;padding-left:20px}
	.prj_box + .cdproject_list_area:not(.list_type) .cdproject_list > li{width:calc(33.33% - 20px)}
	.prj_box + .cdproject_list_area.list_type{overflow-y:auto;height:785px}
}
/* @media (max-width:1300px){
	.prj_box + .cdproject_list_area{width:100%;padding-left:0}
	.prj_box + .cdproject_list_area.list_type{height:auto}
} */
@media (max-width: 1200px){
	.user_info_wrap.renewal .user_info_inner .dt_area.type02.ask{background-position:90% 0}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box{padding-left:20px;word-break:keep-all}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .rec_contents{padding:20px 10px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .right_contents{flex-direction:column}
	.user_info_inner .latest_lctrum .txt_area{padding-left:10px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .conts_btn_wrap{width:100%;flex-direction:row;margin-top:20px;gap:5px;}/* 2023-06-21 추가 */
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .conts_btn_wrap .book_mark_list{left:20px;top:40px;}/* 2023-06-21 추가 */
}
@media (max-width: 1110px){
	.user_info_wrap.renewal .user_info_inner .latest_lctrum .thumb{width:220px;height:124px}
	.user_info_wrap.renewal .user_info_inner .dt_area{width:auto}
	.user_info_wrap.renewal .user_info_inner .dt_area > *{width:auto}
	.user_info_inner .dt_area.type02 > div:nth-child(2){width:160px}
	.user_info_wrap.renewal .user_info_inner .dt_area.type01{width:calc(100% - 610px)}
	.user_info_wrap.renewal .user_info_inner .dt_area.type02.ask{width:calc(100% - 610px)}
	/* .user_info_wrap.renewal .user_info_inner .dt_area.type03{width:calc(100% - 610px)} 2023-06-21 제거 */
	.user_info_wrap.renewal .user_info_inner .dt_area > .user{width:200px}
	.user_info_wrap.renewal .user_info_inner .user_notice + .tit_sec{width:calc(100% - 189px)}
}
@media (min-width:996px){
	.cdproject_list > li .info_area .lbl + .info{height:212px;padding-top:17px} /* 210104 추가 */
}
@media (max-width:995px){
	.newlect_list > li, .cdproject_list > li{width:calc(50% - 20px)}
	.newlect_list > li:hover, .cdproject_list > li:hover, .outStanWork_list > li:hover{transform: translateY(0);box-shadow:unset;}
	.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 strong.tit{line-height:24px}
	.newlect_list > li strong.tit.mo{display:none} /* 2023-12-04 추가 */
	.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 .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}
	.work_list > li .info .top{padding-top:15px;padding-bottom:15px}
	.work_list > li .info .top .name{font-size:16px;line-height:28px}
	.work_list > li .info .top .name img{width:28px;height:28px;margin-right:8px}
	.work_list > li .info .top .date{top:28px}
	.work_list > li .info .top .btn{margin-top:12px;padding:0 15px;font-size:14px}
	.work_list > li .info .bottom p{margin-right:15px}
	.work_list > li .info .bottom p i{margin-top:2px;font-size:16px}
	/* 2023-06-21 마이페이지 개선사항 수정 및 추가 : s */
	.user_info_wrap.renewal{padding:20px 5px;background-image:none;background-color:#7232d8}
	.user_info_wrap.renewal .user_info_inner .dt_area{width:100%;flex-direction:column}
	.user_info_wrap.renewal .user_info_inner .dt_area.type02.ask{width:100%;height:auto;min-height:unset;margin-top:15px;padding:20px 0 25px;text-align:center;background:url(../../../../../images/egovframework/com/ebs/renewal/content/m_bg_askbox.jpg) no-repeat 50% 50%;background-size:cover}
	.user_info_wrap.renewal .user_info_inner .dt_area > .user{width:26%;justify-content: flex-start;width:100%;min-height:auto;margin-bottom:0;padding:20px;}
	.user_info_wrap.renewal .user_info_inner .dt_area > .user_notice{width:calc(50% - 7.5px);max-width:initial;min-height:initial;margin-right:15px;padding:22px 0 20px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .user_notice:last-child{margin-right:0}
	.user_info_wrap.renewal .user_info_inner .dt_area .user_other_info{flex-direction:row;gap:25px}
	.user_info_wrap.renewal .user_info_inner .user .name .user_pos{font-size:14px;position:static;transform:translate(0, 0)}
	.user_info_wrap.renewal .user_info_inner .user_notice{justify-content:center;gap:20%;width:100%;padding:3% 1%}
	/* .user_info_wrap.renewal .user_info_inner .dt_area.type02 > .user_notice{width:100%;padding:22px 20px;text-align:right} */
	.user_info_wrap.renewal .user_info_inner .user .pic{display:inline-block;margin:0 23px 0 0;vertical-align:top}
	.user_info_wrap.renewal .user_info_inner .user .name{display:inline-block;margin:0;padding-top:35px;text-align:left;vertical-align:top}
	.user_info_wrap.renewal .user_info_inner .user .name .user_id,
	.user_info_wrap.renewal .user_info_inner .user .name .user_aff{font-size:13px}
	/* .user_info_wrap.renewal .user_info_inner .user + .user_notice .txt:before{width:34px;height:34px;margin-bottom:7.5px;background: url(../../../../../images/egovframework/com/ebs/renewal/icon/m_ico_alarm_notice.png) no-repeat 0 0;background-size:cover} */
	.user_info_wrap.renewal .user_info_inner .user_notice .txt .bg{width:100%;margin-bottom:7.5px}
	.user_info_wrap.renewal .user_info_inner .user_notice .txt .bg > .al_num{right:-7px}
	/* .user_info_wrap.renewal .user_info_inner .dt_area.type02 > .user_notice .txt:before{position:absolute;top:15px;left:20px;margin:0} */
	.user_info_wrap.renewal .user_info_inner .user_notice .notice_status img{width:auto;height:56px;margin-bottom:7.5px}
	/* .user_info_wrap.renewal .user_info_inner .user_notice .txt a span, .user_info_wrap.renewal .user_info_inner .user_notice .txt br{display:none} */
	.user_info_inner .user_notice.bedge::after{width:31%;left:50%;top:28%;transform: translate(-50%, 0);}
	.user_info_inner .user_notice .badge_layer{left:19%}
	.user_info_inner .user_notice .badge_layer.left{left:auto;right:0;top:auto;bottom:-10%}
	.user_info_inner .user_notice .notice_status.next .ico-i{right:-10%}
	.user_info_wrap.renewal .user_info_inner .tit_sec dt{font-size:15px}
	.user_info_wrap.renewal .user_info_inner .dt_area + .dt_area{float:left;width:100%}
	.user_info_wrap.renewal .user_info_inner .dt_area > .right{float:none;width:100%;margin-top:15px}
	.user_info_wrap.renewal .user_info_inner .right .homepage > a{font-size:15px;line-height:41px}
	.user_info_wrap.renewal .user_info_inner .right .homepage > a:after{top:18px;width:10px;height:6px;background: url(../../../../../images/egovframework/com/ebs/renewal/icon/m_ico_arr_wt.png) no-repeat 0 0;background-size:cover}
	.user_info_wrap.renewal .user_info_inner .right .homepage > .lst{top:30px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box{padding-left:0;font-size:14px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box strong{font-size:18px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box .btn_cdask{height:33px;font-size:14px;line-height:33px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum{min-height:unset;margin-top:0;padding:0}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .rec_contents{flex-direction:column;gap:10px;}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents{padding:15px 0 15px;background-size:60%}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents > .rec_btn{margin-top:15px}
	.user_info_wrap.renewal .user_info_inner .latest_lctrum .thumb{width:100%;height:auto}
	.user_info_wrap.renewal .user_info_inner .latest_lctrum .txt_area{width:100%;padding:0;text-align:center}
	.user_info_wrap.renewal .user_info_inner .latest_lctrum .txt_area dt{margin-bottom:7px;font-size:18px}
	.user_info_wrap.renewal .user_info_inner .latest_lctrum .txt_area dd{font-size:14px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .right_contents{flex-direction:column;gap:10px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .conts_btn_wrap{width:100%;flex-direction:row;justify-content:center}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .conts_btn_wrap .book_mark_list{max-width:50%;left:0;}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .btn{width:100%}
	/* 2023-06-21 마이페이지 개선사항 수정 및 추가 : e */
	.renewal .sec_lecture .work_list{padding-bottom:0}
	.work_list > li{width:calc(50% - 20px)}
	.work_list .swiper-pagination{display:block;margin-top:45px}
	.renewal .work_list.swiper-wrapper li{margin-bottom:0}
}
@media (max-width:768px){
	.cartegory_head .tit_h2+p{margin-top:6px}
	.cartegory_head .tit_h2 + p + .breadcrumb{margin-top:9px}
	.cartegory_head .breadcrumb{margin-top:1px}
	.newlect_list, .cdproject_list{margin-right:0}
	.newlect_list > li, .cdproject_list > li{width:100%;margin-right:0}
	.newlect_list > li .img.newlect{padding-top:43px}/*2023-12-07 수정 */
	.newlect_list > li .main_bot{padding:19px 17px;min-height:132px}
	.newlect_list > li .main_cat{margin-bottom:13px}
	.newlect_list > li .main_cat > span{padding:5px}
	.work_list{padding-bottom:30px}
	.work_list .swiper-pagination{margin-top:30px}
	.user_info_wrap.renewal .user_info_inner .user .name{padding-top:3%}
	.user_info_wrap.renewal .user_info_inner .dt_area .user_other_info{gap:20px} /* 2023-06-21 추가 */
	.user_info_wrap.renewal .user_info_inner .user_notice{gap:9%} /* 2023-06-21 추가 */
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents{background-size:85%} /* 2023-06-21 추가 */
}
@media (max-width:680px){
	.cartegory_head{padding:0 0 70px}
	.cartegory_head .tit_h2+p{margin-top:1px}
}
@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} */
	.user_info_wrap.renewal .user_info_inner .dt_area .user{text-align:left}
	.user_info_wrap.renewal .user_info_inner .user_notice .txt{display:block}
	.user_info_wrap.renewal .user_info_inner .tit_sec dd .graph_tip li + li{margin-left:7px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents{padding:10px 0}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents > p{font-size:13px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents > .rec_btn{font-size:12px;padding:8px 10px}
}
@media (max-width:568px){
	.work_list > li{width:calc(100% - 20px)}
}
/* 2023-06-21 추가 : s */
@media (max-width:414px){
	.user_info_wrap.renewal .user_info_inner .dt_area .user_other_info{flex-direction:column;}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box strong{font-size:16px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box{font-size:13px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box .btn_cdask{height:28px;font-size:13px;line-height:28px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum{padding:5px 15px 15px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .latest_lctrum .no_contents > h4{font-size:20px}
	.user_info_inner .user_notice.bedge::after{width:24%}
}
/* 2023-06-21 추가 : e */
@media (max-width:359px){
	.user_info_wrap.renewal .user_info_inner .tit_sec dd .graph_tip{display:none}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box{font-size:12px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box strong{font-size:14px}
	.user_info_wrap.renewal .user_info_inner .dt_area > .ask_box .btn_cdask{font-size:13px}
}
/* 201127 리뉴얼 3차 서브 수정 : e */

/* 201130 리뉴얼 3차 이용안내 : s */
@media (max-width:995px){
	.type01 .ord + .ord{margin-top:50px}
	.type01 .ord .ord_teacher_certify li p{font-size:15px;line-height:18px}
	.type01 .ord_txt strong{font-size:16px}
	.type01 .ord_txt .list > li, .type01 .ord_box p{font-size:14px;line-height:22px}
	.type01 .ord_txt .list > li .btn_newpage{font-size:14px}
	.type01 .ord_box{padding:17px 20px 14px}
}
@media (max-width:768px){
	.type01 .ord .ord_teacher_certify li:first-child{margin-bottom:20px}
}
/* 201130 리뉴얼 3차 이용안내 : e */

/* 201203 알림방 네트워킹데이 영상 추가 : s */
@media (max-width:1024px){
	.sw_mirae_area .sec_live .video_area.part1:before, .sw_mirae_area .sec_live .video_area.part2:before{display:block;right:10px}
}
@media (max-width:995px){
	.sw_mirae_area .sec_live:before, .sw_mirae_area .sec_live:after{display:none}
	.sw_mirae_area .sec_live .video_area{width:calc(100% - 40px);margin-right:20px;margin-left:20px;padding:0}
}
@media (max-width:768px){
	.sw_mirae_area .sec_live .video_area.part1, .sw_mirae_area .sec_live .video_area.part2{height:auto}
	.sw_mirae_area .sec_live .video_area.part1:before, .sw_mirae_area .sec_live .video_area.part2:before{top:-39px;width:55px;height:37px;background-size:contain}
}
@media (max-width:500px){
	.sw_mirae_area .sec_live .video_area + span{padding:0 10px;word-break:keep-all}
}
@media (max-width:480px){
	.sw_mirae_area .sec_live .video_area{width:calc(100% - 20px);margin-right:10px;margin-left:10px}
	.sw_mirae_area .sec_live .video_area.part1{margin-top:50px}
	.sw_mirae_area .sec_live .video_area.part2{margin-top:60px}
	.sw_mirae_area .sec_live .video_area.part1:before, .sw_mirae_area .sec_live .video_area.part2:before{top:-28px;width:40px;height:27px}
}
@media (max-width:414px){
	.sw_mirae_area .sec_live .video_area.part2{margin-top:50px}
	.sw_mirae_area .sec_live .video_area + span{margin-top:10px;font-size:13px}
}
/* 201203 알림방 네트워킹데이 영상 추가 : e */

/* 201204 이벤트 신박한 강좌 : s */
@media (max-width:995px){
	.event_fresh{padding-right:0;padding-left:0}
}
@media (max-width:880px){
	.event_fresh{background:none}
	.event_fresh .intro_area:before{content:'';position:absolute;top:0;right:0;left:0;bottom:120px;background:url(../../../../../images/egovframework/com/ebs/event/fresh/m_bg_intro.png) no-repeat 50% 100%}
	.event_fresh .intro_area > *{position:relative}
}
@media (max-width:858px){
	.event_fresh .cont_area .sec > dd .num_list > li > div > div{padding-right:0}
	.event_fresh .cont_area .sec > dd .num_list > li > div > div .btn{position:static;margin-bottom:5px}
}
@media (max-width:791px){
	.event_fresh .cont_area .sec > dd .txt_method p br{display:none}
}
@media (max-width:768px){
	.event_fresh .intro_area:before{bottom:106px;background-size:100%}
	.event_fresh .intro_area .tit img{max-height:112px}
	.event_fresh .intro_area p img{height:16px}
	.event_fresh .intro_area p .logo{height:26px}
	.event_fresh .intro_area .term_area{margin-top:53vw;padding-top:16px;padding-bottom:16px}
	.event_fresh .intro_area .term_area li{font-size:16px}
	.event_fresh .cont_area{padding-right:20px;padding-left:20px}
	.event_fresh .cont_area .cont_tit > dt{font-size:24px;line-height:32px}
	.event_fresh .cont_area .cont_tit > dd{font-size:14px;line-height:21px}
	.event_fresh .cont_area .sec > dt{margin-bottom:-37px}
	.event_fresh .cont_area .sec > dt img{max-height:63px}
	.event_fresh .cont_area .sec > dd{padding:37px 20px 50px}
	.event_fresh .cont_area .sec > dd .btn{font-size:14px;line-height:24px}
	.event_fresh .cont_area .sec > dd .btn_submit{padding-top:15px;padding-bottom:15px}
	.event_fresh .cont_area .sec > dd .btn_submit span{padding-left:30px;background-size:auto 22px}
	.event_fresh .cont_area .sec > dd .btn_submit span img{max-height:20px}
	.event_fresh .cont_area .sec > dd .lang_list > li div{font-size:15px;line-height:18px}
	.event_fresh .cont_area .sec > dd .lang_list > li:before{width:32px;height:32px;margin-bottom:-16px;background-position:-1px -1px;background-size:222px}
	.event_fresh .cont_area .sec > dd .lang_list > li.num02:before{background-position:-38px 0}
	.event_fresh .cont_area .sec > dd .lang_list > li.num03:before{background-position:-76px 0}
	.event_fresh .cont_area .sec > dd .lang_list > li.num04:before{background-position:-114px 0}
	.event_fresh .cont_area .sec > dd .lang_list > li.num05:before{background-position:-153px 0}
	.event_fresh .cont_area .sec > dd .num_list > li{height:32px;padding-left:40px}
	.event_fresh .cont_area .sec > dd .num_list > li:before{width:32px;height:32px;background-position:-1px -1px;background-size:222px}
	.event_fresh .cont_area .sec > dd .num_list > li > div{font-size:16px;line-height:22px}
	.event_fresh .cont_area .sec > dd .num_list > li > div > span{font-size:14px}
	.event_fresh .cont_area .sec > dd .num_list > li > div > div{margin-top:10px;font-size:13px;line-height:19px}
	.event_fresh .cont_area .sec > dd .num_list > li > div > div .btn{margin-top:-2px}
	.event_fresh .cont_area .sec > dd .num_list > li.num02:before{background-position:-38px -39px}
	.event_fresh .cont_area .sec > dd .num_list > li.num03:before{background-position:-76px 0}
	.event_fresh .cont_area .sec > dd .num_list > li.num04:before{background-position:-114px -39px}
	.event_fresh .cont_area .sec > dd .num_list > li.num05:before{background-position:-153px 0}
	.event_fresh .cont_area .sec > dd .num_list > li.num06{padding-top:5px}
	.event_fresh .cont_area .sec > dd .num_list > li.num06:before{background-position:-191px -39px}
	.event_fresh .cont_area .sec > dd .tip > li{font-size:14px;line-height:21px}
	.event_fresh .cont_area .sec > dd .txt_method p{font-size:16px;line-height:22px}
	.event_fresh .cont_area .sec > dd .txt_method p.txt_tip{font-size:13px;line-height:19px}
	.event_fresh .cont_area .sec > dd .txt_method p br{display:block}
}
@media (max-width:660px){
	.event_fresh .intro_area .term_area{padding-right:20px;padding-left:20px}
	.event_fresh .cont_area .cont_tit > dd br{display:none}
}
@media (max-width:568px){
	.event_fresh .intro_area .term_area{padding-right:10px;padding-left:10px}
	.event_fresh .intro_area .term_area li{margin:0 10px}
	.event_fresh .cont_area .cont_tit > dt{font-size:20px;line-height:28px}
	.event_fresh .cont_area .sec > dd .txt_method p br{display:none}
}
@media (max-width:499px){
	.event_fresh .intro_area:before{bottom:132px}
	.event_fresh .intro_area .tit{margin-top:15px}
	.event_fresh .intro_area .tit img{max-height:90px}
	.event_fresh .intro_area .term_area{padding:10px 30px}
	.event_fresh .intro_area .term_area li{display:block;margin:5px 0}
	.event_fresh .cont_area .sec > dd .txt_method p br{display:block}
}
@media (max-width:414px){
	.event_fresh{padding-bottom:15px}
	.event_fresh .intro_area{padding:25px 0 30px}
	.event_fresh .intro_area:before{bottom:112px;background-size:120%}
	.event_fresh .intro_area .tit img{max-height:72px}
	.event_fresh .intro_area p img{max-height:13px}
	.event_fresh .intro_area p .logo{max-height:21px}
	.event_fresh .intro_area .term_area{margin-top:60vw}
	.event_fresh .cont_area{padding-top:34px}
	.event_fresh .cont_area .sec{margin-top:40px}
	.event_fresh .cont_area .sec > dt{margin-bottom:-31px}
	.event_fresh .cont_area .sec > dt img{max-height:50px}
	.event_fresh .cont_area .sec > dd{padding-top:31px;padding-bottom:30px}
	.event_fresh .cont_area .sec > dd .btn_submit{margin-top:20px;padding:0 20px}
	.event_fresh .cont_area .sec > dd .btn_submit span{padding:10px 0 10px 22px;background-size:auto 16px}
	.event_fresh .cont_area .sec > dd .btn_submit span img{max-height:14px}
	.event_fresh .cont_area .sec > dd .lang_list{margin:6px 0 0}
	.event_fresh .cont_area .sec > dd .lang_list > li{width:100%;max-width:200px;margin-right:0;margin-left:0}
	.event_fresh .cont_area .sec > dd .num_list{margin-top:15px}
	.event_fresh .cont_area .sec > dd .txt_method{margin-top:20px}
	.event_fresh .cont_area .sec > dd .txt_method img{margin-bottom:20px}
}
@media (max-width:377px){
	.event_fresh .cont_area .sec > dd .txt_method p br{display:none}
}
@media (max-width:375px){
	.event_fresh .intro_area:before{bottom:97px}
	.event_fresh .intro_area .tit{margin-top:10px}
	.event_fresh .intro_area .tit img{max-height:62px}
	.event_fresh .intro_area .term_area{padding-right:15px;padding-left:15px}
	.event_fresh .intro_area .term_area li{margin:2px 0;font-size:14px}
	.event_fresh .cont_area .cont_tit > dt{font-size:18px;line-height:26px}
	.event_fresh .cont_area .sec > dd .btn{font-size:12px;line-height:22px}
	.event_fresh .cont_area .sec > dd .lang_list > li div{font-size:14px}
	.event_fresh .cont_area .sec > dd .lang_list > li div span{font-size:14px}
	.event_fresh .cont_area .sec > dd .num_list > li{display:block;height:auto;margin-top:10px;padding-left:0}
	.event_fresh .cont_area .sec > dd .num_list > li:before{display:block;position:static;margin-bottom:5px}
	.event_fresh .cont_area .sec > dd .num_list > li > div, .event_fresh .cont_area .sec > dd .txt_method p{font-size:14px;line-height:20px}
	.event_fresh .cont_area .sec > dd .num_list > li > div > span{font-size:12px}
	.event_fresh .cont_area .sec > dd .tip > li{font-size:13px;line-height:19px}
}
@media (max-width:359px){
	.event_fresh .intro_area .term_area{margin-top:55vw}
	.event_fresh .cont_area .cont_tit{padding:0}
	.event_fresh .cont_area .sec > dt{margin-bottom:-25px}
	.event_fresh .cont_area .sec > dt img{max-height:40px}
	.event_fresh .cont_area .sec > dd{padding-top:25px}
	.event_fresh .cont_area .sec > dd .btn_submit{display: block;}
	.event_fresh .cont_area .sec > dd .btn_submit span{background-size:auto 13px}
}
@media (max-width:330px){
	.event_fresh .cont_area .sec > dd .txt_method p br{display:block}
}
/* 201204 이벤트 신박한 강좌 : e */

/* 201204 이벤트 신박한 강좌 배너 추가 : s */
@media (max-width:1130px){
	.section_f .newmain_slide .swiper_img.obj13{width:300px;min-width:auto;background-size:100%}
}
@media (max-width:1024px){
	.section_f .newmain_slide .swiper_txt.txt13{padding-top:30px}
	.section_f .newmain_slide .swiper_img.obj13{width:230px}
}
@media (max-width:640px){
	.section_f .newmain_slide .swiper_txt.txt13{width:100%;padding-right:55px}
}
@media (max-width:500px){
	.section_f .newmain_slide .swiper_txt{padding-left:35px}
	.section_f .newmain_slide .swiper_txt.txt13{padding-right:35px}
}
/* 201204 이벤트 신박한 강좌 배너 추가 : e */

/* 201208 AI인재 100만 강국 : s */
@media (max-width:1023px){
	.sw_mirae_area.ai .intro_area .subtit:before{left:-83px;width:83px;height:75px;background-size:cover}
	.sw_mirae_area.ai .sec_live .video_area:before{display:block;right:20px;background-size:cover}
}
@media (max-width:910px){
	.sw_mirae_area.ai .sec_live .tit{width:88%;background-size:contain}
}
@media (max-width:820px){
	.sw_mirae_area.ai .intro_area .subtit:before{left:-63px;bottom:12px;width:63px;height:55px}
	.sw_mirae_area.ai .intro_area .order:after{display:none}
}
@media (max-width:767px){
	.sw_mirae_area.ai .intro_area .subtit{width:312px;height:53px;background-size:100%}
	.sw_mirae_area.ai .intro_area .tit_area .event_tit{width:90%;height:22vw}
	.sw_mirae_area.ai .intro_area .date p{background-size:444px}
	.sw_mirae_area.ai .intro_area .order p:first-child, .sw_mirae_area.ai .intro_area .order p:last-child{background-size:100%}
	.sw_mirae_area.ai .sec_time .tit{width:186px;height:48px;font-size:34px;line-height:48px;background-size:cover}
	.sw_mirae_area.ai .sec_time table tbody td .txt_sort{font-size:12px}
}
@media (max-width:680px){
	.sw_mirae_area.ai .sec_live .tit{height:114px;background:url(../../../../../images/egovframework/com/ebs/event/ai/m_tit_2020_live.png) no-repeat 50% 50%}
}
@media (max-width:650px){
	.sw_mirae_area.ai .intro_area .order{padding-right:15px;padding-left:15px}
	.sw_mirae_area.ai .intro_area .order p{word-break:keep-all;background:url(../../../../../images/egovframework/com/ebs/event/ai/m_line_pink_bold.png) no-repeat 50% 50% / contain !important}
	.sw_mirae_area.ai .intro_area .order p span{display:block}
	.sw_mirae_area.ai .intro_area .order p strong{display:inline-block}
	.sw_mirae_area.ai .sec_time table tbody td .txt_sort{right:10px;bottom:12px}
}
@media (max-width:580px){
	.sw_mirae_area.ai .sec_live .tit{height:18.7vw;background-size:contain}
}
@media (max-width:540px){
	.sw_mirae_area.ai .intro_area{padding-top:35px}
	.sw_mirae_area.ai .intro_area .subtit:before{display:none}
	.sw_mirae_area.ai .intro_area .date p{width:90%;height:5vw;margin:0 auto;font-size:0;background-size:100%}
}
@media (max-width:460px){
	.sw_mirae_area.ai .intro_area .subtit{width:70%;height:9.6vw}
}
@media (max-width:414px){
	.sw_mirae_area.ai .intro_area .tit_area .word{height:12vw;background-size:100%}
	.sw_mirae_area.ai .sec_time .tit{width:162px;height:42px;font-size:30px;line-height:42px}
}
@media (max-width:360px){
	.sw_mirae_area.ai .intro_area .order p{padding-right:5px;padding-left:5px;background-size:100% 120% !important}
}
/* 201208 AI인재 100만 강국 : e */

/* 201215 소프트웨어 왕국 서브 배너 : s */
@media (max-width:995px){
	.cartegory_head.softkingdom_head{padding-bottom:170px;background:#7232d8 url(../../../../../images/egovframework/com/ebs/playground/softkingdom/m_bg_softkingdom.png) no-repeat 50% 100%}
	.cartegory_head.softkingdom_head .tit_h2{width:80%;margin:0 auto;font-size:0;background:url(../../../../../images/egovframework/com/ebs/playground/softkingdom/m_tit_softkingdom.png) no-repeat 50% 0;background-size:contain}
}
@media (max-width:768px){
	.cartegory_head.softkingdom_head .tit_h2{width:90%}
}
@media (max-width:480px){
	.cartegory_head.softkingdom_head .tit_h2{width:100%;height:50px}
}
@media (max-width:414px){
	.cartegory_head.softkingdom_head .tit_h2{height:40px}
}
/* 201215 소프트웨어 왕국 서브 배너 : e */

/* 201222 이벤트 2021 예비대학생 코딩교육 : s */
@media (max-width:1020px){
	.event_pre_student2021{width:100%;padding:0 20px}
	.event_pre_student2021:before{left:50%;width:95%;transform:translate(-50%, 0);background-size:contain}
	.event_pre_student2021 .cont_tit, .event_pre_student2021 .sec.intro,
	.event_pre_student2021 .sec.gift, .event_pre_student2021 .sec.last{width:100%;background-position:50% 50%;background-size:contain}
	.event_pre_student2021 .sec.gift{padding-left:84px}
	.event_pre_student2021 .sec.class .course_area .tit{width:calc(100% - 162px);margin-left:0}
	.event_pre_student2021 .sec.class .course_area .btn_print{margin-right:0}
	.event_pre_student2021 .sec.class .course_area ul{padding:0}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing{width:78px;height:78px;line-height:78px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_img_stamp_per.png) no-repeat 0 0;background-size:cover}
	.event_pre_student2021 .sec.class .course_area ul li .status.pro{width:78px;height:78px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_img_stamp_pro.png) no-repeat 0 0;background-size:cover}
	.event_pre_student2021 .sec.class .course_area ul li .status.finish{width:88px;height:80px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_img_stamp_finish.png) no-repeat 0 0;background-size:cover}
	.event_pre_student2021 .sec.last dd:before{margin:37px auto 50px}
}
@media (max-width:995px){
	.event_pre_student2021 .intro_area:after{width:600px;height:460px;background-size:contain}
}
@media (max-width:985px){
	.event_pre_student2021{padding-bottom:100px}
	.event_pre_student2021 .sec.gift{padding:80px 40px 90px;background-size:cover}
	.event_pre_student2021 .sec.class .course_area .tit{display:block;width:100%;padding-left:0;text-align:center;background-position:50% 50% !important}
	.event_pre_student2021 .sec.class .course_area .btn_print{display:block;float:none;margin:0 auto 20px}
	.event_pre_student2021 .sec.last dd p.hashtag{width:90%;background-position:50% 50%}
}
@media (max-width:950px){
	.event_pre_student2021 .sec.last{padding:80px 40px 100px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_memo04_1.png) no-repeat 50% 100%;background-size:cover}
	.event_pre_student2021 .sec.last dd:before{width:100%;margin:77px auto 90px;background-position:50% 50%;background-size:contain}
	.event_pre_student2021 .sec.last dd p.top{width:90%;padding-bottom:10px}
	.event_pre_student2021 .sec.last dd p.top em{display:inline-block;vertical-align:top}
	.event_pre_student2021 .sec.last dd p.hashtag{width:100%;height:67px;padding:14px 20px 0;line-height:20px !important;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_tape06.png) no-repeat 50% 50%;background-size:contain}
	.event_pre_student2021 .sec.last dd p.hashtag > span{display:inline-block;margin-right:3px;vertical-align:top}
}
@media (max-width:900px){
	.event_pre_student2021 .sec.intro{background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_memo02_1.png) no-repeat 50% 100%;background-size:cover}
	.event_pre_student2021 .sec.class .course_area ul li .status .btn_apply{width:101px}
	.event_pre_student2021 .sec.gift{background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_memo03_1.png) no-repeat 50% 0;background-size:contain}
	.event_pre_student2021 .sec.gift .gift_list{margin-top:50px}
	.event_pre_student2021 .sec.gift .gift_list li{float:none;margin:0 0 40px 0}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(1){margin:0 0 70px 15%}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(2){margin:0 0 80px 35%}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(3){margin:0 0 50px 13%}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(4){margin:0 0 50px 40%}
}
@media (max-width:768px){
	.event_pre_student2021{padding:0 10px 60px}
	.event_pre_student2021:before{top:62px}
	.event_pre_student2021 .cont_tit{background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_memo01_1.png) no-repeat 50% 100%;background-size:cover}
	.event_pre_student2021 .cont_tit dt{padding-top:40px}
	.event_pre_student2021 .cont_tit dt .word01{margin-bottom:10px;padding:0 50px;word-break:keep-all}
	.event_pre_student2021 .cont_tit .term_area{padding-bottom:40px}
	.event_pre_student2021 .intro_area:after{width:450px;height:350px}
	.event_pre_student2021 .intro_area .main_subtit02{width:100%;height:auto;padding:20px 20px 10px;background-size:contain;background-position:50% 50%}
	.event_pre_student2021 .intro_area .main_subtit02 > img{margin:0}
	.event_pre_student2021 .sec.intro{padding:46px 40px 67px 69px}
	.event_pre_student2021 .sec.intro dt{margin-left:-20px}
	.event_pre_student2021 .sec.intro dd{word-break:keep-all}
	.event_pre_student2021 .sec.intro .how_join_list li,
	.event_pre_student2021 .sec.intro .caution li{line-height:150%}
	.event_pre_student2021 .sec.intro .how_join_list li{padding-bottom:5px}
	.event_pre_student2021 .sec.class .course_area .tit{font-size:19px}
	.event_pre_student2021 .sec.class .course_area ul li .class_tit{font-size:14px}
	.event_pre_student2021 .sec.last{margin-top:40px;padding-top:60px;padding-bottom:80px}
	.event_pre_student2021 .sec.last dd:before{margin:37px auto 35px}
	.event_pre_student2021 .sec.last dd p.hashtag{font-size:14px}
}
@media (max-width:720px){
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(1){margin-bottom:30px}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(2){margin-bottom:50px;margin-left:25%}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(3){margin-bottom:10px}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(4){margin-bottom:0;margin-left:25%}
	.event_pre_student2021 .sec.class{margin-top:57px}
	.event_pre_student2021 .sec.class .course_area ul li{width:calc(50% - 10px)}
	.event_pre_student2021 .sec.class .course_area ul li:nth-child(3n){margin-right:20px}
	.event_pre_student2021 .sec.class .course_area ul li:nth-child(2n){margin-right:0}
}
@media (max-width:660px){
	.event_pre_student2021 .cont_tit dt{padding-top:30px}
	.event_pre_student2021 .cont_tit .term_area li{display:block}
	.event_pre_student2021 .cont_tit .term_area li:nth-child(1){margin-right:0;margin-bottom:5px;background-position:50% 50%;background-size:auto}
	.event_pre_student2021 .cont_tit .term_area li:nth-child(2){background-position:50% 50%;background-size:auto}
	.event_pre_student2021 .sec.class .course_area .tit{height:79px;padding:14px 25px 0;line-height:140%;word-break:keep-all}
	.event_pre_student2021 .sec.class .course_area:nth-child(1) .tit{margin-bottom:0;padding-top:28px}
	.event_pre_student2021 .sec.class .course_area:nth-child(2) .tit{background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_tape03.png) no-repeat 50% 50%;background-size:contain}
	.event_pre_student2021 .sec.class .course_area:nth-child(3) .tit{background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_tape03.png) no-repeat 50% 50%;background-size:contain}
	.event_pre_student2021 .sec.class .course_area .btn_print{width:140px;padding:0 10px;font-size:14px;line-height:32px;background-position:116px 50% !important}
}
@media (max-width:620px){
	.event_pre_student2021 .sec.gift{padding-top:55px;padding-bottom:60px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_memo03.png) no-repeat 50% 0;background-size:contain}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(2){margin-left:15%}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(4){margin-left:15%}
	.event_pre_student2021 .sec.last dd p{font-size:15px;word-break:keep-all}
	.event_pre_student2021 .sec.last dd p em{display:inline-block;vertical-align:top}
	.event_pre_student2021 .sec.last dd p.hashtag{padding-top:17px;font-size:13px;line-height:16px !important}
}
@media (max-width:600px){
	.event_pre_student2021 .intro_area:after{width:350px;height:270px;margin-top:45px}
	.event_pre_student2021 .cont_tit dt .word01{font-size:19px}
	.event_pre_student2021 .cont_tit dt .word02{font-size:15px;line-height:20px;word-break:keep-all}
	.event_pre_student2021 .cont_tit .term_area li{font-size:15px}
	.event_pre_student2021 .sec.intro .how_join_list li{font-size:15px}
	.event_pre_student2021 .sec.intro .caution li{font-size:14px}
	.event_pre_student2021 .sec.gift .gift_list li .course_com{font-size:17px}
	.event_pre_student2021 .sec.gift .gift_list li .name{font-size:15px}
	.event_pre_student2021 .sec.class .course_area .tit{font-size:17px}
	.event_pre_student2021 .sec.class .course_area ul li .status .btn_apply{width:90px;font-size:14px;line-height:28px}
	.event_pre_student2021 .sec.last{padding:60px 35px 80px}
	.event_pre_student2021 .sec.last dd:before{height:300px}
	.event_pre_student2021 .sec.last dd p.top{font-size:18px}
}
@media (max-width:560px){
	.event_pre_student2021 .intro_area .main_subtit01{width:100%;padding:0 10px;background-size:contain;background-position:50% 50%}
	.event_pre_student2021 .sec.gift{padding-bottom:55px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_memo03_2.png) no-repeat 50% 0;background-size:cover}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(1),
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(2),
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(3),
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(4){margin-bottom:50px;margin-left:0}
	.event_pre_student2021 .sec.gift .gift_list li > .imgbox{float:none;margin-right:0}
	.event_pre_student2021 .sec.gift .gift_list li > .info{float:none}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(1) > .info,
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(2) > .info,
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(4) > .info{margin-top:20px;text-align:center}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(3) > .info{margin-top:0;text-align:center}
	.event_pre_student2021 .sec.gift .gift_list li .name{padding-left:0}
	.event_pre_student2021 .sec.last{padding:60px 15px}
}
@media (max-width:520px){
	.event_pre_student2021 .sec.intro{padding:46px 30px 67px 40px}
	.event_pre_student2021 .sec.last dd .input_area{width:100%}
	.event_pre_student2021 .sec.last dd .input_area input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 60px);margin-right:10px}
	.event_pre_student2021 .sec.last dd .input_area input::placeholder{font-size:13px}
	.event_pre_student2021 .sec.last dd .input_area input:-ms-input-placeholder{font-size:13px}
	.event_pre_student2021 .sec.last dd .input_area input::-ms-input-placeholder{font-size:13px}
}
@media (max-width:500px){
	.event_pre_student2021 .sec.class .course_area:nth-child(1) .tit{padding-top:14px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_tape03.png) no-repeat 50% 50%;background-size:contain}
	.event_pre_student2021 .sec.last dd p > br{display:none}
}
@media (max-width:480px){
	.event_pre_student2021:before{display:none}
	.event_pre_student2021 .intro_area:after{width:300px;height:230px}
	.event_pre_student2021 .intro_area .main_tit{margin:20px auto 17px}
	.event_pre_student2021 .intro_area .main_tit:before{left:-50px;width:30px;height:31px;background-size:cover}
	.event_pre_student2021 .intro_area .main_tit:after{right:-50px;width:35px;height:34px;background-size:cover}
	.event_pre_student2021 .cont_tit{margin-top:24px}
	.event_pre_student2021 .cont_tit dt .word01{padding:0 20px;font-size:17px;line-height:24px}
	.event_pre_student2021 .sec.intro{padding:46px 20px 67px 30px}
	.event_pre_student2021 .sec.class .course_area .tit{margin-bottom:0}
	.event_pre_student2021 .sec.class .course_area .btn_print{font-size:13px;line-height:24px;background-size:13px 12px !important}
	.event_pre_student2021 .sec.class .course_area ul li{width:calc(50% - 5px);margin:0 10px 20px 0}
	.event_pre_student2021 .sec.class .course_area ul li:nth-child(3n){margin-right:10px}
	.event_pre_student2021 .sec.class .course_area ul li:nth-child(2n){margin-right:0}
	.event_pre_student2021 .sec.last dd:before{height:250px}
	.event_pre_student2021 .sec.last dd p{line-height:20px !important}
	.event_pre_student2021 .sec.last dd p.hashtag{height:auto;padding:14px 20px;line-height:18px !important;background-size:cover}
}
@media (max-width:414px){
	.event_pre_student2021 .intro_area{padding-top:43px}
	.event_pre_student2021 .intro_area:after{width:250px;height:190px}
	.event_pre_student2021 .sec.intro{padding:46px 10px 67px 15px}
	.event_pre_student2021 .sec.intro .how_join_list li{font-size:14px;text-indent:-14px}
	.event_pre_student2021 .sec.intro .caution li{font-size:13px}
	.event_pre_student2021 .sec.gift .gift_list li .course_com{font-size:16px}
	.event_pre_student2021 .sec.class .course_area .tit{padding-top:16px !important;font-size:16px}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing,
	.event_pre_student2021 .sec.class .course_area ul li .status.pro{width:60px;height:60px}
	.event_pre_student2021 .sec.class .course_area ul li .status.finish{width:68px;height:60px}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing{font-size:15px;line-height:60px}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing em{font-size:17px}
	.event_pre_student2021 .sec.class .course_area ul li .class_tit > br{display:none}
	.event_pre_student2021 .sec.class .course_area ul li .status .btn_apply{font-size:13px;line-height:24px}
	.event_pre_student2021 .sec.last dd p{font-size:14px}
	.event_pre_student2021 .sec.last dd p.top{font-size:17px}
}
@media (max-width:400px){
	.event_pre_student2021 .intro_area{padding-top:43px}
	.event_pre_student2021 .intro_area:after{width:240px;height:185px;margin-top:24px}
	.event_pre_student2021 .intro_area .main_tit:before{top:-20px;left:-25px;width:24px;height:25px}
	.event_pre_student2021 .intro_area .main_tit:after{top:-20px;right:-25px;width:28px;height:27px}
	.event_pre_student2021 .sec.gift .gift_list li:nth-child(3) > .imgbox{height:105px}
	.event_pre_student2021 .sec.last dd:before{height:180px}
}
@media (max-width:390px){
	.event_pre_student2021 .intro_area .main_subtit01{height:59px;margin-bottom:15px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_bg_tape01.png) no-repeat 50% 50%;background-size:cover}
	.event_pre_student2021 .intro_area .main_subtit01 > span{height:58px;background:url(../../../../../images/egovframework/com/ebs/event/prestudent/m_main_sub_tit01.png) no-repeat 50% 50%;background-size:contain}
	.event_pre_student2021 .cont_tit .term_area li:nth-child(1){background-size:contain}
	.event_pre_student2021 .cont_tit .term_area li:nth-child(2){background-size:contain}
	.event_pre_student2021 .sec.class .course_area:nth-child(1) .tit,
	.event_pre_student2021 .sec.class .course_area:nth-child(2) .tit,
	.event_pre_student2021 .sec.class .course_area:nth-child(3) .tit{height:auto;margin-bottom:10px;padding:10px 5px !important;background-size:cover}
	.event_pre_student2021 .sec.last dt p:nth-child(2){background-position:50% 50%;background-size:contain}
	.event_pre_student2021 .sec.last dt p:nth-child(2) > img{margin-top:8px}
}
@media (max-width:359px){
	.event_pre_student2021 .intro_area:after{width:200px;height:140px}
	.event_pre_student2021 .intro_area .main_tit:before,
	.event_pre_student2021 .intro_area .main_tit:after{display:none}
	.event_pre_student2021 .cont_tit dt .word02{font-size:14px}
	.event_pre_student2021 .cont_tit .term_area li{font-size:13px}
	.event_pre_student2021 .sec.gift{padding:45px 20px 35px}
	.event_pre_student2021 .sec.class .course_area .tit{font-size:15px}
	.event_pre_student2021 .sec.class .course_area ul li .class_tit{font-size:13px;line-height:130% !important}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing,
	.event_pre_student2021 .sec.class .course_area ul li .status.pro{width:45px;height:45px}
	.event_pre_student2021 .sec.class .course_area ul li .status.finish{width:53px;height:45px}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing{font-size:13px;line-height:45px}
	.event_pre_student2021 .sec.class .course_area ul li .status.ing em{font-size:15px}
	.event_pre_student2021 .sec.class .course_area ul li .status .btn_apply{width:80px;font-size:12px;line-height:20px}
	.event_pre_student2021 .sec.last dd:before{height:120px}
	.event_pre_student2021 .sec.last dd p.top{font-size:16px}
}
@media (max-width:320px){
	.event_pre_student2021 .sec.last dt p:nth-child(2) > img{margin-top:11px}
}
/* 201222 이벤트 2021 예비대학생 코딩교육 : e */

/* 201223 이벤트 2021 예비대학생 배너 추가 : s */
@media (max-width:1150px){
	.section_f .newmain_slide .swiper_img.obj14{width:300px;min-width:300px;background-size:contain}
}
@media (max-width:1024px){
	.section_f .newmain_slide .swiper_txt.txt14{padding-top:30px}
}
@media (max-width:900px){
	.section_f .newmain_slide .swiper_img.obj14{width:40%;min-width:40%;height:220px}
}
@media (max-width:850px){
	.section_f .newmain_slide .swiper_img.obj14{width:220px;min-width:220px;height:280px}
}
@media (max-width:640px){
	.section_f .newmain_slide .swiper_txt.txt14{width:100%;padding-top:45px}
}
/* 201223 이벤트 2021 예비대학생 배너 추가 : e */

/* 2023-09-04 디지털 소양 - 멘토링 : s */
@media (max-width:1150px){
	.renewal .coding_project_box li{padding:30px;text-align:center}
	.renewal .coding_project_box li > img{max-width:100%;max-height:auto}
	.coding_project_mentoring .mentoring_txt{padding:40px 0 0 0}
	.coding_project_mentoring .mentoring_wrap::after{right:10px}
}
@media (max-width:767px){
	.coding_project_mentoring .mentoring_wrap{height:345px}
	.coding_project_mentoring .mentoring_wrap::after{background-size: 72%;background-position: right bottom;}
	.coding_project_mentoring .mentoring_txt > button{padding:12px}
}
/* 2023-09-04 디지털 소양 - 멘토링 : e */
/**/

/* 210105 작품방 검색 영역 수정 : s */
@media (max-width:486px){
	.work_srch_layer .category_area .table[class*='structure cell basic'] tr#srchGame th{height:55px}
}
@media (max-width:445px){
	.work_srch_layer .srch_form{padding-top:20px}
}
@media (max-width:400px){
	.work_srch_layer .srch_form{height:auto;padding-bottom:0}
	.work_srch_layer .srch_form .category_area{margin-top:0 !important}
	.work_srch_layer .srch_form .srch_table, .work_srch_layer .srch_form .srch_table .table{margin:0}
}
@media (max-width:345px){
	.work_srch_layer{height:auto}
	.work_srch_layer .btn_srch_close{bottom:-36px;width:36px;height:36px}
	.work_srch_layer .btn_srch_close i{font-size:24px;line-height:36px}
}
/* 210105 작품방 검색 영역 수정 : s */

/* 210114 예비대학생 학교검색 팝업창 : s */
@media (max-width:600px){
	.schoolSearch-popup .modal-body .ctrl_grp > label:nth-child(1){margin-right:50px}
}
@media (max-width:480px){
	.schoolSearch-popup .modal-popup-group.round .modal-body{height:210px}
	.schoolSearch-popup .modal-body .search_area label{float:left;margin-top:0;margin-bottom:5px}
	.schoolSearch-popup .modal-body .search_area input{float:left;width:100%}
	.schoolSearch-popup .modal-body .ctrl_grp > label:nth-child(1){margin-right:0;margin-bottom:10px}
	.schoolSearch-popup .modal-body .ctrl_grp > label:nth-child(2){width:100%}
}
/* 210114 예비대학생 학교검색 팝업창 : e */

/* 210203 이벤트 2021 설연휴 온 가족 코딩학습 : s */
@media (max-width:1024px){
	.event_newyear2021{width:100%}
	.event_newyear2021 .cont_tit{width:100%;max-width:700px}
	.event_newyear2021 .sec.gift{padding:60px 30px 80px}
	.event_newyear2021 .sec.last{padding:63px 40px 80px}
	.event_newyear2021 .checkFamily-popup .table thead{display:table-header-group}
}
@media (max-width:950px){
	.event_newyear2021 .sec.gift{padding:60px 30px 40px}
	.event_newyear2021 .sec.gift .gift_list li{width:calc(50% - 10px);margin-bottom:40px}
	.event_newyear2021 .sec.gift .gift_list li:nth-child(2n){margin-right:0}
	.event_newyear2021 .sec.gift .gift_list li .family{top:-30px;right:50%;margin-right:-27px}
}
@media (max-width:900px){
	.event_newyear2021 .cont_area{padding:40px 25px 30px;background-size:contain}
	.event_newyear2021 .cont_tit:before{background-size:cover}
	.event_newyear2021 .sec.intro .how_join_list li{line-height:24px}
	.event_newyear2021 .sec.class .course_area .tit_area a{min-width:90px;padding:0 8px;font-size:16px;font-weight:500}
	.event_newyear2021 .sec.last dd .certificate{margin-bottom:200px}
	.event_newyear2021 .sec.last dd .certificate .line{padding:40px 0}
	.event_newyear2021 .sec.last dd .certificate:after{right:50%;bottom:-175px;margin-right:-112px}
}
@media (max-width:800px){
	.event_newyear2021 .sec.class .course_area .tit_area .tit > em{display:block;}
	.event_newyear2021 .sec.class .course_area .tit_area .tit{width:calc(100% - 100px);margin-bottom:5px}
	.event_newyear2021 .sec.class .course_area.common .tit_area .tit{width:100%}
	.event_newyear2021 .sec.class .course_area.common .tit_area .tit > em{display:inline-block}
}
@media (max-width:769px){
	.event_newyear2021 .intro_area .main_subtit01{font-size:18px}
	.event_newyear2021 .intro_area .main_tit{width:90%;margin:0 auto}
	.event_newyear2021 .cont_tit:before{transition:all .4s;top:-142px;left:50%;width:90%;height:140px;transform:translate(-50%, 0)}
	.event_newyear2021 .cont_tit:after{width:30px;height:30px;background-size:cover}
	.event_newyear2021 .cont_tit dt{width:96%;height:69px;margin:0 auto;background-size:contain}
	.event_newyear2021 .cont_tit dd{margin:0 15px}
	.event_newyear2021 .cont_tit .term_area{width:100%;max-width:483px}
	.event_newyear2021 .cont_tit .term_area li{display:block;font-size:15px;word-break:keep-all}
	.event_newyear2021 .cont_tit .term_area li:first-child:after{display:none}
	.event_newyear2021 .sec{background-size:30px 30px}
	.event_newyear2021 .sec.intro{padding:30px 30px 40px}
	.event_newyear2021 .sec.intro .how_join_list li .family_area{padding-left:0}
	.event_newyear2021 .sec.intro .how_join_list li .family_area .btn{width:calc(50% - 5.5px) !important;text-align:center}
	.event_newyear2021 .sec.gift{padding:30px 30px 40px}
	.event_newyear2021 .sec.class{padding:30px 20px 50px}
	.event_newyear2021 .sec.last dd .certificate{padding:10px}
	.event_newyear2021 .sec.last dd .certificate .line{padding:30px 15px}
	.event_newyear2021 .sec.last dd .certificate .line:before{top:-12px;left:-12px;width:30px;height:30px;background-size:cover}
}
@media (max-width:680px){
	.event_newyear2021 .sec.class .course_area .tit_area .tit{font-size:17px;}
	.event_newyear2021 .sec.class .course_area ul li{width:calc(50% - 10px);margin-bottom:15px}
	.event_newyear2021 .sec.class .course_area ul li:nth-child(2n){margin-right:0}
	.event_newyear2021 .sec.class .course_area.common .info{padding:0 20px;word-break:keep-all}
}
@media (max-width:600px){
	.event_newyear2021 .intro_area{padding:71px 0 120px}
	.event_newyear2021 .cont_tit:before{top:-102px;left:50%;width:280px;height:90px}
	.event_newyear2021 .sec > dt{height:32px}
	.event_newyear2021 .sec > dt > img{height:100%}
	.event_newyear2021 .sec.intro .how_join_list{padding-top:25px}
	.event_newyear2021 .sec.intro .how_join_list li .family_area .btn{width:calc(50% - 5.5px) !important;height:32px;line-height:30px;text-align:center}
	.event_newyear2021 .sec.gift .gift_list{margin-top:45px}
	.event_newyear2021 .sec.gift .gift_list li{width:100%;margin-right:0}
	.event_newyear2021 .sec.gift .gift_list li .family{top:-15px;width:40px;height:40px;padding-top:3px;margin-right:-20px;border-width:2px}
	.event_newyear2021 .sec.gift .gift_list li:last-child .family{padding-top:11px}
	.event_newyear2021 .sec.class .course_area .tit_area{position:relative}
	.event_newyear2021 .sec.class .course_area .tit_area .tit{float:none;width:100%}
	.event_newyear2021 .sec.class .course_area .tit_area a{float:none;position:absolute;top:0;right:0;min-width:75px;margin-top:1px;font-size:14px;line-height:28px}
	.event_newyear2021 .sec.last dd .certificate{margin:100px 0 200px}
	.event_newyear2021 .sec.last dd .certificate:before{top:-81px;width:200px;height:110px;margin-left:-100px;background-size:contain}
	.event_newyear2021 .sec.last dd .input_area{width:100%}
	.event_newyear2021 .sec.last dd .input_area input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 60px);margin-right:10px}
	.event_newyear2021 .sec.last dd .input_area input::placeholder{font-size:13px}
	.event_newyear2021 .sec.last dd .input_area input:-ms-input-placeholder{font-size:13px}
	.event_newyear2021 .sec.last dd .input_area input::-ms-input-placeholder{font-size:13px}
}
@media (max-width:480px){
	.event_newyear2021 .cont_tit{padding:42px 10px 34px}
	.event_newyear2021 .cont_tit dt{height:130px;background:url(../../../../../images/egovframework/com/ebs/event/newyear2021/m_sub_tit.png) no-repeat 50% 0;background-size:contain}
	.event_newyear2021 .cont_tit dd{margin:0}
	.event_newyear2021 .cont_area{padding:40px 15px 20px}
	.event_newyear2021 .sec.intro{margin:45px auto 0;padding:30px 10px 50px}
	.event_newyear2021 .sec.intro .how_join_list li{font-size:15px;line-height:22px;word-break:keep-all}
	.event_newyear2021 .sec.intro .caution li{font-size:14px;line-height:20px;word-break:keep-all}
	.event_newyear2021 .sec.gift{margin-top:45px;padding:30px 10px 30px}
	.event_newyear2021 .sec.class{margin-top:45px}
	.event_newyear2021 .sec.class .course_area ul li{width:100%;margin-right:0}
	.event_newyear2021 .sec.class .course_area.common{padding:20px 15px}
	.event_newyear2021 .sec.class .course_area .tit_area a{min-width:65px;font-size:13px;line-height:24px}
	.event_newyear2021 .sec.last{margin-top:45px;padding:40px 10px 60px}
	.event_newyear2021 .sec.last dd .certificate .top{height:130px;background:url(../../../../../images/egovframework/com/ebs/event/newyear2021/m_sns_tit.png) no-repeat 50% 0}
	.event_newyear2021 .sec.last dd .certificate .top > img{display:none}
	.event_newyear2021 .sec.last dd .certificate .line{padding:20px 10px}
	.event_newyear2021 .sec.last dd p{font-size:15px;line-height:22px !important}
}
@media (max-width:414px){
	.event_newyear2021 .intro_area .main_subtit01{font-size:16px}
	.event_newyear2021 .cont_tit .term_area{padding:10px}
	.event_newyear2021 .cont_tit .term_area li{font-size:14px}
	.event_newyear2021 .sec > dt{height:24px}
	.event_newyear2021 .sec.intro .how_join_list li{font-size:14px;line-height:20px}
	.event_newyear2021 .sec.intro .how_join_list li .family_area .btn{width:calc(50% - 3px) !important;padding:0 3px;font-size:13px}
	.event_newyear2021 .sec.intro .how_join_list li .family_area .btn:nth-child(1){margin-right:3px}
	.event_newyear2021 .sec.intro .caution li{font-size:13px;line-height:18px}
	.event_newyear2021 .sec.gift .gift_list li .course_com{margin-top:12px;font-size:14px}
	.event_newyear2021 .sec.gift .gift_list li .name{font-size:14px}
	.event_newyear2021 .sec.gift .gift_list li .family em{font-size:14px}
	.event_newyear2021 .sec.class .course_area .tit_area .tit{font-size:15px;word-break:keep-all}
	.event_newyear2021 .sec.class .course_area .info{margin-bottom:18px;font-size:13px}
	.event_newyear2021 .sec.class .course_area .tit_area .tit > em{width:64px;height:28px;margin-bottom:5px;font-size:14px;line-height:28px}
	.event_newyear2021 .sec.class .course_area.common{margin-top:30px;padding:10px;border-width:1px}
	.event_newyear2021 .sec.class .course_area.common .info{padding-left:12px;font-size:14px;text-indent:-15px;text-align:left}
}
@media (max-width:375px){
	.event_newyear2021 .intro_area{padding:50px 0 70px}
	.event_newyear2021 .cont_tit:before{top:-72px;width:200px;height:70px;background-size:contain}
	.event_newyear2021 .cont_tit dt{height:110px}
}
@media (max-width:359px){
	.event_newyear2021 .cont_tit dt{height:90px}
	.event_newyear2021 .sec.last dd .certificate:before{top:-66px;width:160px;height:90px;margin-left:-80px}
	.event_newyear2021 .sec.last dd .certificate .top{height:100px;background-size:contain}
	.event_newyear2021 .checkFamily-popup .modal-body .mg_b10 input{width:calc(100% - 90px)}
}
/* 210203 이벤트 2021 설연휴 온 가족 코딩학습 : e */

/* 210215 이솦 x AI : s */
@media (max-width:995px){
	.main_area.main_v2 .sec .main_banner .esofxai .box .tit .x{width:10px;height:11px;background-size:100%}
}
@media (max-width:414px){
	.main_area.main_v2 .sec .main_banner .esofxai .box{background-size:100%}
}
/* 210215 이솦 x AI : e */

/* 210224 이벤트 경이로운 코딩 : s */
@media (max-width: 1024px){
	.event_awesome_coding{width:100%}
}
@media (max-width: 995px){
	.event_awesome_coding:after{content:'';display:block;position:absolute;top:552px;left:50%;width:350px;height:251px;margin-left:-115px;background: url(../../../../../images/egovframework/com/ebs/event/awesome/m_bg_main_obj.png) no-repeat 50% 100%;background-size:contain;transform:rotate(3.2deg)}
	.event_awesome_coding .cont_tit:after{display:none}
	.event_awesome_coding .cont_tit .term_area{margin-top:25px;padding:5px 53px 5px 41px}
	.event_awesome_coding .cont_tit .term_area li{font-size:18px}
	.event_awesome_coding .cont_tit p{font-size:22px;line-height:130% !important}
	.event_awesome_coding .sec{margin:0 20px 40px}
	.event_awesome_coding .sec.intro{padding:50px 30px 55px}
	.event_awesome_coding .sec.intro:before{top:-80px;left:-40px;width:150px;height:150px;background-size:contain}
	.event_awesome_coding .sec.intro:after{bottom:-130px;width:150px;height:200px;background-size:contain}
	.event_awesome_coding .sec.gift{margin-bottom:40px;padding:55px 20px 50px}
	.event_awesome_coding .sec.class .course_area:last-child:after{width:150px;height:180px;background-size:contain}
	.event_awesome_coding .sec.last .certificate{margin-top:30px}
}
@media (max-width: 920px){
	.event_awesome_coding .sec.class .course_area ul > li{float:none;width:100%}
	.event_awesome_coding .sec.class .course_area ul > li:first-child{margin-right:0;margin-bottom:64px}
	.event_awesome_coding .sec.class .course_area ul > li:first-child:after,
	.event_awesome_coding .sec.class .course_area:first-child ul > li:first-child:after{top:auto;right:auto;bottom:-54px;left:50%;margin-top:0;margin-left:-17px;transform:rotate(90deg)}
}
@media (max-width: 900px){
	.event_awesome_coding .sec.info{margin-top:420px;padding:50px 20px 55px}
	.event_awesome_coding .sec.info dd .imgbox{position:relative;height:290px;padding:0}
	.event_awesome_coding .sec.info dd .imgbox img{position:absolute;top:50%;left:50%;width:calc(100% - 20px);transform:translate(-50%, -50%)}
	.event_awesome_coding .sec.intro .how_join_list .down_area{display:block;margin-top:10px;margin-left:0}
	.event_awesome_coding .sec.gift .gift_list li{width:calc(50% - 6.5px)}
	.event_awesome_coding .sec.gift .gift_list li:nth-child(2n){margin-right:0}
	.event_awesome_coding .sec.gift .gift_list .imgbox img{margin-top:-7px}
}
@media (max-width: 768px){
	.event_awesome_coding{padding-top:80px}
	.event_awesome_coding .cont_tit .term_area{padding:5px 20px 5px 20px}
	.event_awesome_coding .cont_tit p{font-size:20px}
	.event_awesome_coding .sec.info dt{background-size:contain}
	.event_awesome_coding .sec.info dd{margin-top:30px}
	.event_awesome_coding .sec.info dd p{font-size:16px;line-height:22px !important}
	.event_awesome_coding .sec.last .certificate .line .top + p{font-size:16px;line-height:22px;word-break:keep-all}
	.event_awesome_coding .sec.last .hashtag span{font-size:16px}
}
@media (max-width: 767px){
	.event_awesome_coding .sec.class .course_area .tit_area{text-align:center}
	.event_awesome_coding .sec.class .course_area .tit_area .tit em{display:block;}
	.event_awesome_coding .sec.class .course_area .tit_area .tit em:after{display:block;width:46px;height:1px;margin:4px auto;background-color:rgba(255,255,255,.5)}
	.event_awesome_coding .sec.class .course_area .tit_area .tit .beat{background:url(../../../../../images/egovframework/com/ebs/event/awesome/m_txt_bt_go_wt.png) no-repeat 0 0;background-size:contain}
	.event_awesome_coding .sec.class .course_area .tit_area .tit .doodle{background:url(../../../../../images/egovframework/com/ebs/event/awesome/m_txt_dd_go_wt.png) no-repeat 0 0;background-size:contain}
	.event_awesome_coding .sec.class .course_area .tit_area .tit .doodle + span{display:block}
	.event_awesome_coding .sec.class .course_area:last-child .info_plus .beat{background:url(../../../../../images/egovframework/com/ebs/event/awesome/m_txt_bt_go_pp.png) no-repeat 0 0;background-size:contain}
	.event_awesome_coding .sec.class .course_area:last-child .info_plus .doodle{background:url(../../../../../images/egovframework/com/ebs/event/awesome/m_txt_dd_go_gr.png) no-repeat 0 0;background-size:contain}
}
@media (max-width: 600px){
	.event_awesome_coding{background-position:50% -140px, 50% 100%}
	.event_awesome_coding:after{display:none}
	.event_awesome_coding .cont_tit p{font-size:17px}
	.event_awesome_coding .intro_area .main_subtit01{height:110px;background:url(../../../../../images/egovframework/com/ebs/event/awesome/m_main_sub_tit.png) no-repeat 50% 0}
	.event_awesome_coding .cont_tit .term_area{margin:20px 20px 0}
	.event_awesome_coding .cont_tit .term_area li{line-height:25px}
	.event_awesome_coding .cont_tit .term_area li:first-child{display:block;margin-right:0}
	.event_awesome_coding .sec.info{margin-top:220px}
	.event_awesome_coding .sec.info dt{height:235px;background:url(../../../../../images/egovframework/com/ebs/event/awesome/m_sub_tit_info.png) no-repeat 50% 0}
	.event_awesome_coding .sec.info dd > div{width:100%}
	.event_awesome_coding .sec.info dd > div:first-child{margin-right:0;margin-bottom:30px}
	.event_awesome_coding .sec.info dd > div:first-child p{padding:0 10px}
	.event_awesome_coding .sec.info dd > div:last-child p{padding:0 10px}
	.event_awesome_coding .sec.info dd .imgbox img{width:auto}
	.event_awesome_coding .sec.intro .how_join_list li em{padding-left:27px;text-indent:-27px}
	.event_awesome_coding .sec.intro .how_join_list .down_area .btn_beat{margin-bottom:5px}
	.event_awesome_coding .sec.class .course_area .tit_area .tit{font-size:17px}
	.event_awesome_coding .sec.class .course_area .tit_area .tit .beat{margin-top:3px}
	.event_awesome_coding .sec.class .course_area .tit_area .tit .doodle{margin-top:0}
	.event_awesome_coding .sec.class .course_area ul > li .tit{padding:8px 10px;font-weight:500;line-height:22px;word-break:keep-all}
	.event_awesome_coding .sec.last dd .input_area{width:100%}
	.event_awesome_coding .sec.last dd .input_area input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 60px);margin-right:10px}
	.event_awesome_coding .sec.last dd .input_area input::placeholder{font-size:13px}
	.event_awesome_coding .sec.last dd .input_area input:-ms-input-placeholder{font-size:13px}
	.event_awesome_coding .sec.last dd .input_area input::-ms-input-placeholder{font-size:13px}
}
@media (max-width: 480px){
	.event_awesome_coding .cont_tit .term_area li{font-size:15px}
	.event_awesome_coding .sec{margin:0 20px 30px}
	.event_awesome_coding .sec.info dt{background-size:contain}
	.event_awesome_coding .sec.info dd .imgbox img{padding:0 10px}
	.event_awesome_coding .sec.intro:before{width:120px;height:120px}
	.event_awesome_coding .sec.intro:after{bottom:-100px;width:110px;height:150px}
	.event_awesome_coding .sec.intro .how_join_list li{padding:18px 0 18px 42px;font-size:14px}
	.event_awesome_coding .sec.intro .how_join_list li:before{width:35px;height:35px}
	.event_awesome_coding .sec.intro .how_join_list .down_area .btn{font-size:13px;line-height:24px}
	.event_awesome_coding .sec.intro .caution li{font-size:13px}
	.event_awesome_coding .sec.gift{margin-top:30px;padding:30px 20px}
	.event_awesome_coding .sec.gift .gift_list{margin-top:20px}
	.event_awesome_coding .sec.gift .gift_list .info .name, .event_awesome_coding .sec.gift .gift_list .info .num{font-size:15px}
	.event_awesome_coding .sec.gift .gift_list .info .course_com{padding:0 10px}
	.event_awesome_coding .sec.class .course_area{padding:0 20px 30px}
	.event_awesome_coding .sec.class .course_area .tit_area{padding:10px}
	.event_awesome_coding .sec.class .course_area .info{margin:20px 0;font-size:15px}
	.event_awesome_coding .sec.class .course_area:last-child .info{margin-bottom:20px}
	.event_awesome_coding .sec.class .course_area .info strong, .event_awesome_coding .sec.class .course_area .info span{border-bottom:1px solid rgba(0,0,0,.6);}
	.event_awesome_coding .sec.class .course_area:last-child .info_plus{font-size:15px;word-break:keep-all}
	.event_awesome_coding .sec.class .course_area:last-child .info_plus .beat{width:60px}
	.event_awesome_coding .sec.class .course_area:last-child .info_plus .doodle{width:72px}
	.event_awesome_coding .sec.last{margin:120px 10px 0}
	.event_awesome_coding .sec.last .certificate .line .top{font-size:22px}
	.event_awesome_coding .sec.last .certificate .line .top + p{padding:0 20px;font-size:15px}
	.event_awesome_coding .sec.last .hashtag span{font-size:13px}
}
@media (max-width: 414px){
	.event_awesome_coding{background-position:50% -280px, 50% 100%}
	.event_awesome_coding .intro_area .main_subtit01{width:150px;height:80px;margin:0 auto;background-size:contain}
	.event_awesome_coding .sec{margin:0 10px 25px;border-radius:20px}
	.event_awesome_coding .sec.info{margin-top:180px}
	.event_awesome_coding .sec.intro{padding:30px 15px 35px}
	.event_awesome_coding .sec.info dd .imgbox{height:200px}
	.event_awesome_coding .sec.gift .gift_list li{width:100%;margin-right:0}
	.event_awesome_coding .sec.class .course_area ul > li ol li{padding-bottom:5px;font-size:14px;word-break:keep-all}
	.event_awesome_coding .sec.last .certificate .line .top + p{font-size:14px;line-height:18px}
	.event_awesome_coding .sec.last .certificate .line .top + p + img{width:200px}
}
@media (max-width: 411px){
	.event_awesome_coding{background-position:50% -300px, 50% 100%}
	.event_awesome_coding .intro_area .main_tit{padding:0 10px}
	.event_awesome_coding .cont_tit .term_area li{font-size:13px;line-height:20px;word-break:keep-all}
	.event_awesome_coding .cont_tit p{padding:0 10px;font-size:15px}
	.event_awesome_coding .sec.intro dt img, .event_awesome_coding .sec.gift dt img, .event_awesome_coding .sec.class dt img{width:120px}
	.event_awesome_coding .sec.last dt img{width:180px}
	.event_awesome_coding .sec.info dd p{font-size:15px}
	.event_awesome_coding .sec.intro:before{width:90px;height:90px}
	.event_awesome_coding .sec.intro:after{bottom:-80px;width:80px;height:120px}
	.event_awesome_coding .sec.gift .gift_list .info .name, .event_awesome_coding .sec.gift .gift_list .info .num{font-size:14px}
	.event_awesome_coding .sec.class dd{margin-top:30px}
	.event_awesome_coding .sec.class .course_area .info{font-size:14px}
	.event_awesome_coding .sec.class .course_area:last-child:after{width:90px;height:120px}
	.event_awesome_coding .sec.class .course_area .tit_area .tit{font-size:16px}
	.event_awesome_coding .sec.last .certificate{margin-top:15px}
	.event_awesome_coding .sec.last .certificate .line .top{font-size:18px}
	.event_awesome_coding .sec.last .certificate .line .top + p{padding:0 10px}
}
@media (max-width: 375px){
	.event_awesome_coding .sec.info dd{margin-top:0}
}
@media (max-width: 359px){
	.event_awesome_coding .sec.info{margin-top:160px}
	.event_awesome_coding .sec.info dt{height:200px}
}
/* 210224 이벤트 경이로운 코딩 : e */

/* 210311 컴퓨팅사고력 테스트 : s */
@media (max-width:995px){
	.thinking_wrap{background-size:cover}
	.thinking_wrap .thinking_body{text-align:center}
	.thinking_wrap .thinking_body .pc_img{padding:0 20px}
	.thinking_wrap .thinking_body .tit{display:block;float:none}
	.thinking_wrap .thinking_body .btn{display:inline-block;float:none;vertical-align:top;margin-top:40px}
}
@media (max-width:768px){
	.thinking_wrap{padding:40px 0 15px;background:url(../../../../../images/egovframework/com/ebs/event/m_bg_thinking.png) repeat-x 50% 0;background-size:contain}
	.thinking_wrap .pc_img{display:none}
	.thinking_wrap .mo_img{display:block}
	.thinking_wrap .thinking_body .mo_img{padding:0 30px}
	.thinking_wrap .thinking_body .clearfix{margin-bottom:30px}
	.thinking_wrap .thinking_body .tit{padding:0 17px}
	.thinking_wrap .thinking_body .btn{margin:25px 69px 0}
	.thinking_wrap .thinking_footer{padding:85px 51px 0}
}
@media (max-width:568px){
	.thinking_wrap{background-position:50% 100%;background-size:cover}
}
/* 210311 컴퓨팅사고력 테스트 : e */


/* 210429 이벤트 이솦랜드 : s */
@media ( max-width :1024px) {
	.event_eswland {padding:5.46875vw 0 3.9625%;}
	.event_eswland  .event_term {margin-top:2.832vw;}
	.event_eswland  .event_term img {width:33.1054vw}
	.event_eswland .land_map {margin-top:2.34375vw;}
	.event_eswland .land_map img {width:70.898vw}
	.event_eswland .cont_area .intro {padding:4.4921vw 5.859375vw}
	.event_eswland .cont_area .intro h5 img {width:12.59vw; height:auto}
	.event_eswland .cont_area .intro .btn_enter_land {width:38vw; height:7vw; background-size:contain; margin:2.1484vw auto}
	.event_eswland .cont_area .intro ol {font-size:1.25rem}
	.event_eswland .cont_area .intro ol > li:before {font-size:0.875rem}
	.event_eswland .cont_area .intro ol > li ul {font-size:1rem}
	.event_eswland .cont_area .intro .notice {font-size:1rem}
	.event_eswland .cont_area .intro ol > li:before { width:2.7vw; height:2.7vw; line-height:2.7vw; font-size:0.875rem; margin:-2px 7px 0 0}
	.event_eswland .cont_area .intro .notice { font-size:0.875rem}

	.event_eswland .cont_area .ticket_guide {padding:4.4921vw 0;}
	.event_eswland .cont_area .ticket_guide h5 img {width:20.3125vw; height:auto}
	.event_eswland .cont_area .ticket_guide > ul {width:62.5vw; margin:0 auto}
	.event_eswland .cont_area .ticket_guide > ul > li {width:29.296785vw; height:32.2265vw; margin-bottom:2.9296vw}
	.event_eswland .cont_area .ticket_guide > ul > li > img { width:auto; height:86%}
	.event_eswland .cont_area .ticket_guide .required {font-size:1.125rem }
	.event_eswland .cont_area .ticket_guide .gift {top:80.03%; font-size:1rem}
	.event_eswland .cont_area .ticket_guide .required {font-size:1rem}
	.event_eswland .cont_area .ticket_guide .notice {font-size:0.875rem; width:31vw; }
	.event_eswland .cont_area .ticket_guide .notice li {text-indent:-5px; padding-left:10px}

	.event_eswland .cont_area .newlecture {padding:4.4921vw 5.859375vw; margin:2.9297vw auto 0;}
	.event_eswland .cont_area .newlecture h5 {padding-bottom:3.90625vw}
	.event_eswland .cont_area .newlecture h5 img {width:13.086vw}
	.event_eswland .cont_area .newlecture ul.lec_wrap h6 img,
	.event_eswland .cont_area .newlecture > h6 img {height:74px; width:auto; max-width:unset}

	.event_eswland .cont_area .newlecture ul.lec_wrap {display:block}
	.event_eswland .cont_area .newlecture ul.lec_wrap li {width:100%; display:block}
	.event_eswland .cont_area .newlecture ul.lec_wrap li:last-child {padding-top:20px}

	.event_eswland .cont_area .newlecture .lec_wrap {margin:0 auto 3vw}
	.event_eswland .cont_area .newlecture ul.lec_wrap li {width:49%;}
	.event_eswland .cont_area .newlecture ul.lec_wrap li:first-child {margin-right:2%}
	.event_eswland .cont_area .newlecture div.lec_wrap figure {width:49%; margin-right:2%}
	.event_eswland .cont_area .newlecture ul.lec_wrap li figure {width:100%; margin-right:unset}
	.event_eswland .cont_area .newlecture div.lec_wrap figure:nth-child(2n) {margin-right:0}
	.event_eswland .cont_area .newlecture div.lec_wrap figure:nth-child(3) {margin-right:2% !important}

	.event_eswland .cont_area .newlecture ul.lec_wrap figcaption,
	.event_eswland .cont_area .newlecture div.lec_wrap figcaption {min-height:4vw; padding:4px 0 4px 7px; font-size:1rem; margin:0.97vw 0 0 0;}

	.event_eswland .cont_area .snsshare {padding:4.4921vw 5.859375vw; margin:2.9297vw auto 0;}
	.event_eswland .cont_area .snsshare h5 {padding-bottom:3.90625vw}
	.event_eswland .cont_area .snsshare h5 img {width:20.41vw}
	.event_eswland .cont_area .snsshare .subtit img {width:57.6%}
	.event_eswland .cont_area .snsshare .snsgift p {font-size:1.125rem; padding-top:2.92vw}
	.event_eswland .cont_area .snsshare .snsgift figure {width:51.56%; top:1.66vw}
	.event_eswland .cont_area .snsshare .hashtag_wrap {width:84.375%; margin-top:4.5vw}
	.event_eswland .cont_area .snsshare .hashtag_wrap li {font-size:1.125rem; height:calc(1.7578vw*2.5); line-height:calc(1.7578vw*2.2); box-sizing:border-box; padding:0 10px; margin:0 0.49vw 10px 0;}

	.event_eswland .cont_area .newlecture ul.lec_wrap figure,
	.event_eswland .cont_area .newlecture .lec_wrap figure {padding:4px 4px 4px 4px}

	.event_eswland .event_notice h5 {padding:3.9625vw 0 1.9vw 0; }
	.event_eswland .event_notice h5 img {width:19.34%; height:auto;}
	.event_eswland .event_notice li {font-size:0.875rem;}

	.event_eswland .cont_area .newlecture .lec_wrap figure > a .status.ing{background-size:5rem auto;}
	.event_eswland .cont_area .newlecture .lec_wrap figure > a .status.pro{background-size:5rem auto;}
	.event_eswland .cont_area .newlecture .lec_wrap figure > a .status.finish{background-size:5.5rem auto;}
}

@media ( max-width :768px) {
	.event_eswland .cont_area .intro ol {font-size:1rem}
	.event_eswland .cont_area .intro ol > li {text-indent:-12px; padding-left:12px }
	.event_eswland .cont_area .intro ol > li ul {font-size: 0.75rem}
	.event_eswland .cont_area .intro .notice { font-size:0.75rem}
	.event_eswland .cont_area .intro ol > li:before { font-size:0.75rem}

	.event_eswland .cont_area .ticket_guide {padding:4.4921vw 0}
	.event_eswland .cont_area .ticket_guide > ul {display:block; align-content:center; margin:0 auto}
	.event_eswland .cont_area .ticket_guide > ul > li {width:62.5vw; height:32.2265vw; background-size:contain;}
	.event_eswland .cont_area .ticket_guide .required {font-size: 0.75rem;}
	.event_eswland .cont_area .ticket_guide .gift {font-size: 0.625rem;}
	.event_eswland .cont_area .ticket_guide .notice {align-items:flex-start; width:62.5vw; height:auto;font-size: 0.75rem; }

	.event_eswland .cont_area .newlecture ul.lec_wrap figcaption,
	.event_eswland .cont_area .newlecture div.lec_wrap figcaption {font-size:0.875rem}
	.event_eswland .cont_area .newlecture ul.lec_wrap h6 img,
	.event_eswland .cont_area .newlecture > h6 img {height:55.5px; width:auto; max-width:unset}

	.event_eswland .cont_area .snsshare .snsgift p {font-size:0.75rem; width:100%;  padding-top:0;}
	.event_eswland .cont_area .snsshare .snsgift figure {position:static; width:80%; padding-top:3vw; text-align:center; margin-left:5%}

	.event_eswland .cont_area .snsshare .hashtag_wrap li {border-radius:15px;font-size:0.75rem;}
	.event_eswland .event_notice li {font-size:0.75rem;}
}
@media ( max-width :480px) {
	.event_eswland .cont_area .intro ol {font-size:0.75rem}
	.event_eswland .cont_area .intro ol > li:before { font-size:0.625rem}
	.event_eswland .cont_area .ticket_guide .notice {font-size: 0.625rem;}
	.event_eswland .cont_area .newlecture .lec_wrap {margin:0 auto 3vw}
	.event_eswland .cont_area .newlecture ul.lec_wrap li {width:100%;}
	.event_eswland .cont_area .newlecture ul.lec_wrap li:last-child {margin-top:3vw}
	.event_eswland .cont_area .newlecture div.lec_wrap figure {width:100%;}
	.event_eswland .cont_area .newlecture ul.lec_wrap figcaption,
	.event_eswland .cont_area .newlecture div.lec_wrap figcaption  {height:auto !important; font-size:0.75rem}

	.event_eswland .cont_area .newlecture ul.lec_wrap h6 img,
	.event_eswland .cont_area .newlecture > h6 img {height:37px; width:auto; max-width:unset}

	.event_eswland .cont_area .snsshare h5 img {width:30.615vw}
	.event_eswland .cont_area .snsshare .subtit img {width:74.88%}

	.event_eswland .cont_area .snsshare .hashtag_wrap li {height:calc(1.7578vw*3.5); line-height:calc(1.7578vw*3.5);}
	.event_eswland .event_notice li {font-size:0.625rem;}
	.event_eswland .event_notice li:before {margin-top:5px; border-width:2px;}
}
/* 210429 이벤트 이솦랜드 : e */

/* 210324 도서 탭메뉴 수정 : s */
@media (min-width:1025px){
	.swbook_menu .tab_group.much .content_menu a span{padding-right:20px;padding-left:20px}
}
@media (max-width:1280px){
	.swbook_menu .tab_group{margin-right:0}
}
/* 210324 도서 탭메뉴 수정 : e */

/* 210608 2021 온라인 코딩 파티 시즌1 이벤트 : s */
@media ( max-width :1024px) {
	.esofRise_season1 .visualArea .title {top:7%;font-size:22px;}
	.esofRise_season1 .visualArea > img {width:100%;}

	.esofRise_season1 .contArea {padding:80px 40px 20px 40px;background-position:left bottom;}
	.esofRise_season1 .contArea .introduce {padding:60px 30px 20px 30px;}

	.esofRise_season1 .contArea .innerBox {display:block;margin-top:30px;}
	.esofRise_season1 .contArea .innerBox .solo {max-width:100%;margin-bottom:30px;}
	.esofRise_season1 .contArea .innerBox .solo .tit:before {left:35%;}
	.esofRise_season1 .contArea .innerBox .solo .tit:after {right:35%;}

	.esofRise_season1 .contArea .innerBox .team {max-width:100%;}
	.esofRise_season1 .contArea .innerBox .team .tit:before {left:35%;}
	.esofRise_season1 .contArea .innerBox .team .tit:after {right:35%;}
}

@media ( max-width :768px) {
	.esofRise_season1 .visualArea {padding-bottom:12%;}
	.esofRise_season1 .visualArea .title {top:5%;font-size:18px;}

	.esofRise_season1 .visualArea > .date {max-width:85%;padding:1% 2%;}
	.esofRise_season1 .visualArea > .date p {font-size:13px;}
	.esofRise_season1 .visualArea > .date p:last-child {margin-left:5px;}
	.esofRise_season1 .visualArea > .date p > strong {display:inline-block;padding-right:0;font-size:13px;}

	.esofRise_season1 .visualArea > .desc {width:100%;padding:0 5%;line-height:15px !important;font-size:13px;}

	.esofRise_season1 .contArea {position:relative;padding:60px 5% 10px 5%;background-size:200%;}
	.esofRise_season1 .contArea .introduce {padding:40px 5% 15px 5%;border-radius:30px;}
	.esofRise_season1 .contArea .introduce .title {top:-35px;min-width:80%;padding:5px;border-radius:48px;}
	.esofRise_season1 .contArea .introduce .title span {padding:5px 20px 10px 20px;font-size:20px;}

	.esofRise_season1 .contArea .introduce ul li {padding:0 0 0 0;}
	.esofRise_season1 .contArea .introduce ul li p{font-size:14px;line-height:1.3 !important;padding:10px 0 10px 40px;}
	.esofRise_season1 .contArea .introduce ul li p span {margin-top:0px;font-size:13px;}

	.esofRise_season1 .contArea .innerBox .solo {border-radius:30px;}
	.esofRise_season1 .contArea .innerBox .solo .tit {font-size:25px;}
	.esofRise_season1 .contArea .innerBox .solo .tit > img {width:100%;max-width:148px;}

	.esofRise_season1 .contArea .innerBox .team {border-radius:30px;}
	.esofRise_season1 .contArea .innerBox .team .tit > img {width:100%;max-width:148px;}

	.esofRise_season1 .contArea .infoTxt {margin:20px 0 80px 0;padding:15px 20px;border-radius:30px;}
	.esofRise_season1 .contArea .infoTxt > span {font-size:15px;}
	.esofRise_season1 .contArea .infoTxt > span:before {font-size:14px;}

	.esofRise_season1 .contArea .giftArea {margin-bottom:50px;padding:70px 5% 30px 5%;border-radius:30px;}
	.esofRise_season1 .contArea .giftArea .title {top:-35px;min-width:80%;}
	.esofRise_season1 .contArea .giftArea .title span {position:relative;display:block;width:100%;padding:10px 20px;text-align:center;font-weight:bold;font-size:20px;color:#fff;border:3px solid #578db5;border-radius:48px;}

	.esofRise_season1 .contArea .giftArea .giftSolo {margin-bottom:50px;padding:50px 5% 20px 5%;border-radius:30px;}
	.esofRise_season1 .contArea .giftArea .giftSolo .soloTit {top:-22px;padding:0 5% 5px 5%;font-size:18px;}
	.esofRise_season1 .contArea .giftArea .giftSolo .soloTit > img {width:80%;}
	.esofRise_season1 .contArea .giftArea .giftSolo .giftBox {width:auto;margin:0 5% 30px 5%;}
	.esofRise_season1 .contArea .giftArea .giftSolo .giftBox .headingTxt {font-size:15px;}
	.esofRise_season1 .contArea .giftArea .giftSolo .giftBox .giftTitle {font-size:14px;line-height:1.5;}
	.esofRise_season1 .contArea .giftArea .giftSolo .giftBox .giftTitle span.awardNum {font-size:15px;}

	.esofRise_season1 .contArea .giftArea .giftTeam {padding:50px 5px 20px 5px;border-radius:30px;}
	.esofRise_season1 .contArea .giftArea .giftTeam .teamTit {top:-22px;padding:0 5% 5px 5%;font-size:18px;}
	.esofRise_season1 .contArea .giftArea .giftTeam .teamTit > img {width:80%;}
	.esofRise_season1 .contArea .giftArea .giftTeam .giftBox {width:auto;margin:0 5% 30px 5%;}
	.esofRise_season1 .contArea .giftArea .giftTeam .giftBox .headingTxt {font-size:15px;}
	.esofRise_season1 .contArea .giftArea .giftTeam .giftBox .giftImg .sticker {right:5%;top:5%;font-size:14px;}
	.esofRise_season1 .contArea .giftArea .giftTeam .giftBox .giftTitle {font-size:14px;line-height:1.5;}
	.esofRise_season1 .contArea .giftArea .giftTeam .giftBox .giftTitle span.awardNum {font-size:15px;}

	.esofRise_season1 .contArea .blockcodingArea {padding:50px 20px 10px 20px;border-radius:30px;}
	.esofRise_season1 .contArea .blockcodingArea .title {top:-35px;min-width:80%;}
	.esofRise_season1 .contArea .blockcodingArea .title span {padding:10px 5%;font-size:20px;}
	.esofRise_season1 .contArea .blockcodingArea .title span:before {left:15%;}
	.esofRise_season1 .contArea .blockcodingArea .title span:after {right:15%;}
	.esofRise_season1 .contArea .blockcodingArea .blockcodingImg {width:49%;}
	.esofRise_season1 .contArea .blockcodingArea .blockcodingImg > img {max-width:150px;padding:0 3%10px 20px 10px;box-sizing:border-box;}

	.esofRise_season1 .injenunArea .title {padding:30px 0 15px 0;font-size:30px;}
	.esofRise_season1 .injenunArea .desc {font-size:14px;line-height:1.4 !important;}
	.esofRise_season1 .injenunArea .tag {margin:20px 0 40px 0;}
	.esofRise_season1 .injenunArea .tag > span {font-size:14px;}

	.esofRise_season1 .evt_notelist {padding:20px;}
	.esofRise_season1 .evt_notelist strong {margin:0 0 15px 0;font-size:18px;}
	.esofRise_season1 .evt_notelist ul li {font-size:14px;}
	.esofRise_season1 .evt_notelist ul li:before {font-size:15px;}
}
@media ( max-width :480px) {
	.esofRise_season1 .visualArea .title {top:3.5%;font-size:15px;}
	.esofRise_season1 .visualArea > .date {max-width:90%;padding:2%;}
	.esofRise_season1 .visualArea > .date p {font-size:13px;line-height:1.2 !important;}
	.esofRise_season1 .visualArea > .date p > strong {padding-right:5px;}

	.esofRise_season1 .contArea .introduce .title span:before {width:0;height:0;}
	.esofRise_season1 .contArea .introduce .title span:after {width:0;height:0;}

	.esofRise_season1 .contArea .innerBox .solo {max-height:100%;min-height:100%;padding:40px 5% 80% 5%;background-size:300%;}
	.esofRise_season1 .contArea .innerBox .solo .tit:before {left:20%;}
	.esofRise_season1 .contArea .innerBox .solo .tit:after {right:20%;}
	.esofRise_season1 .contArea .innerBox .solo .fileUpload {font-size:14px;line-height:1.5;}

	.esofRise_season1 .contArea .innerBox .team {max-height:100%;min-height:100%;padding:40px 5% 70% 5%;background-size:200%;}
	.esofRise_season1 .contArea .innerBox .team .tit:before {left:20%;}
	.esofRise_season1 .contArea .innerBox .team .tit:after {right:20%;}
	.esofRise_season1 .contArea .innerBox .team .fileUpload {font-size:14px;line-height:1.5;}

	.esofRise_season1 .contArea .giftArea .title span:before {width:0;height:0;}
	.esofRise_season1 .contArea .giftArea .title span:after {width:0;height:0;}

	.esofRise_season1 .contArea .blockcodingArea .title span:before {width:0;height:0;}
	.esofRise_season1 .contArea .blockcodingArea .title span:after {width:0;height:0;}

	.esofRise_season1 .contArea .blockcodingArea .blockcodingImg {width:100%;}
	.esofRise_season1 .contArea .blockcodingArea .blockcodingImg > img {max-width:200px;margin:0;padding:0 5% 20px 5%;box-sizing:border-box;}
}
/* 210608 2021 온라인 코딩 파티 시즌1 이벤트 : e */

/* 210625 인공지능 축구 : s */
@media(max-width:767px){
	.aiSoccer_wrap {height:auto; background:#6daa28 url(../../../../../images/egovframework/com/ebs/event/aiSoccer/bg_mo_soccer.png) 50% 0 repeat-y; background-size:100% auto; padding-bottom:4.35vw}
	.aiSoccer_wrap .pc_img{display:none}
	.aiSoccer_wrap .mo_img{display:block}

	.aiSoccer_wrap .soccer_body {padding:8vw 6vw 3vw; text-align:center}
	.aiSoccer_wrap .soccer_body .img {padding-bottom:4vw}
	.aiSoccer_wrap .soccer_body .btn {display:block; width:35vw; height:auto; min-height:11.6354vw; background:url(../../../../../images/egovframework/com/ebs/event/aiSoccer/btn_mo_start.png) no-repeat 50% 0; background-size:100% auto}
	.aiSoccer_wrap .soccer_footer {width:44.6615vw}

	/* 2022-02-17*/.aiSoccer_wrap .soccer_body .go_lect > strong { font-size:14px;}

}
@media(max-width:568px){
	.aiSoccer_wrap{padding-bottom:3vw}
}
/* 210625 인공지능 축구 : e */

/* 2023-10-20 서브 전체 수정 : s */
/* 2023-09-04 교사지원 : s */
@media(max-width:1200px) {
	.tea_sub_view{margin:0; padding:0 30px}
}
@media(max-width:767px) {
	.cartegory_head.tea_sub{min-height:160px}
	.cartegory_head.tea_sub::after{background:url("../../../../../images/egovframework/com/ebs/sub/lrn/pc_sub_tit_m_bg.jpg");background-size:100%;background-repeat:no-repeat;}
	.cartegory_head.tea_sub .slide-bottom{padding-top:0}
	.cartegory_head.tea_sub p{font-size:12px;margin-top:4px}
	.tea_sub_view .list{transform:translate(0, -42px)}
	.tea_sub_view .list li{margin-top:13px}
	.tea_sub_view .tea_sub_box{flex-direction:column;gap:0;padding:0;border-radius:24px}
	.tea_sub_view .tea_sub_box .thumb_link{width:100%;height:100%;border-radius:24px 24px 0 0;overflow:hidden}
	.tea_sub_view .tea_sub_box .txt_link{padding:22px 17px}
	.tea_sub_view .tea_sub_box .tit{font-size:16px;margin-bottom:10px}
	.tea_sub_view .tea_sub_box .sub_txt{font-size:12px}
	.tea_sub_view .tea_sub_box .txt_wrap > span{font-size:12px}
	.tea_sub_view .tag_wrap{gap:7px}
	.tea_sub_view .tag_wrap > span{width:48%;font-size:12px}
}
/* 2023-09-04 교사지원 : e */
/* 2023-09-04 놀이형 학습 : s */
@media(max-width:1200px) {
	.play_lec_view{margin:0; padding:0 30px}
	.play_lec_view .play_lec_box > ul li .new::before{background-size:80%;} /* 2025-03-11 추가 */
}
@media(max-width:767px) {
	.sub_tit.play_lec{margin:60px 0 40px}
	.sub_tit.play_lec > p{font-size:24px}
	.play_lec_view{padding:0 3%}
	.play_lec_view .play_lec_box > .tit{font-size:15px;margin-bottom:15px}
	.play_lec_view .play_lec_box > ul{gap:12px;grid-template-columns: repeat(2, 1fr);padding-bottom:25px}
	.play_lec_view .play_lec_box > ul.last{padding-bottom:65px}
	.play_lec_view .play_lec_box > ul li .new::before{background-size:65%;} /* 2025-03-11 추가 */
	.play_lec_view .play_lec_box > ul li a .tag{padding:4px;font-size:12px;border-radius:4px}
}
/* 2025-03-11 추가 : s */
@media(max-width:430px) {
	.play_lec_view .play_lec_box > ul li .new::before{background-size:50%;}
}
/* 2025-03-11 추가 : e */
/* 2023-09-04 놀이형 학습 : e */
/* 2023-09-07 텍스트 코딩 : s */
@media(max-width:1200px) {
	.coding_prdt_view{margin:0; padding:0 30px}
}
@media(max-width:995px) {
	.coding_prdt_view > ul{gap:12px;grid-template-columns: repeat(2, 1fr);padding-bottom:68px}
	.coding_prdt_view > ul li:hover{transform: translateY(0);box-shadow: unset;}
}
@media(max-width:767px) {
	.coding_prdt_view{padding:0 3%}
	.coding_prdt_view > ul li{width:100%;height:184px;padding:0 20px 24px;}
	.coding_prdt_view > ul li .coding_prdt_conts > img{width:25%}
	.coding_prdt_view > ul li:first-child .coding_prdt_conts > img{width: 16%;top: 28px;}
	.coding_prdt_view > ul li:nth-child(2) .coding_prdt_conts > img{width: 17.5%;top: 25px;}
	.coding_prdt_view > ul li:nth-child(3) .coding_prdt_conts > img{width: 15.8%;top: 24px;}
	.coding_prdt_view > ul li:nth-child(4) .coding_prdt_conts > img{width: 16%;top: 28px;}
	.coding_prdt_view > ul li:nth-child(5) .coding_prdt_conts > img{width: 26.5%;top: 30px;}
	.coding_prdt_view > ul li:nth-child(6) .coding_prdt_conts > img{width: 12%;top: 22px;}
	.coding_prdt_view > ul li .coding_prdt_conts .tit{font-size:14px;margin: auto 0 14px;}
	.coding_prdt_view > ul li .coding_prdt_conts > .btn{font-size:12px;padding:10px 20px}
}
/* 2023-09-07 텍스트 코딩 : e */
/* 2023-09-07 블록 코딩 : s */
@media(max-width:1200px) {
	.block_coding_view{padding:0}
	.block_coding_view .conts_wrap{padding:90px 0 70px}
	.block_coding_view .conts_wrap .img_box{flex:1}
	.block_coding_view .conts_wrap.fir .img_box > img{left:0}
	.block_coding_view .conts_wrap.sec .img_box > img{right:0}
}
@media(max-width:995px) {
	.block_coding_view .conts_wrap{flex-direction:column}
	.block_coding_view .conts_wrap.sec{flex-direction: column-reverse;}
	.block_coding_view .conts_wrap .img_box{flex:unset}
	.block_coding_view .conts_wrap .img_box > img{position:static}
}
@media(max-width:767px) {
	.block_coding_view .conts_wrap{padding:50px 0 60px;}
	.block_coding_view .conts_wrap .img_box{display:flex;justify-content:center;padding-bottom:40px}
	.block_coding_view .conts_wrap.fir .img_box, .block_coding_view .conts_wrap.sec .img_box{width:100%}
	.block_coding_view .conts_wrap .img_box > img{width:80%}
	.block_coding_view .txt_wrap > .tit{font-size:24px}
	.block_coding_view .txt_wrap > .txt{font-size:14px;margin:12px 0 20px}
	.block_coding_view .txt_wrap > .btn{font-size:12px;padding:8px 42px}
}
/* 2023-09-07 블록 코딩 : e */
/* 2023-09-21 서브 페이지 타이틀 수정 : s */
@media(max-width:1200px) {
	.sub_wrapper .sub_title_box .txt_box{margin-left:10px}
	.sub_wrapper .sub_contents_box .sub_container{padding-left:30px}
	.sub_wrapper .sub_contents_box .left_conts.img, .sub_wrapper .sub_contents_box .right_conts.img{width:40%;margin-left:0}
}
@media(max-width:995px) {
	.sub_wrapper .m_show{display:block}
	.sub_wrapper .pc_show{display:none}
	.sub_wrapper .sub_title_box{position:relative;height:auto}
	.sub_wrapper .sub_contents_box.bg{padding:12% 0 0}
	.sub_wrapper .sub_title_box .sub_conts_wrap{width:100%;justify-content: center;align-items:flex-start;margin:0;padding:0}
	.sub_wrapper .sub_title_box .sub_conts_wrap::after{display:block;width:100%;height:100%;left: 50%;bottom: 0;transform: translateX(-50%);right:auto;background-size: 100%;background-position: bottom;}
	.sub_wrapper .sub_title_box .txt_box{width:max-content;position: absolute;left: 50%;transform: translate(-50%, 0);top: 16%;margin-left:0;align-items:center}
	.sub_wrapper .sub_title_box .txt_box > .tit{text-align:center;margin-bottom: 15px;}
	.sub_wrapper .sub_title_box .txt_box > .sub_txt{text-align:center}
	.sub_wrapper .sub_title_box .sub_conts_wrap::after, .sub_wrapper.aisw .sub_title_box .sub_conts_wrap::after, .sub_wrapper.coding .sub_title_box .sub_conts_wrap::after, .sub_wrapper.edu .sub_title_box .sub_conts_wrap::after, .sub_wrapper.knsh .sub_title_box .sub_conts_wrap::after{background-image:unset}
	.sub_wrapper .sub_contents_box .sub_container{padding-left:0;flex-direction:column;margin:0}
	.sub_wrapper .sub_contents_box .sub_container.m_revr{flex-direction:column-reverse}
	.sub_wrapper .sub_contents_box .left_conts.img, .sub_wrapper .sub_contents_box .right_conts.img{width:65%}
	.sub_wrapper .sub_contents_box .left_conts, .sub_wrapper .sub_contents_box .right_conts{width:100%;padding:8% 0 0}
	.sub_wrapper .sub_contents_box .left_conts.txt, .sub_wrapper .sub_contents_box .right_conts.txt{padding:8% 20px 10%}
	.sub_wrapper .sub_contents_box .left_conts.img > img, .sub_wrapper .sub_contents_box .right_conts.img > img{width:100%}
	.sub_wrapper .sub_contents_box .left_conts a, .sub_wrapper .sub_contents_box .right_conts a{width:42%;height: auto;padding: 2% 0;}
}
@media(max-width:767px) {
	.sub_wrapper .sub_title_box .txt_box > .tit{font-size:34px}
	.sub_wrapper .sub_title_box .txt_box > .sub_txt{font-size:18px}
	.sub_wrapper .sub_contents_box .sub_container dl dt{font-size:34px}
	.sub_wrapper .sub_contents_box .sub_container dl dd{font-size:18px}
	.sub_wrapper .sub_contents_box .sub_container .left_conts dl dd.active, .sub_wrapper .sub_contents_box .sub_container .right_conts dl dd.active{font-size:22px}
}
@media (max-width:430px) {
	.sub_wrapper .sub_title_box .txt_box > .tit{font-size:28px}
	.sub_wrapper .sub_title_box .txt_box > .sub_txt{font-size:14px}
	.sub_wrapper .sub_contents_box .sub_container dl dt{font-size:28px}
	.sub_wrapper .sub_contents_box .sub_container dl dd{font-size:14px}
	.sub_wrapper .sub_contents_box .sub_container .left_conts dl dd.active, .sub_wrapper .sub_contents_box .sub_container .right_conts dl dd.active{font-size:16px}
	.sub_wrapper .sub_contents_box .left_conts.txt, .sub_wrapper .sub_contents_box .right_conts.txt{padding:8% 3% 10%}
}
@media (max-width:340px) {
	.sub_wrapper br{display:none !important}
}
/* 2023-09-21 서브 페이지 타이틀 수정 : e */
/* 2023-10-20 서브 전체 수정 : 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}
		.onlinebooth_wrap .tab_section.play .balloon_area .balloon:before{top:-30px} /* 200605 추가 */
	}
}
@media (max-width:1230px){
	@-moz-document url-prefix(){
		.onlinebooth_wrap .tab_section .balloon_area .balloon:before{top:-30px}	/* 200605 추가 */
	}
}
@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}
		.user_info_wrap.renewal{min-height:574px} /* 201224 추가 */
	}
}
@media (max-width:849px){
	@-moz-document url-prefix(){
		.onlinebooth_wrap .tab_section.play .balloon_area .balloon:before{top:-20px} /* 200605 추가 */
	}
}
@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 - 69px)}
	}
}

/* ie hack  */
@media (max-width:1280px){
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.user_info_inner .user_notice_area:after{height:251px} /* 191211 h 추가 */
	}
}
@media (max-width:1110px){
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.user_info_inner .user_notice_area:after{height:141px} /* 191211 h 추가 */
	}
}
@media (max-width:995px){
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.ai_contents .intro_area{height:444px;padding:60px 0;background:#167ed9 url(../../../../../images/egovframework/com/ebs/cstmrcenter/aicontents/ai_intro_bg.png) no-repeat 50% 100%;background-size:350px auto}
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:900px) {
	.sw_mirae_area .sec_time .table_wrap{overflow-y:hidden}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:767px) {
	.sw_mirae_area .sec_time table tbody tr:nth-child(1) th:before{height:280px}
	.sw_mirae_area .sec_time table tbody tr:nth-child(8) th:before{height:220px}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:650px) {
	.sw_mirae_area .sec_time table tbody tr:nth-child(1) th:before{height:255px}
	.sw_mirae_area .sec_time table tbody tr:nth-child(8) th:before{height:210px}
}
/*Last Work : 200327*/
/* 2024-08-30 : pdf 영역 : s */
@media (max-width:995px) {
	.pdf-body--conts .pdf-search--area{ flex-direction: column; gap: 10px;}
	.pdf-body--conts .search{gap:0;}
	.pdf-body--conts .search > button{margin-left:4px;}
	.pdf-body--conts .search > input{height:38px;}
	.pdf-body--conts .search > .pdf-tit{width:102px; margin-right:0;}
	.pdf-body--conts .select-box{gap:0;}
	.pdf-body--conts .select-box > .pdf-tit{width:102px;}
}
@media (max-width:760px) {
	.pdf-body--conts .select-box{justify-content:space-between}
	.pdf-body--conts .pdf-search--area{padding:10px 20px;}
	.pdf-body--conts .search > input{width:50%; flex:1;}
	.pdf-body--conts .select-box select{font-size:14px;}
	.pdf-download-box{padding:0 20px 15px;}
	.pdf-download-box .pdf-tit{font-size:13px;}
	.pdf-download-box > a{ font-size: 13px; padding: 4px 12px;}
	.pdf-button--wrapper > button{ padding: 4px 10px; font-size: 15px;}
	.pdf-contents .pdf-btn--left, .pdf-contents .pdf-btn--right{width:15px;}
}
/* 2024-08-30 : pdf 영역 : e */
/* 2023-09-04 : 이미지 반응형 s */
@media (max-width:767px){
	.mo_img{display:block !important}
	.pc_img{display:none !important}
}
/* 2023-09-04 : 이미지 반응형 e */