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


@media all and (max-width:1200px){
	
	.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; flex-wrap:wrap}
	.nav_tab2 a {font-size:17px; height:60px; flex-basis:unset; width:calc(50% - 1px); box-sizing:border-box}
	.nav_tab2 a:nth-child(n+3) {margin-top:1px}
	.nav_tab2 a.active:before {display:none}	
	
	.about4 .strategy ul {width:85%}
	
	.about5 .talent .img {width:40%}
	.about5 .talent .txt {width:60%}
	
	.guide .top_tit .txt {padding:0 40px 0 20px}
	
}

@media all and (max-width:1024px){
		
	.sub_visual {margin-top:80px}
	.sub_visual > div {height:180px}
		
	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 a {font-size:16px; transition:none; position:relative; display:table; width:100%; height:100%; color:#888; background:none; border:none}
	nav.sub_menu ul li a.long {display:table; width:100%; height:100%}
	nav.sub_menu ul li a.long br {display:none}
	nav.sub_menu ul li a > span {height:50px}
	nav.sub_menu ul li:hover {background:#5a7ba9}
	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:#5aa9a4; 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_tab3 {flex-wrap:wrap}
	.nav_tab3 a {flex-basis:unset; width:calc(33.33% - 5px); box-sizing:border-box}
	.nav_tab3 a:nth-child(n+4) {margin-top:5px}
	
	.nav_tab3.four a {width:calc(33.33% - 5px); margin-bottom:0}
	
	.about1 .greeting {flex-wrap:wrap}
	.about1 .greeting .img {width:100%; text-align:center; margin-bottom:40px}
	.about1 .greeting .txt {width:100%; padding-left:0}	
	
	.about3 .mission li {width:calc(50% - 15px)}
	.about3 .mission li:nth-child(n+3) {margin-top:30px}
	
	.about4 .strategy ul {width:100%}
	
	.about5 .ci_txt {flex-wrap:wrap}
	.about5 .ci_txt .ci {width:100%; margin-bottom:30px}
	.about5 .ci_txt .colors {width:100%; padding-left:0}
	
	.about7 .fac > div {display:block; font-size:16px; border:1px solid #dbdbdb; box-sizing:border-box; vertical-align:top; height:100%}
	.about7 .fac .pt {width:100%; border-bottom:none}
	.about7 .fac .flo {width:100%; border-left:1px solid #dbdbdb}
	.about7 .fac .flo ul {display:flex; flex-wrap:wrap; margin-left:-10px}
	.about7 .fac .flo ul li {width:calc(25% - 10px); margin-left:10px; box-sizing:border-box}
	.about7 .fac .flo ul li+li {margin-top:0}
	.about7 .fac .flo ul li:nth-child(n+5) {margin-top:10px}
	
	.guide .notes {flex-wrap:wrap}
	.guide .note {width:47%}
	.guide .note:nth-child(n+3) {margin-top:40px}
	
	.guide .top_tit .txt {width:480px}
	.guide .top_tit .txt > li > label {width:100%; margin-bottom:10px}
	.guide .top_tit .img {width:calc(100% - 480px)}
	
	.center .staff_info {margin-left:-20px}
	.center .staff_info > div {width:calc(50% - 20px); margin-left:20px}
	.center .staff_info > div:nth-child(n+3) {margin-top:20px}
	.center .staff_info > div .img {width:40%}
	.center .staff_info > div .txt {width:60%}
	
	.facility .title {padding:30px 30px 30px 40px}
	
}


@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){
	
	.s_tab2 {margin-bottom:40px}
	
	.s_tab2.four li {width:calc(50% - 5px)}
	.s_tab2.four li:nth-child(3) {margin-top:5px}
	
	.about1 p.title {font-size:2.5em}
	
	.about2 .history_tab {margin-bottom:40px}
	.about2 .history_tab li a {padding-top:35px; font-size:17px}
	.about2 .history_tab li.active a {font-size:20px; padding-top:30px}
	
	.about2 .history .list span {display:block; width:100%; margin-top:0; padding-left:50px; box-sizing:border-box}
	.about2 .history .list span:before {width:50px; height:1px; top:50%; translate(0%, -50%); left:0}
	.about2 .history .list span:after {top: calc(50% - 8px); left:0}
	.about2 .history .list ul {display:block; width:100%}
	
	.about4 .strategy .substance {margin-bottom:50px}
	.about4 .strategy .substance span {word-break:keep-all}
	.about4 .strategy ul li .img {width:120px; height:120px; box-sizing:border-box; padding:20px}
	.about4 .strategy ul li p {width:calc(100% - 170px)}
	
	.about5 .talent {flex-wrap:wrap}
	.about5 .talent .img {width:100%; margin-bottom:30px}
	.about5 .talent .txt {width:100%; padding:0}
	
	.about5 .ci_txt .colors > div > div {height:200px}
	.about5 .ci_txt .colors > div > div.c1 {background:linear-gradient(to bottom, #667dc0 60%, #eee 40%)}
	.about5 .ci_txt .colors > div > div.c2 {background:linear-gradient(to bottom, #4cc156 60%, #eee 40%)}
	.about5 .ci_txt .colors > div > div.c3 {background:linear-gradient(to bottom, #f2a738 60%, #eee 40%)}
	.about5 .ci_txt .colors > div > div > .c_txt {position:absolute; left:20px; bottom:12px; font-weight:500}
	.about5 .ci_txt .colors > div > .txt {font-size:1em}
	
	.about7 .floor_tab {width:70%}
	
	.about7 .fac .flo ul {margin-left:-5px}
	.about7 .fac .flo ul li {width:calc(33.33% - 5px); margin-left:5px}
	.about7 .fac .flo ul li:nth-child(n+4) {margin-top:10px}
	.about7 .fac .flo ul li a {font-size:16px}
	
	.guide .step li {width:calc(50% - 30px)}
	.guide .step li:nth-child(n+3) {margin-top:30px}
	
	.center .box {flex-wrap:wrap}
	.center .box2 {width:100%}
	.center .box2+.box2 {margin-top:30px}
	
	.guide .top_tit {align-items:flex-end}
	
	.center .info {flex-wrap:wrap; padding:20px 30px}
	.center .info .left {width:100%}
	.center .info .left br {display:none}
	.center .info ul {width:100%; padding:20px 0}
	.center .info ul::before {display:none}
	.center .info.last {margin-bottom:50px}
	
	.center .photo {gap:10px}
	.center .photo p {padding:7px}
	
	.center .staff_info {margin-left:0}
	.center .staff_info > div {width:100%; margin-left:0}
	.center .staff_info > div:nth-child(n+2) {margin-top:20px}
	.center .staff_info > div .img {padding:10px 30px 0 10px; width:170px}
	.center .staff_info > div .txt {width:calc(100% - 170px)}
	
	.divide .field {flex-wrap:wrap; justify-content:center}
	.divide .field.four li {width:calc(50% - 15px)}
	.divide .field li {width:calc(33.33% - 16px)}
	.divide .field li:nth-child(n+4) {margin-top:15px}
	.divide .field.four li:nth-child(n+3) {margin-top:15px}
	
	.community .step1 {flex-wrap:wrap}
	.community .step1 li {width:calc(50% - 20px)}
	.community .step1 li:nth-child(n+3) {margin-top:20px}
	
	.facility .step3 .step_box {flex-wrap:wrap; padding-left:20px}
	.facility .step3 .step_box .left {width:100%; margin-bottom:20px}
	.facility .step3 .step_box ul {width:100%; padding-left:0}
	
	.facility .title {flex-wrap:wrap; padding:30px; text-align:center}
	.facility .title .txt,
	.facility .title .img {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-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}
		
	.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; width:calc(50% - 1px); box-sizing:border-box}
	.nav_tab1 a:nth-child(n+3) {margin-top:1px}
	
	.nav_tab2 {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab2 a {font-size:16px; height:40px; flex-basis:unset; width:calc(50% - 1px); box-sizing:border-box}
	.nav_tab2 a:nth-child(n+3) {margin-top:1px}
	
	.nav_tab3 {margin-bottom:40px}
	.nav_tab3 a {font-size:16px; height:40px; width:calc(50% - 5px)} 
	.nav_tab3 a:nth-child(n+3) {margin-top:5px}
	.nav_tab3.four a {width:calc(50% - 5px)}
	
	.s_tab {margin-bottom:40px; flex-wrap:wrap}
	.s_tab li {height:40px; flex-basis:unset; width:calc(50% - 1px)}
	.s_tab li>a {height:40px}
	.s_tab li:nth-child(n+3) {margin-top:1px}
	
	.s_tab2 {margin-bottom:30px}
	.s_tab2 ul {margin-left:-5px}
	.s_tab2 ul li {width: calc(50% - 5px); margin-left:5px; padding:10px 0}
	.s_tab2 ul li a {font-size:14px}
	
	.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}
	
	.about1 p.title {word-break:keep-all}
	.about1 p.title {font-size:2em; margin-bottom:30px}
	.about1 .greeting .img img {width:70%}	
	
	.about2 .history_tab {margin-bottom:30px}
	.about2 .history_tab li a {padding-top:30px; font-size:15px; word-break:keep-all}
	.about2 .history_tab li.active a {font-size:18px; padding-top:27px}
	
	.about2 .history .list > div {margin-bottom:40px}
	.about2 .history .list span {font-size:30px}
	.about2 .history .list ul > li {font-size:16px; padding-left:50px; line-height:1.5}
	.about2 .history .list ul > li p:before {top:8px}
	
	.about3 .mv_tit {margin-bottom:30px; margin-top:0}
	.about3 .vision {margin-bottom:50px; word-break:keep-all}
	.about3 .mission li {padding:20px}
	
	.about4 .strategy .substance {margin-bottom:40px}
	.about4 .strategy .substance span {font-size:1.5em; padding:30px 40px}
	.about4 .strategy .substance span::before {content:'“'; font-family: 'JoseonBoldMyongjo'; font-size:4em; color:#ddd; line-height:1; position:absolute; left:20px; top:30px; z-index:1}
	.about4 .strategy .substance span::after {content:'”'; font-family: 'JoseonBoldMyongjo'; font-size:4em; color:#ddd; line-height:1; position:absolute; right:20px; top:30px; z-index:1}
	.about4 .strategy ul li .img {margin-right:30px; width:100px; height:100px}
	.about4 .strategy ul li p {font-size:18px; width:calc(100% - 130px)}
	.about4 .strategy ul li p::before {width:30px; left:-34px}
	
	.about5 .ci_txt .colors > div > div {height:150px}
	.about5 .ci_txt .colors > div > div.c1 {background:linear-gradient(to bottom, #667dc0 50%, #eee 50%)}
	.about5 .ci_txt .colors > div > div.c2 {background:linear-gradient(to bottom, #4cc156 50%, #eee 50%)}
	.about5 .ci_txt .colors > div > div.c3 {background:linear-gradient(to bottom, #f2a738 50%, #eee 50%)}
	.about5 .ci_txt .colors > div > div > .c_txt {font-size:14px}
	
	.about5 .logos {grid-template-columns:1fr 1fr; gap:30px}
	.about5 .logos .ci {padding:20px}
	
	.about7 .floor_tab {width:100%}
	.about7 .floor_tab li a {font-size:16px}
	
	.about7 .fac .flo ul li {padding:0 5px; height:45px; display:flex; align-items:center; justify-content:center}
	.about7 .fac .flo ul li a {font-size:14px}
	
	.about8 .top {flex-wrap:wrap}
	.about8 .top .btn {padding:8px 20px}
	
	.about8 .map_txt {padding-bottom:40px}
	.about8 .map_txt.two {flex-wrap:wrap}
	.about8 .map_txt.two div {width:100%}
	.about8 .map_txt.two div+div {margin-top:20px}
	.about8 .map_txt i {width:45.5px; height:45.5px; padding:10px; margin-top:-10px}
	
	.guide .img.pc {display:none}
	.guide .img.mobile {display:block}
	
	.guide .notes {margin-bottom:40px}
	.guide .note {width:48%; padding:20px 10px 30px 10px}
	.guide .note:nth-child(n+3) {margin-top:20px}
	.guide .note .img {margin-top:10px}
	.guide .note p {margin:10px}
	
	.guide .txt_list {margin-bottom:40px}
	.guide .txt_list li {padding-left:90px}
	.guide .txt_list li label {padding:5px 10px}
	
	.guide .step2 ul {flex-wrap:wrap; margin-left:-30px}
	.guide .step2 li {flex-basis:unset; width:50%}
	
	.center .box2 .img {width:60px}
	.center .box2 .text {width:calc(100% - 60px)}
	.center .box2 .tit2 {font-size:1.1em}
	.center .box2 .txt2 li {padding-left:15px}
	
	.guide .top_tit .txt {width:430px}
	.guide .top_tit .img {width:calc(100% - 430px)}
	
	.guide .search_box {padding:20px 5px}
	.guide .search_box input[type="text"] {width:60%}
	.guide .search_box > * {margin:0 5px}
	
	.center .info .left {font-size:19px}
	
	.center .photo {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; text-align:center; margin-top:30px}
	.center .photo img {border-radius:25px}
	.center .photo p {margin-top:20px; background:#f1f1f1; border-radius:50px; padding:12px; box-sizing:border-box}
	
	.center .staff_info > div .img {width:150px}
	.center .staff_info > div .txt {width:calc(100% - 150px)}
	.center .staff_info > div .txt p {font-size:20px; margin-bottom:10px}
	.center .staff_info > div .txt li {padding-left:15px; font-size:15px}
	.center .staff_info > div .txt li:before {top:7px}
	
	.divide .benefit {margin-bottom:40px; padding:30px}
	
	.community .search_box ul {margin-right:10px}
	.community .search_box ul li+li {margin-left:10px}
	
	.facility .gray_box {padding:20px}

}


@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}
	
	.s_tab2.three li {width:calc(50% - 5px)}
	.s_tab2.three li:nth-child(3) {margin-top:5px}
	
	.about3 .mission li {width:100%}
	.about3 .mission li:nth-child(n+2) {margin-top:30px}
	
	.about4 .strategy ul li .img {width:80px; height:80px}
	.about4 .strategy ul li p {font-size:16px; width:calc(100% - 110px)}
		
	.guide .step {margin-left:0; padding-right:0}
	.guide .step li {width:100%; margin-left:0}
	.guide .step li:nth-child(n+2) {margin-top:30px}
	.guide .step li::before {top:auto; bottom:-26px; right:auto; left:50%; transform:translateX(-50%) rotate(90deg)}
	
	.guide .top_tit .txt {width:100%}
	.guide .top_tit .img {display:none}
	
	.center .photo {grid-template-columns:1fr; gap:20px; margin-top:20px}
	.center .photo p {margin-top:10px}
	
	.center .staff_info > div .img {width:120px; padding-top:20px}
	.center .staff_info > div .txt {width:calc(100% - 120px)}
	
	.divide .field li {width:calc(50% - 16px)}
	.divide .field li:nth-child(n+3) {margin-top:15px}
	
	.community .search_box ul {flex-wrap:wrap}
	.community .search_box ul li {width:100%}
	.community .search_box ul li+li {margin-left:0; margin-top:10px}
	
}


@media all and (max-width:420px){
	
	.nav_tab1 a {width:calc(100% - 1px)}
	.nav_tab1 a:nth-child(n+2) {margin-top:1px}
	
	.nav_tab2 a {width:calc(100% - 1px)}
	.nav_tab2 a:nth-child(n+2) {margin-top:1px}

	.about5 .ci_txt .colors {flex-wrap:wrap}
	.about5 .ci_txt .colors > div {width:100%}
	.about5 .ci_txt .colors > div+div {margin-top:30px}
	.about5 .ci_txt .colors > div > div {height:120px}
	
	.about5 .logos {grid-template-columns:1fr; gap:30px; margin-bottom:30px}
	.about5 .logos .ci {padding:30px}
	
	.guide .note .img img {width:40px}
	
}

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

}