@media all and (max-width:1400px){
	
	.container {max-width:inherit; width:100%; padding:70px 10px 0 10px}
	
	.sub_visual > div h2 {padding-left:50px}
	
}

@media all and (max-width:1300px){
	
	.guide3 .bus_line li {width:calc(33.33% - 40px); margin-right:40px; position:relative; text-align:center; border:#ddd solid 1px; box-sizing:border-box; border-radius:20px; padding-top:10px}
	.guide3 .bus_line li:nth-child(n+4) {margin-top:40px}
	.dongbu .photo.three {gap:10px} 

}

@media all and (max-width:1200px){
	
	.sub_visual {margin-top:80px}
	
}

@media all and (max-width:1024px){
	
	.sub_visual {margin-bottom:0}
	
	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:#c2dbc4}
	nav.sub_menu ul li a:hover:before {display:none}
	nav.sub_menu ul li:hover a {color:#333}
	nav.sub_menu ul li.active {background:#66b46b; 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_tab2 a {font-size:16px; padding:0 20px; padding-bottom:20px}
	
	.about4_1 .vision {flex-wrap:wrap}
	.about4_1 .vision li {width:100%}
	.about4_1 .vision li+li {margin-top:30px}
	
	.about6 .map_txt li {width:100%}
	.about6 .map_txt li+li {margin-top:20px}
	
	.about4_1 .value li {justify-content:center}	
	.about4_1 .value li+li {margin-top:30px}
	.about4_1 .value li label {text-align:center; width:65px; height:65px; background:#e61d89; border-radius:50px; color:#fff; font-size:1.4em; font-weight:bold; padding:15px; box-sizing:border-box}	
	.about4_1 .value li div {font-size:1.3em; width:120px; margin:0 30px}	
	.about4_1 .value li p {margin-right:0}	
	.about4_1 .value li span {width:100%; display:block; margin-top:30px}
	.about4_1 .value li span:before {top:-35px; left:calc(50% - 15px); transform:rotate(90deg)}
	
}


@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; border-left:1px solid #ececf1; padding:5px 0 5px 10px; box-sizing:border-box; float:left; height:auto}
	.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; font-size:15px; line-height:20px; margin-top:5px; text-align:center; line-height:1.5}
	.calendar > ul > li > div.today {background:#f4f4f4}
	
}

@media all and (max-width:768px){
	
	.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_tab2 {margin-bottom:40px}
	.nav_tab2 a {width:50%; box-sizing:border-box}
	.nav_tab2 a:nth-child(n+3) {margin-top:20px}
	.nav_tab2 a:nth-child(odd) {border-left:none}
	
	.guide .num li {width:calc(50% - 10px); padding:20px 20px 20px 60px}
	.guide .num li span {display:block}
	
	.guide3 .bus_line li {width:calc(50% - 40px)}
	.guide3 .bus_line li:nth-child(n+3) {margin-top:40px}
	
	.divide1 .info_box .img {width:100%; margin-bottom:20px}
	.divide1 .info_box .txt {width:100%; padding-left:0}
	.divide1 .info_box .txt p {text-align:center}
	
	.divide1 .benefit > div {width:100%}
	.divide1 .benefit .txt {padding-right:0; margin-bottom:30px}
	.divide1 .benefit .photo {text-align:center}
	
	.divide1 .neighbor li {width:calc(33.33% - 30px)}
	.divide1 .neighbor li:nth-child(n+4) {margin-top:30px}
	
	.divide1 .people li {width:calc(33.33% - 30px)}
	.divide1 .people li:nth-child(n+4) {margin-top:30px}
	
	.divide1 .store > div {width:calc(50% - 50px)}
	.divide1 .store > div:nth-child(n+3) {margin-top:50px}
	.divide1 .store > div img {border-radius:10px}
	.divide1 .store > div span {background:#1a8c22; color:#fff; font-weight:500; border-radius:0 0 5px 5px; padding:10px; position:absolute; left:10px; top:0}
	.divide1 .store > div ul {text-align:left; margin-top:20px}
	.divide1 .store > div ul li {position:relative; padding-left:60px}
	.divide1 .store > div ul li+li {margin-top:10px}
	.divide1 .store > div ul li label {position:absolute; left:0; font-weight:500}
	
	.divide2 .step_box li {width:calc(50% - 60px)}
	.divide2 .step_box li:nth-child(n+3) {margin-top:30px}
	
	.divide2 .part li {width:calc(50% - 30px)}
	.divide2 .part li:nth-child(n+3) {margin-top:30px}
	
	.about1 .title {flex-wrap:wrap}
	.about1 .title .img {width:100%; margin-top:0; text-align:center; margin-bottom:30px}
	.about1 .title .txt {width:100%; padding-left:0}
	.about1 .title .txt p {margin-bottom:20px; font-size:1.2em}
	
	.about2 .title {flex-wrap:wrap}
	.about2 .title .img {width:100%; margin-bottom:50px}
	.about2 .title .img img {width:400px}
	.about2 .title .txt {width:100%; padding-left:0}
	
	.about3_2 .history_tab {margin-bottom:40px}
	.about3_2 .history_tab li {display:inline-block; vertical-align:top; position:relative; width:50%; text-align:center}
	.about3_2 .history_tab li:nth-child(n+3) {margin-top:30px}
	.about3_2 .history_tab li a {padding-top:40px; font-size:18px}
	.about3_2 .history_tab li a:after {content:""; width:20px; height:20px; border:4px solid #c8c8c8}
	.about3_2 .history_tab li.active a {font-size:20px; padding-top:40px}
	
	.about3_2 .history .list > div {font-size:0; margin-bottom:40px}
	.about3_2 .history .list span {display:block; font-size:30px; margin-top:0}
	.about3_2 .history .list span:before {display:none}
	.about3_2 .history .list span:after {display:none}
	.about3_2 .history .list ul {display:block; padding:20px 0 0 0; width:100%}
	.about3_2 .history .list ul > li {font-size:16px}
	
	.about4 .talent {flex-wrap:wrap} 
	.about4 .talent .img {width:100%; text-align:center; margin-bottom:30px}
	.about4 .talent .txt {width:auto; padding-left:0; display:inline-block; margin:0 auto}
	
	.dongbu .step {flex-wrap:wrap; gap:20px}
	.dongbu .step li {width:calc(33.333% - 20px)}
	.dongbu .step.five li {width:calc(33.333% - 20px)}
	.dongbu .step li::before {right:-22px; width:20px; height:16px; background-size:20px}
	
	.dongbu .program {flex-wrap:wrap}
	.dongbu .program .img {width:100%; margin-bottom:30px}
	.dongbu .program .txt {width:100%; padding-left:0; padding-top:0}
	
}


@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; padding:0; text-align:center}
	
	.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:25px; margin-bottom:40px}
	h4.tit {font-size:20px; margin-bottom:20px}
	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}
	
	.inquiry {display:block}
	.inquiry div {display:inline-block; font-size:16px; height:auto}
	.inquiry div i {font-size:24px}
	.inquiry div label {display:block}
	.inquiry div span {margin-right:0; display:block}
	.inquiry div span strong {display:block; margin-left:0; font-size:18px}
	
	.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}
	
	.guide3 .bus_line li {width:calc(50% - 20px); margin-right:20px}
	.guide3 .bus_line li:after {width:20px; height:20px; background-size:20px; right:-20px;}
	.guide3 .bus_line li:nth-child(n+3) {margin-top:20px}
	
	.guide .call {flex-wrap:wrap}
	.guide .call > div {width:100%; font-size:1.1em}
	.guide .call > div+div {margin-top:20px}
	
	.divide1 .info_box .txt p {font-size:20px}
	
	.divide1 .way p {font-size:17px; margin-bottom:20px; word-break:keep-all}
	.divide1 .way ul li i {top:0}
	.divide1 .way ul li {word-break:keep-all}
	.divide1 .way ul li strong {display:block; margin-right:0; margin-bottom:5px}
	
	.divide1 .participate li {align-items:flex-start}
	.divide1 .participate li .icon {width:100px; height:100px; padding:20px}
	.divide1 .participate li .txt {width:calc(100% - 100px); box-sizing:border-box; padding-left:30px}
	.divide1 .participate li .txt p {font-size:17px}
	
	.news7 .info_box {padding:30px}
	
	.news7 .ethics_box {border:#eee solid 5px; padding:20px}
	.news7 .ethics li {padding-left:35px; padding-bottom:10px}
	.news7 .ethics li label {width:25px; height:25px; line-height:25px; font-size:14px}
	.news7 .ethics li p {font-size:16px; margin-bottom:5px}
	.news7 .ethics li+li {margin-top:10px}
	
	.about4_1 h4.tit span {font-size:18px}
	.about4_1 .mission {margin-bottom:40px; font-size:1.2em; word-break:keep-all}
	.about4_1 .vision {margin-bottom:40px}
	.about4_1 .vision li {padding:80px 30px 30px; word-break:keep-all}
	.about4_1 .vision li label {font-size:1.1em}
	
	.about4 .talent .img img {width:80%}
	
	.about6 .map_txt {margin-bottom:40px}
	.about6 .map_txt li {padding-left:50px}
	
	.about4_1 .value {border:#eee solid 7px; padding:50px}
	.about4_1 .value li {display:flex; flex-wrap:wrap; align-items:center}
	.about4_1 .value li+li {margin-top:20px}
	
	.about4_1 .value li div {margin-right:0}
	.about4_1 .value li p {display:block; width:150px; margin-right:0}
	.about4_1 .value li span {margin-top:40px}
	
	.dongbu .title p.tit {font-size:1.2em}
	
	.dongbu .info_list {margin-bottom:40px}
	.dongbu .info_list > li {padding-left:10px; padding-top:35px}
	
	.dongbu .photo {grid-template-columns:1fr 1fr; gap:10px}
	
	.dongbu .img_box {padding:30px}
	
	.dongbu .step {margin-bottom:40px}
	.dongbu .step li {width:calc(50% - 20px)}
	.dongbu .step.five li {width:calc(50% - 20px)}
	
	.dongbu .program .txt li {padding-top:45px}
	.dongbu .program .txt li+li {margin-top:20px}
		
}


@media all and (max-width:480px){
	
	.nav_tab1 a {width:calc(100% - 1px); border:1px solid #eee}
	.nav_tab1 a:nth-child(n+2) {margin-top:1px}
	
	.guide .num li {width:100%}
	
	.divide1 .neighbor li {width:calc(50% - 30px)}
	.divide1 .neighbor li:nth-child(n+3) {margin-top:30px}
	
	.divide1 .store {margin-left:0}
	.divide1 .store > div {width:100%; margin-left:0}
	.divide1 .store > div:nth-child(n+2) {margin-top:30px}
	
	.divide2 .step_box li img {width:120px}
	.divide2 .step_box li p {font-size:17px}
	
	.divide2 .part {margin-left:0}
	.divide2 .part li {width:100%; margin-left:0; padding:20px}
	.divide2 .part li:nth-child(n+2) {margin-top:20px}
	.divide2 .part li p {font-size:17px; margin:10px 0 5px 0}
	
	.about2 .title .img img {width:300px}
	
	.about4 .talent .txt li {padding-left:0; text-align:center}
	.about4 .talent .txt li+li {margin-top:30px}
	.about4 .talent .txt li label {position:relative; display:block; width:80px; left:auto; top:0; margin:0 auto}
	
	.about6 .map_txt {padding:20px 10px 20px}
	.about6 .map_txt li label {display:block}

}


@media all and (max-width:420px){
	
	.divide1 .people li {width:calc(50% - 30px)}
	.divide1 .people li:nth-child(n+3) {margin-top:30px}
	
	.about3_2 .history .list ul > li {padding-left:0}
	.about3_2 .history .list ul > li > label {position:relative; margin-bottom:10px}
	
	.about4_1 .value {border:#eee solid 5px; padding:30px}
	
}

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