@charset "UTF-8";

@media all and (max-width:1400px) {
	.wrap-section {width:100%;}
	.main-content {padding-top:90px;}
	.main-content .wrap-section {flex-direction:column-reverse; padding: 2rem;}
	.main-content .wrap-section .visual-container {flex-basis:100%; width:100%; height:330px;}
	.main-content .wrap-section .visual-container .slick-list, 
	.main-content .wrap-section .visual-container .slick-track {height:330px;}
	.main-content .wrap-section .visual-container .item .visual01,
	.main-content .wrap-section .visual-container .item .visual02 {background-size:cover;}
	.main-content .wrap-section .link {flex-direction:row; height:100%; width:100%; gap:1rem; margin:1rem 0; flex-basis: inherit;}
	.main-content .wrap-section .link > div {width: calc(50% - 0.5rem);}
	.main-content .wrap-section .login {display:none;}
	.page-view .wrap-section {padding: 2rem; flex-wrap: inherit; height:auto;}
	.page-view .wrap-section .top-link {padding: 2rem 0; height:auto; flex-wrap: wrap;}
	.page-view .wrap-section .top-link a.link {flex:1 1 20%;}
	.page-view .wrap-section .bottom-link {position:static; height:auto; flex-direction:column; border-radius:20px;}
	.page-view .wrap-section .bottom-link .link-list {flex:1 1 100%; width:100%; padding:2rem 0; border-bottom:1px solid #ddd;}
	.page-view .wrap-section .bottom-link .link-list:first-child {padding:0 0 2rem;}
	.page-view .wrap-section .bottom-link .link-list:last-child {padding:2rem 0 0; border-bottom:0px;}
	.page-view .wrap-section .bottom-link .link-list:after {display:none;}
	.main-board-wrap {top:0px;}
	.main-board-wrap .wrap-section {padding: 0 2rem;}
	.main-board-wrap .fl-section {float:none; width:100%;}
	.main-board-wrap .fr-section {float:none; width:100%; margin-top:2rem;}	
	.wrap .header {position:fixed; height:90px; width:100%;}
	.wrap .header .wrap-section .top-nav {position:fixed; width:200px; top:90px; right:-200px; float:none; flex-direction: column; float: none; background:#1E3D7B; transition: all .25s linear;}	
	.page-view {padding:0px;}
	.footer {width:100%; border-radius:0px; margin-top:0px;}
	.mobile-menu {display:block;}
	.wrap .header .wrap-section {justify-content: center; align-items: flex-start; flex-direction: column; padding: 5vmin;}
	.wrap .header .wrap-section .nav-dropdown {width:100%; height:auto; flex-direction:column;}
	.wrap .header .wrap-section .nav-dropdown .nav-menu {position:static; transform: translate(0%, 0%); width:100%;}
	.wrap .header .wrap-section .nav-dropdown a.title-depth {color:#fff; text-align:left; width:100%; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,0.2);}
	.wrap .header .wrap-section .nav-dropdown a.title-depth:hover {color:#fff;}
	.wrap .header .wrap-section .nav-dropdown:hover a.title-depth {color:#fff;}
	.wrap .header .wrap-section .nav-dropdown .nav-menu a {background:#fff; color:#2e489c; text-align:left; border-bottom-color:#ccc;}
	.wrap .header .wrap-section .nav-dropdown .nav-menu a:hover {background:#fff; color:#c62d1e;}
	.footer .wrap-section {padding: 0 2rem;}

	.respons-sub {flex-direction:column!important;}
	.sub-top {background-size:cover; background-position:0% 50%;}
	.active.fade-right {animation:none;}
	.history-img > div:nth-child(1),
	.history-img > div:nth-child(3) {left:0}
	.history-img {right:1rem;}
	.bookmark {display:none;}
	
}

@media all and (max-width:1000px) {
	.footer .wrap-section {flex-direction:column; align-items: flex-start;}
	.footer .footer-link {flex-direction:row; align-items:center; margin-top:1rem; gap:20px;}
	.footer .footer-link a:before {display:none;}
	.sub-container .sub-lnb {position:absolute; left:calc(-100% - 50px); transition: all .2s ease;}
	.sub-container .sub-content {float:none; width:100%;}
	.sub-top { justify-content:center;}
	.sub-top .txt {left:0px;}
	.sub-top .txt small,
	.sub-top .txt h3 {text-align:center; }
	.history-img {display:none;}
	.mobile-lnb {display:block;}
	.mobile-lnb-close {position:absolute; right:-20px; top:50%; width:20px; height:60px; background:url('../../images/aspens/lnbbtn-on.png') no-repeat 50% 50%; transform:translate(0, -50%); text-indent:-9999px; display:block;}
	
	.main-content .wrap-section {padding:2rem 3rem;}
	.sub-container {margin:1rem 0 2rem; padding-right: 0% !important;}
	.sub-container .sub-content .title {height:60px;}

	.sub-message {font-size:0.9rem;}
	.sub-message br {display:none;}
	

	.tbl-search table.tbl-schBox {float:none; width:100%;}
	.tbl-search .tbl-button {float:none; width:100%; position:static;}
	table.tbl-schBox, table.tbl-schBox thead, table.tbl-schBox tbody, table.tbl-schBox th, table.tbl-schBox td, table.tbl-schBox tr {display: block;}
	table.tbl-schBox thead tr {position: absolute; top: -9999px; left: -9999px;}
	table.tbl-schBox th {text-align:center!important;}
	table.tbl-schBox td {text-align:center;}
	table.tbl-schBox td .chx-item {justify-content:center;}

	.link-area a {flex:1 1 100%;}
	
}

@media all and (max-width:620px) {
	.main-content .wrap-section .link > div {width:100%;}
	.page-view .wrap-section .top-link a.link {flex:1 1 40%;}
	.page-view .wrap-section .bottom-link .link-list span {right:0px;}
	.main-board-wrap ul li a.list em, .main-board-wrap ul li .list-btn em {width:100%;}
	.main-board-wrap ul li .list-btn a.button {position:static; transform: none; margin-top:1rem;}
	.main-board-wrap ul li a.list, .main-board-wrap ul li .list-btn {height:auto;}
	.slick-dots {bottom:2rem; left:2rem;}
	.visual-txt {top:2rem; left:2rem;}
	.visual-txt h3 {width:60%; font-size:20pt;}

	.wrap .header .logo a {width: 200px; height: 45px;}
	.page-view .wrap-section .bottom-link .link-list p br {display:none;}
	.page-view .wrap-section .bottom-link .link-list span {position:static; opacity:0.15;}
	.footer .copy ul li:nth-child(2) {flex-direction:column; gap:0;}
	.footer .copy ul li:nth-child(3) {margin-top:0.5rem;}
	.footer .footer-link {flex-wrap:wrap; gap:3px;}
	.footer .footer-link a {flex:1 1 100%; margin:0;}
	.sub-top {height:110px;}
	.sub-top .txt h3 {font-size:14pt;}

	
	.ui-list .box ul li.name {text-align:center; display:block;}
	.ui-list > .box,
	.intro-wrap,
	.terms-apply,
	.section .content-container,
	.login-menu .login-item,
	.organ-wrap .organ-list {flex-direction:column;}
	.organ-wrap .organ-list .item h3:after {display:none;}
	.intro-wrap .img,
	.intro-wrap .txt-area {width:100%;}
	.intro-wrap .img {margin:0;}
	.intro-wrap .img:before {display:none;}
	.photo {top:0;}
	
	.history-wrap {background:#f7f7f7;}
	.history-wrap:before {display:none;}
	.history-wrap .history-bx dl:before {display:none;}
	.history-wrap .history-bx dl {padding:0;}
	.history-wrap .history-bx dl dt:after {display:none;}
	.history-wrap .history-bx dl dd {left:-2px; font-size:0.75rem;}
	.history-wrap .history-bx dl dd:before {display:none;}
	.history-wrap .history-bx dl dd strong {min-width:auto; font-size:0.75rem; margin-right:10px; display:block; text-align:left;}
	.sub-container .sub-content .login-area {width:100%; }
	
	.login-menu .login-item a,
	.login-item > div  {margin:0.8rem 0;}
	.terms-apply {gap:0.5px;}

	table.tbl-board, table.tbl-board thead, table.tbl-board tbody, table.tbl-board th, table.tbl-board td, table.tbl-board tr {display: block;}
	table.tbl-board thead tr {position: absolute; top: -9999px; left: -9999px;}
	table.tbl-board th {text-align:center!important;}
	table.tbl-board td {text-align:center;}
	p.m-ssg {text-align:center;}
	.w-100 {width:50px!important;}
	p.m-ssg:before,
	p.mtb-ssg:before {display:none;}


	table.tbl-schBox td .chx-item {flex-direction:column; gap:4px;}
	#notice colgroup col:nth-child(1),
	#notice colgroup col:nth-child(2),
	#notice colgroup col:nth-child(4),
	#notice colgroup col:nth-child(5),
	#notice colgroup col:nth-child(6),
	#notice colgroup col:nth-child(8) {display:none;}
	
	#notice colgroup col:nth-child(3) {width:80%}
	#notice colgroup col:nth-child(7) {width:20%}

	#notice tr td:nth-child(1),
	#notice tr td:nth-child(2),
	#notice tr td:nth-child(4),
	#notice tr td:nth-child(5),
	#notice tr td:nth-child(6),
	#notice tr td:nth-child(8) {display:none;}
	#notice tr th:nth-child(1),
	#notice tr th:nth-child(2),
	#notice tr th:nth-child(4),
	#notice tr th:nth-child(5),
	#notice tr th:nth-child(6),
	#notice tr th:nth-child(8) {display:none;}


	.p-page-link {width:20px; height:20px; line-height:18px; font-size:0.85rem;}
	#reservation {overflow:auto; align-items: flex-start;}
	#reservation .tbl-datail {width:1000px;}
	.myReserved .table-wrap {overflow:auto; align-items: flex-start;}
	.myReserved .table-wrap .tbl-datail {width:1000px;}

	.fc-view-harness {overflow:auto;}
	.fc-view-harness .fc-daygrid  {width:1000px;}
	.fc .fc-toolbar-title {font-size:12pt;}

	.tbl-txt .tbl-chxArea .list {padding:0;}
	.useChx {text-align:center;}
	.tbl-txt .tbl-chxArea .list {width:100%;}
	.tbl-txt .tbl-chxArea {flex-direction: column;}

	.respons-table {overflow:auto; align-items: flex-start!important;}
	.respons-table .tbl-datail {width:1000px;}
	.process-area {grid-template-columns: repeat(2, 1fr);}

}

@media all and (max-width:480px) {
	.process-area {grid-template-columns: repeat(1, 1fr);}
	.tech-btn {flex-direction:column;}
	.tech-btn a {width:100%; text-align:center;}
}