@media screen and (max-width: 1200px) {
    header .header-top {
        height: 90px;
        max-width: unset;
        padding: 0 4%;
    }

    main {
        margin-top: 90px;
    }

    br {
        display: none;
    }

    header .header-top .gnb {
        display: none;
    }

    header .header-top .logo-wrap {
        width: 33vw;
        max-width: 200px;
    }

    header .header-top .btn-support {
        margin-right: 70px;
    }

    header .header-top .menu-wrap.on .menu-nav {
        overflow-y: auto;
    }

    header .header-top .menu-wrap .menu-nav > ul {
        height: auto;
        top: 45px;
        left: 0;
        transform: unset;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
    }

    header .header-top .menu-wrap .menu-nav > ul > li {
        justify-content: flex-start;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 0 20px 0;
        border-bottom: 1px solid #949494;
    }

    header .header-top .menu-wrap .menu-nav > ul > li:first-child {
        padding-top: 30px;
    }

    header .header-top .menu-wrap .menu-nav > ul > li > p {
        font-size: 23px;
        line-height: 26px;
        width: 100%;
    }

    header .header-top .menu-wrap .menu-nav > ul > li > ul {
        flex-direction: column;
        line-height: 38px;
        gap: 8px 0;
        margin-top: 20px;
    }

    .txt-wrap-1,
    .txt-wrap-2,
    .txt-wrap-3,
    .txt-wrap-4,
    .txt-wrap-5,
    .txt-wrap-6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-wrap-1 {
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .main-slide .swiper-container {
        height: calc(100vh - 105px);
    }

    .main-slide .swiper-container .swiper-button-prev,
    .main-slide .swiper-container .swiper-button-next {
        display: none;
    }

    .main-slide .swiper-container .swiper-slide .txt-wrap {
        width: 100%;
        max-width: 800px;
        padding: 0 20px;
        justify-content: center;
    }
    
    .main-slide .swiper-container .swiper-slide .txt-wrap h2 {
        max-width: 670px;
        font-size: 62px;
        line-height: 70px;
        margin: 0;
        padding-bottom: 40px;
    }

    .main-slide .swiper-container .swiper-slide-active .txt-wrap p {
        font-size: 24px;
        line-height: 30px;
    }

    .breadcrumb {
        left: 20px;
    }

    .txt-wrap-5 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .cnt-list {
        padding-right: 20px;
        padding-left: 20px;
    }

    .table-3 {
        width: calc(100% - 40px) !important;
        margin-right: 20px;
        margin-left: 20px;
    }

    .table-3 {
        width: calc(100% - 40px) !important;
        margin-right: 20px;
        margin-left: 20px;
    }

    .table.basic {
        text-align: left;
    }

    .cnt-1 .txt-wrap-1,
    .cnt-2 .txt-wrap-1,
    .cnt-3 .txt-wrap-1 {
        padding: 50px 20px 20px;
    }

    .cnt-1 .txt-wrap-1 .txt-style-1.main,
    .cnt-2 .txt-wrap-1 .txt-style-1.main,
    .cnt-3 .txt-wrap-1 .txt-style-1.main {
        max-width: 460px;
    }

    .cnt-1 .txt-wrap-1 .txt-style-1.sub,
    .cnt-2 .txt-wrap-1 .txt-style-1.sub,
    .cnt-3 .txt-wrap-1 .txt-style-1.sub {
        max-width: 800px;
    }

    .cnt-1 .cnt-inner .sub-slide-1,
    .cnt-2 .cnt-inner .sub-slide-1,
    .cnt-3 .cnt-inner .sub-slide-1 {
        padding-top: 80px;
    }
    
    .cnt-1 .txt-wrap-1 .txt-style-1.main {
        font-size: 32px;
        line-height: 48px;
        text-align: left;
    }

    .cnt-1 .cnt-inner .sub-slide-1 {
        padding-left: 20px;
    }

    .sub-slide-1 .swiper-button-wrap {
        bottom: 540px;
        right: 20px;
    }

    .cnt-2 .more-btn {
        right: 20px;
        /* top: 52px */
        /* 방한솔 */
        top: 32px
    }

    .cnt-2 .notice-wrap .notice-list {
        padding: 16px 0;
    }

    .cnt-2 .notice-wrap .notice-list .info {
        min-width: unset;
        padding-right: 18px;
        font-size: 22px;
    }

    .cnt-2 .notice-wrap .notice-list .tit {
        font-size: 22px;
    }

    .cnt-18 .table.basic {
        box-sizing: border-box;
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    .cnt-18 .table.basic tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .cnt-18 .table.basic th, 
    .cnt-18 .table.basic td {
        padding: 16px 40px;
    }

    .cnt-18 .table.basic tr td img {
        rotate: 90deg;
    }

    .cnt-4 .marquee {
        gap: 24px;
    }

    .cnt-4 .marquee.revert {
        margin-top: 24px;
    }
    
    .cnt-4 .marquee img {
        width: 300px;
    }

    .cnt-21 .article-wrap article {
        width: 100%;
    }

    .cnt-21 .txt-wrap-1 {
        padding-bottom: 50px;
    }

    .cnt-6 .tab-contents .tablist {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }

    .cnt-6 .tab-contents .tablist li {
        white-space: nowrap;
    }

    .cnt-6 .tab-contents .tabpanel.first .img-wrap, 
    .cnt-6 .tab-contents .tabpanel.last .img-wrap {
        min-width: 840px;
        border-radius: 0;
    }

    .cnt-6 .tab-contents .tabpanel .img-wrap .txt-wrap {
        left: 50vw;
        max-width: 50vw;
    }

    .cnt-6 .tab-contents .tabpanel .img-wrap .txt-wrap h3 {
        line-height: 48px;
        margin-bottom: 46px;
    }

    .txt-wrap-1 .txt-style-1.sub {
        text-align: left;
    }

    .cnt-12 .article-wrap {
        flex-direction: column;
        padding: 40px 0;
    }

    .cnt-12 .article-wrap.first {
        padding-top: 60px;
    }

    .cnt-12 .article-wrap.first::before {
        left: 0;
        height: 100%;
    }

    .cnt-12 br {
        display: block;
    }

    .cnt-12 .article-wrap article {
        width: 100%;
    }

    .cnt-12 .tab-contents .tabpanel > ul > li .year {
        font-size: 32px;
    }

    .cnt-12 .tab-contents .tabpanel > ul {
        padding: 0 20px;
    }

    .cnt-12 .tab-contents .tabpanel > ul > li > ul > li .month {
        width: 50px;
    }

    .cnt-12 .figure-wrap {
        padding: 20px;
    }

    .cnt-12 .article-wrap article .img-wrap {
        justify-content: space-around;
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    .cnt-12 .article-wrap.first h3 {
        margin-left: 80px;
    }

    .cnt-12 .article-wrap h3 {
        width: 100%;
        margin: 0 20px;
        font-size: 32px;
        line-height: 42px;
    }

    .cnt-12 .article-wrap .award {
        top: 60px;
        left: 20px;
        width: 50px;
    }

    .cnt-12 .article-wrap article p {
        margin: 20px 20px 60px;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -1px;
    }

    .cnt-13 .figure-wrap {
        gap: 18px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .cnt-13 .figure-wrap figure {
        width: calc(20% - (18px * 4 / 5));
    }

    .pc-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .cnt-13 .table.basic {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .cnt-13 .table.basic tbody tr th {
        background: rgba(232, 242, 250, 0.35);
    }

    .cnt-13 .table.basic tbody tr:first-child th:first-child {
        border-radius: 20px 0 0 0;
    }

    .cnt-13 .table.basic tbody tr:last-child th:first-child {
        border-radius: 0 0 0 20px;
    }

    .cnt-13 article {
        margin-left: 20px;
        margin-right: 20px;
        align-items: center;
    }
    
    .cnt-13 article img { 
        max-height: 240px;
    }

    .cnt-14 .figure-wrap {
      gap: 20px 60px;
      margin: 0 20px;
    }
    
    .cnt-14 .figure-wrap figure {
      width: calc(100% / 2 - (60px / 2));
    }
    
    .search-bar-wrap {
        flex-direction: column-reverse;
        margin-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-bar-wrap .info {
        width: 100%;
    }

    .search-bar-wrap .search-wrap {
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 20px;
    }

    .search-bar-wrap .search-wrap .select {
        min-width: 95px;
        font-size: 15px;
        letter-spacing: -0.5625px;
        position: relative;
    }
    
    .search-bar-wrap .search-wrap .select ul {
        width: 100%;
    }

    .search-bar-wrap .search-wrap form input {
        width: auto;
    }

    .search-bar-wrap .search-wrap .select .selected {
        padding: 0 10px;
    }

    .select ul .option {
        padding: 0 10px;
    }

    .cnt-15 .figure-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cnt-15 .figure-wrap figure {
        width: calc(50% - 15px);
    }

    .board-wrap .board-inner {
        margin: 40px 0;
    }

    .board-wrap .board-inner .tit {
        font-size: 32px;
        line-height: 48px;
        padding: 20px;
    }

    .board-wrap .board-inner .file {
        padding: 20px;
    }

    .board-wrap .board-inner .txt {
        padding: 20px 20px 40px;
    }

    .board-wrap .board-inner .file ul {
        gap: 16px 66px;
        flex-wrap: wrap;
    }

    .board-wrap .board-inner .file ul > li ol {
        flex-wrap: wrap;
    }

    .board-wrap .board-inner .table tr td {
        padding: 30px 20px;
    }

    .notice-wrap {
        margin: 0 20px;
    }

    .notice-wrap .notice-list {
        padding: 34px 8px;
        gap: 8px;
    }

    .notice-wrap .notice-list .tit {
        font-size: 15px;
        line-height: 20px;
    }

    .notice-wrap .mark .tit {
        padding: 0 0 0 64px;
    }

    .notice-wrap .mark .tit::before {
        font-size: 12px;
        height: 20px;
        width: 54px;
    }

    .notice-wrap .notice-list .info {
        justify-content: space-between;
        min-width: 130px;
        font-size: 15px;
    }

    .pagination {
        margin: 0 20px;
        width: calc(100% - 40px) !important;
    }

    .calender {
        margin: 0 20px;
    }

    .calender .table-wrap {
        width: 1000px;
    }

    .cnt-20 .figure-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cnt-20 .figure-wrap figure {
        width: calc(50% - 12px);
    }

    .cnt-17 .figure-wrap {
        padding: 20px;
        justify-content: flex-start;
    }

    .cnt-17 .figure-wrap figure {
        width: calc(50% - 12px);
        height: auto;
    }

    .cnt-17 article {
        margin: 30px 20px 50px;
    }

    .cnt-17 article {
        padding: 40px;
        gap: 30px;
    }

    .cnt-8 .box-list {
        padding: 0 20px;
    }

    .cnt-8 .box-list > ul {
        max-width: 320px;
        width: calc(100% / 3 - (10px * 2 / 3));
    }

    .cnt-8 .box-list > ul > li {
        text-align: center;
    }

    .txt-wrap-3 .txt-style-3.main {
        font-size: 58px;
    }

    .txt-wrap-4 .txt-style-4.main {
        font-size: 32px;
    }

    .cnt-7 .vision-wrap {
        flex-direction: column-reverse;
    }

    .cnt-7 .vision-wrap .img-box {
        width: 100%;
    }

    .cnt-7 .vision-wrap .green-box {
        width: 100%;
    }

    .cnt-7 .cnt-inner .txt-wrap-3 {
        top: 1030px;
    }

    .cnt-7 .vision-wrap .green-box {
        border-radius: 0;
    }

}

@media screen and (max-width: 600px) {
    .main-slide .swiper-container .swiper-slide .txt-wrap h2 {
        font-size: 42px;
        line-height: 48px;
        max-width: 460px;
    }

    .main-slide .swiper-container .swiper-slide-active .txt-wrap p {
        font-size: 16px;
        line-height: 24px;
    }
    
    .cnt-2 .notice-wrap .notice-list .info {
        font-size: 18px;
        min-width: 120px;
    }

    .cnt-2 .notice-wrap .notice-list .tit {
        font-size: 18px;
    }

    .cnt-18 .cnt-list li {
        flex-direction: column;
    }

    .cnt-18 .cnt-list li:nth-child(even) {
        flex-direction: column-reverse;
    }

    .cnt-18 .cnt-list li {
        padding: 32px 0;
    }

    .cnt-18 .cnt-list li .txt-wrap {
        padding: 16px 0 0;
    }

    .cnt-4 .marquee {
        gap: 18px;
    }

    .cnt-4 .marquee.revert {
        margin-top: 18px;
    }
    
    .cnt-4 .marquee img {
        width: 200px;
    }

    .cnt-21 .article-wrap article {
        width: 100%;
        gap: 16px;
        padding: 20px 10px;
    }

    .cnt-21 .article-wrap article img {
        width: 100px;
    }

/*     .cnt-6 .tab-contents .tabpanel.first .img-wrap {
        background: #e4f1f6;
    } */

/*     .cnt-6 .tab-contents .tabpanel.last .img-wrap {
        background: #e9e5e2
    } */

    .cnt-6 .tab-contents .tabpanel.first .img-wrap, 
    .cnt-6 .tab-contents .tabpanel.last .img-wrap {
        min-width: unset;
        border-radius: 20px;
    }

    .cnt-6 .tab-contents .tabpanel .img-wrap .txt-wrap {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: unset;
    }

    .cnt-6 .txt-wrap-2 .txt-style-2.main {
        font-size: 24px;
        line-height: 36px;
    }

    .cnt-6 .txt-wrap-2 {
        padding-top: 40px;
    }

    .cnt-6 .txt-wrap-2 .txt-style-2.sub {
        padding-top: 30px;
        font-size: 16px;
    }

    .cnt-12 .txt-wrap-4 {
        margin-top: 0;
    }

    .cnt-12 .tab-contents .tablist {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px) !important;
    }

    .cnt-12 .tab-contents .tabpanel > ul > li .year {
        font-size: 24px;
        width: calc(100% / 3);
    }

    .cnt-12 .tab-contents .tabpanel > ul > li > ul {
        width: calc(100% / 3 * 2);
    }

    .cnt-12 .tab-contents .tabpanel > ul > li > ul > li .month {
        width: 30px;
        min-width: 30px;
    }

    .cnt-12 .article-wrap article p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -1px;
    }

    .cnt-13 .figure-wrap {
        gap: 16px 8px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .cnt-13 .figure-wrap figure {
        width: calc(100% / 2 - (8px / 2));
    }

    .cnt-13 article {
        flex-direction: column;
        align-items: center;
    }
    
    .cnt-13 article img { 
        max-width: 200px;
    }

    .cnt-14 .figure-wrap {
        gap: 20px 0;
    }
    
    .cnt-14 .figure-wrap figure {
        width: 100%;
    }

    .search-bar-wrap .search-wrap form {
        position: relative;
    }

    .search-bar-wrap .search-wrap form button {
        position: absolute;
        right: 0;
        width: 60px;
    }

    .search-bar-wrap .search-wrap form input {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.5625px;
        padding-left: 16px;
        padding-right: 64px;
        width: 230px;
    }

    .cnt-15 .figure-wrap figure figcaption {
        margin: 12px 8px 12px;
    }

    .cnt-20 .figure-wrap figure figcaption {
        margin: 12px 8px 12px;
    }

    .cnt-17 .table-3 {
        min-width: 600px;
    }

    .cnt-17 .figure-wrap figure {
        width: 100%;
        height: auto;
    }

    .cnt-17 article {
        flex-direction: column;
        align-items: center;
    }
    
    .cnt-17 article img { 
        max-width: 200px;
    }

    .cnt-17 article .right {
        border: none;
        padding: 0;
    }

    .cnt-17 .table-3.type2 {
        min-width: unset;
    }

    .cnt-17 .table-3.type2 td {
        padding: 0;
    }
    
    .cnt-17 .table-3.type2 tr {
    	display: grid;
    }
    
    .cnt-17 .table-3.type2 .mt20 {
    	margin-top: 20px
    }

    .cnt-8 .box-list {
        flex-direction: column;
    }

    .cnt-8 .box-list > ul {
        max-width: unset;
        width: 100%;
        margin: 16px 0;
    }

    .cnt-8 .box-list > ul > li {
        text-align: center;
    }

    .cnt-8 .box-list > ul > ul {
        gap: 10px;
    }

    .cnt-8 .box-list > ul > ul > li {
        padding: 20px 0;
        height: auto;
    }
    
    #mFoot .footer-top .quik-link {
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 4vw;
}
/* 방한솔 시작 */
	#mFoot .footer-top .quik-link > li{
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    border-bottom: 1px solid#506077;;
	    padding-top: 6vw;
	    padding-bottom: 5.5vw;
	  }
	  #mFoot .footer-top .info1 {
	    display: flex;
	    margin-top: 6vw;
	    margin-left: 12vw;
	    margin-bottom: 4vw;
	    font-size: 3.9vw;
	    color: #C5CBDA;
	}
	#mFoot .footer-top .info1 li + li::before {
	    content: "|";
	    opacity: 28%;
	    padding: 0 16px;
	  }
	  #mFoot .footer-btm {
	  text-align: center;
	  justify-content: space-between;
	  margin: 0 auto;
	  padding: 46px 0 50px;
	  width: 100%;
	}


	#mFoot .footer-btm-right {
	  justify-content: space-between;
	  flex-wrap: wrap;
	  width: 100%;
	  text-align: center;
	}
	#mFoot .footer-btm-right .accordion {
	  position: relative;
	  margin-left: 5vw;
	  width: 90%;
	  font-size: 4vw;
	}
	#mFoot .footer-btm-right .accordion .dropdown-toggle {
	  position: relative;
	  width: 100%;
	  height: 13vw;
	  text-align: left;
	  padding-left: 3vw;
	}
	#mFoot .footer-btm-right .accordion .dropdown-toggle::after {
	  content: "";
	  position: absolute;
	  right: 0;
	  top: 50%;
	  margin-right: 5vw;
	  width: 2.5vw;
	  height: 2.5vw;
	  display: inline-block;
	  background: url("../images/common/m-dropdown-btn.png") no-repeat 0 0;
	  background-size: contain;
	}
	#mFoot .footer-btm-right .accordion .dropdown-toggle.on::after {
	  background: url("../images/common/m-dropdown-btn.png") no-repeat 0 0;
	  background-size: contain;
	  transform: rotate( 180deg );
	  top: 35%;
	}
	#mFoot .footer-btm-right .accordion .dropdown-menu {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 0;
	  text-align: left;
	  overflow: hidden;
	  padding: 0 20px;
	  border-radius: 25px;
	  background-color: #292929;
	  font-size: 4vw;
	  display: block;
	  visibility: hidden;
	  transition: all 0.5s;
	}
	#mFoot .footer-btm-right .accordion .dropdown-menu.on {
	  padding: 3vw;
	  line-height: 7vw;
	  visibility: visible;
	  height: 48vw;
	}
	.footer-btm-right .accordion .dropdown-menu li a {
	  border-bottom: 1px solid transparent;
	  /* color: #C5CBDA; */
	  line-height: 7vw;
	}
	#mFoot .footer-btm-right .accordion .dropdown-menu li a:focus {
	  border-bottom-color: #fff;
	  color: #fff;
	  font-weight: 500;
	  transition: all 0.3s;
	}
	#mFoot .footer-btm-right .sns {
	  display: flex;
	  align-items: center;
	  gap: 8vw;
	  margin-top: 13vw;
	  margin-left: 35vw;
	}
	.snsIcon1{
	    width: 3vw;
	  }
	  .snsIcon2{
	    width: 6vw;
	  }
	  .snsIcon3{
	    width: 6vw;
	  }
	  #mFoot .footer-btm-right .license {
	  display: flex;
	  gap: 5vw;
	  width: 32%;
	  margin: auto;
	  margin-top: 13vw;
	  margin-bottom: 5vw;
	}
	
	#mFoot .footer-btm-right .license li img {
	    height: 10.5vw;
	}
	.copyright {
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    margin: auto;
	}
	
	#pcFoot{
		display: none;
	}	
	/* 방한솔 종료 */
	
	.m-pt4 {
			padding-top: 4px !important;
	}
	
	.dialog-cnt {
	  width: 300px;
	}
	.dialog-cnt h3 {
	  width: 274px;
    }
    
    /* 20230302 강성관 추가 */
