@media all and (max-width: 811px) and (orientation:portrait){

	body {
	    width: 100%;
	    height: max-content;
	    display: block;
	    position: absolute;
	}

	a.logo{
		display: none;
	}

	nav{
		display: none;
	}

	.m-header-box {
	    display: block;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    height: 45px;
	    background: #fff;
	    z-index: 999999999;
	    overflow: hidden;
	    transition: height 0.1s;
	}

	.header_bg {
		display: none;
	}

	.m-header-box.softly{
		height: 106px;
		/*height: 124px;*/
		transition: height 0.1s;
	}

	.current-box {
	    margin-top: 22px;
	    width: 100%;
	}

	/*.m-logo {
		display: block;
	    padding: 15px;
	    width: max-content;
	    float: left;
	    position: fixed;
	    top: 0 !important;
	    height: auto;
	    left: 0;
	}*/

	.m-logo {
	    display: block;
	    padding: 16px 15px 13px 15px !important;
	    float: left;
	    position: fixed;
	    top: 0 !important;
	    height: auto;
	    left: 0;
	    width: 16% !important;
	}



	.m-logo-img {
		width: 25.85px;
		margin-bottom: 0;
	}

	span.logo-n {
	    letter-spacing: 2px;
	    display: inline-block;
	}

	span.logo-s, span.logo-a {
	    display: inline-block;
	}

	.artist .bottom {
	    padding-left: 0;
	}

	.m-menu-btn {
	    display: block;
	    position: fixed;
	    right: 0;
	    /* float: right; */
	    padding: 16px 15px 13px 15px !important;
	    font-size: 15px;
	}

	.m-menu-close-btn {
	    display: none;
	    position: relative;
	    float: right;
	    padding: 15px;
	    z-index: 99999999999;
	    font-size: 15px;
	}


	main {
	    padding: 0 15px 0 15px;
	    min-height: 100vh;
	        top: 20px;
	}

	main.exhibitions {
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 100%;
	    overflow-x: hidden;
	}

	main li.current-state:hover figure {
		    display: none;
		}


	ul.current-exhibition li.current-state {
	    display: flex !important;
	    height: 100%;
	    width: 100%;
	    position: relative;
	    padding: 0 0 15px 0 !important;
	    line-height: 21px;
	    margin-bottom: 0;
	    clear: both;
	}

	.past-box ul.past-exhibition {
	    margin-bottom: 100px;
	}

	.exhibitions .past-box {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		}

	ul.current-exhibition {
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 100%;
	    padding-bottom: 0;
	}

	ul.current-exhibition:hover li:not(:hover) {
			filter: none !important;
		}

	.exhibitions .current-box {
	    margin-bottom: 10px !important;
	    display: inline-block;
	    width: 100%;
	    height: max-content;
	}

	.m-menu {
	    display: none;
	    position: absolute;
	    padding: 16px 15px 15px 15px !important;
	    word-break: break-all;
	    /* white-space: pre-line; */
	    /* white-space: pre; */
	    background: #fff;
	    z-index: 999999999;
	    width: 100%;
	    height: auto;
	}



	/*.m-menu a {
	    display: block;
	    margin-bottom: 2px;
	    width: max-content !important;
	    font-size: 15px;
	}*/

	.m-menu a {
	    display: block;
	    margin-bottom: 6px;
	    width: 100%;
	    font-size: 15px;
	    /* float: left; */
	    width: max-content;

	}

	.m-menu a:nth-last-child(1) {
	    margin-bottom: 0 !important;
	}

	span.a-group {
	    display: block;
	    position: relative;
	    left: 45px;
	    width: 100%;
	    height: auto;
	}


	.fake-menu a {
	    display: block;
	    position: fixed;
	    /* float: left; */
	    padding: 16px 15px 13px 15px;
	    left: 45px;
	    margin: 0;
	    height: auto;
	    width: max-content;
	    top: 0 !important;
	    font-size: 15px;
	}

	.fake-menu {
		z-index: 9999999999;
	}

	li.current-state a {
	    width: max-content;
	}

	ul.current-exhibition li.current-state a span:nth-child(1) {
	    font-family: 'lausanne-na300_italic';
	    width: max-content !important;
	    float: none;
	}

	ul.current-exhibition li.current-state a span:nth-child(2), ul.current-exhibition li.current-state a span:nth-child(3) {
	    width: max-content !important;
	    display: block;
	    float: none;
	    position: relative;
	    line-height: 21px;
	    /* word-break: break-word; */
	}

		ul.current-exhibition li.current-state a span:nth-child(2) {
		    width: 100% !important;
		    white-space: pre-line !important;
		}

	ul.past-exhibition li.past-state {
	    display: block;
	    height: 100%;
	    width: max-content;
	    position: relative;
	    padding: 0 0 10px 0;
	    line-height: 21px;
	    margin-bottom: 0px;
	    clear: both;
	}

	li.past-state a {
	    display: inline-block !important;
	    position: relative;
	    width: max-content;
	}

	ul.past-exhibition li.past-state a span:nth-child(1) {
	    font-family: 'lausanne-na300_italic';
	    width: max-content !important;
	    float: none;
	    display: block;
	    position: relative;
	    clear: both;
	}

	ul.past-exhibition li.past-state a span {
	    width: max-content !important;
	    float: none;
	    padding-right: 30px;
	    display: block;
	    position: relative;
	    line-height: 21px;
	    clear: both;
	    max-width: calc(100vw - 10px);
    	word-break: keep-all;
	}

	ul.past-exhibition li:hover figure {
		display: none !important;
	}

	.header_bg {
	    display: none !important;
	}

	main.exhibition {
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 100vh;
	    padding: 0 15px 0 15px !important;
	    font-size: 15px;
	    line-height: 21px;
	    float: left;
	    clear: both;
	    top: 0;
	    overflow: scroll !important;
	}

	.exhibition .top {
	    display: block !important;
	    position: relative;
	    width: 100%;
	    height: max-content;
	    padding-right: 0 !important;
	    padding-bottom: 15px;
	    margin-bottom: 0 !important;
	    z-index: 99999;
	    padding-top: 65px !important;
	}

	.exhibition .top span:nth-child(1) {
	    font-family: inherit;
	    font-family: 'lausanne-na300_italic';
	    padding-right: 0;
	    /* width: calc(50% - 20%); */
	    display: block;
	    position: relative;
	    float: left;
	    width: 100%;
	}

	.exhibition .top span:nth-child(2), .exhibition.blur .top span:nth-child(3) {
	    display: block;
	    position: relative;
	    float: left;
	    width: 100%;
	}

	.exhibition .content {
	    overflow-y: hidden !important;
	    float: none !important;
	    height: max-content !important;
	}

	.exhibition .content .img-box {
	    display: block;
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    padding-left: 0;
	    height: auto;
	    overflow-y: hidden;
	    float: none !important;
	    /* padding-left: 10px; */
	    z-index: 99999999;
	    padding-bottom: 0;
	    padding-top: 0 !important;
	}

	.exhibition .img {
    margin-bottom: 10px !important;
}

	.exhibition .content .text-box {
	    width: 100% !important;
	    padding-right: 0 !important;
	    padding-bottom: 100px !important;
	    overflow-y: unset;
	    height: max-content !important;
	}

	.exhibition pre.description-kr {
	    padding-bottom: 50px !important;
	}

	.exhibition .bottom {
	    display: block;
	    margin: 0 !important;
	    width: 100% !important;
	    height: 45px !important;
	    padding-left: 0 !important;
	}

	.exhibition span.list-of-works {
	    height: 45px !important;
	    padding: 14px 15px 15px 15px !important;
	    width: 100%;
	}

	.zoom-box .swiper-button-next, .zoom-box .swiper-button-prev {
		display: none;
	}

	.close-btn {
	    display: block;
	    position: fixed;
	    right: 15px;
	    top: 15px;
	    z-index: 999;
	    cursor: pointer;
	}

	a.request-btn {
	    /* top: 27px !important; */
	    display: block;
	    position: fixed;
	    right: 68px;
	    top: 15px;
	    z-index: 999;
	    cursor: pointer;
	}



.zoom-box figcaption, .zoom-box2 figcaption {
padding: 0 15px 0 15px;
bottom: 15px;
}

	.zoom-box figure {
	    position: relative;
	    width: 90vw;
	    height: 70vh;
	    display: block;
	}

	.exhibition .list-of-works-box .top {
	    width: 100% !important;
	    display: block;
	    /*padding: 45px 15px 20px 15px !important;
	    top: 20px;*/
	    top: 0;
   		padding: 16px 15px 20px 15px !important;
	}

	.zoom-box2 .swiper-button-prev {
		    outline: none;
		    display: none;
		    width: 50vw;
		    height: 100vh;
		    top: 0;
		    cursor: w-resize;
		}

		.zoom-box2 .swiper-button-next {
    outline: none;
    display: none;
    width: 50vw;
    height: 100vh;
    top: 0;
    cursor: e-resize;
}


	.list-of-works-box {
	    padding-bottom: 50px !important;
	    height: 100% !important;
	    z-index: 9999999999 !important;
	}

	.list-of-works-box ul {
	    width: 100% !important;
	    height: 100% !important;
	    padding-left: 15px !important;
	    padding-bottom: 100px !important;
	    /*padding-top: 20px !important;*/
	    padding-top: 0px !important;
	}

	.list-of-works-box ul:hover li:not(:hover) {
			filter: none;
		}

	.list-of-works-box li {
	        width: 100% !important;
    padding: 0 20px 20px 0 !important;
    outline: none;
    overflow-x: hidden;
}

	.list-of-works-box ul li.active div.img {
	    display: none;
	    position: relative !important;
	    top: 0 !important;
	    right: 0 !important;
	    width: 100% !important;
	    max-width: 100% !important;
	    padding-left: 0 !important;
	    height: auto !important;
	    overflow-y: scroll !important;
	    float: none !important;
	    padding-right: 15px !important;
	    padding-bottom: 0 !important;
	    z-index: 99 !important;
	}

	.list-of-works-box ul li span {
    display: block;
    position: relative;
    white-space: pre-line;
}


	.exhibition .bottom span.back {
	    height: 45px !important;
	    padding: 14px 15px 15px 15px !important;
	    width: 100%;
	    margin-left: 0 !important;
	}


	img {
	    width: 100%;
	    height: inherit;
	    cursor: pointer;
	}

		.list-of-works-box ul li:hover div.img {
		    display: none;
		}

/******************** Artists ********************/

		ul.artists-box li:hover figure {
	        display: none;
	    }

		main.artist {
		    padding: 65px 15px 0 15px !important;
		}

		.artist .bottom span.selected-works {
		    height: 45px !important;
		    padding: 14px 15px 15px 15px !important;
		    width: 100%;
		    margin-left: 0 !important;
		}

		.bottom {
	    	margin-left: 0 !important;
		}

		ul.education-box, ul.related-exhibitions-box {
		    width: 100% !important;
		}

		ul.education-box li, ul.related-exhibitions-box li {
		    display: block !important;
		}

		ul.education-box li span:nth-child(1), ul.related-exhibitions-box li span:nth-child(1) {
		    width: 100% !important;
		    float: none !important;
		}

		ul.education-box li span:nth-child(2), ul.related-exhibitions-box li span:nth-child(2) {
		    width: 100% !important;
		    float: none !important;
		}

		ul.related-exhibitions-box li a {
		    display: block !important;
		}

		.artist .selected-works-box .top {
		    width: 100% !important;
		    display: block;
		    /*padding: 65px 15px 20px 15px !important;*/
		    padding: 16px 15px 20px 15px !important;
		    margin-bottom: 0 !important;
		}

		.artist .selected-works-box ul {
		    width: 100% !important;
		    padding: 0 15px 0 15px !important;
		    margin-bottom: 100px !important;
		}

		.selected-works-box li {
			width: 100% !important;
			float: none !important;
			padding: 0 0 20px 0 !important;
			cursor: pointer;
		}

		.artist .bottom span.back {
		    height: 45px !important;
		    padding: 14px 15px 15px 15px !important;
		    width: 100%;
		    margin-left: 0 !important;
		}

		ul.artists-box li:hover figure {
	        display: none !important;
	    }

.artists ul:hover li:not(:hover) {
    filter: none !important;
}

	    ul.artists-box:hover {
	        filter: none !important;
	    }

	    ul.related-exhibitions-box li:hover figure {
	        display: none !important;
	    }

/******************** Publications ********************/

		ul.publications {
		    width: 100% !important;
		}

		ul.publications li {
		    width: 100% !important;
		    float: none !important;
		    padding: 0 0 20px 0 !important;
		    line-height: 20px;
		}

		ul.publications li:hover figure {
		    display: none !important;
		}

		.publication .request {
			height: 45px !important;
		    padding: 14px 15px 15px 15px !important;
		    width: 100%;
		    margin-left: 0 !important;
		}

		main.publication {
		    padding: 65px 15px 0 15px !important;
		    line-height: 20px !important;
		    float: none !important;
		    overflow-y: scroll !important;
		    display: block;
		    position: relative;
		    width: 100%;
		    height: max-content;
		}

		.publication .content {
    overflow-y: hidden !important;
}

		main.publication .top {
		    padding: 0 !important;
		    margin-bottom: 20px !important;
		}

		.publication .content .text-box {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 0;
    height: max-content;
    padding-bottom: 100px !important;
    overflow-y: unset;
}

		.publication .content .img-box {
		    position: relative !important;
		    padding: 0 !important;
		    top: 0 !important;
		    right: 0 !important;
		    float: none !important;
		    width: 100% !important;
		    /* padding-bottom: 0 !important; */
		    height: max-content !important;

		}

		.publication .bottom {
		    display: block;
		    margin: 0 !important;
		    width: 100% !important;
		    height: 45px !important;
		    z-index: 99999999 !important;
		}

		.blur{
			filter: none !important;
		}

		ul.publications li span {
		    white-space: pre !important;
		}


		.zoom-box figure {
		    position: absolute;
		    margin-right: 15px;
		    width: calc(100vw - 30px);
		    height: 70vh;
		    display: block;
		    top: 50%;
		    transform: translateY(-50%);
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-position: center !important;
		}

			.zoom-box2 figure {
		    position: absolute;
		    margin-right: 15px;
		    width: calc(100vw - 30px);
		    height: 70vh;
		    display: block;
		    top: 50%;
		    transform: translateY(-50%);
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-position: center !important;
		}


		main.first-page-main {
		    display: block;
		    position: relative;
		    width: 100%;
		    min-height: max-content;
		    overflow-y: hidden !important;
		    overflow: hidden !important;
			-ms-overflow-style: none; /* IE and Edge */
		    scrollbar-width: none; /* Firefox */
		}



main.exhibition .img-box .img img, main.publication .img-box .img img {
    margin-bottom: 10px !important;
}
	    


.publication .content .text-box .description-kr {
    white-space: pre-wrap;
    font-family: 'lausanne300', sans-serif !important;
    margin-bottom: 66px;
    word-break: keep-all;
    line-height: 23px;
    padding-bottom: 50px !important;
}










} /* mobile */

@media all and (max-width: 811px) and (-ms-high-contrast: active), all and (max-width: 811px) and (-ms-high-contrast: none){








	} /* IE mobile */