@media screen and (max-width: 768px) {
	.container {
		padding: 0 20px;
	}
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 70px;
		border-bottom: 1px solid #e5e5e5;
		background-color: #FFF;
		z-index: 20;
	}
	.header nav {
		display: none;
	}

	.main {
		padding-top: 70px;
	}

	.menu_open {
		display: block;
	}
	.m_nav {
		display: block;
    	position: fixed;
    	right: 0;
    	top: -100%;
    	width: 100%;
    	/* height: 100%; */
    	overflow-y: auto;
    	background-color: #FFF;
    	z-index: 100;
    	transition: top 500ms;
	}

	.m_nav.on {
		top: 0;
	}

	.menu_close {
		position: absolute;
		top: 22px;
		right: 18px;
		width: 25px;
		height: 25px;
		border: none;
		background: none;
		outline: none;
		z-index: 100;
	}
	.menu_close::before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 50%;
		width: 2px;
		height: 25px;
		background-color: #000;
		transform: translate(50%, -50%) rotate(45deg);
	}
	.menu_close::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 50%;
		width: 2px;
		height: 25px;
		background-color: #000;
		transform: translate(50%, -50%) rotate(-45deg);
	}
	.menu_close:focus {
		outline: none;
	}

	.m_nav_body {
		padding: 16px 20px;
	}
	.m_nav_list li + li {
		margin: 20px 0 20px 10px;
	}
	.m_nav_list li:hover {
		opacity: 0.35;
	}
	.m_nav_list a {
		display: block;
		font-size: 16px;
		font-weight: 500;
	}
	.m_nav_list a.logo {
		font-size: 21px;
	}

	.main_text_box h1 {
		font-size: 32px;
	}
	.main_text_box a {
		margin-top: 30px;
		font-size: 14px;
	}

	.logo {
		font-size: 21px;
	}

	.footer {
		height: auto;
	}
	.footer_top {
		display: block;
	}
	.footer_top img {
		width: 90%;
	}
	.footer_top select {
		min-width: 160px;
		height: 40px;
		margin-top: 15px;
		font-size: 13px;
	}
	.footer_logo_list {
		padding-top: 0;
	}
	.footer_logo_list li + li {
		margin-left: 10px;
	}
	.footer_bottom p {
		font-size: 13px;
	}
	.footer_bottom ul {
		display: block;
		/*margin-top: 15px;*/
	}
	.footer_bottom li {
		font-size: 13px;
	}
	.footer_bottom li + li::before {
		display: none;
	}
	.footer_bottom img {
		width: 80%;
	}

	.apply_top {}
	.apply_top p {
		margin-bottom: 30px;
		font-size: 20px;
	}
	.apply_top h1 {
		font-size: 48px;
	}
	.noodle {
		padding: 30px 15px;
		background-size: 50%;
		background-position: right bottom;
	}

	.content_header {
		padding: 10px 0;
	}
	.content_header h3 {
		font-size: 18px;
	}
	.content_body {
		padding: 40px 0 120px;
	}
	.content_row {
		display: block;
	}
	.content_row h5 {
		margin-bottom: 10px;
	}
	.content_row p {
		font-size: 15px;
	}
	.content_info {
		overflow-y: auto;
	}
	.content_info li {
		font-size: 15px;
	}
	.flow_group {
		flex: 0 0 35%;
		max-width: 35%;
	}
	.flow_line::before {
		width: calc(35% * 5);
	}

	.faq_quest h6 {
		font-size: 15px;
	}
	.faq_answer p {
		font-size: 15px;
	}

	.kakao_row {
		display: block;
		margin-bottom: 30px;
		text-align: left;
	}
	.kakao_row .btn_radius {
		margin-top: 10px;
	}

	.ceo_container {
		padding: 60px 0 70px;
	}
	.ceo_container .col-md-4 {
		text-align: center;
	}
	.ceo_box {
		margin-top: 40px;
	}

	.year_row {
		padding-bottom: 0;
	}
	.year_box {
		padding: 80px 0;
	}
	.year_box h3 {
		font-size: 20px;
	}
	.year_row strong {
		padding-top: 20px;
	}
	.year_list {
		padding-top: 20px;
		padding-left: 0;
		margin-top: 20px;
	}
	.year_info + .year_info {
		margin-top: 20px;
	}

	.intro_text_row {
		padding-top: 0;
		padding-bottom: 60px;
	}
	.intro_logo_img {
		padding: 40px 0 40px;
	}

	.contact_info {
		display: block;
		padding: 60px 0;
	}
	.contact_info_list {
		margin-top: 10px;
		margin-left: 0;
	}

	.sub_banner {
		height: 160px;
		background-position: right;
	}
	.sub_banner h1 {
		font-size: 24px;
	}

	.view_container {
		padding: 70px 0;
	}
	.view_header {
		margin-bottom: 30px;
	}
	.view_header h1 {
		font-size: 24px;
	}
	.view_body_text {
		padding-top: 30px;
	}
	.view_body_text p {
		font-size: 15px;
	}
	.view_body {
		padding-bottom: 50px;
	}
	.view_footer {
		padding: 30px 0;
	}

	.search_input {
		width: auto;
	}

	.ceo_container p {
		font-size: 18px;
	}
	.ceo_container img {
		width: 100%;
	}
	.ceo_box {
		padding-left: 0;
	}

	.footer_logo_list {
		justify-content: normal;
	}
	.footer_top img.logo_bridge {
		width: 140px;
	}

	.apply_header h1 {
		line-height: 1.4;
	}
	.apply_container {
		padding: 40px 0 0;
		border: 0;
	}
	.apply_title {
		display: block;
		font-size: 22px;
	}
	.apply_title_caption {
		margin-left: 0;
	}
	.apply_row input {
		height: 62px;
		padding: 0 15px;
		font-size: 18px;
	}
	.date_group input {
		background-position: center right 15px;
		background-size: 20px;
	}

	.chk_circle {
		width: 100px;
		height: 100px;
		background-size: 40px;
	}

	.process_list li {
		flex: 0 0 40px;
		max-width: 40px;
		width: 40px;
		height: 42px;
		font-size: 16px;
	}
	.process_list li.on .process_text {
		font-size: 16px;	
	}
	.process_info_text {
		margin: 40px 0 46px;
	}
	.btn_md {
		width: 190px;
		height: 60px;
		font-size: 18px;
	}
	.apply_info_box {
		padding: 30px;
	}
	.custom_chk p {
		font-size: 18px;
	}
	.apply_group {
		padding: 40px 0;
	}
	.file_name {
		height: 62px;
		font-size: 18px;
	}
	.btn_add_file {
		flex: 0 0 100px;
		max-width: 100px;
		width: 100px;
		height: 62px;
		font-size: 16px;
	}
	.btn_file_del {
		right: 120px;
		width: 20px;
		height: 20px;
		background-size: 9px;
	}

	.main_text_box button {
		padding: 10px 20px;
		font-size: 14px;
	}
}