.oasis-img-container .gallery{
    width:100%; 
    height:auto; 
    display: inline-block;
  }
  
  .oasis-img-container .gallery .gal-item{
    width:100%; 
    position:relative;
    text-align: center;
    margin:2px;
  }
}
/* 20221221 방한솔 */
@media screen and (min-width: 601px){
		#mFoot{
			display:none;
		}
		
		.w25 {
			width: 25%;
		}
		
		
		
		mt0{
			margin-top: 0px;
		}
		
		mt30 {
			margin-top: 30px;
		}
		
		mt40 {
			margin-top: 40px;
		}
		
		/* 20221207 방한솔 */
		.justify-content-center {
			justify-content: center !important;
		}
		
		.img-wrap{
			height: 100%;
		}
}

@media screen and (min-width: 1201px){
	/* 20221207 방한솔 */
		.justify-content-center {
			justify-content: center;
		}
		
		/* .img-wrap {
			width: 377px;
  			height: 244px;
		} */
		
		/** 20221207 방한솔 추가 */
		/* .cnt-17 .figure-wrap .figure4 {
		  width: 282px;
		  height: 182px;
		} */
		
		.pt-24{
			padding-top: 24px;
		}
		
}

@media screen and (max-width: 600px) {
    .cnt-6 .tab-contents .tabpanel.first .img-wrap, 
    .cnt-6 .tab-contents .tabpanel.last .img-wrap {
        min-width: unset;
        width: 100%;
        border-radius: 20px;
        aspect-ratio: 1200 / 560;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 20% center;
    }

    .cnt-6 .tab-contents .tabpanel .img-wrap .txt-wrap {
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        max-width: 48%;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .cnt-6 .tab-contents .tabpanel .img-wrap .txt-wrap h3 {
        font-size: clamp(15px, 4.2vw, 24px);
        line-height: 1.35;
        margin-bottom: clamp(10px, 3vw, 24px);
        word-break: keep-all;
    }

    .cnt-6 .tab-contents .tabpanel .img-wrap .txt-wrap p {
        font-size: clamp(11px, 2.4vw, 14px);
        line-height: 1.5;
    }
}