@media all and (max-width:1400px){
	
	.container {max-width:inherit; width:100%; padding:70px 10px 0 10px}
	.sub_visual {margin-top:130px}
	
	.join .kind li br {display:none}
	
	.about .img_wrap {display:none}
	
	.about .mv > div br {display:none}
	
}

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

	.join .title2 br {display:none}

}

@media all and (max-width:1200px){
		
	.sub_visual {margin-top:80px}	
		
	.nav_tab1 {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab1 a {font-size:17px; height:60px; flex-basis:unset; width:calc(33.333% - 1px); box-sizing:border-box}
	.nav_tab1 a:nth-child(n+4) {margin-top:1px}
	.nav_tab1 a.active:before {display:none}
	
	.nav_tab1.two a {font-size:17px; height:60px; flex-basis:unset; width:calc(50% - 1px); box-sizing:border-box}
	.nav_tab1.two a:nth-child(n+4) {margin-top:1px}
	.nav_tab1.two a.active:before {display:none}

	.join .title2 {padding:50px}
	
	.about .value {gap:20px}
	
}

@media all and (max-width:1024px){
		
	.sub_visual {margin-top:80px; margin-bottom:0}
	.sub_visual h2 {padding-left:10px; box-sizing:border-box}
		
	nav.sub_menu {height:50px; margin-top:0}
	nav.sub_menu a.m1 {display:block; height:50px; line-height:50px; border:none}
	nav.sub_menu ul {position:relative; z-index:999; display:none; width:100%; margin-left:0; border-radius:0; box-shadow:none}
	nav.sub_menu ul li {display:block !important; width:100% !important; background-color:#f3f1ed; line-height:50px; text-align:left; padding:0; padding-left:20px; height:50px; border:none; border-bottom:1px solid #e0dfdb; margin-left:0; box-sizing:border-box}
	nav.sub_menu ul > li+li:before {display:none}
	nav.sub_menu ul li a {font-size:16px; transition:none; position:relative; display:table; width:100%; height:100%; color:#888; background:none; border:none; padding:0}
	nav.sub_menu ul li a:after {height:100%}
	nav.sub_menu ul li a > span {height:50px}
	nav.sub_menu ul li:hover {background:#86b56f}
	nav.sub_menu ul li a:hover:before {display:none}
	nav.sub_menu ul li:hover a {color:#fff}
	nav.sub_menu ul li.active {background:#8fc82b; border-bottom:none}
	nav.sub_menu ul li.active a {background:none; border:none; color:#fff; border-radius:0}
	nav.sub_menu ul li.active a:before {display:none}
	nav.sub_menu ul li a span br {display:none}
	
	.guide .title br {display:none}
	
	.guide .step {gap:40px}
	.guide .step li::before {right:-35px}
	
	.join .kind {grid-template-columns:1fr 1fr; gap:20px}
	.join .kind.four {grid-template-columns:1fr 1fr 1fr; gap:20px}
	
	.join .title {flex-wrap:wrap}
	.join .title .txt {text-align:center; padding-right:0; margin-bottom:30px}
	
	.about4 .fl {flex-wrap:wrap; flex-direction:column-reverse}
	.about4 .fl ul {width:100%; padding-right:0}
	.about4 .fl .img {width:100%; text-align:center; margin-bottom:30px}
	
	.about4 .fac > div {display:block; font-size:16px; border:1px solid #dbdbdb; box-sizing:border-box; vertical-align:top; height:100%}
	.about4 .fac .pt {width:100%; border-bottom:none}
	.about4 .fac .flo {width:100%; border-left:1px solid #dbdbdb}
	.about4 .fac .flo ul {display:flex; flex-wrap:wrap; margin-left:-10px}
	.about4 .fac .flo ul li {width:calc(25% - 10px); margin-left:10px; box-sizing:border-box}
	.about4 .fac .flo ul li+li {margin-top:0}
	.about4 .fac .flo ul li:nth-child(n+5) {margin-top:10px}
	
	.about .value {grid-template-columns:1fr 1fr}
	
	.about .goal li .txt {padding-left:20px; box-sizing:border-box}
	
	.about .mv {margin-bottom:80px}
	.about .mv > div {width:280px; height:280px}
	.about .mv > div:after {width:320px; height:320px}
	.about .mv > div:nth-child(2) {margin-left:0}
	.about .mv > div h5 {padding-top:50px}
	
	.about .talent .t_box {flex-wrap:wrap}
	.about .talent .t_box .left {width:100%; border-radius:25px 25px 50px 0; padding-top:10px; box-sizing:border-box}
	.about .talent .t_box .right {width:100%}
	.about .talent .t_box+.t_box {margin-top:20px}
	
	.about .history_tab li {width:33.333%}
	.about .history_tab li:nth-child(n+4) {padding-top:30px}
	.about .history_tab li:nth-child(n+4):after {top:40px}

}

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

	.guide .step2 {grid-template-columns:1fr 1fr 1fr; gap:20px 30px}
	.guide .step2 li::before {right:-26px}
	.guide .step2 li:nth-child(3)::before {display:none}
	
	.join .title2 {flex-wrap:wrap; flex-wrap: wrap-reverse}
	.join .title2 .txt {width:100%; text-align:center}
	.join .title2 .img {width:100%; text-align:center}
	
	.about .goal {grid-template-columns:1fr; gap:15px}
	
}

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

	.guide .step {grid-template-columns:1fr 1fr 1fr; gap:20px 40px}
	.guide .step li:nth-child(3)::before {display:none}
	
	.about4 .floor_tab{width:60%}

}

@media only screen and (min-width : 761px){

	.calendar > ul {display:table; width:100%; font-size:0px; margin-bottom:15px}
	.calendar > ul > li {display:table-row; width:100%}
	.calendar > ul > li > div {padding:5px; display:table-cell; width:14%; min-height:140px; height:140px;border-right:1px solid #ececf1; border-bottom:1px solid #ececf1; background:#fff}
	.calendar > ul > li > div:last-child {border-right:0px;}
	.calendar > ul > li.cal_header > div {height:30px; line-height:30px; min-height:0px; border-top:1px solid #dfd8c6; border-right:1px solid #dfd8c6; border-bottom:1px solid #dfd8c6; background:#fbfaf7; color:#777777; font-weight:bold; text-align:center; font-size:16px}
	.calendar > ul > li.cal_header > div:last-child {border-right:0px}
	.calendar > ul > li.cal_header > div.Sun {color:#cc2220}
	.calendar > ul > li.cal_header > div.Sat {color:#2453a5}
	.calendar > ul > li > div > time {display:block; padding:3px; min-height:15px;  font-size:14px}
	.calendar > ul > li > div > time span {display:none;}
	.calendar > ul > li > div > time p {font-weight:normal; margin-top:5px; color:#333; text-align:center; font-size:16px; padding-bottom:10px}
	.calendar > ul > li > div > time p div {background:#F00}
	.calendar > ul > li > div.today{background:#f4f4f4;}

}


@media only screen and (max-width : 760px){
	
	.calendar {margin-bottom:30px;}
	.calendar > p span {font-size:20px}
	.calendar > p a img {width:25px}
	.calendar > ul {width:100%; display:block; border-top:2px solid #dfd8c6; margin-bottom:15px}
	.calendar > ul > li {display:block}
	.calendar > ul > li > div {width:50%; background:#fff; border-bottom:1px solid #ececf1; padding:5px 0 5px 10px; box-sizing:border-box; float:left}
	.calendar > ul > li.cal_header {display:none}
	.calendar > ul > li > div.empty {display:none}
	.calendar > ul > li > div > time {display:block; vertical-align:middle; width:100%; padding:10px 5px 10px 0; font-weight:bold; color:#000; font-size:14px}
	.calendar > ul > li > div > time span.Ym {font-size:10px; display:none; margin-bottom:5px}
	.calendar > ul > li > div > time span.W {margin-left:5px;}
	.calendar > ul > li > div > time p {font-weight:normal; line-height:20px; margin-top:5px; font-size:16px; text-align:center; line-height:1.5}
	.calendar > ul > li > div.today {background:#f4f4f4}
	
}

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

	.guide .photo {gap:20px}
	.guide .photo.five {grid-template-columns:1fr 1fr 1fr}
	
	.guide .service {grid-template-columns:1fr 1fr 1fr; gap:20px}
	
	.inquiry {padding:25px 30px 25px 90px}
	
	.about .routes {grid-template-columns:1fr}
	
	.about4 .floor_tab {width:70%}
	
	.about4 .fac .flo ul {margin-left:-5px}
	.about4 .fac .flo ul li {width:calc(33.33% - 5px); margin-left:5px}
	.about4 .fac .flo ul li:nth-child(n+4) {margin-top:10px}
	.about4 .fac .flo ul li a {font-size:16px}
	
	.about .talent .t_box .left {padding: 10px 40px 0}
	.about .talent .t_box .right {padding:30px 40px 25px}
	
	.about .history_box::before {display:none}
	.about .year_wrap h4::before {display:none}
	.about .history_box {flex-wrap:wrap; gap:30px}
	.about .history_box .year_wrap {width:100%; align-items: flex-start}
	.about .history_box .list_wrap {width:100%}

}


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

	.sub_page {font-size:15px; padding-bottom:40px}
	.sub_page .section {margin-bottom:40px}
	
	.sub_visual > div {height:120px; padding-top:30px; background:none}
	.sub_visual > div h2 {font-size:30px; margin-top:15px; margin-bottom:20px}
	
	.sub_visual > div .page_navigation span {background-size:15px; padding-left:20px; font-size:15px; line-height:15px; height:15px}
	
	nav.sub_menu {height:40px}
	nav.sub_menu a.m1 {height:40px; line-height:40px; font-size:16px}
	nav.sub_menu ul li {line-height:40px; height:40px}
	nav.sub_menu ul li a {font-size:15px}
	nav.sub_menu ul li a > span {height:40px}
	nav.sub_menu ul li a.long {line-height:40px}
		
	.container {padding-top:50px}
	
	h3.tit {font-size:27px; margin-bottom:50px}
	h4.tit {font-size:22px; margin-bottom:30px}
	h4.tit:before {top:5px}
	h5.tit {font-size:18px; margin-bottom:20px}
	
	.nav_tab1 {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab1 a {font-size:16px; height:40px; flex-basis:unset; box-sizing:border-box}
	
	.nav_tab1.two {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab1.two a {font-size:16px; height:40px; flex-basis:unset; box-sizing:border-box}
				
	.sub_page .btn_area {margin-left:-5px}
	.sub_page .btn_area a,
	.sub_page .btn_area input,
	.sub_page .btn_area button {margin-left:5px}
	
	.inquiry {padding:20px 30px 20px 70px}
	.inquiry i {padding:12px; left:15px;}
	
	.guide .title {border-radius:50px}
	
	.guide .procedure_m {display:block}
	.guide .procedure_pc {display:none}
	
	.guide .photo {gap:10px; grid-template-columns:1fr 1fr}
	.guide .photo.four {grid-template-columns:1fr 1fr}
	.guide .photo.five {grid-template-columns:1fr 1fr}
	
	.guide .step {grid-template-columns:1fr 1fr}
	.guide .step li:nth-child(3)::before {display:block}
	.guide .step li:nth-child(2)::before {display:none}
	
	.guide .step2 li {padding:20px}
	.guide .step2 li::before {transform:scale(60%); top:40%}
	
	.guide .service {grid-template-columns:1fr 1fr}
	
	.guide .procedure_pc {display:none}
	.guide .procedure_m {display:block}
	
	.guide .maintenance_pc {display:none}
	.guide .maintenance_m {display:block}
	
	.guide .system_pc {display:none}
	.guide .system_m {display:block}
	
	.join .kind.four {grid-template-columns:1fr 1fr}
	
	.join .title {padding:30px}
	
	.about .greeting {padding:40px 30px}
	.about .greeting .txt p {margin:40px 0 20px}
	
	.about .ci_pc {display:none}
	.about .ci_m {display:block}
	
	.about .routes .route > ul > li:first-child::before {width:16px; height:16px}
	.about .routes .route > ul > li:first-child::after {width:8px; height:8px; bottom:23px}
	.about .routes .route > ul::before {left:8px}
	.about .routes .route > ul > li::before {left:-50px}
	.about .routes .route > ul > li:last-child::before {width:16px; height:16px}
	.about .routes .route > ul > li:last-child::after {width:8px; height:8px; bottom:23px}
	
	.about4 .floor_tab {width:100%}
	.about4 .floor_tab li a {font-size:16px}
	
	.about4 .fac .flo ul li {padding:0 5px; height:45px; display:flex; align-items:center; justify-content:center}
	.about4 .fac .flo ul li a {font-size:14px}
	
	.about .goal li {padding:20px}
	
	.about .mv {margin-bottom:50px}
	.about .mv > div {width:250px; height:250px}
	.about .mv > div:after {width:290px; height:290px}
	.about .mv > div:nth-child(2) {margin-left:0}
	.about .mv > div h5 {font-size:22px}
	.about .mv > div p {font-size:18px}
	
	.about .talent .t_box .left {padding: 10px 30px 0}
	.about .talent .t_box .right {padding:20px 30px 15px}

}


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

	nav.sub_menu .inner div {width:100%; padding-left:20px}
	nav.sub_menu .inner div.m1 {display:none}
	nav.sub_menu .inner div a.mm i {width:15px; height:7px; background-size:15px; right:20px}
	nav.sub_menu .inner div > ul li a {padding-left:20px}
	
	.inquiry strong {display:block; padding-left:0}
	
	.guide .step2 {grid-template-columns:1fr 1fr}
	.guide .step2 li:nth-child(2n)::before {display:none}
	.guide .step2 li:nth-child(3)::before {display:block}
	
	.join .kind {grid-template-columns:1fr}
	
	.about6 .top {flex-wrap:wrap}
	
	.about6 .map_txt {flex-wrap:wrap}
	.about6 .map_txt ul {margin-top:20px}
	
	.about .value {grid-template-columns:1fr; gap:10px}
	
}


@media all and (max-width:420px){
	
	.nav_tab1 a {width:calc(100% - 1px); border:1px solid #eee}
	.nav_tab1 a:nth-child(n+2) {margin-top:1px}
	
	.nav_tab1.two a {width:calc(100% - 1px); border:1px solid #eee}
	.nav_tab1.two a:nth-child(n+2) {margin-top:1px}
	
	.guide .photo {grid-template-columns:1fr}
	.guide .photo.four {grid-template-columns:1fr; gap:10px}
	.guide .photo.five {grid-template-columns:1fr; gap:10px}
	
	.guide .photo2 {flex-wrap:wrap; gap:10px}
	.guide .photo2 .img {width:100%}
	
	.about .routes .route {padding:40px 30px}
	.about .routes .route > ul {padding-left:40px}
	.about .routes .route > ul > li:first-child::before {left:-37px}
	.about .routes .route > ul > li:first-child::after {left:-33px}
	.about .routes .route > ul > li:last-child::before {left:-37px}
	.about .routes .route > ul > li:last-child::after {left:-33px}
	.about .routes .route > ul > li::before {left:-30px}
	
}

@media all and (max-width:380px){
	
	.join .title2 {padding:30px}
	
	.guide .step {grid-template-columns:1fr; gap:30px}
	.guide .step li::before {top:103%; right:47%; transform:rotate(90deg)}
	.guide .step li:nth-child(2)::before {display:block}
	
	.join .kind.four {grid-template-columns:1fr}
	
	
}