@charset "utf-8";

/******** respond ********/

@media all and (max-width: 1450px){

	header .main-nav{padding: 20px 15px;}
	.inner{width: 100%;padding: 0 15px;}




}


@media all and (min-width: 1200px){
	.sub_section_03 .edu_box_wrap .edu_box { width: calc((100% / 4) - 15px);}

}


@media all and (max-width: 1200px){
	/*상단 로고 및 검색바*/
	.header-top{display:none;}
	.m-header.header-top{display:block;padding: 10px 0;}
	.m-header.header-top .user-menu{display:flex;align-items: center;}
	.m-header.header-top .user-menu a.signup{padding:6px 10px;margin-left:0.5rem;}
	.m-header .m-user{display:flex;justify-content: space-between;align-items: center;}
	.m-header .search_wrap{padding:20px 0}
	.m-header .search_wrap .search-bar{width:100%;}
	.m-header .search_wrap .keyword {display: flex;padding: 20px 35px 0; justify-content: flex-start;gap: 20px;}


	button.slider_btn {background: url(../images/menu.svg) no-repeat center;background-size: 32px;font-size: 0;width: 40px;height: 36px;padding: 10px 20px;border: 1px solid #898989;border-radius: 10px;background-color: #fff;margin-left: 0.5rem;}


	/*검색필터*/
	main .sidebar{display:none;}
	footer .cnnu_link_box{max-width:100%;padding: 25px;height: auto;}

	.con ul.list_timeline li { width: calc((100% / 2) - 10px);}
	
	main .flex{display:block !important;}


}

@media all and (max-width: 1000px){
	.common_box .title_line .timeline_list{ font-size: 14px;}
	.common_box .title_line.box .text_box .title{ font-size: 14px;}
}


@media all and (max-width: 820px){



	.nav_btn_area button{font-size: 0; width: 35px; height: 35px; padding: 10px !important; background-position: 50%;}

	.m-header.header-top .search_wrap .keyword .keyword_list{}
	.m-header.header-top .search_wrap .keyword .keyword_list li{display: inline-block;}
	.m-header.header-top .search_wrap .keyword .keyword_list li a{font-size:12px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 10px;}
	.edu_box_wrap .edu_box{width: calc((100% / 2) - 10px) !important;}
	.sub_section_02 .introduction_lecture{padding:30px 0 !important;}
	.sub_section_02 .edu_keyword_wrap{padding:30px 0 !important;}

	.con ul.list_timeline li { width: calc((100% / 2) - 8px);}
	.tab_area .tab .tab_menu li a{font-size:16px;}







}


@media all and (max-width: 640px){

	.m-header.header-top .user-menu{padding:10px 0; font-size:14px;}
	.m-header .m-user .logo {width: 100px;}
	.header-top .search_wrap .keyword .best_keyword{display:none;}
	.m-header .search_wrap .keyword{padding: 10px 0;display: block;text-align: center;width: 100%;overflow-x: auto;}
	.m-header.header-top .search_wrap .keyword .keyword_list{}
	.m-header .search_wrap .search-bar{font-size:14px;padding: 0.3rem;}
	.m-header.header-top .search_wrap .search-bar select{padding-left: 7px; min-width: 105px;font-size:14px;}
	.m-header.header-top .search_wrap .search-bar input{width:50%;}
	.m-header.header-top .search_wrap .search-bar button{padding-right:5px;}
	.m-header.header-top .search_wrap .keyword .keyword_list li a{font-size:12px;display: inline-block;max-width: 85px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 10px;}
	header .main-nav .nav_wrap .depth_1_menu{padding: 4px 10px; text-overflow: ellipsis;overflow:hidden; white-space:nowrap;height: 36px;font-size: 12px;}
	header .main-nav ul.top_nav_list{margin-left: 0.3rem;}

	main .section_1 .top_area{padding:0.3rem;}
	.edu_box_wrap .edu_box{width:100% !important;}
	.edu_box_wrap .edu_box .card-content .tags .tag{font-size:11px;}
	header .main-nav ul.top_nav_list li a.link_line{font-size:11px;}

	.p-pagination{margin:35px 0;}
	.p-pagination .p-page_link-group{display:none;}
	.p-pagination .p-page_control{min-width: 49%;margin: 0 auto;}
	.p-pagination .p-page_control a{width:100%;background: #fafafa;}

	footer{margin-top: 40px;}
	footer .footer_top{flex-direction: column;align-items: center;}
	footer .cnnu_link_box .link_title{font-size:18px;margin-bottom: auto;}
	footer .cnnu_link_box .link_info{font-size:12px;}
	footer .footer_top .social-links{margin: 0 auto;}
	footer .footer_bottom{flex-direction: column;align-items: center;}
	footer .footer_bottom .util_wrap{gap: 0.4rem;}
	footer .footer_top .footer-info p{font-size: 0.8rem;}
	footer .footer-logo{text-align: center;}

	.sub_section_02 .summary_box_wrap{gap:20px 0;}
	.sub_section_02 .edu_keyword_wrap{align-items: flex-start !important;flex-direction: column;}
	.sub_section_02 .edu_keyword_wrap ul{display:inline-block !important;}
	.sub_section_02 .summary_box_wrap{flex-direction: column !important;}
	.sub_section_02 .summary_box_wrap .box{width:100% !important;max-height:unset !important;padding:1rem !important;}
	.sub_section_02 .summary_box_wrap .title_line .timeline_list{gap:10px !important;}

	/*로그인*/
	#join_wrap {margin:30px auto;width:94%;}

	.tab_area .tab .tab_menu li{width:calc(100% / 2)}
	.tab_area .tab .tab_menu li a {font-size:0.75em;line-height:40px;}
	.tab_area .tab .tab_menu li:nth-child(3) a {border-left:1px solid #ccc; border-top:unset;}
	.tab_area .tab .tab_menu li:nth-child(4) a {border-top:unset;height:41px;}

	.con ul.list_timeline li { width: 100%;}
	
	.mypage .btn_area_m{width:100% !important;}
	input[type=text], input[type=password]{width:100% !important;}
	
	
	



	.sub_section_03{margin-top: 30px !important;}
	.search_total p{font-size:18px;}
	.common_box .tit h4{font-size:18px;}
	#btn_top{right: 6%;bottom: 4%;display: block;width: 40px; height: 40px;}





}